/* Notes
 * Image Replacement technique: Gilder/Levin
 * http://www.mezzoblue.com/tests/revised-image-replacement/#gilderlevin
 */

/* Contents
   =Header
   =Nav
   =Sidebar
   =Content
       =Headlines (hdl_1)
   =Registration Form
   =Customize Patient Tools
   =Resource Center
   =Ancillary Pages
       =Email a colleague
       =Survey
       =Opt Out
   =Search Results
   =Understanding Treatment
   =Handouts and Links Sites
   =Signin Page
   =Accessibility Help 
   =Calendar
   =Indication
   =Footer
*/

body {
	margin: 0;
	padding: 0;
	font: 12px Arial, sans-serif;
    background: url(../images/body_bg.gif) top left repeat-x;
    color: #404040;
}

a:link, a:visited {color: #00adef;}

.clear {clear: both; margin: 0; padding: 0;}
.clear-left {clear: left;}
.skiplink {position: absolute; top: 0; left: -5000px;}

.program-name {font-style: italic;}
.disclaimer, .note {font-size: 85%;}
.button {text-align: center;}

.nobr {white-space: nowrap;}

h1 {position: absolute; top: 0; left: -5000px}

h3, h2, #form-instruction {position: relative; font-size: x-small;}

h3 span, h2 span, #form-instruction span {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-color: white;
}

img {border: none;}

label {display: block;}

table {border-collapse: collapse;}

#wrap {
	width: 750px;
	margin: 0 auto;
    position: relative;
}

/* The expanding blue bar on the top left */
#sanofi-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 34%;
    height: 22px;
    background: #009AD7;
}

/* Links positioned over background images */
#sanofi-link {
    position: absolute;
    top: 0;
    right: 15px;
    height: 40px;
    width: 200px;
}

#home-link {
    position: absolute;
    top: 60px;
    left: 0;
    height: 80px;
    width: 220px;
}

.error {color: red;}

/* Form errors */
#form-errors {
    border: 2px solid red;
    font-weight: bold;
    padding: 0 1em;
}

.field-error {
    font-weight: bold;
    color: red;
}

.field-error2 {
    color: red;
}


/* -- =Header ------------------------------------------------------- */
#header {
	background: url(../images/mast_no_flash.jpg) top left no-repeat; /* Placeholder -- waiting for Flash */
    position: relative;
    width: 100%;
}

#search {
	float: right;
    position: relative;
	width: 225px;
	background: url(../images/header_2.gif) top right no-repeat;
	text-align: center;
	padding-top: 70px;
    height: 118px;
    line-height: 0;
}

#header #search p {
	margin: 20px auto;
	font-size: 85%;
    height: 20px;
}

#search a {color: white;}

#search form {
	width: 150px;
	margin: 1em auto;
    background: none;
}

#search #search-box {width: 146px; height: 16px;}

#search-btn {float: right;}




/* -- =Nav ---------------------------------------------------------- */
#nav {
	height: 100px;
	background: url(../images/nav.gif) top left no-repeat;
	margin: 0;
    position: relative;
    z-index: 1;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
    position: absolute;
    top: 0;
    width: 152px;
    height: 43px;
}

#tab-0 {left: 10px; z-index: 1;}
#tab-1 {left: 117px; z-index: 2;}
#tab-2 {left: 232px; z-index: 3;}
#tab-3 {left: 400px; z-index: 4;}
#tab-4 {left: 550px; z-index: 5;}
/*#tab-1 {left: 10px; z-index: 1;}
#tab-2 {left: 156px; z-index: 2;}
#tab-3 {left: 302px; z-index: 3;}
#tab-4 {left: 448px; z-index: 4;}*/

#understanding-treatment #tab-1, #handouts-links-support #tab-2, #handouts-links-sites #tab-2,
#customize-patient-tools #tab-3, #my-resource-center #tab-4, #web-101-learning #tab-0, #web-101-cancer-info #tab-0
#web-101-cancer-treatments #tab-0, #web-101-clinical #tab-0, #web-101-value #tab-0,
#web-101-glossary #tab-0, #web-101-quiz #tab-0 {z-index: 10;}

#nav ul {
    position: absolute;
    top: 32px;
    left: 2px;
    background: #3d73b1;
    margin: 0;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #00adef;
}

#nav ul li {
    position: static;
    border-top: 1px solid white;
    width: 145px;
    height:43px;
}

#nav ul a {
    display: block;
	padding: .7em 0 .5em 0;
}

#nav ul a:hover {background: #00538e;}

#nav a:link, #nav a:visited {color: white; text-decoration: none;}

#nav span {position: absolute; top: 0; left: -5000px;}

#hidden-list {display: none;}

/* -- =Sidebar ------------------------------------------------------- */
#sidebar {
    width: 192px;
    float: right;
    color: white;
}

#search-results #sidebar {padding: 0 0 20px 40px; background-color: white;}

#web-sign-in #sidebar {
    float: left;
}

/* Top of sidebar (font sizer, print button, email a collegue) */
#sidebar ul {
    color: #00467f;
    list-style: none;
    margin: 1em 0 1em 26px;
    padding: 0;
}

#sidebar li {margin: 4px 0;}

#sidebar ul img {
    vertical-align: bottom;
    padding: 0 4px;
}

#font-size-plus, #font-size-minus {cursor: pointer;}

.icon-link {text-decoration: none;}
.icon-link span {text-decoration: underline; color: #00adef;}

/* Sidebar module headers */
#sidebar h3 {
    height: 32px;
    width: 192px;
    margin: 0;
    padding: 0;
}

#privacy-policy h3 {
    width: 76px;
    height: 20px;
}


/* To add a sidebar module header use the code below
 * and fill in $class_name and $image_name
 * #sidebar $class_name h3 span {background: url(../images/$image_name)} */
#sidebar .register h3 span {background: url(../images/sidebar_module_hdl_1.gif)}
#sidebar .sign-in h3 span {background: url(../images/sidebar_module_hdl_2.gif)}
#sidebar .update h3 span {background: url(../images/sidebar_module_hdl_3.gif)}
#sidebar #privacy-policy h3 span {background: url(../images/privacy_hdl.gif)}

/* Sidebar module body */
#sidebar .module {
    background: #3D73B1 url(../images/sidebar_module_btm.gif) bottom center no-repeat;
    margin: 1em 0;
    padding-bottom: 10px;
    width: 192px;
}

#sidebar .module a:link, #sidebar .module a:visited {color: #4fceff;}

#sidebar .module p {
    padding: 0;
    margin: 10px 20px;
}

/* Module 2 styles */
#sidebar .module2 {
	background: white url(../images/sidebar_module_2_btm.gif) bottom center no-repeat;
	margin: 1em auto;
	padding-bottom: 10px;
	width: 176px;
	color: black;
}

#sidebar .module2 h3 {
	background: white url(../images/sidebar_module_2_top.gif) top center no-repeat;
	width: 144px;
	height: auto;
	font-size: 100%;
	padding: 12px 16px 0 16px;
}

#sidebar .module2 p {
	padding: 0 16px 0 16px;
}

