/* default.css - Defines css for entire site */ 

/* =core
----------------------------------------------- */
* {margin:0px; padding:0px;}
html {font-size:100%;} /* prevents tiny type in IE when resizing font from browser menu */
#topAnchorDiv {position:absolute; top:-100px; left:0px; width:5px; height:5px; z-index:1008;}
table {font-size:1.0em;} /* fixes bug in IE5.x in windows that prevents the font size from inheriting into tables */
img {border:none;}
.clearFloatLeft {clear:left;}
.clearFloatRight {clear:right;}
.clearFloatBoth {clear:both;}
.clearFloatNull {height:1px; padding:0px; margin:0px; line-height:0px;}
body {font-family:Arial, Helvetica, sans-serif; font-size:.76em; color:#8c8c8c; line-height:1.3em; background-color:#94d3d5; background-image:url("../images/background_base.gif"); background-repeat:repeat-x;}
table {line-height:1.3em;}
p {margin-top:1.3em; margin-bottom:1.3em;}
#nojsDiv {background-color:#be0114; border-right:2px solid #fff; border-bottom:2px solid #fff; border-left:2px solid #fff; padding:5px 20px 7px 10px; color:#fff; font-size:.95em;}


/* =framework
----------------------------------------------- */
#containerDiv {position:relative; width:800px; margin-right:auto; margin-left:auto;}
#columnContainerDiv {position:relative; margin-top:3px; width:800px; background-image:url("../images/background_page.gif"); background-repeat:repeat-y;}
#threshHold01Div {float:left; width:2px; height:450px;}
#leftColumnDiv {float:left; width:138px; background-image:url("../images/navigation_top.gif"); background-repeat:no-repeat; padding-top:2px; padding-bottom:25px;}
#headerDiv {position:absolute; width:660px; height:163px; top:0px; left:140px; z-index:15;}
#centerColumnDiv {float:left; width:471px; margin-top:163px; margin-left:16px; padding:16px 0px 25px 0px;}
#rightColumnDiv {float:right; width:157px; margin-top:163px; padding-bottom:100px; background-image:url("../images/background_rightcolumn.gif"); background-repeat:no-repeat; background-position:0px 0px;}


/* =globalTopNavDiv
----------------------------------------------- */
#globalTopNavDiv {background-color:#73c5c7; border-right:2px solid #fff; border-bottom:2px solid #fff; background-image:url("../images/background_textsize1.gif"); background-repeat:no-repeat; padding-left:2px;}
#textControlsDiv {float:left; width:66px; text-align:left; }
#textControlsDiv a:link, #textControlsDiv a:visited, #textControlsDiv a:active {text-decoration:none; color:#fff; display:block; width:21px; font-weight:bold; float:left; text-align:center; padding-top:4px; margin-right:1px;}
a.ftSize1 {font-size:8pt; margin-top:1px;}
a.ftSize2 {font-size:10pt;}
a.ftSize3 {font-size:12pt;}
#globalLinksDiv {float:right; width:675px; text-align:right; padding:3px 0px; padding-right:20px; color:#fff; font-size:.92em;}
#globalLinksDiv a:link, #globalLinksDiv a:visited, #globalLinksDiv a:active {text-decoration:none; color:#fff;}
#globalLinksDiv a:hover {text-decoration:underline;}
#globalLinksDiv span {padding:0px 4px;}


/* =leftNavigationDiv
----------------------------------------------- */
#leftNavigationDiv {margin-bottom:12px;}
#leftNavigationDiv ul {margin:0em; padding:0em; list-style-type:none;}
#leftNavigationDiv ul li {display:inline;}

a:link.navHd, a:visited.navHd, a:active.navHd {padding:4px 12px 7px 10px; font-family:Arial, Helvetica, sans-serif; font-size:9pt !important; display:block; font-weight:bold; line-height:normal; text-decoration:none; color:#5a2d87; background-color:#e0feff; background-image:url("../images/leftnav/navhdOff.gif"); background-repeat:no-repeat; background-position:bottom;}
a:hover.navHd {padding:4px 12px 7px 10px; font-family:Arial, Helvetica, sans-serif; font-size:9pt !important; display:block; font-weight:bold; line-height:normal; text-decoration:none; color:#fff; background-color:#5a2d87; background-image:url("../images/leftnav/navhdOver.gif"); background-repeat:no-repeat; background-position:bottom;} 
a:link.navHdSelected, a:visited.navHdSelected, a:active.navHdSelected, a:hover.navHdSelected {padding:4px 12px 7px 10px; font-family:Arial, Helvetica, sans-serif; font-size:9pt !important; display:block; font-weight:bold; line-height:normal; text-decoration:none; color:#fff; background-color:#73c5c7; background-image:url("../images/leftnav/navhdOn.gif"); background-repeat:no-repeat; background-position:bottom;}

a:link.subMenuLvl1, a:visited.subMenuLvl1, a:active.subMenuLvl1 {padding:4px 12px 7px 15px; font-family:Arial, Helvetica, sans-serif; font-size:9pt !important; display:block; font-weight:bold; line-height:normal; text-decoration:none; color:#289b9d; background-color:#bcf7f8; background-image:url("../images/leftnav/subMenuLvl1Off.gif"); background-repeat:no-repeat; background-position:bottom;}
a:hover.subMenuLvl1 {padding:4px 12px 7px 15px; font-family:Arial, Helvetica, sans-serif; font-size:9pt !important; display:block; font-weight:bold; line-height:normal; text-decoration:none; color:#fff; background-color:#218c90; background-image:url("../images/leftnav/subMenuLvl1Over.gif"); background-repeat:no-repeat; background-position:bottom;} 
a:link.subMenuLvl1Selected, a:visited.subMenuLvl1Selected, a:active.subMenuLvl1Selected, a:hover.subMenuLvl1Selected {padding:4px 12px 7px 15px; font-family:Arial, Helvetica, sans-serif; font-size:9pt !important; display:block; font-weight:bold; line-height:normal; text-decoration:none; color:#fff; background-color:#218c90; background-image:url("../images/leftnav/subMenuLvl1On.gif"); background-repeat:no-repeat; background-position:bottom;}

/*#subMenu_LearnAboutCML, #subMenu_UnderstandingResistance, #subMenu_LearnAboutSideEffects, #subMenu_CMLTreatmentGoals, #subMenu_CMLTests, #subMenu_CopingwithCML {display:none;}*/


/* =forms
----------------------------------------------- */
form {margin:0px;}
fieldset {padding:.5em;}
form select {margin-top:1px;}
form.formMarg01 {margin-top:.6em; margin-bottom:1.4em;}
label.hStack {display:block; float:left; width:130px; font-weight:bold; padding-right:3px; padding-top:3px;}
label.hStack2 {display:block; float:left; width:165px; font-weight:bold; padding-right:3px; padding-top:3px;}
label.hStack3 {display:block; float:left; width:225px; font-weight:bold; padding-right:3px; padding-top:3px;}
label.vStack {display:block; padding:0em 0em .2em 0em;}
label.plainTxt {font-weight:normal;}
.formFieldMarg01 {margin-top:.6em; margin-bottom:1.4em; clear:both;}
.formFieldMarg02 {margin-top:.6em; margin-bottom:.6em; clear:both;}
.formFieldMarg03 {margin-top:.8em; margin-bottom:.6em; clear:both;}
.formButton input {margin-right:4px;}
.formButton {margin-top:1.3em; margin-bottom:.6em;}
.formRadioStack {margin-bottom:.4em;}
.formChkbxStack {margin-bottom:.4em;}
form .width01 {width:135px;}
form .width02 {width:45px;}
form .width03 {width:30px;}
form div.floatFieldLeft {float:left; width:100px;}
form div.floatFieldLeft1 {float:left; width:50px;}
form div.floatFieldLeft2 {float:left; width:210px;}
form span.asterisk {font-weight:normal;}
form input.radioButton {margin-right:4px; vertical-align:middle;}
form input.radioBtnMargLeft {margin-left:10px;}

form input.chkbox {margin-right:4px; vertical-align:middle;}

form .fieldWrapper01 {float:left; width:100px;}
form .fieldWrapper02 {float:left; width:200px;}

.formListInput {float:left; width:22px; margin-bottom:.3em;}
.formListText {float:left; width:380px; margin-bottom:.3em;}

form div.checkbox01 {float:left; width:20px; text-align:left;}
form div.checkDescript {display:block; float:left; width:440px; padding-left:4px; padding-bottom:5px;}


/* =leftColumn callouts
----------------------------------------------- */
img.crossSiteBtn {margin-left:3px;}
div.lcLine {margin:12px 0px;}
div.lcLine1 {height:1px; overflow:hidden; background-color:#c6f1f2;}
div.lcLine2 {height:1px; overflow:hidden; background-color:#eefeff;}


/* =rightContent
----------------------------------------------- */
#rightColumnDiv h3.title {color:#5ec7c9; font-weight:bold; font-size:1.6em; padding:4px 10px 12px 7px;}
#rightColumnDiv h3.subTitle {color:#4c2b82; font-weight:bold; font-size:1em; line-height:1.4em; margin-bottom:.4em;}
#rightColumnDiv div.contentPadDiv {padding:0px 10px; line-height:1.1em;}
#rightColumnDiv div.line {height:1px; overflow:hidden; background-color:#c5f1f0; margin:0px 2px 12px 1px;}
#rightColumnDiv div.line2 {height:1px; overflow:hidden; background-color:#c5f1f0; margin:12px 2px 12px 1px;}


/* =footer
----------------------------------------------- */
#footerDiv {padding-top:17px; margin-bottom:20px; background-image:url("../images/pagebase.gif"); background-repeat:no-repeat; text-align:center; font-size:.92em; color:#1f8385;}
#footerDiv a:link, #footerDiv a:visited, #footerDiv a:active {text-decoration:none; color:#1f8385;}
#footerDiv a:hover {text-decoration:underline;}
#footerDiv span {padding:0px 4px; color:#1f8385;}
#footerDiv div.line {background-color:#53b2b4; height:2px; overflow:hidden; margin:8px 0px;}
#footerDiv img.logo {margin:4px 0px 12px 0px;}


/* =glossary
----------------------------------------------- */
#glossaryIndex {margin-top:1.3em;}
#glossaryTermsDiv div.line {margin:2px 0px 4px 0px; width:100%; border-bottom:1px dotted #4c2b82; height:1px; overflow:hidden;}
#glossaryTermsDiv span.subhd {margin:0px 0px 0px 0px; font-weight:bold; line-height:normal; color:#4c2b82;}
#glossaryTermsDiv div.glossaryLetter {margin:6px 0px 0px 0px; color:#4c2b82; font-weight:bold; font-size:1.2em; line-height:normal;}
#glossaryIndex {margin-bottom:12px;}
#glossaryIndex {padding:3px 5px 4px 5px; background-color:#f2fefe; color:#4c2b82; font-size:1.1em; font-weight:bold; line-height:1.4em;}
#glossaryIndex span {padding:0px 1px; color:#4c2b82;}
#glossaryIndex a:link {color:#4c2b82; text-decoration:underline; font-weight:bold; line-height:normal;}
#glossaryIndex a:visited {color:#4c2b82; text-decoration:underline; font-weight:bold; line-height:normal;}
#glossaryIndex a:active {color:#4c2b82; text-decoration:underline; font-weight:bold; line-height:normal;}
#glossaryIndex a:hover {color:#4c2b82; text-decoration:underline; font-weight:bold; line-height:normal;}


/* =callouts
----------------------------------------------- */
div.callout01Div {width:230px; margin:0em 0em 1.3em 0em; padding:0px 0px 0px 0px;}
div.callout01MargTop {margin-top:1.3em;}
div.callout01Div .bgbox {width:224px; background-color:#fefefe; background-image:url("../images/boxes/bkgd01.gif"); background-repeat:repeat-x; background-position:bottom;}
div.callout01Div .leftBorder {background: url("../images/boxes/ll01.gif") repeat-y;}
div.callout01Div .rightBorder {background: url("../images/boxes/rl01.gif") repeat-y right;}
div.callout01Div .cbbot {background: url("../images/boxes/blc01.gif") no-repeat top left;}
div.callout01Div .cbbot div div {margin:0px 11px 0px 11px; background: url("../images/boxes/bl01.gif") repeat-x;}
div.callout01Div .cbbot div {background: url("../images/boxes/brc01.gif") no-repeat top right;}
div.callout01Div .cbbot, div.callout01Div .cbbot div, div.callout01Div .cbbot div div {height:11px; font-size:1px;}
div.callout01Div .content {margin:0px; padding:5px 11px 0px 11px;}
div.callout01Div .padFix {margin:0px; padding:0px; height:1px; overflow:hidden;}
div.callout01Div .mhThres {float:left; height:36px; width:1px;}
ul.list03 {float:left; width:198px; margin:0em; padding:0em; list-style-type:none;}
ul.list03 li {margin:0em 0em .3em 0em; padding:0em; background-image:url("../images/bullet04.gif"); background-repeat:no-repeat; background-position:.1em .4em; padding-left:1.2em; font-weight:bold; color:#7e7592;}
div.callout01Div a:link, div.callout01Div a:visited, div.callout01Div a:active {color:#7e7592; text-decoration:none;}
div.callout01Div a:hover {text-decoration:underline;}

div.callout02Div {border:1px solid #f1ecff; padding:7px 10px; margin:1.3em 0em;}
.homePage div.callout01Div .mhThres {height:53px;}


/* =typography
----------------------------------------------- */
.subhd01 {font-size:1.8em; line-height:normal; font-weight:bold; color:#5ec7c9;}
.subhd02 {font-size:1.1em; line-height:normal; font-weight:bold; color:#4c2b82; margin-bottom:.4em;}
sup.ref {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.70em; line-height:normal;}
sup.reg {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.70em; line-height:normal;}
sup {font-size:small; vertical-align:baseline; position:relative; bottom:-0.1em;}
*html sup {font-size:small; vertical-align:top; position:relative; bottom:0.9px;}
.footnote {font-size:.80em; line-height:normal;}
.pdfSize {font-size:.74em; color:#666666; white-space:nowrap;}
.regjc {font-size:.92em; line-height:2.0em; color:#1f8385;font-family:Verdana, Arial, Helvetica, sans-serif;}

/* =lists
----------------------------------------------- */
ul.list01 {margin:1.3em 0em 1.3em 0em; padding:0em 0em 0em 0em; list-style-type:none;}
ul.list01 li {margin:0em 0em .3em 0em; padding:0em 0em 0em 0em; background-image:url("../images/bullet01.gif"); background-repeat:no-repeat; background-position:.1em .5em; padding-left:1em;}
ul.list01 li.level2 {margin:0em 0em .3em .9em; padding:0em 0em 0em 0em; background-image:url("../images/bullet02.gif"); background-repeat:no-repeat; background-position:.2em .7em; padding-left:.9em;}
ul.list02 {margin:0em 0em 1.3em 0em; padding:0em 0em 0em 0em; list-style-type:none; font-size:.92em;}
ul.list02 li {margin:0em 0em .3em 0em; padding:0em 0em 0em 0em; background-image:url("../images/bullet03.gif"); background-repeat:no-repeat; background-position:.1em .3em; padding-left:1.3em;}

ul.siteMap {margin:1.2em 0em 1.2em 0em; padding:0em 0em 0em 0em; list-style-type:none; font-family:Verdana, Arial, Helvetica, sans-serif; width:230px;}
ul.siteMap li.title {margin:0em 0em .4em 0em; padding:0em 0em 0em 0em; font-size:1.1em; font-weight:bold;}
ul.siteMap li.chapter {margin:0em 0em .4em 0em; padding:0em 0em 0em 0em; font-size:.92em; font-weight:bold;}
ul.siteMap li.page {margin:0em 0em .4em .8em; padding:0em 0em 0em 0em; line-height:1.3em; font-size:.92em; font-weight:normal;}
ul.siteMap li.content {margin:0em 0em .3em 2.2em; padding:0em 0em 0em 0em; font-size:.86em; line-height:1.3em; font-weight:normal;}
ul.siteMap li.subcontent {margin:0em 0em .3em 3em; padding:0em 0em 0em 0em; font-style:italic; font-size:.86em; line-height:1.3em; font-weight:normal;}
ul.siteMap li.title a, ul.siteMap li.chapter a, ul.siteMap li.page a, ul.siteMap li.content a, ul.siteMap li.subcontent a {text-decoration:none;}
ul.siteMap li.title a:hover, ul.siteMap li.chapter a:hover, ul.siteMap li.page a:hover, ul.siteMap li.content a:hover, ul.siteMap li.subcontent a:hover {text-decoration:underline;}

ul.list01 li.levelCkBx {margin:0em 0em .5em .9em; padding:0em 0em .2em 0em; background-image:url("../images/patients/cml-tests/bullet01.jpg"); background-repeat:no-repeat; background-position:0em .2em; padding-left:2.2em;}

ul.noMargTop {margin:0em 0em 1.3em 0em;}
ul.noMargBot {margin:1.3em 0em 0em 0em;}
ul.noMarg {margin:0em 0em 0em 0em;}


/* =links -- link, visited, hover and then active [must remain in this order]
----------------------------------------------- */
a:link {color:#4c2b82; text-decoration:underline;}
a:visited {color:#4c2b82; text-decoration:underline;}
/*a:hover {}*/
a:active {color:#4c2b82; text-decoration:underline;}

a:link.lk2 {color:#8775ae; text-decoration:none;}
a:visited.lk2 {color:#8775ae; text-decoration:none;}
a:hover.lk2 {color:#8775ae; text-decoration:underline;}
a:active.lk2 {color:#8775ae; text-decoration:none;}

a:link.plainAnchor01 {color:#4c2b82; text-decoration:none;}
a:visited.plainAnchor01 {color:#4c2b82; text-decoration:none;}
a:hover.plainAnchor01 {color:#4c2b82; text-decoration:none;}
a:active.plainAnchor01 {color:#4c2b82; text-decoration:none;}


/* =page controls
----------------------------------------------- */
p.pageControls {font-size:.86em;}
p.pageControls a:link, p.pageControls a:visited, p.pageControls a:active {color:#4c2b82; text-decoration:none;}
p.pageControls a:hover {text-decoration:underline;}
p.pageControls span {font-size:.82em; color:#4c2b82;}


/* =getFlash
----------------------------------------------- */
p.getFlash {font-weight:bold; color:#CC0000;}


/* =philadelphia chromosomes calcutalor
----------------------------------------------- */
div.leftCal {float:left; width:270px; margin-top:2px;}
div.rightCal {float:left; width:175px;}
div.rightCal img {vertical-align:middle; margin:0px 6px;}


/* =thumbnail
----------------------------------------------- */
div.thumbnailWrapper {margin-bottom:2.2em;}
div.thumbnail {float:left; width:75px; margin-top:3px;}
div.thumbnailDescript {float:left; width:390px;}
div.thumbnailDescript span {font-size:1em; color:#8c8c8c; font-weight:bold;}


/* =support
----------------------------------------------- */
#supportDiv {margin-bottom:1.3em;}
#supportDiv div.icon {float:left; width:41px; margin-bottom:.6em;}
#supportDiv div.keyTxt {float:left; width:425px; padding-top:4px; margin-bottom:.6em;}
#supportDiv div.bkgdWrapper {background-image:url("../images/patients/living-with-cml/background_columns.gif"); background-repeat:repeat-y; width:471px; margin-bottom:8px;}
#supportDiv div.icons {float:left; width:118px; margin:8px 0px;}
#supportDiv div.icon1 {float:left; width:31px; margin:0px 7px 0px 6px;}
#supportDiv div.icon2 {float:left; width:31px;}
#supportDiv div.icon3 {float:right; width:31px; margin-right:6px;}
#supportDiv div.info {float:left; width:315px; margin-left:22px; padding:5px 0px; color:#333; line-height:1.5em;}
#supportDiv div.info b {font-size:1em; font-weight:bold;}
#supportDiv div.info a.infoLink {}


/* =tables
----------------------------------------------- */
.wFixed01 {width:471px;}
.wFixed02 {width:350px;}
.wPercent01 {width:33%;}
.borderF01 {border:1px solid #73c5c7;}
table tr.color01 {background-color:#73c5c7; color:#8c8c8c; font-weight:normal;}
table tr.color02 {background-color:#e7f4f5; color:#8c8c8c; font-weight:normal;}
table tr.color03 {background-color:#fff; color:#8c8c8c; font-weight:normal;}
table tr.chartResults {background-color:#218c90; color:#fff; font-weight:bold;}

table td.cellTitle {background-color:#e7f4f5; text-align:center; padding:8px; font-weight:bold; color:#4c2b82; font-size:1.1em; line-height:1.4em;}
table td.cellTitle span {font-weight:normal;}
table td.cellhd1FC {padding:6px; font-weight:bold; color:#fff; border-right:1px solid #cccccc; border-bottom:1px solid #8ec5cb; text-align:center; line-height:normal; font-size:.92em;}
table td.cellhd1MC {padding:6px; font-weight:bold; color:#fff; border-right:1px solid #cccccc; border-bottom:1px solid #8ec5cb; text-align:center; line-height:normal; font-size:.92em;}
table td.cellhd1LC {padding:6px; font-weight:bold; color:#fff; border-bottom:1px solid #73c5c7; text-align:center; line-height:normal; font-size:.92em;}

table td.celldata1FC {padding:6px; border-right:1px solid #cccccc; border-bottom:1px solid #73c5c7; line-height:normal; font-size:.92em;}
table td.celldata1MC {padding:6px; border-right:1px solid #cccccc; border-bottom:1px solid #73c5c7; line-height:normal; font-size:.92em;}
table td.celldata1LC {padding:6px; border-bottom:1px solid #73c5c7; line-height:normal; font-size:.92em;}

table td.noborderR {border-right:none;}
table td.noborderB {border-bottom:none;}
table td.noborderRb {border-right:none; border-bottom:none;}
table td.txtAlignLeft {text-align:left;}
table td.txtAlignCenter {text-align:center;}

table td.bracketCell {background-color:#fff; font-size:.92em; color:#8c8c8c; font-weight:normal; background-image:url("../images/patients/cml-tests/graphic_bracket.gif"); background-repeat:no-repeat; background-position:10px 50%; padding-left:35px;}
table td.blankCell {background-color:#fff;}


/* =triangle Chart
----------------------------------------------- */
/*div.triangleChartDiv {width:471px;}*/
DIV.triangleChartDiv {
	BACKGROUND-POSITION: 125px 0px; BACKGROUND-IMAGE: url(/images/patients/cml-tests/graphic_triangle.jpg); WIDTH: 471px; BACKGROUND-REPEAT: no-repeat
}
/*div.triangleContentWrapper {position:relative; margin-top:-255px; *margin-bottom:22px; +margin-bottom:22px; margin-bottom:50px; width:471px; z-index:333; text-align:center;}
div.triangleContent {padding:25px 25px 0px 80px; font-size:1.5em; font-weight:bold; color:#8670b3; line-height:21.9pt;}
div.triangleContent p {margin-top:2em; margin-bottom:2em;}*/
IMG.chartText {
	FLOAT: left; MARGIN-LEFT: 25px
}

.triangleContent {padding:35px 25px 0 80px; FONT-WEIGHT: bold; FONT-SIZE: 1.5em; COLOR: #8670b3; TEXT-ALIGN: center }
.triangleContent p {MARGIN-TOP: 0em; MARGIN-BOTTOM: 2em; LINE-HEIGHT: 1.2em; }


/* =what is cml
----------------------------------------------- */
#dbc {display:none;}
p.controls2 {text-align:center; font-size:.92em;}


/* =miscellaneous
----------------------------------------------- */
.noMargTop {margin-top:0px;}
.noMargBottom {margin-bottom:0px;}
.noMargTB {margin-top:0px; margin-bottom:0px;}
.margTop01 {margin-top:1.3em;}
.margBottom01 {margin-bottom:.4em;}
.floatLeft {float:left;}
.floatRight {float:right;}
.color01 {color:#5ec7c9;}
.color02 {color:#4c2b82;}
.cursor01 {cursor:pointer;}

/* =typography
----------------------------------------------- */
p.disclaimer {margin-top:0px; color:#8c8c8c; font-size:1.1em;}
