/* CSS Document */


#wrapper {
	width:70em;
	text-align:left; /* resets the text alignment */
	margin:0 auto; /* centers the container */
	background:#FFF;
	}

#pagebody { clear:both; padding:0 2em; }


#main { float:left; padding-bottom:2em; }
#xtra, #side { padding-bottom:2em; }

.onecol #main { width:100%; }

.twocol #main { width:67%; }
.twocol #xtra { float:right; width:40%; }
.twocol #side { float:right; padding:0; width:32%; margin-top: 1em; }

#loginModule { width:100%; background-color:#fff; border:1px solid #fff;  }
#loginModule form { padding:0; }
#loginModule div.errorMsg { background-color: #ffdedd; color:#fff; font-weight:bold; }
#loginModule div.actions { text-align:left; }

#codeModule { padding:0; width:65%; }
#codeModule form { padding:1em; background-color:#eee; }
#codeModule div.actions { text-align:left; }
#registerModule div.actions { text-align:left; clear:both; padding-left: 0px;}
#login_form div.actions {padding-left: 24px;}
#codeModule div.row { position:relative; }

#feedbackUsername { font-weight:bold; margin-left:.25em; padding:1em; font-size:.8em; padding-left:5px; }
#feedbackUsername span.available { background:url("/media/images/common/accept.png") no-repeat center left; padding-left: 17px; padding-top: 2px; padding-bottom: 2px;}
#feedbackUsername span.in_use { background:url("/media/images/common/error.png") no-repeat center left; padding-left: 17px; padding-top: 2px; padding-bottom: 2px;}

#check_username_left { float: left; width: 48%; }
#check_username_right { width: 45%; float: right; margin-top: 2em; text-align: left; }

#enrollModule { width:100%; background-color:#fff; border:1px solid #fff;  }

input[type=text], input[type=password] {
	-moz-border-bottom-colors:#F9F9F9 #CECECE;
	-moz-border-left-colors:#F9F9F9 #ABABAB;
	-moz-border-right-colors:#F9F9F9 #ABABAB;
	-moz-border-top-colors:#F9F9F9 #707070;
	border-width:2px;
	margin-top:-2px;
	padding:4px 3px 2px;
	}

input[type=text]:focus, input[type=password]:focus {
	-moz-border-bottom-colors:#B8BEC4 #A8AEB4;
	-moz-border-left-colors:#B8BEC4 #989EA4;
	-moz-border-right-colors:#B8BEC4 #989EA4;
	-moz-border-top-colors:#9CA5AE #7C8288;
	-moz-outline-radius-bottomleft:2px;
	-moz-outline-radius-bottomright:2px;
	-moz-outline-radius-topleft:2px;
	-moz-outline-radius-topright:2px;
	outline-color:#CED2D5;
	outline-offset:0;
	outline-style:solid;
	outline-width:1px;
	background-color:#FEFEEE;
 	}



#registerModule { float:left; width:65%; }
#helpModule { float: left; width: 100%; }

#loginPrompt { float:right; width:25%; background-color:#fff; padding:1em; margin-top:.25em; border: 2px solid #008000; }
#loginPrompt p.hdr { font-weight: bold; }
#LoginPrompt p { font-weight: normal; }
#loginPrompt a { color: blue; text-decoration: underline; }

.login_form .registration{

	border-width:1px;

	border-style: solid;

	width: 180px;

}

.login_form .button {
	background: #b8b8b8 url(/images/bg_button1.jpg) repeat-x center center;
	color: #fff;
}

.registration {
	padding-bottom: .5em;
}

.registration, 
.registration h2 {
	border: 1px solid #b8bbbe;
	background-color: #E0E8EF;
}
.registration h2 {
	background-color: #97b3c9;
	padding: .5em 1em;
}

.registration .copy {
	padding: 0 1em 0 1em;
}
.registration .button { 
	font-weight: bold; 
}

#main .button {
	font-weight: bold;
}

h2.locked { background:url("/media/images/common/lock.png") no-repeat left 1.25em; padding-left:24px; }



