/**
 * Assorted global styling
 */
a {
  color:#00f;
  font-style:normal;
}
a:hover {
  text-decoration:none;
}

/*
   Make the asterisk for DB1-5 missing data not have an underline
*/
a.nav-special:active, a.nav-special:link, a.nav-special:visited, a.nav-special:hover
{
   color: yellow;
   display: inline-block;
   text-decoration: none;
}

/*
   Make the normal links at the bottom yellow and underlined
*/
a.nav:active, a.nav:link, a.nav:visited, a.nav:hover
{
   color: yellow;
   display: inline-block;
}
h2
{
   text-align: center;
   margin-bottom: 0px;
   color: white;
}
h4
{
   text-align: center;
   margin-top: 0px;
   color: white;
}

html {
  background-color:#28439b;
}
body {
  margin:0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;

}
#container {
  background-color: #fff;
  border: 10px solid #e5b628;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
  width:818px;
  float: none;
  overflow:hidden;
  zoom:1;
}
.error {
  background-color:#FFE0E0;
  border-color:#CC0000;
  border-style:solid;
  border-width:3px 1px 1px;
  color:#666;
  float:left;
  font-family:verdana,sans-serif;
  font-size:10px;
  font-weight:bold;
  margin:30px 222px 15px 200px;
  padding:5px;
  text-align:center;
  width:416px;
}
.green {
  color:#70A35E;
}
.grey {
  color:#999;
}
.info {
  width:818px;
}
.info,
.section {
  color:#000;
  float:left;
  font-family:verdana,sans-serif;
  font-size:12px;
  font-weight:bold;
  margin:15px 22px 7px 0;
}
.ralign {
  float:right;
  font-style:italic;
  font-weight:normal;
}
.red {
  color:#C74243;
}
.section {
  background-color: #e5b628;
  border:1px solid #e5b628;
  padding:1px 0;
  text-align:center;
  width:816px;
}
.title {
  float:left;
}
.userpic {
  float:right;
  height:80px;
  padding:2px 1px;
  width:80px;
}
/**
 * Graph colors
 */
.b {
  /* Zeta Shift */
  background-color:#9263AA;
}
.g {
  /* Dawn Guard */ 
  background-color:#F18221;
}
.r {
  /* Night Watch */
  background-color:#0973BA;
}
.y {
  /* Alpha Flight */
  background-color:#BE2329;
}
/**
 * Global table styling
 */
table {
  background-color:#EEE;
  border-collapse:separate;
  border-color:#000;
  border-spacing:0;
  border-style:solid;
  border-width:3px 1px 1px;
  float:left;
  margin:15px 22px 7px 0;
  table-layout:fixed;
}
td {
  color:#333;
  padding:1px 0;
  vertical-align:top;
}
td,
th {
  font-family:verdana,sans-serif;
  font-size:10px;
}
th {
  color:#666;
  padding:1px 3px;
  text-align:left;
}
/**
 * Specific table styling: activity graphs
 */
.act {
  width:818px;
}
.act-day {
  width:240px;
}
.act-year {
  /**
   * Variable width specified in HTML
   */
}
.act li,
.act-day li,
.act-year li {
  bottom:0;
  display:block;
  position:absolute;
}
.act li.num,
.act-day li.num,
.act-year li.num {
  text-align:center;
  width:34px;
}
.act li.b,
.act li.g,
.act li.r,
.act li.y,
.act-day li.b,
.act-day li.g,
.act-day li.r,
.act-day li.y,
.act-year li.b,
.act-year li.g,
.act-year li.r,
.act-year li.y {
  margin-left:9px;
  width:16px;
}
.act td,
.act-day td,
.act-year td {
  text-align:center;
}
.act-year td.est {
  opacity:0.6;
}
.act tr.bars td,
.act-day tr.bars td,
.act-year tr.bars td {
  height:124px;
  padding:0;
  vertical-align:bottom;
}
.act tr.sub td,
.act-day tr.sub td,
.act-year tr.sub td {
  background-color:#e5b628;
  color:#000;
  font-weight:bold;
}
.act tr.sub td.bold,
.act-day tr.sub td.bold,
.act-year tr.sub td.bold {
  color:#000;
  text-decoration: underline;
}
.act ul,
.act-day ul,
.act-year ul {
  height:124px;
  margin:0;
  padding:0;
  position:relative;
}
/**
 * Specific table styling: history index
 */
.index {
  width:818px;
}
.index col.c {
  width:65px;
}
.index col.pos {
  width:36px;
}
.index td.k,
.index td.pos {
  background-color:#E0E0E0;
  color:#999;
  font-weight:bold;
}
.index td.k,
.index td.v {
  padding-right:2px;
  text-align:right;
}
.index td.pos {
  text-align:center;
}
/**
 * Specific table styling: most talkative people
 */
