/* GENERAL */
body {
	background-color: #fff;
	font-family: skia,myriad,sans-serif;
	color: #000;
	font-size: 10pt;
	margin: auto;
	padding: 0px;
}
form { margin: 0px; padding: 0px; }
textarea { border: 1px solid #036; margin-left: 5px; }
select {
	font-family: skia, myriad, sans-serif;
	color: #000;
	font-size: 1em;
	margin-left: 5px;
}
option {
	font-family: skia, myriad, sans-serif;
	color: #036;
	font-size: 1em;
}
img { margin: 0px; padding: 0px; border: 0px; }
h1 { font-size: 1.4em; color: #111; text-align: left; }
h2 { font-size: 1.2em; color: #222; margin-left: 20px; text-align: left; }

/* PAGE LAYOUT BLOCKS */
.main_header { background-color: #fff; border-width: 0px 0px 2px 0px; margin: 0px 18px 0px 0px; border-style: solid; border-color: #036; height: 88px; }
#focus {
	background-color: #fff;
	margin-left: 180px;
	padding: 0px;
	margin-bottom: 10px;
	width: 84%;
}
.nav_section {
	background-color: #036;
	color: #fff;
	font-weight: 700;
	font-size: 1.1em;
	padding-left: 2px;
	margin-top: 0px;
	margin-bottom: 4px;
}
#courseware_nav {
	background-color: #eee;
	position: absolute;
	top: 131px;
	left: 0px;
	padding: 0px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #036;
	text-align: left;
	width: 172px;
}
#courseware_nav a, #courseware_nav a:link, #courseware_nav a:visited, #courseware_nav a:active {
	display: block;
	border-width: 2px;
	border-style: solid none;
	border-color: #eee;
	color: #036;
	text-decoration: none;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: .9em;
	font-weight: 500;
	margin-bottom: 6px;
}
#courseware_nav a:hover {
	border-color: #c00;
	color: #fff;
	background-color: #036;
	font-weight: 700;
}