.starthere { padding: 1em; background-color: #fff; position: relative; margin: 0 1em 1em 1em; border: 2px solid #008000; width: 84% }
.starthere a { font-weight: bold; }
.starthere p { font-size: 100%; }
.starthere a.close { position:absolute; top:10px; right:10px; padding:.25em; border:1px solid #999; text-decoration:none; }

.illustration { border: 1px solid #999; width: 99%; color: #888; background-color: #CCC; }
.illustration span { display: block; padding: 2em 4em; text-align: center; }

.module { border: 1px solid #CCCCCC; background-color: #e8e8e8; padding: 1em; margin-bottom: 1em; }
.module h3 { padding-top: 0; margin-top: 0; }


/* --- Text Elements --- */

a.button { text-decoration:none; }

a.edit { padding:.25em 0; font-size:.75em; }

p { line-height:1.25em; }


#main li { line-height:1.25em; padding-bottom:.5em;  }

/*
dl { background-color:#fff; padding:1em; }
dt { font-weight:bold; line-height:1.25em; }

dd { padding-left:0; margin-left:0; line-height:1.25em; }
*/

/* --- Classes --- */

.note { color:#999; font-weight:normal; }
.important { font-size:.8em; }
.clear { clear:both; }
.contextHelp { white-space:nowrap; padding: 0.25em 0 0.5em 20px; background: url("/media/images/common/help_icon.gif") center left no-repeat; font-size: 100%;}

.contextHelp a { text-decoration: underline; font-weight: normal;}

.starthere a.contextHelp { font-size: 85%; text-decoration: underline; font-weight: normal;}

#passcode_form span.contextHelp, #classcode_form span.contextHelp{font-size: 85%;}

#passcode_entry span.contextHelp{ margin-left: 24px; }

#registerModule #login_form .contextHelp  {font-size: 85%; margin-left: 24px; }

.reg_inputHelp { padding-left: 24px; font-size: 75%; display: block; font-weight: bold;}
.reg_inputHelp a { text-decoration: underline; }
.left { float:left; }

#helpModule .reg_inputHelp { padding-left: 24px; font-size: 75%; display: block; font-weight: bold;}

a.audio { background: url("/media/images/common/speaker-grey.gif") no-repeat; padding-left:20px; }


.errorMsg { color:#FF0000; border:1px solid #FF0000; padding:.5em; margin-bottom:.5em; background-color: #FFDEDE; }
.errorMsg p { margin:0; background: url("/media/images/common/error.png") no-repeat; padding: 0 0 0 24px; }

.guideline { font-weight:normal; }

.optional { font-style:italic; font-weight:normal; }

.footnote { font-size:.8em; }

.courseDetails { padding-left:2em; }

.notlisted { border-top:1px solid #666; clear:both; padding:.5em 0; }

/*--- Forms ---*/

fieldset {
	margin-top:2em;
	margin-bottom:1em;
	padding-bottom:1em;
	padding:1em;

	border: 1px solid #ccc;
}

legend {
	font-size:1.25em;
	color:#666;
}
/*	
label {
	display: block;
	padding:.75em 0 .25em 0;
	font-weight: bold;
}
*/
#login_form label{
	font-weight: normal;
}

.reg_inputLabel {
	display: block;
	padding:.75em 0 .25em 24px;
	font-weight: bold;
}

input.text { display:block; float:left; }

.inline label, .inline input { display:inline; }
.inline label { padding-right:1em; }

#course_enroll .inputLabel{
	display: inline;
	margin-top: 1em;
	margin-bottom: 0;
	padding-left: 24px;
}

#course_enroll input{
	margin-left: 24px;
}

#course_enroll input.button{
	margin-left: 0px;
}

#course_list {
	font-size: 85%;
}

#course_list label {
	display: inline;
}



#school_list {
	font-size: 85%;
}



#school_list .left_twocol {
	width:48%;
	float:left;
	padding-bottom:1em;
}

#school_list .right_twocol {
	width:48%;
	float:right;
	padding-bottom:1em;
}

#school_list .reg_inputLabel{
	font-weight: normal;
}

