/*

Corporate Site Style Sheet
Pacific Blue Cross/BC Life
Version 3.0
Author: Brad Lyle / Ashish Anand
Last Updated: May 26, 2003
Copyright 2003. All Rights Reserved.

*/

/*   Scroll bar  */

html {
  scrollbar-arrow-color: #000366;
 /* scrollbar-3dlight-color: #FFFFFF;*/
  scrollbar-highlight-color: #E4F5FB;
  scrollbar-face-color: #66CCFF;
  scrollbar-shadow-color: #0099DD;
  scrollbar-darkshadow-color: #000366;
  scrollbar-track-color: #D0D8EF;
}


/* Links and Navigation */

/* Basic hyperlink */
a:visited { color: #000366; }
a:link { color: #00089C;  text-decoration: underline;  }
a:hover { color: #0099DD; }
a:active { color: #66CCFF; }

/* Left side navigation */
a.navroll:link { color: #000366; text-decoration: none; }
a.navroll:active { color: #66CCFF; }
a.navroll:visited { color: #000366; }
a.navroll:hover { color: #0099DD; }

/* Top navigation in #0099DD area */
a.navroll09D:link { color: #FFFFFF; text-decoration: none; background-color: #0099DD; }
a.navroll09D:active { color: #00089C; background-color: #0099DD; }
a.navroll09D:visited { color: #FFFFFF; background-color: #0099DD; }
a.navroll09D:hover { color: #000366; background-color: #0099DD; }

/* Top navigation in #000366 area */
a.navroll036:link {	color: #FFFFFF; text-decoration: none; background-color: #000366; }
a.navroll036:active { color: #0099DD; background-color: #000366; }
a.navroll036:visited { color: #FFFFFF; background-color: #000366; }
a.navroll036:hover { color: #66CCFF; background-color: #000366; }

/* Navigation Font Style*/
.nav
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 11px;
	color: white;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	
}

/* Used for xxx.planoffice.ca nav_dropshadow only */

.nav_drop
{
	color: #0099DD;
	font-size: 10px;
	line-height: 110%;
	font-family: Arial, Helvetica, sans-serif;
	background-image:  url(../images/nav_dropshadow.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}

td.nav_drop
{
	background-image:  url(../images/nav_dropshadow.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}	


/* Text Content Tags */
.body
{
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #000366;
	font-size: 11px;
	line-height: 120%;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	text-align: left;
	margin-top: 4px;
	margin-bottom: 6px;
}

.help_body
{
	color: #000366;
	font-size: 11px;
	line-height: 140%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	list-style: square;
}

/*   Small note text  */
.footer
{
	color: #000366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 150%;
	margin-bottom: 4px;
	margin-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: left;
	vertical-align: middle;
}

.footer_license
{
	color: #0099DD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 150%;
	margin-bottom: 4px;
	margin-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: left;
	vertical-align: middle;
}

.note
{
	color: #000366;
	background-image:  url(../images/bg_note_table.gif);
	background-repeat: repeat;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 140%;
}
.note_clear
{
	color: #000366;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 140%;
}	

.note_clear_09D
{
	color: #0099DD;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
}	


/* Headings */
.h1
{
	color: #000366;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	margin-bottom: 3px;
	line-height: 150%;
}

.h2
{
	color: #000366;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	line-height: 140%;
}

.h3
{
	color: #000366;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 140%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 700;
}

.h4
{
	color: #000366;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 140%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 700;
}

/* Tables */

td 
{
	background-repeat: no-repeat;
}

.table_content
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 2px;
	color: #000366;
}

.table_header
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	text-align: center;
	vertical-align: middle;
	margin-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 4px;
	line-height: 110%;
	border-bottom: 1px solid #000366;
	border-right: 1px solid #000366;
	border-left: 1px solid #AFC4D5;
	border-top: 1px solid #AFC4D5;
	font-weight: bold;
	color: #FFFFFF;
	background-image:  url(../images/bg_tableheader_cell.gif);
	background-color: #5A79BD;
	background-repeat: repeat;
}

td.table_header
{
	background-image:  url(../images/bg_tableheader_cell.gif);
	background-color: #5A79BD;
	background-repeat: repeat;
}

.table_subheader
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	text-align: center;
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 4px;
	color: #000366;
}

td.table_subheader
{
	color: #000366;
	font-weight: bolder;
	background-color: #D0D8EF;
}

.table_row01 
{ 
	font-weight: normal;
}

td.table_row01 
{ 
	background-color: #FFFFFF;
}

.table_row02 
{ 
	font-weight: normal; 
}

td.table_row02 
{ 
	background-color: #E7F1FB;
}

.table_last_row
{
	font-weight: bold;
	text-transform: uppercase;
	color: #000366;

}

td.table_last_row
{
	background-color: #D0D8EF;
}

	
/* Form Elements */

form { display: inline; }

.drop_down_1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-right: 6px;
	color: #000366;
	background-color: #E7F1FB;
}

.submit_button
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	background-image:  url(../images/btn_background.gif);
	border-bottom: 1px solid #000366;
	border-right: 1px solid #000366;
	border-left: 1px solid #0099DD;
	border-top: 1px solid #AFC4D5;
	color: #000366;
	cursor: hand;
	padding: 2px 4px;
}

.form_label
{
	color: #0099DD;
	font-weight: bolder;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	line-height: 120%;
	letter-spacing: normal;
}

.text_area
{
	border: 1px #5A79BD solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000366;
	background-color: #E4F5FB;
	margin: 1px;
	padding: 2px;
	letter-spacing: 0.045em;
}

.form_selection {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #000366;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
}

/* These styles are used in AbsolutePMXE polls */
.Message
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000366;
}

.Questions
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000366;
}

.Answers
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000366;
	background-color: #E7F1FB;
}

.Percentages
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 9px;
}

.HeaderBackground
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
	text-align: center;
	vertical-align: middle;
	margin-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 4px;
	line-height: 110%;
	border-bottom: 1px solid #000366;
	border-right: 1px solid #000366;
	border-left: 1px solid #AFC4D5;
	border-top: 1px solid #AFC4D5;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000366;
}

.ThankYouMessage
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000366;
}


/* This next style is for use with fValidate only*/
.errHilite { background-color: #FFCCCC; }

/* Dynamic Tree Menu Used in Help Section*/
.clsNode, .clsNode:visited
{
	font-family: Tahoma, Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000366;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

.clsNode:hover
{
	font-family: Tahoma, Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0099DD;
	background: #E7F1FB;
	font-size: 11px;
	text-decoration: underline;
}

.clsNodeL1, .clsNodeL1:visited
{
	font-family: Tahoma, Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000366;
	font-size: 11px;
	text-decoration: none;
}

.clsNodeL1:hover
{
	font-family: Tahoma, Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0099DD;
	background: #E7F1FB;
	font-size: 11px;
	text-decoration: underline;
}

.clsNodeL2, .clsNodeL2:visited
{
	font-family: Tahoma, Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000366;
	font-size: 11px;
	text-decoration: none;
}

.clsNodeL2:hover
{
	font-family: Tahoma, Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0099DD;
	font-size: 11px;
	text-decoration: underline;
}

.clsNodeL3, .clsNodeL3:visited
{
	font-family: Tahoma, Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000366;
	font-size: 11px;
	text-decoration: none;
}

.clsNodeL3:hover
{
	font-family: Tahoma, Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0099DD;
	font-size: 11px;
	text-decoration: underline;
}

.PO_selected_background
{
	background-color:#E7F1FB;
}