@charset "UTF-8";
/* PLAYDOM CSS Document */

/*********************
Elements are ordered in the same general way as on the html page. ie, if a styled div is towards the top of the html page, it is most likely towards the top of this document
*/


*{margin:0; padding:0;}
img{border:none;}
a{color:#666; text-decoration:none;}
a.dotted{border-bottom:dotted 1px;}
a.small{font-size:10px;}
a:hover{color:#393;}

html {
	overflow-y: scroll;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

body {
	background: #000 url('../images/playdom_bg.jpg') repeat-y fixed center;
}

/*outer container div w/ white background*/
#container {
	width:980px;
	height:auto;
	margin: 0 auto;
	background:#FFF;
	overflow: hidden;
}

/*head holds topNav, logo, and login form*/
#header {
	width:916px;
	padding:16px 32px 5px 32px;
	position:relative;
}

#topNav {
	position:absolute;
	top:16px;
	right:32px;
}

/*ul navigation with inline images as links*/
ul.nav {
	list-style:none;
}

ul.nav li {
	height:26px;
	float:left;
	display:inline;
}

#login {
	position:absolute;
	top:51px;
	right: 0;
}

/*main div consisting of grey rounded corners*/
#main {
	width:916px;
	padding:16px 32px 25px 32px;
	margin:14px 0 0 0;
	position:relative;
}

#main a{border-bottom: 1px dotted #666;}

#main a:hover{border-bottom: 1px dotted #393;}

/*top cap with upper rounded corners*/
#mainTop {
	width:916px;
	height:10px;
	background:url('../images/main-top.gif') no-repeat top left;
	line-height: 0;
	overflow: hidden;
}

/*middle section with 1px repeating background gradient*/
#mainMid {
	width:282px;
	height: 386px;
	padding: 10px 0 0 634px;
	background: #c9c9c9 url('../images/main-mid.gif') repeat-x;
}

/*general styles for basic form elements*/
#registration_form, #login_form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

#login_form table{width: 340px;}

#login_form input.text {
	color:#666;
	width:100px;
	padding:2px;
	background:#FFF;
	border:1px solid #B9B9B9;
}

#registration_form p, #login_form p, #recaptcha_wrapper {
	margin-bottom: 8px;
}

#registration_form input.text {
	background:#fff;
	font-size:11px;
	/*height:24px;*/
	color:#666;
	width:195px;
	padding:5px;	
	border:1px solid #B9B9B9;
	margin-bottom: 5px;
	display:block;
}

#registration_form input.readonly {
	background:#dadada;	
}


#registration_form select {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:10px;
	height:18px;
	border: 1px solid #b9b9b9;
	margin-left: 3px;
}

.hidden {
  display:none;
}

/*space between tables*/

/*form elements with font size 14px*/
.signUp-14 {
	font-size:14px;
	width:205px;
	margin:5px 0;
}

/*bottom cap with lower rounded corners*/
#mainBottom {
	width:916px;
	height:10px;
	background:url('../images/main-bottom.gif') no-repeat;
	line-height: 10px;
}

/*overlay div to contain main flash piece*/
#flashRotator {
	width:630px;
	height:428px;
	position:absolute;
	top:0;
	left:31px;
}

/*contains 3 inline divs for promo pieces, and game alerts section*/
#bottomBoxes {
	background-color:transparent;
	width:927px;
	height:165px;
	margin: 25px auto 0;
	position:relative;
}

#alerts {
	position:relative;
	width:916px;
	margin:0 auto;
	z-index:10;
}

#alerts a{font-size: 12px;}

/*for ryal new bar green*/
#royalgameAlerts{
	color:#FFFFFF;
	width:774px;
	height:26px;
	line-height: 26px;
	font-size: 12px;	
	padding-left:15px;
	/*background:url('../images/game-alert-mid.gif') repeat-x;*/
	background:url('../images/Playnow_alert.jpg') repeat-x;
	
}
#royalgameAlerts a{color: #fff;}

#royalgameAlerts a:hover{text-decoration: underline;}

