@import url("/css/reset.css");

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/******************** =General ********************/
BODY {
	font-family:"lucida grande",arial,sans-serif;
	font-size:1em;
}

A { color:#EEBB3A; }

.hidden { display:none; }

.invisible { visibility:hidden; }

.button, .smallbutton {
	border:1px #7c6323 solid;
	background:transparent url(/images/rpg/general-sprite.png) repeat-x scroll -70px -54px;
	color: #eebb3a;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}

.button:HOVER,
.smallbutton:HOVER {
	border-color: #b39a2d;
}

.loginWr {
	float:left;
	margin-left:5px;
	width:60px;
}

.login {
	padding:3px;
}

/******************** =Layout ********************/
BODY.landingpage .doc {
	position: relative;
}

.landingpage .content {
	margin:0 auto;
	width:978px;
}

.universe {
	margin-top:20px;
	text-align:center;
}

.universe LI {
	display:inline;
}

.universe LI A {
	font-weight:bold;
	font-size:14px;
	margin:0 10px;
	text-decoration:none;
}

.landingpage .loginForm {
	margin:25px 0 0 515px;
	position:relative;
	width: 410px;
}

.landingpage .loginForm .formField {
	float:left;
	width:270px;
}

.landingpage .loginForm .input {
	padding:3px;
	width: 120px;
}

.landingpage .loginForm .loginerror {
	font-size: 11px;
	margin: 3px 0 0 0;
	text-align: left;
}

.landingpage .requestpassword {
	font-size:12px;
	margin:12px 0 0 0;
	position:absolute;
	width: 230px;
}

.landingpage .requestpassword .close {
	font-size: 11px;
	position: absolute;
	right: 5px;
	text-decoration: none;
	top: 5px;
}

.landingpage .requestpassword .close:HOVER {
	text-decoration: underline;
}

.landingpage .requestpassword H3 {
	font-size: 13px;
	margin: 5px 5px 0;
}

.landingpage .requestpassword .howto {
	font-size: 13px;
	margin: 10px 5px 3px;
}

.landingpage .requestpassword .formField {
	margin: 5px 5px;
}

.landingpage .requestpassword .formField INPUT {
	width: 143px;
}

.landingpage .requestpassword .button {
	margin: 5px;
	padding-left: 0;
	padding-right: 0;
}

.landingpage .requestpassword .requestpswsubmit {
	text-align: right;
}

.landingpage .requestpassword #requestPasswordResult {
	margin: 5px 5px;
	font-size: 11px;
}

.landingpage .requestpassword .beak {
	width: 20px;
	height: 12px;
	position: absolute;
	top: -14px;
	left: 20px;
}

.registrationform {
	margin:150px 0 0 520px;
}

.registrationform .formField,
.fbregistrationform .formField  {
	margin:15px 0 3px;
}

.registrationform .input,
.registrationform SELECT,
.fbregistrationform .input,
.fbregistrationform SELECT {
	border:0;
	color:#22367c;
	font-size:14px;
	padding:3px;
}

.fbregistrationform SELECT {
	font-size:12px;
	padding:0!important;
}

.fbregistrationform .input,
.fbregistrationform SELECT {
	border:1px solid #22367c;
}

.registrationform .screenName,
.fbregistrationform .screenName {
	font-size:20px;
	width:300px;
}

.registrationform .perror
.fbregistrationform .perror {
	background:transparent url(/images/rpg/regform-error-icon.png) no-repeat scroll 0 2px;
	color:#ff0000;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:3px 0 0 20px;
}

.urlexample {
	font-size:12px;
	font-weight:bold;
	color:#eebb3a;
}

.urlexample .urllabel {
	color:#8c97bf;
}

.registrationform LABEL,
.fbregistrationform LABEL {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}

.fbregistrationform LABEL {
	color:#000;
}

.terms {
	color:#FFF;
	font-size:12px;
}

.formSubmit {
	margin-top:20px;
}

.formSubmit .button {
	font-size:16px;
}

.emptyField {
	background-color:#FFD2CB;
}

.notchecked {
	color:#DA4520;
}

/******************** =SKIN ********************/
BODY.landingpage {
	background: #1C1C1C url(/images/rpg/pt-br/landingpage-bkg.jpg) no-repeat center top;
}

BODY.landingpage .doc {
	background:none;
}

.landingpage .widget {
	color:#808080;
}

.landingpage .loginForm .input,
.changepassword .formField .input,
.loginForm .formField .input  {
	color: #f1d342;
	background: #171717;
	border: 2px solid #888888;
}

.landingpage .loginForm .forgotPassword { margin-top:2px; }

.landingpage .loginForm .forgotPassword A {
	color:#a8a8a8;
	float:left;
	font-size:11px;
}

.landingpage .loginForm .loginerror {
	color:#af1215;
}

.landingpage .requestpassword {
	background: #141514;
	border:2px solid #2b2d2b;
	color:#FFF;
}

.landingpage .requestpassword .close {
	color:#af1215;
}

.landingpage .requestpassword #requestPasswordResult {
	color:#AF1215;
}

