﻿/*----------------------*/
/* MAIN HEADER CHANGE   */
/*----------------------*/
.CursorHand {
    cursor: pointer !important;
}

div#PageHeaderBar {
    height: 90px;
    padding-left: 0;
    font: bold 11pt verdana;
    color: #003759;
    padding-top: 0;
    margin-left: 0;
    background-image: none !important;
    line-height: 90px;
    text-indent: -20%;
    text-align: center;
}

/* hide arrow in circle*/
span.ObjectRef {
    display: none;
}

/* hide side bar - see also */
.SideBarBody .TaskBox:last-child {
    display: none;
}

.ctl00_idServiceCompany {
    font: Sans-serif;
    font-size: 14pt;
}

.ctl00_idCompanyName {
    font: Calibri;
    font-size: 14pt;
}

.ViewSelectorControl {
    display: none;
}

/*----------------------------*/
/* MENU FORMAT                */
/*----------------------------*/
.RadMenu_Default, .RadMenu_Default a.rmLink {
    font-size: 13px !important;
    cursor: pointer !important;
}

.RadMenu_Office2010Black, .RadMenu_Office2010Black a.rmLink {
    font-size: 13px !important;
    cursor: pointer !important;
}

.RadMenu .rmItem {
    margin: 1px 1px 1px 1px !important;
}

.RadMenu ul.rmVertical .rmItem {
    margin: 1px 1px 1px 1px !important;
}



.RadMenu_WebBlue, .RadMenu_WebBlue a.rmLink {
    font-size: 13px !important;
    cursor: pointer !important;
}

/*----------------------------*/
/* USER DEFINED BUTTON FORMAT */
/*----------------------------*/

table.DataView tr.ActionButtonsRow td button {
}

RadButton RadButton_Default rbSkinnedButton {
}

.RadButton, .rbDecorated {
   font-family:'Inder', sans-serif !important;
    width: 85px !important;
}

table.DataView tr.ActionButtonsRow td .btn {
    width: 85px;
    margin-right: 4px;
    margin-left: 4px;
   font-family:'Inder', sans-serif;
    font-size: 8.5pt;
    height: 22px;
    color: Black;
}

/*----------------------*/
/* WINDOW ITEMS         */
/*----------------------*/
.RadWindow_WebBlue .rwIcon {
    display: none!important;
}

/*----------------------*/
/* RICH TEXT EDITOR     */
/*----------------------*/
iframe.FieldEditor {
    width: 100% !important;
    height: 400px !important;
}

/*----------------------*/
/* DATA TABLES          */
/*----------------------*/
td.Fields table.FieldWrapper div.Header {
    width: 250px !important;
}

td.Fields table.FieldWrapper td.Item.ReadOnly div.Item {
    width: 100% !important;
}

table.DataView tr.InfoRowAqua td {
    background-color: Aqua;
    padding: 5px;
    border-right: solid 1px silver;
    border-left: solid 1px silver;
}

table.DataView tr.InfoRowChartreuse td {
    background-color: #77FF00;
    padding: 5px;
    border-right: solid 1px silver;
    border-left: solid 1px silver;
}

table.DataView tr.InfoRowRed td {
    background-color: Red;
    padding: 5px;
    border-right: solid 1px silver;
    border-left: solid 1px silver;
}

table.DataView tr.InfoRowWhiteSmoke td {
    background-color: #F5F5F5;
    padding: 5px;
    border-right: solid 1px silver;
    border-left: solid 1px silver;
}

table.DataView tr.InfoRowHeader td {
    font-family:'Inder', sans-serif;
    font-size: 8.5pt;
    color: #696969;
    background-color: #C0C0C0;
    padding: 5px;
    border-right: solid 1px silver;
    border-left: solid 1px silver;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Group span.Clear {
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 12px;
    display: block;
}

div.HiddenLabel .Header {
    display: none;
}

div.HiddenLabel .Item {
    font-weight: bold;
    margin-left: -8px;
}

table.DataView tr.AggregateRow td.Aggregate {
    background-color: #FFFFFF;
    border-top: dashed 1px silver;
    border-bottom: none;
    padding: 3px;
    cursor: default;
    /*color: #696969;*/
    color: Navy;
    white-space: nowrap;
    font-size: large;
}

/*----------------------*/
/* CALENDAR             */
/*----------------------*/

#calendar {
    width: 900px;
    margin: 0 auto;
}

/*----------------------*/
/* PAGE FORMAT          */
/*----------------------*/

.NewBenefit .TopButtonsRow {
    display: none;
}

.SAL_CalculatorNovated_createForm1 .TopButtonsRow {
    display: none;
}