/*empty div for javascript injected game alerts*/
#gameAlerts {
	background:url("../images/game-alert-mid.gif") repeat-x scroll 0 0 transparent;
	font-size:12px;
	height:26px;
	line-height:26px;
	width:797px;	
}

#gameAlerts a{color: #fff;}

#gameAlerts a:hover{text-decoration: underline;}

#royalcanvas0_0, #royalcanvas0_1{
	/*background:url('../images/game-alert-mid.gif') repeat-x;*/
	background:url('../images/Playnow_alert.jpg') repeat-x;
	}
#canvas0_0, #canvas0_1{
	background:url('../images/game-alert-mid.gif') repeat-x;
	/*background:url('../images/Playnow_alert.jpg') repeat-x;*/
	}

#threeBoxes {
	position:absolute;
	z-index:5;
	top:0;
	background:none;
	background-color:transparent;
}

/*class for promo pieces*/
#promo1, #promo2, #promo3 {
	width:303px;
	height:155px;
	float:left;
	display:inline;
	position:relative;
}

/*extra padding between promos*/
.promo-spacer {
	background-color:transparent;
	width:9px;
	height:135px;
	float:left;
	display:inline;
}

/*holds copyright, TOS agreement, and trademark data*/
#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	line-height:15px;
}

#bottomCap {
	width:980px;
	height:12px;
	line-height:1px;
	background:url('../images/cap.gif') no-repeat;
	background-color: transparent;
	margin:0 auto 40px;
}



#footer .footerLinks {
	list-style-type:none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#footer .footerLinks li {
	display:inline;
	padding: 0 0 0 0;
	margin: 0 10px 0 0;
}

#footer .footerLinks li a {
	display:inline-block;
	margin: 0 10px 0 0;
}


/* Form Validation */
ul.error {
	color: #f00;
	list-style: none;
}
ul.error br {
	margin-bottom:3px;
	display:block;
}
	
ul.ok_message {
        color: green;
        list-style: none;
}
#registration_form input.error { 
		color: #f00; 
		border: 1px solid #f00;
		font:normal 11px arial, verdana, sans-serif;
		display:block;
		margin: 0 0 5px 0;
		padding: 5px;
		width: 195px;
	}
#registration_form select.error
{
		color: #f00; 
		border: 1px solid #f00;
		
}
#registration_form label.error { color: #000; }


/* User Dashboard */
#alerts.dashboard{
	float: left;
	margin: 0 auto 40px;
}

#dashboardHomeTitle,
#dashboardHome{
	float: left;
	width: 912px;
	margin: -10px 2px 42px;
	position: relative;
}

#dashboardBox{
	float: left;
	width: 912px;
	height: 317px;
	margin: -10px 2px 42px;
	background: url('../images/dashboard_bg.jpg') no-repeat top left;
	position: relative;
}

.avatar{
	width: 190px;
	text-align: center;
	position: absolute;
	top: 90px; left: 0;
}

#dashboardBox h3{
	position: absolute;
	top: 270px; left: 0;
	font-weight: normal;
	font-size: 16px;
	width: 190px;
	text-align: center;
}

h2.dashboard{
	font-size: 28px; 
	color: #009344; 
	font-weight: normal;
	position: absolute;
	top: -16px; left: 10px;
}

h2.dashboard-nav{
	height:24px;
	margin-bottom:5px;
	font-size: 21px; 
	color: #009344; 
	font-weight: normal;
}

h2.dashboard img{
	margin: 0 0 -5px -5px;
}

#userMessage{
	position: absolute;
	top: 0; right: 0;
}

#playNow{
	position: absolute;
	top: 72px;
	right: 15px;
}

#playerStats{
	position: absolute;
	top: 85px; left: 208px;
	font-size: 16px;
	color: #333;
}

#playerStats td{padding-right: 20px;}

h3{margin-bottom: 15px;}

#careerStats, #fightStats{
	position: absolute;
	font-size: 12px;
	color: #000;
	line-height: 19px;
	top: 207px;
}

