BODY	{
  background: url(images/CABackground.gif)  50% 50% repeat;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}

A {
  color: #ad0010;
  font-size: 12px; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

A:hover {
  font-size: 12px; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

A.toolTip {
  font-size: 10px;
}

TD {
	font-size: 12px;
	COLOR: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0;
}

TH {
	font-size: 12px;
	COLOR: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

DIV#mainContainer {
  width: 768px;
  border: 1px solid black;
  padding: 0;
  text-align: none;
  background-color: white;
}

DIV#checkfreeContainer {
  width: 562px;
  border: 0;
  padding: 25px;
  text-align: none;
  background-color: white;
}

DIV#checkfreeContainer DIV.topbanner {
width:562px;
height:18px;
background-color: #777777;
padding-left: 25px;
}
DIV#checkfreeContainer DIV.banner {
width: 562px;
background-color: #eae9e4;
padding-left: 25px;
margin-bottom: 10px;
text-align: left;
}

DIV#checkfreeContainer DIV.banner img {
margin-top: 10px;
margin-bottom: 10px;
}

DIV.checkfreeMarketing {
font-weight: bold;
margin-bottom:2px;
padding-bottom: 2px;
background-image: url(../../_assets/images/dot.gif);
background-repeat: repeat-x;
background-position: bottom;
}

DIV#csrMainContainer {
  width: 562px;
  border: none;
  padding: 5px;
  text-align: none;
}

DIV#breadCrumbs {
  float: left;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  padding-left: 20px;
  padding-top: 7px;
}

DIV#breadCrumbs A.contextualnav {
  color: #000000;
  font-size: 10px; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: none;
}

DIV#breadCrumbs A.contextualnav:hover {
  color: #ad0010;
  font-size: 10px; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: underline;
}

DIV#breadCrumbs A.navcurrentpage {
  color: #ad0010;
  font-size: 10px; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: underline;
}
DIV#breadCrumbs A.navcurrentpage:hover {
  color : #174863;
  font-size: 10px; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: underline;
}

DIV#printFriendly {
  float: right;
  padding-right: 10px;
  cursor: pointer;  
}

DIV#pageHeading {
  clear: both;
  margin-top: 17px;
  height: 30px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: black;
  padding-left: 200px;
  text-align: left;
}


TABLE#oldcenterContainer	{
  background: url(../../_assets/images/navBackground.gif)  0 0 repeat-y;
  width: 100%;
  height: 500px;
  whitespace: nowrap;
}

TABLE#centerContainer	{
  width: 100%;
  height: 540px;
  whitespace: nowrap;
}

TD#leftNav {
  width: 190px;
  text-align: left;
  vertical-align: top;
  padding: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
}

TD#edocsArea {
  text-align: left;
  vertical-align: top;
  padding: 0;
  padding-left: 5px;
  padding-right: 6px;
}

DIV#topAnchor {
    width: 562px;
    background-image: url(../../_assets/images/dot.gif);
    background-repeat: repeat-x;
    background-position: top;
    float: left;
    clear: both;
    margin-top: 10px;
	padding-top: 5px;
}

DIV#balanceMeterReading {
  width: 564px;
  position: relative;
  float: left;
  margin-top: 5px;
  padding-bottom: 5px;
}

  DIV#balanceMeterReading TABLE {
    width: 300px;
    border: 1px solid #666666;
    background-color: #e3e3e3;
  }
  
    DIV#balanceMeterReading TABLE TD {
      padding-left: 8px;
      padding-right: 8px;
      padding-top: 5px;
    }

  DIV#balanceMeterReading DIV#billingP {
    position: relative;
    right: 0;
	float: right;
    white-space: nowrap;
	padding-bottom: 0px;
  }

DIV#finalN {
    text-align: right;
    color: #ad0010;
    font-size: 22px;
    font-weight: bold;
}
DIV#finalN SPAN{
    font-weight: bold;
    color: #000000;
    font-size: 14px;
}


