body{
	background: #fff;
	color: #222;
	font-family: "Lucida Sans Unicode", Geneva, Lucida, "Trebuchet MS", Verdana, Arial, Helvetica, Sans, sans-serif;
	}

/* UTILITY CLASSES */
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; }

br.c{
	clear: both;
	height: 0px;
	line-height: .01em;
	font-size: .01em;
	}
	
div.hw{
	left: 25%;
	position: relative;
	width: 50%;
	}

/* BASIC CONTENT FORMATTING */	
a{ color: #758FA6; }	
a:hover{ color: #faa31a; }

h1{
	color: #414f59;
	font-size: 1.1em;
	font-weight: bold;
	margin: .2em 0 .5em 0;
	}
	
h1.newSection{
	border-top: 1px solid #909AA0;
	margin-top: 2em;
	padding-top: 2em;
	}
	
h1 a{ 
	color: #414f59; 
	font-weight: bold;
	text-decoration: none; 
	}
	
h1 a:hover{ text-decoration: underline; }
	
h2{
	color: #758FA6;
	font-size: .85em;
	font-weight: bold;
	text-transform: uppercase;
	margin: .5em 0;
	}
	
h2 a{ text-decoration: none; }
h2 a:hover{ color: #444; }
	
h3{
	background: #dae2ea;
	color: #444;
	font-size: .85em;
	padding: .5em;
	text-transform: uppercase;
	margin: .2em 0 .5em 0;
	}	
	
h3 em.in{
	color: #758FA6;
	font-size: .75em; 
	text-transform: none;	
	}
	
h3:hover{ background: #DEE8F1; }
	
h3 .date{
	color: #909AA0;
	font-size: .8em;
	margin-left: 1em;
	}
	
h3 a{
	color: #333;
	text-decoration: none;
	}
	
h3 a:hover{ color: #758FA6; }
	
strong{ font-weight: bold; }
em{ font-style: italic; }

embed{ 
	display: block; 
	margin: 1em 0;
	}

fieldset{ padding-bottom: 1em; }
fieldset.hidden{ padding-bottom: 0em; }

label{ 
	display: block;
	font-size: .75em;
	margin-top: .5em;
	}
	
.t input, textarea{ 
	border: 1px solid #758FA6;
	color: #444;
	display: block;
	font-size: .75em;
	margin: 2px 0;
	padding: 6px; 
	width: 95%;
	}
	
textarea{ 
	font: .8em "Lucida Sans Unicode", Geneva, Lucida, "Trebuchet MS", Verdana, Arial, Helvetica, Sans, sans-serif;
	height: 250px;
	line-height: 150%;  
	}

select, option{
	color: #444;
	font-family: "Lucida Sans Unicode", Geneva, Lucida, "Trebuchet MS", Verdana, Arial, Helvetica, Sans, sans-serif;
	padding: .2em;	
	width: 90%;
	}
	
select{ font-size: .8em; }
	
.error .t input{ 
	background: #FCF9F3;
	border-color: #A93434; 
	}
	
form h3{
	font-weight: bold; 
	margin: 0;
	padding: 0;
	}
	
form h3:hover{ background: none; }
	
p.small{
	font-size: .8em;
	line-height: 175%;
	margin: 1em 0; 
	}	

p.important{ color: #A93434; }

/* HEADER */
#header{ 
	border-bottom: 10px solid #414f59; 
	padding: 10px 10px 4px 10px;
	overflow: hidden; 
	}

#header .left{ 
	margin: 10px;
	width: 320px;
	}
#header .right{ width: 30em; }

#signInHeader{
	background: #444;
	color: #FFF;
	display: none;
	font-size: .8em;
	}

#accountNav{ text-align: right; }
#accountNav li{
	display: inline;
	font-size: .7em;
	padding: 0 10px;
	}
	
#accountNav a{ text-decoration: none; }
#accountNav a.signIn{ font-weight: bold; }
#accountNav a.newAccount{ font-size: .9em; }
	
#accountNav a:hover{
	color: #444;
	text-decoration: underline;
	}
	
#topNav{ text-align: right; }
#topNav li{
	float: right;
	margin-top: 50px;
	padding-right: 10px;
	}	
	
