@charset "utf-8";
/**
	Kelby Training Online Training Homepage Styles
**/

h2 {
	font-size: 145%;
	margin-bottom: .6em;
	}

.enrolltoday_bt {
	clear: right;
	float: right;
	margin-bottom: 14px;
	}
.collapsed { display: none; }

#introvideos {
	margin: 0;
	background-color: #fff;
	padding: 0;
	text-align: center;
	font-size: 300%;
	color: #eee;
	}
	

#pricing {
	height: 60px;
	background-color: #f3efe5;
	border: 2px dotted #f6deb9;
	
	padding: 18px 22px 14px 22px;
	margin: 22px 0;
	}
	#pricing div img, #pricing div span {
		margin: 0 0 0 1px;
		}
	#pricing img.type {
		margin: 0 34px 0 0;
		float: left;
		}
	#pricing div {
		float: right;
		margin-top: 10px;
		}
	#pricing h1 {
		color: #5d5d5d;
		float: left;
		font-size: 150%;
		}
		#pricing h1 small {
			color: #a3a3a3;
			}


	h1 a:link,
	h1 a:visited {
		color: #7d878e;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		display: block;
		margin-top: 5px;
		padding: 4px 0 4px 8px;
		background-color: #FAFBFB;
		text-decoration: none;
		font-weight: normal;
		letter-spacing: normal;
		
		margin-bottom: 0;
		}
	h1 a:hover {
		background-color: #EFF4FF;
		color: #337ecb !important;
		}
h1.titlequote {
	color: #828b42;
	padding-bottom: 10px;
	}
	h1.titlequote span {
		color: #fd9f18;
		}

/* NEW CS4 Classes Listing, Probably Temporary */
ul.cs4-items {
	border: 1px solid #e3e7e9; 
	border-top: 0;
	clear: both; 
	display: block; 
	float: left; 
	list-style: none; 
	margin: 0 0 2em 0; 
	padding: 0; 
	width: 710px; 
	}
	ul.cs4-items li.class-listing {
		color: #95a2a6;		
		display: block; 
		float: left; 
		margin: 0 1.5% 1em 1.5%; 
		width: 30%; 
		}
	.cs4-items li.view-all-link {
		background: #e3e7e9; 
		clear: both; 
		display: block; 
		padding: 0.35em 1.5%; 
		text-align: right;
		width: 97%; 
		}
	.cs4-items .note { color: #da7b50; }
	.cs4-items a.title-link {
		color: #76812a;
		font-size: 1.2em;
		text-decoration: none;
		}
	.cs4-items a.view {
		background: #eee;
		font-size: 0.9em;
		height: 2.8em;
		line-height: 2.8em;
		padding: 3px 4px;
		text-decoration:none;
		}

/* Flash Intro Videos Rotational */
.featured_instructors {
	margin: 10px 0 30px;
	overflow: auto;
	}
	.featured_instructors div {
		float: left;
		width: 230px;
		height: 92px;
		background: url(/images/products/online_training/block_bg.gif) left top no-repeat;
		font-weight: bold;
		color: #586065;
		padding-top: 10px;
		position: relative;
		}
		.featured_instructors div .photo {
			float: left;
			margin: -2px 8px 0 8px;
			border: none;
			}
		.featured_instructors .plainbutton {position: absolute; bottom: 22px; left: 94px; padding: 3px 8px;}
.marginleft {
	margin-left: 12px
	}


/* General Structure */
.column_left {
	float: left;
	width: 320px;
	}
.column_right {
	float: right;
	width: 320px;
	}
	.column_left p,
	.column_right p {
		margin-top: 0;
		}
	.column_left h2,
	.column_right h2 {
		margin-top: 1.2em;
		margin-bottom: .4em;
		}
	.column_left h2.first,
	.column_right h2.first {
		margin-top: .4em;
		}	
	.column_right ul,
	.column_left ul {
		margin: 0;
		padding: 0;
		}
	.column_right ul,
	.column_left ul {
		margin: 0;
		padding: 0;
		}
	.column_right li,
	.column_left li {
		margin: 0 0 0 20px;
		padding: 0;		
		}


/* Questions and Answers Page */
.qanda_list {
	list-style: none;
	}
	.qanda_list li {
		list-style: none;
		margin: 0;
		}
	.qanda_list h2 {
		font-size: 1.1em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #828b42;
		}
		.qanda_list li b {
			font-size: 1.5em;
			}


/* Custom Sidebar Catlist 
	.norefs li {		
		border-bottom: 1px solid #ddd;
		color: #dc9020;
		padding: 7px 0 7px 14px;
		}
	.norefs li.header {
		border-bottom: none;
		padding-bottom: 0;
		}
	.norefs li strong {
		color: #95a2a6;
		}
	.norefs li span {
		color: #95a2a6
		}
	.norefs li.header a:link,
	.norefs li.header a:visited {
		display: inline;
		border: none;
		font-weight: bold;
		line-height: 32px;
		padding: 0;
		margin: 0;
		font-size: 80%;
		}
	.norefs li.header a:hover {
		background: none;
		}
*/

/* Course List: All */
.all {
	margin: 12px 0 0 0 !important;
	float: left;
	}
.all li {
	float: left;
	width: 689px;
	padding: 8px 0 12px 24px !important;
	}
.all li.titlename {
	padding: 0 !important;
/*	background: none !important;*/
	border: none !important;
	}
.all li.titlename span {
	font-size: .8em;
	color: #337ecb;
	}
.all li.titlename h2 {
	margin-top: .2em;
	margin-bottom: .3em;
	font-weight: normal;
	}
.all li.titlename h2 small {
	color: #808080;
	font-weight: normal;
	}
.all li.titlename a {
	background-color: #f2f2f2;
	background-image: url(../images/arrow_courselist.gif);
	background-repeat: no-repeat;
	background-position: 98% 16px;
	display: block;
	width: 693px;
	float: left;
	padding: 8px 0 3px 20px !important;
	color: #808080 !important;
	text-decoration: none;
	border-bottom: 1px solid #e1e5c3;
	
	height: 120px;
	overflow: hidden;
	outline: none;
	}
.all li.titlename a.collapse:hover {
	background-color: #eee;
	}

.all li.titlename a h2 {
	color: #868e43;
	}
.all p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: .8em;
	line-height: 1.2em;
	font-weight: normal;
	width: 96% !important;
	width: 86%;
	}
