#popup-outer-wrapper{
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 0;
	z-index: 10000;
}

.popup{ position: absolute; top: -10000px; }

#popup-outer-wrapper .popup{
	display: block;
	position: relative;
	top: auto;
}

#popup-outer-wrapper .popup-bg{
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.5);
	/*-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
        -webkit-perspective: 1000px;
        -webkit-backface-visibility: visible;*/
}

#popup-outer-wrapper .popup-outer-container{
	position: relative;
	width: 100%; height: 100%;
	padding-bottom: 32px;
}

#popup-outer-wrapper .popup-close{
	position: absolute;
	right: 8px; top: 4px;
	text-align: center;
	cursor: pointer;
}

#popup-outer-wrapper .popup-container{
	position: relative;
	margin: auto;
	width: 70%; max-width: 800px; min-height: 259px;
	padding: 16px;
	background-color: #FFF;
	-webkit-box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.6);
	-moz-box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.6);
	box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.6);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#popup-outer-wrapper .popup-content{ word-break: break-word; }

#popup-outer-wrapper .popup-ajax{
	padding: 16px;
	text-align: center;
}

#popup-outer-wrapper .popup-ajax .loader{
	display: inline-block;
	margin: auto;
	width: 32px; height: 32px;
	background-image: url('loading.gif');
}

/* Animation */
@-webkit-keyframes ROTATE {
	from	{ -webkit-transform: rotate(0) }
	to		{ -webkit-transform: rotate(360deg) }
}
@-moz-keyframes ROTATE {
	from	{ -moz-transform: rotate(0) }
	to		{ -moz-transform: rotate(360deg) }
}
@-ms-keyframes ROTATE {
	from	{ -ms-transform: rotate(0) }
	to		{ -ms-transform: rotate(360deg) }
}
@-o-keyframes ROTATE {
	from	{ -o-transform: rotate(0) }
	to		{ -o-transform: rotate(360deg) }
}
@-keyframes ROTATE {
	from	{ transform: rotate(0) }
	to		{ transform: rotate(360deg) }
}

.icon-refresh{
	font-size: 32px;
	color: #CCC;
}
.icon-refresh.loading:before{
	-webkit-animation: ROTATE 1s linear infinite;
	-moz-animation:    ROTATE 1s linear infinite;
	-ms-animation:     ROTATE 1s linear infinite;
	-o-animation:     ROTATE 1s linear infinite;
	animation:     ROTATE 1s linear infinite;
}

@media screen and (min-width: 960px) and (max-width: 1199px){
	body.layout_one_column #popup-outer-wrapper .popup-container{ width: 80%; }
	body.layout_one_column #popup-outer-wrapper .popup-close{
		width: 28px;
		font-size: 28px;
	}}
@media screen and (max-width: 959px){
	body.layout_one_column #popup-outer-wrapper{ min-width: 360px; }
	body.layout_one_column #popup-outer-wrapper .popup-container{ width: 90%; }
	body.layout_one_column #popup-outer-wrapper .popup-close{
		width: 32px;
		font-size: 32px;
	}
}

/* Legacy */
@media screen and (min-width: 800px) and (max-width: 992px){
	body.layout_home #popup-outer-wrapper .popup-container{ width: 80%; }
}
@media screen and (max-width: 799px){
	body.layout_home #popup-outer-wrapper{ min-width: 500px; }
	body.layout_home #popup-outer-wrapper .popup-container{ width: 90%; }
	body.layout_home #popup-outer-wrapper .popup-close{
		width: 32px;
		font-size: 32px;
	}
}