/* Some bits based on http://ryanfait.com/sticky-footer/ */

*:not(td):not(input):not(option):not(dd):not(ul) { margin: 0; padding: 0; }

html, body { height: 100%; }

body { background-color: white; }

#header h1 { padding-top: 1ex; text-align: center; }
#header h4 { padding-top: 1em; margin-bottom: 1em; }
#header h4 a { text-decoration: none; }

#wrapper
{
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -1.5em;
 padding-left: 1em;
 padding-right: 1em;
}

#push { height: 1em; }

#footer { padding-left: 1em; padding-right: 1em; }
#footer .hr { margin-top: 0; margin-bottom: 0; }
#footlinks { font-size: smaller; text-align: center; }

.hr
{
 height: 0px;
 line-height: 0px;
 margin: 1em 4em;
 border-width: 1px;
 border-style: solid;
}

.heading, .headapart { font-weight: bold; }

.content p  { margin-top: 0.5em; margin-bottom: 1em; }
.content p.heading { margin-bottom: 0; }

.ctitle
{
 margin-top: 1em;
 font-size: larger;
 font-weight: bold;
 white-space: nowrap;
}

#home h3 { margin-top: 0.5em; }
#home #home_head { border-spacing: 0; margin: 1em 0; width: 100%; }
#home #home_head a { text-decoration: none; font-weight: bold; }
#home .home_t2 { margin: 0 auto; border-spacing: 1em 0.5em; width: 50%; }
#home .home_t3 { margin: 0 auto; border-spacing: 1em 0.5em; width: 75%; }

#login_stay { vertical-align: bottom; }
#login label { font-size: 75%; }
#login_name { margin-bottom: 0.5ex; }
#login_button { margin-left: 1ex; }
#login_error { color: #910020; font-weight: bold; }
#login_reset, #login_reset a { font-size: 75%; }

div#contact textarea:first-child
{
 visibility: hidden;
 position: absolute;
}

.user, .user td { border-color: #e0e0e0; background-color: #e0e0e0; }
.user input, .user button, .user textarea { background-color: #fafafa; }
.user td { padding: 2px; }
.user button { margin-top: 1em; }
.user td.formerr, .star { font-weight: bold; color: #c01818; }
.user .footnote { width: 48ex; font-size: smaller; }

h3.url { margin-bottom: 1em; font-size: smaller; }
h3.inst { margin-bottom: 1em; }
span.warning { font-size: larger; color: red; }
div.rundate { font-size: smaller; }
.disabled * { color: #a0a0a0; text-decoration: line-through; }

table.top { margin-bottom: 1em; }
table.param { white-space: nowrap; }
table.picks { white-space: nowrap; border-collapse: collapse; }
tr.odd, thead.odd { background-color: #ececec; }
table.picks th, table.result th.sp { padding-left: 0.5em; }
table.picks td, table.result td.sp { padding-left: 1em; }
table.picks *.date { padding-left: 2px; }
table.picks *.picks { padding-left: 2em; }
table.picks *.avg { padding-right: 1em; }
table.code { margin-top: 1em; }
table.code td, table.code th { padding: 0ex 1ex; text-align: left; }

.AM, table.AM td { border-color: #ffa060; background-color: #ffa060; }
table.AM input, table.AM select { background-color: #ffdfca; }
.BL, table.BL td { border-color: #00ffff; background-color: #00ffff; }
table.BL input, table.BL select { background-color: #aaffff; }
.CB, table.CB td { border-color: #f0e0e0; background-color: #f0e0e0; }
table.CB input, table.CB select { background-color: #fdfafa; }
.DZ, table.DZ td { border-color: #ffcdc3; background-color: #ffcdc3; }
table.DZ input, table.DZ select { background-color: #ffeeeb; }
.FR, table.FR td { border-color: #ffb5c5; background-color: #ffb5c5; }
table.FR input, table.FR select { background-color: #ffe6eb; }
.HD, table.HD td { border-color: #88ffcc; background-color: #88ffcc; }
table.HD input, table.HD select { background-color: #d6ffee; }
.MV, table.MV td { border-color: #ffbbff; background-color: #ffbbff; }
table.MV input, table.MV select { background-color: #ffe8ff; }
.OO, table.OO td { border-color: #b890ff; background-color: #b890ff; }
table.OO input, table.OO select { background-color: #e7daff; }
.OP, table.OP td { border-color: #c0ff80; background-color: #c0ff80; }
table.OP input, table.OP select { background-color: #eaffd4; }
.OV, table.OV td { border-color: #ffff90; background-color: #ffff90; }
table.OV input, table.OV select { background-color: #ffffda; }
.RS, table.RS td { border-color: #ffa0cc; background-color: #ffa0cc; }
table.RS input, table.RS select { background-color: #ffdfee; }
.SB, table.SB td { border-color: #e0e0e0; background-color: #e0e0e0; }
table.SB input, table.SB select { background-color: #fafafa; }
.SS, table.SS td { border-color: #f8e0b8; background-color: #f8e0b8; }
table.SS input, table.SS select { background-color: #fcf4e7; }
.ST, table.ST td { border-color: #afdbe8; background-color: #afdbe8; }
table.ST input, table.ST select { background-color: #e4f3f7; }
.SW, table.SW td { border-color: #88ff88; background-color: #88ff88; }
table.SW input, table.SW select { background-color: #d7ffd7; }
.SX, table.SX td { border-color: #f8e0b8; background-color: #f8e0b8; }
table.SX input, table.SX select { background-color: #fcf4e7; }

svg
{
 transform: translate(0, 0);
 width: 665px;
 height: 345px;
 user-select: none;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
}
svg rect { fill: white; stroke: black; }
svg path.axis { stroke: black; }
svg path.screen { stroke: #0040e0; }
svg path.index { stroke: #f070a0; }
svg tspan.screen { fill: #0040e0; }
svg tspan.index { fill: #f070a0; }
svg path.BL { stroke: #00ffff; stroke-opacity: .33; }
svg path.CB { stroke: #f0e0e0; stroke-opacity: .33; }
svg path.DZ { stroke: #ffcdc3; stroke-opacity: .33; }
svg path.FR { stroke: #ffb5c5; stroke-opacity: .33; }
svg path.HD { stroke: #88ffcc; stroke-opacity: .33; }
svg path.MV { stroke: #ffbbff; stroke-opacity: .33; }
svg path.OO { stroke: #b890ff; stroke-opacity: .33; }
svg path.OP { stroke: #c0ff80; stroke-opacity: .33; }
svg path.OV { stroke: #ffff90; stroke-opacity: .33; }
svg path.RS { stroke: #ffa0cc; stroke-opacity: .33; }
svg path.SB { stroke: #e0e0e0; stroke-opacity: .33; }
svg path.SS { stroke: #f8e0b8; stroke-opacity: .33; }
svg path.ST { stroke: #afdbe8; stroke-opacity: .33; }
svg path.SW { stroke: #88ff88; stroke-opacity: .33; }
svg path.SX { stroke: #f8e0b8; stroke-opacity: .33; }