@charset "utf-8";

/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(/images/menu.bg.png) repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
}

form {
}

fieldset {
}

input, textarea, select {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
}

h1, h2, h3, .right_header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #2f4a79;
}

h1, .right_header {
	font-size: 28px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 16px;
}

p, ol, ul, dl {
	margin-bottom: 1.5em;
	line-height: 1.6;
}

ol, ul {
	margin-left: 3em;
}

a {
	color: #a00c0c;
}

a:hover {
	text-decoration: none;
}

a.comments {
	display: inline-block;
	width: 99px;
	height: 20px;
	padding: 5px 0 0 0;
	background: #ff7a10 url(/images/button1.png) no-repeat;
	text-decoration: none;
	text-align: center;
	color: #fff;
}

a img {
	border: none;
}

img.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}

img.alignright {
	float: right;
	margin: 0 0 15px 15px;
}

.wrap {
	width: 920px;
	margin: 0 auto;
}

/* List Style 1 */

.list-style1 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list-style1 li {
	padding: 0 0 0 20px;
	background: url(/images/arrow1.gif) no-repeat 0 50%;
}

/* List Style 2 */

.list-style2 {
	margin: 0;
	list-style: none;
	line-height: 2.6;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.list-style2 li {
	display: inline;
}

.list-style2 a {
	display: block;
	padding: 0 0 0 26px;
	background: url(/images/bullet1.gif) no-repeat 8px 50%;
	text-decoration: none;
	font-weight: bold;
	color: #585e61;
}

.list-style2 a:hover, .list-style2 .active a {
	background-color: #fff;
}

/* List Style 3 */

.list-style3 {
	margin: 0;
	background: url(/images/dot1.gif) repeat-x 0 100%;
	list-style: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #585e61;
}

.list-style3 li {
	padding: 10px 5px;
	background: url(/images/dot1.gif) repeat-x;
}

.list-style3 strong {
	display: block;
	padding-left: 15px;
	background: url(/images/arrow3.gif) no-repeat 0 3px;
}

.list-style3 small {
	display: block;
	padding-left: 15px;
}

.list-style3 a {
	text-decoration: none;
	color: #585e61;
}

/* Menu */

#menu {
	height: 67px;
	background: url(/images/header1.png) no-repeat 100% 5px;
}

#menu ul {
	margin: 0;
	padding: 40px 0 0 0;
	list-style: none;
	line-height: 1;
}

#menu li {
	float: left;
	padding: 0 12px 0 0;
}

#menu a {
	float: left;
	display: block;
	width: 78px;
	height: 18px;
	padding: 9px 0 0 35px;
	background: #3397cb url(/images/menu.buttons.png) no-repeat 0 0;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

#menu a:hover, #menu .active a {
	background-color: #fff;
	color: #113d7c;
}

#menu a#menu1 {
	background-position: 0 0;
}

#menu a#menu2 {
	background-position: -339px 0;
}

#menu a#menu3 {
	background-position: -113px 0;
}

#menu a#menu4 {
	background-position: -226px 0;
}

#menu a#menu5 {
	background-position: -113px 0;
}

#menu a#menu6 {
	background-position: -339px 0;
}

#menu a#menu7 {
	background-position: -452px 0;
}

#menu a#menu1:hover, #menu .active a#menu1 {
	background-position: 0 -27px;
}

#menu a#menu2:hover, #menu .active a#menu2 {
	background-position: -339px -27px;
}

#menu a#menu3:hover, #menu .active a#menu3 {
	background-position: -113px -27px;
}

#menu a#menu4:hover, #menu .active a#menu4 {
	background-position: -226px -27px;
}

#menu a#menu5:hover, #menu .active a#menu5 {
	background-position: -114px -27px;
}

#menu a#menu6:hover, #menu .active a#menu6 {
	background-position: -339px -27px;
}

#menu a#menu7:hover, #menu .active a#menu7 {
	background-position: -452px -27px;
}

/* Page */

#page {
	overflow: hidden;
	padding: 0 0 20px 0;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 200px;
}

/* Logo */

#logo {
	width: 200px;
	height: 115px;
	overflow: hidden;
	margin: 10px 0 18px 0;
}

/* Sidebar Box Common Style */

#sidebar .box {
	width: 200px;
	margin: 0 0 20px 0;
	background: #f9f9f9 url(/images/sidebar.box.png) repeat-y;
}

#sidebar .box .title {
	height: 32px;
	padding: 7px 0 0 10px;
	background: #286a9f url(/images/sidebar.box.png) no-repeat -400px 0;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
}

#sidebar .box .entry {
	padding: 10px 15px;
	background: url(/images/sidebar.box.png) no-repeat -200px 100%;
}