#careerStats td, #fightStats td{padding-right: 30px;}

#careerStats{left: 208px;}

#fightStats{left: 458px;}

#otherGames{
	width: 912px;
	height: auto;
	float: left;
	margin: 0 2px 65px;
	font-size: 12px;
	color: #333;
	line-height: 14px;
}

#otherGames ul{
	list-style-type: none;
	width: 284px;
	float: left;
	margin-right: 20px
}

#otherGames ul li{
	width: 284px;
	height: 94px;
	margin-bottom: 18px;
}

#otherGames img{margin-right: 5px; padding-bottom: 15px;}

#otherGames h4{
	font-size: 13px;
	padding: 10px 0 2px;
}

#otherGames a{
	color: #000; 
	text-decoration: none;
	line-height: 16px;
}

.mainBox{
	width: 912px;
	height: 294px;
	position: relative;
}

.linkAccount{background: url('../images/one_more_step_bg.jpg') no-repeat top left;}

.createCharacter{background: url('../images/create_your_character_bg.jpg') no-repeat top left;}

#main .mainBox a{position: absolute;}

.linkAccount a#myspaceIdLink{
	top: 146px;
	left: 43px;
	border-bottom: none;
}

.linkAccount a#myspaceIdHelp{
	top: 185px;
	left: 43px;
	font-size: 12px;
	border-bottom: 1px dotted #666;
}

.createCharacter a#myspaceIdLink{
	top: 122px;
	left: 213px;
	border-bottom: none;
}

.mainBoxLg{
	width: 397px;
	height: 275px;
	background: url('../images/error_500_bg.jpg') no-repeat top left;
	padding: 34px 480px 0 35px;
	font-size: 14px;
	line-height: 15px;
}

.unrecognized{background: url('../images/unrecognized_bg.jpg') no-repeat top left;}

.error500{background: url('../images/error_500_bg.jpg') no-repeat top left;}

#full_content {
}

#full_content .mainBoxLg h1{margin-bottom: 20px;}

.mainBoxLg p{margin-bottom: 15px;}

.mainBoxLg input[type="text"], .mainBoxLg input[type="password"]{
	border: 1px solid #bbb;
	color: #666;
	height: 20px;
	padding: 4px 0 0 5px;
	width: 197px;
	margin-bottom: 16px;
}

.mainBoxLg ul.error{
	list-style-type: disc;
	padding: 0 0 10px 14px;
}

.mainBoxLg #login_user_email{margin-bottom: 7px;}

.mainBoxLg #login_user_password, .mainBoxLg #mockpw{margin-bottom: 9px;}

.mainBoxLg p.small{font-size: 12px;}

.mainBoxLg p.small input{margin-bottom: -6px;}

#login_form p.rememberMe{margin-bottom: 12px;}

#login_form p.forgotPw{margin-top: 14px;}

ul.otherLinks{
	font-size: 12px;
	line-height: 20px;
	padding-left: 20px;
	margin-top: -10px;
}

/*Error Page*/
.errorBox {
	width:896px;
	height:auto;
	margin:0 auto;
	padding:0 10px;
	font-size:12px;
	position:relative;
}

.errorBox .header {
	font-size:14px;
	color:#990000;
	margin-bottom:5px;
}

.errorBox h2 {
	height:30px;
	position:relative;
	font-size: 21px;
	line-height:30px;
	color: #009344; 
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}

/* Sign Up Verification / Forgot Password */
#full_content h1{
	color: #009344;
	font-weight: normal;
	font-size: 28px;
	margin-bottom: 15px;
}

#almostThere p{margin-bottom: 15px;}


/* Login Form */
#login_form_page label, #resend_signup_code_form label{
	display: block; 
	width: 100px; 
	float: left;
	margin-bottom: 10px;
}

#login_form_page input{margin-bottom: 10px;}

#login_form_page ul.error{margin-bottom: 15px;}



/* 
the popup modal dialogs utilize a the jquery ui library
For documentation go to http://http://jqueryui.com/

*/

