/* default site styles start */
* {margin: 0px; padding: 0px;}

body {
font-family: "Tahoma" arial, sans-serif;
color: #373737;
font-size: 1em; 
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
padding: 0;
}

#bodybilling{
font-family: "Tahoma" arial, sans-serif;
color: #373737;
font-size: 0.8em; 
text-align: center;
margin-bottom: 5px;
margin-top: 5px;
}

#bodyconfig{
font-family: "Tahoma" arial, sans-serif;
color: #373737;
font-size: 0.8em; 
text-align: center;
margin-bottom: 5px;
margin-top: 5px;
}

#bodydashboard {
font-family: "Tahoma" arial, sans-serif;
color: #373737;
font-size: 1em; 
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
padding: 0;
}

#LeftDiv {
      float: left;
      width: 50%;
      padding: 0;
    }

#RightDiv {  
      float: left;
      width: 50%;
      padding: 0;
      margin-left: 5px;
    }
    
#CenterDiv75 {
      width: 75%;
      padding: 0;
      margin-left: 5px;
      position: relative; left:12.5%
    }    
    
#Footer {
   width: 100%;
   padding: 0;
   margin-top: 5px;
   clear: both;
   }

#DashUpperLeft {
      height: 35%;
      float: left;
      width: 50%;
      padding: 0;
      clear: left;
    }

#DashUpperRight {
      height: 35%;  
      float: left;
      width: 50%;
      padding: 0;
      margin-left: 5px;
      clear: right;
    }

#DashLowerLeft {
      position:absolute; left:0px; top:41%; 
      height: 25%;
      float: left;
      width: 50%;
      padding: 0;
/*      clear: both;*/
    }  
  
#DashLowerRight {
      position:absolute; top:41%; 
      height: 25%;
      float: left;
      width: 50%;
      padding: 0;
      margin-left: 5px;
/*     clear: left;*/
    } 
   
#DashInHouse {
      position:absolute; top:60%; left:0px;
      height: 350%;
      float: left;
      width: 100%;
      padding: 0;
/*      clear: both;*/
    }  
  
    
#col100p{
      float: left;
      width: 100%;
    }     
    
#col100pnum{
      float: left;
      width: 100%;
      text-align: right;      
    }     
    
#col75p{
      float: left;
      width: 75%;
    }

#col67p{
      float: left;
      width: 67%;
    }

#col50p{
      float: left;
      width: 50%;
    }
	
#col50pnum{
      float: left;
      width: 50%;
      text-align: right;	  
    }

#col33p{
      float: left;
      width: 33%;
    }		
	
#col33pnum{
      float: left;
      width: 33%;
      text-align: right;
}
    
#col30p{
      float: left;
      width: 30%;
    }		

#col30pnum{
      float: left;
      width: 30%;
      text-align: right;      	  
    }	

#col28p{
      float: left;
      width: 28%;
      text-align: left; 
    }	

#col25p{
      float: left;
      width: 25%;
    }	
	
#col25pnum{
      float: left;
      width: 25%;
      text-align: right;      
    }	

#col20p{
      float: left;
      width: 20%;
    }

#col20pnum{
      float: left;
      width: 20%;
      text-align: right;      
    }

#col15p{
      float: left;
      width: 15%;
    }

#col15pnum{
      float: left;
      width: 15%;
      text-align: right;      
    }


#col10p{
      float: left;
      width: 10%;
    }

#col10pnum{
      float: left;
      width: 10%;
      text-align: right;      
    }
    
#col8p{
      float: left;
      width: 8%;
    }

#col8pnum{
      float: left;
      width: 8%;
      text-align: right;      
    }    
    
#col5p{
      float: left;
      width: 5%;
    }

#col5pnum{
      float: left;
      width: 5%;
      text-align: right;      
    }

