#p_b_resolutions
{
    text-align: left;
    border: none;
    padding: 0.5em 1em;
    display: block;
    font-size: 1.2em;
    font-family: 'Roboto Light', 'robotolight', sans-serif;
    color: #1a1c1e;
    background-color: transparent;
  background-position: 50% 50%;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkFFQzg2Mzk4NjIyMTFFNkIwQzVFMTlGMUI1NDE2QUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkFFQzg2M0E4NjIyMTFFNkIwQzVFMTlGMUI1NDE2QUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQUVDODYzNzg2MjIxMUU2QjBDNUUxOUYxQjU0MTZBRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQUVDODYzODg2MjIxMUU2QjBDNUUxOUYxQjU0MTZBRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgsQpdkAAAHZSURBVHjazJTLK8RRFMf95JEFFtiMyGOURywsRsjCY0PZkYyFLMiKtfgXJCxslBRbJQvKo+QVFpSUIokaYqFQ3n4+R+fqGj+7WTj16T5+Z773nHvOHcd13ahIWnRUhC3GTEKhkL0fB+8g4fdDH8SSzYjjOAPMH9XnxfzA5/P9FLQizoVe2INFKIUE+YhYEUMGpEMjzMIGvP2KUC0fRqGGaO4R2GZeaH0vh3EogFRoU5Y1mx936IAfKjWaRIY6yUYKp8VLgioRs9Z+W8cWFI95mAy/aMTP4Ujv1bY5mLb3bcEcqObkFGvvAaagHZphGG71EIk6mWkFFH8fbvqQKi8xlLBOs34wwxhk+fyVguuydOSAoHXoDZxR5UB4UWotIZPqgRHTtXw4VnGzl2aCCE9ZKnVhRNUCWk27cHnGR/0kwl2vtunSHuvQOxOrgTHlCVqg/ruKrruA6BBcegmeSoQ4tVoRxkMTlGnzZmmUxqS6+3DtlbI41iPW4fFEJfLsMDFJuUEP/LMPT4hwXdN5AKn8lZXiHcOaaR1sBTbNK/F6etK83dAJ8ux2EBkkkmb9vgU9kKldMaFV/1PwQx369X4+NIIGhOU+D7UTxGcVXn+9qn//BxtxwU8BBgDmjKYmny0ouQAAAABJRU5ErkJggg==')
}

#p_b_resolutions:focus
{
    outline: none !important;
}

#p_b_resolutions:hover
{
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzc5ODYzRUI4NjIyMTFFNkJDNTZCODhERUZFQzVGMzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzc5ODYzRUM4NjIyMTFFNkJDNTZCODhERUZFQzVGMzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzk4NjNFOTg2MjIxMUU2QkM1NkI4OERFRkVDNUYzNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNzk4NjNFQTg2MjIxMUU2QkM1NkI4OERFRkVDNUYzNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr6f6D4AAALaSURBVHjajJVLaxNRFMcz05mkNeZF2mKojyYgpbjpqggBRSiiIoIILl2JX0BcuHHlSnDTj1Bw6UIQ3bjyUbXgY9GC+IRCSUNQm6R5NJOZ8XeHc8NlsOKFwz1z7zn/e87/nnPHCsMwn0gkxmJiI5YxmyMUCUR8kUh3YkDOX0D/BegbNkoPnRhYJMPhMGXbtqVGo9G4wfd1tc7ag2KxuOy6bs/3/TFGP5ZFBGhrQNJP7u7ulrvd7jWMP09MTLwNguAEeylxOL63t3cEm8nBYHAqmUw+y2aza9jqqEMLkBmJzG02m3O9Xu8OIIusdzFcZ64gkwLYIcov7M+iK+5/jY+P3yoUCi9IxuPbs3WEOI2RWhnjBeWJwQEBnkQSShhp2c/L90FSn0V3BcceEa9GPp9fJarHsUvAyq4jm3IR5vrzXC73lDnUXDoasN1uH/U8r0IEecOnxwEvSesJcxNuz5HFedYznK+izsDnAns1gDeiwFhUfLi1Wm0FfQ4pSMpRBFNTU3dxGMoBVr1ev02aS8ahv7HdKpVKV9AHzqi4wvCkBhJ+EgB9N8GUGYdsATiywb5AVoURDVph4w2yrUHVwHGeMskaBW3hPKNtxE5FuD7C4aRjKmU4rMDPYerrMkAXZd8jwlU4fITToN/vn8HmrOJQQF+nUqkVbLaFwyjlqCAzmcwmQDRG44LBj8vaaS5jXgXM4YdirehT/J+QusaxtaLGzs5OlZQuxcuGrWmkFO9r1qrc8pLwGWjAqMkJ33cc5wfzBzHuoq8hPw0A1SkfUVtSh2u03zvUoX5xLEnDkV5OwWWZ9rsK+AbcbbRarZusL2nOoOYe9ToN14uk+pDvb9J2CtRzzGdIEU+zf02n0/fltQk7nc57LqKqHg7Vx1zCJvuqn19xGQMB0hJFWNznPfyfB9Y3ZKgfWD/moF9iywCNAwb7gPqO0fD6ZH1RZnSWYZOI/QLMX0HwR4ABAG7qpi307LjZAAAAAElFTkSuQmCC')
}

#p_resolutionSwitch
{
    position:absolute;
    display:none;
    bottom:22px;
    left:-47px;
    width:125px;
    color:#fff;
    z-index: 20;
}

#p_resolutionSwitch > ul{
  list-style: none;
  margin-top: 0px;
  padding-left: 0px;
  margin-bottom: 10px;
}

#p_resolutionSwitchSubMenu
{
    height:0;
    padding-left:45px;
    padding-right:45px;
    background: url(../../../images/player_icons.png) no-repeat -196px 0;
    background-clip:content-box;
}

#p_resolution_loading_overlay {
	width: 100%;
	height: 100%;
	position: relative;
  z-index: 20;
}

#p_resolution_loading_overlay_animation {
	width: 32px;
	height: 32px;
	left: calc(50% - 16px);
	top: calc(50% - 16px);
	position: absolute;
}