/* also uses: base.css; si-brand-mini.css */
/*_________________________________________________________________________________
		GENERAL LAYOUT AND COLUMN LAYOUT
===================================================================================*/
div#header p#login, div#loginModal,
#siteIntroContent p a.button,
div#nav, div#nav * { display: none !important; }

#page_margins { width: 1000px; margin: 0px auto; padding: 0px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.4); box-shadow: 0px 0px 4px rgba(0,0,0,.4); }
#page { padding: 0px; border-right: 1px solid #000; border-left: 1px solid #000; background-color: #fff; position: relative; }

div#header, div#main, div#footer { display: block; overflow: hidden; clear: both; }

div#main { width: 998px; min-height: 325px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13.5px; line-height: 16.5px; background-color: #fff; }
body.l1col #main { /*width: 968px;*/ }
/*body.l2col #main { padding: 0px 226px 0px 0px; background: #fff url("../images/shared/dmk-col2Bg.gif") repeat-y 100% 100%;}*/
body.l2col #main {}

/*div#main div#col1 { width: 772px; overflow: hidden; float: left; }
div#main div#col2 { width: 225px; margin: 0px -226px 0 1px; float: left; }*/

body.l1col div#col1 { width: 998px; min-height: 325px; }

body.l2col div#col1 { width: 667px; min-height: 325px; overflow: hidden; float: left; border-right: 1px solid #000; }
body.l2col div#col2 { width: 330px; min-height: 325px; overflow: hidden; margin-left: -1px; float: left; border-left: 1px solid #000; }

div#col1_content { padding: 10px 15px; position: relative; overflow: hidden; }
div#col2_content { padding: 10px 15px; position: relative; overflow: hidden; }

/*_________________________________________________________________________________
		HEADER LAYOUT
===================================================================================*/
div#header { height: 110px; padding: 5px 0px 5px 5px; overflow: hidden; /*background: #e5e3e4 url("../images/ct/c3tp/headerBg.gif") repeat-x 0 5px;*/ }
/*#header h1.siteName { width: 220px; height: 88px; margin: 14px 6px 6px 0px; background-image: url("../images/ct/c3tp/ctLogo2011.png"); }
#header h1.siteName a { width: 220px; height: 88px; background-image: url("../images/ct/c3tp/ctLogo2011.png"); }
#header h1.siteName a:hover, #header h1.siteName a:focus { background-position: 0px -88px; }*/

/*#header h2#tpName { margin: 0px; position: absolute; top: 45px; left: 320px; color: #a9d3c2; font-weight: normal; font-size: 50px; line-height: 50px; }
float: left; font-size: 1px; line-height: 5px; background: url("../images/ct/c3tp/c3tpLogo.png") no-repeat 0px 0px; }
#header h2#tpName span { text-indent: -9999px; display: block;}*/ 
#header h2#tpName { margin: 0px; position: absolute; top: 58px; left: 320px; color: #a9d3c2; font-weight: normal; font-size: 20px; line-height: 20px; text-transform: uppercase; letter-spacing: 5px; font-family: "Lucida Grande", Arial, sans-serif; }

div#headerControls { width: 218px; height: 110px; margin: 0px; padding: 0px 20px; float: right; overflow: hidden; }

/* not logged in */
/*p#regBtnHeader { margin: 30px 0px 7px; text-align: center; }*/
p#login { margin: 58px 0px 0px 0px; position: relative; z-index:201; color: #fff; font-weight: bold; font-size: 12px; line-height: 15px; text-align: center; text-shadow: 0px 0px 3px rgba(0,0,0,.9); }
p#login a { color: #fff; }

div#loginModal { width: 234px; border: 3px solid #000; position: absolute; top: 54px; right: 9px; z-index: 200; background-color: rgba(255,255,255,.1); 
	-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0px 1px 15px #000; -webkit-box-shadow: 0px 1px 15px #000; box-shadow: 0px 1px 15px #000; }
div#loginModal form#student_new { margin-top: 27px; padding: 5px 10px; background-color: #fff; 
	-moz-border-radius: 0px 0px 7px 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; border-radius: 0px 0px 7px 7px; }
