html, body
{
  background-color: #ffffff;
}
body {
  margin: 0px 0px 0px 0px;
  padding:  0px 0px 0px 0px;
  font-family: pragmatica;
  font-style: normal;
  font-weight: 300;
  font-size: 14pt;
}

@font-face
{
  font-family: pragmatica;
  src: url(fonts/pragmatica-extralight-v3.ttf);
}

td
{
  font-size: 12pt;
}

div
{
  font-size: 12pt;
}


.depthTop
{
  padding: 4px;
  font-size: 18pt;
  width: 220px;
  text-align: center;
  color: #000000;
  background-color: #e0e0e0;
}


.depthDiv
{
  padding: 4px;
  font-size: 10pt;
  width: 220px;
  background-color: #f8f8f8;
}

.depthAskPrice
{
  font-size: 10pt;
  color: #f67d69;
  float: left;
  text-align: right;
  cursor: pointer;
}

.depthAskPrice:hover
{
  background-color: #f67d69;
  color: #ffffff;
}

.depthAskVol
{
  font-size: 10pt;
  color: #a0a0a0;
  text-align: right;
}

.depthBidPrice
{
  font-size: 10pt;
  color: #6994f6;
  float: left;
  text-align: right;
  cursor: pointer;
}

.depthBidPrice:hover
{
  background-color: #6994f6;
  color: #ffffff;
}


.depthBidVol
{
  font-size: 10pt;
  color: #a0a0a0;
  text-align: right;
}


.depthLast
{
  font-size: 14pt;
  color: #000000;
  width: 220px;
  text-align: center;
  cursor: pointer;
}


.depthLast:hover
{
  background-color: #000000;
  color: #ffffff;
}




.nn-menu-panel
{
  font-size: 24pt;
  color: #FFFFFF;
  background-color: #528AB3;
  height: 40px;
  width: 100%;
}

.nn-menu-item
{
  font-size: 14pt;
  color: #E0E0E0;
  background-color: #528AB3;
  height: 30px;
  float: left;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  cursor: pointer;
}

.nn-menu-item-right
{
  font-size: 14pt;
  color: #FFFFFF;
  background-color: #528AB3;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  float: right;
}


.nn-menu-item:hover
{
  background-color: #326A93;
}


.nn-form-text
{
  padding: 4px;
  border: none;
  border-radius: 4px;

  font: 300 14px/14px pragmatica,Helvetica,Arial,sans-serif;
  font-family: pragmatica, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: 300;
  line-height: 23px;
}


.nn-form-text:hover
{
  background-color: #E0F0FF;
}


.values
{
  background-color: #C0C0C0;
}

.values:hover
{
  background-color: #B0B0B0;
}