/* header styles */
/*--------------------------------------------------------------------------------*/

/* "header" main table */
table.head {color: #ffffff; background-color: #0D033B; border-collapse: separate; border: 0; padding: 0; margin: 0; width: 100%; }
table.head p {margin: 0; padding: 0; }

/* top strip in header containing logo */
td.logo {border-bottom: 2px solid #ACACBD; width: 100%; background-image: url('./images/logo_pattern.gif'); }

/* table cell containing the site nav-links */
td.site-links {color: #000000; background-color: #7E7E7E; height: 20px; /*background-image: url("");*/ font-size: 10pt; font-weight: normal; padding-left: 5px; white-space: nowrap; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }

/* site nav-links */
div.header-links {font-size: 11pt; }
div.header-links a {color: #ffffff; font-size: 11pt; text-decoration: none; font-weight: normal; padding-right: 10px; padding-left: 10px; }
div.header-links a:link {}
div.header-links a:visited {color: #ffffff; }
div.header-links a:hover {color: #383841; text-decoration: underline; }


/* default styles */
/*--------------------------------------------------------------------------------*/

body {font-family: arial, sans-serif; font-size: 11pt; color: #000000; background-color: #ACACBD; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; }
p {margin: 0; padding: 0; }
a {color: #84241A; text-decoration: none; font-weight: normal; font-size: 11pt; }
a:link {color: #84241A; }
a:visited {color: #84241A; }
a:hover {color: #FAF1F1; text-decoration: underline; text-decoration: underline; }
img {border: 0; }

h1 {font-size: 14pt; font-weight: bold; color: #61311D; margin-bottom: .2em; margin-top: 0; }
h2 {font-size: 11pt; font-weight: normal; color: #FDF99F; margin-top: 0; background-color: #414141; padding: .1em; padding-left: .3em; }
h3 {color: #000000; font-size: 11pt; font-weight: bold; margin-top: 0; margin-bottom: .5em; }


/* general styles */
/*--------------------------------------------------------------------------------*/

/* contains entire page below "header" */
table.body {font-size: 11pt; border-collapse: collapse; border: 0; padding: 0; margin: 0; width: 100%; }

/* contains nav-bar and content */
table.page {font-size: 11pt; border: 0; border-bottom: 1px solid #0D033B; border-collapse: collapse; padding: 0; margin: 0; width: 100%; }

/* td containing nav-bar table */
td.nav-cell {width: 110px; vertical-align: top; }

/* nav-bar table */
table.page-nav {/*background-color: #transparent;*/ border-collapse: separate; border: 0; width: 110px; padding: 0; margin: 0; margin-left: 3px; }
table.page-nav p {margin-top: 0; margin-bottom: 0; }
table.page-nav td {vertical-align: top; }
table.page-nav a, table.page-nav a:link, table.page-nav a:visited {color: #383841; text-decoration: none; font-weight: normal; font-size: 10pt; }
table.page-nav a:hover {color: #ffffff; text-decoration: underline; }

/* nav-bar "header" - no link */
td.page-nav-head {border-bottom: 1px #000000 solid; border-top: 1px #000000 solid; background-color: #DFDFDF; font-size: 10pt; color: #84241A; font-weight: normal; padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 0px; text-align: left; }

/* nav-bar "header" - no text - used for formatting */
td.page-nav-head-empty {/*border-bottom: 1px #ACACBD solid;*/ background-color: #8D8DA5; }

/* spacer for above */
p.spacer-page-nav {font-size: 3pt; line-height: 3pt; }

/* nav-bar links */
td.page-nav, td.page-nav-padded {/*border-bottom: 1px #ACACBD solid;*/ padding-left: 2px; padding-right: 0px; padding-top: .2em; padding-bottom: 0; }
td.page-nav-padded, td.page-nav-bullet-padded {padding-bottom: .5em;  }
td.page-nav-bullet, td.page-nav-bullet-padded {padding-top: .5em; }
td.page-nav-top {text-align: left; }

/* page content */
td.page-content {padding-left: 20px; padding-right: 80px; vertical-align: top; }
td.page-content a {color: #84241A; text-decoration: none; font-size: 11pt; font-weight: normal;}
td.page-content a:link {color: #84241A; }
td.page-content a:visited {color: #84241A; }
td.page-content a:hover {color: #FAF1F1; text-decoration: underline; }

/* block level formatting for "topics" */
div.topic-format {border-bottom: 2px #414141 solid; margin-bottom: 1.5em; margin-top: 0; }
div.topic-format p {margin-top: 0; margin-bottom: .5em; }

/* used to outline information inder topics */
table.topic-info {border: 1px #8D8DA5 solid; font-size: 8pt; margin: 0; margin-bottom: 3px; color: #414141; border-collapse: collapse; width: 100%; }
table.topic-info td {vertical-align: middle; padding: 3px; }
table.topic-info td.info {text-align: right; }
table.topic-info .italic {color: #000000; }
table.topic-info p {margin: 0; }
table.topic-info img {margin: 0; padding: 0; }

/* used for small links like the "[top]" link */
p.small-link a {font-size: 9pt; color: #84241A; }
p.small-link a:link {color: #84241A; }
p.small-link a:visited {color: #84241A; }
p.small-link a:hover {color: #FAF1F1; text-decoration: underline; }

/* used to underline topic title links */
p.title-text a {text-decoration: underline; }

/* used for example paragraphs */
pre.example {font-family: courier new, monospace; padding: 1em; border: 1px black solid; background-color: #F3EEE4; margin-bottom: .2em; margin-top: .2em; font-size: 10pt; }

/* used for pre captions */
p.pre-caption {font-size: 9pt; color: #4F4F62; }
p.pre-caption a {font-size: 9pt; }

/* used for example code */
code {font-family: courier new, monospace; white-space: nowrap; }

/* classes used for the toc on multiple page docs */
div.toc {}
div.toc p {padding-top: .1em; }
p.number-item {margin-top: .2em; }
p.letter-item {margin-left: 1.5em; font-size: 10pt; color: #4F4F62; }

/* classes used for "text nav" on multiple page docs */
div.text-nav {font-size: 10pt; }
div.text-nav p {padding: 0; margin: 0; }
div.text-nav a {font-size: 9pt; /*color: #;*/ }
div.text-nav a:link {/*color: #;*/ }
div.text-nav a:visited {/*color: #;*/ }
div.text-nav a:hover {/*color: #;*/ text-decoration: underline; }
span.arrows {font-family: courier new, monospace; white-space: nowrap; }

/* used for highlighted notes */
p.note {padding: .5em; color: #ffffff; background-color: #7C3734; }
p.note a {color: #EACAB5; }
p.note a:link {color: #EACAB5; }
p.note a:visited {color: #EACAB5; }
p.note a:hover {color: #F3EEE4; text-decoration: underline; }

/* used for anchors */
p.anchor {margin: 0; padding: 0; }

/* spacers and alignment */
.spacer1 {font-size: 1pt; line-height: 1pt; }
.spacer4 {font-size: 4pt; line-height: 4pt; }
.spacer10 {font-size: 10pt; line-height: 10pt; }
.spacer15 {font-size: 15pt; line-height: 15pt; }
.spacer30 {font-size: 30pt; line-height: 30pt; }

p.space1 {margin-bottom: 10px; }

/* generic formatting */
.align-center {text-align: center; }
.italic {font-style: italic; }
.emphasis-text {font-weight: bold; }
.note-text {color: #FDF99F; }
.note-text-italic {color: #FDF99F; font-style: italic; }
.alert-text {color: #FDF99F; }
.normal {font-style: normal; }

img.thumb {border-color: #000000; }


/* footer styles */
/*--------------------------------------------------------------------------------*/

/* footer main table */
table.footer {background-color: #7E7E7E; border-collapse: collapse; border: 0; width: 100%; padding: 0; margin: 0; text-align: center; }

/* footer separation line (hr) */
hr.footer {color: #000000; width: 100%; height: 1px; line-height: 1px; }

/* footer links */
p.footer-links {color: #000000; text-align: center; margin-top: 2px; margin-bottom: 8px; padding: 0px; }
p.footer-links a {color: #ffffff; font-size: 9pt; text-decoration: none; font-weight: normal; }
p.footer-links a:link {color: #ffffff; }
p.footer-links a:visited {color: #ffffff; }
p.footer-links a:hover {color: #383841; text-decoration: underline; }

/* footer "tested with" sentence */
table.footer2 {text-align: center; vertical-align: middle; /*border-top: 1px solid #000000;*/ width: 100%; }
table.footer2 td {white-space: nowrap; }
table.footer2 td.foot-spacer1 {width: 170px; }
table.footer2 td.foot-spacer2 {width: 200px; }
p.footer-tested {font-size: 8pt; color: #000000; text-align: left; font-weight: normal; padding: 0; }

/* used for w3c logos on bottom of page */
p.w3c-logos {text-align: right; }
p.w3c-logos img {border: 0; margin: 0; margin-bottom: 0px; margin-top: 4px; }