/* IE7 only */
html>body #wrapper #content_wrapper #content .all p {
*width: 86% !important;
}

.all li ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: inherit;
	}
.all .imglt {
	padding-bottom: 24px;
	}


/* INSTRUCTOR PAGES */
.promoblock {
	background: #eee;
	border: 1px solid #ddd;
	padding: 8px;
	width: 458px;
	float: left;
	clear: left;
	}
	#promovideo {
		float: left;
		width: 314px;
		}
    .promoblock p {
    	width: 128px;
		margin: 0 0 0 10px;
		height: 200px;
		float: left;
    	}
	.promoblock small {
		display: block;
		color: #ababab;
		}
		
/* Course List: Instructor Pages */
.courselist {
	font-size: .9em;
	list-style: none;
	margin: 0;
	padding: 0;	
	}
.courselist li {
	background-color: #f3efe5;
	color: #62605c;
	margin: 0;
	padding: 6px 0 14px 36px;
	line-height: 1.8em;
	}
	.courselist li.titlename {
		background-color: #f2f2f2;
		color: #868e43;
		font-size: 140%;
		padding: 6px 0 3px 8px;
		border-bottom: 1px solid #e1e5c3;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		}
		.courselist li.titlename h2 {
			font-size: 120%;
			line-height: 110%;
			}
		.courselist li.titlename h2 small {
			font-size: .8em;
			}			
		.courselist li.titlename img {
			margin-top: .15em;
			}
		.courselist li.titlename .imglt {
			clear: none;
			}
	.courselist li strong {
		color: #dc9020;
		}
	.courselist li p {
		font-weight: bold;
		width: 96%;
		line-height: 135%;
		}
	.courselist li.titlename p {
		font-weight: normal;
		}
		
.instphoto {margin-top: 16px;}


/* How it works: Clean Bulleted list */
.cleanlist li {
	background: url(../images/bulletarrow.gif) no-repeat 0 7px;
	padding: 2px 0 0 14px;
	margin: 6px 0 0 4px;
	list-style: none;
	line-height: 150%;
	}
	ul.nopad {
		padding-left: 16px;
		margin: 0;
		padding-top: 0;
		}
		

/* Benefits Page: Kelby Advantage */
.benefits_lead {
	background: url(/images/products/online_training/ot_benefits_bg.jpg) left top no-repeat;
	margin-top: 0;
	padding: 0;
	position: relative;
	overflow: visible;
	float: left;
	
	width: 710px;
	}
	.benefits_lead .leadright {
		width: 290px;
		float: left;
		padding: 16px;
		}
		.benefits_lead .leadright h2 {
			margin-bottom: .1em !important;
			margin-top: 1.4em !important;
			color: #828B42;
			}
	.benefits_lead .leadleft {
		width: 320px;
		float: left;
		margin-top: 250px;
		margin-right: 30px;
		}
	.leadleft .freesample {
		margin: 0 0 0 56px;
		padding: 0;
		width: 234px;
		font-size: 90%;
		color: #758087;
		}
		.freesample strong {
			line-height: normal;
			text-align: center;
			display: block;
			margin-top: 6px;
			font-weight: normal;
			width: 90%;
			}
	.leadleft .pricingblock {
		background: url(/images/products/online_training/pricingblock_bg.gif) left top no-repeat;
		width: 338px;
		padding: 13px 0 10px 0;
		margin: 4px 0;
		}
		.pricingblock img.price {
			margin: 0 0 0 34px;
			padding-bottom: 10px;
			cursor: pointer;
			}
		.pricingblock img.price2 {
			margin: 0 0 0 52px;	
			padding-bottom: 10px;
			cursor: pointer;
			}

#ot_home_title {
	background: url(/images/products/online_training/ot_leading_home_bg.jpg) left top no-repeat;
	height: 260px;
	position: relative;
	clear: both;
	padding-top: 100px;
	z-index: 10;
	}
	#ot_home_title .feature_copy {
		margin-left: 400px;
		color: #808080;
		text-align: right;
		margin-right: 24px;
		}
	#ot_home_title .directives {
		clear: both;
		float: right;
		padding-right: 24px;
		}
	#ot_home_title .imgrt {
		margin-left: 14px;
		}

