@font-face {
	font-family: 'MuseoSans500';
	src: url('/static/fonts/MuseoSans_500-webfont.eot');
	src: url('/static/fonts/MuseoSans_500-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('/static/fonts/MuseoSans_500-webfont.woff') format('woff'),
		url('/static/fonts/MuseoSans_500-webfont.ttf') format('truetype'),
		url('/static/fonts/MuseoSans_500-webfont.svg#MuseoSans500')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: Arial, sans-serif;
	font-size: 16px;
	background: #333 url('/static/img/bg_dotted.png') repeat center top;
	color: #eee;
	text-align: center;
}

.wrapper {
	text-align: left;
	margin: 0 auto 0;
	width: 100%;
	padding: 0;
	background-color: #fafafa;
	color: #3e4349;
	box-shadow: 3px 3px 3px #000;
}

.header {
	width: 960px;
	padding: 4px 0 0;
	background: #e10000 url('/static/css/masthead-bg.jpg') no-repeat center
		top;
}

.content {
	width: 880px;
	padding: 10px 40px 40px;
}

.footer {
	width: 880px;
	padding: 30px 40px 30px;
	font-size: 11px;
	color: #ddd;
	border-top: #999 1px solid;
	background-color: #333
}

.show {
	
}

.hide {
	display: none;
}

.oops,.groovy,.warning,.neutral,.flash {
	width: 600px;
	margin: 0 auto 10px;
	padding: 10px 20px 10px;
}

.flash.left {
	margin: 0 0 10px;
}

.neutral,.flash {
	background-color: #f0f5fa;
	border: #ccccfa 1px solid;
}

.oops {
	background-color: #fad0d0;
	border: #ff9999 1px solid;
}

.groovy {
	background-color: #d9fad9;
	border: #a0e0a0 1px solid;
}

.warning {
	background-color: #fafa66;
	border: #fae000 1px solid;
}

form {
	width: 644px;
	margin: 0 auto 10px;
}

fieldset {
	padding: 0.35em 20px 0.75em;
}

form p {
	padding-right: 24px;
	padding-left: 24px;
}

dd {
	margin: 0 0 0.5em 0;
}

form.tarea {
	width: 100%;
	padding-top: 10px;
}

form label {
	font-style: italic;
	color: #666;
}

dt {
	padding-top: 0.3em;
}

ul {
	margin-bottom: 1em;
}

li {
	line-height: 1.4;
}

a {
	color: #0069a5;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

.footer a {
	color: #339bd8;
}

th,td {
	padding: 4px 10px 4px;
}

td {
	vertical-align: top;
}

th,th.header {
	/* tablesorter jQuery plugin applies "header" class to th elements */
	width: auto;
	padding: 4px 10px 4px;
	font-weight: bold;
	border-bottom: #666 1px solid;
	background: #f0f5fa;
	border-top: #666 1px solid;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'MuseoSans500', Arial, sans-serif;
	padding-bottom: 0.1em;
}

h1 {
	font-size: 26px;
	padding-top: 0.1em;
}

h2 {
	font-size: 24px;
	padding-top: 0.1em;
}

h3 {
	font-size: 22px;
	padding-top: 0.2em;
}

h4 {
	font-size: 20px;
	padding-top: 0.2em;
}

h5 {
	font-size: 18px;
	padding-top: 0.4em;
}

h6 {
	font-size: 16px;
	padding-top: 0.5em;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

p {
	line-height: 1.4;
	margin-bottom: 1em;
}

#nav {
	background: #fff200 url('/static/css/nav-bg.jpg') repeat-x center top;
	border-top: #000 1px solid;
	border-bottom: #000 1px solid;
	font-size: 16px;
}

#nav ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	letter-spacing: 1px;
}

#nav ul li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	padding-top: 3px;
}

#nav ul li.current {
	background: #ffbb00
}

#nav ul li:hover {
	background: #fff;
}

#nav ul li a {
	padding: 0 12px 0 12px;
	color: #000;
}

#nav ul li a:hover {
	text-decoration: none;
}

/* hide drop-downs */
#nav li ul {
	display: none;
}

/* Drop-down list */
#nav li:hover ul {
	display: block;
	position: absolute;
	z-index: 9991;
	padding-left:0;
	border-top: #000 1px solid;
	-moz-box-shadow: 1px 2px 3px #000;
	-webkit-box-shadow: 1px 2px 3px #000;
	box-shadow: 1px 2px 3px #000;
}

/* Drop-down items */
#nav li:hover ul li {
	background-color: #fff;
	position: relative;
	z-index: 9999;
	float: none;
}

#nav li:hover ul li:hover {
	background-color: #fff200;
}