/* Login */

#login {
	font-size: 11px;
}

#login.box .title {
	background-position: -400px -39px;
	padding-left: 50px;
}

#login fieldset {
	border: none;
}

#login ul.widgets {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}

#login label {
	display: block;
	height: 20px;
	padding: 10px 0 0 0;
}

#login li.input-text {
	padding: 0 0 5px 0;
	background: url(/images/login.input.bg.png) no-repeat 0 100%;
}

#login li.input-text input {
	width: 160px;
	margin: 0 0 0 5px;
	border: none;
	background: #e3e3e3;
	outline: none;
}

#login li.input-submit {
	padding: 10px 0;
}

#login li.input-submit input {
	width: 69px;
	height: 25px;
	background: #ff8b20 url(/images/login.submit.bg.png) no-repeat;
	border: none;
	font-weight: bold;
	color: #fff;
	line-height: 1;
}

/* Lesson Types */

#lesson-types {
}

#lesson-types.box .title {
	background-position: -400px -78px;
	padding-left: 50px;
}

#lesson-types.box .entry {
	padding: 0 0 10px 0;
}

#lesson-types img {
	margin: 15px 0 0 2px;
}

/* The OC Core */

#oc-core {
}

#oc-core h3 {
	height: 24px;
	margin: 10px 0;
	padding: 5px 0 0 45px;
	background: #5b5b5b url(/images/bg1.png) no-repeat;
	font-size: 12px;
	color: #fff;
}

/* Satellite Courses */

#sat-courses {
}

#sat-courses.box .entry {
	padding: 15px 13px;
}

#sat-courses .list-style3 {
	margin: 0 0 15px 0;
}

/* Content */

#content {
	float: right;
	width: 707px;
	font-size: 15px;
}

#content h1, #content h2, #content h3, #content .right_header {
	margin-bottom: 1em;
}

.pagetitle, .right_header {
	height: 35px;
	margin: 0 0 11px 0;
	background: url(/images/pagetitle.png) no-repeat 100% 0;
}

.pagetitle h1, .pagetitle h2, .right_header {
	height: 27px;
	margin: 0;
	padding: 8px 0 0 15px;
	background: url(/images/pagetitle.png) no-repeat;
	line-height: 1;
	font-size: 18px;
	color: #383838;
}

#content ul {
	list-style: none;
}

#content ul li {
	padding-left: 15px;
	background: url(/images/arrow2.gif) no-repeat 0 8px;
}

/* Banner 1 */

#banner1 {
	overflow: hidden;
	width: 707px;
	height: 133px;
	margin-bottom: 10px;
}

#banner1 img {
	margin: -62px 0 0 0;
}

/* Box Style 1 */

.box-style1 {
	width: 173px !important;
	background: url(/images/box.style1.bg.png) repeat-y !important;
}

.box-style1 .title {
	padding: 0 !important;
	height: 70px !important;
	background: url(/images/box.style1.title.png) no-repeat !important;
}

.box-style1 .entry {
	padding: 0 0 10px 0 !important;
	background: url(/images/box.style1.bottom.png) no-repeat 0 100% !important;
}

/* Box1 */

#box1 {
	float: right;
	clear: right;
}

#sidebar #box1 {
	float: none;
	clear: none;
}

#box1 h2 {
	padding: 18px 0 0 75px !important;
	line-height: 1;
	letter-spacing: -1px;
	font-size: 20px;
	color: #fff;
}

#box1 p {
	margin: 10px 12px;
	padding: 10px;
	background: #fed456;
	font-size: 11px;
	color: #905e00;
}

#box1 .flash {
	display: block;
	margin-left: 12px;
}

/* Table Style 1 */

.table-style1 {
	margin-bottom: 20px;
	font-size: 12px;
}

.table-style1 th {
	height: 25px;
	padding: 0 15px;
	text-align: left;
	background: #5b5b5b url(/images/table.header.gif) no-repeat 50% 0;
	color: #fff;
}

.table-style1 th.first {
	background-position: 0 0;
}

.table-style1 th.last {
	background-position: 100% 0;
}

.table-style1 td {
	padding: 5px 15px;
	background: url(/images/dot2.gif) repeat-x 0 100%;
}

.icon-checked {
	padding: 0 0 0 26px;
	background: url(/images/bullet1.gif) no-repeat 8px 50%;
	text-decoration: none;
	font-weight: bold;
	color: #2f4a79;
}

.icon-checked:hover {
	text-decoration: underline;
}

/* Star Ratings */

.ratings {
	float: left;
	width: 95px;
	height: 0;
	margin: 0 10px 0 0;
	padding-top: 15px;
	overflow: hidden;
	background: url(/images/star.ratings.png) no-repeat;
}

