/*Universal*/

html, body {
    margin: 0px;
    background-color: #FFFFFB;
    font-size: 14px;
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif !important;
    margin: 0;
    padding: 0;
}

.blackLink {
    color: #000000 !important;
}

.blueLink {
    color: #337ab7 !important;
}

a {
    color: #FFFFFB !important;
}

    a:hover {
        color: #007BC3 !important;
        text-decoration: none !important;
    }

.center {
    text-align: center;
}

.CB {
    margin-left: 20%;
}

    .CB label {
        margin-left: 5px !important;
        margin-right: 10px !important;
    }

.whiteTitle {
    color: #FFFFFB;
    text-align: left;
    font-size: 1.2em;
    white-space: nowrap;
}

.whiteHR {
    border: 1px solid #FFFFFB;
    margin: 0px;
}

.smallBR {
    display: block !important;
    margin: 3px !important;
}

tr {
    vertical-align: top;
}

td {
    vertical-align: top;
}

/* HEADER */
.logOutLink {
    text-decoration: none;
    color: #fff;
}

    .logOutLink:hover {
        text-decoration: none;
        color: #000 !important;
    }

.headerShadow {
    border-bottom: 1px solid black;
    -webkit-box-shadow: 0px 7px 14px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 7px 14px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 7px 14px 0px rgba(0,0,0,0.75);
}

.headerTop {
    width: 100%;
    height: 10px;
}

.headerRed {
    background-color: #981a1d;
}

.headerWhite {
    background-color: #FFFFFB;
}

.headerBanner {
    margin-top: 20px;
    margin-left: 20px;
    float: left;
    width: 225px;
    height: 60px;
    background-image: url(/img/mcklogo.png);
}

#divNAV ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

    #divNAV ul li {
        display: inline;
    }

        #divNAV ul li a {
            text-decoration: none;
            padding: .2em 1em;
            color: #fff;
            background-color: #036;
        }

            #divNAV ul li a:hover {
                color: #fff;
                background-color: #369;
            }

.headerWelcome {
    float: right;
    margin-right: 20px;
    padding: 10px;
    color: #FFFFFF;
    text-align: center;
    min-width: 300px;
    border-radius: 5px;
}

#headerNav {
    float: right;
    margin-right: 20px;
    text-align: right;
    clear: left;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 0px !important;
    height: 10px !important;
}

/*#headerNav ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: right;
    }

        #headerNav ul li {
            display: inline;
            text-transform: uppercase;
            font-family: 'Oswald', sans-serif;
            color: #4d4d4d;
            text-decoration: none;
            font-size: 1.2em;
            padding: 0 0 0 7px;
            background: none;
            font-weight: bold;
        }

            #headerNav ul li a {
                text-decoration: none;
                padding-left: 10px;
                color: #707070;
            }

                #headerNav ul li a:hover {
                    color: #007BC3;
                }*/

/*News Bar*/
/*.newsItem {
    height: 177px;
    max-width: 1101px;
    margin: 0 auto;
}

.newsItemTitle {
    margin-top: 0px;
    font-size: 2em;
    float: left;
}

    .newsItemTitle ol li {
        color: #FFFFFB !important;
    }

.newsItemBlurb {
    float: left;
    max-width: 600px;
    text-align: left;
}

.newsItemImage {
    font-size: 2em;
    background-color: white;
    color: black;
    text-align: center;
    height: 150px;
    float: right;
    width: 300px;
    margin-right: 5px;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}*/

.news-well {
    max-width: 1101px;
    margin: 0 auto;
    margin-top: 11px;
    height: 230px;
    text-align: left;
    padding: 5px !important;
}

.newscontent {
    float: left !important;
    width: 100%;
    overflow: hidden;
}

.newsimage {
    float: right !important;
    width: 25%;
    margin: 2px;
    height: 200px;
}