/* Patient Diary */
#handouts-links-support #sidebar .module2 h4 {width: 147px; height: 22px; background: url(../images/sidebar_download_diary_hdl.gif) top left no-repeat; text-indent: -5000px;}
#sidebar .module2 h4 {margin: 0 0 0 11px;}
#sidebar .module2 #english-download {background: url(../images/sidebar_download_btn_english.gif) top center no-repeat; width: 79px; height: 50px; text-indent: -5000px;}
#sidebar .module2 #spanish-download {background: url(../images/sidebar_download_btn_spanish.gif) top center no-repeat; width: 79px; height: 50px; text-indent: -5000px;}
#handouts-links-support #sidebar .module2 ul {margin: 0; padding: 0 0 0 10px;}
#handouts-links-support #sidebar .module2 li {float: left;}
#handouts-links-support #sidebar .module2 li a {display: block; height: 100%; outline: none;}
#sidebar .module2 img {margin: 0 auto; width: 103px; display: block;}
#handouts-links-support .module2, #handouts-links-sites .module2 {margin-left: 9px; background: white url(../images/sidebar_module_2_alt_btm.gif) bottom center no-repeat;}
#handouts-links-support .module2 {margin-left: 0;}
#handouts-links-sites .module2 ul {margin: 6px 0 0 11px; padding-left: 30px; background: url(../images/pdf_icon_medium.gif) left center no-repeat;}
#handouts-links-sites .module2 a {color: #26629e;}
#handouts-links-sites .module2 h4 {font-size: 100%;}

#sidebar form p {
    display: block;
    padding: 0;
    margin: 10px 20px;
}

.conditions {font-size: 85%;}
.conditions label {display: inline;}

#sidebar #email, #sidebar #password {width: 146px;}

#customize-patient-tools #sidebar .button img {width: 158px; height: 33px;}
#sidebar .update p {margin-bottom: 1.5em;}
#sidebar .update .button {margin: .5em 0;}
#sidebar .update {margin-top: 6.1em;}

#privacy-policy {
    color: black;
    margin-top: 40px;
}

#privacy-policy ul {
    color: black;
    margin: 0 0 0 20px;
}

#privacy-policy li {
    padding-left: 10px;
    background: url(../images/bullet_involve_rainbow.gif) top left no-repeat;
}

#web-register #sidebar #privacy-policy {
    padding-top: 176px;
}

#web-register #sidebar #privacy-policy {
    background: url(../images/registration_page_callout.gif) top center no-repeat;
}


/* Survey */
#survey-box {background: #125f96 url(../images/sidebar_survey_box_btm.gif) bottom center no-repeat; width: 175px; min-height: 168px; font-size: 110%; padding-bottom: 12px; margin: 0;}
#handouts-links-sites #survey-box {margin: 0 auto;}
#survey-box h3 {width: 175px; height: 61px;}
#survey-box h3 span {background: url(../images/sidebar_survey_box_top.gif) top center no-repeat;}
#survey-box p {text-align: right; width: 115px; margin: 0 0 1em 43px;}
#survey-box a {color: #00538e;}

/* Plug-in help */
#sidebar #plugin-help {color: #404040; margin-left: 6px;}
#sidebar #plugin-help h4 {font-size: 100%; margin-bottom: .4em;}
#sidebar p.flash {background: url(../images/flash_icon_large.gif) left center no-repeat; min-height: 48px; padding-left: 50px;}


/* Homepage nurse */
#sidebar-nurse {margin-top: 3em; text-align: right;}

/* Safety Link on branded pages */
#safety-link-wrap {
    background: url(../images/safety_link_box_btm-3.gif) bottom center no-repeat;
    color: black;
    width: 192px;
    margin: 0 auto 12px auto;
    padding-bottom: 1px;
}

#safety-link {background: url(../images/safety_link_box_top-2.gif) top center no-repeat;}

#safety-link h4 {
    padding: 0;
    margin: 0;
    font-size: 100%;
}

#safety-top {
    border-bottom: 1px solid black;
    padding: 7px 0 8px 0;
    margin: 0 12px 4px 8px;
}

#safety-link-inner {
    height: 120px;
    overflow: scroll;
    overflow-x: hidden;
    margin: 0 12px 0 4px;
    background: white;
    padding-bottom: 16px;
    font-weight: bold;
}

#safety-link-inner ul {color: black;}

#safety-link-inner li {list-style: disc;}

#safety-link #safety-link-inner h5 {margin-left: 4px;}

#safety-btm {
    border-top: 1px solid black;
    margin: 4px 18px 4px 15px;
}

#sidebar #safety-link p {margin: 10px 0 8px 0;}
#sidebar #safety-link-inner p {padding: 0 6px; margin: 6px 0;}
#sidebar #safety-link a {color: #00538e;}
#sidebar #safety-link .last {margin-bottom: 16px;}

/* Safety Link on My Resource Center */
#my-resource-center #safety-link {display: none;}
.tab-2 #sidebar #safety-link {display: block;}




/* -- =Content ------------------------------------------------------ */
#content {
    width: 510px;
    padding: 10px 0 0 10px;
}

#search-results #content {width: 480px;}

#web-sign-in #content {
    margin-left: 216px;
}

#intro {
    background: url(../images/footer_bg_tile.gif) bottom left repeat-x;
    padding-bottom: 20px;
}

/* Welcome menu */
#welcome-menu ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
    color: #00467f;
    font-weight: bold;
}

#welcome-menu li {
    display: inline;
    border-left: 1px solid #00467F;
    padding: 0 3px 0 6px;
}

#welcome-menu #first {
    border: none;
    padding-left: 0;
}

#wrap #content #welcome-menu form {background: none; margin: 0; padding: 0; width: auto;}

/* =Headlines
 * For each headline give the width and height */
#home #hdl-1 {width: 409px; height: 40px;}
#web-sign-in #hdl-1 {width: 395px; height: 46px;}
/*#web-register #hdl-1 {width: 241px; height: 22px;}*/
#web-register #hdl-1 { color: #00538E; font-size: 16px; font-weight: bold;}
#customize-patient-tools #hdl-1 {width: 295px; height: 26px;}
#my-resource-center #hdl-1 {width: 413px; height: 22px;}
#forgot_password #hdl-1 {width: 164px; height: 23px;}
#sign-out #hdl-1 {width: 243px; height: 24px;}
#survey #hdl-1 {width: 144px; height: 21px;}
#survey_conf #hdl-1 {width: 406px; height: 24px;}
#system_error #hdl-1 {width: 92px; height: 21px;}
#opt_out_request #hdl-1 {width: 118px; height: 22px;}
#opt_out_acquisition #hdl-1 {width: 118px; height: 22px;}
#opt_out_conf #hdl-1 {width: 154px; height: 23px;}
#opt_out_acquisition_conf #hdl-1 {width: 154px; height: 23px;}
#search-results #hdl-1 {width: 111px; height: 17px;}
#understanding-treatment #hdl-1 {width: 426px; height: 25px;}
#handouts-links-support #hdl-1 {width: 417px; height: 21px;}
#handouts-links-support #hdl-2 {width: 231px; height: 18px;}
#handouts-links-sites #hdl-1 {width: 125px; height: 23px;}
#redirect_page #hdl-1 {width: 474px; height: 54px;}
#accessibility-help #hdl-1 {width: 295px; height: 21px;}
#accessibility-help #hdl-2 {width: 295px; height: 21px;}
#accessibility-help #hdl-3 {width: 295px; height: 21px;}
#accessibility-help #hdl-4 {width: 295px; height: 21px;}
#accessibility-help #hdl-5 {width: 295px; height: 21px;}
#exit-site #hdl-1 {width: 365px; height: 27px;}
#web-101-learning #hdl-1 {width: 241px; height: 25px;}
#web-101-cancer-info #hdl-1 {width: 241px; height: 25px;}
#web-101-cancer-treatments #hdl-1 {width: 241px; height: 25px;}
#web-101-treatments #hdl-1 {width: 259px; height: 44px;}
#web-101-clinical #hdl-1 {width: 259px; height: 21px;}
#web-101-value #hdl-1 {width: 259px; height: 21px;}
#web-101-glossary #hdl-1 {width: 311px; height: 23px;}
#web-101-quiz #hdl-1 {width: 263px; height: 25px;}
#calendar-customize #hdl-1 {width: 184px; height: 18px;}

