html {
    height: 100%;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    padding: 0;
    width: 100%;
}

body {
    /*background-image: url('/Images/_new/pattern_background.png');*/
    color: #272e3e;
    font-family: 'Open Sans','Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12pt;
    height: 100%;
    letter-spacing: 0;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    moz-osx-font-smoothing: grayscale;
    padding: 0;
    position: relative;
    text-rendering: optimizeLegibility;
    webkit-font-smoothing: antialiased;
    width: 100%;
}




.footer .copyright {
    color: #ffffff;
    padding-left: 10px;
}

ul.footertoplinks {
    border-left: 2px solid #FFFFFF;
    list-style-type: none;
    margin-left: 2px;
    margin-top: 10px;
    padding-bottom: 3px;
    padding-left: 14px;
    padding-top: 2px;
}


.footer ul.footerbottomlinks {
    border: none;
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 12px;
}

    .footer ul.footerbottomlinks li {
        color: #ffffff;
        display: inline-block;
        font-size: 11pt;
        line-height: 16pt;
        margin-left: 0;
        margin-right: 20px;
        padding: 0;
    }

ul.footertoplinks li {
    color: #ffffff;
    font-size: 11pt;
    line-height: 16pt;
}

    ul.footertoplinks li a,
    ul.footertoplinks li a:visited,
    ul.footerbottomlinks li a,
    ul.footerbottomlinks li a:visited {
        color: #ffffff; /*#FCFEFC*/
        text-decoration: none;
    }

        ul.footertoplinks li a:hover,
        ul.footertoplinks li a:active {
            color: #272e3e;
        }

        ul.footerbottomlinks li a:hover,
        ul.footerbottomlinks li a:active {
            color: #eeeeee;
        }

        ul.footertoplinks li a:hover:before {
            content: "";
            display: inline-block;
            width: 12px;
            height: 14px;
            background-image: url('/Images/_new/blue_dot_footer.jpg');
            -ms-background-repeat: no-repeat;
            background-repeat: no-repeat;
            position: relative;
            left: -9px;
            top: 2px;
            margin-left: -12px;
        }


.footer h3 {
    white-space: nowrap;
    height: 68px;
    line-height: 68px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12pt;
    padding-left: 10px;
    background-color: #999999;
    background-image: url('/Images/_new/button_futter_how_do_i.png');
    -ms-background-repeat: repeat-x;
    background-repeat: repeat-x;
    -ms-background-size: contain;
    background-size: contain;
}



.boxshadow {
    position: relative;
    background-color: #ffffff;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    box-shadow: none;
    /*
    -webkit-box-shadow: -10px 10px 0 0 rgba(29, 52, 118,0.2);
    -moz-box-shadow: -10px 10px 0 0 rgba(29, 52, 118,0.2);
    box-shadow: -10px 10px 0 0 rgba(29, 52, 118,0.2);
        */
}


    .boxshadow:after {
        pointer-events: none;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 0;
        top: 0; /*
        border-top: 18px solid #263996;
        border-left: 38px solid transparent;*/
    }


.cbox {
    position: relative;
    background-color: #ffffff;
    padding: 20px;
    background-image: url('/images/_new/box_4.png');
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: right 20%;
    background-position: right 20%;
    box-shadow: none;
}



    .cbox h3 {
        line-height: 26pt;
        font-size: 20pt;
        font-weight: bold;
        display: inline-block;
        margin-bottom: 0;
        letter-spacing: -1px;
    }

    .cbox h4 {
        padding-left: 0;
        font-size: 16pt;
        font-weight: 100;
        color: #6f788c;
        margin-bottom: 20px;
    }

    .cbox h3 span.accent {
        display: inline;
        color: #263996;
    }


    .cbox:hover {
        border-top: 1px solid white;
        background-color: #e6e6e6;
        color: #272e3e;
        background-image: url('/images/_new/box_4_gray_over.png');
    }

        .cbox:hover h4 {
            color: #272e3e;
        }

            .cbox:hover h4 a {
                color: #272e3e;
            }

        /*
        .cbox:hover h3 span.accent {
            color: #F15928;
        }*/

        .cbox:hover:after {
            border-top: 17px solid white;
            border-left: 37px solid transparent;
        }




