*{	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
.wrapper {
	width:1000px;
	height:100%;
	margin:0px auto;
	padding:0px 0px;
}
/*============== start header==================*/
.header {
	width:1000px;
	height:134px;
}
.header-top{
	height:42px;
	background:url(../img/header-bg1.jpg) top right repeat-x;
}
.header-nav{
	height:20px;
	width:349px;
	background:url(../img/header-bg2.jpg) no-repeat left top;
	float:right;
	padding:22px 15px 0px 0px;
}
.header-logo-main {
	height:92px;
	background:url(../img/logo-left.jpg) no-repeat right top;
}
.header-logo {
	width:210px;
	height:92px;
	background:url(../img/logo.jpg) no-repeat top left;
	float:left;
}
.welcome-note{
	width:620px;
	float:left;
	color:#FFFFFF;
	line-height:42px;
	font-weight:bold;
	text-align:right;
	}

/*============== end header==================*/
/*============== start top nav ==================*/
.nav-bg{
	width:1000px;
	height:29px;
	background:url(../img/nav-bg.jpg) repeat-x top left;
}

/*==========start TOP NAVIGATION===================*/

.animatedtabs{
	position: relative;
	background-image:url(/*images/8_nav2.jpg*/);/*tab background image path*/
	height: 29px;
	list-style: none;
}
.animatedtabs li{
	float:left;
}

.animatedtabs li a{
	float: left;
	display: block;
	color:#ffffff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 8px; /*Padding to accomodate left tab image. Do not change*/
	height:  29px;
	line-height:  29px;
	text-align: center;
	cursor: pointer;	
}
.animatedtabs li a {
	float: left;
	display: block;
	padding: 0px 0px 0px 8px;
	color: #ffffff; /*Padding of menu items*/
	text-decoration: none;
}
.animatedtabs li a {
	float: left;
	display: block;
	padding: 0 16px 0 6px;
	color: #ffffff;
	background:url(../img/9_breaker.jpg) no-repeat right top; 
	text-decoration: none;/*Padding of menu items*/
}
.animatedtabs li a:hover {
	color: #99FF00;
	text-decoration: none;
}
.animatedtabs li.current a{
	color: #dcfcbf;
	background:#73a408;	
	text-decoration: none;
	font-size:16px;
}

.animatedtabs li.current a , .animatedtabs li.current a:hover {
	color: #dcfcbf;
	text-decoration: none;
}
.animatedtabs li.active-link a{
	color:#99FF00;
	text-decoration: none;
	font-size:12px;
}

.animatedtabs li.active-link a , .animatedtabs li.active-link a:hover {
	color: #99FF00;
	text-decoration: none;
}

/*==========end TOP NAVIGATION===================*/




/*==========start TOP NAVIGATION for reports===================*/

.animatedtabs1{
	position: relative;
	background-image:url(/*images/8_nav2.jpg*/);/*tab background image path*/
	height: 29px;
	list-style: none;
}
.animatedtabs1 li{
	float:left;
}

.animatedtabs1 li a{
	float: left;
	display: block;
	color:#ffffff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	padding: 0px 0px 0px 1px; /*Padding to accomodate left tab image. Do not change*/
	height:  29px;
	line-height:  29px;
	text-align: center;
	cursor: pointer;	
}
.animatedtabs1 li a {
	float: left;
	display: block;
	padding: 0px 0px 0px 1px;
	color: #ffffff; /*Padding of menu items*/
	text-decoration: none;
}
.animatedtabs1 li a {
	float: left;
	display: block;
	padding: 0 4px 0 1px;
	color: #ffffff;
	background:url(../img/9_breaker.jpg) no-repeat right top; 
	text-decoration: none;/*Padding of menu items*/
}
.animatedtabs1 li a:hover {
	color: #99FF00;
	text-decoration: none;
}
.animatedtabs1 li.current a{
	color: #dcfcbf;
	background:#73a408;	
	text-decoration: none;
	padding: 0 2px 0 1px;
	font-size:7pt;
}

.animatedtabs1 li.current a , .animatedtabs1 li.current a:hover {
	color: #dcfcbf;
	text-decoration: none;
}
.animatedtabs1 li.active-link a{
	color:#99FF00;
	text-decoration: none;
	font-size:7pt;
}

.animatedtabs1 li.active-link a , .animatedtabs1 li.active-link a:hover {
	color: #99FF00;
	text-decoration: none;
}

/*==========end TOP NAVIGATION for reports===================*/



/*============== end top nav ==================*/

/*============== start dashboard page==================*/
.block-bg{
	height:128px;
	width:130px;
	background:url(../img/block.jpg) top center no-repeat;
	display:block;
}
#content-text, #content-text a, #content-text a:active, #content-text a:visited {
	width:130px;
	display:block;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:25px;
	text-decoration:none
}
#content-text a:hover {
	text-align:center;
	color:#99CC00;
	font-weight:bold;
	padding-top:25px;
	text-decoration:none
}
/*============== end dashboard page==================*/
/*============== start Float==================*/
#div-left{
	float:left;
}
#div-right{
	float:right;
}
#div-clear{
	clear:both;	
}

