/*!************************************************************************
*
* 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(/etc/dam/viewers/s7viewers/html5/images/v2/IconEffect_zoom.png);}
.s7mixedmediaviewer.s7mouseinput .s7zoomview .s7iconeffect[media-type='multitouch'] {background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/IconEffect_pinch.png);}

.s7mixedmediaviewer.s7touchinput .s7zoomview .s7iconeffect[media-type='standard'] {background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/IconEffect_zoom.png);}
.s7mixedmediaviewer.s7touchinput .s7zoomview .s7iconeffect[media-type='multitouch'] {background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/IconEffect_zoom_2x.png);	}
    .s7mixedmediaviewer.s7mouseinput .s7zoomview .s7iconeffect[media-type='standard'] {	background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/IconEffect_zoom_2x.png);	}
    .s7mixedmediaviewer.s7touchinput .s7zoomview .s7iconeffect[media-type='multitouch'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomInButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoominbutton[state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomInButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoominbutton[state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomInButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoominbutton[state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomInButton_light_up_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoominbutton[state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomInButton_light_over_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoominbutton[state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomInButton_light_down_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoominbutton[state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomInButton_light_up_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoominbutton[state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomInButton_light_over_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoominbutton[state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomInButton_light_down_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoominbutton[state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomOutButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoomoutbutton[state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomOutButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoomoutbutton[state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomOutButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoomoutbutton[state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomOutButton_light_up_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoomoutbutton[state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomOutButton_light_over_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoomoutbutton[state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomOutButton_light_down_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoomoutbutton[state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomOutButton_light_up_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoomoutbutton[state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomOutButton_light_over_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoomoutbutton[state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomOutButton_light_down_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoomoutbutton[state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomResetButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoomresetbutton[state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomResetButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoomresetbutton[state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomResetButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7zoomresetbutton[state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomResetButton_light_up_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoomresetbutton[state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomResetButton_light_over_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoomresetbutton[state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomResetButton_light_down_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7zoomresetbutton[state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomResetButton_light_up_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoomresetbutton[state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomResetButton_light_over_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoomresetbutton[state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ZoomResetButton_light_down_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7zoomresetbutton[state='disabled'] { background-image:url(/etc/dam/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;
    top:0;
    right: 0;
    background-size:contain;
    z-index:2;
}
.s7mixedmediaviewer .s7innercontainer[mode='fullscreen'] .s7fullscreenbutton{
    right: 20px;
    top: -56px;
    width: 56px;
    height: 56px;
}

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

/* FullScreenButton - touch device size and art */
.s7mixedmediaviewer.s7touchinput .s7fullscreenbutton{
    width:28px;
    height:28px;
}
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='up'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/MinScreenButton_light_up_touch.png); }
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/MinScreenButton_light_over_touch.png); }
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/MinScreenButton_light_down_touch.png); }
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='disabled'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/MinScreenButton_light_disabled_touch.png); }
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='up'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/FullScreenButton_light_up_touch.png); }
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/FullScreenButton_light_over_touch.png); }
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/FullScreenButton_light_down_touch.png); }
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/MinScreenButton_light_up_touch_2x.png); }
    .s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/MinScreenButton_light_over_touch_2x.png); }
    .s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/MinScreenButton_light_down_touch_2x.png); }
    .s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='disabled'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/MinScreenButton_light_disabled_touch_2x.png); }
    .s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='up'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/FullScreenButton_light_up_touch_2x.png); }
    .s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/FullScreenButton_light_over_touch_2x.png); }
    .s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/FullScreenButton_light_down_touch_2x.png); }
    .s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/CloseButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7closebutton[state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/CloseButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7closebutton[state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/CloseButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7closebutton[state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/CloseButton_light_up_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7closebutton[state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/CloseButton_light_over_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7closebutton[state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/CloseButton_light_down_touch.png); }
.s7mixedmediaviewer.s7touchinput .s7closebutton[state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/CloseButton_light_up_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7closebutton[state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/CloseButton_light_over_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7closebutton[state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/CloseButton_light_down_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7closebutton[state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/IconEffect_spin_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7spinview .s7iconeffect[state='spin_2D'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/IconEffect_spin3d_up.png); }

.s7mixedmediaviewer.s7touchinput .s7spinview .s7iconeffect[state='spin_1D'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/IconEffect_spin_up.png); }
.s7mixedmediaviewer.s7touchinput .s7spinview .s7iconeffect[state='spin_2D'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/IconEffect_spin_up_touch_2x.png); }
    .s7mixedmediaviewer.s7touchinput .s7spinview .s7iconeffect[state='spin_2D'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/SpinLeftButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7spinbuttons .s7panleftbutton[state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/SpinLeftButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7spinbuttons .s7panleftbutton[state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/SpinLeftButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7spinbuttons .s7panleftbutton[state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/SpinRightButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7spinbuttons .s7panrightbutton[state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/SpinRightButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7spinbuttons .s7panrightbutton[state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/SpinRightButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7spinbuttons .s7panrightbutton[state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/ScrollLeftButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollleftbutton[state="over"]{ background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ScrollLeftButton_light_over.png);}
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollleftbutton[state="down"]{ background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ScrollLeftButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollleftbutton[state="disabled"]{ background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/ScrollRightButton_light_up.png); }
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollrightbutton[state="over"]{ background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ScrollRightButton_light_over.png); }
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollrightbutton[state="down"]{ background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ScrollRightButton_light_down.png); }
.s7mixedmediaviewer.s7mouseinput .s7colorswatches .s7swatches .s7scrollrightbutton[state="disabled"]{ background-image:url(/etc/dam/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;
    width: 406px;
    background: transparent;
    z-index:1;
}
/*Jennair MSD2C-11154-elements overlap the video player control buttons*/
[data-site="jennair"] #dynamic-media-viewer_swatches {
    bottom: 35px;
}
.s7mixedmediaviewer .s7swatches .s7thumb {
    width: 50px;
    height: 50px;
    background-color : #ffffff;
    border: 1px solid #dddddd;
}

.s7mixedmediaviewer .s7swatches .s7thumbcell {
    margin: 2px;
}
@media (min-width: 768px) {
    .s7mixedmediaviewer .s7swatches .s7thumbcell {
        margin: 1px;
    }
    .s7mixedmediaviewer .s7swatches .s7thumb {
        width: 64px;
        height: 64px;
    }
}
.s7mixedmediaviewer .s7swatches .s7thumb[state="default"] {
    border: 2px solid #dddddd;
}
.s7mixedmediaviewer .s7swatches .s7thumb[state="selected"] {
    border: 2px solid #c41230;
}
.s7mixedmediaviewer .s7swatches .s7thumb:hover {
    border: 2px solid #c41230;
    cursor: pointer;
    background: none no-repeat center;
}

/* Swatches scroll left button */
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton {
    background-size: 100%;
    width: 24px;
    height: 24px;
}

.s7mixedmediaviewer .s7swatches .s7scrollleftbutton[state="up"]{ background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ScrollLeftButton_light_up.png); }
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton[state="over"]{ background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ScrollLeftButton_light_over.png);}
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton[state="up"]{ background-image:url(/etc.clientlibs/kitchenaid/clientlibs/global/resources/images/mediaviewer-controlarrow-left.png); }
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton[state="over"]{ background-image:url(/etc.clientlibs/kitchenaid/clientlibs/global/resources/images/mediaviewer-controlarrow-left.png);}
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton[state="down"]{ background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ScrollLeftButton_light_down.png); }
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton[state="disabled"]{ background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ScrollLeftButton_light_disabled.png); }
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton[state="disabled"]{ display: none; }
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton:hover{ cursor: pointer; }

/* Swatches scroll right button */
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton {
    background-size: 100%;
    width: 24px;
    height: 24px;
}
@media (min-width: 768px) {
    .s7mixedmediaviewer .s7swatches .s7scrollrightbutton,
    .s7mixedmediaviewer .s7swatches .s7scrollleftbutton {
        width: 56px;
        height: 56px;
    }
}
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton[state="up"]{ background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ScrollRightButton_light_up.png); }
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton[state="over"]{ background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ScrollRightButton_light_over.png); }
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton[state="up"]{ background-image:url(/etc.clientlibs/kitchenaid/clientlibs/global/resources/images/mediaviewer-controlarrow-right.png); }
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton[state="over"]{ background-image:url(/etc.clientlibs/kitchenaid/clientlibs/global/resources/images/mediaviewer-controlarrow-right.png); }
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton[state="down"]{ background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ScrollRightButton_light_down.png); }
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton[state="disabled"]{ background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ScrollRightButton_light_disabled.png); }
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton[state="disabled"]{ display: none; }
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton:hover{ cursor: pointer; }

