body { background: #dadada; position: absolute; top: 0; width: 100%; }

.below-header, .below-tabs, .below-static-nav { 
	min-height:400px; 
	height:auto !important; 
	height:400px; /*Needs to match the min height pixels above */
	margin-top: 80px; 
	}
	.below-tabs { margin-top: 170px; }
	.below-static-nav { margin-top: 104px; }
#footer { margin: 20px 0; color:#c5c5c5; text-align: center; }
h1.full { margin: 10px 0 0 10px; position: absolute; }

/* --------------------------------
			HEADER
---------------------------------*/
#header, #static-pages_nav { position: absolute; top: 0; left: 0; background-color: #2b2b2b; color:#c5c5c5; height: 50px; width: 100%; padding: 5px 0; }
	#error_message, #jquery_profiler { position: absolute; top: 0; left: 0; }
	#static-pages_nav { background: none; color: #5E5E5E; top: 60px; padding: 0; }
#header.box { padding: 5px 0; background: #2B2B2B; }
#header .container { border: none; background: none; }
#header a img { border: none; }
#header p { margin: 0; }
#header input { width: 110px !important; margin: 0 10px 0 0; }
#header button { float: right; margin: 0; }
#header h4 { margin-top: 10px; margin-bottom: 0; }

#nav { margin: 0; padding: 20px 0px 0; }
#nav li {
	margin-left: 10px;
	padding: 0;
	float: right;
	position: relative;
	list-style: none;
	}
#nav a {  margin: 0; }
#nav a.button { padding: 5px 7px; }
#nav button { padding: 4px 7px 3px; }
#nav input { padding: 4px; }
#nav input, #nav label, #nav button { float: left; }
#nav label { margin-right: 5px; line-height: 2 }
#nav a span { padding-right: 14px; background: url(/images_pres/header-dropdown-arrow.png) no-repeat right -5px; }
#nav a.button-green span, #nav a.button-darkgray span { background-position: right -29px; }
/* main level link hover */
#nav .current a, #nav li.drops:hover > a, #nav li.hover > a {
	background: #009999;
	border: 1px solid #009999;
	color: #FFFFFF; 
	text-shadow: none;
	padding-bottom: 10px;
	border-radius-bottomright: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-bottomright: 0px;
	border-radius-bottomleft: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius-bottomleft: 0px;
	}
	#nav li:hover > a span, #nav a:hover span { background-position: right -29px; }
/* sub levels link */
#nav ul li:hover a, #nav li:hover li a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 6px 7px 5px 7px;	
	margin: 0;
	background: none;
	border: none;
	text-shadow: none;
	border: none;
	}
#nav ul a:hover { background: #009999 !important; color: #FFFFFF !important; text-shadow: none; text-decoration: underline !important; }
/* dropdown */
#nav li:hover > ul {
	display: block;
	}
/* level 2 list */
#nav ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 135px;
	position: absolute;
	top: 30px;
	left: 0;
	background: #009999;
	border: none; 
	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	border-radius-topleft: 0px;
		-webkit-border-top-left-radius: 0px;
		-moz-border-radius-topleft: 0px;
	box-shadow: 0 2px 2px rgba(0,0,0, .3);
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0, .3);
		-moz-box-shadow: 0 2px 2px rgba(0,0,0, .3);
	z-index: 0;
	}
	#nav ul a { color: #fff; }
#nav ul li { float: none; margin: 0; padding: 0; border-top: 1px solid #20AFAF; }
/* rounded corners of first and last link */
#nav ul li:first-child { border-top: none; }
#nav ul li:first-child > a {
	border-top-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
}
#nav ul li:last-child > a {
	border-bottom-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
}
/* clearfix */
#nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#nav { display: block; }
* html #nav { height: 1%; }

#static-pages_nav .container { background: none; border: none; padding: 0; }
#static-pages_nav .button-depressed { background: #aaa; border-color: #DADADA; text-shadow: none; }

/* --------------------------------
			MODULES
---------------------------------*/

#loginBadge { width: 670px; margin: 80px auto 0; background: #fff; padding: 20px; }

