body {
	font-family: arial;
	font-size: 14px;
	background: rgb(229, 229, 229);
}

div.auto_complete    {
     position         :absolute;
     width            :250px;
     background-color :white;
     border           :1px solid #888;
     margin           :0px;
     padding          :0px;
}
li.selected    { background-color: #F2F5FB; }
div.auto_complete li{
    cursor: pointer;
}

h1,h2,h3,h4,h5,h6 {background: inherit;}

#container {
	width: 980px;
	margin: auto;
}

#content {
	padding: 10px 0;
	background: rgb(229,229,229);
}

table {
	width: 99%;
}

table th {
	background: #F1F3E8 none repeat scroll 0 0;
	color: #333;
	border-color: white;
	font-size: 12px;
}
table th a, table th a:hover {background: inherit; color: inherit;}
.clear {clear: both; }

#header {
	background: white;
	padding: 10px 10px 0px;
}

	#header .wrap {
		width: 980px; 
		margin: auto;
		position: relative;

	}

#header h1#logo {
	background: url(/img/logo.png) no-repeat;
	display: block;
	width: 170px; 
	height: 50px;
	text-indent:-9999px;
}

	#header .links {
		position: absolute;
		top: 0px;
		right: 0px;
	}
		#header .links li {
			list-style-type: none;
			display: inline-block;
			padding: 0px 10px;
			border-right: 1px solid #003D4C;
		}
			#header .links li.last {
				border: none;
			}

h3{
	font-size: 18px;
	color: rgb(30,103,178);
	font-weight: bold;
}

/*
 * NAVBAR
 */
ul#nav {
	clear: both;
	margin: 20px auto 0px auto;
	border-bottom: 0px solid rgb(204, 204, 204);
	padding: 0px;
}

#nav li a {
	background-color: rgb(229, 236, 249);
border: 1px solid rgb(204, 204, 204);
border-bottom: 0;
color: rgb(51, 51, 51);
float: left;
font-weight: bold;
line-height: 14px;
margin-right: 2px;
padding: 10px 10px;
text-decoration: none;
font-family: arial;
font-size: 16px;
}

#nav li.active a {
	background: #e5e5e5;
}

/*
 * FORMS
 */
label {
	font-weight: 100;
	color: rgb(51,51,51);
}

input[type="submit"], input[type="button"] {
	background: rgb(22,92,156);
	border: 1px solid rgb(14,78,137);
	font-weight: bold;
	color: white;
	padding: 5px 10px;
	cursor: pointer;
	font-size: 12px;
	margin: 1px;
}

input[type="submit"]:hover, input[type="button"]:hover {
	background: orange;
}

.submit {text-align: right; padding: .5em 0;}

/*
 * LOGIN PAGE
 */

 #login_form {
 	width: 300px;
	padding: 20px;
	background: rgb(245, 245, 245);
	border: 1px solid #bbd9ee;
 	margin: auto;
	background: #e5ecf9;
 }
 
 #login_form form {
 	margin: 20px auto;
 }

/*
 * CONTENT PAGES
 */
#main_content, .main_content {
	width: 690px;
	float: left;
	background: white url(/app/webroot/img/right-bg.gif) repeat-y;
	background-position: right;
}

.main_content {
	width: 100%;
}

#main_content .bottom, .main_content .bottom {
	background: url(/app/webroot/img/bottom-bg.gif) repeat-x;
	height: 7px;
	width: 683px;
}

.main_content .bottom {
	width: 972px;
}

#main_content #main_content_wrap, .main_content #main_content_wrap {
	padding: 5px;
}

.name {
	font-size: 13px;
	font-weight: 100;
	color: #0087D2;
}
.name a {	text-decoration: underline;
}

#main_content td.name {
	text-align: left;
}

#main_content table .secondary {
	font-size: 90%;
}

.tutor  .secondary {
	color: red;
}
table tr.highlight td {
	
}

table tr.highlight td.first { }
table tr.highlight td.last { }


table tr.altrow td {
	background: white;
}

.tutor {
}

.testDates {
	clear: both;
	
}

#main_content table {
	border: 0px solid #515151;
	margin: 10px 0px;
	width: 670px;
}

	#main_content table td {
		padding: 5px 3px;
		text-align: center;
	}
		#page_heading {
			background:#F7F7F7 none repeat scroll 0 0;
