/* layout stuff for pages with forms */



#main {
	margin: 0 0 0 254px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn {
	float: left;
	width: 255px; /*Width of left column in pixel*/
	margin-left: -750px; /*Set margin to that of -(MainContainerWidth)*/
	background: transparent;
}

#rightcolumn {
	display: none;
}

#leftcolumn .innertube {
	margin: 0 15px 20px;
}


/* actual form stuff */


form {
	padding: 0;
	margin: 0;
}

form fieldset {
	border: 1px solid #fff;
	border-style: solid none none none;
	padding: 10px;
}

form legend {
	color: #fff;
	font-size: 120%;
	font-weight: normal;
	padding: 0 5px;
}

form div.field {
	margin: 5px 0 0;
	padding: 1px 3px;
	width: 380px;
	clear: left;
}



form div label {
	display: block;
	float: left;
	margin: 0 3px 5px 0;
	padding: 3px 12px 3px 5px;
	text-align: right;
	width: 70px;
}

form div.required label {
	font-weight: bold;
	background-image:url(/images/astrisk.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

form div small {
	display: block;
	margin: 5px 0;
	margin-left: 90px;
	width: 200px;
}

form div input[type="text"], form div input[type="password"], form div select {
	margin: 0;
	padding: 1px 3px;
	width: 200px;
}

form div input[type="submit"] {
	padding: 5px 10px;
}

form div select option {
	padding: 1px 5px;
}


form div.checkbox {
	width: 230px;
	margin-left: 90px;
}

form div.checkbox label {
	float: right;
	text-align: left;
	width: 165px;
}


form div.submit {
	margin-left: 90px;
	width: 200px;
}


form div.with_error p, form p.error {
	border: 1px dashed #f00;
	width: 200px;
	margin: 5px auto 5px 90px;
	padding: 3px 3px 5px 27px;
	background: transparent url(/images/icon_error.gif) no-repeat 2px 2px;
	min-height: 14px;
}

form div.with_error {
	border: 1px solid #f00;
	padding: 4px 0;
	background: transparent url(/images/required_bg.gif) no-repeat top left;
}


.fieldWithErrors {
	clear: none;
  display: inline;
}


.errorExplanation {
	border: 1px solid #f00;
	padding: 8px;
}