html
{
    overflow: auto;
}
body
{
    margin: 0;
    padding: 0;
}
#all
{
    display: none;
}
#playerTemplate
{
    margin: 0;
    padding: 0;
    font: 13px Verdana;
    background-color: rgb(128,128,128);
}
#playerTemplate .player
{
    width: 510px;
    float: left;
    border-right: 1px solid rgb(204,204,204);
}


#playerTemplate .player > .wrap
{
    padding: 100px 15px 0 15px;
}
#playerTemplate #video
{
    color: rgb(255,255,255);
    background: rgb(0,0,0);
    margin: auto;
    margin-top: 0;
    padding: 0;
}
#playerTemplate #video object
{
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
}
#playerTemplate .player .title
{
    background: rgb(34,34,35) url('/images/mvp/player_title_bg.png') repeat-x;
    font: 18px "Trebuchet MS";
    color: rgb(255,255,255);
    padding: 10px 10px 10px 10px;
    border-top: 1px solid rgb(85,85,85);
    border-bottom: 1px solid rgb(85,85,85);
}
#playerTemplate .player .title span
{
    height: 23px;
    display: block;
    overflow: hidden;
}
#playerTemplate .player .captions
{
    background: rgb(51,51,51);
    color: rgb(255,255,255);
    height: 60px;
    padding: 5px 10px 5px 10px;
    display: none;
}
#playerTemplate .player .captionButton
{
    position: absolute;
    margin-left: 440px;
    color: rgb(204,204,204);
    margin-top: 5px;
    cursor: pointer;
    display: none;
    width: 18px;
    height: 12px;
    background: url('/images/mvp/ccicon.png') no-repeat 0 -12px;
}
#playerTemplate .player .captionButton.on
{
    background-position: 0 0;
}
#playerTemplate .player .menu
{
    height: 24px;
    background: rgb(34,34,35) url('/images/mvp/index_menu_bg.png') repeat-x;
}
#playerTemplate .player .menu > div
{
    float: left;
    color: rgb(204,204,204);
    margin: 2px 15px 0 10px;
    cursor: pointer;
}
#playerTemplate .player .menu > div.on
{
    color: rgb(255,255,255);
}
#playerTemplate .menu > div > .img
{
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    background: url('/images/mvp/player_sprites.png') no-repeat;
}
#playerTemplate .player .menu > .index > .img
{
    background-position: -40px 0;
}
#playerTemplate .player .sharePane > .wrap
{
    padding: 10px 10px 0 0;
    color: rgb(204,204,204);
    font: 11px Verdana;
}
#playerTemplate .player .sharePane .head
{
    padding: 0 0 0 10px;
}
#playerTemplate .player .sharePane .controls
{
    overflow: hidden;
    margin-bottom: 3px;
}
#playerTemplate .player .sharePane .opt
{
    float: left;
    padding: 3px 15px 5px 5px;
}
#playerTemplate .player .sharePane .shareBox
{
    background: url('/images/mvp/sharebox_c.png') repeat-x;
    height: 40px;
    float: left;
    width: 92%;
    padding: 10px 0px 5px 5px;
    color: Black;
    margin-left: 20px;
}
#playerTemplate .player .sharePane .shareBox > .wrapleft
{
    width: 15px;
    height: 55px;
    background: url('/images/mvp/sharebox_bg.png') no-repeat 0 0;
    float: left;
    margin: -10px 0 0 -15px;
    position: absolute;
}

#playerTemplate .player .sharePane .shareBox > .wrapright
{
    background: url('/images/mvp/sharebox_bg.png') no-repeat -44px 0;
    float: right;
    height: 55px;
    width: 15px;
    margin: -10px -5px 0 0;
}

#playerTemplate .player .sharePane .shareBox #share-link
{
    width: 94%;
    float: left;
    margin-top: 2px;
}

#playerTemplate .player .sharePane .shareBox img
{
    position: relative;
    top: 8px;
    cursor: pointer;
    display: none;
}

#playerTemplate .player .sharePane .shareBox .toolbox
{
    margin-right: 0px;
    margin-left: 10px;
    margin-top: -15px;
    float: right;
}

#playerTemplate .player .menu > .download > .img
{
    background-position: -120px 2px;
}
#playerTemplate .player .menu > .index.on > .img
{
    background-position: -60px 0;
}
#playerTemplate .player .menu > .share > .img
{
    background-position: -80px 1px;
}
#playerTemplate .player .menu > .share.on > .img
{
    background-position: -100px 1px;
}
#playerTemplate .player .menu > .download.on > .img
{
    background-position: -140px 2px;
}
#playerTemplate .player .downloadLink
{
    display: none;
}

