/**
 * Online Training Player Stylesheet
 * 
 */

a { outline: none; }

/**
 * Login/Navigation
 */
#content_wrapper {
	padding-bottom: 0 !important;
	padding-top: 4px;
	}
#header_wrapper { 
	background-position: center bottom;
	height: 82px;
	}
.online_layout #nav_wrap {
	top: 29px !important;
	left: 250px !important;
	}
.linksrow {
	display: block;
	height: 35px;
	font-size: .9em;
	text-align: right;
	line-height: 35px;
	padding-right: 26px;
	color: #C0DA9F;
	}
	.linksrow a:link,
	.linksrow a:visited {
		text-decoration: none;
		font-weight: normal;
		}

/**
 *	PLAYER NAV AND LAYOUT MODS
 */
.online_wrapper {
	background: #fafaf5 url(../images/onlinebody_bg.gif) 50% 0 repeat-y;
	}
.online_wrapper #content_wrapper {
	padding: 0 !important;
	width: 994px !important;
	width: 968px;
	background-color: transparent;
	}
	.online_wrapper #content {
		width: 966px !important;
		}
#online {margin-left: 27px;}
.online_wrapper #content h3.msg {width: 924px; margin-left: 28px;}
.online_nav {
	margin: 0 0 8px 0;
	width: 992px !important;
	}

/**
 * Curtain + Lights
 */
#curtain {
	background: #000;
	color: #000;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
	}
#lightswitch {
	position: absolute;
	top: 0;
	right: -20px;
	z-index: 1010;
	}


/**
 * PLAYER LAYOUT
 */
#player_wrapper,
#info_wrapper,
#browser_wrapper {
	clear: both;
	float: left;
	margin-bottom: 30px;
	position: relative;
	width: 940px;
	z-index: 1010;
	}
#player_wrapper {
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	z-index: 1010;
	}
#browser_wrapper {
	margin-bottom: 10px;
	}
#info_wrapper {	
	clear: both;
	float: left;
	position: relative;
	width: 938px;
	z-index: 910;
	}


/**
 * INFORMATION BLOCK
 */
#info_wrapper {	
	background: #f6f7f9;
	border: 1px solid #e3e7e9; 
	height: 104px;
	}
	#info_wrapper.lightsout {
		background: #373737;
		border-color: #454545;
		color: #e3e7e9;
		}

#rating_wrapper,
#instructor_wrapper,
#lesson_wrapper {
	float: left;
	height: 102px;
	}

#rating_wrapper {
	border: 1px solid #fff;
	border-right: 1px solid #E3E7E9;
	height: 88px;
	padding: 14px 15px 0 12px;
	position: relative;
	background: #F6F7F9 url(/images/online/lessonmeta_bg.jpg) right top no-repeat;
	line-height: 12px;
	}
	.lightsout #rating_wrapper {
		border-color: #222;
		}

#course_wrapper {
	clear: right;
	float: right;
	padding: 12px 10px 2px 10px;
	width: 750px;
	margin-right: 16px;
	}
	#course_wrapper h3 {
		color: #8f8f8f;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
		}
	

#instructor_wrapper {
	background: url(/images/online/instructor-bg.png) #fff top left repeat-x;
	border: 1px solid #e5e6e8;
	border-bottom: 0;
	border-top: 0;
	height: 73px;
	padding: 12px 10px 0 12px;
	position: relative;
	width: 254px;
	}
	.lightsout #instructor_wrapper {
		background: #373737;
		border-color: #454545;
		}
	#instructor_image {
/*		float: left;
*/		margin-right: 10px;
		}
	#instructor_name {
		color: #afafaf;
		font-weight: normal;
		margin: 1px 0 0 0;
		padding: 0;
		font-size: 11px;
		line-height: 13px;
		width: 80px;
		text-align: center;
		}
		.lightsout #instructor_name { color: #eee; }
	#course_wrapper h3 {width: 85%;}
	#course_title {
		color: #fb9737;
		font-size: 1.4em;
		font-weight: normal;
		margin: 0;
		}
		#course_title a { color: #fd9416; text-decoration: none; }
		#course_title a:hover { text-decoration: underline; }
