body, p, div, table, td, input {
    font-family: 'Open Sans', sans-serif;
}

::-webkit-scrollbar { 
    display: none; 
}

.esfformview {
    vertical-align: middle;
}

.fieldLabel {
    color: #404040;
    font-weight: bold;
}

td.fieldLabel {
    padding-right: 6px;
    margin-top: 4px;
}

.sensitiveData {
    cursor: pointer;
}

.sensitiveData:hover {
    text-decoration: underline;
}

body {
    padding: 0;
    margin: 0;
    background: url(Images/Cinci_Skyline2.jpg) no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;

}

legend {
    font-weight: bold;
    color: #404040;
}

TD.wrapText {
    white-space: normal !important;
}


/* This allows for HyperLinkColumns to display as blue always, and can also extend
   to other instances as needed */
a.staticLink {
    color: #007B94;
}

/* This to hide the trace content */
span.tracecontent {
    display: none;
}

/* -------------------
   Master Table
*/
.masterTable {
    background-color: white;
    width: 960px;
    margin: auto;
    background-image: url(../Images/stripe_bg.png);
    border-bottom: solid 2px #404040;
    border-top: solid 2px #404040;
    border-left: solid 2px #404040;
    border-right: solid 2px #404040;
}

.termsAndConditions {
    background-color: white;
    width: 600px;
    background-image: url(../Images/stripe_bg.png);
    border-bottom: solid 2px #404040;
    border-top: solid 2px #404040;
    border-left: solid 2px #404040;
    border-right: solid 2px #404040;
}

.masterTable_design {
    width: 959px;
    background-color: white;
    background-image: url(../Images/stripe_bg.png);
    border-bottom: solid 2px rgb(64, 64, 64);
    border-top: solid 2px rgb(64, 64, 64);
    border-left: solid 2px rgb(64, 64, 64);
    border-right: solid 2px rgb(64, 64, 64);
}

/* This allows items to be 'hidden' at design time */
    .masterTable_design .hidden {
    position: absolute;
    left: -1000px;
    top: -1000px;
}

/* -------------------
   Site Map
*/
.siteMapContent {
    padding: 3px 3px 4px 7px;
    border-bottom: 1px solid #CCDDFF;
    background-color: #F7F7F7;
}

/* -------------------
   Error Panels
*/
.errorPanelErrors, .errorPanelWarnings, .errorPanelInformation {
    margin: 10px 10px 10px 0px;
    padding: 10px 15px 8px 10px;
    font-weight: bold;
    border-radius: 3px;
}

    .errorPanelErrors img, .errorPanelWarnings img, .errorPanelInformation img {
        margin-top: -2px;
        padding-right: 4px;
}

    .errorPanelErrors ul, .errorPanelWarnings ul, .errorPanelInformation ul {
    margin-left: 25px;
    margin-bottom: 0px;
}

.errorPanelErrors {
    border: 2px solid #FF8C8C;
    background-color: #FFECEC;
    color: Red;
}

.errorPanelErrorsNoMaster {
    border-top: 2px solid #FF8C8C;
}

.errorPanelWarnings {
    border: 2px solid #FFDB6C;
    background-color: #FFF8E3;
    color: #F09E00;
}

.errorPanelInformation {
    border: 2px solid #86BE85;
    background-color: #F3FFF4;
    color: #0F830C;
}

.errorPanelWrapper {
    margin-left: -10px;
    margin-right: -10px;
    border-right: 1px solid #B3B3B3;
    border-left: 1px solid #B3B3B3;
    background-color: rgb(240, 240, 240);
}

.errorPanelMessageHangingIndent {
    padding-left: 9px;
    text-indent: -9px;
}

@media screen and (min-width:767px) and (max-width:991px) {

    /* Do not float information on login page */
    .errorPanelInformationNoMaster .errorPanelInformation {
        position: static;
        width: auto;
    }

    .errorPanelInformation {
        /* remove position:absolute to have it appear in-line like normal */
        position: fixed;
        z-index: 100;
        top: 27px;
        left: 12%;
        width: 76%;
    }
}

/* xs and smaller*/
@media screen and (max-width:767px) {
    .errorPanelWrapper {
        top: 0px;
        margin-top: -21px;
        padding-bottom: 12px;
    }

    /* Do not float information on login page */
    .errorPanelInformationNoMaster .errorPanelInformation {
        position: static;
        width: auto;
    }

    .errorPanelInformation {
        /* remove position:absolute to have it appear in-line like normal */
        position: fixed;
        z-index: 100;
        top: 0px;
        left: 5%;
        width: 90%;
    }
}


.masterTable_design .errorPanelErrors, .masterTable_design .errorPanelInformation, .masterTable_design .errorPanelWarnings {
    position: absolute;
    left: -1000px;
}

/* -------------------
   Main Content

    position: absolute;
    left: -1000px;
}*/

/* -------------------
   Main Content
*/
.mainContent {
    padding: 0px 12px 12px 12px;
}

    .mainContent td {
    white-space: nowrap;
    vertical-align: top;
}

    .mainContent th {
    white-space: normal;
}

/* -------------------
   Footer
*/

