/* Registration Form */

/* Global form settings */
div#content fieldset ul {
	list-style: none;
	margin-left: 0; }
div#content select,
div#content input[type=text] {
	margin: 0.25em 0;
	padding: 1px;
	border: 1px solid rgb(168,186,199);
	background: rgb(255,255,255); }

div#content div.form p { }
div#content div.form li { list-style-type: none; list-style-image: none; }
div#content div.form p#form-legend { padding: 0 5px; }
div#content div.form noscript { }
div#content div.form p.privacy {
	display: block; 
	width: 470px; }



/* Left indent for form questions */
div#content div.form div#formroot {
	width: 470px; 
	margin: 1.5em 0 0 0; 
	padding: 0; }
div#content div.form div#formroot p {
    margin-bottom:5px;
    padding-left:2em;
    text-indent:-2em;
    font-weight:bold;
    color:#666666;
    line-height:1.25;
    margin-top:0;
}

div#content div.information p#registration-instructions {
	display: block;
	width: 470px; } 
.bipolar-disorder-support-registration div#content div.information p,
.bipolar-disorder-support-registration div#content div.information p#registration-instructions,
.bipolar-disorder-support-registration div#content div.information p.privacy { width: 655px; }

.bipolar-disorder-support-registration div#content div.information fieldset p { width: 440px; }

div#content div.information p#registration-instructions i, 
div#content div.information p#registration-instructions span { display: inline; color: #666666; }

/* Allow space after radios and checkboxes */
div#content div.form div#reg_survey input { margin-right: 3px; }

/* Vertically align the labels next to radios and checkboxes */
div#content div.form div#reg_survey input { vertical-align: middle; }


div#content div.form span.sxr { color: inherit; }
div#content div.form h2 span.sxr { color: #003366; }
div#content div.form div.reg_err_msg_on span.sxr { color: #ff0000; }

div#content div.form .btn-register {
	background:url(/images/button/submit.jpg) no-repeat left top;
	width: 83px;
	height: 40px;
	border: none;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	font: 115%;
	line-height: 200%;
	color: #ffffff; }

.bipolar-disorder-support-registration div#content div.form .btn-register {
	background:url(/images/button/register.png) no-repeat left top;
	width: 140px;
	height: 35px; }
.bipolar-disorder-support-registration div#content div.form .btn-register:hover { background-position: right top; }

div#content div.form span.req {
	display: inline !important;
	color: #ff0000;
	font-weight: bold; }



/* errors */
div#content div#errorsummary { margin: 10px 0 10px 0; padding:0.5em; width: 460px; }
div#content div.form span { color: #ff0000; }
noscript.reg_err_msg_on { display: block; }

noscript.reg_err_msg_on, 
div.reg_err_msg_on, 
ul.reg_err_msg_on,
li.reg_err_msg_on, 
span.reg_err_msg_on {
	background: #ffffcc !important;
	color: #ff0000 !important; }
div#content div.form div#group1 li.reg_err_msg_on label,
div#content div.form div.reg_err_msg_on fieldset p { font-weight: bold !important; }
div#content div.form dl#legend { margin: 0; padding: 0; }
div#content div.information div.form dl { border: none; }

div#content div.form ol {
	list-style: decimal;
	margin-left: 3em; }
div#content div.form ul {
	margin: 0 0 1em 2em; }

div#content div.form div#errors {
	margin-bottom: 2em;
	padding: 5px;
	background: #ffff00;
	color: #ff0000;
	font-weight: bold; }
div#content div.form div#errors h3 {
	margin-bottom: 0; }
div#content div.form div#errors ol {
	list-style: decimal;
	margin-left: 3em; }

div#content div.form div#reg_survey li label { vertical-align: middle; }
div#content div.form div#reg_survey li input[type="radio"],
div#content div.form div#reg_survey li input[type="checkbox"] { width: 1em; vertical-align: middle; }

div#content div.form dl#legend {
	overflow: hidden;
	width: 100%;
	margin-bottom: 2em; }
div#content div.form dl#legend dt {
	float: left;
	margin-right: 0.5em;
	color: #ff0000;
	font-weight: bold; }

div#content div.form > div {
	margin: 0 35px 1em 35px; }
div#content div.form div.disabled { color: #999999; }

div#content div.form div fieldset { margin: 5px; }
div#content div.form div#group1 fieldset { margin: 0; }


/* Submit button */
div#content div.form p#submit { margin: 1.5em 35px 1em 20px; }

/* User Information */
div#content div.form div#group1 ul {
	overflow: hidden;
	width: 468px;
	margin: 0; }

div#content div.form div#group1 li {
	display: inline;
	float: left;
	width: 204px;
	margin: 0 10px 1em 0;
	padding: 0 5px; }

div#content div.form div#group1 li#reg_user_Address1_ctr,
div#content div.form div#group1 li#reg_user_City_ctr,
div#content div.form div#group1 li#reg_survey_Communication_ctr,
div#content div.form div#group1 li#reg_user_Specialty
{ clear: left; }