.DashboardPopUpMenu {
    font-size: x-small;
    font: Tahoma;
}

.NameSize {
    font-family:'Inder', sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: black;
}

.StatusActive {
    font-family:'Inder', sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: green;
}

.StatusNonActive {
    font-family:'Inder', sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: red;
}

.Exempt {
    font-family: 'Inder', sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: dodgerblue;
}

/*----------------------*/
/* NUMERIC FORMAT       */
/*----------------------*/

.CurrencyAmount {
    text-align: right;
}

/*----------------------*/
/* DATE FORMAT          */
/*----------------------*/

.DateDescription {
    text-align: center;
}

/*----------------------*/
/* BUTTONS AND LINKS    */
/*----------------------*/

.button_expand {
    font-size: xx-small;
    cursor: pointer;
}

/*----------------------*/
/* AJAX EDITOR          */
/*----------------------*/

.ajax__htmleditor_editor_bottomtoolbar {
    display: none;
}

.ajax__htmleditor_editor_container {
    border-collapse: collapse;
    border-collapse: separate;
    height: 100%;
    width: 100%;
}

/*----------------------*/
/* TEXT FORMAT          */
/*----------------------*/

.FormatAmount {
    text-align: right;
}

.FormatHeading {
    font-size: 14px;
}

.FormatFormView {
    width: 100%;
    vertical-align: top;
}

/*----------------------*/
/* PAGE ICONS           */
/*----------------------*/
.UploadPage img.PageLogo {
    background-image: url(../_Shared/Page_Upload.png);
}

.EmailPage img.PageLogo {
    background-image: url(../_Shared/Page_Email.png);
}

.SalaryPage img.PageLogo {
    background-image: url(../_Shared/Page_Salary.png);
}

.CompanyPage img.PageLogo {
    background-image: url(../_Shared/Page_Company.png);
}

.BankPage img.PageLogo {
    background-image: url(../_Shared/Page_Bank.png);
}

.FleetPage img.PageLogo {
    background-image: url(../_Shared/Page_Fleet.png);
}

.ReportPage img.PageLogo {
    background-image: url(../_Shared/Page_Report.png);
}

.HistoryPage img.PageLogo {
    background-image: url(../_Shared/Page_History.png);
}

.HomePageIcon img.PageLogo {
    background-image: url(../_Shared/Page_Home.png);
}

.CalendarPage img.PageLogo {
    background-image: url(../_Shared/Page_Events.png);
}

/*----------------------*/
/* ICONS                */
/*----------------------*/