.footnote {
	font-size: 0.85em;
}

.clear {
	clear: both;
	height: 0;
}

.centered {
	text-align: center;
}

.italics {
	font-style: italic;
	/* so we don't mess up SEO be emphasizing things like 'etc' */
}

p.correct {
	background: transparent url('/static/icons/coquette/1/16x16/accept.png')
		no-repeat left top;
	text-indent: 28px;
}

p.incorrect {
	background: transparent url('/static/icons/coquette/1/16x16/delete.png')
		no-repeat left top;
	text-indent: 28px;
}

p.alert {
	background: transparent url('/static/icons/coquette/1/16x16/warning.png')
		no-repeat left top;
	text-indent: 28px;
}

.btn {
	font-size: 1em;
	color: #234e70;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px;
	border: solid 1px #6e93b0;
	background: url('/static/img/btn-sm-bg.png') repeat-x 0px 0px;
	height: 27px;
	line-height: 26px;
	text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
	display: inline;
	margin-right: 5px;
	padding: 0 10px
}

.btn:hover {
	text-decoration: none;
	color: #234e70
}

.btn:active {
	background-position: 0px bottom
}

.btn.disabled {
	color:#bbb;
	border:solid 1px #ccc;
	background:url('/static/img/btn_sm_bg_disabled.png') repeat-x 0px 0px;}

div.admin_menu {
	width: 195px;
	display: block;
	border: #999 1px solid;
	padding: 5px 30px 10px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 12px;
}

span.heading {
	font-weight: bold;
}

#roster,#pool {
	list-style-type: none;
	margin: 0;
	padding: 30px 5px 5px;
	float: left;
	width: 260px;
	min-height: 100px;
}

#roster li,#pool li {
	padding: 5px;
	margin-bottom: 5px;
	font-size: 13px;
}

#roster {
	background: #eee url('/static/img/roster.png') top center no-repeat;
	margin-right: 10px;
}

#pool {
	background: #eee url('/static/img/pool.png') top center no-repeat;
}

tr.even {
	background-color: #e0f0e0;
}

tr.odd {
	background-color: #fff;
}

tr.user_status_A {
	
}

tr.user_status_P {
	color: #900;
}

tr.user_status_I {
	color: #999;
}

td.num_align {
	text-align:right;
}

.add {
	background: transparent url('/static/icons/coquette/1/16x16/add.png')
		no-repeat left top;
	text-indent: 20px;
}

.delete {
	background: transparent url('/static/icons/coquette/1/16x16/delete.png')
		no-repeat left top;
	text-indent: 20px;
}

.preview {
	
}

.up-parent {
	background: transparent
		url('/static/icons/coquette/5/16x16/orange_arrow_up.png') no-repeat
		left top;
	text-indent: 20px;
}

.add_user {
	background: transparent
		url('/static/icons/coquette/2/16x16/add_user.png') no-repeat left top;
	text-indent: 20px;
}

.edit_user {
	background: transparent
		url('/static/icons/coquette/2/16x16/edit_profile.png') no-repeat left
		top;
	text-indent: 20px;
}

.delete_user {
	background: transparent
		url('/static/icons/coquette/2/16x16/delete_user.png') no-repeat left
		top;
	text-indent: 20px;
}

.edit {
	background: transparent url('/static/icons/coquette/2/16x16/edit.png')
		no-repeat left top;
	text-indent: 20px;
}

.manage {
	background: transparent
		url('/static/icons/coquette/9/16x16/workflow.png') no-repeat left top;
	text-indent: 20px;
}

.change_password {
	background: transparent url('/static/icons/coquette/1/16x16/lock.png')
		no-repeat left top;
	text-indent: 20px;
}

.view {
	background: transparent
		url('/static/icons/coquette/1/16x16/full_page.png') no-repeat left top;
	text-indent: 20px;
}

.trash {
	background: transparent
		url('/static/icons/coquette/3/16x16/trash_can.png') no-repeat left top;
	text-indent: 20px;
}

.grades {
	background: transparent url('/static/icons/coquette/1/16x16/chart.png')
		no-repeat left top;
	text-indent: 20px;
}

.handy-link {
	float: right;
	width: 180px;
	margin-top: -40px;
}

.handy-link div {
	padding-bottom: 4px;
}

div.vid_tut {
	padding: 1em 0 1em 0;
	text-align: center;
}

div.clear {
	clear: both;
	width: 100%;
	height: 0;
}

div.comment {
	background-color:#fff; padding:10px; margin-bottom:20px; border: #ccc 1px solid;
}

span.comment_meta {
	color: #aaa; font-style:italic; 
}