/* 
	----------------------------------------------------
	Set the defaults styles for common elements
	----------------------------------------------------
*/

body { 
	margin				: 0; 
 	padding				: 0; 
 	background-color	: #FFFFFF; 
 	color					: black; 
 	font-size			: 12px;
 	font-family			: "Verdana", "Arial", "Helvetica", "sans-serif"; 
}


body a:link{
	color					: black;
}

body a:visited {
 	color					: black;
}

td, th {
	font					: 12px Verdana, Arial, Helvetica, sans-serif;
}

/* 
	----------------------------------------------------
	Definition of the main classes of the page: 												
	1. PageLogo				
	2. PageHeader																					
		2.1 logo
		2.2 logount
		2.3 a:link
		2.4 a:visited
		2.5 a:hover
	3. PageFooter
		5.1 cell
		5.2 a:link
		5.3 a:visited
		5.4 a:hover
	4. <MainNav>
	5. <PageContent>
			
	----------------------------------------------------
*/


/* Wrapper */

#Wrapper{
	width					: 990px; 				/*Width of Wrapper*/
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	background			: #FFFFFF;
}

div#wrapper {
	width: 990px;
    margin: auto;
}


/* PageLogo */

#PageLogo {
	padding				: 5px;
}


/* PageHeader */

#PageHeader {
	background-color	: #006633;
	width					: 990px;
	height				: 21px;
	margin				: 0;
	padding				: 0px;
/*	border-bottom		: #FFFFFF 1pt solid;*/
}

#PageHeader .Logo {
	float					: left;
	margin-left			: 1px;
	margin-top			: 0;
}

#PageHeader .Cell {
	font-size			: 12px;
	color					: white;
	float					: right;
	margin-right		: 20px;
	margin-top			: 4px;
}

#PageHeader a:link,
#PageHeader a:visited {
	text-decoration	: none;
	font-weight			: bold;
	color					: white;
}

#PageHeader a:hover {
	text-decoration	: underline;
	font-weight			: bold;
	color					: #FFFFFF;
}


/* PageFooter */

#PageFooter {
	clear					: both;
	background-color	: #006633;
	margin-top			: 25px;
	font-size			: 12px;
	width					: 990px;
	height				: 21px;
	color					: white;
	text-align			: center;
	font-weight			: bold;
	font-size			: 12px;
}

#PageFooter .Cell {
	line-height			: 1.5em;
	padding-right		: 20px;	
	padding-left 		: 20px;	
}

#PageFooter a:link,
#PageFooter a:visited {
	text-decoration	: none;
	font-weight			: bold;
	color					: white;
}

#PageFooter a:hover {
	text-decoration	: underline;
	font-weight			: bold;
	color					: #FFFFFF;
}


/* 
	----------------------------------------------------
	Classes definition for the MainNav:
	1. MainNav
		1.1 DataTable
		1.2 Header
		1.3 Bullet
		1.4 FirstLevelNav
		1.5 SecondLevelNav
	----------------------------------------------------
*/

#WBPHSLogo 
{
	margin-left: 10px; 
}


#MainNav {
 float					: left;
 top						: 0px;
 left						: 0px;
 width					: 180px;
 margin					: 0px 0px 0px 00px;
 padding					: 20px 0px 20px 0px;
 font-color				: #000000;
}

#MainNav .MainNavTable {
	border				: 0px solid #F2F2E8;
	width					: 210px;
	border-collapse	: collapse;
}

#MainNav .Header{
	font-size			: 12px;	
	font-color			: #000000;
	font-weight			: bold;
	text-align			: left;
	vertical-align		: top;
	padding				: 4px 0px 2px 15px;
}

#MainNav .Bullet {
	color					: black;
	font-family			: Arial,Helvetica,sans-serif;
	font-size			: 14px;
	font-weight			: bold;
	text-decoration	: none;
	padding				: 0px 5px 0px 0px;
}


