.blue_player_bar{
 /* background-color: #7F96C7;*/
 background-color: #6194BC;
  color: black;
  border: 1px solid #666666;
}
.red_player_bar{
  /*background-color: #BC4247;*/
  background-color: #EE3233;
  color: black;
  align: right;
  border: 1px solid #666666;
}
.time_table{
  background-color: #222222;
  border: 2px solid #999999;
  border-collapse: separate;
  color: white;
}
.time_table td{
    padding: 6px;
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
    border: 2px solid #999999;   
}
.banTable{
  width:100%; 
  border-collapse:collapse;
  color: black;
}
.banTable th{
background-color:#999999;
text-align:center;
color:black;
line-height:1.4em
}
.banTable td{
  padding: 6px;
  color: black;
  vertical-align: middle;
}
.banTable img{
     vertical-align: middle;
}
.timeline{
     border-collapse:collapse;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     text-align:center;
     color:balck;
}
.timeline th{
  font-weight: bold;
  height: 18px;
}

 /* MINIMAP */
#minimap{     
float:right;
width:300px;
height: 245px;
background-image:url('../_img/minimapv2.png');
position:relative;
}
#minimapbig{     
width:512px;
height: 512px;
position:relative;
}
.minimapbg{
background-image:url('../_img/minimapbig2.png');
}
.minimapS14bg{
background-image:url('../_img/minimapbig2-S14-2.png');
}
#nashorscore{
    position:absolute;
    left: 90px;
    top: 75px;
}
#bluenashor{
      background-color:#7F96C7;
      padding:3px ;
}
#rednashor{
    background-color:#BC4247;
    padding:3px ;
}
#drakescore{
   position:absolute;
   left: 185px;
   top: 175px;
}
#bluedrake{
     background-color:#7F96C7;
     padding:3px ;
}
#reddrake{
    background-color:#BC4247;
    padding:3px ;
}        
#bluet1top{
   position:absolute;
   left: 15px;
   top: 72px;
}
#bluet2top{
   position:absolute;
   left: 26px;
   top: 130px;
}
#bluet3top{
   position:absolute;
   left: 20px;
   top: 170px;
}
#bluet1mid{
   position:absolute;
   left: 115px;
   top: 136px;
}
#bluet2mid{
   position:absolute;
   left: 100px;
   top: 165px;
}
#bluet3mid{
   position:absolute;
   left: 70px;
   top: 180px;
}
#bluet1bot{
   position:absolute;
   left: 205px;
   top: 226px;
}
#bluet2bot{
   position:absolute;
   left: 135px;
   top: 220px;
}
#bluet3bot{
   position:absolute;
   left: 80px;
   top: 222px;
}
#bluet1nexus{
   position:absolute;
   left: 30px;
   top: 205px;
}
#bluet2nexus{
   position:absolute;
   left: 40px;
   top: 213px;
}
#redt1top{
   position:absolute;
   left: 80px;
   top: 15px;
}
#redt2top{
   position:absolute;
   left: 155px;
   top: 22px;
}
#redt3top{
   position:absolute;
   left: 208px;
   top: 16px;
}
#redt1mid{
   position:absolute;
   left: 172px;
   top: 104px;
}
#redt2mid{
   position:absolute;
   left: 190px;
   top: 80px;
}
#redt3mid{
   position:absolute;
   left: 220px;
   top: 58px;
}
#redt1bot{
   position:absolute;
   left: 273px;
   top: 170px;
}
#redt2bot{
   position:absolute;
   left: 262px;
   top: 110px;
}
#redt3bot{
   position:absolute;
   left: 270px;
   top: 70px;
}
#redt1nexus{
   position:absolute;
   left: 245px;
   top: 26px;
}
#redt2nexus{             
   position:absolute;
   left: 256px;
   top: 32px;
}

.point{
     margin:0;
     padding:0;
     position:absolute;
     line-height:0;
     width:8px;
     height: 8px;  
     border-radius: 4px;
     opacity:0.4;
}

.point0{
     margin:0;
     padding:0;
     position:absolute;
     line-height:0;
     width:8px;
     height: 8px;  
     border-radius: 4px;
     opacity: 0.5;
}

.point1{
     margin:0;
     padding:0;
     position:absolute;
     line-height:0;
     width:12px;
     height: 12px;  
     border-radius: 6px;
     opacity: 0.5;
}

.point2{
     margin:0;
     padding:0;
     position:absolute;
     line-height:0;
     width:16px;
     height: 16px;  
     border-radius: 8px;
     opacity: 0.5;
}

.point3{
     margin:0;
     padding:0;
     position:absolute;
     line-height:0;
     width:20px;
     height: 20px;  
     border-radius: 10px;
     opacity: 0.5;
}

.point4{
     margin:0;
     padding:0;
     position:absolute;
     line-height:0;
     width:24px;
     height: 24px;  
     border-radius: 12px;
     opacity: 0.5;
}

.pointHL{
     margin:0;
     padding:0;
     position:absolute;
     line-height:0;
     width:12px;
     height: 12px;  
     border-radius: 6px;
     opacity:1; 
}

.pt4m{
       background-color:rgba(255,0,0);  
}

.pt2m{
       background-color:rgba(0,255,00);
}

.pt1m{
     background-color:rgba(0,255,255);
}

.pt1ma{
    
     background-color:rgba(0,255,255);
}

.ptblue{
     
     background-color:rgba(94,215,237);
}

.ptred{
        background-color:rgba(237,78,75);
}

.pt3m{
     background-color:rgba(255,0,220);
}

.pt5m{
   background-color:rgba(255,216,0);
}

.pt6m{
   background-color:rgba(0,0,255);
}
   