body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 14px;
	color: #000;
	width: 100%;
	min-width: 780px;
	min-height: 100%;
}

h1{
	margin-left:10px;
}

/*  CSS for Main Login Page */

#main_wrapper{
	width: 100%;
	min-height:100%;
	position:relative;
}


#nav_main_page_holder{
	width: 100%;
	height: 35px;
	top: 20px;
	font-size: 16px;
	background-color: #0e76bc;
	border-top-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
	position:relative;

}

#nav_main_page{
	width:100%;
	height:35px;

}

#nav_main_page ul{
	margin-left:-30px;
	height:35px;
	text-decoration:none;
	color: #fff;
	
}

#nav_main_page li{
	margin:0;
	padding: 0;
	list-style-type: none;
	width:180px;
	height:35px;
    float: left;
	padding-top: 0.5em;
	text-align:center;
	color:#fff;
	
}

#nav_main_page ul a{
	width:180px;
	height:35px;
	display:block;
	color:#fff;
	text-decoration:none;
	

}

#nav_main_page a:hover{
	width:180px;
	height:35px;
	color: #f7931e;	

}

#main_page_content_wrapper{
	top:20px;
	position:relative;
}

#login{
	top:40px;
	left: 10px;
	width:180px;
	height:350px;
	position: relative;

}
/* Begin login header on login page */
#login_btn{
	width:180px;
	height:40px;
	margin: 5px;
	display:block;
	text-align: center;
	padding-top: 15px;
	text-decoration:none;
	 font-size:22px;
	/* Begin rounded corners */
	 -moz-border-radius-bottomright: 15px;
	 border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
	/* End rounded corners */
	color: #fff;
	 background: #0e76bc;
}
/* End login header on login page */




#login_form{
	top:5px;
	left:10px;
	position:relative;
}

#forgot_pass {
	font-size:12px;
	margin-top:3px;
}

#ErrorMessage{
	margin-top:8px;
	color:#F00;
}

/* Begin register button on login page */
#register_btn a{
	width:180px;
	height:40px;
	margin-top: 45px;
	margin-left: 5px;
	display:block;
	text-align: center;
	padding-top: 15px;
	text-decoration:none;
	 font-size:22px;
	/* Begin rounded corners */
	 -moz-border-radius-bottomright: 15px;
	 border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
	/* End rounded corners */
	color: #fff;
	 background: #0e76bc;
}

#register_btn a:hover{

	 color: #fff;
	 background: #1e5799;
	 }
/* End register button on login page */
	 
/* Big logo for the login page */
#logo_main_page{
	top: 30px;
	left: 250px;
	width: 599px;
	height: 160px;
	background-image: url(../images/DP2ConnectLogo_ver6a.jpg);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 50;
}
#USTI_Logo_main_page{
	top: 30px;
	left: 250px;
	width: 599px;
	height: 160px;
	background-image: url(../Images/USTIConnectsm.png);
	position: absolute;
	z-index: 50;
	background-repeat: no-repeat;
}
#text_under_logo{
	width: 370px;
	top: 190px;
	left: 380px;
	position: absolute;
	z-index: 40;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666;
	text-decoration: none;
} 

#bullets_main_page{
top: 215px;
	left: 400px;
	position: absolute;
	z-index: 40;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
		text-decoration: none;
} 


#verisign{
	width:250;
	top: 480px;
	left:20px;
	position:absolute; 
	z-index:30;
	}

#footer{
	width: 100%;
	height:55px;
	bottom:0px;
	position:absolute;

}
#search_content {
	left:10px;
	margin-left:10px;
	position:relative;
}


.footer_links{
	margin-left:10px;
	font-size:12px;
}

.footer_links a{
	padding-right:8px;
}

.footer_content{
	margin-left:10px;
	font-size:12px;
}


/*CSS for Navigation of all other Pages*/

#logo_small{
	top: 10px;
	left:10px;
	max-height: 75px; 
	position: relative;

}




