/* form.css */

div.form {
	position: relative;
	float: left;
	width: 600px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}

div.form p {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	}

div.form fieldset {
	border-color: #ccc;
	border-width: 1px 0px 0px 0px;
	border-style: solid none none none;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	}

div.form fieldset legend {
	font-size: 140%;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px;
	}

div.form label {
	font-size: 12px;
	}

div.form span {
	display: block;
	font-size: 12px;
	clear: none;
	margin: 0px 0px 0px 182px;
	padding: 3px 5px 0px 0px;
	}

div.form ul {
	display: block;
	font-size: 12px;
	clear: none;
	margin: 0px 0px 0px 182px;
	padding: 3px 5px 0px 18px;
	}

div.form span.inputCheckbox {
	padding: 3px 5px 0px 3px;
	}

div.form span.inputCheckbox input,
div.form span.inputRadio input {
	display: inline;
	height: 14px;
	width: 14px;
	background-color: transparent;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	}

div.form span.inputCheckbox label,
div.form span.inputCheckbox label span,
div.form span.inputRadio label,
div.form span.inputRadio label span {
	float: none;
	display: inline;
	width: auto;
	padding: 3px 5px;
	margin: 0px 0px 5px 0px;
	text-align: left;
	line-height: 18px;
	}

div.form input,
div.form select,
div.form textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	color: #000;
	}

div.form textarea {
	overflow: auto;
	}

div.form div {
	clear: left;
	display: block;
	width: 399px;
	margin: 5px 0px 0px 0px;
	padding: 1px 3px;
	}

div.form fieldset div.notes {
	float: right;
	width: 150px;
	height: auto;
	margin: 0px 0px 10px 10px;
	padding: 5px;
	border: 1px solid #666;
	background-color: #eee;
	color: #666;
	font-size: 88%;
	}

div.form fieldset div.notes h4 {
	font-size: 12px;
	margin: 5px 0px 5px 0px;
	padding: 3px 0px 3px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #666;
	color: #666;
	}

div.form fieldset div.formimages {
	float: right;
	width: 155px;
	height: auto;
	margin: 0px 0px 10px 10px;
	padding: 5px;
	border: 1px solid #eee;
	background-color: #fff;
	color: #666;
	font-size: 88%;
	text-align: center;
	}

div.form fieldset div.formimages img {
	padding: 0px;
	margin: 0px 1px 2px 1px;
	}

div.form fieldset div.formimages input {
	width: auto;
	padding: 0px;
	margin: 0px 1px 2px 1px;
	}

div.form fieldset div.formimages h4 {
	font-size: 12px;
	margin: 5px 0px 5px 0px;
	padding: 3px 0px 3px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #666;
	color: #666;
	}

div.form fieldset div.notes p {
	margin: 0em 0em 0.3em 0em;
	color: #666;
	}

div.form div fieldset {
	clear: none;
	border-width: 1px;
	border-style: solid;
	border-color: #666;
	margin: 0px 0px 0px 182px;
	padding: 0px 5px 5px 5px;
	width: 197px;
	}

div.form div fieldset legend {
	font-size: 100%;
	padding: 0px 3px 0px 9px;
	}

div.form div.required fieldset legend {
	font-weight: bold;
	}

div.form div label {
	display: block;
	float: left;
	width: 170px;
	padding: 3px 5px;
	margin: 0px 0px 5px 0px;
	text-align: right;
	}

div.form div.optional label,
div.form label.optional {
	font-weight: normal;
	}

div.form div.required label,
div.form label.required {
	font-weight: bold;
	}

div.form div label.labelCheckbox,
div.form div label.labelRadio {
	float: none;
	display: block;
	width: 200px;
	padding: 0px;
	margin: 0px 0px 5px 182px;
	text-align: left;
	}

div.form div fieldset label.labelCheckbox,
div.form div fieldset label.labelRadio {
	margin: 0px 0px 5px 0px;
	width: 170px;
	}
	
div.form div fieldset span {
	display: block;
	font-size: 12px;
	float: left;
	clear: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 200px;
	}
	
div.form fieldset div span {
	display: block;
	font-size: 12px;
	float: left;
	clear: none;
	margin: 0px 0px 5px 0px;
	padding: 3px 5px 0px 0px;
	width: 200px;
	}

div.form span.dynamicerror {
	display: inline;
	font-size: 12px;
	width: 200px;
	margin: 0px 0px 0px 182px;
	padding: 2px 0px 2px 3px;
	float: left;
	background-color: #ff0;
	}

