/*
 * $Id: common.css,v 1.22 2004/01/12 22:31:09 nturner Exp $
 * 
 * Styles common to all pages.  Link to this stylesheet before linking
 * to more specific sheets, such as default-master.css.
 *
 * Notes:
 * Internet Explorer (all known versions as of 6.0) cannot understand
 * the following CSS 2 selectors.  Use only CSS 1 unless you are sure
 * the stylesheet will degrade gracefully when used in a browser that
 * cannot handle CSS 2.  The main CSS 2 selectors:
 * - child selector: element > element
 * - adjacent sibling: element + element
 * - attribute matching: element[attribute] (any variant)
 * - psuedo-class combinations: element:link:hover (for example)
 * There are of course other CSS2 constructs, but those are the ones
 * most likely to be used.  
 * (Actually, I think IE6 can grok elem[attr].)
 */

@media all { /* keeps ns4 out */

/* Page margins and background color */
body {
    margin: 0;
    padding: 0;
    color: black;
    background: white;
    font-family: arial, helvetica, sans-serif;
}

/* Normal body text */
p, address {
    line-height: 160%;
}

/* Italicize non-english languages */
*[lang] { font-style: italic; }
*[lang=en] { font-style: normal; }
*[lang|=en] { font-style: normal; }

/* Indent first line of paragraphs (unless they are first after a heading) */
/* do this after M14 release:
p + p { text-indent: 2em; }
*/


/* the "Cancer Detection and Prevention Online" masthead */
div.masthead {
    padding: .25em;
    color: white;
    background: #009;
}
div.masthead table.layout td {
    vertical-align: middle;
}
div.masthead div.logotext, 
div.masthead h1 {
    font-weight: bold;
    font-size: 29px;
    font-family: arial, helvetica, sans-serif;
    margin: 0;
}
div.logotext acronym {
    font-size: 100%;
}
div.masthead h1 {
    color: white;
    background: transparent; 
}
div.masthead span.unem { 
    color: #ccf; 
    background: transparent; 
}


/* The tan row beneath the masthead; for links to parent pages */
.backlinks {
    line-height: normal;
    margin: 0;
    font-size: smaller;
}

/* Previous and Next links */
div.nav-prev-next {
    clear: both;
    color: black;
    background: #feb;
    margin: 0 0 2em;
    padding: .5em;
    font-size: smaller;
    border: solid 1px #ec8;
}
div.nav-prev-next td.next-link {
    text-align: right;
}
div.nav-prev-next a img.inline-icon {
    text-decoration: none;
    background: #feb; /* workaround for moz; as the above doesn't work */
}
#header-meta-nav div.nav-prev-next {
    margin: 20px 20px 0; /* FIXME px */
}

/* Related pages not in a sidebar */
div.wide.related-pages {
    color: black;
    background: #fff4d0;
    padding: .5em;
    font-size: smaller;
    border-bottom: solid 1px #ec8;
    text-align: center;
}
div.bottom div.wide.related-pages {
    margin-top: 2em;
    color: black;
    background: #fff4d0;
    padding: .5em;
    font-size: smaller;
    border-top: solid 1px #ec8;
    border-bottom: none;
    text-align: right;
}

.related-pages a {
    font-weight: bold;
}
div.sidebox.related-pages {
    text-align: left;
}

/* the header with the breadcrumb links and search box */
table.header {
    border-top: solid 1px #ec8; 
    border-bottom: solid 1px #ec8;
}
table.header tr, table.header input.sb {
    color: black;
    background: #feb;
}


/* Sidebar boxes */
div.sidebox {
    border: solid 1px #ec8;
    padding: 0 12px 12px 12px;
    margin-bottom: 20px;
    color: black;
    background: #fff4d0;
    font-size: smaller;
}
div.sidebox p,
div.sidebox li {
    margin-top: 0;
    margin-bottom: 0;
}
div.sidebox h2 {
    font-weight: bold;
    font-size: 100%;
    border-bottom: solid 1px #ec8;
    border-top: none;
    padding: 4px;
    margin-bottom: 12px;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 0;
    color: black;
    background: #feb;
}

/* Sidebar un-ordered lists */
div.sidebox ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
div.sidebox ul li {
    line-height: normal;
    margin-top: 0;
    margin-bottom: 0;
} 
div.sidebox ul li + li {
    margin-top: .5em;
}

/* Sidebar definition lists */
div.sidebox dl {
    margin: 0;
    padding: 0;
}
div.sidebox dl dt {
    margin-top: 0;
}
div.sidebox dl * + dt {
    margin-top: .75em;
}
div.sidebox dl dd {
    margin-left: 0.5em;
}

/* make links in these sideboxes span the full width */
div.sidebox.related-pages a:visited,
div.sidebox.related-pages a:link,
div.sidebox.site-toc a:visited,
div.sidebox.site-toc a:link {
    display: block;
    margin: 0;
}
/* IE6 has real problems with multiple class selectors (it seems to
 * OR them, rather than AND them as it should), so we use the following
 * rule to help it not suck */
