/******************************************************************************************************
 * Form
******************************************************************************************************/

label {
	position: relative;
	display: block !important;
	padding: 0;
	margin: 0;
	font-weight: normal;
	cursor: pointer;
}

.lbl label {
	display: inline !important;
}

.lbl label.cols,
.lbl label.cols-long {
	display: block !important;
	width: 170px;
	float: left;
}

label.cols-long {
	width: 180px !important;
}

.rows {
	margin-top: 7px !important;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="file"],
textarea,
select
{
	padding: 5px 10px;
	border: solid 1px #ccc/*#cfc2b7*/;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
}

input[type="radio"], 
input[type="checkbox"] {
	width: auto !important;
	margin: 0 5px 0 0 !important;
	vertical-align: baseline;
}

select { font-size: 0.888em; padding-right: 15px; }

label:hover input[type="text"],
label:hover input[type="tel"],
label:hover input[type="email"],
label:hover input[type="password"],
label:hover input[type="file"],
label:hover textarea,
span:hover select
{
	border: solid 1px #666 !important;
	background: #fff;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus
{
	border: solid 1px #666 !important;
	background: #D7E6FF !important;
}

input[type="text"][readonly='readonly'],
input[type="tel"][readonly='readonly'],
input[type="email"][readonly='readonly'],
input[type="password"][readonly='readonly'],
input[type="file"][readonly='readonly'],
textarea[readonly='readonly'],
select[readonly='readonly'],
input[type="text"][readonly='readonly']:focus,
input[type="tel"][readonly='readonly']:focus,
input[type="email"][readonly='readonly']:focus,
input[type="password"][readonly='readonly']:focus,
input[type="file"][readonly='readonly']:focus,
textarea[readonly='readonly']:focus,
select[readonly='readonly']:focus
{
	color: #585657 !important;
	border: none !important;
	background: transparent !important;
}

input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="file"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
    color: #aaa !important;
}
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="file"]:-ms-input-placeholder,
textarea:-ms-input-placeholder
{
    color: #aaa !important;
}
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="file"]::-moz-placeholder,
textarea::-moz-placeholder
{
    color: #aaa !important;
}

input.error,
textarea.error,
select.error,
input.error:focus,
textarea.error:focus,
select.error:focus
{
	border: solid 3px #cc0000 !important;
	background: #ffeeee !important;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="file"]
{
	width: 60%;
}

input.zip1 { width: 10%; }
input.zip2 { width: 15%; }
input.ptit { width: 25%; }
input.small { width: 40%; }
input.middle { width: 50%; }
input.long { width: 95%; }
textarea.ta { width: 95%; height: 100px; }
textarea.large { height: 200px; }

.alert {
	/*
	color: #ee0000;
	font-weight: bold;
	border: none !important;
	padding: 5px 0 !important;
	margin: 0 !important;
	*/
	padding: 0 !important;
	margin: 0 !important;
}

.warning {
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
	padding: 15px;
	background: #ffeeee;
	border: solid 1px #ff0000;
	margin: 0px auto 18px;
}

.success {
	color: #a48b77;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: dotted 2px #c4b3a6;
	margin-bottom: 15px;
}




/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 767px) {
	
	input[type="text"],
	input[type="password"],
	input[type="file"],
	input[type="tel"],
	input[type="email"],
	textarea,
	select {
		width: 100% !important;
		line-height: normal;
	}

	.lbl label {
		display: block !important;
	}
	
	label.except-xs { display: inline !important; }
	
	input.zip1 { width: 30% !important; }
	input.zip2 { width: 40% !important; }
	input.ptit { width: 45% !important; }
	input.except-xs { width: 100% !important; }

/*
input[type="text"], input[type="password"], input[type="file"], input[type="tel"], input[type="email"], textarea, select {
	width: 100% !important;
}

select.width-auto {
	width: auto !important;
}

.success { font-size: 1em; }
*/

}