#TabbedPanel .Title {
	width: 68%;
	float: left;
	padding: 1%;
}
#TabbedPanel .TitleRight {
	width: 28%;
	float: left;
	text-align: right;
	padding: 1%;
}

.SiteForm {
	margin: 10px 0px;
	border: 1px solid #999;
	border-radius: 5px;
	padding: 10px 20px;
	color: #000;
	background: #dddddd;
}
.SiteForm h3 {
	float: left;
	width: 50%;
}
.SiteForm h3 a{
	font-size: 16px;
	color: #000;
}
.SiteForm div.controls {
	float: left;
	text-align: right;
	width: 50%;
	line-height: 32px;
}
.SiteForm span.submissions a {
	font-size: 12px;
	color: blue;
	font-weight: bold;
	margin-left: 15px;
}	
div.edit,
div.delete,
div.active {
	float: right;
	margin: 5px;
	line-height: 32px;
	text-align: right;
}

.formRow {margin: 5px 0px;}

.formField {
	margin: 2px 1%;
	padding: 10px;
	background: #dddddd;
	border: 1px solid #999;
	border-radius: 5px;
	cursor: pointer;
	float: left;
}
.formField span.fieldRequired { color: red; margin: 0px 5px 0px 0px;}
.formField span.fieldType {
	color: #999;
	font-size: 11px;
}
.formField span.fieldOrder {
	color: #000;
	font-size: 11px;
	float: right;
	line-height: 25px;
}
.formField span.fieldName {
	font-weight: bold;
}
.formField span.active0 {color: red;}
.formField span.active1 {color: green;}
.column12 {width: 48%;}
.column13 {width: 32%;}
.column23 {width: 63%;}
.column33 {width: 95%;}
#EditField,#DeleteField {cursor: pointer;}

.Employee .formField,
.form .formField {
	margin: 2px 0px 0px 2%;
	background: transparent;
	border: 0px;
	cursor: normal;
	padding: 1px 0px;
	float: left;
}
.form .formRow .formField:first-of-type {
	margin: 2px 0px;
}

.form .formField label {
	display: block;
}
.option td input[type=text],
.form .formField label,
.form .formField input[type=text],
.form .formField select,
.form .formField textarea {
	background: #efefef;
	border: 1px solid #999;
	width: 100%;
	padding: 5px;
	border-radius: 5px;
	margin-top: 5px;
	font-size: 20px;
}
.form .formField label {
	background: transparent;
	border: 0px solid #999;
}
.form .formField label.checkbox {
	width: 95%;
	float: right;
}
.form .formField input[type=checkbox] {
	float: left;
	margin-top: 16px;
	 transform: scale(1.5);
}
.form  .submit {
	margin-top: 10px;
	cursor: pointer;
	color: #fff;
}
.optionhead,
.option {display: none;}
.optionhead .Add {cursor: pointer; color: blue;}
.subtext {
	color: #666;
	font-size: 15px;
	line-height: 22px;
	padding: 0px 10px;
	margin-top: -5px;
}
.ajaxForm .left {
	width: 25%;
}
.ajaxForm .right {
	width: 70%;
}
.ajaxForm button {
	margin-top: 30px;
}
.ajaxForm .ajaxSuccess {
	display: none;
}
@media (max-width:800px) {
	.column12,
	.column13,
	.column23,
	.column33 {width: 95%;}
	.ajaxForm .left,
	.ajaxForm .right {
		width: 100%;
		margin: 10px 0 0;
	}
}
