/* Election.CSS - Congress.org election pages */
/* Last update: October 2007 */
/* ========================= */
/* Overall components */
/* Used in almost every page */
/* ========================= */
/* font-related elements used in all election pages */
#election {
	color: #000000;
	font-size: 12px;
	font-family: arial, sans-serif;
	line-height: 140%;
	text-align: left;
	background-color: #FFFFFF;
	float: left;
	position: relative;
	padding: 10px;
	width: 420px;
}
#election a {
  color: #003399;
}
#election p {
	padding: 3px 0px 3px 0px;
	font-size: 12px;
	line-height: 140%;
	margin: 0px;
}
#election .small_font {
	font-size: 11px;
}
#election .underlined {
	border-bottom: 1px solid #CDCDCD;
}
#election .dotted_underlined {
	border-bottom: 1px dotted #ABABAB;
	margin-bottom: 5px;
}
#election .text_right {
	text-align: right;
}
#election .text_right a {
	color: #003366;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
#election h1 {
	border-bottom: 0px;
	text-align: left;
	font-weight: bold;
	color: #000000;
	font-size: 17px;
}
#election h2 {
	color: #565656;
	font-size: 15px;
}
#election h3 {
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#election .headline {
	font-size: 19px;
}
/* The width of congress.org content area */
#election #bd, #election #hd {
	width: 420px;
	float: left;
	position: relative;
}
#election #hd {
	margin-bottom: 10px;	
}
#election #hd h2#election_logo {
  font-size: 34px;
  font-weight: normal;
  font-family: Verdana, Helvetica, sans-serif;    
  margin-top: 50px;
  margin-bottom: 0px;  
}

#election #hd h2 a{
  text-decoration: none;
  color: #000000;
}
/* Election footer */
#election #ft {
	border-top: 0px;
}
.head {
	width: 100%;
}
/*remove borders around image while linked*/
#election .img {
	border: 0px;
}
/*Red color for error message*/
#election .required, #election .red {
	color: #ff0000;
}
/*clears padding and margin, used in DIVs*/
#clear {
	clear: both;
	padding: 0px;
	margin: 0px;
}
/*Fieldset and legend, used in forms*/
#election fieldset {
	border: 1px solid #7AA2D9;
	margin: 0pt;
	padding: 8px;
}
#election fieldset legend {
	font-weight: bold;
	margin: 8px 0;
}
/* form-related styles */
#election form {
	text-align: left;
}
/*Remove border for checkboxes in forms*/
#election .cbox {
	border: 0px;
	margin: 0px;
}
#election form label {
	font-weight: bold;
	font-size: 11px;
	/*color: #565656;
*/
	line-height: 25px;
}
#election .search_box form input, #election form input {
	border: 1px solid #666666;
	margin-top: 2px;
	font-size: 11px;
	padding-left: 2px;
}
#election .search_box input, #election .search_box select {
	float: left;	
}

#election .search_box input.candidate_search { width: 80%; }
#election .search_box input.street_address { width: 60%; }
#election .search_box input.zip { width: 15%; }

#election #name_choices {
  background-color: #FFFFFF;    
  position: relative;
  border: 1px solid #666666;
  z-index: 1000;  
}
#election .autocomplete li.candidate_list {
  border-bottom: 1px solid #AAAAAA;
  margin-left: 0px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  list-style: none;
  list-style-type: url('');
}
#election .autocomplete li.candidate_list a {
  font-size: 11px;  
  color: #003399;   
  text-decoration: none;
  font-weight: normal; 
}

#election p.align_right {
	float: right;
	margin: 0px;
	padding: 0px;
}
/* button styles */
/* stylizes form buttons used for submitting */
#election .button input {
	border: 1px solid #FFFFFF;
	background-color: #3366CC;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	padding: 3px 10px 3px 10px;
	margin: 0px 20px 0px 0px;
}
/* button effect in links */
#election .linkbutton {
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	padding: 3px 5px 3px 5px;
	background-color: #3366CC;
	color: #ffffff;
	border: 1px solid #FFFFFF;
}
/* Hover effect on buttons (Firefox) */
#election .linkbutton:hover, #election .button input:hover {
	background-color: #FFFFFF;
	color: #3366CC;
	border: 1px solid #3366CC;
}
/* contains election module */
#election .container ul {
	margin: 0px;
	padding: 0px;
}
#election .container li {
	margin-left: 15px;
	list-style: url('');
	list-style-type: none;
}
#election .container select {
	border: 1px solid #898989;
	font-size: 11px;
}
#election .container option {
	font-size: 11px;
	padding: 2px;
}
#election .container img {
  position: relative;
  z-index: 0;  
}
/* address search */
#election .address_search {
	float: left;
	position: relative;
	text-align: left;
	padding-bottom: 5px;
	/*background: url('/images/search_bar_bg_grey.gif') repeat-x top left;
*/
}
#election #address_search input {
	padding: 2px;
	font-size: 11px;
}
#election #my_location #address_label, #election #my_location #full_address, #election #my_location #change_address {
	float: left;
}
#election #my_location #address_label {
	width: 85px;
}
#election #my_location #full_address {
	width: 185px;
}
#election #my_location #change_address_link {
	width: 135px;
	float: right;
	text-align: right;
}
/*******************/
/* main navigation */
/*******************/
#election ul#election_nav {
	padding: 5px 0px 0px 0px;	
  margin-bottom: 15px;
	margin-left: 0px;	
}
#election #election_nav li {
	display: inline;
	padding: 0px 5px 1px 4px;
	margin-left: 0px;	
	border-right: 1px solid #CCCCCC;
}
#election #election_nav li#current a {
  font-weight: bold;  
}
#election #election_nav a {
	color: #454545;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
