@media only screen and (max-width: 750px) {
    .nophonebig {
        display: none !important;
    }

    .phoneonlybig {
        display: block !Important;
    }
}


@media only screen and (min-width: 751px) {
    .phoneonlybig {
        display: none !Important;
    }
}





.lc-WarningMessage {
    background-color: #feff0036;
    padding: 20px;
    border: solid 1px #cccc;
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
    border-radius: 10px;
}

    .lc-WarningMessage p {
        margin: 0px;
    }

.CKEditor .slider-container #revolutionSlider, .CKEditor .slider-container {
    height: 9000px !Important;
    max-height: auto !important;
    min-height: 9000px !Important;
    background-color: White;
    float: none !Important;
    overflow: hidden !Important;
}

    .CKEditor .slider-container #revolutionSlider ul {
        display: block !Important;
        height: auto !Important;
        float: none !important;
        color: black !important;
    }


        .CKEditor .slider-container #revolutionSlider ul li {
            height: auto !Important;
            margin: auto !Important;
            overflow: auto !Important;
            min-height: auto !Important;
            float: None !Important;
            list-style: square inside none;
            padding-top: 20px !Important;
        }

            .CKEditor .slider-container #revolutionSlider ul li img {
                visibility: visible !Important;
                width: 98% !Important;
                float: none !Important;
                margin: auto !Important;
                float: right !Important;
            }



.CKEditor .tab-content > .tab-pane, .CKEditor > .tab-content > .tab-pane, .CKEditor * .tab-content > .tab-pane {
    display: block !Important;
    border-top: 1px dashed #C9C9C9 !Important;
    padding-top: 10px;
}

.gridviewwrapper.PaymentBillingInfoWrapper table {
    display: none;
}

#blogcomments {
    margin-top: 50px;
}

#ctl00_Content_btnComment {
    margin-top: 15px;
}

.postcommentwrapper {
    border-bottom: solid #ccc 1px;
    margin-bottom: 20px;
}

.productimages {
    width: 100%;
    text-align: center;
    display: block;
}

.price .amount select {
    display: block;
    font-size: .7em !Important;
    width: 100%;
}

#ProductDetailsSubmit {
    margin-right: 0px;
}

span.frmrfv[style*="inline"], span.frmrfv[style*="visible"] {
    padding-left: 5px;
}

.BillingInfoHeader {
    margin-top: 20px;
    margin-bottom: 20px;
}

input[type=text], input[type=password], textarea, select, .lc-textBox {
    border: solid 1px #ccc;
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    color: #555555;
    padding: 6px 12px;
    width: 236px;
}

.UserProfile {
    padding: 10px;
}

.CourseCompletion {
    border: none;
    margin-top: -25px;
}

    .CourseCompletion tr td {
        padding-right: 0px;
    }

.expirationdate {
    float: right;
    display: block;
}

.expirationdatetext {
    font-weight: bold;
}

#ucCourses {
    clear: both;
}

select, textarea {
    width: auto;
}

table {
    width: 100%;
}

th {
    padding: 5px;
}

td, th {
    vertical-align: top;
    padding: 10px;
}

th {
    vertical-align: middle;
    color: #fff;
}

    th a {
        color: #fff;
    }

        th a:hover {
            color: #fff;
            text-decoration: none;
        }

.thSortLink {
    visibility: hidden;
}

label {
    display: inline-block;
    width: 150px;
    clear: left;
    margin-bottom: 20px;
}

.lblError {
    color: Red;
    display: block;
}

.DataGrid tr td img {
    margin-top: 10px;
}

.Login td {
    width: 50%;
}

td.NewUser {
    background-color: #f5f5f5;
}

table, .Login, .DataGrid, #ctl00_Content_dlCalendar, .carttable, .payment, .GridView, .tableStatic {
    background-color: #fff;
    text-align: left;
    border: 1px solid #dddddd;
    border-collapse: collapse;
    margin-bottom: 1em;
}

    table#ctl00_Content_dlCalendar tr td {
        border: solid 1px #ddd !Important;
        border-collapse: collapse;
    }


#calendarday, #calendarday td {
    border: 0 !important;
}



table#ctl00_Content_dlCalendar tr:first-child td, table#ctl00_Content_dlCalendar tr:first-child {
    border-width: 0px !Important;
}

