﻿

/** Register Form Validation Styles **/
.noscriptmsg,
.reg_err_msg, 
.reg_main_err_msg,
.reg_main_err_msg_off,
#drill_main p.err_text,
#drill_main .reg_err_msg {color: #FF0000;}

.noscriptmsg,
.reg_err_msg,
.reg_main_err_msg, 
#drill_main .reg_err_msg {background-color: #F3F5C4;}

.notify-advanced-bc-patient,
.diagnostics,
.noscriptmsg,
.reg_err_msg,
.reg_main_err_msg, 
#drill_main .reg_err_msg {border: 1px solid #FFF;}

.reg_survey { margin: 5px 0px; }

.reg_err_msg_off,
.reg_err_msg, 
#drill_main .reg_err_msg { padding: 5px 10px;}

.reg_err_msg, 
#drill_main .reg_err_msg {display: block;}

.reg_main_err_msg,
.noscriptmsg { width: auto; padding: 10px; }

.noscriptmsg {height: auto; display: block;}

#drill_main br.clearcontainer { clear: left; float: none; margin: 0 0 10px 0;}
#drill_main div#reg_survey_15_ctr { /*border: 1px solid yellow; width: 400px;*/ }
#drill_main .nopad { margin: 0; padding: 0; }


.diagnostics { margin: 10px; padding: 10px;}
.diagpar {}
.notify-advanced-bc-patient { margin: 10px; padding: 10px;}
.reg-next-button { text-decoration: underline; cursor: pointer; }


/* ===
	12/12/08: Begin Validation Error formatting fixes:
	Fixes the alignment, widths and floats on for the error state css for register.aspx.
*/

div#registration div#form { width: 575px; /*border: 1px solid;*/ /*background: #ccc;*/ }
div#drill_main div#right_area { /*border: 1px solid;*/ }

li#reg_user_City_ctr { clear: both; }

div#drill_main #formcontainer div#group1 fieldset { width: 450px; }

/* User Type */
div#drill_main #formcontainer div#group1 fieldset div#reg_survey_1_ctr { width: 440px; }
div#drill_main #formcontainer div#group1 fieldset div#reg_survey_1_ctr ol { width: 435px; }

/* Specialty */
div#drill_main #formcontainer div#group2 fieldset { width: 460px; }
div#drill_main #formcontainer div#group2 fieldset div#reg_user_Specialty_ctr { width: 450px; }

/* Cancer Stage */
div#drill_main #formcontainer div#group3 fieldset { width: 450px; }
div#drill_main #formcontainer div#group3 fieldset ol { width: 445px; }

/* Password and Cloak */
div#drill_main #formcontainer div#group6 fieldset { width: 475px;}
div#drill_main #formcontainer div#group6 fieldset ol { width: 475px; }
div#drill_main #formcontainer div#group6 fieldset ol li#liPasswordError { visibility: hidden; display: none; }
div#drill_main #formcontainer div#group6 fieldset ol li#reg_user_Password_ctr { width: 207px; }
div#drill_main #formcontainer div#group6 fieldset ol li#reg_user_ConfirmPassword_ctr { width: 207px; }

div#drill_main #formcontainer div#group6 fieldset ol li label { width: 203px; }
div#drill_main #formcontainer div#group6 fieldset ol li label#lblSearchProfile { width: 300px; }
div#drill_main #formcontainer div#group6 fieldset ol li span#reg_user_Password_err { clear: both; float: left; width: 200px; }
div#drill_main #formcontainer div#group6 fieldset ol li span#reg_user_ConfirmPassword_err { clear: both; float: left; width: 200px; }

/* Hormonal Therapy */
div#drill_main #formcontainer div#group8 fieldset { width: 450px; }
div#drill_main #formcontainer div#group8 fieldset ol { width: 445px; }
div#drill_main #formcontainer div#group8 fieldset div#reg_survey_15_ctr { width: 445px; }
div#drill_main #formcontainer div#group8 fieldset table { width: 430px; border: 1px solid #FFF; margin: 0 0 0 10px; padding: 0; }
div#drill_main #formcontainer div#group8 fieldset h3 { margin: 0 0 0 10px; padding: 0; }

/* ===
	12/12/08: End Validation Error formatting fixes 
*/


/** Register Form Main Styles **/
div#registration {width: auto;}
div#formcontainer {float: left; overflow: visible; width: 475px; margin: 0; padding: 0; }

div#form { text-align: left; /*margin: 0; padding: 0; width: auto;*/ font-family: Arial, sans-serif; }

div#form div {height: auto; overflow: visible;}
div#form div#reg_user div@group2 div#reg_user_Specialty_ctr {height: 10em;}
div#form fieldset { width: 90%; height: auto; overflow: visible; border: 0; color: #000000; font-size: 85%; margin: 5px 0 10px 0; /*position: relative;*/ }
div#form fieldset div ol,
div#form fieldset div ol li {height: auto; overflow: visible;}