DIV#accountHeader {
    width: 562px;
    background-color: white;
    background-image: url(../../_assets/images/dot.gif);
    background-repeat: repeat-x;
    background-position: top;
    float: left;
    clear: both;
    padding-top: 15px;
}
  DIV#accountHeader DIV.rule{
    background-image: url(../../_assets/images/dot.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-top: 10px;
}                
  DIV#accountHeader A {
    font-weight: bold;
    color: #AD0010;
  }
  
  DIV#accountHeader TABLE {
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
  }

  DIV#accountHeader TABLE#accountInfo {
    width: 100%;
    border-collapse: collapse;
    background-color: #DEDEDE;
    margin-top: 5px;
  }

    DIV#accountHeader TABLE#accountInfo TD {
      line-height: 14px;
      padding-left: 3px;
      padding-right: 3px;
    }

    DIV#accountHeader TABLE#accountInfo span.description {
      white-space: nowrap;
      line-height: 14px;
    }

    DIV#accountHeader TABLE#accountInfo span.value {
      font-weight: bold;
      line-height: 14px;
    }

SELECT {
  font-size:10px;
  line-height:12px;
}

INPUT.text {
  font-size:10px;
  line-height: 12px;
}

INPUT.right {
  text-align: right;
  font-size:10px;
  line-height: 12px;
}

INPUT.edocsButton {
  font-size:10px;
  font-weight: normal;
  color: white;
  background-color: #ad0010;
  cursor: pointer;
}

DIV#tabNav, DIV#csrTabNav {
    width: 562px;
    height: 20px;
    border-collapse: collapse;
    padding: 0;
    background-color: white;
    background-image: url(../../_assets/images/navTabBorder.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    float: left;
    clear: both;
}

DIV#csrTabNav {
  width: 700px;
  float: none;
}

  DIV#tabNav A.inactive, DIV#csrTabNav A.inactive {
    display: block;
    margin: 0;
    margin-right: 3px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #ad0010;
    border: 1px solid #666666;
    background-color: #e3e3e3;
    float: left;
  }

  DIV#tabNav A.inactive:hover, DIV#csrTabNav A.inactive:hover {
    color: white;
    background-color: #a0a0a0;
    font-weight: normal;
  }

  DIV#tabNav A.active, DIV#csrTabNav A.active {
    display: block;
    margin-right: 3px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
    text-decoration: none;
    border: 1px solid #666666;
    float: left;
    background-color: #e7b500;
    border-bottom: 1px solid #e7b500;
  }
  
    DIV#tabNav DIV A, DIV#csrTabNav DIV A {
      font-size: 10px;
      font-weight: normal;
    }

DIV#subTabNav, DIV#csrSubTabNav {
  width: 561px;
    border-collapse: collapse;
  padding-top: 4px;
  margin-top: -1px;
  float: left;
  clear: both;
  vertical-align: bottom;
  white-space: nowrap;
}

DIV#csrSubTabNav {
  width: 700px;
  float: none;
}

  DIV#subTabNav IMG, DIV#csrSubTabNav IMG {
    margin-top: 2px;
    float: left;
  }

  DIV#subTabNav A, DIV#csrSubTabNav A {
    display: block;
    white-space: nowrap;
    float: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: black;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
  }

  DIV#subTabNav A.inactive, DIV#csrSubTabNav A.inactive {
    font-weight: normal;
    color: #ad0010;
    float: left;
  }

  DIV#subTabNav A.active, DIV#csrSubTabNav A.active {
    text-decoration: none;
    float: left;
  }
  
TD.disclaimer {
  font-style: italic;
}

DIV.warningMessage {
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: normal;
  color: #ad0010;
  clear: both;
}

DIV.spacer {
  width: 100%;
  height: 5px;
}

DIV.largeSpacer {
  width: 100%;
  height: 100px;
}

TH	{
  background-color: #e3e3e3;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
}

TD {
  vertical-align: top;
  text-align: left;
}

TABLE.formTable {
  width: 100%;
  float: left;
  clear: both;
}