#topNav a{
	background: no-repeat left center;
	color: #444;
	display: block;
	font-size: .8em;
	height: 24px;
	line-height: 24px;
	padding-left: 22px;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#topNav a:hover{ color: #586b78; }
	
#topNav a.faq{ background-image: url('../imgs/icons/questionmarkOff.png'); }
#topNav a.search{ background-image: url('../imgs/icons/searchOff.png'); }
#topNav a.home{ background-image: url('../imgs/icons/homeOff.png'); }
#topNav a.available { background-image: url('../imgs/icons/twodocsOff.png'); }
#topNav a:hover.faq{ background-image: url('../imgs/icons/questionmarkOn.png'); }
#topNav a:hover.search{ background-image: url('../imgs/icons/searchOn.png'); }
#topNav a:hover.home{ background-image: url('../imgs/icons/homeOn.png'); }
#topNav a:hover.available { background-image: url('../imgs/icons/twodocsOn.png'); }

/* CONTENT */

#main{
	background: url("../imgs/mainBackground.png") repeat-x;
	clear: both;
	padding: 50px 30px 30px 30px;
	}
	
a.btn{
	background: url("../imgs/icons/checkmarkOff.png") no-repeat left center;
	color: #444;
	display: block;
	font-size: .8em;
	line-height: 18px;
	padding: 5px 10px 5px 24px;
	text-decoration: none;
	}
	
a.btn:hover{ color: #FAA41C; }	

a.rss{ background-image: url("../imgs/icons/rssOff.png"); }
a.addLecture{ background-image: url("../imgs/icons/plusOff.png"); }
a.add{ background-image: url("../imgs/icons/plusOff.png"); }
a.download{ background-image: url("../imgs/icons/arrowdownoffOff.png"); }
a.manage{ background-image: url("../imgs/icons/clipboardOff.png"); }
a.folder{ background-image: url("../imgs/icons/openfolderOff.png"); }
a.key{ background-image: url("../imgs/icons/keyOff.png"); }
a.edit{ background-image: url("../imgs/icons/undoOff.png"); }
a.post{ background-image: url("../imgs/icons/documentOff.png"); }
a.more{ background-image: url("../imgs/icons/playOff.png"); }
a.prev{ background-image: url("../imgs/icons/twodocsOff.png"); }
a.helpBtn{ background-image: url("../imgs/icons/questionmarkOff.png"); }
a.gradebook{ background-image: url("../imgs/icons/databaseOff.png"); }
a.backup{ background-image: url("../imgs/icons/arrowdownOff.png"); }

ul.blt{
	list-style-type: square;
	list-style-position: inside;
	font-size: .75em;
	line-height: 150%;
	margin: .5em;
	}
	
ul.blt li{ padding: .5em; }
	
#masthead{
	margin-bottom: 30px;
	text-align: center;
	}
	
#tr{
	background: #f0f0f0;
	overflow: hidden;
	}	
	
#tr .container{
	background: #dae2ea;
	border: 1px solid #abb8c4;
	margin: 10px;
	overflow: hidden;
	padding: 5px;	
	}	
	
#tr .column ul{ list-style: inside square; }
#tr .column li{
	font-size: .75em;
	line-height: 1.5em;
	padding: 0 0 1em 0;
	}
	
#tr .column p{
	font-size: .8em;
	}	
	
#getStarted{
	float: right;
	padding: 1.5%;
	width: 30%;
	}
	
#getStarted form{ 
	border: 8px solid #E4EEF5; 
	margin-bottom: 20px;
	overflow: hidden;
	}
	
#getStarted form .container{
	background: #f0f0f0;
	margin: 0;
	padding: 15px;
	width: auto;
	overflow: hidden;
	}
	