div#loginModal .formWrapper { width: 214px; }
div#loginModal p#loginProblems { margin: 10px 0px 0px; line-height: 15px; }

/* logged in */
p#logout { margin: 5px 0px 0px 0px; font-size: 12px; line-height: 14px; text-align: right; }
p#logout a, p#logout a:link, p#logout a:visited { color: #a9d3c2; }
p#logout a:hover, p#logout a:focus { color: #5aa1e2; }

p#greeting { margin-top: 25px; color: #fff; text-align: right; }

p#greeting a, p#greeting a:link, p#greeting a:visited { color: #a9d3c2; }
p#greeting a:hover, p#greeting a:focus { color: #5aa1e2; }

/*_________________________________________________________________________________
		FOOTER LAYOUT
===================================================================================*/
div#footer p { text-align: left; }
form#mcSignup { width: 500px; margin: 0px 0px 0px 10px; float: right; text-align: right; }
form#mcSignup label { color: #fff; }
form#mcSignup label.error { position: absolute; top: 29px; right: 250px; }

/*_________________________________________________________________________________
		BASIC STYLES
===================================================================================*/
div#col1 ul, ul.default { max-width: 650px; margin: 0px 0px 12px 0px; padding-left: 15px; }
div#col1 ul li, ul.default li { list-style: disc; margin: 0px 0px 5px 15px; }
div#col1 ol, ol.default { max-width: 650px; list-style-type: decimal; padding-left: 25px; }

h3 + p { margin-top: 3px; }

body.l1col #col1_content p { max-width: 650px; }

div#col1 table ul { padding: 0px; margin: 0px 0px 5px; }