div.wide.related-pages a:visited,
div.wide.related-pages a:link {
    display: inline;
}
/* make sidebar links bigger and thus easier to hit
 * (IE get's all confused by this, so we use a selector it doesn't
 * understand.) */
div.sidebox.related-pages a[href],
div.sidebox.site-toc a[href] {
    padding: 0.25em;
    margin: -0.25em;
}

div.sidebox.page-toc div.item-l1 { 
    margin: .5em 0;
    padding-left: 1em; 
    text-indent: -1em;
}

div.sidebox.page-toc div.item-l2 { 
    margin: .5em 0;
    padding-left: 2em; 
    text-indent: -1em;
}

/* Page Footer */
p.footer, div.footer {
    border-top: solid 1px #ec8;
    padding: 4px 20px;
    text-indent: 0;
    margin-bottom: 2em;
    font-size: smaller;
}

p.lead-in {
    margin-top: 0;
}
p.lead-in:first-letter {
    font-size: 200%;
    font-family: serif;
}
sup { line-height: 90%; }
sup a { white-space: nowrap; }

p.note {
    padding: 4px 20px;
    text-indent: 0;
    font-size: smaller;
}
span.note {
    font-size: smaller;
}

/*
 * Headings
 *
 * no top margin if h1 or h2 starts a page
 */