/*============== end Float==================*/
/*============== start content css==================*/
a, a:active, a:visited{
	color:#ff0000;
	text-decoration:none;
	}
a:hover{
	color:#000000;
	text-decoration:none;
	}
a img{
border:none;
	
	}
/*============== end content css==================*/
/*========= start midle Content area============*/
/*========= start left Content area============*/
.left-content{
	width:213px;
	margin-right:10px;
}
.left-content .header{
	background:url(../img/left-top-img.jpg) top no-repeat center;
	height:6px;
	width:213px;
	border:0px solid;
}
.left-content .bottom{
	background:url(../img/left-bottom-img.jpg) top no-repeat center;
	height:7px;
	width:213px;
}
.left-content .center{
background:url(../img/left-center-img.jpg) repeat-y top center;
margin-top:-2px;
	/*border-right:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;*/
	width:213px;
}
/*========= end left Content area============*/
/*========= end right Content area============*/
.right-content{
	width:755px;
}

.right-content .img-left{
	float:right;
	margin:0px 0px 10px 10px;
}
label, select, text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
select{
	/*height:18px;*/
}
input .text1{
	height:15px;
}
.div-border{
	margin:10px 10px 5px 10px;
	border-bottom:#CCCCCC 1px solid;
}
.div-border2{
	margin:0px 0px 5px 0px;
	border-bottom:#CCCCCC 1px solid;
}
.div-padding{
	padding:10px;
}
.div-padding1{
	padding:0px 10px 0px 0px;
}
.div-padding2{
	padding:5px;
	
}
/*========= end right Content area============*/
/*========= end midle Content area============*/
/*======start left nav==================*/


/*======start left nav==================*/
/*========= start footer============*/
.footer-icon-bg{
	background:url(../img/footer-icon-bg-center.jpg) repeat-x top left;
	height:43px;
	border:0px;
}
.footer-icon-bg .left{
	background:url(../img/footer-icon-bg-left.jpg) top left;
	width:10px;
	height:43px;
	border:0px;
}
.footer-icon-bg .right{
	background:url(../img/footer-icon-bg-right.jpg) top right;
	width:10px;
	height:43px;
	border:0px;
}

.footer-bg{
	width:1000px;
	background:url(../img/footer-bg.jpg) top right repeat-x;
	padding:10px 0px 0px 0px;
	height:49px;
}
.footer-bg img{
	padding:0px 10px 0px 0px;
	float:right;
}

