/* Define text color and typography */
body {
    color: #000000;
    background-color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
a:link {
    color: #00C; background-color: transparent;
}
a:visited {
    color: #306; background-color: transparent;
}
a:active {
    color: #F60; background-color: transparent;
}
h1 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #036; background-color: transparent;
    margin: 0 0 0.5em 0; padding: 0;
}
h1 a {
    font-weight: normal;
    font-size: 80%;
}
h2 {
    font-weight: normal;
    color: #036;
    margin: 0.3em 0 0.1em 0; padding: 0;
}
h3 {
    color: #024; background-color: transparent;
    font-style: italic;
    margin: 0.2em 0 0.2em 0; padding: 0;
}
p {
    margin: 0.75em 0;
}
body, dd, dt, th, td, p, div, li, pre, code, kbd { font-size: small; }
h3 { font-size: medium; }
h2 { font-size: large; }
h1 { font-size: x-large; }
li { margin-left: 0px; }

h1.title {
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* Shared vertical and horizontal layout CSS */
#Navigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 7.17em;
    background-image: url("/stc/horizon/topbar-bg.png"); /* gradient */
    background-repeat: repeat-x;            /* repeat horizontally */
    background-color: #cbe4fd;              /* bottom pixel color in gradient */
    border-bottom: 1px solid #353833;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    z-index: 10;
}
#NavigationWelcomeLogo {
    position: relative;
    top: 0;
    left: 0;
    font-size: .8em;
    color: #444;
    height: 6.11em;
    margin: 0;
    padding: 0;
}
#NavigationWelcomeLogo a {
    color: #444;
    font-weight: 700;
}
#MiniSiteMap {
    width: 100%;
    white-space: nowrap;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #333;
    margin: 3em auto 0 auto;
    padding: .5em 0 .5em 0;
    text-align: center;
}
#MiniSiteMapWrapper {
    width: 700px;
    margin-right: auto;
    margin-left: auto;
}
#MiniSiteMap ul {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding:0 .5em 0 .5em;
}
#MiniSiteMap ul li {
    font: 12px Arial, Helvetica, sans-serif;
    text-align: left;
    padding: 3px 0 3px 0;
}
#MiniSiteMap a {
    color: #036;
}
#MiniSiteMap #MiniSiteMapCol0, #MiniSiteMap #MiniSiteMapCol5 a {
    font-weight: bold;
}
#Content pre {
   line-height: 1em;
}

/* Utility CSS */
.clear {
    clear: both;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0%;
}

.hide {
    display: none;
}
hr {
    border: 0;
    width: 100%;
    color: #369; background-color: #369;
    height: 2px;
}
table.edged {
    border: 2px solid #c5dff9;
}
table.edged td {
    border: 1px solid #8fc3f7;;
}
.standout {
    text-align: center;
}
.standout .container {
    color: #000; background-color: #c5dff9 !important;
    border: 1px solid #8fc3f7;
    padding: 3px;
    /* margin shorthand isn't recognized by IE5/Mac */
    margin-top: auto; margin-bottom: auto;
    margin-left: auto; margin-right: auto;
    width: auto;
    text-align: left;
}
.errorbar {
    color: #000;
    font: 12px Verdana, Arial, Sans-Serif;
    background-color: #FFEEEE;
    background-repeat: repeat-x;
    border: 1px solid #FF9999;
    padding: 8px;
    margin-top: auto; margin-bottom: auto;
    margin-left: auto; margin-right: auto;
    width: auto;
    text-align: left;
}
.warningbar {
    color: #000;
    font: 12px Verdana, Arial, Sans-Serif;
    background-color: #FFFFDD;
    background-repeat: repeat-x;
    border: 1px solid #FFCC33;
    padding: 8px;
    margin-top: auto; margin-bottom: auto;
    margin-left: auto; margin-right: auto;
    width: auto;
    text-align: left;
}
.de {
    color: #909090; background-color: #ffffff;
}

/* layout */

.talk-comment {
    margin-top: 1em;
    margin-bottom: 0px;
}
#commenttext { width: 100%; }

/* Form Items */
.formitem {
    color: #343434;
    font-size: 1em;
}

.formnumber {
    font-weight: bold;
    margin-top: 1.8em;
    font-size: .9em;
}

.formitemName {
    font-weight: bold;
    font-size: .9em;
    margin-top: 1.8em;
}

.formitemDesc {
    margin-top: .4em;
    margin-bottom: .4em;
    color: #505050;
}

.formitemNote {
    color: #da6320;
    font-size: .9em;
    margin-top: .4em;
    margin-bottom: .4em;
}

.formitemFlag {
    color: #CE0000;
    font-size: .9em;
    margin-top: .4em;
    margin-bottom: .4em;
}

.borderedtable {
    border: solid 1px black;
}

/* the top of the borderedtable, use th tags for header columns */
.borderedtable th {
    background-color: #dddddd;
    border-bottom: solid 1px black;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

/* Extended.css */
.hide {
    display: none;
}
div.centered {
    text-align: center;
    width: 100%;
}
.lesstop {
    margin-top: 2px;
}
.de {
    color: #909090; background-color: #ffffff;
}
#ljbreadcrumbs {
    text-align: left;
    white-space: nowrap;
    font: 11px Arial, Geneva, Helvetica, sans-serif;
    margin-left: 0;
    margin-bottom: 1em;
}

/* layout */

#content pre {
   line-height: 1.1em;
   font-size: 1.1em;
}
#Comments q {
    font-style: italic;
}
div.transparentpng { display: none; margin: 0; padding: 0; }
img.transparentpng { border: 0; }