/**************************************
 * THEME NAME: MITP_2011
 *
 * Files included in this sheet:
 *
 *   MITP_2011/styles.css
 **************************************/

/***** MITP_2011/styles.css start *****/

/* --------------------------------------------------------------------- */
/* ----- Theme by Dan Moat (Tahninial) :: http://www.tahninial.com ----- */
/* --------------------------------------------------------------------- */
/* -- Created using a version of HTML5 Reset :: http://html5reset.org -- */
/* --------------------------------------------------------------------- */

@font-face {
	font-family: 'DroidSans';
	src: url('DroidSans-webfont.eot');
	src: url('DroidSans-webfont.eot?#iefix') format('embedded-opentype'), url('DroidSans-webfont.woff') format('woff'), url('DroidSans-webfont.ttf') format('truetype'), url('DroidSans-webfont.svg#DroidSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DroidSansBold';
	src: url('DroidSans-Bold-webfont.eot');
	src: url('DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('DroidSans-Bold-webfont.woff') format('woff'), url('DroidSans-Bold-webfont.ttf') format('truetype'), url('DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris
 * License URL: http://www.fontspring.com/fflicense/exljbris
 *
 *
 */

@font-face {
	font-family: 'MuseoSlab500';
	src: url('Museo_Slab_500-webfont.eot');
	src: url('Museo_Slab_500-webfont.eot?iefix') format('eot'), url('Museo_Slab_500-webfont.woff') format('woff'), url('Museo_Slab_500-webfont.ttf') format('truetype'), url('Museo_Slab_500-webfont.svg#webfontyumMOUTD') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* --------------------------------- */
/* -- Cleaning out default styles -- */
/* --------------------------------- */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {
	overflow-y: scroll;
}
img, object, embed {
	max-width: 100%;
}
ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a:hover, a:active {
	outline: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
*vertical-align: baseline;
}
.ie6 input {
	vertical-align: text-bottom;
}
select, input, textarea {
	font: 99% sans-serif;
}
small {
	font-size: 85%;
}
strong, th {
	font-weight: bold;
}
td, td img {
	vertical-align: top;
}
/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* standardize any monospaced elements */
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}
/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {
	cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
	margin: 0;
}
/* make buttons play nice in IE */
button {
	width: auto;
	overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
	-ms-interpolation-mode: bicubic;
}
/* prevent BG image flicker upon hover */
.ie6 html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
/* let's clear some floats */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
.accesshide {
	position: absolute;
	top: -100000px;
	left: 10px;
	font-weight: normal;
	font-size: 1em;
}
/* ----------------- */
/* -- HTML Styles -- */
/* ----------------- */


body {
	font: 16px DroidSans, Tahoma, Geneva, sans-serif;
	background: rgb(245,245,245) url(images/bg.jpg);
}
body, select, input, textarea {
	color: rgb(70,70,70);
}
a {
	text-decoration: none;
	font-weight: normal;
	color: rgb(225,40,45);
}
a:hover {
	text-decoration: underline;
}
a:link {
	-webkit-tap-highlight-color: rgb(70,70,70);
}
a.nulllink, a.nulllink:hover {
	cursor: default!important;
	text-decoration: none!important;
}
p {
	margin-top: 10px;
	line-height: 1.35em;
}
 p:first child {
margin-top: 0;
}



/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
background: rgb(70,70,70);
color: #fff;
text-shadow: none;
}
::selection {
	background: rgb(70,70,70);
	color: #fff;
	text-shadow: none;
}
ins {
	background-color: rgb(70,70,70);
	color: #000;
	text-decoration: none;
}
mark {
	background-color: rgb(70,70,70);
	color: #000;
	font-style: italic;
	font-weight: bold;
}
b, strong {
	font-family: DroidSansBold, sans-serif;
	font-weight: normal!important;
}
h1 {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif!important;
	font-weight: normal!important;
	line-height: 1.3em;
	margin: 10px 0;
}
h2 {
	font-size: 1.8em;
}
h2.main {
	font-size: 2.1em;
}
h2.outline {
	display: none;
}
#left-column h2, #right-column h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1.3em;
}
/* ------------------ */
/* -- Basic Layout -- */
/* ------------------ */

#header_wrap {
	float: left;
	width: 100%;
	min-width: 990px;
	background: rgb(70,70,70) url(images/bg_top.gif) center -5px repeat-x;
}
#header {
	width: 980px;
	margin: 10px auto 0 auto;
	height: 245px;
	padding: 10px 0;
	background: url(images/bg_header.png) top center no-repeat;
	position: relative;
}
#content_wrap {
	float: left;
	width: 100%;
}
#content {
	margin: 0 auto;
	width: 980px;
	position: relative;
	padding: 0 0 10px 0;
	min-height: 500px;
}
#layout-table {
	width: 100%;
	float: left;
	margin: 0;
}
#middle-column, #right-column, #left-column {
	padding: 20px 0;
}
#right-column {
	padding-left: 20px;
}
#left-column {
	padding-right: 20px;
}
#right-column, #left-column {
	width: 215px!important;
}
table.userinfobox {
	width: 100%!important;
	float: left;
	margin: 0!important;
	white-space: normal!important;
}
table.userinfobox td.label {
	max-width: 400px;
	padding-right: 20px;
	overflow: auto;
	white-space: normal!important;
}
#redirect, .errorbox {
	margin: 20px 0;
	width: 940px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
	padding: 20px;
	text-align: center;
	font-size: 1.2em;
}
.continuebutton {
	text-align: center;
}
.course-content {
	margin: 20px 0;
	width: 980px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
}
.course-content #middle-column {
	padding: 20px;
}
#content > table #middle-column {
	width: 940px;
	padding: 20px;
	margin: 20px 0;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
}
.course-content ul {
	padding: 0 40px 0 80px;
	margin: 10px 0;
}
.course-content ul li {
	list-style: disc;
	padding-left: 10px;
	margin: 5px 0;
}



