@charset "utf-8";
/* CSS Document */

#user-details {
	margin:20px 0 0 0;
	float:left;
}
#user-details label {
	font-size: 12px;
	color: #000;
	width:190px;
	float:left;
	padding:5px 0 0 0;
	clear:both;
}
#user-details p {
	float:left;
	width:680px;
	clear:both;
	margin:5px 0;
}
#user-details {
	float: left;
	padding:0 0 0 10px;
}
#user-details input, textarea {

	margin: 0px 0 0px 0;
	background:url(input_bg.jpg);
	width: 340px;
	padding:6px;
		
	font-size: 12px;
	float:left;
	color: #555;
	border: 1px #ddd solid;
	/* -- CSS3 Shadow - create a shadow around each input element -- */ 
		-webkit-box-shadow: 0px 0px 4px #aaa;
	-moz-box-shadow: 0px 0px 4px #aaa;
	box-shadow: 0px 0px 4px #aaa;
	/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
		-webkit-transition: background 0.3s linear;
}
#user-details img {
	margin:0 0 0 15px;
	border:1px solid #f4f2f2;
	padding:2px;
}
#user-details select {
	width:352px;
}
#user-details textarea {
	width: 450px;
	height: 175px;
	float:left;
	background:url(message_area.jpg);
	height:95px;
}
#user-details input:hover, #user-details textarea:hover, #user-details select:hover {
	background: #f4f2f2;
}
#user-details em {
	color:#FF0000;
}
#user-details input.submit {
	width: 120px;
	float:left;
	color: #eee;
	text-transform: uppercase;
	margin: 10px 0 0 192px;
	background:#152b8e;
	border: none;
	/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
		/*-webkit-transition: -webkit-box-shadow 0.3s linear;*/
	/* -- CSS3 - Rounded Corners -- */
		/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;*/
	/* -- CSS3 Shadow - create a shadow around each input element -- */ 
		/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#152b8e), to(#152b8e));
	background: -moz-linear-gradient(25% 75% 152b8e, #152b8e, #152b8e);*/
}
#user-details input.submit:hover {
	-webkit-box-shadow: 0px 0px 20px #555;
	-moz-box-shadow: 0px 0px 20px #aaa;
	box-shadow: 0px 0px 20px #555;
	cursor:  pointer;
}