.TableAlternating {
    background-color: #f5f5f5;
}

.button {
    float: right;
    margin-bottom: 15px;
    margin-right: 15px;
}

.BillingInfoHeader {
    padding: 15px;
    background-color: #f5f5f5;
    margin-bottom: 15px;
}

    .BillingInfoHeader strong {
        font-size: 1.2em;
    }

#ctl00_Content_pnlFrmDat label {
    padding-left: 15px;
    width: 37%;
}

.payment {
    background-color: #f2f9fc;
}

.main {
    min-height: 456px;
}

#subcatheading {
    display: block;
    width: 100%;
    margin: 0px auto;
    text-align: center;
}

.ProductSubCatsItem {
    vertical-align: middle;
    display: inline-block;
    width: 260px;
    margin: 10px;
    border: solid 2px;
    border-radius: 4px;
    text-align: center;
    padding: 15px;
    color: #777777;
    background-color: #eaeaea;
    transition: all 400ms;
}

    .ProductSubCatsItem:hover {
        text-decoration: none;
        color: #777777;
        box-shadow: 0px 0px 8px rgba(0,0,0, 0.5);
        background-color: #fff;
    }

    .ProductSubCatsItem img {
        width: 100%;
    }

.ProductSubCatsItemImg {
    width: 99%;
    display: inline-block;
    margin: 0px auto 7px auto;
    height: 150px;
}

h4.ProductSubCatsItemName {
    margin: 4px 0px;
    padding: 0px;
    font-size: 18px;
    min-height: 58px;
}

p.ProductSubCatsItemDesc {
    margin: 0px 0px 10px 0px;
    line-height: normal;
    min-height: 42px;
}

.ProductSubCatsItemPrice {
    font-size: 1.2em;
    font-weight: bold;
}

@media only screen and (max-width: 991px) {
    .ProductSubCatsItem {
        width: 200px;
    }

    .ProductSubCatsItemImg {
        margin: 0px auto 7px auto;
        height: 120px;
    }
}

@media only screen and (max-width: 486px) {
    .ProductSubCatsItem {
        display: block;
        width: auto;
    }

    .ProductSubCatsItemImg {
        height: auto;
    }

    h4.ProductSubCatsItemName {
        min-height: inherit;
    }

    p.ProductSubCatsItemDesc {
        min-height: initial;
    }
}

h3.course-expanded::before {
    font-family: "FontAwesome";
    content: '\f056 \00A0';
}

h3.course-contracted::before {
    font-family: "FontAwesome";
    content: '\f055 \00A0';
}

.course-container h3, .files-container h3, .modules-container h3 {
    padding-top: 3px;
    margin-bottom: 0;
    cursor: pointer;
}

.course-container, .files-container, .modules-container {
    margin-left: 20px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

/* ############# My Account Styles ############# */
.AccountMainDiv {
    text-align: center;
    margin: 0px auto;
}

.AccountFiles, .AccountFreeModules, .AccountRegCodes, .AccountCompletionReport, .AccountOrders, .AccountEditAccount, .AccountHighScore, .AccountBadges, .AccountButton {
    margin: 0px 8px;
    display: inline-block;
    font-size: 1.4em;
    width: 24%;
    margin: 1%;
    padding: 15px;
}

.MyAccountIcon {
    display: block;
    font-size: 120px;
    font-size: 6vw;
    color: #FFF;
    padding-bottom: 10px;
}

.AccountSeperator {
    display: none;
}

.MyAccountText {
    text-align: center;
}

/* ############# End My Account ############# */

/* ############# Blog Styles ############# */
.sixteen.columns {
    width: 100%;
}

.blog-date-wrapper {
    width: 60px;
    float: left;
    background-repeat: no-repeat;
    padding: 15px 10px 20px;
    text-align: center;
    line-height: 1;
    margin-right: 10px;
}

div.blog-item-holder .blog-item2 .blog-thumbnail-info * {
    font-size: 11px;
}

.blog-thumbnail-author, .blog-thumbnail-tag, .blog-thumbnail-comment {
    width: auto;
    display: inline-block;
    font-style: italic;
    padding-right: 8px;
}

h2.blog-thumbnail-title a:link, h2.blog-thumbnail-title a:visited {
    text-decoration: none;
}

h2.blog-thumbnail-title {
    text-decoration: none;
    margin-bottom: 0px;
    padding-bottom: 0;
    line-height: auto;
}

.blog-thumbnail-context {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    font: inherit;
    vertical-align: baseline;
    display: block;
}

.blog-thumbnail-content {
    margin-top: 15px;
}

a.blog-continue-reading {
    padding-left: 10px;
    font-style: italic;
}

a.blog-continue-reading {
    width: auto;
}

.blog-item-inside {
    display: block;
    margin-left: 70px;
}

div.blog-item-holder .blog-item2 .blog-date-wrapper .blog-date-value {
    font-size: 30px;
}
/* ############# End Blog ############# */

/* ############# Calendar Styles ############# */
table#calendarcontainer {
    margin: 0;
    padding: 0;
}

