#ucp_top {
	padding:5px;
	padding-bottom:10px;
}

#ucp_avatar {
	display:block;
	float:left;
	width:120px;
	height:120px;
}

/* Avatar hover overlay */
#ucp_avatar div {
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
	text-align:center;
	font-size:14px;
	background-color:rgba(0,0,0,0.6);
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	width:120px;
	height:70px;
	padding-top:50px;
	color:#fff;
}

#ucp_avatar:hover div {
	opacity:1;
	filter:alpha(opacity=100);
}

#ucp_info {
	float:left;
	height:120px;
}

/* #ucp_info columns*/
#ucp_info aside {
	float:left;
	width:250px;
	height:120px;
}

#ucp_info aside table {
	margin-left:auto;
	margin-right:auto;
}

/* First column in the #ucp_info */
#ucp_info aside:first-child {
	margin-right:20px;
}

#ucp_info td {
	padding:4px;
}

#ucp_buttons {
	/*margin-top:-25px;*/
	margin-left: 7%;
}

#ucp_buttons a {
	display:block;
	width:330px;
	height:93px;
	background-position:0px 0px;
	float:left;
	margin-bottom:15px;
	margin-left:12px;
}

#ucp_buttons a:hover {
	background-position:0px 93px;
}

#ucp_characters {
	margin-top:-20px;
	padding-left:8%;
	padding-right:8%;
}

/* UCP: character list, character */
#ucp_characters a {
	float:left;
	display:block;
	width:64px;
	height:64px;
	margin-right:15px;
	margin-bottom:15px;
}

/* UCP: character list, realm headline */
#ucp_characters h1 {
	clear:both;
}

.quick_acc_menu {
	width:auto;
	height:auto;
	/*min-height:440px;*/
	float:right;
	text-align:left;
    padding: 10px 0 0 0;
    margin: 0px 10% 3% 20px;
}

.quick_acc_menu::after {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	background-color: #333333;
}
	
.quick_acc_menu li {
	display:block;
	margin:0 0 0 25px;
}
	
.quick_acc_menu li a {
	display:block;
	/*text-shadow: 0 1px 1px rgba(6, 9, 18, 0.45);
	color: #b4b4b4;
	font-family: Cambria,Georgia,serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 17px;
	transition:all 300ms;*/
	padding:8px 0 8px 20px;
	margin: 18px 0;
}

.quick_acc_menu li:first-child a {
	margin-top: -10px;
}
		


.account {
	padding:1px 0 0 0; /*overflow:hidden;*/
}

.account_light_cont,
.account-wide {
	width:840px; padding:0;
}

.cont-image {
	width:auto; 
	height:auto; 
	padding:60px 0 60px 0; 
	min-height:400px;
}
	
/* Account Info */
.account_info_cont {
	border-radius:3px;
	/*width: 80%;*/
	box-shadow: inset 0 0 1px #232e46, inset 0 0 51px rgba(0,0,0,0.36), 0 0 6px rgba(0,0,0,0.15);
	background-color: #191818;
	margin:30px 8% 40px 8%;
}
	
.account_info {
	text-shadow: 0 1px 1px rgba(6, 9, 18, 0.4);
	color: #5f758a;
	font-family: Cambria,Georgia,serif;
	font-size: 15px;
	font-weight: 400;
}

.account_info a {
	font-family: Cambria,Georgia,serif;
	color: #d9a26a;
	font-size: 15px;

}

.account_info a:hover {
	color: #fdc994;
}
		
.account_info ul {
	float:left;
	height:220px
}
		
.account_info ul.account_info_main {
	width:349px;
	height:160px;
	margin:60px 0 0 0;
}
			
.user_profile .account_info ul.account_info_main {
	margin:30px 0 0 0;
}

.account_info ul.account_info_second {
	width:315px;
	height:178px;
	margin:40px 0 0 0;
}

.user_profile .account_info ul.account_info_second {
	margin:30px 0 0 0;
}

.account_info ul.account_info_main li, 
.account_info ul.account_info_second li {
	margin:0 0 0 28px;
}
		
.account_info ul li {
	display:block;
}
		
.account_info ul li span {
	display:inline-block;
	color:#8b97a6;
}
			
.account_info ul li div {
	display:inline-block
}
	
.account_info ul li p {
	display:inline-block;
	color: #8b97a6;
}

	/* Avatar */
.account_avatar {
	float: left;
	width: 204px;
	height: 220px;
}
		
.account_avatar #avatar {
	display:block;
	position: relative;
	width:116px;
	height:116px;
	margin:50px auto 0 54px;
	background:#333;
	border-radius:5px;
	overflow:hidden;
}

