/*---------------- IMAGE PRELOADER ------------------*/

@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}

	div#preloader img {
		display: block;
		}
	}

@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
	}

/*----------------  MAIN CSS ----------------*/

.no_display { display:none; }

.step {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom:20px;
	border:solid 1px #878787;
	background:#E6E6DE;
	padding:10px;
	border-radius:6px;
	width:100%;
}

.cetab.selected, .tab.selected {
	background:#fff;
	border-bottom:solid 1px #fff;
	font-weight:700;
}

.graphic {background:url('../FLOW/images/graphics.png');
}

.header {
    color: #FFF;
    border: solid 1px #696969;
    background-color: #636363;
    /*  background: #b8b8b8; Old browsers */
    /* background: -moz-linear-gradient(top,  #b8b8b8 0%, #808080 100%); FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8b8b8), color-stop(100%,#808080)); Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, #b8b8b8 0%,#808080 100%); Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, #b8b8b8 0%,#808080 100%); Opera 11.10+ */
    /*background: -ms-linear-gradient(top, #b8b8b8 0%,#808080 100%); IE10+ */
    /*background: linear-gradient(top, #b8b8b8 0%,#808080 100%); W3C */
    /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#808080',GradientType=0 ); IE6-9 */
    position: relative;
    bottom: 11px;
    right: 11px;
    height: 20px;
    margin-right: -22px;
    margin-bottom: 11px;
    padding: 6px 0 11px;

}

.stepno {
	width:29px;
	height:32px;
	float:left;
	position:relative;
    /*bottom:1px;*/
    /*right:1px;*/
    padding-top: 6px;
    padding-left: 10px;
    margin-right: -17px;
    font-weight: 700;
}

.header p {
     margin: 2px 0px 2px 10px;
    font-size: 15px; /*12*/
    text-indent: 10px;
    text-transform: uppercase;
    font-weight:700;
}

/*-- GUIDE --*/

/*-- STEP 1 --*/

.one {background-position:-342px 0px;}

/*-- STEP 2 --*/

.two {background-position:-387px 0px;}

/*.folder {
	width:100%;
	padding:10px;
}*/

/*.tab {top:1px;}*/

select {
    margin-bottom: 11px;
    border: 1px solid #b5b5b5;
    padding: 0.3em;
    font-size: 1em;
    cursor: pointer;
    border-radius: 5px;
}

#folderContent p {margin-left:10px;}

.foldercontent, #folderContent {padding-top:20px;}

.tilecontainer {
	text-align:center;
	
	width:100%;
	margin: 0 auto;
}

.tile {
	display:inline-block;
	zoom:1;
	/**display: inline;*/
	vertical-align:top;
	text-align:left;
	width:155px;
	height:240px;
	margin:5px;
	position:relative;
	bottom:5px;
}

/*.cefolder {text-align:center;}

.cefolder .tile {width:130px;}

.cefolder .tileBtn {height:170px;}

.#folderContent .tile {width:130px;}
*/

/*BW (begin) - mobile change for Bobo GA tiles 
.cefolder .tile {width:130px;}

.tileBtnBobo {height:188px;}

.altTileTitle {
    font-size: 13px !important;
    position: relative;
    top: 3px;
}
/*BW (end) - mobile change for Bobo GA tiles */

/*.folder .tileBtn {height:200px;}

.tileBtn:hover {cursor:pointer;}*/

.tileBtn {height:170px;}

.tileBtn:hover {cursor:pointer;}

/*#class_btn ,#frclass_btn {background:url('/FLOW/images/CEClassroom.PNG') no-repeat top center;}
#webclass_btn ,#frwebclass_btn {background:url('/FLOW/images/CEWebinar.PNG') no-repeat top center;background-size:100%;}
#ondemand_btn {background:url('/FLOW/images/CEOnDemand.PNG') no-repeat top center;background-size:100%;}
#online_btn,#fronline_btn {background:url('/FLOW/images/CEOnline.PNG') no-repeat top center;background-size:100%;}
#selfstudy_btn,#frselfstudy_btn,#frbasiconline_btn {background:url('/FLOW/images/CESelfStudy.PNG') no-repeat top center;background-size:100%;}*/
/*#classEquiv_btn{background:url('/FLOW/images/CEClassEquiv.PNG') no-repeat center center;background-size:100%;}*/
/*#keir_btn {background:url('/FLOW/images/keirTile.png') no-repeat center center;background-size:100%;}
#FS_btn {background:url('/FLOW/images/fireSolutionsTile.png') no-repeat center center;background-size:100%;}*/

