html, body {
    font-family: "Segoe UI", Arial, Sans-serif;
    font-size: 12px;
}
/*a {text-decoration:underline;}*/

.MainContentPadding {
    padding-bottom: 10px;
}

.Money {
    color: Green;
}

.ErrorMessage {
    font-weight: bold;
    font-family: "Segoe UI", Arial, Sans-serif;
    color: #FF0000;
    padding-left: 5px;
    padding-top: 10px;
}

.InstructionMessage {
    font-weight: bold;
    font-family: "Segoe UI", Arial, Sans-serif;
    font-size: 12px !important;
    color: #000080;
    padding-left: 5px;
    padding-top: 10px;
}

.InfoMessage {
    font-weight: bold;
    font-family: "Segoe UI", Arial, Sans-serif;
    color: #FF9900;
    padding-left: 5px;
}

.PrintAllPadding {
    margin-top: 5px;
    float: right;
}


.SetFontFamily {
    font-family: "Segoe UI", Arial, Sans-serif;
}

.TimeEntryLabel {
    font-family: "Segoe UI", Arial, Sans-serif;
    font-size: 12px !important;
    font-weight: bold;
}

.TimeEntryTextBox {
    width: 45px;
    padding-right: 2px;
    padding-left: 2px;
    text-align: right;
}

.FormValue {
    text-align: right;
}

.PhoneLeftJust {
    text-align: left;
}

.FormLabel {
    font-size: 11px;
    font-weight: bold;
}

.FormLabel_padded {
    padding-left: 10px;
    border: 0;
}


.FormValue2 {
    text-align: left;
    font-size: 12px;
}

.FormLabel2 {
    padding-left: 10px;
    font-weight: bold;
    text-align: left;
}



#FooterText {
    float: left;
    font-size: 9px;
    width: 100%;
    height: 20px;
    color: #999;
    text-align: center;
    padding-top: 15px;
}

#FooterText_Login {
    float: left;
    font-size: 9px;
    width: 100%;
    height: 10px;
    color: #999;
    text-align: center;
    font-style: italic;
    font-weight: bold;
}


.UserLoginBody {
}

#EmpQueryContainer {
    display: table-cell;
    vertical-align: middle;
}

#UserLoginTable {
    margin: 35px auto 2px auto;
    width: 231px;
    border: solid 5px #ccc;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#UserChangePassTable {
    margin: 35px auto;
    width: 350px;
    border: solid 5px #ccc;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#CloseBrowserTable {
    margin: 35px auto;
    width: 450px;
    border: solid 5px #cccccc;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.OuterCurvedBorder {
    margin-bottom: 5px;
    border: solid 1px #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
}