#getStarted label{ color: #414F59; }
#getStarted .remember label{ 
	display: inline; 
	font-size: .7em;
	}
	
#getStarted .login input{ float: left; margin-bottom: 0;}
	
#getStarted a.forgot{ 
	font-size: .7em; 
	float: right;
	line-height: 1.5em;
	text-decoration: none;
	}
	
/* LIVE SEARCH & FEATURED */
#explore{
	float: left;
	margin: 1.5% 1.5% 3em 1.5%;
	overflow: hidden;
	width: 63%;
	}
	
#featured h2{
	color: #414f59;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: none;
	}	
	
#explore form, #explore #results{
	float: left;
	padding: 2.5%;
	width: 45%;
	}

#liveSearchResults, #topCourses, #newestCourses{
	color: #909AA0;
	font-size: .8em;
	list-style-type: decimal;
	}
	
#liveSearchResults{ margin-left: 1.5%; }	
	
#liveSearchResults li, #topCourses li, #newestCourses li{ padding: .5em 0; }
	
#liveSearchResults h5 a, #topCourses h5 a, #newestCourses h5 a{ 
	border-bottom: 1px dotted #414F59;
	color: #414F59;
	text-decoration: none; 
	}
	
#liveSearchResults h5 a:hover, #topCourses h5 a:hover, #newestCourses h5 a:hover{ border-style: solid; }
	
#liveSearchResults p, #topCourses p, #newestCourses p{ 
	font-size: .8em;
	margin: 0; 
	padding: 0; 
	}
	
#search_container{
	background: no-repeat 10px center url("../imgs/icons/searchOff.gif");
	padding: 10px 10px 10px 36px;
	}
	
#e_search{ font-size: 1em; margin: 0; }
#e_search.busy{ background: #fff no-repeat url("../imgs/liveSearch.gif") right center; }
	
#results{ font-size: 1em; }	
	
#featured, #benefits{
	border-top: 1px solid #C2D0DA;
	clear: both;
	margin: 3em 1.5% 1.5% 1.5%;
	overflow: hidden;
	padding-top: 1em;
	}
	
#featured .left, #featured .right, .column{
	float: left;
	padding: 0 3%;
	width: 40%;
	}
	
#featured ol{ margin-left: 1.5em; }	

/* DASHBOARD */
	
#dashboard .left, #course .left{ 
	margin: 0 .5% 0 1.5%; 
	width: 53%; 
	}

#dashboard div.left{ 
	border: 8px solid #f0f0f0; 
	margin-top: 1.5em;
	}	
	
#dashboard .left .inner{ border: 1px solid #758FA6; }
	
#dashboard .right, #course .right{ 
	margin: 0 1.5% 0 1.5%;
	width: 35%; 
	}

#dashboard .add{ font-weight: bold; }
	
.announcement{  
	font-size: .8em;
	line-height: 175%;
	}
	
.announcement.reply{
	border-left: 3px solid #DAE2EA;
	margin-left: 15px;
	padding-left: 15px;
	}
	
.announcement.reply h3{ background: #fff; }
	
.announcement h3, .announcement .formatted, .announcement .editLinks{
	padding-left: 15px;
	padding-right: 15px;
	}
	
#course .announcement{ margin-bottom: 1em; }

.announcement h3{ font-size: 1em; margin-top: 0;}
	
.announcement p{ margin: 0 .5em 1em .5em; }

.courseList{ 
	border: 1px solid #758FA6;	
	overflow: hidden;
	}
	
#dashboard .right .container{ 
	border: 8px solid #f0f0f0;
	clear: both;
	margin-bottom: 3em;
	overflow: hidden;
	}
	
.courseList li{
	clear: left;
	font-size: .7em;
	padding: 0 1em;
	}
	
.courseList li.odd{ 
	background: #DEE8F1;
	overflow: hidden; 
	}
	
