.track-row {
    width:978px;
    border-bottom:none !important;
}


@font-face {
    font-family: 'texgyreadventorregular';
    src: url('fonts/texgyreadventor-regular-webfont.eot');
    src: url('fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.trackStatsBu {
    width:59px; 
    height:25px; 
    padding-top:2px; 
    display:block;
    z-index: 999;
}
.trackStatsBuImg {
    width:59px; 
    height:23px; 
    margin-top:0px;
    image-rendering: -webkit-optimize-contrast;
    z-index: 999;
}

#svg {
    margin-left:-100px;
}

.ts_head {
    text-align: center;
}
.ts_headTitle {
    padding-top: 3px;
    opacity: 0.55;
}

.ts_buImg_1 {
    display: none;
}
.ts_buImg_2 {
    display: block;
}
.ts_buImg_4 {
    display: none;
}
.ts_buImg_5 {
    display: none;
}

/*
///////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
*/
.ts_trackStats {
    display: none;
    visibility: hidden;
    width:978px;
    height: 0px;
    color: #fff;
    font-family: "Open Sans";
    line-height: 1.5em;
    font-weight: normal;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    border: none;
    clear:both;
    border-bottom: 1px solid #999999;
    cursor: default;
    background-color: #12a3d1;
}


.ts_buFont {
    font-weight: 600;
    font-size: 12px;
}
.ts_liFont {
    font-weight: normal;
    font-size: 11px;
}
.ts_blueDefault 		    { background-color: #12a3d1; }
.ts_blueActive 		        { background-color: #50badb; }
.ts_blueSelected 	        { background-color: #003269; }

.ts_colListLine	            { background-color: #99d3e6; }


.ts_listItemHover:hover     { background-color: #003269; }
.ts_listBgDark              { background-color: #0b8cb5; }
.ts_listBgLight             { background-color: #0c97c3; }

.ts_yellowSelected       { color: #ffee00; }

.ts_colListIndex    { color: #0a7fa4; }



.ts_bold {
    font-weight: 600;
}


.ts_day {
    max-height: 50px;
    width: 978px;
    border-bottom: solid 1px #fff;
    white-space: nowrap;
    overflow: hidden;
}

.ts_buHead {
    height: 28px;
    width: 100%;
    font-weight: 600;
    font-size: 12px;
    border-bottom: solid 1px #fff;
}
.ts_month {

}
.ts_hour {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    width: 39px;
    font-family: 'Droid Sans', sans-serif;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 11px;
    -webkit-user-select: none;   
    -moz-user-select: none; 
    -ms-user-select: none; 
    cursor: pointer;
    text-align: center;
}
.ts_hour_anz {
    display: block;
    position: relative;
    top:30px;
    width: 40px;
    height: 0px;
    background-color: #fff;    
    border: none;
    margin: 0px;
    padding: 0px;
    border-right: none;
    text-indent: 0px;

    border-right: 1px solid rgba(255, 255, 255, .55);
    -webkit-background-clip: padding-box;       /* for Safari */
    background-clip: padding-box;               /* for IE9+, Firefox 4+, Opera, Chrome */
}
.ts_vLine {
    display: inline-block;
    height: 50px;
    width: 0px;
    border-right: 1px solid #99d3e6;
    -webkit-user-select: none;   
    -moz-user-select: none; 
    -ms-user-select: none; 
}
/**/
.ts_hour22 {
    width: 48px;
}
.ts_hour_anz22 {
    width: 48px;
}
/**/
.ts_hour23 {
    width: 59px;
}
.ts_hour_anz23 {
    width: 59px;
}
.ts_hour_play {
    z-index: 999 !important;
    position: relative;
    height:15px;
    margin-bottom: 0px;
    color: #3dadd1;
    width: 39px;
    text-align: center;
    vertical-align: bottom;
    font-size: 9px;
    font-weight: 600;
    -webkit-user-select: none;   
    -moz-user-select: none; 
    -ms-user-select: none; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    letter-spacing: 0.5px;
}

.ts_pop {
    z-index: 9999 !important;
    display: none;
    position: relative;
    top: -223px;
    left: 0px;
    padding: 8px;
    padding-top: 3px;
    padding-bottom: 4px;
    border: solid 2px #12a3d1;
    border-radius: 4px;
    line-height: 1.2em;
    background-color: #fff;
    color:#12a3d1;
    font-family: "Open Sans";
    font-size: 10px;
}
.ts_popRow{
    display: block;
}
.ts_popHead {
    color:#003269;
}
.ts_popTime {
    display: inline-block;
    margin-right: 4px;
    width: 34px;
}
.ts_popArea {
    display: inline-block;
}
.ts_popStation {
    display: block;
}
.ts_popCol1{
    display: inline-block;
    margin-right: 4px;
    width: 34px;
}
.ts_popCol2{
    display: inline-block;
    text-align: right;
}
.ts_popCol3{
    display: inline-block;
    margin-left: 4px;
    text-align: right;
}






.ts_bu  {
    text-align: center;
    vertical-align: top;
    line-height: 2.3em;
    display: inline-block;
    width: 80px;
    height: 27px;
    border-right: solid 1px #99d3e6;   
    -webkit-user-select: none;   
    -moz-user-select: none; 
    -ms-user-select: none; 
    cursor: pointer;
}
.ts_nobu{
    display: inline-block;
    width: 80px;
    height: 27px;
    border-right: solid 1px #99d3e6;   
    -webkit-user-select: none;   
    -moz-user-select: none; 
    -ms-user-select: none; 
}
.ts_buYear {
    padding-top: 1px;
    font-size: 11px;
    opacity: 0.55;
}
.ts_buMonth {
    width: 40px !important;
    padding-top: 1px;
    font-size: 11px;
    opacity: 0.55;
}
.ts_buSpace_1 {
    width: 80px !important;
}
.ts_buSpace_2 {
    width: 40px !important;
}
.ts_buDays {
    width: 40px !important;
    padding-top: 1px;
    font-size: 11px;
    opacity: 0.55;
}
.ts_buDaySettings {
    display:none;
    float: right;
    width: 34px;
    border-right: 0px;
}
.ts_buDaySettingsInfo {
    display: none;
    float: right;
    margin-top: 3px;
    padding-right: 20px;
    padding-left: 20px;
}
.ts_buMapArea{
    color: #a5dcee;
    height: 100%;
    text-align: center;
    line-height: 2.3em;
    display: inline-block;
    width: 40px;
    border-right: solid 1px #99d3e6;   
    -webkit-user-select: none;   
    -moz-user-select: none; 
    -ms-user-select: none; 
    cursor: pointer;
}
.ts_buLeft {
    width: 80px;
}
.ts_buRegion {
    width: 80px;
}
.ts_buCity {
    display: none;
    width: 90px;
}
.ts_info {
    display: inline-block;
    padding-top: 3px;
    padding-left: 16px;
    width: auto;
    color: #fff;
    -webkit-user-select: none;   
    -moz-user-select: none; 
    -ms-user-select: none; 
    cursor: default;
}
.ts_buUp {
    background-image: url("images/p1.png");
    background-position: left 3px top 0px;
    float: right;
    display: inline-block;
    width: 39px;
    height:27px;
    padding-left: 4px;
    cursor: pointer;
}





.ts_stats {
    clear: all;
    vertical-align: top;
}
.ts_statsHead {
   border-bottom: solid 1px #99d3e6;
}

.ts_track {
    border-right: solid 1px #fff;   
    display: inline-block;
    width: 320px;
    vertical-align: top;
}
.ts_station {
    border-right: solid 1px #fff;   
    display: inline-block;
    width: 400px;
    vertical-align: top;
}
.ts_map {
    float: right;
    display: inline-block;
    width: 258px;
    vertical-align: top;
}
.ts_list {
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}
.ts_trackList {
    height: 194px;
    overflow: auto;
}
.ts_stationList {
    height: 194px;
    overflow-y: auto;
}
.ts_topTenList {
    display: none;
}
.ts_mapList {
    width:258px;
    background-color: #12a3d1;
}






.ts_listTop {
    height: 4px;
}
.ts_listBottom {
    height: 4px;
}
.ts_listItem {
    height: 17px;
}
.ts_liItValue {
    display: inline-block;
    vertical-align: top;
    -webkit-user-select: none;   
    -moz-user-select: none; 
    -ms-user-select: none; 
    white-space: nowrap;
    overflow: hidden;
}
.ts_liItBu {
    cursor: pointer;
}





.ts_liItemNum {
    width: 22px;
    text-align: right;
    overflow: hidden;
}
.ts_liItemPlay {
    width: 63px;
    padding-right: 5px;
    text-align: right;
    overflow: hidden;
}
.ts_liItemRank {
    width: 50px;
    padding-right: 15px;
    text-align: right;
    overflow: hidden;
}
.ts_liItemCountry {
    width: 104px;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.ts_liItemCash {
    width: 62px;
    text-align: right;
    overflow: hidden;
}




.ts_liItemNumStation {
    width: 30px;
    text-align: right;
    overflow: hidden;
}
.ts_liItemPlay_station {
    width: 47px;
    padding-right: 5px;
}
.ts_liItemRank_station {
    width: 50px;
    padding-right: 15px;
}
.ts_liItemStation {
    width: 129px;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.ts_liItemRegion {
    width: 80px;
    padding-right: 5px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.ts_liItemCashStation {
    width: 46px;
    text-align: right;
    overflow: hidden;
}



.ts_liItemTrack {
    width: 155px;
    padding-left: 10px;
    padding-right: 10px; 
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.ts_liItemArtist {
    width: auto;
    padding-left: 10px;
    padding-right: 10px; 
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}


.ts_listEnd {
    background-color: #50badb;
    line-height: 16px;
}
.ts_liEndPlay {
}
.ts_liEndRank {
}
.ts_liEndCountry {
    width: 93px;
}
.ts_liEndStation {
}
.ts_liEndRegion {
    width: 50px;
}
.ts_liEndCash {
    width: 66px;
}
.ts_liEndNumStation {
    width: 30px;
}
.ts_liEndCashStation {
    width: 66px;
}
.ts_liEndButton {
    cursor: pointer;
    padding-left:8px;
    padding-top:6px;
    padding-right:8px;
    padding-bottom:6px;
}
.ts_liEndButtonView {
    width: 5px;
    height: 5px;
    background-color: #0b8cb5;
}
/*


color list bright = #0c97c3
color list dark = #0b8cb5
color list legend bg = #50badb
color list num = #5db5d5


buttonLine height 27px
buttonText opensans semibold 12px uppercase
button width = 8,3332
info padding left 20px
vertical line color #99d3e6

daytime height=50px
houre width = 4,1667%
daytimeTitleText = bottonText
timeText = MyriadWebPro 9px


trackList width 33,33%
inner line color #99d3e6 (vertical line color)
padding top 4px
row height 17px
padding 1 4,86%
width 1 (number) = 14px  >> 18px
width 2 /rank) = 14%	 >> 52px
width 3 /play) = 14%	 >> 52px
width 3 = auto

font semi bold 11px

station width = auto
width 2 = 40px
width 3 = auto
width 4 = 100px

map width = 25%
*/