TDataView_ui/styles/tools/toolWeatherMap.css

#timePlayerControl {
    position: absolute;
    left: 50%;
    bottom: 40px;
    z-index: 90000;
    width: 400px;
    margin: 0px 0 0 155px;
    height: 32px;
    padding: 4px 5px;
    background: url(../../images/layout/bg-normal.png);
    border:1px solid #0ff;
}

#timePlayerControl .player-control {
    float:left;
}

#timePlayerControl .player-control a {
    width:32px;
    height: 32px;
    float: left;
    margin:0 2px;
}

#timePlayerControl .player-control a:hover,
#timePlayerControl .player-control .active {
    background:url(../../images/layout/lihover-tools_03.png);
}

#timePlayerControl .player-control span {
    width:32px;
    height: 32px;
    float: left;
}

#timePlayerControl .player-control .prev-start span {
    background:url(../../images/tools/icon-MediaFirst.png) no-repeat;
}
#timePlayerControl .player-control .prev span {
    background:url(../../images/tools/icon-MediaPrevious.png) no-repeat;
}
#timePlayerControl .player-control .pause span {
    background:url(../../images/tools/icon-MediaPause.png) no-repeat;
}
#timePlayerControl .player-control .pause {
    display:none;
}
#timePlayerControl .player-control .play span {
    background:url(../../images/tools/icon-MediaPlay.png) no-repeat;
}
#timePlayerControl .player-control .next span {
    background:url(../../images/tools/icon-MediaNext.png) no-repeat;
}
#timePlayerControl .player-control .next-end span {
    background:url(../../images/tools/icon-MediaFastForward.png) no-repeat;
}

#timePlayerControl .time-picker {
    float:right;
    margin-right: 35px;
    position:relative;
}

#timePlayerControl .datetime-picker {
    margin-top: 1px;
    width:120px;
    border: 0px solid #dcdcdc;
    height: 28px;
    display: inline-block;
    line-height: 28px;
    color: #fff;
    padding: 0 8px;
    background: #3371c8;
    cursor: pointer;
}

#timePlayerControl .abtn-close {
    position: absolute;
    right: -5px;
    top: 0px;
    text-indent: -999999px;
    overflow: hidden;
    background: url(../../images/layout/bg_close.gif) no-repeat center 7px;
    border: none;
    width: 30px;  
    height:30px;  
}

#timePlayerControl .time-list {
    position: absolute;
    bottom: 29px;
    left: -5px;
    background: #fff;
    width: 134px;
    border: 1px solid #2664b1;
    max-height:200px;
    overflow:hidden;
    overflow-y:auto;
    padding:3px;
    display:none;
}

#timePlayerControl .time-list li {
    padding:5px;
    cursor: pointer;
}

#timePlayerControl .time-list li:hover {
    background:#2664b1;
    color:#fff;
}