#main {
	width: 730px;
	float: left;
}
#main.wide {
	width: 980px;
	float: left;
}
#main div, #main article {
	float: left;
	background: rgb(200,235,250);
	background: rgba(255,255,255,0.9);
	-webkit-box-shadow: 3px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 3px 3px 0px rgba(0,0,0,0.15);
	min-height: 260px;
}
#main div div, #main article div {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	min-height: 1px;
}
.tabtree ul {
	width: 100%;
	float: left;
}
.tabrow0 {
	border-bottom: 3px solid rgb(50,50,50);
	position: relative;	
	margin-bottom: 27px;
}
.tabtree ul li {
	display: block;
	list-style: none;
	float: left;
	margin: 0!important;;
	border: none!important;
	padding: 0!important;
}
.tabtree ul li a {
	color: white!important;
	background-color: rgb(70,70,70);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(50,50,50)), color-stop(0.57, rgb(70,70,70)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(50,50,50) 13%, rgb(70,70,70) 57% );
	display: block;
	margin-top: 10px;
	padding: 7px 15px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.tabtree ul li a:hover {
	margin-top: 0;
	padding: 7px 15px 17px 15px;
}
.tabtree ul li.selected a, .tabrow0 li.here a {
	font-weight: bold!important;
}
.tabtree ul li.selected a, .tabrow0 li.here a:hover {
	cursor: default;
	text-decoration: none;
	margin-top: 10px;
	padding: 7px 15px;
}
.tabtree .empty {
	display: none;
}

.tabrow1, .tabrow1 ul {
  position: absolute;
  left: 0;
  top: 45px;
  background:  rgb(50,50,50);
  font-size: 0.85em!important;
  display: block;
  margin-bottom: 10px;
  clear: both;
}

.tabrow1 li a, .tabrow0 li.here .tabrow1 li a  {
	margin-top: 0!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important;
	background-color: rgb(70,70,70);
	background-image: none!important;
	color: white!important;
	padding: 5px 7px;
}
.tabrow1 li a:hover {
	padding-bottom: 7px!important;
}
#foot-wrap {
	float: left;
	width: 100%;
	min-width: 990px;
	background:  rgb(70,70,70) url(images/bg_top.gif) center bottom repeat-x;
}
#footer {
	width: 980px;
	padding: 20px 10px;
	margin: 0 auto;
	height: 130px;
	padding: 10px 0;
}
.sideblock {
	padding: 20px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	margin-bottom: 20px;
}
.sideblock .header .hide-show-image {
	float: right;
	height: 11px;
	width: 11px;
	margin-top: 0.25em;
}
#left-column .hidden .content, #right-column .hidden .content, .skip, .skip-block {
	display: none;
}
.depth1 {
	padding-left: 20px;
}
.depth2 {
	padding-left: 40px;
}
.generaltable td {
	padding: 5px;
	background: white;
}
.paging {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 100%;
	float: left;
	padding-bottom: 10px;
}
ul.boxed li {
	margin-top: 10px;
	padding: 10px;
	background: rgb(240,240,240);
}
/* ------------------- */
/* -- Forum Generic -- */
/* ------------------- */

tr.header a {
	color: white;
}
tr.header .subject {
	font-family: 'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
}
tr.header .author {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	font-style: italic;
	margin-top: 5px;
	opacity: 0.8;
}
tr.header .author a {
	color: white!important;
}
tr.header td {
	padding: 15px 20px;
}
.commands, .footer {
	text-align: right;
	padding: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	font-style: italic;
}
.discussioncontrols {
	text-align: right;
	margin: 10px 0;
}
.subscription {
	padding: 10px 0 0 0;
	text-align: center;
}
.subscription a {
	margin: 5px;
}
.subscription br {
	display: none;
}
.mod-forum #intro {
	float: left;
	font-size: 1.3em;
	margin: 20px 0 10px 0;
	font-family: 'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif;
}
#newdiscussionform {
	width: 100%;
	clear: both;
	margin-bottom: 10px;
}
#newdiscussionform input[type=submit] {
	float: right;
	margin: 10px 0;
}
.tags {
	font-size: 0.8em;
italic;
	margin-top: 10px;
	text-align: right;
}
.attachments {
	margin-bottom: 10px;
	padding: 10px;
	background: rgb(240,240,240);
}
.audience {
	color: #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-style: italic;
}
.blogpost ul, .forumpost ul {
	padding: 0 40px 0 80px;
	margin: 10px 0;
}
.blogpost ul li, .forumpost ul li {
	list-style: disc;
	padding-left: 10px;
	margin: 5px 0;
}
/* --------------- */
/* -- Admin Bar -- */
/* --------------- */

#adminbar {
	min-width: 990px;
	height: 35px;
	width: 100%;
	background: rgb(30,110,95);
	color: white;
}
#admin_wrap {
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;
}
#adminbar p {
	float: left;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	display: block;
	padding: 0 15px;
	font-size: 15px;
	line-height: 16px;
	text-align: center;
}
#adminbar ul {
	float: left;
}
#adminbar ul li {
	display: block;
	float: left;
	list-style: none;
}
#adminbar ul li a {
	color: white;
	display: block;
	padding: 10px 15px;
	font-size: 15px;
	line-height: 15px;
	height: 15px;
}
#adminbar ul li a:hover {
	background: rgb(20,75,65);
	background: rgba(0,0,0,0.2);
}
#adminbar ul li a.nulllink:hover {
	background: transparent;
}
/* ----------------- */
/* -- Page Header -- */
/* ----------------- */

#dotinfo {
	float: right;
	color: white;
	padding: 10px;
	width: 360px;
	height: 170px;
	background: rgb(50,50,50);
	font-size: 14px;
	text-align: left;
	overflow: hidden;
	position: relative;
}
#dotinfo a {
	color: rgb(200,200,200)!important;
}
#dotinfo a:hover {
	color: rgb(255,255,255);
}
#dotinfo p {
	margin: 0 0 5px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.2em;
}
#dotinfo li {
	text-transform: capitalize;
	padding: 2px 0;
	list-style: none;
}
#dottop {
	width: 100%;
	float: left;
	height: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted white;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#dotleft {
	width: 100px;
	height: 100%;
	float: left;
	text-align: center;
	position: relative;
}
#dotleft p {
	margin: 0;
}
#dotleft input {
	max-width: 90px;
	margin-bottom: 5px;
}
#dotleft input[type=submit] {
	margin: 5px auto 10px auto;
}
#dotleft label {
	margin-top: 5px!important;
	padding: 0!important;
	display: block;
}

#dotleft .lost-pwd {
	display: block;
	font-size: 10px;
	text-align: center;
	position: absolute;
	bottom: 0;
}