#class_btn {background:url('/FLOW/images/classtile.png') no-repeat center center;}
#webclass_btn {background:url('/FLOW/images/webclasstile.png') no-repeat center center;}
#ondemand_btn {background:url('/FLOW/images/videoLecture.png') no-repeat center center;}
#online_btn {background:url('/FLOW/images/onlinetile.png') no-repeat center center;}
#selfstudy_btn {background:url('/FLOW/images/selfstudytile.png') no-repeat center center;}
#examprep_btn {background:url('/FLOW/images/exampreptile.png') no-repeat center center;}
#altselfstudy_btn {background:url('/FLOW/images/altselfstudytile.png') no-repeat center center;}
#keir_btn {background:url('/FLOW/images/keirTile.png') no-repeat center center;}
#FS_btn {background:url('/FLOW/images/fireSolutionsTile.png') no-repeat center center;}

/*#altselfstudy_btn {background:url('/FLOW/images/altselfstudytile.png') no-repeat top center;background-size: 100%;}*/


/*#class_btn:hover, #frclass_btn:hover {background:url('/FLOW/images/CEClassroom1.PNG') no-repeat top center;background-size:100%;}
#webclass_btn:hover, #frwebclass_btn:hover  {background:url('/FLOW/images/CEWebinar1.PNG') no-repeat top center;background-size:100%;}
#ondemand_btn:hover  {background:url('/FLOW/images/CEOnDemand1.PNG') no-repeat top center;background-size:100%;}
#online_btn:hover, #fronline_btn:hover  {background:url('/FLOW/images/CEOnline1.PNG') no-repeat top center;background-size:100%;}
#selfstudy_btn:hover, #frselfstudy_btn,#frbasiconline_btn:hover  {background:url('/FLOW/images/CESelfStudy1.PNG') no-repeat top center;background-size:100%;}*/
/*#classEquiv_btn:hover {background:url('/FLOW/images/CEClassEquiv1.PNG') no-repeat center center;background-size:100%;}*/
/*#keir_btn:hover  {background:url('/FLOW/images/keirTile2.png') no-repeat center center;background-size:100%;}
#FS_btn:hover  {background:url('/FLOW/images/fireSolutionsTile2.png') no-repeat center center;background-size:100%;}*/

#class_btn:hover {background:url('/FLOW/images/classtile2.png') no-repeat center center;}
#webclass_btn:hover  {background:url('/FLOW/images/webclasstile2.png') no-repeat center center;}
#ondemand_btn:hover  {background:url('/FLOW/images/videoLecture2.png') no-repeat center center;}
#online_btn:hover  {background:url('/FLOW/images/onlinetile2.png') no-repeat center center;}
#selfstudy_btn:hover  {background:url('/FLOW/images/selfstudytile2.png') no-repeat center center;}
#examprep_btn:hover  {background:url('/FLOW/images/exampreptile2.png') no-repeat center center;}
#altselfstudy_btn:hover {background:url('/FLOW/images/altselfstudytile2.png') no-repeat center center;}
#keir_btn:hover  {background:url('/FLOW/images/keirTile2.png') no-repeat center center;}
#FS_btn:hover  {background:url('/FLOW/images/fireSolutionsTile2.png') no-repeat center center;}

/*#altselfstudy_btn:hover {background:url('/FLOW/images/altselfstudytile2.png') no-repeat top center;background-size: 100%;}*/

.altTileTitle { position:relative; font-size:13px !important; top:3px; }

.topEight { position:relative; top:8px; }

.shortTile {
	background:url('/FLOW/images/shrunkTile.png') no-repeat;
	height:44px;
	width:142px;
	display:none;
	margin-left:auto;
	margin-right:auto;
}

