body {
  font-family: Arial;
  font-size: 10pt;
  background-color: #e9e9e9;
  padding-top: 50px;
}

div.divGrayOut
{
    background: #e9e9e9;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}

/* ----- Login Page Items -----*/
div.divLoginBoxWrapper
{
    padding-top: 70px;
    padding-bottom: 170px;
    margin: 0 auto;
    max-width: 450px;
}

div.divLoginBox table
{
    width: 100%;
}

div.divLoginBox td
{
    padding: 4px;
}

div.divLoginMsg
{
    padding: 20px;
    color: #990000;
}

div.divLoginDisclaimer {
    font-size: 9pt;
    color: #555;
    margin: 10px;
}

div.divLoginMaxAttemptsDisclaimer {
    font-size: 9pt;
    color: #990000;
    margin: 10px;
}

/* ----- Nav Bar ----- */
.navbar-base-navs
{
    float: right;
    margin: 27px 0 0 0;
}

.nav
{
    padding: 0 0 0 35%;
    height: 58px;
}

.navbar-base {
    background-position-x: center;
    background-repeat: no-repeat;
    border-bottom: solid 2px #555;
    background-color: #e9e9e9;
    height: 58px;
    vertical-align: middle;
}

.navbar-brand
{
    padding: 8px 0 0 0px;
    height: 45px;
}

.navbar-base
{
    color: #9d9d9d;
}

    .navbar-base .navbar-text
    {
        color: #9d9d9d;
    }

    .navbar-base .navbar-nav > li > a
    {
        color: #444;
    }

        .navbar-base .navbar-nav > li > a:hover,
        .navbar-base .navbar-nav > li > a:focus {
            color: #444;
            background-color: transparent;
        }

    .navbar-base .navbar-nav > .active > a,
    .navbar-base .navbar-nav > .active > a:hover,
    .navbar-base .navbar-nav > .active > a:focus {
        color: #444;
        background-color: #080808;
    }

    .navbar-base .navbar-nav > .disabled > a,
    .navbar-base .navbar-nav > .disabled > a:hover,
    .navbar-base .navbar-nav > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }

    .navbar-base .navbar-toggle {
        border-color: #444;
    }

        .navbar-base .navbar-toggle:hover,
        .navbar-base .navbar-toggle:focus
        {
            background-color: #333;
        }

        .navbar-base .navbar-toggle .icon-bar
        {
            background-color: #555;
        }

    .navbar-base .navbar-collapse,
    .navbar-base .navbar-form
    {
        border-color: #fff;
    }

    .navbar-base .navbar-nav > .open > a,
    .navbar-base .navbar-nav > .open > a:hover,
    .navbar-base .navbar-nav > .open > a:focus
    {
        color: #fff;
        background-color: #182857;
    }

@media (max-width: 767px)
{
    .navbar-base .navbar-nav .open .dropdown-menu > .dropdown-header
    {
        border-color: #080808;
    }

    .navbar-base .navbar-nav .open .dropdown-menu .divider
    {
        background-color: #080808;
    }

    .navbar-base .navbar-nav .open .dropdown-menu > li > a
    {
        color: #9d9d9d;
    }

        .navbar-base .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-base .navbar-nav .open .dropdown-menu > li > a:focus
        {
            color: #fff;
            background-color: transparent;
        }

    .navbar-base .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-base .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-base .navbar-nav .open .dropdown-menu > .active > a:focus
    {
        color: #fff;
        background-color: #080808;
    }

    .navbar-base .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-base .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-base .navbar-nav .open .dropdown-menu > .disabled > a:focus
    {
        color: #444;
        background-color: transparent;
    }
}

.navbar-base .navbar-link
{
    color: #9d9d9d;
}

    .navbar-base .navbar-link:hover
    {
        color: #fff;
    }

.navbar-base .btn-link
{
    color: #9d9d9d;
}

    .navbar-base .btn-link:hover,
    .navbar-base .btn-link:focus
    {
        color: #fff;
    }

    .navbar-base .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-base .btn-link:hover,
    .navbar-base .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-base .btn-link:focus
    {
        color: #444;
    }


