@import url(global.css);

a:link, a:visited {
    text-decoration: none;
    color: #0b407a;
}

a:hover {
    text-decoration: underline;
}

html, body {
    background-color: #dedeee;
    font-family: Verdana, Arial, sans-serif;
    font-size: small;
    color: black;
    margin: 0;
    padding: 0;
    border: none;
}

#root {
    max-width: 80em;
    margin: 0 auto;
}

table {
    width: 100%;
}

td {
    color: black;
    background-color: #BABADD;
}

#activenicks tbody tr:hover td {
    background-color: #AAAACD;
}

#activenicks tbody tr:hover th {
    background-color: #AAAAAA;
}

#didnotmakeit {
    clear: both;
}

.male, .male a {
    color: #0000DD;
}

.female, .female a {
    color: #DD3366;
}

.bot, .bot a {
    color: #00FFFF;
}

h1 {
    font-size: large;
    font-weight: bold;
    text-align: center;
}

#info {
    text-align: center;
}

.timelegend {
    text-align: center;
}

h2 {
    color: white;
    font-weight: bold;
    font-size: small;
    text-align: center;
    background-color: #666699;
    border: solid black 0.06em;
    clear: both;
    padding: 0.05em;
}

th.top {
    background-color: #C8C8DD;
}

.misc {
    background-color: #BABADD;
    margin: 0.15em;
    padding: 0.15em;
}

th.side {
    background-color: #CCCCCC;
}

.highlight, .vertical .highlight {
    background-color: #AAAAAA;
    font-weight: bold;
}

.example, .second, .average {
    font-size: x-small;
}

#footer {
    text-align: center;
    font-size: x-small;
}

.corner {
      background-color: transparent;
}

.vertical th {
    font-weight: normal;
    background-color: #CCCCCC;
    font-size: x-small;
}

.vertical td {
      font-family: "Arial narrow", Arial, sans-serif;
      font-size: 10px;
      color: black;
      text-align: center;
      vertical-align: bottom;
      background-color: transparent;
}

.vbar0, .vbar1, .vbar2, .vbar3 {
    width: 15px;
}

.hbar0, .hbar1, .hbar2, .hbar3 {
    height: 15px;
}

.barvalue {
    background-color: white;
    color: black;
}

.vbar0:hover, .vbar1:hover, .vbar2:hover, .vbar3:hover {
    background: white url(/images/pisg/white-v.png) repeat-y center;
    color: black;
}
.hbar0:hover, .hbar1:hover, .hbar2:hover, .hbar3:hover {
    background: white url(/images/pisg/white-h.png) repeat-x center;
    color: black;
}

.vbar0 { background: url(/images/pisg/blue-v.png) repeat-y center; }
.vbar1 { background: url(/images/pisg/green-v.png) repeat-y center; }
.vbar2 { background: url(/images/pisg/yellow-v.png) repeat-y center; }
.vbar3 { background: url(/images/pisg/red-v.png) repeat-y center; }

.hbar0 { background: url(/images/pisg/blue-h.png) repeat-x center; }
.hbar1 { background: url(/images/pisg/green-h.png) repeat-x center; }
.hbar2 { background: url(/images/pisg/yellow-h.png) repeat-x center; }
.hbar3 { background: url(/images/pisg/red-h.png) repeat-x center; }