/* Note: Patch for IE: sidebar widths, h1-inset width */

body {
    background: #FFFFFF;
    color: #000000;
}

a:link, a:visited {
    color: inherit;
}

img {
    border: none;
}

dfn, em {
    font-style: italic;
}

/* major page divisions */

div.main-heading, div.main-content {
    font: 12px Arial, Helvetica, sans-serif; color: #000000;
    position: relative;
    margin: 0px 0px 0px 12px;
}
div.left-sidebar {
    position: relative;
    width: 100%; margin: 0px 0px 0px 6px;
}
div.right-sidebar {
    position: relative;
    margin: 0px 12px 0px 12px;
}
div.right-annotation {
    font: 9px Arial, Helvetica, sans-serif; color: #7F7F7F;
    position: relative;
    margin: 0px 0px 12px 12px; padding: 0px 0px 0px 8px;
}

/* right sidebar content */

div.right-sidebar div.blurb {
    /* positioned at bottom left of containing block */
    font: 11px Arial, Helvetica, sans-serif; color: #7F7F7F;
    text-align: left;
    position: absolute; bottom: 0px; left: 0px;
    height: auto; width: auto; margin: 0px; padding: 0px 0px 0px 8px;
}
div.right-sidebar div.annotation {
    font: 9px/1.2 Arial, Helvetica, sans-serif; color: #7F7F7F;
    margin: 0px 0px 6px 0px; padding: 0px 0px 0px 8px;
}

div.right-sidebar div.annotation a:link,
div.right-sidebar div.annotation a:visited {
    color: #7F7F7F;
    text-decoration: none;
}
div.right-sidebar div.annotation a:link:hover,
div.right-sidebar div.annotation a:visited:hover {
    color: #7F7F7F;
    text-decoration: underline;
}

/* navigation lists */

div.site-navigation {
    font: 11px/1.5 Arial, Helvetica, sans-serif; color: #454875;
    text-align: left;
    width: 120px; margin: 36px auto 0px 0px; padding: 18px 8px 72px 0px;
    border: none; border-right: 1px solid #C9C9C9;
}
div.local-navigation {
    font: 11px/1.5 Arial, Helvetica, sans-serif; color: #7F7F7F;
    text-align: left;
    width: 120px; margin: 36px 0px 0px auto; padding: 18px 0px 72px 8px;
    border: none; border-left: 1px solid #C9C9C9;
}
div.site-navigation div.h1,
div.local-navigation div.title {
    font-weight: bold;
    margin: 0px; padding: 8px 0px 0px 0px;
}
div.site-navigation div.h1:first-child,
div.local-navigation title:first-child {
    padding: 0px;
}
div.site-navigation div.h2,
div.local-navigation div.h1 {
    margin: 0px; padding: 0px 0px 0px 6px;
}
div.local-navigation div.h2 {
    margin: 0px; padding: 0px 0px 0px 12px;
}
div.site-navigation div.sep-a,
div.local-navigation div.sep-a {
    height: 8px;
}
div.site-navigation a:link, div.site-navigation a:visited,
div.local-navigation a:link, div.local-navigation a:visited {
    text-decoration: none;
}
div.site-navigation a:link:hover, div.site-navigation a:visited:hover,
div.local-navigation a:link:hover, div.local-navigation a:visited:hover {
    text-decoration: underline;
}
div.site-navigation a:link, div.site-navigation a:visited,
div.site-navigation a:link:hover, div.site-navigation a:visited:hover {
    color: #454875;
}
div.local-navigation a:link, div.local-navigation a:visited,
div.local-navigation a:link:hover, div.local-navigation a:visited:hover {
    color: #7F7F7F;
}
div.local-navigation span.bullet-inline {
    font-weight: bold;
}

/* main page heading */

div.main-heading div.title {
    font: bold 18px Arial, Helvetica, sans-serif; color: #7F7F7F;
    text-align: left; text-indent: -24px; line-height: 19px;
    height: 36px; margin: 0px 0px 15px -12px; padding: 36px 0px 0px 24px;
}

