﻿BODY
{
	background-color:Gray;
	text-align: left;
    height: 100%;
	width: 100%;
	font-family: Trebuchet MS;
	font-size: 10pt;
}

H1
{
	font-family:Trebuchet MS !important;
	font-style:italic !important;
	color:black !important;
	font-size:14pt !important;
	margin:2px 0px 5px 0px !important;
	padding: 0px 0px 0px 2px !important;
	border-bottom:solid 2px black !important;
	border-bottom-color:#D2D5C5 !important;
}

H2
{
	text-align:left !important;
	background-color:#336699 !important;
	font-family:Trebuchet !important;
	font-size:10pt !important;
	color:White !important;
	margin: 5px 0px 5px 0px !important;
	padding: 0px 0px 0px 2px !important;
	border-bottom: solid 2px #D2D5C5 !important;
	width: 100% !important;
}

H3
{
	width:100% !important;
	vertical-align:middle !important;
	background-color:#A3B3C2 !important;
	text-align:left !important;
	font-family:Trebuchet !important;
	font-size:10pt !important;
	color:white !important;
	margin: 0px 0px 0px 0px !important;
	padding: 1px 1px 1px 1px !important;
	border-bottom: solid 2px #D2D5C5 !important;
}

a 
{
	font-size:small;
	font-family:Arial;
	color:#585858;	
}

.warningsmall {
	color: red;
	font-weight: bold;
}

.Instructions
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	text-decoration: none;
}

.labelbold
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	font-style: normal;
	color: #003300;
	text-decoration: none;
}

.labelItalic
{
	font-weight: normal;
	font-size: 7pt;
	color: #003300;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/*.label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	font-style: normal;
	color: #003300;
	text-decoration: none;
}*/
label
{
	font-size:small;
	font-family:Arial;
	color:#585858;	
}

.externalbutton
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	border-style: solid;
	border-width: 1px;
	border-color: #C5BBAF;
	background-color: White;
	color: #1C5E55;
	text-align: center;
	vertical-align: bottom;
	cursor: hand;
}

.pageheading
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #003300;
}

