/* Start of CMSMS style sheet 'ravsak: forms' */
/* FORMS */
/* Sample FormBuilder CSS base */
form { margin-top: 0; }
form, td, th, li { font-size: 100%; }
form div { margin-bottom: 0; }

fieldset div { margin: 0.5em 0 0.5em 1em; }

fieldset div div
{
	margin-top: 0.5em;
	margin-left: 1em;
}

fieldset
{
	border: 1px #CDE9F6 solid;
	background-color: #FFC;
	margin: 1em 0 1em 0;
}

fieldset.hidden_box
{
	border: 0 transparent none;
	background-color: transparent;
	margin: 0;
	padding: 0;
}

fieldset.hidden_box legend
{
	display: none;
	position: absolute;
	top: -999;
	left: -999;
}

fieldset label { width: auto; }

legend
{
	padding: 0.2em 0.5em;
	border: 1px #0967AA solid;
	background-color: #0967AA;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	margin-left: 1em;
}

fieldset fieldset
{
	border: none;
	background-color: #FFF;
	border: 1px #CDE9F6 solid;
	margin: 1em;
	padding: 1em;
	width: 450px;
}


fieldset fieldset legend
{
	padding: 0.2em 0.5em;
	border: 1px #FFF solid;
	background-color: #FFF;
	color: #0967AA;
	font-weight: bold;
	font-size: 12px;
}

textarea
{
	margin: 0.5em 0;
	width: 98%;
	height: 6em;
}

/* Apply this class to text/select input fields with shorter labels to help alignment */

.short-label label
{
	float: left;
	width: 10em;
}

.short-label fieldset div input,
	.short-label fieldset div select { width: 16em; }

/* Pretty up your Captcha image output */
.captcha
{
	margin: 0.5em 0;
	width: 200px;
	text-align: center;
}

.captcha img
{
	border: 1px solid #F60;
	margin-bottom: 0.5em;
}

.captcha input
{
	width: 196px;
	margin-top: 0.5em;
}

/* Just a bit more room for the Submit button */
.submit { margin-top: 0.5em; }

.form_label_left label
{
	float: left;
	width: 25%;
	margin-right: 0.5em;
	padding-top: 0.2em;
	text-align: right;
}

.phone label { float: left; margin-right: 0.5em }
.phone input { float: left; margin-right: 0.5em }

.form50 input { width: 50px; }
.form50 select { width: 50px; }
.form100 input { width: 100px; }
.form100 select { width: 100px; }

.nextline
{
	width: 500px;
	clear: both;
	display: block;
}

.left { float: left; }
.left label
{
	 float: left;
	 text-align: right;
	 margin-right: 0.5em;
	 display: block
}

.aligned
{
	float: none;
	clear: both;
}
.aligned label
{
	width: 9em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}
/* End of 'ravsak: forms' */