html, body {
    /*overflow-y: scroll;
    overflow-x: hidden;*/ 
    -webkit-overflow-scrolling: touch;
}

.group:before,
.group:after {
  content: "";
  display: table;
} 
.group:after {
  clear: both;
}
.group {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.red { /* bw - 1-8-15 exsiting user popup prompt */
    color: red;
}

.bottom20 { /* bw - 1-8-15 exsiting user popup prompt */
    margin-bottom: 20px;
}

.individualSubscripIEMobile {
	display: none;
}

.fancybox-inner p {  /* BW - fixes line-height being controlled by the master.css file in the fancybox popups*/
    line-height: 1.5em;
    margin-bottom: 0px;
}

.lnkcourseHistory {
    text-decoration:underline;
    cursor:pointer;
	font-size: 14px;
	color: #000;
}

.subscriptionLoginPopup {
    padding: 9px;
    margin-top: 20px;
}

/*---------------- 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 ----------------*/

 img { max-width:100%; }  /*BW - mobilize images */
 
.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; /*#d1d1d1;*/
    /*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;
}

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


/*-- GUIDE --*/

/*-- STEP 1 --*/

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

/*-- STEP 2 --*/

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

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

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

#folderContent p {
    /*margin-left: 10px;*/
    text-align: center;
    padding: 6px 19px;
}

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

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

.tile {
    display: none;
    zoom: 1;
    /**display: inline;*/
    vertical-align: top;
    text-align: left;
    width: 180px; /*155px;*/
    height: 240px;
    margin: 5px;
    position: relative;
    bottom: 5px;
    margin: 10px;
    height: 227px;
    box-shadow: 0px 2px 3px 0px #9E9E9E;
    border-radius: 4px;
    cursor: pointer;
}

    .tile:hover {
        background-color: #efefef;
    }

.cefolder {text-align:center;}

.cefolder .tile {width:180px;}

.cefolder .tileBtn {height:47%;}

.folder .tileBtn {height:200px;}

.tileBtn:hover {cursor:pointer;}

#class_btn, #frclass_btn {
    background: linear-gradient(90deg, rgba(12, 205, 212, 0.63) 16%, rgba(13, 19, 226, 0.48) 88%), url('/FLOW/images/classroom-tile.jpg') no-repeat top center;
    background-size: 100%;
}
#webclass_btn, #frwebclass_btn {
    background: linear-gradient(90deg, rgba(0, 71, 232, 0.47) 8%, rgba(234, 28, 142, 0.45) 104%), url('/FLOW/images/web-class-tile.jpg') 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: linear-gradient(90deg, rgba(115, 6, 160, 0.46) 21%, rgba(6, 187, 162, 0.52) 84%), url('/FLOW/images/online-course-tile.jpg') no-repeat top center;
    background-size: 100%;
}
#selfstudy_btn, #frselfstudy_btn, #frbasiconline_btn {
    background: linear-gradient(90deg, rgba(12, 186, 239, 0.56) -1%,rgba(147, 21, 212, 0.36) 70%), url('/FLOW/images/self-study-tile.jpg') no-repeat top center;
    background-size: 100%;
}
#classEquiv_btn {
    background: linear-gradient(90deg, rgba(12, 186, 239, 0.56) -1%,rgba(147, 21, 212, 0.36) 70%), url('/FLOW/images/self-study-tile.jpg') no-repeat top center;
    background-size: 100%;
    /*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:hover, #frclass_btn:hover {
    background: linear-gradient(90deg, rgba(12, 205, 212, 0.5) 16%, rgba(13, 19, 226, 0.35) 88%), url('/FLOW/images/classroom-tile.jpg') no-repeat top center;
    background-size: 100%;
}
#webclass_btn:hover, #frwebclass_btn:hover {
    background: linear-gradient(90deg, rgba(0, 71, 232, 0.38) 8%, rgba(234, 28, 142, 0.3) 104%), url('/FLOW/images/web-class-tile.jpg') 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: linear-gradient(90deg, rgba(156, 99, 212, 0.45) 20%, rgba(77, 213, 218, 0.45) 100%), url('/FLOW/images/online-course-tile.jpg') no-repeat top center;
    background-size: 100%;
}
#selfstudy_btn:hover, #frselfstudy_btn, #frbasiconline_btn:hover {
    background: linear-gradient(90deg, rgba(77, 213, 218, 0.45) 20%, rgba(156, 99, 212, 0.45) 100%), url('/FLOW/images/self-study-tile.jpg') 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%;}


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

.ceshortTileWebClass {
    /*background: url('/FLOW/images/web-class-tile.jpg') no-repeat;
    height: 100%;*/
    width: 100%;
    display: none;
    margin-left: auto;
    margin-right: auto;
    background-color: #e1dfdf; /*#bbb;*/
    margin-bottom: -83px;
}

.ceshortTileClassroom {
    /* background: url('/FLOW/images/classroom-tile.jpg') 7% -25% no-repeat;
    height: 100%;*/
    width: 100%;
    display: none;
    margin-left: auto;
    margin-right: auto;
    background-color: #e1dfdf; /*#bbb;*/
    margin-bottom: -83px;
}

.ceshortTileOnlineCourse {
    /*  background: url('/FLOW/images/online-course-tile.jpg') 7% -25% no-repeat;
    height: 100%;*/
    width: 100%;
    display: none;
    margin-left: auto;
    margin-right: auto;
    background-color: #e1dfdf; /*#bbb;*/
    margin-bottom: -83px;
}

.ceshortTileSelfStudy {
    /* background: url('/FLOW/images/self-study-tile.jpg') 7% -25% no-repeat;
    height: 100%;*/
    width: 100%;
    display: none;
    margin-left: auto;
    margin-right: auto;
    background-color: #e1dfdf; /*#bbb;*/
    margin-bottom: -83px;
}

.ceshortTileClsEquv {
    width: 100%;
    display: none;
    margin-left: auto;
    margin-right: auto;
    background-color: #e1dfdf; /*#bbb;*/
    margin-bottom: -83px;
}

