/* Registration Form */


/* Global form settings */
div#content div.form {
	background: #ffffff;
	clear: left;
	margin: 0;
	padding: 0;
	width: 550px; }

/* Reformat form to be more narrow for
	/bipolar-disorder-support-survey.aspx */
div#content div#retype div.form {
	width: 450px; }
	
div#content div.information div.form :first-child { margin-top: 0; }

div#content div.form li { list-style-type: none; list-style-image: none; }
div#content div.form p#form-legend { margin-bottom: 1.5em; }
div#content div.form p#form-legend.required { font-weight: bold;}

/* Noscript messaging (important when user switches off javascript) */
div#content div.form noscript {   }
noscript p.noscript { background: #ffffcc; color: #ff0000; padding: 3px; }

 
/* i and em styles are set with the zoom fix, so make text italic another way. */
/* fixes <em> and <i> font reflow issue on registration page, for ie6 */
div#content div.form .ital { font-style: italic; }
div#content div.form span.ital { color: #333333; }
div#content div.form .reg_err_msg_on span.sxr { color: #ff0000; }

/* retype form italics (fixes ie6 italics reformatting issue) */
div#retype .ital { font-style: italic; white-space:nowrap !important; }


/* Left indent for form questions */
div#content div.form div#formroot { margin: 0; padding: 0; }
div#content div.form div#formroot p { margin:0 0 0 17px; }
div#content div.form div#formroot div#group2 p{margin-left:0;}

div#content div.information p#registration-instructions { display: block; width:550px; padding-bottom:1em; } 

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

/* Allow space after radios and checkboxes */
div#content div.form div#reg_survey input { margin-right: 7px;}
div.pam div#content div.form div#reg_survey input#reg_survey_9_1 { margin-left: 0.25em; }

html>body div#content div.form div#reg_survey input { *margin-right: 2px;}
body div#content div.form div#reg_survey input { _margin-right: 2px;}

div#content div.form div#reg_survey input#reg_survey_11_1 { width: 6em; }

/* 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: #333333; }
div#content div.form div.reg_err_msg_on span.sxr { color: #ff0000; }
div#content .freeTrialOffer div.form span.sxr { color: #666666; }

/* Fix error handling appearance for group 7 (registration and retype forms) */
div#group7 li.reg_err_msg_on { margin-top: 5px !important; }
li#reg_survey_11_ctr { /*display: inline-block;*/ }
li#reg_survey_12_ctr { /*display: inline-block;*/ margin-top: 5px !important; }


div#content div.form ul { list-style-type: none; list-style-image: none; }

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

/* reg form submit button */
div.bipolar-disorder-support-registration p#submit input.submit {
	background:url(/images/button/submit.png) no-repeat left top;
	width: 100px;
	height: 36px;
	border: none;
	cursor: pointer;
	text-decoration: none; }
div.bipolar-disorder-support-registration p#submit input.submit:hover { background-image: url(/images/button/submit-hover.png); }

/* retype form submit button */
div.retype p#submit input.submit {
	background:url(/images/button/submit.png) no-repeat left top;
	width: 100px;
	height: 36px;
	border: none;
	cursor: pointer;
	text-decoration: none; }
div.retype p#submit input.submit:hover { background-image: url(/images/button/submit-hover.png); }

/* FTO form submit button */
div.free-trial-offer p#submit input.submit {
	background:url(/images/button/btnFTOSubmit.jpg) no-repeat left top;
	width: 103px;
	height: 40px;
	border: none;
	cursor: pointer;
	text-decoration: none; }

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

/* errors */

div#content div.form span { color: #ff0000; }
div#content div.form span#eighteen { color: #666666;}

/* numbering */
div#content div.form div#reg_survey fieldset span.req {
	display: inline-block !important;
	width: 1em;
	text-align: right; }
div#content div.form div#reg_survey fieldset span.qnumber { color: #333333; }



