/* Global Style Sheet */

@import "reset.css";

/* Element Defaults */

body {
    background: white;
    color: #333;
    font: 13px/1.25em Arial, Helvetica, sans-serif;
    margin: 14px;
}

h1, h2, h3, h4, h5, h6 {
    color: #223E92;
    font-style: italic;
    font-weight: bold;
    line-height: 1.25em;
    margin: 28px 14px 14px 14px;
}
h2:first-child, h3:first-child,
h4:first-child, h5:first-child,
h6:first-child { margin-top: 14px; }

h1 {
    font-size: 197%;
    margin-top: 14px;
}
h2 { font-size: 152%; }
h3 { font-size: 129%; }
h4 { font-size: 100%; }
h5 { font-size: 92%; }
h6 { font-size: 77%; }

em { font-style: italic; }
pre, code { font: 115% monospace; }
select, input, textarea { font: 99% Arial, sans-serif; }
strong { font-weight: bold; }

blockquote, dl, ol, p, table, ul { margin: 14px; }
blockquote, dd, ol, ul { padding-left: 42px; }

th { font-weight: bold; }
td, th { padding: 3px; }

ol { list-style-type: decimal; }
ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ol ol, ol ul, ul ol, ul ul { margin: 0 0 6px 0; }
dd p { margin-top: 0; }

/* Generic Modifiers */

.attn {
    color: #c00000;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
}

.biggest, .bigger, .big, .boldBlock {
    font-weight: bold;
    line-height: 1.5em;
}
.biggest { font-size: 152%; }
.bigger { font-size: 129%; }
.big { font-size: 114%; }

.middle { margin: auto; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.topA { vertical-align: top; }

.floatL { float: left; }
.floatR { float: right; }

.flush { margin-left: 0px; }
.full { width: 100%; }
.hidden { display: none; }
.narrow { max-width: 775px; }
.nowrap { white-space: nowrap; }
.offscreen {
    left: -999em;
    position: absolute;
    width: 1px;
}
.spaced { line-height: 2em; }

.high1 { background: #d3dbed; }
.high2 { background: #b9c7e3; }
p.high1 { padding-left: 14px; }

.small { font-size: 85%; }
.smaller { font-size: 77%; }

/* Special Images */

.prdImage {
    text-align: center;
    width: 160px;
}
.prdImage img {
    border: 2px solid #333;
    max-height: 156px;
    max-width: 156px;
    text-align: center;
}

/* DEL */
img.prdImage {
    border: 2px solid;
    max-height: 156px;
    max-width: 156px;
}
/* DEL */
input.prdButton { width: 156px; }

img.prdThumb {
    border: 1px solid;
    height: 64px;
    width: 64px;
}

img.stdLogo {
    height: 57px;
    width: 318px;
}

/* Lists */

dl.specList dt {
    font-weight: bold;
    margin-top: 14px;
}

.compactList li {
    float: left;
    margin-right: 28px;
    width: 45%;
}

/* Report Tables */

table.lines,
table.list { background: white; }

table.lines tr { border: 1px solid #c9bdbd; }
table.lines td,
table.lines th { padding: 5px; }

table.list td,
table.list th {
    border: 1px solid #c9bdbd;
    padding: 5px;
}

table.list thead tr { vertical-align: bottom; }
table.headR th { text-align: right; }
table.headT th { vertical-align: top; }
table.dataC td { text-align: center; }
table.dataR td { text-align: right; }
table.dataT td { vertical-align: top; }

table.list .divide td,
table.list .divide th { border-bottom: 5px solid black; }

table.sortable tr.head { cursor: pointer; }
table.sortable tr.head th:hover { background: #223E92; color: white; }

/* Pseudo-columns */

table.splitList td { padding: 6px 14px; }

/* Form Tweaks */

input.mainButton {
    height: 2em;
    margin: 4px;
    padding: 0 6px;
    width: 12em;
}

input.bigButton {
    height: 2em;
    margin: 4px;
    padding: 0 6px;
}

/* Highlight Special Content */

.blurb {
    background: white;
    border: 1px solid #223E92;
    margin: 14px;
}

.blurb h2 {
    background: #223E92;
    border-bottom: solid 1px #223E92;
    color: white;
    font-size: 129%;
    margin: 0;
    padding: 5px;
    text-align: center;
}

.blurb dl, .blurb ol, .blurb p, .blurb ul {
    font-weight: bold;
    margin: 0;
    padding: 10px;
}
.blurb ol { margin-left: 24px; }
.blurb ul { margin-left: 12px; }
.blurb table { margin: 10px; }

/* Specific Roles */

.box {
    border: 2px solid black;
    padding: 10px;
}

.error {
    color: red;
    font-weight: bold;
}
input.error {
    background: #ffc0c0;
    color: black;
}

.clear,
.floatFix { clear: both; }

.infoMaster {
    /*min-width: 550px;*/
    overflow: auto;
}
.infoLeft {
    float: left;
    margin-right: 10px;
}
.infoRight { float: right; }
.msgBox {
    border: 1px solid #444;
    max-width: 800px;
    margin-bottom: 20px;
}
.msgBoxData { padding: 10px 10px 0 10px; }

.pageNum {
    font-size: 114%;
    font-weight: bold;
    word-spacing: 0.4em;
}

.sectHead {
    background: #d3dbed;
    color: black;
    font-weight: bold;
    margin-top: 14px;
    padding: 2px 14px;
}
hr.sectHead { border: none; }

/* Printing */

@media print {
    body { margin: 0; }

    table.list {
        margin-left: 0;
        margin-right: 0;
    }
    table.list td,
    table.list th {
        border-color: black;
        font-size: 7pt;
    }

    thead { display: table-header-group; }

    .printme { display: block; }
    .noprint { display: none; }
}

/* Tweaks */

/* Don't show scrollbars on short pages */
html { overflow: auto; }

/* Firefox doesn't collapse table margins */
*+table { margin-top: 0px; }

