/* >>>>>>>>> hniArticle.css <<<<<<<<< */
/*
2007-06-19 KK
- added style rule for combination drug toggle (bug 1794)
2007-04-11 LJ
- cross browser changes to Cookbook-Article-Banner and Cookbook-Article-Banner-Title
2007-04-04 LJ
- incorporated C3-TJ additions
2006-10-23 TJ
- improved the DNI and PEM cross-link rendering (bug 402)
2006-10-09 LJ
- corrected a few bugs (missing colons)
2006-10-04 LJ
- Setting a minimum height for Food-Intro's that don't have the graphical recipe callout (.Food-Intro-Illustration)
2006-09-09 LJ -
- relax precendence for Varietal-Topic backgrounds (div.redWine, div.whiteWine, div.otherWine)
- cure sinking floats by shifting Cookbook-Captions id to container div
2006-09-07 TJ
- C2 feature additions; marked as C2-TJ
2006-03-09 LJ
- incorporating 8.0 TOC, Focus, and Lifestyle changes in web presentation
08/04/2005 LJ
- Added rule for #Toc-Intro-Body div with padding-top (for Firefox/Netscape)
08/03/2005 TH
- Reduced top margin in "#Toc-Intro-Body p.Intro-Body-Text" to fix in Firefox/Netscape.
07/26/2005 LJ
- Changed "#Intro-Body" rules to "#Article-Intro div.Intro-Body"
07/18/2005 LJ
- Added rules for #Related-Topics classes .Related-DNI-Topics and .Related-PEM-Topics
- Changed rule for #Related-Topics p more specific "#Related-Topics p.Related-Topics"
- Added rules for #Toc-Intro-Body and "#Contents-List p.Contents-List-Title"
- Removed Uk-Consideration rule (content restricted by target-locale attribute)
2006-03-09 LJ
- incorporating 8.0 TOC, Focus, and Lifestyle changes in web presentation
08/04/2005 LJ
- Added rule for #Toc-Intro-Body div with padding-top (for Firefox/Netscape)
08/03/2005 TH
- Reduced top margin in "#Toc-Intro-Body p.Intro-Body-Text" to fix in Firefox/Netscape.
07/26/2005 LJ
- Changed "#Intro-Body" rules to "#Article-Intro div.Intro-Body"
07/18/2005 LJ
- Added rules for #Related-Topics classes .Related-DNI-Topics and .Related-PEM-Topics
- Changed rule for #Related-Topics p more specific "#Related-Topics p.Related-Topics"
- Added rules for #Toc-Intro-Body and "#Contents-List p.Contents-List-Title"
- Removed Uk-Consideration rule (content restricted by target-locale attribute)
*/
.toplink { display: block; clear: both; line-height: 0; }

#hniArticle {
    color: #000;
    background: #fff;
    font-size: 85%;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    }
div#hniArticle { margin: 0 5px; }
/* Hacks for IE-win \*/
* html #hniArticle { height: 1%; }
/* End IE hack */

#hniArticle td,
#hniArticle p,
#hniArticle ul,
#hniArticle li  {
    font-size: 90%;
    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,
#hniArticle a:visited,
#hniArticle a:active {
    color: #6699cc;
    }
#hniArticle a:hover {
    color: #99cc66;
    }

/* >>>> Headings <<<< */
#hniArticle h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold; font-style: italic;
    margin-bottom: 0;
    text-align: left;
    }
#hniArticle .Heading {
    font-weight: bold; }
#hniArticle th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    }
#hniArticle h3.Med-Guide-Heading {
    font-style: normal;
    }
#Reference-List h3 {
    font-size: 11pt; margin-bottom: .5em;
    }
#Protocol-Summary p.Protocol-Summary-Heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt; font-weight: bold;
    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.Related-Topics,
#Combination-List p,
#Recipe-Categories p {
    font-size: 9pt;
    line-height: 1.5em; }

#Related-Topics .Related-DNI-Topics,
#Related-Topics .Related-PEM-Topics {
    font-weight: bold;
    margin-top: .5em;
}