/* MDD / BPD specific - reg form */
div.bipolar-disorder-support-registration div#content div.form div.reg_err_msg_off span.diagnosisType { color:#333333; }
div.bipolar-disorder-support-registration div#content div.form div.reg_err_msg_on span.diagnosisType  { color: #ff0000; }

/* escape text color for opt out phone text */
div#content div.form span.opt-out-phone { color:#333333; white-space:nowrap !important; }
/* exclude for retype diagnosed questions */
div#content div.form span#regQ2,
div#content div.form span#regQ3,
div#content div.form span#regQ4,
div#content div.form span#regQ5 { color: #333333; }

noscript.reg_err_msg_on, div.reg_err_msg_on, li.reg_err_msg_on, span.reg_err_msg_on{
	background: #ffffcc; color: #ff0000; margin-bottom: 3px;}
/* important for retype form to display and hide errors in IE6 */
div#content div.reg_err_msg_on { background: #ffffcc; display: inline-block; }
div#content div.reg_err_msg_off { display: inline-block; clear: both; }

/* indent survey error messages */
div#content div.form div#reg_survey div.reg_err_msg_on span#reg_survey_1_err,
div#content div.form div#reg_survey div.reg_err_msg_on span#reg_survey_3_err,
div#content div.form div#reg_survey div.reg_err_msg_on span#reg_survey_4_err,
div#content div.form div#reg_survey div.reg_err_msg_on span#reg_survey_6_err,
div#content div.form div#reg_survey div.reg_err_msg_on span#reg_survey_7_err
{ margin-left: 30px; }

/* Prescription date textbox and error msg */
div#group7 ul { display: inline-block; }
div#reg_survey li.reg_err_msg_on span#reg_survey_11_err { width: 500px; line-height: 1.3; margin-top:3px; }


/* Add extra space above opts, so error handling looks right */
div#content div.form div#reg_optin { margin-top: 20px; }


/* Email Survey Formatting */
div#content div.form div#reg_survey div#email_survey table
{display:block; width:550px; border-bottom:2px solid #dad9d9; border-top:2px solid #dad9d9; border-left:2px solid #dad9d9; border-right:2px solid #dad9d9;}

div#content div.form div#reg_survey div#email_survey table tr td
{ border-left:none; border-right:none; border-bottom:1px solid #dad9d9; border-top:none; }

div#content div.form div#reg_survey div#email_survey table tr.tableTop td.question
{ height:4em; vertical-align:top; color:#ff0000;}

div#content div.form div#reg_survey div#email_survey table tr td
{ vertical-align:top; padding-top:1em;}

div#content div.form div#reg_survey div#email_survey table tr#reg_survey_13_ctr td
{ border-bottom:none; }

div#content div.form div#reg_survey div#email_survey table tr
{ border-bottom:none; border-top:none; }

div#content div.form div#reg_survey div#email_survey table td.question
{width:250px; line-height:1.1em; margin:0; padding:1em 1em 1em 1.2em; text-align:left; vertical-align:middle;}

div#content div.form div#reg_survey div#email_survey table td.question ol 
{
	margin: 0 0 0 .5em;
	padding-left: 1em;
	list-style-type: decimal;
}
div#content div.form div#reg_survey div#email_survey table td.question ol li {list-style-type: decimal;}

div#content div.form div#reg_survey div#email_survey td label
{display:none;}

div#content div.form div#reg_survey div#email_survey #titleRow
{display:block; padding:0; margin:0; width:22.2em; }

div#content div.form div#reg_survey div#email_survey #titleRow td
	{
	font-style:bold;
	}
	
div#content div.form div#reg_survey div#email_survey tr.reg_err_msg_on td
{
	background: #FFFFCC;
	color: #ff0000;
	font-weight: bold; 
}


div#content div.form div#group1 li.reg_err_msg_on label,
div#content div.form div.reg_err_msg_on fieldsset p { font-weight: bold; }

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 28px; }

div#content div.form div#group7 ul { margin-left: 0; padding-left: 17px; }
div#content div.form div#group7 ul li { display: block; margin-left: 1em; }
div#content div.form div#group7 ul li span.req { margin-left: -1em; }

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 select,
div#content div.form input[type="text"] { border: 1px solid #999999; background: #ffffff; }

div#content div.form dl#legend {
	display: block;
	margin: 0;
	padding: 0;
	width: 300px;
	border:1px solid;
	background: #ffffff; }
	
div#content div.form dl#legend dt {
	display: block;
	margin-right: 0.5em;
	color: #ff0000;
	font-weight: bold;
	background: #ffffff; }
	
/*privacy statement */
div#content div.form p em strong {
	display: block; 
	margin-top: 0; 
	font-size: 1.1em; 
	line-height: 160%; }

/* position the form root */
div#content div.form > div {
	margin: 0 28px 1em 20px; }

/* error summary */
div#content div.form div#errorsummary {
	margin: 1.5em 0;
	padding: 0.5em;
	border: none; }