#school_list .reg_inputLabel input{
	vertical-align: middle;
	margin-top: 4px;
	margin-left: 0px;
}

#course_list input{
	vertical-align: middle;
	margin-top: 4px;
}

#choose_course h2 a {
	color: blue;
	text-decoration: underline;
}

#choose_school h2 a {
	color: blue;
	text-decoration: underline;
}

#MB_content{
	background-color: white;
}

#MB_content{
	font-size: 80%;
}

h1{
	padding-left: 2em;
	margin-top: 0.5em; margin-bottom: 0.5em;
}

#main h1{
	padding-left: 0;
	margin-top: 0.5em; margin-bottom: 0.5em;
}

#MB_caption{
	background-color: #DFE8EF;
}

#MB_closeLink{
	text-decoration: underline;
	color: blue;
}




/*
label.courseExists {
	background:url("/media/images/common/star.png") no-repeat right 10px;
	padding-right:24px;
}
*/

div.actions {
	text-align:right;
	width:100%;
	padding: 1em;
}

#side div.actions {
	text-align:left;
}

#actions_left {
	text-align: left;
	width: 48%;
	float: left;
}

#actions_right {
	text-align: right;
	width: 48%;
	float: right;
}

#actions_right a {
	color: blue;
	text-decoration: underline;
	padding-right: 2em;
}

#helpModuleControls {
	text-align: left;

}
#helpModuleControls a.cancel {
	text-decoration: underline;
}

.smartHelp { border:1px solid #309; font-weight:normal; background-color:#C5CCF4; font-size:1.35em; padding:1em; margin-bottom:1em; }
.smartHelp a { font-weight:bold; }



.error { color:#FF0000; }

div.error input { color:#000; }

.confirmation { border: 1px solid #00ae21; background:#b5ffc4; font-weight:bold; padding:.5em 1em; margin-bottom:1em; }
.confirmation p, #TB_ajaxContent .confirmation p { background: url("/media/images/common/accept.png") no-repeat; padding-left:20px; }

div.communication { border: 1px solid #00ae21; background-color: #b5ffc4; padding:1em; margin-bottom:1em;}
div.communication p { font-size: 1.2em; background: url("/media/images/common/accept.png") no-repeat; padding-left: 20px; }
div.communication p > strong { font-style:italic; font-size:1.25em; }

.decision { font-weight:bold; font-size:2em; }

.didplsyData { font-weight:bold; }

/* --- Header List --- */

#header ul {
	margin:0;
	padding:1em 1em;
	list-style:none;
	
	color:#FFF;
	font-size:0.8em;
	text-align:right;
}

#header ul.utilities {
	background-color:#000;
	color:#FFF;
}



#header li {
	display:inline;
	margin:0;
	padding:0 .25em 0 0;
}

#header li:after { content:"\00A0\00A0\007C" }
#header li:last-child:after { content:"" }


/* --- Actions List --- */



.actions ul {
	margin:0;
	padding:0;
}

.actions li {
	display:inline;
	list-style:none;
	padding-right:.25em;
}
.actions li.cancel { float:left;}
.actions li.cancel a { text-decoration: underline;}

/*
.actions li:after { content:"\00A0\00A0\007C"; }
.actions li:last-child:after { content:"" }
*/

.error_message {
	color: #000;
	font-weight:bold;
	margin:0; 
	background: url("/media/images/common/error.png") no-repeat #ffdedd; 
	padding: 0 0 0 24px; 
}

span.field_error {
	margin:0; 
	background: url("/media/images/common/error.png") no-repeat left; 
	padding: 0 0 0 24px; 
}

span.field_normal {
	margin:0; 
	padding: 0 0 0 24px; 
}

.help{
	margin-left: 24px;
	padding-top: 1em;
	font-size: 85%;
}

.help a{
	text-decoration: underline;
}

#school_list span.field_normal{
	padding: 0px;
}

#registerModule .reg_inputHelp { 
	padding-left: 24px; font-size: 75%; display: block; font-weight: bold;
}

#helpModule .field_normal label.reg_inputLabel{
	width: 75%;
}