/* Generic syles */

/* Main Links - used for main content */
a:link {
    color : #00B5E2;
    text-decoration : underline;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
}

a:visited {
    color : #00B5E2;
    text-decoration : underline;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
}

a:hover {
    color : #000000;
    text-decoration : underline;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
}

a:active {
    color : #00B5E2;
    text-decoration : underline;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
}


a.formsubmit:link {
    color : #00B5E2;
    font-size: 14px;
    font-weight : normal;
    text-decoration : none;
}

a.formsubmit:visited {
    color : #00B5E2;
    font-size: 14px;
    font-weight : normal;
    text-decoration : none;
}

a.formsubmit:hover {
    color : #00B5E2;
    font-size: 14px;
    font-weight : normal;
    text-decoration : underline;
}

a.formsubmit:active {
    color : #00B5E2;
    font-size: 14px;
    font-weight : normal;
    text-decoration : none;
}

/* Side Nav Links */
a.sideNav:link {
    color : #00B5E2;
    text-decoration : none;
    font-weight : normal;
    font-size: 14px;
    font-family : Calibri, Arial, sans-serif;    
}

a.sideNav:visited {
    color : #00B5E2;
    text-decoration : none;
    font-weight : normal;
    font-size: 14px;
    font-family : Calibri, Arial, sans-serif;        
}

a.sideNav:hover {
    color : #000000;
    text-decoration : none;
    font-weight : normal;
    font-size: 14px;
    font-family : Calibri, Arial, sans-serif;        
}

a.sideNav:active {
    color : #00B5E2;
    text-decoration : none;
    font-weight : normal;
    font-size: 14px;
    font-family : Calibri, Arial, sans-serif;        
}

a.sideNavMain:link {
    color : #00B5E2;
    text-decoration : none;
    font-weight : normal;
    font-size: 14px;
    font-family : Calibri, Arial, sans-serif;        
}

a.sideNavMain:visited {
    color : #00B5E2;
    text-decoration : none;
    font-weight : normal;
    font-size: 14px;
    font-family : Calibri, Arial, sans-serif;        
}

a.sideNavMain:hover {
    color : #000000;
    text-decoration : underline;
    font-weight : normal;
    font-size: 14px;
    font-family : Calibri, Arial, sans-serif;        
}

a.sideNavMain:active {
    color : #00B5E2;
    text-decoration : none;
    font-weight : normal;
    font-size: 14px;
    font-family : Calibri, Arial, sans-serif;        
}

/* Table Links */
a.tableHead:link {
    color : #FFFFFF;
    text-decoration : none;
}

a.tableHead:visited {
    color : #FFFFFF;
    text-decoration : none;
}

a.tableHead:hover {
    color : #FFFFFF;
    text-decoration : none;
}

a.tableHead:active {
    color : #FFFFFF;
    text-decoration : none;
}

/* TableHead Selected */
a.tableHeadSelected:link {
    color : #FFFFFF;
    text-decoration : none;
}

a.tableHeadSelected:visited {
    color : #FFFFFF;
    text-decoration : none;
}

a.tableHeadSelected:hover {
    color : #FFFFFF;
    text-decoration : none;
}

a.tableHeadSelected:active {
    color : #FFFFFF;
    text-decoration : none;
}

/* Elements */

div, p, li {
    color : #000000;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
}

dd, dl {
    color : #00B5E2;
}

dt {
    color : #00B5E2;
    font-weight : bolder;
}

form {
    margin-bottom : 0px;
    padding-bottom : 0px;
}

h1 {
    font-family: Calibri; 
    font-size: 22px;
    font-weight: bold;
    color: #00B5E2;
    }

h2 {
    font-family: Calibri; 
    font-size: 16px;
    font-weight: bold;
    color: #00B5E2;
    margin-bottom: 0px;
    }

h3 {
    font-family: Calibri; 
    font-size: 14px;
    font-weight: bold;
    color: #00B5E2;
    }
    
h4 {
    font-family : Calibri;
    font-size : 10px;
    font-weight : bold;
}

hr {
    border : 1px inset;
}

/* creates padding around banner ads */
img.ad {
    margin-bottom : 0px;
    margin-top : 10px;
}

/* creates padding above rule at bottom of each page */
img.footerbar {
    margin-top : 12px;
}

