﻿body
{
    /* This is the background of the whole page. Was 4682B4 e0ad7c 8B4513  */
    background-color: #191950;
    font-family: Tahoma, Verdana;
    font-size: 10pt;
    color: #282828;
}

/* Site Layout */

.layout-table
{
    background-color: #ffffff;
    height: 600px;
    margin: 0 auto;
    border: 1px solid #AA9673;
}

.layout-table td.top
{
    /* This is the background of the header. */
    background-color: #ffe4b5;
    border-bottom: 1px solid #5A4022;
}

.layout-table td.content
{
    vertical-align: top;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.layout-table td.navigation
{
    /* This is the background of the navigation. CDDDFF is too pink. DDE5FF is ligher, and less pink. CDCFF7 looks good on Daniel's monitor, but not on others. Photoshop says D3CFE6 should match blue in the logo. */
    background-color: #C3CCEA;
    vertical-align: top;
    text-align: left;
    font-size: 10.5pt;
    border-right: 1px solid black;
}

.layout-table td.sidebar
{
    vertical-align: top;
    text-align: left;
    font-size: 9.5pt;
    border-left: 1px solid silver;
    padding: 10px;
}


div.footer
{
    padding-top: 10px;
    font-size: 8pt;
    text-align: center;
    color: silver;
    font-family: Verdana, Tahoma;
}

div.footer a
{
    color: silver;
}

td.footer
{
    border-top: 1px solid silver;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
}


/* Form Table */

table.formtable
{
    text-align: left;
}

table.formtable th
{
    padding: 3px;
    text-align: left;
    font-size: 10.5pt;
    border-bottom: 1px solid silver;
    font-family: Verdana;
    color: #25253D;
}

table.formtable td.border
{
    padding: 3px;
    border-bottom: 1px solid silver;
}
td
{
    vertical-align: top;
}

.tableheader
{
    background-color: #C3CCEA;
}


/* Text-Align */

.centered
{
    margin: 0 auto;
}

p
{
    text-align: justify;
}


/* Text Styles */

h1
{
    font-size: 13pt;
}

h2
{
    font-size: 10.5pt; /* We can't have this (see order summary) 	padding-bottom: 5px; 	border-bottom: 1px solid silver; */
    margin-bottom: 5px;
    font-family: Verdana;
    color: #25253D;
}

h2.border
{
    font-size: 10.5pt;
    padding-bottom: 3px;
    border-bottom: 1px solid silver;
    margin-bottom: 3px;
    font-family: Verdana;
}

h3
{
    font-size: 10pt;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-family: Verdana;
}

.layout-table td.navigation a:link, .layout-table td.navigation a:visited
{
    color: Black;
    text-decoration: none;
}

a:link, a:visited, a:active
{
    color: #191950;
}

a:hover, .layout-table td.navigation a:hover
{
    color: #7676B9;
}

a img
{
    border: none;
}

hr.silver
{
    height: 1px;
    color: Silver;
    margin-top: 10px;
    margin-bottom: 10px;
}



/* GridView Skins */

.GridHeader th
{
    text-align: left;
    white-space: nowrap;
}

.GridHeader th a
{
    text-decoration: none;
}


/* AJAX Toolkit Controls */

.HoverMenu
{
    position: absolute;
    visibility: hidden;
    background-color: #F5F7F8; /*	opacity:.9; 	filter: alpha(opacity=90);*/
    border: 2px DarkSlateGray Outset;
    width: 170px;
}

.HoverMenu div
{
    padding: 4px;
}

.HoverMenuIndent
{
    margin-left: 5px;
}

.HoverMenuHeading
{
    background-color: #181840;
    color: White;
    font-weight: bold;
    font-size: 7pt;
}

.watermark
{
    color: Gray;
}

.dimmed
{
    font-size: 8pt;
    color: Gray;
    font-weight: normal;
}


/* ValidatorCalloutExtender */

.highlight
{
    background-color: #fffacd;
}



/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    border-width: 2px;
    border-style: solid;
    border-color: #8293C6;
    padding: 3px;
    background-color: White;
}



/* Lyons Communications Control Styles */

.NotificationControl
{
    background-color: #FFFFFF;
    font-weight: bold;
    font-size: 10pt;
    text-align: left;
    padding: 10px;
    border: 1px solid Black;
    margin: 10px auto;
}

.Help
{
    border: 1px solid Black;
    background-color: #E0AD7C;
    padding: 10px;
    font-size: 10pt;
    text-align: left;
    margin: 10px;
}


/* AutoCompleteExtender */

.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0px !important;
    background-color: window;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: scroll;
    font-size: 8pt;
    white-space: nowrap;
    height: 250px;
    text-align: left;
    list-style-type: none;
}

.autocomplete_highlightedListItem
{
    /*background-color: #B3BEDB;*/
    background-color: highlight;
    color: black;
    padding: 1px;
    cursor: default;
}

.autocomplete_listItem
{
    background-color: window;
    color: windowtext;
    padding: 1px;
}


/* Rating */

.ratingStar
{
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar
{
    background-image: url(/images/star-filled.png);
}

.emptyRatingStar
{
    background-image: url(/images/star-empty.png);
}

.savedRatingStar
{
    background-image: url(/images/star-saved.png);
}


/* MasterPage UpdateProgress */

#progressBackgroundFilter
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000000;
    filter: alpha(opacity=25);
    opacity: 0.25;
    z-index: 1000;
}

#processMessage
{
    position: fixed;
    top: 35%;
    left: 35%;
    padding: 20px;
    width: 30%;
    z-index: 1001;
    background-color: #fff;
    border: solid 1px #000000;
    text-align: center;
    font-size: 14px;
    font-family: Verdana;
}