/* For each headline specify the background image */
#home #hdl-1 span {background-image: url(../images/index_hdl_1.gif);}
#web-sign-in #hdl-1 span {background-image: url(../images/web_sign_in_hdl_1.gif);}
#web-register #hdl-1 span {background-image: url(../images/registration_hdl_1.gif);}
#customize-patient-tools #hdl-1 span {background-image: url(../images/patient_tools_hdl_1.gif);}
#my-resource-center #hdl-1 span {background-image: url(../images/resource_hdl_1.gif);}
#forgot_password #hdl-1 span {background-image: url(../images/forgot_password_hdl_1.gif);}
#sign-out #hdl-1 span {background-image: url(../images/sign_out_conf_hdl_1.gif);}
#survey #hdl-1 span {background-image: url(../images/survey_hdl_1.gif);}
#survey_conf #hdl-1 span {background-image: url(../images/survey_conf_hdl_1.gif);}
#system_error #hdl-1 span {background-image: url(../images/system_error_hdl_1.gif);}
#opt_out_request #hdl-1 span {background-image: url(../images/opt_out_request_hdl_1.gif);}
#opt_out_acquisition #hdl-1 span {background-image: url(../images/opt_out_request_hdl_1.gif);}
#opt_out_acquisition_conf #hdl-1 span {background-image: url(../images/opt_out_conf_hdl_1.gif);}
#search-results #hdl-1 span {background-image: url(../images/search_results_hdl_1.gif);}
#understanding-treatment #hdl-1 span {background-image: url(../images/understanding_treatment_hdl_1.gif);}
#handouts-links-support #hdl-1 span {background-image: url(../images/handouts_links_support_hdl_1.gif);}
#handouts-links-support #hdl-2 span {background-image: url(../images/handouts_links_support_hdl_2.gif);}
#handouts-links-sites #hdl-1 span {background-image: url(../images/handouts_links_sites_hdl_1.gif);}
#redirect_page #hdl-1 span {background-image: url(../images/redirect_page_hdl_1.gif);}
#accessibility-help #hdl-1 span {background-image: url(../images/accessibility_help_hdl_1.gif);}
#accessibility-help #hdl-2 span {background-image: url(../images/accessibility_help_hdl_2.gif);}
#accessibility-help #hdl-3 span {background-image: url(../images/accessibility_help_hdl_3.gif);}
#accessibility-help #hdl-4 span {background-image: url(../images/accessibility_help_hdl_4.gif);}
#accessibility-help #hdl-5 span {background-image: url(../images/accessibility_help_hdl_5.gif);}
#exit-site #hdl-1 span {background-image: url(../images/exit_site_hdl_1.gif);}
#web-101-learning #hdl-1 span {background-image: url(../images/web_101_learning_hdl_1.gif);}
#web-101-cancer-info #hdl-1 span {background-image: url(../images/web_101_learning_hdl_1.gif);}
#web-101-cancer-treatments #hdl-1 span {background-image: url(../images/web_101_cancer_info_hdl_1.gif);}
#web-101-treatments #hdl-1 span {background-image: url(../images/web_101_treatments_hdl_1.gif);}
#web-101-clinical #hdl-1 span {background-image: url(../images/web_101_clinical_hdl_1.gif);}
#web-101-value #hdl-1 span {background-image: url(../images/web_101_value_hdl_1.gif);}
#web-101-glossary #hdl-1 span {background-image: url(../images/web_101_glossary_hdl_1.gif);}
#web-101-quiz #hdl-1 span {background-image: url(../images/web_101_quiz_hdl_1.gif);}
#calendar-customize #hdl-1 span {background-image: url(../images/customize_calendar_hdl_1.gif);}


/* Flash alt content */

#flashcontent ul, #flashcontent-unlocked ul {
    text-indent: -5000px;
    width: 520px;
    height: 324px;
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0;
}

#flashcontent ul {background: url(../images/index_page_flash_locked_alt.gif) top center no-repeat;}
#flashcontent-unlocked ul {background: url(../images/index_page_flash_unlocked_alt.gif) top center no-repeat;}


/* =Messages */
#message {
    background: url(../images/conf_message_btm.gif) bottom center no-repeat;
    color: #26629e;
    text-align: center;
    width: 509px;
    position: relative;
    padding-bottom: 20px;
    font-weight: bold;
}

#message p {
    margin: 0;
    padding: 12px 110px 0 86px;
}

#message img {
    position: absolute;
    top: 12px;
    right: 12px;
}

.registration-success h3 {
    background: url(../images/conf_message_top_register.gif) top center no-repeat;
    text-indent: -5000px;
    height: 36px;
    margin: 0;
    padding: 0;
}



/* -- =Registration Form -------------------------------------------- */
.instruction {font-size: x-small;}

#benefits {
    list-style: none;
    margin: 0 0 1em 20px;
    padding: 0;
}

#benefits li {
    background: url(../images/bullet_involve_rainbow.gif) left center no-repeat;
    padding-left: 14px;
}

/* This is the image text at the top of the form */
#form-instruction {
    
    height: 35px;
    margin: 2em 0 0 0;
    padding: 0;
}

#form-instruction {background: #01538F url(../images/bg_formHead.gif) no-repeat left top; color: #fff; font-size:12px; font-weight:bold; padding:0 17px 0; line-height:35px;}

#registration-page-callout {margin: 20px 0 30px 0;}

#registration-form {
    width: 510px;
    padding: 20px 0 0 0;
    background: url(../images/registration_form_bg.gif) top center repeat-y;
}

#registration-form h5{
    margin:0 25px 1em 16px;
    padding:0 0 3px;
    color:#00538E;
    font-size:14px;
    border-bottom:solid 1px #00538E;
}

#registration-form .followingh5 {
		color:#00538E;
		font-size:12px;
		margin-top:-0.35em;
	}
              
#personal-info {
    /*
    	burak
    	background: url(../images/registration_form_callout.gif) right bottom no-repeat;
    */
    margin-right: 4px;
}

#contact-info {
    width: 420px;
    /*border: 1px solid yellow;*/
}

#create-password {
    float: right;
    width: 200px;
    padding: 5px;
    border: 1px solid #00538E;
}