#box25pcent{
      float: left;
      width: 25%;
      text-align: center;
      font-weight: bold; 
      border-left: 1px solid #FFF;
      border-right: 1px solid #FFF;
      border-bottom: 1px solid #FFF;
      border-top: 1px solid #FFF; 
      padding: 3px 0 3px 3px;  
    }
    
#box25p{
      float: left;
      width: 25%;
      text-align: left;
      border-left: 1px solid #FFF;
      border-right: 1px solid #FFF;
      border-bottom: 1px solid #FFF;
      border-top: 1px solid #FFF; 
      padding: 3px 0 3px 3px; 
    }    



.DivHeader {  
    color:#4a7dc6; 
    font-weight: bold; 
    background: #fff;
    font-size: 0.9em;
    padding: 5px 0 5px 5px;
    }
    
.DivHeaderCRM {  
    color:#ae3640; 
    font-weight: bold; 
    background: #fff;
/*    border-left: 1px solid #FFD4D4;
    border-right: 1px solid #FFD4D4;
    border-bottom: 1px solid #FFD4D4;
    border-top: 1px solid #FFD4D4; */
    font-size: 0.9em;
    padding: 5px 0 5px 5px;
    }    

.DivHeaderFD {  
    color:#2678B6; 
    font-weight: bold; 
    background: #fff;

/*    border-right: 1px solid #BFD7E9;
    border-bottom: 1px solid #BFD7E9;
    border-left: 1px solid #BFD7E9;
    border-top: 1px solid #BFD7E9;*/
    font-size: 0.9em;
    padding: 5px 0 5px 5px;
    } 

.DashDivHeader {  
    font-weight: bold; 
    background: #fff;
    font-size: 1em;
    padding: 5px 0 5px 5px;
    } 
    
.DivHeaderCCM {  
    color:#FBBD1A; 
    font-weight: bold; 
    background: #fff;
/*    border-left: 1px solid #FDD776;
    border-right: 1px solid #FDD776;
    border-bottom: 1px solid #FDD776;
    border-top: 1px solid #FDD776;*/
    font-size: 0.9em;
    padding: 5px 0 5px 5px;
    }       
    
.DivSubHeaderFD {  
    color:#2F99D5; 
    font-weight: bold; 
    background: #fff;
    font-size: 0.8em;
    padding: 5px 0 5px 5px;
    text-align: left;
    margin-left: 20px;
    }    


ul{
text-align: left;
margin: 0; 
padding:0;
list-style-type:none;
}

ol{
text-align: left;
margin: 0; 
padding:0;
type:none;
}

li{
text-align: left;
list-style-type:none;
}


li.GreyLine{ 
background-color: #cee3ff; 
border-left: 1px solid #cee3ff;
border-right: 1px solid #cee3ff;
margin: 0; 
padding:0;
font-size: 0.8em;
list-style-type:none;
}

li.WhiteLine {
border-top: 1px solid #cee3ff; 
border-left: 1px solid #cee3ff;
border-right: 1px solid #cee3ff;
border-bottom: 1px solid #cee3ff;
margin: 0; 
padding:0;
font-size: 0.8em;
list-style-type:none;
}

li.RedLine{ 
background-color: #ff002a; 
border-left: 1px solid #cee3ff;
border-right: 1px solid #cee3ff;
margin: 0; 
padding:0;
font-size: 0.8em;
list-style-type:none;
}

li.OrangeLine{ 
background-color: #FF7F00; 
border-left: 1px solid #cee3ff;
border-right: 1px solid #cee3ff;
margin: 0; 
padding:0;
font-size: 0.8em;
list-style-type:none;
}

li.GreenLine{ 
background-color: #2AFF2A; 
border-left: 1px solid #cee3ff;
border-right: 1px solid #cee3ff;
margin: 0; 
padding:0;
font-size: 0.8em;
list-style-type:none;
}



