/* файл стилей для работы форм */
/* обязательные стили */
#serviceBlock { display:none; }
form { position:relative; }
label { display:block; margin:0 0 15px; position:relative; font-size:16px; }
input, textarea, select  
	{ display:block; width:100%; padding:0; margin: 10px 0 0; height:30px; line-height:30px; text-indent:5px; font-size:16px; color:#4c4c4c; border:1px solid #ccc; background:#fff; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color:#99ccff; box-shadow:0 2px 10px -5px #000;}
/* input[type="submit"] { height:35px; line-height:30px; margin:15px 0 0; border-left:0; border-right:0; border:1px solid #99ccff; border-bottom:2px solid #99ccff;  
	background:#ceedfb linear-gradient(#ceedfb 0%, #edf9fe 24%, #edf9fe 76%, #ceedfb 100%); cursor:pointer;
} 
input[type="submit"]:hover { background:#ceedfb; color:blue; box-shadow:0 1px 10px 0 blue; }
input[type="submit"]:active { position:relative; top:1px; }*/ 
select { width:100.4%; padding:4px 0;}
.errorInfo {display:block; position:absolute; top:30px; left:0; width:100%; padding:0; height:30px; line-height:30px; text-indent:0; 
	text-align:center; color:red; border:1px solid red; opacity:0; background:#fff; z-index:1; transition:1s; }
.checkbox { display:inline-block; margin:15px 0 0; }
.checkbox input { display:inline-block; margin:-4px 3px 0 0; width:auto; }
.checkbox { margin:15px 0 20px; }
.checkbox .errorInfo { left:20px; top:1px; width:400px;}
.errorInfo.visible { opacity:1; }
/* оформление */
form { width:420px; padding:20px; background:pink; }

/*input[type="checkbox"] { display:none;}
.checkbox i { display:inline-block; position:relative; top:1px; width:15px; height:15px; margin:0 10px 0 0; background:#fff; border:1px solid orange; }
 .checkbox.act i { background:#fff url(icon_check.png) no-repeat 3px 5px; } */