.newsHeader {
    color: white;
    margin: 5px;
    padding-left: 7px;
    padding-right: 3px;
    font-size: 1.6em;
    font-weight: bold;
    width: 90%;
}

.newsSubHeader {
    color: white;
    margin-left: 15px;
    padding-left: 7px;
    padding-right: 3px;
    font-size: 1.3em;
    font-weight: bold;
    width: 90%;
    border-radius: 5px;
}


.nsimg {
    border-radius: 7px;
    height: 148px;
    width: 274px;
}

.btnnews {
    width: 100%;
    text-align: left !important;
    margin-top: 2px;
}

    .btnnews:hover {
        color: white !important;
    }

.newsBar {
    position: relative;
    background-image: url(/img/headlineBG.png);
    height: 250px;
    z-index: -100;
}

.carousel .carousel-indicators li {
    margin-top: 540px !important;
    border-color: black;
    opacity: 0.0;
    height: 250px !important;
}

    .carousel .carousel-indicators li.active {
        border-color: black;
        background-color: black;
    }

    .carousel .carousel-indicators li:nth-of-type(3).active {
        border-color: black;
        background-color: black;
    }

.carousel-inner {
    height: 250px;
}

.carousel-control {
    top: 40px !important;
}

.newsBarDiv {
    text-align: center;
    height: 177px;
    margin: 0 auto !important;
}


.newsBarIndicators {
    padding-top: 75px;
}

.newsBarPosition {
    bottom: 5px !important;
}

.newsSlider {
    max-width: 1052px !important;
}

/****** SUB HEADER FOR SUB PAGES ******/

.subNewsBar {
    position: relative;
    background-image: url(/img/subheaderbg.png);
    height: 137px;
    z-index: -100;
}

.subNewsBarDiv {
    text-align: center;
    margin-top: 13px;
    margin-left: 41px;
}

.subNewsBarIndicators {
    height: 100px !important;
}

.carousel-control.left {
    background-image: none !important;
    /*padding:0px !important;*/
    margin-right: 20px !important;
}

.carousel-control.right {
    background-image: none !important;
}

.subNewsBarPosition {
    bottom: 5px !important;
}

.subNewsBarSlider {
    max-width: 600px !important;
}

.subNewsBarMenuBox {
    background-color: #252525;
    margin: 0px !important;
    width: 100px;
    height: 105px;
    padding: 3px;
    float: left;
    margin-top: 18px !important;
    margin-right: 10px !important;
    border-radius: 5px;
}

.subNewsWrapper {
    max-width: 1130px !important;
    margin: 0 auto !important;
}

#subMyCarousel {
    height: 137px !important;
    width: 100%;
    max-width: 498px !important;
    float: right !important;
    margin-right: 26px;
}

.subHeaderBoxTitle {
    color: #FFFFFB;
    font-size: .7em;
    margin: 0px !important;
    padding-left: 3px !important;
}

.subWhiteHR {
    border: 1px solid #FFFFFB !important;
    margin: 0px;
}

.subHeaderIMG {
    margin-top: 3px;
    margin-left: 2px;
    width: 90px;
    height: 70px;
}

.subNewsItem {
    color: #FFFFFB !important;
}

.subNewsItemTitle {
    font-size: 1.5em;
    margin-top: 55px;
}
/* BENEFITS */
.benSummaryBox {
    background-color: #252525;
    margin: 0px !important;
    width: 100% !important;
    padding: 10px;
    border-radius: 5px;
    min-height: 200px;
}

/*Home*/
.homeDashFull {
    background-image: url(/img/mainBG.jpg);
}

.homeDash {
    padding: 20px;
}

.homeSummaryBox {
    background-color: #252525;
    margin: 0px !important;
    width: 100% !important;
    padding: 10px;
    border-radius: 5px;
    min-height: 429px;
}

