/*
$HeadURL: http://svn.kyoht.com/coyote/Website/trunk/Output/style.css $
$LastChangedRevision: 1170 $
$LastChangedDate: 2009-03-19 23:43:50 -0600 (Thu, 19 Mar 2009) $
$LastChangedBy: gre7g $
*/
/* General page look & feels */
body
{
  background-color: #FFFFFF; margin: 0px 5px 5px 5px; text-align: center;
  font-family: arial; color: #666666
}
a:link,a:visited,a:hover,a:active {color: #333333}

/* Some miscellaneous definitions and adjustments */
.half_space {margin-top: 6px}
.footnote {margin-top: 18px; font-weight: bold; text-align: right}
.col1 {float: left}
.scoot_up {margin-top: -15px}
img.nudge_up {float: left; margin-top: -6px; padding-right: 5px}
div.nudge_down {position: relative; top: 6px}
div.support_doc {padding: 0px 0px 2px 0px}
div.support_doc img {padding: 0px 5px 0px 0px; position: relative; top: 2px}
.unstyled {text-decoration: none; color: #666666}
.discontinued {background-color: #CCCCCC}
span.discontinued {padding: 2px 3px 2px 3px}
a img {border: 0px}
a:hover {visibility: visible}
ul {margin: 5px 0px 0px 15px; line-height: 120%}
.Firefox ul {position: relative; left: -40px}
.pad_BL {padding: 0px 0px 10px 10px}
.pad_TBL {padding: 10px 0px 10px 10px}
.pad_BR {padding: 0px 10px 10px 0px}
.pad_TBR {padding: 10px 10px 10px 0px}
.pad_all {padding: 10px}
th {vertical-align: bottom; font-size: 90%}
td {padding: 3px 10px 3px 10px}
.IE td.pad_L {padding: 3px 0px 3px 10px}
h2 {margin-bottom: 0px}
hr {width: 650px; height: 2px; text-align: center; margin: 10px auto 20px auto}
.IE table.tight td ul {position: relative; top: -3px; padding-right: 3px}
.Firefox table.tight td ul {position: relative; top: -2px; width: 12}

/* Kludges */
.IE .IE_top_45 {margin-top: 45px}
.Firefox .FF_top_20 {margin-top: 20px}
.IE .IE_top_70 {margin-top: 70px}
.Firefox .FF_top_45 {margin-top: 45px}
.IE .IE_bottom_10 {margin-bottom: 10px}

/* wrapper1 and wrapper2 center the content and form a shadow around it */
div.wrapper1
{
  margin: 0px auto 0px auto; width: 750px;
  background-image: url("layout/s_outside.png");
  background-repeat: repeat-y
}
div.wrapper2
{
  padding: 0px 8px 3px 8px; text-align: left
}

/* Top section defines, to create the logo & workman images */
div.logo
{
  height: 99px; background-image: url("layout/workman_blank.jpg");
  background-repeat: no-repeat; background-position: 100% 0%
}
div.logo img {margin: 10px 0px 0px 9px}

/* Navigation tabs and the highlight section underneath */
div.nav_tabs {float: left; position: relative; left: 11px; top: -22px}
div.nav_tabs div {float: left}
div.nav_tabs a {display: block}
div.nav_tabs img {width: 106px; height: 22px}
div.nav_tabs a:hover img {visibility: hidden}
div.highlight
{
  padding: 10px 10px 15px 10px; color: #FFFFFF; font-size: 87%
}
div.highlight td {padding: 0px 2px 0px 2px; color: #FFFFFF; font-size: 87%}
div.highlight .relax {font-weight: bold; font-size: 105%; margin-top: 3px}
div.highlight a {color: #FFFFFF; font-weight: bold}
div.highlight .a {color: #FFFFFF; font-weight: bold}
div.highlight div.new {font-weight: bold; font-size: 120%; text-align: center}
div.highlight img.product_image {float: left}
div.err_highlight
{
  padding: 10px 10px 15px 10px; color: #FF0000; font-size: 87%
}
div.highlight div.nav
{
  float: right; font-size: 90%; font-weight: bold; padding: 0px 0px 10px 30px;
  text-align: center
}
div.highlight div.nav a {text-decoration: underline}
div.highlight div.nav span.current {color: #2F528C}
div.highlight div.button a
{
  background: url('layout/button_cap.gif') right; text-decoration: none;
  float: right; height: 26px; margin-right: 6px; padding-right: 5px
}

div.highlight div.button a span
{
  background: url('layout/button.gif'); display: block; line-height: 16px;
  padding: 5px 5px 5px 10px; color: #FFFFFF
}
div.highlight .footnotes {font-size: 95%}

/* Web special (if present) appears under the highlight section */
div.web_special
{
  background-color: #FFFF00; color: #000000; padding: 3px 10px 3px 10px
}

/* Body section underneath the highlight section */
div.body {margin: 10px 10px 10px 10px}
div.body .footnotes {font-size: 75%}

/* Grey, rounded-rectangle used to contain text */
div.grey_rr1
{
  float: left; background-color: #E5E5E5; font-size: 90%
}
div.grey_rr2 {padding: 0px 15px 5px 15px}
div.alt_grey_rr1 {position: relative}
div.alt_grey_rr2
{
  position: absolute; z-index: 1; background-color: #E5E5E5; font-size: 90%
}

/* Navigation links at the bottom of the page */
div.nav_bottom
{
  color: #999999; font-size: 75%; margin: 3px 0px 20px 0px;
  letter-spacing: 5px
}
div.nav_bottom span
{
  letter-spacing: 0px; color: #999999; text-decoration: none
}
div.nav_bottom a {text-decoration: none}

/* Product warranty */
dl.warranty dd {margin: 10px 0px 10px 18px}
dl.warranty div.plain {margin: 10px 0px 10px 0px}
dl.warranty div.item_num {float: left; width: 30px; margin-bottom: 10px}
dl.warranty div.item_text {margin-left: 30px; margin-bottom: 10px}
dl.warranty div.subitem_num {float: left; width: 60px; margin-bottom: 10px}
dl.warranty div.subitem_text {margin-left: 60px; margin-bottom: 10px}

/* Scientific content box */
div.science
{
  margin: 10px; padding: 0px 15px 0px 15px; border: 2px solid #236A86
}

/* Product tables */
tr.grey_row td {background-color: #E5E5E5}
tr.gap_top td {border-top: 5px solid white}

div.error_text {font-size: 90%}
div.error_text li p {margin-top: -5px}

/* Screenshot */
div.screenshot {position: relative; z-index: 1; text-align: center}

pre.sourcecode
{
  margin-left: 30px; color: #000000; border: 1px solid; padding: 10px;
  width: 630px
}
pre.sourcecode span.comment {color: #008080}
pre.sourcecode span.keyword {color: #0000FF}
pre.sourcecode span.operator {color: #008000}
pre.sourcecode span.constant {color: #FF0000}
pre.sourcecode span.string {color: #808080}

/* Product documentation CSS */
.Firefox div.doc_nav1 {position: relative; top: -11px;  margin-bottom: -24px}
.IE div.doc_nav1 {position: relative; top: -10px;  margin-bottom: -14px}
div.doc_nav1
{
  float: left; font-size: 80%; padding-right: 10px
}
div.doc_nav2
{
  border-right: 2px solid #6D92CE; padding: 5px 10px 10px 0px
}
div.doc_nav1 img {position: relative; top: 3px}
div.doc_nav1 div.in1 {padding-left: 18px}
div.doc_nav1 div.in2 {padding-left: 36px}
div.doc_nav1 div.in3 {padding-left: 54px}
div.doc_content
{
  border-left: 2px solid #6D92CE; position: relative; left: -11px; top: -21px;
  padding: 1px 10px 10px 10px
}
.IE div.doc_content {margin-bottom: -28px}
.Firefox div.doc_content {margin-bottom: -53px}
span.nav_self {font-weight: bold}

/* The following has been imported from the help-file CSS */
.bitfields .bit {text-align: center; width: 30px}
.bitfields .field
{
    font-family: courier; width: 110px; padding: 0px 5px 0px 5px
}
.bitfields .desc {width: 350px; padding: 0px 5px 0px 5px}
.clearright {clear: right}
.container
{
    width: 100%; height: 100%; border: 1px solid #98A4D2;
    background: url('icons/background.gif') repeat-y
}
.IE .defaultvalue {position: absolute; left: 160px; font-style: italic}
.Firefox .defaultvalue
{
  position: absolute; left: 260px; font-style: italic
}
.failcodes .code {width: 50; font-family: courier}
.fields .field {font-family: courier}
.fields .bytes {width: 60px; text-align: center}
.flash .blocks {font-family: courier; width: 100px}
.floatleft {margin: 0px 20px 10px 0px; float: left}
.Firefox .floatleft {margin-top: 20px}
.floatright1 {margin-left: 20px; float: right}
.floatright2 {margin: 0px 0px 10px 20px; clear: right; float: right}
.floatright3
{
  margin: 10px 0px 10px 10px; clear: right; float: right; text-align: center;
  font-size: 80%; line-height: 200%
}
.navself {font-weight: bold}
.memory .field {font-family: courier}
.memory .addr {width: 150; font-family: courier; text-align: center}
.note
{
  margin-left: 1px; border: 1px solid; padding: 0px 20px 0px 20px; clear: right
}
.IE .note .type {position: relative; top: -15px}
.Firefox .note .type {position: relative; top: -17px}
.note .type img {position: relative; top: 10px}
.IE .note .text {margin-left: 80px}
.Firefox .note .text {margin-left: 85px}
.pckttypes .pckttype {font-family: courier; text-align: center}
.pckttypes .gap {width: 15px}
.pckttypes .klass {width: 125px; font-family: courier}
.register {font-family: courier}
.registers {width: 460px}
.registers .reg {width: 195px; font-family: courier; background-color: #98A4D2}
.registers .notes {width: 160px; background-color: #98A4D2}
.registers .addr {text-align: right; background-color: #98A4D2}
.registers .tinygap {height: 3px}
.type {margin-top: 19px; float: left; font-weight: bold}
.warning
{
    margin-left: 1px; border: 1px solid; padding: 0px 20px 0px 20px;
    background-color: #98A4D2
}
.IE .warning .type {position: relative; top: -17px; color: #000000}
.Firefox .warning .type {position: relative; top: -19px; color: #000000}
.warning .type img {position: relative; top: 10px}
.IE .warning .text {margin-left: 105px; color: #000000}
.Firefox .warning .text {margin-left: 110px; color: #000000}
dt {font-weight: bold;}