/* container has a background image */
a.player {
    margin-top      : 40px;
    display         : block;
    background      : url(/img/flowplayer/splash.png) no-repeat;
    width           : 425px;
    height          : 298px;
    padding         : 0 60px 75px 69px;
    text-align      : center;
    color           : #fff;
    text-decoration : none;
    cursor          : pointer;
}

/* splash image */
a.player img {
    margin-top:115px;
    border:0;
}


#player {
    float:left;
}

/* playlist style */
#playlist {
    /*width:312px;*/
    width:380px;
    height:350px;
    overflow-y:auto;
    overflow-x:hidden;
    border:1px solid #ccc;
    padding:4px 10px 12px 10px;
    background-color:#efefef;
    margin-top:20px;
    float:left;
}

/* playlist entry */
#playlist a {
    display:block;
    /*width:280px;*/
    /*width:124px;*/
    height:90px;
    padding:7px;
    background-color:#fff;
    border:1px solid #ccc;
    font:11px "bitstream vera sans", "lucida grande",verdana;
    text-decoration:none;
    margin-top:7px;
    color:#666;
}

/* different states of a playlist entry */
#playlist a:hover {
    background-color:#ffc;
}

#playlist a.progress {
    background-color:#efefef;
}

#playlist a.playing {
    border:1px solid #666;
    background-color:#ffc;
}

#playlist a.paused {
    border:1px solid #666;
    background-color:#ffc;
}

/* elements inside playlist entry */
#playlist a img {
    border      : 0;
    float       : left;
    margin-right: 10px;
    height      : 90px;
}

#playlist a strong {
    color:blue;
    padding-bottom:5px;
}

#playlist a em {
    border:0;
    float:left;
    margin-right:10px;
    background:url(/missionhandicap/img/demos/clock.gif) no-repeat 0 50%;
    padding-left:20px;
    color:#333;
    font-style:normal;
    margin-top:10px;
}