.ceshortTile_inactive_WebClass {
    background: linear-gradient(90deg, rgba(0, 71, 232, 0.47) 8%, rgba(234, 28, 142, 0.45) 104%), url('/FLOW/images/web-class-tile.jpg') no-repeat;
    background-color: #fff;
    margin-bottom: 50px;
    height: 47%;
}

.ceshortTile_inactive_OnlineCourse {
     background: linear-gradient(90deg, rgba(115, 6, 160, 0.46) 21%, rgba(6, 187, 162, 0.52) 84%), url('/FLOW/images/online-course-tile.jpg') no-repeat;
    margin-bottom: 50px;
    height: 47%;
}

.ceshortTile_inactive_Classroom {
    background: linear-gradient(90deg, rgba(12, 205, 212, 0.63) 16%, rgba(13, 19, 226, 0.48) 88%), url('/FLOW/images/classroom-tile.jpg') no-repeat;
    background-color: #fff;
    margin-bottom: 50px;
    height: 47%;
}

.ceshortTile_inactive_SelfStudy {
    background: linear-gradient(90deg, rgba(12, 186, 239, 0.56) -1%,rgba(147, 21, 212, 0.36) 70%), url('/FLOW/images/self-study-tile.jpg') no-repeat;
    margin-bottom: 50px;
    height: 47%;
 
}

.ceshortTile_inactive_SelfStudy {
    background: linear-gradient(90deg, rgba(12, 186, 239, 0.56) -1%,rgba(147, 21, 212, 0.36) 70%), url('/FLOW/images/self-study-tile.jpg') no-repeat;
    margin-bottom: 50px;
    height: 47%;
}

.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;
	text-align:center;
    font-size: 17px;
    text-transform: uppercase;

}

/*.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 {
    text-align: center;
    padding: 6px 19px;
    /*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: linear-gradient(90deg, rgba(67, 11, 142, 0.56) -1%,rgba(8, 218, 218, 0.52) 70%), url('/FLOW/images/class-equv-tile.jpg'), url('/FLOW/images/class-equv-tile.jpg') no-repeat top center;
    background-size: 100%;
}

    #classEquiv_btn, #frclassEquiv_btn:hover {
        background: linear-gradient(90deg, rgba(67, 11, 142, 0.56) -1%,rgba(8, 218, 218, 0.52) 70%), url('/FLOW/images/class-equv-tile.jpg'), url('/FLOW/images/class-equv-tile.jpg') no-repeat top center;
        background-size: 100%;
        /*background: url('/FLOW/images/CEClassEquiv1.PNG') no-repeat top center;
        background-size: 100%;*/
    }

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

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

.cefolder .classEquiv_btnAdjust {
	margin-top:0px;
	/*bottom: 51px;*/
}

.cefolder .tileInfo .classEquiv_shortDescripAdjust {
	/*margin-top: 20px;*/
}
	
.cefolder .ceshortTile {
	top:0px;
	background-size:100%; /*BW-increased to handle course equv*/
    width:100%; /*135px;*/
}

#short5 .tileInfo h2 {  /*trying to resize class equv short button wording.*/
    padding: 0;
}

.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;*/

     background:  url('/FLOW/images/web-class-tile.jpg') no-repeat;
    height: 100%; /*44px;*/
    width: 100%;/*142px;*/
    display: none;
    margin-left: auto;
    margin-right: auto;
    background-color: #828282;
    margin-bottom: -83px;
}

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

.shortTile:hover {cursor:pointer;}

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

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

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

.keir_tile h2, .FS_tile h2 {
    font-size:13px;
}

.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 0 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;}
#dateKey p, #dateKey div {display:inline-block;}
#dateKey div {width:20px;height:20px;border:solid 1px #878787;}
#dateKey p {margin-right:15px;vertical-align:middle;}

.month {
	float:left;
	margin:0px 35px 20px 35px;
	width: 225px;
	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;}

/*------------- 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;
}

#descriptions {width:600px;margin:40px 30px 10px 30px;}

#descriptions h3 {margin-bottom:0px;}
#descriptions hr {margin:2px;}
#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%; /*BW - keeps sidebox contained on desktop version*/
}

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

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

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

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

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

#tabcontainer, #tabsdiv, #clsEquvtabsdiv {
    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: #FFF; /*#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;
    position:relative;
    right:-20px;
    top:-20px;
 }

#online_crs { display:none; width:100%; padding-top:30px }

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

/*.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;

     background:  url('/FLOW/images/web-class-tile.jpg') no-repeat;
    height: 100%;
    width: 100%;
    display: none;
    margin-left: auto;
    margin-right: auto;
    background-color: #828282;
    margin-bottom: -83px;
}*/

.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:180px; /*155px;*/
	margin:10px; /*5px*/
}

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

#subscriptionBtn {
    margin-right:4%;
}