.PortalSectionSub {
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.SectionHeader {
    min-height: 20px;
    background: #333;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius: 5px;
    font-size: 1.2em;
}

.SectionHeaderCreateUser {
    min-height: 20px;
    background: #333;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius: 5px;
    font-size: 0.8em;
}

.SectionHeaderMid {
    min-height: 20px;
    background: #333;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: .7em;
}


.UserLoginText .SectionHeaderMid {
    margin-left:0;
}


.MessageHeader {
    min-height: 15px;
    background: #FF0000;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
    font-weight: bold;
}

.UserLoginText {
    float: left;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 1px;
    margin-left: 7px;
}

.UserLoginContent {
    margin-left: 7px;
    margin-top: 2px;
    width: 225px;
	display:table;
	
	
}

.UserLoginFailed {
    margin-left: 7px;
    color: #FF0000;
}

.UserLoginButton {
    margin-top: 5px;
    margin-left: 7px;
}

.UserLoginCreateText {
    vertical-align: middle;
}

.UserInfoContent {
    width: 200px;
}

.UserInfoText {
}

a.UserInfoLink {
}

    a.UserInfoLink:hover {
    }

.CheckReport {
}

.ReportMain {
    position: relative;
    background: #fff;
    background-color: #FFFFFF;
    color: #000000;
    width: 99%;
}

.ReportControls {
    position: absolute;
    top: 3px;
    left: 5px;
    display: inline;
    padding: 5px; /* for IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE7 */
    filter: alpha(opacity=70);
    opacity: .7;
    z-index: 1000;
}

    .ReportControls a {
        color: #333;
        font-size: 9px;
    }

        .ReportControls a:hover {
            color: #CC0000;
        }

.ReportControlsNext {
    position: absolute;
    top: 3px;
    left: 80px;
    display: inline;
    padding: 5px; /* for IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE7 */
    filter: alpha(opacity=70);
    opacity: .7;
    z-index: 1000;
}

    .ReportControlsNext a {
        color: #333;
        font-size: 9px;
    }

        .ReportControlsNext a:hover {
            color: #CC0000;
        }

.ReportControlsPrev {
    position: absolute;
    top: 3px;
    left: 160px;
    display: inline;
    padding: 5px; /* for IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE7 */
    filter: alpha(opacity=70);
    opacity: .7;
    z-index: 1000;
}

    .ReportControlsPrev a {
        color: #333;
        font-size: 9px;
    }

        .ReportControlsPrev a:hover {
            color: #CC0000;
        }

.modalBackground {
    background-color: #333;
    /* for IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    /* for IE7 */
    filter: alpha(opacity=70);
    /* for all other browers... I think? */
    opacity: .7;
    vertical-align: middle;
}

.modalPopup {
    border: 3px solid #000080;
    background-color: #FFFFDD;
    padding: 3px;
    width: 250px;
}

.modalTextPopup {
    background-color: #FFFFFF;
    border: 2px solid #0000FF;
}

.PayrollMenuText {
}

.PayrollMenuLevel1 {
    padding: 0px 5px 3px 5px;
    border: thin solid #808080;
    height: 23px;
    background-color: #C0C0C0;
    width: 168px;
    margin-bottom: 3px;
    text-decoration: none;
    color: #000000;
    z-index: 95000;
}

.PayrollMenuLeve1:visited {
    color: #000000;
}

.PayrollMenuLevel2 {
    padding: 0px 5px 0px 5px;
    border: thin solid #808080;
    height: 23px;
    background-color: #C0C0C0;
    margin-bottom: 3px;
    margin-right: 3px;
    text-decoration: none;
    color: #000000;
    z-index: 95000;
}

    .PayrollMenuLevel2:visited {
        color: #000000;
    }

.PayrollMenuLevel3 {
    padding: 0px 5px 0px 5px;
    border: thin solid #808080;
    height: 23px;
    background-color: #C0C0C0;
    margin-bottom: 3px;
    margin-left: 3px;
    text-decoration: none;
    color: #000000;
    z-index: 100000;
}

.PayrollMenuLeve3HoverStyle {
    background-color: #666666;
    color: #FFFFFF;
}

.PayrollMenuLeve3:visited {
    color: #000000;
}

.PayrollMenuHoverStyle {
    background-color: #666666;
    color: #FFFFFF;
}

.PhoneGridHeader {
    padding-left: 5px;
    padding-right: 30px;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #000000;
    font-weight: bold;
}

.ButtonPadding {
    margin-left: 10px;
    float: right;
}

.ButtonPadding_LB {
    margin-bottom: 5px;
    margin-left: 5px;
}

.TextPadding {
    padding-left: 10px;
}

.NoRecordsLabel {
    font-family: "Segoe UI", Arial, Sans-serif;
    font-size: large;
    font-weight: bold;
}


.CloseBrowserBox {
    padding: 5px;
    margin: 20px auto;
    width: 355px;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #666666;
    font-family: "Segoe UI", Arial, Sans-serif;
    font-weight: bold;
}

.ErrorRedirectMessage {
    padding: 5px;
    margin: 20px auto;
    width: 555px;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #666666;
    font-family: "Segoe UI", Arial, Sans-serif;
    font-weight: bold;
}

.ErrorRedirectMessageLine1 {
    font-weight: bolder;
    width: 550px;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #000000;
    font-family: "Segoe UI", Arial, Sans-serif;
    margin-top: 5px;
    font-size: medium;
}

.ErrorRedirectMessageLine2 {
    width: 550px;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #666666;
    font-family: "Segoe UI", Arial, Sans-serif;
    margin-top: 5px;
}

.SecurityLine1Text {
    font-weight: bold;
}

.SecurityLine2Text {
    width: 275px;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #666666;
    font-family: "Segoe UI", Arial, Sans-serif;
    margin-top: 5px;
}

/* TEMP styles for Ess.Master */
/*#PortalContainer
{
    border: solid 5px #ccc;
    background-position: #fff;
    background: #fff;
    margin: 2px auto;
    width: 1160px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(../css/border-radius.htc);
    padding: 10px;
    overflow: hidden;
}*/

#PortalContainer {
    border: solid 5px #ccc;
    background: #fff;
    margin: 2px auto;
    width: 1160px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 10px;
    overflow: hidden;
}

