/* >>>>>>>>> hniArticle.css <<<<<<<<< *//* CSS for Hosted Healthnotes content in all categories, including GCLs. GCL styles are at the bottom of this file. */.body {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #000000; letter-spacing: normal}.sublink {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; text-transform: uppercase; color: #666666}.footer {  font-family: Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; color: #FFFFFF; letter-spacing: 2px}.header {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: f04a00; letter-spacing: normal; text-transform: uppercase}.recipes {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000}.hmtag {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: 500; color: #003333; letter-spacing: 5px}.secondary {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal}.subhead {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: 003333}a:link { color:#666666 }a:active { color:#666666 }a:visited { color:#666666 }a:hover { color:#f04a00 }.toplink { display: block; clear: both; line-height: 0; }#hniArticle {    color: #000;    background: #fff;    font-size: 10pt;     font-family: Arial, Helvetica, sans-serif;     position: relative;    }div#hniArticle { margin: 0 3px; }/* Hacks for IE-win \*/* html #hniArticle { height: 1%; }/* End IE hack */#hniArticle td, #hniArticle p, #hniArticle ul, #hniArticle li  {     font-size: 11pt;    font-family: Arial, Helvetica, sans-serif;    } #hniArticle sup {     font-size: 8pt;    vertical-align: super;     }#hniArticle p { line-height: 1.3em; margin-top: 0px; }#hniArticle ul {    list-style: disc outside none;    }#hniArticle a:link {     color: #666666;     } #hniArticle a:visited {     color: #666666;     }#hniArticle a:active {     color: #666666;     }#hniArticle a:hover {     color: #f04a00;     }/* >>>> Headings <<<< */#hniArticle h3 {    font-size: 12pt;    font-weight: bold; font-style: italic;    font-family: Arial, Helvetica, sans-serif;     margin-bottom: 0;     text-align: left;     }#hniArticle .Heading {     font-weight: bold; }#hniArticle th {    font-size: 11pt;    font-family: Arial, Helvetica, sans-serif;     }#hniArticle h3.Med-Guide-Heading {     font-style: normal;     }#Reference-List h3 {     font-size: 11pt; margin-bottom: .5em;     }#Protocol-Summary p.Protocol-Summary-Heading {    font-size: 12pt; font-weight: bold;    font-family: Arial, Helvetica, sans-serif;     margin: 0 0 .5em; padding-top: 0;    text-align: left;     }#Condition-Summary p.Condition-Summary-Heading {    font-weight: bold;     margin: .2em auto;     } /* uses text font face */#Interaction-Summary p.Interaction-Summary-Heading {    margin: .2em auto;    font-size: 12pt; font-weight: bold;    font-family: Arial, Helvetica, sans-serif;     text-align: left;    }    #Med_Xref-Item-List p.Xref-Summary-Heading {    margin-top: .2em; padding-top: 0; margin-bottom: 0;    font-size: 12pt; font-weight: bold;    font-family: Arial, Helvetica, sans-serif;     text-align: left;    }#hniArticle .Sub-Heading { font-weight: bold; }#hniArticle p.Food-Sub-Heading { font-weight: bold; margin-bottom: 0; }#hniArticle .List-Caption { margin-bottom: 0; }#hniArticle span.Qualifier { font-weight: normal; }#hniArticle h3 span.Qualifier { font-size: 10pt; }#hniArticle p.Heading span.Qualifier { font-size: 10pt; }#hniArticle p.Condition-Summary-Heading span.Qualifier { font-size: 10pt; }#hniArticle p.Interaction-Summary-Heading span.Qualifier {     font-size: 11pt; font-family:  Arial, Helvetica, Sans-Serif; } /* text font face */td.Dni-Interaction-Type {     vertical-align: top; line-height: 14pt; padding: 6pt;    }#hniArticle .Dni-Avoid-Heading, #hniArticle .Dni-Beneficial-Heading, #hniArticle .Dni-Check-Heading {    font-family: Arial, Helvetica, sans-serif;     font-weight: bold; font-size: 12pt; }.Dni-Beneficial-Heading { color: #339900; }.Dni-Avoid-Heading { color: #cc0000; }.Dni-Check-Heading {color: #FF9900; }/* >>>> Front matter elements <<<< */#Article-Title p {     margin: 0 0 .5em;     font-size: 20pt;     color: #999999;    font-weight: bold; }#Med-Article-Title p { font-size: 20pt; color:#999999;    font-weight: bold; text-align:left; margin-top: 0; }#Med-Article-Title span.Med-Phonetic-Spelling { font-size: 11pt; }#Med-Article-Title em.Med-Phonetic-Spelling { font-style: italic; font-weight: normal; }#Also-Indexed p, #Common-Names p, #Med-Common-Names p {     font-size: 9pt;    margin-bottom: .5em; }#Botanical-Names p {     font-size: 9pt;    margin-top: 0; }#Related-Topics p, #Combination-List p, #Recipe-Categories p {     font-size: 9pt;     line-height: 1.5em; }#Photo, #Illustration {     float: right; width: 205px;     height: 220px;    } /* height for Netscape 6 */#Photo .Photo-Credit {     font-size: 8pt; text-align: right; margin-right: 5px;    }#Recipe-Inset { width: 13em; float: right; clear: right; }div#Recipe-Inset {     border: 1px solid #990;     background-color: #ffffe0;     margin: 0 .25em 1em .5em;     }#Recipe-Inset ul {     list-style: none outside;     margin: 0; padding: 0.75em .5em;     }#Recipe-Inset  li { font-size: 10pt; }/* >>>> ul based sidebar <<<< */#Sidebar-Element { display: none; }#Sidebar-Display { display: block; }#Sidebar-Display {    padding: 0 0 .5em;     }#Sidebar-Display ul.sidebar a:hover {     color: #930;     }#Sidebar-Display h3.Sidebar-Heading {    font-size: 12px; font-weight: bold; color: #930; font-style: normal;     margin: 0; padding: 5px 0 0 5px;    }#Sidebar-Display li {     font-size: 12px;    }    ul.sidebar {     margin: 0 0 0 2px; padding: 0 0 5px;     }ul.sidebar li {     margin-left: 18px;     padding: 1px;     list-style: url('../Images/skiparrow.gif') outside;     }/* >>> classes that may be applied to the #Sidebar-Display container div <<<<*/div.Sidebar-Main-Column {    font-size: 12px;      line-height: 1em;    margin: 5px;     padding: 0;    }div.Sidebar-Front-Matter {    font-size: 12px;    line-height: 1em;    margin: 5px;     padding: 0;    }div.Sidebar-Focus-Options {     float: right; clear: both;    margin: 12pt 5px 5px 5px;     padding: 12pt 0 5px 5px;    width: 14em;    }div.Sidebar-Focus-Options li.Focus-Options {     display: none;     }div.Sidebar-Focus-Options li {    width: 14em;    }    div.Sidebar-Main-Inline {    font-size: 12px;    line-height: 1.5em;    margin: 5px;     padding: 0;    }div.Sidebar-Main-Inline li {    display: inline;     }div.Sidebar-Main-Inline a {    padding-left: 15px;    background: url('../Images/skiparrow.gif') no-repeat 0px 0px;    }/* >>> decorate the div.sidebar-content, depending on the containing class */    div.Sidebar-Main-Column div.sidebar-content, div.Sidebar-Front-Matter div.sidebar-content {    border: none;     background-color: #fff;     }div.Sidebar-Focus-Options div.sidebar-content {    border: solid 1px #990;     border-top: none; border-right: none;    background-color: #ffffe0;     }/* >>>> AI and Focus <<<< */#Article-Intro {     margin: 8px 0px 0;    padding: 0 5px 0 0;    position: relative; } /*** for IE6 ***/#Article-Intro div#AI-Picture {     float: left;     margin: 0 0 15px 0; padding: 0;     position: relative; } /*** for IE6 ***/#Article-Intro h1, #Article-Intro h2 {     color: #930;     margin-top: 0px; margin-bottom: 0px; }#Article-Intro h1 { font-size: 20pt; }#Article-Intro h2 { font-size: 16pt; }div#Intro-Body, p.Intro-Body-Text {     margin: .3em 6pt .3em 0;     padding: 0px; }#Article-Intro ul li { line-height: 1.3em; }#Article-Intro ul {    margin: .3em 0 0 1em; }#Article-Intro b { font-weight: bold; color: #930; }div#Intro-Body {     margin-left: 200px; }/* Hacks for IE-win\*/* html #Intro-Body { height: 1%; }/* End IE hack */    div#Focus-Options {    padding:0px; padding-right: 10px;     margin-right: 1px;    position: relative; clear: both;     }html>div#Focus-Options { margin-right: 2px; }/* Hack for IE-win \*/* html div#Focus-Options { height: 1%; }* html ul.Focus-Item { position: relative; }/* End IE hack */#Focus-Options h3.Focus-Options-Heading { line-height: 0; padding: 0; margin: 0; }#Focus-Options div.Focus-Content {    padding: 8px 5px 2px;    }#Focus-Options p.Focus-Autofill-Leader { margin: 0; padding: 0;}#Focus-Options p.Focus-Autofill-Trailer {     font-size: 9pt; padding: 5pt;    border: 1px solid #0099CC;     }#Focus-Options ul.Focus-Item {     margin: 0 0 .5em 0;      padding: 0 12pt 0 0;    }#Focus-Options ul.Focus-Item li { padding-left: 12pt;  font-size: 11pt; }#Focus-Options li.Focus-Item-Caption {     font-weight: bold; color: #930;     list-style: none outside;     background: url('../Images/focusBullet.gif') no-repeat 0px 5px;      }#Focus-Options li.Focus-Item-Para { list-style: none; line-height: 12pt; margin-bottom: 2px;}/* >>>> main content elements <<<< */#Introductory { margin-top: .5em; }/* The Uk-Consideration rule should contain the style "display: none;" or be empty.The "empty" rule allows elements using the class to retain their natural display mode. To negate "display: none;" either surround it with comment tags, inside the braces,or omit the style altogether: .Uk-Consideration { }*/.Uk-Consideration { display: none; } /* key benefits */ p.Reported-Benefits-Caption { margin-bottom: .5em; }ul.Reported-Benefits-List { margin-top: 0; margin-bottom: 1.5em; }ul.Reported-Benefits-List li { margin-top: 0; margin-bottom: .5em; }.Benefits-Note { font-size: 9pt; }/* Summary tables (Conditions, Interactions, Protocol/Checklist[OTC/Rx]) */div#Condition-Summary, div#Interaction-Summary, div#Protocol-Summary {     margin-bottom: 1em; clear: both;     }#Condition-Summary table, #Interaction-Summary table {     margin-top: 0; padding-top: 0;     border: 1px solid silver; border-collapse: collapse;     }#Condition-Summary td, #Condition-Summary th, #Condition-Summary tr,#Interaction-Summary td, #Interaction-Summary th, #Interaction-Summary tr {     border: 1px solid silver; border-collapse: collapse;     }#Protocol-Summary table.Protocol-Summary {    margin-top: 0; padding-top: 0;     border: 1px solid silver; border-collapse: collapse;     } /* qualify by class to include Checklist, OTC and Rx tables, but not containing table */table.Protocol-Summary td, table.Protocol-Summary th, table.Protocol-Summary tr {     border: 1px solid silver; border-collapse: collapse;     }tr.Summary-Columnhead-Supp { background-color:  #CCFFCC; }tr.Summary-Columnhead-OTC {  background-color: #FFFFCC; }tr.Summary-Columnhead-RX {  background-color: #FFCC99; }#Protocol-Summary th {    padding-left: .5em;     font-size: 11pt; font-weight: bold;    vertical-align: middle;    }th.Summary-Columnhead { text-align: left;  }th.Summary-Columnhead-Rating { text-align: center; }span.Summary-Columnhead-Text {    font-size: 9pt; font-weight: normal;    }#Protocol-Summary th.Protocol-Summary-Columnhead, #Protocol-Summary td.Protocol-Summary-Columnhead {    text-align: left; height: 50px;    font-size: 11pt; font-weight: bold;    font-family: Arial, Helvetica, Sans-Serif;    } /* pharmacy products */td.Summary-Entry {     padding-left: .5em; vertical-align: top;     }p.Summary-Entry { margin: 6pt; }    #Condition-Summary th.Summary-Stars,  #Protocol-Summary th.Summary-Stars {     text-align:center; vertical-align: top; padding-top: .5em;     line-height:14pt;     }.Summary-Footnote { background-color: #CCFFCC; }#Condition-Summary td.Summary-Footnote, #Protocol-Summary td.Summary-Footnote {    font-size: 9pt;     }#Protocol-Summary td.Summary-Homeo {     text-align: left; font-size: 9pt; vertical-align: middle;     line-height: 13pt; padding-left: .5em;     }#Interaction-Summary .Interaction-Summary-Note {     font-size: 9pt; padding-left: 15px; padding-right: 15px; line-height: normal;     } td.Dni-Summary-Entry {     vertical-align: top; padding: 6pt; }p.Dni-Summary-Entry { margin-top: 0; margin-bottom: 0; }/* >>> other tables <<< */table.Herb-Options {     margin: 1em 0 1.5em;    border-collapse:collapse; border: 1px solid black; }table.Herb-Options td, table.Herb-Options th { border: 1px solid black; }table.Diet_Comparison { margin-top: 1em; }table.Diet_Comparison th { white-space: nowrap; }table.Diet_Comparison td p { margin-bottom: .3em; }table.Chart-Graphic { margin-top: 0; padding-top: 0; border: 0px;}/* >>>> Drug-Body and Drugix-Body specific <<<< */p.Subcat-List-Caption, #Subcat-Info p.List-Caption {     font-weight: bold; margin-bottom: 0; } #Subcat-Info ul.Subcat-List {     margin-top: .5em; }img.Dnitype-Icon-Text {        width: 14px; height: 14px; margin-bottom: 1px; vertical-align: text-bottom;    }img.Dnitype-Icon-List {        width: 14px; height: 14px; margin-bottom: 1px; vertical-align: text-bottom;    }img.Dnitype-Icon-Heading {        width: 14px; height: 14px; margin-bottom: 2px; vertical-align: text-bottom;    }p.Drugix-Autofill-Note { font-style: italic; }#Drugix-Item-List p.Drugix-Item {    margin: .5em 2em; } #Dnisum-Insert p { font-size: 9pt; line-height:1em;}/* >>>> Food_Guide specific <<<< */#Food-Tip p { font-style:italic; }p.Nutrition { margin: .5em .25in; }#Nutrition-Highlights p.Nutrition-Note {     font-size: 9pt; line-height: 1em;     margin: 1em .5in 1.5em .25in; }/* Food and other TOC's */    #Food-Contents-List, #Contents-List {     clear: both;     }#Food-Contents-List p.Food-Contents-List-Caption, #Contents-List p.Contents-List-Caption {     margin-bottom: 0; }#Food-Contents-List td.Food-Contents-List p {     margin-top: .5em; margin-bottom: .8em; }#Food-Contents-List p {     margin-top: .5em; margin-bottom: .5em; }#Contents-List li.Contents-List-Item {     list-style: none; margin: 1em 0 1.5em; }#Contents-List table.Contents-List {     margin-top: 1em; }#Contents-List p.Contents-List-Item {     margin-left: 1cm; margin-bottom: .5em; }/* >>>> Recipe specific <<<< */#Ingredient-List, #Direction-List {     margin-top: 12pt; margin-bottom: 0;     }#Ingredient-List h3, #Direction-List h3 {     font-size: 11pt;     }#Recipe-Description p {     font-style: italic;     }#Ingredient-List p {    margin: 0 .25in;     } /* includes p.Recipe-Ingredient */#Ingredient-List p.Recipe-Sub-Heading {    margin-top: 6pt; font-weight: bold;     } #Direction-List p {     margin: 0 0 6pt;    } /* includes p.Recipe-Step */#Direction-List p.Recipe-Sub-Heading {    margin-bottom: 0; font-weight: bold;     }#Recipe-Note { margin-top: 1em; }#Recipe-Note p.Recipe-Source { font-style: italic; }/*  >>>> Med_Guide   <<<< */ .Med-Para-Lead { margin-top: 0; }.Med-Caption, .Med-Caption-Lead { margin-top: 0; margin-bottom: .5em; }.Med-Itemized-List { margin-top: 0; }/*  >>>> Med_Xref   <<<< */ #Med_Xref-Item-List { margin-top: 1em; margin-bottom: 2em; }table.Xref-Summary { margin-top: 0; padding-top: 0; }table.Xref-Summary, table.Xref-Summary tr, table.Xref-Summary td, table.Xref-Summary th {     border: 1px solid silver;    }    #Med_Xref-Item-List td.Xref-DNI, #Med_Xref-Item-List td.Xref-PEM {    font-size: 9pt;     text-align:left; vertical-align: middle; padding-left: 10px; height: 50px;    }#Med_Xref-Item-List td.Xref-DNI {    background-color: #CCFFCC;     }#Med_Xref-Item-List td.Xref-PEM {    background-color: #FFFFCC;     }#Med_Xref-Item-List td.Xref-Summary-Entry {     vertical-align: top; padding-left: 10px;     padding-top: 0px; padding-bottom: 0px;     }#Med_Xref-Item-List p.Xref-Summary-Entry {     margin-top: .25em; margin-bottom: .75em;     }/* >>>> Homeopathy specific <<<< */#Remedy-Summary p.Homeoix-Item { margin-left: .5in; }/* >>>> Info, Diet, etc. <<<< */#Bibliography {     margin-bottom: 2em; }#Bibliography h3 {     font-size: 10pt; font-weight: bold; font-style: italic;     margin: 1em auto .5em;     }#Bibliography .Biblio-Entry { font-size: 9pt;    margin-top: 0; margin-bottom: 0; }#Resource-List h3 { margin: 1 auto .5em; }#Resource-List { line-height: 1em; }#Resource-List p.Resource-Book, #Resource-List p.Resource-Group, #Resource-List p.Resource-Web {     margin: 1em 1cm;     }/* >>>> References <<<< */div.Reference-List { margin-bottom: 2em; }#Reference-List .Reference { font-size: 9pt; margin-top: 0; margin-bottom: 0; }/* Required styles for hiding and showing references on mouse click *//* Display block */  .DisplayBlock {  display : block; } /* Display none */  .DisplayNone {  display: none;  } /* >>>> Back matter <<<< */div#Copyright-Notice { font-size: 9pt; line-height: 1em; }div#Copyright-Notice img { padding: 0; margin: 0; }div#Copyright-Notice p { font-size: 9pt; margin-top: .5em; margin-bottom: .5em; }div#Copyright-Notice p.Copyright { font-weight: bold; margin-top: 0; }#hniArticle .Fine-Print { font-size: 9pt; line-height: 10pt; }#hniArticle .Fineprint { font-size: 9pt; line-height: 10pt; }/*  >>>> Index styles <<<< */#hniArticle .Index-Letter-Title {     font-weight: bold; font-size:14pt;    margin-bottom:.5em; margin-top: 1em;    }#hniArticle .Index-Instructions, #hniArticle .Index-Description {    font-size: 10pt; }#hniArticle .Index-Entry { margin-top: 0em;  margin-bottom: 0em; }#hniArticle .Index-Jump-Letters { font-size: 11pt; font-weight: bold; }#hniArticle p.Related-Content { color: #666666; margin-top: 0; margin-bottom: .2em; }#hniArticle p.Related-Content a  { color: #666666;}#hniArticle p.Related-Content a:visited { color: #666666; }#hniArticle p.Related-Content a:hover { color: #f04a00; }#hniArticle p.Related-Content-See-Also {     color:#999999;    font-size: 14pt; font-weight: bold;     margin-bottom: .5em; }    /* CSS 2.1 styles for GCL objects *//****************************************************************** * Styles common to all GCLs ******************************************************************/.gcl {  font-size: 11px; font-family: arial,helvetica;}.gclMore {  float: right;}.gclBody {  background-color: #FFF;  border: solid #CCC 1px;  /* height: 100%;    breaks Mac Safari */  width: 100%;}.gclBody h1 {  font-size: 11px;  margin: 0 0 .3em 0;  padding: 0;}.gclBody a:hover {  color: #f04a00;}.gclBody p {  margin: 0 0 .5em 0;}/* Top tab image and rollover */.gclTab {  height: 18px;  width: 100%;}.gclTab a {  display: block;  text-decoration: none;  height: 18px;  width: 100%;  background: url("http://127.0.0.1/asp_stage/http/hnobjects/images/gclt_HealthyLiving.gif") no-repeat;}.gclTab a:hover {    background: url("http://127.0.0.1/asp_stage/http/hnobjects/images/gclt_HealthyLivingOn.gif") no-repeat;}/* Feature image and link */.gclImg {}.gclImg a {  display: block;  text-decoration: none;  height: 100%; /* Firefox needs this */  width: 100%;}/* Textual content section */.gclText {  padding: .5em;}/* Positioning and providing hover effects for the "more" link  */.gclMore {  background: url("http://127.0.0.1/asp_stage/http/hnobjects/images/gcl_moreArr.jpg") no-repeat;  float: right;  height: 25px;  width: 20px;}.gclMore a {  display: block;  text-decoration: none;  height: 25px;  width: 20px;}.gclMore a:hover {  background: url("http://127.0.0.1/asp_stage/http/hnobjects/images/gcl_moreArrOn.gif") no-repeat;}/****************************************************************** * Browser-specific fixes ******************************************************************/* html .gclMore {}/* add box-model hack for IE browsers on height of .gclImg *//******************************************************************* Styles specific to individual GCLs -- examples below. The div name containing the GCL body is a concatenation of "gcl" and the GCL contentID. ******************************************************************/#gcl1000491 .gclTab a {  background: url("http://127.0.0.1/asp_stage/http/hnobjects/images/gclt_HealthyLiving.gif") no-repeat;}#gcl1000491 .gclTab a:hover {  background: url("http://127.0.0.1/asp_stage/http/hnobjects/images/gclt_HealthyLivingOn.gif") no-repeat;}#gcl1000491 .gclMore {  display: none;}.header3 {	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt;	font-style: normal;	font-weight: bold;	color: f04a00;	letter-spacing: normal;	text-transform: uppercase;	text-align: center;}