/* main page content */

div.main-content div.intro {
    margin: 0px; padding: 0px;
    position: relative;
}
div.main-content div.detail {
    margin: 0px; padding: 0px 0px 0px 24px;
    position: relative;
}

div.main-content div.h1 {
    font-size: 14px; font-weight: bold; color: #7F7F7F;
    text-align: left;
    margin: 0px 0px 6px 0px; padding: 0px;
}
div.main-content div.detail div.h1 {
    margin: -12px 0px 6px -24px;
}
div.main-content div.detail div.h1-inset {
    font-size: 14px; font-weight: bold; color: #7F7F7F;
    text-align: left; text-indent: -24px;
    float: left;
    width: 144px; margin: -12px 6px 6px -24px; padding: 0px 0px 0px 24px;
}
div.main-content div.detail div.sep-h1 {
    /* must preceed div.h1 and div.h1-inset
        (because div.h1-inset is a float, and can't set space) */
    margin: 12px 0px 11px 0px; border-bottom: 1px solid #FFFFFF;
    clear: both;
}
div.main-content div.detail div.sep-h1:first-child {
    margin-top: 0px;
}
div.main-content div.detail div.h2,
div.main-content div.detail div.h2-minor {
    font-weight: bold;
    text-align: left;
    margin: 12px 0px 0px 0px; padding: 0px;
    position: relative; clear: both;
}
div.main-content div.detail div.h2 {
    color: #000000;
}
div.main-content div.detail div.h2-minor {
    color: #7F7F7F;
}
div.main-content div.detail div.h1 + div.h2,
div.main-content div.detail div.h1 + div.h2-minor,
div.main-content div.detail div.h1 + a + div.h2,
div.main-content div.detail div.h1 + a + div.h2-minor {
    margin-top: 0px;
}
div.main-content div.detail span.h3 {
    font-weight: bold; color: #000000;
    padding: 0px 6px 0px 0px;
}
div.main-content div.detail span.h3-empty {
    font-weight: bold; color: #000000;
    padding: 0px;
}
div.main-content div.detail div.h2 span.bullet,
div.main-content div.detail div.h2-minor span.bullet,
div.main-content div.detail span.h3 span.bullet,
div.main-content div.detail span.h3-empty span.bullet,
div.main-content p span.bullet {
    font-weight: bold;
    position: absolute; top: auto; left: 0px;
    width: 20px; text-align: right;
    margin: 0px 0px 0px -24px; padding: 0px;
}
div.main-content div.detail div.h2 span.bullet,
div.main-content div.detail span.h3 span.bullet,
div.main-content div.detail span.h3-empty span.bullet,
div.main-content p span.bullet {
    color: #FF9900;
}
div.main-content div.detail div.h2-minor span.bullet {
    color: #7F7F7F;
}
div.main-content div.subhead-side {
    font-weight: bold; color: #7F7F7F;
    text-align: center;
    float: left;
    width: 114px; margin: 0px 6px 6px 0px; padding: 0px;
}

div.main-content div.detail div.col-l {
    width: 49%;
    float: left;
}
div.main-content div.detail div.col-r {
    width: 49%;
    float: right;
}
div.main-content div.detail div.col-clear {
    clear: both;
}

div.main-content p {
    margin: 0px 0px 6px 0px; padding: 0px;
    position: relative;
}
div.main-content p span.bullet-inline {
    font-weight: bold;
}
div.main-content span.warning {
    color: #990000;
}
div.main-content span.qual {
    white-space: nowrap;
}

div.main-content table {
    font: 12px Arial, Helvetica, sans-serif; color: #000000;
    text-align: left;
    border: none;
    margin: 6px 0px 6px 0px; padding: 0px;
}

div.main-content div.rule-a {
    margin: 0px 0px 12px 24px; padding: 12px 0px 0px 0px;
    border: none; border-bottom: 1px solid #C9C9C9;
    clear: both;
}
div.main-content div.detail div.rule-a {
    margin-left: 0px;
}
div.main-content div.sep-a {
    height: 18px;
}