#clientInfo {
    margin: 0;
    border-top: solid 1px rgb(86, 157, 38);
    background-color: rgb(108, 196, 47);
    height: 20px;
}

    #clientInfo td {
    color: White;
    font-size: 10px;
}

        #clientInfo td a {
    color: White;
}

    #clientInfo .lrsLogo {
    margin: 1px;
}

#footer {
    color: black;
    height: 24px;
    min-height: 24px;
    margin-top: 10px;
    /*background: rgb(100, 100, 100) url('Images/footerBlend.gif') repeat-x;*/
    margin-left: -16px;
    font-size: 10px;
    font-family: Verdana;
    padding-top: 4px;
}

    #footer td {
        color: black;
        font-size: 10px;
    }

    #footer a {
        color: black;
    }

#lrsLogo {
    margin: -1px 4px 1px 1px;
}

/* -------------------
   Message Trace
*/
#esfMessageTrace {
    width: 100%;
    border-collapse: collapse;
}

    #esfMessageTrace th {
    text-align: left;
    padding: 5px;
    background-color: rgb(80, 80, 80);
    color: White;
    border-bottom: 1px solid rgb(100, 100, 100);
}

    #esfMessageTrace td {
    padding: 2px 12px 2px 12px;
    text-align: left;
    font-size: 12px;
    border: 1px solid rgb(200, 200, 200);
}

    #esfMessageTrace div {
    font-size: 10px;
}

    #esfMessageTrace .messagePage {
    width: 100%;
}

    #esfMessageTrace .messageName {
    font-weight: bold;
}

    #esfMessageTrace .columnNames {
    font-weight: bold;
    background-color: rgb(230, 230, 230);
}

    #esfMessageTrace a {
    color: Blue;
}

    #esfMessageTrace .noMessages {
    font-style: italic;
    color: rgb(100, 100, 100);
}

.esfGridHeader th {
    margin-top: 4px;
    border: none;
    text-align: center;
}

.esfGridHeader a {
    color: #404040;
}

.esfGridPager td {
    padding: 0px 0px 1px 0px;
}

.esfGridView th input[type=checkbox] {
    margin-left: 4px;
}

.esfGridView {
}

    .esfGridView td {
        border-width: 0px !important;
        padding-left: 4px;
        overflow: hidden;
    }


.esfGridPagerLink {
    color: White;
}

.esfGridPagerPageSummary {
    color: White;
}

.deletePrompt {
    font-weight: bold;
    color: Red;
}

.updateProgressDiv {
    border: 2px solid #86BE85;
    background-color: #F3FFF4;
    color: #0F830C;
    margin: 10px 10px 10px 0px;
    padding: 10px 15px 8px 10px;
    font-weight: bold;
    border-radius: 3px;
}

.gridViewHeaderPadding {
    padding: 1 3 1 3;
    vertical-align: bottom;
}

hr {
    height: 1px;
    background: #4B3E38;
}

.loginPageButton {
    width: 100%;
}


@media screen and (max-width: 767px) {
    .loginPageButton {
        margin-top: 25px;
        height: 50px !important;
    }
}

@media screen and (min-width: 768px) {
    .loginButtonContainer {
        padding-left: 5px;
    }

    .passwordTextBoxContainer {
        padding-right: 0px;
    }
}

.enrollmentButton {
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .enrollmentButton {
        width: 100%;
        height: 50px !important;
        padding-top: 15px !important;
    }
}


.login {
    background-color: #FDF1D7;
    color: #423E3B;
    border-color: #B3B3B3;
    border-style: solid;
    border-width: 1px;
}


    .login hr {
    height: 1px;
    background: #4B3E38;
}

.loginHeader {
    height: 26px;
    background-color: #FCB827;
}

.loginContent {
    height: 214px;
}

    .loginContent td {
    background-color: #FDF1D7;
        padding-top: 4px;
}

.loginHeader td {
    border-bottom: solid 1px #B3B3B3;
    font-weight: bold;
    padding-left: 10px;
}

.loginControl {
    font-weight: bold;
    color: #423E3B;
}

.loginLinks {
    font-weight: 500;
    font-size: 80%;
    padding-top: 0;
    padding-bottom: 0;
    font-style: italic;
    margin: 4px;
}

.loginInfo {
    background-color: #F3F3F3;
    color: #423E3B;
    border-style: solid;
    border-width: 1px;
}

.loginInfoHeader {
    height: 26px;
    background-color: #B3B3B3;
}

    .loginInfoHeader td {
    border-bottom: solid 1px #FFFFFF;
    font-weight: bold;
        padding-left: 10px;
}

.loginInfoSubHeader {
    height: 26px;
    background-color: #D9D9D9;
}

    .loginInfoSubHeader td {
    border-bottom: solid 1px #B3B3B3;
    color: #221564;
    font-weight: bold;
        padding-left: 10px;
}

.loginInfoContent {
    height: 188px;
}

.loginMenuBar {
    background-color: #002355;
}

#masterMenuBar {
    background-color: transparent;
}

.sideNavigationMenuItems {
    color: #007B94;
}

legend {
    font-size: 18px;
    margin-top: 18px;
}

.help-block {
    font-size: 12px;
}

.headerBackground {
    background-color : transparent;
}

@media screen and (min-width: 768px) {
    .navContainer {
        margin-bottom: -15px;
    }
}