﻿body {
    font-family: "Open Sans",Arial, Helvetica, sans-serif;
    line-height: 22px;
    font-weight: normal;
    font-style: normal;
    background-color: #f1f0eb;
    color: #333333;
    font-size: 14px;
}

h1 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #092f87;
    line-height: 1.25;
    letter-spacing: normal;
    padding-top: 20px;
    text-transform: uppercase;
}

h5 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #092f87;
    padding-top: 0px;
    line-height: 1.25;
    letter-spacing: normal;
}


a, a:active, a:visited {
    color: #7ca66d;
}

    a:hover, a:visited:hover {
        color: #7ca66d;
        text-decoration: underline;
    }

.no-text-decoration {
    text-decoration: none;
}

.smaller-hyperlink {
    font-size: smaller;
}

.error-message {
    color: red;
    font-weight: bold;
}

    .error-message a, .error-message a:active, .error-message a:visited {
        color: red;
        font-weight: bold;
        text-decoration: none;
    }

        .error-message a:hover, .error-message a:visited:hover {
            color: red;
            font-weight: bold;
            text-decoration: underline;
        }

.validation-message {
    color: red;
    font-weight: normal;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-top-left {
    text-align: left;
    vertical-align: top;
}

.text-middle {
    vertical-align: middle;
}

.text-left-middle {
    text-align: left;
    vertical-align: middle;
}

.text-smaller {
    font-size: 80%;
}

.hidden-text {
    color: #fff;
}

.separator {
    height: 10px;
}

.double-separator {
    height: 20px;
}

.calendar-separator {
    height: 120px;
}

.section-heading {
    background: #7ca66d;
    color: #fff;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    padding: 5px;
}

.sub-heading {
    background: #7ca66d;
    color: #fff;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    padding: 10px 5px 8px 10px;
}

.label-separator {
    height: 35px;
}

.white-background {
    background: #fff;
}

.icon-max-dimensions {
    max-height: 128px;
    max-width: 128px;
}

select:focus::-ms-value {
    background: #4fb2d8;
    color: #fff;
}

::selection, -moz::selection {
    background-color: #4fb2d8;
    color: #fff;
}

header {
    background-color: #fff;
}

    header img {
        min-height: 62px;
    }

    header h2 {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 5px;
        color: #092f87;
        line-height: 1.25;
        letter-spacing: normal;
    }

    header h4 {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 0px;
        color: #092f87;
        padding-top: 0px;
        line-height: 1.25;
        letter-spacing: normal;
    }

    header a,
    header a:visited,
    header a:hover,
    header a:visited:hover,
    header a:active {
        color: #fff;
        text-decoration: none;
    }

    header hr {
        border-width: 0;
        border-top: 1px solid #ddd;
    }


footer {
    background-color: #7ca66d;
    color: #fff;
}


    footer a, footer a:active, footer a:visited {
        color: #fff;
        text-decoration: none;
    }

        footer a:hover, footer a:visited:hover {
            color: #fff;
            text-decoration: none;
        }

    footer p {
        font-size: 11px;
        margin-bottom: 10px;
    }

.copyright {
    background: #092f87;
    color: #fff;
    padding: 15px;
    text-align: center;
}

table, form {
    margin-bottom: 0px;
}

.shaded-background {
    background-color: #010342;
}

.fa-button {
    border: none;
    margin-bottom: 0px;
    padding: 0px;
    margin-left: 7px;
    height: 30px;
    width: 10px;
}

.fa-white {
    color: #fff;
}

.input-inline input {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.input-inline label {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    padding-left: 15px;
    font-weight: normal;
}

.no-bottom-margin {
    margin-bottom: 0;
}

.sql-statement-text {
    color: #ccc;
    font-size: smaller;
}

.small-bottom-margin {
    margin-bottom: 1px;
}

.small-bottom-margin-email {
    margin-bottom: 2px;
}

.grid {
    border-color: #010342;
    border-style: solid;
    border-width: 1px;
}

    .grid table {
        margin-bottom: 0px;
    }

.grid-header {
    background-color: #8ec8e4;
    color: #fff;
    /*font-size: smaller;*/
    font-weight: normal;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

.grid-item {
    background-color: #fff;
    color: #010342;
    /*font-size: smaller;*/
    font-weight: normal;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

    .grid-item th,
    .grid-item td {
        padding: 5px;
    }

    .grid-item a,
    .grid-item a:visited,
    .grid-item a:hover,
    .grid-item a:visited:hover,
    .grid-item a:active {
        color: #010342;
    }

.grid-alternate-item {
    background-color: #eee;
    color: #010342;
    /*font-size: smaller;*/
    font-weight: normal;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

    .grid-alternate-item th,
    .grid-alternate-item td {
        padding: 5px;
    }

    .grid-alternate-item a,
    .grid-alternate-item a:visited,
    .grid-alternate-item a:hover,
    .grid-alternate-item a:visited:hover,
    .grid-alternate-item a:active {
        color: #010342;
    }

/* Menu */

.menu-link {
    text-decoration: none;
}

.menu-height {
    height: 45px;
    padding-top: 8px;
}

/* jQuery Widget Overrides */

.ui-widget {
    font-family: inherit;
    font-size: inherit;
}

.ui-widget-header {
    border: 1px solid #092f87;
    background: #092f87;
    color: #fff;
    font-weight: bold;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #092f87;
        background: #092f87;
        font-weight: bold;
        color: #fff;
    }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
        border: 1px solid #8ec8e4;
        background: #8ec8e4;
        font-weight: bold;
        color: #fff;
    }

.ui-widget .ui-widget {
    font-size: 0.8em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit;
    font-size: 1em;
}


.ui-dialog .ui-dialog-titlebar-close {
    display: none;
}

.ui-widget-overlay {
    background: #aaa;
    opacity: 0.4;
    filter: Alpha(Opacity=40);
}

/* Telerik Control Library Overrides */

@media (max-width: 768px) {

    .no-display-on-phone {
        display: none !important;
    }
}

/* RadTextBox */

html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {
    border-color: #010342;
    background: #fff;
    font-size: 1.2em !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    /*font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
    font-family: "Open Sans", Arial !important;
    color: #010342 !important;
}

.riSingle .riTextBox, .RadForm.rfdTextbox .riSingle input[type='text'].rfdDecorated {
    height: 2.83em !important;
}

/* RadDatePicker */

.RadInput_Default, .RadInputMgr_Default {
    font-size: 1.2em !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    /*font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
    font-family: "Open Sans", Arial !important;
}

html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {
    border-color: #010342;
    color: #010342;
    background-color: #fff;
    font-size: 1.2em !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    /*font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
    font-family: "Open Sans", Arial !important;
}

/* RadComboBox */

.RadComboBox_Default {
    font-size: .8em !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    /*font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
    font-family: "Open Sans", Arial !important;
    color: #222 !important;
}

    .RadComboBox_Default .rcbInput {
        font-size: .8em !important;
        line-height: 1.6 !important;
        font-weight: 400 !important;
        /*font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
        font-family: "Open Sans", Arial !important;
        color: #222 !important;
    }

/* RadGrid */

.RadGrid_MetroTouch, .RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgDetailTable, .RadGrid_MetroTouch .rgGroupPanel table, .RadGrid_MetroTouch .rgCommandRow table, .RadGrid_MetroTouch .rgEditForm table, .RadGrid_MetroTouch .rgPager table {
    font-size: inherit !important;
    font-family: inherit !important;
    color: #333333 !important;
}

    .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper, .RadGrid_MetroTouch .rgMultiHeaderRow th.rgHeader, .RadGrid_MetroTouch .rgMultiHeaderRow th.rgResizeCol {
        border: 0;
    }

    .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper {
        background-color: #7ca66d !important;
    }

        .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader a {
            color: #fff !important;
        }


.RadGrid_Default .rgMasterTable, .RadGrid_Default .rgDetailTable, .RadGrid_Default .rgGroupPanel table, .RadGrid_Default .rgCommandRow table, .RadGrid_Default .rgEditForm table, .RadGrid_Default .rgPager table {
    font-size: 1.2em !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    /*font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
    font-family: "Open Sans", Arial !important;
    color: #000 !important;
    margin-bottom: 0px;
}

    .RadGrid_Default .rgMasterTable .rgSelectedCell, .RadGrid_Default .rgSelectedRow {
        background: #010342 -3900px repeat-x url('WebResource.axd?d=Vvyi-1hDxiwjFsq3ky58Kk4MhR_8gSa5m4pN09ShtYUKOpeuclTqU1g60PO7XyqjJrzAfida6_zfM1VhfptdCunQTQ7BiPuKL8Gd9Lt8PUmxrgKhATh4ukyiXA10FZoRyc4_2AUNgp6-KkUifcZ_fgv2vEpgNwO6inO3ORRCU201&t=635881822400000000') !important;
        color: #fff !important;
    }

.RadGrid_Default .rgRow a, .RadGrid_Default .rgAltRow a, .RadGrid_Default .rgEditRow a {
    color: #000 !important;
}

    .RadGrid_Default .rgRow a:hover, .RadGrid_Default .rgAltRow a:hover, .RadGrid_Default .rgEditRow a:hover {
        color: #010342 !important;
    }

/* RadPanelBar */

.RadPanelBar_Default a.rpLink, .RadPanelBar_Default div.rpHeaderTemplate, .RadPanelBar_Default .rpTemplate {
    font-size: 1.2em !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    /*font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
    font-family: "Open Sans", Arial !important;
    color: #222 !important;
}

/* RadListBox */

.RadListBox_Default {
    font-size: 1em !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    /*font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
    font-family: "Open Sans", Arial !important;
    color: #222 !important;
}

.RadListBox .rlbList {
    padding: 10px !important;
}

.RadListBox .rlbItem {
    padding: 0px !important;
}

.RadListBox .rlbCheck, .RadListBox .rlbCheckAllItemsCheckBox {
    margin-right: 10px !important;
}

/* RadCaptcha */

.captcha-image {
    padding-bottom: 10px;
}

/* RadEditor */

.MetroTouch.RadEditor .reEditorModes a:focus, .MetroTouch.RadEditor .reEditorModes a:active, .MetroTouch.RadEditor a.reMode_selected, .MetroTouch.RadEditor a.reMode_selected:hover, .MetroTouch.reToolWrapper .reSplitButton.reTool:hover {
    background-color: #8ec8e4 !important;
    border-color: #8ec8e4 !important;
}

.MetroTouch.reToolbar li .reTool:hover, .MetroTouch.reToolbar li .reTool_selected, .MetroTouch.reToolbar li .reTool_selected.reTool_disabled:hover {
    background-color: #8ec8e4 !important;
    border-color: #8ec8e4 !important;
}

.MetroTouch.reDropDownBody {
    width: auto !important;
}

/* RadTabStrip */

.RadTabStrip_MetroTouch {
    font: inherit !important;
    line-height: 3 !important;
}

.RadTabStrip .rtsLI, .RadTabStripVertical .rtsLI {
    width: 150px !important;
}

.RadTabStripTop_MetroTouch .rtsLevel1 {
    border-bottom: 2px solid #7ca66d !important;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    border: 1px solid #f1f0eb !important;
    background-color: #7ca66d !important;
}

.RadTabStrip_MetroTouch .rtsLink {
    color: #fff !important;
    font-weight: bold !important;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .rtsLink {
    background-color: #7ca66d !important;
    border-color: #7ca66d !important;
}

.RadForm_MetroTouch .rfdPrimaryButton {
    background-color: #7ca66d !important;
    border-color: #7ca66d !important;
}

    .RadForm_MetroTouch .rfdPrimaryButton:hover {
        background-color: #7ca66d !important;
        border-color: #7ca66d !important;
    }

/* RadPanelBar */

.RadPanelBar_MetroTouch {
    font-family: inherit !important;
    line-height: 2.5 !important;
}

    .RadPanelBar_MetroTouch .rpRootGroup {
        /*border-color: #7ca66d !important;*/
        border: none !important;
        color: #333333 !important;
        background-color: #f1f0eb !important;
    }

    .RadPanelBar_MetroTouch .rpRootLink {
        border-color: #e0e0e0;
        color: #fff !important;
        background-color: #7ca66d !important;
        font-size: 14px !important;
        font-weight: bold !important;
    }


    .RadPanelBar_MetroTouch .rpTemplate {
        padding: 5px !important;
        font-family: "Open Sans",Arial, Helvetica, sans-serif !important;
        line-height: 22px !important;
        font-weight: normal !important;
        font-style: normal !important;
        background-color: #f1f0eb !important;
        color: #333333 !important;
        font-size: 14px !important;
    }

    .RadPanelBar_MetroTouch .rpRootLink.rpSelected {
        border: none !important;
    }



.RadAutoCompleteBox {
    background-color: #fff !important;
    margin-bottom: 20px !important;
    border-radius: 4px !important;
}


    .RadAutoCompleteBox .racTokenList {
        border: none !important;
        height: 39px !important;
        padding: 0px !important;
    }

    .RadAutoCompleteBox .racInput {
        padding: 6px 10px !important;
        height: 38px !important;
        color: inherit;
        background: #fff;
        font: inherit;
        min-width: 25% !important;
        border: none !important;
    }

    .RadAutoCompleteBox .racFocused {
        border: 1px solid #092f87 !important;
        border-radius: 4px !important;
        outline: 0 !important;
    }

.RadAutoCompleteBoxPopup {
    background-color: #fff !important;
    border-color: #ddd !important;
    border-radius: 4px !important;
}


.racItemHovered {
    background-color: #7ca66d !important;
    color: #fff !important;
}

.RadAutoCompleteBox .racTextToken {
    padding-left: 10px !important;
    padding-top: 10px !important;
}

    .RadAutoCompleteBox .racTextToken.racFocused {
        border: none !important;
    }

/* AJAX Toolkit Password Control Styles */

.bar-border {
    border: solid 1px #010342;
    width: 150px;
}

.bar-poor {
    background-color: #FF0000;
}

.bar-below-average {
    background-color: #FF8000;
}

.bar-average {
    background-color: #FFFF00;
}

.bar-above-average {
    background-color: #80FF00;
}

.bar-excellent {
    background-color: #00FF00;
}

.password-help {
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    font-variant: normal;
    /*
        color: #3D3D3D;
        font-style: normal;
        text-transform: none;
        text-decoration: none;
        */
}

/* Special Media Queries for Printing */

@media print {

    .no-print, .no-print * {
        display: none !important;
        height: 0;
    }
}

/* Placeholder Attributes */

input::-webkit-input-placeholder {
    color: #d1d1d1 !important;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #d1d1d1 !important;
}

input::-moz-placeholder { /* Firefox 19+ */
    color: #d1d1d1 !important;
}

input:-ms-input-placeholder {
    color: #d1d1d1 !important;
}
