#flowplayer { display:block; width:406px; height:303px; float:left; }

/* these two settings will remove borders from playlist entries */
a:active { outline:none; }
:focus { -moz-outline-style:none; }

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

/* splash image */
a.player img { margin:105px 0 0 170px; border:0; }

/*{{{ general playlist settings, light gray */
div.playlist { position:relative; overflow:hidden; height:285px!important; }
div.playlist div.clips { position:absolute; top:0; left:0; height:20000em; }
div.playlist,div.clips { width:260px; text-align:left; }
div.clips a { display:block; background-color:#fefeff; padding:12px 14px; width:196px; height:46px; font-size:12px; border:1px outset #ccc; text-decoration:none; letter-spacing:-1px; text-align:center; color:#000; }
div.clips a.first { border-top-width:1px; }
div.clips a.playing,div.clips a.paused,div.clips a.progress { background:url(../img/light.png) no-repeat 0 -69px; padding-right:60px; border:0; }
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: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(../img/dark.png) no-repeat 0 -69px; border:0; }
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/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/up.png) no-repeat; margin:5px 0 5px 105px; cursor:pointer; }
a.go:hover,a.go.down:hover { background-position:0 -18px; }
a.go.down { background-image:url(../img/down.png); }
div.petrol a.go { background-image:url(../img/up_dark.png); }
div.petrol a.go.down { background-image:url(../img/down_dark.png); }
a.go.disabled { visibility:hidden; }

/*}}}*/
div.videocats a { display:block; background-color:#fefeff; padding:20px 15px; width:196px; font-size:18px; line-height:30px; border:1px outset #ccc; text-decoration:none; letter-spacing:-1px; color:#393939; margin:0 0 10px 10px; }
div.videocats a.paused { background:url(../img/light.png) no-repeat 0 0; padding-right:60px; border:0; }
div.videocats a.active { background:url(../img/dark.png) no-repeat 0 0; color:#fff; }
div.videocats a:hover { background-color:#f9f9fa; }
div.videocats a.playing:hover,div.videocats a.paused:hover { background-color:transparent!important; }
