﻿<STYLE>
DIV.playlist
{
    POSITION: relative;
    HEIGHT: 285px !important;
    OVERFLOW: hidden
}
DIV.playlist DIV.clips
{
    POSITION: absolute;
    HEIGHT: 20000em
}
DIV.playlist
{
    WIDTH: 260px
}
DIV.clips
{
    WIDTH: 260px
}
DIV.clips A
{
    BORDER-BOTTOM: #ccc 1px outset;
    BORDER-LEFT: #ccc 1px outset;
    PADDING-BOTTOM: 12px;
    PADDING-LEFT: 15px;
    WIDTH: 240px;
    PADDING-RIGHT: 15px;
    DISPLAY: block;
    BACKGROUND: url(img/global/gradient/h80.png) #fefeff;
    LETTER-SPACING: -1px;
    HEIGHT: 46px;
    COLOR: #000;
    FONT-SIZE: 12px;
    BORDER-TOP: #ccc 1px outset;
    BORDER-RIGHT: #ccc 1px outset;
    TEXT-DECORATION: none;
    PADDING-TOP: 12px
}
DIV.clips A.first
{
    BORDER-TOP-WIDTH: 1px
}
DIV.clips A.playing
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 225px;
    BACKGROUND: url(img/playlist/light.png) no-repeat 0px -69px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px
}
DIV.clips A.paused
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 225px;
    BACKGROUND: url(img/playlist/light.png) no-repeat 0px -69px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px
}
DIV.clips A.progress
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 225px;
    BACKGROUND: url(img/playlist/light.png) no-repeat 0px -69px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px
}
DIV.clips A.progress
{
    opacity: 0.6
}
DIV.clips A.paused
{
    BACKGROUND-POSITION: 0px 0px
}
DIV.clips A SPAN
{
    DISPLAY: block;
    COLOR: #666;
    FONT-SIZE: 11px
}
DIV.clips A EM
{
    FONT-STYLE: normal;
    COLOR: #f00
}
DIV.clips A:hover
{
    BACKGROUND-COLOR: #f9f9fa
}
DIV.clips A.playing:hover
{
    BACKGROUND-COLOR: transparent !important
}
DIV.clips A.paused:hover
{
    BACKGROUND-COLOR: transparent !important
}
DIV.clips A.progress:hover
{
    BACKGROUND-COLOR: transparent !important
}
DIV.petrol A
{
    border-bottom: #193947 1px outset;
    border-left: #193947 1px outset;
    background-color: #666666;
    color: #fff;
    border-top: #193947 1px outset;
    border-right: #193947 1px outset;
    font-family: 'Microsoft Sans Serif';
    font-size: 11pt;
}
DIV.petrol A.playing
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BACKGROUND: url(img/playlist/dark.png) no-repeat 0px -69px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
}
DIV.petrol A.paused
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BACKGROUND: url(img/playlist/dark.png) no-repeat 0px -69px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px
}
DIV.petrol A.progress
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BACKGROUND: url(img/playlist/dark.png) no-repeat 0px -69px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px
}
DIV.petrol A.paused
{
    BACKGROUND-POSITION: 0px 0px
}
DIV.petrol A SPAN
{
    COLOR: #aaa
}
DIV.petrol A EM
{
    color: #CC9900;
}
DIV.petrol A:hover
{
    background-color: #c00000;
}
DIV.petrol A.playing:hover
{
    BACKGROUND-COLOR: transparent !important
}
DIV.petrol A.paused:hover
{
    BACKGROUND-COLOR: transparent !important
}
DIV.petrol A.progress:hover
{
    BACKGROUND-COLOR: transparent !important
}
DIV.low A
{
    HEIGHT: 31px
}
DIV.low A.playing
{
    BACKGROUND-IMAGE: url(img/playlist/light_small.png);
    BACKGROUND-POSITION: 0px -55px
}
DIV.low A.paused
{
    BACKGROUND-IMAGE: url(img/playlist/light_small.png);
    BACKGROUND-POSITION: 0px -55px
}
DIV.low A.progress
{
    BACKGROUND-IMAGE: url(img/playlist/light_small.png);
    BACKGROUND-POSITION: 0px -55px
}
DIV.low A.paused
{
    BACKGROUND-POSITION: 0px 0px
}
A.go
{
    MARGIN: 5px 0px 5px 105px;
    WIDTH: 18px;
    DISPLAY: block;
    BACKGROUND: url(img/playlist/arrow/up.png) no-repeat;
    HEIGHT: 18px;
    CURSOR: pointer
}
A.go:hover
{
    BACKGROUND-POSITION: 0px -18px
}
A.down:hover
{
    BACKGROUND-POSITION: 0px -18px
}
A.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.down
{
    BACKGROUND-IMAGE: url(img/playlist/arrow/down_dark.png)
}
A.disabled
{
    VISIBILITY: hidden
}
</STYLE>