/*!************************************************************************
*
* ADOBE SYSTEMS INCORPORATED
*  Copyright 2013 Adobe Systems Incorporated
*  All Rights Reserved.
*
* NOTICE:  Adobe permits you to use, modify, and distribute this file in 
* accordance with the terms of the Adobe license agreement accompanying it. 
* If you have received this file from a source other than Adobe, then your 
* use, modification, or distribution of it requires the prior written 
* permission of Adobe.
**************************************************************************/

/*
	CSS for desktop systems goes here.
	This section is always processed by the web browser, both for desktop systems and touch devices. Touch-specific
	CSS rules should be defined in the sections below.
*/
.s7tooltip {
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border-color:#999999;
    background-color: #000000;
    color: #FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

.s7mixedmediaviewer {
	width:100%;
	height:100%;
}

.s7mixedmediaviewer .s7container[mode='fullscreen'] {
	background-color: rgb(255, 255, 255);
}

.s7mixedmediaviewer .s7flyoutzoomview  {
	border:none;
}

.s7mixedmediaviewer .s7flyoutzoomview  {
	background-color:#FFFFFF;
}

.s7mixedmediaviewer .s7flyoutzoomview .s7highlight {
	opacity:0;
	filter:alpha(opacity = 0);
}

.s7mixedmediaviewer .s7flyoutzoomview .s7cursor {
	opacity:0;
	filter:alpha(opacity = 0);
}

.s7mixedmediaviewer .s7flyoutzoomview .s7overlay {
	opacity:0;
	filter:alpha(opacity = 0);
}

.s7mixedmediaviewer .s7flyoutzoomview .s7flyoutzoom {
	width:100%;
	height:100%;
	left:0;
	top:0;
	border:none;
	z-index:1;
}
.s7mixedmediaviewer .s7flyoutzoomview .s7tip {
	bottom:100px;
}
.s7mixedmediaviewer .s7zoomview {
	position: absolute;	
	top: 0px;
	left: 0px;
	z-index:1;
}

/* IconEffect component*/
.s7mixedmediaviewer .s7zoomview .s7iconeffect {
    width:100px;
    height:100px;
    background-size:contain;
}

.s7mixedmediaviewer.s7mouseinput .s7zoomview .s7iconeffect[media-type='standard'] {background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_zoom.png);}
.s7mixedmediaviewer.s7mouseinput .s7zoomview .s7iconeffect[media-type='multitouch'] {background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_pinch.png);}

.s7mixedmediaviewer.s7touchinput .s7zoomview .s7iconeffect[media-type='standard'] {background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_zoom.png);}
.s7mixedmediaviewer.s7touchinput .s7zoomview .s7iconeffect[media-type='multitouch'] {background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_pinch.png);}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .s7mixedmediaviewer.s7touchinput .s7zoomview .s7iconeffect[media-type='standard'] {	background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_zoom_2x.png);	}
    .s7mixedmediaviewer.s7mouseinput .s7zoomview .s7iconeffect[media-type='standard'] {	background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_zoom_2x.png);	}
    .s7mixedmediaviewer.s7touchinput .s7zoomview .s7iconeffect[media-type='multitouch'] { background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_pinch_2x.png);}
}

/* SetIndicator - common styles */
.s7mixedmediaviewer .s7setindicator {
    position: absolute;
    visibility:inherit;
    z-index:1;
}
.s7mixedmediaviewer .s7setindicator .s7dot {
	width:15px;
	height:15px;
	margin-left:2px;
	margin-top:5px;
	margin-right:2px;
	margin-bottom:1px;
	border-radius:12px;
	background-color:#d5d3d3;
}

.s7mixedmediaviewer .s7setindicator .s7dot[state='selected'] {
	background-color:#939393;
}

/**
 * Buttons component  
 */
 
/*************************************************************************/
/* ZoomInButton - common styles */
.s7mixedmediaviewer .s7zoominbutton  {
	position:absolute;
	bottom: 20px;
	background-size:contain;
	z-index:1;
 }

/* ZoomInButton - desktop size and art */
.s7mixedmediaviewer.s7mouseinput .s7zoominbutton  {
    left: 20px;
    width:28px;
    height:28px;
 }
