/* 
   SD.I Profolio Manager
   Author:  Kevin P. Wojdak (kwojdak@sdienterprises.com) 

 */

/* Base Elements */
body {
	color: Black;
	background-color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
   text-align: center;
   margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	width: 100%;
}

#bodyMain {
   position: absolute;
	left: 50%;
	width: 800px;
	margin-top: 5px;
	margin-left: -400px;  /* half of width */
	padding: 0px 0px 0px 0px;
	border: none;
}

#bodyInternal {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: auto;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: none;
}

frame, frameset {
   border: none;
   border-top: 1px solid #e4e4e4;
   margin: 0;
   padding: 0;
}


a {
	color: Red;
	text-decoration: none;
}

a:hover {
	color: Gray;
	text-decoration: underline;
}
img {
   border: none;
}

embed, object {
   border: none;
}

p, ul, li {
   text-align: left;
}

dt {
   font-weight: bold;
}

select {
   font-family: arial,helvetica,sans-serif;
   font-size: 12px;
}

h1 {
   font-family: arial,helvetica,sans-serif;
   font-size: 18px;
   color: #000000;
   line-height: 20px;
   padding-bottom: 5px;
   padding-top: 20px;
   text-align: center;
}

h2 {
   font-family: arial,helvetica,sans-serif;
   font-size: 11px;
   color: #000000;
   line-height: 10px;
   padding-bottom: 0px;
}

h3 {
   font-family: arial,helvetica,sans-serif;
   font-size: 14px;
   color: #000000;
   line-height: 16px;
   text-align: left;
   padding-left: 5px;
}

h4 {
   font-family: arial,helvetica,sans-serif;
   font-size: 13px;
   color: #000000;
   line-height: 16px;
   text-align: left;
   padding-left: 0px;
   margin-left: 0px;
   
}

h5.hdrHelp {
   width: 100%;
   height: 17px;
   border: 2px solid #6d7c77;
   padding: 2px 5px 2px 5px;
}

.ital {
   font-style: italic;
}

.bold {
   font-weight: bolder;
}

/* LOGIN PAGE */
a.loginLink {
   line-height: 20px;
}

#bodyLogin {
   height: 1000px;
}

#divIntro {
   position: absolute;
   top: 220px;
   left: 0px;
   width: 380px;
   height: 150px;
   background-color: transparent;
   color: #000000;
   /*border: 1px solid #5f5f5f;*/
}

#pageBody {
   position: absolute;
   top: 220px;
   left: 20px;
   width: 780px;
   margin-top: 20px;
   height: auto; 
   background-color: transparent;
   font-size: 12px;
   text-align: left;
}

#loginIntro {
   margin-left: 0px;
   margin-right: 0px;
   padding-top: 17px;
   text-align: left;
   font-size: 15px;
   width: 380px;
   height: 100px;
}

.txtLogin {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000;
   background-color: #fff;
   
}

#divLoginInfo {
   position: absolute;
   left: 425px;
   top: 230px;
   color: #000000;
   width: 355px;
   height: 205px;
   background-image: url(../images/Login_bg.gif);
   background-repeat: no-repeat;
}

#divContactUs {
   position: absolute;
   left: 425px;
   top: 235px;
   color: #000000;
   width: 355px;
   height: 205px;
}

#divContactUs p {
   font-size: 14px;
}



#divBestViewed {
   position: absolute;
   top: 435px;
   left: 425px;
   text-align: center;
   width: 360px;
   height: auto;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: italic;
   color: #ff0000;
   background-color: transparent;
}

#divLoginLinks {
   position: absolute;
   top: 490px;
   left: 425px;
   text-align: left;
   width: 360px;
   height: auto;
   margin-left: 10px;
}

#divLoginSDIInfo {
   position: absolute;
   top: 870px;
   left: 0px;
   text-align: left;
   width: 780px;
   height: auto;
   border-top: 3px solid #cbcbcb;
   padding-top: 15px;
   padding-bottom: 30px;
}

#divHelpSDIInfo {
   position: relative;
   left: 0px;
   text-align: left;
   width: 780px;
   height: auto;
   border-top: 3px solid #cbcbcb;
   padding-top: 15px;
   padding-bottom: 30px;
}

.lnkAboutSDI {
   text-decoration: none;
   color: #000;
   background-color: #fff;
   font-size: 12px;
}

.lnkAboutSDI a:hover {
   text-decoration: underline;
   color: #c00;
}

.linkSubscribe {
   text-decoration: none;
   color: #ff0000;
   background-color: #fff;
   font-size: 14px;
   font-weight: bold;
   font-style: italic;
}

.linkSubscribe a:hover {
   text-decoration: underline;
   color: #c0c0c0;
}

.SDIdot {
   /*font-size: 16px;
   line-height: 14px;*/
   font-weight: bold;
}

.txtLoginError {
   background-color: #f00;
   color: #fff;
   text-align: center;
   height: 25px;
   width: 800px;
   font-size: 14px;
   font-weight: bolder;
   padding-top: 10px;
   padding-bottom: 3px;
}

