﻿
html, body
{
	background-color: #8FBFBD;
}

#register_updates p.button input
{
	width: auto;
}

/* Begin Header Styling */

h1, h2, h1 + p
{
	display: none;
}

h3
{
	display: inline;
	margin: 0;
	padding: 0;
}

#subPageMainContent > H3:first-child > IMG:first-child
{
	position: relative;
	right: 5px;
}

h4
{
	width: 500px;
	border-bottom: 3px solid #92BEBF;
	padding-bottom: 3px;
	margin-bottom: 12px;
	margin-top: 12px;
}

h5
{
	margin-top: 12px;
	font-style: italic;
	margin-bottom: 12px;
}

/* End Header Styling */


/* Begin Font Settings */

#footer, #headerLinks, #infoPanel P, #txtSearchBox,
#myTreatmentDiary P
{
	font-size: 85%;
}

#welcome
{
	font-size: 93%;
}

#myTreatmentDiary table td
{
	font-size: 85%;
}

/* End Font Settings */


#main, #welcome, #myTreatmentDiary, #ConversationStarters
{
	background-repeat: no-repeat;
}

#myTreatmentDiary p, h1 + p + span, #btnSubmit, #txtSearchBox,
#place, #front #deborahs-diary, #register, #registerPanel,
#send, #myTreatmentDiary table, #headerLinks, #ctl00_txtSearchBox,
#ctl00_btnSubmit
{
	position: absolute;
}

#sub #main
{
	background-image: url(../images/body_001_bGround_new2.gif);
	background-color: #B9E0DD;
	margin: 0px auto;
	width: 832px;
	min-height: 707px;
	position: relative;
	padding-left: 28px;
	padding-bottom: 12px;
}
* html #sub #main {
	width: 804px;
	padding-left: 0px;
}
#front #main 
{
	background-image: url(../images/defaultpagebackground1005px.gif);
	background-color: #B9E0DD;
	margin: 0px auto;
	position: relative;
	width: 860px;
	min-height: 1005px;
}

#front #main #maincontentarea div, #myTreatmentDiary p, h1 + p + span, #header input,
#place, #front #deborahs-diary, #register, #registerPanel,
#send, #myTreatmentDiary table
{
	position: absolute;
}

#welcome, #myTreatmentDiary, #infoPanel
{
	top: 400px;
}

#coachTout
{
    background-image:url(../images/my-bcc.jpg);
	top: 600px;
	left: 30px;
	height:143px;
	width:273px;
}
#coachTout-btn
{
    top:98px;
    left:47px;
}

#welcome, #flashBar
{
	left: 31px;
}

#welcome
{
	background-image: url(../images/welcome.gif);
	color: #FFFFFF;
	width: 234px;
	height: 96px;
	padding: 50px 20px 12px 19px;
}
#welcome h3 
{
	display: block;
	text-indent: -9999px;	
}

/* Begin Conversation Starters */

#ConversationStarters{
    left:360px;
    top:650px;
    width: 202px;
    height: 149px;
}

#ConversationStarters-home
{
    background-image: url(../images/calloutH-home.jpg);
    left:345px;
    top:650px;
    width: 232px;
    height: 175px;
}
#calloutH-btn
{
    top:130px;
    left:13px;
}

/* Begin My Treatment Diary */

#myTreatmentDiary
{
	background-image: url(../images/myTreatmentDiary.jpg);
	color: #FFFFFF;
	left: 325px;
	width: 275px;
	height: 225px;
	
}
#myTreatmentDiary h3
{
	display: block;
	text-indent: -9999px;
}
#myTreatmentDiary P
{
	width: 127px;
	left: 14px;
	top: 52px;
}

#myTreatmentDiary img
{
	left: 10px;
	top: 56px;
}

#myTreatmentDiary A:link, #myTreatmentDiary A:visited
{
	color: #acac6d;
}

#myTreatmentDiary table
{
	left: 16px;
	top: 170px;
}

	
#myTreatmentDiary table td + td
{
	padding-left: 9px;
}

#front #deborahs-diary
{
	left: 7px;
	top: 140px;
}

/* End My Treatment Diary */

#place
{
	color: #b0b073;
	font-size: 77%;
	left: 90px;
	top: 117px;
	width: 96px;
}

#registerPanel
{
	background-image: url(../images/registerBg.gif);
	color: #000000;
	left: 11px;
	top: 168px;
	width: 152px;
	height: 128px;
	padding: 54px 10px 9px 15px;
}