.loginTitle
{
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #2E6B98;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}


.buttonStyle { 
   width: 130px;
}

input.actionBar
{
	font-family:Trebuchet MS,arial;
	margin-right:2px;
	width:90px;
}

DIV.actionBar
{
    padding: 2px 2px 2px 2px;
    width:100%;
    float:left;
}

DIV.PageAlertMessage
{
	background-color: transparent;
	font-family:arial;
	font-style: italic;
    font-size: 8pt;
    font-weight: bold;
    color:Red;
    text-align:Left;
    vertical-align:bottom;
}

DIV.inputForm
{
	font-family:Trebuchet MS;
	font-size:9pt;
	width:900px;
	float:left;
	border:solid 1px black;
	background-color:White;
}

DIV.inputFormGroup
{
	font-family:Trebuchet MS;
	width:900px;
	float:left;
	background-color:White;
	margin-top:5px;
}

DIV.inputFormGroupSlim
{
    font-family:Trebuchet MS;
	width:459px;
	float:left;
	background-color:White;
	margin-top:5px;
}

DIV.inputFormItem
{
	font-family:Trebuchet MS;
	width:285px;
	height:45px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}

DIV.inputFormItemTall
{
	font-family:Trebuchet MS;
	width:285px;
	height:60px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}

DIV.inputFormItemNoWidth
{
	font-family:Trebuchet MS;
	height:45px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}

DIV.inputFormItemNoWidthTall
{
	font-family:Trebuchet MS;
	height:60px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}

DIV.inputFormItemNoWidthRightMargin
{
	font-family:Trebuchet MS;
	height:45px;
	margin: 0px 20px 0px 0px;
	padding:0px 0px 0px 2px;
	float:left;
}

DIV.inputFormItemNarrow
{
	font-family:Trebuchet MS;
	width:200px;
	height:45px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}

DIV.inputFormItemNarrowWidthSmall
{
	font-family:Trebuchet MS;
	width:160px;
	height:45px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}
Div.modalInputFormItemFullWidth
{
	font-family:Trebuchet MS;
	width:100%;
	height:45px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}
DIV.inputFormItemNarrowTall
{
	font-family:Trebuchet MS;
	width:200px;
	height:60px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 2px;
    border-style: solid;
    border-color: Black;
    padding: 5px;
    width: 700px;
    position: relative;
    overflow: auto;
}

DIV.modalInputFormGroup {
    font-family: Trebuchet MS;
    width: 700px;
    float: left;
    background-color: White;
}

DIV.modalInputFormItemNarrow {
    font-family: Trebuchet MS;
    width: 150px;
    height: 45px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    float: left;
}

H2.modal {
        width: 696px;
        text-align: left;
        background-color: #336699;
        font-family: Arial, 'Microsoft Sans Serif', Verdana;
        font-size: 10pt;
        color: White;
        margin: 5px 0px 5px 0px;
        padding: 0px 0px 0px 2px;
        border-bottom: solid 2px #D2D5C5;
    }

DIV.modalInputFormItemNoWidth {
    font-family: Trebuchet MS;
    height: 45px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    float: left;
}

label.modalHeader, span.modalHeader {
    width: 698px;
    font-family: Trebuchet MS;
    font-style: italic;
    color: black;
    font-size: 14pt;
    margin: 2px 0px 5px 0px;
    padding: 0px 0px 0px 2px;
    border-bottom: solid 2px black;
    border-bottom-color: #D2D5C5;
    float: left;
}

.modalPopupWide {
    background-color: #FFFFFF;
    border-width: 2px;
    border-style: solid;
    border-color: Black;
    padding: 5px;
    width: 810px;
    position: relative;
    overflow: auto;
    overflow-y: scroll;
}


DIV.modalActionBar {
    background-color: #D2D5C5;
    font-family: arial;
    font-size: small;
    color: Black;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    padding: 2px 2px 2px 2px;
    width: 696px;
    float: left;
}

DIV.modalActionBarWide {
    background-color: #D2D5C5;
    font-family: arial;
    font-size: small;
    color: Black;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    padding: 2px 2px 2px 2px;
    width: 796px;
    float: left;
}

DIV.accountDisplayItem {
    font-family: Trebuchet MS;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
}

DIV.inputFormItemMedium
{
	font-family:Trebuchet MS;
	width:400px;
	height:45px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}

DIV.inputFormItemMediumWideNoHeight
{
	font-family:Trebuchet MS;
	width:600px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}

DIV.inputFormItemMediumTall
{
	font-family:Trebuchet MS;
	width:500px;
	height:60px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}

DIV.inputFormItemWide
{
	font-family:Trebuchet MS;
	width:801px;
	height:45px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}


DIV.inputFormItemWideMultiLine
{
	font-family:Trebuchet MS;
	width:801px;
	height:69px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}

DIV.inputFormItemWideMultiLineTall
{
	font-family:Trebuchet MS;
	width:801px;
	height:150px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}

DIV.inputFormItemWideMultiLineNoHeight
{
	font-family:Trebuchet MS;
	width:801px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	float:left;
}

DIV.caption
{
font-family:arial;
font-style: italic;
font-size:  .90em;
color:#2E6B98;
}

.validationIndicator
{
	font-weight: bold;
	font-size: 9pt;
	color: red;
	font-family: Arial, 'Microsoft Sans Serif' , Verdana;
	text-decoration: none;
}

.validationSummary
{
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}



.ListSearchExtenderPrompt
{
	font-size:small;
	font-style:italic;
	color:Black;
	background-color:#C2D1E0;
}

.Grid { border: solid 1px #000000; width:100%;}

.Grid span
{

font-size:11px;
font-family:arial;
font-weight:normal; 
font-style:normal;
color:Black;
}

.Grid Caption
{
font-family:arial;
font-style: italic;
font-size:  .75em;
color:#2E6B98;
}

.Grid td, .Grid label, .Grid a, .Grid tr
{
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
color: Black;
font-size:11px;
border:  inherit;
vertical-align: top;
}

.GridHeader
{
font-weight:  normal;
background-color: #A3B3C2;
border: transparent;
text-align: center;
font-size:  small;
}

.SubGridHeader
{
font-weight: normal;
background-color: Transparent;
border: transparent;
text-align:  left;
font-size:  small;
}

.SubGridHeader TH
{
font-style: normal;
font-weight: bold;
font-size:  small;
}

.GridHeader a
{
	color: #565656;
	font-size:  12px;
	border: transparent;
}

.GridHeader span
{
	color: #ffffff;
}

.GridItem
{
background-color: #FFFFFF;
border: solid 1px #FFFFFF;
}

.GridAltItem
{
background-color: #F0F0F0;
border: solid 1px #FFFFFF;
}

.GoogleAddressBubble {
	background-color: Transparent;
	text-align:left;
	font-family:Arial;
	font-size:small;
	font-style: italic;
	font-weight:  normal;
	color:#2E6B98;
	display:block;
	width:300px;
}

.googleMarkerLabel {
    color: white;
    background-color: #F75C54;
    font-family: "Arial", sans-serif;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    width: 15px; 
    height: 12px;    
    white-space: nowrap;
}

.collapsiblePanelHeader
{
    border: 1px solid #2F4F4F;
    color:  white;
    background-color: #2E6B98;
    font-family: Arial, Sans-Serif;
    font-size:  small;
    font-weight:  bold;            
    padding: 3px;
    cursor:  pointer;
    vertical-align:middle;	
}

.collapsePanel {
	height:0px;
	background-color:white;
	overflow:hidden;
}

input
{
	font-family:arial;
    font-size:12px;
    color:Black;
}