.shortTile_inactive {background:url('/FLOW/images/shrunkTile_inactive.png') no-repeat;}

.shortTile:hover {cursor:pointer;}

.tileInfo {
    position:relative;
}

.cefolder .tileInfo {
    bottom:44px;
}

.folder .tileInfo {
    bottom:60px;
}

.tile h2 {
    font-weight:700;
	color:#fff;
	text-align:center;
	font-size:17px;
	margin-top:0.83em;
	margin-bottom:0.83em;
}

/*.ondemand_tile h2, .online_tile h2 {
    font-size:14px;
    margin-top:-3px !important;
}*/

.tile h2 {
    cursor:pointer;
}

.tile p {
	font-size:12px;
}

.cefolder .tile p, .folder .tile p {margin-top:30px;}

#frclsequvtile p {margin-top:15px;}

/*-- This is the special stuff just for Classroom Equivalent --*/
/*#tile5 .tileBtn {
	height:180px;
}*/

#classEquiv_btn,#frclassEquiv_btn {background:url('/FLOW/images/CEClassEquiv.PNG') no-repeat top center;background-size:100%;}

#classEquiv_btn,#frclassEquiv_btn:hover {background:url('/FLOW/images/CEClassEquiv1.PNG') no-repeat top center;background-size:100%;}

.folder h2 {
    margin-top:-3px;
}

.cefolder h2 {
    margin-top:6px;
}

.cefolder .ceshortTile {
	top:0px;
	background-size:100%;
    width:135px;
}

.folder .shortTile {
    top:0px;
	background-size:100%;
    width:150px;
}

.shortTile {
	background:url('/FLOW/images/shrunkTile.png') no-repeat;
	height:44px;
	width:142px;
	display:none;
	margin-left:auto;
	margin-right:auto;
}

.shortTile_inactive {background:url('/FLOW/images/shrunkTile_inactive.png') no-repeat;}

.shortTile:hover {cursor:pointer;}

/*#tile5 h2 {
	font-size: 14px;
	width: 90px;
	text-align: center;
	margin-left: auto;
	margin-top: 2px;
	margin-right: auto;
	line-height: 15px;
}*/

#frclsequvtile h2 {
	font-size: 14px;
	width: 90px;
	text-align: center;
	margin-left: auto;
	margin-top: 2px;
	margin-right: auto;
	line-height: 15px;
}
#frBasicOnline h2 {
	width: 90px;
	text-align: center;
	margin-left: auto;
	margin-top: 2px;
	margin-right: auto;
	line-height: 15px;
}
#frBasicOnline p {margin-top:15px;}	font-size: 14px;


.keir_tile h2, .FS_tile h2 {
    font-size:13px}
	
#keir_tile_text #FS_tile_text {
	margin-top: -7px;
	font-size: 15px;
}

.folder .othSecText {
	margin-top: -7px;
	font-size: 15px;
}

.FS_tile h2 {
    position:relative;
    top:15px;
}

.keir_tile p {
    width:310px; /* This is the width of 2 tiles, to cover both KEIR and Fire Solutions. */
    margin-top:40px;
}

