/* plugin Forms */

.pluginforms { 
	width: 1000px; 
	max-width: 100%;
	margin: 0 auto; 
}

.pluginforms h2 { text-align: center; text-transform: uppercase; }

.pluginforms .item { clear:both; margin-bottom:15px; }
.pluginforms .item > label { float:left; width:400px; 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="number"],
.pluginforms .item > .input > select,
.pluginforms .item > .input > textarea
{ 
	width: 360px;
	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: 420px;
}


.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 {
	font-weight: bold;
	margin-left: 420px;
}

@media (max-width: 1000px) {
	
	.pluginforms { 
		width: 400px; 
		max-width: 100%;
	}
	
	.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 */