form {
	font-size: 12px;
}
form.centered{
	margin: auto;
	width: 300px;
}
form .field:not(.row){
	float: left;
	width: 200px;
	padding: 8px 0;
	padding-right: 20px;
}
form.centered .field, form.paneled .field{
	padding-right: 0px;
	float: none;
}
form.centered .field{
	width: 300px;
}
form .field.submit, form .component.submit{
	margin-top: 10px;
}
form label{
	display: block;
}
form label{
	display: block;
	margin-left: 10px;
	padding-bottom: 5px;
}
.inputField, form textarea, form .input{
	background-color: #f0f0f0;
	border: none;
	padding: 9px 10px;
	width: calc(100% - 20px);
	border-radius: 2px;
	font-size: 11px;
	margin: 0px;
	resize: none;
	outline: none;
}
/*form input[type="text"]{
	background-color: #fff;
	border-radius: 0px;
	border-bottom: 1px solid #eee;
}
form input[type="text"]:focus{
	opacity: 1;
	background-color: #fff !important;
	border-bottom: 1px solid #ddd;
}*/
form .inputField:hover, form textarea:hover, form .input:hover{
	opacity: 0.8;
}
form .input.searchBox, form .input.teammember{
	height: 13px;
}
form .input.searchBox:hover, form .input.teammember:hover{
	opacity: 1;
}
form .input:not(.worklist):hover{
	cursor: pointer;
}
form input[type="text"]:focus, form textarea:focus{
	background-color: #f9f9f9;
}
form .radio label.title{
	margin-bottom: 5px;
	margin-left: 10px;
}
form .radio label:not(.title){
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 20px;
}

form .input{
	position: relative;
}

form .input.toggle{
	user-select: none;
}
form .input.toggle.yes{
	border: none !important;
}

form input[type="checkbox"]{
	margin-top: 1.5px;
}

form .field.button{
	padding-top: 20px;
}
form .field .button, form .component .button{
	border: none;
	padding: 10px 0px;
	width: 100%;
	text-align: center;
	border-radius: 2px;
	font-size: 11px;
	background-color: #f0f0f0;
	display: block;
	color: #000;
}
form .field .button:hover, form .component .button:hover{
	cursor: pointer;
	opacity: 0.8;
}
form .field .button.submit, form .component .button.submit{
	color: #fff;
	background-color: #666;
}
form .field .button.delete{
	background-color: #f38888;
}

form .input .html{
	min-height: 13px;
}

form.paneled .field{
	width: 260px;
}
form.paneled .field.button{
	width: 110px;
}
form.paneled .field.button .button{
	width: 90px;
	padding: 10px;
	display: block;
}
form.paneled .field.button input.button{
	width: 110px;
}
form.paneled .panel{
	width: 260px;
	min-height: 100px;
}
form.paneled .panel.left{
	text-align: right;
	width: 210px;
	padding-right: 50px;
	padding-top: 34px;
}
form.paneled .panel.center{
	margin: 0px 50px;
}
form.paneled .panel.right{
	padding-top: 27px;
	width: 110px;
	padding-left: 50px;
}
form.paneled .panel.right .field.button{
	padding: 0px;
	margin-bottom: 5px;
}

.errors{
	color: #c16464;
	margin-bottom: 10px;
}

/* input types */

form .input.worklist{
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #fff;
}
form .input.worklist:hover{
	opacity: 1;
}

form .searcher{
	z-index: 7;
	border-radius: 2px 2px;
	font-size: 12px;
}
form .searcher .input, form .searcher .item{
	padding: 9px 10px;
	width: calc(100% - 20px);
}
form .searcher .item{
	padding: 5px 10px; 
}

form .checklist .item{
	white-space: nowrap;
}
form .checklist label{
	margin-bottom: 10px;
	vertical-align: top;
}
form .checklist .item input, form .checklist .item label{
	display: inline-block;
}
form .checklist .item input{
	margin-left: 20px;
	margin-top: 2.5px;
	vertical-align: top;
}
form .checklist .item label{
	margin-left: 5px;
	margin-bottom: 1px;
	position: relative;
	top: 1px;
}
form .checklist .item label a{
	color: #000;
}