#signupdialog
{
	width:400px;
	height:300px;
	display:none;
}

#achievementdialog
{
	width:400px;
	height:300px;
	display:none;
}

#lotterydialog
{
	width:400px;
	height:300px;
	display:none;
}

.playdomprompt
{
	height:300px;
	width:400px;
	border:1px solid white;
}

.playdomprompt_sl
{
	height:315px;
	width:498px;
	border:1px solid #a60942;
	position:relative;
}


.playdomprompt_sl .lotteryContainer {
	height:315px;
	margin-top:-80px;
	position:absolute;
	top:50%;
	left:198px;
}

.playdomprompt_sl .lotteryContainer .content {
	font-family:arial,sans_serif;
	color:#a60942;
	width:300px;
}

.playdomprompt_sl .lotteryContainer .content .title {
	text-align:center;
	font-weight:bold;
	font-size:1.7em;
	letter-spacing:-0.03em;
	margin:0 0 0 0;
}

.playdomprompt_sl .lotteryContainer .content .award {
	color:#000;
	font-size:1.4em;
	font-weight:bold;
	width:230px;
	text-align:center;
	margin:0 auto;
}
.playdomprompt_sl .lotteryContainer .content .caption {
	text-align:center;
	width:220px;
	margin:40px auto 0 auto;
	color:#232323;
	font-size:.75em;
	font-weight:bold;
	letter-spacing:-0.03;
}


.playdomprompt_sl .achievementContainer {
	padding:25px 0 0 0; 
	text-align:center;
	width:100%;
	color:#a60942;
}

.playdomprompt_sl .achievementContainer .content {
}
.playdomprompt_sl .achievementContainer .content .title {
	font-weight:bold;
	font-size:1.8em;
	letter-spacing:-0.03em;
}
.playdomprompt_sl .achievementContainer .content .award {
	margin:8px 0 0 0;
	font-weight:bold;
	font-size:0.8em;
}


.playdomprompt_sl .closeButton {
	position:absolute;
	top:5px;
	left:440px;
	border:none;
}

.playdomprompt_sl .closeButton a {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/popup_close.png);
	border:none;
}




.playdomprompt .content
{
	position:relative;
	top:145px;
	padding-left:50px;
}
.playdomprompt .content  .text
{
	float:left;width:200px;color:white;
}
.playdomprompt DIV, .playdomprompt DIV A
{
	color:white;
}

.signupbutton A
{
	font-size:10pt;
	padding:10px;
	text-decoration:none;
	font-family:arial, sans_serif;
	font-weight:bold;
}

.button
{
	font-size:10pt;
	text-decoration:none;
	font-family:arial, sans_serif;
	font-weight:bold;
}
.dialogX
{
	position:absolute;
	left:387px;
	top:20px;
	width:10px;
	font-size:10pt;
	color:white;
	border-left:1px solid white;
	border-bottom:1px solid white;
	padding:2px;
	font-weight:bold;


}
/*
taken from ui-darkness css.  we don't want anything else just the overlay
*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #5c5c5c url(ui-darkness/images/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #cccccc url(ui-darkness/images/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.ui-dialog-titlebar-close { display: none; }


/*** new generic signup pop up styles ****/
.signupDialog {
	position:relative;
}
.signupDialog .dialog {
	margin:0px auto;
}

.signupDialog .dialog .hd .c,
.signupDialog .dialog .ft .c {
	font-size:1px; /* ensure minimum height */
	height:16px;
}

.signupDialog .dialog .ft .c {
	height:18px;
}

.signupDialog .dialog .hd {
	background:transparent url(../images/tl.png) no-repeat 0px 0px;
}

.signupDialog .dialog .hd .c {
	background:transparent url(../images/tr.png) no-repeat right 0px;
}

.signupDialog .dialog .bd {
	background:transparent url(../images/ml.png) repeat-y 0px 0px;
}

.signupDialog .dialog .bd .c {
	background:transparent url(../images/mr.png) repeat-y right 0px;
}