.footer-Text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*line-height: 49px;*/
	color: #333333;
	text-align: left;
	height:49px;
	padding:0px 0px 0px 10px;
}
/*========= end footer============*/
/*================================================ START LOGIN PAGE=======================================================*/
.login-panel{
	width:410px;
	height:218px;
	background:#f8f8f8;
	margin:auto;
}
.login-panel .header{
width:365px;
	height:48px;
	padding:8px 0px 0px 45px;
	background:url(../img/login-top-img.jpg) top center no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	/*margin-bottom:-2px;*/
}
.login-panel .bottom{
	width:410px;
	height:12px;
	background:url(../img/login-bottom-img.jpg) top center no-repeat;
}
.login-panel .center{
	width:410px;
	background:url(../img/login-center-img.jpg) top center repeat-y;
}
.red-btn-bg, .red-btn-bg a, .red-btn-bg a:active, .red-btn-bg a:visited{
	background:url(../img/red-btn-center.jpg) repeat-x top left;
	height:18px;
	border:0px;
	color:#FFFFFF;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	text-decoration:none;
}
.red-btn-bg a:hover{
	background:url(../img/red-btn-center.jpg) repeat-x top left;
	height:18px;
	border:0px;
	color:#FFFFFF;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	text-decoration:none;
}
/*================================================ END LOGIN PAGE=======================================================*/
/*============Start content title Title=====*/
.green-btn-bg, .green-btn-bg a, .green-btn-bg a:active, .green-btn-bg a:visited{
	background:url(../img/green-btn-center.jpg) repeat-x top left;
	height:18px;
	border:0px;
	color:#FFFFFF;
	font-size:11px;
	line-height:18px;
	font-weight:normal;
	text-decoration:none;
	cursor:pointer;
}
.green-btn-bg a:hover{
	background:url(../img/green-btn-center.jpg) repeat-x top left;
	height:18px;
	border:0px;
	color:#FFFFFF;
	font-size:11px;
	line-height:18px;
	font-weight:normal;
	text-decoration:none;
	cursor:pointer;
}
.title-bg-color{
	height:33px;
	color:#528200;
	font-size:16px;
	line-height:33px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #006600;
	}
.title-bg{
	background:url(../img/title-center.jpg) repeat-x top left;
	height:33px;
	color:#528200;
	font-size:16px;
	line-height:33px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}
.title-bg .left{
	background:url(../img/title-left.jpg) repeat-x top left;
	width:10px;
	height:33px;
}
.title-bg .right{
	background:url(../img/title-right.jpg) repeat-x top left;
	width:10px;
	height:33px;
}
/*============End content title Title=====*/
/*=================== start Supervisor performance summary */
/*.supervisor .blue-row{
	height:20px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	background:#0066cc;
	padding:0px 0px 0px 10px;
}*/
/*=================== end Supervisor performance summary */
/*=================== start Supervisor performance summary drilldown1 */
.supervisor-summary .link-btn a, .link-btn a:active, .link-btn a:visited  {
	height:21px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	line-height:21px;
	background:#333399;
	padding:0px 5px 0px 5px;
	display:block;
	text-align:center;
}
.supervisor-summary .link-btn a:hover{
	height:21px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	line-height:21px;
	background:#333399;
	padding:0px 5px 0px 5px;
	display:block;
	text-align:center;
}
.supervisor-summary img{
	float:right;
	display:block;
	border:1px solid #333399; 
}
.supervisor .heading-text{
	height:20px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	background:#cc1f25;
	padding:0px 0px 0px 10px;
}
.table-border{
   border:#BFBFBF solid 1px;
}
/*=================== end Supervisor performance summary drilldown1 */
.errormsg{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FF0000;
	padding-left:30px;
	line-height:20px;
	border:#CCCCCC solid 1px;;
	margin-bottom:15px;
	background:#E9E9E9 url(../img/delete.png) no-repeat;
	/*background:#E9E9E9;*/
	
}
.successmsg{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#003300;
	padding-left:30px;
	line-height:20px;
	border:#CCCCCC solid 1px;;
	margin-bottom:15px;
	background: #E9E9E9 url(../img/publish.png) no-repeat;
	/*background-color:#E9E9E9;*/
	
}
.star{
		color:#FF0000;

}
div.error-message{
	clear:both;
	color:#900;
}
.unit-report .heading-text{
	height:20px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	background:#cc1f25;
	padding:0px 0px 0px 0px;
}
.total{color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-weight:bold;