.announce {
	float: left;
	padding-left: 22px;
	margin-top: -64px;
	position: relative;
	z-index: 20;
	width: 520px;
	}
	.announce h1 {
		margin-bottom: .4em;
		margin-top: .5em;
		}
	.announce p {
		margin-top: 0;
		font-size: 90%;
		}
		

.addlinfo {
	font-size: 90%;
	background: url(/images/products/seminars/addlinfo_block_bg.jpg) left top no-repeat;
	float: left;
	width: 352px;
	}
.addlinfo h2, .addlinfo p {
	margin-left: 24px;
	margin-bottom: 12px;
	width: 90%;
	}
.addlinfo h2 {
	color: #904F40;
	margin-top: 1.2em;
	font-size: 150%;
	}
	
	
ul.list_courses {
	list-style: none;
	margin: 3px 0 0 24px;
	padding: 0;
	font-size: 1em;
	width: 285px;
	}
	.list_courses li {
		margin: 0 0 4px 0;
		padding: 0;
		list-style: none;
		}
	.list_courses li img {
		float: left;
		margin-right: 6px;
		}
	.list_courses span {
		color: #b3b3b3;
		}
	.list_courses a {
		text-decoration: none;
		border: none;
		border: 1px solid;
		display: block;
		width: 100%;
		padding: 0;
		}
	.list_courses a:link, .list_courses a:visited {
		border-color: #fff;
		}


/* Text Button Links (From Player) */
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;
		}



/* Latest Additions Page: What's New */
.latest_wrapper {
	background: #F6EFDE;
	margin-top: 12px;
	padding: 4px 18px 8px 20px;
	font-size: .9em;
	color: #DC9020;
	line-height: 130%;
	border-top: 1px solid #E1E5C3;
	}
.latest_wrapper p {
	width: 400px;
	margin: 8px 0;
	}
.latest_wrapper form {
	float: right;
	padding-top: 22px;
	}
.latest_wrapper form .tinput {
	width: 148px;
	padding: 3px 0 2px 5px;
	color: #666;
	font-size: 90%;
	}
	
