/*
== background rules for missing buttons ==

#button_ask { background: url('buttons.png') 0 0; }
#button_chapters { background: url('buttons.png') 0 -96px; }
#button_email { background: url('buttons.png') 0 -160px; }
#button_exitfullscreen { background: url('buttons.png') 0 -192px; }
#button_polls { background: url('buttons.png') 0 -481px; }
#button_search { background: url('buttons.png') 0 -513px; }
#button_stop { background: url('buttons.png') 0 -681px; }
#button_tofullscreen { background: url('buttons.png') 0 -743px; }
#button_volume { background: url('buttons.png') 0 -775px; }
#button_volume-muted { background: url('buttons.png') 0 -807px; }
#button_zoomin { background: url('buttons.png') 0 -839px; }
#button_zoomout { background: url('buttons.png') 0 -861px; }
*/

.moveUp
{
	-webkit-transition: -webkit-transform 1s;
	-webkit-transform:translate3d(0,5%,0);	
}


/* CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* end CSS reset */

html,body 
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    overflow: hidden;
    color: #ccc;
    background-color: #000;
    /*IE scrollbar styles for panel/etc*/
    scrollbar-face-color : #545454;
    scrollbar-highlight-color : #000;
    scrollbar-3dlight-color : #141414;
    scrollbar-darkshadow-color : #141414;
    scrollbar-arrow-color : #FFF;
    scrollbar-shadow-color : #000;
    scrollbar-track-color: #141414;
    /*end scrollbar styles*/
    height: 100%;
    width: 100%;
}

/*webkit scrollbar styles*/
.styledScrollbars ::-webkit-scrollbar           
{ 
    width:14px;
    height:10px;
}

.styledScrollbars ::-webkit-scrollbar:vertical
{
    width: 14px;
}

.styledScrollbars ::-webkit-scrollbar:horizontal
{
    height: 14px;
}

.styledScrollbars ::-webkit-scrollbar-track-piece:vertical  
{ 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background:#000;
    /*border-top:1px solid #A3A3A3;
    border-bottom:1px solid #A3A3A3;*/
    border-left:1px solid #A3A3A3;
    border-right:1px solid #A3A3A3;
}
.styledScrollbars ::-webkit-scrollbar-track-piece:horizontal  
{ 
    
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background:#000;
    /*border-left:1px solid #A3A3A3;
    border-right:1px solid #A3A3A3;*/
    border-top:1px solid #A3A3A3;
    border-bottom:1px solid #A3A3A3;
}
.styledScrollbars ::-webkit-scrollbar-thumb     
{ 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    border-radius: 10px;
    background:#A3A3A3;
}
.styledScrollbars ::-webkit-scrollbar-corner       
{ 
    background:#000;
}
.styledScrollbars ::-webkit-resizer                
{ 
    background:#000;
}
.styledScrollbars ::-webkit-scrollbar-button:vertical:start:decrement 
{
    height: 10px;
    width: 14px;
    display: block;
    background: url('buttons.png') -1px -951px;
}
.styledScrollbars ::-webkit-scrollbar-button:vertical:end:increment  
{
    height: 10px;
    width: 14px;
    display: block;
    background: url('buttons.png') -1px -961px;
}
.styledScrollbars ::-webkit-scrollbar-button:horizontal:start:decrement 
{
    height: 14px;
    width: 10px;
    display: block;
    background: url('buttons.png') 0 -923px;
}
.styledScrollbars ::-webkit-scrollbar-button:horizontal:end:increment  
{
    height: 14px;
    width: 10px;
    display: block;
    background: url('buttons.png') -1px -937px;
}
/*end webkit scrollbar styles*/

strong { font-weight: bold; }
em { font-style: italic; }
textarea { font-family: Arial, Verdana, Sans-Serif; }

/*
html, body {
	height: 100%;
	width: 100%;
	overflow: auto;
}
body {
	margin:0;
	padding:0;
	color:White;
	background-color:Black;
}
*/
button
{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}


