body {
        margin: 0;
        font-family: verdana, geneva, arial, helvetica, sans-serif;
        font-size: 11px;
        padding: 8px;
}

td {
    vertical-align: top;
    padding: 0;
    border: 0;
}

pre {
    margin-top: 0;
    padding-top: 0;
}

#MainTable {
        padding: 0;
        border: 0;
        border-top: 3px solid #005298;
        width: 670px;
     
}

.chartcontainer {
    background: #ffffff;
    border: 1px solid black;
}
/* Main menu area CSS */

.MenuArea {
    background-color: #f0f0f0;
    border-top: 1px solid white;
    border-bottom: 2px solid white;
    padding: 4px 0 0 0;
}

#MenuTable {
    border-color: #ffffff;
    border-top: 5px solid #f0f0f0;
    margin: 0;
    width: 670px;
}

.MenuNav {
    background-color: #f0f0f0;
    vertical-align: middle;
    font: 11px verdana,geneva,arial,helvetica,sans-serif;
    border-bottom: 1px solid #e0e0e0;
    text-decoration: none;
    padding: 2px 6px;
}

.MenuNavSelected {
    background-color: #ffffff;
    vertical-align: middle;
    font: 11px verdana,geneva,arial,helvetica,sans-serif;
    border: 1px solid #e0e0e0;
    border-bottom: 0;
    padding: 2px 6px;
}

.MenuStart {
    width: 5px;
    border-bottom: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;
}

.tdSpace {
    width: 40px;
}

.tdNoBorder {
 border-top: 0 !important;
}

.MenuEnd {
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
}

td.MenuNavSelected a {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

td.MenuNav a {
   color: #005298;
   font-size: 11px;
   text-decoration: none;
}

.MenuLink {
    font: 11px verdana,geneva,arial,helvetica,sans-serif;
    text-decoration: none;
}

.MenuLink:active { text-decoration: none; }
.MenuLink:hover { text-decoration: none; }
.MenuLink:visited { text-decoration: none; }
.MenuLink:visited:hover { text-decoration: none; }

/* Sub Menu area CSS */

.SubMenuArea {
    padding: 0 0 3px 5px;
}
#SubMenuTable {
    background-color: #ffffff;
    margin: 0;
 }

.SubMenu {
    font: 11px verdana,arial,geneva,helvetica,sans-serif;
    color: #000000;
    text-decoration: none;
    padding: 5px;
}

a.SubMenuLink {
    font: 11px verdana,geneva,arial,helvetica,sans-serif;
    color: #005298;
    text-decoration: none;
    padding: 0;
}
a.SubMenuLink:active { text-decoration: underline; }
a.SubMenuLink:hover { text-decoration: underline; }
a.SubMenuLink:visited { text-decoration: none; }
a.SubMenuLink:visited:hover { text-decoration: underline; }

a.SubMenuLinkSelected {
    font: bold 11px verdana,geneva,arial,helvetica,sans-serif;
    color: #005298;
    text-decoration: none;
    padding: 0;
}

a.SubMenuLinkSelected:active { text-decoration: underline; }
a.SubMenuLinkSelected:hover { text-decoration: underline; }
a.SubMenuLinkSelected:visited { text-decoration: none; }
a.SubMenuLinkSelected:visited:hover { text-decoration: underline; }

/* Content Area CSS */

.ContentArea {
    padding: 0;
    border-width: 0;
    border-style: solid;
    border-color: #d8d7d7;
}

.ContentAreaAlt {
    padding: 0;
    border-width: 5px 0 1px 0;
    border-style: solid;
    border-color: #d8d7d7;
}

