@charset "utf-8";
/* CSS Document */

.form .input-box {

	margin-bottom: 15px;
	
	width:50px;
	
}

	.form .input-box label {
	display: block;
	font-size: 14px;
	margin-bottom: 2px;
	color: #000000;
	font-weight:bold;
	font-family: inherit;
	}
	
		
		.form .input-box.check label {
	display: inline;
	font-size: 14px;
		}
	
	.form .input-box input[type=text], .form .input-box textarea {
	
		width: 50px;
		padding: 5px 5px;
		font-size: 16px;
		color: #FF0;
		font-weight:bold;
		background-color:#E86850;
		border: none;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-moz-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
		-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
		box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
	}
		.form .input-box input[type=password], .form .input-box textarea {
	width: 50px;
	padding: 5px 5px;
	font-size: 16px;
	color:#FF0;
	font-weight:bold;
	background-color: #E86850;
	border: none;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
	}
	
		
	.form .input-box input[type=text], .form .input-box file {
	width: 50px;
	padding: 5px 5px;
	font-size: 16px;
	background-color: #E86850;
	border: none;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
	}
	
	
		.form .input-box.invalid input[type=text], .form .input-box.invalid textarea {
		
			-moz-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
			-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
			box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
		}
		.form .input-box.invalid input[type=password], .form .input-box.invalid textarea {
		
			-moz-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
			-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
			box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
		}
		
	.form .input-box select {
	
		width: 250px;
		padding: 5px 5px;
		font-size: 16px;
		color: #FF0;
		font-weight:bold;
		background-color: #E86850;
		border: none;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
		-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
		box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
	}
	
	.form .input-box .label {
	
		position: absolute;
		top: 8px;
		-moz-top: 6px;
		left: 8px;
		color: #ccc;
	}
	
		.mozilla .form .input-box .label {
		
			top: 6px;
		}
	
	.form .input-box .check {
	
		display: none;
		width: 20px;
		height: 17px;
		margin-top: 8px;
		float: left;
	}
	
		.form .input-box.invalid .check {
		
			display: block;
			background-image: url(../images/invalid.png);
			background-repeat: no-repeat;
		}
		
		.form .input-box.valid .check {
		
			display: block;
			background-image: url(../images/valid.png);
			background-repeat: no-repeat;
		}
		
		.form .input-box.check .check {
		
			margin-top: 0px;
		}
	
	.form .input-box .error {
	
		display: none;
		font-size: 11px;
		font-style: italic;
		color: #444;
		margin-top: 2px;
	}
	
		.form .input-box.invalid .error {
		
			display: block;
		}

	.form .input-box input[type=submit] {
	
		padding: 5px 10px;
		font-size: 16px;
		background-color: #fff;
		border: none;
		-moz-border-radius: 4px;
		border-radius: 8px;
		-moz-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
		-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
		box-shadow: 0 0 5px rgba( 0, 0, 0, .2 );
	}
	
	.form .input-box input[type=submit]:hover {
	
		-moz-box-shadow: 0 0 5px rgba( 0,128,0 );
		-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .4 );
		box-shadow: 0 0 5px rgba( 0,128,0 );
		cursor: pointer;
	}

		