div.main-content div.detail img.inset-l {
    float: left; 
    margin: -12px 12px 6px -12px; padding: 0px;
    border: 1px solid #E0E0E0;
}

div.main-content div.speclist {
    margin: 0px; padding: 0px;
    position: relative; clear: both;
}
div.main-content div.speclist p {
    text-indent: -24px;
    margin: 0px; padding: 0px 0px 0px 24px;
}
div.main-content div.specs {
    margin: 0px 0px 6px 0px; padding: 0px;
    position: relative; clear: both;
}
div.main-content div.specs p {
    margin-bottom: 0px;
}
div.main-content div.specs div.specdetail {
    margin: 0px; padding: 0px 0px 0px 24px;
    position: relative; clear: both;
}
div.main-content table.speclist {
    text-align: left;
    width: auto; margin: 6px 0px 6px 24px; padding: 0px;
    border: none;
}
div.main-content table.speclist td {
    border: none;
    white-space: nowrap; /* keeps IE from wrapping cells */
    margin: 0px; padding: 0px 0px 0px 12px;
}
div.main-content table.speclist td:first-child {
    padding: 0px;
}

div.main-content div.panel { /* augment with style attributes (e.g. height) */
    position: relative;
}
div.main-content div.panel div.logo-l {
    text-align: left;
    float: left;
    margin: 0px;
}
div.main-content div.panel div.logo-r {
    text-align: right;
    float: right;
}
div.main-content div.panel div.blurb {
    font-family: inherit; font-size: inherit;
    font-style: italic; font-weight: bold;
    color: #7F7F7F;
    text-align: left;
    position: absolute; bottom: 0px; left: 0px;
}

div.main-content div.sidebar {
    font-family: inherit; font-size: inherit;
    font-style: italic; font-weight: inherit;
    color: #7F7F7F;
    text-align: left; line-height: 180%;
    margin: 36px 0px 0px 0px; padding: 0px;
    position: absolute; top: auto; right: -156px;
    width: 144px;
}
div.main-content div.sidebar img.inset-r {
    float: right;
    margin: -12px -12px 6px 6px; padding: 0px;
    border: 1px solid #E0E0E0;
}
div.main-content div.sidebar p {
    margin: 0px 0px 0px 8px;
}

div.main-content div.code {
    margin: 6px 0px 6px 24px; padding: 0px;
}
div.main-content div.code p {
    text-indent: -24px;
    margin: 0px; padding: 0px 0px 0px 24px;
}

div.main-content div.figure {
    margin: 12px 0px 12px 0px; padding: 0px 0px 0px 24px;
}

div.main-content div.download {
    font-size: 80%; font-weight: bold; color: #7F7F7F;
    text-transform: uppercase;
}
div.main-content table.downloadlist {
    font-size: 80%; font-weight: bold; color: #7F7F7F;
    text-align: left; line-height: 1.4;
    text-transform: uppercase;
    width: auto; margin: 6px 0px 6px 0px; padding: 0px;
    border: none;
}
div.main-content table.downloadlist td {
    border: none;
    white-space: nowrap; /* keeps IE from wrapping cells */
    margin: 0px; padding: 0px 0px 0px 12px;
}
div.main-content table.downloadlist td:first-child {
    padding: 0px;
}
div.main-content table.downloadlist span.download {
    padding: 0px 12px 0px 0px;
}

div.main-content table.pricelist td {
    font: 12px Arial, Helvetica, sans-serif; color: #000000;
    vertical-align: top;
}
div.main-content table.pricelist td.part {
    width: 72px;
}
div.main-content table.pricelist td.price {
    text-align: right;
}

div.main-content a.unmarked:link,
div.main-content a.unmarked:visited {
    text-decoration: none;
}
div.main-content a.unmarked:link:hover,
div.main-content a.unmarked:visited:hover {
    text-decoration: underline;
}

