/* zarkov.css */

/* Ask Dr. Zarkov page rules */

table.content {margin: 0; border-collapse: separate; border-bottom: 9pt solid #b47c8f;}
col.info {width: 100%;}

/* Gecko doesn't let you float an image outside of its container (at least on the float side), */
/* And it doesn't seem to like the shorthand border property, so don't combine border-top and border-bottom below.  */

/* IE likes r,s,s; NS likes x,s,r; Safari likes x,x,r not x,s,s, but x,r,s OK with nested DIVs */
tr.colHead td.ask {position: relative; padding-top: 40px;}
tr.colHead td.ask div.bg/* , tr.colStop td.ask p */ {position: relative; color: white; background-color: #b47c8f;}
/* tr.colHead td.title {position: relative; height: 27pt;} */
* html tr.colHead td.ask div.bg {position: static;}
tr.body td.ask {border-left: 1pt solid #b47c8f;}
/* tr.colStop td.ask p */ {padding: 4pt 15pt; white-space: nowrap; font-size: /* small */ 9pt; font-weight: 700; font-style: italic; color: white; /* line-height: 1em; */}

h2 {padding: 6pt 76pt 8pt 6pt; font: bold 24pt Verdana,Arial,Helvetica,sans-serif; font-stretch: condensed; text-align: right;}
img.shadowed {position: absolute; z-index: 0; right: 6pt; bottom: 6pt; width: 60pt; height: 60pt;}
table.data td, table.data th {padding: 2pt; color: #851c3f;}

/* Fix image position in Opera 6 and under \*/
html>body img.shadowed {bottom: -38pt; top: auto;}
/* Hide the following from Op6 (and IE) -- see http://www.albin.net/CSS/OwenHack.html */
head:first-child+body img.shadowed {top: auto; bottom: 6pt;} 

.ask div.article {padding: 12pt 8pt 8pt 8pt;}
.ask img.healthGraphic {float: right; margin: 4pt 0pt 4pt 4pt; width: 50%;}
div.healthGraphic div.caption {}
.ask img.initial {width: 27pt; height: 30pt; margin-bottom: -6pt; margin-right: 6pt;}
.ask .article {clear: both; margin: 0;/* font-family: Verdana,Arial,Helvetica,sans-serif; */ line-height: 1.2; color: #6c213b;}
.ask .article .question {margin-bottom: 9pt; font-size: /* medium */ 12pt; line-height: inherit; font-weight: 600; font-style: italic; color: #851c3f;}
.ask .article .answer, .ask .article .bodyText {margin: 3pt 0; font-size: /* medium */ 9pt; line-height: inherit; font-weight: 400;}
.ask .article h3 {margin: 1em 0 0.5em; font-size: 11pt; font-weight: 700;}
.ask .article h4 {margin: 1em 0 0.5em; font-size: 9pt; font-weight: 700; font-style: italic;}

.ask .article li {margin-top: 3pt; font-size: /* medium */ 9pt; font-weight: 400;}
.ask .article p.linksHead {margin-top: 8pt; font-size: 9pt; line-height: inherit; font-weight: 600; font-style: italic; color: #851c3f;}
.ask .article p.byLine {margin-top: 6pt; text-align: right; font-size: 8pt; line-height: inherit; font-weight: 400; color: #851c3f;}
.ask .article p.lastMod {margin-top: 0; text-align: left; font-size: 7pt; line-height: inherit; font-weight: 400; color: #aaa;}
.ask .article p.contact {margin-top: 3pt; text-align: right; font-size: 8pt; line-height: inherit; font-weight: 400; color: #aaa;}
.ask .article p.disclaimer {margin-top: 6pt; font-size: 7pt; line-height: inherit; font-weight: 400; color: #6c213b;}
span.inlineHead {font-weight: bold; font-size: 110%;}

.ask .article a {text-decoration: none; color: inherit;}
.ask .article a:link, .ask .article a:visited, .ask .article a:hover, .ask .article a:active {text-decoration: underline;}
.ask .article p.link, .ask .article p.link a {margin-top: 6pt; font-size: 8pt; line-height: inherit; font-weight: 400; color: #851c3f;}
.ask .article p.link a i {color: #555;}

/* WinIE only: \*/
* html .ask .article .question a {color: #851c3f;}
* html .ask .article .answer a {color: #6c213b;}
* html .ask .article .contact a {color: #aaa;}
/* End WinIE */

.ask .article sup.footNote {font-size: 7pt; color: #f33;}
.ask .article sup.footNote a:link, .ask .article sup.footNote a:visited {text-decoration: none;}
.ask .article sup.footNote a:hover {text-decoration: underline;}
.ask .article sup.footNote a:active {color: black; text-decoration: none;}

img.plantGraphic {width: 126pt; height: 189pt; margin-bottom: 27pt;}
ul.nav a.zarkov {color: #666; cursor: default;}
ul.nav a.zarkov:hover, ul.nav a.zarkov:focus {text-decoration: none;}
ul.footerNav a.zarkov {color: #aaa; text-decoration: none; cursor: default;}