/*

main blue		#01257b;

nav green		#92c359;
box green		#92c359;

nav gray			#666;
text gray		#666;
hairline gray	#999;
button gray		#999;

light tan		#f1f0a9;
orange			#f60;
flash red		#c00;
light gray		#e3e3e3;
blue gray		#8c9ea0;
brown				#57391e;

th tan			#7d7d58;
td: use with ltan

th green			#5e7e39;
td green			#c3eb9b;

th lgray			#4c4c4c;
td lgray			#b3b3b3;

th dgray			#333;
td lgray2		#e3e3e3;

th: main blue	#01257b;
td lblue			#b9c7d8;

th br blue		#013ac3;
td: lblue		#b9c7d8;

*/

body, div, p, span, td, th, li, dt, dd, dl, input, option, textarea, h1, h2, h3, h4, h5, h6 {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}

form{
	padding: 0px;
	margin: 0px;
}

p{
	margin: 5px 0px 5px 0px;
}

img {
	border: none;
}

a{
	color: #f60;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

body{
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	background-color: white;
}

h1#application_title {
	font-weight: normal;
	color: white;
	font-size: 18pt;
	padding: 0px;
	margin: 0px;
	/*margin-bottom: 5px;*/
	letter-spacing: .05em;
}

h2{
	font-weight: normal;
	color: #01257b;
	font-size: 16pt;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

h3{
	font-weight: normal;
	color: #01257b;
	font-size: 12pt;
	margin: 0px 0px 10px 0px;	
}

h4{
	font-weight: bold;
	color: #01257b;
	font-size: 10pt;
	margin: 0px 0px 5px 0px;	
}


input.text{
	background-color: #f8f8f8;	
	border: 1px solid #ccc;
	padding: 2px;
}

textarea{
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	padding: 2px;
}

/* **************************************************************** */
/* header */




/* **************************************************************** */
/* nav bars */

div.assumed{
	/*background-color: #f60;*/
	background-color: #57391e;
	color: white;
	font-weight: bold;
	padding: 5px 20px 5px 20px;
}

div.assumed a{
	color: white;
}

div.nav_admin{
	background-color: #666;
	color: white;
	padding: 10px 20px 10px 20px;
}

a.admin_on{
	color: #666;
	background-color: white;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
}

a.admin{
	color: white;
	font-weight: bold;
	text-decoration: none;
}


div.nav_main{
	background-color: #92c359;
	color: white;
	padding: 10px 20px 10px 20px;
}

a.main{
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 10px;
}

a.main_on{
	background-color: white;
	color: #01257b;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 5px 10px 5px;
}

div#flashMessage.message {
	background-color: #900;
	color: white;
	font-weight: bold;
	padding: 5px 20px 5px 20px;
}

div#flashMessage.faded {
	background-color: #fff;
	color: #900;
}

div#content {
	padding: 10px 20px 10px 20px;
}

/* **************************************************************** */
/* main list tables */

table.list{
	width: 100%;
}

table.list th, table.list td{
	background-color: #f0f0f0;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	padding: 3px;
	vertical-align: middle;
}

table.list th{
	font-size: 8pt;
}

table.list th{
	color: white;
	background-color: #888;
	font-weight: normal;
}

table.list th a {
	display: block;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

table.list th a:hover {
	color: #f60;
}

table.list th.cell_current a{
	font-weight: bold;
	text-decoration: none;
}

table.list th.cell_current{
	background-color: #000;
}
	
table.list td.cell_current{
		
}

/* **************************************************************** */
/* paging controls for lists  */

.page_current{
	/*border: 1px solid #ccc;*/
	background-color: #01257b;
	color: white;
	padding: 2px 4px 2px 4px;
	font-weight: bold;
}

.page_other{
	border: none;
	padding: 2px;
}

div#pager{
	float: left;
	margin-bottom: 10px;
}

/* **************************************************************** */



div.green_box{
	border: 1px solid #92c359;
	padding: 10px;
	margin-top: 10px;
	clear: both;
}

div.gray_box{
	border: 1px solid #ccc;
	padding: 10px;
	margin-top: 10px;
	clear: both;
}

div#action_buttons{
	float: right;
	margin-bottom: 10px;
}

.action_button:hover, .action_button:link, .action_button:visited, .action_button, div#action_buttons a{
	padding: 4px 5px 4px 5px;
	background-color: #f60;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 8pt;
	margin-left: 5px;
	border: none;
}


a.arrow_menu_tan{
	display: block;
	padding: 3px;
	background-color: #f1f0a9;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 8pt;
}

div.menu_tri{
	margin-top: 5px;
}

div.menu_tri div{
	margin-top: 5px;
	margin-bottom: 15px;
}


a.block_control{
	font-size: 8pt;
	text-transform: uppercase;
}

img.candidate{
	border: 1px solid #999;
	width: 125px;
}

table.candidate_details tr {
	vertical-align: top;
}


.gray_label, td.candidate_details{
	color: #666;
	font-size: 8pt;
	text-transform: uppercase;
	padding-right: 10px;
}


table#ranking_table td.first{
	color: #01257b;
	padding-right: 10px;
}

.red{
	background-color: #c00;
}

.yellow{
	background-color: #fd0;
}

.green{
	background-color: #6c0;
}


.candidate_id{
	color: #7d7d58;
	font-size: 7pt;
	font-family: verdana;
}


/* **************************************************************** */
/* to help out scaffold-generated stuff */

label {
	display: block;
	margin-top: 10px;
	color: #666;
	font-size: 9pt;
}


dt {
	margin-top: 20px;
	color: #999;
	font-size: 9pt;
}
	
dd{
	margin: 0px;
	border: 1px solid #ccc;
	padding: 5px;
	width: 300px;
}

 .error_message, div.error_message {
	color: #900;
}

.form_error{
	border: 1px solid #c00;
}

a.form_error, a.form_error:link, a.form_error:visited, h3.form_error, li.form_error, p.form_error, dt.form_error{
	color: #c00;
	font-weight: bold;
	border: none;
}