@import url("presentation.css");
@import url("layout.css");
@import url("ie.css");
@import url("table_form.css");

.cssform fieldset {
	float: left;  
	clear: left;
	width: 100%;
	margin: 0;
	padding: 10px;
	margin-bottom: 1em;
}

.cssform legend {
	margin-left: 1em;  
	color: #B11818;  
	font-weight: bold; 
}

.cssform div {
	clear: left;
	margin-top: 4px;
	margin-bottom: 4px;
/*	border: 1px dashed gray; */ /* debug */
/*	height: 1%; */
/*	width: 100%; */
/*	margin: 0; */
/*	padding: 8px 0 0 0; */
/*	padding-left: 350px; */ /*width of left column containing the label elements*/
}

.cssform label{
	float: left;
	width: 25em; /*width of label column*/
	margin-right: 1em; 
	text-align: right;
/*	border: 1px solid black; */ /* debug */
/*	font-weight: bold; */
/*	margin-left: -350px; */ /*width of left column*/
/*	width: 325px; */ /*width of labels. Should be smaller than left column (350px) to create some right margin*/
}

.cssform fieldset fieldset label {
	float: left;
	width: 100%;
	text-align: left;
	margin-left: 50px;
	display: inline;
}

.cssform .required label {
	font-weight: bold;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/

/* 	width: 250px;*/
}

.cssform textarea{
/*	width: 250px; */
/*	height: 150px; */
}

.cssform div.submit {
	text-align: center;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}

div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
	margin-left: -350px; /*width of left column*/
}

.notice {
	border: 1px dashed #CCCCCC;
	background-color: #FFFF99;
	padding: 5px;
}