#update-password {
    width: 285px;
    padding: 5px 0;
    margin-bottom:15px;
    border: 1px solid #00538E;
}

#create-password .instruction {margin: 0 10px 2px 16px; padding: 0;}

#create-password p {margin: 0 6px 2px 16px;}

#create-password ul.instruction {margin: 0 0 6px 30px;}

#update-password .instruction {margin: 0 10px 2px 16px; padding: 0;}

#update-password p {margin: 0 6px 2px 16px;}

#wrap #update-password input { width:auto;}

#update-password ul.instruction {margin: 0 0 6px 30px;}

#registration-form #submit {width: 95px; height: 27px;}
#submit-container {text-align: center; padding: 1em 0 .5em 0; margin: 0;}
#registration-form #submit-container { text-align: left;}


/* General form rules - these also apply to the resource center form */
.qualifier {font-size: 90%;}

p.qualifier {padding-top: .75em;}

form p {margin: 0 10px 1em 16px;}
form .street {margin: 0 10px 1em 16px;}

.required {
    /*padding-left: 10px;
    background: url(../images/asterisk.png) center left no-repeat;*/
}

.related-parent {
    /*width: 144px;*/
    float: left;
    clear: left;
    margin-right: 0;
}
.related-parent2 {
    width: 144px;
    float: left;
    clear: left;
    margin-right: 0;
}
.related-parent3 {
    width: 240px;
    float: left;
    clear: left;
    margin-right: 0;    
}

#wrap .form-section .related-parent3 {margin-bottom: 1em;}
#wrap .multiple-response .related-parent3 input { 
	width: 200px;
}

.related-child {
    /*width: 144px;*/
    float: left;
    margin-right: 0;
}

#web-register .related-parent2 input, #web-register .related-child input,
form #create-password input {
    width: 144px;
}

#wrap input {
    width: 304px;
}

#contact-info select, #wrap #zip {width: 144px;}

#wrap .multiple-response input {width: auto;}
#wrap .multiple-response label {display: inline; padding: 0 26px 0 2px; font-weight: normal;}
#wrap .multiple-response ul {margin: 0; padding: 0; list-style: none; float: left;}
#wrap .multiple-response li {margin: .25em 24px .25em 0;}
#wrap .form-section {padding: 10px; margin: 0 4px;}
#wrap .form-section p {margin: 0; clear: left;}
#wrap .multiple-response .other-field {width: 100px; margin-left: 4px;}

/* Allow for cleaner wrapping in lists with check/radio boxes */
/* Requires IE height hack */
#wrap .positioned li {position: relative; padding-bottom: 4px;}
#wrap .positioned input {position: absolute; top: 0; left: 0; width: auto;}
#wrap .positioned label {display: block; margin: 2px 0 0 20px; padding: 0;}

/* Fix the widths in the following places so they don't becomre enormous */
#sidebar input, #search input, #worksheet-access input,
#wrap #submit-container input, #wrap #submit1 input, #wrap #submit2 input, #wrap #content .submit-btn {width: auto; height: auto;}

.zebra {background: #9ed1e8;}

#web-register #content form {
    background: url(../images/registration_form_btm.gif) bottom center no-repeat;
    padding-bottom: 15px;
}

#wrap .contact ul {padding-bottom: 1em;}
#wrap .professional div {margin-top: 1em;}
#wrap .professional .clear-left {margin: 0;}

#wrap #phone-number {width: 100px; margin-left: 4px;}

label {padding-bottom: 3px;}




/* -- =Customize Patient Tools -------------------------------------- */
/* Worksheet wrap and worksheet menu are the right floating hover menu */
#worksheet-wrap {
    float: right;
    width: 251px;
    margin: 145px 0 0 0;
    padding: 0 0 8px 8px;
    background: white;
}

#worksheet-wrap p {
    text-align: center;
    color: #00538e;
    margin: 0 0 .2em 0;
    font-weight: bold;
}

#worksheet-menu {
    position: relative;
    width: 251px;
    height: 460px;
    border: 1px solid black;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Each individual menu section has an id */
#worksheet-sect-1, #worksheet-sect-2, #worksheet-sect-3, #worksheet-sect-4, #worksheet-sect-5,
#worksheet-sect-6, #worksheet-sect-7, #worksheet-sect-8, #worksheet-sect-9 {
    position: absolute;
    background-color: #c7d9e6;
    background-position: center center;
    background-repeat: no-repeat;
}

#worksheet-sect-1 {top: 2px; left: 2px; width: 120px; height: 25px; background-image: url(../images/worksheet_sect_1.gif);}
#worksheet-sect-2 {top: 2px; right: 2px; width: 123px; height: 25px; background-image: url(../images/worksheet_sect_2.gif);}
#worksheet-sect-3 {top: 31px; left: 2px; width: 152px; height: 78px; background-image: url(../images/worksheet_sect_3.gif);}
#worksheet-sect-4 {top: 113px; left: 2px; width: 152px; height: 137px; background-image: url(../images/worksheet_sect_4.gif);}
#worksheet-sect-5 {top: 31px; right: 2px; width: 91px; height: 219px; background-image: url(../images/worksheet_sect_5.gif);}
#worksheet-sect-6 {top: 254px; left: 2px; width: 152px; height: 65px; background-image: url(../images/worksheet_sect_6.gif);}
#worksheet-sect-7 {top: 254px; right: 2px; width: 91px; height: 144px; background-image: url(../images/worksheet_sect_7.gif);}
#worksheet-sect-8 {top: 323px; left: 2px; width: 152px; height: 75px; background-image: url(../images/worksheet_sect_8.gif);}
#worksheet-sect-9 {bottom: 2px; left: 2px; width: 247px; height: 56px; background-image: url(../images/worksheet_sect_9.gif);}

#worksheet-menu a {
    display: block;
    height: 100%;
    width: 100%;
    color: #c7d9e6;
    text-indent: -5000px;
    outline: none;
}

/* These are the highlight styles for each menu section */
#worksheet-sect-1 .active {background-image: url(../images/worksheet_sect_1_2.gif);}
#worksheet-sect-2 .active {background-image: url(../images/worksheet_sect_2_2.gif);}
#worksheet-sect-3 .active {background-image: url(../images/worksheet_sect_3_2.gif);}
#worksheet-sect-4 .active {background-image: url(../images/worksheet_sect_4_2.gif);}
#worksheet-sect-5 .active {background-image: url(../images/worksheet_sect_5_2.gif);}
#worksheet-sect-6 .active {background-image: url(../images/worksheet_sect_6_2.gif);}
#worksheet-sect-7 .active {background-image: url(../images/worksheet_sect_7_2.gif);}

#worksheet-menu .active {
    background-color: #63c3eb;
    background-position: center center;
    background-repeat: no-repeat;
    color: #63c3eb;
}


/* These are the styles for the actual questions */
#worksheet-questions {margin-bottom: 2em;}
#worksheet-questions .single-response {margin: 1em 0;}
#worksheet-questions div {padding: 6px;}
#wrap #worksheet-questions p {margin: 0 0 1em 0; padding: 0;}

/* The first four questions need a restricted width */
#worksheet-question-1, #worksheet-question-2, #worksheet-question-3, #worksheet-question-4 {width: 237px;}

