.field { margin:0 0 10px 0; }
.field label { display:block; font-size:12px; padding:2px 0px; }
.field input, 
.field textarea, 
.field select {
	color:#222; font-size:13px; height:30px; background-color:#fff; border:1px solid #cdcdcd;
	padding:4px 5px; margin:0px; border-radius:2px; box-sizing:border-box;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;
}
.field input[type=checkbox] { height:auto; }
.field textarea { height:auto; }
.field input { display:inline-block; }
.field select { padding:0; line-height:30px;}
.fw100 input, 
.fw100 textarea { width:100%; }
.fw50 input, 
.fw50 textarea { width:50%; }
.fw33 input, 
.fw33 textarea { width:33%; }
.fw25 input, 
.fw25 textarea { width:25%; }
.field span, 
.field strong { color:#555; font-size:12px; }
.field span.radio { margin:0px 20px 0px 5px; vertical-align:1px; }
.field-error input, 
.field-error textarea, 
.field-error select { border-color:#ff5400; }
.field-error span.error { margin-left:5px; color:#ff0000; }
.field-ro input, 
.field-ro textarea, 
.field-ro select { color:#777; background-color:#fafafa; }
.field-inline label { display:inline-block; margin-right:5px; }
.field-inverse label { margin-left:5px; }
.formFilter .field { float:left; margin-right:10px; }
.formFilter .buttonFilter { clear:none; float:left; text-align:left; padding-top:19px; margin:0px; }
.formFilter .buttonFilter input { padding:0px 15px; height:30px; line-height:13px; }

.colset2 { float:left; width:48%; }
.colset2.col2 { margin-left:4%; }
.colset2 select,
.colset2 input,
.colset2 textarea { width:100%; }
.colset2 input[type=radio],
.colset2 input[type=checkbox] { width:auto; }

.colset3 { float:left; width:30%; }
.colset3.col2 { width:31%; margin-left:4%; }
.colset3.col3 { width:31%; margin-left:4%; }
.colset3.col1-2 { width:65%; }
.colset3 select,
.colset3 input,
.colset3 textarea { width:100%; }
.colset3 input[type=radio],
.colset3 input[type=checkbox] { width:auto; }

.colset4 { float:left; width:22%; }
.colset4.col2 { width:22%; margin-left:4%; }
.colset4.col3 { width:22%; margin-left:4%; }
.colset4.col4 { width:22%; margin-left:4%; }
.colset4 select,
.colset4 input,
.colset4 textarea { width:100%; }
.colset4 input[type=radio],
.colset4 input[type=checkbox] { width:auto; }

.colfull select,
.colfull input,
.colfull textarea { width:100%; }

@media all and (max-width:800px) {
	.colset2,
	.colset3 { float:none; width:100%; }
	.colset2.col2,
	.colset3.col2,
	.colset3.col3,
	.colset3.col1-2 { width:100%; margin-left:0; }
	.colset4.col1 { width:48%; }
	.colset4.col2 { width:48%; }
	.colset4.col3 { width:48%; margin-left:0; }
	.colset4.col4 { width:48%; }
}

@media all and (max-width:600px) {
	.colset4 { float:none; width:100%; }
	.colset4.col1,
	.colset4.col2,
	.colset4.col3,
	.colset4.col4 { width:100%; margin-left:0; }
}