@charset "utf-8";
/* CSS Document */

* {padding: 0; margin: 0;}

p {margin-top: 0;}

td {
	/* all cells  */
	border-bottom-width: 0px;
	border-bottom-style: solid;
	padding: 0 0.5em;
	}

#page {
	padding-top:5px;
	padding-left:5px;
	}

#banner {
/*  float container  */
/*  page banner section */
	width:950px;  /*  site width */
	min-height:66px; 
	margin-bottom:7px;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	}
	
#banner a {
	font-weight: bold;
	float:right;
	padding-right:10px;
	padding-top:5px;
	}

#banner img {
/*  this padding works in conjunction with image classes, imgRetroLogo, imgCustLogo and the div banner */
	padding-top:3px;
	float:left;
	}

#banner img.imgCustLogo {
/*  customer image in portal_main banner section - fixed image size of 175px W x 60px H */
/*  this finer-grain class control for the customer logo is do to two images contained within the banner div */
	padding-right:5px;
	float: right;
}

.imgRetroLogo {
/*  retrofit logo in portal_main (all pages) banner section - fixed image size of 175px W x 60px H */
	float:left;
}

#signOut {
/*  float container  */
	width:950px;
	}

#signOut a {
	font-weight: bold;
	padding-right:10px;
	float:right;
	color: #FF0000;
	}

#Exit {
/*  float container  */
	width:950px;
	}
	
#Exit a {
	font-weight: bold;
	padding-right:10px;
	float:right;
	color: #FF0000;
	}
	
#verInfo {
	font-size: 9px;
	margin-left: 10px;
	color: #999999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

#header {
	width:950px;
	line-height: normal;
}

#header p {
	padding-left:10px;
	line-height: normal;
	/* font-size:small; */
}

.fontSizeHeader {
/*  used in header files  */
	font-size:12px;
}

.fontSizeHeader2 {
/*  used in header files  */
	font-size:10px;
      color: #666000;
}

html { overflow: -moz-scrollbars-vertical !important; }

#navHdr {
	margin-left: 30px;
	width: 950px; /*  */
	margin-top: 10px;
	margin-bottom: 10px;
}

.noBorderNav {
	border-style: none;
	}

.noBorderRO {
	border-style: none;
	padding-left: 3px;
}

body {
	line-height: 1.25;
	text-align: left;
	font-family:Verdana,"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 11px;
}

h1, h2, h3 {
	font-family:Verdana,"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 13px;
}
	
.styleFeedback {
/*  user feedback - error condition (red, bold) */
	margin-top: 15px;
	font-size: 12px;
	width: 950px;
	text-align: center;
	font-weight: bold; 
	color: #FF0000;
}

.styleFeedbackPlain {
/*  user feedback - error condition (red, plain) */
	font-style: normal;
	font-weight: normal;                                                              
	margin-top: 15px;
	font-size: 12px;
	width: 950px;
	text-align: center;
	color: #FF0000;
}

.style1Text {
/*  user feedback - requirement (red-ish, bold)*/
	font-weight: normal;    /*  font-weight: bold;  */
	color: #990000;
}

.style2TextC { 
/*  table entry info (blue, plain, center) */
	text-align: center;            
	color: #000099;
}

.style2TextL { 
/*  table entry info (blue, plain, left) */
	text-align: left;            
	color: #000099;
}

.style3Text { 
/*  field label note (blue, plain, smaller font) */
	font-size: 9px; 
	color: #000099;
}

.style4Text { 
/*  field label note (blue, plain, medium font) */
	font-size: 11px; 
	font-weight: bold;
	color: #000099;
}

.styleChkBox { 
/*  checkbox text (blue, plain, medium font) */
	font-size: 11px; 
	color: #000099;
}

.styleUserInfo {
/*  user information (red-ish, bold)*/
	padding-top: 2px;
	padding-bottom: 8px;
	width: 950px;
	text-align: center;
	font-weight: normal;   /*  font-weight: bold;   */
	color: #990000;
}

.styleUserInfoG {
/*  user information (green-ish, bold)*/
	padding-top: 2px;
	padding-bottom: 8px;
	width: 950px;
	text-align: center;
	font-weight: bold; 
	color: #005c00;
}

.imgBorder1 {
/* new request images on portal_main */
	height: 37px;
	width: 28px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
}

tr.tableHdr td.sortStyleL {
/* a cell whose row has a class of tableHdr */
	text-align: left;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	}
	
tr.tableHdr td.sortStyleC {
/* a cell whose row has a class of tableHdr */
	text-align: center;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	}
	
.tdCellStyle1 {
	text-align: center;
	font-weight: bold; 
	color: #880101;
}

