/*
10 	77
11 	85
12 	93
13 	100
14 	108
15 	116
16 	123.1
17 	131
18 	138.5
19 	146.5
20 	153.9
21 	161.6
22 	167
23 	174
24 	182
25 	189
26 	197
*/


strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.clear {
	clear: both;
}

.show-in-print {
	display: none;
}


.message {
	text-align: center;
	margin: 20px 20px;
	padding: 8px;
	border: 1px solid #fff;
}

	.message.ok {
		border-color: #9c9;
		background-color: #e2f9e3;;
		color: #004B00;
	}

	.message.error {
		border-color: #c99;
		background-color: #cc0000;
		color: #fff;
	}


.help {
	color: #333;
	font-size: 85%;
	border: 1px solid #948b6e;;
	padding: 4px;
}

	.help .title {
		color: #000;
		margin-right: 10px;
	}

.field_error {
	
}

	.field_error input,
	.field_error textarea,
	.field_error select {
		border: 1px solid #f00;
	}
	
	
.generic_error {
	border: 1px solid #f00;
	padding: 4px;
}


/*
	yellow: rgb(240, 227, 159)
	blue: rgb(0, 56, 106)
	dark yellow: rgb(206, 203, 149)
	
	very light rgb(254, 253, 247)
*/


#public_page {
	
}

	#public_page #main {
		
	}

		#public_page #header {
			height: 80px;
			background-color: rgb(0, 56, 106);
			background-image: url('../img/header_bg.png');
			background-repeat: repeat-x;
		}
	
			#public_page #header #logo {
				position: absolute;
				left: 20px;
				top: -5px;
			}
			
				#public_page #header #logo img {
					
				}
			
			#public_page #header #header_title {
				height: 60px;
				text-align: center;
				
			}
			
				#public_page #header #header_title h1 {
					padding-top: 20px;
					color: #fff;
					text-align: center;
					font-weight: bold;
					font-family: "Trebuchet MS", Arial,Sans-Serif;
					font-size: 150%;
					Rletter-spacing: -0.3px;
					line-height: 97%;

				}
	
			#public_page #header #header_inner {
				height: 20px;
				background-color: rgb(240, 227, 159);
				border-top: 1px solid rgb(206, 203, 149);
				border-bottom: 1px solid rgb(206, 203, 149);
				background-image: url('../img/header_bg_2.png');
				background-repeat: repeat-x;
			}


		#public_page #content {
			width: 600px;
			margin: 30px auto;
		}
		
		#public_page #footer {
			width: 600px;
			margin: 10px auto;
			font-size: 85%;
			color: #666;
			text-align: center;
		}
		
			#public_page #footer a {
				color: #666;
			}



.application_addedit,
.application_view {
	line-height: 200%;
}

	.application_addedit .section,
	.application_view .section,
	.collection_remove .section,
	#result_view .section {
		margin: 20px 0;
		padding: 15px;
		background-color: #F8F8F1;
	}
	
		.application_view .small_notice {
			font-size: 93%;
			color: #333;
		}
	
		.application_addedit .error-section,
		.application_view .error-section {
			background-color: #FFA5A5;
			font-weight: bold;
			text-align: center;
		}
		
			.application_done .error-section {
				background-color: #FFC1C1;
				font-weight: normal;
			}
	
		.application_addedit .status-notice {
			text-align: center;
			font-weight: bold;
		}
	
		.application_addedit .subsection {
			/*margin: 10px 0 10px 30px;*/
		}

		.application_addedit .email_address_notes {
			clear: both;
			line-height: 110%;
			margin: 20px 0 0 20px;
			color: #666; 
		}
		
		
	.application_addedit h3,
	.application_view h3,
	#result_view h3 {
		font-weight: bold;
		font-family: Arial,Sans-Serif;
		font-size: 130%;
		line-height: 97%;
		margin: 0 0 15px 0;
		color: #3f3f3f;
	}


	.application_addedit input {
		padding: 3px;
	}

	.application_addedit .standard-labels label {
		width: 150px;
		float: left;
		text-align: right;
		margin: 0 5px;		
	}
	
		.application_view .standard-labels strong {
			width: 150px;
			float: left;
			text-align: right;
			margin: 0 5px;		
		}
	
		.application_addedit .standard-labels input {
			
		}
	
		.application_addedit .standard-labels label.nofloat {
			float: none;
		}

		.application_addedit textarea {
			width: 95%;
		}

	.application_addedit .save_actions,
	.application_view .save_actions {
		text-align: right;
		clear: both;
		padding-top: 20px;
	}
		
		.application_view .save_actions .deletelink {
			float: left;
			margin-top: -5px;
		}
		
		.application_view .save_actions .editlink {
			color: #000;
			border: 1px solid #ccc;
			padding: 5px;
		}
		
			.application_view .save_actions .editlink:hover {
				background-color: #fff;
			}
		
		.application_addedit .save_actions span,
		.application_view .save_actions span {
			margin-right: 20px;
			color: #666;
		}
		
			
		
	.application_view .simple_text {
		line-height: 100%;
	}



	.application_done .secret {
		margin: 15px 0;
		text-align: center;
	}
	
		.application_done .secret span {
			background-color: #fff;
			border: 1px solid #ccc;
			padding: 8px;
			font-size: 153.9%;
		}



