/*{{{ general playlist settings, light gray */

div.playlist {
    float:right;
    z-index:0;
    position:relative;
    overflow:hidden;
    height:200px !important;
    width:330px;
    overflow-y:scroll;
}

div.playlist, div.clips {
    position:relative;


}


div.playlistContainer{
    position:relative;
    float:right;
    width:290px;
    height:245px;
}

div.nowPlaying{
    width:100%;
    margin-right:auto;
    margin-left:0;
}
div.clips a {
    display:block;
    background-color:#ffffff;
    width:83%;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    border:1px outset #ccc;
    text-decoration:none;
    letter-spacing:-.3px;
    color:#000;
    float: right;
    padding-bottom:10px;
    padding-top:10px;
    padding-left:4px;
}

div.clips a em{
    float:right;
    margin-right:20px;
}
div.clips a.first {
    border-top-width:1px;
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
    background:url(../../flowplayer/img/playlist/light.png);
    background-position:top left;
    background-repeat:no-repeat;
    padding-right:0px;
    padding-left:0px;
    border:0;
}

div.clips a.progress {
    opacity:0.6;
}

div.clips a.paused {
    background-position:bottom left;
}

div.clips a span {
    display:block;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#666;
}

div.clips a em {
    font-style:normal;
    color:#f00;
}

div.clips a:hover {
    background-color:#f9f9fa;
}

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
    background-color:transparent !important;
}
/*}}}*/


/*{{{ petrol colored */

div.clips.petrol a {
    background-color:#193947;
    color:#fff;
    border:1px outset #193947;
}

div.clips.petrol a.playing, div.clips.petrol a.paused, div.clips.petrol a.progress {
    background:url(../../flowplayer/img/playlist/dark.png) no-repeat 0px 0px;
    border:0;

}

div.clips.petrol a.paused {
    background-position:top left;
}

div.clips.petrol a span {
    color:#aaa;
}

div.clips.petrol a em {
    color:#FCA29A;
    font-weight:bold;
}

div.clips.petrol a:hover {
    background-color:#274D58;
}

div.clips.petrol a.playing:hover, div.clips.petrol a.paused:hover, div.clips.petrol a.progress:hover {
    background-color:transparent !important;
}
/*}}}*/


/*{{{ low version */

div.clips.low a {

}

div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress {

    background-image:url(../../flowplayer/img/playlist/light_small_pause.png);
    background-position:center left;
    width:85%;
    color:#FFFFFF;
    letter-spacing:.5px;
    font-weight:bold;
    padding-left:50px;
    line-height:12px;
    height:35px;
    padding-top:10px;
    padding-bottom:0;
    font-size:10px;

}

div.clips.low a.paused {
    background-image:url(../../flowplayer/img/playlist/light_small_play.png);
    background-position:center left;
   

}


/*}}}*/


/*{{{ go buttons */

a.go { float:right;
    display:none;
    width:18px;
    height:18px;
    background:url(../../flowplayer/img/playlist/arrow/up.png) no-repeat;
    background-position:top;
    margin:0px 0 0px 0px;
    cursor:pointer;
}

a.go:hover, a.go.down:hover {
    background-position:0px -18px;
    clear:both;
}

a.go.down {
    background-image:url(../../flowplayer/img/playlist/arrow/down.png);
    background-position:top;
    clear:both;
    margin-top:-18px;
}

div.petrol a.go {
    background-image:url(../../flowplayer/img/playlist/arrow/up_dark.png);
    clear:both;
}

div.petrol a.go.down {
    background-image:url(../../flowplayer/img/playlist/arrow/down_dark.png);
    clear:both;
}
a.go.disabled {
    visibility:hidden;
}

img.thumb{

    float:left;
    border:0;
    padding:3px;
    margin-left: 0px;
    margin-top:-10px;
}

/*}}}*/

#myInfo{
    clear:both;
    float:left;
    width:100%;
    font-size:20px;
    margin-top:0px;
    border-bottom: solid 1px #ccc;
}
#myInfo .box.petrol {
    height:20px;
    background-color: #295c72;

}