#Photo,
#Illustration {
    float: right;
    height: auto;
    padding: 0 10px;
    width: 205px;
    }
#Illustration img,
#Photo img {
    display: block;
    float: right;
    }
#Photo .Photo-Credit {
    clear: right;
    font-size: 8pt; text-align: right;
    }

/** C2-TJ: removed recipe-inset div callout styles and moved
    all other rules to the recipe section of this style sheet **/

/* >>>> ul based sidebar <<<< */
#Sidebar-Element { display: none; }
#Sidebar-Display { display: block; }

#Sidebar-Display {
    padding: 0 0 .5em;
    }
#Sidebar-Display ul.sidebar a:hover {
    color: #000;
    }
#Sidebar-Display h3.Sidebar-Heading {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    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 {
    list-style: url('../Images/skiparrow.gif') outside;
    margin-left: 18px;
    padding: 1px;
    }

/*
>>> 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;
    }

/* >>>> Toc-Intro <<<< */
#Toc-Illustration  {
    float: left;
    height: auto;
    margin: 0px;
    padding: 0px 10px 10px;
    width: 292px;
    }
#Toc-Illustration  img {
    display: block;
    }
#Toc-Introductory  p {
    font-size: 100%;
    margin: 0px 0px 10px;
    padding: 0px 0px 10px;
    }

/* >>>> Need to know/Focus <<<< */
#Focus-Illustration  {
    float: left;
    height: auto;
    margin: 0px;
    padding: 0px 10px;
    width: 190px;
    }
#Focus-Illustration img  {
    display: block;
    }
#Focus-Intro-Line p {
    font-size: 12pt;
    margin: 0px 10px;
    padding: 0px 10px;
    }
/** C2-TJ: removed right padding **/
div#Focus-Options {
    margin-right: 1px;
    padding: 0;
    position: relative; clear: both;
    }
#Focus-Options h3.Focus-Options-Heading {
    line-height: 0;
    margin: 0;
    padding: 0;
    }
#Focus-Options div.Focus-Content {
    padding: 8px 5px 2px;
    }
#Focus-Options p.Focus-Autofill-Trailer {
    border: 1px solid #0099CC;
    font-size: 9pt;
    padding: 5pt;
    }
#Focus-Options ul.Focus-Item {
    margin: 0 0 .5em 0;
    padding: 0 12pt 0 0;
    }
#Focus-Options ul.Focus-Item li {
    font-size: 11pt;
    padding-left: 12pt;
    }
#Focus-Options li.Focus-Item-Caption {
    background: url('../Images/focus_Checkmark.gif') no-repeat 0px 0px;
    font-weight: bold;
    list-style: none outside;
    }
#Focus-Options li.Focus-Item-Para {
    line-height: 12pt;
    list-style: none;
    margin-bottom: 2px;
    }

/* >>>> main content elements <<<< */
#Introductory { margin-top: .5em; }

/* 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 */
#Contents-List,
#Food-Contents-List {
    clear: both;
}
#Contents-List p.Contents-List-Title {
    font-size: 13pt;
    font-weight: bold;
    margin: 0;
}
#Contents-List p.Contents-List-Title b {
    color: #999;
}
#Contents-List p.Contents-List-Caption,
#Contents-List-Index p.Contents-List-Caption {
    margin: .5em 0;
}
#Contents-List li.Contents-List-Item {
    list-style: none; margin: 1em 0 1.5em;
    }
#Contents-List table.Contents-List {
    margin-top: .5em; }
#Contents-List p.Contents-List-Item {
    margin-left: 1cm; margin-bottom: .5em;
    }
#Food-Contents-List td.Food-Contents-List p {
    margin-top: .5em; margin-bottom: .8em;
    }
#Food-Contents-List p {
    margin-top: .5em; margin-bottom: .5em;
    }
#Food-Contents-List p.Food-Contents-List-Caption {
    margin-bottom: 0;
    }

/** C2-TJ: Food Intro and Wine Varietals **/

/* >>>> Food Intro styles <<<< */

#Food-Intro h2 {
    font-size: 14pt;
	font-weight: normal;
    margin: 0; padding: 0;
    }
