﻿@import "../global_public/global_public.css";
@import "../AccessSpecificStyling/statement.css";

*
{
    font-family: Tahoma !important;
}

body
{
    background: #FFF;
}

p
{
    margin-bottom: 5px;
}

.content-left
{
	width:60%;
}

.content-right
{
	width:40%;
}

.content-module-text ul
{
	clear:left;
}

.main-table
{
    width: 900px;
    margin: 0px auto;
    background: #e3dcc2 url(bg.gif) left top no-repeat;
    border: 1px solid #cdc093;
}

.header-td
{
    width: 100%;
    height: 150px;
    text-align: right;
    vertical-align: middle;
}

.header-controls
{
    text-align: right;
    width: 300px;
    height: 145px;
    border: 0px;
}

.text-sizer
{
    text-align: right;
    vertical-align: middle;

}
.date-login
{
    text-align: right;
    vertical-align: bottom;
    height: 50px;
    padding-bottom: 0px;
    padding-right: 10px;
    font-weight:bold;
}

.date-login span
{
    margin-bottom:5px;
    display:block;
}

.leftmenu-td
{
    width: 180px;
    min-height: 650px;
    height: 650px;
    vertical-align: top;
}

.accessmenu-td
{
    height: 40px;
    text-align: right;
    vertical-align: top;
}

.maincontent-td
{
    padding: 10px;
    padding-left: 20px;
    vertical-align: top;
    width: 720px;
    min-height: 650px;
    height: 650px;

}

.footer-td
{
    width: 100%;
    height: 100px;
    background: #e3dcc2 url(footer.gif) bottom right no-repeat;
}

input
{
    padding: 5px;
}
/* MAIN WRAPPER */
#wrapper
{
    width: 900px;
    border: 2px solid #CDC093;
}

hr
{
    clear: left;
}

/* OVERWRITES */

.bn-search
{
    width: 20px;
    height: 20px;
    display: block;
    background: url("search.gif") top left no-repeat;
}


/* CSS CODE FOR MULTI-LEVEL VERTICAL MENU */
.AspNet-Menu-Vertical
{
    display: block;
    width: 170px;
    padding: 2px;
}
.AspNet-Menu-Vertical ul
{
    list-style: none;
    display: block;
    width: 100%;
}

.AspNet-Menu-Vertical li
{
    display: block;
    padding: 5px 0px 5px 10px;
}

.AspNet-Menu-Vertical a
{
    text-decoration: none;
    font-weight: bold;
    color: #FFF;
    display: block;
    width: 99%;
    padding-left: 10px;
}

.AspNet-Menu-Vertical a:hover
{
}

.AspNet-Menu-Vertical li.AspNet-Menu-Selected
{
    color: #FFF;
}

.AspNet-Menu-Vertical a.AspNet-Menu-Selected
{
    background: url(menu-marker.gif) left center no-repeat;
    text-decoration: underline;
}

.AspNet-Menu-Vertical li.AspNet-Menu-Selected li, ul.AspNet-Menu-ChildSelected
{
    margin-top: 5px;
}
.AspNet-Menu-Vertical li.AspNet-Menu-ChildSelected
{
    color: #FFF;
}
.AspNet-Menu-Vertical a.AspNet-Menu-ChildSelected
{
    color: #FFF;
    text-decoration: underline;
}

.AspNet-Menu-Vertical li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-Leaf
{
    color: #FFF;
}

.AspNet-Menu-WithChildren ul
{
    display: none;
}

.AspNet-Menu-Selected
{
    display: block !important;
}

.AspNet-Menu-ParentSelected
{
    display: block !important;
}

.AspNet-Menu-ChildSelected
{
    display: block !important;
}

/* END */