.account_avatar #avatar span {
	display:block; 
	width:116px;
	height:116px;
	background-size:100%;
	margin: auto;
}

.account_avatar_frame {

	width:192px;
	height:192px;
	background:url("../images/avatar_frame.png") no-repeat;
	top:12px;
	left:16px;
}

.account_avatar .account_avatar_frame a {
	display: block;
	position: absolute;
	cursor: pointer;
	width: 112px;
	height: 112px;
	top: 40px;
	left: 40px;
	border-radius: 4px;
	background-color: rgba(5,10,16,.7);
	opacity: 0;
	transition: opacity 300ms;
}
.account_avatar .account_avatar_frame a:hover {
	opacity: 1;
}
.account_avatar .account_avatar_frame a span {
	display: block;
	position: absolute;
	width: 44px;
	height: 44px;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-image: url("images/misc/misc_main.png?v=1");
	background-repeat: no-repeat;
	background-position: -709px 0px;
}

			
ul.account_avatar li#change_avatar {
	margin:0 auto;
	display:block;
	text-align:center;
	font-size:10px;
	text-transform: uppercase;
	margin:10px 0 0 0;
	text-shadow:0 1px 1px rgba(0,0,0,.5), 0 0 3px rgba(0,0,0,.20);
}

ul.account_avatar li#change_avatar a {
	color:#565043;
}

ul.account_avatar li#change_avatar a:hover {
	color:#e9a930;
}

/* Main Account Info */

.account_info ul.account_info_main {
}

.account_info ul.account_info_main li span {
	width:135px;
	text-align:left;
}

.account_info ul.account_info_main li#displayname {
	margin:20px 0 0 28px;
}

.account_info ul.account_info_main li#displayname p {
	color: #ceefff;
	font-size: 16px;
}

.account_info ul.account_info_main li#rank {
	margin:12px 0 12px 28px;
}

.account_info ul.account_info_main li#gcoins {
}

.account_info ul.account_info_main li#gcoins p {
	color:#b38e47;
	margin:0 0 0 8px;
}  /* Gold Coins */

.account_info ul.account_info_main li#scoins p {
	color:#969696;
	margin:0 0 0 8px;
}  /* Silver Coins */
			
.account_info ul.account_info_main li#gcoins div {
	width:13px; height:13px;
	background-image:url("images/misc/g-coin.png");
	background-size:100%;
	top:2px;
}
			
.account_info ul.account_info_main li#scoins div {
	width:13px; height:13px;
	background-image:url("images/misc/s-coin.png");
	background-size:100%;
	top:2px;
}
		
/* Sub Account Info */
		
.account_info ul.account_info_second {

}
.account_info ul.account_info_second li {
}
.account_info ul.account_info_second li:first-child {
	margin:20px 0 0 28px;
}

.account_info ul.account_info_second li span {
	width:135px;
}

#wrapper-inner{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
.wrapper-inner-tab{
	float: left;
	width: 100%;
	margin-top: 125px;
}
.wrapper-inner-tab-title {
	width: 100%;
	margin-top: 30px;
	font-size: 25px;
	color: #666666;
	float: left;
	text-align: center;
	margin-bottom: 80px;
}
.wrapper-inner-tab-backgrounds { 
	float: left;
	height: 300px;
	width: 950px;
}
.wrapper-inner-tab-backgrounds-first{
	float: left;
	height: 30px;
	width: 33.33%;
	background-color: #feb41d;
}
.wrapper-inner-tab-backgrounds-second{
	float: left;
	height: 30px;
	width: 33.33%;
	background-color: #5e7c87;
}
.wrapper-inner-tab-backgrounds-third{
	float: left;
	height: 30px;
	width: 33.33%;
	/*background-color: #4c5f6d;*/
}
.sim-button{
	line-height: 50px;
	height: 50px;
	text-align: center;
	/*margin-right: auto;
	margin-left: auto;
	margin-top: 125px;*/
	width: 45%;
	cursor: pointer;
}

.button2 {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	border: 1px solid rgba(255,255,255,0.5);
	overflow: hidden;
}
.button2 a{
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
}
.button2 span {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.button2:hover{
	background-color: rgba(255,255,255,0.2);
}
.button2:hover > span{
	opacity: 0;
	-webkit-transform: translate(0px,-40px);
	transform: translate(0px,-40px);
}
.button2::after{
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate(0, 30%);
	transform: translate(0, 30%);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
}
.button2:hover::after{
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}