/*
-----------------------------------------------
hcrs.com
Stylesheet: Forms.css
Author:  Binita Tamang
Organization: Health Care and Rehabilitation Services (HCRS)
Created: May 10 2013
----------------------------------------------- */


/*----------------------------------Forms----------------------------*/
.vertical fieldset {
	border: 0 solid transparent;
	clear: both;
	overflow: hidden;
}
.vertical legend {
	position: relative;
}
.vertical legend span {
	color: #4D4D4C;
	font-size: 1.2em;
	font-weight: bold;
	position: relative;
	display: block;
	padding: 0 0 0.75em;
	width: 520px;
}
.vertical legend span span {
	display: inline;
	width: auto;
}
.vertical ul {
	margin-left: 0;
	list-style: none;
}
.vertical li {
	padding-bottom: 5px;
	min-height: 42px;
	margin-bottom:5px;
}
.vertical li.notes {
	min-height: 0;
}
.vertical label {
	display: block;
	padding-bottom: 4px;
}
.vertical input, .vertical select {
	display: block;
	width: 180px;
	font-size: 1em;
}
.vertical input[type="text"], .vertical textarea {
	border: 0;
	/*height: 1.8em;*/
	border: 1px solid #CCC;
}
.vertical select {
	border: 0;
	font-size: 14px;
	height: 22px;
}
.vertical em, em.required {
	font-weight: bold;
	color: red;
}
.vertical em.note {
	color: #000;
	font-weight: normal;
}
.vertical .submit {
	padding-top: 5px;
	min-height: 0;
}
.vertical .submit input {
	margin: 0;
	width: auto;
	display: inline;
}
.nolabel p {
	font-size: 1em;
	margin: 0;
}
.nolabel select {
	width: auto;
	min-width: 5em;
	display: inline;
}
.nolabel label, label.hide {
	position: absolute;
	left: -999em;
}
/*
Long Text Areas */
.vertical .long {
	width: 100%;
}
.long label {
	display: block;
}
.long textarea {
	width: 350px;
	height: 5em;
}
.textarea {
	border: 1px solid #CCC;
}
/*
Column Layout */

ul.twocol {
	float: left;
	width: 400px;
	display: inline;
}
ul.twocol li {
	float: left;
	width: 200px;
}
ul.threecol {
	float: left;
	width: 100%;
}
ul.threecol li {
	float: left;
	width: 180px;
}
ul.threecol input, ul.threecol select {
	width: 150px;
}
ul li.onecol {
	clear: both;
	width: 100%;
}
ul.fourcol {
	width: 700px;
	float: left;
	display: inline;
}
ul.fourcol li {
	float: left;
	width: 175px;
}
ul.fourcol input {
	width: 150px;
}
/*
Explanation */

.vertical .explanation {
	font-style: italic;
	color: #999;
	min-height: 0;
	font-size:12px;
}
/*
Radio Buttons and Checkboxes */

.vertical ul.radio li, .vertical ul.checkbox li {
	min-height: 0;
}
.vertical ul.radio label, .vertical ul.checkbox label {
	font-weight: normal;
	display: inline;
	color: #363636;
}
.vertical ul.radio input, .vertical ul.checkbox input {
	border: 0;
	height: auto;
	margin-left: 0em;
}
.vertical ul.radio input, .vertical ul.checkbox input, .vertical ul.radio select, .vertical ul.checkbox select {
	width: auto;
	display: inline;
}
.vertical ul.radio .text input, .vertical ul.checkbox .text input {
	width: 150px;
}
.vertical li.radio, .vertical li.checkbox {
	min-height: 0;
}
.vertical li.radio label, .vertical li.checkbox label {
	font-weight: normal;
	padding-bottom: 5px;
	display: inline;
	color: #363636;
	font-size:12px;
}
.vertical li.radio input, .vertical li.checkbox input {
	width: auto;
	display: inline;
	margin-left: 1.5em;
}
.vertical li.radio p, .vertical li.checkbox p {
	padding-bottom: 5px;
	margin: 0;
}
/*
Login Form */

form.login {
	margin: 0 auto;
	background: #E3E1C1;
	width: 155px;
	padding: 15px 15px 10px;
	border: 1px solid #596125;
}
#content .login ul {
	margin: 0;
}
.login #error-container h3 {
	font-size: 1.2em;
}
/* Readonly */
.vertical input.readonly, .vertical textarea.readonly {
	border: 0;
}
/*
Error Messages */

.vertical input[class="error"], .vertical select[class="error"], .vertical textarea[class="error"] {
	border: 1px solid red;
}
#error-container {
	color: #000;
	border: 1px solid red;
	padding: 1.8em 1.8em 0;
	margin-bottom: 1.8em;
}
#error-container h2 {
	margin-top: 0;
}
#error-container li {
	min-height: 0;
	color: red;
}
.javascript_required {
	color: red;
}
.hasJS .javascript_required {
	display: none;
}
/*
Contact */
#contact-form .long textarea {
	width: 675px;
	height: 75px;
}
#contact-form .services p {
	margin: 0;
	padding-bottom: 5px;
}
#contact-form .services ul {
	float: left;
	width: 700px;
	display: inline;
}
#contact-form .services li {
	float: left;
	width: 130px;
}
#contact-form p {
	margin-bottom: 5px;
}
#antispam_box {
	margin-bottom: 10px;
}
.error{
	color:#f00;
	font-size:12px;
	display:inline-block;
	line-height:16px;
}