#dotright {
	width: 240px;
	float: right;
	height: 100%;
	padding-left: 10px;
	border-left: 1px dotted rgb(70,70,70);
}

#dotright input[type=submit] {
	margin: 5px auto 10px auto;
	text-align: center;
}
#dottasks {
	width: 120px;
	float: left;
	text-align: center;
}
#dotcontexts {
	width: 100px;
	float: right;
	padding-left: 10px;
	border-left: 1px dotted rgb(70,70,70);
	text-align: center;
}

#myDOTs {
	display: block;
	width: 100px;
	float: right;
	height: 140px;
	overflow-y: scroll;
	
	}
	
#myDOTs li {
	display: block;
	list-style: none;
	float: left;
	padding: 5px 0;
	margin: 1px 0;
	background: #222;
	}	
	
	

#mContainer {
	border: none;
	height: 140px;
	overflow: hidden;
	position: relative;
	width: 100px;
}
#nContainer {
	background: none repeat scroll 0 0 #444444;
	border-style: none;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#logout {
	text-align: center;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100px;
	opacity: 0.6;
}
#logout img {
	margin-bottom: -4px;
}
#logout:hover {
	opacity: 1;
}




/* ----------------------- */
/* -- Color Coded Links -- */
/* ----------------------- */


#site-index a, .admin a {
	color: rgb(225,40,45);
}
.course-10 a {
	color: rgb(235,130,35);
}
.course-23 a {
	color: rgb(190,170,20);
}
.course-6 a {
	color: rgb(30,110,95);
}
.course-22 a {
	color: rgb(0,155,230);
}
 #email a, .mod-forum a {
	color: rgb(0,30,160);
}
#mod-forum-user a, #blog-index a, .user a, #mod-skillmap-user a, #course-user a {
	color: rgb(225,0,120);
}
.course-25 a {
	color: rgb(150,40,145);
}
/* --------------- */
/* -- Main Menu -- */
/* --------------- */

ul#main_menu {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
ul#main_menu li {
	display: block;
	list-style: none;
	float: left;
}
ul#main_menu li.right {
	float: right;
}
ul#main_menu li a {
	display: block;
	float: left;
	padding: 7px 15px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-top: 10px;
	color: white;
}
ul#main_menu li a:hover {
	padding-bottom: 17px;
	margin-top: 0;
}
ul#main_menu li.red a {
	background-color: rgb(225,40,45);
}
ul#main_menu li.red2 a {
	background-color: rgb(225,40,45);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(170,30,35)), color-stop(0.57, rgb(225,40,45)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(170,30,35) 13%, rgb(225,40,45) 57% );
 }
ul#main_menu li.orange a {
	background-color: rgb(235,130,35);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(175,95,25)), color-stop(0.57, rgb(235,130,35)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(175,95,25) 13%, rgb(235,130,35) 57% );
}
ul#main_menu li.yellow a {
	background-color: rgb(255,225,25);
	color: #333;
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(190,170,20)), color-stop(0.57, rgb(255,225,25)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(190,170,20) 13%, rgb(255,225,25) 57% );
}
ul#main_menu li.green a {
	background-color: rgb(30,110,95);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(25,80,70)), color-stop(0.57, rgb(30,110,95)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(25,80,70) 13%, rgb(30,110,95) 57% );
}
ul#main_menu li.blue a {
	background-color: rgb(0,155,230);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,115,170)), color-stop(0.57, rgb(0,155,230)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(0,115,170) 13%, rgb(0,155,230) 57% );
}
ul#main_menu li.purple a {
	background-color: rgb(150,40,145);
	background-image:
 -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.13, rgb(110,30,100)),  color-stop(0.57, rgb(150,40,145))  );
	background-image:
 -moz-linear-gradient(  center bottom,  rgb(110,30,100) 13%,  rgb(150,40,145) 57%  );
}
ul#main_menu li.indigo a {
	background-color: rgb(0,30,160);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,25,120)), color-stop(0.57, rgb(0,30,160)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(0,25,120) 13%, rgb(0,30,160) 57% );
}
ul#main_menu li.pink a {
	background-color: rgb(225,0,120);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(165,0,90)), color-stop(0.57, rgb(225,0,120)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(165,0,90) 13%, rgb(225,0,120) 57% );
}
#site-index ul#main_menu li.red a:hover {
	text-decoration: none;
	cursor: default;
	padding-bottom: 7px;
	margin-top: 10px;
}
.course-10 ul#main_menu li.orange a {
	background: rgb(235,130,35);
}
.course-10 ul#main_menu li.orange a:hover {
	text-decoration: none;
	cursor: default;
	padding-bottom: 7px;
	margin-top: 10px;
}
.course-23 ul#main_menu li.yellow a {
	background: rgb(255,225,25);
	color: #333;
}
.course-23 ul#main_menu li.yellow a:hover {
	text-decoration: none;
	cursor: default;
	padding-bottom: 7px;
	margin-top: 10px;
}
.course-25 ul#main_menu li.purple a {
	background: rgb(150,40,145);
}
.course-25 ul#main_menu li.purple a:hover {
	text-decoration: none;
	cursor: default;
	padding-bottom: 7px;
	margin-top: 10px;
}
.course-6 ul#main_menu li.green a {
	background: rgb(30,110,95);
}
.course-6 ul#main_menu li.green a:hover {
	text-decoration: none;
	cursor: default;
	padding-bottom: 7px;
	margin-top: 10px;
}
.course-22 ul#main_menu li.blue a {
	background: rgb(0,155,230);
}
.course-22 ul#main_menu li.blue a:hover {
	text-decoration: none;
	cursor: default;
	padding-bottom: 7px;
	margin-top: 10px;
}
.mod-forum ul#main_menu li.indigo a {
	background: rgb(0,30,160);
}
#mod-forum-index ul#main_menu li.indigo a:hover {
	text-decoration: none;
	cursor: default;
	padding-bottom: 7px;
	margin-top: 10px;
}
#mod-forum-user ul#main_menu li.pink a, #blog-index ul#main_menu li.pink a, .user ul#main_menu li.pink a, #mod-skillmap-user ul#main_menu li.pink a, #course-user ul#main_menu li.pink a {
	background: rgb(225,0,120);
}
#user-view.course-1 ul#main_menu li.pink a:hover {
	text-decoration: none;
	cursor: default;
	padding-bottom: 7px;
	margin-top: 10px;
}
.course-10 li.red a, .course-23 li.red a, .course-25 li.red a, .course-6 li.red a, .course-22 li.red a, .mod-forum li.red a, #user-view.course-1 li.red a, #mod-forum-user li.red a, #blog-index li.red a, .user li.red a, #mod-skillmap-user li.red a, #course-user li.red a {
	background-color: rgb(225,40,45);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(170,30,35)), color-stop(0.57, rgb(225,40,45)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(170,30,35) 13%, rgb(225,40,45) 57% );
}
/* --------------- */
/* -- Color Bar -- */
/* --------------- */

