/* base */
html body {}

label { 
	font-weight: bold; 
	}
fieldset { 
	padding: 1em; 
	border: 1px solid #ccc; 
	}
legend { 
	font-weight: bold; 
	font-size:1.2em; 
	margin-top:-0.1em;  
	}


/* `Widths
----------------------------------------------------------------------------------------------------*/

.input_tiny {
	width: 50px;
}

.input_small {
	width: 100px;
}

.input_medium {
	width: 150px;
}

.input_large {
	width: 200px;
}

.input_xlarge {
	width: 250px;
}

.input_xxlarge {
	width: 300px;
}

.input_full {
	width: 100%;
}




/*
	Added via JS to <textarea> and class="input_full".
	Applies only to IE7. Other browsers don't need it.
*/
.input_full_wrap {
	display: block;
	padding-right: 8px;
}

/* `UI Consistency
----------------------------------------------------------------------------------------------------*/

::-moz-focus-inner {
	border: 0;
}

input[type="search"]::-webkit-search-decoration {
	display: none;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	-webkit-appearance: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	margin:0.15em 0.25em 0.5em 0;
	padding: 6px 4px 4px;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid;
	border-color: #bdbdbd;
	border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1);   
	color: #444;
	display: block;
	width: auto;

	/* IE7 */
	*padding-top: 2px;
	*padding-bottom: 1px;
	*height: auto;
}

select {
	padding: 6px 4px;
}

input[type="checkbox"],
input[type="radio"] {	
	vertical-align: baseline;
}

input.inline,
select.inline,
label.inline + input,
label.inline > input,
label.inline + select,
label.inline > select { 
	display: inline-block;
	}


/*
	Separate rule for Firefox.
	Cannot stack with WebKit's.
*/
input.placeholder_text,
textarea.placeholder_text {
	color: #888;
}

::-webkit-input-placeholder {
	color: #888;
}

textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
	background-color: #eee;
	color: #888;
}


input[type="date"]:hover,
input[type="datetime"]:hover, 
input[type="datetime-local"]:hover, 
input[type="email"]:hover, 
input[type="month"]:hover, 
input[type="number"]:hover, 
input[type="password"]:hover, 
input[type="search"]:hover, 
input[type="tel"]:hover, 
input[type="text"]:hover, 
input[type="time"]:hover, 
input[type="url"]:hover, 
input[type="week"]:hover, 
textarea:hover, 
select:hover {
	/* for Opera */
	z-index: 1;
	box-shadow: 0 0 8px rgba(11, 11, 11, .35);
	border-color: #999; 
}

input[type="date"]:focus, input[type="date"]:active,
input[type="datetime"]:focus, input[type="datetime"]:active,
input[type="datetime-local"]:focus, input[type="datetime-local"]:active,
input[type="email"]:focus, input[type="email"]:active,
input[type="month"]:focus, input[type="month"]:active,
input[type="number"]:focus, input[type="number"]:active,
input[type="password"]:focus, input[type="password"]:active,
input[type="search"]:focus, input[type="search"]:active,
input[type="tel"]:focus, input[type="tel"]:active,
input[type="text"]:focus, input[type="text"]:active,
input[type="time"]:focus, input[type="time"]:active,
input[type="url"]:focus, input[type="url"]:active,
input[type="week"]:focus, input[type="week"]:active,
textarea:active, textarea:focus,
select:active, select:focus {
	box-shadow: 0 0 8px rgba(48, 114, 179, .5);
	border-color: #599bdc; 
	color: #111;
	/* for Opera */
	z-index: 1;
}

/*.is_webkit select {*/
select {
	/* Tweaks for Safari + Chrome. */
	background-image: url(images/formalize-select-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}

textarea,
select[multiple] {
	height: auto;
}

select[multiple],
.is_webkit select[multiple] {
	background-image: none;
	padding: 0;
}

textarea {
  	min-height: 40px;
	overflow: auto;
	resize: vertical;
	width: 100%;
}

optgroup {
	color: #000;
	font-style: normal;
	font-weight: normal;
}



input.title   { font-size:1.7em; }