#PortalSubContainer {
    width: 1160px;
}

/*
#PortalMenuContainer
{
    width: 180px;
    float: left;
    margin-top: 20px;
	height: 550px;
}
*/

#PortalMenuContainer {
    width: 99%;
    float: left;
    position: relative;
    margin-top: 10px;
    z-index: 1500;
}

#PortalMainContent {
    float: left;
    margin: 2px 0 0 5px;
    width: 1145px;
    min-height: 500px;
    z-index: 1200;
}

/*#PortalHeaderContainer
{
    float: left;
    width: 99%;
    background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(../css/border-radius.htc);
    padding: 5px;
}*/

#PortalHeaderContainer {
    float: left;
    width: 99%;
    background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
	font-size:1em;
}

.PortalHeaderTextName {
    font-weight: bold;
    width: 49%;
    text-align: left;
    float: left;
}

.PortalHeaderTextDate {
    font-weight: bold;
    width: 49%;
    text-align: right;
    float: right;
}
/* End styles for WebPortal.Master */


/*.curved
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(../css/border-radius.htc);
    padding: 10px;
}*/

.curved {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 10px;
}


/*.curved-sub
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(../css/border-radius.htc);
    padding: 5px;
}*/

.curved-sub {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
}

.centeredPanel {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.centered {
    text-align: center;
}

#Center {
    text-align: center;
}

.uppercase {
    text-transform: uppercase;
}

.errorTextBox {
    color: #FF0000;
    font-family: "Segoe UI", Arial, Sans-serif;
    font-weight: bold;
    width: 350px;
    font-size: 12px;
}

.NoChecksFound {
    font-family: "Segoe UI", Arial, Sans-serif;
    font-size: 20px;
    padding-top: 100px;
    padding-left: 100px;
}

.ReportHeaderClose {
    float: right;
    cursor: pointer;
    padding-top: 5px;
}

.ReportHeader {
    background: url('../images/header.png') repeat-x 0px -200px;
    height: 18px;
    padding: 5px;
    border-bottom: solid 1px black;
}

.FeatureTitleHeader {
    font-family: "Segoe UI", Arial, Sans-serif;
    font-size: medium;
    color: #FFFFFF;
}

.EffectiveDatesTitle {
    font-family: "Segoe UI", Arial, Sans-serif;
    font-size: small;
    font-weight: bold;
    text-decoration: underline;
}

.BeginDateTitle {
    font-family: "Segoe UI", Arial, Sans-serif;
    font-size: small;
    font-weight: bold;
    text-decoration: underline;
}

.FeatureBorder {
    margin-bottom: 20px;
    border: solid 1px #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
}

.EssMenu {
    margin-top: 20px;
    margin-left: 5px;
    float: left;
}

