@import url(http://fonts.googleapis.com/css?family=Lato:300,400);


.playerHeaderBar {
	background-color: black;
}

.playerHeaderBar span {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: white;
}

.playerFooterBar {
	background-color: black;
}

.playerFooterBar input {
	width: 39px;
	height: 27px;
}

.sideBySide {
	background-image:url("icon-layout1.png") !important;
	background-color:transparent;
	background-repeat: no-repeat;
}

.sideBySide:hover {
	background-image:url("icon-layout1-ovr.png") !important;
}

.pictureInVideo {
	background-image:url("icon-layout2.png") !important;	
	background-color:transparent;
	background-repeat: no-repeat;
}

.pictureInVideo:hover {
	background-image:url("icon-layout2-ovr.png") !important;	
}

.videoInPicture {
	background-image:url("icon-layout3.png") !important; 
	background-color:transparent;
	background-repeat: no-repeat;
}

.videoInPicture:hover {
	background-image:url("icon-layout3-ovr.png") !important; 
}

.buttonWrap {
	left: 16px !important;
	padding-top: 7px;
	margin-right: 15px !important;
}

.separator {
	border: none;
}

.controlContainer {
	width: 480px;
}

.buttonWrap img {
	display: none !important;
}

.selectedView {
	background: none;
}

.control-button {
	width: 33px;
	height: 33px;
	
}

.volumeButton {
	background-image:url("icon-audio.png") !important; 
}

.volumeButton:hover {
	background-image:url("icon-audio-ovr.png") !important; 
}

.volumeControlContainer {
	left: 330px;	
}

.subtitlesButton {
	background-image:url("icon-cc.png") !important; 
}

.subtitlesButton:hover {
	background-image:url("icon-cc-ovr.png") !important; 
}

.downloadsButton {
	background-image:url("icon-downloads.png") !important; 
}

.downloadsButton:hover {
	background-image:url("icon-downloads-ovr.png") !important; 
}

.chaptersButton {
	background-image:url("icon-texts.png") !important; 
}

.chaptersButton:hover {
	background-image:url("icon-texts-ovr.png") !important; 
}

.onFullscreen .fullscreenButton, 
.fullscreenButton {
	background-image:url("icon-fullscreen.png") !important; 
}

.onFullscreen .fullscreenButton:hover, 
.fullscreenButton:hover {
	background-image:url("icon-fullscreen-ovr.png") !important; 
}

.toggleBookmarkButton {
	background-image:url("icon-bookmark.png") !important; 
}

.toggleBookmarkButton:hover {
	background-image:url("icon-bookmark-ovr.png") !important; 	
}

.filmListControlContainer {
	background-image:url("icon-presentation.png") !important; 
	background-repeat: no-repeat;
	background-position: right center;
	width:200px;
}

.filmListControlContainer:hover {
	background-image:url("icon-presentation-ovr.png") !important; 
}

.filmListControlContainer img {
	display: none;
}

.filmListControlContainer .listTitle {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #999999;		
}

.playerFooterBar input:hover, 
.playerFooterBar input:focus,
.control-button:hover,
.control-button:focus,
.filmListControlContainer:hover,
.filmListControlContainer:focus {
	outline: none;
    border-color: none;
    box-shadow: none;
}