#documentLinks {
    margin:10px 0 40px 0;
    padding:3px;
    border-radius:15px;
    background: #9b9b9b;
    background: -moz-linear-gradient(top,  #9b9b9b 0%, #828282 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b9b9b), color-stop(100%,#828282));
    background: -webkit-linear-gradient(top,  #9b9b9b 0%,#828282 100%);
    background: -o-linear-gradient(top,  #9b9b9b 0%,#828282 100%);
    background: -ms-linear-gradient(top,  #9b9b9b 0%,#828282 100%);
    background: linear-gradient(to bottom,  #9b9b9b 0%,#828282 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9b9b', endColorstr='#828282',GradientType=0 );
}

.dlinkTitle {
    display:inline-block;
    color: #fff;
    margin:0 20px 0 20px;;

}

.dlinks {
    text-align:center;
    display:inline-block;
    border-radius:15px;
    padding:5px;
    background:#fff;
    font-size: 12px;
}

.dlinks a {
    display:inline-block;
}

.various, .pdflink { margin: 0px 15px 0px 15px; }
.various:link {color:#787878;}
.pdflink:link, .pdflink:visited {color:#787878;}

/*-- STEP 3 --*/

.three {
	background-position:-440px 0px;
}

#tabsdiv {display:none;}

/*-- STEP 4 --*/

#step4 {
	background:#E6E6E3;
	border:solid 1px #998675;
	padding:10px 20px 30px 20px;
	float:left;
}

#step4 p {
	color:#534741;
}

.clear {display:block; clear:left; line-height:0; height:0;}

/*#dateKey {margin-left:20px;}*/  /*BW- 6-30-14 - removed for responsive cal */
#dateKey p, #dateKey div {display:inline-block;}
/*#dateKey div {width:20px;height:20px;border:solid 1px #878787;}*/  /*BW- 6-30-14 - removed for responsive cal */
#dateKey p {margin-right:15px;vertical-align:middle;}

/*BW- 6-30-14 - BEGIN- calendar colors - 1 */
.englishDate:hover, .spanishDate:hover {cursor:pointer;}

.pdate {margin-bottom: 10px;}
/*BW- 6-30-14 - END - calendar colors - 1 */

.month {
	float:left;
	margin:0px 35px 20px 35px;
	/*width: 225px;  //BW - 6-30-14 removed to extend month header box to calendar width*/
	height: 216px;
}

.monthtitle {
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	padding:5px 0px 2px 0px;
	
	background: #788ca6; /* Old browsers */
	background: -moz-linear-gradient(left,  #788ca6 0%, #8fb0b0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#788ca6), color-stop(100%,#8fb0b0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #788ca6 0%,#8fb0b0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #788ca6 0%,#8fb0b0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #788ca6 0%,#8fb0b0 100%); /* IE10+ */
	background: linear-gradient(left,  #788ca6 0%,#8fb0b0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#788ca6', endColorstr='#8fb0b0',GradientType=1 ); /* IE6-9 */
}

.month table {
	border-collapse:collapse;
	color:#595959;
	border:solid 1px #878787;
}

.month th {
	border:white;
	font-weight:normal;
	font-size:13px;
	padding:5px;
	color:#575757;
}

.month td {
	text-align:center;
	font-size:17px;
	font-weight:bold;
	padding:3px;
	width:20px;
}

.date {
	border:solid 1px #878787;
	background:#fff;
}

.life_day {background:#C9BFAB;text-decoration:underline;}
.health_day {background:#E0BF78;text-decoration:underline;}
.life_day:hover, .health_day:hover {cursor:pointer;}

/*BW- 6-30-14 - BEGIN calendar colors - 2 */
.englishBox, .spanishBox {
	float:left;
	width:10px;
	height:10px;
	border:1px #595959 solid;
	margin-right:5px;
}

.englishDate {
	background:#FBB03B;
	text-decoration:underline;
	border: 1px solid #595959;
}

.spanishDate {
	background:#39B54A;
	text-decoration:underline;
	border: 1px solid #595959;
}
/*BW- 6-30-14 - END - calendar colors -2 */

/*------------- COMPARE FEATURES POPUP STUFF --------------*/

#compareContainer {
	margin:0 20px 20px 20px;
	text-align:right;
}

#features {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	border:solid 2px #CECECE;
	font-weight:normal;
	color:#5A4A42;
	border-collapse:collapse;
}

#features td, #features th {
	width:85px;
	font-size:12px;
}

.columnTH {
	text-align:center;
	background:#EADFD2;
	padding:5px 2px 5px 2px;
}

.rowTH {
	text-align:left;
	font-weight:normal;
	padding:5px 10px 5px 5px;
}

.altRow {
	background:#FFF4F0;
}

.check {
	width:11px;
	height:11px;
	background-position:-553px 0px;
	margin-left:auto;
	margin-right:auto;
}

/*BW - removed for mobile */
/*#descriptions {
	/*width:600px;margin:40px 30px 10px 30px;*/  /*BW - removed for mobile 
	width:100%;
	margin:2.5em 1.875em 0.625em;
}

#descriptions h3 {margin-bottom:0px;}
#descriptions hr {
	/*margin:2px;*/   /*BW - removed for mobile 
	margin: .125em;
}*/
#descriptions p {
	margin-bottom:20px; 
}

/*------------------ CE General -------------------*/

#leftNav {
	background:#E6E6DE;
	width:160px;
	height:100%;
	padding:20px;
	border-top-right-radius: 8px;
	-moz-box-shadow:    inset -2px 6px 7px #989898;
	-webkit-box-shadow: inset -2px 6px 7px #989898;
	box-shadow:        inset -2px 6px 7px #989898;
}

.sidebox {
	width:100%;
	margin-bottom:20px;
}

.sidebox img {
    width:100%;
}

.sideboxBody {
	padding:10px;
    line-height:1em;
}

.sideboxBody p {
    margin-bottom:15px;
}

#ctl00_MainContent_keir_link .head, #ctl00_MainContent_FS_link .head {
    font-size:17px;
}

#loginHead {
	width:350px;
	color:#FFF;
	padding:10px 0px 10px 25px;
	margin:15px;
	border:solid 1px #818181;
	background: #b00000; /* Old browsers */
	background: -moz-linear-gradient(top,  #b00000 0%, #690000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b00000), color-stop(100%,#690000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b00000 0%,#690000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b00000 0%,#690000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b00000 0%,#690000 100%); /* IE10+ */
	background: linear-gradient(top,  #b00000 0%,#690000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b00000', endColorstr='#690000',GradientType=0 ); /* IE6-9 */
}

#loginBox, #newUser {
	background:#E6E6DE;
	border:solid 1px #878787;
	padding:15px 25px 15px 25px;
	margin:15px;
}

#loginBox input {
	width:300px;
	border-top:solid 2px #696969;
	border-right:solid 2px #A0A0A0;
	border-left:solid 2px #A0A0A0;
	border-bottom:solid 2px #D1D1D1;
	padding:5px;
	margin-bottom:28px;
	background: #e6e6e6; /* Old browsers */
	background: -moz-linear-gradient(top,  #e6e6e6 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e6e6e6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e6e6e6 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e6e6e6 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top,  #e6e6e6 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#btnLogin {
	background-position:-472px 0px;
	width:75px;
	height:28px;
	float:right;
	position: relative;
	bottom: 25px;
	right: 10px;
}

#btnLogin:hover {
	cursor:pointer;
	background-position:-472px -28px;
}

/*------------------ CE Subscriptions  -------------------*/

.methodOnline{
    padding:30px;
    margin:0 auto 0 auto;
}

#tabcontainer, #tabsdiv {
    height:23px;
}