.FeatureContent {
    margin-top: 10px;
    margin-right: 150px;
    float: right;
    width: 400px;
}

.FeatureContentTitle {
    font-size: medium;
    font-weight: bold;
    text-decoration: underline;
    font-family: "Segoe UI", Arial, Sans-serif;
}

.FeatureTree {
    float: left;
}

.Calendar {
    float: none;
    width: 100%;
}

.CalendarMessage {
    float: none;
    width: auto;
}

/* Event calendar layout */
.EventCalendarLayout {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    box-sizing: border-box;
}

.EventCalendarMain {
    flex: 1 1 auto;
    min-width: 0;
}

.EventCalendarDetail {
    flex: 0 0 320px;
    width: 320px;
    box-sizing: border-box;
}

.EventDetailBody {
    border: 1px solid #ccc;
    padding: 12px;
    background: #fff;
    min-height: 80px;
    box-sizing: border-box;
}

.CalendarMobileMessage {
    display: none;
}

.QuickPayrollTab {
}

.ChangePassMessage {
    text-align: left;
    margin-left: 5px;
}

.DateHeader {
    font-weight: bold;
    width: 50px;
}

.DateItem {
    font-weight: bold;
    width: 50px;
    text-align: right;
    border: 0;
}

.DateFooter, .DateEdit {
    font-weight: bold;
    width: 40px;
    text-align: right;
    border: 0;
}

.DateApproved {
    font-weight: bold;
    width: 90px;
}

#CompanyLogo {
    text-align: center;
}

.PayPeriodText {
    font-weight: bold;
    text-decoration: underline;
}

.DynamicGridViewTextBox {
    width: 60px;
    text-align: right;
}

.collapsePanelHeader {
    font-weight: normal;
    color: #000000;
    background-color: #C0C0C0;
    height: 25px;
    width: 100%;
}

.collapseCalcTimeHeader {
    font-weight: normal;
    color: #000000;
    background-color: #C0C0C0;
    width: 90px;
}

.cph_EnterDetail {
    font-weight: normal;
    color: #000000;
    background-color: #C0C0C0;
    height: 25px;
    width: 275px;
    padding-left: 10px;
    padding-right: 10px;
}

.collapsePanelDetail {
    border-style: solid none none none;
    border-width: 1px;
}

.collapsePanel {
    border-style: solid;
    border-width: 1px;
}

.cp_EnterDetail {
    border-style: solid;
    border-width: thin;
}

.hrSelectGrpDDLStyle {
    font-size: 12px;
    width: 140px;
}

.hrSelectGrpLabel {
    font-size: 12px;
    width: 85px;
    text-align: right;
}

.hrManVwDDLStyle {
    font-size: 12px;
    width: 140px;
}

.hrManVwCriteriaGrp {
    border-style: solid;
    border-width: thin;
    font-size: 12px;
    width: 250px;
}

.hrManCriteriaGrpHeader {
    font-size: 12px;
    margin-left: 5px;
    width: 115px;
    margin-right: 5px;
    font-weight: bold;
    text-align: center;
}

.hrManCriteriaGrpHeaderLeft {
    font-size: 12px;
    margin-left: 5px;
    width: 200px;
    margin-right: 5px;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}

.hrManCriteriaGrpHeaderRight {
    font-size: 12px;
    margin-left: 5px;
    width: 115px;
    margin-right: 5px;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}

.hrManCriteriaGrpLabel {
    font-size: 12px;
    width: 125px;
    text-align: right;
}

