/**************************/
/* Marin County ECC 00200 */
/* 00200banner.css        */
/**************************/ 



/* Heading Levels 
---------------------------------------------------------------------------------------------------------------------------*/

/*  Add background-image if the client has a background image for their banner.
    The background-color may also be set to match the client's banner.  */

body {
/*	background-color: #FFFFFF; */
	background-color: #1b2833;
/*	background-image: url(Images/backgroundImage_MarinECC.jpg);  */
	background-image: url(Images/mountainrange.png);
	background-position: center top;
	background-repeat: repeat-x;
	font-family: Verdana,Arial,sans-serif;
	overflow: scroll;
}

body.view-lg #aspnetForm {background-image:none;}
body.view-lg #container {padding:0px;}


.header {
/*	background-color: #12628C; */
	background-color: #516788;
	border-bottom-color: #C56B0C;
	height: 136px;
}

.button_main {
	background-color: #12628C;
}

.button_secondary {
	background-color: #515151;
}

.progressOn {
/*	background-color: #12628C;  */
	background-color: #516788;
	border-color: #516788;
/*	font-family: Arial, Helvetica, sans-serif; */
/*	margin-left: -40px;  */
}

.progressNext {
	border-color: #8C8B8B;
	color: #8C8B8B;
}

.feeMessage {
	font-weight: bold;
}

/* Adjust left/top according to client's logo */
.headerLogo {
	left: 30px;
	top: 5px; 
}

/*  adjust top/left depending on banner
    change color as needed */
.headerTitle {
	color: #FFF;
	left: 350px;
	top: 20px; 
}

/*  adjust top/left depending on banner
    change color as needed */
.headerSubTitle {
	color: #FFF;
	left: 350px;
	top: 30px; 
}

/*  headerLink link colors may need to change for more contrast.
    link and visited colors should be the same.  Hover should be different.  */

.headerLink 
{
	color:#FFFFFF;
	padding-top: 110px;
}

.headerLink a:link{
	color: #000000; 

}

.headerLink a:visited{
	color: #000000;
}

.headerLogout a:link {
	color: #FFFFFF;
}

.headerLogout a:visited {
	color: #FFFFFF;
}

.headerLogout a:hover {
	color: #6699FF;  

}

p {
	/*padding: 0 0 5px 4px;*/
	padding: 0 0 5px 0px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
}

.buttonPositionCenter {
	padding-top: 22px;
}

.LoginView  .mainPage {
	background-color: #FFFFFF;
	/*width: 575px;  */
	width: 98%;
	position: static;
	clear: both;
	float: left;
	/* padding-top: 5px; */
	padding-top: 15px;
	/*padding-right: 0px;*/
	padding-right: 3px;
	/*padding-bottom: 10px;*/
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 5px;
	/*margin-bottom: 10px;*/
	margin-bottom: -15px;
	margin-left: 5px;
	text-align:center
}

.tableForm {
	/*width: 80%;*/
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #FFFFFF;
	padding: 3px;
}

.footer {
	color: #686868;
	text-align: center;
	background-color: #FFFFFF;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}

.footer .divSection {
	width: 95% !important;
}

.ClientAccountView .ClientAccountControl .labelColumn {width:25%;}
.ClientAccountView .ClientAccountControl .validatorColumn {width:5%;}
.ClientAccountView .ClientAccountControl .valueColumn {width:45%;}

.OneTimePayment .button_main {
	margin: 15px auto;
	text-align: center;
}



/*  *************************************************************************************************************************************    */
/*    special css entries    */



/*.loginview .navigationLeft .SecureDiv{*/
.LoginView .navigationLeft .SecureDiv{
	text-align: left;
	padding-top: 25px;
	padding-left: 10%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	width: 200px;   
}

.LoginView .divSection{
	width: 85%;
}
#nojavascript .navigationLeft .mainPage h1{
	width: 98%;
}
.navigationLeft .mainpage main{
	width: 100% !important
}

.navigationLeft .mainPage div{
	width: 99%;
}
.navigationLeft .mainPage h1{
	width: 98%;
}

#ctl00_ContentPlaceHolder1_ctl01 {
	width: 100% !important
}

.navigationLeft .mainPage .UnAuthenticated{
	width: 100%;
}

.navigationLeft .mainPage .UnAuthenticated P{
	text-align: center;
}

.mainPage h1{
	text-align:center;
}
#ctl00_ContentPlaceHolder1_UpdatePanel1{
	width:90%
}


/*     -------------   other general settings    -------------------------*/
h2, a:link, .headerLink a:visited, .headerLink a:hover, .menu a:hover, .progressNext {
	color:#0f5f89;
}

a:hover, .menu a:hover {
	color: #722a06;
}