div#form label { /*display: -moz-inline-box; float: left; position: relative; width: 140px;*/ }

div#form input.dob { width: 25px; }
div#form input.dob_yr { width: 40px; }

div#form fieldset li { list-style: none none outside;}
div#form fieldset .bullet-yes li { list-style: disc none outside; margin: 0; }

/* Form heading */
div#form h1 { font-size: 24px; color: #000; margin: 10px 0 5px 0; padding: 0; }

/* Group Headings */
/*div#form h2 { font-size: 15px; color: #4C9EAA; margin: 15px 0 0 0; padding: 0; }*/


/* Form Questions */
div#form h3 { font-size: 13px; color: #000; font-weight: bold; margin: 5px 0 5px 0; padding: 0; }
div#form h3 a {font-weight: normal; padding-left: 5px;}
/* Tip links */
div#form a.showtip { font-size: 12px; color: #00C; margin: 0 0 0 20px; cursor: pointer; text-decoration: underline; }
#group1,
#group2,
#group3,
#group4,
#group5,
#group6,
#group7,
#group8 {clear: both;}

div#group7  {margin-top: 20px;}

#group1 fieldset div.reg_err_msg,
#group2 fieldset div.reg_err_msg {float: left;}

#group1 fieldset ol,
#group3 fieldset ol,
#group5 fieldset ol,
#group6 fieldset ol,
#group8 fieldset ol { width: 550px; height: auto; overflow: auto; }
#group8 fieldset ol { padding-left: 10px; }
#group1 fieldset ol { overflow: visible; }
#group7 fieldset ol {width: 500px; height: auto; overflow: auto;}
#group7 fieldset ol,
p#optout {border: 1px solid #F590CF; background-color: #FBE6F3; margin: 1px 10px; padding: 20px 0 20px 10px;}

#group1 fieldset ol li,
#group3 fieldset ol li,
#group7 fieldset ol li {float: none; clear: left; display: block; padding: 5px 10px; line-height: 1.5em; vertical-align: -.3em; }
#group5 fieldset ol li,
#group8 fieldset ol li {float: left; width:207px; display: block; line-height: 1.5em; vertical-align: -.3em;}
#group5 fieldset ol li#reg_user_EmailAddress_ctr {clear: left;}
#group6 fieldset ol li,
#group2 fieldset ol li {float: left; display: block; height: auto; padding: 5px 5px 1px 10px;}

#group8 fieldset ol li {padding-left: 10px;}

#group1 fieldset ol li input,
#group3 fieldset ol li input,
#group7 fieldset ol li input {width: 25px; margin: 4px 0 0 0; float: left; vertical-align: top;}
#group5 fieldset ol li input,
#group6 fieldset ol li input {float: left; clear: left; width: 200px; padding: 0 0 0 5px; margin: 0 0 0 5px;}

#group2 fieldset ol li select  {width: 175px; margin: 4px 0 0 0; float: left;}

#group6 fieldset ol li input#reg_user_RememberMe,
#group6 fieldset ol li input#reg_user_SearchProfile {width: 15px; float: left;  margin: 1px 3px 0 5px;}

#group8 fieldset ol li input {float: left; width: 25px; margin: 4px 0 0 0;}

#group5 fieldset ol li#reg_user_Address2_ctr input {margin-bottom: 3px;}
#group5 fieldset ol li#reg_user_Address2_ctr label,
#group5 fieldset ol li#reg_user_Phone1_ctr label {font-weight: normal;}
#group5 fieldset ol li#reg_user_DOBMain_ctr label {width: 150px; font-weight: normal;}
#group5 fieldset ol li#reg_user_DOBMain_ctr span {display: block; clear: left; }
#group5 fieldset ol li#reg_user_DOBMain_ctr span.mdy label.dob {display: inline; float: none; clear: none; }
#group5 fieldset ol li#reg_user_State_ctr,
#group5 fieldset ol li#reg_user_State_ctr label,
#group5 fieldset ol li#reg_user_State_ctr select {width: 95px;}
#group5 fieldset ol li#reg_user_State_ctr {padding: 5px 10px 5px 15px; }
#group5 fieldset ol li#reg_user_Zip_ctr,
#group5 fieldset ol li#reg_user_Zip_ctr label {/*width: 70px;*/ width: 95px; }
#group5 fieldset ol li#reg_user_Zip_ctr input {width: 65px;}

#group5 fieldset ol li#reg_user_Zip_ctr {padding: 5px 0 5px 10px; }

