@charset "utf-8";
/* CSS Document */

.page-content {background-color:white;border:1px solid #cfcfcf;width:509px;margin:30px auto;position:relative;}

.form-item {clear:both;margin:0 0 5px;position:relative;}
.container-inline {padding-top:4px;}

.page-content #formInputBox {font-weight:bold;margin:15px auto 15px auto;width:448px; /*min-height:90px;padding-top:20px;*/}

#user_signup label,
.page-content #formInputBox label {float:left;padding:6px 6px;text-align:right;width:150px;}

#user_signup label {width:206px;}

#user_signup input,
.page-content #formInputBox input {width:200px;}

#formInputBox .signupVerifier_errorMessage {width:200px;}

.page-content .form-submit {width:auto !important; padding-left:30px !important; padding-right:30px !important;font-size:13px;}

.page-content #form-item-edit-birth {height:35px;margin:10px 0 !important;}
.page-content #form-item-edit-birth .container-inline {float:left;width:220px;}
.page-content #form-item-edit-birth .container-inline .form-item {clear:none;float:left;}

.page-content .agboxFooter {background-color:#f5f5f5;border-top:1px solid #d6d6d6;}
.page-content #contentSubmit, #loginSubmit, #signupSubmit, #passRequestSubmit, #passChangeSubmit, #signupCompleteBoxBottom {}
.page-content #buttons {float:right;padding:8px;}

.page-content h2 {border-bottom:1px solid #5a7caa;color:white;font-size:19px;font-weight:bold;letter-spacing:-1px;padding:12px 18px; background:#559af9; background:-moz-linear-gradient(top, #559af9 0%, #4484e8 50%, #3979dd 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#559af9), color-stop(50%,#4484e8), color-stop(100%,#3979dd)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#559af9', endColorstr='#3979dd',GradientType=0 );text-shadow:#222 1px 1px 1px;
}
.page-content h3 {background-color:#f5f5f5;border-bottom:1px solid #d6d6d6;color:#333;font-weight:bold;padding:10px 0px;display: inline-block;width: 100%;}
.page-content h3 fieldset, .page-content h3 .form-item{padding:0 16px;}

.page-content ul {font-size:11px;}
.page-content ul a {color:#317AEA;text-decoration:underline;}

.page-content #quick_link {font-size:12px;font-weight:normal; margin-top:10px;}
.page-content #quick_link a {color:#317AEA;text-decoration:underline;}
.page-content #quick_link .login_link {margin:0px 70px 0px 0px; text-align:right;}
.page-content #quick_link .signup_link {margin:0px 70px 10px 0px; text-align:right;}
.page-content #quick_link .reset_pass_link{text-align: right;margin:0px 70px 10px 0px;}

#user_pass_change ul,
#pass_request ul,
#login ul {bottom:12px;left:10px;position:absolute;}
#pass_request ul {bottom:25px;}
#orStar {margin:0;text-align:center;width:220px;}

#user_login div #loginSubmit {margin:0 !important;}
#user_login .description {left:0 !important;}

#user_signup {padding-top:20px;}

#user_pass_change .description {left:187px;}

#signup_birthday_link {text-align:center;}
#form-item-edit-pass .description {font-size:11px; margin-left:170px; margin-top:5px;}
.page-content #account_signup2 #pw_strength_bx {right: 74px; width:190px;}
.page-content #account_signup .signupVerifier_errorMessage,
.page-content #account_signup2 .signupVerifier_errorMessage {margin-left:175px;padding-top:1px;}
.page-content #account_signup .signupVerifier_errorIcon,
.page-content #account_signup2 .signupVerifier_errorIcon {float:none;left:420px;position:absolute;top:5px;}
.page-content #account_signup ul, #account_signup2 ul {bottom:auto;color:inherit;font-size:11px;position:relative;}
.page-content #account_signup2 #pass_desc {margin-left:175px;font-size:11px;padding:5px 0;width:200px;}

#fieldset_basic,
#user_signup div .form-item .description {float:none !important; text-align:center;}
.page-content #recaptcha_area {margin:10px auto !important;}

body, #main-content {min-height:500px;}
legend, .regTips, fieldset legend, #showErrors em, .fieldsetTitle, .form-required, #leftSection .description, .check_pad em {display:none;}
p {color:#292929;font-size:14px;line-height:17px;padding:10px 16px;}

.check_pad {padding:0 85px;}
.page-content #tos {font-size:10px;padding:8px;}
.page-content #tos .form-item {margin:0;} 

/* AJAX REGISTRATION FIELD CHECK */
.ajax-checking {background:url(/themes/main/images/ajax-loader.gif) no-repeat 0 0 transparent;height:11px;margin:0 auto;width:16px;}
.usr-ok-text, .mail-ok-text, .pass-ok-text {float:left;}
.check-loading {clear:both;left:238px;padding:5px 0;position:relative;width:210px;}
.check_pad {color:#666;font-size:12px;padding:2px 0;width:100%;}

.side_icon {float:left;position:absolute;right:95px;top:4px;}
.reg_icon {float:left;height:16px;margin:3px 13px;width:16px;}
.usr-ok, .usr-error, .usr-caution, .ajax-loading {background:url(/themes/main/images/signup/default/sprite.gif) no-repeat 0 0;float:left;height:16px;width:16px;} 
.usr-ok {background-position:left -96px;}
.usr-error {background-position:left -133px;}
.usr-caution {background-position:left -170px;}
.ajax-loading {background:url(/themes/main/images/ajax-spinner.gif) no-repeat 0 0;}

/* PASSWORD METER */
#pw_strength_bx {border:1px solid #C1C1C1;float:right;margin-top:5px;padding:2px 10px;position:relative;right:150px;top:0;width:190px !important;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
}
#s-meter {float:left;height:100%;width:100%;}
#s-meter.m1 {width:20%;}
#s-meter.m2 {width:40%;}
#s-meter.m1, #s-meter.m2 {
	background: #fe2424;
	background: -moz-linear-gradient(top, #fe2424 0%, #d50000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe2424), color-stop(100%,#d50000));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe2424', endColorstr='#d50000',GradientType=0 );
}
#s-meter.m3 {width:60%;
	background: #fffc00;
	background: -moz-linear-gradient(top, #fffc00 0%, #f1fa02 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffc00), color-stop(100%,#f1fa02));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffc00', endColorstr='#f1fa02',GradientType=0 );
}
#s-meter.m4 {width:80%;}
#s-meter.m5 {width:100%;}
#s-meter.m4, #s-meter.m5 {
	background: #06ff00;
	background: -moz-linear-gradient(top, #06ff00 0%, #05e500 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06ff00), color-stop(100%,#05e500));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06ff00', endColorstr='#05e500',GradientType=0 );
}
#strength {border:1px solid #818181;float:left;height:7px;margin:5px 0;width:100%;}
#s-meter, #strength {-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}

/* singup confirmation */
#signupCompleteBox h3 {font-size:15px;}

#signupCompleteBox p {font-size:14px;}
#signupCompleteBox a {color:#4484e8;}
#feature-games {/*padding-top:8px;*/}
.feature-game-content {padding:10px 6px 10px 6px}
.feature-game-content .label{padding-left:10px;}
.feature-game-content .featured {max-width:122px;}
.feature-game-cell {float:left;padding:0 10px;}
.feature-game-cell .game-title {font-weight:bold; color:#333; margin:2px 0px 2px 5px; word-wrap:break-word; clear:both;}
.feature-game-cell-content {background-color:#b5b5b5;display:block;height:103px;position:relative;margin-bottom:8px;padding:5px;width:168px;}
.feature-game-cell-content span {height:30px;position:absolute;right:0;top:0;width:30px;}
.feature-game-cell-content b {display:block;}

.feature-game-info .title {color:#333; font-size:15px; font-weight:bold;}
.feature-game-info .genre {color: #0E7BFF;font-weight:bold;}
.feature-game-info .desc {font-size:13px;}

#link {
	background:#559af9;
	background:-moz-linear-gradient(top, #559af9 0%, #4484e8 50%, #3979dd 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#559af9), color-stop(50%,#4484e8), color-stop(100%,#3979dd));
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#559af9', endColorstr='#3979dd',GradientType=0 );
	text-align:center;
	padding:4px 0px;
}
#link a {color:white;font-size:14px;font-weight:bold;letter-spacing:-1px;}
.feature {margin-top:0px !important; width:178px; margin-left:10px;}

#more-link {text-align:right;padding:8px 16px;margin-top:8px;border-top:1px solid #D6D6D6;}
#more-link a {color:#4484e8;font-size:15px;font-weight:bold;letter-spacing:-1px;}

#tips {padding:0px 16px 16px 16px;}
#tips {color:#333;font-size:15px;font-weight:bold;letter-spacing:-1px;}
#tips a {color:#4484e8;}
#tips ol {list-style:inside disc; padding:10px 0px 0px 5px;}
#tips ol li {font-weight:normal;font-size:13px;}

.category-games-image-wrap {background-color:#b5b5b5;float:left;height:71px;position:relative;padding:3px;width:115px;}

.feature-game-info {float:left; width:290px;height:117px;}
.feature-game-info h3 {background-color:white; border:0px;padding:0px;}
.feature-game-info .genre {color:#0e7bff;font-size:11px;font-weight:bold;line-height:16px;}

.bar{border-bottom:1px solid #d6d6d6;}

#signupCompleteBox .label {font-weight: bold; color:#333;margin-bottom:5px;}

#signup-complete-wrap-social a {float:right;height:28px;margin-right:5px;width:29px;}

.feature_game-cell-wrapper {width:33%; float:left;}
.feature_game-cell-wrapper .feature-game-cell-silo {padding: 0px 0px 0px 23px;}

/* social connect button */
#social_connect_wrapper {height:auto;text-align:center; display:table;margin: -5px auto -5px auto;}
#social_connect_buttons {display:table-cell;}
#social_connect_buttons .or_mark {
    margin-top: 3px;
    padding: 0 5px;
    width: auto;
    position: absolute;
    left: 45%;
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #f2f2f2 50%, #ffffff 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(50%,#f2f2f2), color-stop(50%,#ffffff));
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 56%,#ffffff 56%);
    background: -o-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 50%,#ffffff 50%);
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 50%,#ffffff 50%);
    background: linear-gradient(to bottom,  #f2f2f2 0%,#f2f2f2 50%,#ffffff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
}

.social_connect {cursor:pointer;height:40px;}
.social_connect .tw_connect_button {background-image: url('/themes/global/images/logos/Twitter_button_sprite.png');float:left;height:40px;}
.social_connect .fb_connect_button {background-image: url('/themes/global/images/logos/FB_button_sprite.png');float:left;height:40px;}
.social_connect .left {background-position: 0 -1px;width:40px;}
.social_connect .middle {background-position: 0 -42px;width:auto;min-width:164px;}
.social_connect .right {background-position: 0 -83px; width:30px;}
.social_connect .text {color:white; font-size:13px;letter-spacing:-1px;margin:12px 2px 0 20px; text-shadow: 1px 1px 2px #333;}