.homeProfilePicture {
    text-align: center !important;
    padding: 15px 0px 5px 0px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.homeProfileText {
    text-align: left;
}

.homeProfileDeptText {
    text-align: left;
    font-size: 0.8em;
    font-style: italic;
    line-height: 0 !important;
    padding: 0px !important;
    margin: 0px !important;
}

.homeProfileWhiteTitle {
    color: #FFFFFB;
    text-align: left;
    font-size: 1.2em;
    line-height: 0 !important;
    padding: 0px !important;
    margin: 0px !important;
}

.homeProfileEmpInfo {
    color: #FFFFFB;
    text-align: left;
    line-height: 2.7 !important;
}

.homeSummaryButton {
    background-color: #197199 !important;
    background-image: none !important;
    width: 100%;
    height: 30px;
    border: 1px solid black;
    color: #FFFFFB;
    font-size: 1.2em;
    margin-bottom: 5px;
}

.homePTOInfo {
    color: #FFFFFB;
    text-align: left;
    line-height: 2.7 !important;
}

.homePTOSpacer {
    argin-bottom: 5px;
}

/* Footer */
.footerFull {
    bottom: 0;
    left: 0;
    clear: both;
    width: 100% !important;
    background-image: url(/img/footerBG.png);
}

.footerContent {
    padding: 10px;
    height: 100px;
}

#footerNav {
    float: right;
    margin-right: 25px;
    text-align: right;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 5px;
}

    #footerNav ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: right;
    }

        #footerNav ul li {
            display: inline;
            text-transform: uppercase;
            font-family: 'Oswald', sans-serif;
            color: #FFFFFB;
            text-decoration: none;
            font-size: 1.2em;
            padding: 0 0 0 7px;
            background: none;
            font-weight: bold;
        }

            #footerNav ul li a {
                text-decoration: none;
                padding-left: 10px;
                color: #FFFFFB;
            }

                #footerNav ul li a:hover {
                    color: #007BC3;
                }

.alert a {
    color: #337ab7 !important;
}

.footerContactAtlanta {
    line-height: 1 !important;
    color: white;
    font-size: .9em;
    float: left;
    margin-top: 15px;
    margin-right: 50px;
    margin-left: 25px;
}

.footerContactCTL {
    line-height: 1 !important;
    color: white;
    font-size: .9em;
    float: left;
    margin-top: 15px;
    margin-right: 100px;
}

.footerSocial {
    float: left;
    margin-top: 20px;
    margin-left: 25px;
}

.footerIcons {
    margin: 5px;
}

.loginFooterContactAtlanta {
    line-height: 1 !important;
    color: white;
    font-size: .9em;
    float: left;
    margin-top: 15px;
    margin-right: 50px;
    margin-left: 10px;
}

.loginFooterContactCTL {
    line-height: 1 !important;
    color: white;
    font-size: .9em;
    float: left;
    margin-top: 15px;
    margin-right: 100px;
}

.loginFooterSocial {
    float: right;
    margin-top: 20px;
    margin-left: 25px;
}




/* Login */
.loginSpacer {
    height: 100px !important;
}

.contentContainer {
    /*TODO*/
}

.loginDiv {
    margin: 5px !important;
}

.loginButtons {
    float: right;
    margin-right: 5px;
}

.loginBox {
    margin-top: 5%;
    margin-bottom: 5% !important;
}

.badLogin {
    float: left;
    padding: 6px !important;
    margin-left: 5px !important;
    width: 100% !important;
    max-width: 852px !important;
    text-align: center;
}

/* Payroll */
.payrollStubDetail {
    vertical-align: top;
}

.payrollStubHistory {
    vertical-align: top;
}


/*  Overrides */
.col-sm-3, .col-md-3 {
    padding: 5px !important;
    margin: 0px;
}