/* Basic form styles */
#customize-patient-tools label {font-weight: bold;}
#customize-patient-tools .qualifier {font-weight: normal;}
#customize-patient-tools .multiple-response ul {float: none;}
#customize-patient-tools .multiple-response li {margin: 0; padding: 0 0 4px 0; clear: left; height: 1%;}
#customize-patient-tools .multiple-response label {display: block; padding: 0 0 6px 24px;}
#customize-patient-tools .multiple-response input {float: left;}
#customize-patient-tools .multiple-response p {font-weight: bold;}
#customize-patient-tools .binary label {float: none; display: inline; padding: 0 12px 0 2px;}
#customize-patient-tools .binary input {float: none; display: inline;}
/* port */
#customize-patient-tools #office-address {width: 224px;}
/* // port */

/* Provide spacing for the quote attributions */
#customize-patient-tools cite {padding-left: 12px;}

/* Highlight the active divs when hovered */
div.active {background-color: #63c3eb;}

/* Rules for the submit buttons at the bottom of the form */
#worksheet-footer div {float: left; margin-bottom: 2em;}
#worksheet-footer p {margin: 0 0 .2em 0; font-size: 90%;}
#worksheet-footer .description {padding: 0 12px; margin-bottom: 1em;}
#submit1 {width: 267px; margin-right: 50px;}
#submit2 {width: 186px;}
#wrap #content #worksheet-name {width: 267px;}

#worksheet-access {
	background: url(../images/worksheet_access_btm.gif) bottom center no-repeat;
	width: 520px;
	padding-bottom: 5px;
	margin: 0 auto 2em auto;
}

#worksheet-access h3 {
	height: 38px;
}
	
#worksheet-access h3 span {
	background: url(../images/worksheet_access_top.gif) top center no-repeat;
}

#worksheet-access p {
	padding: 0 20px;
	width: 320px;
}

#worksheet-access form p {margin-left: 0;}
#worksheet-access select {width: 275px;}

#worksheet-access p input {margin-right: 17px;}

/* show/hide styles for javascript */
#worksheet-question-5, #worksheet-question-6 {display: none;}

.breast #worksheet-question-5, .gastric #worksheet-question-5, .headneck #worksheet-question-5, 
.lung #worksheet-question-5, .prostate #worksheet-question-5, .breast #worksheet-question-6,
.gastric #worksheet-question-6, .headneck #worksheet-question-6, .lung #worksheet-question-6,
.prostate #worksheet-question-6 {display: block;}

body .breast, body .gastric, body .headneck, body .lung, body .prostate {display: none;}

.breast .breast, .gastric .gastric, .headneck .headneck, .lung .lung, .prostate .prostate {display: block;}


#worksheet-footer {clear: right; padding-top: 10px;}




/*-- =Resource Center------------------------------------------------ */
.tab-2 form {margin: 0 auto; width: 507px;}

#update-info-form {
	background: url(../images/form_update_info_bg.gif) top left repeat-y;
	width: 690px;
}

#update-form-hdl {height: 33px; width: 690px; margin: 0;}
#update-form-hdl span {background: url(../images/form_update_info_top.gif) top left no-repeat;}

.tab-2 form {
	background: url(../images/form_update_info_btm.gif) bottom left no-repeat;
	padding-bottom: 15px;
}

#wide-content {margin-left: 10px;}

#update-info-form .reminder {
	font-weight: bold;
	padding-top: 10px;
}

#update-info-form .form-section {
	padding: 10px 20px;
	margin: 0 6px 0 5px;
}
#update-info-form .zebra {background: #eaf7ff;}

#my-resource-center #safety-info {width: 690px; margin-left: 10px;}

#set1 {
	float: left;
	width: 324px;
	padding-left: 12px;
}

#set2 {
	float: right;
	width: 322px;
	padding-right: 25px;
}

#set1 #email, #set1 #email2, #set2 #city, #set2 #zip, #set2 #state {width: 140px;}
#set1 #email input, #set1 #email2 input, #set2 #city input, #set2 #zip input, #set2 #state input {width: 140px;}

#set2 p {
	margin: 0 0 1em 16px;
}

#my-resource-center #fname, #update-info-form .reminder {margin-left: 28px;}

#update-info-form #submit-container {text-align: left;}
#update-info-form #submit-container input {margin-right: 20px;}

#update-callout {padding-top: 80px;}


/* Forgot password form */
#forgot_password input {width: auto; height: auto;}
#forgot_password .question input {width: 260px;}
#forgot_password .question {margin-bottom: 2em;}
#send-password {margin-bottom: 2em;}
#forgot_password .instruction {font-weight: bold;}

/* Change password */
.tab-3 form {margin: 0 auto; width: 285px;}
.tab-3 .question {margin: 1em 0;}
#my-resource-center.tab-3 .question input {width: 285px;}

#my-resource-center .tab-3 ul {margin: .25em 0 1em 0;}
#my-resource-center .tab-3 #submit-container input {margin: 0 6px;}