h1, h2, h3, h4, h5, h6 { text-align: left; }
h1, h2 { color: #900; background: transparent; }

/* special case: h1 elements are almost always the first element in the
 * content div, so make them have no top margin by default; h1 elements
 * in the middle of the page should have a class of "normal" */
h1 { font-size: 150%; margin: 0 0 1em 0; }
h1.normal { margin-top: 2em; }

h2 { font-size: 125%; margin: 2em 0 1em 0; border-bottom: solid #ec8 1px; }
h3 { font-size: 112%; margin: 1.5em 0 1em 0; }
h4 { font-size: 100%; }
h5 { font-style: italic; font-size: 100%; }
h6 { font-variant: small-caps; font-size: 100%; }
/* use class="first-child" in markup to allow CSS1 UAs to display
 * the first heading on a page or column correctly */
h2.first-child, h2:first-child { margin-top: 0 }

/* ensure the tops of h1 and p elements line up with the top edge of a floating
 * image next to them */
a.img-float-link + *,
.float-right + p, .float-left + p,
.float-right + h3, .float-left + h3,
.float-right + h1, .float-left + h1 { margin-top: 0; }

.float-right { clear: right; }
.float-left { clear: left; }

/* h2 elements have a bottom border and look wrong aside a floating image */
h2 { clear: both }

/* Subtitle */
.subtitle {
    color: #900;
    background: transparent;
    font-weight: bold;
    line-height: normal;
    text-align: left;
}

/* Lists */
li {
    line-height: 160%;
    margin-bottom: 0.75em;
}
dd, dt {
    line-height: 160%;
}
dt {
    font-weight: bold;
}
/*
li li { margin-top: 0.75em; }
.toc li li { margin-top: 0.25em; }
*/
ul.compact li, ol.compact li, ol.toc li, ul.toc li {
    line-height: normal;
    margin-bottom: 0.25em;
}

/* News item titles (e.g. on the front page) */
h3.newstitle {
    color: #CC6600;
    background: white;
    margin-top: 1.5em;
    margin-bottom: 0.5em
}
span.news-loc { 
    color: #900;
    background: inherit;
}


/* News item body text */
p.newsitem { margin-top: 0.5em }

/* Regular link text */
a:link { color: #33F; background: transparent; text-decoration: underline; }
a:visited { color: #009; background: transparent; text-decoration: underline; }
a:active { color: #900; background: #feb; text-decoration: none; }
a:link:hover { color: #900; background: #feb; text-decoration: underline; }
a:visited:hover { color: #900; background: #feb; text-decoration: underline; }

del a[href]:link,
del a[href]:visited,
del a[href]:active,
strike a[href]:link,
strike a[href]:visited,
strike a[href]:active { text-decoration: line-through; }

/* Images */
img { border: none; }
a:link img.framed { border: solid 2px #33f; }
a:visited img.framed { border: solid 2px #009; }
a:active img.framed { border: solid 2px #900; background: #feb; }
a:hover img.framed { border: solid 2px #900; background: #feb; }

.framed { border: solid 1px #ec8; padding: .25em; background: #fff4d0; color: #000; }

/* Floating Images */
.float-left {
    float: left;
    margin-right: 1em;
    margin-bottom: 0.75em;
}
.float-right {
    float: right;
    margin-left: 1em;
    margin-bottom: 0.75em;
}

img.i16x16 { width: 16px; height: 16px }
img.i22x22 { width: 22px; height: 22px }
img.i32x32 { width: 32px; height: 32px }
img.i48x48 { width: 48px; height: 48px }

img.inline-icon {
    vertical-align: middle;
}

/* Highlighted text */
*.highlight {
    color: black;
    background: yellow;
}
p.highlight, div.highlight {
    border: solid medium #ec8;
    padding: .5em;
}

/* The link to homepage at the start of the backlinks row on all pages */
div.backlinks a.homelink { 
    font-weight: bold; color: #900; background: transparent; }

/*  need to specify class="layout" on all layout tables before we can
 *  use this:
table {
    margin-top: 1em;
    margin-bottom: 1em;
}
*/


/* Layout tables */
table.layout {
    border-collapse: collapse;
    border-spacing: 0; /* compromise for UAs that ignore 'collapse' */
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
}
table.layout td {
    margin: 0;
    padding: 0;
    vertical-align: top;
}
table.layout td.layout-c1of2 {
    width: 50%;
    padding-right: .5em;
}
table.layout td.layout-c2of2 {
    padding-left: .5em;
}
table.layout.ruled td.layout-c2of2 {
    border-left: #ec8 solid 1px;
}

table.layout td.layout-c1of3 {
    width: 25%;
    padding-right: .5em;
}
table.layout td.layout-c2of3 {
    padding-left: .5em;
    padding-right: .5em;
}
table.layout td.layout-c3of3 {
    width: 25%;
    padding-left: .5em;
}
table.layout.ruled td.layout-c2of3,
table.layout.ruled td.layout-c3of3 {
    border-left: #ec8 solid 1px;
}

table.layout.ruled div.section {
    margin-top: 1em;
    padding-top: 1em;
    border-top: #ec8 solid 1px;
}
table.layout.ruled div.section:first-child,
table.layout.ruled div.section.first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

/* Styles for tables that are actually tables (not layout) */
th {
    color: black;
    background: #ec8;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}
table.normal {
    border-collapse: collapse;
    border-spacing: 0; /* compromise for UAs that ignore 'collapse' */
    margin: 1em 0;
    border: hidden;
}
table.normal td, table.normal th {
    padding: .125em .4375em;
    border: solid .125em white;
}
table.normal td, 
td.odd, th.odd, tr.odd td, tr.odd th, tr.odd, *.odd {
    color: black;
    background: #feb;
}
table.normal td.even, table.normal th.even, table.normal tr.even,
td.even, th.even, tr.even td, tr.even th, tr.even, *.even {
    color: black;
    background: #ffd;
}

table.simple-rows {
    border-collapse: collapse;
    border-spacing: 0; /* compromise for UAs that ignore 'collapse' */
    margin: 0;
    border: hidden;
}
table.simple-rows td, table.simple-rows th { 
    color: black; 
    background: transparent;
    border-top: solid thin #feb;
    padding: .5em .67em .5em 0;
}
table.simple-rows th.row {
    vertical-align: top;
}

th.row {
    text-align: left;
}
th.icon, td.icon {
    text-align: center;
}
th.number, th.money,
td.number, td.money {
    text-align: right;
}
th.invoice-total {
    text-align: left;
}
tr.subtotal td {
    color: black;
    background: #ec8;
    font-weight: bold;
}
tr.subtotal td.label {
    text-align: right;
}


/* 
 *
 * Abstract-Specific Styles 
 *
 */

/* The standard format citation at the top of an abstract page */
p.refid {
    margin: 2em 0;
    color: #666;
    background: white;
}

h2.abstract, h1.abstract {
    font-size: 120%;
    border: none;
}

h4.abstract {
		color: #900;
		margin-top: 3em;
    margin-bottom: 0.5em;
}

p.absauthors {
    font-weight: bold;
    margin-bottom: 0;
}

p.affil {
    margin-top: 0;
}

p.ENauthors {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: bold;
}

p.abstract {
    margin-top: 0.5em;
}

.ahem {
    display: none;
}

div.address {
    margin: 1em 0 1em 4em;
}
div.address div.name {
    font-weight: bold;
}

div#main {
    padding: 2%;
}

table caption {
    caption-side: bottom;
    font-style: italic;
    font-size: smaller;
}

table td.strong {
    /**/
}

acronym {
    font-size: 90%;
}
/** silly Konqueror defaults to italic on white */
acronym, abbr {
    font-style: inherit;
    background: inherit;
}

acronym[title], abbr[title], span[title] {
    border-bottom: dotted thin;
}

p.sourcenote { font-size: smaller; }
p.sourcenote a { color: inherit; }

span.see-also {
    font-style: italic;
}
span.see-also-short {
    white-space: nowrap;
}

span.degree { font-size: smaller }
span.primary-author { text-decoration: underline }

/* Other */

div.feedback {
    margin-bottom: 2em;
}

.keep-together { white-space: nowrap }

dl.faq dt { margin-top: 2em }

table.header td.headnote { font-size: smaller }
div.vspace { margin-top: 0.75em; margin-bottom: 0.75em }

p.citation {
    margin-left: 2em;
    text-indent: -2em;
}

ol.alpha {
    list-style-type: lower-latin;
}

ul.checklist {
    /*list-style-image: url("/Images/Icons/16/box.png");*/
    list-style-type: square;
}

body { margin-bottom: 16em; }
div.warning {
    margin: .25em;
    border: solid thick yellow;
    padding: 1em;
    }
div.warning2 {
    position: fixed;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    background:yellow url('/Images/Icons/32/messagebox_warning.png') no-repeat 32px 1.8em;
    color: black;
    padding: 2em 96px;
    border-top: solid .5em #ec8;
}

} /* @media all */