.row {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.RadGrid_Default .rgHeader a {
    color: #333 !important;
}

.RadGrid .rgNumPart a {
    float: left;
    line-height: 22px;
    margin: 0;
    padding: 0 5px 0 0;
    text-decoration: none;
    color: #000000 !important;
}

/* W2 Table */

.w2Container {
    width: 919px;
    height: 615px;
    font-family: 'Courier New';
    font-size: 12pt;
    margin: 0 auto;
}

.w2Text {
    position: absolute;
}

.ssn {
    position: absolute;
    left: 250px;
    top: 25px;
}

.ein {
    position: absolute;
    left: 30px;
    top: 65px;
}

.mckaddress {
    position: absolute;
    left: 30px;
    top: 110px;
}

.controlnbr {
    position: absolute;
    left: 30px;
    top: 225px;
}

.empfname {
    position: absolute;
    left: 30px;
    top: 265px;
}

.emplname {
    position: absolute;
    left: 250px;
    top: 265px;
}

.emplsuff {
    position: absolute;
    left: 470px;
    top: 265px;
}

.empaddress {
    position: absolute;
    left: 30px;
    top: 300px;
}

.localState {
    position: absolute;
    left: 25px;
    top: 445px;
}

.localStateID {
    position: absolute;
    left: 70px;
    top: 445px;
}

.localStateWages {
    position: absolute;
    left: 330px;
    top: 445px;
}

.localStateIncomeTax {
    position: absolute;
    left: 460px;
    top: 445px;
}

.localWages {
    position: absolute;
    left: 600px;
    top: 445px;
}

.localIncomeTax {
    position: absolute;
    left: 730px;
    top: 445px;
}

.locality {
    position: absolute;
    left: 850px;
    top: 445px;
}

.fedWages {
    position: absolute;
    left: 590px;
    top: 65px;
}

.fedIncTax {
    position: absolute;
    left: 785px;
    top: 65px;
}

.fedSSWages {
    position: absolute;
    left: 590px;
    top: 105px;
}

.fedSSTax {
    position: absolute;
    left: 785px;
    top: 105px;
}

.fedMedWages {
    position: absolute;
    left: 590px;
    top: 145px;
}

.fedMedTax {
    position: absolute;
    left: 785px;
    top: 145px;
}

.fedSSTips {
    position: absolute;
    left: 590px;
    top: 185px;
}

.fedAllTips {
    position: absolute;
    left: 785px;
    top: 185px;
}

.fedDepCare {
    position: absolute;
    left: 785px;
    top: 225px;
}

.fed12a {
    position: absolute;
    left: 785px;
    top: 265px;
}

.fed12D {
    position: absolute;
    left: 745px;
    top: 265px;
}

.fed12DD {
    position: absolute;
    left: 745px;
    top: 305px;
}

.fed12b {
    position: absolute;
    left: 785px;
    top: 305px;
}

.fed12c {
    position: absolute;
    left: 745px;
    top: 345px;
}

.fed12cc {
    position: absolute;
    left: 785px;
    top: 345px;
}

.fed12d {
    position: absolute;
    left: 745px;
    top: 385px;
}

.fed12d2 {
    position: absolute;
    left: 785px;
    top: 385px;
}

.fedNonQual {
    position: absolute;
    left: 590px;
    top: 265px;
}

.fedOther {
    position: absolute;
    left: 510px;
    top: 345px;
}

.fedStat {
    position: absolute;
    left: 533px;
    top: 306px;
}

.fedRetire {
    position: absolute;
    left: 593px;
    top: 306px;
}

.fedThird {
    position: absolute;
    left: 653px;
    top: 306px;
}

.year {
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    left: 435px;
    top: 512px;
}


/* Size Specific */
@media (max-width: @screen-sm) {
    body {
        font-size: 10px;
    }
}

@media (max-width: @screen-md) {
    body {
        font-size: 14px;
    }

    .empPhoto {
        max-height: 100px !important;
    }
}


/* DONT PRINT ANYTHING BUT MAIN CONTENT */
@media print {
    .no-print, .no-print * {
        display: none !important;
    }

    .panel-primary {
        border: none !important;
    }
}

/* HIDE SUB MENU IF SCREEN TOO SMALL */
@media screen and (max-width: 1090px) {
    #subMyCarousel {
        display: none !important;
    }
}

