/*
			 * The form width is based on the label width + label margin + label padding
			 * In this case, the label's total size = 12em + 1em + 0em = 13em
			 * To calculate the form width, multiply that by 4 for a four column layout
			 * (form width / x) - .5
			 * Leaving a half em space allows padding on the left side of each .col div
			 * This ensures none of the fields will touch each other and they all align
			 * Form width: 52em
			 * 1 column: (52 / 1) - .5 = 51.5
			 * 2 columns: (52 / 2) - .5 = 25.5
			 * 4 columns: (52 / 4) - .5 = 12.5
			 * --------------------------
			 * NOTE: Label width for all columns must be the same
			 * In this setup, the label width is 12em and it's margin-right 1em
			 * It's half an em bigger than one of the four columns on purpose
			 * to make sure the labels and fields all line up (four columns has extra padding
			 * to make sure the label don't touch each other
			 * --------------------------
			 * input + textarea widths
			 * column width - (column label width + label margin + input left + right padding)
			 * 1 column: 51.5 - (12 + 1 + 0.5) = 38
			 * 2 columns: 25.5 - (12 + 1 + 0.5) = 12
			 * 4 columns: (column label width) = 12
			*/

.uniForm {
	margin: 0;
	padding: 0;
}
.uniForm,
.uniForm input,
.uniForm select,
.uniForm textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.uniForm,
.uniForm .oneCol,
.uniForm .twoCol,
.uniForm .threeCol,
.uniForm .fourCol {
	width: 52em;
}
.oneCol .col {
	width: 51.5em;
}
.twoCol .col {
	width: 25.5em;
}
.fourCol .col {
	width: 12.5em;
}
.col label, .col span.label {
	font-size: 12px;
	width: 11em;
	margin-right: 1em;
	margin-top: 0.3em;
	display: block;
	float: left;
}
.fourCol .col label, .fourCol .col .label {
	margin-bottom: 0.25em;
}
.uniFormOptions {
	float: left;
}
.uniFormOptions div {
	float: left;
	clear: both;
}
.oneCol .col select {
	max-width: 38.5em;
}
.oneCol .col input, .oneCol .col textarea, .oneCol .uniFormOptions {
	/*width: 29em;*/
	width: 38em;
}
.col div {
	/*margin-left: 12.0em;*/
}
.twoCol .col select,
.fourCol .col select {
	max-width: 12.5em;
}
.twoCol .col input, .twoCol .col textarea,
.fourCol .col input, .fourCol .col textarea, .twoCol .uniFormOptions, .fourCol .uniFormOptions {
	/*width: 9em;*/
	width: 12em;
}
.col input[type=checkbox] {
	width: auto;
}
.col {
	margin-bottom: 0.25em;
	padding-left: 0.5em;
}
.fourCol .col {

}
.uniForm input,
.uniForm select,
.uniForm textarea {
	padding: 0.2em;
	/*	outline: 1px #DDD solid; */
	/*	border: none; */
}
.oneCol .col input[type="button"],
.oneCol .col input[type="submit"],
.twoCol .col input[type="button"],
.twoCol .col input[type="submit"],
.fourCol .col input[type="button"],
.fourCol .col input[type="submit"] {
	width: auto;
}
.uniForm .col input.checkbox, .uniForm .col input.fileInput {
	outline: none;
	width: auto;
	margin: 0;
}
.uniForm .col label.autoWidth, .uniForm .col span.label.autoWidth {
	width: auto;
	margin-right: 0;
	float: none;
	display: inline;
}
.col,
.uniForm .oneCol,
.uniForm .twoCol,
.uniForm .fourCol {
	float: left;
}
.uniForm .col .error {
	outline: 3px #cb0000 solid;
}
.uniForm.iFrame .col {
	padding-left: 0;
}
.uniForm .col .linkBuilderWrapper,
.uniForm .col .categories {
	float: left;
}
.uniForm .oneCol .col .linkBuilderWrapper,
.uniForm .oneCol .col .categories {
	width: 38em;
}
.uniForm .twoCol .col .linkBuilderWrapper,
.uniForm .twoCol .col .categories {
	width: 12em;
}
.uniForm .oneCol .col .linkBuilderWrapper .url {
	width: auto;
}
.extra.mediaLibrary .uniForm .col {
	width: 55em;
}
.extra.mediaLibrary .uniForm .col .linkBuilderWrapper {
	width: 146px;
}