/* Tabs */
div.tab-1, div.tab-2, div.tab-3 {display: none;}
.tab-1 div.tab-1, .tab-2 div.tab-2, .tab-3 div.tab-3 {display: block; clear: both; border-top: 1px solid #00538e; padding: 1.5em 0;}
.tab-1 div.footer, .tab-2 div.footer, .tab-3 div.footer {border: none; padding: 0;}
#tab-nav {list-style: none; margin: 0; padding: 2em 0 0 0; clear: both;}
#tab-nav li {float: left; background: url(../images/manage_tab.gif) top center no-repeat; width: 159px; height: 26px; position: relative; top: 1px; margin: 0 3px;}
#tab-nav a {text-decoration: none; display: block; color: #26629e; font-weight: bold; width: 151px; height: 14px; padding: 6px 4px; text-align: center;}
#tab-nav a:hover {text-decoration: underline; color: black;}
.tab-1 #tab-nav li.tab-1, .tab-2 #tab-nav li.tab-2, .tab-3 #tab-nav li.tab-3 {border-bottom: 0; top: 1px; padding-top: 1px; background: url(../images/manage_active_tab.gif) top center no-repeat;}
#tab-nav li.tab-1 {margin-left: 12px;}





/* -- =Ancillary Pages ---------------------------------------------- */
/* Short pages */
#sign-out #content, #survey_conf #content, #system_error #content,
#opt_out_conf #content {margin-bottom: 5em;}


/* =Email a colleague */
.email-popup {border: 1px solid black; width: 500px; margin: 15px auto; position: relative;}
.email-popup p {padding: 0; margin: 1em 20px;}
.email-popup h4 {font-size: 100%; padding: 0; margin: 1.5em 20px 0 20px;}
.email-popup h2 {margin: 0; padding: 0; height: 43px; background: #00538E url(../images/ecc_close_window_btn.gif) 97% 50% no-repeat; color: white;}
.email-popup h2 span {background: #00538E url(../images/ecc_header2_btn.gif) 8% 50%  no-repeat; width: 380px}
.email-popup-confirmation h2 span {background: #00538E url(../images/ecc_header_btn.gif) 8% 50%  no-repeat; width: 380px}
.email-popup .instruction {font-weight: bold;}

.email-popup .question, .email-popup .result {background: #ddf2ff; width: 310px; margin: 1em auto; padding: 0 20px 0 20px;}
.email-popup .question p, .email-popup .result p {margin: 0; padding: 1em 0; font-weight: bold;}
.email-popup .question .instruction {font-weight: normal; font-size: 85%; padding: 0 0 20px 0; margin: -16px 0 0 0;}
.email-popup .question input {margin-bottom: 20px;}
.email-popup .result ul {margin: 0 auto; width: 150px; padding: 0 0 1em 0; list-style: none;}
#email_colleague {background: none;}
#email_colleague #close-window {position: absolute; top: 10px; right: 0; display: block; width: 110px; height: 20px; text-indent: -5000px; outline: none;}
.email_conf .email-popup {margin-top: 200px;}


/* Survey */
#survey #content form {padding-top: 1em; width: 540px; background: url(../images/survey_bar.gif) top center no-repeat;}
#survey .instruction {font-weight: bold; margin-bottom: 2em;}
#survey .multiple-response ul {float: none;}
#survey .question p {font-weight: bold; margin: 0 0 .2em 0;}
#survey .question {margin: 2em 0 2em 2em;}
#survey textarea {display: block; margin: 6px 0 0 20px;}
#survey #submit-container {text-align: left; margin: 0 0 2em 2em;}


/* Opt Out */
#opt_out_request #submit-container {text-align: left; margin: 0 0 2em 0;}
#opt_out_acquisition .question {width: 200px; padding: 10px 0;}
#opt_out_acquisition .question input {width: 170px;}
#opt_out_acquisition #content form {width: 400px;}
#opt_out_acquisition #content p {margin: 0 0 1em 0;}
#opt_out_acquisition #content form p {clear: both;}


/* Exit Site */
#exit-site .button a {margin: 0 10px;}



/*-- =Search Results ------------------------------------------------ */
#search-results dt {
    padding: 0 0 0 36px;
    margin: 1em 0 0 0;
}

#search-results dt.locked {background: url(../images/lock_icon.gif) top left no-repeat;}
#search-results dt.pdf-locked {background: url(../images/pdf_lock_icon.gif) top left no-repeat;}
#search-results dt.pdf {background: url(../images/pdf_icon.gif) top left no-repeat;}

#search-results dt a {
    font-weight: bold;
    font-size: 120%;
    color: #26629e;
}

#search-results dd {
    margin: 0 0 0 36px;
    padding: 0 0 1em 0;
    border-bottom: 1px dotted #26629e;
}

#search-results .last {margin: 0; padding: 0 0 1em 36px;}

#search-results #results ul {float: right; margin: 0 20px 0 0; padding: 0; font-weight: bold;}
#search-results #results li {display: inline;}
#search-results #results li a {color: #26629e;}
#search-results #results h4 {margin: 1em 0 .2em 0; font-size: 100%;}
#search-results #results dl {background: url(../images/footer_bg_tile.gif) top left  repeat-x; padding-top: 20px; margin: 0;}
#search-results .prev {float: left; padding: 1em 0 2em 0;}
#search-results .next {float: right; padding: 1em 0 2em 0;}




/*-- =Understanding Treatment --------------------------------------- */
#treatment-section p, #treatment-section h3 {margin-left: 260px;}
#treatment-section h3 {font-size: 100%;}
/* port */
#treatment-section div {border-bottom: 1px dotted #26629e; position: relative; padding: 0 0 1em 0; margin: 1.5em 0 0 0; width: 500px;}
/* // port */
#treatment-section ul {list-style: none; position: absolute; top: 138px; left: 35px; width: 200px; margin: 0; padding: 0;}
#treatment-section ul ul {position: static; margin-left: 20px;}
#understanding-treatment #dosing-guide {background: url(../images/treatment_dosing_guide.gif) top left no-repeat; min-height: 245px;}
#understanding-treatment #nurse-guide {background: url(../images/treatment_nurse_guide.gif) top left no-repeat;}
#understanding-treatment #peripheral-guide {border: none; background: url(../images/treatment_peripheral_guide.gif) top left no-repeat;}
#treatment-section li {padding-left: 30px; margin-bottom: .7em; min-height: 30px;}
#treatment-section ul ul li {margin-bottom: 4px; padding: 0; min-height: 0;}
li.pdf {background: url(../images/pdf_icon_medium.gif) left top no-repeat;}
li.flash {background: url(../images/flash_icon.gif) left top no-repeat;}




/*-- =Handouts and Links Support ------------------------------------ */
#handouts-links-support th {font-weight: normal; text-align: left; padding: 3px 20px 3px 36px; background: url(../images/pdf_icon.gif) left top no-repeat; width: 185px;}
#handouts-links-support td {padding: 3px 6px; width: 50px; vertical-align: top;}
#handouts-links-support .child th {padding-left: 64px; width: 157px; background-position: 28px 0;}
.support-downloads li {padding: 3px 38px; background: url(../images/pdf_icon.gif) left center no-repeat; list-style: none;}
.support-downloads {list-style: none; margin: 0; padding: 0;}
#handouts-links-support h3 {font-size: 100%; margin: 0 0 .2em 0;}
#handouts-links-support p {margin: 0 0 1em 0;}
.support-downloads {margin-bottom: 2em;}
#achievement-awards {border-top: 2px solid #26629e; padding: 1.5em 0 4em 0;}
#achievement-awards h2 {margin-top: 0;}
#achievement-awards ul {margin: 0; padding: 0;}
#achievement-awards ul ul {width: 220px; margin: 0 auto;}
#achievement-awards ul p {padding-left: 30px; background: url(../images/pdf_icon.gif) -10px 0 no-repeat; text-align: left;}
#achievement-awards ul ul li {display: inline; padding: 4px;}
#pink-ribbon-award, #purple-heart-award, #blue-star-award {width: 220px; height: 124px; list-style: none; text-align: center; padding: 10px 16px; float: left;}
#pink-ribbon-award {float: left; border-right: 1px dotted #26629e;}
#blue-star-award {margin: 60px 0 0 142px; width: 183px; display: inline;}
#achievement-awards #blue-star-award ul {width: 183px;}




/*-- =Handouts and Links Sites -------------------------------------- */
#handouts-links-sites #content h3 {font-size: 100%;}
.site-list {
    /*list-style: none;*/
    margin: 10px 0 1em 40px;
    padding: 0;
}

.site-list a {color: #26629e; padding-right: 12px;}

.url-link {font-size: 90%; padding: 0;}

.site-list li {
    /*background: url(../images/bullet_involve_rainbow.gif) 0 2px no-repeat;*/
    padding: 0 0 .7em 4px;
}

#site-list-nav {text-align: center; font-size: 110%; font-weight: bold; margin: 0 auto; padding: 0; width: 400px;}
#site-list-nav a {color: #26629e; white-space: nowrap;}
#site-list-nav li {line-height: 1.6; display: inline; padding: 0 10px; background: url(../images/blue_bullet.gif) left center no-repeat;}




/*-- =Sign in page -------------------------------------------------- */
ul#sign-in-benefits {background: url(../images/sign_in_benefits.gif) -6px 0 no-repeat; text-indent: -5000px; width: 432px; height: 276px; list-style: none; margin: 0 0 1em 0; padding: 0;}
p#registration-button {background: url(../images/sign_in_register_btn.gif) top center no-repeat; text-indent: -5000px; width: 158px; height: 43px; margin: 0 0 0 130px; padding-bottom: 3em;}
#registration-button a {display: block; height: 100%; outline: none;}


/*-- =Accessibility Help page -------------------------------------------------- */
#accessibility-help h3 {font-size: 100%; margin: 0 0 .2em 0;}
#accessibility-help-sections {border-top: 2px solid #26629e; padding: 1.5em 0 0em 0;}
#accessibility-help-sections h2 {margin-top: 0;}




/*-- =Calendar -------------------------------------------------- */

/* Headlines */
#calendar-create #hdl-1 {width: 525px; height: 24px;}
#calendar-create #hdl-1 span {background-image: url(../images/calendar_create_hdl_1.gif);}
#calendar-create #hdl-2 {width: 203px; height: 26px;}
#calendar-create #hdl-2 span {background-image: url(../images/calendar_create_hdl_2.gif);}

/* Structure */
#wrap #calendar-name {width: 300px;}

/* Forms */
#calendar-create-form {width: 750px; padding: 0 0 0 10px; margin-top: 0;}
#calendar-create-form form {width: 340px;}
#calendar-create-form div.question {margin-bottom: 16px;}
/*#wrap #calendar-create-form div.question input {width: auto;}*/
#calendar-create-form div.question .instruction {font-size: 85%; padding-bottom: 6px; display: block;}
#calendar-create-form div.question label {font-weight: bold; padding: 0;}
#calendar-create-form div.question div label {font-weight: normal; display: inline; padding-right: 16px;}

#calendar-create .button {text-align: left; margin-bottom: 36px;}
#calendar-create .button input {width: auto;}


/* Calendar Access Callout */
#calendar-access {width: 386px; float: right; clear: right;}
#calendar-create #calendar-access input {width: auto;}
#calendar-create form p {margin: 0 0 1em 0;}

#inner-content-wrap {margin-right: 402px;}

#calendar-access {
    background: url(../images/calendar_create_access_box_btm.gif) bottom center no-repeat;
    min-height: 309px;
}

#calendar-access p {padding: 0 16px;}
#calendar-access select {width: 270px;}
#calendar-access .button input {padding-right: 12px;}
#calendar-access .button {padding-bottom: 30px; margin: 0;}
#calendar-access h3 {height: 40px; padding: 0; margin: 0;}
#calendar-access h3 span {background: url(../images/calendar_create_access_box_top.gif) top center no-repeat;}
#calendar-access form {width: 100%;}

#calendar-create-callout-wrap {
    background: url(../images/calendar_create_callout_btm.gif) bottom center no-repeat;
    float: right;
    clear: right;
    width: 386px;
}

#calendar-create-callout {background: url(../images/calendar_create_callout_top.gif) top center no-repeat;}

#calendar-create-callout p {
    margin: 0 28px 0 20px;
    padding: 30px 0 30px 30px;
    background: url(../images/calendar_create_callout_arrow.gif) 0 24px no-repeat;
}

