/******************
HTML Tags
******************/

html{
    height:100%;
    min-height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	/*font-family:Verdana, arial, helvetica, sans-serif;*/
	font-size: 12px;
	line-height:16px;
	color: #303030;
	margin:0px;
	padding:0px;
	background-color:#76B4CB;
    height: 100%;	
	min-height: 100%;
}

/*
	Layout: fixed width page no ads
*/
#page_noads_fixed {
    width: 760px;
    border: 0;
    margin: 0 auto;
	min-height:100%;
	background-color: #C9E3DA;
}

#container_noads_fixed {
	padding-top:5px;
	background-color: #C9E3DA;
    width: 760px;
    border: 0;
    margin: 0 auto;
}

/*
	Layout: fixed width page with ads
*/
#page_ads_fixed {
    width: 820px;
    border: 0;
    margin: 0 auto;
	min-height:100%;
	height:100%;
}

#container_ads_fixed {
	float:left;
	background-color: #C9E3DA;
    width: 760px;
    border: 0;
    margin: 0 auto;
	min-height:100%;
	height:auto;	
}

#content_ads_fixed {
	padding-top:5px;
}

#google_ads {
	width:auto;
    margin: 0 auto;
}

#google_ads_content {
	padding-top:5px;
}

#google_ads_content p{
	margin:0;
	margin-left:5px;
	font-size:90%;
}

/*
	Layout: Stretchy page
*/
#page_noads_stretchy {
	background-color: #C9E3DA;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0 auto;
}

#page_ads_stretchy {
    width: 95%;
    border: 0;
    margin: 0 auto;
	min-height:100%;
	height:100%;
}

#container_ads_stretchy {
	float:left;
	background-color: #C9E3DA;
    border: 0;
    margin: 0 auto;
	min-height:100%;
	min-width:760px;	
	height:auto;	
}

#content_ads_stretchy {
	padding-top:5px;
}


/*
* Page parts with ads (January 2010)
*/
#page-container {
	width: 958px; /* width-sum(#content-container, #skyscraper-container) + margin(#skyscraper-container) */
	margin: 0 auto;
	}
	#content-container {
		width: 790px;
		float: left;
		}
		#banner-container {
			background-color: #C9E3DA;
			}
			#banner-wrapper {
				width: 728px;
				height: 90px;
				margin: 0 auto;
				}
		#adsense-bottom-wrapper {
			padding: 12px 0;
			background-color: white;
			text-align: center;
			}

	#skyscraper-container {
		width: 160px;
		height: 600px;
		margin-left: 8px;
		float: left;
		}
		.ad-helper {
			height: 90px;
			position: relative; /* For positioning inner elements */
			}
			.ad-helper a {
				position: absolute;
				bottom: 0;
				}
			.ad-helper a:hover {
				text-decoration: none;
				}
		#skyscraper-wrapper {
			}

	/* IE8 quirk: img is rendered display:inline; consider universal ("reset") style on img */
	#banner-wrapper img, #skyscraper-wrapper img {
		display: block;
		}

/*
*	Header and body
*/


#hader_body_container {
	background-color:#fff;
}

/*
*	Header
*/
#header {
	background-color:#fff;
}

#header_instructor {
	background-color:#fff;
	border-style:solid;
	border-width:1px;
	border-color:#C9E3DA;
	height:36px;
}

#header_left{
	float:left;
	width:59px;
	height:inherit;
	margin:0; 
	padding:0;	
}

#header_right{
	float:left;
	margin: 0 auto;
	width:auto;
}

#header_right_noads{
	float:left;
	margin: 0 auto;
	min-width:701px;
}

#header_right_top{
	min-height:35px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#C9E3DA;
}

#header_right_top_logo{
	float:left;
	margin: 0 auto;
	min-height:34px;
	min-width:142px;
	position:relative;
	top:10px;
}

#header_right_top_right {
	text-align:right;
	min-height:34px;
	padding-right:5px;
}

#header_right_top_nav {
	position:relative;
	top:18px;
	text-align:right;
	padding-right:10px;
}