div.main-content a.super:link,
div.main-content a.super:visited {
    font-size: 80%;
    text-decoration: none;
    vertical-align: 3px;
}
div.main-content span.super {
    font-size: 80%;
    vertical-align: 3px;
}
div.main-content span.super a:link,
div.main-content span.super a:visited {
    text-decoration: none;
}
div.main-content span.super a:link:hover,
div.main-content span.super a:visited:hover {
    text-decoration: none;
}

div.main-content div.h1 a:link,
div.main-content div.h1 a:visited,
div.main-content div.h1-inset a:link,
div.main-content div.h1-inset a:visited,
div.main-content div.detail div.h2 a:link,
div.main-content div.detail div.h2 a:visited,
div.main-content p span.bullet-inline a:link,
div.main-content p span.bullet-inline a:visited,
div.main-content div.download a:link,
div.main-content div.download a:visited,
div.main-content table.downloadlist a:link,
div.main-content table.downloadlist a:visited {
    color: inherit;
    text-decoration: none;
}
div.main-content p span.bullet-inline a:link,
div.main-content p span.bullet-inline a:visited {
    color: #454875;
}
div.main-content div.h1 a:link:hover,
div.main-content div.h1 a:visited:hover,
div.main-content div.h1-inset a:link:hover,
div.main-content div.h1-inset a:visited:hover,
div.main-content div.detail div.h2 a:link:hover,
div.main-content div.detail div.h2 a:visited:hover,
div.main-content p span.bullet-inline a:link:hover,
div.main-content p span.bullet-inline a:visited:hover,
div.main-content div.download a:link:hover,
div.main-content  div.download a:visited:hover,
div.main-content table.downloadlist a:link:hover,
div.main-content table.downloadlist a:visited:hover {
    text-decoration: underline;
}

/* data entry panels */

div.main-content table.control-panel {
    width: 100%; margin: 12px 0px 12px 0px; padding: 6px 12px 6px 12px;
    border: none; background: #F0F0F0;
}
div.main-content table.control-panel td,
div.main-content table.control-panel td.intro,
div.main-content table.control-panel td.intro:first-child,
div.main-content table.control-panel td.annotation,
div.main-content table.control-panel td.annotation:first-child {
    font: 12px Arial, Helvetica, sans-serif; color: #000000;
    text-align: left; line-height: normal; white-space: normal;
    vertical-align: baseline;
    margin: 0px; padding: 0px 0px 0px 12px;
    border: none;
}
div.main-content table.control-panel td:first-child {
    font-weight: bold; color: #666666;
    line-height: 24px;
    white-space: nowrap; text-align: right;
    padding: 0px;
}
div.main-content table td.intro p {
    padding-left: 72px;
}
div.main-content table.control-panel td.fillin {
    font-weight: bold; color: #666666;
    line-height: 24px;
    width: 100%;
}
div.main-content table.control-panel div.h1 {
    font-size: 12px; font-weight: bold; color: #666666;
    text-align: left;
    margin: 0px 6px 4px 6px; padding: 6px 12px 4px 12px;
    border: none; border-bottom: 2px solid #FFFFFF;
}
div.main-content table.control-panel div.rule-a {
    margin: 3px 6px 4px 6px; padding: 0px;
    border: none; border-bottom: 2px solid #FFFFFF;
}
div.main-content table.control-panel td.sep-a {
    line-height: normal;
    height: 12px; padding: 0px;
}
div.main-content table.control-panel span.required {
    color: #000000;
}
div.main-content table.control-panel input,
div.main-content table.control-panel textarea {
    font-family: inherit; font-size: inherit; font-weight: normal;
}
div.main-content table.control-panel table.button-row {
    margin: 0px; padding: 0px 0px 6px 0px;
    background: #F0F0F0;
}
div.main-content table.control-panel table.button-row td,
div.main-content table.control-panel table.button-row td:first-child {
    font: 12px Arial, Helvetica, sans-serif; color: #000000;
    text-align: left; line-height: normal; white-space: normal;
    vertical-align: baseline;
    margin: 0px; padding: 0px 0px 0px 12px;
    border: none;
}
div.main-content table.control-panel table.button-row a {
    text-decoration: none;
}
div.main-content table.control-panel table.button-row div.push-button,
div.main-content table.control-panel table.button-row div.push-button-short {
    font: 11px Arial, Helvetica, sans-serif; text-decoration: none;
    line-height: 15px; text-align: center;
    color: #666666; background: #7F7F7F;
    height: 15px; margin: 0px 12px 0px 0px; padding: 0px;
}
div.main-content table.control-panel table.button-row div.push-button {
    background: url(common/images/ctl_mini_btn.gif) center center no-repeat;
    width: 108px;
}
div.main-content table.control-panel table.button-row div.push-button-short {
    background: url(common/images/ctl_mini_btn_short.gif) center center no-repeat;
    width: 48px;
}