.ppl {
  width:818px;
}
.ppl col.c1,
.ppl col.c2 {
  width:80px;
}
.ppl col.c3 {
  width:140px;
}
.ppl col.c4 {
  width:54px;
}
.ppl col.c5 {
  width:100px;
}
.ppl col.c6 {
  width:326px;
}
.ppl col.pos {
  width:36px;
}
.ppl li {
  display:inline-block;
  height:6px;
  margin-top:4px;
}
.ppl td.k1,
.ppl td.k2,
.ppl td.k3,
.ppl td.k4,
.ppl td.k5,
.ppl td.k6,
.ppl td.pos {
  background-color:#e5b628;
  color:#000;
  font-weight:bold;
}
.ppl td.k1,
.ppl td.k2,
.ppl td.v1,
.ppl td.v2 {
  padding-right:2px;
  text-align:right;
}
.ppl td.k3,
.ppl td.k5,
.ppl td.k6,
.ppl td.v3,
.ppl td.v5,
.ppl td.v6 {
  padding-left:2px;
}
.ppl td.pos {
  text-align:center;
}
.ppl td.v6 {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ppl ul {
  margin:0;
  padding:0;
}
/**
 * Specific table styling: less talkative people
 */
.ppl2 {
  width:818px;
}
.ppl2 col.c1 {
  width:55px;
}
.ppl2 col.c2 {
  width:125px;
}
.ppl2 col.pos {
  width:24px;
}
.ppl2 td.k1,
.ppl2 td.k2,
.ppl2 td.pos {
  background-color:#E0E0E0;
  color:#999;
  font-weight:bold;
}
.ppl2 td.k1,
.ppl2 td.v1 {
  padding-right:2px;
  text-align:right;
}
.ppl2 td.k2,
.ppl2 td.v2 {
  padding-left:2px;
}
.ppl2 td.pos {
  text-align:center;
}
/**
 * Specific table styling: people by time of day
 */
.ppl-tod {
  width:818px;
}
.ppl-tod col.c {
  width:197px;
}
.ppl-tod col.pos {
  width:28px;
}
.ppl-tod div {
  float:right;
  height:6px;
  margin-top:2px;
}
.ppl-tod td.k,
.ppl-tod td.pos {
  background-color:#E0E0E0;
  color:#999;
  font-weight:bold;
}
.ppl-tod td.k,
.ppl-tod td.v {
  padding-right:2px;
  text-align:right;
}
.ppl-tod td.pos {
  text-align:center;
}
.ppl-tod td.v {
  height:3em;
  padding-bottom:0;
}
/**
 * Specific table styling: large, medium, small
 */
.large {
  width:818px;
}
.medium {
  width:538px;
}
.small {
  width:228px;
}
.large col.c1,
.medium col.c1,
.medium col.c3,
.small col.c1 {
  width:70px;
}
.large col.c2,
.small col.c2 {
  width:120px;
}
.large col.c3 {
  width:560px;
}
.medium col.c2 {
  width:340px;
}
.large col.pos,
.medium col.pos,
.small col.pos {
  width:36px;
}
.large td.k1,
.large td.k2,
.large td.k3,
.large td.pos,
.medium td.k1,
.medium td.k2,
.medium td.k3,
.medium td.pos,
.small td.k1,
.small td.k2,
.small td.pos {
  background-color:#E0E0E0;
  color:#999;
  font-weight:bold;
}
.large td.k1,
.large td.v1,
.medium td.k1,
.medium td.k3,
.medium td.v1,
.medium td.v3,
.small td.k1,
.small td.v1 {
  padding-right:2px;
  text-align:right;
}
.large td.k2,
.large td.k3,
.large td.v2,
.large td.v3,
.large td.v3a,
.medium td.k2,
.medium td.v2,
.small td.k2,
.small td.v2 {
  padding-left:2px;
}
.large td.pos,
.medium td.pos,
.small td.pos {
  text-align:center;
}
.large td.v3 {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/**
 * Specific table styling: rankings
 */
.rank {
  width:818px;
}
.rank col.c1,
.rank col.c2 {
  width:45px;
}
.rank col.c3 {
  width:78px;
}
.rank col.c4,
.rank col.c5,
.rank col.c6,
.rank col.c7,
.rank col.c8,
.rank col.c9,
.rank col.c10,
.rank col.c11,
.rank col.c12 {
  width:72px;
}
.rank td.k1-2,
.rank td.k3,
.rank td.k4-5,
.rank td.k6-7,
.rank td.k8-9,
.rank td.k10-11,
.rank td.k12,
.rank td.v3 {
  background-color:#E0E0E0;
  color:#999;
  font-weight:bold;
  text-align:center;
}
.rank td.v1,
.rank td.v4,
.rank td.v6,
.rank td.v8,
.rank td.v10,
.rank td.v12 {
  padding-right:2px;
  text-align:right;
}
.rank td.v2,
.rank td.v5,
.rank td.v7,
.rank td.v9,
.rank td.v11 {
  padding-left:2px;
}

.vst-page-header {
  border-bottom: 104px solid #e5b628;
  border-left: 64px solid transparent;
  border-right: 64px solid transparent;
  color: #000;
  height: 0;
  margin: auto;
  width: 750px;
  position: relative;
  vertical-align: middle;
  margin-bottom: 32px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.vst-page-header h1 { margin: 0; }

.vst-page-header a:link {
  text-decoration: underline;
  color: #1C3180;
}
.vst-page-header a:visited {
  text-decoration: underline;
  color: #1C3180;
}
.vst-page-header a:hover {
  text-decoration: underline;
  color: blue;
}

/*
   Define that the links in the VST credits footer are yellow
*/
.vst-credits-footer a.nav:link, .vst-credits-footer a.nav:visited, .vst-credits-footer a.nav:hover
{
        color: yellow;
}
/*
   Define the P's in the footer are white
*/
.vst-credits-footer p
{
   text-align: center;
   color: white;
   display: block;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 0;
}