/* Enable City, State and Zip to clear in IE. */
/*div#content div.form div#group1 li#reg_user_Address1_ctr {margin-right: 150px;}*/
div#content div.form div#group1 li#reg_user_PracticeName_ctr {margin-right: 150px;}

div#content div.form div#group1 li#reg_user_State_ctr { width: 125px; }
div#content div.form div#group1 li#reg_user_Zip_ctr { width: 75px; margin-right: 0; }

div#content div.form div#group1 li input { width: 200px; }
div#content div.form div#group1 li#reg_user_Zip_ctr input { width: 55px; }

div#content div.form div#group1 li input,
div#content div.form div#group1 li select,
div#content div.form div#group1 li span { display: block; }

div#content div.form div#group1 li select#reg_user_State { width: 120px; }

/* USER communication preferences */
/* 1/18/09 - removed div and formatted as ul to make tooltips work */
div#content div.form div#group1 ul#reg_survey_1_ctr { clear: left; width: 500px; color: inherit; }
div#content div.form div#group1 ul#reg_survey_1_ctr li { display: block; margin-right: 10px; padding: 0; }
div#content div.form div#group1 ul#reg_survey_1_ctr li.commpreftitle { display: block; width: 100%; }
div#content div.form div#group1 ul#reg_survey_1_ctr li.commpreffirst { clear: left; min-width: 85px; }
div#content div.form div#group1 ul#reg_survey_1_ctr li#reg_survey_1_err { clear: left; }
div#content div.form div#group1 ul#reg_survey_1_ctr li,
div#content div.form div#group1 ul#reg_survey_1_ctr li input,
div#content div.form div#group1 ul#reg_survey_1_ctr li label { display: inline; width: auto; }
div#content div.form div#group1 ul#reg_survey_1_ctr li input { width: 25px; }
div#content div.form div#group1 ul#reg_survey_1_ctr li input#reg_user_HomePhone {display:none; margin-left:6px; width: 75px; }

/* Opt in */
div#content div.form div#group2 {
	margin-bottom: 2em;
	padding: 10px;
	border: 1px solid #c7c7c7; }
div#content div.form div#group2 ul { margin: 0; }
div#content div.form div#group2 li {
	overflow: hidden;
	width: 436px;
	margin: 1em 0 0 0; }
div#content div.form div#group2 li:first-child { margin-top: 0; }
div#content div.form div#group2 li input { float: left; width: 20px; }
div#content div.form div#group2 li label { float: right; width: 416px; }


/* Treatment Options */
div#content div.form div#group3 li,
div#content div.form div#group4 li,
div#content div.form div#group5 li,
div#content div.form div#group6 li {
	overflow: hidden;
	width: 100%;}
div#content div.form div#group3 li:first-child,
div#content div.form div#group4 li:first-child,
div#content div.form div#group5 li:first-child,
div#content div.form div#group6 li:first-child { padding-top: 0; border: none; }
div#content div.form div#group3 li label,
div#content div.form div#group4 li label,
div#content div.form div#group5 li label {
	float: left;
	width: 310px; 
	margin-left:20px;}
div#content div.form div#group6 li label.question {
    display:block;
	float: left;
	width: 240px; }
div#content div.form div#group3 li input,
div#content div.form div#group4 li input,
div#content div.form div#group5 li input {
	float: right;
	width: 49px; 
	text-align: right; 
	margin-right:23px;
	padding-right:1px;}
div#content div.form div#group3 li input,
div#content div.form div#group4 li input,
div#content div.form div#group5 li input {margin-right:0;}
div#content div.form div#group6 li input {
	width: 49px; 
	text-align: right;
	padding-right:1px;}
div#content div.form div#group6 li div.percentColumn {
    display:block;
    width:90px;
    float:right;}
div#content div.form div#group6 li div.percentColumn h6 {font-size:.8em;}
div#content div.form div#group6 li div.bipolar {
    width: 75px;
    margin-left:8px;}

span#reg_survey_2_err,
span#reg_survey_3_err,
span#reg_survey_4_err,
span#reg_survey_5_err { float: right; }
div#content div.form span.reg_total,
div#content div.form span.reg_percent { color: #666666; }
div#content div.form div#reg_survey_5_ctr.reg_err_msg_on span.reg_total,
div#content div.form div#reg_survey_5_ctr.reg_err_msg_on span.reg_percent { color: #ff0000; }
div#content div.form div#group3 label.percentlabel,
div#content div.form div#group4 label.percentlabel,
div#content div.form div#group5 label.percentlabel {
	float: right; 
	color: #000; 
	margin:0 0 0 3px;
	width:20px;}
div#content div.form div#group6 label.percentlabel {
	color: #000; 
	width: 1em; }
adiv#content div.form div#group6 li.total label.lbl_total{
    margin-left:.75em;
    vertical-align:baseline;}
div#content div.form div#group6 li.total span.reg_percent{margin-right:1em;}
div#content div.form div li.total {
	font-weight: bold;
	margin:-10px 0 0 0;}

/* Submit button */
p#btnSubmitRegistration input {
	width: 60px;
	height: 40px;
	background: transparent url(/images/button/submit.png) left top no-repeat;
	text-indent: -1000em; }