#subscriptionBtn,
#individualsBtn {
    padding:0.5em;
    float:left;
    width:48%;
    box-sizing:border-box;
    background: #9f1100;
    background: -moz-linear-gradient(top,  #b52f1d 0%, #9f1100 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b52f1d), color-stop(100%,#9f1100));
    background: -webkit-linear-gradient(top,  #b52f1d 0%,#9f1100 100%);
    background: -o-linear-gradient(top,  #b52f1d 0%,#9f1100 100%);
    background: -ms-linear-gradient(top,  #b52f1d 0%,#9f1100 100%);
    background: linear-gradient(to bottom,  #b52f1d 0%,#9f1100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b52f1d', endColorstr='#9f1100',GradientType=0 );
    border-radius:5px;
    -webkit-box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.64);
    -moz-box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.64);
    box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.64);
}

#subscriptionBtn:hover, 
#individualsBtn:hover {
    cursor:pointer;
    background: #f2644b;
    background: -moz-linear-gradient(top,  #f2644b 0%, #e01a24 19%, #c10d10 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2644b), color-stop(19%,#e01a24), color-stop(100%,#c10d10));
    background: -webkit-linear-gradient(top,  #f2644b 0%,#e01a24 19%,#c10d10 100%);
    background: -o-linear-gradient(top,  #f2644b 0%,#e01a24 19%,#c10d10 100%);
    background: -ms-linear-gradient(top,  #f2644b 0%,#e01a24 19%,#c10d10 100%);
    background: linear-gradient(to bottom,  #f2644b 0%,#e01a24 19%,#c10d10 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2644b', endColorstr='#c10d10',GradientType=0 );
}

#subscriptionBtn h2, 
#individualsBtn h2 {
    color:#fff;
    font-size: 0.95em;
    letter-spacing: 1px;
    margin:0.6em 0;
}

.onlineSubscriptionText {
    background:#fff;
    padding:1em;
    border-radius:3px;
}

#subscriptionBtn ul,
#individualsBtn ul,
#subscription_box ul {
    line-height:0.9em;
    list-style-type:disc;
    text-align:left;
    margin:0 0 0 1em;
}

#subscriptionBtn ul li,
#individualsBtn ul li,
#subscription_box ul li {
	font-size: 0.8em;
    margin-bottom:1em;
}

#subscriptiondiv {
    max-width:600px;
}

.subBox {
    margin-top:1em;
}

.subBox .subscriptionPrice {
    margin-bottom:1em;
    text-align:left;
}

.subscriptionPrice {
    vertical-align:initial;
	text-align:right;
	font-weight:700;
	color: #000;
}

.dolla,
.bignumba,
.littlenumba {
    vertical-align:top;
}

.dolla {
	font-size:17px;
}

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

.littlenumba {
	font-size:16px;
	text-decoration:underline;
}

.cetilebtn  {height:170px;}

#subscriptionToggle {
    text-align:center;
	float:right;
	color:#FFF;
	/*width:240px;*/
    width: 100%;
	padding: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 {
    display:inline-block;
    margin:5px;
    cursor:pointer;
    vertical-align:top;
}

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

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

#subscription_box {
    display: block;
    width: 100%;
	margin-left:auto;
	margin-right:auto;
    margin-bottom: 20px;
    text-align:left;
}

.box_head {
    font-size:1.3em;
    margin-bottom:1em;
}

/*#buyNowBtn {
	background-position:-230px 0px;
	width:83px;
	height:26px;
    position:relative;
    right:2px;
}

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

#nymsg, #OHmsg {
    text-align:left;
    margin-top:40px;
    padding-left:1em
}

#nymsg p, #OHmsg p {
    margin-bottom:0.5em;
    font-size:smaller;
}

#nymsg em, #nymsg a {
    color:#e10606; /*red;*/
}

/* PACKAGES */

#packagesdiv {
    margin-bottom:3em;
    text-align:left;
    font-size:0.9em;
}

#packages td {
    padding:5px 5px;
    vertical-align:middle;
    background-color:#F4F4F4;
}

#packages th {
    padding:5px;
}

#packages .crsbtn {
    background:white;
    padding:0;
}

.CEPackageTable {
    font-size:13px;
    width:100%;
    border-collapse: collapse;
}

.packageTitle {
    font-size:1.2em;
    width:60%;
    border-left:2px solid #007a7f;
    font-weight:600;
}

.packageTitleWrap {
	display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 3px;
}

#packages .rowSpacer td {
    background-color: white;
}

#packages .packageIncCourse td:last-child {
    background-color:white;
}

.packageIncTitle {
    padding-left:20px;
    border-left:2px solid #007a7f;
}

.packageExplain {
    margin:10px 0 0 0;
    font-size:0.9em;
    font-style:italic;
    opacity:0.8;
    font-weight:500;
}

.packageHours {
    font-weight:900;
}

/* END OF PACKAGES */

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

.CETable .standardRow {
    border:none;
}

.CETable td {
	vertical-align:middle;
	font-size:13px;
	padding-top: 12px;
    padding-bottom: 12px;
}

.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;}*/

td .infoTD {  /*BW - mobile but not showing in fire*/
	padding-top: 10px;
}

.CETable td {
    padding-left:8px;
    padding-right:8px;
}

.courseName,
.courseNameHead,
.courseLineType {
	text-align:left;
}

.courseHours, .coursePrice {
    text-align:right;
}

.courseNameHead,
.courseHoursHead,
.coursePriceHead,
.courseTypeHead {
    padding: 12px;
    border: solid 1px #878787;
    font-size: 14px;
    color: #fff;
    background: #636363; /*#fafafa;
	background: -moz-linear-gradient(top,  #fafafa 0%, #bfbfbf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#bfbfbf));
	background: -webkit-linear-gradient(top,  #fafafa 0%,#bfbfbf 100%);
	background: -o-linear-gradient(top,  #fafafa 0%,#bfbfbf 100%);
	background: -ms-linear-gradient(top,  #fafafa 0%,#bfbfbf 100%);
	background: linear-gradient(top,  #fafafa 0%,#bfbfbf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#bfbfbf',GradientType=0 );*/
}

.courseAddRemoveHead {width:80px;}
.courseHoursHead {text-align:left;}
.courseInfo {width:40px;}
.coursePrice  {font-weight:bolder;color:#000;text-align:right;}
.courseHours {font-weight:bolder;}
.coursePriceHead {text-align:left;}
.courseTypeHead {text-align:left;}


.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.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.large {
        padding: 10px 45px;
        font-size: 20px;
        font-weight: 600
    }

    .button.medium {
        padding: 10px 40;
        font-size: 20px;
        font-weight: 600
    }

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

    .button.right {
        float: right
    }

    .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.pkgAdd{
    margin-left: 20px;
}

.button.pkgRemove {
    margin-left: 20px;
}

.infoButton {
	width:20px;
	height:20px;
	background-position:-63px 0px;
	margin-left:auto;
	margin-right:auto;
}

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

.bolder {
	font-weight:bolder;
}

.hourDiv {
	background-image:url('../FLOW/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;
    margin:10px 0 10px auto;
	display: block;
}

.btncheckout2 {   /*BW - mobile inline-block*/
	background-position:-138px 0px;
	width:64px;
	height:21px;
	float:right;
    /*margin:10px 0 10px 0;*/  /* //BW - removed for mobile - check this */
	display: inline-block;
	margin:10px; 
}

/*.btncheckout */

/*.btncheckoutpad {  /*BW removed - caused issue in chrome - classroom courses 
	padding-top: 10px;
}*/

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

#webinarInfo {
    width:100%;
    text-align:left;
}

#webinarInfo img {
    max-width:33%;
    height:auto;
    float:left;
}

#webinarTextWrapper {
    max-width:66%;
    float:left;
    box-sizing:border-box;
    padding-left:1em;
}

#webinarInfo h3 {
    font-size:1.5em;
    margin-bottom:0.5em;
}

#webinarInfo h4 {
    font-weight:400;
    border-bottom:2px solid #e0e0e0;
    margin-top:1em;
    padding-bottom:1em;
}

#webinarInfo h5 {
    color:#007a7f;
    font-weight:700;
    margin:1em 0;
}

#webinarInfo p {
    margin-bottom:0.3em;
    font-weight:600;
    font-size:0.8em;
}