ul.courselist li.newadd {
	position: relative;
	}
	.newadd .subtext {
		position: absolute;
		right: 9px;
		top: 7px;
		}




.category_title {font-size: 20px; color: #868e43; padding-left: 20px; margin-top: 22px; background: url(../images/arrow_courselist_white.gif) left 50% no-repeat; letter-spacing: -.02px; font-weight: normal;}
.list-categories {
	background: #f2f2f2;
	border: 1px solid #dde1c0;
	padding: 8px 6px 14px;
	overflow: auto;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	}
.list-categories ul {
	padding: 0;
	margin: 0;
	float: left;
	width: 172px;
	list-style: none;
	}
	.list-categories li {
		margin: 6px 0 0 6px;
		padding: 0;
		}
	.list-categories li a {font-weight: normal; font-size: 11px; text-decoration: none; padding: 4px 8px; color: #808080;}
	.list-categories li a:hover {color: #337ecb;}
	.list-categories li a.active {border: 1px solid #e2e4d4; background: #fff;}

.pages {
	margin: 22px 0 12px;
	color: #697177;
	}
.pages a:link,
.pages a:visited {
	border: 1px solid #dde1c0;
	font-size: 13px;
	margin: 0 2px 0 0;
	padding: 3px 4px;
	font-weight: bold;
	text-decoration: none;
	}
.pages .current {
	background-color: #c5c9ac;
	color: #fff;
	font-weight: normal;
	border: 1px solid #868e43 !important;
	}

#list-courses {
	padding: 0;
	margin: 0;
	font-family: Verdana, Geneva, sans-serif !important;
	}
	#list-courses li.course {
		background-color: #f2f2f2;
		color: #6c6c6c;
		padding: 14px 14px 14px 104px;
		border-bottom: 1px solid #e1e5c3;
		font-family: Arial, Helvetica, sans-serif;
		list-style: none;
		position: relative;
		margin-top: 12px;
		}
	#list-courses .instphoto {position: absolute; left: 14px; top: 14px; margin: 0;}
	#list-courses h2 {
		font-size: 16px;
		line-height: 120%;
		margin: 0;
		padding-top: 0;
		color: #272727;
		}
	#list-courses h2 small,
	#list-courses h2 small a:link,
	#list-courses h2 small a:visited{
		font-size: 11px;
		color: #868e43 !important;
		font-weight: normal;
		text-decoration: none;
		}
	#list-courses li p {
		width: 96%;
		font-size: 11px;
		margin-top: 6px;
		line-height: 16px;
		}
	#list-courses .course:hover {background: #eee;}
	#list-courses .lesson_toggle,
	#list-courses .watch_button {
		/*display: block;*/
		width: 80px;
		padding: 4px 8px 4px 18px;
		border: 1px solid #e2e4d4;
		margin-right: 3px;
		font-size: 11px;
		border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
		text-decoration: none;
		outline: none;
		}
	#list-courses a.lesson_toggle:link,
	#list-courses a.lesson_toggle:visited {
		background: #fff url(../images/arrow_courselist_bg.gif) 6px 56% no-repeat;
		color: #868e43;
		}
	#list-courses a.watch_button:link,
	#list-courses a.watch_button:visited {
		background: #fefbed url(../images/arrow_courselist_bg1.gif) 8px 51% no-repeat;
		color: #d88a19;
		}
	#list-courses a.watch_button:hover, #list-courses a.lesson_toggle:hover {color: #337ecb;}
	.list-lessons {
		margin: 14px 0 0 0;
		color: #d88a19;
		padding: 0 0 0 20px;
		}
		.list-lessons li {margin: 0; padding: 0 0 2px;}
		.list-lessons li span {color: #6c6c6c;}
		.list-lessons li.total_time {list-style: none; padding: 6px 0; font-weight: bold; text-transform: uppercase;}



/*	| STRUCTURE OVERRIDE (Fix Clipping and Blank Space on IEs
	------------------------------------- */
#wrapper {
	margin: 0 auto -200px auto !important;
	margin: 0 auto;
	}
*+html #wrapper {
	margin: 0 auto 0 auto !important;
	}	
html>body #content_wrapper { height: 100%; margin-bottom: -4px !important;}
#content_wrapper {
	margin: 0 auto -200px auto !important;
	margin: 0 auto;
	}