#MainNav .UserType { 
	margin				: 0; 
 	padding				: 0; 
 	background-color	: #FFFFFF; 
 	color				: black; 
 	font-size			: 14px;
	font-weight			: bold;
	padding				: 0px 0px 10px 0px;
	line-height			: 1em;
 	font-family			: "Verdana", "Arial", "Helvetica", "sans-serif"; 
}

#MainNav .FirstLevelNav{
	color				: #000000;
	font				: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align			: left;
	vertical-align		: top;
	padding				: 3px 0px 3px 20px;
	background-color  : #FFFFFF;
}

#MainNav .SecondLevelNav{
	color					: #000000;
	font					: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align			: left;
	vertical-align		: top;
	padding				: 2px 0px 2px 35px;
	background-color  : #FFFFFF;
}

/* The 'PreLoginNav' style should be used in the login, apply for benefits, and register pages only */
#MainNav .PreLoginNav{
	color				: #000000;
	font				: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align			: left;
	vertical-align		: top;
	padding				: 3px 0px 3px 20px;
	background-color  : #FFFFFF;
}

#MainNav .FirstLevelNav  a:link,
#MainNav .FirstLevelNav  a:visited,
#MainNav .SecondLevelNav a:link,
#MainNav .SecondLevelNav a:visited {
	text-decoration	: none;
	color					: #000000;
}

#MainNav .FirstLevelNav  a:hover,
#MainNav .SecondLevelNav a:hover {
	text-decoration	: underline;
	color					: #000000;
	background-color	: #FFFFFF;
}


#MainNav .PreLoginNav 	 a:link,
#MainNav .PreLoginNav 	 a:visited{
	text-decoration	: none;
	color					: #000000;
}

#MainNav .PreLoginNav a:hover {
	text-decoration	: underline;
	color					: #000000;
	background-color	: #FFFFFF;
}

/* 
	----------------------------------------------------
	Definition of the classes within the PageContent:
	0. ContentWrapper
	1. PageContent
		1.1. Identity
			1.1.1 IdentityLabel
			1.1.2 IdentityValue
		1.2 PageTitle
		1.3 PageSubTitle
		1.4 DataTable
		1.5 DataForm
	2. Help
	----------------------------------------------------
*/


#PageContent {
	margin-left: 200px; /*Set left margin to LeftColumnWidth*/
	border				: 0px solid #F2F2E8;
	margin				: 12px 0 0 230px;
	width					: 755px;
/*	Height				: 450px;   */
	background-color	: white;
}


/* The following class should be used on pages that don't gave the MainNav */
#PageContentFlow {
	margin-left			: 200px; /*Set left margin to LeftColumnWidth*/
	border				: 0px solid #F2F2E8;
	margin				: 12px 0 0 70px;
	width					: 920px;
	Height				: 450px;   
	background-color	: white;
}

.IdentityCompanyName { 
	color					: #101071;
	font-weight			: bold;
	font-size			: 14px;
	line-height			: 1.5em;
}


.Identity {
	margin-top			: 5px;
	margin-bottom		: 18px;
	line-height			: 0.5px;
	padding				: 0px;
	text-align			: right;
}

.Identity .IdentityHeader {
	color					: #006633;
	font-weight			: bold;
	font-size			: 12px;
	line-height			: 1.5em;
}

.Identity .IdentityLabel {
	font-weight			: normal;
	font-size			: 12px;
	line-height			: 1em;
}

.Identity .IdentityValue {
	color				: #101071;
	font-weight			: bold;
	font-size			: 12px;
	line-height			: 1.5em;
}

.Identity .IdentityDropDown {
  	padding				: 1px 1px 1px 1px;
   font-size			: 1.1em;		   
   background-color	: #FFFFFF;
}

.Identity .IdentityButton {
  	padding				: 0px 2px 0px 2px;
   font-size			: 14px;		   
   background-color	: none;
}

.PageTitle {
	color					: #000000;
	font-size			: 14px;
	font-weight			: bold;
	line-height			: 1.5em;
}

