/* 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:100%;}
#register-area {text-align:center;width:760px;margin:0 auto;padding-top:20px;}
#register-area h2 {font-size:2em;color:gold;font-weight:bold;text-transform:uppercase;}
#register-area p {color:#fff; font-size:1.2em;line-height:normal;margin:20px 0 20px 0;}
#register-area form label input {vertical-align:middle}

#login-area {text-align:center;width:760px;margin:0 auto;padding-top:20px;}

#create-errors,  #login-errors {background:#eee;font-size:.75em;color:red;}

#registration_form .field label {width:225px;}
#registration_form .field input.text {width:250px;}
#registration_form .field.long-label label {line-height:normal !important;}

.reg-field {margin:0 auto 15px auto; display:inline-block;}
.reg-field label {color:#fff;font-size:1.2em;line-height:normal;float:left;margin-right:16px;}
.reg-field input.text {float:left; line-height:24px; height:24px;width:220px; margin-right:16px;width:220px;font-size:1.2em;}
.reg-field input.text:focus {padding:3px;}
.reg-field input.submit {float:left; height:30px; font-size:1.3em; background-color:gold; border: 1px solid gold;margin:0 0 0 -16px;cursor:pointer;}
.reg-field input.submit:hover {color: #666;}
.reg-field input.submit:active {color: #888; border-right: solid 1px #E6C200; border-bottom: solid 1px #E6C200; border-left: solid 1px #FFDB19; border-top: solid 1px #FFDB19;}

#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; }
}
