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

*{margin:0;padding:0;}

@media screen
{

body {
	margin: 0 auto;
	background: url(../../images/bg.jpg);
	font: normal 12px arial, helvetica, sans-serif;
	color: #4f4b43;
	line-height: 20px;
}

a {
	color: #4f4b43;
	font-weight: bold;
}

a:hover {
	color: #b1503d;
}

p.description {
	border-top: solid 1px #ddd;
	font-size: 14px;
	margin-bottom: 15px;
	font-style: italic;
}

h1 {
	font: normal 20px "arial rounded mt bold", arial, sans-serif;
	color: #b1503d;
	letter-spacing: -1px;
}

#content h1 {
	color: #807969;
}

h2 {
	font: normal 20px "arial rounded mt bold", arial, sans-serif;
	color: #807969;
	letter-spacing: -1px;
	font-size: 16px;
}

img {
	border: none;
}

.red {
	color: #b1503d;
}

#wrapper {
	margin: 0 auto;
	width: 720px;
}

#header #logo {
	margin: 40px 0 20px 0;
}

#container {
	margin: 0 auto;
}

	#container #top {
		height: 20px;
		width: 720px;
		background: url(../../images/container_top.png) no-repeat;
	}
	
	#container #content_container {
		width: 660px; /* 720px */
		padding: 0 30px 20px 30px;
		background: url(../../images/container_mid.png) repeat-y;
	}
	
		#container #content_container #content {
			width: 490px;
			float: left;
		}
			
			.input_container {
				margin-bottom: 25px;
			}
		
			.radio_container {
				margin: 0;
				height: 60px;
			}
				
				.radio_container .group {
					margin: 10px 0 0 0;
					padding: 4px;
					color: #807969;
					float: left;
				}
				
				.radio_container label {
					font-size: 18px;
				}
		
			.star_container {
				margin: 5px 0 0 0;
				height: 50px;
			}
		
			.slider_container {
				margin: 10px 0 0 0;
				height: 70px;
			}
				
				.slider_container .slider {
					float: left;
					width: 400px;
				}
			
				.slider_container .slider_options {
					margin-bottom: 5px;
					list-type: none;
					float: left;
				}
				
				.slider_container .slider_options li {
					display: inline;
					padding: 0 20px;
				}
		
				select.survey_input, input.survey_input, textarea#survey_input_comments {
					padding: 3px;
					height: 22px;
					width: 417px; /* -52px for check (422px @ FF) */
					background: #f1f1f1 url(../../images/input_bg.jpg) repeat-x top;
					border: solid 1px #d7d7d7;
					font-size: 18px;
					color: #25221d;
					float: left;
				}
				
				select.survey_input {
					height: 30px;
					width: 423px;
				}
				
				textarea#survey_input_comments {
					height: 148px;
					font-size: 12px;
				}
				
				.valid {
					padding-top: 2px;
					height: 28px;
					width: 50px;
					float: right;
					text-align: center;
				}
				
				.valid img {
					visibility: hidden;
				}
				
				#submit_container {
					margin-top: 30px;
					text-align: center;
				}
		
	#container #bot {
		height: 20px;
		width: 720px;
		background: url(../../images/container_bot.png) no-repeat;
	}
	
	#container #sidebar {
		width: 150px;
		float: right;
	}
	
#congrats {
	margin: 30px auto;
	background: #fff;
	width: 600px;
	border: solid 3px #c9c2b4;
	color: #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}

	#congrats h1 {
		margin: 10px 0;
	}

	#congrats p {
		margin: 0 10px 10px 
	}
	
}

@media print
{
	body, #wrapper {
		overflow: hidden;
	}
	
	#coupon {
		width: 400px;
		border: dashed 1px #000;
		text-align: center;
	}
	
	.large {
		font-size: 24pt;
	}
	
	.left {
		float: left;
	}
	
	.right {
		float: right;
	}
}

.clear {
	clear: both;
}

/* ADMIN */

#container #content_container #content.admin {
	width: 660px;
}

#login {
	margin: 0 auto;
	width: 300px;
}

	#login .login_container {
		margin: 10px 0;
	}

	#login label {
		float: left;
	}
	
	#login input {
		padding: 0 3px;
		float: left;
		height: 30px;
		width: 300px;
		background: #f1f1f1 url(../../images/input_bg.jpg) repeat-x top;
		border: solid 1px #d7d7d7;
		font-size: 18px;
		color: #25221d;
	}
	
	#login input.button {
		float: right;
		margin-top: 20px;
		border: solid 1px #770000;
		color: #fff;
		font-weight: bold;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		width: 150px;
		background: #aa0000;
		font-size: 16px;
	}
	
	.error {
		color: #b1503d;
	}
	
	.left {
		float: left;
	}
	
	.right {
		float: right;
	}

#admin_logo {
	float: left;
	margin: 10px;
}

#logout {
	float: left;
	position: absolute;
	left: 390px;
	top: 25px;
	font-size: 10px;
}

#logout a {
	text-decoration: none;
}

#admin_container {
	margin: 0 10px 10px 10px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}

.date_container {
	float: left;
}

	.date_container select.survey_input, .date_container input.survey_input {
		margin-right: 10px;
		padding: 3px;
		height: 22px;
		width: 200px; /* -52px for check (422px @ FF) */
		background: #f1f1f1 url(../../images/input_bg.jpg) repeat-x top;
		border: solid 1px #d7d7d7;
		font-size: 18px;
		color: #25221d;
		float: none;
	}
	
	.date_container .label {
		font-size: 11px;
	}
	
#schools {
	margin: 20px 10px 0 0;
	float: left;
}

#average {
	margin: 25px 10px 0 0;
	float: left;
	width: 100px;
}

	#average input {
		margin: 4px 2px 0 0;
		float: left;
	}
	
	#average .label {
		font-size: 11px;
	}
	
#admin_submit_container {
	margin-top: 25px;
	float: left;
}

#legend {
	margin-top: 10px;
	font-size: 10px;
	color: #b1503d;
}

#results_table {
	margin-bottom: 10px;;
}

	.report_title {
		text-align: center;
		font-weight: bold;
		background: #eee;
		border-right: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		border-left: solid 1px #f7f7f7;
		cursor: default;
	}
	
	.comment {
		cursor: default;
	}
	
	#results_table td {
		padding: 3px;
	}
	
	.light {
		background: #fefefe;
	}
	
	.dark {
		background: #eee;
	}
	
	.average {
		background: #ccc;
		border-right: solid 1px #bbb;
		border-bottom: solid 1px #bbb;
		border-left: solid 1px #d7d7d7;
		font-weight: bold;
	}
	
	#tooltip {
		position: absolute;
		z-index: 3000;
		border: 1px solid #111;
		background-color: #eee;
		padding: 3px;
		opacity: 1;
	}
	
	#tooltip h3, #tooltip div { 
		margin: 0;
		font-size: 14px;
		font-weight: normal; 
	}
	
#printable {
	float: left;
	margin: 16px 0 0 30px;
}

.ui-datepicker {
	display: none;
}