li.GreyLineCRM{ 
border-top: 1px solid #FFD4D4;
border-left: 1px solid #FFD4D4;
border-right: 1px solid #FFD4D4;
border-bottom: 1px solid #FFD4D4; 
background-color: #FFD4D4; 
margin: 0; 
padding:0;
font-size: 0.8em;
list-style-type:none;
}

li.WhiteLineCRM { 
border-top: 1px solid #FFD4D4;
border-left: 1px solid #FFD4D4;
border-right: 1px solid #FFD4D4;
border-bottom: 1px solid #FFD4D4;
margin: 0; 
padding:0;
font-size: 0.8em;
list-style-type:none;
}


li.GreyLineFD{
border-top: 1px solid #BFD7E9;
border-left: 1px solid #BFD7E9;
border-right: 1px solid #BFD7E9;
border-bottom: 1px solid #BFD7E9;
background-color: #BFD7E9;  
margin: 0; 
padding:0;
font-size: 0.8em;
list-style-type:none;
}

li.WhiteLineFD {
border-top: 1px solid #BFD7E9;
border-left: 1px solid #BFD7E9;
border-right: 1px solid #BFD7E9;
border-bottom: 1px solid #BFD7E9;
margin: 0; 
padding:0;
font-size: 0.8em;
list-style-type:none;
}

li.GreyLineCCM{
border-top: 1px solid #FDD776;
border-left: 1px solid #FDD776;
border-right: 1px solid #FDD776;
border-bottom: 1px solid #FDD776;
background-color: #FDD776; 
margin: 0; 
padding:0;
font-size: 0.8em;
list-style-type:none;
}

li.WhiteLineCCM {
border-top: 1px solid #FDD776;
border-left: 1px solid #FDD776;
border-right: 1px solid #FDD776;
border-bottom: 1px solid #FDD776;
margin: 0; 
padding:0;
font-size: 0.8em;
list-style-type:none;
}

li.HeaderGreyLineFD{ 
background-color: #BFD7E9; 
margin: 0; 
padding:0;
font-size: 0.8em;
font-weight: bold;
list-style-type:none;
}

li.HeaderGreyLineCRM{ 
background-color: #FFD4D4; 
margin: 0; 
padding:0;
font-size: 0.8em;
font-weight: bold;
list-style-type:none;
}

li.HeaderGreyLineCCM{ 
background-color: #FDD776;
margin: 0; 
padding:0;
font-size: 0.8em;
font-weight: bold;
list-style-type:none;
}


li.HeaderWhiteLineFD{ 
margin: 0; 
padding:0;
font-size: 0.8em;
font-weight: bold;
list-style-type:none;}

li.HeaderWhiteLineCRM{ 
margin: 0; 
padding:0;
font-size: 0.8em;
font-weight: bold;
list-style-type:none;
}

li.HeaderWhiteLineCCM{ 
margin: 0; 
padding:0;
font-size: 0.8em;
font-weight: bold;
list-style-type:none;
}

#columns li strong{
    color: rgb(0,0,112);  
    }

#header{
width:95%;
background: url(header.gif) top right no-repeat;
crommargin-right: auto;
margin-left: auto;
}


p.Bold12Text {
text-align: left;
margin-left: auto;
margin-right: auto;
font-variant: small-caps;
padding-bottom: 24px;
font-family: "Tahoma", serif;
padding-left: 5px;
font-size: 1.2em;
}

p.Bold18TextCentered {
text-align: center;
margin-left: auto;
margin-right: auto;
font-weight: bold;
font-variant: small-caps;
padding-bottom: 24px;
font-family: "Tahoma", serif;
padding-left: 5px;
font-size: 1.8em;
}

table.SmallSpaceBetweenRows {
width:50%;
margin-left: auto;
margin-right: auto;
text-align: left;
/*border-left: 1px solid #e4ebf4;*/
}

td.Bold10Text{ 
color:#fff; 
font-weight: bold; 
background: #4a7dc6;
font-size: 1em;
padding: 5px 0 5px 5px;
}

