body { margin: 0; padding: 0; } .html5PlayerLoadingScreen { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 996px; height: 510px; border: none; background-color: Black; background-image: url("http://media1.s-nbcnews.com/i/MSNBC/Components/Video/_Player/configurations/No%20Modify/HTML5/img/playerLoading.gif"); background-repeat: no-repeat; background-position: center; } .html5Player { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 996px; border: none; display: none; } .html5Playlist { position: absolute; width: 313px; height: 421px; left: 0px; top: 0px; margin: 0; padding: 0; color: white; background: -webkit-gradient( linear, left top, left bottom, color-stop(1, rgba(192,192,192,.6)), color-stop(0.5, rgba(0,0,0,.6)) ); } .html5PlaylistSourceLogo { position: absolute; color: white; top: 11px; left: 50px; //width: 239px; //height: 30px; border: none; } .html5PlaylistDate { position: absolute; color: white; top: 57px; left: 22px; width: 154px; height: 12px; font-family: 'Arial'; font-size: 11px; font-weight: bold; } .html5PlaylistCaption { position: absolute; color: white; top: 75px; left: 22px; width: 276px; height: 41px; font-family: 'Arial'; font-size: 12px; } .html5PlaylistTitle { position: absolute; color: white; top: 150px; left: 22px; width: 292px; font-family: 'Arial'; font-size: 12px; font-weight: bold; } .html5PlaylistScrollbar { position: absolute; color: white; top: 166px; left: 22px; width: 285; height: 225px; border: none; background-repeat: no-repeat; background-position: center; overflow: hidden; } .html5PlaylistScrollbarMask { position: absolute; top: 344px; left: 0px; width: 313; height: 78px; border: none; background: -webkit-gradient( linear, center bottom, center top, color-stop(1, rgba(0,0,0,.05)), color-stop(0.2, rgba(0,0,0,1)) ); } .html5PlaylistVideoThumbs { position: relative; color: white; top: 0px; left: 0px; border: none; background-repeat: no-repeat; background-position: center; } .html5PlaylistVideoThumb { position: absolute; width: 96px; height: 73px; border: solid 1px #FFFFFF; margin-bottom: 16px; } .html5PlaylistVideoThumbImage { position: absolute; width: 92px; height: 69px; margin: 2px; } .html5PlaylistVideoThumbTitle { position: absolute; font-family: 'Arial'; font-size: 11px; font-weight: bold; background-color: #FFFFFF; color: #333; border: none; margin: 2px; padding: 2px; } .html5PlaylistVideoThumbCaption { position: absolute; color: white; left: 112px; width: 166px; height: 69px; font-family: 'Arial'; font-size: 12px; text-align: left; display: table; } .html5PlaylistVideoThumbCaptionMask { position: absolute; left: 112px; width: 180px; height: 69px; } .html5PlaylistVideoThumbCaptionText { display:table-cell; vertical-align:middle; } .html5Viewport { position: absolute; left: 313px; margin: 0; padding: 0; width: 683px; height: 421px; background-color: black; } .html5ViewportSplash { position: absolute; left: 0; top: 0; margin: 0; padding: 0; width: 683px; height: 374px; background-repeat: no-repeat; background-position: center; background-color: black; } .html5AdSpace { position: absolute; margin: 0; padding: 0; top: 421px; left: 0px; width: 996px; height: 89px; background-image: url("http://media3.s-nbcnews.com/j/MSNBC/Components/Video/_Player/iPad/assets/ad_space_x_tile.standard.png"); display: inline; } .html5AdSpaceAd { position: absolute; left: 354px; top: 15px; width: 298px; height: 59px; background-image: url("http://media3.s-nbcnews.com/j/MSNBC/Components/Video/_Player/iPad/assets/ad_placeholder.standard.png"); display: inline; } .html5AdSpaceMSNLogo { position: absolute; left: 915px; top: 42px; width: 70px; height: 30px; color: white; display: inline; } .html5Video { position: absolute; left: 0; top: 0; width: 683px; height: 374px; display:block; } .html5AdVideo { position: absolute; left: 0; top: 0; width: 683px; height: 374px; display:none; } .html5PlayerControlBar { margin: 0; padding: 0; bottom: 7px; position: absolute; text-align: center; overflow: hidden; width: 683px; height: 40px; background-image: url("http://media3.s-nbcnews.com/j/MSNBC/Components/Video/_Player/iPad/assets/control_bar_x_tile.standard.png"); display: block; } .html5PlayerControls { position: absolute; left: 0px; } .html5VideoBitrateChooser { position: absolute; left: 600px; top: 10px; } .bitrateActive { color: yellow; font-family: 'Arial'; font-size: 14px; font-weight: bold; width: 52px; height: 40px; border: 0; background-image: url(""); background-repeat: no-repeat; } .bitrateInactive { color: white; font-family: 'Arial'; font-size: 14px; font-weight: bold; width: 52px; height: 40px; border: 0; background-image: url(""); background-repeat: no-repeat; } .html5VolumeControls { position: absolute; left: 502px; display: none; } .html5VolumeControlsVolumeBar { position: absolute; left: 24px; width: 129px; height: 40px; background-image: url("http://media3.s-nbcnews.com/j/MSNBC/Components/Video/_Player/iPad/assets/control_volume_bar.standard.png"); background-repeat: no-repeat; } .html5VolumeControlsVolumeKnob { position: absolute; left: 0px; top: 7px; width: 21px; height: 26px; background-image: url("http://media3.s-nbcnews.com/j/MSNBC/Components/Video/_Player/iPad/assets/control_volume_knob.standard.png"); background-repeat: no-repeat; } .html5PlayerSlider { position: absolute; margin: 0; padding: 0; bottom: 0px; width: 683px; height: 7px; background-color: gray; display: inline; } .html5PlayerSliderMarker { margin: 0; padding: 0; position: absolute; top: 0; left: -5; width: 0px; height: 0px; background-image: url('http://media3.s-nbcnews.com/j/MSNBC/Test-Dev/j-kepost/iPad/ipad_progress_marker2.standard.png'); background-repeat: no-repeat; overflow: hidden; } .html5PlayerSliderProgressLeft { position: absolute; left: 0; width: 1px; height: 7px; background-color: #336698; } .restStateButton { position: absolute; left: 274px; top: 162px; width: 137px; height: 93px; background-image: url("http://media3.s-nbcnews.com/j/MSNBC/Components/Video/_Player/iPad/assets/btn_rest_state.standard.png"); background-repeat: no-repeat; border: 0; z-index: 8999; display: none; } .muteButton { position: absolute; left: 0; width: 16px; height: 40px; background-image: url("http://media3.s-nbcnews.com/j/MSNBC/Components/Video/_Player/iPad/assets/control_btn_volume_mute.standard.png"); background-repeat: no-repeat; border: 0; } .stopButton { position: absolute; width: 0px; height: 0px; background-image: url(""); background-repeat: no-repeat; border: 0; } .reverseButton { position: absolute; left: 0px; width: 52px; height: 40px; background-image: url("http://media3.s-nbcnews.com/j/MSNBC/Components/Video/_Player/iPad/assets/control_btn_rwd.standard.png"); background-repeat: no-repeat; border: 0; } .pauseButton { position: absolute; left: 52px; width: 54px; height: 40px; background-image: url("http://media3.s-nbcnews.com/j/MSNBC/Components/Video/_Player/iPad/assets/control_btn_pause.standard.png"); background-repeat: no-repeat; border: 0; } .playButton { position: absolute; left: 52px; width: 54px; height: 40px; background-image: url("http://media3.s-nbcnews.com/j/MSNBC/Components/Video/_Player/iPad/assets/control_btn_play.standard.png"); background-repeat: no-repeat; border: 0; } .fastForwardButton { position: absolute; left: 106px; width: 52px; height: 40px; background-image: url("http://media3.s-nbcnews.com/j/MSNBC/Components/Video/_Player/iPad/assets/control_btn_ff.standard.png"); background-repeat: no-repeat; border: 0; } .timeDisplay { position: absolute; left: 160px; width: 100px; height: 40px; color: white; top: 10px; font-family: 'Arial'; font-size: 14px; } .adText { position:absolute; left:125px; top:4px; color:white; font-family:'Arial'; font-size:25; display:none; } .yume300x250 { margin-left:0px; width:300px; height:250px; overflow:hidden; } .htmlAd300x250 { position:absolute; top: 50px; left:8px; width:300px; height:270; z-index:100; display:none; } .advertisementText { position: relative; font-family:'Arial'; color:#666666; font-size:9; left:120px; top:0px; } .htmlAd300x60 { position:absolute; top: 18px; left:490px; width:300px; height:270; z-index:100; display:none; } .advertisementTextVert { position: absolute; font-family:'Arial'; color:#666666; font-size:9; left:-25px; top:23px; -webkit-transform: rotate(270deg); } .yume300x60 { position: absolute; margin-left:0px; left:10; border:0; width:300px; height:60px; display:block; z-index:100; }