.signupDialog .dialog .ft {
	background:transparent url(../images/bl.png) no-repeat 0px 0px;
}

.signupDialog .dialog .ft .c {
	background:transparent url(../images/br.png) no-repeat right 0px;
}

.signupDialog .closeButton {
	position:absolute;
	top:-10px;
	left:90%;
	z-index:20;
}

.signupDialog .closeButton a {
	display:block;
	width:31px;
	height:31px;
	background:url(../images/close.png);
}


/*content area*/

.signupDialog .dialog .bd .c .s {
	font: normal 12px arial, helvetica, sans-serif;
}


/* content-specific */
.playdomDialog .content h1 {
	color:#009933;
	font:bold 1.4em arial, helvetica, sans-serif;
	text-align:center;
	margin: 0 auto;
}
.playdomDialog .content h1 a {
	color:#009933;
	text-decoration:none;
}

.playdomDialog .content p {
	text-align:center;
	padding: 0 0 0 0;
	margin: 5px 0;
	color:#5e5e5e;
}

.playdomDialog .content p.subTitle{
	font-weight:bold;
}

/* form styles */
.signup_form {
	width: 100%;
	margin: 0 auto;
}


.signup_form input,
.signup_form select {
	font-size:1em;
	color:#5e5e5e;
}
#registration_form .signup_form select {
	font-size:1em;
	color:#5e5e5e;
}
.signup_form .data input[type="password"],
.signup_form .data input[type="text"] {
	width:250px;
	border:1px solid #ccc;
	padding: 2px;
	color:#5e5e5e;
}

.form_row {
	clear:both;
}

.form_row .label,
.form_row .data {
	float:left;
	margin:3px auto;
}
.form_row .label {
	width:65px;
	padding-top:2px;
	text-align:left;
	font:bold 12px arial, helvetica, sans-serif;
	color:#5e5e5e;
	margin-bottom:5px;
}
.form_row .data {
	font-weight:normal;
	color:#5e5e5e;
	width:70%;
}

.form_row a,
.form_row span {
	color:#5e5e5e;
}
.form_row span {
	font-size:12px;
}

.optIn {
	color:#5e5e5e;
	padding-top:10px;
	margin-bottom:10px;
}

.optIn input {
	float:left;
	border:0;
}

.tos {
}

.tos a{
	text-decoration:none;
	border-bottom:1px dotted #5e5e5e;
}

.createButton {
	clear:both;
	padding:20px 0 20px 60px;
}

.playdomDialog .content .memberDiv h1 {
	padding-bottom:10px;
	font-size: 1em;
}


.memberDiv input[type="password"],
.memberDiv input[type="text"] {
	font-size:1em;
	border:1px solid #ccc;
	padding: 2px;
	color:#5e5e5e;
}

.signinLink {
	text-decoration:underline;
	cursor:pointer;
}
.loginDiv {
	margin: 0 auto;
	width:100%;
}

.loginDiv .form_row {
	padding-bottom:5px;
}

.loginButton {
	width: 30%;
	margin: 0 auto;
}

