#videosmenu {width: 480px; clear: both}
#videosmenu td {font-size: 12px; font-family: Helvetica, Sans-Serif; text-align: center; font-weight: bold; height: 18px; cursor:pointer}
#videolistings, .videolistingsbg {background-image: url(/usa-english/motoroil/images/videos/videoplayer_assets_video-table-bg.jpg); text-align: left; width: 480px}
#videolistings {width: 467px; font-size: 10px;}
#videolistings td {width: 200px; vertical-align: top; font-family: Helevetica, Sans-Serif}
.videoblock {font-family: Helvetica; font-size: 10px; overflow: hidden; margin-bottom: 14px}
.videoblock img {float: left; width: 82px; height: 50px; border: solid 1px #dfe0e2; margin: 0px 9px 0px 0px}
.videoblock b {font-size: 11px; font-weight: bold}
.videoblock a {color: Black; text-decoration: none}
.videoblock table td {vertical-align: top}

#tab1 {background-image: url(/usa-english/motoroil/images/videos/videoplayer_assets_tab1-off.gif); width: 152px}
#tab2 {background-image: url(/usa-english/motoroil/images/videos/videoplayer_assets_tab2-off.gif); width: 97px;}
#tab3 {background-image: url(/usa-english/motoroil/images/videos/videoplayer_assets_tab3-off.gif); width: 103px;}
#tab4 {background-image: url(/usa-english/motoroil/images/videos/videoplayer_assets_tab4-off.gif); width: 128px;}

.videoheader {width: 480px; height: 24px; font-family: Arial, Sans-Serif; color: Black;
    font-weight: bold; vertical-align: top; font-size: 12px}
#videolistingsfoot, #videolistingsfoot td {height: 14px; font-size: 4px}
#videoplayer {display:block;width:480px;height:270px; margin-bottom: 5px; z-index: 2}
#videosplash {display:none;width:480px;height:270px; margin-bottom: 5px; position: absolute; top: 0px; left: 0px;
    background: Black; text-align: center; z-index: 50} #videosplash img {width:480px;height:270px; margin: auto}

#panes {width: 524px; height: 270px; position: relative;}
#playershare {position: absolute; width: 44px; height: 151px; top: 0px; right: 0px}
#panes .close {width: 35px; height: 35px; position: absolute; top: 5px; right: 5px; cursor: pointer;
    background: url(/usa-english/motoroil/images/videos/videoplayer_assets_close.png) no-repeat;}
#emailPane, #embedPane {width: 460px; height: 250px; position: absolute; top: 0px; left: 0px; overflow: hidden;
     background: Black}
#videoemail_generate {width: 100px; background: #CCC}
#panes h2 {color:#fff}
#sharelogo {width: 165px; height: 156px; display: none} /* Facebook picks this up when sharing video */

#videotitleshell {width: 480px; background: #333333; clear: both; margin-bottom: 5px;
    font-family: Helevetica, Sans-Serif; overflow: hidden}
#videotitleshell img {width: 7px; height: 7px}
#videotitleshell div {color: #c7d2d8; margin: 0px 10px; font-size: 14px; font-weight: bold}
#videotitle {font-style: italic; color: White}


/*sharing areas (email, embed) */
#panes {height:270px; width:524px; float:left; color:#fff; position:relative;
    z-index:1; font-family:verdana; font-size:12px;}

#emailPane, #embedPane {display:none; padding:10px;	overflow:hidden}

#player {display:block;	height:340px; text-align:center; color:#fff; text-decoration:none;
    cursor:pointer; background-color:#000;}
    
#panes {margin-bottom: 5px}
#panes input, #panes textarea {width:430px; font-size:12px; font-family:verdana;
    border:1px inset #666; padding:2px;}

#panes textarea {padding:4px; height:50px;}
#panes #info {font-size:16px;font-weight:bold;}

#panes button {border:1px outset #ccc; cursor:pointer; background-color:#f9f9fa;}

#panes label.left {float:left; margin-right:15px;}

#panes label.left input {width:180px;}

#panes h2 {margin-top:0px;}

#embedPane textarea {height:180px; background-color:transparent; color:#BBBBBB; padding:4px;}