div.form span.dynamicerrorinline {
	display: inline;
	font-size: 12px;
	width: 200px;
	padding: 2px 0px 2px 3px;
	float: left;
	background-color: #ff0;
	}

div.form div fieldset span label {
	display: block;
	width: 100px;
	padding: 3px 5px;
	margin: 0px 0px 5px 0px;
	text-align: left;
	}

div.form div fieldset span input {
	display: block;
	float: left;
	clear: both;
	width: auto;
	padding: 3px 5px;
	margin: 0px 0px 5px 5px;
	}

div.form div input,
div.form div select,
div.form div textarea {
	width: 200px;
	padding: 1px 3px;
	margin: 0px 0px 0px 0px;
	}

div.form div input.inputFile {
	width: 211px;
	}

div.form div select.selectOne,
div.form div select.selectMultiple {
	width: 211px;
	padding: 1px 3px;
	}

div.form div input.inputCheckbox,
div.form div input.inputRadio,
div.form input.inputCheckbox,
div.form input.inputRadio {
	display: inline;
	height: 14px;
	width: 14px;
	background-color: transparent;
	border-width: 0px;
	padding: 0px;
	margin: 0px 0px 0px 180px;
	}

div.form div.submit {
	width: 394px;
	padding: 0px 0px 0px 0px;
	}

div.form div.submit div {
	display: inline;
	float: left;
	text-align: left;
	width: auto;
	padding: 0px;
	margin: 0px;
	}

div.form div.submit div input.inputSubmit,
div.form div.submit div input.inputButton {
	background-color: #ccc;
	color: #333;
	text-align: center;
	width: auto;
	padding: 0px 2px;
	margin: 0px;
	float: right;
	margin: 0px 0px 0px 5px;
	border: 2px outset #eee;
	}

div.form div.submit div input.inputDisabled {
	background-color: #eee;
	color: #999;
	text-align: center;
	width: auto;
	padding: 0px 2px;
	margin: 0px;
	float: right;
	margin: 0px 0px 0px 5px;
	border: 2px outset #eee;
	}

div.form div small {
	display: block;
	margin: 0px 0px 5px 182px;
	padding: 1px 3px;
	font-size: 10px;
	}
	
div.container{
    margin: o;
    padding: 0 0 10px;
    width: 95%;
}
div.container div.left_column, div.container div.middle_column, div.container div.right_column, div.container div.floating_column{
    margin: 0 5px 0 0;
    padding: 5px;
    float: left;
    width: 270px;
    clear: none;
}
div.container div.left_column{
    width: 340px;
}
div.container div.middle_column{
    width: 270px;
}
div.container div.right_column{
    width: 200px;
}
div.container div.floating_column{
    width: 485px;
}
div.container div fieldset, div.container div fieldset div{
    margin: 0;
    padding: 0;
    width: auto;
}
div.container div fieldset{
    padding: 5px;
}
div.container div.required, div.container div.optional{
    margin: 0 0 10px;
}
div.container div.required label, div.container div.optional label{
    width: inherit;
    float: none;
    display: block;
    text-align: left;
}
div.container div label{
    text-align: left;
    float: none;
    display: block;
    width: inherit;
}
div.container div.required input.inputText, div.container div.optional input.inputText{
    width: inherit;
    margin: 0;
}
div.container span.buttons{
    clear: both;
    margin: 0;
    padding: 0;
}
div.container fieldset div.custom span{
    width: inherit;
}
div.container fieldset div.custom label{
    display: inline;
    width: auto;
}

div.container div.floating_column .checkbox{
    width: auto;
}
div.container div.floating_column .inputCheckbox{
    line-height: 20px;
}
div.container div.floating_column .inputCheckbox input{
    height: 20px;
}
div.form #admin_notes label{
    display: block;
    float: none;
    text-align: left;
    font-weight: bold;
    padding: 0 0 5px;
    margin: 0;
}
div.form #admin_notes span{
    float: none;
    display: block;
    text-align: left;
    font-size: 12px;
}
.form .membership_info_content{
    width: 350px;
}
.form .membership_info_content .required{
    clear: both;
}

#subscription_management{
    width: 380px;
    padding: 0 10px;
    float: left;
}
#subscription_management .required, #subscription_management .optional{
    width: 380px;
}
#subscription_management .required label, #subscription_management .optional label{
    width: 150px;
}
#subscription_management .required span{
    width: 170px;
}
#admin_only{
    width: 180px;
    padding: 0 10px;
    min-height: 300px;
    float: left;
}
#admin_only #admin_notes label{
    font-weight: bold;
}