div#content div.form div#errorsummary.reg_err_msg_off { display: none; }
div#content div.form div#errorsummary.reg_err_msg_on { display: block;}
	
div#content div.form div.disabled { color: #999999; }

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

div#content div.information div.form div fieldset ul li {
	display: inline; 
	margin-top: 0;
	margin-right: 1em; }
div#content div.form div#group2 fieldset ul li { display: block; }

div#content div.form noscript#noScriptMessaging { display: block; background: #ffffcc; }

/* Checkboxes */
div#content div.form div#group5 div#reg_survey_4_ctr fieldset ul li ,
div#content div.form div#group5 div#reg_survey_4b_ctr fieldset ul li
{ display: block }


/* Selects */
div#group7 select { width: 50px; display: inline; }


/* Trademark paragraph for therapy question */
div#content div.form div#reg_survey_4_ctr p#therapy-trademarks {
	margin-bottom: 1em;
	font-size:0.8em; }

/* Registration submit button */
div#content div.form p#submit { margin: 0 35px 1em; }
/* PAM 13 submit button */
div#content div.information.pam div.form p#submit { margin: 0 15px 1em 430px; }
/* Retype form submit button */
div#content div#retype div.form p#submit { margin: 0 15px 1em 15px; }
/* TF Survey form */
div#content div.information.survey div.form { width: 550px; }
div#content div.information.survey div.form p#submit { margin-left: 15px; }
div#content div.information.survey div.form p.ital { white-space: normal; }

/* User Information */
div#content div.form div#group1 ul {
	overflow: hidden;
	width: 100%;
	margin-left: 0; }

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

/* updated to use id instead of extra class so server validation could work */
div#content div.form div#group1 li#reg_user_City_ctr,
div#content div.form div#group1 li.mdy { clear: left; }
div#content div.form div#group1 li#reg_user_State_ctr { width: 125px; }

/* updated to use id instead of extra class so server validation could work */
div#content div.form div#group1 li#reg_user_Zip_ctr { width: 100px; margin-right: 0; }
div#content div.form div#group1 li input { width: 200px; }

/* updated to use id instead of extra class so server validation could work */
div#content div.form div#group1 li#reg_user_Zip_ctr input { width: 55px; }
div#content div.form div#group1 li#reg_user_DOB_ctr input { display: block; width: 120px; }
div#content div.form div#group1 li#reg_user_DOB_ctr input[maxlength="4"] { width: 50px; }

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; }

div#content div.form div#group1 li#reg_user_DOB_ctr input span.mdy { color: #000000; }


/* Opt in */
div#content div.form div#group2 {
	margin-bottom: 2em;
	padding: 10px;
	margin-left:15px;
	border: 1px solid #c7c7c7;}