.rcdChanged {
    color: #FF0000;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

div.hbox {
    border-style: solid;
    border-width: thin;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
}

div.hpanelLeftSuperChk {
    display: inline-block;
    padding-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    zoom: 1.0;
    *display: inline;
    width: 555px;
    text-align: left;
    float: left !important;
}

div.hpanelCenterSuperChk {
    display: inline-block;
    padding-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    zoom: 1.0;
    *display: inline;
    width: 3px;
}

div.hpanelRightSuperChk {
    display: inline-block;
    padding-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    zoom: 1.0;
    *display: inline;
    width: 555px;
    text-align: left;
    float: left !important;
}

div.hpanelLeft {
    display: inline-block;
    padding-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    zoom: 1.0;
    *display: inline;
    width: 300px;
    text-align: left;
}

div.hpanelCenter {
    display: inline-block;
    padding-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    zoom: 1.0;
    *display: inline;
    width: 330px;
}

div.hpanelRight {
    display: inline-block;
    padding-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    zoom: 1.0;
    *display: inline;
    width: 275px;
    text-align: left;
}

    div .hpanelLeftStaffing {
    display: inline-block;
    padding-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    zoom: 1.0;
    *display: inline;
    width: 150px;
    text-align: left;
}


div.hpanelCenterStaffing {
    display: inline-block;
    padding-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    zoom: 1.0;
    *display: inline;
    width: 480px;
}

div.hpanelRightStaffing {
    display: inline-block;
    padding-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    zoom: 1.0;
    *display: inline;
    width: 275px;
    text-align: right;
}


div.hbox_noborder {
    width: 100%;
    margin-bottom: 5px;
}

.directReportRadios {
    width: 220px;
    font-size: 10px;
    margin-left: 35px;
}

.directReportRadiosStaffing {
    width: 325px;
    font-size: 10px;
    margin-left: 150px;
}

.directReportSuperCkHist {
    width: 220px;
    font-size: 10px;
    margin-left: 150px;
}

.SuperApproveGrouping {
    width: 275px;
    height: 125px;
    font-family: "Segoe UI", Arial, Sans-serif;
    font-weight: bold;
    font-size: .9em;
    margin-right: 10px;
    margin-left: 10px;
}

.EmpQueryText {
    font-family: "Segoe UI", Arial, Sans-serif;
    font-size: large;
    font-weight: bold;
}

.EmpNotesTextbox {
    width: 100%;
    height: 150px;
    padding-left: 5px;
    padding-right: 5px;
    right: 10px;
    left: 10px;
}

.PadLeftAndRight_1 {
    padding-left: 1px;
    padding-right: 1px;
}

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

.PadLeft15px {
    padding-left: 15px;
}

.PadLeft25px {
    padding-left: 35px;
}

.PadLeft28px {
    padding-left: 28px;
}

.PadLeft10px {
    padding-left: 10px;
}

.PadLeft5px {
    padding-left: 5px;
}

.PadRight5px {
    padding-right: 5px;
}

.PadRight10px {
    padding-right: 10px;
    margin-right: 10px;
}

.PadTop7px {
    padding-top: 7px;
}

.PadTop10px {
    padding-top: 10px;
}

.PadTop20px {
    padding-top: 20px;
}

.Pad5px {
    padding: 5px;
}

.MarginTopBottm5px {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.MarginBottom10px {
    margin-bottom: 10px;
}

.Margin5px {
    margin: 5px;
}

.Margin15px {
    margin: 15px;
}

.MarginRight10px {
    margin-right: 10px;
}

.Disable_BackgroundColor {
    background-color: Gray;
}

.CommandRow {
    width: 765px;
    height: 25px;
    background-color: rgb(51, 51, 51);
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
}

.TimeEntryDayHeader {
    width: 100%;
    height: 25px;
    background-color: rgb(102, 102, 102);
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align: middle;
}

    .TimeEntryDayHeader span {
        color: #CCCCCC;
    }

a.linkBtnUnformat {
    text-decoration: none;
    text-align: center;
    font-size: 11px;
    color: #000000;
}

    a.linkBtnUnformat:hover {
        text-decoration: none;
        text-align: center;
        font-size: 11px;
        color: #000000;
    }

a.linkBtnUnformatToday {
    text-decoration: none;
    text-align: center;
    font-size: 11px;
    color: #008000;
    font-weight: bold;
}

    a.linkBtnUnformatToday:hover {
        text-decoration: none;
        text-align: center;
        font-size: 11px;
        color: #006600;
        font-weight: bold;
    }

a.linkBtnCenterText {
    text-align: center;
    font-size: 11px;
}

.NoUnderLine {
    text-decoration: none;
}

.NoUnderLineToday {
    text-decoration: none;
    color: #008000;
    font-weight: bold;
}

    .NoUnderLineToday:hover {
        text-decoration: none;
        color: #008000;
        font-weight: bold;
    }

/* Start 
    EmpContInfo.aspx
    SuperCheckHist.aspx
*/

.viewWrap {
    padding: 15px;
    background: #5f7eb0 0 0 url(Images/bluegradient.gif) repeat-x;
    width: 1075px;
}

.contactWrap {
    padding: 10px 15px 15px 15px;
    background: #fff;
    color: #333;
}

    .contactWrap td {
        padding: 0 20px 0 0;
    }

        .contactWrap td td {
            padding: 3px 20px 3px 0;
        }

    .contactWrap img {
        border: 1px solid #05679d;
    }

.DetailTable_Default caption {
    color: #FFFFFF;
    background-color: #000000;
}

.UserInfoMenu {
    width: 275px;
    float: right;
	font-size: 1.0em;
}

.UserInfoMenu .SectionHeader {
	font-size:1.2em;
}

.timeentry_detail_panel {
    width: 70%;
    text-align: right;
    float: right;
}

.DetailEntryLabel {
    font-size: 13px;
    text-align: right;
}

.SubmitButton {
    border-color: #CC0000 #800000 #800000 #CC0000;
    font-size: medium;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #FF0000 !important;
}

    .SubmitButton:disabled {
        border-color: #E6E6E6 #BFBFBF #BFBFBF #E6E6E6;
        font-size: medium;
        color: #858585;
        font-weight: bold;
        background-color: #F5F5F5 !important;
        border-style: outset;
    }

.SubmitText {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.SetBold {
    font-weight: bold;
}

.ClearFormBtn {
    margin-right: 15px;
    float: right;
}

.FeatureGroupTitle {
    font-family: "Segoe UI", Arial, Sans-serif;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: left;
    padding-left: 12px;
}

/* End
    EmpContInfo.aspx
    SuperCheckHist.aspx
*/

.SetUpperCase {
    text-transform: uppercase;
}

.MasterTable_Default caption {
    font-family: "Segoe UI", Arial, Sans-serif;
    font-size: medium;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: left;
    padding-left: 12px;
    padding-top: 5px;
    color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #828282;
}

.MasterTable_Default_Submitted caption {
    font-family: "Segoe UI", Arial, Sans-serif;
    font-size: medium;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: left;
    padding-left: 12px;
    padding-top: 5px;
    color: #FF0000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #828282;
}

.MasterTable_Default_NoBottomBorder caption {
    font-family: "Segoe UI", Arial, Sans-serif;
    font-size: medium;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: left;
    padding-left: 12px;
    padding-top: 5px;
    color: #000000;
}

.HrzLine {
    height: 6px;
    border: 0;
    width: 98%;
    color: #808080;
    background-color: #808080;
}

.CloseRowBtn {
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 5px;
}

.UserCtrlGroupTD {
    width: 80px;
    text-align: right;
}

.RptsToGroupTD {
    width: 220px;
    text-align: left;
    font-size: 10px;
}

.RptsToGroupTDStaffing {
    width: 230px;
    text-align: left;
    font-size: 10px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 
 2/20/2015
 removed redundancies and inline styles
 */


.noShow {
    display: none;
}

.floatLeftTop {
    float: left;
    vertical-align: top;
}

.floatLeft20Left {
    float: left;
    margin-left: 20px;
}

.floatRightAlignMiddle {
    float: right;
    vertical-align: middle;
}

.floatRightWidth75font10 {
    width: 75px;
    font-size: 10px;
    margin-left: 10px;
    float: right;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop10 {
    margin-top: 10px;
}

.MarignLeft40px {
    margin-left: 40px;
}

.standardWidth75font10 {
    width: 75px;
    font-size: 10px;
}

.standardWidth110font10 {
    width: 110px;
    font-size: 10px;
}

.standardWidth125font10 {
    width: 125px;
    font-size: 10px;
}

.font10padLeft25 {
    font-size: 10px;
    padding-left: 25px;
}

.font10marginTop5 {
    font-size: 10px;
    margin-top: 5px;
}

.standardTableWidth225 {
    width: 225px;
}

.standardTableWidth275 {
    width: 275px;
}

.standardTableWidth300 {
    width: 300px;
}

.standardTableWidth375 {
    width: 375px;
}

.standardTDWidthAuto {
    width: auto;
}


.standardTDWidth80alignRight {
    width: 80px;
    text-align: right;
}

.standardTDWidth100 {
    width: 100px;
}

.standardTDWidth150 {
    width: 150px;
}

.standardTDWidth200 {
    width: 200px;
}

.standartTDWidth50pct {
    width: 50%;
}

.standartTDWidth100pct {
    width: 100%;
}

.standardTDHeight22 {
    height: 22px;
}

.standardTDHeight22width150 {
    height: 22px;
    width: 150px;
}

.pointerButton1 {
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
}

.EmpEmerCont_td {
    text-align: left;
    font-weight: bold;
    font-size: small;
    text-decoration: underline;
    padding-bottom: 3px;
}

.staffingHeaderLines {
    border-right-style: solid !important;
    border-right-width: 1px !important;
    border-right-color: #808080 !important;
}

.verticalAlignTop {
    vertical-align: top;
}

div.FeatureHours_Layout {
    text-align: center;
}

div.FeatureHours_Center {
    text-align: left;
    width: 850px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.setYellow {
    background-color: #ffff00 !important;
}

.setRed {
    background-color: #CC0000 !important;
    color: #FFFFFF;
    font-weight: bold;
}

.OverrideGridHeight .rgDataDiv {
    height: auto !important;
}

.multiPageBackGrnd {
    background-color: lightgray !important;
}

.Center {
    width: 600px;
    height: 200px;
    position: fixed;
    background-color: blue;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
}

div.hboxTwoFactor {
    border-style: solid;
    border-width: medium;
    text-align: center;
    width: 555px;
    height: 240px;
    background-color: white;
    margin: 0 auto;
}

div.hboxTwoFactorVerify {
    border-style: solid;
    border-width: medium;
    text-align: center;
    width: 375px;
    height: 200px;
    background-color: white;
    margin: 0 auto;
}

#TwoFactor {
    height: 100px;
    width: 100%;
    text-align: center;
}


.TwoFactorTitle {
    font-family: "Segoe UI", Arial, Sans-serif;
    font-size: large;
    font-weight: bold;
    width: 300px;
}

div.hpanelLeftTwoFactor {
    display: inline-block;
    padding-left: 15px;
    margin-right: 15px;
    vertical-align: top;
    zoom: 1.0;
    *display: inline;
    width: 325px;
    text-align: left;
    float: left !important;
}

div.hpanelCenterTwoFactor {
    display: inline-block;
    padding-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    zoom: 1.0;
    *display: inline;
    width: 3px;
}

div.hpanelRightTwoFactor {
    display: inline-block;
    padding-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    zoom: 1.0;
    *display: inline;
    text-align: left;
    float: left !important;
}
.manualCode .rbDecorated {
    width: 40% !important;
}

.ConsumerMessageText{
    color: red;
    font-size:medium;
}

.toggle-password {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.2em;
    position: absolute;
    right: 12px;
    top: 35%;
    transform: translateY(-50%);
}

.password-box {
    padding-right: 30px;
}

.password-wrapper {
    position: relative;
    display: inline-block; /* or block, depending on layout */
}