/* plugin Forms */

.pluginforms {  }
.pluginforms .item { clear:both; margin-bottom:15px; }
.pluginforms .item > label { float:left; width:150px; text-align:right; }
.pluginforms .item > label > span.required { color:red; }
.pluginforms .item > .input { margin-left:20px; float:left;}
.pluginforms .item > .input > p { clear:both; font-size:80%; color:#888; margin:0; padding:0; }
.pluginforms .item > .input > p.invalid { color:red; }

.pluginforms .item > .input > input { background-color:white; }
.pluginforms .item > .input > textarea { background-color:white; }

.pluginforms .item > .input > input[type="text"],
.pluginforms .item > .input > input[type="email"],
.pluginforms .item > .input > input[type="number"],
.pluginforms .item > .input > select,
.pluginforms .item > .input > textarea
{ 
	width: 270px;
	max-width: 100%;
}

.pluginforms .item > .input > label > span { display:inline-block; margin:0 10px; }

.pluginforms .item.invalid > label { color:red; }

.pluginforms .type-button_submit {
	margin-left: 170px;
}


.pluginforms input.datepicker {
	background: url('../img/ico/16/calendar.png') no-repeat right center white !important;
	padding-right:10px !important;
	cursor: pointer;
}
.pluginforms input.timepicker {
	background: url('../img/ico/16/time.png') no-repeat right center white !important;
	padding-right:10px !important;
	cursor: pointer;
}

.pluginforms .type-text {
	margin-left: 170px;
}

@media (max-width: 480px) {
	.pluginforms .item > label {
		text-align: left;
		float: none;
	}
	.pluginforms .item > .input { margin-left:0px; float: none;}
	.pluginforms .type-text {
		margin-left: 0px;
	}	
	.pluginforms .type-button_submit {
		margin-left: 0px;
	}
	.pluginforms h2 {
		margin-left: 0px;
	}	
} /* @media (max-width: 480px) */

/* end of: plugin Forms */