.landingpage .requestpassword .beak {
	background: url(/images/rpg/lostpassword-arrow.png) no-repeat center top;
}

.landingpage .fblogin {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	margin-top:8px;
}

.landingpage .fblogin .fbconnect_login_button {
	margin-right:5px;
	vertical-align:top;
	*vertical-align:middle;
}

.landingpage .footerwr {
	background:transparent url(/images/rpg/landingpage-footerline.png) no-repeat scroll 0 0;
	margin-top:25px;
	padding:63px 0 0;
}

.columns {
	margin-top:60px;
}

.landingpage .column {
	color:#FFF;
	float:left;
	font-size:12px;
	margin:0 10px;
	width:300px;
}

.landingpage .column H3 {
	color:#eebb3a;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	margin-bottom:10px;
}

.orkut IMG {
	background:transparent url(/images/rpg/orkut.png) no-repeat scroll 0 0;
	height:30px;
	margin-left:5px;
	vertical-align:bottom;
	width:78px;
}

/******************** =Footer ********************/
.footer {
	background:#161616;
	color:#2E2E2E;
	padding: 5px 0 15px 0;
	text-align: center;
}

.footer .navigation {
	margin: 0 auto 10px;
	padding: 0;
	text-align: center;
}

.footer .navigation LI {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footer A {
	color:#6e5925;
	font-size: 12px;
	margin:0 11px;
	text-decoration: none;
}

.footer .copyright {
	font-size:12px;
	padding-top:5px;
}

.footer .vostu {
	background:transparent url(/images/rpg/vostu-footer.png) no-repeat scroll center top;
	height:25px;
}

/******************** =UI Dialog */
.ui-widget,
.ui-widget BUTTON {
	font-family:Verdana,Arial,sans-serif;
	font-size:1em;
}

.ui-widget .urlexample {
	color:#444;
}

.ui-dialog .ui-dialog-titlebar {
	font-size:14px;
	padding:3px 6px;
}

.ui-dialog .ui-dialog-title {
	margin:3px 0;
}

.ui-widget-header {
	background-image:url(/images/rpg/fbdialog-title.png);
	color:#FFF;
}

.ui-widget {
	font-family:"lucida grande",arial,sans-serif;
	font-size:12px;
}

.ui-widget-overlay {
	background-color:#000;
	background-image:none;
}

.ui-widget-content {
	border-color:#8396BD;
}

.ui-widget .button {
	border:1px solid;
	border-color:#26446E #152F5F #0C2253;
	background:#526EA6 url(/images/rpg/fbdialog-button.png) repeat-x scroll 0 0;
	color: #FFF;
	cursor: pointer;
	font-size:12px;
	font-weight: bold;
	padding:2px 4px 3px;
	text-decoration: none;
}

.ui-widget .emptyField {
	background-color:#FFEBE8;
	border-color:#DD3C10;
}