.courseList a{
	color: #444;
	display: block;
	float: left;
	padding: 1.5em 0;
	text-decoration: none;
	width: 50%;
	}
	
#dashboard h2{ margin: 2em 0 0 0; }
	
#dashboard .right h2{ margin-top: 0; padding-top: 0; }
	
#dashboard .right h2 .left{ 
	line-height: 18px;
	padding: 5px 0;
	width: 40%; 
	}
	
#dashboard .right h2 .right{ width: 40%;}
#dashboard .right h2 .right a{
	display: block;
	float: right;
	}

.courseList a:hover{ text-decoration: underline; }
	
.courseList a.course{ text-transform: uppercase; }

.courseList a.institution{
	color: #909AA0;
	text-align: right;
	}
	
#faq{ 
	margin-left: -400px;
	left: 50%;
	position: relative;
	width: 800px; 
	}

#faq p{ 
	font-size: .8em;
	line-height: 200%;
	padding: .5em .3em 1em .3em;
	}
	
#faq h3{ margin-top: 1em; }

#faq li{ padding: .5em; }

#faq li a{ 
	color: #414F59; 
	font-size: .8em;
	text-decoration: none;
	}
	
#faq li a:hover{ text-decoration: underline; }

#signIn, #gradeEntry, #forgotPassword, #contact, #register, #searchForm,
#cellnum, #editUser{ border: 8px solid #f0f0f0; }
	
#signIn .container, #gradeEntry .container, #forgotPassword .container, #contact .container, #register .container, 
#searchForm .container, #cellnum .container, #editUser .container{
	background: #dae2ea;
	border: 1px solid #758FA6;
	padding: 1em;
	}
	
#searchForm .container{ overflow: hidden; }
#searchForm { margin-bottom: 2em; } 	
	
#searchForm fieldset{ 
	float: left; 
	margin-bottom: 0;
	padding-bottom: 0;
	}
	
#searchForm fieldset.submit{ width: 18%; }
#searchForm .submit input{ 
	font-size: 1.05em; 
	margin-top: .2em;
	}
#searchForm fieldset.t{ width: 80%; }
#searchForm .t input{ width: 95%; }

#search h1{ clear: left; }
	
#signIn .remember label{ display: inline; }
#signIn .forgot{
	font-size: .8em;
	padding-left: 3em;
	}
	
em.error, label.error{
	color: #A93434;
	display: block;
	font-size: .9em;
	font-style: normal;
	padding: .25em 0;
	}
	
label.error{ font-size: .8em; }

#search{
	left: 20%;
	position: relative;
	width: 60%;
	}
	
#cellnum{ margin-top: 2em; }

/* FOOTER */
#footer{
	clear: both;
	font-size: .7em;
	margin: 4em 0 1em 0;
	padding-top: 1em;
	}
	
#footer a{ color: #444; }
#footer a:hover{ color: #758FA6; }

#footer ul{ 
	padding: .6em;
	text-align: center; 
	}	
	
#footer li{ 
	display: inline; 
	padding: 1em;
	}	
	
#footer p.small{ text-align: center; }

/* USER EDIT FORM */
#cellPhone{ 
	line-height: 2em;
	margin-top: .5em;
	text-align: center; 
	}	
	
#phone1, #phone2, #phone3{
	display: inline;
	margin: 0 4px;
	text-align: center;
	}	
	
#phone1{ width: 20%; }
#phone2{ width: 20%; }
#phone3{ width: 30%; }

#cellNumber div.error{ 
	display: none;
	font-size: .8em; 
	padding: 1em; 
	}
	
#cellNumber div.error label{
	margin: .2em;
	}

#cellNumber input.error, #editUser input.error{ 
	background: #FCF9F3;
	border-color: #A93434; 
	}

#editUser{ margin-top: 1em; }

/* COURSE MANAGEMENT */
#myCourses{ padding: 0 20%; }
#myCourses .course{ padding-top: 1em; }
#myCourses label{ 
	display: inline; 
	margin-top: 2px;
	}
	