#webinarInfo li {
    margin-bottom:0.3em;
    font-size:0.8em;
}

#webinarInfo a {
    text-decoration:underline;

}

.reportingfeemsg,.stateTimermsg,.monitormessage {
	color: #8a0000; 
    line-height:18px;
}
.reportingfeemsg{padding-top:1em;}
.monitormessage{padding-top:10px;}
.sub_reportingfeemsg {
    color: #e10606; /*red;*/
    padding-top: 10px;
    font-size: 0.8em;
}

#cls_reportingfeemsg {
	padding-left: 0px;
    text-align:center;
}

#o_reportingfeemsg {
    text-align:left;
}


.addRemoveBtn {
	/*width:63px;*/
	/*height:20px;*/
	/*margin-left: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;}
.CETable td.crsbtn {background-position:-200px -85px;padding-right:0;}    /* BW - removed width for mobile purposes */
.clsCoursePad {padding:8px; text-align:left;}/*BW - padding removed from js*/

.coursenameRed {
    color: #e10606; /*red;*/
    margin-bottom: 0;
}

.courseWebDateWidth {
	width:70px;
}

.courseWebTimeWidth {
	width:65px;
	padding:3px;
}

.courseHoursAlign {
	text-align:center;
}

.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;
}

.thirdParty {
    margin: 0 auto;
}

.onlineSubscripMargin {
    display: inline-block;
    margin-left: 150px;
}

#step3 h2 {
    text-align:left;
    color:#454545;
    font-weight:300;
    border-bottom:1px solid #bbb;
    padding-bottom:0.5em;
    margin-bottom:1em;
    font-size:1.3em;
}

#ceSubUpsell {
    text-align:left;
    position:relative;
    margin-bottom:2em;
}

#ceSubUpsell .portraitContainer {
    width:30%;
    float:left;
    max-width:200px;
}

#ceSubUpsell .portrait {
    background-image:url('/images/ceSubPortrait1.png');
    padding-top:109%;
    width:100%;
    background-size:cover;
}

#ceSubUpsell.ceSubSelected .portrait {
    background-image:url('/images/ceSubPortrait2.png');
}

.ceSubInfo {
    float:left;
    /*margin-left:35%;*/
    height:100%;
    width:60%;
    position:relative;
}

#ceSubUpsell ul {
    list-style-type:disc;
    line-height:1.2em;
    margin-left:2em
}

#ceSubUpsell li {
    margin-bottom:0.5em;
}

.ceSubPayment {
    font-weight:700;
    text-align:center;
    margin-top:3em;
}

.ceSubCost {
    font-size:1.2em;
}

.ceSubPayment span {
    vertical-align:top;
}

.ceSubPayment .dollar {
    position:relative;
    left:0.2em;
}

.ceSubPayment .dollarNumber {
    font-size:2.2em;
    position:relative;
    bottom:0.1em;
}

.ceSubPayment .cents {
    text-decoration:underline;
    position:relative;
    right:0.1em;
}

.ceSubSelected #ceSubAddBtn,
.selectedFeedback {
    display:none;
}

.ceSubSelected .selectedFeedback {
    display:block;
}

.ceSubSelected .confirmation {
    color:#009245;
}

#ceSubAddBtn {
    margin-top:1em;
    font-size:0.85em;
    padding:0.5em 1em;
    display:inline-block;
    border-radius:5px;
    color:white;
   /* background: #eb2d00;
    background: -moz-linear-gradient(top, #eb2d00 0%, #9f1100 100%);
    background: -webkit-linear-gradient(top, #eb2d00 0%,#9f1100 100%);
    background: linear-gradient(to bottom, #eb2d00 0%,#9f1100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb2d00', endColorstr='#9f1100',GradientType=0 );*/
    cursor:pointer;
}

#ceSubRemoveBtn {
    margin-top:1em;
    font-size:0.85em;
    padding:0.5em 1em;
    display:inline-block;
    border-radius:5px;
    color:white;
    background: #9c9c9c;
    background: -moz-linear-gradient(top, #9c9c9c 0%, #525252 100%);
    background: -webkit-linear-gradient(top, #9c9c9c 0%,#525252 100%);
    background: linear-gradient(to bottom, #9c9c9c 0%,#525252 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9c', endColorstr='#525252',GradientType=0 );
    cursor:pointer;
}

#ceSubAddBtn:hover {
    opacity:0.8;
}

.reportingfeemsg ,.stateTimermsg,.monitormessage{
    font-size: 15px;
}

.width100 {
    width: 100%;
}

.clearBoth {
    clear:both;
}

#cls_tution td {  /*adds margin between classroom hours and pricing box to override the inline codebehind cs styles */
	display: inline-block;
	margin-right: 10px;
}

.sstabsdiv {
	height: 23px;
}

.ohiomsg {
    /*padding-left: 0px;
    padding-top: 20px;*/
}