/* document general */
#playerTemplate .document
{
    margin-left: 510px;
    -webkit-overflow-scrolling: touch;
}
/*
#playerTemplate .document.hasDocument {
    background: #808080;
}
#playerTemplate .document.hasDocument.closed {
    background: none;
}*/

#playerTemplate .document .documentViewer
{
    float: left;
    background: rgb(255,255,255);
    min-width: 0px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}
#playerTemplate .document .documentViewer iframe
{
    min-width: 100px;
    border-style: none;
    -webkit-overflow-scrolling: touch;
}
#playerTemplate .document.closed .documentViewer
{
    display: none;
    min-width: 0;
    overflow: hidden;
}
#playerTemplate .document.closing .documentViewer
{
    display: none;
    min-width: 0;
    overflow: hidden;
}
#playerTemplate .document.noDocument .documentViewer
{
    display: none;
    overflow: hidden;
}
#playerTemplate .document .menu
{
    overflow: hidden;
    /* background: #272728 url('/images/mvp/docmenu_bg.png') repeat-x; */
    background: rgb(64,64,65); /*#404041*/
    height: 30px;
    /* color: #ccc; */
    color: rgb(255,255,255);
}

#playerTemplate .document .menu > div
{
    float: left;
    margin: 5px 0px 0px 0px;
    cursor: pointer;
}
#playerTemplate .document .menu > .on
{
    color: rgb(255,255,255);
}
#playerTemplate .document .menu > div.print
{
    float: right;
}
#playerTemplate .document .menu .img
{
    background-position: 0 0;
    position: relative;
    left: 3px;
}
#playerTemplate .document .menu > .on > .img
{
    background-position: -20px 0;
}
#playerTemplate .document .menu > .print > .img
{
    background-position: -160px 1px;
    /*left: 10px;*/
}
#playerTemplate .document .documentViewer.no-doc
{
    background: rgb(173,173,173) no-repeat url('/images/mvp/nodocs.png') center center;
}
#playerTemplate .document .menu .slide
{
    display: none;
}

#doctab 
{
    z-index: 100;
}

/* doctab */
#playerTemplate .document .tab
{
    float: left;
    width: 32px;
   /* height: 166px; */
    height: 100%;
    /* margin: 40px 0 0 0; */
    cursor: pointer;
    background-color: rgb(64,64,65); /*#404041*/
}
#playerTemplate .document.hasDocument .tab
{
    width: 24px;
    background: rgb(64,64,65) url('/images/mvp/player_template_close_gray.png') no-repeat center center;
    /* background: no-repeat url('/images/mvp/doctab_open.png'); */
}
#playerTemplate .document.hasDocument .tab:hover
{
    width: 24px;
    background: rgb(25,25,25) url('/images/mvp/player_template_close_graygradient.png') no-repeat center center;
    /* background: no-repeat url('/images/mvp/doctab_open.png'); */
}
#playerTemplate .document.hasDocument .tab:active
{
    width: 24px;
    background: rgb(25,25,25) url('/images/mvp/player_template_close_green.png') no-repeat center center;
    /* background: no-repeat url('/images/mvp/doctab_open.png'); */
}
#playerTemplate .document.closed.hasDocument .tab
{
    width: 32px;
    background: rgb(64,64,65) url('/images/mvp/player_template_dv_gray.png') no-repeat center center;
    /* background: no-repeat url('/images/mvp/doctab_has_document.png'); */
}
#playerTemplate .document.closed.hasDocument .tab:hover
{
    width: 32px;
    background: rgb(25,25,25) no-repeat url('/images/mvp/player_template_dv_graygradient.png') center center;
    /* background: no-repeat url('/images/mvp/doctab_hover.png'); */
}
#playerTemplate .document.closed.hasDocument .tab:active
{
    width: 32px;
    background: rgb(25,25,25) no-repeat url('/images/mvp/player_template_dv_green.png') center center;
    /* background: no-repeat url('/images/mvp/doctab_hover.png'); */
}
#playerTemplate .document.noDocument .tab
{
    background: no-repeat url('/images/mvp/doctab_no_document.png');
    cursor: default;
}

