@charset "UTF-8" ;
/* suite/Consumer/suite.css */

body.loFixed1024 #siteCanvas,
body.loFixed800 #siteCanvas,
body.loFixed700 #siteCanvas,
body.loFluidBdr #siteCanvas {
	padding-top: 1em;
}
body.loFixed1024 #siteShell,
body.loFixed800 #siteShell,
body.loFixed700 #siteShell,
body.loFluidBdr #siteShell {
	margin-top: 1em; 
	margin-bottom: 1em;
}
body.loFixed1024 #siteBorder,
body.loFixed800 #siteBorder,
body.loFixed700 #siteBorder,
body.loFluidBdr #siteBorder {
	border: 2px solid;/**/
	/* site drop shadow */
	-webkit-box-shadow: #444 4px 4px 6px;
	-moz-box-shadow: #444 4px 4px 6px;
	box-shadow: #444 4px 4px 6px;
	behavior: url(/web/styles/browser/PIE.htc);
}
/** Framework border colors **********************************************************************/
#siteShell #siteBorder,
#headFrame #toolPanel,
#headFrame #toolPanel #searchText,
#headFrame #toolPanel,
#siteFrame #sitePanel,
#siteFrame #mainFrame,
#siteFrame #menuFrame,
#siteFrame #hubTop #conTopBanner,
#moreFrame div.morePanel,
#footFrame,
#newsPanel,
#breakPanel,
#footFrame #linksPanel {										 
	border-color: #776655;				 /* Color of borders. */
/*	border-color: cyan;					 /* Easy debug color. */
}

div.iwContent #ContactUs,
div.iwContent div.contactUs {
	border-left-color: #776655;
}
#xslSearchResultsLimited .returnMsg {	 /* Search result return message */
	color: #990000;
}
/*********************************************************************************************************************************/
/****** Tool Bar Section**************************************************************************/
/*****************************************************************/
#headFrame #toolPanel {					 /* <-- contains top tool bar */
	position: relative;
	float: right;
	display: inline;
	border: none;
	margin: 0 0 -1.7em 0;
	padding: 0;
	white-space: nowrap;
	background: white url("./img/tool/bg.gif") repeat-x bottom;
	overflow: hidden;		/* prevents ff from displaying a hrz scroll. */
}
#toolPanel #toolList {
	text-align: center;
	margin: 0 0 0 0;
	padding: .15em 0 .2em .2em;
	background: url("./img/tool/left.gif") no-repeat left bottom;
}
#toolPanel #toolList li.tool{
	display: inline;
	margin: 0;
	padding: 0;
}
#toolPanel #toolList a.tool {
	margin: 0;
	padding: 0 0.4em 0 0.4em;
	text-decoration: none;
	font-weight: normal;
}
#toolPanel #toolList a.tool:hover {
	text-decoration:underline; 
}
#toolPanel #toolForm {
	margin:0;
	padding:0 .5em 0 .5em;
	display:inline;
}
#toolPanel #searchLabel {
	margin:0;
	padding:0;
	font-weight: bold;
}
#toolPanel #searchText {
	border: 1px solid;
	margin: 0 0.25em 0 0.25em;
	padding: .1em .2em;
}
#toolPanel #searchButton {
	font-weight: bold;
	color: white;
	margin: 0;
	border: none;
	cursor: pointer;
	height: 1.5em;
}
/*****************************************************************/
/*************************************************************************************************/
/*********************************************************************************************************************************/


/*********************************************************************************************************************************/
/** Header styles ********************************************************************************/
/*****************************************************************/
#headFrame {
	z-index: 0;
/*	background: #fefefe;*/
/*	background: #fefefe url("./img/tab/tall_bg.gif") repeat-x top;  */
}
#headFrame #logoPanel {
	float:left;
	margin:1.7em 0em -1em 1.7em;
	display: inline;
	z-index: 3;
}
#headFrame #logoPanel img {
	border:none;
	width: 14.05em; 
	height: 2.56em; 
}
#headFrame #watermarkPanel {
	float: left;
	margin: 2em -190px -28px 3em;
	width: 190px;
	height: 28px;
/*	background: url(/web/images/beta.gif) transparent;		/**/
	display:none;
}
#headFrame #namePanel {
	float: left;
	clear: left;
	margin: 3em -5em 0 1em;
	display: inline;
					display: none;
}
#headFrame #namePanel h2 {
	/*font: normal normal bold 100% "Times New Roman", Times, serif;*/
	display: inline;
}
#headFrame #namePanel a {
	text-decoration: none;
}
/*********************************************************************************************************************************/
/***** Tab Bar Section ***************************************************************************/
/*****************************************************************/
#tabPanel {								 /* <-- contains top tab bar */
	float: left;
	clear: left;
	width: 100%;
	margin: 0;
	display: inline;
	background: url("./img/tab/bg.gif") repeat-x bottom;
}
#tabUnder {
	float: left;
	clear: left;
	width: 100%;
	height: 0.5em;
}
#tabPanel ul {
	margin: 0;
	padding: 0.5em 0.25em 0 0;
	list-style: none; 
}
#tabPanel li {
	float: right;						/* <-- Aligns tabs to left or right. For "right" you have to reverse the sort in the xsl file. */
	margin: 0;
	padding: 0;
}
#tabPanel li.off {
    background:url("./img/tab/off/right.gif") no-repeat right top;
}
#tabPanel li.on {
    background:url("./img/tab/on/right.gif") no-repeat right top;
}
#tabPanel li a.tabLink {
	display: block;
	float: left;
	height: 1.5em; /**/
	padding: 0.5em 9px 0em 9px;			 /* using px because of nonscalar bg images */
	font-weight: bold;
	text-decoration: none;	
}
#tabPanel li.off a.tabLink {
    background:url("./img/tab/off/left.gif") no-repeat left top;
}
#tabPanel li.on a.tabLink {
    background: url("./img/tab/on/left.gif") no-repeat left top;
	padding-bottom: 0.0625em;	/* 1px to cover base line bg graphic.*/
	color: black;
}
#tabPanel img.tabBullet {
	font-size: 12pt !important;			 /* reset font size of nested image. */
	margin-right: 0.25em; 				 /* space after bullet. */
	width: 0.6875em; 					 /* tab bullet width */
	height: 0.6875em; 					 /* tab bullet height */
	border: none;
}
/*hestia only*/
#tabPanel #bugLink {
	float: left;
	border: none;
}
#tabPanel #bugImage {
	border: none;
	width: 1.81em;
	height: 1.56em;
	margin: 0 0 0 0.4em;
}
/*****************************************************************/
/*************************************************************************************************/
/*********************************************************************************************************************************/