.crsmsg {
    /*background: #a80000;
    background: -moz-linear-gradient(top, #a80000 0%, #8a0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a80000), color-stop(100%,#8a0000));
    background: -webkit-linear-gradient(top, #a80000 0%,#8a0000 100%);
    background: -o-linear-gradient(top, #a80000 0%,#8a0000 100%);
    background: -ms-linear-gradient(top, #a80000 0%,#8a0000 100%);
    background: linear-gradient(to bottom, #a80000 0%,#8a0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a80000', endColorstr='#8a0000',GradientType=0 );*/
}

.ohiomsg  {
    /*color: White;
    font-size: 12px;
    padding: 15px 5px 5px;*/
    /*padding-left:0px;
    font-size:13px;
    text-align: left;*/
    font-size:15px;
    color:#8a0000

}
.stmsg{
    padding-top:1em;
    color:#007a7f;
    text-align:left;
    font-size:15px;
}

#FLmsg {
    padding-top: 1em;
    color: #007a7f;
    text-align: left;
    font-size: 15px;
}

#FLmsg a {
    color: blue;
}

#FLmsg2 {
    padding-top: 1em;
    color: #007a7f;
    text-align: left;
    font-size: 15px;
}

#FLmsg2 a {
    color: blue;
}

/*BW - mobile fancy popups for course orders, credit selection etc*/
#CourseFormatoption h3 {
	margin-bottom: 10px;
}

#CourseFormatoption input {
	margin-top: 10px;
}

#credits h2 {
	margin-bottom: 10px;
}

#credits h4 {
	margin-bottom: 10px;
}

#CFPCredit h4 {
	margin-bottom: 10px;
}

#CFPCredit p {
	margin-bottom: 10px;
}
 
/*BW - mobile fancy popups for course orders, credit selection etc*/

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

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

    #courseList2, #tabsdivDropdownList, #clsEqvDropdownList {
		display: none;
	}
	
	#ssDropdownList {
		display: none;
	}

	#sstabsdiv #tabsdiv {
		height: 23px;
        display: block;
	}
	
}

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

    #courseList2 {
		display: none;
	}

	#ssDropdownList {
		display: none;
	}

    #tabsdivDropdownList {
		display: none;
    }
	
	#clsEqvDropdownList {
		display: none;
	}

}

@media screen and (min-width: 1050px) {   /*BW - tabs to dropwdown?? */

	#ssDropdownList {
	    display: none;
	}
	
	 #tabsdivDropdownList {
	    display: none !important;  /*BW - online mobile dropdown remove override JS */
	}
	
	#tabsdiv {  /*BW - check for issue with more tabs (wide) ones */
		display: block;
	}
	
	#sstabsdiv {
		height: 23px;
	}
	
}

