@charset "utf-8";
/* CSS Document */
table.font a { 
	width:100px; 
	border:1px solid #333333; 
	display: block; 
	} 
div.font a {
	color: #333333; 
	background: #ffffff; 
	text-decoration:none; 
	line-height:16px; 
	padding: 2px 5px;
	display: block;
	width:atuo;
	}	
div.font a:link {
	color: #333333; 
	background: rgb(238, 238, 238);
	}
div.font a:active { 
	color: #000000;
	background: rgb(238, 238, 238); 
	}
div.font a:visited {
	color: #333333; 
	background: rgb(238, 238, 238); 
	}
div.font a:hover {
	color: #eeeeee;
	background: #333333; 
	}
	
table.font2 a { 
	width:100px; 
	border:1px solid #333333; 
	display: block; 
	} 
div.font2 a {
	color: #333333; 
	background: #ffffff; 
	text-decoration:none; 
	line-height:26px; 
	padding: 2px 5px;
	display: block;
	width:atuo;
	}	
div.font2 a:link {
	color: #333333; 
	background: rgb(238, 238, 238);
	}
div.font2 a:active { 
	color: #000000;
	background: rgb(238, 238, 238); 
	}
div.font2 a:visited {
	color: #333333; 
	background: rgb(238, 238, 238); 
	}
div.font2 a:hover {
	color: #eeeeee;
	background: #333333; 
	}	


.required {
	color: #ff0000;
	font-family: arial, helvetica;
	font-size: 14px;
	font-weight: bold
	}
.text { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	line-height:19px;
	}
.textsmall { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	}	
.ereferralformtext { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	line-height:19px;
	font-weight: normal;
	}	
.content {
	color: #000000;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	font-weight: normal;
	}
.contentbold {
	color: #000000;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	font-weight: bold;
	}		



/*-- INPUT DIVs --*/  

.ereferral input, textarea {
  margin: 0;
  padding: 3px;
  font-size: 12px;
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #ccc;
  margin: 0px 0;
  width: 290px;
}

.ereferral select {
  margin: 0;
  padding: 3px;
  font-size: 12px;
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #ccc;
  margin: 3px 0;
  width: auto;
}
.ereferral select:focus {
  border: 1px solid #999;
  color: #000000;
  background-color: #FFFFe2;
}
.ereferral select:hover {
  border: 1px dashed #777777;
  background-color: #e8f7cc;
}
.ereferral input, textarea, select, p {
  font-family: verdana, arial, sans-serif;
}

.ereferral input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  color: #000000;
  background-color: #FFFFe2;
}
.ereferral input:hover, textarea:hover {
  border: 1px dashed #777777;
  background-color: #e8f7cc;
}	  
.ereferral input.small, select.small {
	width: 110px;
	}
.ereferral input.btntext {
	width: 170px;
	padding: 3px;
	}	
.ereferral input.upload {
	text-align:center;
	width: 150px;
	}
.ereferral input.btn {
	width:52px;
	height:22px;
   	border: 0px solid #ccc;
	}
.ereferral input.btn:focus {
  border: 0px solid #999;
  color: #000000;
  background-color: #ffffe2;
  }
.ereferral input.btn:hover {
  border: 0px dashed #777777;
  background-color: #ffffff;
  }			

.ereferralbtn input {
  margin: 0;
  padding: 0px;
  font-size: 12px;
  color: #666666;
  background: #FFFFFF;
  border: 0px solid #ccc;
  margin: 5px 0;
  width: auto;
  }
.ereferralbtn input:focus {
  border: 0px solid #999;
  color: #000000;
  background-color: #FFFFFF;
  }
.ereferralbtn input:hover {
  border: 0px dashed #777777;
  background-color: #FFFFFF;
  }	
  
  
#colorpicker input {
  margin: 0;
  padding: 3px;
  font-size: 11px;
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #ccc;
  margin: 0px 0;
  width: 60px;
}
#colorpicker input {
  font-family: verdana, arial, sans-serif;
}

#colorpicker input:focus {
  border: 1px solid #999;
  color: #000000;
  background-color: #FFFFe2;
}
#colorpicker input:hover {
  border: 1px dashed #777777;
  background-color: #e8f7cc;
}  


/*----------  BUTTON SKINS  -----------*/
#ebtnbg-id1 {
	width: 125px;
	height: 25px;
	padding: 0px;
	border:1px solid #cccccc;
	 background:#eeeeee;
	}
.ebtnbg {
  height: auto;
  padding: 5px;
  }
.ebtnbgtext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  background:#eeeeee;
  }  