#Food-Intro .Intro-Container {
    background-color: #EDEDED;
	border: 2px solid #999999;
	width: 100%;
    }
#Food-Intro .Food-Intro-Illustration {
    background: no-repeat;
    float: left;
    width: 180px;
    }
    /* min-height for IE */
   /*\*/
   * html .Food-Intro-Illustration {
   height: 364px;
   }
/**/
#Food-Intro .Food-Intro-Recipes-Callout {
    margin-top: 239px;
    }
#Food-Intro .Food-Intro-Text {
    background: repeat-x url( '../Images/foodintro.bg.gif');
    }
#Food-Intro .Food-Intro-Text p {
    margin: 0; padding: 1em .5em 0 .5em;
    }
#Food-Intro .Food-Intro-Text p b {
	color: #8B1A0F;
    }
#Food-Intro .Intro-Container br.clear {
    clear: left;
    font-size: 1px;
    }

/* >>>> Wine Varietal styles <<<< */

#Varietal-Topic {
	margin: 0px;
	width: 100%;
	min-height: 250px;
	height: auto;
    }
/* min-height for IE */
/*\*/
* html #Varietal-Topic {
height: 250px;
}
/**/

#Varietal-Topic p {
	padding: 1em 200px 1em 1em;
    }
/*  background images will be in common Images folder */
div.redWine {
    background: #EBEBEB url('../Images/red.winePhoto.jpg') top right no-repeat;
    }
div.whiteWine {
    background: #EBEBEB url('../Images/white.winePhoto.jpg') top right no-repeat;
    }
div.otherWine {
    background: #EBEBEB url('../Images/other.winePhoto.jpg') top right no-repeat;
    }

#Related-Wine-Topics p {
    line-height: 2em;
    text-align: center;
    }
#Related-Varietals {
    position: relative;
    }
#Related-Varietals h2 {
	background-color: #999;
	color: #fff;
	padding: 0.25em;
	font-size: 1.25em;
	}


/* >>>> Recipe specific <<<< */
#Ingredient-List,
#Direction-List {
    margin-top: 12pt; margin-bottom: 0;
    }

/** C2-TJ: additional rules to existing elements **/
#Direction-List { clear: both; }

#Ingredient-List h3,
#Direction-List h3 {
    font-size: 11pt;
    }

#Recipe-Description p.Collection-Sponsored {
    font-size: 11pt;
    font-weight: bold;
    margin: 0 0 .5em; padding: 0;
    }

#Recipe-Note p.Collection-Attribution {
    font-size: .8em;
    font-style: normal;
    font-weight: bold;
    padding-top: .5em;
}

#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; }

#Recipe-Inset ul {
    list-style: none outside;
    margin: 0; padding: 0.75em .5em;
    }
#Recipe-Inset  li { font-size: 10pt; }

/** C2-TJ: new elements **/

#Recipe-Prep { margin-top: 12pt; margin-bottom: 0; }
#Recipe-Prep h3 { font-size: 11pt; }
#Recipe-Prep p { margin: 0 .25in; }
#Recipe-Prep p b { font-weight: normal; }

#Recipe-Illustration { float: left; margin: 0; padding: 0 5px 10px 0; width: 205px; }
#Recipe-Illustration img { display: block; margin: 0; padding: 0; }
.clearleft { clear: left; }

/* >>>> Make it a Meal and Wine Pairings Pinup <<<< */

#Recipe-Meal-Wine-Pinup, #Wine-Pairings {
    float: right; clear: right;
	margin: 10px 10px 16px 16px; width: 198px;
	background-color: #ffffe7;
	border: 1px solid #a0a759;
}

#Recipe-Meal-Wine-Pinup h3, #Wine-Pairings h3 {
	margin: 0; padding: 0; width: 198px; height: 41px;
}
#Recipe-Meal-Wine-Pinup h3.meal-topper {
	background: transparent url("../Images/pinup_topper.meal.jpg") no-repeat;
}
#Recipe-Meal-Wine-Pinup h3.wine-header {
	background: transparent url("../Images/pinup_header.wine.jpg") no-repeat;
}
/* used for wine header when no meal suggestions exist */
#Recipe-Meal-Wine-Pinup h3.wine-topper, #Wine-Pairings h3.wine-topper {
	background: transparent url("../Images/pinup_topper.wine.jpg") no-repeat;
}

