﻿@media screen
{
    .LayoutTable td, .LayoutTable th
    {
        vertical-align: top;
        text-align: left;
    }

    .MessageControlMessage, .MessageControlError
    {
        width: 100%;
        padding: 2px 5px 2px 5px;
        text-align: left;
        font-size: 8pt;
    }

    .MessageControlMessage
    {
        background-color: #98fb98;
        border: solid 1px Green;
    }

    .MessageControlError
    {
        background-color: #ffe4e1;
        border: solid 1px Red;
    }

    .MessageControlNote
    {
        border: solid 1px Black;
        padding: 2px 5px 2px 18px;
        text-align: left;
        font-size: 9pt;
        font-weight: bold;
        float: right;
        background-image: url(../../Images/Info.gif);
        background-repeat: no-repeat;
        background-position: left;
    }

    .Outline
    {
        padding: 10px 5px 5px 5px;
    }

    .Required
    {
        font-weight: bold;
        color: Red;
    }

    .ValidationSummary
    {
        color: #4c4c4c;
        margin: 5px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        background-color: #ffe4e1;
        border: solid 1px Red;
        padding: 5px;
    }

    .Button.delete, a.Button.delete, .Table th a.Button.delete, input.Button.delete    
    {
        background-color: #ff0000 !important;
        color: #ffffff !important;
    }

    .Button.delete:hover, a.Button.delete:hover, .Table th a.Button.delete:hover, input.Button.delete:hover   
    {
        background-color: #ffcc99 !important;
        color: #4c4c4c !important;
    }

    .Button.primary, a.Button.primary, .Table th a.Button.primary, input.Button.primary    
    {
        background-color: #020202 !important;
        color: inherit;
    }

    .Button.primary:hover, a.Button.primary:hover, .Table th a.Button.primary:hover, input.Button.primary:hover    
    {
       background-color: #ffcc99 !important;
        color: #4c4c4c !important;
    }

    .Button.default, a.Button.default, .Table th a.Button.default, input.Button.default    
    {
        background-color: #897154 !important;
        color: #ffffff !important;
    }

    .Button.default:hover, a.Button.default:hover, .Table th a.Button.default:hover, input.Button.default:hover   
    {
        background-color: #ffcc99 !important;
        color: #4c4c4c !important;
    }

    .table td a.Button
    {
        background-color: #ececec !important;
    }

    .Button, a.Button, .Table th a.Button, input.Button, input[type="submit"]
    {
        border: #4c4c4c 1px solid;
        color: #4c4c4c;
        background-color: White;
        text-decoration: none;
        font-weight: 500;
        font-family: inherit;
        font-size: inherit;
        text-align: center;
        cursor: pointer;
        white-space: nowrap;
        text-decoration: none !important;
        display: inline-block;
    }

    .Button, a.Button, span.Button, input.Button, input[type="submit"]
    {
        padding: 0.5rem 0.5rem;
        border-radius: 2px;
        /*line-height: 2em;*/
    }

    input.Button
    {
       padding: 0.5rem 0.5rem !important;
    }

    .Button:hover, input[type="submit"]:hover, .table td a.Button:hover
    {
        background-color: #ffcc99 !important;
        color: #4c4c4c;
    }

    .Note
    {
        font-size: smaller;
        font-style: italic;
        display: inline-block;
        padding: 10px 0px;
    }

    .NoteLarger
    {
        font-size: small;
        font-style: italic;
        display: inline-block;
        padding: 10px 0px;
    }

    .Inactive
    {
        text-decoration: line-through;
    }

    .Progress
    {
        font-weight: bold;
        color: #330099;
    }

    .Watermark
    {
        color: #66cccc;
    }

    .Box, .BoxSelected
    {
        background-color: #e5e5e5;
        border: 1px solid #999999;
        padding: 3px;
    }

    .Panel
    {
        background-color: #ffffff;
        padding: 10px 3px 20px 3px !important;
        border: 1px solid #999999;
    }

    .Box
    {
        margin: 2px;
    }

    .BoxSelected
    {
        background-color: #ffffcc;
        margin: 2px;
    }

    .Center
    {
        margin-left: auto;
        margin-right: auto;
    }

    table.Center Caption
    {
        margin-left: auto;
        margin-right: auto;
    }

    .CalendarCombo
    {
        width: 90px;
    }

    .CalendarCombo table
    {
        height: 18px;
    }

    .dateEditor
    {
        vertical-align: middle;
    }

    .calendarMonths td
    {
        color: #4c4c4c;
    }

    .HelpPopup
    {
        background-color: #f4f4f4;
        color: #444444;
        border: solid 1px #330099;
        padding: 5px 15px;
        width: 200px;
        white-space: normal;
        font-size: 9pt;
        font-weight: normal;
        text-align: left;
        margin-left: 10px;
    }

    h1
    {
        color: #957e5f;
        font-weight: 900;
        font-size: 14pt;
        margin: 2px 10px 20px 0px;
        display: block;
    }

    h2
    {
        color: #957e5f;
        font-weight: 900;
        font-size: 12pt;
        margin: 2px 10px 20px 0px;
        display: block;
    }

    h3
    {
        color: #957e5f;
        font-size: 12pt;
        margin: 2px 10px 20px 0px;
        display: block;
    }

    .Content
    {
        width: 600px;
        display: inline;
    }

    .ContentNarrow
    {
        width: 300px;
        display: inline;
    }

    .MessageThreadUnread
    {
        font-weight: bolder;
    }

    .DashboardHeader
    {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        overflow: visible;
    }

    .DashboardChangePassword
    {
        float: right;
    }

    .DashboardInsureItems
    {
        float: left;
    }

    .DashboardJSRow
    {
        display: block;
        overflow: auto;
        margin-bottom: 30px;
        width: 100%;
    }
    .DashboardJSRow .RightColumn
    {
        display: block;
        float: right;
        width: 50%;
    }

    .EmailAddressBook
    {
        cursor: pointer;
        width: 16px;
        height: 16px;
        float: right;
    }

    .AddressBookContainer
    {
        text-align: left;
        height: 200px;
        width: 300px;
        overflow: auto;
    }

    .EmailAttachmentContainer
    {
        float: right;
        margin-right: 30px;
        width: 270px;
    }
    .EmailAttachmentContainer .Content
    {
        overflow-y: auto;
        width: 100%;
        max-height: 180px;
        padding: 5px;
        border: solid 1px #777;
        display: block !important;

    }

    /*
                                		* Table and Grid
                                		*/

    .Table, .Grid
    {
        overflow: hidden;
        font-size: 8pt;
    }

    .Table caption, .Grid caption
    {
        font-weight: bold;
        padding: 1px 5px 1px 0px;
        text-align: left;
        white-space: nowrap;
        color: #020202;
        /*background-image: url(../../Images/Caption.gif);
        background-position: top left;*/
        /*background-repeat: no-repeat;*/
        font-size: 1.7em;
        margin-bottom: 15px;
    }

    .Grid td, .Grid th, .Table td, .Table th
    {
        vertical-align: top;
    }

    .Grid th, .Table th
    {
        font-weight: bold;
        white-space: nowrap;
        color: White;
    }

    .Grid th a, .Table th a
    {
        color: White;
        text-decoration: none;
    }

    .Grid th a:hover, .Table th a:hover
    {
        color: #ffcc99;
        text-decoration: underline;
    }

    .Grid th
    {
        background-image: url(../../Images/GridThTopLeft.gif);
        background-position: top left;
        background-repeat: no-repeat;
        background-color: #957e5f;
        padding: 0px 5px 0px 5px;
    }

    .Table th
    {
        padding: 3px 5px 4px 10px;
        text-align: left;
        background-image: url(../../Images/TableTh.gif);
        background-position: top left;
        background-repeat: no-repeat;
    }

    .Table td, .Grid td
    {
        padding: 3px 5px 0px 2px;
        vertical-align: top;
    }

    .Table td td, .Grid td td, .Grid th th, .Table th th
    {
        padding: 0px;
    }

    .Grid
    {
        margin: 0px;
        text-align: left;
    }

    tr.Alternate
    {
        background-color: #E5E5E5;
    }

    tr.Selected
    {
        background-color: #ffffcc;
        font-weight: bold;
    }

    .HoverHighlight:hover
    {
        background-color: #ffffcc;
        cursor: pointer;
    }

    .GridPager td
    {
        text-align: left;
        font-weight: bold;
        padding: 5px;
        margin: 0px;
        background-color: #ffffff;
    }

        tr.GridPager td > table > tbody > tr > td
        {
            background-color: #957E5F;
            color: #ffffff;
        }

    .GridPager span, .GridPager a
    {
        display: block;
        float: left;
        width: 20px;
        height: 20px;
        padding-top: 1px;
        text-decoration: none;
        color: Black;
        text-align: center;
    }

    .GridPager span
    {
        background-color: #ffffff;
        padding: 2px;
        color: #957E5F;
    }

    /*
                                		* Modal
                                		*/

    .ModalPopupBackground
    {
        background: #CCCCCC;
        filter: alpha(opacity=60);
        opacity: 0.6;
    }

    .ModalPopup
    {
        text-align: center;
        padding: 10px;
        border-style: solid;
        border-width: 1px;
        border-color: #957e5f;
        background-color: White;
    }

    /*
                                		* CollapsiblePanel Panel
                                		*/

    .CollapsiblePanelTitle
    {
        background-color: #4682b4;
        color: White;
        font-weight: bold;
        padding: 2px 5px 2px 5px;
        text-decoration: underline;
    }

    .CollapsiblePanelTitle a
    {
        cursor: pointer;
    }

    .CollapsiblePanel
    {
        background-color: #f5f5f5;
    }

    /*
                                		* FSelector
                                		*/

    .FSelector
    {
    }

    .FSelectorSelectedItem, .FSelectorHeader
    {
        color: #897154;
        text-decoration: underline;
    }

    .FSelectorSelectedItem:hover
    {
        color: #e3ce8b;
    }

    .FSelectorPopup, .FSelectorPopupWide
    {
        margin: 5px 0px 0px 0px;
        padding: 2px;
        background-color: white;
        min-width: 50px;
        min-height: 10px;
        border: solid 1px #957e5f;
        max-height: 75%;
        overflow: auto;
        font-weight: normal;
    }
    .FSelectorPopupWide
    {
        min-width: 220px;
    }

    .FSelectorPopup a, .FSelectorPopup span, .FSelectorPopupWide a, .FSelectorPopupWide span
    {
        padding: 2px;
        text-decoration: none;
        color: #4c4c4c;
        border: none;
    }

    .FSelectorPopup a:hover, .FSelectorPopup span:hover, .FSelectorPopupWide a:hover, .FSelectorPopupWide span:hover
    {
        color: White;
        background-color: #897154;
    }

    .FSelectorZIndex1
    {
        z-index: 1;
    }

    /*
                                		* Wizard
                                		*/

    table.Wizard td, table.Wizard th
    {
        vertical-align: top;
        text-align: left;
        padding: 2px 5px 7px 5px;
    }

    table.Wizard td td, table.Wizard th th
    {
        padding: 0px;
    }

    /*
                                	 * Expandable Text
                                	 */
    .ExpandableTextNoScreen
    {
        display: none;
    }
    .ExpandableTextScreenInline
    {
        display: inline;
    }

    .scrollableDiv div
    {
        overflow: auto;
        max-height: 100px;
        width: 100%;
    }

    .gmap3
    {
        margin: 20px auto;
        border: 1px dashed #C0C0C0;
        width: 600px;
        height: 400px;
        max-width: 1000px;
        line-height: normal;
        white-space: nowrap;
        overflow: hidden !important;
    }

    .removescroll
    {
        overflow: hidden !important;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        letter-spacing: normal;
        text-align: center;
        vertical-align: middle;
        word-spacing: normal;
    }

    .login-panel
    {
        display: inline-block;
        padding: 20px 20px;
        border: 1px solid #d4d4d4;
    }

    table.logintable > caption
    {
        font-size: 1.7em;
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 10px 5px;
    color: #897154;
    }
}