/* CSS Document */

/* Body rules */

body { 
	margin: 10px 0;
	padding: 0;
	border: 0;	
	text-align: center;
	color: #666666;
	background-color: #E8E8E8;  
	font: 10px/12px verdana, arial, helvetica, sans-serif;
	vertical-align: bottom;
	}

/* Wrapper rules */

#wrapper {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 750px;
	height: 100%;
	color: #666;
	background-color: transparent;
	}
	
	/* Wrapper rules */

#header {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 730px;
	height: 100%;
	color: #000;
	background-image:url(../img/hdr_bk.gif);
	background-position:right;
	}
/* Wrapper panel */

.blwrapper {background:  url("../img/sp_panel_bl_wrapper.gif") 0 100% no-repeat #ffffff; width: 770px; height: 100%;} 
.brwrapper {background:  url("../img/sp_panel_br_wrapper.gif") 100% 100% no-repeat}
.tlwrapper {background:  url("../img/sp_panel_tl_wrapper.gif") 0 0 no-repeat}
.trwrapper {background: url("../img/sp_panel_tr_wrapper.gif") 100% 0 no-repeat; padding: 16px;}

/* Hdr panels */

.blhdr {background:  url("../img/sp_panel_bl_hdr.gif") 0 100% no-repeat; min-height: 120px; height: auto; margin: 0 0 0 0}  
.brhdr {background:  url("../img/sp_panel_br_hdr.gif") 100% 100% no-repeat; min-height: 120px; height: auto; }
.tlhdr {background:  url("../img/sp_panel_tl_hdr.gif") 0 0 no-repeat}
.trhdr {background:  url("../img/sp_panel_tr_hdr.gif") 100% 0 no-repeat; padding: 16px; text-align: left;}

/* for Internet Explorer */
/*\*/
* html .blhdr{height: 120px; margin: 0 0 0 0}
* html .brhdr {height: 120px;}
/**/

/* Hdr navigation */

.blnav {background:  url("../img/sp_panel_bl_nav.gif") 0 100% no-repeat #eeeeee ; min-height: 40px; height: auto; margin: 10px 0 10px 0}  
.brnav {background:  url("../img/sp_panel_br_nav.gif") 100% 100% no-repeat; min-height: 40px; height: auto; }
.tlnav {background:  url("../img/sp_panel_tl_nav.gif") 0 0 no-repeat}
.trnav {background:  url("../img/sp_panel_tr_nav.gif") 100% 0 no-repeat; padding: 8px 8px 8px 16px; text-align: left;}

/* for Internet Explorer */
/*\*/
* html .blnav{height: 40px; margin: 10px 0 0 0}
* html .brnav {height: 40px;}
/**/

/* Content panels */

.blcontent {background:  url("../img/sp_panel_bl_content.gif") 0 100% no-repeat #066FB3; min-height: 450px; height: auto; margin: 10px 0 10px 0} 
.brcontent {background:  url("../img/sp_panel_br_content.gif") 100% 100% no-repeat; min-height: 450px; height: auto;}
.tlcontent {background:  url("../img/sp_panel_tl_content.gif") 0 0 no-repeat}
.trcontent {background:  url("../img/sp_panel_tr_content.gif") 100% 0 no-repeat; padding: 16px; text-align: left;}

/* for Internet Explorer */
/*\*/
* html .blcontent {height: 450px; margin: 10px 0 10px 0}
* html .brcontent {height: 450px;}
/**/

/* Content panels */

.blaffiliates {background:  url("../img/sp_panel_bl_affiliates.gif") 0 100% no-repeat #129AE4; min-height: 450px; height: auto; margin: 10px 0 10px 0} 
.braffiliates {background:  url("../img/sp_panel_br_affiliates.gif") 100% 100% no-repeat; min-height: 450px; height: auto;}
.tlaffiliates {background:  url("../img/sp_panel_tl_affiliates.gif") 0 0 no-repeat}
.traffiliates {background:  url("../img/sp_panel_tr_affiliates.gif") 100% 0 no-repeat; padding: 16px; text-align: left;}

/* for Internet Explorer */
/*\*/
* html .blaffiliates {height: 450px; margin: 10px 0 10px 0}
* html .braffiliates {height: 450px;}
/**/

/* Content panels */

.bllogin {background:  url("../img/sp_panel_bl_highlight.gif") 0 100% no-repeat #ffffff; min-height: 108px; height: auto;} 
.brlogin {background:  url("../img/sp_panel_br_highlight.gif") 100% 100% no-repeat; min-height: 108px; height: auto;}
.tllogin {background:  url("../img/sp_panel_tl_highlight.gif") 0 0 no-repeat}
.trlogin {background:  url("../img/sp_panel_tr_highlight.gif") 100% 0 no-repeat; padding: 10px; text-align: left;}

/* for Internet Explorer */
/*\*/
* html .bllogin {height: 108px;}
* html .brlogin {height: 108px;}
/**/



/* Highlight panels */

.blhighlight {background:  url("../img/sp_panel_bl_highlight.gif") 0 100% no-repeat #99D6EB;}
.brhighlight {background:  url("../img/sp_panel_br_highlight.gif") 100% 100% no-repeat;}
.tlhighlight {background:  url("../img/sp_panel_tl_highlight.gif") 0 0 no-repeat;}
.trhighlight {background:  url("../img/sp_panel_tr_highlight.gif") 100% 0 no-repeat; padding: 7px;}

/* ltblue panels */

.blltblue {background:  url("../img/sp_panel_bl_ltblue.gif") 0 100% no-repeat #ffffff;}
.brltblue {background:  url("../img/sp_panel_br_ltblue.gif") 100% 100% no-repeat;}
.tlltblue {background:  url("../img/sp_panel_tl_ltblue.gif") 0 0 no-repeat;}
.trltblue {background:  url("../img/sp_panel_tr_ltblue.gif") 100% 0 no-repeat; padding: 16px;}

/* Blue panels */

.blblue {background:  url("../img/sp_panel_bl_blue.gif") 0 100% no-repeat #ffffff;}
.brblue {background:  url("../img/sp_panel_br_blue.gif") 100% 100% no-repeat;}
.tlblue {background:  url("../img/sp_panel_tl_blue.gif") 0 0 no-repeat;}
.trblue {background:  url("../img/sp_panel_tr_blue.gif") 100% 0 no-repeat; padding: 16px;}

/* Global rules */	
	
img {
	display: block;
	}	

/* Typography */

p	{    
	font-size: 1.1em;    
	line-height: 1.6em;  
	padding: 5px 0 0 0;    
	margin: 0px;    
	text-align: left;    
		color:#333333;
	} 		
	
p.rhtalignbt	{
	font-size: 1.2em;    
	line-height: 1.4em; 
	margin: 0 0 0 0;
	text-align: right;

	}	
	
h1	{	    
	margin: 5px 0 5px 0;    
	padding: 0;    
	color: #0099CC;    
	font-weight: bold;    
	font-size: 1.4em;    
	line-height: 1.4em;    
	text-align: left;    
	}	    
	    
h2	{	    
	margin: 10px 0 5px 0;    
	padding: 0;    
	color: #003366;    
	font-weight: bold;    
	font-size: 1.2em;    
	line-height: 1.4em;    
	text-align: left;    
	}
	
h3	{	    
	margin: 0 0 5px 0;    
	padding: 0;    
	color: #0099CC;    
	font-weight: bold;    
	font-size: 1.1em;    
	line-height: 1.2em;    
	text-align: left;    
	}				
h4	{	    
	margin: 0 0 5px 0;    
	padding: 0;    
	color: #0099CC;    
	font-weight: bold;    
	font-size: 1.4em;    
	line-height: 1.4em;    
	text-align: left;    
	}			
	
.backtop {

	text-align: right;
	margin: 10px 0px 0px 0px;

}
a.corpNav:link, a.corpNav:visited, a.corpNav:active	{
	text-decoration: none;
      color: #666666;
	  font-weight: normal;
	}    
	
a.corpBottom:link{
	text-decoration: none;
      color: #ffffff;
	  font-weight: normal;
	}   

a.corpNav:hover	{	    
	text-decoration: none;
      color: #0099cc;			    
	}		
	
/* Forms */		    
    
form	{    
	margin: 0px;    
	padding: 0px;    
	border: 0px;    
	}	    
	    
input.textbox {    
	border: 1px solid #0099cc;		    
	font: 11px/13px verdana, arial, helvetica, sans-serif;     
	font-style: normal;     
	font-weight: normal;    
	color: #000;	    
	padding: 0 0 0 5px;    
	margin: 0 5px 2px 0;    
	height: 15px;    
	vertical-align: middle;     
	width: 120px;    
	} 
	
input.textbox65 {    
	border: 1px solid #000;	   
	font: 11px/13px verdana, arial, helvetica, sans-serif;     
	font-style: normal;     
	font-weight: normal;    
	color: #000;	    
	padding: 0 0 0 5px;    
	margin: 0 5px 0 0;    
	height: 15px;    
	vertical-align: middle;     
	width: 65px;    
	}	 
	
input.textbox175 {    
	border: 1px solid #000;	 
	font: 11px/13px verdana, arial, helvetica, sans-serif;     
	font-style: normal;     
	font-weight: normal;    
	color: #000;    
	padding: 0 0 0 0;    
	margin: 0 0 0 0;    
	height: 15px;    
	vertical-align: middle;     
	width: 175px;    
	}	  		    

.dropdown	{      
	border: 1px solid #68405a;     
	font: 11px/13px verdana, arial, helvetica, sans-serif;    
	font-style: normal;     
	font-weight: normal;    
	color: #000;     
	line-height: normal;    
	}	
	
input.button, input.cancelbutton	{
	padding: 1px;
	}		
	
	
	#regBoxout {

	padding: 15px 15px 35px 15px;

	background-color: #eee;

	margin: 20px 0px 20px 0px;

	border: 1px dashed #aaa;

}


#regSteps {

	color: #999;

}
#infoBoxout {

	padding: 15px 15px 15px 15px;

	background-color: #FFDFEF;

	margin: 10px 0px 10px 0px;

	border: 1px dashed #003366;

}
#blueBoxout {

	padding: 15px 15px 15px 15px;

	background-color: #D7F7FF;

	margin: 20px 0px 0px 0px;

	border: 1px dashed #0099FF;

}

/* +++ Forms layout +++ */



input.submit {

	border: 3px double #999;

	border-top-color: #ccc;

	border-left-color: #ccc;

	padding: 0.25em;

	background-color: #eee;

	color: #0099FF;

	font-size: 1em;

	font-weight: bold;

	font-family: Verdana, Helvetica, Arial, sans-serif;

}



input.submit:active {

	border: 3px double #ccc;

	border-top-color: #999;

	border-left-color: #999;

}



input.text {

	border: 1px solid #999;

	padding-left: 2px;

}



select {

	border-color: 1px solid #999;

	background-color: #fff;

	color: #036;

	font-size: 1em;

	font-family: Verdana, Helvetica, Arial, sans-serif;

}



div.row {

  clear: both;



}



div.row span.label {

	padding-top: 13px;

	float: left;

	width: 250px;

	text-align: right;

}



div.row span.formText {

	padding-top: 13px;

	margin-left: 20px;

	float: right;

	width: 230px;

	text-align: left;

	font-weight: bold;

}



div.row span.formw {

	padding-top: 10px;

	margin-left: 20px;

  float: right;

  width: 350px;

  text-align: left;

}

a {

	color: #0099CC;

	font-weight: bold;

}



a:visited {

	color: #0099CC;

}
#news dl {margin-left: 0px; padding-bottom: 0px; border: 1px solid #999; background-color:#FFFFFF;}
#news dt {
	padding: 2px 2px 2px 2px;
	font-size: 10px;
	color: #666;
	font-weight: bold;
	margin-bottom: 0px;
	background-color: #EEEEEE;
	display:block;
	
}
#news dd {
	margin-left: 5px;
	padding: 2px 2px 2px 2px;
	border-bottom: 1px solid #fff;
	font-size: 10px;
	color:#666;
}
#popitmenu{
position: absolute;
background-color: white;
border:1px solid #cccccc;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
color: #fff;
background-color: #0099cc;
}
a.clients:link, a.clients:visited, a.clients:active	{	/* Orange buttons */
	font: 10px/18px verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #f60;
	background: #ffffff;	
	border: 3px double #999;
   	border-top-color: #cccccc;
   	border-left-color: #cccccc;	
	display: block;
	padding: 0 0 0 0;
	text-align: center;
	width:160px;
	height:74px;
	}
	
	a.clients:hover	{	
	color: #FFECD9;
	background: #ffffff;	
	border: 3px double #006699;
   	border-top-color: #0099CC;
   	border-left-color: #0099CC;	
	}