#header_right_bottom{
	float:left;
	margin: 0 auto;
	min-width:620px;
	font-style:italic;
}

#header_right_bottom_noads{
	float:left;
	margin: 0 auto;
	min-width:695px;
	font-style:italic;
}


#header_interior_top {
	
}

#header_interior_bottom {
	float:right;
	text-align:right;
	padding-right:10px;
}



/*
*	Footer
*/
#footer {
	padding-top:3px;
	font-size:90%;
}

#footer_logo {
	float:left;
	margin: 0 auto;
	width:119px;
	height:31px;
}

#footer_nav_left{
	float:left;
	margin: 0 auto;
	position:relative;
	top:8px;
	left:20px;
}

#footer_nav_right{
	float:right;
	position:relative;
	top:8px;	
	margin: 0 auto;
	padding-right:5px;
}

#footer_copyright{
	float:left;
	margin: 0 auto;
	text-align:center;
	width:580px;
}

#footer_copyright p{
	margin:0;
	padding:0;
}

#footer_xhtml{
	float:left;
	margin: 0 auto;
	text-align:center;
}


/*
*	Content
*/
#content {
	width:auto;
    background-color: #fff;
	min-height:400px;
	padding-left:5px;
	padding-right:10px;	
	padding-top:0px;	
	padding-bottom:5px;

}


#index_left_column {
	float:left;
	margin:0 auto;
	width:450px;
	padding-right:10px;
	padding-left:5px;
}

#index_right_column {
	float:right;
	width:250px;
}

#student_home {
    margin: 0 auto;
	background:url(/images/stud_home_bkg.jpg);
	width:770px;
	height:595px;
	repeat:none;
}

#student_home_signupbox {
	position:relative;
	top:125px;
	left:520px;
	width:200px;
	height:80px;
	
	border-style:solid;
	border-width:1px;
	border:none;
}


#student_home_instr {
	position:relative;
	top:80px;
	left:145px;
	width:330px;
	height:330px;
	
	border-style:solid;
	border-width:1px;
	border:none;
}

#student_home_loginbox {
	position:relative;
	top:-100px;
	left:540px;
	width:200px;
	height:200px;
	
	border-style:solid;
	border-width:1px;
	border:none;
}

#student_home_loginbox p{
	margin:0px;
	padding:0px;
	margin-top:5px;
	font-size:120%
}


/* Teacher styles */
#tabLeft {
	float:left;
	width:20px;
	height:20px;
}

#tabRight {
	float:left;
	width:20px;
	height:20px;
}

#tabMiddle {
	float:left;
	height:20px;
	text-align:center;
	vertical-align:bottom;
	border-style:solid;
	border-width:1px;
	border:none;
}

#tabMiddleText {
	height:15px;
	position:relative;
	top:3px;
}

#homeContent {
	border-style:solid;
	border-width:2px;
	border-top:none;
	min-height:300px;
	border-color:#DDEEBB;	
}
#homeContent p  {
	padding-left:10px;
	padding-right:10px;
	font-size:100%;
}

#homeContentHeader{
	width:auto;
	border-style:solid;
	border-width:1px;
	border-top-width:3px;
	background-color:#DDEEBB;
	border-color:#DDEEBB;
	border-bottom-color:#fff;
}

#homeNav {
	margin-top:2px;
	margin-left:10px;
	margin-right:10px;
	border-style:solid;
	border-width:1px;
	border-color:#EEEEEE;
	padding-left:2px;
	font-size:80%;	
}


/* class manager */

#classContent {
	border-style:solid;
	border-width:2px;
	border-top:none;
	min-height:300px;
	border-color:#99CCCC;	
}
#classContent p  {
	padding-left:10px;
	padding-right:10px;
	font-size:100%;
}

#classContentHeader{
	width:auto;
	border-style:solid;
	border-width:1px;
	border-top-width:3px;
	background-color:#99CCCC;
	border-color:#99CCCC;
	border-bottom-color:#fff;
}

#classNav {
	margin-top:2px;
	margin-left:10px;
	margin-right:10px;
	border-style:solid;
	border-width:1px;
	border-color:#EEEEEE;
	padding-left:2px;
	font-size:80%;	
}