.PageSubTitle  {
	color					: #000000;
	font-size			: 12px;
	font-weight			: bold;
	line-height			: 1.5em;
}


/* 
	----------------------------------------------------
	Classes definition for the DataTable:
	1. td, th
	2. DataTable
		2.1 td
		2.2 th
		2.3 AltRow
		2.4 ActiveRow
	----------------------------------------------------
*/

.DataTable {
	border				: 0px solid #F2F2E8;
	border-collapse	: collapse;
}
.DataTable td {
	font					: 10px Verdana, Arial, Helvetica, sans-serif;
	border				: 1px solid #D6DDE6;	
	padding				: 4px;
}
.DataTable th {
	font					: 10px Verdana, Arial, Helvetica, sans-serif;
	color					: white;
	border				: 1px solid #828282;
	background-color	: #101071;
	font-weight			: bold;
	text-align			: center;
	padding-left		: 4px;
	height				: 25px;
}
.DataTable th  a:link,
.DataTable th  a:visited {
	text-decoration	: undelined;
	color					: #FFFFFF;
}
.DataTable th  a:hover,
.DataTable th a:hover {
	text-decoration	: underline;
	color					: none;
}

.DataTable tr.AltRow {
	background-color	: #F2F2E8;
	color					: #000000;
}

.DataTable tr.ActiveRow {
	background-color	: #D3E9FE;
	color					: #000000;
/*	border				: 1.2pt solid red;*/
}
.DataTable .ActiveRow td{
	/*border-top:solid 2px red;
	border-bottom:solid 2px red;*/
}


.DataTable tr:hover,
.DataTable tr.hilite {
	background-color: #D3E9FE;
	color: #000000;
}

/* The following class should be used to cancel the Hilite effect on specific Rows */
.DataTable tr.Neutral{
	background-color	: #FFFFFF;
	color					: #000000;	
}
.DataTable tr.Neutral:hover {  
	background-color	: #FFFFFF;
	color					: #000000;
}

.DataTable .PageIndicator{
	font					: 10px Verdana, Arial, Helvetica, sans-serif;
	color					: blue;
	font-weight			: none;
}

/* 
	----------------------------------------------------
	Classes definition for the DataForm:
	1. DataForm
		1.1 Header
				1.1.1 h6
		1.2 SubHeader
		1.3 FirsRow
		1.4 OthersRow
	2. FormField
	3. FormLabel
	4. FormValue
	5. FormDropDown
	6. FormButton
	----------------------------------------------------
*/

.DataForm{
   table-layout		: fixed;
   font-size			: 10px;
   font-family			: Verdana;
   border-collapse	: collapse;
  	border				: 1px solid #D6DDE6;
}
.DataForm .Header{
   color					: #FFFFFF;
   background-color	: #101071;
   padding				: 5px 5px 5px 5px;
}
.DataForm .Header h6 {
	font-size			: 12px;
	margin-top			: 0px;
	margin-bottom		: 0px;
}
.DataForm .Header a:link,
.DataForm .Header a:visited {
	text-decoration	: undelined;
	color					: #FFFFFF;
}
.DataForm .SubHeader{
	font-size			: 14px;
	font-weight			: bold;
	color					: #000000;
	margin-top			: 0px;
	margin-bottom		: 0px;			
}		
.DataForm .FirstRow{
   background-color	: #F2F2E8;
/* border-top			: #80A69B 5pt solid;*/
	padding				: 10px 0px 5px 5px;
	vertical-align		: middle;
}
.DataForm .OthersRow{
   background-color	: #F2F2E8;
   vertical-align		: top;
   padding				: 0px 0px 5px 5px;
   vertical-align		: middle;
}
.FormField{
/*	border-right		: #7F9DB9 1pt solid;
   border-top			: #7F9DB9 1pt solid;	*/
  	padding				: 1px 1px 1px 1px;
   font-size			: 1.1em;			   
   background-color	: #FFFFFF;
/*	border-left			: #7F9DB9 1pt solid;
   border-bottom		: #7F9DB9 1pt solid;	*/
}
.FormTextArea{
  	padding				: 1px 1px 1px 1px;
   font-size			: 1.2em;			   
   background-color	: #FFFFFF;
}
.FormLabel{
	font-size			: 1em;
	color					: #000000;
	margin-left			: 2px;
}		
.FormValue{
	font-size			: 1em;
	font-weight			: bold;
	margin-left			: 5px;
	background-color	: #F2F2E8;
}		
.FormDropDown{
/* border-right		: #dcdcdc 1pt solid;
   border-top			: #dcdcdc 1pt solid;	*/
  	padding				: 1px 1px 1px 1px;
   font-size			: 1.1em;		   
   background-color	: #FFFFFF;
/*	border-left			: #dcdcdc 1pt solid;
   border-bottom		: #dcdcdc 1pt solid;	*/
}
.FormButton{
  	padding				: 0px 2px 0px 2px;
   font-size			: 14px;		   
   background-color	: none;
}
.Note{
	font-size			: 1em;
	font-style			: italic;
	color					: #000000;
}
/* 
	----------------------------------------------------
	Classes definition for the Help:
	1. Help
			1.2 a:link
			1.3 a:active
			1.4 a:hover
			1.5 a:visited
	----------------------------------------------------
*/