.s7mixedmediaviewer.s7mouseinput .s7zoominbutton[state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomInButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoominbutton[state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomInButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoominbutton[state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomInButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoominbutton[state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomInButton_light_disabled.png); }

/* ZoomInButton - touch device size and art */
.s7mixedmediaviewer.s7touchinput .s7zoominbutton  {
    left: 20px;
    width:56px;
    height:56px;
}
.s7mixedmediaviewer.s7touchinput .s7zoominbutton[state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomInButton_light_up_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoominbutton[state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomInButton_light_over_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoominbutton[state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomInButton_light_down_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoominbutton[state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomInButton_light_disabled_touch.png); }
@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
    .s7mixedmediaviewer.s7touchinput .s7zoominbutton[state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomInButton_light_up_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoominbutton[state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomInButton_light_over_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoominbutton[state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomInButton_light_down_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoominbutton[state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomInButton_light_disabled_touch_2x.png); }
}

/* ZoomInButton - hide on smartphone */
.s7mixedmediaviewer.s7size_small.s7touchinput .s7zoominbutton  {
    visibility:hidden;
}

/*************************************************************************/
/* ZoomOutButton - common styles */
.s7mixedmediaviewer .s7zoomoutbutton{
	position:absolute;
	bottom: 20px;
    background-size:contain;
    z-index:1;
}

/* ZoomOutButton - desktop size and art */
.s7mixedmediaviewer.s7mouseinput .s7zoomoutbutton{
	left: 50px;	
	width:28px;
	height:28px;
 }
.s7mixedmediaviewer.s7mouseinput .s7zoomoutbutton[state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomOutButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoomoutbutton[state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomOutButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoomoutbutton[state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomOutButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoomoutbutton[state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomOutButton_light_disabled.png); }

/* ZoomOutButton - touch device size and art */
.s7mixedmediaviewer.s7touchinput .s7zoomoutbutton{
    left: 77px;
    width:56px;
    height:56px;
}
.s7mixedmediaviewer.s7touchinput .s7zoomoutbutton[state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomOutButton_light_up_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoomoutbutton[state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomOutButton_light_over_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoomoutbutton[state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomOutButton_light_down_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoomoutbutton[state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomOutButton_light_disabled_touch.png); }

@media only screen and (-webkit-min-device-pixel-ratio:1.5)	{
    .s7mixedmediaviewer.s7touchinput .s7zoomoutbutton[state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomOutButton_light_up_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoomoutbutton[state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomOutButton_light_over_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoomoutbutton[state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomOutButton_light_down_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoomoutbutton[state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomOutButton_light_disabled_touch_2x.png); }
}

/* ZoomOutButton - hide on smartphone */
.s7mixedmediaviewer.s7size_small.s7touchinput .s7zoomoutbutton{
    visibility:hidden;
}

/*************************************************************************/
/* ZoomResetButton - common styles */
.s7mixedmediaviewer .s7zoomresetbutton {
	position:absolute;
	bottom: 20px;
    background-size:contain;
    z-index:1;
}

/* ZoomResetButton - desktop size and art */
.s7mixedmediaviewer.s7mouseinput .s7zoomresetbutton {
	left: 80px;
	width:28px;
	height:28px;
 }
.s7mixedmediaviewer.s7mouseinput .s7zoomresetbutton[state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomResetButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoomresetbutton[state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomResetButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoomresetbutton[state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomResetButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoomresetbutton[state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomResetButton_light_disabled.png); }

/* ZoomResetButton - touch device size and art */
.s7mixedmediaviewer.s7touchinput .s7zoomresetbutton {
    left: 135px;
    width:56px;
    height:56px;
}
.s7mixedmediaviewer.s7touchinput .s7zoomresetbutton[state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomResetButton_light_up_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoomresetbutton[state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomResetButton_light_over_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoomresetbutton[state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomResetButton_light_down_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoomresetbutton[state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomResetButton_light_disabled_touch.png); }
@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
    .s7mixedmediaviewer.s7touchinput .s7zoomresetbutton[state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomResetButton_light_up_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoomresetbutton[state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomResetButton_light_over_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoomresetbutton[state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomResetButton_light_down_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoomresetbutton[state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ZoomResetButton_light_disabled_touch_2x.png); }
}

/* ZoomResetButton - center on smartphones */
.s7mixedmediaviewer.s7size_small.s7touchinput .s7zoomresetbutton {
    left:50%;
    bottom: 20px;
}
.s7mixedmediaviewer.s7size_small.s7touchinput .s7zoomresetbutton[state='disabled'] {
    visibility:hidden;
}
.s7mixedmediaviewer.s7size_small.s7touchinput .s7zoomresetbutton {
    margin-left: -28px;
}

/*************************************************************************/
/* FullScreenButton - common styles */
.s7mixedmediaviewer .s7fullscreenbutton{
    position:absolute;
    bottom: 20px;
    background-size:contain;
    z-index:1;
}

/* FullScreenButton - desktop size and art */
.s7mixedmediaviewer.s7mouseinput .s7fullscreenbutton{
    right: 20px;
    width:28px;
    height:28px;
}
.s7mixedmediaviewer.s7mouseinput .s7fullscreenbutton[selected='true'][state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7fullscreenbutton[selected='true'][state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7fullscreenbutton[selected='true'][state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7fullscreenbutton[selected='true'][state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_light_disabled.png); }
.s7mixedmediaviewer.s7mouseinput .s7fullscreenbutton[selected='false'][state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7fullscreenbutton[selected='false'][state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7fullscreenbutton[selected='false'][state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7fullscreenbutton[selected='false'][state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_light_disabled.png); }

/* FullScreenButton - touch device size and art */
.s7mixedmediaviewer.s7touchinput .s7fullscreenbutton{
    right: 20px;
    width:56px;
    height:56px;
}
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_light_up_touch.png); }
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_light_over_touch.png); }
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_light_down_touch.png); }
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_light_disabled_touch.png); }
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_light_up_touch.png); }
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_light_over_touch.png); }
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_light_down_touch.png); }
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_light_disabled_touch.png); }
@media only screen and (-webkit-min-device-pixel-ratio:1.5)
{
    .s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_light_up_touch_2x.png); }
    .s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_light_over_touch_2x.png); }
    .s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_light_down_touch_2x.png); }
    .s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_light_disabled_touch_2x.png); }
    .s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_light_up_touch_2x.png); }
    .s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_light_over_touch_2x.png); }
    .s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_light_down_touch_2x.png); }
    .s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_light_disabled_touch_2x.png); }
}

