/* Tricology Colors

Dark Green - #024731
Scalp Green - #A0D3A3
Karite Orange - #FDCB8F
Daily Blue - #B6CEDC

*/

html,body{
  margin:auto auto;
  text-align:center;
  width:900px;
  background-color: transparent;
  
  padding:0px;
  }
  
html{
  
  background-color:#FFFFFF;
  }
  
  
#header{
  position:relative;
  width:900px;
  margin: auto auto;
  height:204px;
  background-image:url(../images/bgHeader.gif);
  background-repeat:no-repeat;
  font-size:1pt;
  overflow:hidden;
  
  }
  
#navigation{
  width:900px;
  padding-left:26px;
  height:40px;
  overflow:hidden;
  }
  
  
  
#footer{
  width:900px;
  height:112px;
  background-image:url(../images/bgFooter.jpg);
  background-repeat:no-repeat;
  background-color:transparent;
  }



#content{
  width:900px;
  height:auto;
  margin:auto auto;
  text-align:left;
  background-image:url(../images/bgPage.jpg);
  background-repeat: repeat-y;
  
  }
  
#activeArea{
  position:absolute;
  text-align:left;
  margin-top:275px;
  margin-left:20px;
  width:880px;
  height:auto;
  background-color:#FFFFFF;
  }
  
  

.footerLink{
  font-size:8pt;
  font-family: arial, helvetica, sans-serif;
  color:#FFFFFF;
  font-weight:bold;
  }
  
.over{
  text-decoration: underline;
  }
  
  
  

  
.pageBody{
  width:859px;
  margin-left:21px;
  }
  
.fullPanel{
  float:left;
  padding-left:0px;
  width: 860px;
  background-color:transparent;
  }
  
  
  
.leftPanel{
  float:left;
  padding-left:0px; 
  width:463px; 
  padding-right:20px;
  border-right:1px solid #FDC480;
  }

.rightPanel{
  margin-left:10px; 
  float:left;
  padding-left:0px; 
  width:325px; 
  height:auto;
  background-color:#FFFFFF;
  overflow: hidden;
  }
  
.leftText{
  padding:20px 20px 20px 20px;
  text-align:left;
  background-color:#FFFFFF;
  }
  
.rightText{
  padding:0px 30px 10px 20px;
  text-align:left;
  background-color:#FFFFFF;
  }
  
  

  
.spacer{
  clear: both;
  width:1px;
  height:1px;
  font-size:0pt;
  }
  
.navButton{
  width: 160px;
  height:29px;
  margin-left:23px;
  }
  
  
p{
  font-family: arial,sans-serif;
  font-size: 8pt;
  line-height:1.4em;
  color:#888888;
  }

.release{
  font-family: arial, sans-serif;
  font-weight:bold;
  color:#1D5C42;
  font-size:8pt;
  }
  
  
  
.green{
  color: #003D2C;
  }
  
.over{
  text-decoration:underline;
  }
  
    
a{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  padding: 0px;
  margin: 0px;
  text-decoration:none;
  
  }

a img{
  border:0px;
  text-decoration:none;
  }
  
  
  
  
  
.headline{
  font-size:16pt;
  font-family:arial,sans-serif;
  font-weight:normal;
  color:#83101D;
  line-height:1.2em;
  }
  
  
  

/* CUSTOMER SUMMARY STYLES ------------------------------------------------------------------------<
*/

.largeText{
  font-family:arial;
  font-size:14pt;
  color:#FFFFFF;
  padding:1px;
  margin:0px;
  }
  
h1.customerName{
  font-family:arial;
  font-size:14pt;
  color:#FFFFFF;
  padding:1px;
  margin:0px;
  }
  
h1{
  font-weight:normal;
  }
  
  
.mediumText{
  font-family:arial;
  font-size:12pt;
  color:#FFFFFF;
  font-weight:bold;
  padding:1px;
  margin:0px;
  }
  
.smallText{
  font-family:arial;
  font-size:8pt;
  color:#999999;
  padding:1px;
  margin:0px;
  }
  
a .smallText{
  font-family:arial;
  font-size:8pt;
  color:#999999;
  padding:1px;
  margin:0px;
  }
  
  
.divider{
  border-bottom: 1px dotted #00CC00;
  }
  
.miniIcon{
  float:left;
  }
  
    
.formLabel{
  font-family:arial;
  font-size:8pt;
  font-weight:bold;
  color:#83101D;
  padding:2px 2px 2px 2px;
  margin:0px;
  }
  
.formLabelFocus{
  font-family:arial;
  background-color:#FFEEEE;
  font-size:8pt;
  color:#83101D;
  padding:2px 2px 2px 2px;
  margin:0px;
  }
  
.formInput{
  font-family:arial;
  font-size:8pt;
  color:##83101D;
  padding:2px 2px 2px 2px;
  margin:0px;
  }
  
input,select,textarea{
  background-color:#FFFFFF;
  border:1px solid #83101D;
  }