#results_query_form {
	text-align: center;
}

	#results_query_form p {
		margin-bottom: 15px;
		font-weight: bold;
	}


#result_view {
	
}

	#result_view .section p {
		margin-bottom: 30px;
	}

	#result_view table {
		Rborder-collapse: collapse;
		width: 100%;
		margin-bottom: 15px;
	}
	
		#result_view table tr {
			
		}
		
			
		
			#result_view table tr td {
				padding: 6px 4px;
				border-bottom: 1px solid #ccc;
			}
			
			#result_view table tr .score {				
				width: 55px;
				text-align: right;
				font-weight: bold;
			}
			
				#result_view table tr th.score {
					font-weight: normal;
				}
			
			#result_view table tr .max_score {				
				width: 30px;
				color: #7D7D7D;
				text-align: right;
			}


			#result_view table tr.total_row {
				font-size: 125%;	
			}
			
				#result_view table tr.total_row td {
					border-top: 1px solid #000;
					padding: 12px 4px;
				}


	
#admin_page {
	background-color: #ededed;
	margin: 0;
	padding: 0;
}


#admin {
	margin: 30px auto;
	width: 670px;
	border: 1px solid #ccc;
	padding: 20px;
	background-color: #fff;
}


	#admin #logoff {
		float: left;
		font-size: 85%;
		
	}
	
		#admin #logoff a {
			color: #666;
		}

	#admin #header {
		
	}
	
		#admin #header h1 {
			text-align: center;
			font-weight: bold;
			font-family: Arial,Sans-Serif;
			font-size: 300%;
			letter-spacing: -1px;
			line-height: 97%;
			border-bottom: 1px solid #333;
		}
	
	#admin #nav {
		text-align: center;
		height: 20px;
		margin: 20px 0 30px 0;
	}
	
		#admin #nav ul {
			
		}
		
			#admin #nav ul li {
				display: inline;
				margin: 3px;
			}
			
				#admin #nav ul li a {
					background-color: #000;
					color: #fff;
					padding: 5px;
				}
	
	
	#admin #crumbs_nav {
		padding: 10px 0 10px 10px;
		font-size: 93%;
		border-bottom: 1px solid #ccc;
	}
		
		#admin #crumbs_nav div {
			
		}
		
			#admin #crumbs_nav span {				
				color: #333;
			}
			
				#admin #crumbs_nav span a {
					color: #333;
				}
	
	
	#admin #collection_nav {
		padding: 10px 0 10px 10px;
		font-size: 93%;
		border-bottom: 1px solid #ccc;
		line-height: 140%;
		color: #666;
	}
	
	
			#admin #collection_nav span {				
				margin-left: 10px;
			}
				
				#admin #collection_nav span a {
					color: #666;
				}
	
				#admin #collection_nav span.active a {				
					color: #333;
					font-weight: bold;
				}
				
			#admin #collection_nav .collection_admin_link {
				color: #AA944C;
				margin-left: 10px;
				
			}
	
	#admin #content {
		
	}
	
	
		#admin #content h2 {
			font-weight: bold;
			font-family: Arial,Sans-Serif;
			font-size: 150%;
			line-height: 97%;
			margin: 15px 0 15px 0;
		}
	
		#admin #content h3 {
			font-weight: bold;
			font-family: Arial,Sans-Serif;
			font-size: 130%;
			line-height: 97%;
			margin: 15px 0 15px 0;
		}
	
	
		#admin #content .collection_addedit h2 {
			margin-bottom: 0;
		}
	
			#admin #content .collection_form {
				margin-top: 40px;
				margin-left: 40px;
			}
			
				#admin #content .collection_form h3 {
					border-top: 1px solid #ccc;
					padding-top: 10px;
				}
			
				#admin #content .collection_form .help {
					margin: 10px 0 0 205px;
				}
			
			
				#admin #content .collection_form label {
					width: 200px;
					float: left;
					text-align: right;
					margin: 0 5px;
				}
				
				#admin #content .collection_form .save_actions {
					text-align: right;
					clear: both;
					padding-top: 30px;
				}
			
					#admin #content .collection_form .submit {
						
					}
			
			
				#admin #content .collection_form #test_times_cont {
					margin: 30px 0;
				}
				
					#admin #content .collection_form #test_times_cont label {
						float: none; 
					}
					
					#admin #content .collection_form #test_times_cont .help {
						margin: 10px 0;
					}
				
				
				#admin #group_times_cont {
					margin-top: 30px;
				}
				
				
				
				#admin .collection_form .group_times {
					text-align: center;
					width: 49%;
				}
				
					#admin .collection_form .group_times table {
						width: 99%;
						margin: 0;
					}
					
						#admin .collection_form .group_times table tr.is_existing {
							background-color: #F5F5F5;
						}
					
						#admin .collection_form .group_times table td,
						#admin .collection_form .group_times table th {
							padding: 1px 0;
							border: none;
							border-left: 1px solid #ccc;
							font-weight: normal;
						}
						
							#admin .collection_form .group_times table .leftmost {
								border: none;
							}
						
							#admin .collection_form .group_times table th {
								padding: 3px;
							}
				
							#admin .collection_form .group_times .test_time_application_count {
								color: #666;
							}
					
					
				
					#admin #content .collection_form .group_b_times {
						float: right;
						border-left: 1px solid #666;
					}
					
					
					#admin #content .collection_form .group_times input {
						padding: 3px;
						margin-bottom: 8px;
					}
					
	
			#admin .collection_remove .confirm_delete {
				text-align: right;		
			}
			
				#admin .collection_remove .confirm_delete p {
					text-align: left;
					font-weight: bold;
				}
	
	
	#admin .back_link {
		margin: 10px 0;
	}
		
		#admin .back_link a {
			color: #000;
		}
		
	#admin .deletelink {
		border: 1px solid #FF7E7E;
		color: #333;
		padding: 5px;
	}
	
		#admin .deletelink:hover {
			background-color: #FF3333;
			color: #fff;
		}
	
	
	#admin .nav {
		text-align: center;
		margin-top: 25px;
	}
	
		#admin .nav ul {			
			padding-bottom: 2px;
			border-bottom: 1px solid #333;
		}
		
			#admin .nav ul li {
				display: inline;
				margin: 0 2px;
			}
			
				#admin .nav ul li a {
					background-color: #F4F4F4;
					color: #000;
					padding: 3px;
					border: 1px solid #333;
				}
				
					#admin .nav ul li.active a {
						background-color: #fff;
						border-bottom: 1px solid #fff;
						text-decoration: none;
					}
					
					#admin .nav ul li a:hover {
						background-color: #ccc;
					}
						
						#admin .nav ul li.active a:hover {
							background-color: #fff;
						}


					#admin .nav ul li.deletetab {
						margin-left: 40px;						
					}
					
						#admin .nav ul li.deletetab a:hover {
							background-color: #FF3F3F;
						}
						
			
			#admin .nav-alternate {
				border-bottom: none;
			}
			
				#admin .nav-alternate ul {			
					padding-top: 3px;
					border: none;
				}
			
					#admin .nav-alternate ul li.active a {
						background-color: #fff;
						border-bottom: 1px solid #333;
						text-decoration: none;
					}
					
						#admin .nav-alternate ul.primary {
							border-bottom: 1px solid #333;
							padding-bottom: 5px;
						}
							
							#admin .nav-alternate ul.primary li {
								margin: 0 2px;
							}
									
							#admin .nav-alternate ul.primary li a {
								padding: 6px;
								color: #000;
							}

								#admin .nav-alternate ul.primary li.active a {
									border-top: 1px solid #333;
									background-color: #fff;
									
								}


	#admin .application_view .confirm_delete {
		text-align: right;		
	}
	
		#admin .application_view .confirm_delete p {
			text-align: left;
			font-weight: bold;
		}


	
	#admin #application_index {
		/*margin-top: 20px;*/
	}
	
		#admin #application_index .select_view {
			text-align: center;
			margin-bottom: 20px;			
		}
	
			#admin #application_index .select_view p {
				font-weight: bold;
			}
	
		#admin #application_index .application_overview {
			margin-top: 30px;
		}
			
			#admin #application_index .application_overview .application_counts {
				
			}
			
				#admin #application_index .application_overview .application_counts strong {
					float: left;
					width: 120px;
				}
			
		
		#admin table {
			border-collapse: collapse;
			width: 80%;
			margin: 10px auto;
			text-align: center;
		}
		
			#admin table tr {
				
			}
			
			#admin table td,
			#admin table th {
				border: 1px solid #ccc;
				padding: 5px;
			}
				
				#admin th {
					font-weight: bold;
					text-align: center;
				}
		
		
		
		#admin table a {
			color: #000;
		}
		
			#admin table a:visited {
				color: #666;
			}
		
	
		#admin #application_index .application_list,
		#admin #collection_index .collections {
			text-align: center;
			margin-top: 30px;
		}
	
			#admin #application_index .application_list .time_group {
				margin-bottom: 20px;
			}
			
				#admin #application_index .application_list .time_group .heading {
					font-weight: bold;
				}
		
				#admin #application_index table .gender_field {
					background-color: #FCD1D1;
				}
				
				#admin #application_index table .gender_b {
					background-color: #B9EAEC;
				}
				
				
				#admin #collection_index .collections .collection_activation a {
					font-size: 85%;
					color: #333;
				}
				
					
				
					#admin #collection_index .collections .is_active_collection {
						background-color: #9c9;
						font-size: 85%;
					}
	
	
	
	
	#admin .result_index {
	
	}
	
		#admin #result_index #result_mode_choose {
			
		}
		
			#admin #result_index #result_mode_choose .section {
				margin: 10px 10px;
			}
			
				#admin #result_index #result_mode_choose .section .group {
					margin: 5px 0 5px 20px;
				}
				
					#admin #result_index #result_mode_choose .section .group span a {
						color: #000;
						margin: 0;
					}

					#admin #result_index #result_mode_choose .section .group a {
						margin-left: 5px;
						color: #585858;
					}
					
						#admin #result_index #result_mode_choose .section .group a.active {
							font-weight: bold;
							color: #000;
						}
					
					#admin #result_index #result_mode_choose .section .group .new-date {
						font-weight: bold;
						margin-left: 5px;
					}

	
		#admin #result_index .help {
			margin: 20px 20px;
		}
	
	
		#admin #result_index .applications {
			margin-top: 40px;
		}
		
			#admin #result_index .applications h3 {
				text-align: center;
				font-size: 116%;
			}
		
			#admin #result_index .applications .application {
				margin: 20px 10px;
				border-bottom: 1px solid #ccc;
				padding: 10px;
				color: #666;
			}
			
				#admin #result_index .applications .application input,
				#admin #result_index .applications .application select,
				#admin #result_index .applications .application textarea {
					color: #000;
					border: 1px solid #ccc;
					padding: 1px;
				}
				
			
				#admin #result_index .applications .application-ok {
					background-color: #EDFFED;
				}
				
				#admin #result_index .applications .application-error {
					border: 2px solid #f00;
					padding: 8px;
				}
			
				#admin #result_index .applications span.title {
					font-weight: bold;
					font-size: 108%;
					padding: 4px;
					color: #000;
				}
				
					#admin #result_index .applications .application-ok span.title {
						background-color: #D1FFD1;
					}
					
				
				#admin #result_index .applications .application table {
					width: 99%;
				}
				
					#admin #result_index .applications .application table td input {
						width: 80%;
						text-align: center;
					}
				
					#admin #result_index .applications .application table th {
						border-top: none;
					}
					
					#admin #result_index .applications .application table .leftmost {
						border-left: none;
					}
					
					#admin #result_index .applications .application table .odd {
						background-color: #F8F8F8;
					}
					
					#admin #result_index .applications .application table tr.extra td {
						padding-top: 15px;
					}
					
					#admin #result_index .applications .application table textarea {
						width: 99%;
					}
				
				#admin #result_index .applications .application .extra_info {
					font-size: 85%;
					color: #333;
				}
				
					#admin #result_index .applications .application .extra_info input {
						width: 30px;
					}
				
				
				#admin #result_index .applications .savelink {
					text-align: right;
					padding: 0px 10px 20px 0;
					margin: 0 10px;
					border-bottom: 1px solid #ccc;	
				}
				
					#admin #result_index .applications .savelink input {
						padding: 4px;
					}
				
				
				
				
				#admin #result_index .gender_selection {
					text-align: center;
					margin: 20px 0;
					color: #000;
				}
				
					#admin #result_index .gender_selection a {
						color: #000;
					}
					
						#admin #result_index .gender_selection a.active {
							font-weight: bold;
						}
	
	
				#admin #result_index .stats table {
					width: 99%;
				}
				
					#admin #result_index .stats table td {
						padding: 2px;
					}
	
	
					#admin #result_index .stats .extra_info input,
					#admin #result_index .stats select {
						margin: 0;
						color: #000;
						border: 1px solid #ccc;
						padding: 1px;
					}
				
	
					#admin #result_index .stats table td .extra_info input {
						width: 25px;
						text-align: center;
					}
					
					#admin #result_index .stats table td select {
						width: 65px;
					}
				
				
					#admin #result_index .stats .savelink {
						text-align: right;
						padding-right: 20px;
					}
				
				
	
	
	#admin .stats_section {
		margin: 30px 0;
	}
	
		#admin .stats_section img {
			margin-left: 20px;
		}


table.cakeSqlLog {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
table.cakeSqlLog th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: center;
padding:1px 4px;
}

table.cakeSqlLog tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: center;
}

table.cakeSqlLog tr.altRow td {
background: #f4f4f4;
}

table.cakeSqlLog td.actions {
	white-space: nowrap;
}

table.cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}