.AspNet-Menu-Horizontal
{
    float:right;
    margin-right:5px;
    display: block;
    padding-left: 43px;
    padding-top: 2px;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu
{
    display: block;
    clear: both;
    list-style: none;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    float: left;
    margin-left: -10px;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu li a
{
    text-decoration: none;
    color: #000;
    display: block;
    width: 92px;
    height: 35px;
    padding-top: 10px;
    text-align: center;
    vertical-align: middle;
}

/* BUTTONS */

.bn-small, .bn-large
{
    color: #FFF;
    background-color: #002341;
}

.bn-small:hover, .bn-large:hover
{
    background-color: #000;
}

.bn-thin-small, .bn-thin-large
{
    color: #FFF !important;
    background-color: #0953a2;
}
.bn-thin-small:hover, .bn-thin-large:hover
{
    background-color: #000;
}

/* HEADER */
#header
{
    background: #FFF;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

#header-menu
{
    width: 100%;
    height: 45px;
    background: url(nav.gif) top left no-repeat;
    vertical-align: middle;
    text-align: right;
    padding: 0px;
    margin: 0px;
}
#header-logo
{
    width: 100%;
    height: 150px;
    background: url('banner.gif') top left no-repeat;
    padding: 0px;
    margin: 0px;
}
#header-tools
{
    text-align: right;
}
#header-tools a
{
    background: #FFF;
    border: 1px solid #0953a2;
    padding: 3px 5px;
    color: #444;
}
#header-tools a:hover
{
    color: #000;
    background: #DDD;
}

#txt
{
    padding: 5px;
    margin-right: 2px;
    color: #000;
    text-align: right;
}
a#txt1, a#txt2, a#txt3
{
    background: #FFF;
    border: 1px solid #0953a2;
    padding: 3px 5px;
    color: #444;
    font-weight: bold;
    text-decoration: none;
}
a#txt1:hover, a#txt2:hover, a#txt3:hover
{
    background: #FFF;
    border: 1px solid #0953a2;
    padding: 3px 5px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
/* MASTER COLS */
#left-col
{
    text-align: left;
    width: 170px;
    padding-top: 10px;
    min-height: 700px;
    height: expression( this.scrollHeight < 700 ? "700px" : "auto" );
    background: #CDC093;
}
#main-col
{
    min-height: 500px;
    height: expression( this.scrollHeight < 500 ? "500px" : "auto" );
    background: #FFF;
    overflow: hidden;
    margin: 0px;
}
#main-col-inner
{
    width: 98%;
    min-height: 490px;
    overflow: hidden;
    background: #FFF;
    padding: 6px;
}
#main-col h2
{
    font-size: 16px;
    color: #0953a2;
    margin: 0px 0px 10px 0px;
}
#main-col h2 span
{
    color: #0953a2;
}
#main-col h2 a
{
    color: #0953a2;
    text-decoration: none;
}
#main-col h2 a:hover
{
    color: #0953a2;
}
#main-col h3
{
    color: #0953a2;
    margin-bottom: 15px;
}
#main-col h3 span
{
    color: #0953a2;
    font-size: 13px;
}
#main-col p
{
    font-size: 13px;
    margin-bottom: 10px;
}
.SiteMapPath
{
    padding: 5px;
    font-family: Verdana;
    font-size: 10px;
}

.calendar
{
    width: 95%;
}
.calendar td
{
    padding: 3px;
}

#footer
{
    width: auto;
    padding-left: 20px;
    background: #CDC093;
    clear: left;
    font-size: 12px;
    color: #FFF;
    height: 25px;
}
#footer p
{
    padding: 4px;
    margin: 0px;
    font-weight: bold;
    color: #FFF;
}


.state-edit
{
    background-color: #f3edd8;
    padding: 4px 4px 4px 4px;
}

/* FORMVIEW */
.AspNet-FormView
{
    width: 98%;
}
.AspNet-FormView-Data
{
    display: block;
    clear: left;
}
.AspNet-FormView-Data p label
{
    width: 130px;
    font-size: 11px !important;
    padding-top: 3px;
    font-weight: normal !important;
}
.validator
{
    width: 3px !important;
    padding-top: 3px;
    float: left;
}
.AspNet-FormView-Data p span
{
    width: 130px;
    font-size: 11px !important;
    padding-top: 3px;
    font-weight: bold !important;
}
.AspNet-FormView-Data input
{
    background: #FFF;
    border: 1px solid #AAA;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
}
.AspNet-FormView-Data textarea
{
    background: #FFF;
    border: 1px solid #AAA;
    height: 50px;
    width: 100%;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
}
.AspNet-FormView-Data select
{
    background: #FFF;
    width: 140px;
    font-weight: bold;
}
.AspNet-FormView-Data .wide
{
    width: 230px !important;
    font-weight: normal;
}
.AspNet-FormView-Data .radio input
{
    background: #FFF;
    border: 0px !important;
}
.AspNet-FormView-Data table
{
    display: inline;
    float: left;
    position: relative;
}
.AspNet-FormView-Data span.radiolist
{
    width: 290px !important;
}
.AspNet-FormView-Data span.radiolist span
{
    width: 280px !important;
}

/* DETAILS VIEW */
.AspNet-DetailsView
{
    clear: left;
    padding: 10px 0px 0px 0px;
    width: 98%;
}
.AspNet-DetailsView span
{
    width: 400px;
}
.AspNet-DetailsView ul
{
    margin: 0px;
    list-style: none;
    padding: 0px;
}
.AspNet-DetailsView-Data ul li
{
    clear: left;
}
span.AspNet-DetailsView-Name
{
    display: block;
    float: left;
    width: 180px;
}
span.AspNet-DetailsView-Value
{
    float: left;
}
.AspNet-DetailsView-Data input
{
    width: 140px;
    background: #EEE;
    padding: 3px;
    border: 1px solid #AAA;
    font-size: 90%;
    margin-bottom: 5px;
}
.AspNet-DetailsView-Data textarea
{
    width: 140px;
    background: #EEE;
    padding: 3px;
    border: 1px solid #AAA;
}

.radiolist
{
    float: left;
    width: 300px !important;
}
.radiolist input
{
    width: 20px !important;
    background-color: #FFF;
    border: 0px solid #FFF;
    margin-top: 5px;
}
.radiolist label
{
    width: 200px !important;
    width: 150px;
    font-size: 11px;
    padding-top: 3px;
    font-weight: bold;
}
.radiolist br
{
    clear: left;
    margin-top: 10px;
}

.checkboxlist
{
    width:100%;
    display:block;
}

.checkboxlist label
{
    width:27%;
    display:inline-block;
}

.checkboxlist input
{
    width:30px;
    display:inline-block;
}

.login
{
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    text-align: center;
    padding: 10px;
    border: 1px solid #AAA;
    height: 200px;
}
.login p
{
    display: block;
    clear: left;
}
.login input.textbox
{
    width: 100px;
}
.login input.checkbox
{
    margin-top: 8px !important;
}
.login input
{
    float: left;
    padding: 4px 4px 4px 4px;
}
.login label
{
    width: 90px;
    padding: 4px 4px 4px 4px;
    float: left;
    text-align: left !important;
}

.response
{
}
.response p
{
    clear: left;
    margin-bottom: 3px;
}
.response span
{
    float: left;
    width: 120px;
    color: #666666;
}
.response input
{
    float: left;
}
.response select
{
    float: left;
    width: 150px;
}
.response textarea
{
    float: left;
}

.request
{
}
.request span
{
    width: 45%;
    float: left;
}
.request br
{
    clear: left;
}

.register
{
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}
.register input
{
    float: left;
    width: 140px;
    background: #FFF;
    padding: 1px;
    border: 1px solid #000;
    margin: 0px 3px 6px 0px;
}
.register label
{
    display: block;
    float: left;
    width: 200px;
    color: #666;
}
.register p
{
    clear: left;
    width: 500px;
    margin-bottom: 10px;
}

.warning
{
    width: 400px;
    border: 1px solid;
    color: #9F6000;
    margin: 10px 0px 10px;
    padding: 15px 10px 15px 50px;
    background: #FEEFB3 url('warning.gif') no-repeat 10px center;
    display: block;
}
.success
{
    width: 400px;
    border: 1px solid;
    color: #4F8A10;
    margin: 10px 0px 10px;
    padding: 15px 10px 15px 50px;
    background: #DFF2BF url('update.gif') no-repeat 10px center;
    display: block;
}


/* 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('FilledStar.png');
}

.emptyRatingStar
{
    background-image: url('EmptyStar.png');
}

.savedRatingStar
{
    background-image: url('SavedStar.png');
}

.TabbedMenuTableSide
{
    width: 1px;
    height: 27px;
    background-color: #FFF;
    overflow: hidden;
}
.TabbedMenu .rootItem table
{
    background-color: #0953a2;
}


.TabbedMenu .rootItemSelected table
{
    background-color: #000;
}
.TabbedMenu .rootItem div, .TabbedMenu .rootItemHover div, .TabbedMenu .rootItemSelected div
{
    padding: 0px;
    margin: 0px;
}

.TabbedMenu .rootItem div
{
    height: 27px;
}
.TabbedMenuSideBorders
{
}

.TabbedMenu .rootItemHover div, .TabbedMenu .rootItemSelected div
{
    height: 27px;
    border-top: none;
}
.TabbedMenu .rootItem table, .TabbedMenu .rootItemHover table, .TabbedMenu .rootItemSelected table
{
    color: #FFF;
    font-weight: bold !important;
    font-size: 10pt;
    border-collapse: collapse;
    border-width: 0px;
    margin-left: 1px;
    margin-right: 1px;
    background-repeat: repeat-x;
    background-position: top;
}
.TabbedMenu .rootItem th, .TabbedMenu .rootItemHover th, .TabbedMenu .rootItemSelected th
{
    padding: 8px;
    padding-top: 7px;
    white-space: nowrap;
    font-weight: normal;
}
.TabbedMenu .rootItemHover th, .TabbedMenu .rootItemSelected th
{
    padding-top: 6px;
}
.TabbedMenu .WhiteBorderRight
{
    border-right: solid 1px White;
}
.TabbedMenu .rootItemSelected div
{
    border-bottom: 0px;
}

.AspNet-LoginStatus
{
    text-decoration: none;
    display: block;
    color: #333;
    font-weight: bold;
    width: 78px;
    text-align: center;
    padding:  5px 0px 4px 0px;
    border: 1px solid #333;
    background: #FFF;
    float:right;
    margin-right:2px;
}