#myCourses .settings{ 
	border-bottom: 1px solid #D2D9DE; 
	padding: .5em 0 1.5em 0;
	width: 50%;
	}	
	
#myCourses .settings fieldset{ padding-bottom: 4px; }
	
#myCourses input{ padding: 0; margin: 0; }
#myCourses h4{
	color: #414F59;
	font-size: .75em;
	}
	
#myCourses .small a{
	color: #666;
	text-decoration: none;
	}
	
#myCourses .small a:hover{ text-decoration: underline; }
#myCourses div.small{ 
	font-size: .75em; 
	padding: .4em 0 1em 0;
	}
	
/* COURSE PAGES */
#course .right li{
	font-size: .8em;
	padding: .5em 0;
	}
	
#course h4{
	border-bottom: 1px solid #E4EEF5;
	color: #909AA0;
	font-size: .8em;
	margin: 4px 0;
	text-transform: uppercase;
	padding: 2px 0;
	width: 50%;
	}
	
.editLinks{
	font-size: .9em;
	padding: .25em 0;
	}
	
.editLinks a{ color: #414F59; }
.editLinks a:hover{ color: #A93434; }
	
	
/* ABOUT */
#about p{ 
	font-size: .8em;
	line-height: 200%;
	padding-bottom: 1em;
	text-align: justify;
	text-indent: 2em;
	}
	
#about h3{ 
	background: none; 
	font-size: .8em;
	padding: 1em 0 0 0;
	}

/* SEARCH */
#searchResults li{ padding: 1em 0; }

/* COURSE CATALOG */
#courseCatalog{ padding: 0 10%; }

#courseCatalog .course{ 
	clear: left;
	margin-bottom: 1.5em; 
	}
	
/* COURSE CATALOG FOR INDEX SCHOOLS INDEX PAGE */
#courseCatalogindex{ padding: 0 0%; }

#courseCatalogindex .course{ 
	clear: left;
	margin-bottom: 1.5em; 
	}
	
#courseCatalogindex h3 { overflow: hidden; }

#enroll{ 
	border: 8px solid #f0f0f0;
	overflow: hidden;
	margin: 2em 0 4em 0;
	}

#enrollSearch, #enrollSort{
	float: left;
	margin: 2% 2% 0 2%;
	}
	
#enrollSearch{ width: 60%; }
#enrollSort{ width: 30%; }

#enroll .container{
	background: #DEE8F1;
	border: 1px solid #758FA6;
	overflow: hidden;
	padding: 8px;
	}

h3 a.enroll{ 
	background: #F9FDFF;
	border: 1px solid #909AA0;
	color: #758FA6;
	display: block;
	float: right;
	font-size: .75em;
	padding: 1px 4px; 
	}
	
h3 a.enroll:hover{ border-color: #758FA6; }	
h3 a.enroll:active{
	background: #758FA6;
	border-color: #414F59;
	color: #FFF;
	}
	
h3 span.title{
	display: block;
	float: left;
	line-height: 1.5em;
	width: 50%;
	}
	
h3 span.title small{ 
	color: #909AA0;
	font-size: .8em;
	padding-left: 1.5em;
	text-transform: none;
	}	
	
#courseCatalog h3 { overflow: hidden; }

.courseInfo{ clear: both; }
.courseInfo li{
	font-size: .8em;
	padding: .3em;	
	}
	
.courseInfo li.schedule{ 
	color: #666;
	padding: .1em 1em;
	font-size: .7em;
	}
	
.courseInfo li.description{
	font-size: .75em;
	line-height: 150%;
	padding: .3em 5em .1em 1em;
	}

#pagination{
	font-size: .75em;
	padding: 2em 0;
	}

/* LECTURE MANAGEMENT */
ul.more{ margin-bottom: 1em; }
ul.more li{
	font-size: .75em;
	padding-left: 1em;
	}
	
