@media screen, projection
{


  body {
    background-image: url(http://cdn2.esl.tv/fileadmin/templates/emsone_v1/images/dota2/onair_bg_bracket.jpg); 
    background-repeat: no-repeat;
    #background-position: center;  
    background-attachment: scroll;
  }
  .infoscreen_full_overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(http://cdn2.esl.tv/fileadmin/templates/emsone_v1/images/dota2/onair_bg_bracket_overlay.png); 
    width: 100%;
    height: 100%;
  }
  .bracketbox {
    position: absolute;
    top: 141px;
    left: 234px;
    font-family: 'ubuntu-condensed', times;
    font-size: 23px;
    #font-weight: bold;    
  }
  .bracket_contestant_field {
    width: 200px;
    height: 33px;
    border: 1px solid #999;
    #border-left: 1px solid #999;
    padding: 3px 3px 3px 3px;
    margin: 2px;
    background-color: #fff;
  }
  .bracket_contestant_field img {
    height: 26px;
    width: 26px;
    vertical-align: bottom;
  }
  .bracket_result_field {
    width: 50px;
    #border-top: 1px solid #999;
    #border-right: 2px solid #999;
    border: 1px solid #999;
    background-color: #444;
    color: #fff;
  }
  




    #scroll-pane,.scroll-pane{position:relative}
    .scroll-content {position:absolute;top:0;left:0}
    .slider-wrap{position:absolute;right:0;top:0;background-color:transparent;width:20px;border-left:0px solid gray;}
    .slider-vertical{position:relative;height:100%}
    .ui-slider-handle{width:20px;height:10px;margin:0 auto;background-color:darkgray;display:block;position:absolute}
    .ui-slider-handle img{border:none}
    .scrollbar-top{position:absolute;top:0;}
    .scrollbar-bottom{position:absolute;bottom:0;}
    .scrollbar-grip{position:absolute;top:50%;margin-top:-6px;}
    .ui-slider-range{position:absolute;width:100%;background-color:transparent}

    #scroll-pane {    
        width: 1500px;
        height: 800px;
    }

  
}