#Recipe-Meal-Wine-Pinup h3 span, #Wine-Pairings h3 span { display: none; }
#Recipe-Meal-Wine-Pinup p { padding: 0; margin: 10px; }
#Recipe-Meal-Wine-Pinup p.meal-tagline { margin: 0 10px 5px; }
#Recipe-Meal-Wine-Pinup ul.Wine-Pairings,
#Wine-Pairings ul.Wine-Pairings { list-style: none; }

ul.Wine-Pairings { margin: 0; padding: 0 0 10px; }
ul.Wine-Pairings li {
    font: 9pt/17px Arial; display: block; height: 38px; margin-left: 20px;
    overflow: hidden; padding: 5px 0 0 20px;
}
ul.Wine-Pairings li a { padding-right: 5px; }
ul.Wine-Pairings li.White {
	background: url("../Images/wine_White.icon.gif") no-repeat 0 0;
}
ul.Wine-Pairings li.Red {
    background: url("../Images/wine_Red.icon.gif") no-repeat 0 0;
}
ul.Wine-Pairings li.Other {
    background: url("../Images/wine_Other.icon.gif") no-repeat 0 0;
}

/** end of C2-TJ **/

/*  >>>> 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;
    }

/** C2-TJ: New RxA and PEM rules **/

/* >>>> New RxA and PEM <<<< */

/** Enable this rule by default in RTI renditions: **/ #hniArticle #Other-Brands-Toggle { display: none; }

/** other brand toggle **/
#hniArticle #Other-Brands-Toggle a.common-show, #hniArticle #Combo-Drugs-Toggle a.common-show {
	display: inline;
}
#hniArticle #Other-Brands-Toggle a.common-hide, #hniArticle #Combo-Drugs-Toggle a.common-hide {
	display: none;
}
#hniArticle #Other-Brands-Toggle a,
#hniArticle #Combo-Drugs-Toggle a {
	font-size: 9pt;
}

/** focus options **/
#hniArticle #Focus-Heading-Drug {
  background:url("../Images/Focus_Header-RxAnswers.gif") no-repeat -20px;
  width: 200px;
  height: 38px;
}
#hniArticle #Focus-Heading-Drug span { display: none; }
#hniArticle #Focus-Options dt {
  background: url("../Images/focus_Checkmark.gif") no-repeat 0 0;
  font-weight: bold;
  margin-top: 1em;
  padding-left: 20px;
}

#hniArticle p.dnitrailer {
  border:1px solid #999;
  color:#888;
  font:82% Arial;
  margin:1em 0;
  padding:.5em 1em;
}

#hniArticle #Related-PEM-Topics, #hniArticle #Related-DNI-Topics {
  margin:1em 0; padding: 0; border: 1px solid #999;
  background: #CCDFEE url("../Images/crosslink_toPEM.gif") no-repeat;
}

#hniArticle #Related-DNI-Topics {
	background: #DFF2FF url("../Images/crosslink_toRxA.gif") no-repeat;
}

#hniArticle #Related-PEM-Topics div, #hniArticle #Related-DNI-Topics div {
	position: relative;
	padding: 15px; margin: 0 0 0 85px; background-color: #fff;
	border-left: 1px solid #999; font-size: 10pt;
}

#hniArticle #Related-DNI-Topics div h4 {
	margin: 0; padding: 0; font-size: 11pt;
}

/** end of C2-TJ **/

/* >>>> 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;
    }

/* >>>> Back matter <<<< */
div.Reference-List { margin-bottom: 2em; }
#Reference-List .Reference { font-size: 9pt; margin-top: 0; margin-bottom: 0; }

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: #990000; margin-top: 0; margin-bottom: .2em; }
#hniArticle p.Related-Content a  { color: #990000;}
#hniArticle p.Related-Content a:visited { color: #990000; }
#hniArticle p.Related-Content a:hover { color: #B58E4A; }