.ebtnbg1 input { /*0c8bcc blue*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#0c8bcc url(../images/header_bg_3.gif) repeat-x;
  }  
.ebtnbg2 input { /*2aabd6 teal*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#2aabd6 url(../images/header_bg_12.gif) repeat-x;
  }  
.ebtnbg3 input { /*2c91d1 dark blue*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#2c91d1 url(../images/header_bg_8.gif) repeat-x;
  } 
.ebtnbg4 input { /*04c1fe light-blue*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  background:#04c1fe url(../images/header_bg_13.gif) repeat-x;
  } 
.ebtnbg5 input { /*82d12c green*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#82d12c url(../images/header_bg_7.gif) repeat-x;
  }            
.ebtnbg6 input { /*a82bd1 purple*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#a82bd1 url(../images/header_bg_9.gif) repeat-x;
  }        
.ebtnbg7 input { /*d62a9f pink*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#d62a9f url(../images/header_bg_10.gif) repeat-x;
  }                
.ebtnbg8 input { /*ecee16 yellow*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  background:#ecee16 url(../images/header_bg_14.gif) repeat-x;
  }                  
.ebtnbg9 input { /*d3772c burnt-orange*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#d3772c url(../images/header_bg_6.gif) repeat-x;
  }        
.ebtnbg10 input { /*d62b53 red*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#d62b53 url(../images/header_bg_11.gif) repeat-x;
  }                      
.ebtnbg11 input { /*d8af4d orange*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#d8af4d url(../images/header_bg_5.gif) repeat-x;
  }
.ebtnbg12 input { /*c6c7c8 grey*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  background:#c6c7c8 url(../images/header_bg_4.gif) repeat-x;
  }              
  
/*------ HELP -----------*/
#ereferralhelp {
	width: 130px;
	text-align: right;
	height: 20px;
	margin: 0;
 	margin-left: 570px;
	clear:both;
	}
.ereferralhelpimg {
	float: left;
	text-align: right;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-top: -2px;
	}
.ereferralhelptext {
	float: left;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-top:0px;
	margin-bottom: 0px;
	}	
.ereferralhelptext a {
	color:#666666;
	text-decoration: none;
	border-bottom: 1px dotted #006699;
	}
.ereferralhelptext a:hover {
	color: #006699;
	text-decoration: none;
	border-bottom: 1px dotted #666666;
	}			
.ereferraluserguide {
	width: 60px;
	height: 18px; 
	float:left;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-top:2px;
	}
.ereferraluserguide a {
	color:#666666;
	text-decoration: none;
	border-bottom: 1px dotted #006699;
	}	
.ereferraluserguide a:hover {
	color: #006699;
	text-decoration: none;
	border-bottom: 1px dotted #666666;
	}		
	
.h1-arial {  font-family: Arial, Helvetica, sans-serif;
			 font-size: 16pt; font-weight: bold;
		   }	
		   
		/*----------  BUTTON SKINS  -----------*/
#ebtnbg-id1 {
	width: 125px;
	height: 25px;
	padding: 0px;
	border:1px solid #cccccc;
	 background:#eeeeee;
	}
.ebtnbg {
  height: auto;
  padding: 2px;
  }
.ebtnbgtext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  background:#eeeeee;
  }  
.ebtnbg1 input { /*0c8bcc blue*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#0c8bcc url(../images/header_bg_3.gif) repeat-x;
  }
.ebtnbg2 input { /*2aabd6 teal*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#2aabd6 url(../images/header_bg_12.gif) repeat-x;
  }  
.ebtnbg3 input { /*2c91d1 dark blue*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#2c91d1 url(../images/header_bg_8.gif) repeat-x;
  } 
.ebtnbg4 input { /*04c1fe light-blue*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  background:#04c1fe url(../images/header_bg_13.gif) repeat-x;
  } 
.ebtnbg5 input { /*82d12c green*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#82d12c url(../images/header_bg_7.gif) repeat-x;
  }            
.ebtnbg6 input { /*a82bd1 purple*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#a82bd1 url(../images/header_bg_9.gif) repeat-x;
  }        
.ebtnbg7 input { /*d62a9f pink*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#d62a9f url(../images/header_bg_10.gif) repeat-x;
  }                
.ebtnbg8 input { /*ecee16 yellow*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  background:#ecee16 url(../images/header_bg_14.gif) repeat-x;
  }                  
.ebtnbg9 input { /*d3772c burnt-orange*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#d3772c url(../images/header_bg_6.gif) repeat-x;
  }        
.ebtnbg10 input { /*d62b53 red*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#d62b53 url(../images/header_bg_11.gif) repeat-x;
  }                      
.ebtnbg11 input { /*d8af4d orange*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background:#d8af4d url(../images/header_bg_5.gif) repeat-x;
  }
.ebtnbg12 input { /*c6c7c8 grey*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  background:#c6c7c8 url(../images/header_bg_4.gif) repeat-x;
  }  
  
  .counter  {
  margin: 0;
  padding: 3px;
  font-size: 12px;
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #ccc;
  margin: 0px 0;
  width: 23px;
}
.ebtnbgtext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  background:#eeeeee;
  }