/* Swatches thumbnail overlay*/
.s7mixedmediaviewer .s7swatches .s7thumb[state="default"] .s7thumboverlay {
    background: rgba(0, 0, 0, 0.4);
}
.s7mixedmediaviewer .s7swatches .s7thumb .s7thumboverlay[type="image"] {
}
.s7mixedmediaviewer .s7swatches .s7thumb .s7thumboverlay[type="swatchset"] {
    background-image: url(/etc/dam/viewers/s7viewers/html5/images/v2/ThumbOverlaySwatchSet.png);
}
.s7mixedmediaviewer .s7swatches .s7thumb .s7thumboverlay[type="spinset"] {
    background-image: url(/etc/dam/viewers/s7viewers/html5/images/v2/ThumbOverlaySpinSet.png);
}
.s7mixedmediaviewer .s7swatches .s7thumb .s7thumboverlay[type="video"] {
    background-image: url(/etc/dam/viewers/s7viewers/html5/images/v2/ThumbOverlayVideo.png);
}
.s7mixedmediaviewer .s7swatches .s7thumb .s7thumboverlay[type="spinset"] {
    background: url(/etc.clientlibs/kitchenaid/clientlibs/global/resources/images/icon-play-360.svg) no-repeat center, rgba(0, 0, 0, 0.4);
    background-size: 80%, 100%;
}
.s7mixedmediaviewer .s7swatches .s7thumb .s7thumboverlay[type="video"] {
    background: url(/etc.clientlibs/kitchenaid/clientlibs/global/resources/images/icon-play-video.svg) no-repeat center, rgba(0, 0, 0, 0.4);
    background-size: contain;
}

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