.instructor {
	float: left;
	margin-right: 10px;
	min-height: 104px;
	width: 90px;
	}
#lesson_wrapper {
	border: 1px solid #fff;
	height: 84px;
	padding: 12px 10px 0 12px;
	width: 458px;
	}
	.lightsout #lesson_wrapper { border-color: #222; }
	#lesson_title {
		color: #4e4e4e;
		font-size: 1.1em;
		font-weight: normal;
		margin: 0;
		padding: 0;
		}
	#lesson_description { 
		color: #AFAFAF; 
		margin-top: 0.4em;
		font-size: 0.9em;
		line-height: 14px;
		width: 85%;
/*		padding-left: 100px;
*/		}
		.lightsout #lesson_description { color: #e3e7e9; }


/**
 * BROWSER BLOCK
 */

#browser_wrapper {
	background: #fff;
	height: 300px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	}
	#browser_wrapper.lightsout { background: #373737; }

/*	| Browser Navigation	*/
#browser_nav {
	clear: both;
	height: 26px;
	float: left;
	line-height: 26px;
	width: 940px;
	}

#browser_tabs {
	clear: both;
	float: left;
	font-size: 0.9em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 940px;
	}
	#browser_tabs li {
		background: url(/images/online/tab_off-bg.png) #cecece left top repeat-x;
		border: 1px solid #d8d8d8;
		display: inline;
		float: left;
		margin: 0 1px 0 0;
		padding: 0;
		}
		#browser_tabs li a {
			color: #111;
			display: block;
			padding: 0 10px;
			text-decoration: none;
			}
		#browser_tabs li.active {
			background: url(/images/online/tab_on-bg.png) #3f3f3f left top repeat-x;
			border: 1px solid #4e4e4e;
			color: #e9e2c5;
			}
			#browser_tabs li.active a { color: #e4e7ba; }
	#browser_tabs li.checkbox {
		background: none;
		border: 0;
		color: #808943;
		float: right;
		}
	#browser_tabs li.searchbox {
		background: url(/images/player/searchbox_bg.gif) bottom left no-repeat;
		float: right;
		width: 458px;
		height: 26px;
		margin: 0; padding: 0;
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
		position: relative;
		}
	.searchbox form {overflow: auto;}
	.searchbox input {
		border: none;
		background: none;
		padding: 5px 10px 0 8px;
		width: 328px;
		color: #444;
		}
	#browser_tabs li.searchbox #searchsubmit {
		background: url(/images/player/searchbox_button1_bg.gif) right -1px no-repeat;
		float: right;
		width: 106px;
		height: 26px;
		padding: 0;
		margin: 0;
		position: absolute; right: 1px; top: 1px; cursor: pointer;
		-moz-border-radius: 0 4px 0 0;
		-webkit-border-radius: 0 4px 0 0;
		border-radius: 0 4px 0 0;
		border-left: 1px solid #D8D8D8;
		}
		

/*	| Browser Panels	*/
#panel_wrapper {
	clear: both;
	float: left;
	height: 270px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 27px;
	width: 940px;
	}
#panel_slider {
	height: 1080px;
	left: 0;
	position: absolute;
	top: 0;
	width: 3760px;
	}
.panel_wrapper {
	clear: both;
	left: 0px;
	height: 270px;
	position: absolute;
	top: 0px;
	width: 3760px;
/*
	clear: both;
	float: left;
	height: 270px;
	position: relative;
	width: 3760px;
*/
 	}
#panel_lessons,
#panel_downloads { display: none; }
/*
	.panel_wrapper.active { top: 0px; }
*/