#playerTemplate .document .menu > table.docViewNavbar
{
    margin-left: 5px;
    padding: 0px; 
    border: 0px; 
 /*   z-index: 999; */
}

#playerTemplate .document .menu > table.docViewNavbar td table.docViewMenu
{
    position: absolute;
    padding: 0px; 
    border: 0px; 
    /*width: inherit;*/
    margin-top: 0px;
    background-color: rgb(64,64,65); /*#404041*/
    padding-bottom: 3px;
    padding-top: 4px;
}

#docViewSingleMenuItem 
{
    margin: 0px 0px 0px 0px;
    height: 19px;
    position: relative;
    padding: 2px 8px 6px 0px;
    /*padding-bottom: 2px;
    padding-top: 4px;*/
}

#docViewSingleMenuItem .imgDoc
{
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    margin: 2px 0px 0px 8px;
    background: url('/images/mvp/player_template_doc_green.png') no-repeat;
}

#docViewSingleMenuItem .imgSearch
{
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    margin: 2px 0px 0px 8px;
    background: url('/images/mvp/player_template_search_green.png') no-repeat;
}

#docViewSingleMenuItem .imgWeb
{
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    margin: 2px 0px 0px 8px;
    background: url('/images/mvp/player_template_web_green.png') no-repeat;
}

#docViewSingleMenuItem .img
{
    display: block;
    float: right;
    height: 20px;
    width: 20px;
    margin: 2px 0px 0px 0px;
    background: url('/images/mvp/index_play.png') no-repeat;
}

#docViewSingleMenuItem
{
    cursor: default;
    display:block;
    background-color: rgb(64,64,65); /*#404041*/
    color: rgb(255,255,255);
    text-decoration:none;
}

#docViewSelectedItem
{
    margin: 0px 0px 0px 0px;
    height: 19px;
    position: relative;
    padding: 2px 8px 6px 0px;
  /*  vertical-align:middle;
    text-align:center;
    padding-top: 3px;
    padding-bottom: 2px; */
}

#docViewSelectedItem .imgDoc
{
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    margin: 4px 0px 2px 8px;
    background: url('/images/mvp/player_template_doc_green.png') no-repeat;
}

#docViewSelectedItem .imgSearch
{
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    margin: 4px 0px 2px 8px;
    background: url('/images/mvp/player_template_search_green.png') no-repeat;
}

#docViewSelectedItem .imgWeb
{
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    margin: 4px 0px 2px 8px;
    background: url('/images/mvp/player_template_web_green.png') no-repeat;
}

#docViewSelectedItem .img
{
    display: block;
    float: right;
    height: 20px;
    width: 20px;
    margin: 2px 0px 0px 0px;
    background: url('/images/mvp/index_play.png') no-repeat;
}

#docViewSelectedItem
{
    cursor: pointer;
    display:block;
    background-color: rgb(64,64,65); /*#404041*/
    color: rgb(255,255,255);
    text-decoration:none;
}

td.docViewMenuItems
{
    display: block;
/*    padding-top: 4px;  */
    vertical-align:middle;
    line-height:20px;
}

.docViewMenuItem
{
    display: block;
}

.docViewMenuItem .imgDoc
{
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    margin: 1px 0px 0px 5px;
    background: url('/images/mvp/player_template_doc_gray.png') no-repeat;
}

.docViewMenuItem .imgSearch
{
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    margin: 1px 0px 0px 5px;
    background: url('/images/mvp/player_template_search_gray.png') no-repeat;
}

.docViewMenuItem .imgWeb
{
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    margin: 1px 0px 0px 5px;
    background: url('/images/mvp/player_template_web_gray.png') no-repeat;
}

#docViewMenuDisplay table td
{
    white-space:nowrap;
    width:100%;
    padding-right:33px;
    line-height: 15px;
}
/*
#docViewMenuDisplay 
{
    position: absolute;
    z-index: 999;
} */
/*
.docViewMenuItem .imgDoc:hover
{
    background: url('/images/mvp/player_template_doc_graygradient.png') no-repeat;
}

.docViewMenuItem .imgSearch:hover
{
    background: url('/images/mvp/player_template_search_graygradient.png') no-repeat;
}

.docViewMenuItem .imgWeb:hover
{
    background: url('/images/mvp/player_template_web_graygradient.png') no-repeat;
}

td.docViewMenuNormal:hover
{
    background-color: rgb(25,25,25);
    cursor: pointer;
}
*/
#docViewSingleMenuItem:hover
{
    cursor: pointer;
}