.colorbar {
	width: 100%;
	float: left;
	position: relative;
	height: 35px;
	-webkit-box-shadow: 3px 3px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 3px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 1px 1px rgba(0,0,0,0.1);
	background: rgb(225,40,45);
	color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	font-style: italic;
}
.colorbar a {
	color: white!important;
}
#site-index #cb_top {
}
#site-index #cb_bottom {
}
.course-10 .colorbar {
	background: rgb(235,130,35);
}
.course-23 .colorbar {
	background: rgb(255,225,25);
	color: #333;
}
.course-23 .colorbar a {
	color: #333!important;
	;
}
.course-25 .colorbar {
	background: rgb(150,40,145);
}
.course-6 .colorbar, .message .colorbar {
	background: rgb(30,110,95);
}
.course-22 .colorbar {
	background: rgb(0,155,230);
}
.mod-forum .colorbar {
	background: rgb(0,30,160);
}
#mod-forum-user .colorbar, #blog-index .colorbar, .user .colorbar, #mod-skillmap-user .colorbar, #course-user .colorbar {
	background: rgb(225,0,120);
}
.colorbar ul {
	width: 980px;
	margin: 0 auto;
	padding: 10px 0;
}
.colorbar li {
	float: left;
	display: block;
	opacity: 0.9;
	padding: 0 5px;
}
.colorbar .arrow {
	margin-right: 5px;
}
/* --------------- */
/* -- Home Page -- */
/* --------------- */

#site-index #content > table #middle-column {
	width: 980px;
	padding: 20px 0;
	margin: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: none;
	float:left;
}
.main_fp, #subheadings {
	width: 100%;
	float: left;
}
.head_fp {
	width: 480px;
	float: left;
	font-family: 'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif;
	color: #666;
}
.head_fp h2 {
	position: absolute;
	top: -1000px;
left -1000px;
}
.head_fp p {
	margin-bottom: 5px;
	display: block;
	width: 460px;
	padding: 20px 20px;
	margin-right: -20px;
	font-size: 2em;
	line-height: 1.1em;
	color: white;
	float: right;
}
.head_fp p.orange {
	margin-top: 15px;
	background-color: rgb(235,130,35);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(175,95,25)), color-stop(0.57, rgb(235,130,35)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(175,95,25) 13%, rgb(235,130,35) 57% );
}
.head_fp p.yellow {
	background-color: rgb(255,225,25);
	color: #333;
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(190,170,20)), color-stop(0.57, rgb(255,225,25)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(190,170,20) 13%, rgb(255,225,25) 57% );
	width: 420px;
}
.head_fp p.green {
	background-color: rgb(30,110,95);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(25,80,70)), color-stop(0.57, rgb(30,110,95)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(25,80,70) 13%, rgb(30,110,95) 57% );
	width: 360px;
}
.sub1_fp, .sub2_fp {
	width: 440px;
	padding: 20px;
	margin-top: 20px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
}
.sub1_fp {
	float: left;
}
.sub2_fp {
	float: right;
}
#site-index ul.section {
	width: 980px;
	float: left;
	font-size: 1.3em;
	text-align: center;
	margin-top: 20px;
	font-family: 'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif;
}
#site-index ul.section li > a {
	display: block;
	margin: 0 auto;
	width: auto;
	padding: 20px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background-color: rgb(70,70,70);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(50,50,50)), color-stop(0.57, rgb(70,70,70)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(50,50,50) 13%, rgb(70,70,70) 57% );
	color: white;
}
#subheadings h3 a {
	display: block;
	width: 440px;
	padding: 10px 20px;
	margin: -30px 0 0 -20px;
	color: white;
	font-size: 1.15em;
}
.sub1_fp h3 a {
	background-color: rgb(0,155,230);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,115,170)), color-stop(0.57, rgb(0,155,230)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(0,115,170) 13%, rgb(0,155,230) 57% );
}
.sub2_fp h3 a {
	background-color: rgb(225,0,120);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(165,0,90)), color-stop(0.57, rgb(225,0,120)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(165,0,90) 13%, rgb(225,0,120) 57% );
}
.homelink {
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.sub1_fp .homelink a {
	color: rgb(0,155,230)!important;
}
.sub2_fp .homelink a {
	color: rgb(225,0,120)!important;
}
h2.georgia {
	font-size: 3em;
	text-align: center;
	margin-top: 20px;
}
/* ------------------- */
/* -- Image Rotator -- */
/* ------------------- */

#rotator {
	width: 480px;
	height: 400px;
	position: relative;
	float: right;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
}
#rotator ul li {
	list-style: none;
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
}
#rotator ul li img {
	width: 480px!important;
	height: 400px!important;
}
#rotator ul li.show {
	z-index:500;
}
/* ---------------- */
/* -- Admin Area -- */
/* ---------------- */

.admin #content > table #middle-column, .theme #content > table #middle-column {
	width: 705px;
	padding: 20px;
	margin: 20px 0;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
}


.admin #content > table #middle-column *, .theme #content > table #middle-column * {
	max-width: 705px;}


.admin #content fieldset li { margin: 5px 0 5px 40px; }
.admin #content fieldset li input { margin: 0 5px 0 0; }

.editing form table { display: block; float: left; }
.editing form table td { 	border: 2px solid white!important;
	padding: 5px 10px!important;
	background: rgb(240,240,240)!important;
	white-space: normal!important; }

.editing fieldset { display: block; float: left; }

/* ------------------ */
/* -- Fast Forward -- */
/* ------------------ */

.course-10 ul.section {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}


.course-10 #content img {
	float: right!important!
}

.course-10 li.activity {
	display: block;
	list-style: none;
	margin: 0;	
}