margin:3px;
padding:10px 5px;
width:96.5%;
		}
			#page_heading h2 { 
				color: #1a1a1a; 
				font-size: 30px;
				float: left;
				margin-left: 20px;
				font-weight: bold;
				font-family: arial;
			}
			
			 #page_heading p {
				float: right;
				font-size: 80%;
				padding-right: 10px;		
			}
			
			#page_heading .paging {
				background: inherit;
				float: left;
				margin: 0;
			}
		
		
	td .goalUpdate .value{
		display: none;
	}
	
		.goalUpdate h6 {
			font-size: 12px;
			color: rgb(115, 80, 5);
			margin: 5px 0px;
			float: left;
		}
		
		.goalUpdate .scoreHolder {
			width: 80px;
		}

	.testDates, .testsComplete {
		clear: both;
		padding: 0px 0px 0px 0px;
		font-size: normal;
	}
		.testDates .secondary {
			font-size: 90%;
		}
		
		/*
		 * sidebar
		 */
		
		#sidebar {
			width: 280px;
			float: right;
			padding: 0px;
		
		}
		
		#sidebar #search_box { color: #ccc; }
		
		div.add_person {
			border: none;
			padding: 10px 0px;
		}
		 #add_person {
			background: url(/app/webroot/img/add_a_new_person.gif) no-repeat;
			background: none;	
			color: inherit;	
			border: none;	
			float:left;
                        padding-top: 3px;
		}
		
		#add_person_arrow{
                        float:left;
                        height:16px;
                        width:16px;
                        cursor:pointer;
		}
		
		#register {
			background: white;
			padding: 10px 32px 10px 22px;		
			border: 1px solid #333;
			display: none;
		}
			#register li {
				margin: 10px 0px;
			}
			#register li a#cancel {
				color: red;
				text-decoration: underline;
			}
		
		#sidebar input[type="text"] { width: 90%; }
		#sidebar input { margin: 10px 0px; width: 100%; }
		#sidebar input[type="button"] { font-size: 14px; }
		
		#sidebar .wrapper {
			background: #F2F5FB;
			border: 1px solid #C0D1EC;
			padding: 5px 10px;
		}
		
		#sidebar #add_test { width: 90px; margin-top: 60px; clear: both; }
		#sidebar .horizontal input[type="button"] {
			float: left; width: 30%; margin-right: 2px; clear: none; border: 1px solid #515151; background: #f9f9f9; color: #515151;
		}
		
			.text-link {
				clear: both;
				margin: 10px 0px;
				display: inline-block;
				padding-right: 25px;
				line-height: 20px;
			}
			#sidebar #delete {
				background: url(/app/webroot/img/delete.gif) no-repeat center right;
			}
 
 			#sidebar a#score_test_btn {
 				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				background: #A2CC4E none repeat scroll 0 0;
				border:1px solid #85AA40;
				color:white;
				display:block;
				font-size:24px;
				margin:10px;
				padding:10px;
				text-align:center;
				text-decoration:none;
 			}
				#sidebar #score_test_btn:hover{
					background: orange;
				}
 /*
  * FOOTER
  */
 #footer {
 	font-size: 11px;
	color: rgb(51,51,51);
	text-align: center;
	background: inherit;
	border-top: 1px solid rgb(231, 228, 211);
 	padding-top: 20px;
	width: 80%;
	margin: auto;
 }
 
 .user_info .ui-widget-content ul li a {
 	clear: none;
 }
 
#main_content form label {
 	display: inline-block;
	width: 50px;
	font-size: 120%;
	font-weight: bold;
 }
 
 form h3 {
 	margin: 20px 0px;
	font-size: 18px;
 }

 #main_content fieldset {
 	border: none;
 }
 
 #SectionList h3{
 	margin: 25px 0px;
 }
 #SectionList h4{
 	margin: 15px 0px;
 }
 #SectionList ul {
 	margin: 20px;
	padding: 15px;
 }
 #SectionList ul li ul li{
 	background: #f9f9f9;
	padding: 20px;
	border: 1px solid #ccc;
	margin: 10px 0px;
 }
 
 #SectionList ul li ul li form {
 	border: 1px solid #ccc;
	padding: 10px;
	background: #ffefcc;
 }
 #SectionList ul li ul li ul li{
 	border: none;
	border-bottom: 1px dotted black;
	margin: 5px 0px;
	padding: 8px;
}
 
 #SectionList form fieldset {
 	border:none;
	margin: 20px 0px;
 }
 
 .ui-widget-content ul.contact_info {
 	margin-left: 0px;
 }
 
 ul.contact_info li {
 	height: 25x;
 }

 ul.contact_info li label {
 	display: inline-block;
	width: 60px;
	font-size: normal;
 }
 
 ul#goals {
 	margin-left: 15px;
 }
 ul#goals li {
 	min-height: 50px;
	display: inline;
	float: left;
	clear: none;
	margin-right: 20px;
	background: #f7f7f7;
	border: 1px solid #ccc;
	padding: 8px 15px;
 }
 
ul#goals h3 {
 	text-decoration: none;
	margin-bottom: 10px;
	font-weight: 300;
}
 
div#updateScoresPanel {
	background:#FFEFCC none repeat scroll 0 0; 
	border-bottom:1px solid #CCCCCC;
	left:0;
	top:0;
	position:fixed;
	padding: 10px;
	width:100%;
	z-index:100;
	opacity:0.85;
	display: none;
}

div#updateScoresResult {
	width: 200px;
	display: none;
	margin:0 auto;
}

div#updateScoresProgress {
	padding: 7px;
	width: 200px;
	margin:0 auto;
	display: none;
}