#errorAlertContainer
{
    width:0;
    height:0;
    position:absolute;
    z-index:9999;
    top:33%;
    left:50%;
    margin-left:-202px;
}
.errorAlert
{
    position:absolute;
    left:0;
    top:0;
    width:400px;
    color:#000;
    background-color:#e3e3e3;
    border:2px solid #919191;
    -moz-border-radius:10px;
    border-radius:10px;
    overflow:hidden;
    padding:0 0 35px;
}
.errorAlert h1
{
    color:#b4b4b4;
    background-color:#484848;
    border-bottom:2px solid #919191;
    font-size:14px;
    font-weight:bold;
    line-height:1.0;
    padding:8px 10px;
}
.errorAlert div
{
    margin:10px;
}
.errorAlert p+p
{
    margin-top:1em;
}
.errorAlert button
{
    color:#fff;
    background-color:#3d3d3d;
    display:block;
    position:absolute;
    bottom:8px;
    right:8px;
    border:1px solid #fff;
    -moz-border-radius:5px;
    border-radius:5px;
    font-size:11px;
    width:57px;
    height:24px;
}
.errorAlert button:hover
{
    color:#fff;
    background-color:#555;
}


#titleArea
{
	height: 60px;
	overflow:hidden;	
	position:absolute;
	top:0px;
	left:44px;
	right:44px;
	background-position:center top;
	background-repeat: no-repeat;
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}

.contentBox
{
	color:#ccc;
	background-color:#000;
}


.contentFramer
{
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
	opacity:0.5;
	background:transparent;
}
.contentFramer div
{
	position:absolute;
	background-color:White;
	z-index:999;
}
.contentFramer .left
{
	left:0;
	top:0;
	bottom:0;
	width:4px;
}
.contentFramer .top
{
	top:0;
	left:0;
	right:0;
	height:4px;
}
.contentFramer .right
{
	right:0;
	top:0;
	bottom:0;
	width:4px;
}
.contentFramer .bottom
{
	bottom:0;
	left:0;
	right:0;
	height:4px;
}

#MediaElement
{
	width:100%;
	height:100%;
	position:relative;
	z-index:1;
}

#currentSlideAreaSlideImage
{
	display:block;
	position:relative;
	width:100%;
	height:100%;
}

#inspector, #slidePreview
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:300;
}
#slidePreview 
{
    display:none;
}
#slidePreview .background-mask
{
    position:absolute;
    width:100%;
    height:100%;
    background:rgb(0,0,0);
    background:rgba(0,0,0,0.8);
    z-index:1;
}
#slidePreview .preview-area
{
    position:absolute;
    bottom:0;
    right:0;
    width:98%;
    height:98%;
    background:black;
    z-index:2;
}
#slidePreview .preview-area img
{
    position:absolute;
    width:100%;
    height:100%;
}
#slidePreview .contentFramer div
{
    background-color:#FFD757;
}
#slidePreview .text-overlay
{
    position:absolute;
    left:0;
    bottom:0;
    max-width:90%;
    margin:10px;
    padding:6px 7px;
    background:rgb(35, 35, 35);
    background:rgb(35, 35, 35, 0.8);
    border-radius:6px;
}
.text-overlay h1
{
    font-size:12px;
    font-weight:bold;
    color:White;
    background:transparent;
}
.text-overlay p
{
    font-size:12px;
    font-weight:normal;
    margin-top:5px;
    color:#aaa;
    background:transparent;
}

#contentArea
{
	position:absolute;
	margin:94px 68px 184px;
}
.noSlideNavigation #contentArea { margin-bottom: 106px; }

.stage-slideBox
{
	position:absolute;

	z-index:0;
}

.stage-videoBox
{
	position:absolute;

	z-index:1;
}

#mediaElementArea
{
	position:relative;
	width:100%;
	height:100%;
	-webkit-transition: -webkit-transform 200ms ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    overflow:hidden;
}

#MediaWrapper
{
    width:100%;
    height:100%;
}

.iosPlayCover 
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:999;
}

.iosPlayCover button
{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-28px;
    margin-left:-28px;
    width:56px;
    height:56px;
    background: url('buttons.png') 0 -980px;
    color:white;
    border-width:0;
    text-indent:-5000px; /* make default "Play" text invisible. */
}