#hniArticle p.Related-Content-See-Also {
    color:#999999;
    font-size: 14pt; font-weight: bold;
    margin-bottom: .5em; }

/* Styles for product-style recipe nutrition facts */
#Nutrition-Facts {
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    padding: 6px;
    width: 250px;
}
#Nutrition-Facts b {
    font-weight: bold;
}
#Nutrition-Facts .Fact-Line {
    border-bottom: solid black 1px;
}
#Nutrition-Facts .Fact-Line-Bottom,
#Nutrition-Facts .Fact-Line-Top {
    border-bottom: solid black 7px;
}
#Nutrition-Facts .Fact-Line-Detail {
    border-bottom: solid black 1px;
    padding-left: 1em;
}
#Nutrition-Facts .Fact-Line-Middle {
    border-bottom: solid black 4px;
    padding-left: 1em;
}
#Nutrition-Facts .Fact-Line-Subheading {
    border-bottom: solid black 1px;
    font-size: .8em;
    text-align: right;
}
#Nutrition-Facts .Fact-Line-Footing {
    margin-bottom: 6px;
    text-align: justify;
}
#Nutrition-Facts .Fact-Line-Footing b {
    font-size: .75em;
    font-weight: normal;
}
#Nutrition-Facts span.percent-dv {
    float: right;
}

/* label text */
#Nutrition-Facts .Fact-Line b,
#Nutrition-Facts .Fact-Line-Bottom b {
    font-weight: bold;
}
#Nutrition-Facts .Fact-Line-Detail b,
#Nutrition-Facts .Fact-Line-Middle b,
#Nutrition-Facts .Fact-Line-Top b {
    font-weight: normal;
}

#Lifestyle-Illustration {
    float: left;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    width: 300px;
    }
#Lifestyle-Illustration img {
    display: block;
    }
#Lifestyle-Illustration div.Pullquote {
    background-color: #e2e2e2;
    color: #C06D1A;
    font-size: 13.5pt;
    font-weight: bold;
    margin: 0 0 .5em;
    padding: 10px 15px;
    text-align: center;
    }
/* Hacks for IE-win \*/
* html div.Pullquote { width: 300px; }
/* End IE hack */
#Lifestyle-Content {
    font: 12pt Arial, sans-serif;
    }
div.Lifestyle#Tagline {
    font: bold 16pt/1em  Arial, sans-serif;
    margin: 0;
    }
div.Lifestyle#Author-Byline {
    font-size: 11pt;
    margin: 0px 0px 1em;
    }
#Lifestyle-Content ul li {
    list-style: inside;
    margin: .5em;
    }
div.Lifestyle.Subtopic p span.heading {
    color: #C4893B;
    font-size: 13.5pt;
    font-weight: bold;
    }
div.Lifestyle.Subtopic p span.heading b.number {
    background-color: #C4893B;
    color: #fff;
    font-size: 13.5pt;
    font-weight: bold;
    padding: 0 .2em;
    }
div.Lifestyle.Subtopic h4 {
    font-size: 13.5pt;
    font-weight: bold;
    margin: .5em 0 0 0;
    }
div.Lifestyle.Subtopic h4 span.question {
    color: #C4893B;
    font-size: 21pt;
    font-weight: bold;
    line-height: .9em;
    position: relative; top: 0; left: 0; width: 30px;
    }
div.Lifestyle.Subtopic p span.answer {
    color: #999;
    font-size: 21pt;
    font-weight: bold;
    line-height: .9em;
    position: relative; top: 0; left: 0; width: 30px;
    }
div.Lifestyle#Further-Reading {
    padding: 0 0 0 0;
    width: 100%;
    }
div.Lifestyle#Further-Reading h4 {
    margin: 0 0 7px 0;
    }
div.Lifestyle#Further-Reading p {
    margin: 0 0 0 10px;
    }
div.Lifestyle#Author-Bio p {
    font-size: 11pt;
    font-style: italic;
    margin: 25px 0 0 0;
    }