/* Customize calendar page */
#calendar-intro {padding: 10px; margin-bottom: 2em;}
#calendar-controls, #calendar-customize #intro {width: 400px;}
#calendar-title h2, #calendar-title p {float: left;}
#calendar-intro form {clear: left;}
#calendar-controls label {display: inline;}
#calendar-controls select {width: 240px;}
#calendar-customize #intro {background: none; margin-top: 2em;}
#premed-callout {
	float: right;
	width: 296px;
	background: url(../images/callout_wide_top.gif) top center no-repeat;
	padding-top: 20px;
}

#premed-callout-inner {
	background: url(../images/callout_wide_btm.gif) bottom center no-repeat;
	padding: 0 16px 16px 16px;
}

#premed-callout p {margin: 0 0 1em 0;}
#premed-callout .support-downloads {margin-bottom: 1em;}
#premed-callout .support-downloads li {
	background-image: url(../images/pdf_icon_trans.gif);
	display: inline;
	padding: 3px 0 3px 36px;
}

#tear-sheets {border-top: 1px solid #00467F; padding-top: 1em;}







/*-- =Indication ---------------------------------------------------- */
#indication {
    width: 750px;
    /*background: url(../images/footer_bg_tile.gif) top left repeat-x;*/
    padding-top: 20px;
    margin: 3em 0;
    clear: both;
}

#indication h3, #indication dt {text-decoration: underline;}
#indication h3, #indication h4, #indication h5, #safety-link-inner h5 {font-size: 110%;}
#indication h5, #safety-link-inner h5 {margin: 0; padding: 0;}
#indication li, #safety-link-inner li {margin: 1em 0; padding: 0;}
#indication div {border: 1px solid black; padding: 20px; margin-bottom: 1em;}
#indication div ul, #safety-link-inner ul {margin: 0 0 0 20px; padding: 0;}
#indication ul ul, #safety-link-inner ul ul {margin: 0 0 0 40px; padding: 0;}
#indication ul ul li, #safety-link-inner ul ul li {list-style: none; background: url(../images/bullet_dash.gif) 0 4px no-repeat; padding-left: 30px;}
#safety-link-inner ul ul {margin-left: 0;}
#safety-link-inner ul ul li {padding-left: 17px;}

#indication dt {
    font-weight: bold;
    background: none;
    margin: 0;
    padding: 0;
}

#indication dd {
    border: none;
    margin: 0;
    padding: 0;
}

#indication-wrap {position: absolute; top: 231px; left: 100px; width: 550px; background: #dfdfdf; border: 1px solid gray; border-width: 0 1px 1px 1px;}
#indication-wrap #indication {background: white; margin: 2%; padding: 2%; width: 92%; height: 300px; overflow: scroll;}
#indication-wrap #close {padding-right: 2%; text-align: right; font-weight: bold; margin: 1em 0;}
#indication-wrap #close img {position: relative; top: 6px; margin-left: 6px;}
#indication h3 {position: static;}




/* -- =Footer ------------------------------------------------------- */
#footer, #footer-branded {
    background: url(../images/footer_bg_tile.gif) 0 10px repeat-x;
    font-size: 85%;
    position: relative;
    clear: both;
    padding: 40px 0;
    text-align: center;
    width: 750px;
}

#footer p, #footer-branded p, #my-resource-center #footer p,
#my-resource-center #footer-branded p {width: 320px; margin: 0 auto;}

#footer-branded #sanofi-logo {padding-top: 96px;}
#sanofi-logo {padding-bottom: 16px;}

#footer-branded #taxotere-logo {
    position: absolute;
    top: 30px;
    left: 20px;
}


#mastflash {position: absolute; top: 0; left: 0;}

/* -- =Oncology 101 -------------------------------------------------*/
#wrap .oncology101 {width: 538px;}
.oncology101 h3 {font-size: 100%; margin: 2em 0 -.5em 0;}
.oncology101 #content-wrap {padding: 0; float: left; width: 360px;}

.oncology101 #content-wrap ul {margin-left: 10px; padding: 0;}
.oncology101 #content-wrap li {
    /*
    	background: url(../images/bullet_involve_rainbow.gif) left top no-repeat;
    	padding-left: 14px;
		margin-bottom: .3em;
		list-style: none;
	*/
	margin-left:1.5em;
	margin-bottom: .5em;
}