.cetab, .tab {
	position:relative;
	border-top: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
    border-left: 1px solid #BDBDBD;
	color:#534741;
	margin: 0px 0px 0px 0px;
    padding: 7px 11px 6px 11px;
    background-color: #eee; /*#E8DED1;*/
    z-index: 2;
    cursor: pointer;
    border-top-left-radius: 4px; /*7*/
    border-top-right-radius: 4px; /*7*/
    font-size: 11pt;
}

.cetab.selected, .tab.selected {
    background:#fff;
    z-index:4;
}

.cetab:hover , .tab:hover { background-color:#F5F0E9; }

.cefolder, .folder {
    padding:20px;
	position:relative;
	z-index:3; 
	border: 1px solid #BDBDBD;
	border-bottom-left-radius:5px; 
    border-top-right-radius:5px; 
    border-bottom-right-radius:5px;
    background-color:#fff;
}
.fr_address
{
    border:solid 1px #C0C0C0; 
    background-color:#fff; 
    padding:15px;
}
.subscription
{
    padding-top:18px;
    display:none;
    float:right
 }
#online_crs { display:none; width:100%; padding-top:30px }

#subscriptionBtn:hover {cursor:pointer;}
#individualsBtn:hover {cursor:pointer;}

.cestep, .step {
    margin-bottom: 40px;
    border: solid 1px #878787;
    background: #e0e0e0; /*#E6E6DE;*/
    border-radius: 6px;
    padding: 10px;
    width: 100%;
}

#franchise {
    margin-top:2em;
    line-height:1.1em;
}