@media (max-width: 1000px)
{
    .navbar-header
    {
        float: none;
    }

    .navbar-toggle
    {
        display: block;
    }

    .navbar-collapse
    {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse
        {
            display: none !important;
        }

    .navbar-nav
    {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li
        {
            float: none;
        }

            .navbar-nav > li > a
            {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .navbar-text
    {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in
    {
        display: block !important;
    }

    .collapsing
    {
        overflow: hidden !important;
    }
}


div.divAppMain 
{
    width: 1320px;
    margin: 0 auto 5px auto;
    background-color: white;
    box-shadow: 4px 2px 4px #999, -4px 2px 4px #999;
}

div.divAppMainLogin {
    width: 85%;
    max-width: 1320px;
    margin: 0 auto 5px auto;
    background-color: white;
    box-shadow: 4px 2px 4px #999, -4px 2px 4px #999;
}

div.divAppHeader
{
  background-color: #143d80;
  width: 1320px;
  height: 60px;
}

div.divAppTopNavs
{
  background-color: #d1d1d1;
  padding: 5px;
}

div.divAppFooter
{
    background-color: #555;
    width: 1320px;
    height: 40px;
    color: white;
    text-align: center; 
    line-height: 40px;
}

div.divAppFooterLogin {
    background-color: #555;
    width: 100%;
    
    height: 40px;
    color: white;
    text-align: center;
    line-height: 40px;
}

span.spanAppFooter
{
    padding-right: 40px;
}

div.divTaskBar
{
    border-bottom: solid 1px #d1d1d1;
    white-space: nowrap;
    overflow: hidden;
}

div.divGreeting
{
    font-size: 10pt;
    color: #555;
    padding: 3px 0 3px 0px;
}

div.divMyRecents
{
    display: inline-block;
    width: 55%;
    font-size: 10pt;
    color: #555;
    padding: 3px 20px 3px 0;
    text-align: right;
}

div.divMyStatus
{
    display: inline-block;
    width: 150px;
    padding: 15px 0 0 5px;
    font-size: 10pt;
    color: white;
    text-align: left;
    cursor: pointer;
}

div.divWorkingStatusColorBlock
{
    width: 25px;
    height: 10px;
    display: inline-block;
}

div.divWorkingStatusColorText
{
    display: inline-block;
    padding: 0 0 0 5px;
    color: #555;
}

div.divChangeWorkingStatusBox
{
    position: absolute;
    width: 150px;
    padding: 15px;
    border: solid 1px #c1c1c1;
    left: -1800px;
    top: -1800px;
    background-color: white;
    z-index: 9900;
}

div.divFormArea1
{
    width: 1290px;
    margin: 0px 15px 15px 15px;
    padding: 20px 0 0 0;
}

/* ----- RapidFormBuilder ----- */
table.tblRapidFormBuilder
{
    border-collapse: collapse;
}

td.tdRFB_CH
{
    padding: 3px 8px 3px 8px;
    font-size: 9pt;
    background-color: #999;
    color: white;
    font-weight: bold;
}

td.tdRFB_Item
{
    padding: 3px 8px 3px 8px;
    font-size: 9pt;
    border-bottom: solid 1px #999;
    color: #555;
}

/* ----- PopUpForm -----*/
div.divPopUpForm
{
    position: absolute;
    z-index: 9120;
    border: solid 2px #999;
    padding: 15px;
    border-radius: 8px;
    background-color: white;
    width: 875px;
    left: -1800px;
    top: -1800px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{
    border: 1px solid #222;
    background: #555;
    font-weight: normal;
    color: #fff;
}

/* ----- Default Header ----- */
div.divDefaultHeaderWrapper
{
    border-bottom: solid 1px #999;
    padding: 0 0 5px 0;
    margin: 0 0 3px 0;
}

td.tdDefaultHeaderImageBlock
{
    padding: 0 7px 0 0;
}

td.tdDefaultHeaderTitle
{
    color: #555;
    font-size: 15pt;
    vertical-align: bottom;
}

div.divDefaultSearchControls
{
    display: inline-block;
    margin: 0 8px 0 0;
}
    div.divDefaultSearchControls input[type=text]
    {
        font-size: 8pt;
        border: solid 1px #999;
        padding: 2px 2px 2px 8px;
        border-radius: 8px;
        margin: 0 7px 0 0;
        width: 80px;
        height: 15px;
    }

    div.divDefaultSearchControls a
    {
        margin: 0 4px 0 4px;
    }

div.divSubLabel
{
    font-size: 8pt;
    font-weight: normal;
    margin: 0 0 0 8px;
    color: #999;
}

td.tdDefaultListControls
{
    color: #555;
    font-size: 7pt;
    text-align: right;
    padding: 0 10px 0 0;
    vertical-align: bottom;
}

.spDefaultListCount
{
    margin: 0 0 0 10px;
    font-size: 9pt;
    font-weight: bold;
}

/* ----- App Yes/No Box ----- */
div.divAppMessageBox
{
    position: absolute;
    z-index: 100;
    border: solid 2px #999;
    padding: 15px;
    border-radius: 8px;
    background-color: white;
    width: 500px;
}

div.divAppMessageTitleWrapper
{
    width: 470px;
    border-bottom: solid 1px #999;
    padding: 0 0 8px 0;
}

div.divAppMessageIcon
{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 7px 0 0;
}

div.divAppMessageTitle
{
    display: inline-block;
    color: #9e0b0f;
    font-size: 18pt;
    width: 350px;
    height: 43px;
    padding: 7px 0 0 0;
    vertical-align: middle;
}

div.divAppMessageText
{
    font-size: 10pt;
    color: #555;
    padding: 15px;
}

div.divAppMessageButtonsWrapper
{
    width: 470px;
    text-align: center;
}

div.divAppYesButton
{
    width: 85px;
    padding: 8px;
    color: white;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    background-color: #598527;
    cursor: pointer;
    display: inline-block;
    margin: 0 8px 0 0;
}

div.divAppNoButton
{
    width: 85px;
    padding: 8px;
    color: white;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    background-color: #555;
    cursor: pointer;
    display: inline-block;
}

div.divAppMessageMessageBox
{
    font-size: 9pt;
    color: #555;
    padding: 15px;
    text-align: center;
}


/* ----- App Yes/No Box ----- */
div.divAppYesNoBox
{
    position: absolute;
    z-index: 100;
    border: solid 2px #999;
    padding: 15px;
    border-radius: 8px;
    background-color: white;
    width: 500px;
}

div.divAppYesNoTitleWrapper
{
    width: 470px;
    border-bottom: solid 1px #999;
    padding: 0 0 8px 0;
}

div.divAppyesNoIcon
{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 7px 0 0;
}

div.divAppYesNoTitle
{
    display: inline-block;
    color: #D06900;
    font-size: 18pt;
    width: 350px;
    height: 43px;
    padding: 7px 0 0 0;
    vertical-align: middle;
}

div.divAppYesNoText
{
    font-size: 10pt;
    color: #555;
    padding: 15px;
}

div.divAppYesNoButtonsWrapper
{
    width: 470px;
    text-align: center;
}

div.divAppYesButton
{
    width: 85px;
    padding: 8px;
    color: white;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    background-color: #598527;
    cursor: pointer;
    display: inline-block;
    margin: 0 8px 0 0;
}

div.divAppNoButton
{
    width: 85px;
    padding: 8px;
    color: white;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    background-color: #555;
    cursor: pointer;
    display: inline-block;
}

div.divAppYesNoMessageBox
{
    font-size: 9pt;
    color: #555;
    padding: 15px;
    text-align: center;
}
/* ----- Lists -----*/
div.divHeaderTextBlock
{
    font-size: 9pt;
    margin: 5px 0 5px 5px;
}

table.tblDefault
{
    border-collapse: collapse;
}

td.tdLH_Default
{
  background-color: #555;
  color: white;
  padding: 3px;
  font-size: 12pt;
  border-bottom: solid 1px white;

}

td.tdDefault_StandardColumn_CH
{
  background-color: #777;
  color: white;
  padding: 3px 3px 3px 3px;
  font-size: 9pt;
}

td.tdDefault_StandardColumn_CH a:link
{
  text-decoration: none;
  color: #fff;
}

td.tdDefault_StandardColumn_CH a:visited
{
  text-decoration: none;
  color: #fff;
}

td.tdDefault_StandardColumn_CH a:active
{
  text-decoration: none;
  color: #999;
}

td.tdDefault_StandardColumn_CH a:hover
{
  text-decoration: none;
  color: #999;
}

div.divListHeaderLinks
{
    font-size: 8pt;
    margin: 4px 0 4px 0;
}

td.tdPageNums_Default {
    padding: 2px 0 4px 6px;
    font-size: 9pt;
}

td.tdDefault_StandardColumn {
    padding: 3px 8px 3px 3px;
    font-size: 9pt;
    border-bottom: solid 1px #999;
}

td.tdDefault_StandardColumnNoWrap_CH
{
    background-color: #777;
    color: white;
    padding: 3px 3px 3px 3px;
    font-size: 9pt;
}

td.tdDefault_StandardColumnNoWrap_CH a:link
{
    text-decoration: none;
    color: #fff;
}

td.tdDefault_StandardColumnNoWrap_CH a:visited
{
    text-decoration: none;
    color: #fff;
}

td.tdDefault_StandardColumnNoWrap_CH a:active
{
    text-decoration: none;
    color: #999;
}

td.tdDefault_StandardColumnNoWrap_CH a:hover
{
    text-decoration: none;
    color: #999;
}

td.tdDefault_StandardColumnNoWrap
{
    padding: 3px 8px 3px 3px;
    font-size: 9pt;
    border-bottom: solid 1px #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90px;
}

/* ----- Forms -----*/
div.divHR_Default
{
    border-top: solid 1px #555;
}

div.divSectionHeading_Default
{
  color: white;
  font-size: 9pt;
  font-weight: bold;
  padding: 2px 2px 2px 9px;
  background-color: #555;
  border-radius: 9px;

}

div.divListBlock_Default
{
    margin: 8px 0 8px 0;
}

div.divList_Default_ExpandCollapseBar
{
    background: linear-gradient(to bottom, #777 0%,#555 100%);
    color: white;
    font-size: 10pt;
    font-weight: bold;
    padding: 3px;
    margin: 2px 0 2px 0;
    cursor: pointer;
}

div.divList_Default_ExpandCollapseWrapper
{
    display: none;
}

span.spList_Default_ExpandCollapseCount
{
    font-size: 8pt;
    font-weight: normal;
}

div.divFormLabel_Default
{
    padding: 2px;
    text-align: right;
    color: #555;
    font-size: 8pt;
    font-weight: bold;
}

div.divFormElement_Default
{
  padding: 2px;
  text-align: left;
}

      div.divFormElement_Default input[type=text]
      {
        font-size: 8pt;
        border: solid 1px #999;
        padding: 2px 2px 2px 6px;
        border-radius: 6px;
      }

    div.divFormElement_Default input[type=password]
    {
        font-size: 9pt;
        border: solid 1px #999;
        padding: 2px 2px 2px 8px;
        border-radius: 8px;
    }

    div.divFormElement_Default input[type=radio]
    {
        font-size: 9pt;
        margin: 2px 2px 2px 8px;
    }

    div.divFormElement_Default input[type=checkbox] {
        font-size: 9pt;
        margin: 2px 2px 2px 15px;
    }

  div.divFormElement_Default select
  {
    font-size: 9pt;
    border: solid 1px #999;
    padding: 2px 2px 2px 8px;
    border-radius: 8pt;
  }

div.divFormButtonsGroup_Default
{
  text-align: center;
  margin: 8px 0 8px 0;
}

  div.divFormButtonsGroup_Default div
  {
    width: 110px;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    background-color: #777;
    color: white;
    cursor: pointer;
    display: inline-block;
    margin: 0 8px 0 0;
  }

    div.divFormButtonsGroup_Default div:hover
    {
      background-color: #a1a1a1;
    }

div.divSendWelcomeEmailLink
{
    width: 100%;
    text-align: right;
    padding: 4px 10px 4px 0;
}

/* ----- My Upload Box -----*/
div.divMyUploadBox {
    position: absolute;
    z-index: 9121;
    border: solid 2px #999;
    padding: 15px;
    border-radius: 8px;
    background-color: white;
    width: 455px;
    left: -1800px;
    top: -1800px;
}