table#ctl00_Content_dlCalendar tr td {
    border-collapse: collapse !important;
    padding: 0 !important;
    margin: 0 !important;
}
    /* calendar styles for the day  table */
    table#ctl00_Content_dlCalendar tr td table, table#ctl00_Content_dlCalendar tr td table tr td {
        border-style: none !important;
    }

table#ctl00_Content_dlCalendar {
    padding: 0 !important;
    margin: 0 !important;
}

table#calendar {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

#calendar {
    background-color: white;
}

.calendar td, .calendarday td {
    background-color: White;
    padding: 0;
    height: auto;
}

#calendarcontainer table td a:link, #calendarcontainer table td a:hover {
}

#calendarcontainer table td {
    padding: 0;
    margin: 0;
}

.calendarday {
    width: 100%;
    padding: 0;
    margin: 0;
}

    .calendarday td {
        height: 100px;
        padding: 0;
        margin: 0;
    }

        .calendarday td a:link {
            padding-left: 5px;
            display: block;
        }

#calendar, #calendar td {
    padding: 0;
    margin: 0;
}

.calendardate {
    font-weight: bold;
    display: block;
    padding: 5px;
}

.calendardateold {
    font-weight: bold;
    display: block;
    padding: 5px;
    color: #dedede;
}

.datemonth #ctl00_Content_dlCalendar_ctl00_lblMiddle {
    padding: 5px;
    display: block;
    font-weight: normal;
    font-size: 18px;
}

/* first 7 items are our headers */
table tr td#CalendarItem_1, table tr td#CalendarItem_2, table tr td#CalendarItem_3, table tr td#CalendarItem_4, table tr td#CalendarItem_5, table tr td#CalendarItem_6, table tr td#CalendarItem_7 {
    height: auto;
    display: block;
    font-weight: bold;
    padding: 10px !important;
    width: 100%;
}

.calendarright {
    float: right;
    padding-right: 10px;
}

.calendarleft {
    float: left;
    padding-left: 10px;
}

.datemonth {
    text-align: center;
    font-weight: bold;
    display: block;
    font-size: 14px;
}

#calendar tr td {
    padding: 0px;
}

#ctl00_Content_dlCalendar td {
    width: 14.28%;
}

#ctl00_Content_dlCalendar {
    width: 100%;
}
/* ############# End Calendar ############# */





/* Quiz Styles */
.quizArea > h3 {
    font-size: 13px !Important;
}


.answers label {
    width: auto;
    padding-left: 5px;
}

#QuizName, #QuizName span {
    float: left;
    font-size: 20px;
}

.quizHeader {
    padding-top: 20px;
}

#QuizTimerSpan {
    float: right;
    padding-right: 20px;
    font-weight: normal;
}

.counter {
    font-weight: bold;
    color: #F00;
}

#QuizCompleteMessage {
    display: none;
}

.questionCount {
    font-style: italic;
}

    .questionCount span {
        font-weight: bold;
    }

.question span.hidden {
    display: block !Important;
}

/* end quiz styles*/


#header nav ul.nav-top {
    float: left;
}