@media screen and (max-width: 1050px) {   /*BW - tabs to dropwdown?? */

	#tabsdiv, #sstabsdiv {
	    height:23px;
	    display: none !important;
	}
	
	#ssDropdownList, #tabsdivDropdownList {
		/*display: block !important; /*BW - check this*/        display: block;  /*removed !important */
		margin-bottom: 10px;
	}
	
}

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

	.methodOnline {
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	
	.btnsubsleft{float:none;}
    
    .btnindright{float:none;}
}

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

	#tabcontainer, #sstabsdiv, #tabsdiv,  #clsEquvtabsdiv{
	    height:23px;
	    display: none;
	}
	
	.tab {
		display: none;
	}

	#courseList2 {
		display: block !important;
	}

	#ssDropdownList, #clsEqvDropdownList {
		display: block !important;
		margin-bottom: 10px;
	}
	
	.pad-r-8 {
		padding-right: 8px;
	}

}

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

    .thirdParty {
        display: block;
        padding: 0;
        margin: 0;
        text-align: center;
        width: 100%;
    }

    .sidebox img {
        width: auto;
    }
}

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

    img {  /*BW - scale images for responsive layout*/
		max-width: 100%;
	}
	
	#tabsdiv, #clsEquvtabsdiv {
		height:23px;
        display: none !important;
    }

    #tabsdivDropdownList {
        display: block;  /*removed !important */
        margin-bottom: 10px;
    }
		
	#clsEqvDropdownList {
        display: block;
        margin-bottom: 10px;
    }
	
	/* Force table to not be like tables anymore */
    CETable, tbody, thead, th, td, tr { 
		display: block; 
	}
	
	tr { 
		border: 1px solid #ccc; 
		text-align: left;
		height: auto;
	}
	
	td {
		height: auto;
	}
	.mobile-td-before {
		padding-top: 10px;
	}
	
	.standardRow {
		width: 100%;
	}
	
	.groupbottom{
		padding-bottom: 20px;
	}

    .groupTableMarg{
        margin-bottom: 25px;
    }
	
	#cls_tution {
		margin-bottom: 10px;
	}
	
	.clscourse {
		background-position:0px -85px;
		/*font-weight: bold;*/
		height: auto;  /* BW - needed to make the rows even height on the course list output */
		padding: 4px 0px;
	}
	
	.courseHours {
		background-position: -200px -85px;
		padding-right: 8px;
	}
	
	.clsCoursePad {padding:0px; text-align:left;}/*BW - padding removed from js*/
	
	.courseWebTimeWidth {
		width:65px;
		padding:0px;
	}
	
	.courseName, .courseHours, .courseLineType, .coursePrice {
		text-align: left;
		padding-top:7px;
		padding-bottom: 7px;
	}
	
	.crsbtn {
		/*margin-bottom: 18px;*/
		width: auto;
		padding: 5px 0px;
	}
	
	.infoButton {
		background-position: -63px 0;
		height: 20px;
		margin-bottom: 10px;
		margin-right: auto;
		margin-left: 0px;
		width: 20px;
	}
	
	.hourDiv {
		text-align: left;
	}
	
	.CETable {
		margin-top: 0px;
	}
	
	#cls_reportingfeemsg {
		padding-left: 0px !important;
		padding-top: 0px !important;
		margin-bottom:10px;
	}
	
	#cls_tuition table {
		width: 100%;
	}

	#Classroomdiv tr {
		margin-bottom: 10px;
	}
	
	#Classroomdiv .foldercontent tr {
		margin-bottom: 10px;
		border: none;
	}
	
	#Classroomdiv td {  /*BW - remove display: block from classroom table hours price header */
		display: inline-block;
		margin-right: 10px;
	}
	
	#cls_tuition td {  /*BW - remove display: block from classroom table hours price header */
		display: inline-block;
		margin-right: 10px;
	}
	
	.cls_hrPrice {   /*BW - this class can replace the inline CS code behind in getTution.aspx.cs */
		margin-right: 10px;
		font-family:Verdana;
		font-size:10pt;
		text-align:center;
	}
	
	#Classroomdiv .CETable td {  /*BW - remove display: block from classroom table hours price header */
		display: inline-block;
	}
	
	#Class .CETable td {  /*BW - add display: block from classroom table */
		display: block;
	}
	
	#Class tr {
		margin-bottom: 0px;
	}
	
	#Class td {
		margin-right: 0px;
	}

    .ceSubPayment {
        position:initial;
        top:auto;
        right:auto;
        float:none;
        margin-top:1em;
    }

	.btncheckout {
		text-align: center;
		background-position:-138px 0px;
		width:64px;
		height:21px;
		margin:10px 0 10px auto;
        float:none;
	}

    #crsdiv .CETable td {  /*BW - add display: block from classroom table */ 
		display: block;
	}                                   

    .CETable td {
        position:relative;
        padding-left:50%;
    }

    .CETable td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 30%;
        white-space: nowrap;
        padding-right:0;
    }

    /* RESETS all :before elements to blanks */
	td:nth-of-type(1):before,
	td:nth-of-type(2):before,
	td:nth-of-type(3):before,
	td:nth-of-type(4):before,
	td:nth-of-type(5):before,
	td:nth-of-type(6):before,
    td:nth-of-type(7):before,
    td:nth-of-type(8):before { content: "";}
	
	#selestudy_crsdiv .CETable tbody td:nth-of-type(1):before { content: "Info"; padding-top: 7px; }
	#selestudy_crsdiv .CETable tbody td:nth-of-type(2):before { content: "Course"; padding-top: 7px; font-weight: 700;}
	#selestudy_crsdiv .CETable tbody td:nth-of-type(3):before { content: "Hours"; padding-top: 7px; font-weight: 700;}
	#selestudy_crsdiv .CETable tbody td:nth-of-type(4):before { content: "Type"; padding-top: 7px;}
	#selestudy_crsdiv .CETable tbody td:nth-of-type(5):before { content: "Price"; padding-top: 3px; font-weight: 700;}
	
	/* BREAKS THE INDEX LIST #Class td:nth-of-type(1):before { content: "Info"; }
	td:nth-of-type(1):before { content: "Info"; }
	td:nth-of-type(2):before { content: "Select"; padding-top: 7px; /*font-weight: normal;}
	td:nth-of-type(3):before { content: "Date"; padding-top: 7px; /*font-weight: normal;}
	td:nth-of-type(4):before { content: "Course"; padding-top: 7px; /*font-weight: normal;}
	td:nth-of-type(5):before { content: "Times"; padding-top: 7px; /*font-weight: normal;}
	td:nth-of-type(6):before { content: "Hours"; padding-top: 7px;}
	td:nth-of-type(7):before { content: "Type"; padding-top: 7px;}*/
	
	#Class .CETable tbody td:nth-of-type(1):before { content: "Info"; padding-top: 7px; }
	#Class .CETable tbody td:nth-of-type(2):before { content: "Select"; padding-top: 7px; /*font-weight: normal;*/}
	#Class .CETable tbody td:nth-of-type(3):before { content: "Date"; padding-top: 7px; /*font-weight: normal;*/}
	#Class .CETable tbody td:nth-of-type(4):before { content: "Course"; padding-top: 7px; font-weight: 700;}
	#Class .CETable tbody td:nth-of-type(5):before { content: "Times"; padding-top: 7px; /*font-weight: normal;*/}
	#Class .CETable tbody td:nth-of-type(6):before { content: "Hours"; padding-top: 7px; font-weight: 700;}
	#Class .CETable tbody td:nth-of-type(7):before { content: "Type"; padding-top: 7px;}
	
	#WebClass .CETable tbody td:nth-of-type(1):before { content: "Info"; padding-top: 7px; }
	#WebClass .CETable tbody td:nth-of-type(2):before { content: "Select"; padding-top: 7px; /*font-weight: normal;*/}
	#WebClass .CETable tbody td:nth-of-type(3):before { content: "Date"; padding-top: 7px; /*font-weight: normal;*/}
	#WebClass .CETable tbody td:nth-of-type(4):before { content: "Course"; padding-top: 7px; font-weight: 700;}
	#WebClass .CETable tbody td:nth-of-type(5):before { content: "Times"; padding-top: 7px; /*font-weight: normal;*/}
	#WebClass .CETable tbody td:nth-of-type(6):before { content: "Hours"; padding-top: 7px; font-weight: 700; text-align:left;}
	#WebClass .CETable tbody td:nth-of-type(7):before { content: "Type"; padding-top: 7px;}
	#WebClass .CETable tbody td:nth-of-type(8):before { content: "Price"; padding-top: 3px; margin-bottom: 4px; font-weight: 700;}
	

    /***************************NEW*********************/
                                   
    /*
	Label the -- ONLINE -- data
	*/

    #txequv .CETable tbody td:nth-of-type(1):before { content: "Info"; padding-top: 7px; }
	#txequv .CETable tbody td:nth-of-type(2):before { content: "Course"; padding-top: 7px; font-weight: 700;}
	#txequv .CETable tbody td:nth-of-type(3):before { content: "Hours"; padding-top: 7px; font-weight: 700;}
	#txequv .CETable tbody td:nth-of-type(4):before { content: "Type"; padding-top: 7px;}
	
	#crsdiv .CETable tbody td:nth-of-type(1):before { content: "Info"; padding-top: 7px; }
	#crsdiv .CETable tbody td:nth-of-type(2):before { content: "Course"; padding-top: 7px; font-weight: 700;}
	#crsdiv .CETable tbody td:nth-of-type(3):before { content: "Hours"; padding-top: 7px; font-weight: 700;}
	#crsdiv .CETable tbody td:nth-of-type(4):before { content: "Type"; padding-top: 7px;}


    #crsdiv .CETable tbody td:nth-of-type(1):before { content: "Info"; padding-top: 7px; }
	#crsdiv .CETable tbody td:nth-of-type(2):before { content: "Course"; padding-top: 7px; font-weight: 700;}
	#crsdiv .CETable tbody td:nth-of-type(3):before { content: "Hours"; padding-top: 7px; font-weight: 700;}
	#crsdiv .CETable tbody td:nth-of-type(4):before { content: "Type"; padding-top: 7px;}
    #crsdiv .CETable tbody td:nth-of-type(5):before { content: "Price"; padding-top: 7px; font-weight: 700;}

    .CETable td:nth-of-type(6):before {
        content: "";
    }

	
	/***************************NEW*********************/
                                   
    /*
	Label the -- CLASSROOM EQUIV -- data
	*/
	
	#clsEquv_crsdiv .CETable tbody td:nth-of-type(1):before { content: "Info"; padding-top: 7px; }
	#clsEquv_crsdiv .CETable tbody td:nth-of-type(2):before { content: "Course"; padding-top: 7px; font-weight: 700;}
	#clsEquv_crsdiv .CETable tbody td:nth-of-type(3):before { content: "Hours"; padding-top: 7px; font-weight: 700;}
	#clsEquv_crsdiv .CETable tbody td:nth-of-type(4):before { content: "Type"; padding-top: 7px;}
	#clsEquv_crsdiv .CETable tbody td:nth-of-type(5):before { content: "Price"; padding-top: 7px; font-weight: 700;}

    .CETable, tbody, thead, th, td, tr { 
		display: block; 
	}
	
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { 
		border: 1px solid #ccc; 
		text-align: left;
	}
	
	.mobile-td-before {
		padding-top: 10px;
	}
	
	.standardRow {
		width: 100%;
	}
	
	.courseName {
		height: auto;  /* BW - needed to make the rows even height on the course list output */
	}
	
}

