/* text formatting */
UL {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
}
LI {
	COLOR: black;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt
}
H2 {
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 16pt;
}
H3 {
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
}
H4 {
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 10pt;
}
H5 {
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 8pt;
}
P { 
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
}
PRE {
	COLOR: #999999;
	FONT-FAMILY: 'Times New Roman';
	FONT-SIZE : xx-small;
}

A:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #0066cc;
	FONT-SIZE: 10pt;
}
A:visited {
	COLOR: #0066cc;
	FONT-SIZE: 10pt;
}
A:active {
	COLOR: #444444;
	FONT-SIZE: 10pt;
}

/* Form formatting */ 
 
OPTION {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
}

/* Table formatting */
TH {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
}
TD {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
}

/* ********** Classes ************ */

/* These are specifically used for links within navigation component */

A.NavBarTop:link {
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	text-decoration : none;
}
A.NavBarTop:active {
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	text-decoration : none;
}
A.NavBarTop:visited {
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	text-decoration : none;
}
A.NavBarTop:hover {
	COLOR: #666699;
	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 : #C9C9C9;
}
.NavCellActiveTop  {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	background : #ffffff;
}
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 : #C9C9C9;
}
.NavCellActiveLow  {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	background : #ffffff;
}

/* 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: none;
}
A.MLink:visited {
	COLOR: #003399;
	text-decoration: none;
}
A.MLink:hover {
	COLOR: #003399;
	text-decoration: underline;
}
A.MLink:link {
	COLOR: #003399;
	text-decoration: none;
}

/* 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: 10pt;
    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: 10pt
}
.rebatecolor {
    COLOR: #cc3300;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}
.yourprice {
    COLOR: #2f85cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bolder
}
.HomeWhite {
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt
}
.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: 10pt;
    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: 10pt
}
.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: 10pt;
    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;
}

/***** Annual Table and Monthly Styles*****/
/*** Placed inside here to counter act the fact that there isn't a business.css in the Billing Info page.***/

.topAnnualTable {
	width: 450px;
	background-color: #0066CC;
	layer-background-color: #0066CC;
	padding: 3px;
	margin: 6px;
  	margin-top: 12px;
}

.middleAnnualTable {
	border-color : #000;
	border-width: 2px;
	width: 100%;
	background-color: #CCC;
	padding: 3px;
	border: 4px;
}

.dataRowColorAnnualTable {
	background-color: #FFF;
	vertical-align: middle;
}

.monthlyTable {
	width: 100%;
	color: #FFF;
	background-color:#0066CC;
	padding: 4px;
}

.insideMonthlyTable {
	background-color:#CCC;
	padding: 3px;
}

.monthlyGreyRow {
	background-color:#EEE;
}

.monthlyWhiteRow {
	background-color:#FFF;
}
.center{
	text-align: center;	
}

/**************************/