@media only screen and (max-width: 991px) {
    body #header .nav-main ul.dropdown-menu {
        display: block !important;
    }


    .AccountFiles, .AccountFreeModules, .AccountRegCodes, .AccountCompletionReport, .AccountOrders, .AccountEditAccount, .AccountHighScore, .AccountBadges, .AccountButton {
        font-size: 12px;
        padding: 10px;
        display: block;
        width: auto;
    }


    #ctl00_Content_dlCalendar td {
        display: block !important;
        width: 100% important;
    }


    td#CalendarItem_1,
    td#CalendarItem_2,
    td#CalendarItem_3,
    td#CalendarItem_4,
    td#CalendarItem_5,
    td#CalendarItem_6,
    td#CalendarItem_7 {
        display: none !Important;
    }

    #ctl00_Content_dlCalendar td {
        width: 100% !important;
    }

    .calendarright {
        margin-top: -30px;
    }
}

/* for iphone size shrink our super header text size */
@media only screen and (max-width: 570px) {


    .nophone {
        display: none;
    }



    #txtEmail, #ctl00_Content_txtPassword {
        width: 100px;
        margin-bottom: 10px;
    }

    .ExistingUser h3 {
        margin-bottom: 0px;
    }


    body #header .nav-main ul.dropdown-menu {
        display: block !important;
    }

    #header nav ul.nav-top.phone {
        min-height: 0px;
    }

    #header .logo {
        height: auto !important;
    }

    #header nav ul.nav-top.phone, #header nav ul.nav-top.phone li {
        display: block !important;
    }

    td.ExistingUser label {
        margin-bottom: 3px;
        clear: both;
        display: block;
    }

    ul.custom-menu {
        text-align: left !important;
        float: left !Important;
    }

    .footer-default-two {
        width: auto !important;
    }

    .social_widget {
        visibility: hidden;
    }

    #productdetailtable td {
        display: block;
    }

    .wrapper {
        width: 98%;
    }

    /*body, td, div, span, input, select, th, button, strong {*/
    body, td, input, select, th, button {
        font-size: 11px !Important;
    }

    table {
        table-layout: fixed;
        width: 100%;
    }

        table td, table th {
            word-wrap: break-word; /* All browsers since IE 5.5+ */
            overflow-wrap: break-word;
            padding: 1px !Important;
        }


    .carttable td:nth-child(3), .carttable th:nth-child(3) {
        display: none;
    }

    input {
        width: 100% !Important;
        min-width: auto !Important;
    }

    .button, .ExistingUser input[type="button"] {
        margin: 10px 0px 10px 0;
    }

    .rfv {
        padding-left: 0px;
    }

    .button {
        margin: auto !important;
    }

    .ExistingUser label {
        width: auto !important;
    }

    input {
        width: auto !important;
    }

    .ExistingUser #txtEmail, .ExistingUser #ctl00_Content_txtPassword {
        clear: left;
        width: 80% !important;
    }


    input.txtquantity {
        width: 100% !Important;
    }

    input {
        margin-left: 0;
    }




    #ctl00_Content_pnlFrmDat label {
        padding-left: 0px;
        margin-bottom: 0px;
        margin-top: 20px;
    }

    span.frmrfv[style*="inline"], span.frmrfv[style*="visible"] {
        display: block !Important;
        margin: 0;
        padding: 0;
        clear: both;
    }
}



.AccountBadgesContainer {
}

.AccountBadgesBadge {
    display: inline-block;
    margin: 0px 20px;
}

    .AccountBadgesBadge h3 {
        display: block;
        text-align: center;
        margin-bottom: 0px;
    }

.AccountBadgesBadgeImage {
}

.AccountBadgesExpiration {
    text-align: left;
    padding: 8px 0px;
}


#ctl00_Content_ucAccountBadges_shareButtons {
    text-align: right;
}




/* badge styles */

.badgeimage {
    float: left;
    margin-right: 40px;
}

.badgedetails {
    float: left;
}


.AccountBadgesExpiration {
    font-weight: bold;
    font-style: italic;
}


.commentUserName {
    display: block;
    font-weight: bold;
    font-variant: :;
    font-style: italic;
}


.txtScore {
    width: 60px !important;
}

.txtDate {
    width: 100px !important;
}






.fileUpload {
    position: relative;
    overflow: hidden;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }


.externaltrainingtable td input {
    padding: 2px;
    width: 100%;
}


h2 {
    margin-bottom: 0;
}


#shareButtons {
    float: right
}




#ctl00_Content_pnlPassword login {
width:100%;
max-width:100%:
}