/* Main body style. */
body {
  font-family: "verdana", "open sans", "sans serif";
  background-color: #444444;
  color: white;
}

/* Table style. */
table {
  width: 100%;
  border: 0px;
  border-collapse: collapse;
}

tr.row:hover { background-color: #666666;}
th { color: #3779eb; }

/* Division block style. */
div.nav {
  float: left;
  font-size: 16pt;
  font-weight: bold;
  background-color: #555555;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 8px;
}
div.nav#container{ width: 98%; }
div.nav#cell {
  width: auto;
  cursor: pointer;
}
div.nav#cell:hover {
  color: #ff5500;
  background-color: #222222;
}
div.nav#cell:active { color: #ff5500; }

/* Link style. */
a {
  font-size: 8pt;
  text-decoration: none;
}
a:link { color: white; }
a:visited { color: white; }
a:hover { color: #ff5500; }
a:active { color: #ff5500; }

/* Image style. */
img.copy {
  height: 16px;
  cursor: pointer;
}

/* Input style */
input.w100pct {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #222222;
  border: 1px solid #777777;
  color: white;
  margin: 0px;
  padding: 0px;
}

input.w100pct-16px {
  width: calc(100% - 16px);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #222222;
  border: 1px solid #777777;
  color: white;
  margin: 0px;
  padding: 0px;
}

/* Width styles. */
.wauto { width: auto; }

.w10pct { width: 10%; }
.w50pct { width: 50%; }
.w80pct { width: 80%; }
.w90pct { width: 90%; }
.w98pct { width: 98%; }
.w100pct { width: 100%; }
.w100pxt-16px { width: calc(100% - 16px);}

.w40px { width: 40px; }
.w60px { width: 60px; }
.w80px { width: 80px; }
.w100px { width: 100px; }
.w120px { width: 120px; }
.w140px { width: 140px; }
.w160px { width: 160px; }
.w180px { width: 180px; }
.w200px { width: 200px; }
.w220px { width: 220px; }
.w240px { width: 240px; }
.w260px { width: 260px; }

/* Alignment styles. */
.center { text-align: center; }

/* Font sizes. */
.f8pt  { font-size: 8pt; }
.f16pt { font-size: 16pt; }
.f24pt { font-size: 24pt; }

/* Font decorations. */
.bold { font-weight: bold; }

/* Foreground colors. */
.white  { color: white; }
.orange { color: #ff5500; }
.green  { color: #55aa00; }
.blue   { color: #00aaff; }
.gray1  { color: #222222; }
.gray2  { color: #333333; }
.gray3  { color: #444444; }
.gray4  { color: #555555; }
.gray5  { color: #666666; }
.gray6  { color: #777777; }
.gray7  { color: #888888; }
.gray8  { color: #999999; }
.gray9  { color: #aaaaaa; }
.gray10 { color: #bbbbbb; }

/* Background colors. */
.bg_gray1  { background-color: #222222;}
.bg_gray2  { background-color: #333333;}
.bg_gray3  { background-color: #444444;}
.bg_gray4  { background-color: #555555;}
.bg_gray5  { background-color: #666666;}
.bg_gray6  { background-color: #777777;}
.bg_gray7  { background-color: #888888;}
.bg_gray8  { background-color: #999999;}
.bg_gray9  { background-color: #aaaaaa;}
.bg_gray10 { background-color: #bbbbbb;}