#oncology-nav-wrap {
	background: url(../images/oncology_nav_top.gif) top center no-repeat;
	float: left;
	width: 175px;
	padding-top: 7px;
}

#oncology-nav {
	list-style: none;
	margin: 0;
	padding: 0 0 8px 0;
	background: url(../images/oncology_nav_btm.gif) bottom center no-repeat;
}

#oncology-nav li {width: 161px;}																					

#oncology-nav li a {
	border-left: 6px solid black;
	border-bottom: 1px solid white;
	border-right: 1px solid #1e3958;
	padding: 8px 10px;
	width: 134px;
	background: #3d73b1;
	color: white;
	display: block;
	text-decoration: none;
}

#oncology-nav li a:hover {background: #00538e;}

li#onc-1 a {border-left-color: #7e4a8c;}
li#onc-2 a {border-left-color: #bf5fa4;}
li#onc-3 a {border-left-color: #d79b31;}
li#onc-4 a {border-left-color: #77c6a0;}
li#onc-5 a {border-left-color: #650360; border-bottom-color: #a50c6a;}
li#onc-6 a {border-left-color: #0b7674; border-bottom-color: #a50c6a;}

#oncology-nav .subnav {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid white;
	display: none;
}

#wrap #content #oncology-nav .subnav li a {
	border: none;
	padding: 6px 10px 6px 28px;
	margin: 0;
	width: 123px;
	background-color: #00538e;
}

#wrap #content #oncology-nav .subnav a:hover {background-color: #3d73b1;}

/* highlight active page */
#web-101-learning #oncology-nav li#onc-1 a, #web-101-cancer-info #oncology-nav li#onc-2 a,
#web-101-clinical #oncology-nav li#onc-3 a, #web-101-value #oncology-nav li#onc-4 a,
#web-101-glossary #oncology-nav li#onc-5 a, #web-101-quiz #oncology-nav li#onc-4 a,
#web-cancer-types #oncology-nav li#onc-1 a, #web-cancer-quiz #oncology-nav li#onc-2 a {
	background-color: #00adef;
	border-left-color: #00adef;
	border-right-color: #00adef;
}

/* display subnavs */
#web-101-learning #onc-1 .subnav, #web-101-cancer-info #onc-2 .subnav,
#web-101-clinical #onc-3 .subnav, #web-101-glossary #onc-5 .subnav, 
#web-101-value #onc-4 .subnav, #web-cancer-types #onc-1 .subnav {display: block;}

/* highlight subnav section */
#oncology-nav .subnav .active {font-weight: bold; background: url(../images/arrow_bullet.gif) 0 9px no-repeat;}

#tnm-staging {border: 1px solid #00538e;}
#tnm-staging th.main {background-color: #00538e;}
#tnm-staging th {color: white; padding: 4px; background-color: #3d73b1;}
#tnm-staging td {vertical-align: top; padding: 6px 20px 6px 4px;}

#tnm-staging-colon {border: 1px solid #00538e;}
#tnm-staging-colon th.main {background-color: #00538e;}
#tnm-staging-colon th {color: white; padding: 4px; background-color: #3d73b1;}
#tnm-staging-colon td {vertical-align: top; padding: 6px 5px 6px 4px; text-align: center;}

#staging {border: 1px solid #00538e;}

#staging td {
	vertical-align: top;
	padding: 12px 20px 12px 4px;
}

#staging th {
	text-align: left;
	background-color: #00538e;
	color: white;
	padding: 4px;
}

#staging .stripe, #tnm-staging .stripe, #tnm-staging-colon .stripe {background-color: #ebebeb;}

#web-101-treatments #side-effects {font-weight: bold; list-style: none;}

.stage {width: 80px;}


#quiz {
	color: black;
	background: url(../images/quiz_box_top.gif) top left no-repeat;
	padding: 21px 20px 0 20px;
	position: relative;
}

#quiz-wrap {
	background: url(../images/quiz_box_btm.gif) bottom left no-repeat;
	padding-bottom: 4px;
	width: 350px;
}

#quiz p {margin: 1em 0; padding: 0;}
#quiz #quiz-container ul {margin: 0 0 1.5em 0; padding: 0; color: black; list-style: none;}
#quiz #quiz-container li {line-height: 1.4; margin: 0 0 .5em 0; padding: 0; background: none;}
#quiz label {margin-left: 26px;}
#quiz input {float: left; width: auto; height: auto;}
#quiz h3, #quiz h2 {font-size: 12px; color: #00538e; height: auto; margin: 0 0 -1em 0;}
#quiz h3.response {margin-bottom: 1em;}
#quiz .correct h3.response {color: #00538E;}
#quiz .incorrect h3.response {color: #7E4A8C;}
#wrap #quiz #quiz-container .answer {font-weight: bold; color: #00538E; background: url(../images/checkmark.gif) 0 1px no-repeat;}
#wrap #quiz #quiz-container .given-answer {color: #7E4A8C; font-weight: bold; background: url(../images/incorrect.gif) 0 1px no-repeat;}
#wrap #quiz .correct li, #wrap #quiz .incorrect li {padding-left: 26px; background: url(../images/checkbox.gif) 0 1px no-repeat;}
#quiz a.next-q {background: url(../images/quiz_next.gif) center no-repeat; display: block; text-indent: -5000px; width: 126px; height: 26px; outline: none;}
#quiz .error {color: #7E4A8C; font-weight: bold;}
#quiz #submit {float: none; outline: none;}
#quiz .no-explanation, #quiz .final-score {margin-bottom: 1em;}

#quiz-callout {text-align: center;}


/* Quiz popup rules */
#how-cancer-spreads-info, #treatments-info, #treatment-side-effects-info,
#staging-cancer-info, #kaplan-info, #understanding-trials-info,
#compassionate-use-info {
	display: none;
}

#quiz-popup-wrap {
    height: 100%;
    width: 100%;
    background: black;
    opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
	display: none;
}

#quiz-popup {
	position: absolute;
    top: 200px;
    width: 500px;
    background-color: white;
    border: 2px solid #003580;
    padding: 32px 20px 20px 20px;
    color: black;
    z-index: 2;
	display: none;
}

#quiz-popup .close-btn {
    margin: 0;
    background: #ccd9ed;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 532px;
    height: 29px;
}

#quiz-popup .close-btn img {position: absolute; right: 3px; top: 4px;}

#quiz-popup h2 {font-size: 16px; margin: 1em 0 0 0;}

#quiz-popup-buttons {text-align: center; margin-top: 2em;}

#quiz-popup #side-effects {list-style: none;}


/* Some popups are too loooong. The following rules put
   them in a scrollbox */
#quiz-popup #understanding-trials-info,
#quiz-popup #treatments-info {
	height: 300px;
	overflow: auto;
	margin-top: 1.5em;
	border: 1px solid silver;
	padding: 8px;
}

#quiz-popup #understanding-trials-info h2,
#quiz-popup #treatments-info h2 {padding: 0; margin-top: 0;}

#quiz-popup #treatments-info h3 {font-size: 14px;}

#quiz-popup h3, #quiz-popup h2 {position: static;}