/*************************************************************************/
/* CloseButton - common styles */
.s7mixedmediaviewer .s7closebutton{
    position:absolute;
    top: 20px;
    right: 20px;
    background-size:contain;
    z-index:1;
}

/* CloseButton - desktop size and art  */
.s7mixedmediaviewer.s7mouseinput .s7closebutton{
    width:28px;
    height:28px;
}
.s7mixedmediaviewer.s7mouseinput .s7closebutton[state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/CloseButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7closebutton[state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/CloseButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7closebutton[state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/CloseButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7closebutton[state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/CloseButton_light_disabled.png); }
/* CloseButton - touch device size and art */
.s7mixedmediaviewer.s7touchinput .s7closebutton{
    width:56px;
    height:56px;
}
.s7mixedmediaviewer.s7touchinput .s7closebutton[state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/CloseButton_light_up_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7closebutton[state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/CloseButton_light_over_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7closebutton[state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/CloseButton_light_down_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7closebutton[state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/CloseButton_light_disabled_touch.png); }
@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
    .s7mixedmediaviewer.s7touchinput .s7closebutton[state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/CloseButton_light_up_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7closebutton[state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/CloseButton_light_over_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7closebutton[state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/CloseButton_light_down_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7closebutton[state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/CloseButton_light_disabled_touch_2x.png); }
}

/*************************************************************************/
/* IconEffect component */
.s7mixedmediaviewer .s7spinview .s7iconeffect{
	width:100px;
	height:100px;
	background-size:contain;
 }
.s7mixedmediaviewer.s7mouseinput .s7spinview .s7iconeffect[state='spin_1D'] { background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_spin_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7spinview .s7iconeffect[state='spin_2D'] { background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_spin3d_up.png); }

.s7mixedmediaviewer.s7touchinput .s7spinview .s7iconeffect[state='spin_1D'] { background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_spin_up.png); }
.s7mixedmediaviewer.s7touchinput .s7spinview .s7iconeffect[state='spin_2D'] { background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_spin3d_up.png); }

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
    .s7mixedmediaviewer.s7touchinput .s7spinview .s7iconeffect[state='spin_1D'] { background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_spin_up_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7spinview .s7iconeffect[state='spin_2D'] { background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_spin3d_up_touch_2x.png); }
}

/*************************************************************************/
/* SpinButtons component */
.s7mixedmediaviewer .s7spinbuttons {
	left:50%;
	width:84px;
	margin:-42px;
 }

/* spin buttons container - - hide on tablets and smartphones */
.s7mixedmediaviewer.s7touchinput .s7spinbuttons {
	visibility: hidden;
}

/*************************************************************************/
/* SpinLeftButton component */
.s7mixedmediaviewer .s7spinbuttons .s7panleftbutton {
	position:absolute;
	left: 0px;
	top:0px;
	width:28px;
	height:28px;
	background-size:contain;
	z-index:1;
 }
.s7mixedmediaviewer.s7mouseinput .s7spinbuttons .s7panleftbutton[state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/SpinLeftButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7spinbuttons .s7panleftbutton[state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/SpinLeftButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7spinbuttons .s7panleftbutton[state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/SpinLeftButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7spinbuttons .s7panleftbutton[state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/SpinLeftButton_light_disabled.png); }

/*************************************************************************/
/* SpinRightButton component*/
.s7mixedmediaviewer .s7spinbuttons .s7panrightbutton {
	position:absolute;
	right: 0px;
	top:0px;
	width:28px;
	height:28px;
	background-size:contain;
	z-index:1;
 }
.s7mixedmediaviewer.s7mouseinput .s7spinbuttons .s7panrightbutton[state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/SpinRightButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7spinbuttons .s7panrightbutton[state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/SpinRightButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7spinbuttons .s7panrightbutton[state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/SpinRightButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7spinbuttons .s7panrightbutton[state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/SpinRightButton_light_disabled.png); }

/*************************************************************************/
/* ColorSwatches component */
.s7mixedmediaviewer .s7colorswatches .s7swatches {
    position:absolute;
    bottom: 0px;
    left: 0px;
    background: transparent;
    z-index:1;
}
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches {
	height: 44px;
	width: 280px;
}
.s7mixedmediaviewer.s7touchinput .s7colorswatches .s7swatches {
    height: 68px;
    width: 140px;
}
.s7mixedmediaviewer.s7touchinput.s7size_large .s7colorswatches .s7swatches {
	height: 44px;
	width: 280px;
}
.s7mixedmediaviewer.s7size_small .s7colorswatches .s7swatches{
    bottom: -10px;
}

.s7mixedmediaviewer .s7colorswatches .s7swatches .s7thumb {
    background-color : #ffffff;
    border: 1px solid #dddddd;
    width: 28px;
    height: 28px;
}

.s7mixedmediaviewer .s7colorswatches .s7swatches .s7thumb[state="default"] {
	border: 1px solid #dddddd;
}

.s7mixedmediaviewer .s7colorswatches .s7swatches .s7thumb[state="selected"] {
	border: 1px solid #666666;
}


.s7mixedmediaviewer.s7size_small .s7colorswatches .s7swatches .s7thumb {
    width: 10px;
    height: 10px;
}

/* ColorSwatches scroll left button */
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollleftbutton {
	background-size: auto;
	width: 28px;
	height: 28px;
}
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollleftbutton[state="up"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollLeftButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollleftbutton[state="over"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollLeftButton_light_over.png);}
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollleftbutton[state="down"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollLeftButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollleftbutton[state="disabled"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollLeftButton_light_disabled.png); }

/* ColorSwatches scroll right button */
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollrightbutton {
	background-size: auto;
	width: 28px;
	height: 28px;
}
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollrightbutton[state="up"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollRightButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollrightbutton[state="over"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollRightButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollrightbutton[state="down"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollRightButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollrightbutton[state="disabled"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollRightButton_light_disabled.png); }

.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7thumbcell{
	margin: 4px;
}
.s7mixedmediaviewer.s7touchinput .s7colorswatches .s7swatches .s7thumbcell{
    margin: 5px;
}

/*************************************************************************/
/* Swatches component */
 .s7mixedmediaviewer .s7swatches {
	position:absolute;
	bottom: 0px;
	left: 0px; 
	height: 96px;
	background: transparent; 
	z-index:1;
}
.s7mixedmediaviewer .s7swatches .s7thumb { 
	width: 56px;
	height: 56px;
	background-color : #ffffff;
	border: 1px solid #dddddd;
}
.s7mixedmediaviewer .s7swatches .s7thumb[state="default"] {
	border: 1px solid #dddddd;
}
.s7mixedmediaviewer .s7swatches .s7thumb[state="selected"] {
	border: 1px solid #666666;
}

/* Swatches scroll left button */
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton {
	background-size: auto;
	width: 56px;
	height: 56px;
}
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton[state="up"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollLeftButton_light_up.png); }
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton[state="over"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollLeftButton_light_over.png);}
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton[state="down"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollLeftButton_light_down.png); }
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton[state="disabled"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollLeftButton_light_disabled.png); }

/* Swatches scroll right button */
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton {
	background-size: auto;
	width: 56px;
	height: 56px;
}
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton[state="up"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollRightButton_light_up.png); }
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton[state="over"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollRightButton_light_over.png); }
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton[state="down"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollRightButton_light_down.png); }
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton[state="disabled"]{ background-image:url(../../viewers/s7viewers/html5/images/v2/ScrollRightButton_light_disabled.png); }

.s7mixedmediaviewer .s7swatches .s7thumb .s7thumboverlay[type="image"] {
}
.s7mixedmediaviewer .s7swatches .s7thumb .s7thumboverlay[type="swatchset"] {
	background-image: url(../../viewers/s7viewers/html5/images/v2/ThumbOverlaySwatchSet.png); 
}
.s7mixedmediaviewer .s7swatches .s7thumb .s7thumboverlay[type="spinset"] {
	background-image: url(../../viewers/s7viewers/html5/images/v2/ThumbOverlaySpinSet.png); 
}
.s7mixedmediaviewer .s7swatches .s7thumb .s7thumboverlay[type="video"] {
	background-image: url(../../viewers/s7viewers/html5/images/v2/ThumbOverlayVideo.png); 
}

/*************************************************************************/

/* VideoPlayer component*/
.s7mixedmediaviewer .s7videoplayer {
	position: absolute;	
	top: 0px;
	left: 0px;
	width: 600px;
	height: 400px;
}

/* ControlBar component */
.s7mixedmediaviewer .s7controlbar {
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 36px;
	background-color: rgb(0, 0, 0);/*whithout alpha*/
	background-color: rgba(0, 0, 0, 0.75);
}

/*************************************************************************/
/* PlayPauseButton component */
.s7mixedmediaviewer .s7controlbar .s7playpausebutton {
	position:absolute;
	top:4px;
	left:4px;
	width:28px;
	height:28px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
 }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/PlayButton_up.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/PlayButton_over.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/PlayButton_down.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/PlayButton_disabled.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='false'][state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/PauseButton_up.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='false'][state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/PauseButton_over.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='false'][state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/PauseButton_down.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='false'][state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/PauseButton_disabled.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][replay='true'][state='up'] {background-image:url(../../viewers/s7viewers/html5/images/v2/ReplayButton_up.png);}
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][replay='true'][state='over'] {background-image:url(../../viewers/s7viewers/html5/images/v2/ReplayButton_over.png);}
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][replay='true'][state='down'] {background-image:url(../../viewers/s7viewers/html5/images/v2/ReplayButton_down.png);}
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][replay='true'][state='disabled'] {background-image:url(../../viewers/s7viewers/html5/images/v2/ReplayButton_disabled.png);}

