body { margin: 0; padding: 0; font-family: "Arial", "Helvetica", sans-serif; font-size: 90%; line-height: 1.5; color: #000; background-color: #fff; }
body.smaller { font-size: 62.5%; }
body.small { font-size: 75%; }
body.medium  { font-size: 90%; }
body.large { font-size: 100%; }
body.larger { font-size: 120%; }

h1, h2, h3, h4 { color: #1d0096; background-color: transparent; }

h1 { font-weight: bold; font-size: 1.5em; margin: 0.5em 0 0.5em 0; border-bottom: 2px solid #d2d9ea; font-weight: normal; }
h1 img { float: right; padding-left: 5px; background-color: white; }

h2 { margin: 0.75em 0 0 0; padding: 0; font-weight: bold; font-size: 1.25em; font-weight: bold; }

h3 { margin: 0.9em 0 0 0; padding: 0; font-weight: bold; font-size: 1.1em; font-weight: bold; }
h3{font-size: 1.20em;}
h3.releasedate { margin-top: 0; }

h4 { margin: 1.0em 0 0 0; padding: 0; font-weight: bold; font-size: 1.0em; }

p { margin: 0 0 1.0em 0; padding: 0; }
p.highlight { background-color: #e5e7f4; padding: 0.5em; margin: 0 0 1.0em 0; border-radius: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

blockquote { padding: 0; margin: 1.0em 0; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

ul { list-style: none; padding: 0; margin: 1.0em 0; }
ul.left { float: left; text-align: left; }
ul.right { float: right; text-align: left; }

ol li { display: list-item; }


dl { padding: 0; margin: 1.0em 0; }
dt { font-weight: bold; color: #1d0096; padding-top: 0.5em; margin: 0; }
dd { margin: 0; padding: 0; }

a:link { color: #1d0096; background-color: transparent; text-decoration: underline; }
a:visited { color: #666; background-color: transparent; text-decoration: none;}
a:focus { color: #1d0096; background-color: transparent; text-decoration: underline; }
a:hover { color: #ec008c; background-color: transparent; text-decoration: underline; }
a:active { color: #1d0096; background-color: transparent; text-decoration: underline; }
a img { border: none; }

ins { text-decoration: none; color: red; }

del { text-decoration: line-through; color: red; }

table { border-collapse: collapse; border-spacing: 0; border: 1px solid black; margin: 1.0em auto; }
table caption { text-align: center; font-weight: bold; }
table th { border: 1px solid black; font-weight: bold; text-align: left; color: black; background-color: white; padding: 1px 5px; }
table td { border: 1px solid black; font-weight: normal; text-align: left; color: black; background-color: white; padding: 1px 5px; }
table td.number { text-align: right; }

table.grants-results { border: none; }
table.grants-results th { border: none; border-bottom: 1px solid #e8ecf4; }
table.grants-results td { border: none; }
table.grants-results tbody.odd td  { background-color: #fff; }
table.grants-results tbody.even td { background-color: #e8ecf4; }

fieldset { border: none; margin: 0; padding: 0; }

input[type=text], textarea, select { border: 1px solid #c6d0e5; font-size: 0.9em !important; }

big { font-size: 2em; }

hr { clear: both; width: 100%; visibility: hidden; }

img { border: none; }
img.left { float: left; padding: 0 5px 5px 0; }
img.right { float: right; padding: 0 0 5px 5px; }
img.centre { padding: 5px 0; float: none; display: block; margin: 0 auto; }

.figure { text-align: center; }
.figure img {}
.caption { display: block; margin: 0.5em 0; padding: 0; text-align: center; font-size: 0.85em; font-weight: bold; }

.flashleft { padding-top: 5px; }
.flashleft embed, .flashleft object { float: left; padding-right: 5px; }

.flashright { padding-top: 5px; }
.flashright embed, .flashright object { float: right; padding-left: 5px; }

.magenta { color: #ec008c; background-color: transparent; font-style: normal; background-image: none; }

.magenta-highlight { color: #ec008c; background-color: transparent; font-style: normal; background-image: none; }
.ismandatory-highlight { color: #ec008c; background-color: transparent; font-style: bold; background-image: none; }

.left  { float: left; text-align: left; }
.right { float: right; text-align: right; }

.align-left  { width: 50%; float: left; text-align: left; }
.align-right { width: 50%; float: right; text-align: right; }

.font-size-override { font-size: 13px; line-height: 1.5; }

.citation { font-size: 0.85em !important; }

.openquote { color: #1d0096; background: transparent; font: bold 2.5em/0 serif; position: relative; top: 0.25em; padding-right: 3px; }

.closequote { color: #1d0096; background: transparent; font: bold 2.5em/0 serif; position: relative; top: 0.25em; padding-left: 3px; }

.bkmark { position: relative; left: -1000px; }

.hidden { display: none !important; }

.error, .errormsg { color: #ec008c !important; font-weight: bold !important; }

.researcher-image { float: right; padding-left: 10px; }

sub, .sub { font-size: 0.75em; vertical-align: sub; }

sup,
.super,
.super1,
.textsmall,
.reflink { font-size: 0.75em; vertical-align: super; }

a.super sup,
a.super .super,
a.super .super1,
a.super .textsmall,
a.super .reflink  { font-size: 1.0em; vertical-align: baseline; }

a.super1 sup,
a.super1 .super,
a.super1 .super1,
a.super1 .textsmall,
a.super1 .reflink  { font-size: 1.0em; vertical-align: baseline; }

a.textsmall sup,
a.textsmall .super,
a.textsmall .super1,
a.textsmall .textsmall,
a.textsmall .reflink  { font-size: 1.0em; vertical-align: baseline; }

a.reflink sup,
a.reflink .super,
a.reflink .super1,
a.reflink .textsmall,
a.reflink .reflink  { font-size: 1.0em; vertical-align: baseline; }

.mshomepage #content h1 { border-bottom: none !important; margin: 0; }
.mshomepage #content h1 img { float: none; }
.mshomepage #content .campaign-digital-file img { width: 100%; }
.mshomepage #sidebar .featuredheading { border-top: 1px solid #ccc; padding-top: 5px; overflow: hidden; clear: both; }
.mshomepage #sidebar .featuredheading:first-child { border-top: none; }
.mshomepage #sidebar .featuredheading h3 { margin-top: 0; }
.mshomepage #sidebar .featuredheading .digital-file-left img { float: left; margin: 0 5px 5px 0; }
.mshomepage #sidebar .featuredheading .digital-file-right img { float: right; margin: 0 0 5px 5px; }

#page { max-width: 990px; min-width: 770px; margin: 0 auto; }

#header, #main, #footer { clear: both; }

#main, #top-main { clear: both; padding-left: 170px; padding-right: 180px; }

#navbar, #content, #sidebar, #top-navbar, #top-content, #top-sidebar { float: left; }

#content, #top-content { width: 100%; }

#navbar, #top-navbar { width: 150px; margin-right: 20px; margin-left: -170px; }

#sidebar, #top-sidebar { width: 160px; margin-right: -180px; margin-left: 20px; }

#footer { padding-top: 1.0em; }

.homepage #main, .homepage #top-main { padding-left: 0; padding-right: 190px; }
.homepage #sidebar, .homepage #top-sidebar { width: 180px; margin-right: -190px; margin-left: 10px; }
.homepage #navbar, .homepage #top-navbar { display: none; }
.homepage #breadcrumb-nav { display: none; }

.mshomepage #main { padding-left: 0; padding-right: 310px; }
.mshomepage #navbar { display: none; }
.mshomepage #content { padding-top: 17px; }
.mshomepage #content .article { margin-right: 260px; }
.mshomepage #content .article .panel { float: left; }
.mshomepage #content .campaign-digital-files { float: right; width: 250px; }
.mshomepage #sidebar { width: 300px; margin-right: -310px; margin-left: 10px; }

.wide #main { padding-left: 0; }

.wide #navbar { display: none; }

#skipnav { position: absolute; top: 0; left: -1000px; overflow: hidden; }

#accesskeys { position: absolute; top: 0; left: -1000px; overflow: hidden; }

#header { color: #fff; font-size: .85em; }
#header #cruk-logo { float: left; width: 200px; height: 60px; }
#header #cruk-nav { margin-left: 200px; color: #1d0096; background-color: #e5e7f4; }
#header #cruk-nav ul { list-style: none; width: 100%; height: 60px; padding: 0; margin: 0; }
#header #cruk-nav li { background-image: none; float: left; width: 14%; height: 35px; padding: 15px 1% 0; border-left: 1px solid #aaf; line-height: 1.3; }
#header #cruk-nav li p { display: inline; margin: 0; padding: 0; }
#header #cruk-nav li a { color: #1d0096; background-color: #e5e7f4; font-weight: bold; text-decoration: none; font-size: 12px; }
#header #cruk-nav li.selected a { color: #ec008c; background-color: #e5e7f4; font-size: 13px; }
#header #site-name { clear: left; float: left; width: 50%; height: 35px; padding-top: 10px; color: #fff; background-color: #1d0096; font-weight: bold; font-size: 1.5em; text-indent: 10px; }
#header #cruk-search { height: 35px; margin-left: 50%; padding-top: 10px; padding-right: 10px; color: #fff; background-color: #1d0096; text-align: right; }
#header #cruk-search fieldset { border: none; }
#header #cruk-search label { font-weight: bold; }
#header #cruk-search #searchsubmit { position: relative; top: 5px; }



#footer { clear: both; font-size: .9em; }
#footer #updated { color: #666; background-color: #fff; text-align: right; font-size: .85em; }
#footer #awards { display: none; }
#footer #info { border-top: 1px solid #ccc; padding-top: 10px; padding-left: 100px; padding-right: 100px; }
#footer #info ul { text-align: center; padding: 0; margin: 0; }
#footer #info li { display: inline; padding: 0 5px; border-left: 1px solid #000; }
#footer #info li.first-child { border: none; }
#footer #info li p { display: inline; margin: 0; padding: 0; }
#footer #info li a { color: #1d0096; background-color: #fff; }
#footer address { display: block; width: 99%; padding: 0; margin: 0 auto; text-align: center; color: #1d0096; background-color: #fff; font-style: normal; }

#hp-flash{ height:311px }


/* HP 2010 starts */

/* Old masthead */
#sitemasthead {background:#1d0096 none repeat scroll 0 0;color:#FFFFFF;margin:0;padding:0;}
#searchform label {color:#FFFFFF;font-weight:bold;}
#searchform {margin:0 0 0 760px;padding:8px 0 0 5px;}
#searchform input{ font-size:1em !important;}
#header { font-size: 1em; margin:0 2px 0 0; padding:0 0 0 4px; background-image: url(/images/hpimages/header-joiner-left.gif); background-position: top left; background-repeat: repeat-y;}



#page { width:990px;}

#sitemasthead, #cruk-nav{background-image: url(/images/hpimages/header-joiner-right.gif); background-position: top right; background-repeat: repeat-y;}


body{ background-image: url(/images/hpimages/hp-bg.gif); background-position: top left; background-repeat: repeat-x; }

#content #header-join-left{ height:12px; width:674px; float:left; background-image: url(/images/hpimages/header-joiner-left.gif); background-position: top left; background-repeat: repeat-y; }
#content #header-join-right{height:12px; width:50px; float:right; margin-right:2px; background-image: url(/images/hpimages/header-joiner-right.gif); background-position: top right; background-repeat: repeat-y; }
#content #cancer-info-top-left-corner{margin-top:-5px;height:12px;width:12px;float:left; background-image: url(/images/hpimages/cancer-info-topleft-corner.gif); background-position: bottom right; background-repeat: no-repeat; }

#hp-panel-left{margin-top:-5px;clear:left;width:685px; float:left;}

#hp-panel-right{float:left;margin-top:-10px;width:303px;}
#hp-panel-right .subm-button{ margin-bottom:5px;vertical-align:middle;}
#hp-panel-right .inp{ font-size:1.2em !important; margin-top:5px; width:231px; }
#hp-panel-right #hp-facebook{height:255px; padding-left:10px; margin-bottom:10px;}
#hp-panel-right #e-newsletter{margin:0px 10px;}
#hp-panel-right #bottom-right{background-image: url(/images/hpimages/rhs-box-bg.gif); background-position: top right; background-repeat: repeat-y; background-color:#FFF;margin-right:2px;margin-top:-4px;}

#hp-panel-bottom{clear:both;}



/* whats-happening-border-righ.gif */
#hp-happening {z-index:1000;background-color:#EEEEEE;margin-left:2px; margin-top:-14px; background-image: url(/images/hpimages/lhs-box-bg.gif); background-position: top left; background-repeat: repeat-y;}
#hp-happening .bottom{ margin-left:4px; clear:both; height:7px; background-image: url(/images/hpimages/whats-happening-border-bott.gif); background-position: top left; background-repeat: repeat-x;}
#hp-happening .header{margin-left:10px;}

#hp-news-left .hp-feature-main{padding-left:4px;}

#hp-happening-rhs{ background-image: url(/images/hpimages/whats-happening-border-righ.gif); background-position: top right; background-repeat: repeat-y; }

.hp-feature-main, .hp-feature-item { float:left; width:300px; }
.hp-feature-main img, .hp-feature-item img { border:0; }
.hp-feature-main img { width:134px }
.hp-feature-main h3, .hp-feature-item h3{ margin-top:0; line-height:1.2em; }


.hp-feature-main .cont { width:206px; }
.hp-feature-main .cont a { line-height:1.5em;padding-left:10px; background-image: url(/images/hpimages/feature-bullet.gif); background-position: center left; background-repeat: no-repeat;}
.hp-feature-main .cont h3 a {background:none;padding-left:0px;}


.hp-feature-main {width:346px; padding:0 5px 20px 10px;}

#hp-news{background-image: url(/images/hpimages/lhs-box-bg.gif); background-position: top left; background-repeat: repeat-y; clear:both;margin-left:2px;padding:5px 5px 5px 9px;background-color:#FFFFFF;}
#hp-news h2{margin-left:0px;}
#hp-news .cont { width:189px; }
#hp-news #hp-news-right .cancer-chat h2{margin-left:10px;}

.hp-news-rss-title{ clear:both;float:left;width:250px; line-height:1.3em; }
.hp-news-rss-title a {background-image:url(/images/hpimages/newsfeed-icon.gif);background-position:left top;background-repeat:no-repeat;display:block;margin-bottom:8px;min-height:26px;padding-left:25px;}
.hp-news-rss-date{ float:right;margin-bottom:3px }
#hp-news-left{ width:333px; float:left; padding-top:28px; background-image: url(/images/hpimages/features-article-bg-top.gif); background-position: top left; background-repeat: no-repeat; }
#hp-news-left #hp-news-featured{min-height:208px; background-image: url(/images/hpimages/features-article-bg-bottom.gif); background-position: bottom left; background-repeat: no-repeat; }
#hp-news-left #hp-news-feed{ clear:both; margin-top:8px; padding: 0 10px; }
#hp-news-right{width:293px; float:left; padding-left:15px;}

#hp-news .cancer-chat{margin:19px 0 0 5px;background-image:url(/images/hpimages/cancer-chat-box-bg.gif);background-position:left top;background-repeat:no-repeat;height:125px;padding-top:4px;width:300px;}
#hp-news .cancer-chat p{padding-left:10px;width:225px;}
#hp-news .cancer-chat a{padding-left:10px; background-image:url(/images/hpimages/feature-bullet.gif);background-position:left center;background-repeat:no-repeat;}


#hp-news-social{ margin-top:12px; width:303px; height:219px; background-image: url(/images/hpimages/blog-on.gif); background-position: top left; background-repeat: no-repeat; }
#hp-news-social a{ font-weight:bold; }
#hp-news-social-content, #hp-news-social-hidden-twitter{ display:none; }
#hp-news-social-buttons  img{ margin:8px 0 0px 8px; width:60px; height:55px }
#hp-news-social-buttons{ width:75px; float:left; }
#hp-news-social-show{ margin-left:7px; margin-top:3px; float:left; width:215px; height:200px; overflow:auto; }
#hp-stay-in-touch{padding:27px 0 0 218px; height:50px; background-image: url(/images/hpimages/stay-in-touch-bg.gif); background-position: top left; background-repeat: no-repeat; }


#hp-stay-in-touch .i1{ width:192px; display: block; float:left;}
#hp-stay-in-touch .i2{ width:195px; display: block;float:left;}
#hp-stay-in-touch .i3{ width:195px; display: block;  float:left;}
#hp-stay-in-touch .i4{ width:175px; display: block; float:left;}
#hp-stay-in-touch a:link, #hp-stay-in-touch a:hover, #hp-stay-in-touch a:active, #hp-stay-in-touch a:visited{ color:#FFF; text-decoration:none; }
#hp-stay-in-touch img{vertical-align:middle;}

#hp-panel-bottom .hp-supp-us{ float:left;padding-left:23px;width:197px; background-image: url(/images/hpimages/sitemap-left.gif); background-position: bottom left; background-repeat: no-repeat; }
#hp-panel-bottom .hp-patient-info{ width:150px; float:left;width:193px;}
#hp-panel-bottom .hp-newsres{ width:150px; float:left;width:195px;}
#hp-panel-bottom .hp-funding{ width:150px; float:left;width:195px;}
#hp-panel-bottom .hp-aboutus{ width:150px; float:left;width:187px;background-image: url(/images/hpimages/sitemap-right.gif); background-position: bottom right; background-repeat: no-repeat; }
#hp-panel-bottom ul, #hp-panel-bottom ul li {margin:0; padding:0;}
#hp-panel-bottom ul{ margin-bottom:20px;}
#hp-panel-bottom a{ text-decoration:none; }
#hp-panel-bottom #hp-links{ margin-top:-1px; height:127px; background-image: url(/images/hpimages/sitemap-bottom.gif); background-position: bottom left; background-repeat:repeat-x;  }

#hp-panel-bottom #hp-links h3 a:visited{color:#1d0096}

#hp-cancer-info{height:23.5em;padding:5px;background-color:#FFF;background-image: url(/images/hpimages/cancer-info-bg-right.gif); background-position: top right; background-repeat: no-repeat;  }

#hp-more-ways {background-image: url(/images/hpimages/rhs-box-bg.gif); background-position: 2px 0px; background-repeat: repeat-y; margin-left:-5px; padding-left:5px;}

#hp-more-ways .otherways{ background-image:url(/images/hpimages/see-all-ways.gif);background-position:0 4px;background-repeat:no-repeat;border-bottom:1px solid #452EA9;margin:14px 0;padding-bottom:10px;padding-left:15px;width:240px;}
#hp-more-ways form{ height:240px; padding:5px 20px;color:#FFF; margin:0; margin-top:-5px; background-color:#1D0096;background-image: url(/images/hpimages/rhs-strip-bg.gif); background-position: top right; background-repeat: no-repeat;}
#hp-more-ways form #amount{margin-top:10px;margin-right:5px;width:68px;font-size:1.5em !important;}

#hp-more-ways .more-ways-button{ padding-right:3px;text-align:center;width:62px; }

#hp-more-ways .subm{ margin-top:-6px;vertical-align:middle; }
#hp-more-ways .donater{margin:10px 0;}
*html #hp-more-ways .donater { margin:0px;}
*+html #hp-more-ways .donater { margin:0px;}
#hp-more-ways form a:link, #hp-more-ways form a:visited{color:#FFF;text-decoration:none}
#hp-more-ways form a:hover {color:#FFF;text-decoration:underline}
#redurl{width:220px;}


#hp-info-about-yr-cancer{ margin-top:12px; height:9.2em;clear:both;padding:1px 17px 1px 15px; background-image: url(/images/hpimages/info-about-cancer-box.gif); background-position: top left; background-repeat:no-repeat; }
*+html #hp-info-about-yr-cancer{ margin-top:35px;}
*html #hp-info-about-yr-cancer{ margin-top:35px;}
#hp-info-about-yr-cancer form{margin:0; padding:0; margin-top:4px;}

#hp-cancer-info .hp-item{ float:left; width:146px; margin-bottom:5px;}
#hp-cancer-info .hp-item a{text-decoration:none;background-image:url(/images/hpimages/cancer-info-icon.gif);background-position:left center;background-repeat:no-repeat; padding-left:16px;}
#hp-cancer-info .hp-item a:link, #hp-cancer-info .hp-item a:hover, #hp-cancer-info .hp-item a:visited{text-decoration:none;}
#hp-cancer-info .hp-item a:hover{text-decoration:underline}


.border{border:1px solid green; }
.clear{ clear:both;}

.twtr-hd{ display:none;width:0px; }
.twtr-avatar img{ display:none; border:1px solid green }
.twtr-avatar{display:none;width:1px;}
.twtr-tweet-text{margin-left:0px;}
#hp-news-social-show .twtr-bd .twtr-timeline .twtr-tweets #tweet-id-1 .twtr-tweet-wrap .twtr-avatar .twtr-img{display:none; width:1px;}


.box-gradient .header{height:4px;background-image:url(/images/hpimages/box-gradient-top.gif);background-position:left top;background-repeat:no-repeat;}
.box-gradient .content{padding:5px 10px;min-height:100px;background-image:url(/images/hpimages/box-gradient-bottom.gif);background-position:left bottom;background-repeat:no-repeat;}
#hp-facebook .content{ min-height:280px; }

#carouselImages{ display:none; height:0px;}

#hp-happening h2{padding:0; margin:0}
#hp-panel-left h1 {	border:none;	margin:0;	padding:0;}


.hp-feature-main p {margin:0.6em 0;}

#hp-more-ways form strong{font-size:1.5em;}

#popup {height: 100%;width: 100%;background: #FFF;position: absolute;top: 0;-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;filter:alpha(opacity=75);}
#window {height: 480px;margin: 0 auto;border:2px solid #CCCCCC;background: #ffffff;position: absolute;top: 40%;left: 25%;padding:0 8px 0 30px;width:441px;}
.share{background-image:url(/images/hpimages/share-button-bg.gif);background-position:left top;background-repeat:no-repeat;float:left;height:84px;margin:8px;padding:0;text-align:center;width:84px;}
.share a img{width:32px; margin-top:15px; border:0;}
.share a{text-decoration:none}


/* IE 6 */
*html #header #cruk-nav { margin-left: 0 !important; float: right !important; }
*html #navigationDropdown{ width:200px; }
*html #hp-news-right {padding-left:0px;}


/* facebook */
.fbConnectWidgetTopmost{border:0}
.connections {border-top:1px solid #D8DFEA;	min-height:150px;	padding:10px 0 4px 10px;}
.connections .connections_grid {padding-top:5px;}
.clearfix {display:block;}
.connections_grid .grid_item {float:left;overflow:hidden;padding:0 5px 8px 0;width:50px;}
.connections_grid .grid_item .name {color:#808080;font-size:9px;overflow:hidden;padding-top:2px;text-align:center;white-space:nowrap;}


/* links on the page */
#hp-happening a:link, #hp-news-featured a:link, .cancer-chat a:link, #hp-panel-right a:link, #hp-panel-bottom a:link, #footer a:link{text-decoration:none}
#hp-happening a:hover, #hp-news-featured a:hover, .cancer-chat a:hover, #hp-panel-right a:hover, #hp-panel-bottom a:hover, #footer a:hover{text-decoration:underline}


#hp-happening #hp-happening-rhs .hp-feature-main h3{font-size:1.4em;}
#hp-cancer-info h3{margin:0.3em 0 0}


*html #cruk-nav{margin:0 2px 0 0;}
*html #sitemasthead{margin:0 0px 0 0;}
*html #content #header-join-right{margin-right:1px;}

*html #hp-more-ways form{padding:0 20px; height:235px}
*+html #hp-more-ways form{padding:0 20px; height:235px}

#hp-cancer-info .hp-item h3{font-size:1.1em}
#hp-happening .hp-feature-main{height:160px}


/* HP 2010 ends */