a
{
    font: 9pt Arial, sans-serif;
    text-decoration: underline;
}
a:hover
{
    font: 9pt Arial, sans-serif;
    color: dodgerblue;
    text-decoration: underline;
}

#body-public
{
    font: 9pt Arial, sans-serif;
    background-color: #ffffff;
    color: #FFFFFF;
    background: url(images/background-pattern.png) repeat 0 0 fixed #555861;
}

#body-admin
{
    font: 9pt Arial, sans-serif;
    background-color: #ffffff;
    color: black;
}

h1
{
    font: bold 16pt Verdana, Arial, sans-serif;
    color: #567fa3;
    text-align: left;
    margin-top: 3px;
    margin-bottom: 3px;
}

h2
{
    font: bold 14pt Tahoma, Arial, sans-serif;
    color: #567fa3;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
}

h3
{
    font: bold 12pt Tahoma, Arial, sans-serif;
    color: #567fa3;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
}

hr
{
    color: #567fa3;
    background-color: #567fa3;
    border: 0;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    height: 2px;
}

input[readonly], input[readonly="readonly"]
{
    background-color: #ddd;
}

.Announcement
{
    font: 10pt Tahoma, Arial, sans-serif;
    color: #057728;
}

.AppTitle
{
    font: bold 14pt Tahoma, Arial, sans-serif;
    color: #345c89;
    width: 100%;
    /* from ColorZilla.com Gradient Editor */
    background: -moz-linear-gradient(left, rgba(125,185,232,0.1) 0%, rgba(30,87,153,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(125,185,232,0.1)), color-stop(100%,rgba(30,87,153,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(125,185,232,0.1) 0%,rgba(30,87,153,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(125,185,232,0.1) 0%,rgba(30,87,153,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(125,185,232,0.1) 0%,rgba(30,87,153,0.5) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(125,185,232,0.1) 0%,rgba(30,87,153,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7db9e8', endColorstr='#801e5799',GradientType=1 ); /* IE6-9 */
}

.AppText
{
    font: bold 10pt Calibri, Arial, sans-serif;
}

.Border1
{
    border-color: #000000;
    border-style: solid;
    border-collapse: collapse;
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
}

/* The following css button was generated by css-button-generator.com */
.ButtonGray
{
    font-size: 10pt;
    font-family: Arial;
    font-weight: normal;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #333333;
    padding: 4px 12px;
    text-decoration: none;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #777777), color-stop(100%, #555555) );
    background: -moz-linear-gradient( center top, #777777 5%, #555555 100% );
    background: -ms-linear-gradient( top, #777777 5%, #555555 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#555555');
    background-color: #777777;
    color: #ffffff;
    display: inline-block;
    -webkit-box-shadow: inset 1px 1px 0px 0px #999;
    -moz-box-shadow: inset 1px 1px 0px 0px #999;
    box-shadow: inset 1px 1px 0px 0px #999;
}

    .ButtonGray:hover
    {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #555555), color-stop(100%, #777777) );
        background: -moz-linear-gradient( center top, #555555 5%, #777777 100% );
        background: -ms-linear-gradient( top, #555555 5%, #777777 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#777777');
        background-color: #555555;
    }

    .ButtonGray:active
    {
        position: relative;
        top: 1px;
    }

.ButtonLight
{
    font-size: 16px;
    font-family: Arial;
    font-weight: normal;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #999999;
    padding: 4px 8px;
    text-decoration: none;
    background: -moz-linear-gradient( center top, #d8d8d8 5%, #b8b8b8 100% );
    background: -ms-linear-gradient( top, #d8d8d8 5%, #b8b8b8 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#b8b8b8');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #d8d8d8), color-stop(100%, #b8b8b8) );
    background-color: #d8d8d8;
    color: #000;
    display: inline-block;
    text-shadow: -50px -50px 0px #ffffff;
    -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
    -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
    box-shadow: inset 1px 1px 0px 0px #ffffff;
}

    .ButtonLight:hover
    {
        background: -moz-linear-gradient( center top, #b8b8b8 5%, #d8d8d8 100% );
        background: -ms-linear-gradient( top, #b8b8b8 5%, #d8d8d8 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b8b8', endColorstr='#d8d8d8');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #b8b8b8), color-stop(100%, #d8d8d8) );
        background-color: #b8b8b8;
    }

    .ButtonLight:active
    {
        position: relative;
        top: 1px;
    }

.ButtonStyle
{
    border: 1px solid #25729a;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font: 10pt Arial, Helvetica, sans-serif;
    margin: 2px;
    padding: 2px 10px 2px 10px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    text-align: center;
    color: #FFFFFF;
    background-color: #3093c7;
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
}

    .ButtonStyle:hover
    {
        border: 1px solid #1c5675;
        background-color: #26759e;
        background-image: linear-gradient(to bottom, #26759e, #133d5b);
    }

    .ButtonStyle:disabled
    {
        border: 1px solid #1c5675;
        color: #ccc;
        background-color: #777;
        background-image: linear-gradient(to bottom, #555, #333);
    }

.ContainerStyle
{
    background-color: #cbd4db;
    border: 1px solid #333;
    border-radius: 6px;
    margin: 6px;
    padding: 3px;
    display: inline-block;
}

.Copyright
{
    font: 8pt Arial, sans-serif;
    color: #4e4e4e;
}

A.CopyrightLink
{
    font: 8pt Arial, sans-serif;
    color: #4e4e4e;
    text-decoration: none;
}

    A.CopyrightLink:Hover
    {
        font: 8pt Arial, sans-serif;
        color: #4e4e4e;
        text-decoration: underline;
    }

.ErrorText
{
    font: bold 9pt Tahoma, Arial, sans-serif;
    color: #990000;
}

.StatusText
{
    font: bold 9pt Tahoma, Arial, sans-serif;
    color: #009900;
}

.FavoritesBox
{
    border: 1px solid black;
    background-color: #d0e0f0;
    padding: 4px;
}

table.FormGrid
{
    border-collapse: collapse;
}

    table.FormGrid th
    {
        font: bold 9pt Tahoma, Arial, sans-serif;
        color: #ffffff;
        background-color: #4682B4;
        border: 1px solid #05369A;
        border-collapse: collapse;
        text-decoration: none;
        text-align: left;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    table.FormGrid td
    {
        font: bold 9pt Tahoma, Arial, sans-serif;
        color: black;
        background-color: #c1d1e1;
        border: 1px solid #05369A;
        border-collapse: collapse;
        text-decoration: none;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    
.FormStyle td:nth-child(1):not([colspan="2"])
{
    text-align: right;
    vertical-align: top;
}

.FormStyle tr
{
    font: 9pt Tahoma, Arial, Helvetica, sans-serif;
    color: #000000;
}

.FormStyle
{
    background-color: #DAE2E8;
    border: 1px solid #000000;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.FormStyle div.RadComboBox .rcbInputCell INPUT.rcbInput
{
   font:12px "segoe ui", arial, sans-serif;
}

.FormStyle * input[type=text], textarea {
    font:12px "segoe ui", arial, sans-serif;
}

.FormBanner
{
    font: bold 11pt Tahoma, sans-serif;
    color: #ffffff;
    background-color: #567fa3;
    text-align: left;
    padding: 3px;
}

.FormGroup
{
    padding: 3px;
    display: inline-block;
}

    .FormGroup fieldset
    {
        background-color: #cbd4db;
        border: 1px solid #999;
    }

        .FormGroup fieldset legend
        {
            font-weight: bold;
        }

.FormField
{
    text-align: left;
}

.FormHeader
{
    font: bold 11pt Tahoma, Arial, sans-serif;
    color: #3d3d3d;
    padding: 6px;
}

.FormNote
{
    font: bold 8pt Tahoma, Arial, sans-serif;
    color: #333;
    padding: 6px;
}

.FormText
{
    font: 9pt Arial, sans-serif;
    color: #000000;
}

table.InqTable
{
    border-collapse: collapse;
    border-spacing: 0px;
}

td.InqHeader
{
    font: bold 9pt Verdana, Arial, sans-serif;
    color: black;
    background-color: #d0e0f0;
    border: 1px solid darkblue;
    padding: 3px;
    text-align: right;
}

td.InqNumber
{
    font: 9pt Verdana, Arial, sans-serif;
    color: black;
    background-color: #ededed;
    border: 1px solid darkblue;
    border-collapse: collapse;
    padding: 3px;
    text-align: right;
}

td.InqDetail
{
    font: 9pt Verdana, Arial, sans-serif;
    color: black;
    background-color: #ededed;
    border: 1px solid darkblue;
    border-collapse: collapse;
    padding: 3px;
}

.LoginForm
{
    background-color: #dedede;
    border: 1px solid #000000;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
}


.ModuleBanner
{
    background-color: #dedede;
    border: 1px solid #748CA5;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    width: 100%;
}

.ModuleTitle
{
    font: bold 15pt Tahoma, Arial, sans-serif;
    color: #345c89;
    text-align: left;
    padding: 10px 0px;
}

.ModuleVersion
{
    font: 8pt Verdana, Arial, sans-serif;
    color: #345c89;
    text-align: right;
}

.MultiPageStyle
{
    background-color: #e1efef;
    border: 1px solid #708090;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
    margin: 0px;
    padding: 0px;
}

.NewRecordItem
{
    white-space: nowrap;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline-block;
    vertical-align: text-top;
}

.NoRecs
{
    font: bold 10pt Tahoma, Helvetica, sans-serif;
    color: #990000;
}

.ReadOnlyText
{
    background-color: #dedede;
}

.RequiredItem
{
    font: bold 12pt Arial, sans-serif;
    color: #ff0000;
}

.SectionTitle
{
    font: bold 9pt Tahoma, Arial, sans-serif;
}

.WarningText
{
    background-color: #ffff33;
}


/* Styles for Telerik Controls... */
.rgCaption
{
    color: #567fa3;
    background-color: #deeff1;
    font: bold 10pt Tahoma,Arial,sans-serif;
}

.PanelItemClass .rpText
{
    color: black !important;
    font-weight: bold !important;
    background-color: #b1c1d1;
}

/* Fixes issue where RadDatePicker has line break in IE11 */
.RadPicker
{
    display: inline-table;
}

#content {
    margin-top: 115px;
    padding: 15px;
    background-color: #2F3037; 
    border-color:#808188; 
    border-style: solid; 
    border-width: 1px; 
    border-radius: 10px;
}
#top-bar {
    background: url('images/header-background.png') repeat-x scroll 0 0 transparent;
}
#bottom-bar {
    background: url('images/header-background.png') repeat-x scroll 0 100% transparent;
}
#wrapper {
    width: 947px; 
    margin-left:auto; 
    margin-right:auto;
}
#logo {
    position: relative; 
    height: 61px; 
    background:url('images/header-foreground.png') 50% 100% no-repeat transparent; 
    z-index: 20;
}
#footer {
    color: #FFFFFF;
    min-height: 35px;
    overflow: hidden;
    padding: 22px 0 0;
    width: 937px;
    margin: 25px auto 0;
    background: url("images/header-foreground.png") no-repeat scroll 50% 4px transparent;
}
#syndicate {
    float: left;
    font: bolder 14px georgia;
}
#power_by {
    float: right;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 20px;
}
#slogan {    
    color: #FFFFFF;
    font: bolder 20px Harrington;
}
#slogan-left {
    float: left;
    padding-top:8px;
    padding-left: 50px;
}
#slogan-right {
    float: right;
    padding-top:8px;
    padding-right: 160px;
}

input[type=text], textarea {
    padding-left:6px;
    border-color:#dae2e8;
    border-width:1px;    
    color:#333;
}