/***********************************  RESET CSS START HERE	***********************************/
html, body {
	height: 100%;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,  strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;	border: 0; font-size: 100%;}
section, article, aside, header, footer, nav, dialog, figure {display:block;}
/***********************************  RESET CSS END HERE	***********************************/

/***********************************  Login CSS START HERE	***********************************/
.loginWrapper{float: left; margin-left: 27px; text-align: justify;padding-bottom:160px;width:907px}
.loginIdPassWrapper{width:400px; height:175px;margin-left:260px; color:#006666; margin-top:100px;border-radius: 5px 5px 5px 5px;}
.loginTable{border: 1px solid #000000;    border-radius: 5px 5px 5px 5px; height:180px; background:#EEEEEE;}
.bold{font-weight:bold;}
.inputBox{width:167px;}
.inputBox_brand{width:250px;}
.selectBox{width:171px;*width:171px;}
.whiteReadOnly{background:#ffffff;border:1px solid #7F9DB9;}
.readOnlySelectBox{width:171px;*width:171px;background:#F5F5F5;border:1px solid #cccccc;}
.submitLoginWrapper{float:left; width:100%;padding-bottom:6px;}
.copyrightWrapper{float:left; width:300px;}
.designWrapper{float:right; text-align:right; width:651px;}
.loginNameWrapper{float:right;margin-top:10px;width:200px;}
.loginName{float:right;width:auto;text-align:right; margin-top: 9px;}
.loginDateTime{float:left;width:270px;text-align:left;font-size:11px;margin-top: 9px;}
.buttonWrapper{padding-top:10px;text-align:right;padding-bottom:10px;}
.leftField{padding-left:12px;}
.moduleListHeading{float:left;padding:10px 0px 7px 0px;font-weight:bold;width:100%;}
.moduleListWrapper{float:left;border:1px solid #cccccc; width:470px;}
.moduleListWrapper .moduleListWrapperRow{float:left}
.moduleListWrapper .moduleListWrapperRow .col1{float:left; width:80px !important; text-align:center;padding:7px 0px;}
.moduleListWrapper .moduleListWrapperRow .col2{float:left; width:110px !important; text-align:center;padding:7px 0px;}
.moduleListWrapper .moduleListWrapperRow .col3{float:left; width:110px !important; text-align:center;padding:7px 0px;}

.moduleListWrapper .moduleListWrapperRow .col11{float:left; width:160px; text-align:left;padding:7px 0px 7px 3px;}
.moduleListWrapper .moduleListWrapperRow .col12{float:left; width:190px; text-align:left;padding:7px 0px 7px 3px;}
.moduleListWrapper .moduleListWrapperRow .col13{float:left; width:100px; text-align:left;padding:7px 0px 7px 3px;}


.tdColLeft{width:150px;}
.tdColMid{width:300px;float:left;word-wrap:break-word;}
.tdColRight{width:150px;}
/***********************************  Login CSS START HERE	***********************************/
body{background:#ffffff; font-family:Arial !important; font-size:12px; color:#4e4e4e; }

.bodyWrapper{width:980px;float:left; padding:0px;}
#headerWrapper{ padding:0px 0px 3px 0px; width:979px; float: left; display:inline; background:#FFF;}
#headerWrapper .logo{ padding:0px; margin:20px 0px 0px 22px; border: none; float: left;}
#headerWrapper .menu{ padding:0px; margin:-4px 0px 0px 233px; width:746px; height:10px; border-top:solid 1px #006666; float: left; display:inline;}
#bodyWrapper{float:left; background:#ffffff; width:980px;margin:0 auto;font-size:12px;}
#footerWrapper {font-family: Arial, Helvetica, sans-serif;font-size: 12px;	font-weight: normal;color: #21693b;width:980px;background-color:#fff; float:left;overflow:hidden;bottom:0;}
#footerWrapper .greline {width:980px;height:10px;border-top:1px solid #c7c7c7;}
#footerWrapper .footerbtm {font-family: Verdana, Helvetica, sans-serif;font-size:16px;font-weight:bold;margin-left: 27px;padding-bottom:10px;float:left;}
#footerWrapper .uperline {width:953px;	height:10px;background-image:url(../images/trans_curb.gif); background-repeat:no-repeat;height:146px;margin-left:11px;}
#footerWrapper .footerbtm .compan {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #006666;}
#footerWrapper .footerbtm .btext {font-family: Arial;font-size: 10px;font-weight: bold;color: #888888;width:988px;}
#footerWrapper .footerbtm .btext .termstext {font-family: Arial;font-size: 12px;font-weight: bold;	color: #888888;}
.consult{font-family: Arial;font-size: 12px;font-weight: bold;color: #006666;text-align:center;}

.designBy{font-family: Arial;font-size: 11px;font-weight:bold;color:#006666;text-align:center;}
.designBy a{font-family: Arial;font-size: 10px;color: #006666;font-weight:normal;text-decoration:underline;}
.designBy a:hover{font-family: Arial;font-size: 10px;color: #006666;font-weight:normal;text-decoration:none;}

.LeftNav{width:198px;float:left;}
.IconLeftMenu{width:12px;padding-top:3px;*padding-top:1px;padding-left:1px;}
.LeftNavHeading{background-color:#e92f29;border:3px solid #ffffff;font-family:verdana;font-size:13px;font-weight:bold;font-style:normal;width:190px;height:18px;color:#ffffff;padding-left:1px;}
.LeftNavOptions{background-color:#e3524d;font-family:verdana;font-size:11px;width:190px;left:4px;height:18px;margin-top:2px;margin-bottom:2px;padding-left:1px;margin-left:3px;}
.DivStyleLeft{float:left;margin-left:2px;}

.rightNav{width:780px;float:left;}
.rowLog{float:left; background:#006666;height:32px; width:100%;}
.headerContainerBottomLeft{width:auto;text-align:left;color:#ffffff;padding-left:10px; float:left; font-weight:bold;font-family:verdana;font-size:13px;text-align:center;}
.headerContainerBottomMiddle{width:330px; float:left;}
.headerContainerBottomRight{text-align:right;padding-right:5px;float:right;font-weight:bold;font-family:verdana;font-size:11px;}
.headerContainerBottomRight a{font-weight:bold;font-family:verdana;font-size:11px;text-decoration:none;color:#ffffFF; margin-top: 9px; float: right;}

ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none; margin: 0; padding: 0;}
ul.dropdown { position: relative; z-index: 597; float: left;}
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1;}
ul.dropdown li.hover,ul.dropdown li:hover { position: relative; z-index: 599; cursor: default;}
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
ul.dropdown ul li { float: none; width:120px;}
ul.dropdown ul ul { top: 1px; left: 99%;}
ul.dropdown li:hover > ul { visibility: visible;}

ul.dropdown li.rtl ul { top: 100%; right: 0; left: auto;}
ul.dropdown li.rtl ul ul { top: 1px; right: 99%; left: auto;}
ul.dropdown li { padding: 7px 20px 7px 20px; border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff #d9d9d9 #d9d9d9; background-color: #F53933; color: #fff;}
ul.dropdown li.hover, ul.dropdown li:hover { background-color: ##F53933; color: #fff;}
ul.dropdown a:link, ul.dropdown a:visited	{ color: #fff; text-decoration: none;}
ul.dropdown a:hover{color: #fff;}
ul.dropdown a:active{color: #ffa500;}
.mandatory{color:red;padding:0px 5px; font-size:15px;}
.topHeadingWrapper{width:772px; background:#ccc; height:40px; padding:2px 2px 10px 2px;margin-left:5px;}
.headingWrapper{width:761px; text-align:right; background:#ffffff;padding:6px 10px 8px 0;}
.fontheading{font-family: Arial;font-size:14px;font-weight:bold;padding-bottom: 5px;color:#006666;}


/*----------------------------------------------------------------------*/
/* Buttons
/*----------------------------------------------------------------------*/
.topButton{padding:4px 18px; background:#4d99b0;margin-right:43px;float:right;}
.topButton a{color:#ffffff; text-decoration:none;}
.topButton a:hover{color:#ffffff; text-decoration:underline;}

.greenButton{
	border-color:#006666 #094c21 #09411e #297e47 !important;
	color:#555555;
	background-color:#e6e6e6;
	border:1px solid;
	padding:3px 8px 4px 8px;
	cursor:pointer;
	text-decoration:none;
	font-size:11px;
	font-weight:700;
	outline:0 none;
	text-align:center;
	background-color:#006666;
	color:#ffffff;
	-moz-border-top-colors:#fff;
	/*float:right;*/
}
.greenButton:hover
{
    border-color:#006666 #094c21 #09411e #297e47 !important;
    border:1px solid;
	background-color:#EEEEEE;
	color:#555555;
	text-shadow:0 1px 0 rgba(255,255,255,0.7);
}

.greenButtonLink{
	border-color:#006666 #094c21 #09411e #297e47 !important;
	color:#555555;
	background-color:#e6e6e6;
	border:1px solid;
	padding:3px 8px 4px 8px;
	cursor:pointer;
	text-decoration:none;
	font-size:11px;
	font-weight:700;
	outline:0 none;
	text-align:center;
	background-color:#006666;
	color:#ffffff;
	/*float:right;
	height:15px;*/
}
.greenButtonLink:hover{
	background-color:#EEEEEE;
	color:#555555;
	text-shadow:0 1px 0 rgba(255,255,255,0.7);
}

.submitButtonWrapper{float:left; padding-left:220px;}
.forgotPass{float:left; padding-left:5px;padding-top:5px;padding-left:8px;}
.forgotPass a{color:#006666; text-decoration:underline;}
.forgotPass a:hover{color:#006666; text-decoration:none;}
/*----------------------------------------------------------------------*/
/* End Buttons
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* Light Box CSS
/*----------------------------------------------------------------------*/
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 15%;
	left: 25%;
	width: 490px;
	padding: 5px;
	border: 10px solid #006666;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
.readOnlyTextBox{background:#f5f5f5; border:1px solid #ccc;width:167px;padding:2px 1px;cursor:default;}
/*Auto Complete*/
.ui-button { margin-left: -1px; }
.ui-button-icon-only .ui-button-text { padding: 0.35em; }
.ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; }
.scrollbars{max-height:300px !important; overflow:auto !important;}
.even{background-color:white;}
.odd{background-color:#F0F0F6;}