.course-10 li.activity img {
	float: none!important;
}

.course-10 li.activity a {
	display: block;
	float: left;
	padding: 10px;
	margin: 5px 0;	
	color: rgb(235,130,35);
}

.course-10 li.activity a:hover {
	color: white;
	background-color: rgb(235,130,35);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(175,95,25)), color-stop(0.57, rgb(235,130,35)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(175,95,25) 13%, rgb(235,130,35) 57% );
}


/* --------------- */
/* -- Bite Size -- */
/* --------------- */

.course-6 .course-content table, .course-6 .course-content div {
	padding: 0;
	margin: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow:  none;
	box-shadow:  none;
}
.course-6 #middle-column {
	max-width: 705px!important;
}
.tagIcon {
	float: left;
	margin: 10px 10px 10px 0;
}
.tagDescription {
	margin-bottom: 20px;
}
.tagged_resource_list {
	margin: 20px 0;
	width: 940px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
	padding: 20px;
}
h3.tagName {
	margin: 10px 0 -10px 0;
}
.course-6 .content {
	margin-bottom: 30px;
	float:left;
}
h2.sub {
	float:left;
	width: 100%;
	margin: 20px 0 -20px 0;
}
.tagged_resource_list .name { font-size: 1.3em }
.tagged_resource_list .date { display: block; float: left; width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted rgb(30,110,95); font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.85em; text-align: right;}
.tagged_resource_list .tags { display: block; float: left; width: 100%; margin-bottom: 10px; }
.tagged_resource_list .tags a {
    background:  rgb(240,240,240) url(pix/tag.png) 10px 10px no-repeat;
    padding: 10px 10px 10px 30px; 
    display: block;
	margin: 5px;
	float: left;
}

/* ------------------------ */
/* -- DOT Forum Specific -- */
/* ------------------------ */

#mod-forum-index .generaltable tr:first-child, .mod-forum tr.header, #mod-forum-view thead tr {
	color: white;
	background-color: rgb(0,30,160);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,25,120)), color-stop(0.57, rgb(0,30,160)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(0,25,120) 13%, rgb(0,30,160) 57% );
}
.userpicture {
	min-width: 35px;
	min-height: 35px;
}
.forumpost {
	display: block;
	margin: 0 0 20px 0;
	width: 980px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
}
.indent {
	margin-left: 40px;
}
.indent .forumpost {
	width: 940px;
}
.indent .indent .forumpost {
	width: 900px;
}
.indent .indent .indent .forumpost {
	width: 860px;
}
.indent .indent .indent .indent .forumpost {
	width: 820px;
}
.indent .indent .indent .indent .indent .forumpost {
	width: 780px;
}
.indent .indent .indent .indent .indent .indent .forumpost {
	width: 740px;
}
.forumpost td.content {
	width: 865px;
	padding: 10px 20px;
}
.indent .forumpost td.content {
	width: 825px;
}
.indent .indent .forumpost td.content {
	width: 785px;
}
.indent .indent .indent .forumpost td.content {
	width: 745px;
}
.indent .indent .indent .indent .forumpost td.content {
	width: 705px;
}
.indent .indent .indent .indent .indent .forumpost td.content {
	width: 665px;
}
.indent .indent .indent .indent .indent .indent .forumpost td.content {
	width: 625px;
}
#mod-forum-index .generaltable {
	display: block;
	margin: 0 0 20px 0;
	width: 980px!important;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
}
#mod-forum-index .generaltable td {
	border: 2px solid white!important;
	padding: 5px 10px;
	background: rgb(240,240,240);
	white-space: normal!important;
	vertical-align: middle;
	font-size: 0.85em;
}
#mod-forum-index .generaltable th {
	border: none;
!important;
	padding: 5px 10px;
	white-space: normal!important;
	vertical-align: middle;
	font-size: 1.2em;
}
#mod-forum-index .generaltable tr:nth-child(odd) td {
	background: white;
}
.forumheaderlist {
	display: block;
	margin: 0 0 20px 0;
	width: 980px!important;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
}
.forumheaderlist td {
	border: 2px solid white;
!important;
	padding: 5px 10px;
	background: rgb(240,240,240);
	white-space: normal!important;
	vertical-align: middle;
	font-size: 0.85em;
}
.forumheaderlist tr:nth-child(odd) td {
	background: white;
}
.forumheaderlist td.picture {
	padding:none!important;
	width: 35px!important;
}
.forumheaderlist td.picture .userpicture {
	padding:none!important;
	margin:0!important;
}
.forumheaderlist td.topic {
	font-size: 1em;
}
.forumheaderlist td.author {
	text-align: center;
}
.forumheaderlist td.replies {
	text-align: center;
}
.forumheaderlist td.lastpost {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 0.85em;
}
.forumheaderlist *.topic {
	padding-left: 20px;
	min-width: 450px;
	max-width: 450px;
}
.forumheaderlist *.lastpost {
	padding-right: 20px;
	min-width: 210px;
}
.forumheaderlist th {
	padding: 10px;
}
.forumheaderlist th a {
	color: white;
}
span.forumthread {
	display: block;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	font-style: italic;
}
span.forumthread a {
	font-family: DroidSans, Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
}
/* -------------- */
/* -- Profiles -- */
/* -------------- */