#franchise div {
    margin-bottom:0.8em;
}

/*.cecontent{padding:22px;}*/

.ceshortTile {
	background:url('/FLOW/images/shrunkTile.png') no-repeat center center;
	height:44px;
	width:142px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:5px;
}
.dummyclass{padding:1px;}
.ceshortTile_inactive {background:url('/FLOW/images/shrunkTile_inactive.png') no-repeat center center;}

.cetile, .tile {
	display:inline-block;
	zoom:1;
	/**display: inline;*/
	vertical-align:top;
	text-align:left;
	width:155px;
	margin:5px;
}

#cetilecontainer, #tilecontainer {
	width:100%;
	margin: 0 auto;
    text-align:center;
}

#subscriptionBtn {
    background:url('/FLOW/images/subscriptionTile.png') no-repeat center center;
    width:307px;
    height:170px;
    text-align:left;
}

#individualsBtn { background:url('/FLOW/images/individualTile.png') no-repeat center center;width:307px;height:170px   }



#subscriptionBtn ul, #individualsBtn ul {
    line-height:1.2em;
    list-style-type:disc;
    width:230px;
    margin:1.3em 0 0 4em;
    text-align:left;
}

.btnsubsleft{float:left}

.btnindright{float:right}


.cetilebtn,  {height:170px;  }

#subscriptionToggle {
	float:right;
	color:#FFF;
	width:240px;
	padding:8px 3px 8px 8px;
	position:relative;
	bottom:20px;
	left:1px;
	border-radius:0px 5px 0px 10px;
	font-weight:700;
	font-size:13px;
	background:#6F6F6F;
	background: -moz-linear-gradient(top,  #8f8f8f 0%, #737477 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8f8f8f), color-stop(100%,#737477)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8f8f8f 0%,#737477 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8f8f8f 0%,#737477 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8f8f8f 0%,#737477 100%); /* IE10+ */
	background: linear-gradient(top,  #8f8f8f 0%,#737477 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f8f8f', endColorstr='#737477',GradientType=0 ); /* IE6-9 */
}

#subscriptionToggle div {float:left;margin:5px;cursor:pointer;}

#toggleGraphic {width:55px;height:16px;}
.subscriptionActive {background-position:-83px 0px;}
.individualActive {background-position:-83px -16px;}

#individualCECourses {display:block;}
#subscriptionCECourses {display:none;}

#subscription_box {
	width:380px;
	/*height:100px;*/
	background:#FFF;
	border:solid 1px #B0B0B0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	right:100px;
}

.subscriptionPrice {
    font-weight:800;
	float:right;
	font-weight:bold;
	margin-right:30px;
    text-align:right;
}

.dolla {
	font-size:17px;
}

.bignumba {
	font-size:26px;
	position:relative;
	top:7px;
}

.littlenumba {
	font-size:16px;
	text-decoration:underline;
	position:relative;
	left:2px;
}

#subscription_box ul {width:230px;float:left;}

#buyNowBtn {
	background-position:-230px 0px;
	width:83px;
	height:26px;
	float:right;
	position:relative;
	left:10px;
	top:30px;
}

#buyNowBtn:hover {cursor:pointer;background-position:-230px -26px;}

.CETable 
{
    color:#616161;
	margin-top:30px;
	border-collapse:collapse;
}

.CETable td {
	vertical-align:middle;
	font-size:13px;
}

.courseName, .courseHours, .courseLineType, .coursePrice {
	background-color:#F4F4F4;
	border-top:7px solid #fff;
	border-bottom:7px solid #fff;
}
.clscourse {
    background-color:#F4F4F4;
	border-top:7px solid #fff;
	border-bottom:7px solid #fff;
}

