/* General setup */
body {
    margin: 0 0 0 0;
    font-size: 100%;
    font-family: Times New Roman, Arial;
}
form {
    margin-top: 10px;
    margin-bottom: 10px;
}
@media print {
    .NoPrint { display: none; }
    .MainContainer { display: inline; } /* Avoid print trouble trying to paginate a div */
}
@media screen {
    .PrintOnly { display: none; }
    .MainContainer { padding: 0 10px 1px 10px; } /* Everything after the banner menu */
}
.LinkColor {}
.PayPeriod { margin-bottom: 10px; text-align: center; }

/* Menu Banner */
#BannerSpacer {
    height: 0; /* 0 for noscript, or set with setBannerSpacer() */
}
#ctl00_Banner {
    width: 100%;
    padding-bottom: 4px;
}
.BannerFixed {
    position: fixed;
    top: 0;
    left: 0;
}
#BannerTitle {
    margin-top: 4px;
    margin-left: 6px;
    font-size: 1.5em;
    float: left;
}
#BannerHelp {
    margin-top: 4px;
    padding-right: 6px;
    text-align: right;
    font-size: 1.2em;
    float: Right;
}
#BannerHelp A {
    white-space: nowrap;
}
#BannerFavorite {
    padding-left: 6px;
    padding-right: 6px;
    clear: both;
}
#BannerFavorite A, #BannerFavorite SPAN {
    white-space: nowrap;
}

/* Messages */
.MessageComplete {
    background-color: White;
    border: solid 2px Black;
    color: Blue;
    font-size: 1.5em;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto
}
.MessageError {
    border: solid 2px Black !important;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}
.MessageError td {
    background-color: White !important;
    color: Red !important;
    font-size: 1.5em;
}
.MessageError a { color: Red !important; }
.MessageError2 { margin-top: 0; }
.MessageError3 { margin-top: 0; margin-left: 15px; border-bottom-width: 0 !important; }
.MessageError3 td { font-size: 1.2em; }

/* Action Links */
.PageActionN { margin-left: 8px; }

.TopLinks { margin-bottom: 12px !important; }

/* Tables */
.TimeClockTable {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}
.TimeClockTable th {
    padding: 3px;
    vertical-align: top;
    border-style: solid;
    border-width: 2px;
}
.TimeClockTable td {
    padding: 3px;
    border-style: solid;
    border-width: 2px;
}
.TimeClockTableTh, .TimeClockTableTd {}
@media screen {
    .TimeClockTable th {
       white-space: nowrap;
    }
    .TimeClockTable td {
       white-space: nowrap;
    }
}
.TimeClockTable table td {
   border: none;
}
.StandardTable {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}
.L { text-align: left; padding: 0 3px 0 3px !important; }
.R { text-align: right; padding: 0 3px 0 3px !important; }
.T { border-top-width: 1px !important; border-top-style: solid !important; }

/* Help */
.WhatsThisLink {
    cursor: pointer;
    vertical-align: middle;
}
.WhatsThisLocation {
    display: none;
    position: relative;
}
.WhatsThisContainer {
    position: absolute;
    top: 0;
    left: 50%;
    border-style: solid;
    border-width: 2px;
    width: 400px;
}
.WhatsThisText {
    text-align: left;
    padding: 10px 10px 10px 10px;
}
.WhatsThisTitle {
    font-size: 10pt;
    height: 16px;
    border-bottom: solid 1px Black;
}
.WhatsThisTitleText {
    float: left;
    padding: 0px 3px 0px 3px;
}
.WhatsThisTitleClose {
    float: right;
    cursor: pointer;
    color: Black;
    background-color: Silver;
    font-size: 10pt;
    height: 16px;
    border-left: solid 1px Black;
    padding: 0px 3px 0px 3px;
}

/* Text and input */
@media screen {
    .TitleMedium {
        text-align: center;
        font-size: 1em; /* 12pt */
    }
    .TitleLarge {
        text-align: center;
        font-size: 1.2em; /* 14pt */
    }
    .TitleXL {
        text-align: center;
        font-size: 1.3em; /* 16pt */
    }
    .Title2XL {
        text-align: center;
        font-size: 1.5em; /* 18pt */
    }
    .TextXSmall {
        text-align: left;
        font-size: .7em; /* 8pt, 11px, .7em */
    }
    .TextSmall {
        text-align: left;
        font-size: .8em; /* 10pt, 13px, .8em */
    }
    .TextMedium {
        text-align: left;
        font-size: 1em; /* 12pt, 16px, 1em, default */
    }
    .TextLarge {
        text-align: left;
        font-size: 1.2em; /* 14pt, 19px, 1.2em, <big> */
    }
    .TextXL {
        text-align: left;
        font-size: 1.3em; /* 16pt, 21px, 1.3em */
    }
    .Text2XL {
        text-align: left;
        font-size: 1.5em; /* 18pt, 24px, 1.5em, <big><big> */
    }
    .TextMediumRight {
        text-align: right;
        font-size: 1em; /* 12pt */
    }
    .TextLargeRight {
        text-align: right;
        font-size: 1.2em; /* 14pt */
    }
    .TextXLRight {
        text-align: right;
        font-size: 1.3em; /* 16pt */
    }
}
@media print { /* 12=10, 14-18=12 */
    .TitleMedium {
        text-align: center;
        font-size: .8em; /* 10pt */
    }
    .TitleLarge {
        text-align: center;
        font-size: 1em; /* 12pt */
    }
    .TitleXL {
        text-align: center;
        font-size: 1em; /* 12pt */
    }
    .Title2XL {
        text-align: center;
        font-size: 1em; /* 12pt */
    }
    .Title3XL { text-align: center; font-size: 1.3em; }
    .TextMedium {
        text-align: left;
        font-size: .8em; /* 10pt */
    }
    .TextLarge {
        text-align: left;
        font-size: 1em; /* 12pt */
    }
    .TextXL {
        text-align: left;
        font-size: 1em; /* 12pt */
    }
    .Text2XL {
        text-align: left;
        font-size: 1em; /* 12pt */
    }
    .TextMediumRight {
        text-align: right;
        font-size: .8em; /* 10pt */
    }
    .TextLargeRight {
        text-align: right;
        font-size: 1em; /* 12pt */
    }
}
.ButtonLink { font-family: Times New Roman, Arial; background: none; border: none; text-decoration: underline; cursor: pointer; }
.Wrap { white-space: normal !important; }
.NoteBullets { margin: 0 0 0 0; padding: 0 0 0 15px; }

/*TableSetupMenu*/
.TablesetupMenu { text-align:center; font-family:Arial, Verdana, Garamond; font-size:8pt; background-color:#f3f5f6; border-color:#d1d3d3; color: #414343; margin-left:auto; margin-right:auto; border-collapse: collapse;}
.TablesetupMenu td {height:10px; width:83px; border:solid 1pt #d1d3d3; margin-left:auto; margin-right:auto; }
.ActiveCellMenu {background-color:#cccdcd; color:Black; font-weight:bold;}
.ActiveCellMenuOff {background-color:#dee1e1; font-weight:bold;}

/*FooterSave Continue Buttons*/
.TimeClockTableSaveButton { margin-left: auto; margin-right: auto; border-collapse: collapse;}
.TimeClockTableSetupButton {text-align:right;margin-left: auto; margin-right: auto; border-collapse: collapse; width:80%; }