/*** Global Registration Fields Style ***/
form#reg > p		{ text-align: center; font: 12px/20px Arial; padding: 5px 0px; color: #637988; }
.cryptic-game form#reg > p		{ padding: 12px 0px 5px;; }
form#reg ul li.row			{ padding: 7px 0px; }
.cryptic-game form#reg ul li.row.create			{ padding: 7px 0px 18px; }
.cryptic-game form#reg ul 			{ padding: 15px 0 0; }
form#reg ul li.disclaimer 	{ padding: 7px 0px 7px 37.5%; }
.cryptic-game form#reg ul li.disclaimer 	{ padding: 15px 0px 15px 37.5%; }
form#reg ul li.disclaimer > p		{ text-align: left; }

form#reg ul li > label	{ display: inline-block; width: 104px; padding: 0px 5px; font: 12px/20px Arial; text-align: right; }
form#reg ul li > input	{ font: 11px Arial; padding: 3px; width: 210px; }
form#reg ul li > input.error	{ border: 1px solid red; }
form#reg ul li > input.correct	{ border: 1px solid #0072bc; }
form#reg ul li > select	{ font: 11px Arial; }
form#reg ul li > select#month	{ width: 86px; margin-right: 5px; }
form#reg ul li > select#day		{ width: 50px; margin-right: 5px; }
form#reg ul li > select#year	{ width: 65px; }
form#reg ul li > p		{ font: 10px/15px Arial ; margin: 4px 0px; text-align: center; }