.CETable tr.standardRow.infoTD {background-color:#fff;}

/*th, td {font-size:17px;}*/

.courseName, .courseNameHead {
	text-align:left;
	padding-left:13px;
}

/*.courseName {background-position:0px -90px;height:30px;}*/
.courseName {background-position:0px -85px;height:35px;}
/*.courseHours {text-align:right;width:80px;background-position:-200px -90px;padding-right:10px;}*/
.courseHours {text-align:right;width:30px;background-position:-200px -85px;padding-right:8px;}
.courseLineType {text-align:left;width:200px;background-position:-200px -85px;}
/*.coursePrice {text-align:right;width:70px;background-position:-710px -90px;}*/
.coursePrice {text-align:right;width:60px;background-position:-710px -85px;}
.courseNameHead, .courseHoursHead, .coursePriceHead ,.courseTypeHead {
	border:solid 1px #878787;
	padding:6px;
    font-size:14px;
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top,  #fafafa 0%, #bfbfbf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#bfbfbf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafafa 0%,#bfbfbf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fafafa 0%,#bfbfbf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafafa 0%,#bfbfbf 100%); /* IE10+ */
	background: linear-gradient(top,  #fafafa 0%,#bfbfbf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */
}

.courseAddRemoveHead {width:80px;}
.courseHoursHead {text-align:right;}
.courseInfo {width:40px;}
.coursePrice  {font-weight:bolder;color:#000;text-align:right;padding-right:8px;}
.coursePriceHead {text-align:right;padding-right:8px;}
.courseTypeHead {text-align:left;}
.infoButton {
	width:20px;
	height:20px;
	background-position:-63px 0px;
	margin-left:auto;
	margin-right:auto;
}

.infoButton:hover {background-position:-63px -20px;cursor:pointer;}


.button {
    font-family: "Open Sans",sans-serif;
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    transition: all 0.3s ease 0s;
    /*margin-right: 7px;*/
    margin-top: 5px;
    margin-bottom: 5px;
    color: #fff;
    background-color: #007A7F;
    border: 1px solid transparent
}

    .button:hover {
        background-color: #01696D;
    }

    .button a {
        color: #FFFFFF;
    }

    .button.secondary {
        color: #606060;
        background-color: #fff;
        border: 1px solid #e8e8e8;
        opacity: 0.9;
        font-weight: 500;
    }

        .button.secondary:hover {
            background-color: #eee
        }

        .button.secondary a {
            color: #606060;
        }

    .button.red {
        color: #fff;
        background-color: #8A0000;
        border: 1px solid transparent;
        opacity: 0.9;
        font-weight: 500;
        margin-right: 0px
    }

        .button.red:hover {
            background-color: #A80000;
        }

        .button.red a {
            color: #fff;
        }

        .button.teal a {
            color: #fff;
        }

    .button.large {
        padding: 10px 45px;
        font-size: 20px;
        font-weight: 600;
    }

    .button.small {
        font-size: 13px;
        font-weight: 500;
    }

    .button.right {
        float: right;
    }


.hourDiv {
	background-image:url('../images/graphics.png');
	background-position:-578px 0px;
	width:40px;
	font-size:14px;
	font-weight:900;
	color:#3B4536;
	text-align:center;
	text-shadow:0px -1px #fff;
	height:16px;
}

.lineDiv, .hourDiv {
	margin:3px 0px 3px 0px;
}
.lineDiv{width:170px;}

.btncheckout {
	background-position:-138px 0px;
	width:64px;
	height:21px;
	float:right;
    margin:10px 0;
}

.btncheckout:hover {background-position:-138px -21px;cursor:pointer;}

#checkoutclsce1 {}

.addRemoveBtn {
	width:63px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
}

.addBtn {background-position:0px 0px;}
.addBtn:hover {background-position:0px -20px;cursor:pointer;}
.removeBtn {background-position:0px -40px;}
.removeBtn:hover {background-position:0px -60px;cursor:pointer;}
.show{ display:inline-block;}



.clscourseName {background-position:-200px -85px;text-align:left;}
.clscourseHours {text-align:right;width:18px;background-position:-200px -85px;padding-right:15px}
.clscourseLineType {text-align:left;width:168px;background-position:-200px -85px;}
.clscoursedate {width:30px;background-position:-200px -85px;padding-right:15px}
.clscoursetime {width:120px;background-position:-200px -85px;text-align:left;}
.clscourseselect {width:5px;background-position:0px -85px; height:35px; text-align:center;}
.crsbtn {background-position:-200px -85px;width:80px;}

.classEquiv {
	margin-top:5px;
	color:#809691;
	font-size:12px;
}

#credits h2
{
    font-size:14px;
}
#credits p
{
    margin-left:40px;
}
#credits h4
{
    margin-left:30px;
}

.cefulfillmentstep {
	margin-bottom:20px;
	width:730px;
	padding:10px;
}


.cefsfolder {
	position:relative;
	z-index:1; 
	border: 1px solid #BDBDBD;
	margin:5px 0px 20px 0px;
	border-bottom-left-radius:5px; 
    border-top-right-radius:5px; 
    border-bottom-right-radius:5px;
    padding: 1px 1px 1px 1px;
    background-color:#fff;
}

.cefstab {
	position:relative;
	border-left:0px solid #BDBDBD;
	border-bottom:1px solid #BDBDBD;
	border-right:1px solid #BDBDBD;
	border-top:1px solid #BDBDBD;
	color:#534741;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	background-color:#E8DED1; 
	z-index:2;
	cursor:pointer; 
    border-top-left-radius:7px;
    border-top-right-radius:7px;
	font-size:11pt;
}
.cefstab.selected {
	background:#fff;
	border-bottom:solid 1px #fff;
	font-weight:700;
}
.cefsmsg
{
    padding:10px; 
    margin-left:20px; 
    margin-top:30px; 
    width:440px;
    float:left ;
    background-color:#999999;
    color:White;
    font-size:16px;
    font-weight:bold
    }

.primaryContent {
    background:none;
    padding:0;
}

.center {
	text-align: center;
}

.bold {
	font-weight: bold;
}

/*-------------------------  RESPONSIVE TRIGGERS   -----------------------------*/

@media screen and (max-width: 1200px) {

    #subscriptionBtn {
    }

    .methodOnline {
        padding:5px;
    }

    #courseList2 {
		display: none;
	}
	
	#ssDropdownList {
		display: none;
	}
	
	#keir_description {
		padding-bottom: 20px;
		font-size: 12px;
	}

}

