/* CSS Document */

#registerform 

{

	display:block;
}


#registerform form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  }

#registerform form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 1px;
  border:#CC0000 solid 0px;
}
#registerform .formheader{
background: #B5DE2A url(../images/reg_bg.jpg) ;
border :  1px solid #B8B8B8;
padding : 8px 20px 0 0 ;
text-align : center;
font-weight:bold;
height : 26px;
margin:5px;
width:96%;
color:#414141;
font-size:1.2em;
font-family:Verdana, Arial, sans-serif;
}

#registerform .formhead { 
width: 540px; 
margin: 0 auto;
text-align: center; 
font-weight: bold; 
background: url(../images/reg_bg.jpg);
text-align : center;
font-weight:bold;
font-size:1.2em;
font-family:Verdana, Helvetica, Arial, sans-serif;
}
#registerform .formhead div { 
background: url(../images/formhd_bot.gif) bottom left no-repeat; 
color:#414141; 
height: 34px; 
}
#registerform .formhead div p { 
background: url(../images/formhd_top.gif) top left no-repeat; 
margin: 0; 
padding : 9px 0 0 10px ; 
}





#registerform form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 145px; 
	padding: 0; 
	margin: 7px 15px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	color : #000;
	font-weight : bold;
	line-height:1.2em;
	
}

#registerform .agree { 
	display: block;  /* block float the labels to left column, set a width */
	padding-top: 10px; /* set top margin same as form input - textarea etc. elements */
	color : #ffffff;
	font-weight : bold;
	margin:5px 5px 5px 1px;
	
}


#registerform form input {
width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
margin:5px 5px 5px 1px;
	color : #000;
	padding : 2px;
	border: 1px #B9C29D solid;
	font-size:1.1em;
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#registerform .chk{
border:0px;margin:5px 5px 5px 1px;
background:none;
}

#registerform form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:250px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
margin:5px 5px 5px 1px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	font-size : 1.1em;
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px #B9C29D solid;

}


#registerform form select{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
margin:5px 5px 5px 1px; 
	color : #000;
	padding : 2px;
	border: 1px #B9C29D solid;

	font-size : 1.1em;
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
}



#registerform form input#button {
	margin-left:2px; /* set margin-left back to zero on reset button (set above) */
	height:26px; font:1.1em;
}

#registerform textarea { overflow: auto; }

#registerform form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}


#registerform form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#registerform form hr {
height:1px;
margin: 5px;
width:96%;
color:#CCCCCC;
text-align:left;
}

#registerform span.fspace{
margin:0 0 10px 10px;
}

/* Manages username pproposition */

#registerform div.check{
margin:0 0 5px 10px;
margin:5px 5px 5px 5px;
border: #7AB002 solid 0px;
background:#ECFDBD;font-size: 0.95em;
font-weight:bold;
color:#000000;
float:left;
}

#registerform span.errorsall {
margin:0 0 10px 10px;
padding:5px 10px 5px 10px;
border: #E2C822 solid 1px;
background:#FF0000;
font-weight:bold;
color:#FFFFFF;
}

#registerform span.successall {
margin:0 0 10px 10px;
padding:5px 10px 5px 10px;
border: #E2C822 solid 1px;
background:#008000;
font-weight:bold;
color:#FFFFFF;
}

#registerform span.error{
padding:0 0 5px 10px;
color:#ff6600;
font-weight: bold;
}
#registerform span.warning{
padding:0 0 5px 10px;
color:#ffffff;
font-weight: bold;
}
#registerform .btnstyle {
  background: #FFC url(../images/bgbut.jpg) repeat-x;
  font-size:11px;
  font-weight:bold;
  color:#FCF144;
 }
#registerform .btnstyle:hover {
  background-color: #900;
  background-position: 0 -24px;
}







#passwordStrength
{

	margin-left:12px;
	display:block;
	float:left; height:10px;
}

.strength0
{

	background:#cccccc;
}

.strength1
{
	width:50px;
	background:#ff0000;
}

.strength2
{
	width:100px;
	background:#ff5f5f;
}

.strength3
{
	width:150px;
	background:#56e500;
}

.strength4
{
	background:#4dcd00;
	width:200px;
}

.strength5
{
	background:#399800;
	width:250px;
}