.star00 { background-position: 0 0; }
.star05 { background-position: 0 -15px; }
.star10 { background-position: 0 -30px; }
.star15 { background-position: 0 -45px; }
.star20 { background-position: 0 -60px; }
.star25 { background-position: 0 -75px; }
.star30 { background-position: 0 -90px; }
.star35 { background-position: 0 -105px; }
.star40 { background-position: 0 -120px; }
.star45 { background-position: 0 -135px; }
.star50 { background-position: 0 -150px; }

/* Three Buttons */

.buttons3 {
	text-align: center;
}

.buttons3 img {
	margin: 20px;
}

/* Rate This Lesson Box */

.rate-this {
	height: 90px;
	margin: 20px 0;
	background: url(/images/bg2.jpg) no-repeat 50% 0;
	text-align: center;
}

.rate-this h3 {
	margin-bottom: 8px !important;
	padding: 20px 0 0 0;
	color: #333;
	text-transform: uppercase;
	font-size: 15px;
}

.rate-this .stars {
}

.rate-this .stars a {
	padding: 0 2px;
}

/* Comment Box */

.comment-box {
	width: 488px;
	margin: 0 auto 10px auto;
	background: url(/images/comment.bg.png) repeat-y -488px 0;
}

.comment-meta {
	height: 48px;
	padding: 10px 0 0 15px;
	background: url(/images/comment.bg.png) no-repeat;
}

.comment-meta h3 {
	margin: 0 !important;
	font-size: 18px;
	color: #edeaea;
}

.comment-meta h3 a {
	margin: 0 !important;
	font-size: 18px;
	color: #edeaea;
}

.comment-meta p {
	margin: 0;
	font-weight: bold;
	color: #729ec3;
}

.comment-text {
	overflow: hidden;
	width: 468px;
	padding: 10px;
	background: url(/images/comment.bg.png) no-repeat -976px 100%;
}

.comment-box .avatar {
	float: left;
	width: 76px;
	height: 79px;
	padding: 4px 0 0 4px;
	background: url(/images/comment.author.bg.png) no-repeat;
}

.comment-text p, .comment-text ol, .comment-text ul, .comment-text blockquote {
	margin-left: 80px;
}

/* Comment Form */

#comment-form {
	width: 488px;
	margin: 0 auto 10px auto;
	background: url(/images/comment.bg.png) repeat-y -488px 0;
}

#comment-form h2 {
	height: 48px;
	margin: 0 !important;
	padding: 10px 0 0 0;
	background: url(/images/comment.bg.png) no-repeat;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

#comment-form form {
	padding: 10px;
	background: url(/images/comment.bg.png) no-repeat -976px 100%;
}

#comment-form fieldset {
	border: none;
}

#comment-form legend {
	font-weight: bold;
	color: #1b1b1b;
}

#comment-form textarea {
	float: left;
	width: 375px;
	height: 90px;
	border: 1px solid #e8e5e5;
	background: #fff;
}

#comment-form input {
	float: left;
	width: 80px;
	height: 92px;
	margin-left: 10px;
	background: url(/images/comment.submit.png) no-repeat;
	border: none;
	font-size: 29px;
	color: #fff;
}

/* Footer */

#footer {
	height: 70px;
	padding-top: 15px;
	background: #0e0e0e url(/images/footer.bg.png) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}

#footer .links {
	font-size: 13px;
	color: #fff;
}

#footer .links a {
	text-decoration: none;
	color: #fff;
}

#footer .links a:hover {
	text-decoration: underline;
}

#footer .legal {
	font-size: 10px;
	color: #999;
}

/* toggler */
	
	h3.toggler { margin: 0px; padding: 5px 0px 10px 10px; font-size: 12px; font-weight:bold; background:#3b4e76;
						  cursor: pointer; border-bottom:1px solid #fff; height: 75px;}
	
	h3.toggler input{
		float: left;
		margin-right: 10px;
	}
	h3.toggler .img{
		float: left;
		width: 120px;
		text-align: center;
		margin-right: 14px;
	}
	h3.toggler .info{
		float:left;
		color: #fff;
		font-size: 14px;
	}
	h3.toggler .info .col1{
		float: left;
		width: 132px;
	}
	h3.toggler .info .col2{
		float: left;
		width: 315px;
		font-weight: normal;
	}
	h3.toggler .small{
		position: relative;
		top: 6px;
		font-size: 10px;
		background: url('/images/magnify.gif') no-repeat;
		padding-left: 19px;		
	}

.lesson_table td {
	padding: 5px;
}

.lesson_table_header td {
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #000;
}