/* Overlay */
#pq-reg-overlay {position:fixed;width:100%;background-color:#000;height:100%;left:0;top:0;z-index:1000000;opacity:0.8;}

.pq-reg-overlay-header {padding:25px 50px 0 50px;}
.pq-header-options, #pq-overlay-close {float:right;font-size:1.5em;text-align:right;padding:20px 0 0 0;}
.pq-header-options div {margin-left:25px;}
.pq-header-options strong {cursor:pointer;}
#pq-overlay-close {cursor:pointer;margin:0 0 0 15px;}

#pq-reg-overlay-content {position:fixed; width:100%;background-color:transparent;height:100%;left:0;top:0;z-index:1000001;}
#pq-reg-overlay-content .pq-reg-overlay-header {background-color:#000;height:96px;color:#fff;}
#pq-reg-overlay-content .pq-reg-overlay-text {width:100%;height:380px;overflow-y: scroll}
#register-area {text-align:center;margin:0 auto;padding:40px 35px 0 20px;}
#register-area h2 {font-size:2em;color:gold;font-weight:bold;text-transform:uppercase;}
#register-area p {color:#fff; font-size:1em;line-height:normal;margin:20px 0 20px 0;}

#login-area {text-align:center;margin:0 auto;padding:40px 35px 0 20px;}

.login-form label {color:#fff;text-align:left !important;font-weight:normal !important;padding-right:10px;}
.login-form .form-info {margin-top:20px;}
.login-form .form-group {margin:15px 0 15px 15px;}

#create-errors,  #login-errors {background:#f1dede;font-size:1em;color:red;}

#pq-reg-overlay-busy {position:fixed;width:100%;background-color: transparent;height:100%;left:0;top:0;z-index:1000002;}

.ajaxloader {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	right: 50%;
	top: 50%;
	bottom: 50%;
	margin: -15px auto;
	border: 8px solid goldenrod;
	border-right-color: transparent;
	border-radius: 50%;
	box-shadow: 0 0 25px 2px #eee;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-ms-animation: spin 1s linear infinite;
	-o-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	border-right: 0 none;
}

@-webkit-keyframes spin
{
	from { -webkit-transform: rotate(0deg); opacity: 0.5; }
	50%  { -webkit-transform: rotate(180deg); opacity: 1; }
	to   { -webkit-transform: rotate(360deg); opacity: 0.5; }
}

@-moz-keyframes spin
{
	from { -moz-transform: rotate(0deg); opacity: 0.5; }
	50%  { -moz-transform: rotate(180deg); opacity: 1; }
	to   { -moz-transform: rotate(360deg); opacity: 0.5; }
}

@-ms-keyframes spin
{
	from { -ms-transform: rotate(0deg); opacity: 0.5; }
	50%  { -ms-transform: rotate(180deg); opacity: 1; }
	to   { -ms-transform: rotate(360deg); opacity: 0.5; }
}

@-o-keyframes spin
{
	from { -o-transform: rotate(0deg); opacity: 0.5; }
	50%  { -o-transform: rotate(180deg); opacity: 1; }
	to   { -o-transform: rotate(360deg); opacity: 0.5; }
}

@keyframes spin
{
	from { transform: rotate(0deg); opacity: 0.4; }
	50%  { transform: rotate(180deg); opacity: 1; }
	to   { transform: rotate(360deg); opacity: 0.4; }
}



@media (min-width:1024px) {
	#pq-reg-overlay-content .pq-reg-overlay-text {width:100%;height:100%;}
	#register-area h2 {font-size:3em;}
	#register-area p {font-size:1.8em;}
}