.Help {
	font-size			: 12px;
	margin-left: 5px;
}
/*
.Help a:link, a:active {
	color					: blue;
}
*/
.Help a:hover {
	color					: blue;
	cursor				: help;
}
/*
.Help a:visited {
	color					: blue;
}
*/
/*
	-------------------------------------------------------------------------
	The 'HiddenDIvCLass' and 'VisibleDivClass' should be used with JavaScript
	to create a Visible/Hidden effect over a block of HTML.
	-------------------------------------------------------------------------
*/
.HiddenDivClass
{
 	display				: none;
	visibility			: hidden;
}
.VisibleDivClass
{
	display				: block;
	visibility			: visible;
}

/*
	--------------------------------------------------------------------------
	These classes were created to be applied on the "FlexCoverageSelect" Page.
	--------------------------------------------------------------------------
	
*/
.TableHeader1{
	font					: 10px Verdana, Arial, Helvetica, sans-serif;
	color					: white;
	background-color	: #101071;
	font-weight			: bold;
	text-align			: center;
	height				: 25px;
}
.TableHeader2{
	font					: 10px Verdana, Arial, Helvetica, sans-serif;
	color					: black;
	background-color	: #98C868;
	font-weight			: bold;
	text-align			: center;
	height				: 25px;

}
.TableBody1{
	font					: 10px Verdana, Arial, Helvetica, sans-serif;
	color					: black;
	background-color	: #F2F2E8;
	font-weight			: normal;
}
.TableBody2{
	font					: 10px Verdana, Arial, Helvetica, sans-serif;
	color					: black;
	background-color	: #F8F8C8;
	font-weight			: normal;
}


/*
	---------------------------------------------------------------------------------
	The following classes were created to be applied on the "Forms & Brochures" Page.
	---------------------------------------------------------------------------------
	
*/

div.sectionContent {
    margin: 5px 5px;
    display: none;
    visibility: hidden;
}


.BulletHeader{
	background-color	: "#DDDDDD";
}
.BulletDetail{
	background-color	: "#F2F2E8";
}

.BulletLinkHeader,
.BulletLinkHeader a:link,
.BulletLinkHeader	a:visited {
	color					: #000000;
	text-decoration	: none;
	padding				: 1px 2px 1px 2px;
}
.BulletLinkHeader:hover {
	text-decoration	: none;
	color					: #000000;
}
.BulletLinkDetail,
.BulletLinkDetail a:link,
.BulletLinkDetail	a:visited {
	color					: #0000FF;
	text-decoration	: undeline;
	padding				: 1px 2px 1px 2px;
}