/*************************************************************************/
/* VideoScrubber component*/
.s7mixedmediaviewer .s7controlbar .s7videoscrubber  {
	position:absolute;
	top:14px;
	left:40px;
	width:340px;
	height:8px;
 }
.s7mixedmediaviewer .s7controlbar .s7videoscrubber .s7videotime {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:58px;
	/*height:29px; Make the height taller than the image so it floats above the scrubber knob by a few px*/
	height:35px;
	padding:0px;
	background-image:url(../../viewers/s7viewers/html5/images/v2/VideoScrubberTime.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	vertical-align:middle;
	line-height:24px;		/* centers the text vertically in the bubble */
	color:#ffffff;
 }
.s7mixedmediaviewer .s7controlbar .s7videoscrubber .s7track {
	position:absolute;
	top:0px;
	left:0px;
	height:8px;
	background-color:#555555;
 }
.s7mixedmediaviewer .s7controlbar .s7videoscrubber .s7trackloaded {
	position:absolute;
	top:0px;
	left:0px;
	height:8px;
	background-color:#666666;
 }
.s7mixedmediaviewer .s7controlbar .s7videoscrubber .s7trackplayed {
	position:absolute;
	top:0px;
	left:0px;
	height:8px;
	background-color:#999999;
 }
.s7mixedmediaviewer .s7controlbar .s7videoscrubber .s7knob {
	position:absolute;
	width:14px;
	height:24px;
	top:-8px;
	left:-3px;
	background-image:url(../../viewers/s7viewers/html5/images/v2/VideoScrubberKnob.png);
}

/*************************************************************************/
/* VideoTime component*/
.s7mixedmediaviewer .s7controlbar .s7videotime {
	position:absolute;
	top:8px;
	right:98px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	line-height: normal;		
	/* Need to add an explicit width to enable scrubber resizing due to getComputedStyle not working in IE8 (IE uses currentStyle, which returns "auto" and breaks our layout math) */
	/* Info on this hack here: http://webdesignerwall.com/tutorials/css-specific-for-internet-explorer */
	width:60px\9;
}

/*************************************************************************/
/* AudioCaptions - common styles */

.s7mixedmediaviewer .s7audiocaptionsbutton  {
	background-size:112px;
}

.s7mixedmediaviewer .s7audiocaptionsbutton[state] {
	background-image: url(../../viewers/s7viewers/html5/images/v2/AudioCaptionsButton_sprite.png); 
}

/* AudioCaptionsButton - desktop size and art */
.s7mixedmediaviewer.s7mouseinput .s7audiocaptions {
	top:4px;
	width:28px;
	height:28px;
}

.s7mixedmediaviewer.s7mouseinput .s7audiocaptions .s7audiocaptionsmenu {
	bottom: 30px,
}

.s7mixedmediaviewer.s7mouseinput .s7audiocaptionsbutton[state='up'] { background-position: 0 -560px; }
.s7mixedmediaviewer.s7mouseinput .s7audiocaptionsbutton[state='over'] { background-position: -28px -560px; }
.s7mixedmediaviewer.s7mouseinput .s7audiocaptionsbutton[state='down'] { background-position: -56px -560px; }
.s7mixedmediaviewer.s7mouseinput .s7audiocaptionsbutton[state='disabled'] { background-position: -84px -560px; }

/* AudioCaptionsButton - touch device size and art */
.s7mixedmediaviewer.s7touchinput .s7audiocaptions {
	top:8px;
	width:56px;
	height:56px;
}

.s7mixedmediaviewer.s7touchinput .s7audiocaptions .s7audiocaptionsmenu {
	position: fixed;
    top: 50%;
    left: 50%;
    right: initial;
    bottom: initial;
    transform: translate(-50%, -50%);
	font-size: 18px;
}

.s7mixedmediaviewer.s7touchinput .s7audiocaptions .s7audiocaptionsmenu .title,
.s7mixedmediaviewer.s7touchinput .s7audiocaptions .s7audiocaptionsmenu li {
	height: 40px;
}

.s7mixedmediaviewer.s7touchinput .s7audiocaptions .s7audiocaptionsmenu .header {
	display: flex;
	margin-bottom: 10px;
}

.s7mixedmediaviewer.s7touchinput.s7device_landscape .s7audiocaptions .s7audiocaptionsmenu .list {
	max-height: 150px;
}

.s7mixedmediaviewer.s7touchinput .s7audiocaptionsbutton[state='up'] { background-position: 0 -448px; }
.s7mixedmediaviewer.s7touchinput .s7audiocaptionsbutton[state='over'] { background-position: -56px -448px; }
.s7mixedmediaviewer.s7touchinput .s7audiocaptionsbutton[state='down'] { background-position: 0 -504px; }
.s7mixedmediaviewer.s7touchinput .s7audiocaptionsbutton[state='disabled'] { background-position: -56px -504px; }

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
	.s7mixedmediaviewer.s7touchinput .s7audiocaptionsbutton {
		background-size:56px;
	}
	.s7mixedmediaviewer.s7touchinput .s7audiocaptionsbutton[state='up'] { background-position: 0 0; }
	.s7mixedmediaviewer.s7touchinput .s7audiocaptionsbutton[state='over'] { background-position: 0 -56px; }
	.s7mixedmediaviewer.s7touchinput .s7audiocaptionsbutton[state='down'] { background-position: 0 -112px; }
	.s7mixedmediaviewer.s7touchinput .s7audiocaptionsbutton[state='disabled'] { background-position: 0 -168px; }
}

