/*reset CSS */
:link,:visited,:focus { text-decoration:none; outline:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code,kbd,input,select,textarea,table { font-size: 1em; }
dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,div,p,blockquote,fieldset,legend,input,select,textarea { margin:0; padding:0 }
a img,:link img,:visited img,abbr,acronym,fieldset,iframe { border:0; }
address,abbr,cite { font-style:normal }
caption { text-align:left; }
q:before,q:after { content:''; }
body { 
    background-color:#000000;
    font-family:Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;  
} 
#topten-wrapper {
  width:250px;
  height:400px;
  /*overflow: hidden;*/
  color: #fff;
  margin-left: 10px;
}
.chart-row { 
  height: 40px; 
  width:250px;  
  position:relative;
}

.chart-row .icon { width:250px; height:20px; /*overflow: hidden;*/ float: left; display: block; line-height: 20px;}
.chart-row .icon .position { width: 20px; padding-left: 30px; color: #ffc425; float: left; font-weight: bold; text-align: center;}
.chart-row div.icon div.bandname { width: 195px; padding-left: 5px; float: left; }
.chart-row div.icon div.bandname a { color: #FFFFFF; }
.chart-row .icon.up   { background: url('../../images/v2/up.jpg') no-repeat 3% 50%; }
.chart-row .icon.down { background: url('../../images/v2/down.jpg') no-repeat 3% 50%; }
.chart-row .icon.none { background: url('../../images/v2/none.jpg') no-repeat 3% 50%; }

.chart-row div.loading div.loadend { 
  background: url('../../images/v2/bg_nofirst_right.jpg'); 
  background-repeat:no-repeat; 
  background-position: center;  
  background-size: 100%;
  width: 8px;  
  height: 8px; 
  float: left;
}

.chart-row.first div.loading div.loadend { 
  background: url('../../images/v2/bgfirst_right.jpg'); 
  background-repeat:no-repeat; 
  background-position: center;  
  background-size: 100%;
  width: 8px;  
  height: 8px; 
  float: left;
}

.chart-row div.loading div.loadstart { 
  background: url('../../images/v2/bg_nofirst.jpg'); 
  /*background-size: 100%;*/ background-repeat:repeat-x;    
  background-position: center;   height: 8px;
  float:left;
}

.chart-row.first div.loading div.loadstart { 
  background: url('../../images/v2/bgfirst.jpg'); 
  /*background-size: 100%;*/ background-repeat:repeat-x;    
  background-position: center;   height: 8px;
  float:left;
}

/* .chart-row div.bar { width:250px; float: left; display: block; background-color:#FFFF !important;}
.chart-row div.bar div.shaded{    
  height:16px;
  line-height:16px;
  position:absolute;
  top:0px;
  left:0px;
}  */

.red {
  color: #dd0d49;
}

.yellow {
  color: #ffc425;
}