/*
 * Ideal Forms
 * by Cedric Ruiz 
 * elclanrs@gmail.com
 * www.jqidealforms.com
 *
 * Version 0.69
*/


/* CAUTION

***************************************************/

@font-face { /* Load dingbat font for checkmark */
    font-family: 13px/18px Arial, Tahoma, Verdana, sans-serif;
    font-weight: normal;
    font-style: normal;
}

:focus { outline:none; outline-style: none;}
::-moz-focus-inner { border:0; }

form { margin: 2em 0; } 

form * { font: normal 13px/18px Arial, Tahoma, Verdana, sans-serif;} /* Global font */

/* Global width */

input[type="text"], 
input[type="password"] {	
	width: 94%;
}

select{
	width: auto;
}

textarea {
	width: 96%;
	height: 2em;
	overflow: auto;
}

/* Global padding */

textarea, 
input[type="text"], 
input[type="password"], 
input[type="submit"]  { 
	padding: .3em .5em;
}


form input[type="text"],
form input[type="password"], 
select,
form input[type="submit"]{
	margin: .3em 0;
}

form p {
	margin-left: 8em; /* Same as label width */
	line-height: 1.5em;
}

 
/* Round Corners 

***************************************************/

input[type="submit"],
select,
input[type="text"],
input[type="password"],
textarea { 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input[type="checkbox"]{
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
} 
/* IE9 Disable border-radius */
input[type="submit"],
textarea,
select,
input[type="text"],
input[type="password"],
input[type="radio"],
input[type="checkbox"]{  
	border-radius: 0\9;
}

/* Text inputs 
*******************************************/
textarea,
input[type="text"],
input[type="password"]{
	border:1px solid #666;
}

textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
select.focused,
input[type="submit"]:focus {
	box-shadow: 0 0 3px #207ce5;
	-webkit-box-shadow: 0 0 3px #207ce5;
	-moz-box-shadow: 0 0 3px #207ce5;
	border:1px solid #207ce5;
}


/* Button
***************************************************/

input[type="submit"] {
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
}

input[type="submit"] { /* Default */
	background: #eee;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	color:#222;
	border: 1px solid #666;
}

input[type="submit"]:hover { /* Hover */
	background: #499bea; 
	background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
	background: -o-linear-gradient(top, #499bea 0%,#207ce5 100%);
	border:1px solid #222;
	color:#fff
}

input[type="submit"]:active { /* Pressed */
	background:#ddd;
	color:#222;
}

/*Radio
****************************************************/

input[type="radio"]{
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

input[type="radio"].selected { /* Hover */
	background: #207ce5; 
	background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
	background: -o-linear-gradient(top, #499bea 0%,#207ce5 100%);
	color:#fff;
}

/*Checkbox
****************************************************/
input[type="checkbox"]:before { /* Checkmark */
	color:#207ce5;
}

/* Select Menu 
*******************************************/

select{ /* Header */
	background: #FFF;
	border:1px solid #666;
	color: #000;
	padding: .1ex .3ex;
}

select:hover {
	box-shadow: 0 0 5px #207ce5;
}

option{ /* Dropdown */
	background: #ccc;
	background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
	background: -o-linear-gradient(top, #cccccc 0%,#eeeeee 100%);
	border:1px solid #666;
	border-top: none;
	color: #000;
	padding: .3ex .5ex;
}

option:hover, option:focus, option:active, option:checked { 
	background: #207ce5; 
	background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
	background: -o-linear-gradient(top, #499bea 0%,#207ce5 100%);
	color: #000;
}