/* IMAGE */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––– */
#image_popup_overlay  {display:none; background-color:#000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; z-index: 100;}
#image_popup {display:none; z-index: 101; position:absolute; left:0px; top:0px; width:100%; height:100%;}
#image_popup_container {margin:auto; width:1012px; background-color:#FFF; -webkit-box-shadow: 0px 2px 16px #000; -moz-box-shadow: 0px 2px 16px #000;}
#image_popup_image {margin:0 20px 14px 20px;}
#image_popup_navigation img {padding: 4px 6px 12px 6px; margin:0px 2px;}
#image_popup img:hover {cursor:pointer;}
#image_popup_navigation img.active, #image_popup_navigation img.hover {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
#image_popup_navigation {text-align:center; padding-bottom:10px;}
#image_popup_loader {position:absolute; left:-10000px; top:-10000px;}

/* VIDEO */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––– */
#video_popup_overlay {background-color:#000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; z-index: 100;}
#video_popup {z-index: 101; position:absolute; left:0px; top:0px; width:100%; height:100%;}
#video_popup_container {margin:auto; margin-top:50px; width:801px; height:545px; background-color:#fff;
	-webkit-box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000;}
#video_popup_container iframe {margin-top:-6px; margin-left:16px;border:none;}

/* BUTTONS */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––– */
.popup_close_button {text-decoration:none; padding:4px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.6); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.6); box-shadow: 0 1px 3px rgba(0,0,0,.6);
	float:left; width:12px; height:12px; position:absolute; display:block; top:-7px; left:-7px; cursor:pointer; z-index:999;
	border:2px solid white; position:relative;}
.popup_close_button:active {top:-6px;}
.cross {position:absolute; width:12px; height:12px; top:3px; background:url("/static/img/sprite.png") -900px -50px no-repeat; font-weight:bold;
	padding:0; margin:0; display:block;}

.black {color:#fff; background:#4ea61b; background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#000));
	background: -moz-linear-gradient(top, #555, #000);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#555", endColorstr="#000");}
.black:hover {background: #296d07; background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#000));
	background: -moz-linear-gradient(top, #777, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777", endColorstr="#000");}
.black.hover {background: #296d07; background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#000));
	background: -moz-linear-gradient(top, #777, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777", endColorstr="#000");}
.black:active {background: #1c4e03; background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#000));
	background: -moz-linear-gradient(top, #777, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777", endColorstr="#000");}

/* DOWNLOAD */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––– */
#download_popup_overlay {background-color:#000; filter:alpha(opacity=60);  -moz-opacity: 0.6; opacity: 0.6; z-index: 100;}
#download_popup {z-index: 101; position:fixed; left:0px; top:0px; width:100%; height:100%;}
#download_popup_container {background:url('/static/img/download_background.png'); margin:auto; margin-top:80px; width:435px;
	height:195px; position:relative; text-align:center; padding-top:120px;}
#download_popup_container .buttonwrap {margin-top:10px; margin-left:185px;}
#download_popup_container iframe {position:absolute; left:-1000px; top:-1000px; border:none;}
#download_popup_container h2 {color:#131315; text-shadow:0px 1px 1px #fff;}
#download_popup_container h2 span {color:#55545b; font-weight:normal;}
#download_popup_container p {color:#6d6d73; font-style:italic; margin-top:14px; text-shadow:0px 1px 1px #eee; line-height:20px;}
#download_popup_container .button {-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);}
#download_popup_container a {font-weight:bold; color:#222; text-decoration:none; border-bottom:1px solid #999;}
#download_popup_container a:hover {color:#000;border-bottom:1px solid #444;}

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {

		#download_popup_container {background:url('/static/img/download_backgroundat2x.png'); background-size:435px 314px; position:relative; text-align:center; padding-top:120px;}
		.cross {position:absolute; width:12px; height:12px; top:3px; background:url("/static/img/spriteat2x.png") -900px -50px no-repeat; display:block; background-size: 1090px 990px;}

}