#divErrorMsgs {
   position: absolute;
   top: 198px;
   left: 0px;
}

#fldUsername {
   position: absolute;
   top: 50px;
   left: 135px;
   border: 1px solid #656565;
}

#fldPw {
   position: absolute;
   top: 95px;
   left: 135px;
   border: 1px solid #656565;
}

#txtCaseSens {
   position: absolute;
   top: 118px;
   left:  135px;
   font-style: italic;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #fff;
   background-color: transparent; 
}

#btnSubmit {
   position: absolute;
   top: 150px;
   left: 122px;
   height: 35px;
   width: 105px;
   border: none;
   cursor: pointer;
   cursor: hand;
}

#spanCopy {
   position: absolute;
   top: 110px;
   left: 0px;
   width: 800px;
   height: 50px;
   text-align: center;
   background-color: transparent;
   color: #c0c0c0;
}

.linkCopyright {
   background-color: transparent;
   color: #c0c0c0;
}


/* NAVIGATION */
#bodyNav {
   height: 100px;
   width: 100%;
}

#divNavigation {
   position: absolute;
   top: 0px;
   left: 0px;
   background-color: #6d7c77;
   color: #928389;
   width: 100%;
   height: 208px;
   text-align: left;
}

#divNavMenu {
   text-align: left;
   height: 28px;
   width: auto;
   position: absolute;
   top: 175px;
   left: 5px;
   margin-top: 5px;
}

#divNavMenu a {
   padding: 5px 7px 5px 7px;
   background-color: #6d7c77;
   color: #ffffff;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bolder;
   text-decoration: none;
   height: 28px;
}

#divNavMenu a:hover {
   background-color: #e4e4e4;
   color: #000;
   text-decoration: none;
}

#divNavLogout {
   text-align: right;
   height: 28px;
   width: auto;
   position: absolute;
   top: 175px;
   right: -0px;
   margin-top: 5px;
}

#divNavLogout a {
   padding: 5px 7px 5px 7px;
   background-color: #6d7c77;
   color: #e4e4e4;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
   height: 28px;
}

#divNavLogout a:hover {
   background-color: #e4e4e4;
   color: #000;
   text-decoration: none;
}

#divNavMenu a.btnNavActive {
   background-color: #ffffff;
   color: #000;
}

#divNavLogout a.btnNavActive {
   background-color: #ffffff;
   color: #000;
}


/* Parameters */
#bodyParams {
   background-color: #ffffff;
   color: #000;
}

.txtParamSelect {
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   padding-top: 15px;
}

.txtParamSelectFloor, .txtParamSelectTenant, .txtParamSelectLease {
   font-size: 12px;
   font-weight: bold;
   text-align: right;
   padding-top: 15px;
}

.txtParamSelectDocs {
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   padding-top: 15px;
}

.txtParamLease {
   font-size: 10px;
   text-align: left;
   font-style: italic;

}


/* Reports */

#divRptMenu {
   font-size: 12px;
   color: #ff0000;
   text-align: left;
   margin-top: 10px;
   margin-left: 5px;
}

#divRptMenu a {
   color: #ffffff;
   background-color: #b9b9b9;
   font-weight: bold;
   height: 20px;
   width: auto;
   text-decoration: none;
   padding: 5px 10px 5px 10px;
   margin-left: 3px;
}

#divRptMenu a:hover {
   color: #ffffff;
   background-color: #ff0000;
   text-decoration: none;
}

#divRptDate {
   font-size: 10px;
   text-align: center;
   margin: 20px 10px;
}

#divEndRptLogo {
   font-size: 10px;
   text-align: center;
   margin-top: 20px;
   line-height: 40px;
}

td.tdRpt, td.tdDocRpt {
   text-align: center;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   font-size: 11px;
   padding: 3px;
}

td.tdDocRptHdr {
   text-align: center;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   font-size: 11px;
   padding: 3px;
   font-weight: bolder;
}

td.tdDocRptHdr1 {
   text-align: center;   
   font-size: 13px;
   padding: 3px;
   font-weight: bolder;
   border-bottom: 1px solid #000;
   padding-bottom: 10px;
}

td.tdDocRptHdr3 {
   font-size: 13px;
   padding: 3px;
   font-weight: bolder;
   padding-bottom: 10px;
}

td.tdDocRptHdr2 {
   text-align: center;   
   font-size: 11px;
   padding: 3px;
   font-weight: bolder;
   border-bottom: 1px solid #000;
   padding-bottom: 10px;
}

hr {
   border: none 0;
   border-top: 2px solid #000;
   width: 100%;
   height: 2px;
}
span.lblRpt {
   font-weight: bolder;
   text-align: center;
   height: 30px;
   font-size: 11px;
}

span.dtaRpt {
   text-align: center;
   font-weight: normal;
   font-size: 11px;
}

table#tblRpt, table#tblRpt2 {
   margin: 0 5px 0 5px;
   width: 99%;
   height: auto;
   border-collapse: collapse;
   border: 2px solid #000;
}

