﻿/* The wrapper style is a default for all pages of the application */

.wrapper
{
	width: 510px;
	margin-right:inherit;
	margin-left:inherit;
	background-color: #FFFFFF;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

v\:* { behavior:url(#default#VML); } 

body 
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: small;
}

.headingLarge
{
	font-family:Trebuchet MS, Arial;
	font-weight:bold;
	font-size: 24pt;
	color: #6A5ACD;
	text-align:center;
}

.heading1
{
	font-family:Trebuchet MS, Arial;
	font-weight:bold;
	font-size: 18pt;
	color: #2A2A9F;
	text-align:center;
}

.heading2
{
	font-family:Trebuchet MS;
	font-weight:bold;
	font-size:14pt;
	color: #2A2A9F;
	text-align:center;
	background-color: #FFFFFF;
}

.heading2Left
{
	font-family:Trebuchet MS;
	font-weight:bold;
	font-size:14pt;
	color: #2A2A9F;
	text-align:left;
	background-color: #FFFFFF;
}

.largeMessage
{
	font-family:Trebuchet MS;
	font-weight:bold;
	font-size:14pt;
	color:GrayText;
	text-align:left;
	background-color: White;
}

.blockText
{
	padding: 10px;
	background-color: Silver;
	border-style: solid;
	border-width: thin;
}

/*
#6A5ACD = slateBlue
#000000 = black
#FFFFFF = white
#B0C4DE = lightSteelBlue
#E0FFFF = lightCyan
#778899 = lightSlateGray
#EEEEEE = light gray
*/

.buttonStd
{ 
    background-color: #6A5ACD;
    font-family: Arial;
    font-size: 9pt;
    font-weight: 600;
    color: #FFFFFF;
    height: 26px;
}

.buttonGray
{ 
    background-color: #EEEEEE;
    font-family: Verdana;
    font-size: 7pt;
    font-weight: bold;
    color: #000000;
    height: 20px;
}

.buttonMinor
{
	color: #556677;
	background-color: #FFFFFF;    
	font-family: Verdana;
    font-size: 7pt;
    font-weight: bold;
    text-decoration:underline;
    border: none;
}

.labelStd
{
	color: #778899;
	background-color: Transparent;    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
}

.labelStdDark
{
	color: #334455;
	background-color: Transparent;    
	font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
}

.labelSmall
{
	color: #334455;
	background-color: Transparent;    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
}

.labelMedium
{
	font-family:Trebuchet MS;
	color: #00688B;
	font-size: 12pt ;
	background-color: Transparent;
    font-weight: bold;
}

.labelLarge
{
	font-family:Trebuchet MS;
	color: #00688B;
	font-size: 14pt ;
	background-color: #FFFFFF;
    font-weight: bold;
}

.labelTiny
{
	color: #646464;
	background-color: Transparent;    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
}

.radioStd
{
	color: #778899;
	background-color: #FFFFFF;    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
}

.checkBoxStd
{
	color: #778899;
	background-color: #FFFFFF;
	font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
}

.ddlbStd
{
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
}

.ddlbSmall
{
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
}

.textBoxStd
{
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana;
    font-size: 7pt;
    font-weight: normal;
}

.textBoxSmall
{
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana;
    font-size: 7pt;
    font-weight: normal;
}

.textBoxInt
{
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    text-align: right;
}

.textBoxDescription
{
	color: #333333;
	background-color: #F4F6F8;
	font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    border-color: #555555;
    width: 320px;
    height: 40px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.cpHeader
{
    color: white;
    background-color: #719DDB;
    font: bold 10pt auto "Trebuchet MS", Verdana;
    cursor: pointer;
    height:14px;
    padding: 2px;            
}
.cpBody
{
    background-color: #DCE4F9;
    font: normal 9pt auto Verdana, Arial;
    border: 1px gray;                
    padding: 2px;
    padding-top: 7px;
} 

.tableColHeader
{
	color: #778899;
	background-color: #FFFFFF;    
	font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}

.tableRowHeader
{
	color: #778899;
	background-color: #FFFFFF;    
	font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
}

.tableCell
{
	color: #778899;
	background-color: #FFFFFF;    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
}

.newsletterTableStd
{
	border-collapse: collapse;
	border-spacing: 0px;
}

.newsletterTableHeader
{
	color: #00688B;
	background-color: #FFFFFF;    
	font-family: Verdana;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    padding-bottom: 3pt;
}

.newsletterTableColHeader
{
	color: white;
	background-color: #778899;
	font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
	padding-left: 10pt;
	padding-right: 10pt;
	padding-bottom: 2pt;
	padding-right: 2pt;
}

.newsletterTableRowHeader
{
	color: Black;
	background-color: Transparent;    
	font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
	/*border-left: 1px solid black;*/
}

.newsletterTableCell
{
	color: Black;
	background-color: Transparent;    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
    border: 1px White;
	border-bottom: 1px solid black;
	padding-top: 2pt;
	padding-bottom: 2pt;
	padding-right: 2pt;
	padding-left: 2pt;

}

.newsletterTableCellNumeric
{
	color: Black;
	background-color: Transparent;    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    text-align:right;
    border: 1px White;
	border-bottom: 1px solid black;
	padding-top: 2pt;
	padding-bottom: 2pt;
	padding-right: 2pt;
}

.newsletterTableFootnote
{
	color: Black;
	background-color: #FFFFFF;    
	font-family: Verdana;
    font-size: 7pt;
    font-weight: normal;
    font-style: italic;
    text-align:left;
}

.newsletterText
{
    color: Black;
	background-color: #FFFFFF;    
	font-family: Verdana;
    font-size: 12pt;
    font-weight: normal;
    text-align:left;
}

.FixedWidthGridView
{
    table-layout:fixed;
}

.reportTableStd
{
	border-collapse: collapse;
}

.reportTableHeader
{
	color: #778899;
	background-color: White; 
	font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
	border: 1px solid black;
}

.reportTableColHeader
{
	color: #778899;
	background-color: White;    
	font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
	border: 1px solid black;
}

.reportTableRowHeader
{
	color: #778899;
	/*background-color: Transparent;*/    
	font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
	border: 1px solid black;
}

.reportTableCell
{
	color: #333333;
	background-color: Transparent;    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
	border: 1px solid black;
}

.reportTableCellNumeric
{
	color: #333333;
	/*background-color: Transparent;*/    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    text-align:right;
	border: 1px solid black;
}

.reportTableCellControl
{
	border: 1px solid black;    
}

.reportItem
{
	color: #333333;
	background-color: Transparent;    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
}

.reportItemNumeric
{
	color: #333333;
	background-color: Transparent;    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    text-align:right;

}

.reportItemCentered
{
	color: #333333;
	background-color: Transparent;    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    text-align:center;

}

.detailItemNumeric
{
	color: #333333;
	font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    text-align:right;
    border-style:none;
}

.verySmallLink
{
	color: #3088CC;
	background-color: #FFFFFF;    
	font-family: Verdana;
    font-size: 7.5pt;
    font-weight: normal;
    text-align:left;
    font-style: normal;
    text-decoration: none;
}

.verySmallText
{
	color: #3088CC;
	background-color: #FFFFFF;    
	font-family: Verdana;
    font-size: 7.5pt;
    font-weight: bold;
    text-align:left;
    text-decoration: none;
}

.smallLink
{
	color: #3088CC;
	background-color: #FFFFFF;    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    text-align:left;
    font-style: normal;
    text-decoration:underline;
}


.smallText
{
	color: #3088CC;
	background-color: #FFFFFF;    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
    text-decoration: none;
}

ul
{
	margin-top: 0;
	margin-bottom: 8.5pt;
}

invisibleText
{
    color: White;
}

#menu
{
  border-style: none;
}

#menu .Item
{ 
  /* CSS class for non-selected Menu Item */
  background: url(../General/images/tabUnselectedTall.png) no-repeat;
  border-style: none;
  width: 106px;
  height: 50px;
  text-align: center;
  padding-top: 6px;
  font-family: Verdana;
  font-size: 9pt;
  font-weight: normal;
  color: Black;
}

#menu .ItemHover
{ 
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
  background: url(../General/images/tabHoverTall.png) no-repeat; 
  border-style: none;
  width: 106px;
  height: 50px;
  text-align: center;
  padding-top: 6px;
  font-family: Verdana;
  font-size: 9pt;
  font-weight: bold;
  color: Black;
}

#menu .ItemSelected
{ 
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
  background: url(../General/images/tabSelectedTall.png) no-repeat; 
  border-style: none;
  width: 106px;
  height: 50px;
  text-align: center;
  padding-top: 6px;
  font-family: Verdana;
  font-size: 9pt;
  font-weight: bold;
  color: Black;
}

#menu .Item2
{ 
  /* CSS class for non-selected Menu Item */
  background: url(../General/images/tabUnselectedNarrow.jpg) no-repeat;
  border-style: none;
  width: 95px;
  height: 50px;
  text-align: center;
  padding-top: 6px;
  font-family: Verdana;
  font-size: 9pt;
  font-weight: normal;
  color: Black;
}

#menu .ItemHover2
{ 
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
  background: url(../General/images/tabHoverNarrow.jpg) no-repeat; 
  border-style: none;
  width: 95px;
  height: 50px;
  text-align: center;
  padding-top: 6px;
  font-family: Verdana;
  font-size: 9pt;
  font-weight: bold;
  color: Black;
}

#menu .ItemSelected2
{ 
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
  background: url(../General/images/tabSelectedNarrow.jpg) no-repeat; 
  border-style: none;
  width: 95px;
  height: 50px;
  text-align: center;
  padding-top: 6px;
  font-family: Verdana;
  font-size: 9pt;
  font-weight: bold;
  color: Black;
}

/* CSS classes for standard Links, only valid inside the #menu DIV */
#menu a, #menu a:visited
{
  background: transparent ! important;
  border-style: none;
  display: block;
}

#menu a:hover, #menu a:active, #menu a:focus
{
  background: transparent ! important;
  border-style: none;
  display: block;
}

.firstDynamicSubmenu
{
    margin-top: -60px;
    margin-left: 150px;
    
}

.progress
{
	background-color: #f0f0f0;
	border-style: solid;
	border-width: thin;
	border-color: Gray;
	color: Navy;
	font-family:Verdana;
	font-size: 10pt;
	font-weight: bold;
	position: absolute;
	top: 165px;
	left: 360px;
	width: 150px;
	height: 30px;
	padding-left: 20px;
	padding-top: 0px;
	z-index: 1;
}

.progress2
{
	background-color: #f0f0f0;
	border-style: solid;
	border-width: thin;
	border-color: Gray;
	color: Navy;
	font-family:Verdana;
	font-size: 10pt;
	font-weight: bold;
	position: absolute;
	top: 450px;
	left: 360px;
	width: 150px;
	height: 30px;
	padding-left: 20px;
	padding-top: 0px;
	z-index: 1;
}

.hrThick
{
	height: 24px;
	background-color: #5D7B9D;
	width: inherit;
}

.multiViewMenu
{
	border-bottom: solid 24px #5D7B9D inherit;
}

.sectionBody
{
	color: #646464;
	background-color: #FFFFFF;    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
}

.italicSmall
{
	color: #646464;
	background-color: #FFFFFF;    
	font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    font-style:italic;
    text-align:left;
}

.italicNormal
{
	color: #646464;
	background-color: #FFFFFF;    
	font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
    font-style:italic;
    text-align:left;
}

#printPageHeader
{
	display: none;
	page-break-before: auto;
}


.printPageHeaderStyle
{
	display: none;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.raveisImageButton {
	color: Black;
	background-color: #d6dde4;    
	font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    text-align:left;
    width: 200px;
    height: 75px;
}

.reportControl 
{
    width: 700px;
    height: 500px;
}

.SiteNavItem
{
  background-color: #777777; 
  color:white;
  font-family:verdana;
  font-size:10pt;
  font-weight: normal;
  height:12pt;
  cursor:pointer;
}

.SiteNavItemHover
{
  background-color: #000080; 
  color:white;
  font-family:verdana;
  font-size:10pt;
  font-weight: normal;
  height:12pt;
  cursor:pointer;
}

.SiteNavDropdownItem
{
  background-color: #777777; 
  color:white;
  font-family:verdana;
  font-size:9pt;
  font-weight: normal;
  height:14pt;
  cursor:pointer;
  border-top-style:solid;
  border-top-width:1px;
  border-top-color:White;
  border-left-style:solid;
  border-left-width:3px;
  border-left-color:#777777;
  border-right-style:solid;
  border-right-width:3px;
  border-right-color:#777777;
}

.SiteNavDropdownItemHover
{
  background-color: #000080; 
  color:white;
  font-family:verdana;
  font-size:9pt;
  font-weight: normal;
  height:14pt;
  cursor:pointer;
  border-top-style:solid;
  border-top-width:1px;
  border-top-color:White;
  border-left-style:solid;
  border-left-width:3px;
  border-left-color:#000080;
  border-right-style:solid;
  border-right-width:3px;
  border-right-color:#000080;
}

.heading2
{
	font-family:Trebuchet MS;
	font-weight:bold;
	font-size:14pt;
	color: #2A2A9F;
	text-align:center;
	background-color: #FFFFFF;
}

.reportTableStd
{
	border-collapse: collapse;
}

.tableNoBorder
{
    border-collapse: collapse;
    border-width: 0px;
    padding: 0px;
}

.pageChartControl
{
    background-color:#333333
}

.chart
{
    position: relative;
    z-index: 0;
}

.hiddenCol
{
    display:none;
}

.eCardHeading1
{
}

.imageButtonMedium
{ 
  /* CSS class for button */
  border-style: none;
  text-align: center;
  vertical-align: middle;
  font-family: Verdana;
  font-size: 8pt;
  font-weight: normal;
  color: Black;
  padding-left: 4px;
  padding-right: 4px;
}

.imageButtonLarge
{ 
  /* CSS class for button */
  border-style: none;
  text-align: center;
  vertical-align: middle;
  font-family: Verdana;
  font-size: 11pt;
  font-weight: normal;
  color: Black;
  padding-left: 4px;
  padding-right: 4px;
}

.mapInfoWindow {
    max-width: 300px;
    width: 300px;
    height: 250px;
    text-align: justify;
    max-height: 250px;
    min-height: 250px;
    min-width: 200px;
    padding-right: 6px;
    overflow-x: auto;
    overflow-y: auto;
}
