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

.wrapper {
	text-align: center;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    width: 100%;
    max-width: 100%;
    overflow: auto;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.box {
    display: inline-block;
    vertical-align: top;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
}

.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: #d1d1d1;*/
    background-color: #636363; /* Old browsers  #b8b8b8*/
    /* FF3.6+ background: -moz-linear-gradient(top, #b8b8b8 0%, #808080 100%);*/
    /* Chrome,Safari4+ background: -webkitgradient(linear, left top, left bottom, color-stop(0%,#b8b8b8), color-stop(100%,#808080)); */
    /* Chrome10+,Safari5.1+  background: -webkit-linear-gradient(top, #b8b8b8 0%,#808080 100%);*/
    /* Opera 11.10+   background: -o-linear-gradient(top, #b8b8b8 0%,#808080 100%);*/
    /* IE10+ background: -ms-linear-gradient(top, #b8b8b8 0%,#808080 100%);*/
    /* W3C   background:linear-gradient(top, #b8b8b8 0%,#808080 100%);*/
    /* IE6-9 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#808080',GradientType=0 );*/
    position: relative;
    bottom: 11px;
    right: 11px;
    height: 20px;
    margin-right: -22px;
    margin-bottom: 11px;
    padding: 6px 0 11px;
}

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

@media screen and (max-width: 412px) {
    .header {
        height: auto;
    }
}

    .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;
        background-color: #ffffff;
    }

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

    #keir_description {
        padding-bottom: 20px;
        font-size: 12px;
    }

    .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: 180px; /*155px;*/
        margin: 10px;
        position: relative;
        bottom: 5px;
        height: 227px;
        box-shadow: 0px 2px 3px 0px #9E9E9E;
        border-radius: 4px;
        cursor: pointer;
    }

        .tile:hover {
            background-color: #efefef;
        }
    /*transform: scale(1.1)*/


    .tileBtn {
        width: 100%;
        height: 50%;
        max-width: 180px;
    }
        /* height:100%;170px*/

        .tileBtn:hover {
            cursor: pointer;
        }

    /*#class_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;} classtile.png  center center*/
    /*#webclass_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 } webclasstile.png center center; */
    #ondemand_btn {
        background: url('/FLOW/images/videoLecture.png') no-repeat center center;
    }

    #online_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;
    }
    /* center center background:url('/FLOW/images/onlinetile.png') no-repeat center center;*/
    #selfstudy_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;
    }
    /*selfstudytile.png*/
    #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;
    }

    #securitiesPromo_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;
    }

    .securitiesPromo_link {
        background-color: #009688;
        color: #fff;
        border-radius: 4px;
        width: 60%;
        margin-top: 9px;
        margin-left: auto;
        margin-right: auto;
        text-transform: uppercase;
        font-weight: 700;
    }

        .securitiesPromo_link:hover {
            background-color: #11ad9e; /*#9f98a2;*/
        }

        .securitiesPromo_link:active {
            background-color: #009688;
        }

    /*#class_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;} /*classtile2.png*/
    /*#webclass_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;} /*webclasstile2.png*/ * /*/
#ondemand_btn:hover  {background:url('/FLOW/images/videoLecture2.png') no-repeat center center;}
#online_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;} /*onlinetile2.png*/
    /*#selfstudy_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;} /*selfstudytile2.png*/
    /*#securitiesPromo_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;
}*/
    /*#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;}*/
    .trialLinkContainer {
        text-decoration: none;
    }

    .tile .actionButton {
        position: relative;
        font-size: 15px;
        margin: 10px auto;
        padding: 5px 8px;
        max-width: 120px;
        text-decoration: none;
    }

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

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

    .shortTile {
        /*background:url('/FLOW/images/shrunkTile.png') no-repeat;*/
        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;
    }

    .tileInfo {
        position: relative;
    }

    .cefolder .tileInfo {
        bottom: 44px;
    }

    .folder .tileInfo {
        margin-top: -22px;
    }

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

    .tile h2 {
        cursor: pointer;
    }

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

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

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

    #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: 0px; /*-3*/
        margin-bottom: 0px;
    }

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

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

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

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

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

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

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

    .shortTile_inactive_online {
        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: 30px;
        height: 47%;
    }
    /*url('/FLOW/images/shrunkTile_inactive.png')*/

    .shortTile_inactive_web_class {
        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: 30px;
        height: 47%;
    }
    /*url('/FLOW/images/shrunkTile_inactive.png')*/

    .shortTile_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: 30px;
        height: 47%;
    }
    /*url('/FLOW/images/shrunkTile_inactive.png')*/

    .shortTile_inactive_self {
        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: 30px;
        height: 47%;
    }
    /*url('/FLOW/images/shrunkTile_inactive.png')*/

    .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 {
        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: #606060;/*#989393;*/
        /*#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;
    }

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

        .dlinks a, .brochurelink, .statelink {
            display: inline-block;
            margin: 0.5em;
        }
.brochurelink, .statelink {
    cursor: pointer;
    text-decoration: underline
}

        .various, .pdflink {
            margin: 0px 15px 0px 15px;
        }

        .various:link {
            color: #606060; /*#787878;*/
        }

        .pdflink:link, .pdflink:visited {
            color: #606060;/*#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;
    }


    .nydate {
        padding: 0.1em 1em;
        text-align: right;
    }

    .wrapper {
        text-align: center;
    }

    .centernow {
        display: inline-block; /* this puts the content inline (similar to float) */
        vertical-align: top;
    }

    .bold {
        font-weight: 700;
    }

    .classTimeContainer {
        margin-top: 2em;
    }

    .timeLine {
        display: table-row;
        line-height: 1.3em;
    }

        .timeLine div {
            display: table-cell;
        }

    .classType {
        text-align: left;
        margin-right: 5%;
        font-weight: bold;
    }

    .classDate, .classTime, .state {
        padding: 0 .750em;
        text-align: right;
    }

    .classTime {
        text-align: right;
    }

    .box {
        background: #fff;
        padding: 2em;
        margin: 2em 0;
    }

    .fancybox-skin .nycheck {
        padding: 0;
        float: none;
        font-weight: 700;
    }

    .fancybox-skin .nydate {
        padding: .5em 1em;
    }

    /*  end of NY css */

    #calendar {
        text-align: center;
    }

    #dateKey {
        text-align: center;
    }

        /*#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: 20px;
        text-align: center;
        text-transform: uppercase;
    }

    .month {
        display: inline-block;
        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: 8px 0px;
        background: #007A7F; /* #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: 9px 5px;
        color: #575757;
        text-transform: uppercase;
    }

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

    .date {
        border: solid 1px #dadada; /*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 {
        position: relative;
        top: 6px;
        float: left;
        width: 10px;
        height: 10px;
        border: 1px #595959 solid;
        margin-right: 5px;
    }

    .englishDate {
        background: #67c5bd; /*#d6b0e2 #FBB03B;*/
        text-decoration: underline;
        border: 1px solid #dadada; /*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;
        margin-top: 25px;
        display: none;
    }

    .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;
        }
    /*#f5f3f3;:#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%;BW - commented in live web2*/
    }
    /*.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: 180px;
        margin: 10px;
        height: 227px;
        box-shadow: 0px 2px 3px 0px #9E9E9E;
        border-radius: 4px;
    }

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

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

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

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

        /*#courseList2 test1 {
		display: inline-block !important;
		margin-bottom: 10px;
	}*/

        #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: 730px) {

        .month {
            float: none;
            margin: 0px 15px 20px 15px;
            /*height: 216px;*/
        }
    }

    @media screen and (max-width: 560px) { /*classroom  - NY - class times fancybox popup......    515px*/

        .groupBottom {
            padding-bottom: 20px;
        }

        .nydate {
            padding: 0em 0em;
        }

        .fancybox-skin .nydate {
            padding: .4em .4em;
        }

        .fancybox-skin .groupBottom {
            padding-bottom: 0px;
        }

        .NYClassTable table {
            display: block;
        }

        .NYClassTable thead {
            visibility: hidden;
        }

        .NYClassTable td {
            display: block;
        }

        .NYClassTable tr {
            display: block;
        }

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

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

        .NYClassTable td {
            padding-left: 40%;
        }

        .NYClassTable tbody td:nth-of-type(1):before {
            content: "Select:";
            font-weight: 700;
            text-align: left;
        }

        .NYClassTable tbody td:nth-of-type(2):before {
            content: "Start Date:";
        }

        .NYClassTable tbody td:nth-of-type(3):before {
            content: "End Date:";
        }

        .NYClassTable tbody td:nth-of-type(4):before {
            content: "Schedule:";
            font-weight: 700;
        }
    }

    @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: 15px 10px;
        }

        .centerdiv {
            margin: 0 auto;
            text-align: center;
        }

        .month {
            display: inline-block;
            margin: 0;
        }

        .dlinkTitle {
            margin: 0.5em 17px;
        }

        .dlinks a {
            margin: 0.5em;
        }
    }