div.docViewMenuNormal
{
    display: none;
}

div.docViewMenuExpanded
{
    position:absolute;
    z-index: 100;
}

#IFrameWrapper 
{
    z-index: 10;
    margin:0em;
    padding:0em;
    position:absolute;
    left:0px;
    right:0px;
    top:30px;
    bottom:0px;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;

}

#EmptyIFrameWrapper
{
    z-index: 20;
    margin:0px 0px 0px 8px;
    position:absolute;
    left:0px;
    right:0px;
    top:30px;
    bottom:0px;
    background-color:transparent;
    width:400px;
    height:150px;
}

#empty-frame
{
    width:400px;
    height:150px;
    background-color:transparent;
}

#doc-frame 
{
    position: relative;
    margin: 0em;
    padding: 0em;
}

.clearfix 
{
    zoom:1;
}

/* index points css */
#playerTemplate .player .contentPane
{
    position: relative;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
}

#playerTemplate .player .contentPane > div
{
    overflow: auto;
    display: none;
    background: rgb(32,32,34) url('/images/mvp/content_pane_bg.png') repeat-x;
    -webkit-overflow-scrolling: touch;
}
#playerTemplate .player .contentPane > div.indexPoints
{
    background: rgb(255,255,255);
    overflow: auto;
    display: block;
    border: 1px solid rgb(204,204,204);
    -webkit-overflow-scrolling: touch;
}
#playerTemplate .player .indexPoints > a
{
    padding: 3px 3px 3px 20px;
    border-bottom: 1px solid rgb(204,204,204);
    cursor: pointer;
    display: block;
    background: no-repeat url('/images/mvp/index_point.png') 2px 5px;
    -webkit-overflow-scrolling: touch;
}
#playerTemplate .player .indexPoints > a:hover
{
    background: rgb(176,207,62) no-repeat url('/images/mvp/index_point.png') 2px 5px;
}
#playerTemplate .player .indexPoints > a.on
{
    background: rgb(220,232,172) no-repeat url('/images/mvp/index_play.png') 2px 4px;
}
#playerTemplate .player .indexPoints > a.on:hover
{
    background: rgb(176,207,62) no-repeat url('/images/mvp/index_play.png') 2px 4px;
}
#playerTemplate .player .downloadPane > .wrap
{
    padding: 30px 10px 10px 10px;
    overflow: hidden;
}
#playerTemplate .player .downloadPane .audio
{
    width: 140px;
    height: 61px;
    float: left;
    cursor: pointer;
    background: no-repeat url('/images/mvp/download_audio.png');
}
#playerTemplate .player .downloadPane .video
{
    width: 140px;
    height: 61px;
    float: left;
    cursor: pointer;
    margin: 0 0 0 5px;
    background: no-repeat url('/images/mvp/download_video.png');
}
#playerTemplate .player div.currentItemPane
{
    color: rgb(255,255,255);
    overflow: auto;
}
#playerTemplate .player div.currentItemPane .itemheader
{
    padding: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}
#IndexName
{
    padding: 10px;
}

.NoPlayer
{
    padding: 10px;
    color: rgb(204,204,204);
    font: bold 19px "Trebuchet MS";
}
#DataStreamController
{
    border: 0;
    position: fixed;
    left: -1000px;
    top: -1000x;
}

.scrollable 
{
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

@media only screen and (device-width: 768px)
{
    /* For general iPad layouts */
    #playerTemplate .player .indexPoints > a
    {
        padding: 3px 3px 3px 20px;
        border-bottom: 1px solid rgb(204,204,204);
        cursor: pointer;
        display: block;
        background: no-repeat url('/images/mvp/index_point.png') 2px 5px;
    }

    #playerTemplate .player .indexPoints > a:hover
    {
        padding: 3px 3px 3px 20px;
        border-bottom: 1px solid rgb(204,204,204);
        cursor: pointer;
        display: block;
        background: rgb(255,255,255) no-repeat url('/images/mvp/index_point.png') 2px 5px;
    }


    #playerTemplate .player .indexPoints > a:active
    {
        background: rgb(255,255,255) no-repeat url('/images/mvp/index_point.png') 2px 5px;
    }

    #playerTemplate .document .documentViewer
    {
        float: left;
        background: rgb(255,255,255);
        min-width: 0px;
        overflow-x: none;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

}