body { margin: 0;  background-color: #ffffff; color: #000000; font-family: Verdana, Arial; 
	height:100%; width:100%;}
	 
/* Header Section #1e77d3 */
#header { border-top: 2px solid #3568CC; border-bottom: 1px solid #6190CD; border-right: 1px solid #6190CD;
	border-left: 1px solid #6190CD; height: 15px; background-color: #cce6ff; padding-right: 5px; text-align: right}

#headerImage {width: 100%; padding: 0px 0px 0px 5px; background-color: #ffffff;background-image: url(../Images/usasmall.JPG);} /*#fafcfe*/

#menuTop { width: 100%; font-size: 0.7em; color: #ffffff; font-weight: bold;
	background-image: url(../Images/TopMenuBar.jpg); text-align: right; padding-top: 2px; padding-bottom: 3px;}
	#menuTop ul { list-style: none; padding: 0px; margin: 0px; }
	#menuTop li { padding: 2px; margin: 0px; display: inline;}
	#menuTop li.first { border-left: none; }
	#menuTop li a:link, #menuTop li a:visited { padding-right: 2px; padding-bottom: 5px; color: #ffffff; text-decoration: none;}
	#menuTop li a:active, #menuTop li a:hover { color: #bbffbb; text-decoration: underline;}
/* Header End */

#footer { clear: both; text-align: center; font-size: 7pt; color: black; padding: 0px 2px 2px 2px; border-top: 1px solid #6190CD; background-image: url(../Images/TopMenuBar.jpg);}

#menuNavBar { padding-top: 5px; height: 10px; font-family: Verdana; font-size: 8pt; color: Navy;}