td.HeaderText{ 
color:#fff; 
font-weight: bold; 
background: #4a7dc6;
font-size: 1em;
padding: 5px 0 5px 5px;
}

td.HeaderTextFD{ 
color:#2F99D5; 
font-weight: bold; 
background: #fff;
border-right: 1px solid ##E5F4F9;
border-top: 1px solid ##E5F4F9;
border-bottom: 1px solid ##E5F4F9;
font-size: 1em;
padding: 5px 0 5px 5px;
}






tr.GreyLine{ 
background-color: #cee3ff; 
margin: 0; 
padding:0;
}

tr.WhiteLine{ 
background:#FFFFFF;
}

tr.GreyLine td{ 
background-color: #e4ebf4; 
border-right: 1px solid #cee3ff;
border-bottom: 1px solid #cee3ff;
font-size: 1em; 
padding: 5px 0 5px 5px;
}

tr.WhiteLine td{ 
border-right: 1px solid #cee3ff;
border-bottom: 1px solid #cee3ff;
font-size: 1em; 
padding: 5px 0 5px 5px; 
}

tr.GreyLineFD td{ 
background-color: #E5F4F9; 
font-size: 1em; 
padding: 5px 0 5px 5px;
}

tr.WhiteLineFD td{ 
border-right: 1px solid #E5F4F9;
border-bottom: 1px solid #E5F4F9;
font-size: 1em; 
padding: 5px 0 5px 5px; 
}




tr.GreyLine:hover td, tr.WhiteLine:hover td {
background-color: #cee3ff; 
empty-cells:hide;
}

tr.BoldTotal{ 
background-color: #cee3ff; 
margin: 0; 
padding:0;
}

tr.BoldTotal td{ 
font-weight: bold; 
background-color: #e4ebf4; 
border-right: 1px solid #cee3ff;
border-bottom: 1px solid #cee3ff;
font-size: 0.625em; 
padding: 5px 0 5px 5px;
}


a:link, a:visited, a:active {
font-weight: bold;
color: #5e5e5e;
text-decoration: none;
padding-right: 15px;
background: url(linkarrow.gif) center right no-repeat;
}

a:hover {
text-decoration: underline;
color: #5e5e5e;
}


input{
	color:#fff;
	font-family: "Tahoma", serif;
	font-size:100%;
	font-weight:bold;
	border:1px solid;
	border-top-color:#cee3ff;
	border-left-color:#cee3ff;
	border-right-color:#cee3ff;
	border-bottom-color:#cee3ff;
	background: #4a7dc6;
}

/* Text styles */

