html, body { min-height: 100% !important; height: 100%; width: 100%; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; /*margin-left: 0px; margin-top: 0px;*/ background-color: black; color: #B0B0B0; }

/*.header { position: fixed; top: 0px; left: 0px; height: 36px; width: 100%; z-index: 100; }*/
.tabParent { position: absolute; top: 0px; height: 100%; width: 100%; overflow: auto; background-color: black; }
.tabContainer { padding-top: 68px; /*60px;*/ /*36px;*/ }
.activeTab { z-index: 3; }

 /* The navigation bar */
.navbar { /*overflow: hidden; */background-color: #333; position: fixed; top: 0; /*height: 28px;*/ width: 100%; z-index: 100; /*padding-top: 6px;*/ }
.navbar table { border-collapse: collapse; width: 100%; }
.navbar td { padding: 4px 0px 4px 0px } /*.navbar td { padding: 7px 0px 7px 0px }*/
/*.navbar a { color: #f2f2f2; text-align: center; padding: 7px 12px 7px 12px; text-decoration: none; }
.navbar a:hover { background: #ddd; color: white; }*/
.navbarlink a { color: #f2f2f2; text-align: center; padding: 7px 12px 7px 12px; text-decoration: none; }
.navbarlink a:hover { background: #ddd; color: white; }
.navbar label { color: #f2f2f2; }
.activenav  { /*float: left; display: block;*/ color: #f2f2f2 !important; background-color: #307D30 !important; text-align: center; /*padding: 7px 16px;*/ text-decoration: none; }
.main { height: 100%; width: 100%; /*margin-top: 34px;*/ /* Add a top margin to avoid content overlay */ }
/* #chartDiv { height: 100%; overflow: scroll; } */
/*
#chartDiv { margin-top: 34px; }
#holdingsDiv { margin-top: 34px; }
#accoountsDiv { margin-top: 34px; }
#analDiv { margin-top: 34px; }
*/

div.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx_activetab {/*position: absolute; top: 0;*/ height: 100%; width: 100%; z-index: 2; background-color: black; overflow: scroll; /*display: inline;*/}
div.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx_inactivetab {/*position: absolute; top: 0;*/ height: 100%; width: 100%; z-index: 0; overflow: scroll; /*display: none;*/}

td {vertical-align: top;}

.shareRow { /*background-color: #ffffff;*/ }
.altShareRow { background-color: #212121; /*#2a2a2a;*/ }

.instrumentName { color: white; }
#spnTotalHoldings { color: white; /*padding-left: 50px;*/ }
#spnCurrencies { color: white; font-size: small; padding-right: 10px; }
#spnCurrencies a { color: white; }
#spnCurrencies a:visited { color: white; }

a:link { color: #f473ff; }
a:visited { color: #9a34b7; }

.miniHoldings { border-collapse: collapse; border-spacing: 0; }
.miniHoldings td { font-size: x-small; border: 1px solid #505050; }
.miniHoldings th { font-size: x-small; border: 1px solid #505050; }
.soldHolding { text-decoration: line-through; }

/*tr.highlighted, td.highlighted { background-color: gold; }*/
.highlighted { background-color: gold; }

.mainHoldings { font-size: small; }
table.mainHoldings { width: 100%; }
table.mainHoldings th, table.mainHoldings td { padding-left: 5px; padding-right: 5px; }
table.mainHoldings tr:hover { background-color: #404090; }

.watchlist { font-size: small; }
/*table.watchlist { width: 100%; }*/
table.watchlist th, table.watchlist td { padding-left: 5px; padding-right: 5px; }
table.watchlist tr:hover { background-color: #404090; }

.accounts { font-size: small; }
/*table.accounts { width: 100%; }*/
table.accounts th, table.accounts td { padding-left: 5px; padding-right: 5px; }
table.accounts tr:hover { background-color: #404090; }

.analysis { font-size: small; }
table.analysis { width: 100%; }
table.analysis th, table.analysis td { padding-left: 5px; padding-right: 5px; }
table.analysis tbody tr { white-space: nowrap; }
table.analysis tr:hover { background-color: #404090; }

.pcLabel { position: relative; background-color: transparent; text-align: center; z-index: 2; }
.pcBackground { position: absolute; z-index: 1; }

.price-summary { font-size: x-small; }

.current-value { font-size: medium; }

.num {text-align: right;}

.summary { width: 100%; border-collapse: collapse; }

.spacer { padding-top: 6px; }

.profit { color: #07b200; /* limegreen */}
.loss { color: #ff4141; /*#ee2727;*/ /*red;*/ /* firebrick */}
.open { color: white; /*#cacaca*/ }
.closed { color: #757575 }

td.no-border { border: 0px; text-align: right; }

.longContainer { width: 320px; }
.midContainer { width: 320px; }
.shortContainer { width: 320px; }
.dayContainer { width: 320px; }

.LongSummary { font-size: x-small; }
.LongChart { height: 150px; width: 320px; }

.MidSummary { font-size: x-small; }
.MidChart { height: 150px; width: 320px; }

.ShortSummary { font-size: x-small; }
.ShortChart { height: 150px; width: 320px; }

.DaySummary { font-size: x-small; }
.DayChart { height: 136px; width: 320px; }

.FullScreenChart { height: 300px; width: 400px; }

.HoldingCurrenciesChart { height: 250px; width: 250px; }
/*#divHoldingCurrenciesChart .pieLabel { color: red !important; background-color: black; }*/
#divHoldingCurrenciesChart div.pieLabel { font-size: x-small; text-align: center; padding: 2px; color: white; background-color: black }
#divHoldingCurrenciesChartCurrentValue div.pieLabel { font-size: x-small; text-align: center; padding: 2px; color: white; background-color: black }
#divAccountBookCost div.pieLabel { font-size: x-small; text-align: center; padding: 2px; color: white; background-color: black }
#divAccountValue div.pieLabel { font-size: x-small; text-align: center; padding: 2px; color: white; background-color: black }

.flot-tick-label { color: #b0b0b0 }
.flot-text { font-size: x-small !important; }

.chart-tooltip { position: absolute; border: 1px solid #fdd; padding: 2px; background-color: transparent/*#fee*/; opacity: 0.80; display: none; z-index: 6; font-size: x-small; color: white; }

.flotTip 
    {
      padding: 3px 5px;
      background-color: #000;
      z-index: 101;
      color: #fff;
      box-shadow: 0 0 10px #555;
      opacity: .7;
      filter: alpha(opacity=70);
      border: 2px solid #fff;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }



.deletebutton { color: red; cursor: pointer; }

span.addHolding { cursor: pointer; }

#selectInstrument2 { width: 100%; }
	
.marquee { width: 600px; overflow: hidden; font-size: small; /*border: 1px solid #ccc;*/ /*background: #ccc;*/ }
.marquee div { padding: 1px 0px 1px 0px; }


/*
.highcharts-hollowcandlestick-series .highcharts-point-down {
    fill: #ff4141;
    stroke: #ff4141;
}*/

/*.highcharts-hollowcandlestick-series .highcharts-point-down-bearish-up {
    fill: #35bd00;
    stroke: #35bd00;
}*/
/*
.highcharts-hollowcandlestick-series .highcharts-point-up {
    fill: #07b200;
    stroke: #07b200;
}*/


/*
html, body { min-height: 100% !important; height: 100%; width: 100%; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 0px; background-color: black; color: #B0B0B0; }

 / * The navigation bar * /
.navbar { overflow: hidden; background-color: #333; position: fixed; top: 0;  width: 100%; z-index: 100; }
.navbar a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 7px 16px; text-decoration: none; }
.navbar label { color: #f2f2f2; }
.navbar a:hover { background: #ddd; color: white; }
.activenav  { float: left; display: block; color: #f2f2f2 !important; background-color: #307D30 !important; text-align: center; padding: 7px 16px; text-decoration: none; }
.main { height: 100%; width: 100%; margin-top: 34px; / * Add a top margin to avoid content overlay * / }
/ * #chartDiv { height: 100%; overflow: scroll; } * /
#chartDiv { margin-top: 34px; }
#holdingsDiv { margin-top: 34px; }
#accoountsDiv { margin-top: 34px; }
#analDiv { margin-top: 34px; }

div.activetab {position: absolute; top: 0; height: 100%; width: 100%; z-index: 2; background-color: black; overflow: scroll; / *display: inline;* /}
div.inactivetab {position: absolute; top: 0; height:100%; width: 100%; z-index: 0; overflow: scroll; / *display: none;* /}

td {vertical-align: top;}

.shareRow { / *background-color: #ffffff;* / }
.altShareRow { background-color: #212121; / *#2a2a2a;* / }

.instrumentName { color: white; }
#spnTotalHoldings { color: white; padding-left: 50px; }

a:link { color: #f473ff; }
a:visited { color: #9a34b7; }

.miniHoldings { border-collapse: collapse; border-spacing: 0; }
.miniHoldings td { font-size: x-small; border: 1px solid #505050; }
.miniHoldings th { font-size: x-small; border: 1px solid #505050; }
.soldHolding { text-decoration: line-through; }

tr.highlighted, td.highlighted { background-color: gold; }

.mainHoldings { font-size: small; }
table.mainHoldings { width: 100%; }
table.mainHoldings th, table.mainHoldings td { padding-left: 5px; padding-right: 5px; }
table.mainHoldings tr:hover { background-color: #404090; }

.accounts { font-size: small; }
/ *table.accounts { width: 100%; }* /
table.accounts th, table.accounts td { padding-left: 5px; padding-right: 5px; }
table.accounts tr:hover { background-color: #404090; }

.analysis { font-size: small; }
table.analysis { width: 100%; }
table.analysis th, table.analysis td { padding-left: 5px; padding-right: 5px; }
table.analysis tbody tr { white-space: nowrap; }
table.analysis tr:hover { background-color: #404090; }

.pcLabel { position: relative; background-color: transparent; text-align: center; z-index: 2; }
.pcBackground { position: absolute; z-index: 1; }

.price-summary { font-size: x-small; }

.current-value { font-size: medium; }

.num {text-align: right;}

.summary { width: 100%; border-collapse: collapse; }

.spacer { padding-top: 6px; }

.profit { color: #07b200; / * limegreen * /}
.loss { color: #ee2727; / *red;* / / * firebrick * /}

td.no-border { border: 0px; text-align: right; }

.flot-tick-label { color: #b0b0b0 }

.LongSummary { font-size: x-small; }
.LongChart { height: 150px; width: 300px; }

.MidSummary { font-size: x-small; }
.MidChart { height: 150px; width: 300px; }

.ShortSummary { font-size: x-small; }
.ShortChart { height: 150px; width: 300px; }

.DaySummary { font-size: x-small; }
.DayChart { height: 136px; width: 300px; }

.FullScreenChart { height: 300px; width: 400px; }

.HoldingCurrenciesChart { height: 250px; width: 250px; }
/ *#divHoldingCurrenciesChart .pieLabel { color: red !important; background-color: black; }* /
#divHoldingCurrenciesChart div.pieLabel { font-size: x-small; text-align: center; padding: 2px; color: white; background-color: black }
#divHoldingCurrenciesChartCurrentValue div.pieLabel { font-size: x-small; text-align: center; padding: 2px; color: white; background-color: black }
#divAccountBookCost div.pieLabel { font-size: x-small; text-align: center; padding: 2px; color: white; background-color: black }
#divAccountValue div.pieLabel { font-size: x-small; text-align: center; padding: 2px; color: white; background-color: black }
.flotTip 
    {
      padding: 3px 5px;
      background-color: #000;
      z-index: 101;
      color: #fff;
      box-shadow: 0 0 10px #555;
      opacity: .7;
      filter: alpha(opacity=70);
      border: 2px solid #fff;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }

.deletebutton { color: red; cursor: pointer; }

span.addHolding { cursor: pointer; }

.flot-text { font-size: x-small !important; }

.chart-tooltip { position: absolute; border: 1px solid #fdd; padding: 2px; background-color: #fee; opacity: 0.80; display: none; z-index: 6; }

#selectInstrument2 { width: 100%; }

*/