table#tblRptSearch, table#tblRpt2Search {
   margin: 0 5px 0 5px;
   width: 99%;
   height: auto;
   border-collapse: collapse;
   /*border: 2px solid #000;*/
}


table#tblRpt td.tblDocHdr {
   text-align: left;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
}

td.tdStackRpt {
   text-align: center;
}


#msgWorking {
  text-align: center;
  font-size: 14px;
  font-style: italic;
  width: 100%;
  margin-top: 2px;
}

#msgStatusBar {
   text-align: center;
   width: 100%;
}

/* Stacking Plan */
.bgZeroTermDateColor {
   background-image: url(../images/bgPeach.gif);
   background-repeat: repeat;
}

.bgOneTermDateColor {
   background-image: url(../images/bgYellow.gif);
   background-repeat: repeat;
}

.bgTwoTermDateColor {
   background-image: url(../images/bgGreen.gif);
   background-repeat: repeat;
}

.bgThreePlusYearTermDateColor {
   background-image: url(../images/bgBlue.gif);
   background-repeat: repeat;
}

.bgOtherTermDateColor {
   background-image: url(../images/bgBrown.gif);
   background-repeat: repeat;
}

/* Date Picker */
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
   
   
/* Log Off */
#divLogoff, #divLogoff p {
   font-size: 12px;
   color: #000000;
   text-align: center;
   margin-top: 10px;
}

#divLogoff a {
   color: #ffffff;
   background-color: #b9b9b9;
   font-weight: bold;
   height: 20px;
   width: auto;
   text-decoration: none;
   padding: 5px 10px 5px 10px;
   margin-left: 3px;
}

#divLogoff a:hover {
   color: #ffffff;
   background-color: #ff0000;
   text-decoration: none;
}

/* Drawings and Documents */

.colSpacer {
   width: 50px;
}

.colDocRptLabel {
   font-weight: bolder;
   text-align: left;
   vertical-align: middle;
   padding-left: 10px;
   font-size: 12px;
}

.colDocRptField {
   vertical-align: middle;
   text-align: left;
   height: 45px;
}

#ifr1 {
   position: absolute;
   top: 208px;
   left: 0px;
}

#ifr {
   position: absolute;
   top: 95px;
   left: 0px;
   border-top: 3px solid #cbcbcb;
}

.tblHdrBU {
   text-decoration: underline;
   font-weight: bolder;
   padding-left: 10px;
   padding-top: 20px;
}

.tblHdrB {
   font-weight: bolder;
}
   
td.tblDocSrchHdr {
   padding-top: 10px;
}
   
a.linkFAQ {
   color: #000;
   background-color: transparent;
   font-size: 13px;
   text-decoration: none;
   text-align: left;
}

a:hover.linkFAQ {
   color: #cc0000;
   background-color: transparent;
   font-size: 13px;
   text-decoration: underline;
}

/* Disclaimer */
.hdrColorRev {
   width: auto;
   height: 17px;
   line-height: 17px;
   background-color: #6d7c77;
   color: #fff;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: 700;
   text-align: left;
   padding: 5px 10px 5px 10px;
   font-variant: small-caps;
   position: relative;
   left: 0px;
   margin-top: 15px;
}

a.linkDisclaimer {
   color: #000;
   background-color: transparent;
   font-size: 13px;
   text-decoration: none;
   text-align: left;
   font-weight: 700;
}

a:hover.linkDisclaimer {
   color: #cc0000;
   background-color: transparent;
   font-size: 13px;
   text-decoration: underline;
}

/* Buttons */

#btndetails {
   border: none;
   cursor: hand;
   width: 180px;
   height: 25px;
   position: relative;
   top: 6px;
}

#btnPrintThisReport {
   border: none;
   cursor: hand;
   width: 173px;
   height: 30px;
   /*position: relative;
   top: 6px;*/
}

#btnShowFloorDetails {
   border: none;
   cursor: hand;
   width: 160px;
   height: 25px;
   position: relative;
   top: 2px;
}

#btnShowLeaseDetails {
   border: none;
   cursor: hand;
   width: 165px;
   height: 25px;
   position: relative;
   top: 2px;
}

#btnShowTenantDetails {
   border: none;
   cursor: hand;
   width: 170px;
   height: 25px;
   position: relative;
   top: 2px;
}

#btnViewAvailDraw {
   border: none;
   cursor: hand;
   width: 215px;
   height: 30px;
}

#btnBackToPreviousPage {
   border: none;
   cursor: hand;
   width: 195px;
   height: 30px;
}

#btnCloseThisWindow {
   border: none;
   cursor: hand;
   width: 173px;
   height: 30px;
}

#btnViewStackPlan {
   border: none;
   cursor: hand;
   width: 193px;
   height: 30px;
}

#btnLogBackIn {
   border: none;
   cursor: hand;
   width: 210px;
   height: 30px;
}

#btnReset {
   border: none;
   cursor: hand;
   width: 75px;
   height: 30px;
}

#btnGetDocuments {
   border: none;
   cursor: hand;
   width: 150px;
   height: 30px;
}