@charset "utf-8";
/* CSS Document */

#red-line{   background:#900;   height:2px;}
#howto-nav a{display: block;float: left;width: 50%; height:30px; text-align:center;
	font-family: "TrajanPro-Regular", 'Cinzel', "Times New Roman", Times, serif; color:#036; font-size:20px;}
#howto-nav a:hover{text-decoration: underline;}
#howto-nav{	padding: 5px 0px 15px 0px;height:110px;border-top-style: double;border-right-style: none;
	border-bottom-style: double;	border-left-style: none;border-top-color: #900;border-right-color: #900;
	border-bottom-color: #900;border-left-color: #900;}

/*main image styles for all pages*/	
img.vote-logo{	width: 90%;	height: auto;	display:block;	margin: auto;}


/*******************************************************
***************For Interactive Menu on FAQ**************
********************************************************/

/*box with cool blue gradient*/
.box3{	margin-top: 15px;	margin-bottom: 0px;	height: auto; width: 100%;float: left;
	border-top:medium #036 solid;
	background: -moz-linear-gradient(top, rgba(213,229,239,1) 0%, rgba(213,229,239,0.98) 1%, rgba(177,211,236,0) 42%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,229,239,1)), color-stop(1%,rgba(213,229,239,0.98)), color-stop(42%,rgba(177,211,236,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(213,229,239,1) 0%,rgba(213,229,239,0.98) 1%,rgba(177,211,236,0) 42%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(213,229,239,1) 0%,rgba(213,229,239,0.98) 1%,rgba(177,211,236,0) 42%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(213,229,239,1) 0%,rgba(213,229,239,0.98) 1%,rgba(177,211,236,0) 42%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(213,229,239,1) 0%,rgba(213,229,239,0.98) 1%,rgba(177,211,236,0) 42%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e5ef', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
}
.box3 p{	display: inline-block;	float: left;margin: 5px 1% 5px 3%;background-color: none;cursor: pointer;font-size:14px;
	color:#036;font-weight: bold;}	

/*box with cool blue gradient for how to vote page*/
.box4{	margin-top: 15px;	margin-bottom: 0px;	height: 135px;width: 100%;float: left;
	border-top:medium #036 solid;
	background: -moz-linear-gradient(top, rgba(213,229,239,1) 0%, rgba(213,229,239,0.98) 1%, rgba(177,211,236,0) 42%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,229,239,1)), color-stop(1%,rgba(213,229,239,0.98)), color-stop(42%,rgba(177,211,236,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(213,229,239,1) 0%,rgba(213,229,239,0.98) 1%,rgba(177,211,236,0) 42%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(213,229,239,1) 0%,rgba(213,229,239,0.98) 1%,rgba(177,211,236,0) 42%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(213,229,239,1) 0%,rgba(213,229,239,0.98) 1%,rgba(177,211,236,0) 42%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(213,229,239,1) 0%,rgba(213,229,239,0.98) 1%,rgba(177,211,236,0) 42%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e5ef', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
}

.box4 a{
	display: inline-block;
	text-align:center;
	width: 31%;
	height: 30px;
	background-color: none;
	font-size:14px;
	color:#036;
	font-weight: bold;
}
.box4 a:hover{	text-decoration:underline;color: #900;}
#faq{ text-align: center;color:#666;}



/*box with shadow and red top for FAQ page*/
 .questions, #elecDay, #votRights, #votOther, #votReg {	width:100%; padding: 25px;border-top-width: thick;	border-right-width: 2px;	
	border-left-width: 2px;border-top-style: solid;border-right-style: solid;border-left-style: solid;
	border-top-color: #900;border-right-color: #CCC;border-left-color: #CCC;margin-bottom: 25px;float:left;
	border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #CCC;
	-webkit-box-shadow: 0px 7px 27px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 7px 27px -9px rgba(0,0,0,0.75);
	box-shadow: 0px 7px 27px -9px rgba(0,0,0,0.75);	
}	

/*pretty red line for election  pages*/
hr.col-line{width:100%;background-color: #900; height: 1px; border: 0;}
.questions ol li{font-weight:bolder;}
.questions ol li a:hover{text-decoration: underline;}
#appQ{	width:100%;border-top-width: thick;border-right-width: 2px;border-left-width: 2px;
	border-top-style: solid;border-right-style: solid;border-left-style: solid;border-top-color: #900;
	border-right-color: #CCC;border-left-color: #CCC;
	-webkit-box-shadow: 0px 7px 27px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 7px 27px -9px rgba(0,0,0,0.75);
	box-shadow: 0px 7px 27px -9px rgba(0,0,0,0.75);
	border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #CCC;float:left;
	margin-bottom: 25px;padding-bottom:15px;	
}

/*Styles for .NET forms */
.frmLabel {font-family:arial,helvetica,sans-serif; font-size:1.1em; color:#144059; margin-right:10px;}
.frmLabel2 {font-family:arial,helvetica,sans-serif; font-size:1.1em; color:#144059;}
.frmInput4 {font-family:tahoma,arial,helvetica,sans-serif; font-size:1.2em; color:#144059; border:1px solid #7f9db9; width:250px; margin-top:2px; margin-bottom:2px;}
.frmInput3 {font-family:tahoma,arial,helvetica,sans-serif; font-size:1.2em; color:#144059; border:1px solid #7f9db9; width:150px; margin-top:2px; margin-bottom:2px;}
.frmInput2 {font-family:tahoma,arial,helvetica,sans-serif; font-size:1.2em; color:#144059; border:1px solid #7f9db9; width:60px; margin-top:2px; margin-bottom:2px;}
.frmInput1 {font-family:tahoma,arial,helvetica,sans-serif; font-size:1.2em; color:#144059; border:1px solid #7f9db9; width:30px; margin-top:2px; margin-bottom:2px;}
.frmInput {font-family:tahoma,arial,helvetica,sans-serif; font-size:1.2em; color:#144059; border:1px solid #7f9db9; margin-top:2px; margin-bottom:2px;}
.frmButton {margin-top:10px;}

/*Voter Lookup*/
#btnVoterLookup .btn { 
	background: #ff000;
	border: solid 1px black;
	color: #fff;
	padding: 5px;
}

.btnTxtLnk { 
	color: #069;
	font-size: 1.0em; 
	font-weight: bold; 
	font-style:italic; 
	padding: 0; 
	margin: 0; 
	witdh:0;
	text-decoration:underline;
	}

a.btnTxtLnk {
	color: #069;
	font-size: 1.0em; 
	font-weight: bold; 
	font-style:italic; 
	border: none; 
	padding: 0; 
	margin: 0; 
	witdh:0;
	text-decoration:underline;
}

a.btnTxtLnk:hover { text-decoration:overline; }

input.btnTxtLnk 
{ 
	color: #d92027;
	font-size: 1.0em;
	font-weight: bold; 
	font-style:italic; 
	text-decoration: underline; 
	border: none; 
	background-color: transparent;  
	padding: 0;
	margin: 0; 
	witdh:0;
}

input.btnTxtLnk:hover { text-decoration: overline; }
.note{background-color:#FF9; padding: 10px;-webkit-border-radius: 10px;-moz-border-radius:10px;border-radius: 10px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 4px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 4px 5px 0px rgba(50, 50, 50, 0.75);}