#election #election_nav a:hover {
  color: #000000;
  text-decoration: underline;
}
/* body layout */
#election #election_right, #election #election_left {
	float: left;
	position: relative;
}
#election #election_left {
	width: 67%;
}
#election #election_right {
	width: 28%;
	margin-left: 20px;
}
/* contains election modules */
#election .container, #election .election_container, #election #global_search {
	width: 410px;
	*width: 420px;
	float: left;
	*float: none;  		
	position: relative;  
	padding: 0px 5px 5px 5px;
	border: 1px solid #DDDDDD;
	margin-bottom: 20px;
	/*background: url('/images/grey_diagonal_bg2.gif') no-repeat top left;
*/
}
#election .election_container {
	padding: 0px;
	width: 100%;
}
#election .container h2 {
 font-size: 14px;
 color: #000000;
}
/***********************/
/* containers used in state_races */
/***********************/
#election .voter_information {
	float: left;
	position: relative;
	width: 43%;
	border: 1px solid #DEDEDE;
	padding: 5px 0px 5px 10px;
	margin-bottom: 15px;
	margin-right: 20px;
	/*background: url('/images/grey_diagonal_bg2.gif') no-repeat top left;
*/
}
#election #congressional .voter_information, #election #presidential .voter_information {
	width: 100%;
}
#election .voter_information li {
	line-height: 250%;
}
/* candidate containers */
#election .chamber, #election .person, #election .party {
	float: left;
	position: relative;
	width: 45%;
	padding: 5px;
}
#election .party {
	width: 190px;
	*width: 200px;
}
/* each running party container */
#election .party ul {
	padding: 0px;
	margin: 0px;
}
#election .party li {
	list-style: url('');
	list-style: none;
	margin: 0px;
}
/* individual candidate container */
#election .person {
	width: 55px;
	text-align: center;
	margin-right: 3px;
	margin-bottom: 10px;	
	background-color: #FFFFFF;
}
#election .person a {
  text-decoration: none;
}
#election .person img {
	border: 0px;
	height: 70px;
	width: 50px;
}
/* primary election candidate container */
#election #election_candidates {
	float: left;
	*float: none;
	position: relative;
	width: 415px;	
	padding: 10px 0px 10px 5px;
	border-bottom: 1px solid #DDDDDD;
}
#election .candidate {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 5px;
	margin: 10px 0px 2px 0px;
	/*border-bottom: 1px dotted #CDCDCD;*/
}
#election #presidential .candidate ul {
	padding-left: 10px;
	float: left;
}
#election .candidate a {
	text-decoration: none;
}
#election .candidate img {
	width: 50px;
	margin: 0px 10px 10px 0px;
	float: left;
	border: 0px;
}
/* issues */
#election #issues a {
	text-decoration: none;
}
#election ul#issues {
	margin: 0px;
	padding-left: 20px;
}
#election #issues li {
	margin: 0px;
	/*background: url('/images/cw_hdr_line.gif') repeat-x top left;
*/
	list-style: url('/images/bullet_arrw_grey.png');
}
/* take action */
#election ul#take_action {
	padding-left: 0px;
	margin-left: 0px;
}
#election #take_action li {
	margin: 5px 0px 10px 0px;
	list-style: url('');
	list-style-type: none;	
}
#election #take_action li a {
	font-weight: bold;
	text-decoration: none;	
}
/* state_races module */
#election #state_races li {
	margin: 0px;
	padding: 0px;
	list-style: url('');
	list-style-type: none;
}
/* election breadcrumbs */
#election .breadcrumbs {
	overflow: auto;
	width: 100%;
	text-align: left;
	float: left;
	padding-top: 5px;
}
#election .breadcrumbs ol {
	padding: 0;
	margin: 0;
}
#election .breadcrumbs li {
	display: inline;
}
#election .breadcrumbs li h3 {
	display: inline;
	padding: 0 12px 10px 1px;
	float: left;
	line-height: 14px;
	border-bottom: none;
	font-size: 11px;
}
#election .breadcrumbs li h3.completed_step {
	color: #3366CC;
}
#election .breadcrumbs li h3.nextstep {
	color: #999999;
}
#election #pagelist {
	text-align: right;
	padding-top: 1px;
	padding-bottom: 5px;
	padding-right: 10px;
	border-bottom: 1px solid #DDDDDD;
}
/***********************/
/* containers used in show_races .tt page */
/***********************/
#election #races .party_other, #election #races .party {
	position: relative;
	padding: 5px;
	width: 185px;
	margin-left: 5px;
	min-height: 121px;
}
/* for Internet Explorer */
/*\*/
* html #election #races .party {
	height: 125px;
}
/**/
#election #races .party_other {
	width: 100%;
	float: left;
}
#election #races .candidate {
	position: relative;
	width: 179px;
	padding: 0px 10px 5px 0px;
	margin: 10px 0px 2px 0px;
	border-bottom: 0px;
}
#election #races .party_other .candidate {
	margin-right: 13px;
}
#election .candidate p {
	padding: 0px;
	font-size: 11px;
}
#election #bio_div .candidate {
  border: 1px solid #DDDDDD;
  padding: 10px;
}