/* C3-TJ additions */
#hniArticle table.r_search {
	margin: 0px; padding: 0px; border-spacing: 0;
	border: none; border-collapse: collapse;
}
#hniArticle table.r_search th, #hniArticle table.r_search td {
	margin: 0; border: none; padding: 1px 2px;
}

#hniArticle tr.rs_top_border th, #hniArticle tr.rs_top_border td {
	border-top: 1px solid #ccc;
}

#hniArticle div.recipe_search_results {
	border-top: 2px solid #666; padding-top: 3px; margin-top: 5px;
}

#hniArticle div.recipe_button_wrap { margin: 5px 0; }

#hniArticle div.Focus-Recipe {
	padding-top: 33px;
	background: transparent url(../Images/focus_Header.recipe.gif) no-repeat;
}
#hniArticle div.Focus-Recipe h3 {
	display: none;
}
#hniArticle div.Focus-Recipe ul {
	padding: 0 0 0 16px; margin: 0 0 0 10px;
}

#hniArticle div.Focus-Recipe li {
	list-style-image: url(../Images/focus_Checkmark.gif);
	margin: 2px 0px 5px 0px;
}

#hniArticle div.Collection-Button {
	overflow: auto; min-width: 200px; float: left; width: 200px;
	padding: 5px;
	background-color: #f0f0f0; border: 1px solid #ccc;
}

#hniArticle div.Collection-Button a,
#hniArticle div.Collection-Button a:active,
#hniArticle div.Collection-Button a:hover,
#hniArticle div.Collection-Button a:visited {
	color: #000; display: block;
	margin: 0; padding: 0; font-size: 10pt; font-weight: bold;
	text-decoration: none;
}

#hniArticle div.Collection-Button a em.link {
	color: blue;
	font-style: normal;
	text-decoration: underline;
}

#hniArticle div.Recipe-Icons ul, #hniArticle div.Recipe-Icons li {
	display: inline; margin: 0; padding: 0;
}

#hniArticle div.Recipe-Icons { margin-top: 10px; }

#hniArticle div.Recipe-Icons li {
	padding-left: 20px; margin-left: 5px;
	background-repeat: no-repeat;
	list-style: none;
}

#hniArticle div.Recipe-Icons li.Recipe-Icon-Fast {
	background-image: url(../Images/icon.small.Fast.gif);
}

#hniArticle div.Recipe-Icons li.Recipe-Icon-Heart_Healthy {
	background-image: url(../Images/icon.small.Heart_Healthy.gif);
}

/** C2-TJ: new recipe index rules
---- REMOVE ----
 end of C2-TJ **/

#hniArticle table.Cookbook-Content-Table {
	margin: 0; padding: 0; border: none; width: 100%;
	border-collapse: collapse; border-spacing: 0;
}

#hniArticle tr.Cookbook-Captions th {
	background-color: #c0b9c0; padding: 2px 4px; color: #fff;
	text-align: left;
}

#hniArticle tr.Cookbook-Captions th.Cookbook-Captions-Action {
	text-align: right; white-space: nowrap;
}

#hniArticle tr.Cookbook-Captions th.Cookbook-Caption-Legend {
	text-align: right; font-size: 0.8em;
}

#Cookbook-Content tr.odd-row { background-color: #fbfbfb; }
#Cookbook-Content tr.even-row { background-color: #f4f4f4; }

#hniArticle table.Cookbook-Content-Table td { padding: 2px 4px; }
#hniArticle table.Cookbook-Content-Table td.Cookbook-Icons {
	padding: 2px; text-align: right;
}

#hniArticle div.Cookbook-Article-Banner {
	background-color: #e2e2e2; margin: 0;
	background-repeat: no-repeat; padding: 5px;
}

#hniArticle p.Cookbook-Article-Banner-Text {
	margin: 0 0 0 110px; padding: 0; height: 70px; overflow: hidden;
	font-weight: bold; position: relative;
}

#hniArticle p.Cookbook-Article-Banner-Text small {
	font-weight: normal; font-size: 0.75em; line-height: 0.8em;
}

#hniArticle p.Cookbook-Article-Banner-Title {
	margin: 5px; 
	font-weight: bold; color: #fff; font-size: 1.75em;
}