body
{
  font: 900 12px/20px Arial,Helvetica,sans-serif; // "Trebuchet MS"
}

a
{
  text-decoration: none;
}

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active
{
  position: relative;
  text-decoration: none;
  color: #000000;
}

a.tooltip:hover
{
  color: #000000;
  background: transparent;
}

a.tooltip span
{
  display: none;
  text-decoration: none;
}

a.tooltip:hover span
{
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 200px;
  z-index: 100;
  color: #000000;
  border:1px solid #000000;
  background: #FFFFCC;
  font-size: 12px;
  text-align: left;
}

a.tooltip span b
{
  display: block;
  color: #000000;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  border: 0px;
  border-bottom: 1px solid black;
  background: #f0f0f0;
}

ul
{
  padding: 5px;
  margin: 10px 0;
  list-style: none;
  float: left;
}

ul li
{
  float: left;
  display: inline; /* For ignore double margin in IE6 */
  margin: 0 10px;
}

ul li a
{
  text-decoration: none;
  float: left;
  color: #999;
  cursor: pointer;
  font-weight: 900;
  font-size: 14px/22px;
}

a
{
  text-decoration: none;
}

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active
{
  position: relative;
  text-decoration: none;
  color: #000000;
}

a.tooltip:hover
{
  color: #000000;
  background: transparent;
}

a.tooltip span
{
  display: none;
  text-decoration: none;
}

a.tooltip:hover span
{
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 200px;
  z-index: 100;
  color: #000000;
  border:1px solid #000000;
  background: #FFFFCC;
  font: 12px "Trebuchet MS",Helvetica,sans-serif;
  text-align: left;
}

a.tooltip span b
{
  display: block;
  color: #000000;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  border: 0px;
  border-bottom: 1px solid black;
  background: #f0f0f0;
}

a img
{
  border: 0px;
}

ul
{
  padding: 5px;
  margin: 10px 0;
  list-style: none;
  float: left;
}

ul li
{
  float: left;
  display: inline; /* For ignore double margin in IE6 */
  margin: 0 10px;
}

ul li a
{
  text-decoration: none;
  float: left;
  color: #555;
  cursor: pointer;
  font: 900 14px/22px "Trebuchet MS",Helvetica,sans-serif;
}

ul li a span
{
  margin: 0 10px 0 -10px;
  padding: 3px 8px 5px 18px;
  position: relative; /* To fix IE6 problem (not displaying) */
  float: left;
}

ul.menu li a.current, ul.menu li a:hover
{
  background: url(images/button.png) no-repeat top right;
  color: #0d5f83;
}

ul.menu li a.current span, ul.menu li a:hover span
{
  background: url(images/button.png) no-repeat top left;
}

table {
  border-collapse: collapse;
}

th
{
  padding-left: 4px;
  padding-right: 4px;
  font-size: 10pt;
  color: #f7f6f4;
  background-color: #2c2416;
}

td
{
  padding-left: 4px;
  padding-right: 4px;
  font-family: Monaco, Andale Mono, Bitsream Vera, Courier, Courier New;
  font-size: 9pt;
  white-space: pre;
  border: 1px solid gray;
}

td a:link, td a:hover, td a:visited, td a:active
{
  /* font-family: Monaco, Andale Mono, Bitsream Vera, Courier, Courier New;
  font-size: 9pt; */ /* Specific */
}

tr.even td
{
  background-color: #fffdf9;
}

tr.odd td
{
  background-color: #ffdea2;
}

.row0
{
  background-color: #fffdf9;
}

.row1
{
  background-color: #ffdea2;
}

.flag
{
  margin-bottom: -1px;
}

.type
{
  margin-bottom: -4px;
}

.metric
{
  text-align: center;
  font-size: small;
}

.indicator
{
  vertical-align: bottom;
  width: 16px;
  height: 16px;
}

#store th
{
  padding-left: 4px;
  padding-right: 4px;
  font-size: 10pt;
  color: #f7f6f4;
  background-color: #2c2416;
}

#store td
{
  padding-left: 4px;
  padding-right: 4px;
  /* font-family: Monaco, Andale Mono, Bitsream Vera, Courier, Courier New; */
  /* font-size: 9pt; */ /* Specific */
  /* white-space: pre; */
}

.icon
{
  /* vertical-align: -2px; */ /* Specific */
  text-align: center;  
}

.first,
.prev,
.next,
.last
{
  vertical-align: middle;
}

.pagedisplay
{
  vertical-align: middle;
  text-align: center;
  width: 140px;
}

.gateway
{
  width: 980px; 
}

.gateway td
{
  white-space: normal;
}

#panel,
.panel
{
  width: 1160px;
  margin-bottom: 6px;
  display: table;
  background-color: rgb(200, 200, 200);
  border-radius: 6px;
}

#panel div,
.panel div
{
  display: table-cell;
  white-space: nowrap;
  padding: 2px 4;
  vertical-align: middle;
}

#control
{
  float: left;
  margin-left: 6px;
}

#pager
{
  width: 226px;
  float: right;
  text-align: center;
}

#date
{
  text-align: center;
}

#score
{
  text-align: right;
}

#remote
{
  position: absolute;
  top: 25%;
  left: 194px;
  width: 772px;
  border-width: 2px;
  border-style: solid;
  border-radius: 6px;
  background-color: white;
}

#remote img
{
  position: absolute;
  right: 0px;
  margin-top: -14px;
  margin-right: -14px;
}

#remote iframe
{
  border-style: none;
  width: 100%;
  height: 100%;
}

.call
{
  font-size: 10pt;
}

.data
{
  text-align: left;
  white-space: nowrap;
  font-size: 9pt;
}

.text
{
  text-align: left;
  font-size: 9pt;
  white-space: normal;
}

.quote
{
  font-style: italic
}

.warning
{
  margin-bottom: -2px;
}