ul.more li a{ 
	color: #444;
	text-decoration: none;
	}
	
ul.more li a:hover{ text-decoration: underline; }

#createLecture{ margin-top: 1em; }
#myLectures{ margin: 0 5%; }

#myLectures .course{
	padding: 1.5em;
	}

#addCourse{	padding: 2em 15%; }
#addCourse textarea{ height: 6em; }
#addCourse em{ 
	color: #999;
	font-size: .75em;
	}
	
#addCourse .t input, #addCourse textarea{ 
	position: relative;
	display: inline-block;
	width: 100%;
	}

#addCourse fieldset.date{
	float: left;
	width: 29%;
	}
	
#addCourse .start_date{ margin: 0 3%; }

#addCourse .submit{ clear: left; }


ul.prev{ display: none; }
ul.prev li{
	color: #666;
	border-top: 1px solid #EEE;
	font-size: .8em;
	padding: .5em 3em;
	}
	
ul.prev strong{
	display: block;
	float: left;
	font-weight: normal;
	width: 40%;
	}
	
ul.prev li span{
	display: block; 
	float: right;
	font-size: .85em;
	padding-right: 5%;
	text-align: right; 
	width: 40%;
	}
	
ul.prev p{
	color: #909AA0;
	font-size: .8em;
	}
	
ul.prev .annEdit{ font-weight: bold; }
	
ul.prev p{ clear: both;}
	
ul.prev li a{ 
	color: #666; 
	text-decoration: none;
	}
	
ul.prev li a:hover{ 
	color: #333; 
	text-decoration: underline;
	}

/* ALERTS */
.alert{
	border: 8px solid #f0f0f0;
	font-size: .9em;
	margin: 1.5em 0 1.5em 17%;
	width: 66%;
	}
	
.alert p, .alert div{
	background: #dae2ea url('../imgs/infoAlert.png') no-repeat 15px center;
	border: 1px solid #758FA6;
	padding: 25px 25px 25px 60px;
	}
	
.alert .error{ background-image: url("../imgs/errorAlert.png"); }
.alert .info{ background-image: url("../imgs/infoAlert.png"); }
.alert .help{ background-image: url("../imgs/helpAlert.png"); }
.alert .warning{ background-image: url("../imgs/warningAlert.png"); }

.smError{ 
	color: #A93434;
	font-size: .9em;
	font-weight: bold;
	padding: .5em 0;
	}
	
.alert a{
	font-weight: bold;
	text-decoration: none;
	}
	
.alert a:hover{ color: #414F59; }
	
/* DIALOG WINDOWS */
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid black;
    padding: 15px;
	}

.jqmOverlay { background-color: #414F59; }

.jqmWindow .container{
	background: #dae2ea;
	border: 1px solid #758FA6;
	/*height: 100%;*/
	padding: 15px;
	/**width: 100%;*/
	}

.jqmWindow form{ 
	clear: both;	
	margin-bottom: 20px; 
	}
	
.jqmWindow .remember label{ 
	display: inline; 
	font-size: .7em;
	}
	
.jqmWindow .login input{ 
	float: left; 
	font-size: 1em;
	}
	
.jqmWindow a.forgot, .jqmClose{ 
	font-size: .7em; 
	float: right;
	line-height: 1.5em;
	text-decoration: none;
	}
	
.jqmWindow h1{ float: left; }
	
.jqmClose{
	float: right;  
	margin: .2em;
	}
	
.jqmWindow .submit input{ 
	float: right; 
	font-size: 1em;
	}	
	
.jqmWindow .query input{
	font-size: .8em;
	width: 98%;
	}
	
#helpWindow{ }
	
#help{
	background: #f0f0f0;
	margin: 8px;
	height: 400px;
	overflow: auto;
	}
	
#help .container{
	background: #dae2ea;
	border: 1px solid #758FA6;
	padding: 2em;
	}
	