.cabb { border-bottom: 20px solid #d8d7d7; vertical-align: top; padding: 0; margin: 0}
.cabr { border-right: 20px solid #d8d7d7; vertical-align: top; padding: 0; }
.canb { vertical-align: top; padding: 0; }

.topb { border-top: 5px solid white; }
.bottomb { border-bottom: 5px solid white; }

.topbWide { border-top: 20px solid white; }
.bottombWide { border-bottom: 20px solid white; }
.cabrWide { border-right: 20px solid white; vertical-align: top; padding: 0; }
.topp { padding-top: 5px; }

.news {
  padding: 2px;
  border-bottom: 1px solid #e0e0e0;
}

.ra { text-align: right; }
.le { text-align: left; }

.SubTable {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: white;
}
.whole {
  width: 100%;
  height: 100%;
  margin:0;
}

.wholeW {
  width: 100%;
}

.HeaderRow {
    background-color: #d8d7d7;
}

.HeaderRowLight {
    background-color: #f3f3f3;
}

.FooterRow {
    background-color: #ffffff;
}

.bluebg {
   background-color: #f3f3f3; 
}

.SubTable .BG {
    background-color: #f3f3f3;
}
.SubTable .AltRow { background-color:#f3f3f3; }
.SubTable .OverlinedRow { border-top: 1px solid #cacaca; }
.SubTable .UnderlinedRow { border-bottom: 1px solid #cacaca; }
.SubTable .OverlinedRowLight { border-top: 1px solid #f0f0f0; } 
.SubTable .InterestDivider { border-bottom: 1px solid #f3f3f3; }

.SubTable th {
    font: bold 11px verdana,geneva,arial,helvetica,sans-serif;
    color: #000000;
    text-indent: 3px;
    text-align: left;
}

.SubTable th.Alt {
    font: bold 11px arial,verdana,geneva,helvetica,sans-serif;
    text-decoration: none;
}

.SubTable td {
    font: 11px verdana,geneva,arial,helvetica,sans-serif;
    color: #000000;
    padding: 3px;
    
}

.SubTable td.Alt {
    font: bold 11px arial,verdana,geneva,helvetica,sans-serif;
    text-align: right;
    text-decoration: none;
    text-align: right;
}

.ContentAreaText {
    font: 11px verdana,geneva,arial,helvetica,sans-serif;
    color: #000000;
    text-decoration: none;
}

.ContentAreaTextLight {
   font: 11px verdana,arial,geneva,helvetica,sans-serif;
   color: #f3f3f3;
   text-decoration: none;
}

.ContentAreaTextBold {
    font: bold 11px verdana,geneva,arial,helvetica,sans-serif;
    color: #000000;
    text-decoration: none;
}

.ContentAreaHeaderLinkAlt {
    font: bold 11px arial,verdana,geneva,helvetica,sans-serif;
    color: #000000;
    text-align: right;
    text-decoration: none;
}
a.ContentAreaHeaderLinkAlt:active { text-decoration: underline; }
a.ContentAreaHeaderLinkAlt:hover { text-decoration: underline; }
a.ContentAreaHeaderLinkAlt:visited { text-decoration: none; }
a.ContentAreaHeaderLinkAlt:visited:hover { text-decoration: underline; }

a.ContentAreaHeaderLink {
    font: bold 11px verdana,geneva,arial,helvetica,sans-serif;
    color: #000000;
    text-decoration: none;
    padding: 0;
}
a.ContentAreaHeaderLink:active { text-decoration: underline; }
a.ContentAreaHeaderLink:hover { text-decoration: underline; }
a.ContentAreaHeaderLink:visited { text-decoration: none; }
a.ContentAreaHeaderLink:visited:hover { text-decoration: underline; }

a.ContentAreaLink {
    font: 11px verdana,geneva,arial,helvetica,sans-serif;
    color: #000000;
    text-decoration: none;
    padding: 0;
}
a.ContentAreaLink:active { text-decoration: underline; }
a.ContentAreaLink:hover { text-decoration: underline; }
a.ContentAreaLink:visited { text-decoration: none; }
a.ContentAreaLink:visited:hover { text-decoration: underline; }

a.ContentAreaList {
    font: 11px verdana,geneva,arial,helvetica,sans-serif;
    color: #005298;
    text-decoration: none;
}
a.ContentAreaList:hover { text-decoration: underline; }

a.ContentAreaListBold {
    font: bold 11px verdana,geneva,arial,helvetica,sans-serif;
    color: #005298;
    text-decoration: none;
}

.LargeHeader {
    font: bold 12px verdana,geneva,arial,helvetica,sans-serif;
}

/* Value color codes */

.PositiveValue { color: #1c8001; }
.NegativeValue { color: #cc0000; }
.NullNumber { color: #000000; }

/* Graph */

.idx1 {
    font: 9px verdana;
    color: #cc0000;
}

.stk1 {
    font: 9px verdana;
    color: #1c8001;
}

.charPadding {
    padding: 40px !important;
    border-top: 5px solid white;
}

/* Orderbook */

.OrderA { background-color: #1c8001; height: 8px; margin-top: 2px;}
.OrderB { background-color: #cc0000; height: 8px; margin-top: 2px;}

/* Other CSS */

.SixInfo {
    font: 11px verdana,geneva,arial,helvetica,sans-serif;
    color: #000000;
    text-align: center;
    padding: 20px;
}

.SixInfo a {
    font: 11px verdana,geneva,arial,helvetica,sans-serif;
    color: #003399;
    text-decoration: none;
}
.SixInfo a:hover { text-decoration: underline; }