.skillmap-user {
	margin: 0 0 20px 0;
	width: 940px;
	padding: 20px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
}
.userinfobox {
	margin: 0 0 20px 0;
	width: 940px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
	padding: 20px;
}
.userinfobox td.side {
	width: 110px!important;
	float: left;
	display: block;
}
.userinfobox hr {
	display: none;
}
.userinfobox p {
	margin: -5px 0 20px 20px;
}
.userinfobox .userpicture {
	min-width: 100px;
	display: block;
}
.userinfobox table {
	display: block;
	width: 810px;
	float: right;
}
.userinfobox table td {
	border: 2px solid white;
!important;
	padding: 10px;
	background: rgb(240,240,240);
	white-space: normal!important;
}
.userinfobox .label {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	width: 250px;
	text-align: right;
	background: white;
}
#mod-forum-user .tabtree ul li.selected a, #mod-forum-user .tabrow0 li.here a, #blog-index .tabtree ul li.selected a, #blog-index .tabrow0 li.here a, .user .tabtree ul li.selected a, .user .tabrow0 li.here a, #mod-skillmap-user .tabtree ul li.selected a, #mod-skillmap-user .tabrow0 li.here a, #course-user .tabtree ul li.selected a, #course-user .tabrow0 li.here a {
	background-color: rgb(225,0,120);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(165,0,90)), color-stop(0.57, rgb(225,0,120)) );
	background-image: -moz-linear-gradient( center bottom, rgb(165,0,90) 13%, rgb(225,0,120) 57% );
}
.user h2.main:before, #mod-skillmap-user h2.main:before, #course-user h2.main:before {
	content: "DOT Profile: ";
	color: rgb(225,0,120);
}
#course-user .grade-report-user h2.main:before {
	content: "";
}
.grade-report-user {
	margin: 0 0 20px 0;
	width: 940px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
	padding: 20px;
}
.grade-report-user .generaltable {
	width: 100%;
	float: left;
}
.grade-report-user .generaltable tr:first-child {
	color: white;
	background-color: rgb(225,0,120);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(165,0,90)), color-stop(0.57, rgb(225,0,120)) );
	background-image: -moz-linear-gradient( center bottom, rgb(165,0,90) 13%, rgb(225,0,120) 57% );
}
.grade-report-user .generaltable th {
	padding: 5px 10px;
}
.grade-report-user .generaltable td {
	border: 2px solid white;
!important;
	padding: 5px 10px;
	background: rgb(240,240,240);
	white-space: normal!important;
	vertical-align: middle;
	font-size: 0.85em;
	color: rgb(70,70,70);
}
#mod-forum-user h2.main:before {
	content: "Forum Posts: ";
	color: rgb(225,0,120);
}
#blog-index h2.main:before {
	content: "DOT Diary: ";
	color: rgb(225,0,120);
}
.buttons {
	text-align: center;
	padding: 10px 0;
	margin: 10px 0;
	float: left;
	width: 100%;
}
/* --------------- */
/* -- Accordion -- */
/* --------------- */

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

.ui-accordion .ui-accordion-header {
	cursor: pointer;
	position: relative;
	margin-top: 1px;
	zoom: 1;
}
.ui-accordion .ui-accordion-li-fix {
	display: inline;
}
.ui-accordion .ui-accordion-header-active {
	border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
	display: block;
	font-size: 0.9em;
	padding: .15em .15em .15em 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	margin-top: -2px;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	overflow: auto;
	display: none;
}
.ui-accordion .ui-accordion-content-active {
	display: block;
}
/* ------------------------- */

#accordion {
	width: 90%;
	margin: 10px auto;
}
#accordion a {
	color: white;
}
#accordion div {
	height: auto!important;
	overflow:visible;
	float:left;
}
#accordion .ui-accordion-content {
	border: 3px solid #333;
	border-top: none;
	float: left;
	padding: 20px;
	margin-bottom: -1px;
}
#accordion div li {
	padding: 10px;
	background: rgb(240,240,240);
	margin: 5px;
	display: block;
	float: left;
	font-size: 0.85em;
	list-style: none;
}
.skillmap-user .ui-accordion-header {
	color: white;
	background-color: rgb(225,0,120);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(165,0,90)), color-stop(0.57, rgb(225,0,120)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(165,0,90) 13%, rgb(225,0,120) 57% );
	width: 100%;
	margin-bottom: -1px;
	padding: 5px 0;
}
.skillmap-user .ui-accordion-header a {
	color: white;
}
/* ---------------- */
/* -- DOT Diary -- */
/* --------------- */

#mod-forum-user .forumpost tr.header, .blogpost tr.header {
	color: white;
	background-color: rgb(225,0,120)!important;
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(165,0,90)), color-stop(0.57, rgb(225,0,120)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(165,0,90) 13%, rgb(225,0,120) 57% );
}
.blogpost tr.header a, .forumpost tr.header a {
	color: white!important;
}
/* ------------- */
/* -- Reviews -- */
/* ------------- */


.course-22 #intro span {
	line-height: normal!important;
}
.course-22 .tabtree ul li.selected a, .course-22 .tabrow0 li.here a {
	background-color: rgb(0,155,230);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,115,170)), color-stop(0.57, rgb(0,155,230)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(0,115,170) 13%, rgb(0,155,230) 57% );
}
.course-22 #middle-column table {
	width: 100%;
	background: white!important;
	float: left;
}
.course-22 #middle-column table td, .course-22 #middle-column table+table tr:first-child td {
	border: none!important;
	padding: 10px;
	background: rgb(240,240,240);
	margin: 5px;
}
.course-22 .paging {
	float: left;
	width: 920px;
	padding: 5px 10px;
	margin: 0;
	background: rgb(70,70,70);
	color: white;
}

.course-22 .clearer + .paging {
margin-top: -28px;
}

.course-22 .paging a {
	color: rgb(0,155,230);
}
.course-22 .datapreferences {
	float: left;
	width: 940px;
	padding-top: 10px;
	margin: 0;
	background: rgb(70,70,70);
	color: white;
}
.course-22 .datapreferences td {
	color: rgb(70,70,70);
}
.course-22 .datapreferences a {
	color: rgb(0,155,230);
}
.course-22 label {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 5px;
}
.course-22 .box h2 {
	display: none;
}
.course-22 th {
	max-width: 100px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	padding: 10px;
	text-align: left!important;
	white-space: normal!important;
}
.course-22 .MITPReviews {
	margin: 0 0 20px 0;
	padding: 20px;
	width: 940px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
}
.course-22 .MITPReviews table {
	width: 100%;
	border: none!important;
	background: white!important;
}
.course-22 .MITPReviews table td {
	border: 2px solid white;
!important;
	padding: 10px;
	background: rgb(240,240,240);
}
.course-22 .MITPReviews table tr td:first-child {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: right;
	font-size: 1.3em;
	white-space: normal!important;
	max-width: 150px;
	background: rgb(0,155,230);
	color: white;
}
.course-22 hr {
	display: none;
}
.course-22 .MITPReviews table textarea {
	max-height: 300px;
}
.course-22 .MITPReviews * select {
	width: 100%!important;
	margin-bottom: 10px;
}
.course-22 .MITPReviews table table td {
	background-image: none;
	background: rgb(240,240,240)!important;
}
#options {
	padding: 0 10px 10px 10px;
}