/* button styles */
a.button {
/* Sliding right image */
    background: transparent url('../images/buttonRight.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
	text-decoration: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow: #292929 1px 2px 1px;
}

a.button span {
/* Background left image */
	background: transparent url('../images/buttonLeft.png') no-repeat;
	display: block;
	line-height: 10px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 8px 18px;
}
a.button:hover {
/* Sliding right image */
}

a.button:hover span{

}

a.button b {
	margin-left:5px;
}




.playdomDialog {
	clear:both;
	position:relative;
	width:321px;
}
.playdomDialog .top .left,
.playdomDialog .top .right,
.playdomDialog .bottom .left,
.playdomDialog .bottom .right {
	margin:0;
	padding:0;
	display:block;
	float:left;

}

.playdomDialog .top .left {
	width:300px;
	height:16px;
	background:url(../images/tl.png) no-repeat top left;
}

.playdomDialog .top .right {
	width:21px;
	height:16px;
	background:url(../images/tr.png) no-repeat top right;
}
.playdomDialog .middle {
	clear:both;
}

.playdomDialog .middle .left {
	background:url(../images/ml.png) repeat-y;
	width:318px;
}

.playdomDialog .middle .rSlide {
	margin-left:10px;
	background:url(../images/mr.png) repeat-y top right;
}

.playdomDialog .middle .content {
	width:260px;
	margin:0 auto;
}
.playdomDialog .bottom .left {
	width:300px;
	height:18px;
	background:url(../images/bl.png) no-repeat bottom left;
}

.playdomDialog .bottom .right {
	width:18px;
	height:18px;

	background:url(../images/br.png) no-repeat bottom right;
}

.playdomDialog .closeButton {
	position:absolute;
	top:-10px;
	left:90%;
	z-index:20;
}

.playdomDialog .closeButton a {
	display:block;
	width:31px;
	height:31px;
	background:url(../images/close.png);
}



.dialogErrorCopy {
	color:#ff0000;
	font-weight:bold;
	font-size:14px;
}



/*** new dashboard styles 1/10 ***/
.dashboard_notplaying {
	width:980px;
	margin-bottom:20px;
}


.dashBoard {
	width:980px;
	clear:both;
	color:#121212;
	margin-bottom:20px;
}
.dashboardRight,
.dashboardLeft {
	width:430px;
	height:294px;
	background:url(../images/dashboard_background.png);
	float:left;
}
.dashboardRight {
	margin-left:56px;
}

.logos {
	margin: 5px;
	height:50px;
}

.logos img {
	margin-right:8px;
}


.signupLinkBar {
	text-align:center;
	clear:both;
}

.signupLinkBar div {
	width:918px;
	background:url(../images/accountBarBackground.png) no-repeat;
	margin: 0 auto;
	color:#666;
	padding: 5px 0 10px 0;
}


#dashboardHome .signupLinkBar div a {
	clear:both;
	color:#666; 
	text-decoration:none;
	border-bottom:1px dotted #666;
}

.signupLinkBar img {
}

.gameInfo {
	font-family: verdana,helvetica, sans-serif;
}


.d_avatar {
	float:left;
	width:160px;
	text-align:center;
}

.d_avatar img {
	height:215px;
}

.gameStats {
	float:left;
}

.charTitle {
	margin-bottom:10px;
}

.charTitle span {
	font-size:1.3em;
}

.statOverview span {
	font-size:0.8em;
}

.statMeter {
	width:250px;
	clear:both;
	margin-bottom:8px;
	font-size:0.8em;
}


.statMeter .meter {
	width:190px;
	border:1px solid #6a6a6a;
	background:#f2f2f2;
	float:left;
}

.statMeter .innerFill {
	background:#b5dbb3;
	white-space:nowrap;
}
.statMeter .innerFill div {
	padding:1px 0 1px 2px;
	font-size:0.87em;
}

.statMeter .innerFillTop {
	background:#0ac800;
}

.statMeter .time {
	float:left;
	margin-left:10px;
}

.cashValue {
	clear:both;
	margin: 0 0 10px 0;
}

.cashValue div {
	font-size:0.8em;
}

.promo_sororitylife {
	background:url(../images/promo_sororitylife_buttonHighlight.png);
	position:relative;
}

.promo_sororitylifeHighLight {
	background:url(../images/promo_sororitylife_buttonHighlight.png);
	position:relative;
}

.promo_mobsters {
	background:url(../images/promo_mobsters.png);
	position:relative;
}

.promoPlayButton {
	position:absolute;
	top:258px;
	left:285px;
}

/**** play SL landing page ******/
.sl_landingpage_banner {
	width:916px;
	height:320px;
	background:url(../images/sl_banner_big.png);
	position:relative;
}

.sl_landingpage_banner .playNowBox {
	text-align:center;
	width:208px;
	height:91px;
	background:url(../images/sl_banner_playnow_background.png);
	position:absolute;
	top:230px;
	left:620px;
}

.sl_landingpage_banner .playNowCopy {
	color:#e12966;
	font: bold 20px arial, helvetica, sans-serif;
	margin-top:20px;
}