@media screen and (max-width: 570px) {    /*BW - setup for the webinar courses table */

	img {  /*BW - scale images for responsive layout*/
		max-width: 100%;
	}
	
	.groupBottom{
		padding-bottom: 20px;
	}
	
	.clscourse {
		background-position:0px -85px;
		/*font-weight: bold;*/
		height: auto;  /* BW - needed to make the rows even height on the course list output */
		padding: 4px 0px;
	}
	
	.clsCoursePad {padding:0px; text-align:left;}/*BW - padding removed from js*/
	
	.courseWebTimeWidth {
	    width:65px;
	    padding:0px;
    }
	
	.courseName, 
    .courseHours, 
    .courseLineType, 
    .coursePrice {
		text-align: left;
		padding-top:7px;
		padding-bottom: 7px;
	}
	
	.CETable td.crsbtn {
		padding: 5px 5px 5px 0;
	}
	
	.hourDiv {
		text-align: left;
	}
	
	.CETable {
		margin-top: 0px;
	}
	
    #webinarInfo img,
    #webinarTextWrapper {
        max-width:100%;
        height:auto;
        float:none;
        clear:both;
        padding:0;
    }

    #webinarTextWrapper {
        margin:2em 0;
    }

	#webinar_reportingfeemsg {
		padding-left: 0px !important;
		padding-top: 0px !important;
	}
	
	#ssDropdownList, #tabsdivDropdownList, #clsEqvDropdownList {
		margin-bottom: 10px;
	}
	
	#WebClass .CETable tbody td:nth-of-type(1):before { content: "Info"; }
	#WebClass .CETable tbody td:nth-of-type(2):before { content: "Select"; padding-top: 7px; /*font-weight: normal;*/}
	#WebClass .CETable tbody td:nth-of-type(3):before { content: "Date"; padding-top: 7px; /*font-weight: normal;*/}
	#WebClass .CETable tbody td:nth-of-type(4):before { content: "Course"; padding-top: 7px; /*font-weight: normal;*/}
	#WebClass .CETable tbody td:nth-of-type(5):before { content: "Times"; padding-top: 7px; /*font-weight: normal;*/}
	#WebClass .CETable tbody td:nth-of-type(6):before { content: "Hours"; padding-top: 7px;}
	#WebClass .CETable tbody td:nth-of-type(7):before { content: "Type"; padding-top: 7px;}
	#WebClass .CETable tbody td:nth-of-type(8):before { content: "Price"; padding-top: 3px; margin-bottom: 4px;}
	
    .CETable td {
        padding-left:33%;
    }

	#online_crs {
		display: none;
		width: 100%;
		padding-top: 0px;
	}
	
	.ohiomsg {
		padding-left: 0px;
		padding-top: 0px;
	}

	.crsmsg {
		background: none;
		height: 60px;
		width: 100%;
	}

    .ohiomsg p {
        color: #e10606; /*Red;*/
        font-weight: bold;
        font-size: 12px;
        padding: 0px 0px 0px;
        text-align: center;
    }

}

@media screen and (max-width: 505px) {
    .thirdParty {
        display: block;
        padding: 0;
        margin: 0;
        text-align: center;
        width: 100%;
    }

    .sidebox img {
        width: auto;
    }

    .btnsubsleft{float:none;}
    
    .btnindright{float:none;}
}