#videoThumbContainer, #videoThumbContainer img
{
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow:hidden;
}


.stage-layoutControls
{
	position: absolute;
	top: 50px;
	right: 8px;
	width:36px;
}
.noLayoutAdjustment .stage-layoutControls { display:none; }

.stage-layoutControls button
{
	width: 36px;
	height: 36px;
	display: block;
	border-width: 0;
	padding: 0;
}
.stage-pipButton 
{
	background: url('buttons.png') 0 -413px;
}
.stage-sideBySideButton 
{
	background: url('buttons.png') 0 -577px;
}
.stage-fullFrameButton 
{
	background: url('buttons.png') 0 -645px;
}
.stage-layoutControls .stage-swapButton 
{
	width:32px;
	height:32px;
	margin:10px auto;
	background: url('buttons.png') 0 -224px;
}

.mediaState /* add other things that need this kind of transparency */
{
	/* background: transparent; once jQuery BUG #8403 is fixed for IE filters we can switch back to transparent */
	background: #000;
	background: rgba(0,0,0,0.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000);
}
.mediaState
{
	display: none;
	width: 80px;
	height: 20px;
}

#mediaState 
{
    position: absolute;
	left: 50%;
	top: 50%;
	margin: -10px 0 0 -40px;
	z-index: 2;
}

#mediaStateStandalone 
{
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 305; /* above slidePreview */
}

.mediaState p
{
    line-height:20px;
	vertical-align: middle;
	text-align: center;
}


#slide-navigator 
{
	position:absolute;
	bottom:69px;
	width:100%;
	height:97px;
	background-color:transparent;
	overflow:hidden;
	z-index:0;
}
.noSlideNavigation #slide-navigator { display:none; }

.player-slide-thumb
{
    z-index:1;
    top:15px;
	overflow:visible !important;
	-webkit-user-focus:ignore;
    -webkit-user-select:none;
    -webkit-user-drag:none;
}
.player-slide-thumb, .player-slide-thumb img
{
	-moz-user-drag:none;
	-webkit-user-drag:none;
}

.player-slide-thumb.dead
{
	top:500px;
}

.player-slide-thumb-inner
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:visible !important;
    background-color:Black;
}
.mouse-MouseOverStack .player-slide-thumb-inner,
.mouse-MouseOver .player-slide-thumb-inner,
.mouse-StackPressed .player-slide-thumb-inner
{
    top:-2.5%;
    left:-2.5%;
    width:105%;
    height:105%;
}
.player-slide-thumb-img-box
{
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:black;
}
.player-slide-thumb-img-frame
{
    position:absolute;
    z-index:10;
    width:100%;
    height:100%;
    outline:2px solid white;
    opacity:0.5;
}

/* ==== OLD IE HACKS ==== */
.ie7 .player-slide-thumb-img-frame,
.ie7 .player-slide-stack-frame,
.ie8 .player-slide-thumb-img-frame,
.ie8 .player-slide-stack-frame 
{
    /* IE7 and IE8 will use borders instead of outlines.
       IE8 supports outline but not opacity, while
       IE7 supports neither. */
    
    border:2px solid #808080; 
    outline-width:0;
}
.ie7 .player-slide-thumb-img-frame,
.ie8 .player-slide-thumb-img-frame
{
    left:-2px;
    top:-2px;
}
/* ====================== */

.player-slide-thumb-stack
{
    position:absolute;
    left:0;
    top:-20px;
    width:100%;
    height:100%;
}
.ie7 .player-slide-thumb-stack, 
.ie8 .player-slide-thumb-stack { top:-22px; left:-2px; }
.player-slide-stack-frame
{
    position:absolute;
    outline:2px solid white;
    opacity:0.0;
    display:none;
}
.stack-frame-1
{
    z-index:-10;
    top:12px;
    left:1%;
    width:98%;
    height:98%;
}
.stack-frame-2
{
    z-index:-20;
    top:6px;
    left:2%;
    width:96%;
    height:96%;
}
.stack-frame-3
{
    z-index:-30;
    top:2px;
    left:3%;
    width:94%;
    height:94%;
}

