/*
	Form Elements
	-- Styled to look like native Safari on OS X.
	-- Drop-down <select> menus are unaffected.
	-- Buttons are unaffected. Native OS style.
*/

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



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

/*
	Separate rule for Firefox.
	Cannot stack with WebKit's.
*/
.placeholder_text {
	color: #ccc !important;
}

input[type=search] {
	-webkit-appearance: none;
	-webkit-box-sizing: content-box;
}

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

input,
button,
select,
textarea {
	margin: 0;
}

.ie_button,
button,
input[type=reset],
input[type=submit],
input[type=button] {
    display: inline-block;
	font-size: 11px;
	overflow: visible;
	width: auto;
	
}

.ie_text,
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
    /*height:29px;*/
}

.ie_text,
textarea,
select[multiple],
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] {
	background: white /*url(../images/ui/input_shadow.png) repeat-x*/;
border: solid 1px #3C7FB1;
color: black;
margin: 0;
padding-left: 3px;
padding-right: 3px;
font: 12px Arial, sans-serif;
vertical-align: top;
}




.ie_multiple,
select[multiple] {
	padding: 0;
}

textarea {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
}

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

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

.input_tiny {
	width: 50px;
}

.input_small {
	width: 100px;
}

.input_medium {
	width: 150px;
}

.input_large {
	width: 200px;
}

.input_xlarge {
	width: 250px;
}

.input_full {
	width: 100%;
}
.input_50 {
	width: 48%;
}
.input_80 {
	width: 80%;
}
/*
	Added via JS to <textarea> and class="input_full"
*/
.input_full_wrap {
	display: block;
	padding-right: 8px;
}



/* Used for the Switch effect: */
	.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(../images/switch.gif) repeat-x; display: block; float: left; }
	.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
	.cb-enable span { background-position: left -90px; padding: 0 10px; }
	.cb-disable span { background-position: right -180px;padding: 0 10px; }
	.cb-disable.selected { background-position: 0 -30px; }
	.cb-disable.selected span { background-position: right -210px; color: #fff; }
	.cb-enable.selected { background-position: 0 -60px; }
	.cb-enable.selected span { background-position: left -150px; color: #fff; }
	.switch label { cursor: pointer; }