/* CENTERED FORM BOXES */

	.form_outerbox { margin-left: auto; margin-right: auto; margin-bottom: 40px; text-align: center; background-color: #c7d6dd; width:440px; border: 1px solid #000000; margin-top: 40px; }
	.form_outerbox p { text-align: right; margin-right: 10px; margin-top: 10px; margin-left: 10px; margin-bottom: 10px;}
	.form_outerbox_wide { margin-left: 10px; margin-right: auto; text-align: center; background-color: #eee; width: 97%; border: 1px solid #000000; margin-top: 10px; }
	.form_outerbox_register { margin-left: auto; margin-right: auto; text-align: center; background-color: #eee; width: 600px; border: 1px solid #000000; margin-top: 10px; }
	.form_outerbox_wide p { text-align: left; margin-right: 10px; margin-top: 10px; margin-left: 10px; margin-bottom: 16px;}
	.form_outerbox_register p { text-align: left; margin-right: 10px; margin-top: 10px; margin-left: 10px; margin-bottom: 16px;}
	.form_outerbox_wide_divider { color: #fff; border: 1px solid #036; background-color: #036; margin: auto; font-size: 1.2em; font-weight: 700; margin-top: 10px; margin-bottom: 10px; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; text-align: left; }
	.form_outerbox_full { margin-left: 10px; margin-right: auto; text-align: center; background-color: #eee; border: 1px solid #000000; margin-top: 10px; padding: 6px; }
	.form_innerbox_full { border: 2px solid #036; margin-left: 60px; padding-left: 0px; margin-left: auto; margin-right: auto; background-color: #036; text-align:left; }
	.form_outerbox_full p { text-align: left; margin-right: 10px; margin-top: 10px; margin-left: 10px; margin-bottom: 16px;}
	.titleGraphic { font-size: 20px; background-color: #036; color: #fff; margin-top: 0px; margin-bottom: 0px; padding-left: 10px; font-style: italic; }
		/* used in HONDROS form */
			p.identity_warning { padding: 0px 20px 10px 50px; color: #111; }
			.alert_p { float: left; }
	.alert { font-size: .9em; border: 2px solid #c00; text-align: left; padding: 3px; color: #036; margin-bottom: 6px; }
	.superalert { font-size: 1em; border: 2px solid #c00; text-align: justified; padding: 10px; color: #c00; margin-bottom: 6px; background-color: #ddd; }
	.form_outerbox p.center { text-align: center; }
	.form_outerbox p.left { text-align: left; }
	.form_innerbox { border: 2px solid #036; margin-left: 60px; padding-left: 0px; width: 300px; margin-left: auto; margin-right: auto; background-color: #036; text-align:left; }
	.form_innerbox img { margin-left:10px; }
	.form_innerbox_wide { border: 2px solid #036; margin-left: 60px; padding-left: 0px; width: 90%; margin-left: auto; margin-right: auto; background-color: #fff; text-align:left; }
	.form_innerbox img_wide { margin-left:10px; }
	.forms { border: 0px solid #000; margin-left: 0px; background-color: #fff; padding: 10px; text-align: right; }
	.forms_left { text-align: left; }
	.forms_wide { border: 0px solid #000; margin-left: 0px; background-color: #fff; padding: 10px; text-align: center; }
	.forms p { text-align: right; }
	.forms p.left { text-align: left; }
	.forms #reviewQuestionDiv p { text-align: left; }
	.forms submit { margin-top: 10px; }
	.form_input { font-size: 1.1em; color: #111; }
	.form_input_wide { font-size: .8em; color: #111; margin: auto; }
	.widthHalf { width: 50%; }
	.widthFull { width: 100%; }
	p.wide_form_text { margin-left: 50px; margin-right: 40px; text-align: left; }
	p.identity_submit {text-align: right; margin-right: 40px; }
	.registration {border: 1px solid #036;}
	p.copyright {
		margin: 10px 0 0 0;
		padding: 0;
		font-size: .8em;
	}
	div.verifyProfile { text-align: left; font-family: sans-serif; }
	div.verifyProfile img { margin: 12px 0px 0px 0px; }
	div.profileSection { margin: 0px 0px 10px 28px; }
	div.profileSection label { text-transform: uppercase; color: #333; font-size: 8pt; font-family: sans-serif; }
	div.profileSection .item { color: #039; font-size: 11pt; font-family: courier, monospace; }
	div.if { border: 1px solid #036; margin: 8px; padding: 8px; width: 400px; margin: 0px 0px 0px 28px; }

/* OS and Media Player Detection Styles */

	.compatibility		{ border: 0px solid #000; margin-left: 0px; background-color: #fff; padding: 10px;
							text-align: left; font-family: myriad,skia,sans-serif; font-weight: 700; }
	.detection 			{ background-color: #c7d6dd; }
	.select_media		{ float: left; text-align: left; margin-left: 10px; margin-top: 20px; }
	.detected			{ margin-left: 300px; margin-top: 20px; text-align: left; }
	.no_close 			{ width: 240px; margin-left: 10px; font-size: .9em; color: #000; border: 1px solid #c00; padding: 4px; background-color: #fff; }
	.select_media_form	{ background-color: #fff; border: 1px solid #036; font-family: myriad,skia,sans-serif; font-size: 1em; margin-left: 6px;
							margin-top: 6px; margin-bottom: 16px; padding: 6px; text-align: left; width: 250px; }
	.your_computer 		{ background-color: #fff; border: 1px solid #036; font-family: myriad,skia,sans-serif; font-size: 1em;
							margin-left: 6px; margin-top: 6px; margin-bottom: 16px; padding: 6px; text-align: left; width: 250px; }
	.system_data td 	{ border-bottom: 1px solid #036; font-size: .9em; color: #036; }
	.player_type 		{ font-size: .9em; color: #036; line-height: 1.2em; }
	.speed_type 		{ color: #036; font-size: 1.1em; font-weight: 700; margin-bottom: 0px; }
	.details 			{ font-size: .7em; font-weight: 500; margin-top: 0px; }
	.recommendations	{ font-family: 	sysfixed,courier,monofont; margin: 20px; }
	.suggestion			{ font-family: sysfixed,courier,monofont; color: #036; font-size: 1.1em; font-weight: 700; margin-bottom: 0px; }
	.more_info			{ font-family: sysfixed,courier,monofont; font-size: .8em; font-weight: 500; margin-top: 0px; margin-right: 20px; margin-left: 20px; width: 300px; }

/* COURSE LISTING -old */

	.course_box { background-color: #fff; border: 1px solid #036; width: 586px; padding: 5px; margin: 3px 0px 3px 3px; }
	.courses { font-size: .9em; color: #000; font-weight: 700; margin: 0px 0px 3px 6px; text-decoration: none; }
	.courses-small { font-size: 1em; color: #000; font-weight: 700; margin: 0px 0px 3px 32px; text-decoration: none; }
	.courses-disabled { text-decoration:line-through; font-size: .9em; color: #aaa; font-weight: 700; margin: 0px 0px 3px 6px; }
	.course-info { font: normal normal 400 .8em/1.4 sans-serif; margin: 0px 4px 0px 46px; }
	.no_underline { text-decoration: none; }
	.courses a { text-decoration: none; color: #000; }
	.course_progress { font-size: 1em; font-weight: 700; color: 111; margin-left: 6px; margin-top: 0px; margin-bottom: 0px; }
	.course_progress_halves { font-size: .9em; font-weight: 700; color: 111; margin: 6px 0px 0px 6px; padding-bottom: 20px; }
	.course_description { margin-left: 36px; color: #111; font-size: .9em; line-height: 1.4em; width: 500px; margin-bottom: 10px; margin-top: 6px; font-weight: 500; }
	.indent { margin-left: 16px; white-space: nowrap; }
	a.expiration { color: #c00; font-size: .8em; font-weight: 700; border: 1px dashed #111; background: #eee; padding: 0px 6px; margin-left: 8px; text-decoration: none; white-space: nowrap; }
	.module_description { margin-left: 6px; color: 111; font-size: .8em; margin-bottom: 10px; margin-top: 6px; }
	.view_modules { margin-left: 460px; margin-top: 0px; margin-bottom: 0px; } .view_modules img { border: 0; margin-top: 0px; margin-bottom: 0px; }
	.course_list_heading_box { background-color:#036; width:586px;padding: 5px; margin: 3px 0px 3px 3px; }
	.course_list_heading { margin: 0px; font-size: .9em; font-weight: 700;color: #fff;padding:2px;}
	.navQuadrant	{ background-color: #fff; border: 1px dashed #036; width: 300px; height: 150px; margin: 8px 0px 0px 0px; padding: 0px; }
	.navQuadrant a { color: #c00;   }
	.quadHeading 	{ margin: 4px 0px 0px 4px; font-size: 1.2em; color: #036; font-weight: 700; text-decoration: underline; }
	.quadLinks { margin: 6px 10px 6px 190px; }

/* COURSE LISTING -new */

	div#courseBlock { display: block; border-left: 18px solid #036; height: 40px; padding: 0px 0px 0px 8px; margin: 0px 0px 32px 56px; }
	div#courseBlock h1,h2 { margin: 0px;  }
	div#courseBlock h1 { font-size: 14pt; text-decoration: underline; color: #000; }
	div#courseBlock h2 { font-size: 10pt; font-weight: 500; margin-left: 2px; }

/* TIME REQUIREMENTS */

	.switch { color: #000; border: 1px solid #036; font-size: .9em; padding: 2px; margin: 0px; background-color: #fff; z-index: 1;}
	.time_requirements { background-color: #eee; color: #c00; float: right; font-size: .7em; text-align: middle; vertical-align: middle; padding-right: 6px; border: 1px solid #000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;  z-index: 2; }
	.time_requirements_heading { margin-left: 0px; padding: 3px 0px 0px 10px; width: auto; display: block; height: 26px; color: #fff; font-size: .9em; font-weight: 700; border: 1px solid #000; background-color: #036; z-index: 1; }
	.time_requirements img { vertical-align: middle; text-align: middle; border: 0px; text-decoration: none; color: #c00; }
	.time_required { vertical-align: middle; text-align: middle; color: #c00; text-decoration: none; cursor: hand; cursor: pointer; font-weight: 700; }

	table#progress_details { background-color: #fff; margin: 0px; padding: 0px; border: 1px solid #333; border-collapse: collapse; width: 486px; }
	table#progress_details td { border: 1px dotted #333; font-size: .8em; padding: 2px 7px; white-space: nowrap; }
	table#progress_details td a { text-decoration: none; color: #c00; }
	table#progress_details tr.ruled { background-color: #036; color: #fff; z-index: 10; }
	table#progress_details td.heading { font-weight: 700; border-width: 0px 0px 2px 0px; border-style: solid; color: #c00; background-color: #c7d6dd; }

/* MODULE LISTING */

	.course_title { font-size: 1.3em; color: #036; }
	.focus_heading { font-size: 1.3em; color: #036; text-align: left; }
	.focus_heading2 { font-size: 1.1em; color: #036; text-align: left; }
	caption { padding-bottom: 5px; font-weight: bold; color: #036; text-align: left; }
	tfoot {color: #222; background-color: #c7d6dd; font-size: .9em; margin: 0px; padding: 0px;}
	thead { background-color: #c7d6dd; }

/* RULED TABLE */
table.ruler {
	background-color: #fff;
}
table.ruler tr.ruled {
	background-color: #c7d6dd;
}
table.module {
	border: 1px solid #333;
	border-collapse: collapse;
	margin-left: 40px;
	margin-bottom: 10px;
	width: 500px;
}
table.module td {
	border: 1px solid #333;
	border-collapse: collapse;
	padding: 2px 3px;
}
table.module td:first-child {
	width: 410px;
}

/* CHAPTER LISTING */

	.chapter_title { text-decoration: none; font-size: 1em; line-height: 2em; margin-left: 40px; color: #036; }
	.chapters { text-decoration: underline; font-size: .8em; color: #036;  }
	.chapter_unavailable { text-decoration: none; font-size: .8em; color: #999; }
	.chapter_cell { width: 410px; } /* oh, this unfortunate abomination is only necessary because IE sucks*/
	.module { background-color: #fff; border: 1px solid #036; font-family: myriad,skia,sans-serif; font-size: 1em; padding: 0px; text-align: left; width: 600px; margin-top: 10px; }

	.module_title { background: #036; color: #fff; font-size: 1em; font-weight: 700; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; }
	.module_titles { color: #036; font-size: 1.1em; font-weight: 700; margin: 0px; padding: 0px; } /* a version for the chapter listing page */
	.module_subtitles { color: #036; font-size: .9em; font-weight: 700; margin: 0px; padding: 0px; }

	.profiles td { vertical-align: top; }
	.profile_call { font-size: .7em; color: #333; text-align: right; white-space: nowrap; overflow: hidden; }
	.emptycell { font-size: .9em; color: #333; text-align: right; background-color: #ddd;}
	.profile_response { font-family: courier new,monofont; font-size: 1em; font-weight: 500; color: #036; text-align: left; overflow: hidden; margin-left: .5em; }
	.profile_info { text-align: right; } /* no longer used? */
	.user_information { vertical-align: bottom; } /*my only purpose is to bottom align one table cell on the profile page*/

	.progress { font-family: georgia; font-size: .8em; margin-left: 10px; margin-top: 0px; margin-bottom: 4px; padding: 0px; border: 0px; }
	.progress_centered { margin-left: auto; margin-right: auto; text-align: center; }
	.progresslink { border: 0px; }

	.description { margin-left: 16px; margin-right: 16px; margin-top: 6px; margin-bottom: 6px; font-size: .9em; }
	.launch { margin-right: 0px; margin-top: 0px; margin-bottom: 0px; border-top: 1px solid #036; width: 300px; text-align: right;}
	.module_info 		{ float: left; width: 400px; background: #eee; overflow: hidden;
						height: 100px; margin-bottom: 0px; }
	.module_status { border-left: 1px solid #036; margin-left: 400; margin-bottom: 0px;  }
	.module_status_content {height: 100px; margin: 0px; padding: 0px;  }

/* BREADCRUMB BAR */
#breadcrumb { margin: 0px; padding: 0px; height: 40px; margin: 0px 18px 0px 0px; border-style: solid; border-color: #036; border-width: 1px 0px; background-color: #eee; }
.logstatus { color: #000000; font-size: .9em; text-decoration: none; width: 172px; text-align: center; }
a.logstatus { color: #000000; font-size: .8em; text-decoration: none; border: 0px; }
.if_not { font-size: .8em; text-decoration: underline; color: #000;}
.crumbs { text-align: left; }
a.crumb { font-size: .8em; font-weight: 500; text-decoration: none; color: #000; background: #nav-bkgnd;}
a.crumb:link { font-size: .8em; font-weight: 500; text-decoration: none; color: #000; background: #nav-bkgnd;}
a.crumb:visited { font-size: .8em; font-weight: 500; text-decoration: none; color: #000; background: #nav-bkgnd;}
a.crumb:hover { font-size: .8em; font-weight: 500; text-decoration: none; color: #fff; background: #036;}
a.crumb:active { font-size: .8em; font-weight: 500; text-decoration: none; color: #000; background: #nav-bkgnd;}
a.fresh_crumb { font-size: .8em; font-weight: 700; text-decoration: none; color: #000; background: #nav-bkgnd;}
a.logOut {
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background: #036;
	padding: 4px;
}
a.logOut:hover {
	text-decoration: underline;
}

/* Add Courses box - deprecated for lack of a better word */
	#add_courses { border: 1px solid #036; background-color: #c7d6dd; clear: left; width: 600px; padding: 0px 10px 6px 10px; margin-top: 10px; font-size: 1em; font-weight: 700; text-align: left; }
	#add_course_code { margin-left: 40px; margin-top: 10px; }
	#course_code { background: #c7d6dd; border: 1px solid #036; margin-left: 40px; padding-left: 7px; text-align: left; }
	.course_code_message { margin: 6px 0px 8px 40px; font-weight: 500; font-size: .8em; color: #c00; }
	.add_text { margin: 14px 0px 6px 8px; }
	#course_code:hover, #course_code:focus { background: #fff; }
	#submit { background-color: #eee; border: 1px solid #036; width: 100px; font-weight: 700;}
	#submit:hover, #submit:focus { background: #036; color: #fff; }

/* PROFILE TABLE */

	table.profile_section { background-color: #fff; border: 1px solid #333; border-collapse: collapse; margin-left: 6px; margin-bottom: 10px; width: 300px; }
	table.profile_section td { border: 1px solid #333; border-collapse: collapse; padding-left: 3px; padding-right: 3px; padding-top: 2px; padding-bottom: 2px;  }
	table.profile_section_400 { background-color: #fff; border: 1px solid #333; border-collapse: collapse; margin-left: 6px; margin-bottom: 10px; width: 360px; }
	table.profile_section_400 td { border: 1px solid #333; border-collapse: collapse; padding-left: 3px; padding-right: 3px; padding-top: 2px; padding-bottom: 2px;  }

/* EXPIRED PAGE */
	.expired { text-align: center; width: 500px; background-color: #fff; border: 3px solid #000; margin: auto; padding: 10px; margin-top: 10px; }

/* FADE-IN WARNING/INFO BOX */

	#agreementbox { position: absolute; width: 340px; left: 0px; top: 0px;
				border: 2px solid black; background-color: #FFFFE0; padding: 20px; z-index: 1000; visibility: hidden; }

	.why_box { position: absolute; width: 340px; font-size: 10pt; top: 240px; left: 240px; text-align: left;
				border: 2px solid black; background-color: #c7d6dd; padding: 20px; z-index: 1001; visibility: hidden; }
	.why_box p { text-align: left; }

/* ADMINISTRATOR FORMS */

	.lookup { padding: 10px; margin-left: 6px; border: 1px dashed #036; width: 600px; }
	p.formInstructions { margin: 0px 20px 6px 10px; }
	.admin_user_list { width: 440px; margin: 6px 0px 6px 5px; float: left; padding: 0px; }
	.admin_user_details { margin: 14px 10px 6px 450px; border: 1px solid #036; text-align: left; padding: 6px;
						background-image: url(../lms/images/backgrounds/forms_background.gif);
						background-repeat: repeat-x repeat-y; width: 200px; }
	.admin_user_details input { font: .8em skia, myriad, sans-serif; background-color: #D7E5F2; color: #102132; border: 1px solid #284279; }
	.admin_user_details input.checkbox { border: 0px; background-color: transparent; }
	.admin_code_description { width: 300px; margin: 6px 0px 6px 5px; float: left; padding: 0px; }
	.admin_code_details { margin: 14px 10px 6px 320px; padding: 6px; width: 270px; }
	.admin_code_details input { font: .8em skia, myriad, sans-serif; background-color: #D7E5F2; color: #102132; border: 1px solid #284279; }
	p.admin_info_heading { font-family: sysfixed,courier new,monofont; color: #036; font-style: italic; margin: 0px; font-weight: 700; }
	.create_new_user_box { margin: 4px 10px 0px 8px; padding: 4px 0px 0px 4px; background-color: #ffffe0; border: 1px solid #036; font-size: .8em; }


/*  CO-BRANDING FORMS  */

	div.cobrandInfo		{ float: left; }
	div.colorChoice 	{ clear: both; float: left; }
	.coBrandtable 		{ background-color: #F9FBFD; color: #000000; border: 1px solid #D7E5F2;
							border-collapse: collapse; font-size: 1.1em; }
	.coBrandtable td 	{ border: 1px solid #D7E5F2; padding: 1px 10px 1px 10px; font-size: 1em; }
	.coBrandButton		{ font: 700 .8em skia, myriad, sans-serif; margin: 10px 20px 10px 60px; background-color: #D7E5F2;
							border: 1px solid #000; color: #102132; display: block; }
	.button,.loginButton				{ font: 700 .8em skia, myriad, sans-serif; margin: 10px; background-color: #D7E5F2;
							border: 1px solid #000; color: #102132; display: block; clear: both; }
	.loginButton		{ margin: 6px 8px 6px 229px;  }

/* COURSE CODE GENERATOR */

	.formsHeading { font-family: arial black,sans-serif; font-size: 1.6em; color: #036; margin-bottom: 0px; display: block; }
	.formsHeading2 { font-family: arial black,sans-serif; font-size: 1.2em; color: #036; margin-bottom: 0px; }
	.formsHeadingArrow { float: right; font-family: arial black,sans-serif; font-size: 2em; color: #036; margin-bottom: 0px; }