div.mod-form {
	position: relative;
	top: 0;
	left: 0;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 5px 5px 0 5px;
	}



div.mod-form fieldset {
	margin: 0;
	padding: 0;
	border: none;
	padding-top: 3em;
	}

div.mod-form legend {
	margin: 0;
	padding: 0;
	margin-bottom: 0em; /* pushes fieldset content down in IE - moves legend up in FF */
	margin-left: -.5em; /* removes default legend offset */
	display: block;
	color: #000;
	}

div.mod-form legend span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 150%;
	background: #eee;
	padding: 6px 0 10px 0;
	text-indent: 10px; /* instead or horizontal padding */
	z-index: 1;
	white-space: normal;
/*	color: #fff;*/
	}

div.mod-form fieldset fieldset legend span {
/*	background: #ccc;*/
	color: #000;
	padding: .5em 0;
	}

div.mod-form fieldset fieldset fieldset legend span {
/*	background: #dfdfef;*/
	color: #000;
	font-size: 100%;
	}
div.mod-form fieldset fieldset fieldset {
	padding-top: 2em;
	}


li.row h3 {
	background-color: #d5d5d5;
	color: #000;
	padding: 3px 3px 4px 10px;
	margin: 0;
	}



div.mod-form div.desc {
	padding: .1em 1em;
	}

div.mod-form div.desc p {
/*	padding: .3em 0;*/
/*	margin: 0;*/
	}

div.mod-form ol.form, 
div.mod-form ul.form {
	list-style: none;
	margin: 0;
	padding: 0;
	}

div.mod-form li.row {
	padding: 0;
	margin: 0;
	vertical-align: top;
	position: relative;
	border-top: solid 1px #fff;
	background-color: #eee;
	}

div.mod-form li.row:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 1px;
	}


div.mod-form legend abbr { /* required indicator */
	position: absolute;
	top: .5em;
	left: 12em;
	width: 1em;
	border: none;
	}

div.mod-form label abbr { /* required indicator */
	position: absolute;
	top: .5em;
	left: 13em;
	width: 1em;
	border: none;
	}

div.mod-form p.errorkey {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	text-align: right;
	z-index: 2;
	color: #666;
	font-style: italic;
	}

div.mod-form p.errorkey abbr {
	color: red;
	}

div.mod-form span.element {
	display: block;
	padding: .5em 0;
	}

div.mod-form span.label {
	width: 11em;
	float: left;
	display: inline;
	padding: .5em 2em .5em 1em;
	text-align: right;
	}

div.mod-form span.desc {
	width: 16em;
	float: left;
	clear: left;
	display: inline;
	padding: .2em 1em .5em 14em;
	}

div.mod-form li.textarea span.desc {
	padding: 6em 1em .5em 14em;
	}

div.mod-form span.desc img {
	float: left;
	display: inline;
	margin-right: .5em;
	}

div.mod-form select {
	max-width: 15em;
	}

div.mod-form textarea {
	width: 20em;
	}


/* sets of radio or checkboxes */

div.mod-form li.set {
	padding-top: 0em;
	}

div.mod-form li.set li.row {
	border: none;
	
	}

div.mod-form li.set fieldset {
	padding-top: 0em;
	}

div.mod-form li.set fieldset div.desc {
	margin-left: 13em;
	}
div.mod-form li.set legend {
	color: #000;
	}
div.mod-form li.set legend span {
	font-size: 100%;
	background-color: transparent;
	text-indent: 0;
	width: 11em;
	padding-left: 1em;
	color: #000;
	text-align: right;
	}

div.mod-form li.radio span.element {
	width: 15em;
	float: left;
	display: inline;
	text-align: right;
	}
div.mod-form li.checkbox span.element {
	width: 15em;
	float: left;
	display: inline;
	text-align: right;
	}
div.mod-form li.radio span.label {
	padding-left: 0;
	padding-right: 0;
	width: 16em;
	text-align: left;
	}
div.mod-form li.checkbox span.label {
	padding-left: 0;
	padding-right: 0;
	width: 16em;
	text-align: left;
	}

/* Compact - multiple elements on one line */

div.mod-form li.compact {
	padding-left: 14em;
	}

div.mod-form li.compact li.row {
	float: left;
	display: inline;
/*	width: auto;*/
/*	padding: 0;*/
	border: none;
	}

div.mod-form li.compact li.row:after {
	display: none;
	}

div.mod-form li.compact span.element {
	width: auto;
	text-align: left;
	}
div.mod-form li.compact span.label {
	width: auto;
	}

/* Group of independent elements  */

/*
li.group {
	border: none; 
	}
*/
div.mod-form li.subhead div {
	padding: 0 1em;
	}


/* Inline error notification */

/*
div.mod-form legend strong,
div.mod-form label strong {
	background: red;
	color: #fff;
	display: none;
	}

div.mod-form label strong {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 14em;
	}

/	Make space for error notification /

div.mod-form li.error {
	padding-top: 2em;  
	background-color: #fee;
	}

div.mod-form li.set.error {
	padding-top: 1.5em;
	}

div.mod-form li.error strong {
	position: absolute;
	width: 100%;
	display: block;
	line-height: 1.5em;
	}

/	Move legend down for error notification /

div.mod-form li.error fieldset legend span {
	padding-top: 1.5em; 
	}
div.mod-form li.error.set fieldset legend span {
	padding-top: 2em;
	}


div.mod-form li.error fieldset strong {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-indent: 14em;
	z-index: 2;
	}


/	required indicators /

div.mod-form li.error legend strong.required { 
	z-index: 3;
	color: #fff;
	left: 13em;
	cursor: help;
	border: none;
	}
div.mod-form li.error label strong.required {
	z-index: 3;
	color: #fff;
	cursor: help;
	border: none;
	}

*/

/* Required indicators */
strong.required {
	color: #ff6600;
	}
li.row strong.required {
	position: absolute;
	left: 144px;
	top: 0;
	width: 1em;
	padding: 5px 5px 0px 7px;
	}
li.row fieldset strong.required {
	left: 178px;
	}



div.mod-form div.buttons {
	background: url(../library/bg-filter-bottom-2.png) no-repeat 0 100%;
	margin-left: -6px;
	margin-right: -6px;
	padding: 5px 6px;
	text-indent: 150px;
	}



/* patches */
/* IE only */

div.mod-form li.row {
	zoom: 1; 
	}

/*
div.mod-form select {
	width: 15em;
	}
*/

/* Dynamic element controls */

div.mod-form li.button span.element {
	padding: .5em 0 .5em 14em;
	}

div.mod-form .item {
	width: 38em;
	}


div.mod-form li.optionitem span,
div.mod-form li.optionitem.
div.mod-form li.item span,
div.mod-form li.item {
	cursor: move;
	}

div.mod-form li.text input {
	width: 20em;
	}