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: 0 5px 0 5px;
	margin: 0 50px;
	}

div.mod-form label {
	text-decoration: none;
	}

/* Forme lements */
div.mod-form li.radio input,
div.mod-form li.checkbox input {
	margin: 0;
	}

input.text {
	width: 260px;
	}


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: #666;
	}

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

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

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


li.row h3 {
	background-color: #d5d5d5;
	color: #666;
	padding: 3px 3px 4px 10px;
	margin: 0;
	font-size: 100%;
	}



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;
	border: none;
	}

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

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;
	float: none;
	}

div.mod-form span.label {
	width: 170px;
	float: left;
	display: inline;
	padding: .5em 24px .5em 5px;
	text-align: right;
	}
div.mod-form span.desc {
	width: 160px;
	float: left;
	clear: left;
	display: inline;
	padding: .2em 12px .5em 200px;
	text-align: left;
	}

/* textarea */
div.mod-form textarea {
	width: 260px;
	}

div.mod-form li.textarea span.desc {
	padding: 11em 0 .5em 0; /* for a textarea with 6 rows */
	clear: none;
	width: 260px;
	margin-right: -260px;
	}

div.mod-form li.textarea span.element {
	width: 260px;
	float: left;
	top: 0;
	}


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


/* 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: 188px;
	padding-top: .5em;
	padding-bottom: .5em;
	}
div.mod-form li.set legend {
	color: #000;
	z-index: 2;
	}
div.mod-form li.set legend span {
	font-size: 100%;
	background-color: transparent;
	text-indent: 0;
	width: 165px;
	padding-left: 1em;
	text-align: right;
	}

div.mod-form li.radio span.element {
	width: 213px;
	float: left;
	display: inline;
	text-align: right;
	padding-right: 6px;
	}
div.mod-form li.checkbox span.element {
	width: 213px;
	float: left;
	display: inline;
	text-align: right;
	padding-right: 6px;
	}
div.mod-form li.radio span.label {
	padding-left: 0;
	padding-right: 0;
	width: 300px;
	text-align: left;
	}
div.mod-form li.checkbox span.label {
	padding-left: 0;
	padding-right: 0;
	width: 300px;
	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;
	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;
	}


div.mod-form li.subhead div {
	padding: 0 1em;
	}



/* Required indicators */
strong.required {
	color: #ff6600;
	}
li.row strong.required {
	position: absolute;
	left: 177px;
	top: 0;
	width: 1em;
	padding: 7px 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: 200px;
	}



/* patches */
/* IE only */

div.mod-form li.row {
	zoom: 1; 
	}
/*
div.mod-form select {
	width: 15em;
	}


*/