/*	ITS - Learnyourway.net CSS | styles.css 
	This stylesheet composes page specific styles 
	
	
	
/*	.home | Homepage Styles */

	#sideA.home { width: 472px; }
	#sideA.home  div { float: left; margin: 0px 0px 0px 0px; }
		
	#sideB.home {  font: normal 11px Verdana, Arial, Helvetica, sans-serif; height: 248px!important; height: 249px; width: 200px; margin-left: 0px; }
	#sideB.home h1 { font: bold 18px Verdana, Arial, Helvetica, sans-serif; margin-top: 0px;  }
			.home dl { margin: 0px 20px!important; margin: 0px 10px; padding: 10px 0px;}
				.home dt { margin-bottom: 2px;}
				.home dd{ margin: 0px 0px 5px 0px; }
				.home dt.btn { padding-right: 5px; line-height: 30px; width: 180px;}
				.home dt.btn a { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #000; margin-right: 7px; }
		

	/* Below styles are for the login area as well as the gray/white lines used to separate the side image from top */
	dt.log_sep_top, dt.log_sep_top_home {border-top: 1px solid #999; margin-top: 8px!important; margin-top: 8px; margin-left: -20px; width: 217px!important; width: 227px; padding: 0px; height: 1px; font-size: 1px; line-height: 1px;}
	dt.log_sep_btm, dt.log_sep_btm_home {border-top: 1px solid #fff; margin-top: -3px; margin-left: -20px; width: 217px!important; width: 227px; padding: 0px; height: 1px; font-size: 1px; line-height: 1px;}
	dt.log_sep_img {margin-left: -14px!important; margin-left: -4px;}
	
	dt.log_sep_top_home, dt.log_sep_btm_home { width: 235px!important; width: 245px; }
	

	.status div { margin: 10px 0px; font-size: 20px; text-align: center}
		.status div.top { height: 132px!important; height: 127px; font: normal 12px Arial, Helvetica, sans-serif; }
		.status div.sep_top, .status div.sep_top_home { border-top: 1px solid #999; margin: 0px; width: 217px; height: 1px; line-height: 1px; font-size: 1px;}
		.status div.sep_btm, .status div.sep_btm_home { border-bottom: 1px solid #fff; margin-top: -2px;width: 217px; height: 1px; line-height: 1px; font-size: 1px;}
		.status div.sep_img { margin: 0px; margin-top: -7px; padding: 0px; padding-left: 6px;  }
	
		.status div.sep_top_home, .status div.sep_btm_home { width: 234px;}
	
	.status a { display: block; text-align: center; font-size: 15px; font-weight: normal; color: #000;}
	.status p { font-weight: normal; }

/*  .base | Base Page Styles */
	#sideA.base h2 { font: bold 14px Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 20px 0px 5px 0px; padding-top: 5px; border-top: 1px solid #ccc; width: 98%;}
	#sideA.base p { text-indent: 10px; padding: 0px; margin: 10px; }

	.base .tour { float: left; margin-bottom: 20px; }
	.base .tour div { float: left; }
		.tour .thumb { padding: 11px 10px 10px 11px; margin: 0px 15px; background: url("/images/bg_tour_thumb.gif") no-repeat; width: 80px;}
			.thumb .magnify { position: absolute; z-index: 25; width: 15px; height: 15px; background: url("/images/ico_magnify.gif") no-repeat; margin: 5px 0px 0px 60px!important; margin: 76px 0px 0px -10px;}
		.tour .txt { margin-top: -20px; margin-left: 5px; width: 350p!important; width: 330px; }
			.txt .popup { display: none; position: absolute; z-index: 30; border: 1px solid #999; margin: 10px 0px 0px 0px!important; margin: 0px 0px 0px -35px; background: #fff; padding: 5px; }

/*	.library | Library Styles */
	
	#sideA.library .lib_cont{ border: 1px solid #fff; background: #fff; width: 98%; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
		.lib_cont .inner { background: #fff; overflow: auto; margin: 5px; padding: 0px; border: 1px solid #fff; }
		
		.red_info{background: #FFCECE; border: #FF0000 1px solid; padding:5px; margin:10px 0px 5px 0px; width: 95%; }
		.red_info strong{ color:#990000;}

		.lesson_cont { margin: 0px; color: #666; }
		.lesson_cont_right { padding: 10px 10px 0px 10px; }
		.lesson_cont_over { margin: 0px; padding:  10px 10px 0px 10px; background: #EFF2FF; cursor: pointer; color: #000;}
			.lesson_cont td.desc, .lesson_cont_over td.desc {vertical-align: top; width:510px;}
			.lesson_cont td.desc p, .lesson_cont_over td.desc p {margin-top:0px; text-indent: 20px; font: 11px Arial, Helvetica;}
			.lesson_cont td.desc div, .lesson_cont_over td.desc div { text-align: right; margin: 20px 0px 0px 0px; font: bold 10px Verdana, Arial, Helvetica, sans-serif;}
				.lesson_cont td.desc strong { font-size: 14px; font-weight: bold; }
				.lesson_cont_over td.desc strong { font-size: 14px; color: #000; font-weight: bold; }
		
		.video_cont { display: none; padding:0px 4px 0px 4px; background: url(/images/library_l_bot_bg.gif) repeat-x bottom #B3CAEC;}
			.video_cont table {width: 100%; border-bottom: 1px solid #ccc;}
			.video_cont th { text-align: left; color: #666666; border: 1px solid #999; }
			.video_cont th div { padding: 5px 10px;border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background: #eaeaea; }
			.video_cont td { padding: 0px 4px; line-height: 30px; color: #000; border-color: #cccccc; cursor: pointer;}
			.video_cont label { display: block; width: 100%;}
			
			 
			
			.video_cont .hidden_alert { line-height: 18px; position: absolute; font: normal 11px Verdana, Arial, Helvetica, sans-serif; width: 185px; margin-top: -5px; margin-left: -174px; display: none; border: 1px solid #ccc; background: #efefef url(/images/error_no_check.gif) no-repeat right top; padding: 4px 4px 8px 8px; }
			
			.video_cont tr.row1 { background: #fff; }
			.video_cont tr.row2 { background: #efefef; }
			.video_cont tr.row1selected{ background: #fff;  }
			.video_cont tr.row2selected{ background: #efefef;  }
			.video_cont tr.over { background: #fff url("/images/bg_library_row_hover.jpg") repeat-x bottom; }
			.video_cont tr.overfocus { background: #92E794 url("/images/bg_library_row_focus.jpg") repeat-x bottom;}
			
			
			.video_cont td.chk { width: 5%; border-width: 1px; border-style: solid; border-bottom: 0px; border-right: 0px; cursor: not-allowed;}
			.video_cont td.video { width: 75%;border-width: 1px; border-style: solid; border-bottom: 0px; }
			.video_cont td.stat {width: 10%; border-width: 1px; border-style: solid; border-bottom: 0px; border-left: 0px;text-align: center; }
			.video_cont td.duration { width: 10%; border-width: 1px; border-style: solid; border-bottom: 0px; border-left: 0px; text-align: center;}
			.video_cont td.selected {border-color: #ccc; color: #000; cursor: pointer;}
				.video_cont td.selected strong{ color:#666666;}
				.video_cont td.selected label {cursor: pointer;}
			
		#sideA p { padding: 4px; }	
/*	.lesson | Lesson Styles */

	#sideA.lesson .video { margin-top: 10px; border: 1px solid #999; padding: 1px; width: 480px;}
	#sideA.lesson div { margin: 0px; }
	#sideA.lesson #tab_cont { float: left; width: 480px; font: normal 9px Verdana, Arial, Helvetica, sans-serif; margin: 0px!important; margin-top: 10px;}
		#tab_cont dt { float: left; }
		#tab_cont dt.c { border-bottom: 0px; }
	
		/* common tab divs */
		#tab_cont div {	float:left; background: url(/images/tab_bg.jpg); border-top: 1px solid #dbd9d9;border-left: 1px solid #dbd9d9;border-right: 1px solid #efefef; }
			
		/* common tab links */
		#tab_cont a:link, #tab_cont a:visited, #tab_cont a:active { display: block; padding: 0px 10px; text-decoration: none; }
	
		#tab_cont .tab a:link, #tab_cont .tab a:visited, #tab_cont .tab a:active {padding: 10px 15px; background:#BBBBBB; border-right: #ccc 1px solid; border-left: 1px solid #fff; border-top: #fff 1px solid; border-bottom: #888 1px solid; color: #fff; }
		#tab_cont .tab a:hover {border-right: #999 1px solid; border-top: #ff0000 1px solid; color: #2d4760; border-left: 1px solid #999; display: block;}
		
		#tab_cont .exam a:link, #tab_cont .exam a:visited, #tab_cont .exam a:active {padding: 10px 15px 11px 15px; background:#0DB52E; color: #fff;}
		#tab_cont .exam a:hover {display: block;}

		#tab_cont dt .current a:link, #tab_cont d t.current a:active, #tab_cont dt .current a:visited {
		padding: 10px 15px 11px 15px; background:#EFEFEF; border-right: 1px solid #FFF; border-left: #FFF 1px solid; border-top: #FFF 1px solid; color: #333333; border-bottom: 0px; }
	
		#tab_cont dt .current a:hover { border-right: 1px solid #999; }
		#tab_cont dt.line { height: 34px; width: 68px; }
		#tab_cont dt.space { height: 34px; width: 10px; margin-left: -1px;   }
		#tab_cont dt.replacement { height: 34px; width: 63px; }
		
		#bottom_cont { margin-top: 0px; float: left; background: #fff url(/images/lesson_cont_bg.jpg) repeat-x; }
		#bottom_cont #inner { float: left; width: 447px; padding: 12px 15px 10px 15px!important; padding: 12px 15px 5px 15px; }
			
			
		.info_cont { display: none; padding: 4px 8px 0px 8px; border: 1px solid #999; background:#fff; height: 380px; overflow: auto; line-height: 22px; }	
		.info_cont h1 { color: #333; font: bold 16px Arial, Helvetica, sans-serif; margin-top: 0px; }
		.info_cont h2, .info_cont h3 { margin: 10px 0px 0px 0px; font-size: 14px; }
		.info_cont h2 { margin-top: 0px; }  

		
		.info_cont p { text-indent: 20px; }
		.script { line-height: 18px; padding: 4px 8px 0px 8px; }
		.script p { text-indent: 0px;  margin: 0px; margin-bottom: 5px;}

	#sideB.lesson  { border-top: 0px; }
		#sideB.lesson .companylogo { background: url("/images/bg_companylogo.jpg") no-repeat; height: 120px; width: 100%; padding: 0px; }
		#sideB.lesson .companylogo .image { float: left; width: 100%; text-align: center; height: 100px; padding: 0px; }
		#sideB.lesson .companylogo .name { float: left; font: bold 14px Arial, Helvetica, sans-serif; color:#fff; line-height: 20px ;text-align: center; width: 100%;}

			

/* .playlist | Playlist styles */
		#sideB dl.playlist { float:left; margin: 0px 0px 0px 2px; padding: 0px;}
		#sideB .lessonplan { font: bold 18px Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 3px 2px 0px 3px;}

		.playlist dt.category { float: left; padding: 5px 5px 5px 10px; font-weight: bold; color: #000; border-bottom: 1px solid #fff; width: 190px; }
		
		.playlist dd { float: left; padding: 0px; border-bottom: 1px solid #fff; width: 205px; margin: 0px; color: #000; cursor: default;}
		.playlist dd.prev { color: #999; }
		.playlist dd.prev div{color:#999999;}
		.playlist dd.noborder { border: none; }
			
			.playlist div.l, .playlist div.l_no, .playlist div.m, .playlist div.r { float: left; padding: 5px 5px; margin: 0px;}
			.playlist div.l {  width: 110px; border-right: 1px solid #fff; }
			.playlist div.l_no {  width: 110px; border-right: 1px solid #d9d9d9; }
			.playlist div.m { border-right: 1px solid #fff; width: 20px; text-align: center; height: 15px;}
			
			
		/*.playlist dd.current { margin-top: -1px; margin-left: 0px; line-height: 28px; float: left; background: #fff; width: 175px; padding: 0px 10px; border-top: 1px solid #666; border-bottom: 1px solid #666; border-right: 10px solid #00FF00; }
		.playlist dt.time { float: left; padding: 5px 10px; text-align: right; font-weight: bold; font-size: 12px; color: #333; text-align: right; padding-right: 10px; width: 194px;border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #666; border-bottom: 1px solid #666; }*/
		
		.playlist dt.space {  float: left; border-bottom: 1px solid #666; width: 90%; margin-top: 5px;}

		.playlist div.vidpopup {display: none; background: #FFFFCC; position: absolute; margin: 25px 0px 0px 10px!important; margin: -1px 0px 0px -105px; padding: 5px 0px; border: 1px solid #999; width: 275px; }
	
		.vidpopup h1 { margin: 0px 0px 0px -5px; padding: 0px; font-size: 12px; border-bottom: 1px dotted #666; }
		.vidpopup div { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #333; padding: 0px 6px; margin-top: 5px;}

/*  .signup | Signup Styles */

	#sideA.signup table { margin-bottom: 10px;  font-size: 12px;}
	#sideA.signup table table td { padding: 0px; margin: 0px; }
	.signup td { padding: 4px 15px; }
	
	.signup td.title { border: 1px solid #FFF; padding: 0px; }
	.signup td.title div { line-height: 20px; font-size: 14px; color: #000; font-weight: bold; padding: 4px; background: #fff; border-top: 1px solid #CCC; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; margin-top: 15px; text-transform: uppercase;
}

	#contact_intro { float:left; width: 450px; margin: 0px 0px 10px -7px; }
	#mailing_addr { float:left; margin: 0px 0px 10px 5px; }


/* .reports | Report Styles */

	#sideA.reports { width: 725px; }
	
	.report_cont { margin-bottom: 10px; }
	.report_cont table { background: #dbdbdb; width: 700px; }
	
	.report_cont td.tab { padding: 10px 15px; border-left: 1px solid #999; border-right: 2px solid #999; border-top: 2px solid #999; }
	.report_cont td.space { background: #fff; height: 31px; width: 700px; border-bottom: 2px solid #999; border-top: 0px; border-right: 0px; }
	
	.report_cont td.report_info { border-left: 1px solid #999; border-bottom: 1px solid #999; border-right: 2px solid #999; padding: 10px; }
	
	.report_info_inner { float: left; }
	.report_info_inner table { background: #fff; border: 1px solid #999; }
	.report_info_inner table table { width: 320px; }
	.report_info_inner th, .report_info_inner td { vertical-align: top; padding: 5px 10px; text-align: left; border-right: 1px solid #ccc;}
	.report_info_inner th { border-left: 1px solid #fff; border-right: 1px solid #ccc; border-top: 1px solid #fff; background: #efefef; font-weight: bold; border-bottom: 1px dashed #ccc; }
		.report_info_inner th.end { border-right: 0px; }
	
	.report_info_inner td { border-bottom: 1px solid #ccc; }	
		.report_info_inner td.unavailable { color: #999; font-style: italic; }
		div.calendarpopup { position:absolute; visibility:hidden; background-color:#fff; left: 300px; top: 80px}

	.report_info_inner label { cursor: pointer; }
	.report_info_inner table.filterdate { width: 100%; border: 0px; }
		table.filterdate td {border: 0px; padding: 0px; vertical-align: middle; padding-right: 0px; padding-bottom: 4px;}
		table.filterdate th {background: #fff; border: 0px; padding: 0px; }


	.report_info_inner table.questions tr.correct { background: #C9FFAE;}
	.report_info_inner table.questions tr.incorrect { background: #FFCACA;}
	.report_info_inner table.questions td.icon { width: 5%; text-align: center; border-right: 0px;}

	.report_info_inner td.leg_correct {background: #C9FFAE; width:5%;}
	.report_info_inner td.leg_incorrect {background: #FFCACA; width:5%;}

/* .test | Testing styles */
		
		#sideA.test .test_cont { border: 1px solid #999; margin-top: 10px; background: #dbdbdb; width: 98%;}
		.test_cont table { margin: 10px; border: 1px solid #999; border-top: 0px; background: #fff; line-height: 18px;}
		.test_cont tr {background: #fff; }
		.test_cont tr.over { background: #E8F3FF; }
		.test_cont th { border-top: 1px solid #999; }
		.test_cont div { text-align: left; padding: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #eaeaea; border-top: 1px solid #fff; border-left: 1px solid #fff; }
		.test_cont td { padding: 10px 5px; border-bottom: 1px solid #efefef; }
		.test_cont td label { display: block; cursor: pointer; }
		.test_cont td.first { border-top: 1px solid #999; }
		.test_cont td.last { border-bottom: 0px}


/* .myaccount | Account Styles */

	.myaccount div.title { font: bold 15px Arial, Helvetica, sans-serif; color:#000; margin-bottom: 5px; }
	.myaccount div.summary { margin: 0px 0px 20px 0px; }
		.title a { font: bold 15px Arial, Helvetica, sans-serif; color:#0000FF; }
	
	.myaccount .summary dl { margin: 0px; padding: 0px; }
	.myaccount .summary dd { margin: 0px 10px 10px 10px; font-size: 12px;}
	.myaccount .summary dd table { margin: 5px 20px; font-weight: normal; font-size: 12px; width: 80%; }
	.myaccount .summary dd td { width: 33%; }
	
	
/*  Error/Success Styles */
	td.errors { padding: 0px; }
	table.error_cont { background: #FFFFCB; font: normal 12px arial; color:#F00; padding: 0px; margin: 5px 0px;}
	.error_cont ul li { padding: 3px 0px; }
	
	.error_cont td.error_icon { width: 25px; text-align: center; }
	.error_cont td.error_head { font-weight: bold; color: #CC0000; }
	.error_cont td.error_bull{ font: bold 16px arial; color: #CC0000; text-align: center;}
	.error_cont td.error_msg { font: normal 12px arial; line-height: 25px; padding: 0px;}
	.error_cont td.error_msg a:link, .error_cont error_msg a:active, .error_cont .error_msg a:visited { display: block; color: #F00; text-decoration: none;}
	.error_cont td.error_msg a:hover { color: #F00; background: #def; }
	
	.error_formtitle, .error_formtitle a { font-weight: bold; color: #cc0000; text-decoration: none;}
	#contact_success { float:left; padding: 20px;font: bold 12px arial; background:#fff; border: 1px solid #009933; color:#009933;}

	td.title_success { border: 1px solid #009900; padding: 0px;}
	td.title_success div { line-height: 20px; font-size: 14px; color: #000; font-weight: bold; padding: 4px; background: #79D07D; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #000; border-right: 1px solid #000; }
	td.txt_success { padding: 2px; line-height: 18px; text-indent: 20px; border: 0px solid #ccc; }
	
	td.title_failure { border: 1px solid #990000; padding: 0px;}
	td.title_failure div { line-height: 20px; font-size: 14px; color: #000; font-weight: bold; padding: 4px; background: #D0797D; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #000; border-right: 1px solid #000; }
	td.txt_failure { padding: 2px; line-height: 18px; text-indent: 20px; border: 0px solid #ccc; }

	/* the following errors are used for the login container for errors */
	.error_cont_home {cursor: pointer; position: absolute; z-index: 20; margin: 0px 0px 0px -325px; width: 540px; color: #CC0000; background: #FFFFCB; border-right: 1px solid #999; border-bottom: 1px solid #999;}
	.error_cont_home a { color: #ff0000; }
	.error_cont_home .inner {background: url("/images/error_bg.jpg") no-repeat; border: 1px solid #CC0000; min-height: 120px; height: auto!important;height: 120px}
	.error_cont_home .inner img { margin: 0px 5px 0px 0px; }
	.error_cont_home .inner div { width: 330px; }
	.error_cont_home .inner p { line-height: 16px; }
	.error_cont_home .inner p.btm { font-size: 10px; line-height: 12px;}
	.login_cont{position: absolute; z-index: 30; padding:0px;}
	
	.error_cont_page {position: relative; z-index: 20; width: 470px; color: #CC0000; background: #FFFFCB; border-right: 1px solid #999999; border-bottom: 1px solid #999999;}
	.error_cont_page .inner {background: url("/images/error_bg_40.jpg") no-repeat; border: 1px solid #CC0000; min-height: 20px; height: auto!important;height: 20px; padding: 10px; }
	.error_cont_page .inner img { margin: 0px 5px 0px 0px; }
	.error_cont_page .inner div { width: 330px; }
	.error_cont_page .inner p { line-height: 16px; }
	.error_cont_page .inner p.btm { font-size: 10px; line-height: 12px;}
	.error_cont_page a { color: #ff0000; }
	
	.success_cont_page {position: relative; z-index: 20; width: 470px; color: #006600; background: #efefef url(/images/success_cont_bg.jpg) repeat-x; border-right: 1px solid #999999; border-bottom: 1px solid #999999;}
	.success_cont_page .border { border: 1px solid #009900; min-height: 20px; height: auto!important;height: 20px; }
	.success_cont_page .inner {background: url("/images/success_bg_40.jpg") no-repeat left; border: 1px solid #fff; min-height: 20px; height: auto!important;height: 20px; padding: 10px; }
	.success_cont_page .inner img { margin: 0px 5px 0px 0px; }
	.success_cont_page .inner div { width: 330px; }
	.success_cont_page .inner p { line-height: 16px; }
	.success_cont_page .inner p.btm { font-size: 10px; line-height: 12px;}
	.success_cont_page a { color: #009900; }
	

/*	.check | Check Styles */
	.check_cont .text{ float: left; padding: 10px; width: 640px; font-size: 11px; }
	.check_cont, .check_cont_ok, .check_cont_no { float:left; margin-left: 60px!important; margin-left: 25px; width: 680px; margin-bottom: 10px; }
	.check_cont_ok { border-top: 2px solid #009900; border-bottom: 2px solid #009900;}
	.check_cont_no { border-top: 2px solid #CC0000; border-bottom: 2px solid #CC0000;}
		.check_cont_ok .chktext, .check_cont_no .chktext {font-size: 11px; padding: 10px; width: 600px; float:left;}
		.check_cont_ok .chktext h1, .check_cont_no .chktext h1 { font-size: 12px; font-weight:700;}
			.check_cont_no .chktext h1 { text-transform: uppercase; color:#CC0000; }
		.check_cont_ok .icon, .check_cont_no .icon { width: 100px; height: 100px; float: left; padding:0px 10px 0px 0px;}