/* 
*	
*	CSSG Collections: Forms
*	designed and coded by Alen Grakalic (http://cssglobe.com)
*	brought to you by Templatica (http://templatica.com)
*
*/

/* form 1 */

	#form1{
		margin:1em 0;
		padding-top:20px;
		background:url(../image/form1/form_top.gif) no-repeat 0 0;
		width: 600px;
		}
	#form1 fieldset{
		margin:0;
		padding:0;
		border:none;	
		float:left;
		display:inline;
		width:400px;
		margin-left:25px;
		}		
	#form1 legend{display:none;}	
	#form1 p{margin:.5em 0; }	
	#form1 label{/*display:block;*/ display:inline; }	
	#form1 input, #form1 textarea{		
		width:230px;
		border:1px solid #ddd;
		background:#fff url(../image/form1/form_input.gif) repeat-x;
		padding:3px;
		}		
	#form1 input {
	    height: 20px;
	}
	#form1 textarea{
		height:125px;
		overflow:auto;
		}					
	#form1 p.submit{
		clear:both;
		background:url(../image/form1/form_bottom.gif) no-repeat 0 100%;
		padding:0px 0px 20px 160px;
		margin:0;
		text-align:left;
		}	
	#form1 button{
		width:120px;
		height:30px;
		line-height:30px;		
		border:none;
		background:url(../image/form1/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		font-weight: bold;
		margin-right: 10px;
		}				

/* // form 1 */

/* form 2*/
#form2 {
	background:none repeat scroll 0 0 #FAFAFA;
	padding:1em;
	border:1px solid #eee;
}
#form2 .login {
	background:url(../gfx/user.gif) no-repeat 95% 1em;
}
#form2 .contact {
	background:url(../image/info.png) no-repeat 90% 2em;
}
#form2 fieldset div {
	margin:0.1em 0;
	clear:both;
}
#form2 {
	margin:1em;
	/*width:27em;*/
}
#form2 label {
	float:left;
	width:12em;
	text-align:right;
	margin-right:1em;
}
#form2 legend {
	color:#0b77b7;
	font-size:1.2em;
	margin-bottom: 10px;
}
#form2 legend span {
	width:10em;
	text-align:right;
}

#form2 input:hover, #form2 input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
#form2 fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}

/* // form 2*/

/* form 3 */
	#form3{
		margin:1em 0;
		background:url(../image/form3/form_bg.jpg) no-repeat 0 0;
		width:505px;
		height:331px; /* fixed size (envelope graphic) */
		overflow:hidden;
		border: 1px solid #e8f6f9;
		}
	#form3 fieldset{
		margin:0;
		padding:0;
		border:none;	
		float:left;
		display:inline;
		width:450px;
		margin-left:34px;
		padding-top:130px;
		}					
	#form3 legend{display:none;}	
	#form3 p{margin:.5em 0;}	
	#form3 label{display:inline; width: 230px; color: #369;}	
	#form3 input, #form3 textarea{		
		width:192px;
		border:1px solid #ddd;
		background:#fff url(../image/form3/form_input.gif) repeat-x;
		padding:3px;
		}				
	#form3 input {
	    height: 20px;
	}
	#form3 p.submit{
		padding:20px 0px 20px 0px;
		margin:0;
		text-align:center;
		clear:both;
		}	
	#form3 button{
		width:120px;
		height:30px;
		line-height:30px;		
		border:none;
		background:url(../image/form3/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		font-weight: bold;
		margin-right: 10px;
		}				

/* // form 3 */