#help h1{ float: none; }
#help p, #help li{ 
	font-size: .8em;
	line-height: 150%;
	padding: .5em 0;
	}
	
#help ol{
	list-style-type: decimal;
	list-style-position: inside;
	}
	
#help ul{
	list-style-type: square;
	list-style-position: inside;
	}
	
#help a.jqmClose{
	clear: both;
	color: #414F59;
	display: block; 
	float: none;
	font-size: .8em;
	margin-top: 2em; 
	}
	
#help a.jqmClose:hover{ text-decoration: none; }
	
/* TABS */
.addAnnouncement, ul.more, #addCourse{ display: none; }

.tabs-hide{ display: none; }

.tabs{ 
	border-bottom: 1px solid #414F59;
	margin: 1em 0;
	padding: 0 1em; 
	overflow: hidden;
	}

.tabs li{
	background: #E4EEF5;
	border: 1px solid #909AA0;
	border-bottom: none;
	display: block;
	float: left;
	font-size: .8em;
	margin: 0 2px;
	padding: .3em .5em;
	}
	
.tabs .tabs-selected{
	background: #414F59;
	border-color: #414F59;
	}
	
.tabs .tabs-selected a{ color: #FFF; }
.tabs .tabs-selected a:hover{ color: #FAA41C; }
	
.tabs a{ 
	color: #444;
	text-decoration: none;
	}
	
.tabs a:hover{ color: #758FA6; }

.tabs-loading em{ font-style: normal; }
#formaudio, #formdoc, #formvideo, #formannouncements{ clear: left; }

.addAnnouncement h3{ padding: .5em; }
.addAnnouncement h3:hover{ background: #E4EEF5; }
.addAnnouncement embed, .flash-replaced{ padding: 0; margin: 0; }

.uploadForm h2{
	float: left;
	width: 50%;
	}
	
.uploadForm div.right{ width: 10%; }

.uploadForm h3{ clear: both; }

.uploadForm p{ clear: both; }

.uploadForm .submit input{
	font-size: 1em;
	font-family: "Lucida Sans Unicode", Geneva, Lucida, "Trebuchet MS", Verdana, Arial, Helvetica, Sans, sans-serif;
	}

#followup{
	margin: 5px 0 20px 0;
	width: 100%;
	}
	
#followup .new{ font-weight: bold; }

/* FORMATTED BLOCKS */
.formatted{ 
	margin: 1em; 
	font-size: .95em;
	}

.formatted ul{ 
	list-style-type: square; 
	list-style-position: inside;
	}
	
.formatted ol{ 
	list-style-type: decimal; 
	list-style-position: inside;
	}
	
.formatted p{ 
	margin: 0;
	padding: .5em 0 1em 0;
	}
	
.formatted table{
	border: 1px solid #D2D9DE;
	border-spacing: 3px;
	margin: .2em 0 1em 0;
	padding: .25em;
	}
	
.formatted th, .formatted thead td{
	background: #E4EEF5;
	font-weight: bold;
	}
	
.formatted td{
	border: 1px dotted #E4EEF5;
	padding: .5em 1.5em;	
	}
	
.formatted table caption{
	text-transform: uppercase;
	}
	
.formatted sup {
    font-size: .75em;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
	}
	
.formatted sub {
    font-size: .75em;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
	}
	
.formatted blockquote{ padding-left: 2.5em; }

/* COMMENTS */
#comments{ 
	position: relative;
	margin-left: -400px;
	left: 50%;
	width: 800px; 
	float: left;
	}
	
#comments ul{
	font-size: .8em;
	margin-bottom: 3em;
	min-height: 0;
	}
	
#comments li{
	padding: 1em 0 1em .5em;
	}
	
#comments li.reply{
	border-left: 4px solid #E4EEF5;
	margin-left: 1em;
	padding: 1em 0 1em 1.5em;
	}
	
#comments span.date{ 
	color: #414F59;
	font-size: .9em;
	}
	
