@media screen, projection {

    #playlist ul { border-top: 1px solid #842921; }
    #playlist li.mediaitem { border-bottom: 1px solid #842921; list-style: none; padding-bottom: 5px; }
    #playlist li.mediaitem div p { margin: 0 0 0 0; padding-top: 5px; }
    #playlist li.mediaitem div { margin-left: 100px; }
    #playlist li.mediaitem div.date { width: 100px; font-weight: bold; float: left; margin-left: 0; }
    #playlist .mediaitem p.author { padding-top: 0; }

    h2.clearboth { margin-top: 20px; }

    .pagination { margin-bottom: 10px; color: #842921; text-align: center; }
    .pagination span { color: #ffffff; }

    .ui-tabs-panel { min-height: 600px; }
    #playlist { background: transparent url('/images/bg-media-playlist.png') no-repeat center top; }
    #tabs { margin: 8px 0 0 112px; border: none !important; }

    /* tabs */
    .ui-tabs { padding: .2em; zoom: 1; }
    .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
    .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
    .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
    .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
    .ui-tabs .ui-tabs-hide { display: none !important; }
    #tabs li { margin: 0; padding: 0; }
    #tabs li a { background: url('/images/sprite-player-tabs.png') 0 -32px no-repeat; display: block; height: 24px; width: 90px; text-align: center; line-height: 12px; padding: 4px 4px; margin: 0 5px 0 0; outline: none; color: #6a6540; }
    #tabs li.ui-tabs-selected a { background-position: 0 0; color: #ffffff; }

    /* player */
    body.player { text-align: left; color: #000000; width: 752px; }
    .player #header { background: #e7deb7 url('/images/bg-player-header.png') repeat-x; height: auto; border-bottom: 3px solid #9c976f; }
    .player a.closebutton { position: absolute; right: 12px; top: 20px; display: block; background: transparent url('/images/button-close.png') no-repeat; width: 52px; height: 22px; text-indent: -9999px; outline: none; }
    .player #main { border: 4px solid #3b0805; overflow: hidden; background: transparent url('/images/bg-player-main.png') 432px 0 repeat-y; }
    .player h1 { background: transparent url('/images/logo-mediaplayer.png') no-repeat; border: none; height: 63px; width: 379px; line-height: normal; padding: 0; margin: 0; text-indent: -9999px; }
    .player #article { width: 424px; float: left; margin-right: 6px; padding: 5px 4px; }
    .player #playlist { background: #3b0805; background-image: none; width: 306px; float: left; }
    .player #playlist div { height: 411px; overflow: auto; }
    .player #playlist ul { border-top: none; }
    .player ul.titles { margin: 0; padding: 0; list-style-type: none; }
    .player ul.titles li { padding: 0; font-size: 11px; line-height: 13px; }
    .player ul.titles li a { background-color: #5b1b15; color: #ffffff; display: block; padding: 7px 5px 7px 35px; margin: 1px 0 0 0; text-decoration: none; background-position: 5px 7px; background-repeat: no-repeat; outline: none; }
    .player ul.titles li a.audio { background-image: url('/images/icon-audio-large.png'); }
    .player ul.titles li a.video { background-image: url('/images/icon-video-large.png'); }
    .player ul.titles li a span { font-family: Tahoma, serif, SansSerif, Monospace; color: #edbe5a; font-weight: bold; display: block; }
    .player ul.titles li a:hover,
    .player ul.titles li a.selected { background-color: #4a0903; }
    .player ul.titles li a.selected span,
    .player ul.titles li a:hover span { color: #ffffff; }
    .player ul.titles p { margin: 0; }

    .player .ui-tabs-panel { padding: 0 0; min-height: 0; }
    .player .ui-tabs-nav { margin: 0; padding: 0; }
    .player .ui-tabs { padding: 0; }
    .player #tabs li.last a { margin: 0 0 0 1px; }
    .player #tabs { margin: 0; }

    .player #mediaplayer { width: 442px; overflow: hidden; margin-bottom: 10px; }
    .player #mediaplayer object { width: 423px !important; }
    .player #meta p { color: #ffffff; font-size: 12px; font-weight: bold; }
    .player h2 { border: none; margin-bottom: 0; line-height: normal; }
    .player #audioplayer { margin-top: 16px; }
}