@charset "utf-8";
/* CSS Document */
/**************************************************
	USER REGISTRATION
**************************************************/
.no-js .UserPhotoSelection {	display:block;	}
.no-js .UserPhotoPreview {		display:none;	}
.no-js a.SpriteButton.DieRoll {	display:none;	}
.js .UserPhotoSelection {		display:none;	}
.js .UserPhotoSelection input {	display:none;	}
.js .UserPhotoPreview {			display:block;	}
.js a.SpriteButton.DieRoll {	display:block;	}

.UserNameStep { width:770px;margin:0 auto;}
	    
.UserPhotoPreview { float:left;width:200px;height:250px;}
.UserPhotoPreview .Frame_Ornate130x130 { margin:4px auto 0;}
.SpriteButton.ChooseAPic { width:137px;height:32px;background:url(../fw/ButtonSprite_ChooseAPic.png);margin:-28px 0 0 32px;}
.UserPhotoPreview .SpriteButton.ChooseAPic { position:absolute;margin:-28px 0 0 32px;}

.UserPhotoSelection { float:left;width:200px;height:250px;}
.UserPhotoSelection .ScrollViewer { overflow:auto;width:210px;height:315px;background:url(../fw/Inset_Round200x200.jpg) no-repeat;margin-top:10px;background-size:cover}
.UserPhotoSelection .ScrollViewerContent { margin:5px 0 0 3px;}
.UserPhotoSelection .Frame_Ornate60x60 { float:left;margin:0;}
.UserPhotoSelection .Frame_Ornate60x60 .main.sticker { position:relative;margin-bottom:-90px;}
.UserPhotoSelection .Frame_Ornate60x60 input { width:12px;height:12px;position:relative;margin:-24px auto 12px;}

.DisplayName { width:550px;float:right;}
.DisplayNamePreview { color:white;background:url(../fw/DisplayName_Background.jpg);margin:10px auto;padding:8px 48px 8px 8px;width:480px;font-size:26px;overflow:hidden;height:30px; }
.SpriteButton.DieRoll { width:39px;height:39px;background:url(../fw/SpriteButton_DieRoll.png);}
.DisplayName .SpriteButton.DieRoll { margin:-52px 0 10px 500px;}
.DisplayName select { width:178px;margin:0px;font-family:Georgia;font-size:12px;height:147px;}

.Tip {
    color:#444444;
    font-size:80%; font-style:italic;
}

.UserNameStep {
    text-align:center;
}
.UserNameStep input {
    text-align:center;
    font-size:22px;
    display:block;
}
.UserNameStep .ErrorMessage,
.UserNameStep input{
    margin:10px auto;
    width:320px;
    padding:5px;
}
.UserNameStep .ErrorMessage  {
    background:#CC0000;
    color:#ffffff;
    display:block;
    font-size:11px;
}

.RegistrationStep {
    width:50%;
    margin:0 auto;
}
.RegistrationStep td {
    padding:0 10px 0 0;
    vertical-align:top;
}
.RegistrationStep label {
    display:block;
    margin-top:10px;
}
.RegistrationStep input {
    width:100%;
    font-size:20px;
}

.StartNextButton {
    margin: 0 0 0 0;
}
.StepPreviousButton {
    margin: 0 -200px 0 0;
}
.CreateUserButton {
    margin: 0 0 0 -200px;
}
.ContinueButton {
    margin-top:10px;
}