#group1 fieldset ol li label,
#group3 fieldset ol li label,
#group7 fieldset ol li label {float: left; width: 450px; font-weight: normal;}
#group8 fieldset ol li#therapy,
#group8 fieldset ol li#therapy label {float: left; width: 500px; font-weight: normal;}
#group5 fieldset ol li label,
#group6 fieldset ol li label,
#group6 fieldset ol li label  {float: left; width: 210px;}

#group2 fieldset ol li label {float: left; width: 200px;}

#group6 fieldset ol li.reg_err_msg_off  label {width: 210px;}
#group6 fieldset ol li#rememberMe label {float: left; width: 400px; font-weight: normal;}
#group6 fieldset ol li#searchProfile label {float: left; width: 320px; font-weight: normal;}

#group8 fieldset ol li label  {float: left; width: 150px; font-weight: normal;}

#group1 fieldset ol li label a {float: left; display: block; padding-left: 5px;}
#group8 fieldset p a, #group3 fieldset ol li a, #group1 fieldset ol li a {color: #00C;}
#group5 fieldset ol li label a,
#group6 fieldset ol li label a,
#group5 fieldset ol li label a.showtip  {display: inline; float: right; margin-left: 5px; color: #00C; font-weight: normal;}
#group6 fieldset ol li label a.oddball {float: none; margin-left: 15px;}

#group5 fieldset ol li#reg_user_DOBMain_ctr {display: block; float: left; clear: none; clear:left;}
#group5 fieldset ol li#reg_user_DOBMain_ctr input {float: none; display: inline; margin-bottom: 0;}

#group8 fieldset p#table-question { font-size: 100%; padding-left: .8em; text-indent: -.8em; }
#group8 fieldset p#table-question a { margin-left: .7em;}
#group8 fieldset table { border: 1px solid #999999; }
#group8 fieldset table colgroup {}
#group8 fieldset table colgroup.col1 {text-align: center;}
#group8 fieldset table colgroup.col1 input {margin-left: 25%;}
#group8 fieldset table colgroup.col2 {border: 1px solid #666;}
#group8 fieldset table colgroup.col4 input {width: 35px; padding: 3px 0;}
#group8 fieldset table tr {line-height: 150%;}
#group8 fieldset table tr.alternate {background-color: #F5F5F5;}
#group8 fieldset table tr th,
#group8 fieldset table tr td {border: 0; text-align: center;}
#group8 fieldset table tr td.drug-name { text-align: left;}
#group8 fieldset table tr td input {width: 60px; margin: 3px 0;}
#group8 fieldset table tr th {border-collapse: collapse; text-align: center; }
#group8 fieldset table tr th h4 {margin: 0; padding: 0; text-align: center; color: #de2387; font-family: Arial,sans-serif; font-size: 12px;}

div.why-note {display: none; width: 350px; padding: 12px; background-color: #f4f1ec; border: solid 1px #dac2ac; position: absolute; top: 0; left: 0;}
#content div.why-note p {margin: 0;}
div.why-note a {display: block; float: right; margin: 0 0 1em 10px; }

/* Tell a Friend */

fieldset#tell ol li div#ctl00_ContentPlaceHolder1_ValidationSummary1 {background-color: #f3f5c4; padding: 10px;}
fieldset#tell ol li label,
fieldset#tell ol li input {display: block;}
fieldset#tell ol li label,
fieldset#tell ol li input,
fieldset#tell ol li span {clear: left;}

/* Refill reminder styling */

#refill-reminder #ctl00_ContentPlaceHolder1_ValidationSummary1,
#refill-reminder #customval { display: block; width: 495px; margin: 10px 0; padding: 10px; }
#refill-reminder li.field {height: 2.7em;}
#refill-reminder label { display: block; float: left; }
#refill-reminder span.warningStyle,
#refill-reminder #customval,
#refill-reminder #ctl00_ContentPlaceHolder1_ValidationSummary1
{
	background-color: #f3f5c4; 
	color: #F00; 
	border: 1px solid #FFF;
	z-index: -1000;}

#refill-reminder span.warningStyle.inline,
#refill-reminder span.warningStyle.length
{
	display: block; 
	position: relative; 
	left: -3px; 
	top: -23px; 
	padding: 5px 10px 5px 290px;
	width: 220px;
}
#refill-reminder span.warningStyle.length
{
	padding-left: 130px;
	width: 270px;
} 
#refill-reminder li#dates {float: left; padding-bottom: 16px;}
#refill-reminder span.date-select {display: block; float: left; padding-right: 1em; position: relative; width: 100px; }
#refill-reminder span.date-select select { width: 100px; z-index: 500; margin-top: 3px; position: absolute; top: 0; left: 2px; }
#refill-reminder span.date-select span.warningStyle
{
	display: block; 
	position: relative;
	left: -2px;
	top: -18px;
	padding: 27px 5px 5px 5px;
	width: 95px;
	margin-bottom: 0px;
}
