/* -----------------------------------------------------------------------

	 - form.css

	* Copyright (c) 2010 Everegine Kft.
   
----------------------------------------------------------------------- */

input[type=text], input[type=password], textarea, .input { cursor: text; }
input[type=submit], .submit { cursor: pointer; }
	
form {
	margin: 0;
	padding: 0;
	}

label {
	display: block;
	margin: 0 0 5px 0;
	font-family: 'Museo700', 'Myriad Pro', Helvetica, Arial, Sans-serif;
	font-weight: normal;
	}
	
label.normal {
	font-family: 'Museo300', 'Myriad Pro', Helvetica, Arial, Sans-serif;
	font-weight: normal;
	}
	
.error {
	display: table;
	margin: -10px 0 15px 30px !important;
	padding: 0 10px;
	border: 1px solid #d70000;
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius: 5px;
	background: #ffbaba;
	font-size: 10px;
	font-weight: normal !important;
	color: #d70000;
	}
	
.succes {
	display: table;
	margin: -10px 0 15px 30px !important;
	padding: 0 10px;
	border: 1px solid #3ea821;
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius: 5px;
	background: #c9ffba;
	font-size: 10px;
	font-weight: normal !important;
	color: #3ea821;
	}
	
input[type=text], input[type=password], .input {
	display: block;
	width: 248px;
	height: 17px;
	margin: 0 0 15px 0;
	padding: 5px 10px;
	border: 1px solid #bbb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fdfdfd;
	color: #666;
	}
	
input[type=text]:focus, input[type=password]:focus, .input:focus {
	padding: 4px 9px;
	border: 2px solid #999;
	background: #fefefe;
	color: #333;
	}
	
textarea {
	display: block;
	width: 248px;
	height: 100px;
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #bbb;
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius: 5px;
	background: #fdfdfd;
	color: #666;
	}
	
textarea:focus {
	padding: 9px;
	border: 2px solid #999;
	background: #fefefe;
	color: #333;
	}
	
input[type=checkbox], input[type=radio] {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	}
	
input[type=submit], input[type=button], .submit {
	display: block;
	padding: 5px 10px;
	border: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #666;
	vertical-align: center;
	text-align: center;
	color: #fff;
	cursor: pointer;
	}
	
	input[type=submit]:hover, input[type=button]:hover, .submit:hover {
		background: #333;
		color: #fff;
		}