/*



Tutoralzine Demo 

Original tutorial: Creating a Facebook-like Registration Form with jQuery

Tutorial URL: http://tutorialzine.com/2009/08/creating-a-facebook-like-registration-form-with-jquery/



You are free to use the following demo code for any purpose you see fit.



*/





/* Page styles */



body,h1,h2,h3,p,td,quote,small,form,input,ul,li,ol,label{

	margin:0px;

	padding:0px;

}



body{

	margin-top:20px;

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

	color:#51555C;

	height:100%;

	

	font-size:11px;

}





/* Form styles */



input,select{

	padding:3px;

	color:#333333;

	

	border:1px solid #96A6C5;

	margin-top:2px;

	width:300px;

	font-size:11px;

}



select{

	width:auto;

	padding:2px;

}



.formline{

	padding:3px;

}



label{

	font-size:11px;

	display:block;

	text-align:right;

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

}



table{

	width:500px;

}



td{

	font-size:11px;

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

}



.input-container{

	padding:1px;

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

}



#div-regForm,.registered{	

	border:3px solid #eeeeee;

	padding:15px;

	

	background:url(img/bg.jpg) repeat-x #cbd4e4;

	color:#203360;

	

	margin:30px auto 40px auto;

	width:600px;

}



.form-title,

.form-sub-title{

	font-size:20px;

	

	font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;

	font-size:20px;

	font-weight:bold;

}



.form-sub-title{

	font-weight:normal;

	padding:6px 0 15px 0;

}



.greenButton{

	width:auto;

	margin:10px 0 0 2px;

	padding:3px 4px 3px 4px;

	color:white;

	background-color:#589d39;

	outline:none;

	border:1px solid #006600;

	font-weight:bold;

}



.greenButton:active{

	background-color:#006600;

	padding:4px 3px 2px 5px;

}



#loading{

	left:10px;

	position:relative;

	top:3px;

	visibility:hidden;

}



#error{

	background-color:#ffebe8;

	border:1px solid #dd3c10;

	padding:7px 3px;

	text-align:center;

	margin-top:10px;

	visibility:hidden;

}