/* Quiz Manager */
#quizContent {
	border-style:solid;
	border-width:2px;
	border-top:none;
	min-height:300px;
	border-color:#FFCC00;	
}
#quizContent p  {
	padding-left:10px;
	padding-right:10px;
	font-size:100%;
}
#quizContentHeader{
	width:auto;
	border-style:solid;
	border-width:1px;
	border-top-width:3px;
	background-color:#FFCC00;
	border-color:#FFCC00;
	border-bottom-color:#fff;
}
#quizNav {
	margin-top:2px;
	margin-left:10px;
	margin-right:10px;
	border-style:solid;
	border-width:1px;
	border-color:#EEEEEE;
	padding-left:2px;
	font-size:80%;	
}

#notice {
	text-align:left;
	margin-left:50px;
	margin-right:50px;
	padding:5px;
	border-style:solid;
	border-width:1px;
}

#quizEditingContainer{
	width:640px;
	margin:0 auto;
	border-style:solid;
	border-width:2px;
	border-top:none;
	min-height:300px;
	border-color:#eeeeee;	
}
#quizEditingContentHeader{
	width:auto;
	border-style:solid;
	border-width:1px;
	border-top-width:3px;
	background-color:#EEEEEE;
	border-color:#EEEEEE;
	border-bottom-color:#fff;
}



/* report manager */

#reportContent {
	border-style:solid;
	border-width:2px;
	border-top:none;
	min-height:300px;
	border-color:#99CC00;	
}
#reportContent p  {
	padding-left:10px;
	padding-right:10px;
	font-size:100%;
}

#reportContentHeader{
	width:auto;
	border-style:solid;
	border-width:1px;
	border-top-width:3px;
	background-color:#99CC00;
	border-color:#99CC00;
	border-bottom-color:#fff;
}

#reportNav {
	margin-top:2px;
	margin-left:10px;
	margin-right:10px;
	border-style:solid;
	border-width:1px;
	border-color:#EEEEEE;
	padding-left:2px;
	font-size:80%;	
}






/*
Administrator
-----------------------------------------------------------
*/

#adminHomeContent {
	border-style:solid;
	border-width:2px;
	border-top:none;
	min-height:400px;
	border-color:#DDEEBB;	
}
#adminHomeContent p  {
	padding-left:10px;
	padding-right:10px;
	font-size:100%;
}

#adminHomeContentHeader{
	width:auto;
	border-style:solid;
	border-width:1px;
	border-top-width:3px;
	background-color:#DDEEBB;
	border-color:#DDEEBB;
	border-bottom-color:#fff;
}

#adminHomeNav {
	margin-top:2px;
	margin-left:10px;
	margin-right:10px;
	border-style:solid;
	border-width:1px;
	border-color:#EEEEEE;
	padding-left:2px;
	font-size:80%;	
}


#adminUserContent {
	border-style:solid;
	border-width:2px;
	border-top:none;
	min-height:300px;
	border-color:#99CCCC;	
}
#adminUserContent p  {
	padding-left:10px;
	padding-right:10px;
	font-size:100%;
}

#adminUserContentHeader{
	width:auto;
	border-style:solid;
	border-width:1px;
	border-top-width:3px;
	background-color:#99CCCC;
	border-color:#99CCCC;
	border-bottom-color:#fff;
}

#adminUserNav {
	margin-top:2px;
	margin-left:10px;
	margin-right:10px;
	border-style:solid;
	border-width:1px;
	border-color:#EEEEEE;
	padding-left:2px;
	font-size:80%;	
}
/*
-----------------------------------------------------------
*/

a:link {
	color: #3333CC;
	text-decoration: none;
}
a:visited {
  	color: #3333CC;
  	text-decoration: none;
}

a:hover {
	text-decoration: underline; 
}

h1 {
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #428EC1;
	padding: 5px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #A8DAD8;
	background-color: #DBF1F2;
	line-height:25px;
	margin:0;
}

