.gs-poster .poster-details{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 40px 20px 20px;
}
.gs-poster button{
	-ms-flex-negative: 0;
	        -webkit-flex-shrink: 0;
	        flex-shrink: 0;
}
.gs-poster .poster-details .poster-title{
	float: none;
	width: auto;

}
@media (min-width: 1px){
	
	.gs-controls .volume .button-container{
		vertical-align: baseline;
	}
	.gs-controls{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: row nowrap;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.gs-controls > div.divider{
		width: 1px;
		height: 40px;
		opacity: 0.3;
		background: #ccc;
		-ms-flex-negative: 0;
		        -webkit-flex-shrink: 0;
		        flex-shrink: 0;
		-webkit-flex-grow: 0;
		    -ms-flex-positive: 0;
		        flex-grow: 0
	}
	.gs-controls .mid-section{
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		padding: 0 20px;
	}
	.gs-controls .mid-section .progress-bar-container{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: row nowrap;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		padding: 0;
	}
	.gs-controls .mid-section .progress-bar-container .progress-bar-cell{
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
	}
	.gs-controls .mid-section .progress-bar-container .duration{
		padding: 0 0 0 10px;
	}
	.gs-controls .right-section{
		-ms-flex-negative: 1;
		        -webkit-flex-shrink: 1;
		        flex-shrink: 1;
		width: auto;
		padding: 0 12px;
	}
	.gs-controls .right-section ul.right-controls {
		padding: 0;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: row nowrap;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.gs-controls .right-section ul.right-controls > li{
		display: block;
		margin: 0 8px;
		width: auto;
		height: auto;
	}
	.gs-controls .right-section ul.right-controls > li .button-container{
		width: auto;
		height: auto;
		vertical-align: middle;
	}
	.gs-controls .right-section ul.right-controls > li .button-container button{
		vertical-align: middle;
	}
	.gs-controls .right-section ul.right-controls > li.volume {
		width: 77px;
		line-height: 17px;
	}
	.docked .gs-controls .right-section ul.right-controls > li.volume, 
	.gs-controls.small-controls .right-section ul.right-controls > li.volume, 
	.gs-controls.tablet-controls .right-section ul.right-controls > li.volume  {
		width: auto;
	}
	.gs-controls .right-section ul.right-controls > li.volume .volume-bar-container{
		vertical-align: middle;
	}
	.gs-controls.small-controls .right-section ul.right-controls > li.volume .volume-bar-container{
		vertical-align: baseline;
	}
}


.gs-controls.tablet-controls .right-section ul.right-controls > li {
	margin: 0 6px;
}
.tablet-controls ul.right-controls button{
	width: 28px;
	height: 28px;
}


.tablet-controls button.btn-volume.active, .tablet-controls button.btn-volume.active:hover{
  /*background: url("/a/pgs/images/mediaplayer/BitmapAssetVolumeButtonMute.png") no-repeat 0 0;*/
  background: url("/a/pgs/images/mediaplayer/Mute.svg") no-repeat;
  background-size: 20px 14px;
  background-position: center;
}
.tablet-controls button.btn-volume, .tablet-controls button.btn-volume:hover{ 
  /*background: url("/a/pgs/images/mediaplayer/BitmapAssetVolume.png") no-repeat 0 0; */
  background: url("/a/pgs/images/mediaplayer/Sound.svg") no-repeat;
  background-size: 20px 14px;
  background-position: center;
}
.tablet-controls button.btn-share, .tablet-controls button.btn-share:hover {
  background: url("/a/pgs/images/mediaplayer/Share.svg") no-repeat;
  background-size: 13px 18px;
  background-position: center;
}

.tablet-controls button.btn-close-caption.active, .tablet-controls button.btn-close-caption.active:hover{
  background:url("/a/pgs/images/mediaplayer/CC-blue.svg") no-repeat;
  background-size: 22px 22px;
  background-position: center;
}
.tablet-controls button.btn-close-caption, .tablet-controls button.btn-close-caption:hover{
  /*background: url("/a/pgs/images/mediaplayer/BitmapAssetClosedCaptions.png") no-repeat center center;*/
  background: url("/a/pgs/images/mediaplayer/CC.svg") no-repeat;
  background-size: 22px 22px;
  background-position: center;
}

.tablet-controls button.btn-full-screen, .tablet-controls button.btn-full-screen:hover {
  /*background: url("/a/pgs/images/mediaplayer/BitmapAssetFullscreen.png") no-repeat center center;*/
  background: url("/a/pgs/images/mediaplayer/fullscreen.svg") no-repeat;
  background-size: 18px 18px;
  background-position: center;
}

.tablet-controls button.btn-full-screen.active, .tablet-controls  button.btn-full-screen.active:hover {
  background: url("/a/pgs/images/mediaplayer/minimize.svg") no-repeat;
  background-size: 18px 18px;
  background-position: center;
}
.tablet-controls .left-section{
	padding: 10px;
}
.tablet-controls .play-pause{
	width: 59px;
	height: 59px;
	background-position: center;
	
}


/*
.tablet-controls .share-list li{
	background: none;
	background-size: 50% 50%;
	transition: background-size 3s ease;
}
.tablet-controls .share-list li:active{
	background: -moz-radial-gradient(center, ellipse cover, #5795c5 0%, #ffffff 100%) !important;
	background: -webkit-radial-gradient(center, ellipse cover, #5795c5 0%,#ffffff 100%) !important;
	background: radial-gradient(ellipse at center, #5795c5 0%,#ffffff 100%) !important;
	background-size: 100% 100%;
}
.tablet-controls .button-container:active{
	background: -moz-radial-gradient(center, ellipse cover, #5795c5 0%, rgba(255, 255, 255, 0) 100%) !important;
	background: -webkit-radial-gradient(center, ellipse cover, #5795c5 0%, rgba(255, 255, 255, 0) 100%) !important;
	background: radial-gradient(ellipse at center, #5795c5 0%, rgba(255, 255, 255, 0) 100%) !important;
	background-size: 70% 70%;
}
*/