span.password {
	background: url(/app/webroot/img/password-bg.gif) repeat-x center left; 
	letter-spacing: 1px;
	font-family: Courier, "Courier New", monospace;
	cursor: default;
}

/* Score Reports Page */
.satPracticeTests h2 {
	font-family: helvetica !important;
	color: #1a1a1a !important;
	font-weight: bold;
	margin-bottom: 0px;
}
.satPracticeTests h4 {
	color: #ccc;
	padding: 0px;
}

.scorebox {
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#fff none repeat scroll 0 0;
border:1px solid #CCCCCC;
float:left;
margin:20px 18px 10px 0;
width:300px;
height: auto;
}

.scorebox table.score td {
	border: none;
}
.scorebox h3 {
	color: #333;
	font-size: 24px;
}
div.score {
	margin: 25px 0px;
	clear:both;
	border-bottom: 0px;
}

div.scorebox h4 {
	border-bottom:1px solid #CCCCCC;
	color:#CCCCCC;
	display:block;
	padding:15px 0 0;
}
table.score td {
	background: none;
	font-size: 12px;
}
tr.bold td {
	font-weight: bold;
}
div.sectionScore {
	border-bottom: 2px solid #ccc;
	______margin-bottom: 10px;
	padding: 5px;
	height: 60px;
	background: #f7f7f7;
}
h3.category {
	font-size: 20px;
	
}
h3.number {
	font-size: 60px;
}
td.value img {
	display:none;
}
.scorebox table.score {
	margin:0 5px 5px;
	width:95%;
}
.percentCorrect {
	font-size: 14px;
}
.percentCorrect img {
	display:none;
}
table.no-border td {
	border: none;
}

table.difficulty {
	border: none;
	background: #F1F3E8 none;
	margin: 10px auto;
	width: 90%;
}

table.difficulty th {font-weight: bold; text-align: left; padding: 3px;}
table.difficulty td {font-size: 11px; padding: 3px;}

tr.spacer td {background: white; height: 25px; border: none;}

span.userInfo {
	font-size: 14px;
	margin-left: 200px;
	font-weight: normal;
}


#ch_st_user{
   float:left;
    height:16px;
    margin-right:10px;
    margin-top:8px;
    width:16px;
}

#tutor_acive_column {
	display:block;
	float:left;
	width:50%;
}

#tutor_archive_column {

}


.pr_test_name {
}

.pr_test {
}

.pr_test_date {
}

.pr_test_scale {
	text-align: center;
	float: left;
}

.pr_test_scale .name {
	 clear: both;
    color: #000000;
    display: block;
    font-size: 10px;
    width: 65px;
    height: 35px;
}

.pr_test_scale .raw {
	display: block;
    float: left;
    width: 100px;
}

.pr_test_scale .scaled {
	display: block;
    width: 65px;
}

.heading {
	border-bottom: 1px dashed;
}

.pr_test_h {
 	background-color: #CCCCCC;
    display: block;
    height: 24px;
    padding: 5px;
}

.pr_tests {
	margin: 0 0 0 25px !important;
    width: 99% !important;
}

.pr_tests table {
	margin-left: 10px !important;
    width: 95% !important;
}

.base_radio {
	float: none !important;
}

.scorecard_item{
	padding-right: 10px;
	float:left;
	line-height: 25px;
}

#scorecard {
	float: left;
    margin-right: 10px;
    width: 500px;
}

.total {
    font-size: 22px;
    width: 150px;;
}

.pr_tests_title {
    width: 80%;
}

#total_scales{
	float: right;
}

#total_scales .name {
	font-weight: bold;
}

.inp_essay {
	padding-top: 25px
}

.inp_essay label{
	width: 225px !important;
}

.inp_essay input{
	vertical-align: top;
}

#score_boxes{
	width: 650px;
	float: left;
}

.total_box .sectionScore {
	background-color: #E5ECF9;
}

#csv_button {
	float: right;	
	padding: 10px;
}

#import_st_ans {
	float: right;	
	padding: 10px;
}

#StudentIndexForm {
	float: left;
}

#test_selector{
	display: none;
	padding: 0;
}

.tests_sel {
	border: 1px solid #CCCCCC;
    clear: none;
    display: none;
    float: left;
    height: 150px;
    margin-left: 10px;
    overflow-y: scroll;
    width: 225px;
}

.test_act {
  color: blue;
}

.test_sat {
  color: black;
}

.test_isee {
  _____color: blue;
}

.test_subject_tests{
  color: gray;
}


#sections_selector {
	display: none;
	height: 200px;
    margin-left: 20px;
    margin-top: 10px;
    width: 200px;
    float: left;
    clear: none;
}

#type_id {
	width: 250px;
	 float: left;
}


#sections_selector_label {
	display: none;
    
    margin-top: 10px;
    width: 280px !important;
    float: left;
}

.test_type_sel {
	/*color: green;*/
}

#empty_tests, #type_id, #sections_selector_label, #sections_selector {
	display: none;
}

.test_name {
}

.test_name label{
	width: 170px !important;
	font-size: 14px !important;
}
