body {
	background: #000000;
	color:#d9d9d9;
}
a {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: none;
}
.valueWarning
{  
    color: #db3e3e;
}
.stockDown
{  
    color: #00e000;
}
/* - viewPage & pager--------------------------------------------------------------------- */

/* viewPage base */
#viewPageContainer
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

#viewPageInner
{
    height:100%;
}

#viewPageContainer .viewPage
{
    background-color:#000000;
	position:relative;
	float:left;
	height:100%;
	width:100%;
}

/* viewPager */
#viewPager
{
	background-color:#000000;
    position:absolute;
    left:28px;
    right:28px;
    bottom:0;
    width:auto;
    height:30px;
    text-align:center;
}

#viewPager.hidePager
{
	display:none;
}

#viewPager .viewPagerNode
{
    position:relative;
    display:inline-block;
    margin:0 5px;
    width:8px;
    height:8px;
    
    border-radius:4px;
  	background-color:#686868;
}
#viewPager .currentViewPage
{    
    background-color:#ffffff;
}
.viewTitle{
 text-align:center;
 color:#bbad4b;
 font-size: 18px; 
 padding-top:5px;
}
.viewTitle > span
{
    text-align:center;
}
.viewHide
{
	display:none;
}

.viewChart,
.viewTable
{
    position:absolute;
    top:30px;
    bottom:40px;
    left:60px;
    right:60px;
    background-color:#000000;   
}
.viewTable
{
	top:40px;
}

.FourChart{
	 top:55px;
}

.dataChart
{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.dataTable
{
	border:solid #555555 1px;	
    width:100%;    
}
.dataTable th,
.dataTable td
{
    border:solid 9a9a9a 1px;
    text-align:center;
    padding:5px;   
    height:16px; 
    border-bottom: 1px solid #555555;
    border-right: 1px solid #555555;
}
.dataTable th:last-child,
.dataTable td:last-child 
{
	border-right: 0px solid #555555;
}
.dataTable tr:last-child td
{
	border-bottom: 0px solid #555555;	
}

.dataTable th
{  
    background-color:#333;
    text-align:cnter;
}
.dataTable>tbody>tr:nth-child(odd) {background: #1e1e1e}

.fakeTitle
{
    position:absolute;
    z-index:10;    
}
.dataTitle thead
{
    visibility: hidden;
}
.dataScroll
{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.dataScroll > div
{
    width:100%;    
}
body.mask #mainContainer::after
{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:auto;
	height:auto;
	background-color:rgba(38, 38, 39, 0.9);
	background-image:url(../images/loading.gif);
	background-repeat:no-repeat;
	background-position:center center;
	z-index:40;
}

.viewPage.mask::after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:auto;
	height:auto;
	background-color:rgba(38, 38, 39, 0.9);
	background-image:url(../images/loading.gif);
	background-repeat:no-repeat;
	background-position:center center;
	z-index:40;
}