@media screen and (max-width: 490px) {  /*BW - setup for the selfstudy courses table */
	
	#ss_reportingfeemsg {
		padding-left: 0px !important;
		padding-top: 0px !important;
	}
	
	#ssDropdownList, #tabsdivDropdownList, #clsEqvDropdownList {
		margin-bottom: 10px;
	}

	#selestudy_crsdiv .CETable tbody td:nth-of-type(1):before { content: "Info"; }
	#selestudy_crsdiv .CETable tbody td:nth-of-type(2):before { content: "Course"; padding-top: 7px; /*font-weight: normal;*/}
	#selestudy_crsdiv .CETable tbody td:nth-of-type(3):before { content: "Hours"; padding-top: 7px;}
	#selestudy_crsdiv .CETable tbody td:nth-of-type(4):before { content: "Type"; padding-top: 7px;}
	#selestudy_crsdiv .CETable tbody td:nth-of-type(5):before { content: "Price"; padding-top: 3px;}
}

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

    .subscripMobile { display: none; }

    .subscrip { display: block; }

}

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

    #ceSubUpsell .portraitContainer {
        float:none;
        width:191px;
    }

    .ceSubInfo {
        margin:1.5em 0 1.5em 1.5em;
        width:auto;

    }

    .ceSubPayment {
        text-align:left;
        margin-top:3em;
    }

    #subscriptionBtn,
    #individualsBtn {
        float:none;
        clear:both;
        width:100%;
    }

    #subscriptionBtn {
        margin:0 0 1em 0;
    }

	#subscriptionBtn ul,
     #individualsBtn ul,
     #subscription_box ul {
		line-height: .75em;
		list-style-type:disc;
		margin:.3em 0 0 1.8em;
		text-align:left;
	}

    .subscription {
        float:none;
        padding-top:0;
        position:relative;
        bottom:28px;
        right:0;
        top:0;
        width:100%;
    }

    #subscriptionToggle div {
        margin:10px 0;
        float:left;
        color:#717171;
        padding:8px;
        display:block;
        width:47%;
        box-sizing:border-box;
        background: #000;
        background: #e8e8e8;
        background: -moz-linear-gradient(top,  #e8e8e8 0%, #c4c4c4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#c4c4c4));
        background: -webkit-linear-gradient(top,  #e8e8e8 0%,#c4c4c4 100%);
        background: -o-linear-gradient(top,  #e8e8e8 0%,#c4c4c4 100%);
        background: -ms-linear-gradient(top,  #e8e8e8 0%,#c4c4c4 100%);
        background: linear-gradient(to bottom,  #e8e8e8 0%,#c4c4c4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#c4c4c4',GradientType=0 );
        border-radius:4px;
        border:1px solid #B3B3B3;
    }

    #subscriptionToggle div:first-child {
        margin-right:6%;
    }

    #subscriptionToggle {
        width:100%;
        float:none;
        bottom:0;
        left:0;
        border-radius:0;
        box-sizing:border-box;
        position:relative;
        bottom:21px;
        padding:0;
        background:none;
    }

    div#toggleGraphic {
        display:none;
    }

    #subscriptionToggle div.activeLabel {
        background: #c4c4c4;
        background: -moz-linear-gradient(top,  #c4c4c4 0%, #e8e8e8 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4c4c4), color-stop(100%,#e8e8e8));
        background: -webkit-linear-gradient(top,  #c4c4c4 0%,#e8e8e8 100%);
        background: -o-linear-gradient(top,  #c4c4c4 0%,#e8e8e8 100%);
        background: -ms-linear-gradient(top,  #c4c4c4 0%,#e8e8e8 100%);
        background: linear-gradient(to bottom,  #c4c4c4 0%,#e8e8e8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#e8e8e8',GradientType=0 );
        -webkit-box-shadow: inset 1px 3px 7px 1px rgba(0,0,0,0.4);
        -moz-box-shadow: inset 1px 3px 7px 1px rgba(0,0,0,0.4);
        box-shadow: inset 1px 3px 7px 1px rgba(0,0,0,0.4);
    }

	#step4 {
		background:#E6E6E3;
		border:solid 1px #998675;
		padding:10px 4px 30px;
		float:left;
	}
	
	/*BW - minnesota online red box for mobile*/
	.ohiomsg {
		padding-left: 0px;
		padding-top: 0px;
	}

	.crsmsg {
		background: url("../CESubscription/images/crsMsg.png") no-repeat scroll center center rgba(0, 0, 0, 0);
		height: 70px;  /*51px*/
		width: 263px;
	}

}

.ceCreditCheck, .onlineOrMailedExam {
    padding:1em;
}

.optionP {
    margin: 0 0 0 1em;
}

p.fancyboxQuestion {
    margin-bottom:0.5em;
    font-weight:600;
}

.ceCreditCheck p.optionP {
    margin-left:2em;
}

.ceCreditCheck input {
    margin-left:-1.2em;
}

.continueLine {
    text-align:center;
    padding:1em;
}

.continueLine input {
    font-size:1.1em;
    font-weight:500;
}


.fancybox-inner td {
    border: none;
    position: relative;
    padding:1em;
    line-height:1.3em;
}

.am-course-title-box {

}

.am-course-title {
    margin-bottom: 0;
    display: inline-block;
    margin-right: 10px;
}

.am-course-audio-box {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.tooltip .tooltiptext {
	left: 160%!important;		
}

.red-action-btn {
    cursor: pointer;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: .5em;
    background: #a80000; /* Old browsers */
    background: -moz-linear-gradient(top, #a80000 0%, #8a0000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a80000), color-stop(100%,#8a0000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a80000 0%,#8a0000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a80000 0%,#8a0000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a80000 0%,#8a0000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a80000 0%,#8a0000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a80000', endColorstr='#8a0000',GradientType=0 ); /* IE6-9 */
}

.red-action-btn:hover {
    background: #8a0000; /* Old browsers */
    background: -moz-linear-gradient(top, #8a0000 0%, #a80000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a0000), color-stop(100%,#a80000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8a0000 0%,#a80000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8a0000 0%,#a80000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8a0000 0%,#a80000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8a0000 0%,#a80000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a0000', endColorstr='#a80000',GradientType=0 ); /* IE6-9 */
}


.sr-macbook {
    margin: 1em auto 1em auto;
    width: 90%;
    cursor: pointer;
}

input.searchtext {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 8px 20px;
    border-radius: 5px;
}

.landingpageitems {
    display: none;
    margin-top: 10px;
    margin-bottom: 10px;
    align-items: center;
}

.landingpageitems p {
    margin: 15px 0;
    display: flex;
    align-items: center;
}

.landingpageitems span {
    font-weight: bold;
    width: 180px; 
}

.landingpageitems  input[type="text"] {
        width: calc(100% - 190px); 
        padding: 8px;
        border-radius: 4px;
}