/* Forms */

.form-box { float:left; font-size:80% }

.form-box input.incorrect { border-color: red !important }
.form-box input.correct { border-color: silver !important }

.form-box input.inline {  }

.form-box * { box-sizing: border-box; outline: none !important }


.form-box label { 
	float:none;
	display: inline-block; 
	overflow:hidden;
	max-width: 100%; 
	margin-bottom: 5px; 	 
	font-weight: 600; 	
}

.form-box label.sided { 
	display: block;
	margin:none; 
	padding:10px 12px 0 0;
	text-align:right; 
}


.form-box label small { display: inline-block; padding: 5px 0; font-weight: normal; color:#5a5a5a; font-size: 90% }

input[readonly="readonly"], input[readonly] { border: 1px dashed silver !important; color: gray !important }
input[readonly="readonly"]:hover, input[readonly]:hover { background: none }

select { margin: 0 }

.form-box input[type=text], .form-box input[type=password], textarea, .content-editable { 
	display: block; 
	width:  100%;
	height: 34px;
	padding: 6px 8px; 
	margin:0 0 12px 0; 
	font-size:120%;
	color: #555; 
	/*background-color: #fff;*/
	border-radius: 0; 	
	box-shadow: inset 0 1px 1px rgba(0,0,0,0); 
	border: 1px solid #DDD; 
	font-family: sans-serif
}
.content-editable { display: block; height: auto }

.form-box textarea { 
	height:auto; 
	font-size:90% 
}
.form-box input[type=checkbox] {
    display: inline-block; 
    vertical-align:middle;
	margin:10px 0 12px 0; 
}
.form-box input[type=radio] {
    display: inline; 
    vertical-align:middle;
	margin:10px 0 12px 0; 
}
.form-box input[type=radio].underline {
	margin:4px 0; 
}


.form-box input[type=checkbox] + label { display: inline-block; margin-bottom: 0px}
.form-box input[type=radio] + label { display: inline-block; margin-bottom: 0px}



.form-box input[type=text]:focus, .form-box input[type=password]:focus, textarea:focus, .content-editable:focus { background:#f3f3f3 }

.form-box .helper { 
	display:block; 
	margin:-8px 0 12px 0;
}


.form-partition { background: #fff; padding: 12px 15px; border-radius: 3px; margin: 10px 0; max-width: 800px; box-sizing: border-box; line-height: 140% }
.form-partition.long { max-width: 1400px }
.form-partition.transparent { background: transparent }
.form-partition input[type=text],.form-partition input[type=password]{ margin-top: 6px; background: #fff}
.form-partition input[type=text]:focus {background: #fff; border-color: #b7b7b7}
.form-partition select { margin-top: 0px; vertical-align: top}
.form-partition label { vertical-align: middle}