#r_text {
	float: left;
	width: 730px;
	margin-bottom: 20px;
	}
	
#r_button {
	float: right;
	width: 170px;
	}

#r_text p small {
	font-family: Georgia, "Times New Roman", Times, serif!important;
	font-style: italic!important;
	font-size: 12px!important;
	line-height: 12px!important;
	display: run-in;
	}

#r_button a {
	display: block;
	width: 130px;
	padding: 20px;
	background-color: rgb(0,155,230);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,115,170)), color-stop(0.57, rgb(0,155,230)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(0,115,170) 13%, rgb(0,155,230) 57% );
 	font-family: 'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: white;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);	
}	

#tempform {
	margin: 0 0 20px 0 ;
	width: 940px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float: left;
	padding: 20px;
}

#tempform .generalbox { max-width: 940px!important; overflow: scroll; }

.course-22 .littleintro {
	width: 940px;
	padding: 20px;
	background: rgb(0,155,230);
	float: left;
	color: white;
	}

.presets {
	margin: 0 0 20px 0 ;
	width: 940px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float: left;
	padding: 20px;
}

/* ------------------ */
/* -- Skill Search -- */
/* ------------------ */

.course-23 .tabtree ul li.selected a, .course-23 .tabrow0 li.here a {
	background-color: rgb(255,225,25);
	color: #333!important;
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(190,170,20)), color-stop(0.57, rgb(255,225,25)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(190,170,20) 13%, rgb(255,225,25) 57% );
}
.course-23 #middle-column table {
	width: 100%;
	background: white!important;
}
.course-23 #middle-column table td, .course-23 #middle-column table+table tr:first-child td {
	border: none!important;
	padding: 10px;
	background: rgb(240,240,240);
	margin: 5px;
}
.course-23 #middle-column table tr:first-child td {
	background-color: rgb(255,225,25);
	color: #333;
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(190,170,20)), color-stop(0.57, rgb(255,225,25)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(190,170,20) 13%, rgb(255,225,25) 57% );
}
.course-23 #middle-column .dataadvancedsearch table tr:first-child {
	display: none;
}
.course-23 #middle-column .dataadvancedsearch table table tr:first-child {
	display: table-row;
}
.course-23 .paging {
	float: left;
	width: 920px;
	padding: 5px 10px;
	margin: 0;
	background: rgb(70,70,70);
	color: white;
}


.course-23 .clearer + .paging {
margin-top: -28px;
}

.course-23 .paging a {
	color: rgb(255,225,25);
}
.course-23 .datapreferences {
	float: left;
	width: 940px;
	padding-top: 10px;
	margin: 0;
	background: rgb(70,70,70);
	color: white;
}
.course-23 .datapreferences td {
	color: rgb(70,70,70);
}
.course-23 .datapreferences a {
	color: rgb(255,225,25);
}
.course-23 label {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 5px;
}
.course-23 .box h2 {
	display: none;
}
.course-23 .defaulttemplate {
	margin: 0 0 20px 0;
	padding: 20px;
	width: 940px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
}
.course-23 .defaulttemplate table {
	width: 100%;
	border: none!important;
	background: white!important;
}
.course-23 .defaulttemplate table td {
	border: 2px solid white;
!important;
	padding: 10px;
	background: rgb(240,240,240);
}
.course-23 .defaulttemplate table tr td:first-child {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: right;
	font-size: 1.3em;
	white-space: normal!important;
	max-width: 150px;
	background-color: rgb(255,225,25);
	color: #333;/*	background-image:
 -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.13, rgb(190,170,20)),  color-stop(0.57, rgb(255,225,25))  );
	background-image:
 -moz-linear-gradient(  center bottom,  rgb(190,170,20) 13%,  rgb(255,225,25) 57%  );*/
}
.course-23 .defaulttemplate table textarea {
	max-height: 300px;
}
.course-23 table table select {
	width: 100%;
	margin-bottom: 10px;
}
#mod-data-index.course-23 table {
	margin: 0 0 20px 0;
	width: 980px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
}
#mod-data-index.course-23 table th {
	padding: 10px;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#mod-data-index.course-23 table td {
	padding: 10px;
	text-align: left!important;
	vertical-align: top!important;
}
.course-23 .section0 td {
	background: white;
}
.course-23 #middle-column table tr:first-child td a {
	color: #333;
}
.course-23 #middle-column table tr:first-child td li {
	display: block;
	float: left;
	width: 100%;
	margin: 5px 0;
}

.course-23 .littleintro {
	width: 940px;
	padding: 20px;
	background: rgb(255,225,25);
	color: #333;
	float: left;
	}


.course-23 .clearer + .generaltable {
	margin: -28px 0 20px 0;
	width: 980px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
	padding: 20px;
}

.course-23 .clearer + .generaltable td{
 	padding: 10px;
	background: rgb(240,240,240);
}

.course-23 .clearer + .generaltable th {
	background: rgb(255,225,25);
	color: #333;
 	padding: 10px;	
}
/* -------------- */
/* -- Messages -- */
/* -------------- */

.message #header_wrap, .message #foot-wrap, .message #cb_bottom, .message #adminbar {
	display: none;
}
.message #content {
	width: 560px;
	padding: 10px 15px;
	min-height: 100px;
}
#message-index tr + tr {
	padding: 20px;
	width: 500px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	text-align: center;
	float:left;
}
#message-index tr + tr * {
	float: none;
}
#message-index tr + tr table tr {
	padding: 0;
	width: 100%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-align: left;
}
#message-index #message_contacts {
	margin: 0 auto;
}
#message-index #message_contacts td {
	border: 2px solid white;
!important;
	padding: 10px;
	background: rgb(240,240,240);
	white-space: normal!important;
}
.message_form {
	width: 500px;
}
.message_form h2.main {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	color:	rgb(30,110,95);
}
.message_form td {
	border: 2px solid white;
!important;
	padding: 10px;
	background: rgb(240,240,240);
	white-space: normal!important;
}
.message-discussion-noframes {
	padding: 20px;
	width: 500px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	text-align: center;
	float:left;
}
.message-discussion-noframes div {
	float: left;
}
.message .note {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 10px 0;
	font-size: 0.85em;
}
.message .heading {
	font-family: 'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif;
}
#message-user #content {
	width: 500px;
	padding: 5px 0;
}
#message-user .colorbar {
	display: none;
}
#message-user .name {
	font-family: 'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	padding: 5px;
}
#message-user .name:before {
	color: rgb(30,110,95);
	content: "Messages: ";
}
#message-user .commands span {
	display: block;
	padding: 5px;
	float: left;
}
.message textarea {
	margin: 10px 0;
}
.message #messages {
	margin-top: 20px;
}