/* Set the top navigation dimensions and colors after the user is logged in*/
#nav_others{
	width: 100%;
	min-width: 1000px;
	height: 35px;
	top: 15px;
	font-size: 16px;
	background-color: #0e76bc;
	border-top-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
	position:relative;
}

#nav_others ul{
	margin-left:-50px;
	height:35px;
	text-decoration:none;
	color: #fff;
	
}

#nav_others li{
	margin:0;
	padding: 0;
	list-style-type: none;
	width:180px;
	height:35px;
    float: left;
	padding-top: 0.5em;
	text-align:center;
	color:#fff;
	
}

#nav_others ul a{
	width:180px;
	height:35px;
	display:block;
	color:#fff;
	text-decoration:none;
	

}

#nav_others a:hover{
	width: 180px;
	height: 35px;
	color: ffba00;

}

#register{
	top:10px
	left: 10px;
	margin-left: 10px;
	position:absolute;
}

#faq_content{
	top:10px;
	left:10px;
	position:relative;
}

.csr_hidden{
	display:none;
}

/* Admin Pages */

/* Begin U-Control navigation buttons */

 /* Set the button dimensions, alignment, font size and round the corners */
#button a{
	height: 45px;
	width:160px;
	margin: 5px;
	display:block;
	text-align: center;
	padding-top: 17px;
	text-decoration:none;
	 font-size:22px;
	/* Begin rounded corners */
	 -moz-border-radius-bottomright: 15px;
	 border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
	/* End rounded corners */
 

 }
 
 
 /* Set the button text and background color for the buttons */ 
 #button a{
	 color: #fff;
	 background: #0e76bc;
	 
 }
 
/*FAQ page styles*/


.QA{
	float:left;
	top: 0px;
	left: 18px;
	
	
	}
	
.Q {
	font-weight: lighter;
	color: #0e76bc;
	font-size: 2em;
	
	
	}
.Q1 {
	font-weight: lighter;
	color: #0e76bc;
	font-size: 2em;
	}
.Q2 {
	font-weight: lighter;
	color: #0e76bc;
	font-size: 2em;
	
	}
.A {
	font-weight: lighter;
	color: #666666;
	font-size: 2em;
	
	}
.A1 {
	font-weight: lighter;
	color: #666666;
	font-size: 2em;
	
	}
.A2 {
	font-weight: lighter;
	color: #666666;
	font-size: 2em;
	
}
	.FAQul{
		left: -10PX
		}
	
.Qli{
	list-style: none;
	color: #0e76bc;
	}
.Ali{
		list-style: none;
	padding-top: 10px;
}
#faq_statuses{
	Top: 10px;
	bottom: 10px;
	left: 0px;
	right: 0px;
	width: 590px;
	height: auto;
	background: #c9ddeb;
	position: relative;
}
#faq_reports{
	top: 10px;
	width:900px;
	height: auto;
	background: #c9ddeb;
	position: relative;
}
	.divTableReports{
	top: 10px;
	left: 0px;
	right: 0px;
	display: table;
	background-color: none;
	position: relative;
	width:100%;
    }
.tableBasic{
	border-collapse:collapse;
	width: 100%;
	}
.headRow{
	color: #FFF;
	background-color: #666666;	
	
			}
.lightRow{
	background-color:#dce9f2;
	}
.rowSpace{
	padding-bottom::1em;
}
 .divCell
    {
	padding-left: 7px;
	text-align: left;
	   }
.divCellRight
    {
	font-weight:bold;
	border-right-style: solid;
	border-right-width: thin;
	padding-right: 7px;
	text-align: right;
	border-right-color: #666;
	background-color:#dce9f2
    }
.divCellha  {
	font-weight: lighter;
	padding-right: 7px;
	text-align: right;
	width: 20%;
	border-bottom-style: solid;
	border-bottom-width: thin;
	    }
	.divCellhb
    {
	font-weight: lighter;
	padding-left: 7px;
	text-align: left;
	width: 60%;
	border-bottom-style: solid;
	border-bottom-width: thin;
	    }
	 
 
	