/* Keywords & Definitions ------------------------------------------- 
------------------------------- */
a.definition { border-bottom: 1px dotted #5e5e5e; color: #5e5e5e; font-weight: normal; position: relative; text-decoration: none; z-index: 0; }
a.definition:hover { border-bottom-color: #72a407; color: #72A407; cursor: default; text-decoration: none; z-index: 50; }
a.definition span { background-color: #5e5e5e; border: 1px solid #999; color: #fff; font-size: 12px; font-weight: normal; height: auto; left: -1000px; padding: 6px 10px 10px; position: absolute; text-decoration: none; visibility: hidden; white-space: normal; width: 400px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a.definition span img { border-width: 0; padding: 2px; }
a.definition:hover span{ visibility: visible; top: 15px; left: 20px; }

/* Tabs -------------------------------------------------------------- */
#tabs ul 	{ font-size: 16px; padding-top: 24px; text-transform:uppercase; }
#tabs ul li { background: #fff; margin-right: 10px; float: left; margin-right:10px; -moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px; border: 1px solid #ccc; border-bottom: none;}
#tabs ul li.active { font-weight: bold; }
#tabs ul li a, #tabs ul li.active div { display: block; padding: 10px 20px 9px 20px; color:#bbb; line-height: 25px;}
#tabs ul li.active div { color: #5e5e5e; }
#tabs-holder.rounded-corners { -moz-border-radius-topleft: 0px; -webkit-border-radius-topleft: 0px;}

/* List styled as table for class/assignment management ---------------------------------------------------- */
ul.manage		{ list-style: none; padding: 0px; margin: 0px 0 20px; }										
ul.manage li		{ width: 100%; clear: both; margin-bottom: 0px; background: #FFF; height: 25px; padding: 10px 0 9px; border: 1px solid #ccc; border-top: none; }
ul.manage li.odd	{ background: #F5F5F5; }
ul.manage li span 	{ display: block; float:left; padding: 0px 15px; line-height: 25px; }
ul.manage li span.content { padding: 0; }
ul.manage li span.actions { width: 65px; text-align: center; float: right; }
ul.manage span.selected input, ul.manage span.actions a img { margin-top: 5px; }
ul.manage li.head { height: 25px; background-color: #ccc; text-transform: uppercase; font-weight: bold; }
ul.manage li.head span.selected  { width: 20px; }
ul.manage li.footer		{ border: none; }
ul.manage li.footer img	{ height: 16px; padding-left: 10px; }
ul.manage li.footer	div img#select-arrow { float: left; margin-right: 10px; padding-left: 15px;  }
ul.manage li div.clear { height: 0px; padding: 0; }

/* pagination for tables and table-like lists  ----------------------------------------------------*/
div.pagination { border: none; background: none; margin: 0px 0px 5px 0px; color: #5E5E5E; }
div.pagination .selector { float: left; width: 70%; padding-left:0; }
div.pagination .pageinfo { float: right; width: 20%; text-align: right; padding: 0; }
div.pagination .button { background: #72A407; border-color: #72A407; float:left; padding: 1px 5px; margin-right: 5px; line-height: 18px; color: #FFFFFF; text-shadow: none; } div.pagination .button:hover { background: #009999; }
div.pagination .disabled, div.pagination .disabled:hover { border: 1px solid #ddd; background-color: #fff; color: #999; cursor: default; }

/* Tables for class/assignment management ---------------------------------------------------- */
table.manage-assignments tr.new-assignment td { background: #FBE3E4; }

table.manage tr.student:hover td { background: #FFF6BF; }
table.manage tr.new-student td { background: #FBE3E4; }
table.manage tr.editing td { background: #FFF6BF; }

table.manage td.selectable { width: 150px }

table.manage td.selected_cell { width: 15px }
table.manage input[type=text] { width: 140px; margin-bottom: 0px }

table.manage tfoot span { padding-top: 7px }
table.manage tfoot .button { font-style: normal; margin-top: 0; margin-bottom: 0; }

table.manage a img { float: left; margin-left: 10px; border: none; padding: 5px; }
table.manage a:hover img { padding: 4px; border: 1px solid #ccc;  }

table.manage img#select-arrow { margin-right: 5px; }

table.manage a.image { text-decoration: none; padding: 8px 5px 5px; margin-bottom: -5px; }
table.manage a.image:hover { text-decoration: none; padding: 7px 4px 4px; border: 1px solid #ccc; }
table.manage a.image:hover img { border: none; padding: 0px; }
table.manage a.image small { font-style: normal; text-transform: uppercase; color: #858585; }
table.manage a.image img { float: none; margin: 0; padding: 0; margin-bottom: -2px; margin-right: 2px; }

table.manage a.button img, table.manage a.button:hover img { float: none; margin: 0; padding: 0; border: none; }
#students-save p { padding-top: 5px; }
#students-save a.button { margin-top: -5px; }


/* Other -------------------------------------------------------------- */

a.dp-choose-date { margin: 0 7px !important; }

a#watch-video span { 
	background: url(/images_pres/watch-video-button_bg.png) no-repeat left top; 
	color: #858585; 
	display: block; 
	padding-left: 70px; 
	text-align: left; 
	}
a#watch-video span, a#watch-video span small { line-height: 20px }
a#watch-video:hover span, a#watch-video:active span, a#watch-video:focus span { color: #FFFFFF; background-position: left bottom; }

/* Recaptcha */
#recaptcha_image_holder p { margin-bottom: 8px; }
#recaptcha_image_holder a { font-size: .8em; text-decoration: none; text-transform: uppercase; }
#recaptcha_image_holder a img { border: none; margin-bottom: -1px; }
input#recaptcha_response_field { margin-bottom: 0; }