pre {
    color : Red;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
    white-space : pre;
}

td {
    font-family: Calibri, Arial, sans-serif;
    font-size: 14px;
}

td.evenTableRow {
  background: #EEEEEE;
}   

td.oddTableRow {
  background: #FFFFFF;
}   

td.sortedTableColumn {
    background: #eeeeee;
}

td.defaultTableColumn {
  background: #FFFFFF;
}

tr.alternate {
    background : #EEEEEE;
}

/* Classes */

/* affects all info inside the statement tables */
td.billDetail {
    font-family : Calibri, Arial, sans-serif;
    font-size : 10px;
}

td.billDetail1 {
    background : #EEEBF3;
    font-family : Calibri, Arial, sans-serif;
    font-size : 10px;
}

/* affects the table column that is selected on the payment history page */
td.billdetailselected {
    background : #eeeeee;
    font-size: 14px;
    font-family : Calibri, Arial, sans-serif;
}

/* General styles */
.content        {
    color : #000000;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
}

.contentHighlight {
    color : #00B5E2;
}

.copyright      {
    color : #00B5E2;
    font-family : Calibri, Arial, sans-serif;
    font-size : 10px;
    font-style : normal;
}

.debugheader        {
    color : #000000;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
    text-align : center;
}

.debugheader2       {
    color : #FFFFFF;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
    text-align : center;
}

.debugheaderpost    {
    color : #FFFFFF;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
    text-align : center;
}

.debugheaderpre     {
    color : #FFFFFF;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
    text-align : center;
}

.defaulttable {
    border-right : 1px solid #00B5E2;
    margin-bottom : 1px;
}

.disclaimer {
    color : #FFFFFF;
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration : none;
}

li.errorMessage         {
    color : #C40F39;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
    font-weight : normal;
}

.errorMessage       {
    color : #C40F39;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
    font-weight : bold;
}

.heading1       {
    font-family: Calibri, Arial, sans-serif; 
    font-weight: bold;
    color: #00B5E2;
    font-size: 14px;
    text-decoration : underline;
}

.footer         {
    color : #000000;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
    text-decoration : none;
}

.footnote       {
    color : #000000;
    font-family : Trebuchet MS, Arial, verdana, Helvetica, sans-serif;
    font-size : 10px;
    font-style : normal;
}

.footnoteHeading {
    color : #000000;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-weight : bold;
}

.heading {
    font-family: Calibri, Arial, sans-serif; 
    font-weight: bold;
    color: #00B5E2;
    font-size: 14px;   
}

.heading2 {
    font-family: Calibri, Arial, sans-serif; 
    font-weight: bold;
    color: #00B5E2;
    font-size : 16px;
}

.label {
    color : #000000;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
    font-weight : bold;
}

.pagetitle {
    color : #00B5E2;
    font-family : Calibri, Arial, sans-serif;
    font-size : 18px;
    font-style : normal;
    font-weight : bold;
}

.paid {
    color : #C40F39;
    font-weight : bolder;
}

.smallwhite {
    color : #FFFFFF;
    font-family : Calibri, Arial, sans-serif;
    font-size : 10px;
    font-style : normal;
}

.sideNote {
    color : #00B5E2;
    font-family : Calibri, Arial, sans-serif;
    font-size : 11px;
}
.side {
    background : #E7F3FF;
    font-family : Calibri, Arial, sans-serif;
    font-size : 11px;
    color : #00B5E2;
}

.summ {
    color : #000000;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
}

/* for use on the statements pages to make a cell the same color as .tableHead */
.tablecolor {
    background : #00B5E2;
}

.tablecontent {
    color : #000000;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
}

.tableHead {
    background: #000000;
    color: #FFFFFF;
    font-weight: bold;
    }

.tableHeadSelected {
    background: #00B5E2;
    color: #FFFFFF;
    font-weight: bold;
    }
    
.tertlink {
    color : #FFFFFF;
    text-decoration : none;
}

.tertnav {
    color : #FFCC00;
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.white {
    color : #FFFFFF;
    font-family : Calibri, Arial, sans-serif;
    font-size: 14px;
    font-style : normal;
    font-weight : bold;
}

.red {
    color : #C40F39;
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.informationDiv {
    display: none;
    position: relative;
    border: 0px solid #000000;
}