div.main-content table.button-panel {
    width: 100%; margin: 12px 0px 12px 0px; padding: 0px;
    border: none; background: #FFFFFF;
}
div.main-content table.button-panel a:link,
div.main-content table.button-panel a:visited {
    text-decoration: none;
}
div.main-content table.button-panel div.push-button,
div.main-content table.button-panel div.push-button-default {
    font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none;
    line-height: 17px; text-align: center;
    color: #FFFFFF; background: #7F7F7F;
    width: 108px; height: 17px; margin: 0px; padding: 0px;
}
div.main-content table.button-panel div.push-button-default {
    background: url(common/images/ctl_btn_default.gif) center center no-repeat;
}
div.main-content table.button-panel div.push-button {
    background: url(common/images/ctl_btn.gif) center center no-repeat;
    margin-right: 12px;
}

/* news leads */

div.newslead-a {
    font: 11px Arial, Helvetica, sans-serif; color: #000000;
    text-align: left;
    min-height: 108px; margin: 0px; padding: 0px;
}
div.newslead-b {
    font: 11px Arial, Helvetica, sans-serif; color: #000000;
    text-align: left;
    min-height: 72px; margin: 0px; padding: 0px;
}
div.newslead-a div.something {
    float: right;
    width: 336px; height: 72px; margin: 0px 0px 0px 12px; padding: 0px;
}
div.newslead-a img.thumb, div.newslead-b img.thumb-l {
    float: left;
    margin: 0px 12px 0px 0px;
    border: 1px solid #E0E0E0;
}
div.newslead-b img.thumb-r {
    float: right;
    margin: 0px 0px 0px 12px;
    border: 1px solid #E0E0E0;
}

div.newslead-a div.h1, div.newslead-b div.h1 {
    font-size: 14px; font-weight: bold; color: #7F7F7F;
    margin: 0px; padding: 0px 0px 2px 0px;
    clear: none;
}
div.newslead-a div.h2, div.newslead-b div.h2,
div.newslead-a div.something div.h2 {
    font-weight: bold; color: #000000;
    margin: 0px; padding: 0px;
    height: auto;
    clear: none;
}
div.newslead-a p, div.newslead-b p {
    margin: 0px; padding: 4px 0px 0px 0px;
}
div.newslead-a div.h2 span.bullet, div.newslead-b div.h2 span.bullet {
    font-weight: bold; color: #FF9900;
}
div.newslead-a p span.bullet, div.newslead-b p span.bullet {
    font-weight: bold; color: #606060;
}

div.newslead-sep {
    margin: 12px 12px 12px 12px;
    border-bottom: 1px solid #C9C9C9;
}

div.newslead-a a:link, div.newslead-a a:visited,
div.newslead-b a:link, div.newslead-b a:visited {
    text-decoration: none;
}
div.newslead-a a:link:hover, div.newslead-b a:link:hover,
div.newslead-a a:visited:hover, div.newslead-b a:visited:hover {
    text-decoration: underline;
}
