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

        position:relative;
        overflow:hidden;
        height:285px !important;
}

div.playlist div.clips {
        position:absolute;

}

div.playlist, div.clips {
        width:260px;
}

div.clips a {
        background:#fefeff;
        display:block;
        height:20px; width:620px; font-size:12px;     font-weight: bold; text-decoration:none;
        color: #052F6D; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px;
        background-color:#fefeff
 border-left-style:none;
    border-right-style:dashed;
    border-top-style:none;
    border-bottom-style:dashed;
    border-width:1px;
    border-color:#BD5F5D;
 letter-spacing:1pt;
    text-decoration:none;
    }


div.clips a:hover {
        display:block;
        height:20px; width:620px; font-size:12px;     font-weight: bold; text-decoration:none;
        color: #7E3B33; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px;
        background-color:#ffffff;
 border-left-style:none;
    border-right-style:none;
    border-top-style:none;
    border-bottom-style:solid;
   border-width:1px;
    border-color:#052F6D;
 letter-spacing:1pt;
    text-decoration:none;

}




div.clips a.first {
        border-top-width:0px;
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
        background:url('/img/playlist/light.png') no-repeat 0px -69px;
        width:620px;
   background-color:#aaaaaa;
    color: #ffffff;
 border-left-style:none;
    border-right-style:none;
    border-top-style:none;
    border-bottom-style:solid;
   border-width:4px;
    border-color:#052F6D;
 letter-spacing:1pt;
    text-decoration:none;
}

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

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

div.clips a span {
        display:block;
        font-size:11px;
        color:#666;
}

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



div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
        background-color:grey !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('/img/playlist/dark.png') no-repeat 0px -69px;
        border:0px none;
}

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

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 {
        height:31px;
}

div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress {
        background-image:url('/img/playlist/light_small.png');
        background-position:
               0 -55px;
}

div.clips.low a.paused {
        background-position:0 0;
}


/*}}}*/


/*{{{ go buttons */

a.go {
        display:block;
        width:18px;
        height:18px;
        background:url('/img/playlist/arrow/up.png') no-repeat;
        cursor:pointer; margin-left:105px; margin-right:0; margin-top:5px; margin-bottom:5px
}

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

a.go.down {
        background-image:url('/img/playlist/arrow/down.png');
}

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

div.petrol a.go.down {
        background-image:url('/img/playlist/arrow/down_dark.png');
}

a.go.disabled {
        visibility:hidden;
}

/*}}}*/