/* 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(/etc/dam/viewers/s7viewers/html5/images/v2/PlayButton_up.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/PlayButton_over.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/PlayButton_down.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][state='disabled'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/PlayButton_disabled.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='false'][state='up'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/PauseButton_up.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='false'][state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/PauseButton_over.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='false'][state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/PauseButton_down.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='false'][state='disabled'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/PauseButton_disabled.png); }
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][replay='true'][state='up'] {background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ReplayButton_up.png);}
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][replay='true'][state='over'] {background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ReplayButton_over.png);}
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][replay='true'][state='down'] {background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ReplayButton_down.png);}
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][replay='true'][state='disabled'] {background-image:url(/etc/dam/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(/etc/dam/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(/etc/dam/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;
}

/* 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(/etc/dam/viewers/s7viewers/html5/images/v2/VolumeMute_up.png); }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='true'][state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/VolumeMute_over.png); }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='true'][state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/VolumeMute_down.png); }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='true'][state='disabled'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/VolumeMute_disabled.png); }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='false'][state='up'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/VolumeFull_up.png); }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='false'][state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/VolumeFull_over.png); }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='false'][state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/VolumeFull_down.png); }
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='false'][state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/MinScreenButton_up.png); }
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='true'][state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/MinScreenButton_over.png); }
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='true'][state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/MinScreenButton_down.png); }
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='true'][state='disabled'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/MinScreenButton_disabled.png); }
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='false'][state='up'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/FullScreenButton_up.png); }
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='false'][state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/FullScreenButton_over.png); }
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='false'][state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/FullScreenButton_down.png); }
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='false'][state='disabled'] { background-image:url(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/IconEffect_play_up.png);
}

.s7mixedmediaviewer .s7videoplayer .s7iconeffect {background-image:url(/etc/dam/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(/etc/dam/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(/etc/dam/viewers/s7viewers/html5/images/v2/ClosedCaptionButton_up.png); }
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton[selected='true'][state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ClosedCaptionButton_over.png); }
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton[selected='true'][state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ClosedCaptionButton_down.png); }
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton[selected='true'][state='disabled'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ClosedCaptionButton_disabled.png); }
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton[selected='false'][state='up'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ClosedCaptionButton_disabled.png); }
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton[selected='false'][state='over'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ClosedCaptionButton_over.png); }
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton[selected='false'][state='down'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ClosedCaptionButton_down.png); }
.s7mixedmediaviewer .s7controlbar .s7closedcaptionbutton[selected='false'][state='disabled'] { background-image:url(/etc/dam/viewers/s7viewers/html5/images/v2/ClosedCaptionButton_disabled.png); }