TABLE.formTable TH.description {
  width: 35%;
  text-align: right;
  font-weight: bold;
  padding-right: 5px;
  background-color: white;
}

TABLE.formTable TD.value {
  width: 65%;
  text-align: left;
  line-height: 30px;
  padding-right: 5px;
}

TABLE.formTable TD.options {
  padding-left: 25px;
}

TABLE.paymentActivity {
}

TABLE.paymentActivity TD {
  white-space: nowrap;
  vertical-align: top;
}






DIV.tabHeader {
  background-image: url(../../_assets/images/navTabBorder.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  width: 562px;
  float: left;
  padding: 0;
  border-left: 1px solid #666666;
}

  DIV.tabHeader DIV.tab {
    float: left;
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    background-color: white;
  }

  DIV.tabHeader DIV.activityLink {
    float: right;
    padding: 2px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    white-space: nowrap;
	background: 0px;
	
  }
  
  DIV.tabHeader DIV.activityLink A{
    font-size: 10px;
    font-weight: bold;
  }
  
  DIV.tabHeader DIV.activityLink A:hover{
    font-size: 10px;
    font-weight: bold;
  }

DIV.tabbedModContainer {
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  float: left;
  width: 800px;
  margin-bottom: 5px;
}


DIV.errorContainer {
  float: left;
  width: 562px;
}

DIV.errorContainer .error li {
  color:  #ad0010;
  font-weight: bold;
  line-height: 18px;
}
DIV.errorContainer .error li li {
  list-style-type: disc;
  font-weight: normal;
}


DIV.highlightHeading {
  background-color: #F9E8B2;
  width: 550px;
  padding: 2px;
  padding-left: 6px;
  padding-right: 6px;
  white-space: nowrap;
  font-weight: bold;
}

DIV.informationalText {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  background-color: #F9E8B2;
  width: 788px;
  padding: 2px;
  padding-left: 6px;
  padding-right: 6px;
  border-top: 1px solid #666666;
  font-weight: bold;
}    

DIV.messageText {
  background-color: #FFFFFF;
  width:550px;
  padding: 2px;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: normal;
}                                                  
  
TABLE.modTbl {
  width: 100%;
  clear: both;
}

TABLE.modTbl TH {
  padding-top: 5px;
  padding-bottom: 5px;
}

TABLE.modTbl TH A, TABLE.modTbl TH A:hover {
  font-weight:bold;  
}

TABLE.modTbl TD {
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 1px solid #e3e3e3;
}

  TABLE.modTbl TR.valueTotal TD {
    border: 0px;
  }

  TABLE.modTbl TR.sectionBorder TD {
    background-color: #666666;
    border: 0px;
    padding: 0px;
  }
  
  TABLE.modTbl TR.paging TD {
    background-color: #F9E8B2;
	border: 0px;
  }

TABLE.modTbl TD A, TABLE.modTbl TD A:hover {
  font-weight: normal;
}



TABLE.innerTbl {
  width: 100%;
  clear: both;
}

TABLE.innerTbl TD {
  padding: 2px;
  padding-left: 0px;
  padding-right: 0px;
  border: 0px;
 }
 
TABLE.buttonRow {
  width: 100%;
  clear: both;
}

  TABLE.buttonRow TD {
  padding-right: 5px;
  }
  
TH.right, TD.right {
  text-align: right;
  white-space: nowrap;
}

TH.center, TD.center {
   text-align: center;
   white-space: nowrap;
}

TD.bold	{
  font-weight: bold;
}

TD.warning {
  color: #ad0010;  ;
}

TD.small {
 font-size: 9px;
}

TD.nowrap {
  white-space: nowrap;
}

SPAN.required {
  color: red;
  font-size: 11px; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
}




DIV#footer	{
  margin-top: 10px;
  height: 20px;
  background: url(../../_assets/images/footerBackground.gif)  0 0 repeat-y;
  text-align: left;
  padding-top: 7px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: black;
}

SPAN#copyright {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #918239;
}