.Label8{  font-family: "Tahoma" arial, sans-serif: font-size: 8pt;  color:#000000; font-weight: bold}
.Label10{ font-family: "Tahoma" arial, sans-serif; font-size: 10pt; color:#000000; font-weight: bold}

.Std8Text{ 	font-family: "Tahoma" arial, sans-serif; font-size: 8pt;  color:#000000; font-weight: normal}
.Std10Text{	font-family: "Tahoma" arial, sans-serif; font-size: 10pt; color:#000000; font-weight: normal}
.Std11Text{	font-family: "Tahoma" arial, sans-serif; font-size: 11pt; color:#000000; font-weight: normal}
.Std12Text{	font-family: "Tahoma" arial, sans-serif; font-size: 12pt; color:#000000; font-weight: normal}
.Std13Text{	font-family: "Tahoma" arial, sans-serif; font-size: 13pt; color:#000000; font-weight: normal}
.Std14Text{	font-family: "Tahoma" arial, sans-serif; font-size: 14pt; color:#000000; font-weight: normal}

.Bold8Text{  font-family: "Tahoma" arial, sans-serif; font-size: 8pt;  color:#000000; font-weight: bold }
.Bold10Text{ font-family: "Tahoma" arial, sans-serif; font-size: 10pt; color:#000000; font-weight: bold }
.Bold11Text{ font-family: "Tahoma" arial, sans-serif; font-size: 11pt; color:#000000; font-weight: bold }
.Bold12Text{ font-family: "Tahoma" arial, sans-serif; font-size: 12pt; color:#000000; font-weight: bold }
.Bold13Text{ font-family: "Tahoma" arial, sans-serif; font-size: 13pt; color:#000000; font-weight: bold }
.Bold14Text{ font-family: "Tahoma" arial, sans-serif; font-size: 14pt; color:#000000; font-weight: bold }

.Red8Text{  font-family: "Tahoma" arial, sans-serif; font-size: 8pt;  color:#FF0000; font-weight: normal}
.Red10Text{ font-family: "Tahoma" arial, sans-serif; font-size: 10pt; color:#FF0000; font-weight: normal}
.Red11Text{ font-family: "Tahoma" arial, sans-serif; font-size: 11pt; color:#FF0000; font-weight: normal}
.Red12Text{ font-family: "Tahoma" arial, sans-serif; font-size: 12pt; color:#FF0000; font-weight: normal}
.Red13Text{ font-family: "Tahoma" arial, sans-serif; font-size: 13pt; color:#FF0000; font-weight: normal }
.Red14Text{ font-family: "Tahoma" arial, sans-serif; font-size: 14pt; color:#FF0000; font-weight: normal }

.RedBold8Text{  font-family: "Tahoma" arial, sans-serif; font-size: 8pt;  color:#FF0000; font-weight: bold}
.RedBold10Text{ font-family: "Tahoma" arial, sans-serif; font-size: 10pt; color:#FF0000; font-weight: bold}
.RedBold11Text{ font-family: "Tahoma" arial, sans-serif; font-size: 11pt; color:#FF0000; font-weight: bold}
.RedBold12Text{ font-family: "Tahoma" arial, sans-serif; font-size: 12pt; color:#FF0000; font-weight: bold}
.RedBold13Text{ font-family: "Tahoma" arial, sans-serif; font-size: 13pt; color:#FF0000; font-weight: bold }
.RedBold14Text{ font-family: "Tahoma" arial, sans-serif; font-size: 14pt; color:#FF0000; font-weight: bold }

.Green8Text{  font-family: "Tahoma" arial, sans-serif; font-size: 8pt;  color:#008000; font-weight: normal}
.Green10Text{ font-family: "Tahoma" arial, sans-serif; font-size: 10pt; color:#008000; font-weight: normal}
.Green11Text{ font-family: "Tahoma" arial, sans-serif; font-size: 11pt; color:#008000; font-weight: normal}
.Green12Text{ font-family: "Tahoma" arial, sans-serif; font-size: 12pt; color:#008000; font-weight: normal}
.Green13Text{ font-family: "Tahoma" arial, sans-serif; font-size: 13pt; color:#008000; font-weight: normal }
.Green14Text{ font-family: "Tahoma" arial, sans-serif; font-size: 14pt; color:#008000; font-weight: normal }

.GreenBold8Text{  font-family: "Tahoma" arial, sans-serif; font-size: 8pt;  color:#008000; font-weight: bold}
.GreenBold10Text{ font-family: "Tahoma" arial, sans-serif; font-size: 10pt; color:#008000; font-weight: bold}
.GreenBold11Text{ font-family: "Tahoma" arial, sans-serif; font-size: 11pt; color:#008000; font-weight: bold}
.GreenBold12Text{ font-family: "Tahoma" arial, sans-serif; font-size: 12pt; color:#008000; font-weight: bold}
.GreenBold13Text{ font-family: "Tahoma" arial, sans-serif; font-size: 13pt; color:#008000; font-weight: bold }
.GreenBold14Text{ font-family: "Tahoma" arial, sans-serif; font-size: 14pt; color:#008000; font-weight: bold}

.Blue8Text{  font-family: "Tahoma" arial, sans-serif; font-size: 8pt;  color:#0000FF ; font-weight: normal}
.Blue10Text{ font-family: "Tahoma" arial, sans-serif; font-size: 10pt; color:#0000FF ; font-weight: normal}
.Blue11Text{ font-family: "Tahoma" arial, sans-serif; font-size: 11pt; color:#0000FF ; font-weight: normal}
.Blue12Text{ font-family: "Tahoma" arial, sans-serif; font-size: 12pt; color:#0000FF ; font-weight: normal}
.Blue13Text{ font-family: "Tahoma" arial, sans-serif; font-size: 13pt; color:#0000FF ; font-weight: normal}
.Blue14Text{ font-family: "Tahoma" arial, sans-serif; font-size: 14pt; color:#0000FF ; font-weight: normal}

.BlueBold8Text{  font-family: "Tahoma" arial, sans-serif; font-size: 8pt;  color:#0000FF ; font-weight: bold}
.BlueBold10Text{ font-family: "Tahoma" arial, sans-serif; font-size: 10pt; color:#0000FF ; font-weight: bold}
.BlueBold11Text{ font-family: "Tahoma" arial, sans-serif; font-size: 11pt; color:#0000FF ; font-weight: bold}
.BlueBold12Text{ font-family: "Tahoma" arial, sans-serif; font-size: 12pt; color:#0000FF ; font-weight: bold }
.BlueBold13Text{ font-family: "Tahoma" arial, sans-serif; font-size: 13pt; color:#0000FF ; font-weight: bold }
.BlueBold14Text{ font-family: "Tahoma" arial, sans-serif; font-size: 14pt; color:#0000FF ; font-weight: bold }

.DarkBlue8Text{  font-family: "Tahoma" arial, sans-serif; font-size: 8pt;  color:#000080 ; font-weight: normal}
.DarkBlue10Text{ font-family: "Tahoma" arial, sans-serif; font-size: 10pt; color:#000080 ; font-weight: normal}
.DarkBlue11Text{ font-family: "Tahoma" arial, sans-serif; font-size: 11pt; color:#000080 ; font-weight: normal}
.DarkBlue12Text{ font-family: "Tahoma" arial, sans-serif; font-size: 12pt; color:#000080 ; font-weight: normal}
.DarkBlue13Text{ font-family: "Tahoma" arial, sans-serif; font-size: 13pt; color:#000080 ; font-weight: normal}
.DarkBlue14Text{ font-family: "Tahoma" arial, sans-serif; font-size: 14pt; color:#000080 ; font-weight: normal}

.DarkBlueBold8Text{  font-family: "Tahoma" arial, sans-serif; font-size: 8pt;  color:#000080 ; font-weight: bold}
.DarkBlueBold10Text{ font-family: "Tahoma" arial, sans-serif; font-size: 10pt; color:#000080 ; font-weight: bold}
.DarkBlueBold11Text{ font-family: "Tahoma" arial, sans-serif; font-size: 11pt; color:#000080 ; font-weight: bold}
.DarkBlueBold12Text{ font-family: "Tahoma" arial, sans-serif; font-size: 12pt; color:#000080 ; font-weight: bold }
.DarkBlueBold13Text{ font-family: "Tahoma" arial, sans-serif; font-size: 13pt; color:#000080 ; font-weight: bold }
.DarkBlueBold14Text{ font-family: "Tahoma" arial, sans-serif; font-size: 14pt; color:#000080 ; font-weight: bold }

/* To change the display of the parts of billing instuction info on the billing sceen's html */
.BillingBI {font-weight: bold; color: green;}
.BillingBIWindow {color: #000080;}
.BillingBILimit {font-weight: bold; color: #FF0000;}
.BillingBIAccount {color:#000080;}
.BillingBIDates {color:#000080;}
.BillingBIName { font-weight: bold; font-style: italic;}