﻿/* text formatting */
UL {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
}
LI {
	COLOR:#000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE:  11px;
}
H2 {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
}
H3 {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
}
H4 {
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
}
H5 {
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
}
P { 
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
}
PRE {
	COLOR: #999999;
	FONT-FAMILY: 'Times New Roman';
	FONT-SIZE : xx-small;
}

A:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #0066cc;
	FONT-SIZE: 11px;
}
A:visited {
	COLOR: #0066cc;
	FONT-SIZE: 11px;
}
A:active {
	COLOR: #444444;
	FONT-SIZE: 11px;
}

/* Form formatting */ 
 
OPTION {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
}

/* Table formatting */
TH {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
}
TD {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
}

/* ********** Classes ************ */

/* These are specifically used for links within navigation component */

A.NavBarTop:link {
	COLOR: #000;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	text-decoration : none;
}
A.NavBarTop:active {
	COLOR: #000;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	text-decoration : none;
}
A.NavBarTop:visited {
	COLOR: #000;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	text-decoration : none;
}
A.NavBarTop:hover {
	COLOR: #FFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	text-decoration : none;
}
.NavCellDefaultTop  {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	background : #B0C4DE/*#C9C9C9*/;
}
.NavCellActiveTop  {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	background : #F6E8AE;
}
A.NavBarLow:link {
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration : none;
}
A.NavBarLow:active {
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration : none;
}
A.NavBarLow:visited {
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration : none;
}
A.NavBarLow:hover {
	COLOR: #666699;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration : none;
}
.NavCellDefaultLow  {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	background: #BBD0DD url("icon_navthree.gif") left center;
	background-repeat: no-repeat;
	padding-left: 10px;
	text-align: left;
	border: 0px solid #5285AB;
	white-space: nowrap;
}
.NavCellActiveLow  {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	font-weight: bold;
	background: #BBD0DD url("icon_navthree.gif") left center;
	background-repeat: no-repeat;
	padding-left: 10px;
	text-align: left;
	border: 0px solid #5285AB;
	white-space: nowrap;
}

/* This one is specifically for formatting the text in the copyright footer to be small */
.QuestionBox{
   background-color : #EEEEEE; 
   layer-background-color :#EEEEEE;
   border-style : solid;
   width : 550px;
   border-color : #cccccc;
   border-width : 1px;
   padding : 0px;
   margin : 0px;
}
.saformbox {
	background: #EDEDED;
}
TD.cellCustom { 
	text-align: center; 
}
.copyright {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
}

/*This class is for links in measures table */
A.MLink:active {
	COLOR: #003399;
	text-decoration: underline;
}
A.MLink:visited {
	COLOR: #003399;
	text-decoration: underline;
}
A.MLink:hover {
	COLOR: #003399;
	text-decoration: underline;
}
A.MLink:link {
	COLOR: #003399;
	text-decoration: underline;
}

/* classes from 2020 css sheet */

