﻿html, body, body > form 
    { height: 100%; padding: 0px; margin: 0px; }
body 
    { font-size: 88%; font-family: Arial; color: #3A3A3A; background-color: #20527C; }

/* Master */
#master 
    { height: auto !important; min-height: 100%; width: 900px; margin: 0px auto; padding: 0px;  
    position: relative; border-left: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB;
    background-color: #ffffff; }
#header 
    { height: 130px; padding: 0px 0px 0px 0px; background-position: bottom; text-align: center; }
#nav 
    { height: 22px; padding: 5px 8px 0px 8px; background-image: url('Nav.gif'); background-color: #000000; 
    color: #000000; border: 1px solid #CCCCCC; background-position: center; }
#nav a 
    { color: #20527C; font-size: 93%; font-weight: bold; }
#nav a:hover
    { color: #0180AF; font-size: 93%; font-weight: bold; }
#hnav
    { border: 1px solid #C6C6C6; background-color: #FBFBFB; padding: 4px; margin-bottom: 4px; }
#content 
    { padding: 8px; margin-bottom: 35px; background-color: #ffffff; padding-left: 15px; padding-right: 15px; }
#footer 
    { font-size: 83% !important; height: 20px; width: 100%; bottom: 0px; position: absolute; background-color: #DDDDDD; 
    color: #20527C; text-align: center; padding-top: 5px; clear: both; border-top: 1px solid #999999; }
#footer a
    { color: #20527C; }

.vnav 
    { text-align: left; float: left; width: 120px; margin-right: 8px; padding: 4px; }
.vnav a 
    { display: block; line-height: 20px; white-space:nowrap; }
.vnav hr 
    { border: 1px solid #D4D4D4; }

/* Search */
.search { background-color: #FDEFB9; border: 1px solid #333333; } 

/* Button */
input[type='button'], input[type='submit'], input[type='reset'], button, .button
    { background-image: url('Button.gif'); height: 22px; background-position: center; background-color: #BAC0C1; 
    border: 1px solid gray; cursor: hand; cursor: pointer; color: #1D456D; text-decoration: none; 
    margin: 1px 2px 1px 2px; }
.buttonhover 
    { background-image: url('ButtonHover.gif') !important; }
        
/* Form */
table.form > tbody > tr > td:first-child, table.form > tbody > tr > td:first-child + td + td
    { text-align: right; white-space: nowrap; color: #295073; padding-left: 10px; }
.label
    { color: #295073 !Important; }
    
/* Text */
h1, h2, h3, h4, h5, h6 
    { margin: 0px; padding: 0px; white-space: nowrap; font-weight: normal; color: #646464; display: inline; }
h1, h2, h3 
    { font-size: 130%; }
h4, h5, h6 
    { font-size: 120%; }
h1, h4
    { color: #0180AF; }
h2, h5
    { color: #ED7500; }
b 
    { font-size: 90%; }  
small 
    { font-size: 73%; }  

/* List Items */
li 
    { background-image: url('Bullet.gif'); background-position: 0px 4px; background-repeat: no-repeat; 
    padding: 0px 0px 0px 13px; list-style-type: none; line-height: 140%; }
ul 
    { text-align: left; padding: 0px; margin: 0px 0px 4px 0px; }
.hlist li 
    { float: left; margin: 1px 1px 1px 8px; white-space: nowrap; }

/* Links */
a:link, a:visited, a:active 
    { color: #0180AF; text-decoration: none; }
a:link span, a:active span, a:visited span 
    { color: #0180AF; text-decoration: none; }
/*a:visited span, a:visited 
    { color:  #0C5A81; } */
a:hover 
    { color: #0C5A81; text-decoration: underline; }
a:hover span 
    { color: #0C5A81; text-decoration: underline; }

/* Fieldset & Legend */
fieldset 
    { margin: 2px 0px 6px 0px; padding: 5px; padding-top: 8px; 
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
    
/* Inputs */
input[type='text'], input[type='password'], textarea, .textbox
    { color: #000000; border: 1px solid #21577e; background-color: #ffffff; height: 21px; width: 160px; 
    font-size: 14px; margin: 2px 1px 2px 1px; }
.textboxhover 
    { background-color: #f0f3ff !important; }
.textboxfocus 
    { border: 2px solid #E9B924 !important; margin: 1px 0px 1px 0px !important;}
select, .dropdown 
    { margin: 2px 0 2px 0; cursor: hand; cursor: pointer; }
.dropdownhover 
    {  }
input[type='checkbox'], .checkbox
    { height: 20px; width: 20px; cursor: hand; cursor: pointer; }
.checkboxlist input
    { height: auto !important; width: auto !important; }
input[type=file] 
    { cursor: pointer; cursor: hand; }

/* Misc */
img
    { border: none; }
br 
    { line-height: 50%; }
hr 
    { margin: 0px 0px 0px 0px; border: 1px solid #B1B1B1; }
    
/* Grid */
table.grid 
    { border: 1px solid #C6C6C6; text-align: left; border-spacing: 0px; border-collapse: collapse; }
table.grid > tbody > tr:first-child > th
    { text-align: center; font-weight: bold; font-size: 90%;  padding: 6px; background-image: url('BlueGlass.gif'); 
    background-position: center; color: #FFFFFF; }
table.grid > tbody > tr > td
    { padding: 4px; border-top: 1px solid #C6C6C6; border-bottom: 1px solid #C6C6C6; }
table.grid > tbody > tr.rowalt > td, .rowalt
    { background-color: #F0F8FC; }
table.grid > tbody > tr.rowselect > td 
    {}
table.grid > tbody > tr.rowfocus > td 
    {}
table.grid sorasc a 
    { background: url('SortAsc.gif') no-repeat right 50%; }
table.grid sortdesc a 
    { background: url('SortDesc.gif') no-repeat right 50%; }

/* Grid */
.Grid
{
	background-image: url( 'GridHeader.gif' );
	background-position: top;
	background-color: #D1D7D8;
    border: 1px solid #C0C0C0;
}
.GridRow
{ 
    background-color: #FFFFFF;
}
.GridAlternateRow
{
	background-color: #EEEEEE;
}
.GridHeader
{
    text-align: center;
    font-size: 83%;
}
.GridHeader th
{
	 border: 1px solid #C0C0C0;
	 height: 17px;
	 padding: 3px 7px 4px 4px;
     white-space: nowrap;
     font-size: 83%;
}
a.GridHeader 
{
    color: #333333;
    font-weight: normal;
}
.GridFooter
{ 
    background-color: #BEC4C5;
    /* background-image: url( 'GridHeader.gif' ); */
    text-align: center;
    font-size: 83%;
}
.GridPager
{
    background-color: #CCCCCC;
    border: 2px solid #555555;
}
.GridSelectedRow
{
    background-color: #C9D9F1;
}

.GridPager{ }
.GridEmptyDataRow{ }
.GridRowHover
{
    background-color: #DDE3FF;
    cursor: hand;
    cursor: pointer;
}
.SortAsc
{
	background-image: url( 'SortAsc.gif' );
	background-repeat: no-repeat;
	background-position: right center;
}
.SortDesc
{
	background-image: url( 'SortDesc.gif' );
	background-repeat: no-repeat;
	background-position: right center;
}

/* Container */
table.container
    { border: 1px solid #C6C6C6; text-align: left; border-spacing: 0px; border-collapse: collapse; }
table.container > tbody > tr:first-child 
    { height: 25px; color: #1C85A8; font-weight: normal; font-size: 83%; font-weight: bold; 
    background-color: #EEEEEE; }
table.container > tbody > tr:first-child > td:first-child
    { padding-left: 8px; border-bottom: 1px solid #C6C6C6; }
table.container > tbody > tr:first-child > td:first-child + td
    { border-bottom: 1px solid #C6C6C6; }
table.container > tbody > tr:first-child + tr > td
    { padding: 8px; }
table.container > tbody > tr:first-child + tr + tr > td 
    { padding: 3px; background-color: #E6E2DD; border-top: 1px solid #C6C6C6; border-top-color: #B9B9B9; }
div.container 
    { background-color: #F0F0F0; border: 1px solid #C6C6C6; padding: 2px; padding-left: 5px;
    padding-right: 5px; }

/* Static Generic Styles */
div.section 
    { text-align: left; padding: 1px 1px 1px 1px; margin: 12px 5px 5px 0px !important; 
    border-bottom: 2px dotted #B1B1B1; clear: both; color: #CF9801; }

.c { text-align: center !Important; }
.l { text-align: left !Important; }
.r { text-align: right !Important; }

.red { color: #990000; }
.dashed { border: 2px dotted #b1b1b1; }
.solid { border: 1px solid #b1b1b1; color: #b1b1b1; }

.hidden { display: none; }
.shown { display: inline; }

.point { cursor: pointer; cursor: hand; }
.nowrap { white-space: nowrap; }

.floatr { float: right; }
.floatl { float: left; }

.u3 { position: relative; top: -3px; }
.d3 { position: relative; bottom: -3px; }
.r3 { position: relative; right: -3px; }
.l3 { position: relative; left: -3px; }
.u5 { position: relative; top: -5px; }
.d5 { position: relative; bottom: -5px; }
.r5 { position: relative; right: -5px; }
.l5 { position: relative; left: -5px; }
.u10 { position: relative; top: -10px; }
.d10 { position: relative; bottom: -10px; }
.r10 { position: relative; right: -10px; }
.l10 { position: relative; left: -10px; }

.pad0 { padding: 0px !Important; }
.pad5 { padding: 5px; } .padt5 { padding-top: 5px; } .padl5 { padding-left: 5px; } .padb5 { padding-bottom: 5px; } .padr5 { padding-right: 5px; }
.pad10 { padding: 10px; } .padt10 { padding-top: 10px; } .padl10 { padding-left: 10px; } .padb10 { padding-bottom: 10px; } .padr10 { padding-right: 10px; }
.marg5 { margin: 5px; } .margt5 { margin-top: 5px; } .margr5 { margin-right: 5px; } .margb5 { margin-bottom: 5px; } .margl5 { margin-left: 5px; }
.marg10 { margin: 10px; } .margt10 { margin-top: 10px; } .margr10 { margin-right: 10px; } .margb10 { margin-bottom: 10px; } .margl10 { margin-left: 10px; }

/* Messages */
.messagebox 
    { font-size: 105%; background-color: #FDEFB9; border: 1px solid #333333; padding: 3px; text-align: center; 
    width: 35%; opacity: .90; filter: alpha(opacity=907); -moz-opacity: .87; cursor: hand; cursor: pointer; }
.messagecontainer 
    { position: absolute; top: 0; left: 0; width: 100%; text-align: center; }
.messagecontent 
    { padding: 8px; text-align: center; }

/* Progress */
.progress 
    { background-color: #FFFFFF; border: 1px solid #666666; padding: 15px; text-align: center; }

/* Accordion */
.accordionh
    { text-align: left; border: 1px solid #888888; color: #2291B5; background-color: #EEEEEE;
    font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; cursor: hand; }
.accordionhs
    { text-align: left; border: 1px solid #2F4F4F; color: #FFFFFF; background-color: #0F80AD; 
    font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; cursor: hand; }
.accordionhs a 
    { text-align: left; color: #FFFFFF; background: none; text-decoration: none; }
.accordionhs a:hover 
    { text-align: left; background: none; text-decoration: underline; }
.accordionc
    {  text-align: left; background-color: #FFFFFF; border: 1px solid #888888; border-top: none; padding: 5px; 
    padding-top: 10px; }

/* Calendar Icon */
.calendar 
    { margin: 1px; cursor: hand; cursor: pointer; white-space: nowrap; }
.calendar img 
    { cursor: hand; pointer: hand; }
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}
    
    
/* Containter */
.Container
{
	background-repeat: repeat-x;
	background-position: top;
    border: 1px solid #C0C0C0;
    margin: 5px 0 5px 0;
}
.ContainerTitle 
{ 
    /* background-image: url(  'Container.gif' ); */ 
    background-color: #245F8E; 
    padding: 4px 8px 4px 8px; 
    /* color: #175B8E; */ 
    color: #FFFFFF; 
    font-size: 93%; 
    font-weight: bold; 
}
.ContainerContent
{
	padding: 5px 5px 5px 5px;
    background-color: White;
	border-top: 1px solid #C0C0C0;
}

.Label
{
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    font-size: 87%;
}
.Field
{
    text-align: left;
    color: #003366;
}
.Status
{
    background-color: #FDEFB9;
    border: 1px solid #333333;
    padding: 15px 20px 15px 20px;
    width: 100%;
    font-size: 17px;
    text-align: center;
    
}