/* MutableVolume component*/
.s7mixedmediaviewer .s7controlbar .s7mutablevolume {
	position:absolute;
	top:4px;
	right:35px;
	width:30px;
	height:28px;
 }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton {
	position:absolute;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
 }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='true'][state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/VolumeMute_up.png); }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='true'][state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/VolumeMute_over.png); }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='true'][state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/VolumeMute_down.png); }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='true'][state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/VolumeMute_disabled.png); }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='false'][state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/VolumeFull_up.png); }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='false'][state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/VolumeFull_over.png); }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='false'][state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/VolumeFull_down.png); }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='false'][state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/VolumeFull_disabled.png); }

.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7verticalvolume {
	position:absolute;
	width:30px;
	height:83px;
	left:0px;
	background-color:#dddddd;
 }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7verticalvolume .s7track {
	position:absolute;
	top:11px;
	left:11px;
	width:8px;
	height:61px;
	background-color:#666666;
 }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7verticalvolume .s7filledtrack {
	position:absolute;
	/*top:11px;
	left:11px;
	*/width:8px;
	height:61px;
	background-color:#ababab;
 }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7verticalvolume .s7knob {
	position:absolute;
	width:14px;
	height:8px;
	top:11px;
	left:8px;
	background-image:url(../../viewers/s7viewers/html5/images/v2/VolumeKnob.png);
 }	