.pullquote {
    COLOR: #2f85cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold
}
.2020header1 {
    COLOR: #454545;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold
}
.basicsQ {
    FONT-WEIGHT: bold
}
.2020head {
    BACKGROUND-COLOR: #2f85cc;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}
.2020Numbers {
    COLOR: #ff6347;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 18px;
    FONT-WEIGHT: bold
}
.psehead1 {
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
A.footer {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
.price {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px
}
.rebatecolor {
    COLOR: #cc3300;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}
.yourprice {
    COLOR: #2f85cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bolder
}
.HomeWhite {
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px
}
.9pt {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
TABLE.BlueBorder {
    BORDER-BOTTOM: #2f85cc;
    BORDER-LEFT: #2f85cc;
    BORDER-RIGHT: #2f85cc;
    BORDER-TOP: #2f85cc
}
P.rebates {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    MARGIN-BOTTOM: 11pt;
    MARGIN-TOP: 11pt
}
P.SmallMargin {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    MARGIN-BOTTOM: 2pt;
    MARGIN-TOP: 2pt
}
HR.LightGreyLine {
    COLOR: #cccccc
}
.location {
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none
}
A.location {
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
.header {
    COLOR: #f5f5f5;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 1pt;
    MARGIN-TOP: 1pt;
    TEXT-DECORATION: none
}
.inheader {
    COLOR: #ffcc33;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 0pt;
    MARGIN-TOP: 1pt;
    PADDING-BOTTOM: 0pt;
    PADDING-LEFT: 1pt;
    TEXT-DECORATION: none
}
TABLE.Offers {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt
}
TD.Offers {
    BORDER-BOTTOM: #cccccc 1px solid;
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
TD.FormLabel {
    TEXT-ALIGN: right;
    VERTICAL-ALIGN: top
}
TD.FormLabelRequired {
    COLOR: red;
    TEXT-ALIGN: right;
    VERTICAL-ALIGN: top
}
STRONG.Box {
    COLOR: white
}
P.NoBorder {
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    MARGIN-BOTTOM: 0px;
    MARGIN-TOP: 0px
}
TH.FormLabel {
    FONT-WEIGHT: bold;
    TEXT-ALIGN: right
}
H4.NoBreak {
    MARGIN-BOTTOM: 0pt;
    PADDING-BOTTOM: 0px
}
TH.FormLabelLeft {
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left
}
.medium {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: medium;
    FONT-WEIGHT: bold
}
TH.lightlable {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: right
}
.vsmall {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
.small {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px
}
.getcon {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bolder
}
A.topnav:active {
    COLOR: gray;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}
.rchead {
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}
.fprod {
    COLOR: #2f85cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.bold11 {
    COLOR: #2f85cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold
}
td.calc {
		font-size: 9pt;
		font-family: Arial, Helvetica, sans-serif;
		color: #ffffff;
}
.borderDIV {
	background-color : #E8E8E8; 
	layer-background-color :#E8E8E8;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	border-style : solid; 
	border-color : #bebebe;
	border-width : 1px;
	padding: 3px;
	width : 500px; 
}
.GreyBox{
   background-color : #F2F2F2; 
   layer-background-color :#F2F2F2;
   border-style : solid;
   border-color : #000099;
   border-width : 1px;
   padding : 3px;
}
.BlueBox{
   background-color : #0066cc; 
   layer-background-color :#0066cc;
   border-style : solid;
   border-color : #000000;
   border-width : 1px;
   padding : 3px;
}
.BottomBenchMarkNav{
   border-style : solid;
   border-width : 1px;
   padding : 3px;
   margin-top: 12px;
   background-color:#E9F1FE;
   width:390;
}
.BlankBox{
   border-style : solid;
   border-color : #000099;
   border-width : 1px;
   padding : 3px;
}
.BoldBlueText {
	color : #000099 ;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

.SmallText {
    FONT-SIZE: 11px;
}
.BlueCellWhiteBoldText {
    BACKGROUND-COLOR: #2f85cc;
    COLOR: white;
    FONT-SIZE: 11px;
}
.unFramedTextInput {
	border: #0FF;
	text-align: right;
}
.rightTextInput {
	text-align: right;
}




/* ****************************************************************** */
/*   Styles in the following section is specific to Global Nav in IBP */
/*   These aren't in business.css cos not all legacy pages call business.css */
/* *************************************** */

DIV.GlobalNav, DIV.MainUserInfo TABLE.UserInfo, DIV.logoutButton {
	width: 500px;
}

/*   Global list button look and feel here */

A.GlobalButton, A.GlobalButton:visited, A.GlobalButton:active {
	color: #036;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #BBD0DD;
	border: 1px solid #CCC;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
}

/*   NavOne are tabs - refer to tabs for tab styles     */

DIV.GlobalNav {
	margin-bottom: 0px;
}

DIV.GlobalNav .NavOne {
	background-color: #FFF;
	border-bottom: 4px solid #5285AB;
}

DIV.GlobalNav .NavOne .LeftOff IMG, DIV.GlobalNav .NavOne .RightOff IMG, .NavOne .LeftOn IMG, DIV.GlobalNav .NavOne .RightOn IMG {
	vertical-align: top;
}

DIV.GlobalNav .NavOne .LeftOff, DIV.GlobalNav .NavOne .RightOff, DIV.GlobalNav .NavOne .TabOff {
		background-color: #BBD0DD;
}

DIV.GlobalNav .NavOne .TabOn A:link, DIV.GlobalNav .NavOne .TabOn A:visited, DIV.GlobalNav .NavOne .TabOn A:active, .NavOne .TabOn A:hover {
	font-size: 12px; 
	color: #FFF; 
	padding: 2px;
	text-decoration: none;
	vertical-align: bottom;
}

DIV.GlobalNav .NavOne .TabOff A:link, DIV.GlobalNav .NavOne .TabOff A:visited, DIV.GlobalNav .NavOne .TabOff A:active {
	font-size: 12px; 
	font-weight: normal;
	color: #006; 
	text-decoration: none;
	vertical-align: bottom;
	padding: 0px 5px 0px 5px;
}

DIV.GlobalNav TD.TabOn  {
	background-color: #5285AB; 
	border-bottom: 1px solid #5285AB;
	border-top: 1px solid #5285AB;
	font-size: 12px; 
	padding: 0px 5px 0px 5px;
}

DIV.GlobalNav TD.TabOff  {
	background-color: #BBD0DD; 
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #BBD0DD;
	font-size: 8pt; 
	padding: 0px 5px 0px 5px;
}

DIV.GlobalNav .NavOne TD.LeftOff, DIV.GlobalNav .NavOne TD.RightOff {
		border-bottom: 1px solid #FFF;
}

DIV.GlobalNav .NavOne TD.LeftOn, DIV.GlobalNav .NavOne TD.RightOn  {
	background-color: #5285AB; 
	border-bottom: 1px solid #5285AB; 
}

DIV.GlobalNav .NavOne TD.LeftOff, DIV.GlobalNav .NavOne TD.LeftOn {
	padding: 0;
	text-align: left;
	border-left: 1px solid #FFF;
}

DIV.GlobalNav .NavOne TD.RightOff, DIV.GlobalNav .NavOne TD.RightOn {
	padding: 0;
	text-align: right;
	border-right: 1px solid #FFF;
}


/* Level 2 -  level under tabs    */

DIV.GlobalNav .NavTwo {
	padding: 0px 2px 0px 5px;
	background-color: #5285AB;
	border-bottom: 2px solid #5285AB;
}

DIV.GlobalNav .NavTwo TD.NavOff, DIV.GlobalNav TD.NavDisable {
	border-right: 1px solid #FFF;
	border-bottom: 2px solid #5285AB;
	text-align: center;
	padding: 1px;
}

DIV.GlobalNav .NavTwo TD.NavOffCap {
	border-right: 0;
	text-align: center;
}

DIV.GlobalNav .NavTwo TD.NavOn {
	background-color: #5285AB;
	border-right: 1px solid #FFF;
	text-align: center;
	padding: 1px;
}

DIV.GlobalNav .NavTwo TD.NavOff A, DIV.GlobalNav .NavTwo TD.NavOff A:link, DIV.GlobalNav .NavTwo TD.NavOff A:visited, DIV.GlobalNav .NavTwo TD.NavOff A:active, 
DIV.GlobalNav .NavTwo TD.NavOffCap A, DIV.GlobalNav .NavTwo TD.NavOffCap A:link, DIV.GlobalNav .NavTwo TD.NavOffCap A:visited, DIV.GlobalNav .NavTwo TD.NavOffCap A:active  {
	font-size: 11px; 
	font-weight: normal;
	color: #FFF; 
	text-decoration: none;
}

DIV.GlobalNav .NavTwo TD.NavOn A, DIV.GlobalNav .NavTwo TD.NavOn A:visited, DIV.GlobalNav .NavTwo TD.NavOn A:active {
	font-size: 11px; 
	font-weight: bold;
	color: #FFF; 
	text-decoration: none;
	vertical-align: middle;
	padding-top: 3px;
}

DIV.GlobalNav .NavTwo TD.NavOff A:hover, DIV.GlobalNav .NavTwo TD.NavOffCap A:hover {
	text-decoration: underline;
}

/* Disables any button on the NavTwo */
DIV.GlobalNav .NavTwo TD.NavDisabled {
	font-size: 11px;
	color: #6699CC;
	font-weight: normal;
	text-align: right;
	padding-right: 5px;
	text-decoration: none;
}

/***********Styles for Benchmark Summary Table***************************/

DIV.ListTabContainer {
	width: 500px;
	padding: 0px;
	padding-right: 5px;
	border-bottom: 3px solid #B0C4DE;
	padding-top: 0px;
}

DIV.ListTabContainer TABLE {
	width: 100%;
}

.ListTab {
	width: 100%;
}

TD.TabOn {
	color: #000;
	background-color: #B0C4DE;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #B0C4DE;
}

TD.LeftOn, TD.RightOn {
	padding-top: 0px;
	background-color: #B0C4DE;
	border-bottom: 1px solid #B0C4DE;
	padding: 0px;
}

TD.TabOff {
	color: #000;
	font: bold 11px Arial, Helvetica, Geneva;
	background-color: #F6E8AE;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #FFF;
}

TD.LeftOff, TD.RightOff {
	padding-top: 0px;
	background-color: #F6E8AE;
	border-bottom: 1px solid #FFF;
	padding: 0px;
}

TD.LeftOn, TD.LeftOff {
	padding-top: 0px;
	background-image:  url("images/tablistBg_notch_left.gif") right bottom;
}

TD.RightOn, TD.RightOff {
	padding-top: 0px;
	background-image:  url("images/tablistBg_notch_right.gif") right bottom;
}

TD.TabOn A, TD.TabOn A:link, TD.TabOn A:active, TD.TabOn A:visited, TD.TabOn A:hover {
	color: #000;
	font: bold 11px Arial, Helvetica, Geneva;
	text-decoration: none;
	padding-top: 0px;
}

TD.TabOff A, TD.TabOff A:link, TD.TabOff A:active, TD.TabOff A:visited, TD.TabOff A:hover {
	color: #000;
	font: normal 11px Arial, Helvetica, Geneva;
	text-decoration: none;
		padding-top: 0px;
}
/*************************************************************************/

DIV.SummaryResultsContainer {
	width: 500px;
	border: 2px solid #B0C4DE;
	border-top: 0px;
	margin-bottom: 10px;
}

TABLE.SummaryResultsBody {
	border-bottom: 2px solid #CCC;
}

TABLE.SummaryResultsBody TD {
	padding: 8px;
}
	
.RowHeader TD {
	color: #FFF;
	font: bold 11px Arial, Helvetica, Geneva;
	background-color: #5285AB;
	text-align: center;
}

.RowOdd TD { 
	background-color: #EEE;
}

.RowHeader TD.Left{
	width: 200px;
} 

.RowEven TD, .RowOdd TD {
	color: #000;
	font: normal 11px Arial, Helvetica, Geneva;
	border-bottom: 0px solid #CCC;
} 

.RowEven TD.Left,  .RowOdd TD.Left{
	color: #036;
	font: bold 11px Arial, Helvetica, Geneva;
	width: 200px;
}

.RowEven TD.Right,  .RowOdd TD.Right{
	color: #000000;
	border-left: 1px dotted #CCC;
}


/************************************/
TABLE.SummaryResultsFooter {
	width: 100%;
	background-color: #E6F5FC;
}

TABLE.SummaryResultsFooter TD {
	padding: 8px;
}

.TABLE.SummaryResultsFooter A .TABLE.SummaryResultsFooter A:link, .TABLE.SummaryResultsFooter A:active, .TABLE.SummaryResultsFooter A:visited {
	color: #036;
	font: bold 11px Arial, Helvetica, Geneva;
	text-decoration: underline;
	padding: 0px;
}

TABLE.SummaryResultsFooter IMG {
	vertical-align: middle;
	padding-right: 3px;
}

/*********** End Styles for Benchmark SUmmary Table***************************/

/*   Page footer pattern */

.FooterLinks, .FooterLinks A, .FooterLinks A:link, .FooterLinks A:visited, .FooterLinks A:active, 
.FooterCopyright  {
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-size: 11px;
	text-decoration: none;
}

.FooterCopyright {
	font-family: Arial, Verdana,  Helvetica, sans-serif;	
	color: #333333;
	font-size: 11px;
}

/* ************************* */

/*****************************************/
/* Logout button placement */
DIV.logoutButton {
	text-align: right;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 5px;
}


/******************************************/
TABLE.MeasuresHeader TABLE.ListTab TD.TabOn A, 
TABLE.MeasuresHeader TABLE.ListTab TD.TabOn A:Link,
TABLE.MeasuresHeader TABLE.ListTab TD.TabOn A:Active,
TABLE.MeasuresHeader TABLE.ListTab TD.TabOn A,Visited,
TABLE.MeasuresHeader TABLE.ListTab TD.TabOn A:Hover {
	color: #000;
}

.ListTab .TabOff A {
	color: #000; 
}

/* Do not underline all question links except on hover. For pages without a client.css */

A.qhelp, A:link.qhelp, A:visited.qhelp, A:active.qhelp {
	font: normal 12px  Arial, Verdana, Helvetica, sans-serif;	
	text-decoration: none;
}

A:hover.qhelp {
	text-decoration: underline;
}