.panel {
/*	border: 1px solid #efefef;
*/	border-top: 1px solid #666666;
	float: left;
	height: 269px;	/* 270px total */
	margin-right: 20px;
	padding: 0px;
	position: relative;
	width: 460px;	/* 460px total */
	}
	.panel a { color: #545454; }
	.lightsout .panel a { color: #cecece; }

h3.title {
	background: url(/images/online/panel_header-bg.png) #191513 top left repeat-x;
	border-bottom: 1px solid #e3e7e9;
	color: #fff;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0 0 0 10px;
	position: relative;
	}
	.lightsout h3.title { border-color: #454545; }
	h3.title a.back {
		color: #fcbc5e;
		font-size: 11px;
		height: 30px;
		line-height: 30px;
		position: absolute;
		top: 0;
		right: 20px;
		text-decoration: none;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		}
		h3.title a.back:hover { color: #fff; }

ul.select {
	border: 1px solid #efefef;
	border-top: 0;
	height: 236px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: auto;
	position: relative;
	width: 458px;
	}
	.lightsout ul.select { border-color: #454545; }
	ul.select li {
		border-bottom: 1px solid #f7f8f2;
		display: block;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		line-height: 15px;
		margin: 0;
		padding: 0 0 0 15px;
		}
		.lightsout ul.select li { border-color: #454545; }
		ul.select li a {
			display: block;
			margin: 0;
			padding: 5px 10em 5px 10px;
			position: relative;
			text-decoration: none;
			}
			ul.select li a:hover { color: #f09f36; }
			ul.select li.active,
			ul.select li.odd.active { 
				background: #f7f0e0;
				color: #f09f36; 
				}
				.lightsout ul.select li.active,
				.lightsout ul.select li.odd.active {
					background: #555;
					color: #111;
					}
			ul.select li.loader,
			ul.select li.odd.loader { 
				background-image: url(/images/ajax-loader.gif);
				background-position: 2px center;
				background-repeat: no-repeat;
				}
			ul.select li.odd { background: #fafbf5;}
				.lightsout ul.select li.odd { background: #323231; }
			ul.select li a small { 
				color: #666; 
				margin-left: 1em; 
				position: absolute;
				right: 1em;
				}
			ul.select li a em {
				color: #666;
				font-size: 0.85em;
				font-style: normal;
				}
	ul.select.short { height: 211px; }
	ul.select.keywordselect { height: 185px; border-top: 1px solid #fff; }

	/*	| Loading Message	*/
	ul.select li.loading,
	ul.select li.error {
		color: #8f8f8f;
		font-size: 24px;
		height: 235px;
		line-height: 215px;
		margin: 0;
		padding: 0;
		text-align: center;
		}
		ul.select.short li.loading { height: 210px; line-height: 160px; }
		ul.select.keywordselect li.loading { height: 184px; line-height: 110px; }

	/*	| No Access Styles */
	ul.select li.noaccess {
		color: #999;
		padding: 3px 0 3px 10px;
		}
		.lightsout ul.select li.noaccess { color: #666; }
		ul.select li.noaccess.odd { background: #fafafa; }
			.lightsout ul.select li.noaccess.odd { background: #323231;}
	
	/*	| Watch Status Styles */
	ul.select li.watched,
	ul.select li.odd.watched,
	ul.select li.unwatched, 
	ul.select li.odd.unwatched,
	ul.select li.partial,
	ul.select li.odd.partial { 
		background-image: url(/images/player/icon-watched.png);
		background-position: 5px center;
		background-repeat: no-repeat;
		}
	ul.select li.unwatched,
	ul.select li.odd.unwatched { background-image: url(/images/player/icon-unwatched.png); }
	ul.select li.partial,
	ul.select li.odd.partial { background-image: url(/images/player/icon-partial.png); }
	ul.select li.noaccess,
	ul.select li.odd.noaccess { background-image: url(/images/player/icon-noaccess.png); }
	ul.select li.noaccess a { color: #888; }
	ul.select li.loader,
	ul.select li.odd.loader { 
		background-image: url(/images/ajax-loader.gif);
		}

ul#icon_legend {
	border: 1px dotted #efefef;
	color: #777;
	float: right;
	font-size: 0.85em;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0.4em;
	}
	ul#icon_legend li {
		float: left;
		height: 1.2em;
		line-height: 1.2em;
		margin: 0.2em 0.5em;
		}
		ul#icon_legend li.title { clear: both; float: none; font-size: 1.1em; }

ul#bottom_buttons {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	}
#bottom_buttons li {
	float: left;
	font-size: 11px;
	color: #A0AC3B;
	padding: 0;
	margin: 0 0 0 4px;
	}

a.btlink,  
a.btlink:visited {
	background: url(../images/button_fixed_bg.gif) no-repeat;
	height: 30px;
	line-height: 30px;
	width: 138px;
	border: 0;
	padding: 0;
	cursor: pointer;
	display: block;
	text-decoration: none;
	color: #f3f3eb !important;
	font-size: 11px;
	text-align: center;
	}
a.btlink:hover,
a.btlink:active {
	background: url(../images/button_fixed_bg.gif) no-repeat 0 -30px;
	color: #F1E5C8 !important;
	}
	a.btlink b {
		line-height: 30px;
		width: 100%;
		text-align: center;
		}

.panel_nav {
	background: #f7f0e0;
	border: 1px solid #e3e7e9;
	border-top: 0;
	height: 25px;
	font-size: 11px;
	line-height: 25px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	.lightsout .panel_nav { background: #838383; border-color: #323231; }
	.panel_nav li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		}
		.panel_nav li a {
			color: #222;
			display: block;
			height: 25px;
			line-height: 25px;
			padding: 0 10px;
			text-decoration: none;
			}
		.panel_nav li a:hover {color: #7f8b41; background: #FFFAEF;}
			.lightsout .panel_nav li a { color: #c9d589; }
		.panel_nav li a.active {
			background: #fff;
			color: #7f8b41;
			}
			.lightsout .panel_nav li a.active { color: #a5a450; }
	.panel_nav form {
		margin: 0;
		padding: 11px;
		}
	#panel_keywords .panel_nav {
		height: 50px;
		position: relative;
		color: #eee;
		}
		#panel_keywords .panel_nav #keywords {
			border-top: 1px solid #fff !important;
			}
	.panel_nav input {
		border: 1px solid #b8bc97;
		font-size: 12px;
		padding: 5px;
		}
	.panel_nav .go_button {
		border: 1px solid #414141;
		color: #fff;
		background: #414141 url(/images/online/panel_search_input_bg.gif) right top no-repeat; 
		text-transform: uppercase;
		font-weight: bold;
		font-size: 10px; letter-spacing: normal;
		}
		.panel_nav .go_button:hover {cursor: pointer; background: #afb585; border: 1px solid #797f49;}
	.panel_nav #training_keyword {
		width: 298px;
		background: #FAFBF5;
		color: #333;
		}


/*	| Browse Fields Toggle	*/
#categories,
#instructors,
#added {
	display: none;
	}

/**
 TOOL TIPS
 --------------------------------------------------	*/
.training_tip {
	background: #FFF;
	border: 2px solid #FB9737;
	color: #B3CB94;
	cursor: help;
	font-size:11px;
	display: none;
	position: absolute;
	width: 320px;
	z-index: 1000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0;
	padding: 0;
	}
	.training_tip:hover {cursor:default }
	.training_tip p {
		margin: 0;
		padding: 0.5em 0.75em 0.5em 0.75em;
		color: #333;
		text-align:center;
		}
	.training_tip span {
		color: #333;
		font-style:italic;
		}
	.training_tip strong {
	color: #828c2f;
	margin:0;
	padding:0;
	}