
/* main */
#sparkcity { background: #ffffff url('../images/mmo/mmo_background_repeat.gif') repeat-x 0 0; padding-bottom: 50px; }
.background { }
.background .holder { margin: auto; width: 975px; }

.betabox { margin: auto; width: 975px; position: relative; height: 32px; overflow: hidden; }
.betabox img { float: right; }

/* flash */
#flashcontainer { }

/* login */
/*.loginbox, .agreebox { text-align: left; margin: 73px auto 0 auto; width: 352px; min-height: 365px; background: transparent url('../images/mmo/mmo_boxbg.gif') no-repeat 7px 67px; }*/

.loginbox, .agreebox { text-align: left; padding: 70px 0 0 0; margin: 73px auto 0 auto; width: 347px; min-height: 300px; background: transparent url('../images/mmo/mmo_box_bg.png') no-repeat; }

.loginbox img { float: none; }

#lpassword { width: 268px; }
#lusername { width: 268px; margin: 0; }

.fields { padding: 10px 30px 0 37px; margin-bottom: 15px; }
form { margin: 0; padding: 0; }
form .item { margin-bottom: 12px; display: block; width: 100%; }
form .item label { display: block; margin-bottom: 4px; font-size: 12px; }
form .item label img { float: none; }
form .item input { padding: 5px; width: 273px; height: 12px; border: 1px solid #9834dd; background-color: #fdf7f8; color: #77528f; }

label { display:inline; font-weight:bold; margin:0; }

.options { margin-bottom: 15px; }
.loginbtnbox { display: block; }
.loginbtnbox input, .loginbtnbox a { float: right; }
.loginbtnbox a { margin-right: 8px; display: inline; }

/* navigation */

.navigation { display: block; margin-bottom: 25px; }
.navigation a { float: left; }
.navigation .brokenbtn { float: right; }
.navigation .button { display: block; float: left; }

.textnavigation { color: #8fdce2; } 
.textnavigation a { color: #479ba2; text-decoration: underline; } 

/* agree page */
/*.agreebox { padding-top: 10px; }*/

.points { margin-bottom: 15px; margin-top: 10px; }
.points li { display: block; margin-bottom: 10px; }
.point .num { font-weight: bold; color: #d35c8e; padding-right: 2px; }
.point .txt {  }

.termslink { display: block; font-size: 14px; color: #0000cc; margin-bottom: 15px; text-decoration: underline; }

.nextbutton { float: right; margin-top: 10px; }

/* new username dialog */
#newUsernameDialog { position:absolute; height:474px; width:624px; display:none; z-index:9000; }
#newUsernameHeaderRight { position:absolute; top:0px; left:0px; height:37px; width:30px; background:transparent url('../images/new_username/new_username_01.gif') no-repeat 0 0; }
#newUsernameDialog #newUsernameHeader { position:absolute; top:0px; left:30px; float:left; width:556px; height:32px; background: transparent url('../images/new_username/new_username_02.png') no-repeat 0 0; }
#newUsernameCloseButton { position:absolute; top:0px; left:581px; width:43px; height:37px; }
#newUsernameCloseButton img { border: 0px; }
#newUsernameReasonTitleLeft { position:absolute; top:37px; left:0px; height:78px; width:30px; background: transparent url('../images/new_username/new_username_04.gif') no-repeat 0 0; }
#newUsernameReasonTitleMiddle { position:absolute; top:37px; left:30px; height:78px; width:594px; background: transparent url('../images/new_username/new_username_05.gif') no-repeat 0 0; }
#newUsernameReasonTitleMiddle #newUsernameReasonTitleText { padding-top:15px; padding-bottom:15px; }
#newUsernameReasonTitleRight { position:absolute; top:37px; left:591px; height:78px; width:33px; background: transparent url('../images/new_username/new_username_06.png') no-repeat 0 0; }
#newUsernameReasonBodyLeft { position:absolute; top:115px; left:0px; height:133px; width:30px; background: transparent url('../images/new_username/new_username_07.gif') no-repeat 0 0; }
#newUsernameReasonBodyMiddle { position:absolute; top:115px; left:30px; height:133px; width:541px; background: transparent url('../images/new_username/new_username_08.gif') no-repeat 0 0; }
#newUsernameReasonBodyRight { position:absolute; top:115px; left:591px; height:133px; width:33px; background: transparent url('../images/new_username/new_username_09.gif') no-repeat 0 0; }
#newUsernameSlice10Left { position:absolute; top:248px; left:0px; height:47px; width:30px; background: transparent url('../images/new_username/new_username_10.gif') no-repeat 0 0; }
#newUsernameSlice11Middle { position:absolute; top:248px; left:30px; height:47px; width:561px; background: transparent url('../images/new_username/new_username_11.gif') no-repeat 0 0; }
#newUsernameSlice11Middle #newUsernameSlice11MiddleText { position:absolute; bottom:0px; padding-bottom:5px; }
#newUsernameSlice12Right { position:absolute; top:248px; left:591px; height:47px; width:33px; background: transparent url('../images/new_username/new_username_12.gif') no-repeat 0 0; }
#newUsernameEnterLeft { position:absolute; top:295px; left:0px; width:30px; height:40px; background: transparent url('../images/new_username/new_username_13.gif') no-repeat 0 0; }
#newUsernameEnterTextbox { position:absolute; border:1px solid #f585d9; top:295px; left:30px; width:332px; height:38px; background: transparent url('../images/new_username/new_username_14.gif') no-repeat 0 0; }
#newUsernameEnterTextbox #newusernameinput { border:0px; width:322px; height:34px; font-size:14pt; padding:2px 5px; }
#newUsernameEnterStatus { position:absolute; top:295px; left:365px; width:226px; height:40px; background: transparent url('../images/new_username/new_username_15.gif') no-repeat 0 0; }
#newUsernameEnterStatus #newUsernameEnterStatusText { padding-top:5px; padding-bottom:5px; padding-left:24px; }
#newUsernameEnterRight { position:absolute; top:295px; left:591px; width:33px; height:40px; background: transparent url('../images/new_username/new_username_16.gif') no-repeat 0 0; }
#newUsernameMessageLeft { position:absolute; top:335px; left:0px; width:30px; height:67px; background: transparent url('../images/new_username/new_username_17.gif') no-repeat 0 0; }
#newUsernameMessageMiddle { position:absolute; top:335px; left:30px; width:561px; height:67px; background: transparent url('../images/new_username/new_username_18.gif') no-repeat 0 0 ; }
#newUsernameMessageMiddle #newUsernameMessageMiddleText { padding-top:15px; padding-bottom:15px; line-height:14pt; }
#newUsernameMessageRight { position:absolute; top:335px; left:591px; width:33px; height:67px; background: transparent url('../images/new_username/new_username_19.gif') no-repeat 0 0 ; }
#newUsernameSubmitLeft { position:absolute; top:402px; left:0px; width:30px; height:47px; background: transparent url('../images/new_username/new_username_20.gif') no-repeat 0 0; }
#newUsernameSubmitMiddle { position:absolute; top:402px; left:30px; width:243px; height:47px; background: transparent url('../images/new_username/new_username_21.gif') no-repeat 0 0; }
#newUsernameSubmit { position:absolute; top:402px; left:273px; width:318px; height:47px; }
#newUsernameSubmitRight { position:absolute; top:402px; left:591px; width:33px; height:47px; background: transparent url('../images/new_username/new_username_23.gif') no-repeat 0 0; }
#newUsernameFooter { position:absolute; top:449px; left:0px; width:624px; height:25px; background: transparent url('../images/new_username/new_username_24.png') no-repeat 0 0; }
#mask { position:fixed; top:0px; left:0px; display:none; z-index:8900; background-color:white; }
.clear { clear:both; }
.padding-left-20px { padding-left: 20px; }
.padding-left-25px { padding-left: 25px; }
.padding-top-5px { padding-top: 5px; }
.red { color:#dd0931 }
.navy { color:#493e83; }
.bold { font-weight: bold; }
.font9pt { font-size:9pt; }
.font14pt { font-size:14pt; }
.font11pt { font-size:11pt; }