#send
{
	right: 0px;
	top: 0px;
}

#register
{
	left: 14px;
	top: 158px;
}

#subPageMain 
{
	background-image: none;
	background-color: #FFFFFF;
	padding-bottom: 14px;
	width: 800px;
	min-height: 470px;
	height: auto;
}

#subPageMainContent td
{
	padding: 5px;
}


#subPageMainContent
{
	width: 530px;
	padding-left: 5px;
	color: #567A78;
}


#subPageMainContentTout
{
	width: 242px;
	margin-right: 10px;
	margin-top: 10px;
	float: right;
	background-color: #d7e8e8;
}


/* Begin Search Components */

h1 + p + span
{
	right: 189px;
	top: 56px;
	color: #567a78;
	font-weight: bolder;
}
	
#header
{
	width: 860px;
	height: 120px;
}
#header input.textBoxStyle
{
	font-size: 90% !important;
	right: 102px;
	top: 52px;
	width: 77px;
	
}

#header img.imagebutton
{
	position: absolute;
	right: 33px;
	top: 54px;
}
#header #logogif
{
	position: absolute;
	top: 25px;
	left: 30px;
}

/* End Search Components */


#flashBar 
{

	top: 137px;

}

#welcome, #myTreatmentDiary, #infoPanel
{
	top: 400px;
}

#welcome, #flashBar
{
	left: 31px;
}

#welcome
{
	background-image: url(../images/welcome.gif);
	color: #FFFFFF;
	width: 234px;
	height: 96px;
	padding: 50px 20px 12px 19px;
}


/* Begin My Treatment Diary */
#flashBar {
	top: 120px;

}
#myTreatmentDiary
{
	background-image: url(../images/myTreatmentDiary.jpg);
	color: #FFFFFF;
	left: 325px;
	width: 275px;
	height: 225px;
}

#myTreatmentDiary p
{
	width: 127px;
	left: 14px;
	top: 52px;
}

#myTreatmentDiary a:link, #myTreatmentDiary a:visited
{
	color: #acac6d;
}

#myTreatmentDiary table
{
	left: 16px;
	top: 170px;
}

table td 
{ 
	border-width: 0px;
	padding: 0px; 
}
	
#myTreatmentDiary table td + td
{
	padding-left: 9px;
}

/* End My Treatment Diary */


#infoPanel
{
	background-color: #d7e8e8;
	right: 31px;
	width: 177px;
	height: 504px;
	padding: 12px 10px 10px;
}

#place
{
	color: #b0b073;
	font-size: 77%;
	left: 90px;
	top: 117px;
	width: 96px;
}

#footer
{
	background-image: url(../images/body_001_bGround_base.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	margin: 0 auto;
	padding-top: 16px;
	width: 860px;
}

#footer p
{
	width: 640px;
	text-align: right;
	padding-left: 207px;
}

#front #footer
{
	background-image: none;
}

#footer a:link, #headerLinks a:link, #footer a:visited, #headerLinks a:visited
{
	color: #567a78;
}

#subPageMainContent a:link, #subPageMainContent a:visited
{
	color: #acac6d;
}
a.glossaryLink
{
	background-color: #d7e8e8;
	color: #567A78 !important;
	text-decoration: none;
}

#headerLinks
{
	left: 604px;
	top: 34px;
}

#registerPanel
{
	background-image: url(../images/registerBg.gif);
	color: #000000;
	left: 11px;
	top: 168px;
	width: 152px;
	height: 128px;
	padding: 54px 10px 9px 15px;
}

#send
{
	right: 0px;
	top: 0px;
}

#register
{
	left: 14px;
	top: 158px;
}


#trailimageid 
{	
	position: absolute;	
	display: none;	
	left: 0px; 
	top: 0px; 
	width: 400px; 
	z-index: 200;
}
#trailimageid div.glossPopUp
{
	border: solid 1px #FFFFFF;
	width: 343px;
	padding: 19px 10px 26px 20px;
	background-color: #8FBFBD;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
}
#trailimageid div.glossPopUp #glossTerm
{
	color: #567A78;
	font-weight: bold;
	padding-bottom: 12px;
}
#trailimageid div.glossPopUp h4
{
	width: 350px;
}

#topNavContainer
{	
	position: absolute;
	top: 80px;
	left: 0px;
	width: 860px;
	height: 34px;
	z-index: 40;
}
#topNavContent
{
	width: 860px;
	height: 22px;
	margin-left: 4px;
	margin-top: 6px;	
	position: relative; 					
}
#topNavContent div.nav
{
	float: left;
	z-index: 120;
}
#topNavContent div.nav div
{
	z-index: 100;
}

/***QUICK QUIZ SIDEBAR*********************************************************/
#rhcBox p, #rhcBox table 
{
	text-align: left;
	margin: 5px 15px;
}
#rhcBox p 
{
	font-size: 85%;
}
#ctl00_ctl00_cntMainArea_ContentPlaceHolder2_callF_radio1 {
	margin: 5px 15px;
}
#ctl00_ctl00_cntMainArea_ContentPlaceHolder2_callF_radio1 tr td {

}
#ctl00_ctl00_cntMainArea_ContentPlaceHolder2_callF_radio1 tr td input {
	float: left;
	width: 20px;
	display: block;
}
#ctl00_ctl00_cntMainArea_ContentPlaceHolder2_callF_radio1 tr td label {
	display: block;
	/* *padding: 3px 0 0 0; /**IE7 HACK DONT REMOVE**/
	width: 150px;
	height: 20px;
	font-size: 85%;
}
/***REGISTER FOR UPDATES PAGE**************************************************/
h3#reg, 
h3#share, 
h3#tell_a_friend,
h3#patients221,
h3#patients222,
h3#patients223,
h3#patients240,
h3#patients241,
h3#patients2412,
h3#patients421,
h3#patients422,
h3#patients423,
h3#patients424,
h3#patients425,
h3#patients229,
h3#patients219deborah,
h3#patients220deborah,
h3#patients220suzie,
h3#patients220joyce,
h3#patients220linda,
h3#patients220nancy,
h3#patients220gail,
h3#patients220vilma,
h3#patients220eileen,
h3#patients220angela,
h3#patients220jan,
h3#patients220lynda,
h3#patients220mike,
h3#patients220gretchen,
h3#terms,
h3#privacy,
h3#hippa,
h3#contactUs,
h3#img100,
h3#search
{
	margin:0 0 0 -5px;
	background: transparent url(../images/010-registration-headerImage.jpg) 0px 5px no-repeat;
	height: 125px;
	width: 545px;
	text-indent: -9999px;
	display: block;
}
#register_updates 
{
	background: #8fbfbd;
	padding: 25px 0 0 0;
	width: 470px;
	margin: 0 0 20px 25px;
	border: 1px solid #8fbfbd;
}
#register_updates p 
{
	padding: 0 0 0 25px;
}
#register_updates label 
{
	color: #fff;
}
#register_updates input 
{
	width: 200px;
	height: 20px;
}
#register_updates input#sub 
{
	width: auto;
}
#register_updates textarea 
{
	width: 400px;
}
p.innerText 
{
	width: 490px;
	padding: 5px 0 0 25px;
}
#validation 
{
	width: 472px;
	margin: 0 0 5px 25px;		
	border-top: 4px solid #8fbfbd;
}
.disclaimer 
{
	font-size: smaller;
}
#rhcBox 
{
	text-align: center;
	margin: 20px 15px;
}
/***SHARE YOUR STORY***********************************************************/
h3#share 
{
	background: transparent url(../images/430-headerImage.jpg) 0px 5px no-repeat;	
}
h3#tell_a_friend {
	background: transparent url(../images/010-headerImage.jpg) 0px 5px no-repeat;
}
h3#img100 {
	background: transparent url(../images/IsChemoRight.jpg) 0px 5px no-repeat;
}
/***PATIENTS PROFILES**********************************************************/
h3#patients221 
{
	background: transparent url(../images/221-headerImage.jpg) 0px 5px no-repeat;
}
h3#patients222 
{
	background: transparent url(../images/222-headerImage.jpg) 0px 5px no-repeat;
}
h3#patients223 
{
	background: transparent url(../images/223-headerImage.jpg) 0px 5px no-repeat;
}

h3#patients240
{
	background: transparent url(../images/510-headerImage.jpg) 0px 5px no-repeat;
}
h3#patients241
{
	background: transparent url(../images/510-headerImageB.jpg) 0px 5px no-repeat;
}
h3#patients2412 
{
	background: transparent url(../images/241-headerImage-previous-answers.jpg) 0px 5px no-repeat;	
}
h3#patients421 
{
	background: transparent url(../images/421-headerImage.jpg) 0px 5px no-repeat;
}
h3#patients422 
{
	background: transparent url(../images/422-headerImage.jpg) 0px 5px no-repeat;
}
h3#patients423 
{
	background: transparent url(../images/423-headerImage.jpg) 0px 5px no-repeat;
}
h3#patients424 
{
	background: transparent url(../images/424-headerImage.jpg) 0px 5px no-repeat;
}
h3#patients425 
{
	background: transparent url(../images/425-headerImage.jpg) 0px 5px no-repeat;
}
h3#patients229
{
	background: transparent url(../images/229-headerImage.jpg) 0px 5px no-repeat;
}
h3#patients219deborah
{
	background: transparent url(../images/219-headerImage-deborah.jpg) 0px 5px no-repeat;
}
h3#patients220deborah
{
	background: transparent url(../images/220-headerImage-deborah.jpg) 0px 5px no-repeat;
}
h3#patients220suzie
{
	background: transparent url(../images/220-headerImage-suzie.jpg) 0px 5px no-repeat;
}
h3#patients220joyce
{
		background: transparent url(../images/220-headerImage-joyce.jpg) 0px 5px no-repeat;
}
h3#patients220linda
{
	background: transparent url(../images/220-headerImage-linda.jpg) 0px 5px no-repeat;
}
h3#patients220nancy
{
	background: transparent url(../images/220-headerImage-nancy.jpg) 0px 5px no-repeat;
}
h3#patients220gail
{
	background: transparent url(../images/220-headerImage-gail.jpg) 0px 5px no-repeat;
}
h3#patients220vilma
{
	background: transparent url(../images/220-headerImage-vilma.jpg) 0px 5px no-repeat;
}
h3#patients220eileen
{
	background: transparent url(../images/220-headerImage-eileen.jpg) 0px 5px no-repeat;
}
h3#patients220angela
{
	background: transparent url(../images/220-headerImage-angela.jpg) 0px 5px no-repeat;
}
h3#patients220jan
{
	background: transparent url(../images/ProfileHdr_Jan.jpg) 0px 5px no-repeat;
}
h3#patients220lynda
{
	background: transparent url(../images/ProfileHdr_Lynda.jpg) 0px 5px no-repeat;
}
h3#patients220mike
{
	background: transparent url(../images/220-headerImage-mike.jpg) 0px 5px no-repeat;
}
h3#patients220gretchen
{
	background: transparent url(../images/220-headerImage-gretchen.jpg) 0px 5px no-repeat;
}
/***REGISTER*******************************************************************/
h3#terms 
{
	background: transparent url(../images/060-headerImage.jpg) 0px 5px no-repeat;
}
h3#privacy {
	background: transparent url(../images/070-headerImage.jpg) 0px 5px no-repeat;
}
h3#hippa {
	background: transparent url(../images/080-headerImage.jpg) 0px 5px no-repeat;
}
h3#contactUs {
	background: transparent url(../images/050-headerImage.jpg) 0px 5px no-repeat;
}
h3#search {
	background: transparent url(../images/030-headerImage.jpg) 0px 5px no-repeat;
}
/***FLOAT CLEARING CLASS*******************************************************/
.clearfix:after 
{
    content: "."; 
	clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix 
{  
	display: inline-block;  
}  
html[xmlns] .clearfix 
{  
	display: block;  
}  
* html .clearfix 
{  
	height: 1%;  
}
/***PAGE LAYOUT ELEMENTS WORKING FAUX COLUMNS**********************************/
#subPageMain 
{
	background: #8FBFBD url(../images/faux-main-background.gif) left top repeat-y;
	padding-bottom: 0;
	border-bottom: 10px solid #fff;
	
}
* html #subPageMain 
{
	margin-left: 28px;
}
#subPageMainContentTout 
{
	border-top: 10px solid #fff;
	width: 242px;
	margin-top: 0;
	margin-right: 8px;
	
}
* html #subPageMainContentTout {
	margin-right: 4px;
}
#subPageMainContent 
{
	float: left;
	width: 530px;	
}
/***CALLOUT ELEMENTS***********************************************************/
#calloutA,
#calloutC,
#calloutD,
#calloutE,
#calloutH 
{
	background: transparent url(../images/calloutA.jpg) 0px 0px no-repeat;
	display: block;
	height: 240px;
	text-indent: -9999px;
}
#calloutC 
{
	background: transparent url(../images/calloutC.jpg) 0px 0px no-repeat;
	height: 160px;
}
#calloutD
{
	background: transparent url(../images/calloutD.jpg) 0px 0px no-repeat;
	height: 115px;
}
#calloutE 
{
	background: transparent url(../images/calloutE.jpg) 0px 0px no-repeat;
	height: 106px;	
	background-position:center;	
}
#calloutH
{
	background: transparent url(../images/calloutH.jpg) 0px 0px no-repeat;
	height: 149px;
}