@media screen and (min-width: 1090px) {
    .empPhoto {
        height: 178px !important;
        min-width: 100%;
    }
}

@media screen and (max-width: 1199px) and (min-width: 982px) {
    .empPhoto {
        height: 144px !important;
        min-width: 100%;
    }
}

@media screen and (max-width: 700px) {
    .newsimage {
        display: none !important;
    }

    .newscontent {
        float: left !important;
        width: 100%;
    }
}

/* TELERIK OVERRIDES */

.RadMenu_Default .rmGroup a.rmLink {
    color: #000 !important;
}

/* Profile */
.tblProfileUserInformation {
    padding: 10px;
    min-width: 500px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 20px;
    border-collapse: separate;
}

.tblProfileEmergencyContact {
    padding: 10px;
    min-width: 500px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 20px;
    border-collapse: separate;
}

.ProfileSpacer {
    background-color: #3c3c3c;
    background: url("../img/dark_bg.jpg");
    width: 5px !important;
    margin-left: 50%;
    margin-right: auto;
}

.tblProfileEditBar {
    background-color: #D8D8D8;
    padding: 10px;
}

.tdProfileContent {
    vertical-align: top;
}

.roundedDiv {
    border: 1px solid #000;
    border-radius: 3px;
}

/* DIRECT DEPOSIT */
.tab {
    /*border-left:1px #828282 solid;
    border-bottom:1px #828282 solid;
    border-right:1px #828282 solid;
    border-radius:3px;*/
    padding: 4px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #fbfbfb !important;
    opacity: 1;
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: grey !important;
    border-color: grey !important;
}

.disabledGrey {
    cursor: not-allowed;
    background-color: #fbfbfb !important;
    opacity: 1;
}


.input-group-addon {
    max-width: 300px;
    text-align: left;
}

.input-group-addon-profile {
    min-width: 240px;
    text-align: left;
}

.input-group-addon-dd {
    min-width: 220px;
    text-align: left;
}

.unsaved {
    border: 1px solid red !important;
}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    left: 92%;
}

#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    left: 92%;
}

input[type=checkbox] {
    /* All browsers except webkit*/
    transform: scale(1.5);
    /* Webkit browsers*/
    -webkit-transform: scale(1.5);
}

.edited {
    border: 2px solid red;
}

/* ADMIN SCREEN */
.adminMenu {
    margin: 2px;
}

.adminBody {
    margin: 2px;
    width: 100%;
    max-width: 900px;
    table-layout: fixed;
}

.adminButton {
    margin: 2px;
    width: 150px;
}

.adminBar {
    max-width: 175px;
}

.adminBarTD {
    width: 175px;
}

.adminGrid {
    max-width: 20%;
}

.profilephoto {
    max-height: 178px;
}

.bs-example {
    position: relative;
    padding: 15px 15px 15px;
    margin: 0 -15px 15px;
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    border-width: 1px 0;
    -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
    box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
    margin-bottom: 10px;
}

#progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000;
}

#processMessage {
    position: fixed;
    top: 30%;
    left: 43%;
    padding: 10px;
    width: 14%;
    z-index: 1001;
    background-color: #fff;
    border: solid 1px #000;
    text-align: center;
    border-radius: 5px;
}

/* Calendar override */
.RadCalendar .rcMain .rcRow a {
    color: #000000 !important;
}

.rcOtherMonth a {
    color: #000000 !important;
}

.RadScheduler .rsDateHeader {
    color: #000000 !important;
}

/* ASPNEt disabled */
.disableAdminUsers {
    color: grey !important;
}


.rcTimePopup {
    color: #000000 !important;
}

.RadCalendarTimeView_Default a {
    color: #000000 !important;
}


.rsDateHeader a {
    color: #000000 !important;
}

.rsDateHeader {
    color: #000000 !important;
}