h3 {
    font-size: 18px;
    line-height: 20px;
	font-weight:200;
	padding-top:5px;
	padding-left:0px;
	margin:0px;
	color: #428EC1;
}

h4 {
    font-size: 14px;
    line-height: 18px;
	font-weight:220;
	padding:0px;
	margin:0px;
	color: #428EC1;
}

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

/*
-----------------------------------------------------------
*/
.error_msg {
	color:#FF6600;
}

.none {
	display:none;
}

.clear {
	clear:both;
}

.box {
	border: 1px solid #dddddd;
	background-color: #fff;	
}

.box1 {
	border: 1px solid #dddddd;
	background-color: #ECF8F9;	
}

.tab_selected {
	border:2px solid #B6D7EA;
	border-bottom:0px;
	background-color: #ECF8F9;	
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
}

.tab_unselected {
	border:2px solid #B6D7EA;
	border-bottom:0px;
	background-color: #BAE4E7;	
	text-align:center;	
	font-weight:bold;	
	vertical-align:middle;	
}

.tab_highlight {
	border:2px solid #B6D7EA;
	border-bottom:0px;
	background-color: #BBE9FF;	
	text-align:center;	
	font-weight:bold;	
	vertical-align:middle;
}
	
	
.floating_column {
	float:left;
	margin:0 auto;
}

.no_vertical_margin{
	margin-top:0px;
	margin-bottom:0px;
}

.no_margin{
	margin:0;
}

.headerCell {
	width:50%;
	background-color:#cccccc;
	vertical-align:top;
}

.elementCell {
	/*background-color:#f7f7f7;*/
	background-color:#efefef;
	vertical-align:top;
}

.elementCellSmall {
	background-color:#f7f7f7;
	vertical-align:top;
	font-size:80%;
}

.srNotice {
	font-size:90%;
	font-style:italic;
	color:red;
	line-height:12px;
}

.announcements {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	padding: 5px;
	border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #A8DAD8;
}

.description{
	font-size:80%;
}

.greyBkg{
	background-color:#eeeeee;
}

.yellowBkg {
	background-color:#ffcc00;
}

.hightLightRow {
	background-color:#ffcc00;
}

.error_input{
	border-color:#FF0000;
	border-style:ridge;
	border-width:1px;
}

.normal_input{
}

.active_step {
	border: 2px solid #FF9900;
	padding:2px;
	background-color:#FFFFDF;
}
.inactive_step {
	border: 2px solid #DDD;
	padding:2px;
	background-color:#F4F4F4;
}

.tobechanged{
	color:red;
	font-weight:bolder;
	border-color:red;
	border-style:solid;
	border-width:1px;
	padding:3px;
}

.home_btn_selected {
	background-color: #ECF8F9;
	background-repeat:repeat-x;
	text-align:center;
	float:left;
	text-decoration:none;
	color:#000000;
	height:22px;
	line-height:23px;
	border-style:solid; 
	border-color:#dddddd; 
	border-width:2px; 
	border-bottom-color: #ECF8F9;
}
.home_btn_unselected {
	background:url(/images/homefade_bkg_button.jpg); 
	text-align:center;
	vertical-align:middle;	
	float:left;	
	text-decoration:none;
	height:22px;
	line-height:23px;
	border-style:solid; 
	border-color:#B6D7EA; 
	border-width:2px; 
}
.home_btn_empty {
	background-color:#fff;
	text-align:center;
	vertical-align:middle;	
	float:left;	
	text-decoration:none;
	height:24px;
	line-height:23px;
	border-bottom-style:solid; 
	border-bottom-color:#dddddd; 
	border-bottom-width:2px; 
}

.tab_content {
	background:url(/images/homefade_bkg_main.jpg); 
	background-repeat:repeat-x; 
	border-style:solid; 
	border-color:#dddddd; 
	border-width:2px; 
	border-top:none;
}

.img_button{
	background:url(/images/img_button_bkg.gif); 
	background-repeat:repeat-x; 
	border:none; 
	padding:0px; 
	margin:0; 
	font-weight:bold; 
	color:#666666;
	cursor: hand;
	
}

.hide{
	display:none;
}
.show{
	display:block;
}