/* FullScreenButton component*/
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton {
	position:absolute;
	top:4px;
	right:5px;
	width:28px;
	height:28px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
 }
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='true'][state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_up.png); }
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='true'][state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_over.png); }
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='true'][state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_down.png); }
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='true'][state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/MinScreenButton_disabled.png); }
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='false'][state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_up.png); }
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='false'][state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_over.png); }
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='false'][state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_down.png); }
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='false'][state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/FullScreenButton_disabled.png); }

/* IconEffect component*/
.s7mixedmediaviewer .s7videoplayer .s7iconeffect {
	width:80px;
	height:80px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_play_up.png);
 }

.s7mixedmediaviewer .s7videoplayer .s7iconeffect {background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_play_up.png); }

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
    .s7mixedmediaviewer.s7touchinput .s7videoplayer .s7iconeffect { background-image:url(../../viewers/s7viewers/html5/images/v2/IconEffect_play_up_touch_2x.png); }
}

/* Caption component */
.s7mixedmediaviewer .s7videoplayer .s7caption {
	background-color: rgba(0,0,0,0.75);
	color: #e6e6e6;
	font-weight: normal;
	font-size: 14px;
	font-family: Arial,Helvetica,sans-serif;
}
/* ClosedCaptionButton - common styles */
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton {
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	top:4px;
	right:68px;
	width:28px;
	height:28px;	
}

/* ClosedCaptionButton - desktop size and art */
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton[selected='true'][state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ClosedCaptionButton_up.png); }
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton[selected='true'][state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ClosedCaptionButton_over.png); }
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton[selected='true'][state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ClosedCaptionButton_down.png); }
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton[selected='true'][state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ClosedCaptionButton_disabled.png); }
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton[selected='false'][state='up'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ClosedCaptionButton_disabled.png); }
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton[selected='false'][state='over'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ClosedCaptionButton_over.png); }
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton[selected='false'][state='down'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ClosedCaptionButton_down.png); }
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton[selected='false'][state='disabled'] { background-image:url(../../viewers/s7viewers/html5/images/v2/ClosedCaptionButton_disabled.png); }