@import url(color.css);
@import url(forms.css);
@import url(nav.css);
@import url(type.css);

/* Use IE6.css, IE7.css, IE8.css for an IE specific code -- */



/* -- HTML TAG DEFINITIONS by Alpha --*/
* {margin: 0; padding: 0; }
a {text-decoration: none;}
a:hover {text-decoration: underline; }
a, a img {border: 0; outline: 0;}

/* -- DIV IDs AND RELATED CLASS DEFINITIONS by Alpha --*/
#adobe {clear: both; width: 750px; margin: 0 10px 0 220px; position: relative; padding: 10px; border: 3px double #F8C3E0; border-right: 0; border-left: 0;}
#adobe p {width: 586px; }

#container {width: 1000px; margin: 0 auto; padding: 0; height: auto; overflow: hidden;}
	body#home #container {background: transparent url(/images/bg-body-gradient2.png) repeat-x 0 0;}
	body#about #container {background: transparent url(/images/bg-body-about.jpg) repeat-x -1px 0;}
	body#earlybreastcancer #container {background: transparent url(/images/bg-body-early-breast-cancer.jpg) repeat-x -1px 0;}
	body#breastandcancer #container {background: transparent url(/images/bg-body-breast-and-cancer.jpg) repeat-x -1px 0;}
	body#advanced #container {background: transparent url(/images/bg-body-advanced.jpg) repeat-x -1px 0;}
	body#yourwellbeing #container {background: transparent url(/images/bg-body-your-well-being.jpg) repeat-x -1px 0;}
	body#breastcancersupport #container {background: transparent url(/images/bg-body-breast-cancer-support.jpg) repeat-x -1px 0;}
	
#container.home object#flashcontent,
#container.home div#flashcontent { position: relative; top: -8px; margin-bottom: 10px;}

#content {float: left; width: 596px; margin-bottom: 20px;}
  #container.home div#content {width: 800px; min-height: 530px; margin: 0;}
#adobe p,
#content h2,
#content h3,
#content h4,
#content p, #box_warning {margin: 0 10px 10px 10px;}
#content p.first {margin-top: 28px;}
#content h2.space-under {margin-bottom: 28px;}
    #container.home div#content h5,
    #container.home div#callouts {margin-left: 35px;}
    
#box_warning { border: solid 1px #000; margin-top: 10px; }
#box_warning p {margin: 10px 15px 10px 10px;}

#content div.bse { padding: 5px 0; }
#content div.bse img { display: block; float: left; }
#content div.bse ul { float: left; width: 370px; margin-left: 0; }
#content div.bse li { margin-top: 0; padding-bottom: 7px; }

#content div#callouts {clear: both; position: relative; top: -45px; }

#content div#callouts div.h-co,
#content div#callouts div.h-co2 {float: left; display: block; width: 240px; margin: 10px 13px 10px 0; min-height: 110px;}
#content div#callouts div.h-co h3 {background: #EDC6D1 url(/images/bg-h-co.gif) repeat-x 0 center; margin: 0; padding: 3px 10px;}
#content div#callouts div.h-co2 h3 {background: #E6DFD7 url(/images/bg-h-co2.gif) repeat-x 0 center; margin: 0; padding: 3px 10px;}
#content div#callouts div.h-co h3 span,
#content div#callouts div.h-co2 h3 span {display: block; clear: left;}
#content div#callouts div.h-co2 img {float: right; margin: -10px 10px 0 0;}
#content div#callouts div.h-co p {margin: 0; padding: 5px 8px 10px; color: #CC0072;}
#content div#callouts div.h-co2 p {margin: 0; padding: 5px 10px 10px;}

body#about div#content object#flashcontent2 {margin: 0 0 1em 3em;}
body#about div#content object#flashcontent {margin: 0 0 1em 7em;}
body#yourwellbeing div#content div#flashcontent,
body#yourwellbeing div#content object#flashcontent {display: block; margin: 0 0 1em 2.5em; }
body#yourwellbeing #MB_content { height: 592px; }
#content div#flashcontent.ATAC {margin-bottom: 1em; text-align: center;}
#content div#flashcontent.MOA {margin-bottom: 1em; text-align: center;}

#content div.ico {display: block; width: 585px; height: auto; margin-bottom: 28px; padding: 2px 0; }
#content div.ico div.icocontainer {margin:1px 0; /* background: transparent url(/images/bg-ico-gradient.png) repeat-x 0 center; */ border: 1px solid #FFF; border-right: 0; border-left: 0;}
#content div.ico div.icocontainer a {color: #087fb1;}
#content div.ico div.icocontainer h2 {margin: 10px 10px 0 20px; font-weight: normal;}
#content div.ico div.icocontainer h3 {margin:15px 10px 0 20px;}
#content div.ico div.icocontainer ul {list-style: none url(/images/bg-arrow-thispage-list.png) outside; margin:0 20px 10px 20px; padding:0 20px;}
#content div.ico div.icocontainer ul li {margin: 5px 0;}

#content div.listcontent {margin-left:40px;}
#content div.listcontent div.sublistcontent {margin-left:40px;}

#content div.imagecaption {display: block; float: right; width: 163px; height: auto; margin-top: -15px;}
#content div.imagecaption img {width: 163px; height: 172px;}
#content div.imagecaption p {margin: 5px 10px;}

#content div#heading {display: block; width: 585px; height:135px; padding-bottom:10px; }
#content div#heading h1 {margin: 0 0 0 254px; padding-top: 26px; padding-right: 20px; }
#content div#heading h1 span {display: block; margin-bottom: 2px;}

#content div.inset {width: 536px; margin: 15px; margin-right: 0px; text-align: center;}

#content div.ruledash {display: block; width: 575px; height:0px; border-top: 1px dashed #EDDECF; margin: 10px 10px 18px;}
#content div.rulesolid {display: block; width: 575px; height:0px; border-top: 1px solid #F8F2EC; border-bottom: 1px solid #F5EBE2; margin: 10px; }

#content div.science, #content div.stages {margin: 0 15px 15px 10px; float: left; text-align: center; font-size: .7em; width: 140px;}
#content div.science a, #content div.stages {color: #000000;}
#content div.science p, #content div.stages p { font-style: italic; font-size: 100%;}
#content div.stages {margin: 0 15px 0 10px; width: 98px;}

#content div.tipico {display: block; clear: both; width: 565px; height: auto; margin:10px 10px; padding:10px 0; background: transparent url(/images/bg-tip-ico.png) repeat-y 0 0; }
#content div.tipico.no-adobe { border-bottom: 1px solid #F8C3E0; }
#content div.tipico ul {list-style: disc url(/images/bg-arrow-tip-ico.gif) outside;}

#content div.top {width: 551px; display: block; margin:10px 20px; padding:10px 0;}
#content div.top div.rulesolid {margin: 10px 0; padding: 0; width: 551px;}

#content h2.no-ico {margin: 0 10px 20px;}
#content img.self-exam {margin: 0 25px 15px 10px; float: left; clear: left;}
#content img#whatiscancer {margin: -10px 0 0 15px;}

#content p.orgs {clear: both; margin-bottom: 18px;}

#content ul {list-style: disc url(/images/bg-arrow-content.png) outside; margin:0 20px 10px 20px; padding:0 20px;}
	body#home div#content div#callouts ul {list-style: disc none outside; margin: 3px 10px 10px 12px; padding: 0 10px 0 12px;}
#content ul.wide {padding-right: 0;}
#content ul li {margin: 5px 0;}
#content ul li ul {list-style: disc url(/images/bg-bullet-pink.png) outside; margin:0 20px; padding:0 20px;}
#content ul.books li {margin: .5em 0 1em;}
#content ul#LL-instr { width: 290px; float: left; padding-right: 0; display: inline; clear: left; }

#content span.required {color:#FF0000;}
#content fieldset {border: 0px; font: normal .8em Arial, Helvetica, sans-serif; padding-left: 10px;}

#content div.leftCol {float:left; width:300px;}
#content div.rightCol {float:right; width:250px;}
#content div.middle {width:596px;}
#content div.indent {padding-left:30px; font: normal 10px Arial, Helvetica, sans-serif;}
#content span.indent {padding-left:15px;}
#content span.indent2 {padding-left:30px;}
#content td.width {width:150px; padding-left:10px;}

#container div#footer {clear: both; display: block; margin-left: 220px; width: 585px;}
	#container.home div#footer {margin-left: 210px; width: 585px;}
#footer h2 {margin-top: 10px;}
#footer p {margin-bottom: 15px; clear: left;}
#footer p#links {line-height: 1.7em;}
#footer p#audience {width: 600px;}
#footer p#audience img {vertical-align: bottom; float: left; margin: 0 5px 5px 0;}

#header {height: 80px; margin: 15px 0 8px 0;}
#header div#brand {clear: both; }
#header div#brand img#arimidex {float: left; margin:0 0 0 44px;}
#header div#brand img#az {float:right; margin:9px 30px 0 0;}

#header ul#gnav {float: right; list-style: none none outside; margin: 0; padding: 10px 0 0 0; width: auto; }
#header ul#gnav li {float: left; padding: 0 10px; border-right: 1px solid #DE1E90;}
#header ul#gnav li.last,
#header ul#gnav li.last2 {border-right: 0; margin-top: 0px; padding-right: 30px;}

#isi {clear: both;  margin-left: 220px; margin-top: 40px; width: 585px;}
  #container.home #isi {clear: both; margin-left: 210px; margin-top: 0;}
#isi h2 {margin-top: 10px;}
#isi p {margin-bottom: 15px;}
#isi ul {list-style: disc none outside; margin: 15px 8px; padding: 0 8px;}


#leftcolumn {float: left; width: 210px; position: relative; top: -2px;}
  #container.home div#leftcolumn {margin-right: -35px; top: 0;}

#main {width: 1000px; height: auto; overflow: auto; background: transparent url(/images/bg-main-lcol.png) repeat-y 0 0; }

#main div.headrule {position: relative; top: 109px; left: 441px; display: block; width: 556px; height:0px; border-top: 2px solid #eedecf; }


#sidebar {float: left; display: block; width: 191px; height: auto; margin: 0; padding: 0;}

#sidebar div.rcol-co {clear: both; margin: 0; padding-top:0px;}
	div.rcol-co:first-child {margin-top: 5px;}
#sidebar div.rcol-co h2 {background: #E6DFD7 url(/images/bg-rcol-h2.gif) repeat-x 0 center; margin: 0; padding: 5px 10px;}
#sidebar div.rcol-co h2 b {/*display: block; clear: left; */}
#sidebar div.rcol-co a img.arrowlink {float: right; clear: both;  margin: -10px 10px 0 0; font-size: .85em;}
#sidebar div.rcol-co p {padding: 5px 5px 5px 10px;}
#sidebar div.rcol-co p a {display: block; clear: left; margin-bottom: 5px;}
#sidebar div.rcol-co p a#co-azprivacy {display: inline; clear: none; margin-bottom: 0;}
#sidebar div#IYC.rcol-co p a {display: inline; clear: none; margin-bottom: 0; }
#sidebar div.rcol-co.informed p a, 
#sidebar div.rcol-co.AZme p a {display: inline;}
#sidebar div.rcol-co.privacy a {margin-bottom: 0;}

#sidebar ul#utiltools {list-style: none none outside; margin: 10px 5px; padding: 0 5px; }
#sidebar ul#utiltools li {float: left; display: block; width: 155px; border-bottom: 1px dotted #AB9073;  padding: 5px 0 5px 20px;}
#sidebar ul#utiltools li a {text-decoration: none; cursor: pointer;}
#sidebar ul#utiltools li a.small,
#sidebar ul#utiltools li a.medium,
#sidebar ul#utiltools li a.large {padding: 0 2px 0 0; }
#sidebar ul#utiltools li a:hover.small,
#sidebar ul#utiltools li a:hover.medium,
#sidebar ul#utiltools li a:hover.large {text-decoration: underline;}
#sidebar ul#utiltools li.last {border: 0; padding-bottom: 17px;}
#sidebar ul#utiltools li img {margin: 0 5px 0 0;}

#skiplinks {display: none; visibility: hidden;}

/*tables*/
#content table.data { margin-left: 10px; border: 0; font-size: 90%;}
#content table.data td { border: solid 1px #dac2ac; border-bottom:0; margin: 0;}
#content table.data td p { margin: 1em 0 0 1em; }
#content table.data tr.firstrow { background-color:#de1c90; text-align: center; color: #ffffff;}
#content table.data tr.firstrow td p { text-align: center; }
#content table.data tr.lastrow td {border-bottom: solid 1px #dac2ac;}
#content table.data tr.even {background-color: #fef2f9;}
#content table.data tr.firstrow td.dcol { width:150px; }
#content table.data tr.firstrow td.dcol p { margin: 1em 1em 0;}
	#mainleft p.theader { color:#ffffff; text-align:center; margin:0; padding:0; margin-top:5px; font-size:11px; }

#content table.data.coping,
#content table.data.factors {margin: 1em auto;}
#content table.data.coping td p { text-align: left; margin: 1em; }
#content table.data.coping tr.firstrow,
#content table.data.factors tr.firstrow {font-weight: bold; }

#content table.data.factors tr.row1 { background-color: #fdf0f7; }
#content table.data.factors tr.row2 { background-color: #fcebf5; }
#content table.data.factors tr.row3 { background-color: #fce0ef; }
#content table.data.factors td p { margin: .8em; }
#content table.data.factors td p span { font-size: 110%; margin: 1em 0; font-weight: bold; display: block; }
#content table.data.factors td p span.andor { font-size: 90%; font-weight:bold; display:inline;}
#content table.data.factors td {font-weight: bold;}
#content table.data.factors td.rtcol { font-weight: normal; text-align: center; line-height: 1.1em;}

	/* Site Exit buttons */
div#content ul.exit.buttons {
	list-style: none;
	margin: 1em auto 0 auto;
	padding-left: 0; 
	text-align: center; }
div#content ul.exit.buttons li {margin-top: 0; display: inline;}
div#content ul.exit.buttons a {
	background-color:#EEEEEE;
	border:1px solid #999999;
	display:inline;
	margin-right:10px;
	padding:2px 4px;
	position:relative;
	text-decoration:none;
	white-space:nowrap;
	font-size: 1.2em;
}
div#content ul.exit.buttons a:hover {background-color: #ffffff; border-color: #000000; }
div#content ul.exit.buttons li input {
	padding: 0.25em;
	border: 1px outset #999999;
	background: #cccccc; }

/* -- LOOSE CLASS DEFINITIONS by Alpha --*/
*.clr {clear: both; float: none;}
*.left {float: left; clear: left; }
*.hide {display: none; visibility: hidden;}
*.show {visibility: visible;}
*.linkimg { float: none; display: inline-block; vertical-align: middle; margin:0 3px; }