body { background: none; background-color: #BEBEBF; }

/*
 * Video Player
 *
 * dark grey background (stage): 3F3F3F
 *
 * border (wrapper): A7A7A7
 * border inner divs: 626262
 *
 * right side background: FFFFFF
 * issf tv green field - border right: 6BAA35
 *
 * green text: 5B9823
 * documentation link color: 606060
 * ---------------------------------------------------------------------------- 
 * Color list: 3F3F3F, A7A7A7, 626262, FFFFFF, 6BAA35, 5B9823, 606060
 */

#videoplayer_wrapper {
    background-color: #3F3F3F;
    border: solid 2px #A7A7A7;
    border-bottom-width: 1px;
    padding: 10px;

    width: 955px; /* 975 - (2*10) = 955 */
    /* height: 472px; /* 492 - (2*10) = 472 */
}

/*
 * ----------------------------------------------------------------------------
 * Stage
 * ----------------------------------------------------------------------------
 */
#videoplayer_stage {
    float: left;
    overflow: hidden;
    
    border: solid 2px #626262;
    padding-left: 77px;
    padding-top: 80px;
    
    width: 563px; /* 640 - 77 = 563 */
    height: 386px; /* 466 - 80 = 386 */
}
.videoplayer_player { background-color: #5B9823; width: 480px; height: 295px; }
#videoplayer_videotext { padding: 5px; width: 470px; /* 480 - (5 * 2) = 470 */ }
#videoplayer_videotext p.cshiptitle { color: #707070; }

/*
 * ----------------------------------------------------------------------------
 * Right
 * ----------------------------------------------------------------------------
 */
#videoplayer_rightwrapper { float: right; background-color: #FFFFFF; border: solid 2px #626262; width: 300px; height: 466px; }

/*
 * search row
 * ----------------------------------------------------------------------------
 */
#videoplayer_searchrow { background: url(Images/videoplayer/searchfieldbackground.jpg) no-repeat right top; border-bottom: solid 2px #626262; height: 32px; }
#videoplayer_searchrow div.issttvtext { float: left; background: url(Images/videoplayer/issftvtext.jpg) no-repeat left top; width: 80px; height: 32px; }
.videoplayer_searchfieldwrapper { float: right; margin-top: 10px; width: 130px; height: 22px; /* 32 - 10 = 22 */ }
.videoplayer_searchfield { background-color: Transparent; border: none; color: #5B9823; width: 97px; }
.videoplayer_searchbutton { background-color:Transparent; border: none; cursor: pointer; width: 20px; }

/*
 * search results
 * ----------------------------------------------------------------------------
 */
#videoplayer_videos { position: relative; }
.videoplayer_videoscontainer { width: 284px; height: 352px; }
#videoplayer_scroller { position: absolute; overflow: hidden; width: 284px; height: 352px; }
.Scroller-Container { position: absolute; top: 0px; left: 0px; }
.videoplayer_innerpanel {
    clear: both;
    
    background: #FFFFFF url(Images/videoplayer/resultbackground.jpg) repeat-x left bottom;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-top: 3px;
    
    width: 282px; /* 284 - 2 = 282 */
    height: 51px; /* 58 - 3 - 4 = 51 */
}
.videoplayer_innerpanel img { float: left; cursor: pointer; margin-right: 10px; width: 78px; height: 45px; }
.videoplayer_videoresulttext { float: right; width: 194px; }
.videoplayer_videoresulttext p { font-size: 10px; white-space: nowrap; height: 12px; }
.videoplayer_videoresulttext p.highlight { float: left; color: #5B9823; cursor: pointer; margin-right:15px; }
.videoplayer_videoresulttext p.documentation { float: left; color: #606060; cursor: pointer; margin-right:15px; }

.Scrollbar-Track { position: absolute; top: 0px; right: 0px; background-image: url("Images/videoplayer/scrollbar-track.jpg"); width: 15px; height: 352px; }
.Scrollbar-Handle { position: absolute; background-image: url("Images/videoplayer/scrollbar-handle.jpg"); margin-left: 1px; width: 13px; height: 30px; }


 
/*
 * ----------------------------------------------------------------------------
 * Classes for both players
 * ----------------------------------------------------------------------------
 */
 
/*
 * right side logo and contact header
 * ----------------------------------------------------------------------------
 */
.issfplayer_header { overflow: auto; margin-bottom: 5px; margin-top: 8px; }
.issfplayer_headerimg {
    float: left;

    border-right: dotted 1px #626262;
    padding-left: 18px;
    padding-top: 5px;
    
    width: 61px; /* 79 - 18 = 61 */
    height: 62px; /* 67 - 5 = 62 */
}
.issfplayer_headerimg img { width: 44px; height: 56px; }
.issfplayer_headercontact { float: left; padding-left: 10px; padding-top: 19px; }

/*
 * Live TV
 * ----------------------------------------------------------------------------
 */
/* Für Darstellungen in der Stage */
.videoplayer_playerlivetv { background-color: #000000; width: 480px; height: 297px; }
.videoplayer_playerlivetv p.bigtitle {
    border-bottom: solid 1px #626262;
    color: #5B9823;
    font-size: 14pt;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 20px;
    padding-left: 48px;
    padding-bottom: 20px;
}
.videoplayer_playerlivetv p.smalltitle { color: #707070; font-size: 12pt; font-weight: bold; padding-top: 20px; padding-left: 50px; text-transform: uppercase; }
.videoplayer_playerlivetv div.countdown { padding-top: 20px; padding-left: 125px; }
.videoplayer_cleardiv { clear: both; line-height: 1px; height: 1px; }
/* Darstellung unterhalb der Stage */
.videoplayer_livetvwrapper { float: left; overflow: auto; margin-top: 5px; padding-top: 10px; padding-bottom: 10px; }
.videoplayer_livetvwrapper p { float: left; display: none; /*color: #ED8A13;*/ font-weight: bold; cursor: pointer; }
.videoplayer_flashcountdownwrapper { float: left; display: none; margin-right: 30px; }
.videoplayer_flashcountdownwrapper span { font-weight: bold; }
.videoplayer_flashcountdown { width: 110px; height: 30px; }
.orangetextlivetv { color: #ED8A13; }
/*
 * Live TV
 * ----------------------------------------------------------------------------
 */
.videoplayer_symbolwrapper { float: right; margin-top: 5px; padding-top: 10px; }
.videoplayer_symbolwrapper a { text-decoration: none; }
.videoplayer_symbolwrapper img { border: 0; }
/*
 * footer (copyright)
 * ----------------------------------------------------------------------------
 */
.issfplayer_copyright { clear: both; }
.issfplayer_copyright p { font-size: 10px; }




 
/*
 * ----------------------------------------------------------------------------
 * Videoteaser
 * ----------------------------------------------------------------------------
 */
/*
.videoteaser_wrapper { background-color: #FFFFFF; height: 330px; overflow: hidden; }
.videoteaser_wrapper p { margin: 0; }
*/

/*
 * ----------------------------------------------------------------------------
 * Live Tv Teaser
 * ----------------------------------------------------------------------------
 */
/*
.video_livetvteasertext { float: left; cursor: pointer; width: 160px; }
.video_livetvteasercountdown { float: right; background-color: #101010; padding-left: 5px; padding-right: 5px; }
.video_livetvteaser_cshiptitle { font-weight: bold; }
.video_livetvteaser_eventtitle { font-weight: bold; margin-top: 7px; }
.video_livetvteaser_eventtime { color: #5B9823; font-weight: bold; }
*/