/* ------------------------------- UMCCC subpage CSS, 4/19/06 rules that start with "* html " are only seen by IE, and are usually fixes for the IE box model bugs. ------------------------------- */ body { background-color: #FFF; margin: 0; padding: 0; } body, div { font-family: arial, helvetica, sans-serif; font-size: 12px; text-align: left; } td {vertical-align: top;} a, a:visited { color: #315BB6; text-decoration: none; } a:hover { text-decoration: underline; } div.top { /* top row of the subpages */ width: 100%; height: 132px; background: url(graphics/sub/bar_nutrition.jpg) repeat-x bottom left; text-align: left; margin-bottom: 7px; } #toplogo { position: absolute; left: 0px; top: 0px; width: 192px; background-color: white; } #toplogo img { float: right; } * html #toplogo img { margin-left: 2px; } #toplinks { position: absolute; left: 200px; top: 8px; } #toplinks a, #toplinks a:visited { color: #7C98AE; font-size: 10px; } #topright { background: #fff url(graphics/sub/top-right-box2.gif) no-repeat bottom left; width: 218px; height: 101px; position: absolute; top: 31px; right: -2px; } #toprightlinks { margin-top: 10px; margin-left: 2px; line-height: 17px; } * html #toprightlinks { margin-top: 15px; margin-left: 2px; } #toprightnavpressed { color: #7C98AE; font-weight: bold; } #toprightlinks a, #toprightlinks a:visited { color: #fff; font-weight: bold; } #search { color: #036; margin-right: 55px; position: absolute; top: 0px; right: 0px; font-size: 10px; } #searchbox { font-size: 10px; width: 80px; } #orangenavbar { /* table */ width: 100%; padding: 0; } #orangenavbarlinks { background-color: #09286b; text-align: center; font-size: 12px; padding-top: 5px; } #orangenavbarlinks A, #orangenavbarlinks A:visited { color: #fff; font-weight: bold; } #orangenavbarlinks #mainnavpressed { color: #ffffcc; } /* the "pressed" item */ #mainnavbar { background-color: #09286b; text-align: center;; height: 25px; position: absolute; right: 20px; top: 137px; width: 100%; } #mainnavlinks { padding-top: 5px; text-align: center; } #mainnavlinks A, #mainnavlinks A:visited { color: #fff; font-weight: bold; } #mainnavlinks #mainnavpressed { color: #ffffcc; } /* the "pressed" item */ #mainnavindent { position: absolute; left: 0px; top: 137px; z-index: 10; } #textboxes {margin-left: 22px;} /* ---------- LEFT COLUMN ---------- */ #leftcolumn { position: absolute; left: 42px; top: 170px; z-index: 20; } #navbox { text-align: left; width: 148px; background-color: #2F53A2; } #navboxtext { width: 148px; padding-bottom: 20px; } div.navitem { padding-top: 10px; line-height: 100%; width: 148px; color: white; } div.navitempressed { padding-left: 5px; padding-top: 10px; padding-bottom: 4px; line-height: 100%; background-color: #6788D2; font-weight: bold; } div.navitem a, div.navitem a:visited { position: relative; left: 5px; color: white; font-weight: bold; } #belowlnav { margin: auto; text-align: center; margin-top: 20px; } /* ---------- MAIN TABLE (includes main content and r column---------- */ #main { margin-top: 5px; min-width: 800px; } #maintd { background: #F0F5F7 url(graphics/sub/main-bottom.gif) no-repeat bottom left; min-width:450px; width:expression(document.body.clientWidth < 550 ? "450px" : "100%" ); /* mid width fix for IE */ } #maintext { padding: 10px 10px 40px; /* bottom padding value ensures that content clears the background image */ } #pageheader { font-family: century gothic, arial, verdana, sans-serif; font-size: 24px; color: #7C98AE; } .subheader {font: 16px arial,verdana,sans-serif;} .subheader2 {font-family: arial, verdana, sans-serif; font-size: 22px; color: #7C98AE; } .subheader3 {font: bold 13px arial,verdana,san-serif;} .listspace {margin-bottom: 25px;} .listspace li {margin-bottom: 15px;} .quote, .example {background: #fff; color: #000; border: 3px double #000; padding: 10px;} .noBottomMargin {margin-bottom: 0;} acronym {cursor: help;} /* used for the display of authors in the right-hand column in the patient information guide */ .authors {font: 11px arial, helvetica, sans-serif; margin-bottom: 20px;} /* used for data tables in the patient information guide */ .data {border-collapse: collapse; border: 1px solid #000;} .data th {text-align: left; background: #fff; color: #000; border-top: 1px solid #000;} .data td, .data th {font-size: 12px; font-family: arial,verdana,sans-serif;} .data tbody {border: 1px solid #000;} .data caption {font: small-caps 16px arial,verdana,sans-serif; text-align: left; letter-spacing: 1px; padding-bottom: 5px;} /* used for defined term lists in the patient information guide */ .terms dt {font-weight: bold; margin-bottom: 15px;} .terms dd {margin-bottom: 25px;} /* ---------- RIGHT COLUMN ---------- */ #rcolumn { width: 181px; background: #F0F5F7 url(graphics/sub/rcolumnbottom.gif) no-repeat bottom left; } #rcolumntext, #rcolumntext_alt { text-align: center; padding: 5px 5px 25px; } #rcolumntext b, #rcolumntext strong { color: #036; } #see_also { text-align: center; padding-left: 10px; padding-top: 10px; } #rcolumntext ul { margin: 0; padding: 0; } #rcolumntext li { } .controls {text-align: center; font-size: 11px; border-top: 1px solid #09286b; border-bottom: 1px solid #09286b; padding: 6px 0;} .fineprint {font-size: 10px; color: #666;} /* ---------- BOTTOM NAV ---------- */ #bottomnav { text-align: center; padding-left: 40px; /* improved Win IE 5.x rendering */ voice-family: "\"}\""; voice-family:inherit; padding-left: 0; /* resets this for other browsers */ } html>body #bottomnav {padding-left: 0;} #bottomnav a, #bottomnav a:visited { color: #7C98AE; font-weight: bold; font-size: 12px; } #bottomnavpressed { color: #09286b; } #bottomnav div { float: left; /* fixes Win IE 5.01 display bug */ f\loat: none; /* resets this for other browsers */ display: inline; padding: 0 10px; } .hidescreen {display: none;} /* ---------- FOOTER ---------- */ #footer { padding-left: 20px; } #address { width: 210px; text-align: right; color: #7C98AE; padding-right: 30px; font-size: 12px; /* for Windows IE 5.x - needs it due to failed inheritance */ } #disclaimer { text-align: left; width: 230px; color: #7C98AE; font-size: 12px; /* for Windows IE 5.x - needs it due to failed inheritance */ } #givingdisclaimer { font-size: 12px; /* for Windows IE 5.x - needs it due to failed inheritance */ } #fonttool { width: 108px; height: 50px; border: solid 1px #00175F; background-color: #7C98AE; padding: 5px; color: #fff; margin-bottom: 10px; } #fonttool td { color: #fff; } #fonttool table { margin-top: 10px; } /* specific to cancer treatments main page */ .cancertreatmentscol { } .cancertreatmentscol h3 { margin: 10px 0 0; padding: 0; } .cancertreatmentscol ul { padding: 0; margin:0 ; list-style-type: none; } .cancertreatmentscol li { margin-left: 3em; margin-top: 3px; } /* ---------- cancer center members and mentors ---------- */ .members ul, .mentors ul {list-style: none; margin: 0; padding: 0;} .members li {clear: both;} .members strong, .members span {display: block; width: 30%; float: left; padding-right: 3%; margin-bottom: 1.5em;} .members strong {margin-top: 10px;} .members legend, .mentors legend {border: 1px solid #ccc; padding: 4px; font-size: 16px; margin-left: -8px;} .members, .mentors {border: 3px double #ccc; padding: 10px; margin-bottom: 30px;} /* ---------- GENERAL CLASSES ---------- */ .small { font-size: 80%; } .shdspecial { font-weight: bold; } .indent { margin-left: 5em; } .tbindent { margin-left: 1em; } .smtxtblack { font-size: 80%; font-weight: bold; } .bordered { border: solid 1px black; } hr.spacer { margin-top: 15px; margin-bottom: 15px; } h3.giving {font-weight: bold; font-size: large; color: #000099; } h3 {font-size: 12px;} div.quotebox { border: solid 1px black; color: navy; background-color: #FFF; float: right; padding: 5px; margin: 5px; width: 150px; } div.quoteboxalt { border: solid 2px #330000; font-size: 97%; color: navy; background-color: #FFF; float: right; padding: 5px; margin: 5px; width: 200px; } img.contentimage { background-color: #fff; float: left; margin: 5px; } .captionedimage { background-color: #fff; float: left; margin: 5px; padding: 2px; border: solid 1px navy; } .imagecaption { font-size: 80%; font-weight: bold; color: navy; padding: 5px; } .imagecaptionalt { color: navy; font-weight: normal; } .movie { background-color: #fff; margin: 5px; padding: 5px; float: right; border: solid 2px navy; } .movie2 { background-color: #fff; margin: 5px; padding: 5px; float: left; border: solid 2px navy; } .moviecaption { margin: 2px; font: 12px arial,verdana,sans-serif; color: navy; padding: 2px; } .datatable { background-color: #fff; border: solid 1px navy; margin: auto; } .datatable th { border-bottom: solid 1px #BBB; padding: 5px; } .datatable td { border-bottom: dashed 1px #BBB; padding: 3px; } .living { font-size: 14px; color: #333366; font-weight: normal; } div.right { margin-top: 0.5em; float: right; color: #000; padding-left: 1em; font-size: 100% } div.center { color: #69c; font-size: 80%; text-align: center; } div.left { margin-top: 0.5em; float: left; color: #000; padding-right: 1em; font-size: 100% }