/* ------------ */
/* -- Forms -- */
/* ----------- */

select{ margin: 0 5px;}

form.mform {
	margin: 0 0 20px 0;
	padding: 10px;
	width: 960px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
}
.ftoggler {
	font-family: 'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	padding: 10px;
	float: left;
	width: 440px;
}
.fitem {
	float: left;
	margin: 5px 10px;
	padding: 10px;
	background: rgb(240,240,240);
	width: 920px;
}
.fitemtitle {
	margin-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.advancedbutton {
	text-align: right;
	float: right;
	width: 440px;
	padding: 10px;
}
.fdescription {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	font-style: italic;
	text-align: center;
	margin: 10px 0;
}
.fitem.hide {
	display: none;
}

.felement span {
	margin-right: 10px;
}

.form-item  { margin: 10px 0; background: rgb(240,240,240); padding: 10px; }
.form-item div  { margin: 10px 0; }

/* ----------- */
/* -- Email -- */
/* ----------- */

#email { background: #dedede; font-size: 12px!important; }
#email tr.header { color: white; background: rgb(0,30,160); }
#email tr.header a { color: white; background: rgb(0,30,160); }
#email .navbar { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin-bottom: 10px; }
#email .forumpost { max-width: 500px!important; }
#email hr { display: block; }
#email > div { float: left; clear: both; width: 500px; }


/* ------------------ */
/* -- Toolkit -- */
/* ------------------ */

.course-25 .tabtree ul li.selected a, .course-25 .tabrow0 li.here a {
	background-color: rgb(150,40,145);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(110,30,100)), color-stop(0.57, rgb(150,40,145)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(110,30,100) 13%, rgb(150,40,145) 57% );
}
.course-25 #middle-column table {
	width: 100%;
	background: white!important;
}
.course-25 #middle-column table td, .course-25 #middle-column table+table tr:first-child td {
	border: none!important;
	padding: 10px;
	background: rgb(240,240,240);
	margin: 5px;
	color: #333;

}
.course-25 #middle-column table tr:first-child td {
	background-color: rgb(150,40,145);
	background-image:
 -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(110,30,100)), color-stop(0.57, rgb(150,40,145)) );
	background-image:
 -moz-linear-gradient( center bottom, rgb(110,30,100) 13%, rgb(150,40,145) 57% );
 color: white;

}
.course-25 #middle-column .dataadvancedsearch table tr:first-child {
	display: none;
}
.course-25 #middle-column .dataadvancedsearch table table tr:first-child {
	display: table-row;
}
.course-25 .paging {
	float: left;
	width: 920px;
	padding: 5px 10px;
	margin: 0;
	background: rgb(70,70,70);
	color: white;
}


.course-25 .clearer + .paging {
margin-top: -28px;
}

.course-25 .paging a {
	color: rgb(170,85,165);
}
.course-25 .datapreferences {
	float: left;
	width: 940px;
	padding-top: 10px;
	margin: 0;
	background: rgb(70,70,70);
	color: white;
}
.course-25 .datapreferences td {
	color: rgb(70,70,70);
}
.course-25 .datapreferences a {
	color: rgb(150,40,145);
}
.course-25 label {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 5px;
}
.course-25 .box h2 {
	display: none;
}
.course-25 .defaulttemplate {
	margin: 0 0 20px 0;
	padding: 20px;
	width: 940px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
}
.course-25 .defaulttemplate table {
	width: 100%;
	border: none!important;
	background: white!important;
}
.course-25 .defaulttemplate table td {
	border: 2px solid white;
!important;
	padding: 10px;
	background: rgb(240,240,240);
}
.course-25 .defaulttemplate table tr td:first-child {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: right;
	font-size: 1.3em;
	white-space: normal!important;
	max-width: 150px;
	background-color: rgb(150,40,145);
	background-image:
 -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.13, rgb(110,30,100)),  color-stop(0.57, rgb(150,40,145))  );
	background-image:
 -moz-linear-gradient(  center bottom,  rgb(110,30,100) 13%,  rgb(150,40,145) 57%  );*/
	color: white;
}
.course-25 .defaulttemplate table textarea {
	max-height: 300px;
}
.course-25 table table select {
	width: 100%;
	margin-bottom: 10px;
}
#mod-data-index.course-25 table {
	margin: 0 0 20px 0;
	width: 980px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
}
#mod-data-index.course-25 table th {
	padding: 10px;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#mod-data-index.course-25 table td {
	padding: 10px;
	text-align: left!important;
	vertical-align: top!important;
}
.course-25 .section0 td {
	background: white;
}
.course-25 #middle-column table tr:first-child td li {
	display: block;
	float: left;
	width: 100%;
	margin: 5px 0;
}

.course-25 #middle-column #intro table tr:first-child td {
color: #333;
background-color: transparent;
background: none;
}

.course-25 .littleintro {
	width: 940px;
	padding: 20px;
	background: rgb(150,40,145);
	float: left;
	}


.course-25 .clearer + .generaltable {
	margin: -28px 0 20px 0;
	width: 980px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	background: white;
	float:left;
	padding: 20px;
}

.course-25 .clearer + .generaltable td{
 	padding: 10px;
	background: rgb(240,240,240);
}

.course-25 .clearer + .generaltable th {
	background: rgb(150,40,145);
 	padding: 10px;	
}

/* ------------- */
/* -- Footer -- */
/* ------------ */

#logos { float: right; width: 150px; margin-top: -85px; }
#foot_menu { display: block; float: left; width: 750px; }
#foot_menu li { display: inline; }
#foot_menu a { 	
	padding: 10px 12px 10px 0;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	float: left;
	color: rgb(240,240,240)!important;
	}
	
#footer p { display: block; color: rgb(200,200,200); float: left; width: 750px; padding-bottom: 10px; font-size: 0.85em; }
#footer p a { color: rgb(200,200,200)!important; }	
#footer small { opacity: 0.5; }	/***** MITP_2011/styles.css end *****/