.BankLargeIcon {
    background-image: url(../_Shared/BankLarge.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.BankIcon {
    background-image: url(../_Shared/Bank.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.SalaryLargeIcon {
    background-image: url(../_Shared/SalaryLarge.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.SalaryIcon {
    background-image: url(../_Shared/Salary.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.SuspendIcon {
    background-image: url(../_Shared/Suspend.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.PauseIcon {
    background-image: url(../_Shared/StatusLock.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.ChartIcon {
    background-image: url(../_Shared/Graph.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.PayPeriodIcon {
    background-image: url(../_Shared/PayPeriod.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.PayPeriodLargeIcon {
    background-image: url(../_Shared/PayPeriodLarge.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.EvidenceIcon {
    background-image: url(../_Shared/Evidence.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.HUSEligibleIcon {
    background-image: url(../_Shared/Import.png);
    /*background-repeat: no-repeat;*/
    background-position: 2px center;
}

.CertificateIcon {
    background-image: url(../_Shared/Certificate.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.CertificateLargeIcon {
    background-image: url(../_Shared/CertificateLarge.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.PDFIcon {
    background-image: url(../_Shared/pdf.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.PDFLargeIcon {
    background-image: url(../_Shared/PDFLarge.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.XLSIcon {
    background-image: url(../_Shared/xls.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.XLSLargeIcon {
    background-image: url(../_Shared/XLSLarge.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.PaymentTypeIcon {
    background-image: url(../_Shared/PaymentType.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.PaymentTypeLargeIcon {
    background-image: url(../_Shared/PaymentTypeLarge.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.CopyLargeIcon {
    background-image: url(../_Shared/CopyLarge.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.CopyIcon {
    background-image: url(../_Shared/Copy.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.ContactsIcon {
    background-image: url(../_Shared/Contacts.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.AboutIcon {
    background-image: url(../_Shared/About.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.StatusLockLargeIcon {
    background-image: url(../_Shared/StatusLockLarge.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.StatusLockIcon {
    background-image: url(../_Shared/StatusLock.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.StatusOpenLargeIcon {
    background-image: url(../_Shared/StatusOpenLarge.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.StatusOpenIcon {
    background-image: url(../_Shared/StatusOpen.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.LeaseIcon {
    background-image: url(../_Shared/Lease.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.LeaseLargeIcon {
    background-image: url(../_Shared/LeaseLarge.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.ActiveLargeIcon {
    background-image: url(../_Shared/ActiveLarge.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.ActiveIcon {
    background-image: url(../_Shared/Active.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.NotepadLargeIcon {
    background-image: url(../_Shared/NotepadLarge.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.NotepadIcon {
    background-image: url(../_Shared/Notepad.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
}

/*--------------*/
/* MENU CHANGES */
/*--------------*/

div.PageMenuBar {
    height: 5px !important;
}

/*----------------------*/
/* BODY HEADER CHANGES  */
/*----------------------*/
table#PageBody tr td#PageHeaderSideBar {
    width: 40px;
}

    table#PageBody tr td#PageHeaderSideBar img {
        width: 110px;
    }

div#PageFooterBar {
    padding-left: 15px;
    border-bottom: 1px solid #cdddf2;
}

table#PageBody tr td#PageContentSideBar {
    display: none;
    /*background-color: #83B0EC;*/
    /*background-image: none;*/
}

.Standard table#PageBody tr td#PageContentRightSide, .Standard table#PageBody tr td#PageFooterRightSide {
    display: none;
}

.Standard table#PageBody tr td#PageContentLeftSide, .Standard table#PageBody tr td#PageFooterLeftSide {
    display: none;
}

/*----------------------*/
/* PARAGRAPH CHANGES    */
/*----------------------*/

.ParaInfoHeader {
   font-family:'Inder', sans-serif;
    font-size: 8.5pt;
    color: #93450D;
    padding: 0px 0px 4px 0px;
}

/*----------------------*/
/* DATA VIEW CHANGES    */
/*----------------------*/

table.DataView tr.CategoryRow td.FieldsLeft {
    background-color: White;
    border-top: solid 1px silver !important;
    border-bottom: solid 2px silver !important;
    padding: 8px;
}

table.DataView tr.CategoryRow td.Fields {
    width: 75%;
    background-color: #F0F0F0;
    border-top: solid 1px silver !important;
    border-bottom: none !important;
    padding: 8px;
}

/*--------------------*/
/*--------------------*/

.ModalPlaceholder {
    box-shadow: none !important;
}

table.DataView tr.ActionButtonsRow td button {
     font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #6f9dd9;
  padding: 8px 16px 8px 16px;
  text-decoration: none;
  border:none;
  cursor:pointer;
    width: 85px;
    height: 30px;
    /*display: inline-block;
    *border-left: 1px none #6F9DD9;
    border-right: 1px none #6F9DD9;
    border-top: 0 none #6F9DD9;
    border-bottom: 0 none #6F9DD9;
    border-color:#6F9DD9;
    display: inline;
    *margin-left: 4px;
    font-size: 9.5pt;
    line-height: 20px;
    width: 85px;
    height: 30px;
    color: black;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-repeat: repeat-x;
    *-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    *;*/
}

    table.DataView tr.ActionButtonsRow td button:hover,
    table.DataView tr.ActionButtonsRow td button:active {
        /*color: #333333;
        background-color: #e6e6e6;

        *background-color: #d9d9d9;*/
          background: #f5b15d;
  text-decoration: none;
    }

    table.DataView tr.ActionButtonsRow td button:hover,
    table.DataView tr.ActionButtonsRow td button:focus {
        /*color: #333333;
        text-decoration: none;
        background-position: 0 -15px;*/
          background: #f5b15d;
  text-decoration: none;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }

    table.DataView tr.ActionButtonsRow td button:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

.buttonClass {
    font-family: Arial !important;
    color: #ffffff;
    font-size: 12px !important;
    background: #6f9dd9;
    padding: 8px 16px 8px 16px !important;
    text-decoration: none !important;
    border:none !important;
    cursor:pointer;
    width: 85px !important;
    height: 30px !important;
}

.buttonClass:hover, buttonClass:focus {
    background: #f5b15d !important;
    text-decoration: none !important;
    -webkit-transition: background-position 0.1s linear !important;
    -moz-transition: background-position 0.1s linear !important;
    -o-transition: background-position 0.1s linear !important;
    transition: background-position 0.1s linear !important;
}

buttonClass:focus {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px !important;
}

buttonClass:disabled, buttonClass[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    /*Button disabled - CSS color class*/
    color: #c0c0c0;
    background-color: #ffffff !important;
}

body form {
    margin: 0;
}