/**** Reset browser defaults ****/
	* {margin: 0;padding:0;}
	option {padding-right: .5em;}
	body {height:100%}
	input,table {font-family:verdana}

/****  General Body & Containers ****/
	html, body {margin:0;padding:0}
	body {font-family: verdana,sans-serif;font-size:85%;background: #E3E3E3 url(/images/navbg.gif) top repeat-x}
	#outer {background: white;margin: 0 auto}
	#outer, #cont_left, #cont_right, #cont_bottom, #cont_bottomleft, #cont_bottomright {width:956px;min-height:590px}
	#header {height:30px;width:956px}
	#cont_left {background: url(/images/cont_left.gif) left repeat-y}
	#cont_right {background: url(/images/cont_right.gif) right repeat-y}
	#cont_bottom {background: url(/images/cont_bottom.gif) bottom repeat-x}
	#cont_bottomleft {background: url(/images/cont_bottomleft.gif) bottom left no-repeat}
	#cont_bottomright {background: url(/images/cont_bottomright.gif) bottom right no-repeat}
	#bodyarea {padding: 0 20px 0; min-height:520px; min-height:520px}
	
	a {color: #2980C3; text-decoration: none;}
	a:hover {text-decoration:underline;}
	button a{color:black;}
	
	h1{ margin: 0.5em 0.5em 0.5em 0.5em; font-size: 1.5em; }
	h2{ margin: 0.5em 0.5em 0.5em 0.5em; font-size: 1.3em; }
	
	img{border: 0;}
	img.banner-link{padding:0; margin:0; float:left;}
	img.banner-link:hover{opacity:0.7;}
		
	#notice{text-align:center; color: green;}
	#error{text-align:center; color: #DF1C0D;}
	span.required{color:#DF1C0D; font-style:italic;}
	
	hr{margin: auto; margin-top:1em; margin-bottom:1em; height:2px; color: #ccc, padding: 1em; border: none; background-color: #ccc; width: 97%}
	
	tr.odd{background-color: #eee;}
	
	.right { float: right; }
  .left  { float: left; }
  .clear { clear: both; }
  
/**** errors ****/
  .errorExplanation{text-align:center; color: #fff; border: 2px solid #848386; background-color: #DF1C0D; padding:1em;}
	.errorExplanation li{margin: 1em;}

/**** Style Application ****/
	.large_text {font-size:145%}
	.aqua{color: #00C0C0}
	.y_bullet{background: url(/images/y_bullet.png) 0px 2px no-repeat}
	.b_bullet{background: url(/images/b_bullet.png) 0px 2px no-repeat}
	.highlighted, ins{color: #0000C9; text-decoration: none;}
	.text_padding {padding: 0px 30px 30px 30px}
	.texttitle_padding {padding: 0px 30px 5px 30px}
	.wide_bottom_left_spacing {height:41px}
	.tall_right_bottom_spacing {height:41px}
	#preview_mode_warning{background-color: red; text-align: center; color: white; padding: 1em; border: 2px solid #CCC;}
  #preview_mode_warning a{color: #000;}
  .right_side{float:right;}
  .tz{font-size: 70%; color: #999;}
  .example {font-style: italic; font-size: 90%; color: #555;}
  
/**** Unique Specifics ****/
	#admin_list {margin-left: 15px}
	.answered {height:1.5em}
	input#answer {border: 1px solid #ADAEAD;padding: .2em;width: 370px}
	.level_selection{background-color: white; color: black;}
	div#course-show{padding-bottom: 20px;}
/**** Header ****/

	/* Navigation */
		#navbar_top {
			height:30px;
			margin: 0 5px;
			background: #D6D7D6 url(/images/navbg.gif) top repeat-x;
		}
		#navbar_top ul {
			overflow: hidden;
		}
		#navbar_top li {
			padding-right: 2px;
			background: url(/images/button_divider.gif) right no-repeat;
			float: left;
			display: block;
		}	
		#navbar_top a,
		#navbar_top a:visited {
			float: left;
			color: black;
			font-family: verdana,"Lucida Grande",sans-serif;
			font-size: 90%;
			padding: 0 10px;
			line-height: 30px;
			text-decoration: none;
		}
		#navbar_top li:hover a,
		#navbar_top li.active a,
		#navbar_top a:hover {
			background: #C2C3C2 url(/images/navbg_over.gif) top repeat-x;
		}

/**** Blocks ****/
	.block {float: left}
	
	#wide, #tall {padding-top: 20px;}
	
	/* Wide */
		#wide .top, #wide .bottom {width:916px;min-height:251px} 
		#wide .bottom .left, #wide .bottom .right {width:458px;min-height:245px}
		#wide .top {text-align:center}
		#wide .top, #tall .left {overflow:hidden}
		
		/* {overflow: hidden} */
		
	/* Tall */
		#tall .left, #tall .right {width:458px;min-height:500px}
		#tall .right .top, #tall .right .bottom {width:458px;min-height:245px}
		#tall .left {text-align:center}
		#level-selector .left {width:498px;min-height:490px; padding-left: 2em;}
    
		
	/**Info & Intro Screens */
	
		.infoscreen {height:522px;width:916px;line-height:490px;text-align:center;}
		.introscreen {height:522px;width:916px;line-height:490px;text-align:center}
		#infoscreen_img {border:1px solid gray;vertical-align:middle}
		.introscreen img {vertical-align:middle}

	/**** Menu Bottom ****/
	  #menu_bottom {width:916px;height:30px;clear:both;font-size:120%;line-height:30px; padding-bottom: 20px;}
		#menu_bottom .left, #menu_bottom .right {width:458px;height:30px}

	/* Session Stats */
		#session_stats ul{height: 30px}
		#session_stats li {
			background: url(/images/navbg.gif) top repeat-x;
			float:left;
			display:block;
			height:30px;
		}
		#session_stats span {
			float: left;
			font-size:0.75em;
			padding:0 10px;
			text-decoration: none;
		}
		.level span {background: url(/images/Left-Button.gif) top left no-repeat;padding: 0 20px !Important;}
		.responses span {padding: 0 20px !Important;}
		.correct span {background: url(/images/Right-Button.gif) top right no-repeat;padding: 0 20px !Important;}

	/* Command Menu */
		#command_menu ul{
			float:right;
			height:30px;
		}
		#command_menu li {
			background: url(/images/navbg.gif) top repeat-x;
			float:left;
			display:block;
		}
		#command_menu li.disabled span {
			color: gray;
			text-decoration: none;
		}	
		#command_menu li a:link,
		#command_menu li a:visited {
			color:black;
			text-decoration:none;
		}
		#command_menu li a:hover {
			text-decoration:underline;
		}
		#command_menu span {
			float:left;
			font-size:0.75em;
			text-decoration: none;
			padding:0 20px;
		}
		#command_menu span input {
			height:30px;
			line-height:30px;
			font-size:1em;
			float:left;
			border: 0;
			cursor: pointer;
			background: transparent;
		}
		#command_menu span:hover {
			text-decoration: underline;
		}
		.audio span {background: url(/images/leftbutton.gif) top left no-repeat;}
		.check span {background: url(/images/rightbutton.gif) top right no-repeat;}
	
	/* Next Button Menu */
		#next_button a:link,
		#next_button a:visited {
			float:right;
			color:black;
			display:block;
			font-size:0.75em;
			line-height:30px;
			text-align: center;
			text-decoration:none;
			width: 110px;
      background: url(/images/nextbutton.gif) top no-repeat}
      
		#next_button a:hover {text-decoration:underline}

    /*** buttons ***/
    .button a:link,
		.button a:visited {
			color:black;
			display:block;
			font-size:0.75em;
			line-height:30px;
			text-align: center;
			text-decoration:none;
			width: 110px;
			background: url(/images/btn_blank.jpg) top no-repeat}
		.button a:hover {text-decoration:underline}
		.btn-row div{ padding-right: 4em;}
		
		.privacy-policy{ float: right;}
		.left-btns{ float: left;}

		/*** Login screen ***/
			/*.loginscreen{font-size: 0.75em;}*/
			.loginscreen p{ padding-bottom: 0.5em;}
			.loginscreen div#img{padding: 0 !important; margin 0 !important; line-height: 0.5px;}
			.loginscreen div#login-form{float: left; width: 364px; line-height: 5px; padding: 0 !important; margin 0 !important;}
			div#login-form img{padding:0px !important; *margin: -2px !important; line-height: 0.5px !important;}
         
			.loginscreen div#rotating-image{float: left;} 
			.loginscreen input.padded{width:300px; margin: 0.5em 0 0.5em 30px;}
		/*** Signup screens ***/
			.signupscreen{padding: 1em;}
			.signupscreen span.required{font-size: 0.80em;}
			.signupscreen input{margin: 0.2em 0 1.2em 0;}
			
		/*** Courses screens ***/
			.coursesscreen .courses img{border: 0;}
			.coursesscreen .courses .course, .adminscreen .courses .course{padding: 1em 1em 1em 8px;}
		  div.left-column{float: left; width: 45%;}
		  div.right-column{float: right; width: 40%;}

		
    /*** Report screens ***/
      .reportscreen{padding-bottom: 20px;}
      .reportscreen table#reports{margin-left: 8px; width: 900px;} 
      .reportscreen table#reports td{text-align:center; padding: 1em 0.5em 1em 0.5em; }
      table#reports th.course-name, table#reports td.course-name{width:280px;}
      table#reports th.completion, table#reports td.completion{width:130px;}
      table#reports th.studytime, table#reports td.studytime{width:160px;}
      table#reports th.olstime, table#reports td.olstime{width:410px;} 
			.report p{ padding: 1em;}
			.report label, .report table .label{}
			.report table{padding: 1em; width: 100%;}
			.report table td{ padding: 0.5em;}
			.report table td.recall_level, td.learning_level{text-align:center; }
			.report tr.odd { background: #a5a5a5; }
			.report tr.even { background: #efefef; }

		/*** admin and teachers screen ***/
			.adminscreen, .teacherscreen{font-size: 0.85em}
			.teacherscreen{padding-bottom: 20px;}
			.adminscreen img, .teacherscreen img{border:none;}
			.adminscreen p, .teacherscreen p{line-height:2em;}
			.adminscreen label, .teacherscreen label {color: #999;}
			.adminscreen .box, .teacherscreen .box{line-height: 0.7em; border: 1px solid #ccc; padding: 0.5em;}
			.adminscreen .code, .teacherscreen .code{font-size:1.5em; text-transform:uppercase; color: #4F4F4F; font-family: Georgia; padding: 1em;}
			.adminscreen ul, .teacherscreen ul{padding: 1em;}
		  .adminscreen li, .teacherscreen li{padding: 0.2em; list-style:none;}
			.adminscreen p, .teacherscreen p{margin-bottom:0.5em;}
		   
		  .adminscreen .school_name{font-size: 1.5em; text-transform:uppercase; padding-bottom: 0.7em; color: #999;}
		  .adminscreen span.actions{line-height: 5em; padding-top: 1em;}
			.adminscreen ul.chapters ul.questions li{padding-bottom: 0.5em;}
			.adminscreen ul.chapters ul.questions li a{color: black; border: none;}
			.adminscreen ul.chapters ul.questions li a img{border: none;}
			.adminscreen label.chapter{color: #2980C3; }
			.adminscreen .question{line-height: 1.8em;}			
			.adminscreen span.warning{font-size: 0.8em; text-decoration: blink; font-style: italic; padding-left: 1em;}
			 
			/* teacherscreen */
      .teacherscreen h1{margin: 0;}
			.teacherscreen a.back{background: url(/images/back.png) left no-repeat; padding-left: 2em; clear:both;}                                           
			.teacherscreen a.next{background: url(/images/next.png) right no-repeat; padding-right: 2em; clear:both;}                                           

      .teacherscreen a.add-group{background: url(/images/group_add.png) left no-repeat; padding-left: 2em;}
      .teacherscreen a.edit-group{background: url(/images/group_edit.png) left no-repeat; padding-left: 2em;}
      .teacherscreen a.show-user{background: url(/images/user_go.png) left no-repeat; padding-left: 2em;}
      .teacherscreen li.section-header{padding:0.8em 0 0.8em 0; font-size: 120%; font-weight: bolder;}
       
      .teacherscreen div.class-form form{padding-top: 2em;}
      .teacherscreen div.class-form form div{clear: both; padding-bottom: 2em;}
			.teacherscreen div.class-form form label{float: left; width: 200px;}
			.teacherscreen div.class-form form select, .teacherscreen form#new_klass input[type="text"], .teacherscreen form#new_klass textarea{width: 400px;}
			 
			.teacherscreen ul#classrooms li{list-style-image: url(/images/key.png); list-style-position: inside;}
			.teacherscreen ul#classrooms li span.actions{padding-left: 1em; font-style: oblique;}
						
		/*** kia screen ***/
    .kiascreen{font-size: 0.85em; padding-left: 1em; padding-bottom: 20px;}
    .kiascreen img{border:none;}
    .kiascreen p{line-height:2em;}
    .kiascreen .school_name{font-size: 1.5em; text-transform:uppercase; padding-bottom: 0.7em; color: #999;}
    .kiascreen label {color: #999; min-width: 200px;}
    .kiascreen p.label{min-width: 140px; float:left; clear:left; color:#999}
    
    .kiascreen .address, .kiascreen .codes, .kiascreen .stats, .kiascreen .licenses{line-height: 0.7em; border: 1px solid #ccc; padding: 0.5em;}
    .kiascreen .code{font-size:1.5em; text-transform:uppercase; color: #4F4F4F; font-family: Georgia; padding: 1em;}
    .kiascreen ul{padding: 1em;}
    .kiascreen li{padding: 1em; list-style:none;}
    .kiascreen p{margin-bottom:0.5em;}
    .kiascreen span.actions{line-height: 5em; padding-top: 1em;}
    .kiascreen ul.chapters ul.questions li{padding-bottom: 0.5em;}
    .kiascreen ul.chapters ul.questions li a{color: black; border: none;}
    .kiascreen ul.chapters ul.questions li a img{border: none;}

    .kiascreen .validation-passed{border:none;}
    .kiascreen label.chapter{color: #2980C3; }
        
    .kiascreen .question{line-height: 1.8em;}
    .kiascreen ul.alternate_answers{margin-left: 1em; padding: 0;}
			
			/*** know it all ***/
			.grayedout{color: #ccc; font-size: 1.0em !important;}
			.thumbnail{padding: 1em;}
			.q_thumb img{float:right;}
			ul.chapters li.question{border-left: 4px solid #ccc; margin: 1em 0em 1.5em 0;}
			.photo_row{height: 160px;}
			.photo_row img{padding: 0.2em; margin: 1em;}
			.photo_row img:hover{ background-color: #eee; cursor: hand; cursor:pointer;}
			.photo_row img.selected_photo{border: 0.5em solid #ccc; margin: 0em; padding:0;}
      .q_form{background-color: #eee; padding: 0 1em 0 1em; border: 1px solid #ccc; margin: 0em; font-family: verdana;}
      
      li.question td.label{padding-right: 20px; width:120px; vertical-align: top;}
      .kiascreen td{padding-right:2em;}
      table.kia_questions .large_text{font-size: 1.8em;  border: none;}
      .q_form .roundedcornr_box{ width: 550px; float: left;}
      .q_form .right{float: right; width: 290px;}
      .q_form .audio_right_buttons{float: right; width: 630px; padding-top: 20px;}
      .q_form .left, .q_form .left input, .q_form .left a{float: left; margin: 0 1em 0.5em 0}
      
      select#question_audio_id{height:250px;}
      
      .kia_flushed{margin-left: 12px;}
      div.kia_actions_flushed{margin-left: 22px;}
      
      .q_form textarea{width: 530px; border:none;}
      textarea.large_text{font-size: 1.8em !important;}
      .q_form input{clear: both; display:block; border:none;}
      .q_form input.alternate_answer{width:510px;}
      .q_form input.hidden{height:0px;}
            
      input.validation-failed, textarea.validation-failed {
      	border: 1px solid #FF3300;
      	color : #FF3300;
      }
      input.validation-passed, textarea.validation-passed {
      	border: 1px solid #00CC00;
      	color : #000;
      }
      .validation-advice {
      	margin: 5px 0;
      	padding: 5px;
      	background-color: #FF3300;
      	color : #FFF;
      	font-weight: bold;
      }
      .custom-advice {
      	margin: 5px 0;
      	padding: 5px;
      	background-color: #C8AA00;
      	color : #FFF;
      	font-weight: bold;
      }
      
      select.sounds{padding-left: 0.5em; width:200px; font-size: 1.2em;}
      select.sounds option:hover{color:blue;}
      
      #selected-audio{padding-right:8em; padding-top: 6em; font-color:#999;}
		
	.level_selection{font-size: 1em; margin-right:2em; text-align:center}
	 
	ul.classrooms{padding-left: 2em;}
	ul.classrooms li{list-style-type: circle;}
	table td.completion{text-align: center;}
	
	/* tooltip  */
	.prototip .phototip {
    width: 250px;
    border: 2px solid white;
    background: transparent; }
    .prototip .phototip .toolbar {
      width: auto;
      color: white;
      font: normal 1.5em Georgia, Times New Roman, serif; }
    .prototip .phototip .title {
      background: #525051 no-repeat top left;
      background-position: 12px 50%;
      padding: .5em .8em .5em 40px; }
    .prototip .phototip .content {
      font-size: 1.1em;
      padding: 10px;
      line-height: 1.6em;
      border: 1px solid silver;
      background: transparent url(../images/white90.png); }
      * html .prototip .phototip .content {
        background: white; }
      .prototip .phototip .content dl {
        margin-bottom: 0; }
      .prototip .phototip .content dt {
        text-align: right; }
      .prototip .phototip .content dd {
        margin-bottom: .4em; }
      .prototip .phototip .content .desc {
        padding-bottom: .6em;
        margin-bottom: .6em;
        border-bottom: 1px solid silver; }
	
/**** Fixes ****/
	/* Remove Firefox Dotted Border */
	a:focus{-moz-outline-style: none}
	
 	/* Guillotine Fix: Contain any floats using the :after method */
	#cont_bottomright:after		 {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility:hidden;
	}
		/* Hides from IE-mac  \*/
			* html #cont_bottomright {
				height: 1%
			}
		/*  End hide from Ie-mac */
	/* End Guillotine Fix */
	
/* AJAX SPINNER */
#ajax_busy {position:absolute; top:200; right:0; width:120px; color: #fff; padding:4px;}

/* terms */
div#terms{
  border:1px solid gray;
  height:250px;
  overflow:auto;
  padding:10px;
  width:895px;
}

div#terms p{margin:1em;}

/*** facebox ***/
#facebox .b {  background:url(/images/b.png);}
#facebox .tl { background:url(/images/tl.png);}
#facebox .tr { background:url(/images/tr.png);}
#facebox .bl { background:url(/images/bl.png);}
#facebox .br { background:url(/images/br.png);}
#facebox {
  position: absolute;
  top: 5px;
  left: 0;
  z-index: 100;
  text-align: left;
  /*max-height: 600px; */
  overflow: auto;
}
#facebox .popup { position: relative;}
#facebox table  { border-collapse: collapse;}
#facebox td {
  border-bottom: 0;
  padding: 0;
}
#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}
/*#facebox td.body{
  padding-left: 20px; padding-right: 20px;
}*/

#facebox .loading { text-align: center;}
#facebox .image   { text-align: center;}
#facebox img {
  border: 0;
  margin: 0;
}
#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.facebox_hide { z-index:-100;}
.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}
* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#rack_bug, #rack_bug_toolbar {
  position: relative !important;
}
#rack_bug .panel_content{
  min-height: 400px;
}   

/* table */
table.sortable {
 border-collapse: collapse;
 table-layout: fixed;
 width: 100%; 
 text-align: center;
}

table.sortable td, th {
 padding: 0.5em;
 border: 1px solid #CCC;
 /*white-space: nowrap;
 overflow: hidden;*/
}

table.sortable thead, table.sortable tfoot {
 background-color: #DDD;
}

table.sortable tr.rowodd {
 background-color: #FFF;
}

table.sortable tr.roweven {
 background-color: #F2F2F2;
}

table.sortable th.sortcol {
 cursor: pointer;
 padding-right: 20px;
 background-repeat: no-repeat;
 background-position: right center;
}
table.sortable th.sortasc {
 background-color: #DDFFAC;
 background-image: url("/images/up.gif");
}
table.sortable th.sortdesc {
 background-color: #B9DDFF;
 background-image: url("/images/down.gif");
}
table.sortable th.nosort {
 cursor: default;
}

/* rounded corners */
.roundedcornr_box {
   background: #ffffff;
}
.roundedcornr_top div {
   background: url(/images/roundedcornr_768945_tl.png) no-repeat top left;
}
.roundedcornr_top {
   background: url(/images/roundedcornr_768945_tr.png) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(/images/roundedcornr_768945_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url(/images/roundedcornr_768945_br.png) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 13px;
   font-size: 1px;
}
.roundedcornr_content { margin: 0 13px; }