.dropdown-menu {
    width: 420px;
    padding: 0;
    margin: 0;
    border: none;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .dropdown-menu li {
        white-space: normal;
        max-width: 100%;
        cursor: pointer;
    }

.dropdown-item {
    position: relative;
    /*
    background-image: url('/images/_new/menu_item_bgr.png');

    */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(6, #f4f5f9), color-stop(30, #dce0ec), color-stop(57, #d1d7e7), color-stop(100, #d1d7e7));
    background: -moz-linear-gradient(Bottom, #f4f5f9 6%, #dce0ec 30%, #d1d7e7 57%, #d1d7e7 100%);
    background: -ms-linear-gradient(Bottom, #f4f5f9 6%, #dce0ec 30%, #d1d7e7 57%, #d1d7e7 100%);
    background: -o-linear-gradient(Bottom, #f4f5f9 6%, #dce0ec 30%, #d1d7e7 57%, #d1d7e7 100%);
    background: linear-gradient(to top, #f4f5f9 6%, #dce0ec 30%, #d1d7e7 57%, #d1d7e7 100%);
    -ms-background-repeat: repeat-x;
    background-repeat: repeat-x;
    -ms-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    border: 1px solid #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .dropdown-item:hover,
    .dropdown-item:active {
        /*
        background-image: url('/images/_new/menu_item_bgr_over.png');
        */
        background: -webkit-gradient(linear, left bottom, left top, color-stop(6, #e4e4e4), color-stop(30, #f2f2f2), color-stop(57, #ffffff), color-stop(100, #ffffff));
        background: -moz-linear-gradient(Bottom, #e4e4e4 6%, #f2f2f2 30%, #ffffff 57%, #ffffff 100%);
        background: -ms-linear-gradient(Bottom, #e4e4e4 6%, #f2f2f2 30%, #ffffff 57%, #ffffff 100%);
        background: -o-linear-gradient(Bottom, #e4e4e4 6%, #f2f2f2 30%, #ffffff 57%, #ffffff 100%);
        background: linear-gradient(to top, #e4e4e4 6%, #f2f2f2 30%, #ffffff 57%, #ffffff 100%);
        -ms-background-repeat: repeat-x;
        background-repeat: repeat-x;
        -ms-background-size: contain;
        -o-background-size: contain;
        -webkit-background-size: contain;
        background-size: contain;
        border: 1px solid #263996;
    }

    .dropdown-item div {
        text-transform: uppercase;
        color: #060606;
        font-size: 10pt;
    }

    .dropdown-item a {
        font-size: 12pt;
        font-weight: bold;
        color: #060606;
        text-decoration: none;
        width: 100%;
        display: inline-block;
    }

    .dropdown-item:hover a,
    .dropdown-item:active a,
    .dropdown-item:hover div,
    .dropdown-item:active div {
        color: #263996;
    }

    .dropdown-item:after {
        pointer-events: none;
        content: '';
        position: absolute;
        left: 0;
        top: 13px;
        margin: auto 0;
        width: 0;
        height: 0;
        border-left: solid 10px #ffffff;
        border-top: solid 14px transparent;
        border-bottom: solid 14px transparent;
    }

    .dropdown-item:hover:after,
    .dropdown-item:active:after {
        pointer-events: none;
        content: '';
        position: absolute;
        left: 0;
        top: 13px;
        margin: auto 0;
        width: 0;
        height: 0;
        border-left: solid 10px #263996;
        border-top: solid 14px transparent;
        border-bottom: solid 14px transparent;
    }

.nav-item a.nav-link:focus {
    outline: 0;
}



.nav-item:hover,
.nav-item:active,
.nav-item.show {
    position: relative;
    background-color: #efefef; /*#F15928*/
    border-bottom: 4px solid #263996; /*#F15928*/
}

    .nav-item a.nav-link:hover,
    .nav-item a.nav-link:active,
    .nav-item:hover a.nav-link,
    .nav-item:active a.nav-link,
    .nav-item.show a.nav-link,
    .nav-item.show {
        color: #263996 !important;
    }



@media (max-width: 768px) {
    .dropdown-menu {
        width: 100%;
    }





    .nav-item {
        position: relative;
        border-bottom: 1px solid #ffffff;
        width: 100%;
    }

        .nav-item.show:after,
        .nav-item:hover:after,
        .nav-item:active:after {
            pointer-events: none;
            content: '';
            position: absolute;
            left: 0;
            top: 13px;
            margin: auto 0;
            width: 0;
            height: 0;
            border-left: solid 10px #ffffff;
            border-top: solid 14px transparent;
            border-bottom: solid 14px transparent;
        }

        .nav-item a.nav-link {
            font-size: 16pt;
            color: #263996 !important;
            letter-spacing: 0;
            font-weight: normal;
            width: 100%;
            padding-left: 25px !important;
        }
}


@media (min-width: 768px) {
    .nav-item {
        position: relative;
        height: 100%;
        border-bottom: 4px solid #ffffff;
    }

        .nav-item a.nav-link {
            position: relative;
            font-size: 12pt;
            color: #272e3e !important;
            letter-spacing: 0;
            font-weight: normal;
            height: 100%;
            display: inline-block;
            line-height: 46pt;
        }

        /*     .nav-item:hover,
        .nav-item:active,
        .nav-item.show {
            -o-box-shadow: 0 -3px 0 0 #263996 !important; 
            -webkit-box-shadow: 0 -3px 0 0 #263996 !important; 
            -moz-box-shadow: 0 -3px 0 0 #263996 !important; 
            box-shadow: 0 -3px 0 0 #263996 !important; s
        }*/


        .nav-item:hover:after,
        .nav-item:active:after,
        .nav-item.show:after {
            pointer-events: none;
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 0;
            height: 0;
            border-bottom: solid 8px #263996;
            border-left: solid 11px transparent;
            border-right: solid 11px transparent;
        }
}



@media (max-width: 992px) {
    .margin992 {
        margin-bottom: 20px !important;
    }
}

@media (min-width: 992px) {
    .border992 {
        border-left: 2px solid #e0e0e0;
    }
}

@media (min-width: 576px) {
    .border576 {
        border-left: 2px solid #e0e0e0;
    }
}

@media (max-width: 576px) {
    .border576 .blogbox {
        border-left: none;
        border-top: 2px solid #e0e0e0;
        padding-top: 20px;
    }

    .border992 .blogbox {
        border-top: 2px solid #e0e0e0;
        padding-top: 20px !important;
    }

    .br-sm {
        display: block;
    }
}

@media (max-width: 250px) {
    .boxtitle {
        font-size: 14pt !important;
    }

    .footer h3 {
        font-size: 12pt !important;
    }
}

@media (max-width: 280px) {
    .footerbottomlinks li {
        display: block !important;
        padding-left: 10px !important;
        margin-top: 10px !important;
    }
}

@media (max-width: 360px) {
    .br-xs1 {
        display: block;
    }
}

@media (max-width: 412px) {
    .br-xs2 {
        display: block;
    }
}



@media (min-width:250px) and (max-width: 320px) {
    .boxtitle {
        font-size: 16pt !important;
    }

    .footer h3 {
        font-size: 14pt !important;
    }
}

@media (min-width:320px) and (max-width: 360px) {
    .boxtitle {
        font-size: 17pt !important;
    }

    .footer h3 {
        font-size: 15pt !important;
    }
}



















.blogbox {
    position: relative;
}

    .blogbox img.arrow {
        width: 40%;
        max-width: 100px;
        border: none;
    }

    .blogbox h4 {
        font-size: 12pt;
        font-weight: bold;
        padding-top: 10px;
        margin-bottom: 0;
    }

    .blogbox a {
        text-decoration: none;
        color: #272e3e;
    }

    .blogbox span {
        color: #999999;
        font-size: 10pt;
    }

    .blogbox img.thumb {
        border: 1px solid #999999;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }


.navtopbutton {
    text-align: center;
    display: inline-block;
    background-color: #ffffff;
    color: #c0c0c0;
    font-size: 12pt;
    line-height: 12pt;
    border: 1px solid #d0d0d0;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2;
    padding-bottom: 4px;
    cursor: pointer;
}

    .navtopbutton:hover, .navtopbutton:active {
        background-color: #263996;
        color: #ffffff;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
    }


.footerpreline {
    background-color: #efefef;
}






.plr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.plr15 {
    padding-left: 15px;
    padding-right: 15px;
}

.plr20 {
    padding-left: 20px;
    padding-right: 29px;
}

.plr25 {
    padding-left: 25px;
    padding-right: 25px;
}

.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.boxtitle,
.boxtitle a {
    color: #272e3e;
    font-weight: bold;
    font-size: 20pt;
}

    .boxtitle span.accent,
    .boxtitle a span.accent {
        color: #263996;
    }






@-webkit-keyframes animate-positive {
    0% {
        width: 0;
    }
}

@keyframes animate-positive {
    0% {
        width: 0;
    }
}





.progress-title {
    font-size: 12pt;
    color: #272e3e;
    margin: 0 0 0;
}

.progress {
    width: 100%;
    height: 10px;
    border: 1px solid #999999;
    -ms-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: visible;
    margin-bottom: 35px;
}

    .progress .bar {
        background-color: #263996;
        width: 0;
        height: 8px;
        position: relative;
        -o-animation: animate-positive 2s;
        ;
        -moz-animation: animate-positive 2s;
        -webkit-animation: animate-positive 2s;
        animation: animate-positive 2s;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

.baloon {
    font-size: 10pt;
    position: absolute;
    color: white;
    background-color: #f31212;
    display: inline-block;
    height: 20px;
    width: auto;
    top: 12px;
    right: 0;
    -ms-border-radius: 10%;
    -moz-border-radius: 10%;
    -webkit-border-radius: 10%;
    border-radius: 10%;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-box-shadow: -2px 2px 0 0 rgba(90,90,90,0.35);
    -moz-box-shadow: -2px 2px 0 0 rgba(90,90,90,0.35);
    box-shadow: -2px 2px 0 0 rgba(90,90,90,0.35);
}

    .baloon:after {
        pointer-events: none;
        content: '';
        position: absolute;
        right: 4px;
        bottom: 19px;
        margin: 0 auto;
        width: 0;
        height: 0;
        border-bottom: solid 4px #f31212;
        border-left: solid 4px transparent;
        border-right: solid 4px transparent;
    }


.orangedot {
    height: 15px;
    width: 15px;
    background-color: #F15928;
    display: inline-block;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}


.calendar {
    width: auto;
    display: inline-block;
    text-transform: uppercase;
    line-height: 20pt;
}

    .calendar .day {
        color: #ffffff;
        background-color: #F31212;
        -ms-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -ms-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        padding-left: 7px;
        padding-right: 7px;
        text-align: center;
        margin-bottom: 0;
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 18pt;
    }

    .calendar .month {
        color: #ffffff;
        background-color: #263996;
        -ms-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
        -ms-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        padding-left: 7px;
        padding-right: 7px;
        text-align: center;
        margin-top: 0;
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 12pt;
    }




.boxshadow.bottomcorner:before {
    pointer-events: none;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 18px solid #263996;
    border-right: 38px solid transparent;
}

.HeaderSubTitle {
    display: inline-block;
    color: #272e3e;
    font-size: 18pt;
    line-height: 22pt;
    font-weight: normal;
    padding-top: 15px;
    text-transform: uppercase;
}

.HeaderSlogan {
    text-align: right;
    display: inline-block;
    color: #DBE6FD;
    font-size: 12pt;
    line-height: 12pt;
    padding-top: 5px;
    float: right;
}

@media (min-width: 576px) and (max-width: 992px) {

    .HeaderSubTitle {
        font-size: 16pt;
        line-height: 16pt;
    }

    .HeaderSlogan {
        font-size: 12pt;
        line-height: 12pt;
    }
}

@media (max-width: 576px) {

    .HeaderSubTitle {
        font-size: 12pt;
        line-height: 12pt;
    }

    .HeaderSlogan {
        font-size: 10pt;
        line-height: 8pt;
    }
}


ol.breadcrumb {
    margin: 0;
    padding: 0;
}

    ol.breadcrumb li.breadcrumb-item a,
    ol.breadcrumb li.breadcrumb-item {
        color: #272e3e;
    }

        ol.breadcrumb li.breadcrumb-item a:hover,
        ol.breadcrumb li.breadcrumb-item:hover {
            color: #263996;
        }



ul.dvLeftMenu {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: -5px 15px 0 -5px rgba(207,212,233,1);
    -moz-box-shadow: -5px 15px 0 -5px rgba(207,212,233,1);
    box-shadow: -5px 15px 0 -5px rgba(207,212,233,1);
}

    ul.dvLeftMenu li {
        position: relative;
        line-height: 30pt;
    }

        ul.dvLeftMenu li a {
            display: inline-block;
            color: #282F3F;
            text-decoration: none;
            width: 100%;
            padding-left: 20px;
            padding-right: 10px;
        }

        ul.dvLeftMenu li.wobble-horizontal {
            font-weight: bold;
            font-size: 14pt;
            border-right: 1px solid #BFC7DA;
            border-bottom: 1px solid #BFC7DA;
            -webkit-box-shadow: 0px -1px 0px 0px rgba(191,199,218,1);
            -moz-box-shadow: 0px -1px 0px 0px rgba(191,199,218,1);
            box-shadow: 0px -1px 0px 0px rgba(191,199,218,1);
            border-left: 1px solid rgba(207, 212, 233, 1);
        }

            ul.dvLeftMenu li.wobble-horizontal:hover,
            ul.dvLeftMenu li.wobble-horizontal:active {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                background-color: #263996;
                border-right: 1px solid #ffffff;
                border-bottom: 1px solid #263996;
                background-image: url('/images/_new/menu_item_blue.png');
                -ms-background-repeat: no-repeat;
                background-repeat: no-repeat;
                -ms-background-position: right;
                background-position: right;
                -ms-background-size: contain;
                -o-background-size: contain;
                -webkit-background-size: contain;
                -moz-background-size: contain;
                background-size: contain;
                border-right-color: #263996;
                border-left: 1px solid #263996;
            }

                ul.dvLeftMenu li.wobble-horizontal:hover a,
                ul.dvLeftMenu li.wobble-horizontal:active a {
                    color: #ffffff;
                }

            ul.dvLeftMenu li.wobble-horizontal:after {
                pointer-events: none;
                content: "";
                width: 0;
                height: 0;
                position: absolute;
                left: 0;
                top: 0;
                border-top: 12px solid #BFC7DA;
                border-right: 22px solid transparent;
            }

            ul.dvLeftMenu li.wobble-horizontal:hover:after,
            ul.dvLeftMenu li.wobble-horizontal:active:after {
                pointer-events: none;
                content: "";
                width: 0;
                height: 0;
                position: absolute;
                left: auto;
                right: -1px;
                top: 0;
                border-top: 12px solid #ffffff;
                border-left: 22px solid transparent;
                border-right: none;
            }



        ul.dvLeftMenu li.custom {
            background-color: #dddddd;
            font-weight: normal;
            font-size: 14pt;
            border-right: 1px solid #999999;
            border-bottom: 1px solid #999999;
            border-left: 1px solid #999999;
        }

            ul.dvLeftMenu li.custom:hover,
            ul.dvLeftMenu li.custom:active {
                background-color: #666666 !important;
                border-right: 1px solid #272e3e;
                border-bottom: 1px solid #272e3e;
                border-left: 1px solid #272e3e;
            }

                ul.dvLeftMenu li.custom:hover a,
                ul.dvLeftMenu li.custom:active a {
                    color: #ffffff;
                    background-image: url('/images/_new/menu_item_dark_gray.png');
                    -ms-background-repeat: no-repeat;
                    background-repeat: no-repeat;
                    -ms-background-position: right;
                    background-position: right;
                    -ms-background-size: contain;
                    -o-background-size: contain;
                    -webkit-background-size: contain;
                    -moz-background-size: contain;
                    background-size: contain;
                }



.right_area {
    background-color: #E6E6F0;
    border: 1px solid #263996;
    padding: 10px;
    position: relative;
    margin: 0 auto;
    font-size: 10pt;
    line-height: 12pt;
}

    .right_area:before {
        background: none;
        border: 1px solid #fff;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
    }

.RightColumnImage {
    position: relative;
    background-color: #ffffff;
    padding: 2px;
    border: 1px solid #263996;
    width: 100%;
}

    .RightColumnImage:before {
        background: none;
        border: 1px solid #fff;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
    }












.right_orange_area {
    background-color: #f36c3f;
    border: 1px solid #F15928;
    padding: 10px;
    position: relative;
    margin: 0 auto;
    font-size: 10pt;
    line-height: 12pt;
}

    .right_orange_area:before {
        background: none;
        border: 1px solid #fff;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
    }

.RightColumnOrangeImage {
    position: relative;
    background-color: #ffffff;
    padding: 2px;
    border: 1px solid #f31212;
    width: 100%;
}

    .RightColumnOrangeImage:before {
        background: none;
        border: 1px solid #fff;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
    }



.RightColumnBlueImage {
    position: relative;
    background-color: #ffffff;
    padding: 2px;
    border: 1px solid #263996;
    width: 100%;
}

    .RightColumnBlueImage:before {
        background: none;
        border: 1px solid #fff;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
    }








.content_title {
    font-size: 16pt;
    line-height: 16pt;
    font-weight: bold;
    color: #272e3e;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 15px;
}


    .content_title:after {
        bottom: -5px;
        left: 0;
        position: absolute;
        content: '';
        height: 5px;
        width: 5px;
        -ms-border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        float: left;
        background-color: #263996;
    }

    .content_title:before {
        bottom: -3px;
        left: 0;
        position: absolute;
        content: '';
        height: 1px;
        width: 400px;
        max-width: 100%;
        border-bottom: 1px solid #263996;
    }

    .content_title .textaccent {
        color: #263996 !important;
    }


.lineseparator {
    position: relative;
    width: 40%;
    border-top: 1px solid #f31212;
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: visible;
}




    .lineseparator:after {
        top: -3px;
        left: 0;
        position: absolute;
        content: '';
        height: 5px;
        width: 5px;
        -ms-border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        float: left;
        background-color: #f31212;
    }





.Hidden {
    display: none;
}



/*Tooltips*/
.tooltip-inner {
    background-color: #d9e5ff;
    color: #000033;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #d9e5ff !important;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #d9e5ff !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #d9e5ff !important;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #d9e5ff !important;
}
.tooltip {
    pointer-events: none;
}
/*End of Tooltips*/

.wlink {
    color: #ffffff;
    text-decoration: none;
}

    .wlink:hover, .wlink:active {
        color: #ffffff;
        text-decoration: none;
    }

.grlink {
    color: #272e3e;
    text-decoration: none;
}

    .grlink:hover, .grlink:active {
        color: #263996;
        text-decoration: none;
    }






@media print {
    .noprint {
        display: none;
    }



    .col-print-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        -o-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-print-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        -o-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-print-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        -o-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-print-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        -o-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-print-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        -o-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-print-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        -o-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-print-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        -o-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-print-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        -o-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-print-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        -o-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-print-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        -o-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-print-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        -o-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-print-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        -o-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}



/**********************APPLY TO CONTENT************************************/



#btiSearch {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 2000;
    width: 48px;
    height: 48px;
}

    #btiSearch:hover {
        width: 56px;
        height: 56px;
        position: fixed;
        bottom: 16px;
        right: 16px;
        cursor: pointer;
        z-index: 100;
    }

#uiSearch {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    width: 220px;
    height: 280px;
    z-index: 2001;
}

.btiCart {
    position: fixed;
    bottom: 20px;
    right: 70px;
    cursor: pointer;
    z-index: 2000;
    width: 48px;
    height: 48px;
}

    .btiCart:hover {
        width: 55px;
        height: 55px;
        position: fixed;
        bottom: 16px;
        right: 66px;
        cursor: pointer;
        z-index: 100;
    }
    

.AddToCartAlert {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 2001;
    width: 400px;
    height: auto;
    min-height: 100px;
    background-color: #f31212;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 120%;
    padding: 20px;
    display: none;
}

/***UserBox*****/
/*#F15928*/

#uiSearch {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 350px;
    height: auto;
    max-width: 100%;
    background-color: #ffffff;
    z-index: 2002;
    border: 2px solid #f31212;
    padding: 15px;
    -webkit-box-shadow: -10px 10px 0 0 rgba(122, 91, 82,0.2);
    -moz-box-shadow: -10px 10px 0 0 rgba(122, 91, 82,0.2);
    box-shadow: -10px 10px 0 0 rgba(122, 91, 82,0.2);
}

.usrBox {
    position: absolute;
    right: 0;
    top: 0;
    width: 350px;
    height: auto;
    max-width: 100%;
    background-color: #ffffff;
    z-index: 100;
    border: 2px solid #263996;
    padding: 15px;
    -webkit-box-shadow: -10px 10px 0 0 rgba(100, 100, 100,0.2);
    -moz-box-shadow: -10px 10px 0 0 rgba(100, 100, 100,0.2);
    box-shadow: -10px 10px 0 0 rgba(100, 100, 100,0.2);
}

.Alert {
    text-transform: uppercase;
    color: #f31212;
    font-weight: bold;
}

.AlertWhite {
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
}

.NoteOrange {
    color: #f15928;
}

.NoteRed {
    color: #f31212;
}

.NoteBlue {
    color: #263996;
}

.usrBox .small {
    font-size: 10pt;
    line-height: 10pt;
    font-weight: bold;
}

a.topLink {
    font-size: 12pt;
    color: #272e3e;
    font-weight: bold;
    text-decoration: none;
}

    a.topLink:hover, a.topLink:active {
        text-decoration: none;
    }

.Btn {
    text-transform: uppercase;
    color: #ffffff;
    background-color: #263996;
    border-top: 1px solid #263996;
    border-left: 1px solid #263996;
    border-right: 1px solid #263996;
    border-bottom: none;
    background-image: url("/images/_new/pattern_button_blue.png");
    -ms-background-repeat: repeat-x;
    background-repeat: repeat-x;
    -ms-background-position: bottom;
    background-position: bottom;
    -webkit-box-shadow: -3px 3px 0 0 rgba(90, 90, 90,0.2);
    -moz-box-shadow: -3px 3px 0 0 rgba(90, 90, 90,0.2);
    box-shadow: -3px 3px 0 0 rgba(90, 90, 90,0.2);
    line-height: 18pt;
    font-size: 13pt;
    padding-bottom: 5px;
    transition: background-color 0.5s ease;
}

    .Btn:hover, Btn:active {
        background-color: #2e45b8;
        border-top: 1px solid #2e45b8;
        border-left: 1px solid #2e45b8;
        border-right: 1px solid #2e45b8;
        -webkit-box-shadow: -3px 3px 0 0 rgba(50, 50, 50,0.2);
        -moz-box-shadow: -3px 3px 0 0 rgba(50, 50, 50,0.2);
        box-shadow: -3px 3px 0 0 rgba(50, 50, 50,0.2);
        cursor: pointer;
    }

.Txt {
    border: 1px solid #999999;
    line-height: 18pt;
    color: #263996;
    position: relative;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

    .Txt:focus,
    .TxtReq:focus,
    select:focus {
        -o-box-shadow: 0 0 5px rgba(46, 69, 184, 0.75);
        -webkit-box-shadow: 0 0 5px rgba(46, 69, 184, 0.75);
        -moz-box-shadow: 0 0 5px rgba(46, 69, 184, 0.75);
        box-shadow: 0 0 5px rgba(46, 69, 184, 0.75);
    }

textarea {
    -ms-border-radius: 4px;
    border-radius: 4px;
}

select {
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #999999;
    line-height: 18pt;
    color: #263996;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: top 0px right 3px;
    border: 1px solid #999999;
    padding-right: 20px;
}

    select::-ms-expand {
        display: none;
    }

    select.TxtReq {
        border: 1px solid #263996;
        line-height: 18pt;
        background-image: url("/Images/corner.png"), url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"), url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
        -ms-background-repeat: no-repeat,no-repeat,no-repeat;
        background-repeat: no-repeat, no-repeat,no-repeat;
        -ms-background-position: top right,top right,top right;
        background-position: top right,top right,top right;
        color: #263996;
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
        -ms-transition: all 0.30s ease-in-out;
        -o-transition: all 0.30s ease-in-out;
    }

    select[multiple] {
        border: 1px solid #263996;
        line-height: 18pt;
        color: #263996;
        background-image: none;
        padding-right: 0;
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: auto;
    }

        select[multiple]::-ms-expand {
            display: initial;
        }

.labelsmall {
    text-transform: uppercase;
    font-size: 10pt;
}





.ChbListBlack {
    width: auto;
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px;
    border: 1px inset;
    color: #272e3e !important;
}

.ChbListBlack table tbody tr td {
    color: #272e3e !important;
}
/*

input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    input[type="radio"]:checked + label,
    input[type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 20px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
    }

        input[type="radio"]:checked + label:before,
        input[type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 14px;
            height: 14px;
            border: 1px solid #999999;
            -ms-border-radius: 100%;
            border-radius: 100%;
            background: #fff;
        }

        input[type="radio"]:checked + label:after,
        input[type="radio"]:not(:checked) + label:after {
            content: '';
            width: 8px;
            height: 8px;
            background: #263996;
            position: absolute;
            top: 3.3px;
            left: 3.0px;
            -ms-border-radius: 100%;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        input[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        */
.TxtReq {
    border: 1px solid #999999;
    line-height: 18pt;
    background-image: url("/Images/corner.png");
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: top right;
    background-position: top right;
    color: #263996;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

/***END UserBox*****/
/*END TBD !!!!!!!!!!!!!!!!!!!!!!!!!!*/

.g-recaptcha {
    -moz-transform: scale(0.77);
    -ms-transform: scale(0.77);
    -o-transform: scale(0.77);
    -moz-transform-origin: 0;
    -ms-transform-origin: 0;
    -o-transform-origin: 0;
    -webkit-transform: scale(0.77);
    transform: scale(0.77);
    -webkit-transform-origin: 0 0;
    transform-origin: 0;
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.77,M12=0,M21=0,M22=0.77,SizingMethod='auto expand');
    display: inline-block;
    border: 1px solid #999999;
    -ms-border-radius: 4px;
    border-radius: 4px;
    /*
    max-width:190px;
    overflow: hidden;
        */
}

.h-captcha {
    -moz-transform: scale(0.77);
    -ms-transform: scale(0.77);
    -o-transform: scale(0.77);
    -moz-transform-origin: 0;
    -ms-transform-origin: 0;
    -o-transform-origin: 0;
    -webkit-transform: scale(0.77);
    transform: scale(0.77);
    -webkit-transform-origin: 0 0;
    transform-origin: 0;
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.77,M12=0,M21=0,M22=0.77,SizingMethod='auto expand');
    display: inline-block;
    border: 1px solid #999999;
    -ms-border-radius: 4px;
    border-radius: 4px;
    /*
    max-width:190px;
    overflow: hidden;
        */
}


.TABLERESULTS,
.TABLERESULTS2 {
    width: 100%;
    max-width: 100%;
    background-color: #ffffff;
    border-spacing: 1px;
    border-collapse: separate;
    empty-cells: show;
    table-layout: auto;
}
    /*

    .TABLERESULTS:before {
        pointer-events: none;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        left: 1px;
        top: 2px;
        border-top: 7px solid #ffffff;
        border-right: 15px solid transparent;
        z-index: 2;
    }


    .TABLERESULTS:after {
        pointer-events: none;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 1px;
        top: 2px;
        border-top: 7px solid #ffffff;
        border-left: 15px solid transparent;
        z-index: 2;
    }

    */


    .TABLERESULTS tr td,
    .TABLERESULTS2 tr td {
        padding-left: 7px;
        padding-right: 3px;
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 11pt;
    }

    .TABLERESULTS tr.Header,
    .TABLERESULTS2 tr.Header {
        background-color: #263996;
    }


        .TABLERESULTS tr.Header td,
        .TABLERESULTS2 tr.Header td {
            position: relative;
            text-transform: uppercase;
            border-bottom: 3px solid #1D3477;
            color: #ffffff;
        }



            .TABLERESULTS tr.Header td:first-child:after,
            .TABLERESULTS2 tr.Header td:first-child:after {
                pointer-events: none;
                content: "";
                width: 0;
                height: 0;
                position: absolute;
                left: 0;
                top: 0;
                border-top: 7px solid #ffffff;
                border-right: 15px solid transparent;
                z-index: 2;
            }

            .TABLERESULTS tr.Header td:last-child:after,
            .TABLERESULTS2 tr.Header td:last-child:after {
                pointer-events: none;
                content: "";
                width: 0;
                height: 0;
                position: absolute;
                right: 0;
                top: 0;
                border-top: 7px solid #ffffff;
                border-left: 15px solid transparent;
                z-index: 2;
            }

            .TABLERESULTS tr.Header td a,
            .TABLERESULTS2 tr.Header td a {
                color: #ffffff;
            }




    .TABLERESULTS tr.Light,
    .TABLERESULTS2 tr.Light,
    .TABLERESULTS tr td.Light,
    .TABLERESULTS2 tr td.Light {
        background-color: #CEEBF3;
    }

        .TABLERESULTS tr.Light td,
        .TABLERESULTS2 tr.Light td {
            border-bottom: 3px solid #B9D4E6;
        }

            .TABLERESULTS tr.Light td a,
            .TABLERESULTS2 tr.Light td a {
                color: #272e3e;
            }


    .TABLERESULTS tr.Dark,
    .TABLERESULTS2 tr.Dark,
    .TABLERESULTS tr td.Dark,
    .TABLERESULTS2 tr td.Dark {
        background-color: #F3F2F8;
    }

        .TABLERESULTS tr.Dark td,
        .TABLERESULTS2 tr.Dark td {
            border-bottom: 3px solid #DFDFEB;
        }

            .TABLERESULTS tr.Dark td a,
            .TABLERESULTS2 tr.Dark td a {
                color: #272e3e;
            }



    .TABLERESULTS tr:last-child > td,
    .TABLERESULTS2 tr:last-child > td {
        position: relative;
        -webkit-box-shadow: 0px 2px 0px 0px rgba(38,57,150,1);
        -moz-box-shadow: 0px 2px 0px 0px rgba(38,57,150,1);
        box-shadow: 0px 2px 0px 0px rgba(38,57,150,1);
    }
    /*.TABLERESULTS tr:last-child td:before,
        .TABLERESULTS2 tr:last-child td:before {
            pointer-events: none;
            box-sizing: border-box;
            position: absolute;
            content: "";
            display: block;
            left: 0;
            right: 0;
            bottom: -5px;
            width: 100%;
            height: 2px;
            background-color: #263996;
            z-index: 1;
        }
    */

    .TABLERESULTS tr.Light:hover,
    .TABLERESULTS tr.Dark:hover {
        background-color: #8c8c8c;
    }

        .TABLERESULTS tr.Light:hover td,
        .TABLERESULTS tr.Dark:hover td {
            color: #ffffff;
            border-bottom-color: #263996;
        }

    .TABLERESULTS tr.Light td a,
    .TABLERESULTS tr.Dark td a,
    .TABLERESULTS2 tr.Light td a,
    .TABLERESULTS2 tr.Dark td a {
        color: #272e3e;
    }

    .TABLERESULTS tr.Light:hover td a,
    .TABLERESULTS tr.Dark:hover td a {
        color: #ffffff !important;
    }


/***Pager***/

.Pager:hover, .Pager:active {
    background-color: #9FAACA;
    color: #ffffff !important;
    text-decoration: none;
}

.Pager, .Pager:visited {
    background-color: #F3F3F6;
    color: #263996;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-decoration: none;
    font-size: 12pt;
    line-height: 12pt;
}

.PagerOff {
    background-color: #9FAACA;
    color: #ffffff !important;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-decoration: none;
}

.PagerOffDis {
    background-color: #999999;
    color: #ffffff !important;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-decoration: none;
}
/***End Pager***/



.BtnDetails {
    line-height: 10pt;
    font-size: 10pt;
    cursor: pointer;
}



.TABLERESULTS tr.LightHeader {
    BACKGROUND-COLOR: #8c8c8c;
    color: White;
    border: none;
}

    .TABLERESULTS tr.LightHeader td {
        position: relative;
        BACKGROUND-COLOR: #8c8c8c;
        color: White;
        border: none;
    }

        .TABLERESULTS tr.LightHeader td a {
            color: White;
        }


        .TABLERESULTS tr.LightHeader td:first-child:before {
            pointer-events: none;
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            left: 0;
            top: 0;
            border-top: 7px solid #ffffff;
            border-right: 15px solid transparent;
            z-index: 2;
        }

        .TABLERESULTS tr.LightHeader td:last-child:after {
            pointer-events: none;
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            right: 0;
            top: 0;
            border-top: 7px solid #ffffff;
            border-left: 15px solid transparent;
            z-index: 2;
        }




/***Accordition***/

.AccordionLink, .AccordionLink:hover {
    color: White;
    text-decoration: none;
}

.AccordionHeader {
    color: white;
    background-color: #8c8c8c;
    padding: 5px;
    padding-left: 10px;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    margin-top: 1px;
    background-image: url('/images/_new/0colapse.png');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
}

    .AccordionHeader:hover {
        background-color: #263996;
    }


.AccordionHeaderSelected {
    text-transform: uppercase;
    color: white;
    background-color: #263996;
    cursor: pointer;
    padding: 5px;
    padding-left: 10px;
    position: relative;
    margin-top: 1px;
    background-image: url('/images/_new/0expand.png');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
    transition: background-color 0.5s ease;
}

    .AccordionHeaderSelected:hover {
        background-color: #2e45b8;
    }



    .AccordionHeader:before,
    .AccordionHeaderSelected:before {
        pointer-events: none;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        border-top: 7px solid #ffffff;
        border-right: 15px solid transparent;
        z-index: 2;
    }

    .AccordionHeader:after,
    .AccordionHeaderSelected:after {
        pointer-events: none;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 0;
        top: 0;
        border-top: 7px solid #ffffff;
        border-left: 15px solid transparent;
        z-index: 2;
    }




.AccordionContent {
    background-image: url("/images/_new/accordition_content_bgr.png");
    -ms-background-position: top;
    background-position: top;
    -ms-background-repeat: repeat-x;
    background-repeat: repeat-x;
    background-color: #F3F2F7;
    padding: 10px;
    padding-top: 15px;
}


.AccordionContentNoPad {
    background-image: url("/images/_new/accordition_content_bgr.png");
    -ms-background-position: top;
    background-position: top;
    -ms-background-repeat: repeat-x;
    background-repeat: repeat-x;
    background-color: #F3F2F7;
    padding-bottom: 10px;
    padding-top: 15px;
    
    overflow: hidden !important;
    overflow-y: auto !important;
       
}
/***End Accordition***/


/****PROFILE****/



.ProfileBlueHeader {
    color: white;
    background-color: #263996;
    padding: 5px;
    padding-left: 10px;
    text-transform: uppercase;
    position: relative;
    margin-top: 1px;
}

.ProfileHeader {
    color: white;
    background-color: #263996;
    padding: 5px;
    padding-left: 10px;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    margin-top: 1px;
}
    .ProfileHeader b {
        font-size: 14pt;
        vertical-align: middle;
    }


    .ProfileHeader:before {
        pointer-events: none;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        border-top: 7px solid #ffffff;
        border-right: 15px solid transparent;
        z-index: 2;
    }

    .ProfileHeader:after {
        pointer-events: none;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 0;
        top: 0;
        border-top: 7px solid #ffffff;
        border-left: 15px solid transparent;
        z-index: 2;
    }



.ProfileTitle2,
.ProfileTitle2Arch,
.ProfileTitle3Arch {
    margin-top: 1px;
    width: auto;
    vertical-align: middle;
    font-size: 100%;
    padding: 3px 0 3px 15px;
    position: relative;
    text-transform: uppercase;
}

.ProfileTitle2 {
    background-color: #263996;
    color: #FFFFFF;
}

.ProfileTitle2Arch {
    background-color: #7F8EB8;
    color: #FFFFFF;
}

.ProfileTitle3Arch {
    background-color: #B7BFD6;
    color: #FFFFFF;
}

.ProfileTitle2:before,
.ProfileTitle2Arch:before {
    pointer-events: none;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-top: 7px solid #ffffff;
    border-right: 15px solid transparent;
    z-index: 2;
}

.ProfileTitle2:after,
.ProfileTitle2Arch:after {
    pointer-events: none;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-top: 7px solid #ffffff;
    border-left: 15px solid transparent;
    z-index: 2;
}


.ProfileSubTitle,
.ProfileSubTitle4,
.ProfileSubTitleArch {
    color: #FFFFFF;
    vertical-align: middle;
    padding: 3px 0 3px 15px;
    margin-top: 1px;
}

.ProfileSubTitle {
    background-color: #f31212;
}

.ProfileSubTitle2 {
    background-color: #B7BFD6;
    padding-top: 3px;
    padding-bottom: 4px;
    font-weight: bold;
}

.ProfileSubTitle3 {
    text-transform: uppercase;
    background-color: #5967AE;
    color: #ffffff;
    padding-top: 3px;
    padding-bottom: 4px;
    font-weight: normal;
}
.ProfileSubTitle4 {
    background-color: #5967AE;
}


.ProfileSubTitleArch {
    background-color: #9DA7C3;
}

.ProfileContent {
    background-color: white;
    background-image: url('/images/_new/profile_header_content_bgr.png');
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 20px;
    padding-bottom: 15px;
}

.ProfileContent2 {
    background-color: #F3F2F8;
    background-image: url('/images/_new/profile_header_content_bgr2.png');
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 15px;
    padding-bottom: 15px;
}

div.ProfileContent4 {
    position: relative;
    background-color: #F3F2F8;
    background-image: url('/images/_new/profile_header_content_bgr4.png');
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 20px;
    padding-bottom: 15px;
}

div.ProfileContent5 {
    position: relative;
    background-color: #F3F2F8;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.ProfileContent4 > div.row > div.lc {
    position: relative;
    background-image: url('/images/_new/border_bgr_1.png');
    background-repeat: repeat-y;
    background-position: right;
    padding-top: 3px;
    padding-bottom: 3px;
}

    div.ProfileContent4 > div.row > div.lc > img {
        padding-right: 5px;
    }

div.ProfileContent6 {
    position: relative;
    background-image: url('/images/_new/profile_header_content_bgr6.png');
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 10px;
}
/*
div.ProfileContent4 > div.row > div.lc >a {
    color: #282f3f;
}
    */
/*
div .ProfileContent4.MiscFiles {
        position: relative;
        background-image: url('/images/_new/profile_header_content_bgr4.png'), url('/images/_new/border_bgr_2.png');
        background-repeat: repeat-x, repeat-x;
        background-position: top, bottom;
        padding-top: 3px;
        padding-bottom: 3px;
    }
div.ProfileContent4 > div.row > div.lc:after {
    pointer-events: none;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 3px;
    bottom: 0;
    border-bottom: 1px solid #ffffff;
}
@media (max-width: 992px) {
    div.ProfileContent4 > div.row > div.rc {
        position: relative;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 50px;
        
        min-height: 36px;
        background-color: #D8DBEA;
    }
}
@media (min-width: 992px) {
    div.ProfileContent4 > div.row > div.rc {
        position: relative;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 20px;
    }
}


    div.ProfileContent4 > div.row > div.rc:after {
        pointer-events: none;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0px;
        bottom: 0;
        border-bottom: 1px solid #ffffff;
    }



    div.ProfileContent4 > div.row:last-child > div.lc:after,
    div.ProfileContent4 > div.row:last-child > div.rc:after {
        border-bottom: none;
    }


    */








div.ProfileContent4 > div.row > div > ul.Images {
    list-style: none;
    margin: 0;
    padding: 0;
}

    div.ProfileContent4 > div.row > div > ul.Images > li {
        display: inline-block;
        margin: 10px;
        border-bottom: 1px solid #C4C9D8;
        padding-top: 8px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 20px;
        background-color: #ffffff;
        -webkit-box-shadow: 0px -4px 6px -1px rgba(0,0,0,0.45);
        -moz-box-shadow: 0px -4px 6px -1px rgba(0,0,0,0.45);
        box-shadow: 0px -4px 6px -1px rgba(0,0,0,0.45);
    }

        div.ProfileContent4 > div.row > div > ul.Images > li > a {
            display: inline-block;
            padding: 0;
            background-color: #B7BFD6;
            -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);
            -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);
            box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);
        }

            div.ProfileContent4 > div.row > div > ul.Images > li > a > img {
                position: relative;
                width: 120px;
                height: 100px;
                border: 2px outset;
                padding: 1px;
            }

            div.ProfileContent4 > div.row > div > ul.Images > li > a:hover > img {
                opacity: 0.5;
                -ms-transition: .5s ease;
                -o-transition: .5s ease;
                -webkit-transition: .5s ease;
                transition: .5s ease;
            }
/************************************/
@media (max-width: 992px) {
    div.MidBorder > div.row:not(:last-child) {
    }

    div.MidBorder > div.row > div {
        padding-top: 10px;
        padding-bottom: 15px;
    }

        div.MidBorder > div.row > div.even {
            min-height: 36px;
            background-color: #D8DBEA;
            background-image: url('/images/_new/border_bgr_2.png');
            background-repeat: repeat-x;
            background-position: bottom;
        }
}

@media (min-width: 992px) {
    div.MidBorder > div.row > div {
        position: relative;
    }

        div.MidBorder > div.row > div.odd {
            background-image: url('/images/_new/border_bgr_1.png');
            background-repeat: repeat-y;
            background-position: right;
        }

            div.MidBorder > div.row > div.odd:after {
                pointer-events: none;
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 3px;
                border-bottom: 1px solid #ffffff;
            }

        div.MidBorder > div.row > div.even:after {
            pointer-events: none;
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            border-bottom: 1px solid #ffffff;
        }

    div.MidBorder > div.row:last-child > div.odd:nth-last-of-type(-n+2):after,
    div.MidBorder > div.row:last-child > div.even:nth-last-of-type(-n+2):after {
        border-bottom: none;
    }
}


/*************************************/
.ExpandProfileLink {
    color: #ffffff;
    text-decoration: none;
    background-image: url('/images/_new/0expand.png');
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: right 0px center;
    background-position: right 0px center;
    -ms-background-size: 20px;
    background-size: 20px;
    padding-right: 25px !important;
    padding-top: 2px;
    padding-bottom: 2px;
}


.CollapseProfileLink {
    color: #ffffff;
    text-decoration: none;
    background-image: url('/images/_new/0colapse.png');
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: right 0px center;
    background-position: right 0px center;
    -ms-background-size: 20px;
    background-size: 20px;
    padding-right: 25px !important;
    padding-top: 2px;
    padding-bottom: 2px;
}



    .CollapseProfileLink:visited,
    .ExpandProfileLink:visited,
    .CollapseProfileLink:hover,
    .ExpandProfileLink:hover {
        color: #ffffff;
    }








.ExpandLink {
    text-decoration: none;
    background-image: url('/images/_new/0expand.png');
    background-repeat: no-repeat;
    background-position: right 0px center;
    background-size: 20px;
    padding-right: 39px !important;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 15px;
}

.CollapseLink {
    position: relative;
    text-decoration: none;
    background-image: url('/images/_new/0colapse.png');
    background-repeat: no-repeat;
    background-position: right 0px center;
    background-size: 20px;
    padding-right: 25px !important;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 15px;
}


    .CollapseLink,
    .ExpandLink,
    .CollapseLink:visited,
    .ExpandLink:visited,
    .CollapseLink:hover,
    .ExpandLink:hover {
        color: #ffffff;
    }


.dblLB {
    border-left: 3px double #A7AFC4;
}

.dbrLB {
    border-right: 3px double #A7AFC4;
}

.dbtLB {
    border-top: 3px double #A7AFC4;
}

.dbbLB {
    border-bottom: 3px double #A7AFC4;
}

.dLink {
    color: #272e3e;
    font-weight: normal;
    text-decoration: none;
}

.bdLink {
    color: #272e3e;
    font-weight: bold;
    text-decoration: none;
}

.bbdLink,
.bbdText {
    text-transform: uppercase;
    color: #263996;
    font-weight: bold;
    text-decoration: none;
}

    .dLink:hover,
    .bdLink:hover,
    .bbdLink:hover,
    .dLink:active,
    .bdLink:active,
    .bbdLink:active {
        color: #272e3e;
        text-decoration: underline;
    }



div.ContactsTable > div.Header {
    background-color: #7F8EB9;
}

div.ContactsTable > div.Light {
    background-color: #F3F2F8;
}

div.ContactsTable > div.Dark {
    background-color: #D8DBEA;
}
/********End of PROFILE********/









/***********CHECKBOXES*****************/

/* Base for label styling */
input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {
    left: -9999px;
    position: absolute;
}

/* Base for label styling */
input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {
    left: -9999px;
    position: absolute;
}

    input[type="checkbox"]:not(:checked) + label,
    input[type="checkbox"]:checked + label {
        cursor: pointer;
        display: inline-block;
        padding-left: 27px;
        position: relative;
        margin-bottom: 0;
    }
        /* checkbox aspect */
        input[type="checkbox"]:not(:checked) + label:before,
        input[type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 1px;
            width: 20px;
            height: 20px;
            border: 2px solid #999999;
            background: #ffffff;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
        }
        /* checked mark aspect */
        input[type="checkbox"]:not(:checked) + label:after,
        input[type="checkbox"]:checked + label:after {
            content: '\25A0';
            position: absolute;
            top: 2px;
            left: 3px;
            font-size: 12pt;
            line-height: 1;
            color: #263996;
            -ms-transition: all .2s;
            -o-transition: all .2s;
            -moz-transition: all .2s;
            -webkit-transition: all .2s;
            transition: all .2s;
        }

        /* checked mark aspect changes */
        input[type="checkbox"]:not(:checked) + label:after {
            -ms-opacity: 0;
            opacity: 0;
            -o-transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }

        input[type="checkbox"]:checked + label:after {
            -ms-opacity: 1;
            opacity: 1;
            -o-transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

/* disabled checkbox */
input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:checked + label:before {
    background-color: #dddddd;
    box-shadow: none;
    border-color: #999999;
}

input[type="checkbox"]:disabled:checked + label:after {
    color: #999999;
}

input[type="checkbox"]:disabled + label {
    color: #aaaaaa;
}
/* accessibility */
input[type="checkbox"]:checked:focus + label:before,
input[type="checkbox"]:not(:checked):focus + label:before {
    border: 2px dotted #0000ff;
}
/* hover style just for information */
label:hover:before {
    border: 2px solid #263996 !important;
    background: #ffffff;
}

span.NoLabel label {
    display: inline !important;
}


/***********END CHECKBOXES*****************/








.Popup {
    border: 2px solid #263996;
    background-color: #FFFFFF;
    color: #333333;
    width: auto;
    height: auto;
    position: absolute;
    padding: 10px;
    z-index: 1002;
    text-align: left;
    font-weight: normal;
    font-style: normal;
    -o-box-shadow: -10px 10px 0 0 rgba(122, 91, 82,0.2);
    -webkit-box-shadow: -10px 10px 0 0 rgba(122, 91, 82,0.2);
    -moz-box-shadow: -10px 10px 0 0 rgba(122, 91, 82,0.2);
    box-shadow: -10px 10px 0 0 rgba(122, 91, 82,0.2);
}

    .Popup label {
        font-weight: normal;
        padding-left: 5px;
    }




/*Bubble tooltip 1*/
#bubble_tooltip {
    width: 216px;
    position: absolute;
    display: none;
    z-index: 2000;
}

    #bubble_tooltip .bubble_top {
        background-image: url('/images/_new/bubble_top2.gif');
        background-repeat: no-repeat;
        height: 7px;
    }

    #bubble_tooltip .bubble_middle {
        background-image: url('/images/_new/bubble_middle2.gif');
        background-repeat: repeat-y;
        background-position: bottom left;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        #bubble_tooltip .bubble_middle span {
            position: relative;
            top: -8px;
            font-family: Arial;
            /*	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/
            font-size: 11px;
        }

    #bubble_tooltip .bubble_bottom {
        background-image: url('/images/_new/bubble_bottom2.gif');
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        height: 29px;
        position: relative;
        top: -6px;
    }
/*End Bubble tooltip 1*/


/*Bubble tooltip 3*/
#bubble_tooltip3 {
    width: 216px;
    position: absolute;
    display: none;
    z-index: 2000;
}

    #bubble_tooltip3 .bubble_top3 {
        background-image: url('/images/bubble_bottom2x.gif');
        background-repeat: no-repeat;
        height: 29px;
        top: -6px;
    }

    #bubble_tooltip3 .bubble_middle3 {
        background-image: url('/images/bubble_middle2.gif');
        background-repeat: repeat-y;
        background-position: bottom left;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        #bubble_tooltip3 .bubble_middle3 span {
            position: relative;
            top: -8px;
            font-family: Arial;
            /*	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/
            font-size: 11px;
        }

    #bubble_tooltip3 .bubble_bottom3 {
        background-image: url('/images/bubble_top2x.gif');
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        height: 7px;
        position: relative;
    }
/*End Bubble tooltip 3*/

/*

.IconNote {
    background-color: #ffffff;
    color: #ff0000;
    padding-left: 3px;
    padding-right: 3px;
    margin: 0px;
    text-align: center;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 1px;
    margin-left: 1px;
}*/

.NoteLink {
    text-transform: uppercase;
    color: #f31212;
    text-decoration: none;
}

    .NoteLink:hover, .NoteLink:active {
        text-decoration: underline;
        color: #f91919;
    }



.TABLEREGULAR tr td {
    padding: 4px;
}

.ctgLvl1 {
    text-transform: uppercase;
    cursor: pointer;
    font-size: 100%;
    background-color: #566DA3;
    color: white;
    margin-bottom: 1px;
    padding: 3px;
    padding-left: 10px;
    width: 100%;
}

    .ctgLvl1:hover {
        background-color: #6276A4;
    }

.ctgLvl2 {
    cursor: pointer;
    width: 100%;
    background-color: #7B8CB7;
    color: #ffffff;
    padding-left: 20px;
}

    .ctgLvl2:hover {
        background-color: #657DB8;
    }

.ctgLvl3 {
    cursor: pointer;
    font-size: 11pt;
    width: 100%;
    background-color: #C0C7E1;
    padding-left: 40px;
}

    .ctgLvl3:hover {
        background-color: #DDE3EF;
        color: black;
    }

    .ctgLvl3[state="3"] {
        color: #f31212;
    }




.ctgLvlRO1 {
    text-transform: uppercase;
    font-size: 100%;
    background-color: #566DA3;
    color: white;
    margin-bottom: 1px;
    padding: 3px;
    padding-left: 10px;
    width: 100%;
}
.ctgLvlRO2 {
    width: 100%;
    background-color: #7B8CB7;
    color: #ffffff;
    padding-left: 20px;
}
.ctgLvlRO3 {
    font-size: 11pt;
    width: 100%;
    background-color: #C0C7E1;
    padding-left: 40px;
}




#ssdvSlideShow {
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
}

/*

.ctgLvl1 {
    text-transform: uppercase;
    color: #576CA3;
    background-color: #566DA3;
}
.ctgLvl2 {
    color: #7B8CB7;
    background-color: #566DA3;
}
.ctgLvl3 {
    color: #BEC8E1;
    background-color: #566DA3;
}
        */





/**R.Part categories*****/
.dvItem1 {
    font-weight: bold;
    font-size: 12pt;
}

    .dvItem1 a {
        text-decoration: none;
    }

.dvItem2 {
    font-weight: bold;
    padding-left: 20px;
    font-size: 12px;
    color: #656565;
}

.dvItem3 {
    padding-left: 20px;
    font-weight: normal;
    font-style: normal;
    margin: 0;
}

.dvItem2 span {
    font-size: 12pt;
}

.dvItem3 span {
    font-size: 12pt;
}

.dvItem3 input[type=checkbox] {
    padding: 0px;
    margin: 0;
}

.dvItem4 {
    font-weight: normal;
    font-style: italic;
    font-size: 12pt;
    padding-left: 14px;
}
/**R.Part categories*****/



/****R.PartImagesList****/


div.dvL5 table {
    width: 200px;
    height: 300px;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
}



div.dvL5 tr td.Image {
    width: 100%;
    height: 100%;
    border-left: 2px solid #dddddd;
    border-right: 2px solid #dddddd;
}
div.dvL5 tr td.Image a img {
    width: 200px;
    height: 300px;
    min-width: 100%;
    min-height: 100%;
}

div .dvL5 tr td.Button {
    padding: 5px;
    background-color: #efefef;
    border-left: 2px solid #dddddd;
    border-right: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
}
/****R.PartImagesList****/


a {
    color: #263996;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

ul.FAQ {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    ul.FAQ div.Title {
        font-size: 120%;
        font-weight: bold;
        color: #296BA5;
        padding-bottom: 5px;
        padding-top: 5px;
        text-transform: uppercase;
    }

    ul.FAQ div.Question {
        font-size: 100%;
        font-weight: normal;
        color: #296BA5;
        margin-bottom: 3px;
        cursor: pointer;
    }

    ul.FAQ div.Answer {
        display: none;
        font-size: 90%;
        font-weight: normal;
        /*
    background-color: #296BA5;
    color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #000000;
    -o-box-shadow: 0 8px 6px -6px #333;
    -moz-box-shadow: 0 8px 6px -6px #333;
    -webkit-box-shadow: 0 8px 6px -6px #333;
    box-shadow: 0 8px 6px -6px #333;

        */
        color: #263996;
        background-color: #DEE2ED;
        padding: 15px;
        position: relative;
        margin: 0px;
    }


        ul.FAQ div.Answer:before {
            background: none;
            border: 2px solid #ffffff;
            content: "";
            display: block;
            position: absolute;
            top: 2px;
            left: 2px;
            right: 2px;
            bottom: 2px;
            pointer-events: none;
        }




/*
ul.FAQ div.Answer a {
    color: #ffffff;
    font-size: 90%;
}*/







/*****FEATURED Articles********/

.dvL1 {
    font-weight: bold;
    color: White;
    background-color: #263996;
    border: 1px solid black;
    text-align: center;
    padding: 5px;
    margin-top: 10px;
}

.dvL2 {
    padding-left: 40px;
    margin-top: 10px;
    background-image: url(/images/icons/bullet1.png);
    background-repeat: no-repeat;
    background-position: 23px -1px;
}

.dvL3 {
    padding-left: 80px;
    margin-top: 3px;
    background-image: url(/images/icons/bullet1.png);
    background-repeat: no-repeat;
    background-position: 63px 0px;
}

.dvL4 {
    padding: 1px;
    width: 230px;
    height: 300px;
    display: inline;
}

    .dvL4 img {
        width: 205px;
        border: 1px solid #dddddd;
        margin-top: 10px;
        margin-left: 1px;
    }


.dvL5 {
    padding: 1px;
    width: 280px;
    height: 200px;
    display: inline;
    vertical-align: top;
}

    .dvL5 img {
        width: 266px;
        height: 204px;
        border: 1px solid #dddddd;
        margin-top: 10px;
        margin-left: 1px;
    }



.dvL6 {
    padding: 5px;
    width: 165px;
    min-width: 165px;
    height: 145px;
    min-height: 145px;
    display: inline-block;
    border: 1px #DDDDDD solid;
    background-color: #ffffff;
    border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align: center;
}

    .dvL6:hover {
        background-color: #f9f9f9;
    }

    .dvL6 img {
        min-width: 100%;
        min-height: 100%;
    }

.dvL6Image {
    width: 100%;
    height: 70px;
    border: 1px solid #dddddd;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.dvL6Note {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 80%;
    position: relative;
}


.dvL7 {
    padding: 1px;
    width: 266px;
    height: 410px;
    display: inline;
}
/*
    .dvL7 img {
        width: 264px;
        border: 1px solid #dddddd;
        margin-top: 10px;
        margin-left: 1px;
    }




dl.float-left {
    border: 1px solid #000;
    background-color: #ddd;
    width: 230px;
    height: 300px;
    text-align: center;
    padding: 0 0 10px 0;
    margin: 0 0 1em 1em;
}

.float-left dt {
    font-weight: bold;
    background-color: #131210;
    color: #959289;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.float-left dd img {
    border: 1px solid #000;
    width: 100px;
    height: 100px;
}

.float-left dd {
    margin: 0;
    padding: 0 10px 5px 10px;
    font-size: 85%;
}
    */
/*****END FEATURED Articles********/

.boxshadowslider {
    background-color: white;
    opacity: 0.75;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    /*
    -webkit-box-shadow: -10px 10px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -10px 10px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: -10px 10px 0 0 rgba(0, 0, 0, 0.15);
        */
}

.slImg {
    pointer-events: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
    display: none;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    background-blend-mode: color-dodge;
}

.NoteLightBlue {
    color: #263996;
    background-color: #DEE2ED;
    padding: 15px;
    display: inline-block;
    position: relative;
    margin: 0px;
}

    .NoteLightBlue:before {
        background: none;
        border: 2px solid #ffffff;
        content: "";
        display: block;
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        pointer-events: none;
    }





/*rep.part tooltips*/

.hoverA {
    cursor: pointer;
    padding-right: 5px;
    display: inline-block;

    -webkit-transform: translateZ(0); /* webkit flicker fix */
    -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

    .hoverA .tooltipA {
        position: absolute;
        background-color: #ffffff;
        visibility: hidden;
        display: none;
        /*
        -ms-opacity: 0;
         opacity: 0;
           */
        padding: 20px;
        width: 400px;
        color: #272e3e;
        border: 2px solid #263996;
        -webkit-box-shadow: -10px 10px 0 0 rgba(100, 100, 100,0.2);
        -moz-box-shadow: -10px 10px 0 0 rgba(100, 100, 100,0.2);
        box-shadow: -10px 10px 0 0 rgba(100, 100, 100,0.2);
        /*
        bottom: 100%;
        left: -25px;
        margin-bottom: 15px;
        pointer-events: none;
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
   */
    }

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
        .hoverA .tooltipA:before {
            content: '';
            position: absolute;
            top: 100%;
            left: 20%;
            margin-left: -12px;
            width: 0;
            height: 0;
            border-top: 10px solid #263996;
            border-right: 12px solid transparent;
            border-left: 12px solid transparent;
        }

        /* CSS Triangles - see Trevor's post */
        .hoverA .tooltipA:after {
            content: '';
            position: absolute;
            top: 100%;
            left: 20%;
            margin-left: -8px;
            width: 0;
            height: 0;
            border-top: 8px solid #FFFFFF;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
        }

    .hoverA:hover .tooltipA {
        visibility: visible;
        z-index: 9999;
        display: inline-block;
        bottom: 100%;
        left: -25px;
        /*
             -ms-opacity: 1;
        opacity: 1;

        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
            */
    }

/* IE can just show/hide with no transition */
.lte8 .hoverA .tooltipA {
    display: none;
}

.lte8 .hoverA:hover .tooltipA {
    display: block;
}


/*END rep.part tooltips*/




.ModalPopupBack {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #000000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.ModalPopup {
    width: 800px;
    min-height: 480px;
    height: auto;
    left: 50%;
    top: 38%;
    margin: -240px 0 0 -400px;
    border: 1px outset;
    position: fixed;
    background-image: url(/images/white_bg.gif);
    background-repeat: repeat;
    background-position: top left;
    padding: 0px;
    z-index: 1001;
}


.ModalPopup2 {
    width: 400px;
    height: 120px;
    left: 50%;
    top: 50%;
    margin: -60px 0 0 -200px;
    border: 1px outset;
    position: fixed;
    background-image: url(/images/white_bg.gif);
    background-repeat: repeat;
    background-position: top left;
    padding: 0px;
    z-index: 1001;
}

.ModalPopup3 {
    width: 400px;
    height: 240px;
    left: 50%;
    top: 50%;
    margin: -120px 0 0 -200px;
    border: 1px outset;
    position: fixed;
    padding: 0px;
    z-index: 1001;
    background-image: url(/images/white_bg.gif);
    background-repeat: repeat;
    background-position: top left;
}

.ModalPopup4 {
    width: 400px;
    height: auto;
    left: 50%;
    top: 50%;
    margin: -220px 0 0 -200px;
    border: 1px outset;
    position: fixed;
    padding: 0px;
    z-index: 1001;
    background-image: url(/images/white_bg.gif);
    background-repeat: repeat;
    background-position: top left;
}

.ModalPopup5 {
    width: 500px;
    height: 390px;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 -250px;
    border: 1px outset;
    position: fixed;
    padding: 0px;
    z-index: 1001;
    background-image: url(/images/white_bg.gif);
    background-repeat: repeat;
    background-position: top left;
}

.ModalPopup6 {
    width: 650px;
    height: auto;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 -325px;
    border: 1px outset;
    position: fixed;
    padding: 0px;
    z-index: 1001;
    background-image: url(/images/white_bg.gif);
    background-repeat: repeat;
    background-position: top left;
}






/*social buttons*/
.hs-blog-social-share-list {
    list-style: none;
    padding-left: 0
}

.hs-blog-social-share .hs-blog-social-share-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
    float: left;
    margin-right: 5px
}

    .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .twitter-share-button {
        width: 80px !important
    }

img.hs-social-sharing-placeholder {
    height: 20px !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    margin-right: 5px
}

span.hs-image-container {
    padding: 10px;
    display: inline-block
}

span.hs-image-caption {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    text-align: center
}

.hs-centered-image-container {
    text-align: center
}
/*end social buttons*/







/***BLOG2 TAGS***/
ul.BlogTags {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

    ul.BlogTags li {
        float: left;
    }

        ul.BlogTags li a {
            background-color: #ffffff; /*ok*/
            color: #263996;
            display: inline-block;
            height: 20pt;
            line-height: 22pt;
            padding: 0 18pt 0 22pt;
            position: relative;
            margin: 0 10pt 10pt 0;
            text-decoration: none;
            -webkit-transition: color 0.2s;
            text-transform: uppercase;
            border: 1px solid #263996;
            font-weight: bold;
        }

            ul.BlogTags li a:before {
                pointer-events: none;
                content: "";
                width: 0;
                height: 0;
                position: absolute;
                right: 0;
                top: 0;
                border-top: 10px solid #263996;
                border-left: 20px solid transparent;
            }


            ul.BlogTags li a:hover {
                background-color: #ffffff; /*ok*/
                color: #F37020;
                display: inline-block;
                height: 20pt;
                line-height: 22pt;
                padding: 0 18pt 0 22pt;
                position: relative;
                margin: 0 10pt 10pt 0;
                text-decoration: none;
                -webkit-transition: color 0.2s;
                text-transform: uppercase;
                border: 1px solid #F37020;
                font-weight: bold;
            }

                ul.BlogTags li a:hover:before {
                    pointer-events: none;
                    content: "";
                    width: 0;
                    height: 0;
                    position: absolute;
                    right: 0;
                    top: 0;
                    border-top: 10px solid #F37020;
                    border-left: 20px solid transparent;
                }



/*
            ul.BlogTagsTransp li a::before {
                background: #FFcc99;
                border-radius: 10px;
                box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
                content: '';
                height: 6px;
                left: 10px;
                position: absolute;
                width: 6px;
                top: 10px;
            }

            ul.BlogTagsTransp li a::after {
                background: #ffffff; 
                border-bottom: 10px solid transparent;
                border-left: 10px solid #efefef;
                border-top: 10px solid transparent;
                content: '';
                position: absolute;
                right: 0;
                top: 0;
            }

            ul.BlogTagsTransp li a:hover {
                background-color: #F37020;
                color: white;
            }

                ul.BlogTagsTransp li a:hover::after {
                    border-left-color: #F37020;
                }
    */
/********END BLOG2 TAGS*********/



.dvStudentIDHlp {
    color: white;
    background-color: #009900;
    border: 1px solid #003300;
    border-radius: 15px;
    -o-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    margin-left: 3px;
}

#dvStudentIDHlpTT, .dvStudentIDHlpTT {
    display: none;
    position: absolute;
    padding: 20px;
    width: 6000px;
    max-width: 100%;
    height: auto;
    z-index: 100;
    background-color: white;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #666666;
    -o-box-shadow: 0 8px 6px -6px #333;
    -moz-box-shadow: 0 8px 6px -6px #333;
    -webkit-box-shadow: 0 8px 6px -6px #333;
    box-shadow: 0 8px 6px -6px #333;
}

ul.orange {
    list-style-type: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

    ul.orange li {
        background: url('/images/_new/icons/ul_arrow_blue.png') no-repeat 1px 5px;
        padding-left: 15px;
        line-height: 20pt;
    }


/*SLIDER HOME*/

.slidepager {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 2;
    margin: 0 auto;
    text-align: center;
}



    .slidepager .arrow:hover {
        opacity: 1.0;
    }

    .slidepager .arrow-right {
        right: 10px;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .slidepager .arrow-left {
        left: 10px;
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

    .slidepager .arrow-up {
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }

    .slidepager .arrow-down {
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }


    .slidepager .page {
        z-index: 2;
        height: 12px;
        width: 12px;
        background-color: #f31212;
        border-radius: 50%;
        border: 1px solid #263996;
        display: inline-block;
        margin-left: 3px;
        margin-right: 3px;
        opacity: 0.65;
        cursor: pointer;
    }

        .slidepager .page.selected {
            background-color: #ffffff;
        }

        .slidepager .page:hover {
            opacity: 1.0;
        }


@media (min-width: 992px) {

    .slidepager .arrow {
        border: solid #f31212;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 10px;
        opacity: 0.65;
        cursor: pointer;
        position: absolute;
    }

    .controlSlider .h3 {
        font-size: 18pt;
    }

    .controlSlider .d1 {
        font-size: 12pt;
    }

    .controlSlider .d2 {
        padding-top: 5px;
        font-size: 15pt;
        text-transform: uppercase;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    .slidepager .arrow {
        border: solid #f31212;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 9px;
        opacity: 0.65;
        cursor: pointer;
        position: absolute;
    }

    .controlSlider .h3 {
        font-size: 11pt;
        margin-top: 0px;
        margin-bottom: 3px;
    }

    .controlSlider .d1 {
        font-size: 9pt;
    }

    .controlSlider .d2 {
        padding-top: 0px;
        font-size: 10pt;
        text-transform: uppercase;
    }
}

@media (min-width: 576px) and (max-width: 768px) {

    .slidepager .arrow {
        border: solid #f31212;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 7px;
        opacity: 0.65;
        cursor: pointer;
        position: absolute;
    }

    .controlSlider .h3 {
        font-size: 14pt;
        margin-top: 0px;
        margin-bottom: 3px;
    }

    .controlSlider .d1 {
        display: none;
    }

    .controlSlider .d2 {
        padding-top: 5px;
        font-size: 12pt;
        text-transform: uppercase;
    }
}

@media (min-width: 412px) and (max-width: 576px) {

    .slidepager .arrow {
        border: solid #f31212;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 5px;
        opacity: 0.65;
        cursor: pointer;
        position: absolute;
    }

    .controlSlider .h3 {
        font-size: 10pt;
        margin-top: 0px;
        margin-bottom: 3px;
    }

    .controlSlider .d1 {
        display: none;
    }

    .controlSlider .d2 {
        padding-top: 2px;
        font-size: 8pt;
        text-transform: uppercase;
    }
}

@media (max-width: 412px) {
    .slidepager,
    .h412 {
        display: none;
        visibility: hidden;
    }
}
/*END SLIDER HOME*/



/*Observations*/

ul.CatLevel1 {
    margin-left: 0;
    padding-left: 0;
}

    ul.CatLevel1 > li {
        padding: 5px;
        border-bottom: 1px dashed #263996;
        position: relative;
    }




    ul.CatLevel1 li.Red {
        list-style: none;
        list-style-image: url('/images/_new/icons/i_red.png');
        list-style-position: inside;
        font-weight: bold;
        font-size: 12pt;
        text-transform: uppercase;
        color: #263996;
    }

    ul.CatLevel1 li.Yellow {
        list-style-image: url('/images/_new/icons/i_yellow.png');
        list-style-position: inside;
        font-weight: bold;
        font-size: 12pt;
        text-transform: uppercase;
        color: #263996;
    }

    ul.CatLevel1 li.Green {
        list-style-image: url('/images/_new/icons/i_green.png');
        list-style-position: inside;
        font-weight: bold;
        font-size: 12pt;
        text-transform: uppercase;
        color: #263996;
    }


ul.CatLevel2 li.Green {
    list-style-image: url('/images/_new/icons/info_green.png');
    background-repeat: no-repeat;
    ;
    list-style-position: inside;
    font-weight: bold;
    font-size: 12pt;
    text-transform: none;
    color: #272e3e;
}


ul.CatLevel2 li.Yellow {
    list-style-image: url('/images/_new/icons/info_yellow.png');
    background-repeat: no-repeat;
    ;
    list-style-position: inside;
    font-weight: bold;
    font-size: 12pt;
    text-transform: none;
    color: #272e3e;
}


ul.CatLevel2 li.Red {
    list-style-image: url('/images/_new/icons/info_red.png');
    background-repeat: no-repeat;
    ;
    list-style-position: inside;
    font-weight: bold;
    font-size: 12pt;
    text-transform: none;
    color: #272e3e;
}


ul.CatLevel3 li.Red {
    list-style-image: url('/images/_new/icons/red_dot.png');
    background-repeat: no-repeat;
    ;
    list-style-position: inside;
    font-weight: normal;
    font-size: 12pt;
    text-transform: none;
    color: #272e3e;
}



div.CatLevelComment {
    font-weight: normal;
    font-size: 10pt;
    text-transform: none;
    color: #272e3e;
}
/*End of Observations*/





/*CALENDAR*/


.MyCalendar .ajax__calendar_container {
    width: 190px;
    background-color: #263996;
    border: solid 1px #666666;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -khtml-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    -khtml-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -khtml-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -khtml-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -o-box-shadow: 0 8px 6px -6px #333;
    -moz-box-shadow: 0 8px 6px -6px #333;
    -webkit-box-shadow: 0 8px 6px -6px #333;
    box-shadow: 0 8px 6px -6px #333;
    color: white;
}

.MyCalendar .ajax__calendar_body {
    width: 180px;
    height: 140px;
    background-color: #ffffff;
    border: solid 1px #666666;
    color: #333333;
}

.MyCalendar .ajax__calendar_header {
    background-color: #263996;
    margin-bottom: 8px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.MyCalendar .ajax__calendar_title {
    color: #ffffff;
    padding-top: 3px;
}


.MyCalendar .ajax__calendar_next,
.MyCalendar .ajax__calendar_prev {
    border: solid 4px #ffffff;
    background-color: #ffffff;
    -moz-border-radius-topleft: 18px;
    -webkit-border-top-left-radius: 18px;
    -khtml-border-top-left-radius: 18px;
    border-top-left-radius: 18px;
    -moz-border-radius-topright: 18px;
    -webkit-border-top-right-radius: 18px;
    -khtml-border-top-right-radius: 18px;
    border-top-right-radius: 18px;
    -moz-border-radius-bottomleft: 18px;
    -webkit-border-bottom-left-radius: 18px;
    -khtml-border-bottom-left-radius: 18px;
    border-bottom-left-radius: 18px;
    -moz-border-radius-bottomright: 18px;
    -webkit-border-bottom-right-radius: 18px;
    -khtml-border-bottom-right-radius: 18px;
    border-bottom-right-radius: 18px;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_next,
.MyCalendar .ajax__calendar_hover .ajax__calendar_prev {
    border: solid 4px white;
    background-color: #efefef;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


.MyCalendar .ajax__calendar_dayname {
    text-align: center;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #ffffff;
    background-color: #263996;
}
/*
.MyCalendar .ajax__calendar_day,
.MyCalendar .ajax__calendar_month,
.MyCalendar .ajax__calendar_year
{
margin:0;
text-align:center;
border:solid 1px #000000;
color:#333333;
background-color: #ccddff;
}
*/

.ajax__calendar_days table tr td,
.ajax__calendar_months table tr td,
.ajax__calendar_years table tr td {
    padding: 1px;
}


.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #ffffff;
    font-weight: bold;
    background-color: #263996;
    border: solid 1px #263996;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: #ffffff;
    font-weight: bold;
    background-color: #7082db;
}



.MyCalendar .ajax__calendar_today .ajax__calendar_day {
    color: #ffffff;
    font-weight: bold;
    background-color: #7082db;
}

.MyCalendar .ajax__calendar_other,
.MyCalendar .ajax__calendar_hover .ajax__calendar_today {
    color: #999999;
    font-weight: lighter;
}

.MyCalendar .ajax__calendar_days {
    background-color: #ffffff;
}

/*END CALENDAR*/

.info-icon {
    background-image: url(/images/_new/icons/i_gray.png);
    -ms-background-position: left;
    background-position: left;
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    padding-left: 23px;
    text-transform: uppercase;
}



/***Mail System*********/
.rfqtable {
    border: 0px;
    background-color: black;
    width: 100%;
}

    .rfqtable tr td {
        padding-left: 2px;
    }

    .rfqtable tr.hrf1 {
        background-color: #dddddd;
        color: #666666;
        font-weight: normal;
    }

    .rfqtable tr.hrf1x {
        background-color: #9999ee;
        font-weight: normal;
    }

    .rfqtable tr.hrf1r {
        background-color: #ccccff;
        font-weight: normal;
    }

    .rfqtable tr.hrf15 {
        background-color: #cccccc;
        font-weight: normal;
        color: #000000;
    }

    .rfqtable tr.hrf1a {
        background-color: #ffffff;
        color: #000000;
        font-weight: normal;
        border: none;
    }

    .rfqtable tr.hrf1 td.tm {
        color: red;
        font-weight: bold;
    }

    .rfqtable tr.hrf2 {
        background-color: #263996;
        color: #FFFFFF;
        text-transform: uppercase;
    }

    .rfqtable tr.hrf3 {
        background-color: #F3F2F8;
        font-weight: normal;
        border-bottom: 3px solid #B9D4E6;
    }

    .rfqtable tr.hrf35 {
        background-color: #eeeeee;
        font-weight: normal;
        color: #000000;
    }

    .rfqtable tr.hrf4 {
        background-color: #CEEBF3;
        font-weight: normal;
    }

.hrf5 {
    background-color: #263996;
    color: #FFFFFF;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    height: 22px;
    vertical-align: middle;
}

.hrf55 {
    background-color: #cccccc;
    font-weight: normal;
    height: 18px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    border: 1px black solid;
    border-top: none;
    vertical-align: middle;
    color: Red;
}

.hrf5_ {
    background-color: #aaddff;
    font-weight: normal;
    height: 18px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    border: 1px black solid;
    border-top: none;
    vertical-align: middle;
    display: none;
}

.hrf6 {
    background-color: #bbddff;
    font-weight: bold;
    height: 18px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    border: 1px black solid;
    border-top: none;
    vertical-align: middle;
}

.hrf6_ {
    background-color: #bFeFbf;
    font-weight: bold;
    height: 18px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    border: 1px black solid;
    border-top: none;
    vertical-align: middle;
    display: none;
}

.hrf7 {
    background-color: red;
    color: #FFFFFF;
    font-weight: normal;
    vertical-align: middle;
    font-size: 10px;
}

.hrfalrt {
    background-color: #339933;
    color: White;
    text-align: left;
}

.news {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 4px;
}

.newsMoreDetails {
    padding-bottom: 5px;
}
/***Mail System*********/


.social-list-line {
    font-size: 11pt;
}

ul.social-list {
    float: left;
    list-style-type: none;
}

    ul.social-list li {
        float: left;
    }

        ul.social-list li a {
            display: inline-block;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            border-left: 1px solid #DDD;
        }

            ul.social-list li a:hover {
                color: #fff;
            }



            ul.social-list li a.facebook:hover {
                background-color: #507CBE;
            }

            ul.social-list li a.twitter:hover {
                background-color: #63CDF1;
            }

            ul.social-list li a.linkdin:hover {
                background-color: #90CADD;
            }



            ul.social-list li a i {
                font-size: 1em;
                display: block;
                width: 29px;
                height: 30px;
                line-height: 29px;
                text-align: center;
                border-left: 1px solid #f2f2f2;
            }

        ul.social-list li:last-child a i {
            border-right: 1px solid #f2f2f2;
        }






.NoteCircle {
    cursor: pointer;
    /*    background-color: #272e3e;*/
    border-radius: 50%;
    padding-left: 5px;
    padding-right: 5px;
    color: #272e3e;
    margin-left: 2px;
    margin-right: 2px;
    border: 1px solid #272e3e;
    font-size: 8pt;
    font-weight: bold;
}

    .NoteCircle:hover {
        background-color: #263996;
        color: white;
    }

.wrapword {
    /*
    white-space: -moz-pre-wrap !important; 
    white-space: -pre-wrap; 
    white-space: -o-pre-wrap; 
    white-space: pre-wrap; 
    word-wrap: break-word; 
    white-space: -webkit-pre-wrap;
    word-break: break-all;
    white-space: normal;
*/
    overflow-wrap: break-word;
}

.forcewrapword {
    white-space: -moz-pre-wrap !important; 
    white-space: -pre-wrap; 
    white-space: -o-pre-wrap; 
    white-space: pre-wrap; 
    word-wrap: break-word; 
    white-space: -webkit-pre-wrap;
    word-break: break-all;
    white-space: normal;
    overflow-wrap: break-word;
}




.sps {
    border: 4px solid #263996;
    padding: 20px;
    padding-top: 5px;
    background-color: #ffffff;
    border-radius: 20px;
    -o-border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-box-shadow: 0 8px 6px -6px #333;
    -moz-box-shadow: 0 8px 6px -6px #333;
    -webkit-box-shadow: 0 8px 6px -6px #333;
    box-shadow: 0 8px 6px -6px #333;
    cursor: default;
}

.sps2 {
    border: 1px solid #f31212;
    padding: 1px;
    border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-box-shadow: 0 8px 6px -6px #333;
    -moz-box-shadow: 0 8px 6px -6px #333;
    -webkit-box-shadow: 0 8px 6px -6px #333;
    box-shadow: 0 8px 6px -6px #333;
}

.digitNote {
    border-radius: 6px;
    border: 1px solid #666666;
    color: #272e3e;
    background-color: white;
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 9pt;
}



/*my popup*/

.mypopup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* The actual popup */
    .mypopup .mypopuptext {
        visibility: hidden;
        width: 300px;
        background-color: #F3F2F7;
        color: #272e3e;
        text-align: left;
        -ms-border-radius: 4px;
        border-radius: 4px;
        padding: 8px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -130px;
        border: 1px solid #272e3e;
        -webkit-box-shadow: 0px 5px 19px -8px #000000;
        box-shadow: 0px 5px 19px -8px #000000;
    }

/* Popup arrow */
.mypopup .mypopuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.mypopup .show {
    visibility: visible;
    -webkit-animation: myfadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-o-keyframes myfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes myfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes myfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes myfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes myfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*end my popup*/


.star {
    display: inline-block;
}

.star img {
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 16px;
}

.star img:hover {
    -webkit-animation: RotateSonarEffect 0.75s ease-out 75ms;
    -moz-animation: RotateSonarEffect 0.75s ease-out 75ms;
    animation: RotateSonarEffect 0.75s ease-out 75ms;
}

@keyframes RotateSonarEffect {
    0% {
        opacity: 1.0;
        transform: rotate(0deg);
    }

    25% {
        opacity: 0.7;
        transform: rotate(36deg);
    }

    50% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.5), 0 0 10px 10px #FFee99, 0 0 0 10px rgba(255,255,255,0.1);
        transform: rotate(72deg);
    }

    75% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.5), 0 0 10px 10px #FFee99, 0 0 0 10px rgba(255,255,255,0.3);
        transform: scale(1.25);
        opacity: 0.5;
        transform: rotate(109deg);
    }

    100% {
        transform: scale(1.0);
        opacity: 1;
        transform: rotate(144deg);
    }
}




.validation {
}

.validation.error {
    color: red;
}

.validation.success {
    color: green;
}

.validationmain {
    padding: 5px;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
    border-radius: 4px;
}

.validationmain.error {
    border: 1px solid #660000;
    color: white;
    background-color: #dd6666;
}

.validationmain.success {
    border: 1px solid #006600;
    color: white;
    background-color: #66dd66;
}



.pulseV1 {
    -ms-border-radius: 50%;
    border-radius: 50%;
    
    box-shadow: 0 0 0 rgba(0,0,0, 0.4);
    animation: pulseV1 2s;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}


@-webkit-keyframes pulseV1 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0,90,0, 0.3);
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(0,90,0, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0,90,0, 0);
    }
}

@keyframes pulseV1 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0,90,0, 0.3);
        box-shadow: 0 0 0 0 rgba(0,90,0, 0.3);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(0,90,0, 0);
        box-shadow: 0 0 0 20px rgba(0,90,0, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0,90,0, 0);
        box-shadow: 0 0 0 0 rgba(0,90,0, 0);
    }
}



.pulseV2 {
    -ms-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(0,0,0, 0.4);
    animation: pulseV1 2s infinite;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}


.slideMode {
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    position: relative;
    float: none;
}



.progressSummary {
    border: 1px solid #eeeeee;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 24px;
    padding-right: 5px;
    background-color: #fefefe;
}

.progressSummary li {
        padding-left: 5pt;
        font-size: 10pt;
        border-left: 3px solid #cccccc;
        color: #999999;
    }

.progressSummary li.current {
        position: relative;
        border-left: 3px solid #ff9900;
        color: #444444;
        background-color: #ffebcd;
        -webkit-transition: 400ms linear;
        -ms-transition: 400ms linear;
        -o-transition: 400ms linear;
        transition: 400ms linear;
    }

.progressSummary li.current:after {
        content: "";
        border: 1px solid #ff9900;
        border-right: 3px solid #ff9900;
        border-left: 3px solid #ff9900;
        position: absolute;
        top: 0px;
        left: -27px;
        right: -5px;
        bottom: 0px;
        border-radius: 3px;
    }

.progressSummary li.ok {
        font-weight: bolder;
        border-left: 3px solid #85bb65;
        color: #336633;
    }


small.lineheight1 {
    margin: 0px;
    margin-top: 3px;
    padding: 0px;
    line-height: 11pt;
    display: inline-block;
}






/*incident popups start*/


.ttDetails {
    display: inline-block;
    position: relative;
    border-bottom: 1px dotted #666;
    text-align: left;
}

.ttDetails .left {
    min-width: 200px;
    top: 50%;
    right: 100%;
    margin-right: 20px;
    transform: translate(0, -30%);
    padding: 0px;
    color: #444444;
    background-color: #FFFFee;
    font-weight: normal;
    font-size: 13px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.8s;
}

.ttDetails.show .left {
    visibility: visible;
    opacity: 1;
}


.ttDetails .left i {
    position: absolute;
    top: 20%;
    left: 100%;
    margin-top: 0px;
    width: 12px;
    height: 24px;
    overflow: hidden;
}

.ttDetails .left i::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    right: 0;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-45deg);
    background-color: #FFFFee;
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
}



.dvIncidentPopup {
    background-color: white;
}

.dvIncidentPopup .chevron {
    opacity: 0.4;
    cursor: pointer;
    position: absolute;
    top: 5px;
    width: 15px !important;
    height: 33px !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.dvIncidentPopup .chevron.lefta {
    background-image: url(/images/icons/chevron-left.png);
    left: 5px !important;
}

.dvIncidentPopup .chevron.righta {
    background-image: url(/images/icons/chevron-right.png);
    right: 5px !important;
}

.dvIncidentPopup .chevron:hover {
    opacity: 1.0;
}

.dvIncidentPopup #dvSlide0 tr.tr {
    background-color: #263996;
    color: #ffffff;
    font-size: 90%;
    border-top: 1px solid #ffffff;
    height: 20px;
    cursor: pointer;
}

.dvIncidentPopup #dvSlide0 tr.tr td {
    white-space: nowrap;
    padding-left: 4px;
    color: #ffffff !important;
}

.dvIncidentPopup #dvSlide0 tr.tr:hover {
    background-color: #263996;
    color: #ffffff;
    font-size: 90%;
    border-top: 1px solid #ffffff;
}

.dvIncidentPopup #dvSlide1 #dvSlide1Content * {
    color: #000000 !important;
}


.dvIncidentPopup #dvSlide0 tr.tr.ai {
    background-color: #999999 !important;
    color: #ffffff;
    font-size: 90%;
    border-top: 1px solid #ffffff;
    height: 20px;
    cursor: pointer;
}

.dvIncidentPopup #dvSlide0 tr.tr.ai:hover {
    background-color: #aaaaaa !important;
    color: #ffffff;
    font-size: 90%;
    border-top: 1px solid #ffffff;
    height: 20px;
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer;
}
/*incident popups end*/


.Pad4 label {
    padding-left: 4px;
    padding-right: 4px;
}

.Pad4 input {
    margin-left: 4px;
}