#calloutI
{
    position: relative;
    width: 177px;
    margin: 0px auto;
}

#calloutI #begin
{
	position: absolute;
	left: 8px;
	top: 108px;  
}

#calloutHelpOtherWomen
{
	margin: 0 auto;
	padding: 75px 5px 5px 9px;
	background: url(../images/callout-helpOtherWomen.gif) no-repeat;
	background-color: #fff;
	width: 163px;	
}

#registerPanel-callout-home
{
	background: transparent url(../images/calloutB-send_to_friend.jpg) 0px 0px no-repeat;
	/* background: transparent url(../images/calloutB-register_for_updates.jpg) 0px 0px no-repeat; */
	height: 191px;
	
}

#registerPanel-callout, #registerPanel-callout-home 
{
	background: transparent url(../images/calloutB-send_to_friend.jpg) -20px 0px no-repeat;
	/* background: transparent url(../images/calloutB-register_for_updates.jpg) -20px 0px no-repeat; */
	width: 180px;
	margin: 0 auto;	
}
a#register_for_updates
{
	margin: 0 5px 0 0;
	float: left;
	height: 35px;
	width: 70px;
	display: block;
	text-indent: -9999px;
	outline: none;
}
a#register_for_update:focus {
	border: none;
}
a#send_to_friend 
{
	float: left;
	height: 35px;
	width: 99px;
	display: block;
	text-indent: -9999px;
	outline: none;
}
#register_area,
#send_area 
{
	text-align: left;
	margin: 0 24px 0px 24px;
	padding: 10px 0 0 0;
	font-size: 80%;
	clear: both;
}
#registerPanel-callout-home #register_area,
#registerPanel-callout-home #send_area 
{
	margin: 0px 24px 0px 10px;
	padding: 10px 0 0 0;
	width: 150px;
	clear: both;
}
#front #main #maincontentarea #registerPanel-callout-home div
{
	position: static;
}

.q, .a 
{
	margin: 10px
}
.gutter, .textContentArea 
{
	padding: 10px 0 20px 25px;
}
#return_to_normal {
	display: none;
}

.refNotes
{
	font-size: 75%;
}


/***********************************
***********************************/
#scrapbook-page1-1
{
    background-image:url(../images/260-page1-1.jpg);
    width:781px;
    height:440px;
}
#scrapbook-page1-2
{
    background-image:url(../images/260-page1-2.jpg);
    width:781px;
    height:465px;
}
#scrapbook-page1-3
{
    background-image:url(../images/260-page1-3.jpg);
    width:781px;
    height:438px;
}

#scrapbook-page2-1
{
    background-image:url(../images/260-page2-1.jpg);
    width:781px;
    height:481px;
}
#scrapbook-page2-2
{
    background-image:url(../images/260-page2-2.jpg);
    width:781px;
    height:376px;
}
#scrapbook-page2-3
{
    background-image:url(../images/260-page2-3.jpg);
    width:781px;
    height:486px;
}

#scrapbook-page3-1
{
    background-image:url(../images/260-page3-1.jpg);
    width:781px;
    height:418px;
}
#scrapbook-page3-2
{
    background-image:url(../images/260-page3-2.jpg);
    width:781px;
    height:457px;
}
#scrapbook-page3-3
{
    background-image:url(../images/260-page3-3.jpg);
    width:781px;
    height:468px;
}

#page-previous
{
    position:relative;
    top:400px;
}
#page-next
{
    position:relative;
    margin-left:634px;
    top:300px;
}
#page-tab
{
    position:relative;
    margin-left:30px;
}
#page-1tab
{
    float:left;
}
#page-2tab
{
    float:left;
}
#page-3tab
{
    float:left;
}