form#reg ul li div > label	{ width: auto; }
form#reg ul li div > input	{ float: none; font: 11px Arial; padding: 3px; width: auto; margin: 0px 5px 0px 0px; }
form#reg ul li a#btn-create	{ display: block; cursor: pointer; }
.bg-form a, .bg-form a:visited, .bg-form a:hover { color: #637988; text-decoration: underline; } 
p.help				{ text-align: center; font: 12px/20px Arial; }

/*** Header ***/
#col01	{ width: 570px; }
#col02	{ width: 356px; }

#connect { display: block; cursor: pointer; width: 169px; height: 21px; background: url(https://a248.e.akamai.net/images.perfectworld.com/en/register/ad/fwad4/connect-facebook.png) no-repeat; margin: 0 auto; }
#connect:hover { background-position: 0px -21px; }

/*** Validate ***/
#perfectworld-register-validation	{ padding: 5px 0px; } 
	#perfectworld-register-validation p	{ font: 12px Tahoma; color: red; text-align: center; line-height: 18px; }


/*** Register Frame ***/
#userInfo		{ float: none; overflow: hidden; width: 350px; margin: 0 auto; }
#personalInfo	{ float: none; overflow: hidden; width: 350px; margin: 0 auto; }
#disclaimerInfo	{ float: none; overflow: hidden; width: 360px; margin: 0 auto; }
	#disclaimerInfo p	{ text-align: center; color: #637988; margin: 5px auto; font: 11px Arial; clear: both; padding: 0px 3px; }
	#disclaimerInfo p a	{ color: #c8fff8; text-decoration: underline; display: inline; }
	#disclaimerInfo a	{ color: #c8fff8; text-align: center; display: block; clear: both; }

	
#reg { overflow: hidden; padding: 10px; border: }
.row { float: left; width: 340px; clear: both;  }
	.row .row-left 	{ float: left; width: 104px; line-height: 12px; }
	.row .row-right	{ float: right; width: 236px; }
		.row p.notes 		{ color: #637988; font: 9px Arial; clear: both; margin: 5px 0 0 105px; }
		.row p.error 		{ color: #ff0000; font: 9px Arial; clear: both; margin: 5px 0 0 105px; }
		.row p.available	{ color: #0085d3; font: 9px Arial; clear: both; margin: 5px 0 0 105px; }
		.row p.title 		{ color: #ffffff; margin: 4px 3px 0 0; text-align: right; }
		.row p.result		{ color: #636363; margin: 4px 5px 0 0; text-align: left; }

	.row input[type=text], .row input[type=password]	{ background: #000000; border: 1px solid #234159; padding: 3px; width: 225px; font: 11px Arial; color: #fff; }
	.row select	{ background: #000000; border: 1px solid #234159; color: #637988; padding: 1px; font: 11px Arial; width: 235px; }
		.row input[type=radio] { width: auto; background: none; border: 0; }
			.row input#firstname 	{ width: 110px; }
			.row input#lastname 	{ margin: 0 0 0 5px; width: 110px; }
		
	.row label { padding: 0 5px; line-height: 18px; color: #ffffff; }
	.row a.check { display: none; }

#personalInfo .row .row-left 	{ float: left; width: 170px; line-height: 12px; }
#personalInfo .row .row-right	{ float: right; width: 350px; }
	
#mailing-opt {margin: 5px auto 0 auto; color: #637988;}
	#mailing-opt label {margin: 0 5px; font-size: 8pt;}	


/*** Buttons ***/
a#btn-reset { display: none; }
a#btn-create {display: block; background: url(https://a248.e.akamai.net/images.perfectworld.com/en/register/ad/fwad4/btn-create.png) no-repeat; width: 219px; height: 66px; margin: 0 auto; clear: none; }
	a#btn-reset:hover, a#btn-create:hover { background-position: 0px -66px; }
	

/*** Create ***/
.bg-Body-create		{ overflow: hidden; margin: 0 auto; padding: 5px 0px; width: 358px; }

.fb-elements	{ padding: 5px 15px 15px; overflow: hidden; }
	.fb-elements p	{ float: left; width: 150px; clear: left; font: 10px/14px Verdana; color: #637988; }
	.fb-elements a	{ float: right; width: 171px; }


/*** Hide it ***/
.bg-Header-create, .bg-Footer-create, .password-strength, .password-strength-fill, a#btn-reset, span.icolg-arrow, a.btnlg-blue, .bg-title, #txt-step1, #txt-step2, #txt-step3
{ display: none; padding: 0; }


/* Registration submit overlay. Currently only for EU websites.*/
.registerOverlayBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
    filter: alpha(opacity=40);
    opacity: .4;
    z-index: 1000;
    display: none;
}

.registerOverlay {
    display: none;
}

.roCenter{
    position: fixed;
    top: 45%;
    left: 45%;
    color: #000;
    text-align: center;
    font-size: 20px;
    z-index: 1001;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
    filter: alpha(opacity=80);
    opacity: .8;
    border-radius: 8px;
    background: #fff;
    padding: 10px;
}

.roCenter img {
	width: 300px;
}

.registerOverlay .roWait {
    display:block;
    line-height: 20px;
}

.registerOverlay .roClose {
    color: #fff;
    font-size: 15px;
    position: fixed;
    right: 45px;
    top: 25px;
    z-index: 1002;
    cursor: pointer;
}
/* /Registration submit overlay. Currently only for EU websites.*/


/* Language dropdown */
#languageDropdown {
	float: right;
	position: relative;
	z-index: 10;
	top: -5px;
	margin-right: 20px;
}

#languageDropdown ul {
	width: 130px;
	background-color: #000;
	border-radius: 4px;
	border: 1px solid #525252;
	margin-top: 2px;
	display:none;
}

#languageDropdown:hover ul{
	display: block;
}

#languageDropdown li {
	clear: both;
}

#languageDropdown li:hover {
	background: #1a1a1a;
}

#languageDropdown a, #languageDropdown .currentLang {
	display: block;
	color: #b3b3b3;
	font-weight: bold;
	font-size: 12px;
	line-height: 23px;
	margin-left: 5px;
}

#languageDropdown a:hover {
	text-decoration: none;
	color: #fff;
}

#languageDropdown .currentLang { 
	margin-left: 0;
	padding-left: 5px;
	width: 125px;
	border-radius: 4px;
	border: 1px solid #525252;
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top,  #000000 0%, #242424 10%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(10%,#242424), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%,#242424 10%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%,#242424 10%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 0%,#242424 10%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 0%,#242424 10%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

#languageDropdown .ico-arrow {
	background: url(https://a248.e.akamai.net/images.perfectworld.com/en/register/common/languageArrows.gif) no-repeat 0 0;
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	margin: 3px 5px 0 0;
}

#languageDropdown:hover .ico-arrow {
	background-position: 0 -16px;
}

#languageDropdown .ico-lang {
	background: url(https://a248.e.akamai.net/images.perfectworld.com/en/register/common/flags.gif) no-repeat;
	display: block;
	float: left;
	width: 14px;
	height: 11px;
	margin: 6px 6px 0px 2px;
}

#languageDropdown .ico-en {
	background-position: 0 0;
}
#languageDropdown .ico-de {
	background-position: 0 -15px;
}
#languageDropdown .ico-fr {
	background-position: 0 -30px;
}
/* /Language dropdown */

#error { padding: 7px 14px; color: #637988; }