.sl_landingpage_banner .fb_connect_button {
	margin-top:10px;
	border:0;
}

#iframecontainer{	
	background:url("../images/bg_IframeSL_middle.png") repeat-y scroll 0 0 transparent;
	width:918px;	
}


#iframecontainertop{
background:url("../images/bg_IframeSL_top.png"); /*no-repeat-x scroll 0 0*/
background-repeat:no-repeat;
	/*background-position:13px 7px;*/
	height:13px;
	width:918px;
}
#iframecontainerfoot{
	background:url("../images/bg_IframeSL_bottom.png"); /*no-repeat-x scroll 0 0*/
	background-repeat:no-repeat;	
	height:13px;
	width:918px; 

}

#royalPlayerAlert{
	border:4px;
	height:20px;
	width:860px;
	border:1px solid #d9d9d9;
	margin-bottom:10px;
	padding:6px 6px 6px 43px;
	background-image:url('../images/lightbulb.gif');
	background-repeat:no-repeat;
	background-position:13px 7px;
	color:#000;
}

#royalContainer {	
	margin:20px;width:100%;text-align:center
}
#royalcontainerhead{
background-image:url('../images/bannerFbConnect.gif');
height:148px;
padding-top:10px;
padding-right:10px;
text-align:right;
margin-bottom: 30px;
	
}	
#royalContainer .connectPanel {text-align:center;padding:60px;}
#royalContainer .connectPanel a {background-repeat:no-repeat; text-decoration: none}
#royalContainer .facebook {
	background-image:url('../images/img_Fbconnect2.gif');
	height: 355px;
	
	/*display:none*/
}
#royalContainer .facebook a {
	/*background-image:url('../images/connect_facebook.png');
	width:212px;
	height:36px;
	padding:20px 212px 0px 0px;*/
}

/*esto es una prueba*/

#fb_button_royal {
height:36px;
left:550px;
position:relative;
top:40px;
width:165px;
}


#royalContainer .myspace {
	display:none
}
#royalContainer .myspace a {
	background-image:url('../images/connect_myspace.png');
	width:217px;
	height:41px;
	padding:26px 217px 0px 0px;
}
#royalContainer #game_iframe {
	width:760px;
	height:1500px;
	margin:20px 0px 0px 50px;
	/*display:none*/
}

/*to royal*/
#royalmainMid {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#C9C9C9 url(../images/main-mid.gif) repeat-x scroll 0 0;
height:386px;
/*padding:10px 0 0 634px;*/
width:916px;
}

#royalmainMid img {	
	float: left;
	margin:10px 0 0 10px;
}
.royaltitle{
color:#009344;
font-size:28px;
font-weight:normal;
left:10px;
position:inherit;
top:-16px;
margin-left:10px;
}

#hi{
	float: left;
	font-size:14px;
	line-height:15px;
	margin: 10px 0 0 20px;
	width:400px;
}
#royalloginform{
background:none;
font-size:14px;
height:275px;
line-height:15px;
padding:0px 0px 0px 0px;
width:397px;
float: right;
margin-top: 40px;
margin-right: 124px;
margin-bottom: 10px;
margin-left: 70px;

}



#hii{
float: right;
margin-top: 50px;
margin-right: 40px;
margin-bottom: 10px;
margin-left: 70px;
}


.closeFace{
  display:none;
  clear:both;
  padding-top:50px;
  font-size:10pt;
  width:300px; height:50px;
}

.botonface{
  float:right;
  height:61px;
  width:244px;
  border-bottom:0px;
}

a.fbconnect_login_button {
  cursor:pointer;
  border-bottom:0 none !important;
}

.FBConnectButton_Simple, .FBConnectButton_RTL_Simple {
  background-image:url("../images/bt_facebook.gif") !important;
  background-repeat:no-repeat;
  outline:medium none;
  text-decoration:none;
  float:right !important;
  height:59px !important;
  width:243px !important;
  border-bottom:0px;
}