.tdCellStyle2 {
/*  table cell left edge padding */
	padding-left: 3px;
}

#visualDiv {
	/*  visual element for interface consistency */
	margin-bottom: 5px;
	margin-top: 3px;
	height: 3px;
	background-color: #b1abab;
	/* i removeda fixed width to allow header to stretch with results tables.*/ 
	/* width: 950px; */
}

#visualDivMain {
/*  visual element for separating footer */
	clear:both;
	width: 700px; /* a little smaller than the site width = 950px */
	margin-left: 125px;  /* (site width 950px - element width 700px)/2 */
	margin-top: 10px;
	height: 1px;
	background-color: #b1abab;

}

#main_footer {
	clear:both;
	padding-top:3px;
	padding-bottom:5px;
	width:950px;
	text-align: center;
	}
	
#footer {
	clear:both;
	padding-top:20px;
	padding-bottom:10px;
	width:950px;
	text-align: center;
	}

#input {
	padding: 0em 1em;
	text-align: left;
	font-family:Verdana,"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:11px;
}

.inputPortalEntry {
	text-align: center;
	width:950px;
	padding: 20px;
}

.inputform {
	text-align: left;
/*	width: 950px;  */
	padding: 0px;
}

.inputformRO {
/*	width:950px;  */
	padding: 0px;
}

h1 {
/*  this h1 section is for portal_Main. the only difference between it */ 
/*  and the other for h2 is the width parameter. this one is fixed. */
	padding-bottom: 3px;
	padding-top: 3px;
	width: 950px;
	color:#ffffff;
	background-color:#551886;
	text-align:center;
	margin-bottom: 10px;
	font-size: 13px;
}

h2 {
/*  this h2 section is for section headings. this one is fixed width. */
	clear: both;  /* float clear */
	border-top-color: #454343;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #818181;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 3px;
	padding-top: 3px;
	width: 950px;
	color: #000000;
	background: #b1abab;
	text-align:center;
	margin-bottom: 10px;
	font-size: 13px;
}

#portalMainSvcContainer {
/*  float container 
    i created a separate div for the service section with the intent of 
    controlling the white space between it and the equipment section below it. */
	padding-top: 10px;
	padding-bottom: 5px;
	width: 950px;
	}

#portalMainEqpContainer {
/*  float container 
    i created a separate div for the equipment section with the intent of 
    controlling the white space between it and the service section above it. */
	padding-top: 10px;
	padding-bottom: 5px;
	width: 950px;
	}
	
#portalMainRqstSvc{
	margin-top: 0px;
	margin-bottom: 0px;
	width:200px;  /* site width of 950px - eqp width of 750px = 200px */
	float: right;
}

#portalMainRqstEqp{
	margin-top: 0px;
	margin-bottom: 0px;
	width:200px;  /* site width of 950px - svc width of 750px = 200px */
	float: right;
}

#portalMainSvc{
	margin-top: 0px;
	width: 750px;   /* site width of 950px - rqst btn width of 200px = 750px */
	padding: 0px;
	float: left;
}

#portalMainEqp{
	margin-top: 0px;
	width:750px;   /* site width of 950px - rqst btn width of 200px = 750px */
	padding:0px;
	float: left;
}

.portalMainBtnStyle1 {
/*  bold blue */
	font-weight: bold;
	font-size: 12px;
	color: #000066;
}

.portalMainBtnStyle2 {
/*  bold reddish */
	font-weight: bold;
	font-size: 12px;
	color: #990000;
}

.btnStyleBold {
/*  bold red */
	color: #cc0000;
	font-weight: bold;
	font-size:12px;
}

.navBtnStyle1 {
/*  bold blue */
	font-weight: bold;
	font-size: 12px;
	color: #000066;
}

#scResults{
	margin-top: 2px;
	margin-bottom: 3px;
	padding:0px;
}

#scSvcRqst{
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width:950px;
	padding-top:0px;
}

#scDetail{
	width:950px;
	margin-top: 2px;
	margin-bottom: 3px;
	padding:0px;
}

#scResultsPageCntHdr{
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 1px;
	width:950px;
}

#eqResults{
	margin-top: 2px;
	margin-bottom: 3px;
	padding:0px;
}

#eqResultsPageCntHdr{
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 1px;
	width:950px;
}

#eqSvcRqst{
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width:950px;
	padding:0px;
}

#eqEdit{
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width:950px;
	margin-top: 2px;
	margin-bottom: 3px;
	padding:0px;
}

.recCommitBtnStyle {
/*  bold greenish */
	font-weight: bold;
	color: #005c00;
}