div#content div.form div#group2 ul { margin: 0; }
div#content div.form div#group2 li {
	overflow: hidden;
	width: 415px;
	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 {
	margin-top:3px;
	float: left; 
	width: 15px;
	margin-right: 5px; }
div#content div.form div#group2 li label {
	float: left;
	width: 390px; }


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


/* Form support for IE6 */
div.form input.ftxt {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #999999; }

/* Free Trial Offer */
div#content div.freeTrialOffer div.form div#reg_survey fieldset {margin:5px 5px 16px 0;}
div#content div.freeTrialOffer div.form div#reg_survey fieldset span.req {width:auto;}
div#content div.freeTrialOffer div.form div#formroot div#reg_survey ul {margin:.4em 0 1em 10px;}
div#content div.freeTrialOffer div.form div#formroot div#reg_survey ul.surveyDOB {margin:3px 0 12px 0;}
div#content div.freeTrialOffer div.form div#formroot div#reg_survey li {margin:0 2em .8em 0;}
div#content div.freeTrialOffer div.form div#formroot div#reg_survey ul.coverage li {display:block; margin:0; clear:both;}
div#content div.freeTrialOffer div.form div#formroot div#reg_survey ul.coverage div.radioButtonWrapper {width:20px; float:left; clear:left;}
div#content div.freeTrialOffer div.form div#formroot div#reg_survey ul.coverage label {float:left; margin-bottom:8px;width:500px;}
div#content div.freeTrialOffer div.form div#formroot div#reg_survey select {margin:0 0 1em 10px; display:block;} 
div#content div.freeTrialOffer div.form div#formroot div#reg_survey div.reg_err_msg_off {display:block;}
div#content div.freeTrialOffer div.form div#formroot div#reg_survey input#reg_user_DOB {width:140px;}
div#content div.freeTrialOffer div.form div#formroot div#reg_survey span#reg_survey_1_err {display:block;}
div#content div.freeTrialOffer div.form div#formroot div#reg_user ul {margin:0;}
div#content div.freeTrialOffer div.form div#formroot div#reg_user li {margin:0 10px .6em 0; padding:5px 5px 5px 0;}
/* div#content div.freeTrialOffer div.form div#formroot div#reg_optin {display:none;} */
div#content div.freeTrialOffer div.form p#submit {margin:14px 0 1em -5px; _margin:14px 0 1em 0px;}
div#content div.freeTrialOffer div.form span.tt_why {font-size:.9em;}
div#content div.freeTrialOffer div.form span.tt_why {font-size:.9em;}
div#content div.freeTrialOffer div.form span.error {font-weight:bold;}
div#content div.freeTrialOffer div.form p#registratinOptOut {display:none;}
div#content div.freeTrialOffer {padding-left:0;}
div#content div.freeTrialOffer div.form div#group2 { margin-left:0px;}


div#content div.form span#eighteen.red{color:Red;}

div#content div.freeTrialOffer div.form div#group2 ul.howdidhear{ margin-top:.4em}
div#content div.freeTrialOffer div.form div#group2 ul.howdidhear li{display:block; margin:0 0 3px 10px; padding:0; clear:both; *margin:0 0 0 10px;}
div#content div.freeTrialOffer div.form div#group2 ul.howdidhear li input{ vertical-align:middle; margin-top:4px; *margin-top:0;}

#reg_user #group1 .personalinfo span{ display:block}
#group1 .personalinfo td{ vertical-align:top; padding:0 15px 10px 0; width:204px}
#group1 .personalinfo input{ width:200px}
#group1 .personalinfo #reg_user_Zip_ctr input{ width: 55px ; }
#group1 .personalinfo #reg_user_State_ctr { width: 125px;}
#group1 .personalinfo td.reg_err_msg_on{background: #ffffcc; color: #ff0000; margin-bottom: 3px;}
#group1 .personalinfo td.reg_err_msg_off{ margin-bottom: 0px;}