/* the collapsed stack */
.stackState-Visible .stack-frame-1 { display:block; opacity: 0.3; border-color:#4D4D4D; }
.stackState-Visible .stack-frame-2 { display:block; opacity: 0.2; border-color:#333; }
.stackState-Visible .stack-frame-3 { display:block; opacity: 0.1; border-color:#1A1A1A; }

/* the expanded stack */
.stackState-Expanded .stack-frame-3 { display:block; opacity: 0.15; border-color:#262626; }

/* when the mouse is over the collapsed stack */
.not-ios .stackState-Visible.mouse-MouseOverStack .stack-frame-1 { opacity: 0.9; border-color:#E5E5E5; }
.not-ios .stackState-Visible.mouse-MouseOverStack .stack-frame-2 { opacity: 0.6; border-color:#999; }
.not-ios .stackState-Visible.mouse-MouseOverStack .stack-frame-3 { opacity: 0.3; border-color:#4D4D4D; }

/* when the mouse is over the expanded stack */
.not-ios .stackState-Expanded.mouse-MouseOverStack .stack-frame-3 { opacity: 0.3; border-color:#4D4D4D; }

/* when the mouse is over the main slide */
.not-ios .mouse-MouseOver .player-slide-thumb-img-frame { opacity:0.8; border-color:#CCC; }

/* when the mouse button is down over the main slide */
.mouse-Pressed .player-slide-thumb-img-frame { opacity:1.0; border-color:#FFF; }

/* when the mouse button is down over the collapsed stack */
.stackState-Visible.mouse-StackPressed .stack-frame-1 { opacity: 1.0; border-color:#FFF; }
.stackState-Visible.mouse-StackPressed .stack-frame-2 { opacity: 0.6; border-color:#999; }
.stackState-Visible.mouse-StackPressed .stack-frame-3 { opacity: 0.3; border-color:#4D4D4D; }

/* when the mouse button is down over the expanded stack */
.stackState-Expanded.mouse-StackPressed .stack-frame-3 { opacity: 0.3; border-color:#4D4D4D; }

/* when the slide is selected */
.selection-Selected .player-slide-thumb-img-frame { opacity: 1.0; border-color:#FFF; }
.not-ios .selection-Selected .player-slide-thumb-inner 
{ 
    top:-10%; left:-10%; 
    width:120%; height:120%;
}
.ios .selection-Selected .player-slide-thumb-inner 
{ 
    -webkit-transform: scale3d(1.2, 1.2, 1.0);
}
.player-slide-thumb.selection-Selected { z-index:20 !important; }

/* when the mouse is over the selected slide or stack */
.not-ios .selection-Selected.mouse-MouseOver .player-slide-thumb-inner,
.not-ios .selection-Selected.mouse-MouseOverStack .player-slide-thumb-inner 
{ 
    top:-13%; left:-13%; 
    width:126%; height:126%; 
}




#control-bar
{
	position:absolute;
	z-index:100;
	bottom:0;
    left: 60px;
    right: 60px;
	height:58px;
    margin: 0;
	background: url('chrome.png') 0 0;
}
#controls-left
{
	position:absolute;
	left:0;
	background: url('chrome.png') 0 -58px no-repeat;
	white-space:nowrap;
	padding:13px 20px 0 8px;
}

#controls-left > button
{
    float: left;
    display: block;
    display: inline-block;
	vertical-align:top;
}

#controls-right
{
	position:absolute;
	right:0;
	height:58px;
	width:260px;
	background: url('chrome.png') no-repeat right -116px;
}
#controls-middle
{
	position:relative;
	background-color:#000;
	margin:28px 234px 0 251px;
}
#control-bar button
{
	border-width:0;
	padding:0;
	width:32px;
	height:32px;
}

#playPauseButton, #playStopButton
{
	width:32px;
	height:32px;
	margin:0;
	background: url('buttons.png') 0 -449px;
}
body.isLively #playPauseButton { display:none; }

#controls-left button#playStopButton { display: none; } /* qualified selector to overcome specificity */
body.isLively #controls-left button#playStopButton { display:inline-block; }

#skipBackButton
{
	background: url('buttons.png') 0 -613px;
	margin-right: 10px;
}
body.isLively #skipBackButton { display:none; }

button#infoButton
{
    margin: -16px 0 0 0;
	background: url('buttons.png') 0 -285px;
	height:60px;
}

body.isLively #playSpeedButton { display:none; }

button#captionSearchButton 
{ 
    margin: -16px 0 0 0;
	background: url('buttons.png') 0 -513px; 
	height: 60px;
}

button#captionButton
{
    margin: -16px 0 0 0;
	background: url('buttons.png') 0 -32px;
	height:60px;
}
body.isLively #captionButton { left:146px; }
body.OnDemand #captionButton,
body.NoAvailable #captionButton { left:203px; }





#controls-right button
{
	display:inline-block;
	margin-top:15px;
}

div.buttonDivider
{	
	position:absolute;
	width:1px;
	height:50px;
	background: url('chrome.png') 0 -198px;
}
div#buttonDivider1
{	
	top:10px;
	left: 45px;
}

div#buttonDivider2
{
	top: 10px;
	left: 215px;
}

button#pollsButton 
{ 
	position:absolute;
	left:52px;
	background: url('buttons.png') 0 -479px; 
}

button#askButton 
{ 
	position:absolute;
	left:84px;
	background: url('buttons.png') 0 1px; 
}

button#emailButton 
{ 
	position:absolute;
	left:116px;
	background: url('buttons.png') 0 -159px; 
}

button#linksButton
{
	position:absolute;

	left:148px;
	background: url('buttons.png') 0 -349px;
}

button#chaptersButton
{
    position:absolute;
    left:180px;
    background: url('buttons.png') 0 -96px;    
}

button#helpButton
{
	background: url('buttons.png') 0 -256px;
	width:29px;
	height:29px;
	position:absolute;
	left:222px;
	top: 3px;
}

div#volumeButton
{
	position:absolute;
	left:3px;
}


#positionSlider
{
    font-size: 9px;
}
body.isLively #positionSlider { display:none; }
body.NotAvailable #positionSlider,
body.OnDemand #positionSlider { display:block; }

#positionSlider .ui-slider-handle
{
	text-decoration:none;
	outline:none;
}
#currentPosition
{
	position:absolute;
	bottom:100%;
	left:-15px;
	color:#ccc;
	z-index:100;
	width:50px;
	height:16px;
	text-decoration:none;
	font-size:11px;
	text-align:center;
}
#duration
{
	position:absolute;
	top:8px;
	right:0;
	color:#ccc;
	background-color:transparent;
	font-size:11px;
	display:none;
}
body.isLively #duration { display:none; }
body.NotAvailable #duration,
body.OnDemand #duration { display:block; }

#live-position-text
{
    background:transparent;
    position:absolute;
    top:-7px;
    right:50%;
    height:16px;
    text-align:right;
    line-height:16px;
    padding-right:20px;
    display:none;
}
body.ScheduledForLive #live-position-text,
body.OpenForLive #live-position-text,
body.Live #live-position-text,
body.LivePaused #live-position-text,
body.LiveEnded #live-position-text
{
    display:block;
}
body.NotAvailable #live-position-text,
body.OnDemand #live-position-text
{
    display:none;
}

#broadcasting-indicator
{
    background:url('chrome.png') 0 -250px no-repeat;
    position:absolute;
    top:-18px;
    left:50%;
    width:32px;
    height:32px;
    display:none;
}
body.ScheduledForLive #broadcasting-indicator,
body.OpenForLive #broadcasting-indicator,
body.Live #broadcasting-indicator,
body.LivePaused #broadcasting-indicator,
body.LiveEnded #broadcasting-indicator
{
    display:block;
}
body.NotAvailable #broadcasting-indicator,
body.OnDemand #broadcasting-indicator
{
    display:none;
}



#mediasite-swirl
{
	position:absolute;
	bottom:15px;
	right:14px;
}
#mediasite-swirl a
{
	width:30px;
	height:30px;
	display:block;
	background: url('buttons.png') 0 -713px;
	outline:none;
}
.panel
{
	color:#ccc;
	background:rgb(0, 0, 0);
	background:rgba(0, 0, 0, 0.9);
	border:1px solid #555;
	-moz-border-radius:12px;
	border-radius:12px;
	padding:10px;
}
#detailPanels .panel
{
	float:right;
	position:absolute;
	z-index:10;
	left:60px;
	top:75px;
	bottom:67px;
	width:280px;
}

#interactivityPanels .panel
{
	position:absolute;
	z-index:10;
	margin-right:60px;
	margin-left:auto;
	top:75px;
	bottom:67px;
	left: 0; right: 0;
	width:280px;
}

/* Show panel on top of control bar */
@media all and (max-height: 350px) {
    #detailPanels .panel,
    #interactivityPanels .panel 
    {
        top: 5px;
        z-index: 101;    
    }
}

@media all and (max-height: 250px) {
    #detailPanels .panel,
    #interactivityPanels .panel 
    {
        bottom: 5px;
        z-index: 101;    
    }
}

#captionPanel 
{  
	visibility: hidden;
	opacity: 0;
	position: fixed;
	bottom:160px;
	left: 50%;
	right: 50%;
	margin-left: auto;
	margin-right: auto;	
	height:85px;
	z-index:500;
	width: 600px;
	margin-left: -300px;
}
.noSlideNavigation #captionPanel { bottom: 82px; }

button.closePanelButton  
{
	border-width: 0;
	padding: 0;
	position:absolute; 
	top:0; 
	right:0;
	display:block;
	width:32px;
	height:32px;
	background: url('buttons.png') 0 -128px;
}


/* Slide Inspector's Zoom HUD Styles */
.zoomhud
{
	position:absolute;
	z-index:10;
	right:20px;
	top:20px;
}

.zoomhud-expanded, .zoomhud-collapsed 
{
	position:absolute;
	right:0;
	top:0;
	height:26px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:rgb(0,0,0);
	background:rgba(0,0,0,0.8);
}

.zoomhud-collapsed { width:32px; }
.zoomhud-expanded { width:100px; }
.zoomhud-percentage, .zoomhud-zoomInButton, .zoomhud-zoomOutButton { position:absolute; }
.zoomhud-percentage
{
	font-size:14px;
	font-weight:900;
	background-color:transparent;
	color:#ccc;
	width:38px;
	height:22px;
	top:2px;
	right:59px;
	text-align:right;
	line-height:22px;
}
.zoomhud-zoomInButton, .zoomhud-zoomOutButton
{
	width:22px;
	height:22px;
	top:2px;
}
.zoomhud-zoomInButton
{
	right:5px;
	background: url('buttons.png') 0 -839px;
}
.zoomhud-zoomOutButton
{
	right:32px;
	background: url('buttons.png') 0 -861px;
}


/* jquery.ui.playervolume.js widget styles */
.ui-playervolume { display: inline; }
#ui-playervolume-mute { background: url('buttons.png') 0 -773px; }
#ui-playervolume-unmute { background: url('buttons.png') 0 -805px; }
#ui-playervolume-slider { font-size: 8px; margin: 10px auto 0 auto; height: 90px; }
.ui-playervolume .ui-slider-handle { width: 8px !Important; }
#ui-playervolume-volume {
    position: absolute;
    width: 20px;
    height: 100px;
    bottom: 32px;
    z-index: 101;
    border: 1px solid #ccc;
    border-bottom: 0;
    margin-left: 6px;
    
    /* background: transparent; once jQuery BUG #8403 is fixed for IE filters we can switch back to transparent */
    background: #000;
    background: rgba(0,0,0,0.7);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000);
}

/* jquery.ui.playerspeed.js widget styles */
button#playSpeedButton
{
    background: transparent url('buttons.png') 0 -890px; 
    width: 44px;
    height: 32px;
    padding: 11px 14px; /* padding is inside width/height because buttons are box-sizing: border-box */
    font-size: 10px;
}


/* jquery.ui.playerinfopanel.js widget styles */
#ui-playerinfopanel-header {  
	font-size:14px;
	font-weight:Bolder;
	color:#fff;
	background-color:transparent;
	margin:5px 35px 10px 5px;
	line-height:1.5;
	text-align:center;
}

#ui-playerinfopanel-infotab { cursor: pointer; }
.ui-playerinfopanel-tab { color: #666; border-bottom: solid 2px #333; }
.ui-playerinfopanel-tab-selected { color: #fff; border-bottom: solid 2px #fff; }

#ui-playerinfopanel-scroll-wrapper { position: relative; overflow: auto; z-index: 1; }

#ui-playerinfopanel-presenters { min-height:100px;  max-height: 300px; overflow: auto; position: relative; z-index: 1; padding: 0 10px; }
#ui-playerinfopanel-presenters ul { margin-left: 65px; }
#ui-playerinfopanel-presenters li { padding: 0 0 5px 20px; background: url('chrome.png') 0 -174px no-repeat; margin: 5px 10px; }
#ui-playerinfopanel-presenters img { position:absolute; left:10px; top:7px; width: 60px; height: 80px; border: 6px solid #444; font-size: .75em; }
#ui-playerinfopanel-presenters a:link, a:visited { color: #fff; }

#ui-playerinfopanel-chapters { overflow:auto; position: relative; z-index: 1; padding: 0 10px; }
#ui-playerinfopanel-chapters li { color: #fff; font-weight: normal; cursor: pointer; padding: 3px;}
#ui-playerinfopanel-chapters li:hover { background: #444; }

#ui-playerinfopanel-general { font-size: .9em; }
#ui-playerinfopanel-description { position: relative; overflow: auto; z-index: 1; padding: 5px 10px; }
#ui-playerinfopanel-date { margin: 0 5px 0 0px; }
#ui-playerinfopanel-time { margin: 0 10px; }
#ui-playerinfopanel-dateinfo { position: absolute; bottom: 0; padding: 5px 10px; }

/* jquery.ui.playeraskpanel.js widget styles (in-player only; remainder in panels.css) */
.ui-playeraskpanel { position: absolute; }
#ui-playeraskpanel-scroll-wrapper { position: absolute; top: 40px; bottom: 20px; left: 0; right: 0; overflow: auto; z-index: 1; }

/* jquery.ui.playerinvitepanel.js widget styles (in-player only; remainder in panels.css) */
.ui-playerinvitepanel { position: absolute; }
#ui-playerinvitepanel-scroll-wrapper { position: absolute; top: 40px; bottom: 20px; left: 0; right: 0; overflow: auto; z-index: 1; }

/* jquery.ui.playerlinkspanel.js widget styles */
.ui-playerlinkspanel { position: absolute; left: 0; right: 0; }
#ui-playerlinkspanel-scroll-wrapper { position: absolute; top: 40px; bottom: 20px; left: 0; right: 0; overflow: auto; z-index: 1; }
.ui-playerlinkspanel li { padding: 5px; }
.ui-playerlinkspanel li:hover { background: #555; }
.ui-playerlinkspanel a, a:hover, a:visited, a:active { color: #fff; display: block; }
#ui-playerlinkspanel-header { font-weight: bold; min-height: 1em; margin: 0 0 5px 5px; }

/* jquery.ui.playerccsearchpanel.js widget styles */
.ui-playerccsearchpanel { position: absolute; }
.ui-playerccsearchpanel-search-highlight { color: Green; }
#ui-playerccsearchpanel-header { font-weight: bold; margin: 0 0 5px 5px; }
#ui-playerccsearchpanel-search-wrapper { margin: 0 10px ; font-size:12px; position:relative; }
#ui-playerccsearchpanel-search-field {  }
#ui-playerccsearchpanel-search-button 
{	
    width:65px; 
    position:absolute;
    right:0;
    margin-left: 10px;
    border: 1px solid #fff;
    border-radius: 6px;
    color: #fff;
}
#ui-playerccsearchpanel-search-total-results { margin-top:10px;	font-weight: 600; font-size: 13px; }
#ui-playerccsearchpanel-search-results-wrapper { margin-top: 5px; margin-bottom: 0; text-align:center; overflow-x:hidden; overflow-y: auto; }
#ui-playerccsearchpanel-search-results-wrapper li
{
    margin-left:50px;
    margin-right:50px;
	padding:8px;
	margin: 5px;
	color: #AAA;
	text-align: left;
	font-size:9px;
	
	/* background: transparent; once jQuery BUG #8403 is fixed for IE filters we can switch back to transparent */
    background: #222;
    background: rgba(200,200,200,0.1);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33DDDDDD,endColorstr=#33DDDDDD)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33DDDDDD,endColorstr=#33DDDDDD);	
}
#ui-playerccsearchpanel-search-results-wrapper div { font-size:14px; font-weight:600; color:#FFFFFF; padding-top:2px; margin-bottom:10px; }
#ui-playerccsearchpanel-search-results-wrapper li:hover
{
	cursor:pointer;
	/* background: transparent; once jQuery BUG #8403 is fixed for IE filters we can switch back to transparent */
	background: #333;
    background: rgba(200,200,200,0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#55DDDDDD,endColorstr=#55DDDDDD)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#55DDDDDD,endColorstr=#55DDDDDD);
}
#ui-playerccsearchpanel-search-results-wrapper div { font-size:14px; font-weight:600; color:#FFFFFF; padding-top:2px; margin-bottom:10px; }
#ui-playerccsearchpanel-search-button  { background: #000; }
.ui-playerccsearchpanel-search-list-item-type { float: right;  }

.ui-playercaptionpanel
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	
	border: solid 1px #555;
	color: White;
	overflow: hidden;
	vertical-align: bottom;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	background: rgba(0,0,0);
	background: rgba(0,0,0,0.9);
	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
}

#ui-playercaptionpanel-slider
{
	position:absolute;
	margin-top: 0px;
	padding: 4px;	
}

.ui-playercaptionpanel-item
{
	margin-top: 80px;
	width: 600px;
	line-height: 26px;
	-webkit-transition: -webkit-transform 1000ms linear;
    -webkit-transform: translate3d(0, 0, 0);
}

/* jquery.ui.playerchapterspanel.js widget styles */
.ui-playerchaptersspanel { position: absolute; left: 0; right: 0; }
#ui-playerchapterspanel-scroll-wrapper { position: absolute; top: 40px; bottom: 20px; left: 0; right: 0; overflow: auto; z-index: 1; }
.ui-playerchapterspanel li { font-weight:500; padding: 5px; cursor: pointer; margin-left:7px; margin-top:6px; color:#BFBFBF; font-size:11px;  white-space:nowrap; }
.ui-playerchapterspanel li:hover { background: #555; }
.ui-playerchapterspanel a, a:hover, a:visited, a:active { color: #fff; display: block; }
.ui-playerchapterspanel-header { font-weight:600; color:#FFF; margin: 0 0 35px 5px; font-size:15px; }
.ui-playerchapterspanel-chaptertext { margin-left: 25px; padding:4px; }
.ui-playerchapterspanel-chaptertext:hover { background:#555; }


/* jQuery UI styles */
/* Component containers
----------------------------------*/
.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #404040; background: #121212 50% top repeat-x; color: #eee; }
.ui-widget-content a { color: #eeeeee; }
.ui-widget-header { border: 1px solid #404040; background: #888 50% 50% repeat-x; color: #fff; font-weight: bold; }
.ui-widget-header a { color: #fff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ccc; background: #adadad 50% 50% repeat-x; font-weight: normal; color: #333; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ddd; background: #ddd 50% 50% repeat-x; font-weight: normal; color: #000; }
.ui-state-hover a, .ui-state-hover a:hover { color: #000; text-decoration: none; }
/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #000; background: #121212 50% 50% repeat-x; font-weight: normal; color: #ffffff; }*/
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*
 * jQuery UI Slider 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width:20px; height: 5px; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-handle-toucharea { width:100%; height:3em; position:absolute; top:-1.3em; }
.not-ios .ui-slider-handle-toucharea { display:none; }

.ui-slider-horizontal { height: 1px; }
.ui-slider-horizontal .ui-slider-handle { top:-3px; margin-left:-10px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }