/* -----THIS IS THE PRINTABLE CSS FILE FOR FHONLINE---------*/ /* -----MAIN AND TAG STYLES---------*/ BODY { /*------ no background images ----*/ margin-top: 10px; height: 100%; } html, body { height: 100%; } BODY, P, TD, DIV, .basicText {/* -----KEEP ARIAL FOR SFWY, sets main text style + a style to return to basic when inside another tag like H2*/ font-size: 11px; font-family: Arial, ArialMT, Helvetica, Tahoma, Verdana, sans-serif; color: #000; } a:active, a:link, a:visited { color:#333333; text-decoration: none; } a:hover { color:#990000; text-decoration: none; } li, #rightholder #storyDv li { margin-left: -15px; } /*------ list items - reduces margin at side ----*/ em { font-family: Palatino, Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 107%; line-height: 140%} h1 { font-size: 16pt; color: #000000; line-height: 120%; } h2 { /* first paragraph*/ font-size: 11pt; color: #666; line-height: 150%; font-style: italic; font-weight: normal; font-family: Georgia, TrebuchetMS-Italic, "Verdana Italic", Times, "Times New Roman", Palatino, serif; } h3 {font-weight: bold; color: #000000; font-size: 12px; } h4 {font-size: 12pt; line-height: 120%; color: #000000; font-weight: normal; } /* questions - blue on main*/ h5 {font-size: 14px; line-height: 15px; font-weight: lighter; color: #CC0000; } /* larger red head*/ h6 { font-size: 10px; text-transform: uppercase; color: #C00; } /* small red caps head*/ /*------ STYLES FOR CONTENT - HOLDERS ----*/ #creditDv {/* holds bottom credit*/ position: relative; width: 100%; margin-bottom: 5px; padding-right: 36px;/* added for Safeway's printers - cutting off right edge*/ } #mastcreditDv {/* holds mast credit and search include - turned off for print*/ display: none; } #mastlogosDv {/* holds FH and Pharmacy logos */ width: 650px;/* resized from 700 for Safeway's printers - cutting off right edge*/ position: relative; height: 49px; } #mastnavDv { display: none; } /* holds navigation and image bar - turned off for print*/ #mastimagesDv { display: none; }/* holds image bar - turned off for print*/ #storyDv { position: relative; width: 100%; font-size: 11pt; line-height: 16pt; padding-top: 25px; padding-bottom: 20px; padding-right: 36px;/* added for Safeway's printers - cutting off right edge*/ margin-bottom: 10px; border-bottom: 1px dotted #990000; float: none !important; /* for Mozilla print issue, take out absolute positioning*/} #adDv { position: relative; width: 545px; height: 100px; background-position: left; } /* holds bottom credit*/ #topNav { BACKGROUND-COLOR: #fff } .blackbox {/*--creditbox --*/ font-size: 9pt; font-weight: bold; color: #FFFFFF; background: #000000; text-align: right; padding: 10px; } #searchbox { padding-top: 4px; padding-bottom: 5px; } #leftholder { display: none; } /* - turned off for print*/ #rightholder {/* right content*/ height: 100%; width: 700px; left: 10px; top: 10px; right: 0px; float: none !important; /* print issue*/ } #blurb { margin: 8px 0px; padding: 5px 0px; border-top: 1px dotted #990000; padding-right: 36px;/* added for Safeway's printers - cutting off right edge*/ width: 100%; font: 9px/12px Tahoma, Arial, Helvetica, sans-serif; color: #666666; text-align: justify; } .blk14Line {/*block style with dotted line above */ FONT: bold 12pt/14pt Tahoma, Arial, Helvetica, sans-serif; COLOR: #000000; display: block; border-top: 1pt dotted #666666; padding-top: 15px; width: 100%; } .creditline { border-top: 1px solid #999999; letter-spacing: 0.2em; } .smalltext { font-size: 8pt; letter-spacing: 0.1em; } /*------------------SEARCH STYLES-----------------------*/ .blk11ab { FONT: bold 11pt Arial, ArialMT, Helvetica, Tahoma, Verdana, sans-serif; COLOR: #000000 }/*used in search */ A.blk11ab { FONT: bold 11pt Arial, ArialMT, Helvetica, Tahoma, Verdana, sans-serif; COLOR: #000000 } A.blk11ab:hover { COLOR: #cc0000 } A.doctitle:hover { COLOR: #cc0000 ; text-decoration: underline}/* doctitle used in search engine*/ A.doctitle { FONT: 13pt arial; COLOR: #666666; text-decoration: none } A.cite { FONT: 10pt arial; COLOR: #666633; text-decoration: none }/* used in search*/ A.cite:hover { COLOR: #cc0000 ; text-decoration: underline } /*------ STYLES FOR ARTICLES TEXT ----*/ .AcolorItalic { font-family: Georgia, "Times New Roman", Times, serif; ont-style: italic; color: #039; font-weight: bold; font-size: 98%; } .bigger {font-size: 110%; } /* for times when a bigger font is needed*/ .familyhealthmagtxt { font-family: Georgia, "Times New Roman", Times, Palatino, serif; font-size: 11px; font-style: italic; color: #333333; } #rightholder #storyDv .fhmagTitle, .fhmagTitle { font-size: 10px; font-weight: normal; color: #999999; display: block; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333; } .image-left { margin: 0px 10px 5px 0px; padding: 0px; float: left;} .image-leftbox { margin: 0px 10px 5px 0px; padding: 8px; float: left; border: 2px dotted #CCCCCC; } .image-right { margin: 0px 0px 5px 10px; padding: 0px; float: right;} .image-rightbox { margin: 0px 0px 5px 10px; padding: 8px; float: right; border: 2px dotted #CCCCCC; } .sections { /*for new articles section heads */ font-size: 12pt; color: #990000; font-weight: bold; line-height: 13pt; } .sectionmarker { COLOR: #999999; font-size: 8pt; font-weight: bold; letter-spacing: .1em; font-family: Arial, ArialMT, Helvetica, Tahoma, Verdana, sans-serif; font-style: normal; } #sectionnames { font-size: 15pt; font-weight: bold; color: #333333; } .smalltext { font-size: 8pt; line-height: 11pt; } .pdficon { border-style: none; margin-right: 10px; } .quotation { color: #666666; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; display: block; margin-right: 30px; text-align: justify; font-style: italic; font: Palatino, Georgia, "Times New Roman", Times, serif; font-size: 13pt; line-height: 17pt; } .tableNumber { font-size: 10px; text-transform: uppercase; font-family: Arial, ArialMT, Helvetica, Tahoma, Verdana, sans-serif; } .titlesubhead { font-size: 13px; color: #666666; display: block; padding-top: 5px; line-height: 19px; font-family: Arial, ArialMT, Helvetica, Tahoma, Verdana, sans-serif; margin-bottom: 20px; } .white { color: #FFFFFF; } /* just for changing text to white*/ /* -------FLOATING DIVS AND TABLE STYLES ---------*/ /* sets look of table header backgrounds with colour, except background colour. These show up with lines above and below the text unless the display: block; is added, but then they take up the whole line so don't work with spans or divs - just for table cells*/ .bkgGreen, .bkgBlue, .bkgBrightBlue, .bkgRed { padding: 5px; line-height: 120%; font-weight: bold; color: #FFFFFF; } /* sets background colour of table headers defined above*/ .bkgGreen { background: #005353; } .bkgBlue { background: #336699; } .bkgBrightBlue { background: #3399FF; } .bkgRed { background-color: #FF0000; } /* THESE ARE FOR FLOATING DIVS OR SPANS WITHIN THE TEXT - doesn't work to merge them. could change these to versions of grey if needed*/ .bkgRedTipBox, #rightholder #storyDv h3 .bkgRedTipBox, #rightholder #storyDv .bkgRedTipBox { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: normal; line-height: 130%; float: left; font-size: 10px; color: #C00; background-color: #F00; background-position: center; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; padding: 8px; width: 150px; border: thin solid #F00; } .bkgRedNumberBox, #rightholder #storyDv h3 .bkgRedNumberBox, #rightholder #storyDv .bkgRedNumberBox/* sets look for boxes for numbers and letters tips*/ { float: left; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 15px; color: #C00; text-align: center; background-color: #FF0000; background-position: center; padding-top: 3px; padding-right: 6px; padding-left: 6px; padding-bottom: 4px; margin-top: 0px; margin-right: 8px; margin-bottom: 4px; margin-left: 0px; border: thin solid #F00;} .bkgRedNumberBoxSmall, #rightholder #storyDv h3 .bkgRedNumberBoxSmall, #rightholder #storyDv .bkgRedNumberBoxSmall /* sets look for boxes for numbers and letters - tips style - smaller*/ { float: left; text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 12px; background-color: #FF0000; background-position: center; margin-top: 3px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px; border: thin solid #F00; color: #C00; } /* adds borders to table cells in divs DON'T CHANGE, WORKS PERFECT*/ #rightholder #storyDv table td, #rightholder #storyDv .floatingdivwide table td, #rightholder #storyDv .floatingdiv table td, #rightholder #storyDv .floatingdivfullwidth table td, .floatingdivRed table td, floatingdivBlue table td { border-bottom: 1px dotted #444; border-left: 1px dotted #444; } /* adds borders to table edges in divs (bottom and left already covered by above) DON'T CHANGE, WORKS PERFECT */ #rightholder #storyDv table, #rightholder #storyDv .floatingdivwide table, #rightholder #storyDv .floatingdiv table, #rightholder #storyDv .floatingdivfullwidth table, .floatingdivRed table, floatingdivBlue table { border-top: 1px dotted #444; border-right: 1px dotted #444; } /* adds padding to tables in divs - don't add to above because it puts a second outline on table*/ #rightholder #storyDv table td, #rightholder #storyDv .floatingdivwide table td, #rightholder #storyDv .floatingdiv table td, #rightholder #storyDv .floatingdivfullwidth table td, .floatingdivRed table td, floatingdivBlue table td { padding: 6px; } /* sets size of list type in floating div red*/ #rightholder #storyDv .floatingdivRed ul li, #rightholder #storyDv .floatingdivBlue ul li { font-size: 12px; } /* resets look of coloured highlight divs to white with dotted border for printing*/ #rightholder #storyDv .floatingdivBlue, #rightholder #storyDv .floatingdivRed, .floatingdivRed, .floatingdivBlue { float: right; margin-top: 3px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; width: 250px; padding: 10px; border: 2px dotted #CCCCCC; } /* sets look of div pulls*/ .floatingdiv, .floatingdivfullwidth, .floatingdivwide { padding: 8px; margin-top: 3px; margin-right: 0px; margin-bottom: 10px; border: 2px dotted #CCCCCC; } /* adds left margin to floating divs*/ .floatingdiv, .floatingdivwide { margin-left: 15px; } /* sets width of div pull*/ #rightholder #storyDv .floatingdiv { float: right; width: 150px; } /* sets wider width of div pull*/ #rightholder #storyDv .floatingdivwide { float: right; width: 60%; } /* sets width of div pull to be 100%*/ #rightholder #storyDv .floatingdivfullwidth, .floatingdivfullwidth { float: none; width: 100%; margin-left: 0px; } /* sets look of regular text in div pulls and tables and lists within them, also tables in main section, also changes colour div pulls to black text for printable version*/ #rightholder #storyDv .floatingdivBlue p, #rightholder #storyDv .floatingdivRed p #rightholder #storyDv table tr td, #rightholder #storyDv table tr td p, #rightholder #storyDv table .bkgTableGreenLight td, #rightholder #storyDv table .bkgTableBlueLight td, #rightholder #storyDv table .bkgTablePurpleLight td, #rightholder #storyDv table .bkgTableGreenLight td div, #rightholder #storyDv table .bkgTableBlueLight td div, #rightholder #storyDv table .bkgTablePurpleLight td div, #rightholder #storyDv .floatingdivwide p, #rightholder #storyDv .floatingdiv p, #rightholder #storyDv .floatingdivfullwidth p, #rightholder #storyDv .floatingdivwide, #rightholder #storyDv .floatingdiv, #rightholder #storyDv .floatingdivfullwidth, #rightholder #storyDv .floatingdiv ul li, #rightholder #storyDv .floatingdivfullwidth ul li, #rightholder #storyDv .floatingdivwide ul li, #rightholder #storyDv .floatingdiv table tr td, #rightholder #storyDv .floatingdivfullwidth table tr td, #rightholder #storyDv .floatingdivwide table tr td { font-size: 11px; color: #000; line-height: 140%; } /* sets look of links in div pulls*/ #rightholder #storyDv .floatingdivwide p a, #rightholder #storyDv .floatingdiv p a, #rightholder #storyDv .floatingdivfullwidth p a { font-style: italic; } /* sets look of h1 in div pulls - these are the grey headers on the white divs*/ #rightholder #storyDv .floatingdiv h1, #rightholder #storyDv .floatingdivfullwidth h1, #rightholder #storyDv .floatingdivwide h1, #rightholder #storyDv .floatingdivRed h1, #rightholder #storyDv .floatingdivBlue h1, #rightholder #storyDv .image-right tr td h1 { font-size: 140%; color: #666; font-weight: normal; line-height: 120%; font-family: Georgia, "Times New Roman", Times, serif; } /* sets h1 and h2 header text in blue table header cells to appear blue*/ #rightholder #storyDv .floatingdiv table tr .bkgBlue h1, #rightholder #storyDv .floatingdivwide table tr .bkgBlue h1, #rightholder #storyDv .floatingdivfullwidth table tr .bkgBlue h1, #rightholder #storyDv .image-right tr .bkgBlue h1, #rightholder #storyDv table tr .bkgBlue h1, #rightholder #storyDv table .bkgBlue td h1, #rightholder #storyDv .floatingdiv table tr .bkgBlue h2, #rightholder #storyDv .floatingdivwide table tr .bkgBlue h2, #rightholder #storyDv .floatingdivfullwidth table tr .bkgBlue h2, #rightholder #storyDv .image-right tr .bkgBlue h2, #rightholder #storyDv table tr .bkgBlue h2, #rightholder #storyDv table .bkgBlue td h2 { color: #036; font-size: 120%; margin-bottom: -3px; } /* sets h1 and h2 header text in green table header cells to appear green*/ #rightholder #storyDv .floatingdiv table tr .bkgGreen h1, #rightholder #storyDv .floatingdivwide table tr .bkgGreen h1, #rightholder #storyDv .floatingdivfullwidth table tr .bkgGreen h1, #rightholder #storyDv .image-right tr .bkgGreen h1, #rightholder #storyDv table tr .bkgGreen h1, #rightholder #storyDv table .bkgGreen td h1, #rightholder #storyDv .floatingdiv table tr .bkgGreen h2, #rightholder #storyDv .floatingdivwide table tr .bkgGreen h2, #rightholder #storyDv .floatingdivfullwidth table tr .bkgGreen h2, #rightholder #storyDv .image-right tr .bkgGreen h2, #rightholder #storyDv table tr .bkgGreen h2, #rightholder #storyDv table .bkgGreen td h2 { color: #096; font-size: 120%; margin-bottom: -3px; } /* sets h1 and h2 header text in red table header cells to appear red*/ #rightholder #storyDv .floatingdiv table tr .bkgRed h1, #rightholder #storyDv .floatingdivwide table tr .bkgRed h1, #rightholder #storyDv .floatingdivfullwidth table tr .bkgRed h1, #rightholder #storyDv .image-right tr .bkgRed h1, #rightholder #storyDv table tr .bkgRed h1, #rightholder #storyDv table .bkgRed td h1, #rightholder #storyDv .floatingdiv table tr .bkgRed h2, #rightholder #storyDv .floatingdivwide table tr .bkgRed h2, #rightholder #storyDv .floatingdivfullwidth table tr .bkgRed h2, #rightholder #storyDv .image-right tr .bkgRed h2, #rightholder #storyDv table tr .bkgRed h2, #rightholder #storyDv table .bkgRed td h2 { color: #F00; font-size: 120%; margin-bottom: -3px;} /* sets h1 and h2 header text in bright blue table header cells to appear blue*/ #rightholder #storyDv .floatingdiv table tr .bkgBrightBlue h1, #rightholder #storyDv .floatingdivwide table tr .bkgBrightBlue h1, #rightholder #storyDv .floatingdivfullwidth table tr .bkgBrightBlue h1, #rightholder #storyDv .image-right tr .bkgBrightBlue h1, #rightholder #storyDv table tr .bkgBrightBlue h1, #rightholder #storyDv table .bkgBrightBlue td h1, #rightholder #storyDv .floatingdiv table tr .bkgBrightBlue h2, #rightholder #storyDv .floatingdivwide table tr .bkgBrightBlue h2, #rightholder #storyDv .floatingdivfullwidth table tr .bkgBrightBlue h2, #rightholder #storyDv .image-right tr .bkgBrightBlue h2, #rightholder #storyDv table tr .bkgBrightBlue h2, #rightholder #storyDv table .bkgBrightBlue td h2 { color: #06C; font-size: 120%; margin-bottom: -3px; } /* sets h2 in floating divs*/ #rightholder #storyDv .floatingdivBlue h2, #rightholder #storyDv .floatingdivRed h2, #rightholder #storyDv .floatingdivwide h2, #rightholder #storyDv .floatingdiv h2, #rightholder #storyDv .floatingdivfullwidth h2 { color: #FFF; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 140%; font-weight: normal; } /* sets h2 inside table header cells*/ #rightholder #storyDv table tr .bkgGreen h2, #rightholder #storyDv table tr .bkgBlue h2, #rightholder #storyDv table tr .bkgRed h2, #rightholder #storyDv table tr .bkgBrightBlue h2, #rightholder #storyDv table tr .bkgRed h2, #rightholder #storyDv table .bkgBrightBlue td h2, #rightholder #storyDv table .bkgBlue td h2, #rightholder #storyDv table .bkgGreen td h2, #rightholder #storyDv table .bkgRed td h2 { font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 140%; } /* sets size and colour (black) of fonts inside blue and red div, except headers*/ .floatingdivBlue ul, .floatingdivBlue p, .floatingdivRed ul, .floatingdivRed p, .floatingdivBlue, .floatingdivRed { color: #000; font-size: 11px; line-height: 150%; } /* THESE ARE FOR TABLE BACKGROUNDS - colour backgrounds don't work on printer version so I just changed them all to white (in case they work on other machines then you wouldn't see the type on top) */ .bkgTablePurpleLight { background-color: #FFF; } .bkgTableBlueLight { background-color: #FFF; } .bkgTableGreenLight { background-color: #FFF; } /* changes type colour to black inside table cells - doesn't include colour divs*/ #rightholder #storyDv table .bkgGreen td, #rightholder #storyDv table .bkgBlue td, #rightholder #storyDv table .bkgBrightBlue td, #rightholder #storyDv table .padredcaps td, #rightholder #storyDv table .bkgRed td, #rightholder #storyDv table tr .bkgBlue, #rightholder #storyDv table tr .bkgGreen, #rightholder #storyDv table tr .bkgBrightBlue, #rightholder #storyDv table tr .bkgGreen div, #rightholder #storyDv table tr .bkgBlue div, #rightholder #storyDv table tr .bkgBrightBlue div, #rightholder #storyDv table .bkgGreen td div, #rightholder #storyDv table .bkgBlue td div, #rightholder #storyDv table .bkgBrightBlue td div, #rightholder #storyDv .image-right tr .bkgRed, #rightholder #storyDv .image-right tr .bkgGreen, #rightholder #storyDv .image-right tr .bkgBlue, #rightholder #storyDv .image-right tr .bkgBrightBlue, #rightholder #storyDv .floatingdiv table .bkgBlue td, #rightholder #storyDv .floatingdiv table .bkgGreen td, #rightholder #storyDv .floatingdiv table .bkgBrightBlue td, #rightholder #storyDv .floatingdiv table .padredcaps td, #rightholder #storyDv .floatingdiv table .bkgRed td, #rightholder #storyDv .floatingdiv table tr .bkgGreen, #rightholder #storyDv .floatingdiv table tr .bkgBlue, #rightholder #storyDv .floatingdiv table tr .bkgBrightBlue, #rightholder #storyDv .floatingdiv table tr .padredcaps, #rightholder #storyDv .floatingdiv table tr .bkgRed, #rightholder #storyDv .floatingdivwide table .bkgBlue td, #rightholder #storyDv .floatingdivwide table .bkgGreen td, #rightholder #storyDv .floatingdivwide table .bkgBrightBlue td, #rightholder #storyDv .floatingdivwide table .padredcaps td, #rightholder #storyDv .floatingdivwide table .bkgRed td, #rightholder #storyDv .floatingdivwide table tr .bkgGreen, #rightholder #storyDv .floatingdivwide table tr .bkgBlue, #rightholder #storyDv .floatingdivwide table tr .bkgBrightBlue, #rightholder #storyDv .floatingdivwide table tr .padredcaps, #rightholder #storyDv .floatingdivwide table tr .bkgRed, #rightholder #storyDv .floatingdivfullwidth table .bkgBlue td, #rightholder #storyDv .floatingdivfullwidth table .bkgGreen td, #rightholder #storyDv .floatingdivfullwidth table .bkgBrightBlue td, #rightholder #storyDv .floatingdivfullwidth table .padredcaps td, #rightholder #storyDv .floatingdivfullwidth table .bkgRed td, #rightholder #storyDv .floatingdivfullwidth table tr .bkgGreen, #rightholder #storyDv .floatingdivfullwidth table tr .bkgBrightBlue, #rightholder #storyDv .floatingdivfullwidth table tr .bkgBlue, #rightholder #storyDv .floatingdivfullwidth table tr .padredcaps, #rightholder #storyDv .floatingdivfullwidth table tr .bkgRed { color: #000; } /* this is for some text to float right but not be within a div*/ .DivfloatingRightText { float: right; display: block; width: 250px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 15px; }