.recCommitLblStyle {
/*  bold greenish */
	font-weight: bold;
	color: #005c00;
}

#eqDetail{
 	clear: both;
 	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width:950px;
	margin-top: 2px;
	margin-bottom: 3px;
	padding:0px;
}

#eqDetailBtns {
	padding-right: 20px;
	padding-left: 0px;
	padding-bottom: 4px;
	padding-top: 4px;
	float: left;
	width: 720px;
}

#eqDetailBtnEdit {
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	}

#eqDetailBtnRqst {
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	color: #FF0000;
}

.eqDetailBtnStyleEdit {
/*  bold greenish */
	font-weight: bold;
	font-size: 10px;
	color: #005c00;
}

.eqDetailBtnStyleRqst {
/*  bold redish */
	font-weight: bold;
	font-size: 10px;
	color: #880101;
}

#eqRemove{
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
	font-size: 11px;
	width:950px;
	margin-top: 2px;
	margin-bottom: 3px;
	padding:0px;
}

tr.underline td{
	/* a cell whose row has a class of underline  */
	border-bottom-style: solid;
	border-bottom-color: #cccccc;	                                                
	border-bottom-width: 1px;
	padding-top:3px;
	padding-bottom: 3px;
	}

tr.tableHdrInfo td {
	text-align: center;
	border-top-color: #454343;
	border-top-style: solid;
	border-top-width: 1px;
/*	border-bottom-color: #818181; */
/*	border-bottom-style: solid; */
/*	border-bottom-width: 1px; */
	padding-bottom: 3px;
	padding-top: 3px;
	background: #b1abab;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	}

tr.tableHdr td {
	/* a cell whose row has a class of tablehdr  */
	border-top-color: #454343;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #818181;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 3px;
	padding-top: 3px;
	background: #b1abab;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	}
	
tr.tableFtr td {
	text-align: right;
	font-weight: bold;
	border-bottom-color: #454343;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 3px;
	padding-top: 3px;
	background: #b1abab;
	color: #000000;
}

.fontSizeDropDown {
/*  used in portal main site location menu to compensate for very long entries. */
	font-size:11px;
}

.alignCenter{
	width:950px;
	text-align: center;
}


/* ////////////////////////// */
/*  Questionable Usage start  */
/* ////////////////////////// */
/*	
.small {
	font-size:8px;
}
*/
/* ////////////////////////// */
/*  Questionable Usage end  */
/* ////////////////////////// */


/* ///////////////// */
/*  TEST CODE start */
/* ///////////////// */

/* used in file debug/floattest.php */
#eqDetailBtns2 {
	background-color: #f6ff05;
	float: right;
	width: 375px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px;
	padding-top: 4px;
}

/* used in file debug/floattest.php */
#eqDetailEdit2 {
	float: left;
	}

/* used in file debug/floattest.php */
#eqDetailRqst2 {
	float: left;
}

/* used in file debug/portal_main_bak.php */
#requestnewbutton {
	background-color: #7cff36;
	float:right;
	width: 200px;
}

/* used in file debug/portal_main_bak.php */
#buttontext {
	width:150px;
	float:left;
	text-align:right;
	color:#FF0000;
	font-weight:bold;
}

/* used in file debug/portal_main_bak.php */
#buttoncode {
	width: 50px;
	float:right;
	color:#FF0000;
}

/*  ///////////////  */
/*   TEST CODE end   */
/*  ///////////////  */


/*  //////////////////// */
/*  NO LONGER USED start */
/*  //////////////////// */


/* 
.imgCustLogo { 
/*  customer image in portal_main banner section - fixed image size of 175px W x 60px H 
 	float: right; 
 } 
 */

/*
#section h3 {
	padding-bottom: 3px;
	padding-top: 3px;
	/* remove fixed width to allow header to strecth with results tables.*/ 
	/* width: 950px; */ /*
	color:#ffffff;
	background-color:#551886;
	text-align:center;
	margin-bottom: 10px;
	font-size: 13px;
}
*/


/* 
#section {
	color:#000000;
	background-color:#ccc;
}
*/
/* 
#section p {
	margin-left:10px;
}
*/
/*  is this used any longer as a div? i think it's a class at best*/
/*
#inputform td {
	margin:0px;
	color: #880101;
}
*/
/*
#callinput {
	width:550px;
	float:left;
	background-color:#003399;
}
*/
/* 
#leftside {
	width:200px;
	float:left;
}
*/
/* 
th {
	padding: 0 0.5em;
	text-align: left;
	padding-left:1em;
	}
*/
/*
td:first-child {
	width: 190px;
	}
*/
/*  NO LONGER USED end   */
/*  //////////////////// */