.divCell2ha  {
	text-align: center;
	width: 15%;
	border-bottom-style: solid;
	border-bottom-width: thin;
	
	    }
.divCell2hb  {
	text-align: center;
	width: 25%;
	border-bottom-style: solid;
	border-bottom-width: thin;
		    }
.divCell2hc {
	text-align: center;
	width: 60%;
	border-bottom-style: solid;
	border-bottom-width: thin;
	
	    }
.FAQcell1	{
	font-weight:bold;
			}

.FAQcell2	{
	border-left: thin solid #666666;
			}
.FAQcel3	{
	border-left:thin solid #666666;
			}
/* Set the button text and background color for use when the user rolls over the buttons */
 #button a:hover{

	 color: #fff;
	 background: #1e5799;
	 
	 }

/* End U-Control navigation buttons */



	 
	 
#admin_content_wrapper{
	margin-top: 30px;
	margin-left: 10px;
}
#Upload_content_wrapper{
	margin-top: 70px;
	margin-left: 10px;
}
#search{
	top:150px;
	left:10px;
	position:absolute;
}
	#pdf_display{
	top:150px;
	left:10px;
	position:absolute;
}

#Page1{
	top:200px;
	left:10px;
	position:absolute;
}

#left{
	top: 200px;
	left: 10px;
	margin-left: 10px;
	position:absolute;
}
#left_Content{
	left: 10px;
	margin-left: 10px;
	position:relative;
}

#upload{
	top:80px;
	left:10px;
	position:absolute;
}

/* e-statement reports page */

#enrollment{
	top:150px;
	left:10px;
	position:relative;
}

#disclosure{
	top:150px;
	left:10px;
	position:relative;
}

#userenroll{
	top:150px;
	left:10px;
	position:relative;
}

#employee{
	top:150px;
	left:10px;
	position:relative;
}

#enduser{
	top:150px;
	left:10px;
	position:relative;
}

#unenrollment{
	top:150px;
	left:10px;
	position:relative;
}

#billing{
	top:150px;
	left:10px;
	position:relative;
}

#form{
	margin-left:10px;
}


/* CSS for table headings ie, "Search by, From, To, Account Number etc., " */
.table_header_bg{
background-color: #0875bd; 
color:#FFF;
}


#pay_now{
	top:5px;
	left:10px;
	position:relative;
}

.Upload_process{
	position:absolute;
	top:160px;
	left:10px;
}

.PerComp{
	position: relative;
}

.meter-wrap{ 
	position: relative;
	

}

.meter-wrap {
	background: url(../working/images/progress_blank.png) no-repeat left top;
	width: 200px; height: 50px;
	visibility: hidden;
}
.meter-value, .meter-text {
	/* The width and height of your image */    
	width: 200px; height: 50px;
	visibility: hidden;
}


.meter-value {    
	background: url(../working/images/progress.png) no-repeat left top;
	width: 0%;
}

.meter-text {    
	position: absolute;    
	top:0; left:0;    
	padding-top: 15px;                    
	color: #000;    
	text-align: center;    
	width: 100%;
}
.PageHeader {
	font-size: 14pt;
	font-style: normal;
	font-weight: bolder;
	color: #666;
	text-decoration: none;
}
.inputBackground {
	background-color: #C3E3F9;
}
.TableColorLight {
	background-color: #68b0e0;
}
.HighlightText {
	font-weight: bolder;
	color: #0e76bc;
}
.SupportTitle {
	font-weight: bolder;
	color: #045b96;
	font-size: 1.5em;
}
#Support{
	width: 35%;
	top: 360px;
	position: absolute;
	background-color: #C3E3F9;
	padding-left: 25px;
	 
}	
.Bolder {
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;
}