/*BW - 6-13-14 - Added - code to work with mobile size version */
@media screen and (max-width: 800px) {

	/* ORIGINALLY REMOVED WHEN WORKING ON PRE-LIC, THEN NOTICED tabsdiv is for onlineCE.*/
	/*#tabcontainer, #tabsdiv {
	    /*height:23px;*/
	    /*display: none;
	}*/

	#tabcontainer {
	    /*height:23px;*/
	    display: none;
	}

	.tab {
		display: none;
	}

	#courseList2 {
		display: block !important;
		margin-bottom: 10px;
	}

	/*.test1{  //testing help later removed
		color: red;
	}*/

	#ssDropdownList {
		display: block !important;	
	}
	


}

@media screen and (min-width: 1200px) {

    #subscriptionBtn {
    }

    .methodOnline {
        padding:5px;
    }

    #courseList2, #ssDropdownList {
		display: none;
	}

}

@media screen and (min-width: 800px) {
	#ssDropdownList {
		display: none;
	}
}

/* BW - fancybox override for responsive mobile setup */
#descriptions {
	width: 100%;
	margin: 40px 30px 10px 30px;
}

.videoWrapper {
	width: 100%;
}

.descripText {
	width: 90%;
	margin-left: 10px;
}

.descripText, .videoWrapper {
	float: none;
	margin-bottom: 20px;
}

@media screen and (max-width: 453px) { 

	.keir_tile p {
		width:100%; /* This is the width of 2 tiles, to cover both KEIR and Fire Solutions. */
		margin-top:40px;
		margin-bottom: 20px;
	}
	
	#keir_description {
		padding-bottom: 20px;
		font-size: 12px;
	}

}

@media screen and (max-width: 420px) {  /*BW - if less than 420 width (mobile size show this) */

	#step4 {
		background:#E6E6E3;
		border:solid 1px #998675;
		padding:10px 4px 30px;
		float:left;
	}
		 
	.month {
		float:left;
		margin:0px 0px 0px 0px;
		/*width: 225px;  //BW - 6-30-14 removed to extend month header box to calendar width*/
		height: 216px;
	}
	
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}