#comments p{ padding: .5em 0; }
	
#comments form{ width: 65%; }
	
#comments textarea{
	height: auto;
	width: 100%;
	}
	
#comments .right input{ font-size: .9em; }
#comments .left label{ margin-top: 0; }

#comments .formatted{ font-size: .9em; }

#comments a.delete, #comments a.reply{
	color: #909AA0;
	font-size: .9em;
	margin-right: 15px;
	text-decoration: none;
	}
	
#comments a.delete:hover, #comments a.reply:hover{ 
	color: #758FA6; 
	text-decoration: underline;
	}

/* main.php */
#course .container{
	border: 8px solid #f0f0f0;
	margin: 1em 0 2em; 
	}

#instructorTools{ 
	border: 1px solid #758FA6; 
	padding: 1em;
	}
	
#sort{
	font-size: .75em;
	padding: 1em 0;
	text-align: right;
	float: right;
	width: 50%;
	}

#course .left h2{ 
	float: left; 
	width: 50%;
	}
	
#course .left #instructorTools h2{
	float: none;
	width: auto;
	}	
	
#course h3{ clear: both; }

/* Twitter CSS */
#twitter_badge_padding{padding-top:15px;}
#twitter_badge_container{width: 300px;  background: #C1EAFF}
#twitter_badge_tl{background: transparent url(../imgs/icons/twitter_tl.png) top left no-repeat;}
#twitter_badge_tr{background: transparent url(../imgs/icons/twitter_tr.png) top right no-repeat;}
#twitter_badge_bl{background: transparent url(../imgs/icons/twitter_bl.png) bottom left no-repeat;}
#twitter_badge_br{background: transparent url(../imgs/icons/twitter_br.png) bottom right no-repeat; }
#twitter_badge_inner{padding: 45px 10px 10px 10px;}
#twitter_badge_via {font-size: 10px }
#twitter_badge_via a {color #666}

/* defaults */
#my_twitter_status{}
#my_twitter_status_time{color: #666; font-size: 10px;}

/* Gradebook */
#gradebook_table{
	font-size: .8em;
	margin-bottom: 1em;
	}
	
#gradebook_table td, #gradebook_table th{ padding: .25em .5em; 
	border: 1px solid #DAE2EA;
	}
#gradbook_table th{ vertical-align: bottom; }
#gradebook_table .options, #gradebook_table .actions{ display: none; }
#gradebook_table .currentAssignment .actions{ display: block; font-size: .8em; }
#gradebook_table .currentAssignment .options{ display: block; }
#gradebook_table .currentAssignment input{ width: 3em; }

#gradebook_table a{ 
	color: #333; 
	text-decoration: none;
	border-bottom: 1px dotted #666;
	}
	
#gradebook_table a:hover{ border-style: solid; }
	
.pager_left{
	padding: .5em 1em;
	font-size: .8em;
	width: auto;
	float: left;
	}
.pager_right{
	padding: .5em 1em;
	font-size: .8em;
	width: auto;
	float: right;
	}


.backuplink{
	font-size: .8em;
	margin-left: 45%;
	}

	
#grades_table{ font-size: .85em; }
#grades_table td, #grades_table th{ 
	border: 1px solid #DAE2EA;
	padding: .5em 1.5em; }
#grades_table th{ font-weight: bold; }

#grades_table .even td, #gradebook_table .even td{ background: #E5ECF3; }
#gradebook_table .currentAssignment, #gradebook_table .even .currentAssignment{ background: #DEE8F3; }

#grades_table td.description{ width: 250px; font-size: .9em; }

.asc a{ background: no-repeat right center url("../imgs/icons/sort_up.png"); padding-right: 12px; }
.desc a{ background: no-repeat right center url("../imgs/icons/sort_down.png"); padding-right: 12px; }

#results{ padding: 0; margin: 0; overflow: hidden; }
#results li{ display: block; margin: 0; }