/*_________________________________________________________________________________
		UTILITY STYLES
===================================================================================*/
a.regBtn, a.regBtn:link, a.regBtn:visited { width: 150px; height: 25px; color: #fff; line-height: 25px; text-align: center; background: #06f; }
a.regBtn:hover, a.regBtn:focus { border-color: #333; background-color: #07f; }
a.regBtn:active { background-color: #05f; }

a.dualBtn, a.dualBtn:link, a.dualBtn:visited { width: auto; height: 20px; color: #fff; line-height: 20px; text-align: center; background: #06f; }
a.dualBtn:hover, a.dualBtn:focus { border-color: #333; background-color: #07f; }
a.dualBtn:active { background-color: #05f; }
a.dualBtn + a.dualBtn { background-color: #999; margin-left: -2px; border-radius: 0px 3px 3px 0px; }

a.quizBtn, a.quizBtn:link, a.quizBtn:visited { width: 150px; height: 25px; color: #fff; line-height: 25px; text-align: center; background: #06f; }
a.quizBtn:hover, a.quizBtn:focus { border-color: #333; background-color: #07f; }
a.quizBtn:active { background-color: #05f; }

p.notice { margin: 3px 3px 10px; padding: 4px 10px; border: 1px solid #666; color: #444; font-weight: bold; text-align: center; background-color: #ff8;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.3); box-shadow: 0px 1px 3px rgba(0,0,0,.3); }
p.alert { margin: 4px 4px 10px; padding: 4px 10px; border: 3px solid #900; display: inline-block; color: #900; font-weight: bold; text-align: center; background-color: #fff; 
	-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0px 1px 4px rgba(153,0,0,.8); -webkit-box-shadow: 0px 1px 4px rgba(153,0,0,.8); box-shadow: 0px 1px 4px rgba(153,0,0,.8);}
	
div.trueUpeel img { float: right; margin-left: 10px; clear: right; }
p.trueUdetail { width: 470px; }


/*_________________________________________________________________________________
		COL 2 ITEMS
===================================================================================*/
div.dashboardMessage { padding-bottom: 1px; margin-bottom: 15px; border-bottom: 1px solid #ccc; }
div.dashboardMessage:last-child { border-bottom: 0px none; }

div#col2 p { font-size: 13px; line-height: 16px; }

/*____________________________________________________________________________________________________________
		PUBLIC PAGE STYLES
==============================================================================================================*/
div#nav { margin: 0px; }
div#nav div#primary_nav { border-top: 0px none; }

div#primary_nav ul li.curr_page a span { color: #41464b; background-color: #fff; }


/*_________________________________________________________________________________
		HOMEPAGE 
===================================================================================*/
h1#introHeadline { padding: 0px 15px; }

div#siteIntro { width: 427px; padding: 0px 25px 0px 0px; float: left; overflow: hidden; }
div#siteIntro p { font-size: 18px; line-height: 24px; }
div#siteIntro p#introRegBtn { text-align: center; }

div#newSiteIntro { width: 998px; margin-left: -15px; overflow: hidden;}
div#siteIntroImage {width: 674px; float: left;}
div#siteIntroImage img {display: block}
div#siteIntroContent {width: 265px; padding: 100px 10px 1px 10px; float: left;}
div#newSiteIntro p { font-size: 13.5px; line-height: 1.3em; }
div#newSiteIntro h1 { color: #000; font-family: "Lucida Grande", Arial, sans-serif; font-size: 32px; line-height: 36px; margin: 0 0 15px; }

div#tourVideo, div#gsVideo, div#gsForumVideo, div.videoWrapper,/*temp*/
div#introVideo { width: 480px; height: 270px; margin: 0px 0px 0px 15px; padding: 3px; float: right; clear: right; overflow: hidden; background-color: #000;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

div#introMenu { margin: 0px; padding: 0px 1px; display: block; overflow: hidden; clear: both; }
div#introMenu div { width: 302px; margin: 0px; padding: 20px 10px; float: left; overflow: hidden; }
div#introMenu a { width: 276px; margin: 0px; padding: 7px 12px; border: 1px solid #999; display: block; float: left; text-align: left; text-decoration: none; cursor: pointer; background-color: #e5e3e4;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 0px 1px 7px rgba(0,0,0,.3); -webkit-box-shadow: 0px 1px 7px rgba(0,0,0,.3); box-shadow: 0px 1px 7px rgba(0,0,0,.3);
	background-color: #e5e3e4;
	/*background: #e5e3e4 -moz-linear-gradient(center top , #FFFFFF, #e5e3e4); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e3e4));*/
	background-image: linear-gradient(top, #FFFFFF 0%, #E5E3E4 100%); background-image: -o-linear-gradient(top, #FFFFFF 0%, #E5E3E4 100%); background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E5E3E4 100%);
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E5E3E4 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFFFF', EndColorStr='#E5E3E4FF', GradientType=0); 
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E5E3E4 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E5E3E4));
}
div#introMenu a p { margin-bottom: 5px; text-decoration: none; color: #000; }
div#introMenu a h2 { margin-bottom: 3px; text-decoration: none; }

div#introMenu a:hover, div#introMenu a:focus { border-color: #06f; -moz-box-shadow: 0px 1px 10px #06f; -webkit-box-shadow: 0px 1px 10px #06f; box-shadow: 0px 1px 10px #06f; }
div#introMenu a:active { border-color: #999; -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,.8); -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,.8); box-shadow: inset 0px 0px 10px rgba(0,0,0,.8); }
div#introMenu a:hover h2, div#introMenu a:focus h2, div#introMenu a:hover p, div#introMenu a:focus p { color: #06f; text-decoration: none; }

div#soIntroVideo, div#soTourVideo { width: 460px; margin: 15px 0px; padding: 0px 12px; float: left; text-align: center; }
div#soIntroVideo div.videoWrapper, div#soTourVideo div.videoWrapper { width: 450px; height: 253px; margin: 0px auto; float: none; }

/*_________________________________________________________________________________
		TOUR 
===================================================================================*/
div#tourVideo { width: 550px; height: 310px; margin-right: 20px; }
div#tourFeatures { padding: 15px 0px 0px; overflow: hidden; clear: both; }
div#tourFeatures div { width: 276px; margin: 0px 10px; padding: 7px 12px; display: block; float: left; text-align: left; }

div#tourFeatures h3 {}
div#tourFeatures ul {  }
div#tourFeatures ul li { list-style: disc; margin: 0px 0px 5px 15px; }

/*_________________________________________________________________________________
		ABOUT US PAGE 
===================================================================================*/
div.bio { padding-top: 13px; padding-bottom: 10px; border-bottom: 1px solid #ccc; overflow: hidden; }
div.bio.last { border-bottom: 0px none; }

/*_________________________________________________________________________________
		TEST QUIZ 
===================================================================================*/
div#smQuiz { width: 550px; height: 325px; margin: 0px 0px 20px 30px; border: 1px solid #41464b; overflow: hidden; float: right; border-radius: 5px; }
div#smQuiz div#smQuizWrapper { position: static; overflow: hidden; }

/*_________________________________________________________________________________
		COURSES 
===================================================================================*/
div#courseList {}

div#autumn_sale_detail { float: right; }

div#courseList div.courseItem { padding: 10px 0px 1px; border-top: 1px solid #ccc; overflow: hidden; }
div#courseList div.courseItem h2 { margin-bottom: 10px; }

/*div.courseItem*/ div.actionItems { overflow: hidden; text-align: center; }
div.courseItem div.actionItems { width: auto; padding: 0px 15px 0px 25px; float: right; clear: right; }
/*div.courseItem div.actionItems*/ p.price { margin: 0px 0px 10px; font-weight: bold; font-size: 17px; }
/*div.courseItem div.actionItems*/ p.comingSoon { margin: 0px 0px 0px; font-weight: bold; font-size: 17px; line-height: 19px; color:#CDCDCD }
/*div.courseItem div.actionItems*/ p.comingSoonPrice { margin: 0px 0px 10px; font-weight: bold; font-size: 17px; line-height: 19px; color:#CDCDCD }
/*div.courseItem div.actionItems*/ p.regLink span { width: 165px; margin: 5px auto; display: block; }
div.actionItems p.more { margin: -7px 0px 0px; }
div.actionItems h3 { margin-bottom: 10px; }

p.price span.regPrice { font-weight: normal; text-decoration: line-through; }
p.price span.autumnPrice { color: #E77825; font-size: 20px; }

div.courseItem div.courseDetails {  }
div.courseItem div.courseDetails h6 span { margin-right: 8px; }
div.courseItem div.courseDetails h6 span strong { color: #000; }
div.courseItem div.courseDetails p.courseDesc {}


div#videoList { overflow: hidden;  }
	
div#newVideoList { margin: 15px 0px 25px; padding: 0px; border: 0; background-color: #fff;}

div#videoList div.videoItem { margin: 0px 0px 15px; padding: 0px; border: 1px solid #ddd; background-color: #fff;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.2); box-shadow: 0px 0px 10px rgba(0,0,0,.2); }
	
div#newVideoList div.videoItem { margin: 0px 0px 15px; padding: 0px; overflow: hidden; border: 1px solid #ddd; background-color: #fff;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.2); box-shadow: 0px 0px 10px rgba(0,0,0,.2); }
	
div#videoLinks div.autumnSale:hover { border: 1px solid #E77825; -moz-box-shadow: 0px 0px 10px rgba(231,120,37,1.0); -webkit-box-shadow: 0px 0px 10px rgba(231,120,37,1.0); box-shadow: 0px 0px 10px rgba(231,120,37,1.0); }

div.videoHeader { padding: 10px; overflow: hidden; }
div.videoHeader div.actionItems { float: right; }
div.videoHeader div.actionItems p { display: inline; margin-left: 10px; }

div.videoHeader div.actionItems p.regLink a.regBtn { width: 100px; }

div.videoDetail { padding: 5px 140px 10px 10px; overflow: hidden; display:none; border-top: 1px solid #ccc; background: url("../images/si/sitp/health_wellness_is.jpg") no-repeat 100% 0%;}
div.videoDetail p { margin: 5px 0 0; }

div#videoList div.expanded div.videoDetail { display: block; }


div#videoList div#video1 div.videoDetail { background-image: url("../images/si/sitp/Trends_final_web.jpg"); } /* cosmetic medicine and esthetics */
div#videoList div#video2 div.videoDetail { background-image: url("../images/si/sitp/Melasma_final_web.jpg"); } /* mastering treatment of melasma */
div#videoList div#video3 div.videoDetail { background-image: url("../images/si/sitp/Oncology_final_web.jpg"); } /* oncology esthetics */
div#videoList div#video4 div.videoDetail { background-image: url("../images/si/sitp/Synergy_final_web.jpg"); } /* synergy of cosmeceutical and prescription products */

div#videoList div.bundle { clear: both; margin: 10px; }


div#videoList div.col1,
div#videoList div.col2 { width: 464px; padding: 10px; float: left; overflow: hidden; }

div#newVideoList div.col1,
div#newVideoList div.col2 { width: 464px; padding: 10px; float: left; overflow: hidden; }

div#videoList div.VLcol1 { width: 464px; padding: 0px; float: left; overflow: hidden; }
div#videoList div.VLcol2 { width: 464px; padding: 10px; float: right; overflow: hidden; }

div#newVideoList div.VLcol1 { width: 464px; padding: 0px; float: left; overflow: hidden; }
div#newVideoList div.VLcol2 { width: 464px; padding: 10px; float: right; overflow: hidden; }

div#videoList div#videoImage { width: 457px; margin-right: 10px; }
div#videoList div#videoLinks { width: 453px;margin-top: 15px; margin-bottom: 15px; padding-bottom: 1px;}

div#newVideoList div#videoImage { width: 457px; margin-right: 10px; }
div#newVideoList div#videoLinks { width: 453px;margin-top: 15px; margin-bottom: 15px; padding-bottom: 1px;}

div#videoList div#fbnc12 { width: 457px; margin-bottom: 15px; margin-right: 10px; padding-bottom: 1px; border: 1px solid #ccc; border-radius: 12px; background-color: #FFFEC8; }
div#videoList div#fbnc12 h2 { margin: -10px -10px 10px; padding: 5px 0px 3px; text-align: center; /*background-color: #66A32E;*/  }

div#videoList div#trueU { width: 453px; margin-bottom: 15px; padding-bottom: 1px; border: 3px solid #AAE0FA; border-radius: 12px; }
div#videoList div#trueU h2 { margin: -10px -10px 10px; padding: 4px 0px 5px; text-align: center; background-color: #AAE0FA;  }


div#videoList div.col2 div.bundle,
div#videoList div.col1 div.course { padding: 7px 12px; border: 1px solid #999; display: block; background-color: #e5e3e4;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 0px 1px 7px rgba(0,0,0,.3); -webkit-box-shadow: 0px 1px 7px rgba(0,0,0,.3); box-shadow: 0px 1px 7px rgba(0,0,0,.3);
	background-image: linear-gradient(top, #FFFFFF 0%, #E5E3E4 100%); background-image: -o-linear-gradient(top, #FFFFFF 0%, #E5E3E4 100%); background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E5E3E4 100%);
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E5E3E4 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFFFF', EndColorStr='#E5E3E4FF', GradientType=0); 
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E5E3E4 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E5E3E4));
}
div#videoList div.course > p,
div#videoList div.coursePart > p { margin-bottom: 10px; }

div#videoList div.bundle { overflow: hidden; padding: 10px; }
div#videoList div.bundle div.actionItems { width: 200px; float: right; }
div#videoList div.bundle div.coursePart { width: 432px; padding: 10px 15px 5px; float: left; overflow: hidden; }
div#videoList div.bundle div#part1, div#videoList div.bundle div#part3 { border-right: 1px solid #ccc; }
div#videoList div.bundle div#part2, div#videoList div.bundle div#part4 { border-left: 1px solid #ccc; margin-left: -1px; }
div#videoList div.bundle div#part3, div#videoList div.bundle div#part4 { border-top: 1px solid #ccc; }
div#videoList div.bundle div.coursePart div.actionItems p.regLink a.regBtn { width: 100px; }
div#videoList div.bundle div.bundleOption { margin-top: 15px; padding-top: 10px; border-top: 1px solid #ddd; overflow: hidden; clear: both; }
div#videoList div.bundle div.bundleOption div.actionItems { width: auto; padding: 0px 15px 0px 25px; float: right; }

/*div#courseList a.courseBtn { margin: 0px 0px 15px; padding: 10px 10px 10px; border: 1px solid #999; display: block; 
	text-decoration: none; cursor: pointer; background-color: #e5e3e4;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 0px 1px 7px rgba(0,0,0,.3); -webkit-box-shadow: 0px 1px 7px rgba(0,0,0,.3); box-shadow: 0px 1px 7px rgba(0,0,0,.3);
	background: #e5e3e4 -moz-linear-gradient(center top , #FFFFFF, #e5e3e4); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e3e4)); }

div#courseList a.courseBtn p { color: #000; }

div#courseList a.courseBtn:hover, div#courseList a.courseBtn:focus { border-color: #06f; -moz-box-shadow: 0px 1px 10px #06f; -webkit-box-shadow: 0px 1px 10px #06f; box-shadow: 0px 1px 10px #06f; }
div#courseList a.courseBtn:active { border-color: #999; -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,.8); -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,.8); box-shadow: inset 0px 0px 10px rgba(0,0,0,.8); }
div#courseList a.courseBtn:hover *, div#courseList a.courseBtn:focus * { color: #06f; }*/

/*_________________________________________________________________________________
		COURSE DETAIL PAGES 
===================================================================================*/
div#course1Detail .book { width: 450px; margin-top: 10px; margin-right: 10px; margin-left: 25px; float: right; clear: right; }
div#course1Detail .book img { margin-right: 10px; float: left; }

/*____________________________________________________________________________________________________________
		STUDENT PAGE STYLES
==============================================================================================================*/
/* --- BREADCRUMB styles ---------------------- */
p#breadcrumb { margin: 0px 0px 10px; color: #666; font-size: 12px; line-height: 14px; }
p#breadcrumb a:link, p.breadcrumb a:active { color: #326076; }
p#breadcrumb a:visited { color: #666; }
p#breadcrumb a:hover, p.breadcrumb a:focus { color: #06f; }
p#breadcrumb span.page { color: #000; }

/*_________________________________________________________________________________
		DASHBOARD 
===================================================================================*/
div#courses {}
div.course { margin-bottom: 15px; border: 1px solid #666; overflow: hidden; }
div.course h2 { margin: 0px; padding: 3px 15px 3px 61px; position: relative; background-color: #ccc; background-position: 615px 50%; background-repeat: no-repeat; }/* this bg-pos will have to change if the column widths change */
div.course h2 span { padding: 0px 5px; position: absolute; left: 5px; top: 3px; font-size: 15px; line-height: 21px; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div.course h2.complete { background-color: #6c6;}
div.course h2.complete span { text-indent: -500px; width: 16px; background: #fff url("../images/icons/checkmark.gif") no-repeat 7px 5px; }

div#courses div.course ol.lessons { padding: 0px; list-style-position: inside; list-style-type:decimal-leading-zero; }
div.course ol.lessons li { padding: 5px 3px 6px 35px; border-bottom: 1px solid #e5e3e4; }
div.course ol.lessons li.complete { background-image: url("../images/icons/checkmark.gif"); background-position: 10px 55%; background-repeat: no-repeat; }
div.course ol.lessons > li.complete { background-image: url("../images/icons/checkmark.png"); }
ol.lessons li:nth-child(even) { background-color: #f2f2f5; }
div.course ol.lessons li:last-child { border-bottom: 0px none; }
div.course ol.lessons li:hover { background-color: #eaebec; -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,.3); -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.3); box-shadow: inset 0px 0px 5px rgba(0,0,0,.3); }

div.course div.courseMessage { padding: 5px 10px; border-top: 1px solid #666; background-color: #e5e3e4; }
div.course div.courseMessage h3 {}
div.course div.courseMessage p { margin: 0px; }

/* - dealing with expanded and collapsed courses - */
div#courses div.expanded h2 { border-bottom: 1px solid #666; /*background-image: url("../images/icons/collapse.gif");*/ }
/*div#courses div.collapsed h2 { background-image: url("../images/icons/expand.gif"); }
div#courses div.expanded ol, div#courses div.expanded div.courseMessage { display: block; }
div#courses div.collapsed ol, div#courses div.collapsed div.courseMessage { display: none; }*/

/*_________________________________________________________________________________
		LESSON DETAIL PAGE 
===================================================================================*/
div#videoStage { width: 950px; height: 385px; margin: 0px 0px 10px; overflow: hidden; position: relative; }
div#videoWrapper { position: relative; top: -34px; left: -8px; }

div#quickLinks { width: 268px; margin: 0px 24px 7px 20px; padding: 0px 15px 5px; border: 1px solid #666; float: right; clear: both;}
div#quickLinks h4 { margin: 0px -15px; padding: 7px 10px 0px; background-color: #e5e3e4; }
div#quickLinks h3 { margin: 0px -15px 7px; padding: 3px 10px 5px; border-bottom: 1px solid #666; background-color: #e5e3e4; }
div#quickLinks ul { padding-left: 0px; }
div#quickLinks ul li { margin-bottom: 5px;}
div#quickLinks ul li span.weak { margin-left: 3px;}
div#quickLinks p#quizLink { margin: 10px 0px 7px; }
div#quickLinks p#quizLink.passed { color: #093; padding-left: 20px; font-weight: bold; background: url("../images/icons/checkmark.gif") no-repeat 0 50%;  }
div#quickLinks > p#quizLink.passed { background-image: url("../images/icons/checkmark.png"); }

div#lessonNav {width: 298px; margin: 0px 24px 15px 20px; padding: 0px 1px; float: right; clear: right; overflow: hidden; }
div#lessonNav p { margin: 0px; padding: 0px 5px; }
div#lessonNav p#lessonNavPrev { float: left; text-align: left; }
div#lessonNav p#lessonNavPrev a { padding-left: 20px; background: url("../images/ct/c3tp/arrowLeft.gif") no-repeat 0 0; }
div#lessonNav p#lessonNavNext { float: right; text-align: right;  }
div#lessonNav p#lessonNavNext a { padding-right: 20px; background: url("../images/ct/c3tp/arrowRight.gif") no-repeat 100% 0; }

ul.lessonResources { margin: 5px 0px; }
ul.lessonResources li { list-style: disc; margin: 0px 0px 5px 15px; }

/*_________________________________________________________________________________
		QUIZ AND RESULTS PAGE 
===================================================================================*/
form.quiz { margin-top: -10px; overflow: hidden; }
form.quiz dl { overflow: hidden; }
form.quiz dl dt { margin: 15px 0px 5px; }
form.quiz dl dd { padding-left: 15px; overflow: hidden;}
form.quiz dl dd input { margin-right: 2px; cursor: pointer; }
form.quiz dl dd label { cursor: pointer; }
form.quiz dl dd label.correct { color: #009933; font-weight: bold; }
form.quiz dl dd label.error { color: #c00; font-weight: bold; }
form.quiz input.submit { }

div#certificate { width: 350px; margin: 0px 0px 20px 50px; padding: 7px 7px 0px 7px; float: right; overflow: hidden; text-align: center; }
div#certificate h3 { width: 350px; height: 268px; margin: 0px; background-position: 0px 0px; background-repeat: no-repeat; -moz-box-shadow: 0px 0px 7px rgba(0,0,0,.5); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.5); box-shadow: 0px 0px 7px rgba(0,0,0,.5); }
div#certificate h3 a { height: 28px; padding: 120px 0px; display: block; color: #000; font-size: 18px; line-height: 28px; text-decoration: none; }
div#certificate p { margin: 5px 0px 0px 0px; }

div#certificate h3#course1 { background-image: url("../images/ct/c3tp/certThumb-bcc.jpg"); }
div#certificate h3#course2 { background-image: url("../images/si/sitp/certThumb-pots.jpg"); }
div#certificate h3#course3 { background-image: url("../images/ct/c3tp/certThumb-nats.jpg"); }
div#certificate h3#course4 { background-image: url("../images/ct/c3tp/certThumb-opt.jpg"); }
div#certificate h3#course5 { background-image: url("../images/ct/c3tp/certThumb-pct.jpg"); }

/*_________________________________________________________________________________
		COMPLETE MY ACCOUNT PROFILE 
===================================================================================*/
div#completeForm { width: 500px; }
div#completeForm fieldset.group { clear: left; }
div#completeForm fieldset.stacked { float: left; clear: none; margin-right: 30px; }

div#completeForm fieldset#demos { float: none; clear: both; margin: 0px; }
div#completeForm fieldset#demos div.multicheck { padding-bottom: 0px; }
div#completeForm fieldset#demos div.multicheck p { font-size: 13px; line-height: 15px; margin-bottom: 7px; }
div#completeForm fieldset#demos div.multicheck div { width: 210px; padding: 2px 0px 0px 2px; float: left; overflow: hidden; }
div#completeForm fieldset#demos div.multicheck div#split1 { width: 100px; margin-right: 10px; }
div#completeForm fieldset#demos div.multicheck input { float: left; margin-right: 5px; cursor: pointer; }
div#completeForm fieldset#demos div.multicheck label { margin-bottom: 5px; display: block; cursor: pointer; }

/*_________________________________________________________________________________
		MY ACCOUNT PAGE 
===================================================================================*/
div#accountNote { width: 242px; padding: 7px 10px 10px; margin: 0px 0px 15px 15px; border: 1px solid #bbb; float: right; text-align: center; background-color: #e5e3e4;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.3); box-shadow: 0px 1px 5px rgba(0,0,0,.3);
	background: #e5e3e4 -moz-linear-gradient(center top , #FFFFFF, #e5e3e4); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e3e4));
}
div#accountNote h5 { margin: 0px 0px 3px; }
div#accountNote p { margin: 0px; font-size: 13px; line-height: 15.5px; }

div#accountInfo { margin-bottom: 20px; }
div#accountInfo p { margin: 0px 0px 10px; line-height: 19px; }

div#editInfoForm { overflow: hidden; width: 600px; }
div#editInfoForm fieldset.group { clear: left; }
div#editInfoForm fieldset.stacked { float: left; clear: none; margin-right: 30px; }

table#registrations { width: 600px; border: 1px solid #999; border-bottom: 0px none; }
table#registrations td { padding: 5px 10px 5px 7px; border-width: 0px 0px 1px; }
/*table#registrations tr:hover td { background-color: #eaebec; }*/
table#registrations td.courseName { font-weight: bold; }
table#registrations td.purchasedDate {  }
table#registrations td.certLink {  }

/*_________________________________________________________________________________
		LIVE CHAT PAGE 
===================================================================================*/
div#callArchive { width: 300px; margin: 0px 0px 15px 20px; padding: 10px 15px 15px; border: 1px solid #999; float: right; background-color: #e5e3e4;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background: #e5e3e4 -moz-linear-gradient(center top , #FFFFFF, #e5e3e4); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e3e4));
}

/*_________________________________________________________________________________
		SUPPORT PAGE 
===================================================================================*/
form#support { width: 450px; }

/*_________________________________________________________________________________
		GETTING STARTED PAGE 
===================================================================================*/
div#gsVideo,
div#gsForumVideo { width: 550px; height: 310px; margin: 0px 0px 15px 20px; float: right; }
div#gsForumVideo { height: 474px; }

/*div.gsSection { margin: 0px -6px; padding: 5px; border: 1px solid #fff; overflow: hidden; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div.gsSection img { margin: 0px 0px 5px 15px; border: 1px solid #999; float: right; }
div.gsSection a { font-weight: bold; }
div.gsSection a span.pointer { font-size: 36px; color: #ff0; position: absolute; display: none; text-shadow: -1px 2px 0px #000;}
div.gsSection a:hover span.pointer { display: inline; }

a#gsDsh-account span { top: 12px; right: 50px; }
a#gsDsh-forum span { top: 110px; right: 118px; }
a#gsDsh-support span { top: 135px; right: 118px; }
a#gsDsh-chat span { top: 202px; right: 310px; }
a#gsDsh-faq span { top: 202px; right: 285px; }

a#gsDsh-forum span { top: 110px; right: 118px; font-size: 1px; width: 40px; height: 20px; -moz-box-shadow: -1px -1px 0px rgba(0,0,0,.3); -webkit-box-shadow: -1px -1px 0px rgba(0,0,0,.3); box-shadow: -1px -1px 0px rgba(0,0,0,.3); }*/

@-moz-document url-prefix() {
	fieldset div.checkbox label.error { margin-top: -15px; }
	fieldset div.checkbox label.error:nth-of-type(1) { margin-top: 2px; }
	
}