/* CSS Document */
/*************************************
@Title: Elections
@Page: /elections/css/main.css
@Developer: Jaime R. Cser 
@Support: jaime.cser@mcall.com
@Created: 09/27/2007
@Modified: 03/03/2008
***************************************
@Notes/Comments: This page is the css
style page for the Elections.
***************************************
@Updates: 
***************************************/

body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
}

p {
	text-align: left;
	font-size: 12px;
	font-weight: 700;
	color: #333333;
}

img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
#main {
	margin-top: 1px;
	margin-bottom: 1px;
	height: auto;
	width: 800px;
	padding: 1px;	
}

#searchbox{
	width:100%; 
	margin-bottom: 8px;
	padding-bottom: 2px;
	float:left;
	clear:both;
	background-color: #dbdbe7;
	text-align: left;
	#margin-top: -3px;
	#padding-top: 3px;
	#padding-bottom: 10px;
	#margin-bottom: 4px;
	height: 180px;/*170px;*/
}

.button, .button:active, .button:hover {
	border-bottom: 2px solid #999999;
	border-right: 2px solid #999999;
	border-top: 2px solid #dddddd;
	border-left: 2px solid #dddddd;
	color: #555555;
	font-weight: bold;
	cursor: pointer;
	background: #FFFFFF url(../images/button.jpg) left bottom repeat-x;
	padding: 2px;
	font-family: "Futura", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}

#searches {
	height: 50px;
	width: 95%;
	color: #000000;
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	#padding-left: 10px;
}

#search, #search_details {
	margin-top: 2px;
	margin-bottom: 10px;
	height: auto;
	width: 100%;
	color: #000000;
	padding: 10px;
}

#search, #search_details {
	background-color: #ffffff;
}

label {
	width: auto;
	float: left;
	text-align: right;
	margin: 1px;
	margin-bottom: 2px;
	clear: both;
	color: #000;
	font-weight: bold;
}

.input-box, .input-dd, .input-rn {
	float: left;
	margin-bottom: 5px;
	color:#000000;
	background-color:#ffffff;
	border: #666666 solid 1px;
	height: 20px;
	width: 100px;
	margin-left: 3px;
}
.input-rn {
	width: 75px;
}
.input-dd {
	width: 123px;
	height: 22px;
}

#searchoptions {
	float: left;
	width: auto;
	margin-bottom: 0px;
	margin-left: 10px;
	#margin-left: 2px;
	padding: 2px;
	#padding: 4px;
	padding-bottom: 2px;
	padding-top: 4px;
}

#key {
	float: left;
	width: 13px;
	height: 13px;
	margin-left: 8px;
	margin-right: 2px;
}

#bar {
	height: 20px;
	max-width: 700px;
	float: left;
}

#result {
	width: 750px; 
	margin-bottom:5px;
	padding-bottom:2px;
	float:left;
	clear:both;
	text-align: left;
	float: left;
}

#title {
	margin: 0px;
	height: 26px;
	width: 372px;
	padding: 2px;
	margin-bottom: 10px;
	border-bottom: 1px #170F7B outset;
	float: left;
}

#race{
	margin: 0px;
	height: 26px;
	width: 370px;
	padding: 2px;
	margin-bottom: 10px;
	border-bottom: 1px #170F7B outset;
	text-align: right;
	vertical-align: bottom;
	float: right;
}
.title, .racenumber,  .precincts {
	font-size: 13px;
	font-weight: 800;
}
.title {
	text-align: left;
	font-size: 15px;
	color: #000000;
}

.racenumber {
	color: #AD1D05;
}

.precincts {
	margin-left: 5px;
	height: 20px;
	padding: 0px;
	width: 200px;
	text-align: right;
	color: #000;
}

#racedetails {
	margin: 2px;
	padding: 2px;
	height: auto;
	width: 740px;
	color: #000000;
	padding: 2px;
	text-align: left;
	background-color: #FFFFFF;
	float: left;
	margin-left: 10px;
	margin-bottom: 6px;
}

a, a:link, a:hover, a:link, a:active {
	color: #42688D;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
	color:#666666;
}

#pageresults {
	float: left;
	width: 780px;
	text-align: left;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	text-align: left;
	background-color: #F1F1F1;
}

#pageleft, #pageright, #pagemiddle {
	float: left;
	width: 70px;
	text-align: left;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 12px;
}

#pagemiddle {
	width: 620px;
	text-align: center;
}

#pageright {
	text-align: right;
}

#displaywidget {
	margin-top: 180px;
	#margin-top: 10px;
	padding: 2px;
	height: 700px;
	width: 795px;
}

#w_searchbox{
	width:100%; 
	margin-bottom: 10px;
	#margin-bottom: 0px;
	padding-bottom: 2px;
	float:left;
	background-color: #dbdbe7;
	text-align: left;
}

#searchbutton, #searchbutton2{
	margin: 0px;
	width: 140px;
	padding: 0px;
	float: left;
	padding-left: 5px;
	#margin-top: 10px;
	margin-top: 10px;
}
#searchbutton2 {
	width: 740px;
}

#racewidget {
	float: right;
	font-size: 9px;
	height: 12px;
}

#keybox{
	text-align: left;
	width: 295px;
	height: 60px;/*20px;*/
	border:1px solid #666666;
	float: left;
	background-color: #FFFFFF;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 4px;
	vertical-align: bottom;
	margin-left: 5px;
	margin-top: 10px;
	margin-left: 50px;
}

.box {
	width: 255px;
	height: 60px;/*20px;*/
	float: left;
	margin-left: 10px;
}

.keytext{
	text-align: left;
	font-size: 12px;
	font-weight: 700;
	color: #333333;
	float: left;
	width: 95px;
}



.panic_button, .panic_button:active, .panic_button:hover {
	border-bottom: 2px solid #999999;
	border-right: 2px solid #999999;
	border-top: 2px solid #dddddd;
	border-left: 2px solid #dddddd;
	color: #000000;
	background-color: #FFFF00;
	font-weight: bold;
	cursor: pointer;
	padding: 20px;
	font-family: "Futura", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	font-size: 32px;
	height: 100px;
	width: 360px;
}

.panic {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}


#precincts_details {
	width: 800px; 
	margin-bottom: 8px;
	margin-top: 8px;
	float:left;
	clear:both;
}


.precincts_row {
	width: 790px; 
	margin-bottom: 1px;
	margin-top: 1px;
	padding: 2px;
	float:left;
	clear:both;
	background-color: #FFFFFF;
	text-align: left;
	border: 1px solid #CCCCCC;
}

.precincts_header{
	width: 760px; 
	padding: 5px;
	float:left;
	clear:both;
	text-align: left;
	color: #000066;
	font-weight: bold;
}
.p{
	width: 20px; 
	float:right;
	margin-right: 25px;
	margin-top: -13px;
	font-weight: bold;
}