/*********************************************************************************************************************************/
/** SUB-BANNER / BREAK PANEL -- solid band below the site toolbar, sometimes contains dropdowns***/
/*****************************************************************/
#breakPanel {
	float: left;
	clear: left;
	width: 100%;
	border-right: 1px; /**/
	padding: 0;
	font-weight: bold;
	z-index: 3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#breakPanel a {
	text-decoration: none;
	padding: 0.25em 2em 0.25em 0;
}
#breakPanelLeft {
	display: block;/**/
	float:left;
	text-align: center;
	overflow:hidden;
	width: 20%;
	height: 1.25em; /**/
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
	body.col2GFML #breakPanelLeft {
		width: 15.0625em;/**/
		/*width: 15em;
	}
#breakPanelLeft a{
	padding: 0;/**/
}
/**	Internet Pane Styles *************************************************************************/
/**		Basic list pane style */
.pane {
	padding-left: 0;
	margin: 0 0 1em 0;
	border: none;
}
.head2,
.head {
	font-weight: bold;
}
.item {
	line-height: 1.25em;
}
ul.pane {
	list-style-type: none;
}
dl.pane dd {
	margin-left: 0;	/**/
}
.pane .gen3 { margin-left: 0.75em;}
.pane .gen4 { margin-left: 1.50em;}
.pane .gen5 { margin-left: 2.25em;}
.pane .gen6 { margin-left: 3.00em;}
/**		xsl Tool styles **************************************************************************/
#xslHealthNewsList dt.item {			 /* HealthNewsList.xsl Definition Term Item */
	padding-top: 0.4em;
}
#xslHealthNewsList dd.item {			 /* HealthNewsList.xsl Definition Detail */
	padding-left: 0.8em;
}
/**		Pane menu styles *************************************************************************/
#moreFrame a,
#menuFrame a {
	text-decoration: none;
}
#menuFrame .pane
{
	width: 100%;
}
#moreFrame .head,
#menuFrame .head,
#menuFrame .head2
{							 /* sets the heading for left and right nav columns */
	margin-bottom: 1em;	/**/
	text-align: center;	/**/
	width: 100%;	/**/
	padding: 0;	/**/
}
#moreFrame .item,
#menuFrame .item
{
	margin-bottom: 0.5em;	/**/	
	padding: 0 0.2em 0 0.5em;	/**/
	padding-left: 0.5em;	/**/
	padding-right: 0.5em;	/**/
	line-height: 1em;	/**/
}
#menuFrame .item a,
#moreFrame .item a
{
	font-weight: bold;
}
/**********************************************************************************************/
/*** Internet Colors **************************************************************************/
/**********************************************************************************************/
html,
body{
/*	background: #dce8e6 url("/web/iwcontent/public/common/images/general/gradeBkg.png") repeat-x top;/**/
	background-color: #dce8e6;
}
#siteCanvas {
/*
margin: 0;
padding: 0;
height: 100%;/**/
	position: relative;	/* needed for ie linear-gradient behavior */
	z-index: 0;			/* needed for ie linear-gradient behavior */
	background-color: #dce8e6; /* fallback color */
	background-image: -webkit-gradient(linear, 0 0, 0 0, from(#5baaa0), to(#dce8e6));
	background-image: -moz-linear-gradient(#5baaa0, #dce8e6);
	background-image: linear-gradient(#5baaa0, #dce8e6);
	-pie-background: linear-gradient(#5baaa0, #dce8e6);					/* top-color bottom-color */
	behavior: url(/web/styles/browser/PIE.htc);
}
#ieMinWidthPanel,
#siteBorder { 							
 	background-color: #fefefe;			 /* Default background color for the site */
}
#footFrame,
#headFrame {
	background-color: #fefefe;
}
#headFrame {
/*	background:#fefefe url("./img/tab/tall_bg.gif") repeat-x top;  */
}
#headFrame #namePanel a {				 /* Anchor text color of site name in header. */
	color: #005171;						 
}
/***** Tab Bar Colors ****************************************************************************/
#tabPanel a:hover,
#toolPanel a:hover {						 
	color: black;			
}
#tabPanel a,
#toolPanel a,
#toolPanel #searchLabel {							
	color: #765;		
}
/****** Tool Bar Colors **************************************************************************/
#toolPanel #toolList,
#toolPanel #toolList a.tool,
#toolPanel #searchLabel {				
	font-weight: bold;
}
#toolPanel #searchButton {				 /* Search button colors */
	color: white;
	background-color: #647d8f;
	border-color: #92a4b1 #43535f #43535f #92a4b1;
}
/** Footer styles ********************************************************************************/

#footFrame #linksPanel a:hover {		 /* anchor text color on mouse-over on links panel */
	color: #eee8aa;
}
#footFrame #linksPanel,
#footFrame #linksPanel a {				 /* text color for footer links panel */
	color: white;
}