.menuLeftBar {width: 100px; height: 600px; background-color: #ebebeb; }
.menuLeftBarHorizontal {width: 100px; height: 600px;}
.menuStaItm { color: #00519C;  font-weight:bold ; font-size: 0.71em; padding: 3px; background-image: url(../Images/MenuBar.jpg); text-align: left;}
.menuStaHov { color: #006600; padding: 3px; background-image: url(../Images/MenuBar.jpg); text-align: left;}
.menuDynItm { color: #00519C;  font-weight:bold ; font-size: 0.71em; padding: 3px; background-image: url(../Images/MenuBar.jpg); border: 1px solid #bbffbb; text-align: left;}
.menuDynHov { color: #006600; padding: 3px; background-image: url(../Images/MenuBar.jpg); border: 1px solid #bbffbb; text-decoration: none;	text-align: left;}
.menuStaHov a:hover, a:visited { text-decoration: none; color: blue}
.menuDynHov a:hover, a:visited { text-decoration: none; color: blue}

#content { height: 600px; padding-right: 10px; padding-bottom: 15px}
#contentTop { font-family: Verdana; color: Navy; font-size: 13px; font-weight: bold; height: 20px; padding-top: 5px;}
#subTitle { font-family: Verdana; color: Navy; font-size: 13px; font-weight: bold; height: 20px;}
#defautPageTable { width: 100%; padding-top: 15px; font-family: Verdana; color: black; font-size: 8pt;}
.tabFwidth { width: 12%;}
.tabSwidth { width: 25%;}
.tabFSwidth { width: 37%;}
.tabTwidth { width: 63%;}
.radioButton { padding-left: 10px;}

#mainTable { width: 100%; border: 0px;}	
.tabBwidth { width: 90%;}
.tabSwidth { width: 10%;}

input { font-family: Verdana, Arial; font-size: 90%;}
select { font-family: Verdana, Arial; font-size: 90%;}
h1 { font: 150% Verdana, Arial;}

a { color: navy; text-decoration: none;}
a:hover { color: #0000cc; text-decoration:underline;}
a:link, a:visited { color: navy; text-decoration: none;}

.blackTxtFont { font-family: Verdana; font-size: 9pt; color: black; }
.blackTxtFontBold { font-family: Verdana; font-size: 9pt; color: black; font-weight:bold;}
.blackSmallFont { font-family: Verdana; font-size: 8pt; color: black; }
.navyTxtFont { font-family: Verdana; color: Navy; font-size: 10pt; font-weight:bold;}
.navySmallFont { font-family: Verdana; font-size: 8pt; color: navy}
.subTitle { font-family: Verdana; color: Navy; font-size: 16px; font-weight: bold; height: 20px;}

.blueTxtFont { font-family: Verdana; font-size: 9pt; color: Navy; }
.blueTxtFontBold { font-family: Verdana; font-size: 9pt; color: Navy;font-weight:bold; }
.blueSmallFont { font-family: Verdana; color: blue; font-size: 9pt; font-weight:normal;}
.blueTinyFont { font-family: Verdana; font-size: 7pt; color: #000066; }

.greenTxtFont { font-family: Verdana; font-size: 9pt; color: #006666;font-weight: bold;height: 20px;}
.greenFont { font-family: Verdana; color: #006666; font-weight: bold; font-size: 0.9em; height: 20px;}
.greenSmallFont { font-family: Verdana; color: #006666; font-size: 0.9em;}
.maroonTinyFont { font-family: Verdana; font-size: 1.0em; color: Maroon; }
.oliveTinyFont { font-family: Verdana; font-size: 1.0em; color: Olive; }
.tealTinyFont { font-family: Verdana; font-size: 1.0em; color: Teal; }

.formbox { border-right: #0000cc 3px dashed; border-top: #0000cc 3px dashed; border-left: #0000cc 3px dashed; 
	border-bottom: #0000cc 3px dashed; background-color: #ece9d8; padding-right: 15px; padding-left: 15px; padding-bottom: 15px; padding-top: 15px;}
.formDetail { border: solid 1px #9999cc; font-family: Verdana; color: #006666; font-weight: bold; font-size: 0.8em; background-image: url(../Images/grid_header_bg.jpg);}
	
/* Log On Web Control Styles */
.signinButton { font-family : Verdana; background-color:#FB9D00; font-size: 0.85em; color: white; text-decoration: none; font-weight: bold; cursor: hand; border: 0px solid; border-bottom-color:#F07C00; border-top-color: #FFCC00; border-right-color:#F07C00; border-left-color:#FFCC00; padding-right: 5px; padding-left: 5px; margin-bottom: 15px; margin-right: 60px;}
.signinHeader { font-family: Verdana; font-size: 1.1em; font-weight: bold; text-align: left; white-space: nowrap; color: navy; padding-top: 3px; padding-bottom: 3px;}
.signinTextbox { font-size: 0.9em; color: #000; text-indent: 3px; background-image: url(../Images/grid_header_bg.jpg); border-width: 1px; border-style: solid; border-top-color: #C6C3B3; border-right-color: #7C7D6A; border-bottom-color: #000; border-left-color: #7C7D6A; height: 16px; margin-right: 2px; margin-top: 5px; width: 155px;}
.signinLabel { font-family: Verdana; font-weight:normal; color: #333333; text-align: left;}
.signinNewUser { font-family: Verdana; font-size: 0.8em; text-transform: uppercase; color: #333333; text-indent: 3px;}
.signinErr { font-family: Verdana; font-size: 0.9em; color: red;}
.signInContent { font-family: Verdana; font-size: 0.8em; background-color: #FFFFFF; white-space: nowrap; color: #333333; padding-top: 10px; padding-bottom: 10px;}
.signinPosition { padding-top: 30px; padding-bottom: 33px; padding-left: 20px;}

.passRevButton {font-family: Verdana; background-image: url(../Images/btnSubmit.jpg); font-size: 0.85em; color: #00008b; text-decoration: none; font-weight: bold; cursor: hand; padding-right: 5px; padding-left: 5px; margin-bottom: 15px; margin-top: 10px; height:21px; margin-right: 100px; border-style: outset}
.submitButton { font-family: Verdana; background-image: url(../Images/btnSubmit.jpg); font-size: 0.85em; color: #00008b; text-decoration: none; font-weight: bold; cursor: hand; padding-right: 5px; padding-left: 5px; margin-bottom: 15px; margin-top: 10px; height:21px; border-style: outset}
.exportButton { font-family: Verdana; background-image: url(../Images/btnSubmit.jpg); font-size: 0.85em; color: #00008b; text-decoration: none; font-weight: bold; cursor: hand; height:21px; border-style: outset; margin-bottom: 5px;}

.gridHeader { background-color: #6699cc; color: white; font-size: 0.95em; width: 87%; 
	font-weight: bold; text-align: center; height: 20px; position: relative; /*top: expression(this.offsetParent.scrollTop);*/}

.gridHeader a:link {color: white;}
.gridHeader a:visited {color: white;}
.gridHeader a:active {color: white;}

.gridHeaderRight { text-align: right;}
.gridHeaderRight a:link {color: white;}
.gridHeaderRight a:visited {color: white;}
.gridHeaderRight a:active {color: white;}

.gridHeaderLeft { text-align: left;}
.gridHeaderLeft a:link {color: white;}
.gridHeaderLeft a:visited {color: white;}
.gridHeaderLeft a:active {color: white;}

.gridFooter { background-color: #6699cc; color: white; font-size: 0.95em; padding-right: 2px;
	font-weight: bold; text-align: right; height: 20px;}

.gridAltRow { background-color: #eff3fb; height: 18px; text-align: right; padding-left: 3px; padding-right: 2px;} /* #e5ecff; #e6e6fa; #f9fafb; #dde7f2; #9ac0cd*/
.gridRow { background: #ffffff; height: 18px; text-align: right; padding-left: 3px; padding-right: 2px;} /* fdfdec*/
.gridRowLevel1 { background: #f4f3ff; text-align: right; padding-left: 3px; padding-right: 2px;} /* AliceBlue=#f0f8ff*/

.gridSelectedRow { background-color: #e4ebca;}
.gridRowSelected { background-color: #6699cc;}
.gridLevelRowSelected { background-color: #f0f8ff; } /* #9999cc */
.gridRowExpArea { background-color: #6699cc;}

.gridFrame { Font-Size: 8pt; font-family: Verdana; background-color: #ffffff} /*FAFCF1*/
.gridFrame a:link { color: blue; }
.gridFrame a:visited { color: blue;}
.gridFrame a:hover { text-decoration: underline;}

.gridPage { background-color: #e6e6fa; text-align: right; border: Solid, 1px, LightSteelBlue; color: Black}
.gridPage a:link {color: navy;}
.gridPage a:visited {color: navy;}
.gridPage a:active {color: navy;}

.gridTextRight { text-align: right;}
.gridTextCenter { text-align: center;}
.gridTextLeft { text-align: left;}

/* FormView control */
#FormVSum { margin-bottom: 5px; margin-top: 10px}

.formViewStyle table { border: solid 1px #9999cc; font-family: Verdana; background-image: url(../Images/grid_header_bg.jpg); } /*  #e8eadd */
.formViewStyle table th { background-color: #e6e6fa; color: navy; font-size: 0.9em;}
.formViewStyle table td { font-family: Verdana; font-size: 0.8em; color: #006666; text-align: left; height: 15px; font-weight: bold;}
.formWidth { width: 30px}

.labelLists { font-family: Verdana, Arial; font-size:  0.7em; font-weight: bold; color: #747C6D; vertical-align: bottom;
	background-image: url(../Images/bg-labelLists.gif); text-align:left; line-height: 21px; padding-left: 5px; text-indent: 2px;
	padding-right: 5px; padding-top: 8px; padding-bottom: 1px; border-bottom-width: 1px; border-bottom-color: #FFF; border-bottom-style: solid; }
.listItem { font-family: Verdana; font-size:  0.7em; color: #333333; text-decoration: none; line-height: 10px; 
	padding-left: 5px; padding-right: 5px; padding-bottom: 2px; padding-top: 2px; white-space: nowrap; text-align: left; }

.customer { background-color:#e8eadd;}
.drpDown { width: 150px; border-style: groove;}
.textBox { width: 143px; height: 13px; border-style: inset}
.multipleTextBox { width: 143px; height: 100px; border-style: inset}
.listBox { width: 150px; height: 120px;}
.footerTable { background-color: #ffffff; width: 100%; font-weight: bold; font-size: 0.8em; border: solid 1px #9999cc;}

/* Calendar control */
.calControl { background-color: #ffffff; font-family: verdana; font-size: 8pt; width: 160px; color: black; border: solid 1px #999999; }
.calSelected { background-color: #666666; font-weight: bold; color: white;}
.calToday { background-color: #cccccc; color: black;}
.calSelector { background-color: #cccccc;}
.calWeekend { background-color: #ffffcc;}
.calOtherMonth { color: #808080;}
.calDayHeader { background-color: #cccccc; font-weight: bold; font-size: 7pt;}
.calTitle { background-color: #999999; border: solid 1px black; font-weight: bold;}

.igsDateControl { font-family: verdana; font-size: 8pt; width: 160px; color: black; border: solid 1px #A4B97F; }
.igsEditDate { background-color: #ffffff; font-family: verdana; font-size: 8pt; }
.igsSelectedDate { background-color: Transparent; color: black; border: solid 2px #BB5503; }
.igsMonthDay { color: #ACA899; }
.igsCalendar { background-color: #ffffff; border: solid 1px #A4B97F;}
.igsTodayDay { background-color: #FBE694; }
.igsTitle { background-color: #D9D9A7; }

/* dropDown control */
.cmbControl { background-color: #ffffff; font-family: verdana; font-size: 8pt;  
	color: black; border: solid 1px Gainsboro; }
.cmbRowStyle { background-color: #ffffff; font-family: verdana; font-size: 8pt;  
	border: solid 1px Gainsboro; padding-right: 5px; padding-left: 5px;}
.cmbAltRowStyle { background-color: #e0e0e0; font-family: verdana; font-size: 8pt;
	border: solid 1px Gainsboro; padding-right: 5px; padding-left: 5px;}
.cmbSelRowStyle { background-color: #4682b4; color: White; padding-right: 5px; padding-left: 5px;}
.cmbHeaderStyle { background-color: #b0c4de; border: solid 1px white; font-family: verdana; 
	font-size: 8pt; padding-right: 5px; padding-left: 5px;}
.cmbFrameStyle { background-color: #dcdcdc; border: none 1px Gainsboro; height:180px; cursor:default; width: 450px; }
	

/* Data GridView Web Control Styles */
.gridDiv { overflow: auto; width: 100%; height: 500px; scrollbar-3dlight-color: #4D5D9A; 
	scrollbar-arrow-color:blue; scrollbar-base-color: none; scrollbar-darkshadow-color:#B6B6E1; 
	scrollbar-face-color:#B6B6E1; scrollbar-highlight-color: none; scrollbar-shadow-color:#4D5D9A;}

/* Data GridView Web Control Styles */
.gridDivSmall { overflow: auto; width: 100%; height: 350px; scrollbar-3dlight-color: #4D5D9A; 
	scrollbar-arrow-color:blue; scrollbar-base-color: none; scrollbar-darkshadow-color:#B6B6E1; 
	scrollbar-face-color:#B6B6E1; scrollbar-highlight-color: none; scrollbar-shadow-color:#4D5D9A;}
	
.gridControl { font-family: Verdana; font-size: 0.85em; width: 89%; text-align: left; border: solid, 1px, LightSteelBlue; }
/* e6e6fa, dee7e7, eff3f7*/