#myaccount{
	width:calc(100% - 40px);
	margin-left:20px;
	margin-bottom:30px;
	color: #5A2800;
	font-family: Arial, Helvetica, sans-serif;
}

#myaccount a{font-size: 14px;font-weight:400;}
#myaccount a:hover{font-size: 14px;font-weight:400;}
#myaccount a:visited{font-size: 14px;font-weight:400;}
#myaccount a:active{font-size: 14px;font-weight:400;}

#myaccount_header{
	width:100%;
	height:32px;
	margin-top:10px;
	text-align:center;
	font-family: Martel, Tahoma, Geneva, sans-serif;
	font-size:32px;
}

#myaccount_notifications_header{
	width:100%;
	height:16px;
	margin-top:20px;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#d4c0a1;
	border-radius:1px;
	position:relative;
	z-index:2;
}

#myaccount_notifications_header_icon{
	width:16px;
	height:16px;
	margin-left:4px;
	float:left;
}

#myaccount_notifications_header_icon img{
	width:16px;
	height:16px;
}

#myaccount_notifications_header_text{
	height:16px;
	margin-left:5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
}

#myaccount_notifications_errors{
	width:100%;
	background-color:#f1e0c6;
	padding-top:17px;
	padding-bottom:12px;
	margin-top:-12px;
	border-bottom-left-radius:1px;
	border-bottom-right-radius:1px;
	position:relative;
	z-index:1;
}

.myaccount_notifications_error{
	width:50%;
	margin-top:5px;
	float:left;
}

.myaccount_notifications_error li{
	width:10px;
	margin-left:10px;
	float:left;
}

.myaccount_notifications_error_text{
	width:calc(100% - 20px);
	float:left;
}

.myaccount_section{
	width: calc(100% - 42px);
    border: solid 1px #d9c5a6;
    border-radius: 1px;
    margin-top: 20px;
    padding: 20px;
    position: relative;
}

.myaccount_section_header{
	height: 14px;
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    top: -7px;
    left: 10px;
    background-color: #fef0d9;
    font-size: 12px;
    font-weight: bold;
}

.myaccount_section_row{
	width:100%;
	margin-top:5px;
	float:left;
}

.myaccount_section_row:first-child{
	margin-top:0;
}

.myaccount_action_buttons{
	width:100%;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

.myaccount_action{
	width:135px;
	height:25px;
	margin-top:5px;
	margin-left:12px;
	position:relative;
	float:left;
	cursor:pointer;
}

.myaccount_action_button{
    height: 25px;
    width: 135px;
    background: url(images/sbutton.gif);
    cursor: pointer;
}
.myaccount_action_button:hover {
	background: url(images/sbutton_over.gif), url(images/sbutton.gif);
}

.myaccount_action_button_text{
	width: 100%;
    height: 16px;
    margin-top: 4px;
    text-align: center;
    text-shadow: -1px -1px 0 rgb(0 0 0 / 70%), 1px -1px 0 rgb(0 0 0 / 70%), -1px 1px 0 rgb(0 0 0 / 70%), 1px 1px 0 rgb(0 0 0 / 70%);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #f1d4a5;
	float:left;
    pointer-events: none;
}

#myaccount_characters{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.myaccount_char{
	width:calc(50% - 7px);
	margin-top:10px;
	padding:10px 0;
	border:solid 1px #d4c0a1;
	background-color:#f1e0c6;
}

.myaccount_char:hover{
	background-color:#d4c0a1;
}

.myaccount_char_pic{
	width: 80px;
    height: 64px;
    position: relative;
    float: left;
}

.myaccount_char_main{
	width:calc(100% - 80px);
	float:left;
}

.myaccount_char_pic img{
    width: 64px;
    height: 64px;
}

.myaccount_char_top{
	width:100%;
	height:20px;
	margin-top:2px;
	float:left;
}

.myaccount_char_name{
	width:calc(100% - 32px);
	height:20px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	float:left;
}

.myaccount_char_visibility{
	width:20px;
	height:20px;
	margin-right:11px;
	float:right;
}

.myaccount_char_visibility img{
	width:20px;
	height:20px;
}

.myaccount_char_bottom{
	width:100%;
	float:left;
}

.myaccount_char_stats{
	width:calc(100% - 7px);
	height:16px;
	margin-top:2px;
	font-size:12px;
	float:left;
}

.myaccount_char_options{
	width:calc(100% - 7px);
	float:left;
}

.myaccount_char_options select{
	width: calc(100% - 41px);
    height: 16px;
    background-color: rgb(255 255 255 / 80%);
    padding: 4px;
    border: solid 1px #c4b091;
    box-sizing: content-box;
    margin: 0px;
	margin-top:2px;
    outline: 0;
    color: #5A2800;
	float:left;
}

.myaccount_char_options_submit{
	width:16px;
	height:16px;
	background-color: rgb(255 255 255 / 80%);
    padding: 4px;
    border: solid 1px #c4b091;
    margin-left:5px;
	margin-top:2px;
	float:left;
	cursor:pointer;
}
.myaccount_char_options_submit img{
	width:16px;
	height:16px;
}

.myaccount_char_newName{
	width:calc(100% - 7px);
	float:left;
	display:none;
}

.myaccount_char_newName input{
	width: calc(100% - 10px);
    height: 16px;
    background-color: rgb(255 255 255 / 80%);
    padding: 4px;
    border: solid 1px #c4b091;
    box-sizing: content-box;
    margin: 0px;
	margin-top:2px;
    outline: 0;
    color: #5A2800;
}

.myaccount_char_newName input::placeholder{
	color:rgba(90,40,0,0.5);
}

#myaccount_char_comment_box{
	width:100%;
	position:relative;
}

#myaccount_char_comment_box form{
	margin:0;
}

#myaccount_char_comment_box textarea{
	width:100%;
	height:100px;
	resize: none;
	background-color: rgb(255 255 255 / 80%);
    border: solid 1px #c4b091;
	outline:0;
	color: #5A2800;
}

#myaccount_char_comment_box_options{
	width:135px;
	margin-left:20px;
	margin-top:10px;
	float:left;
}

#myaccount_char_comment_emojis_container{
	width:calc(100% - 155px);
	margin-top:10px;
	float:left;
}

#myaccount_char_comment_emojis{
	width:100%;
}

.myaccount_char_comment_emoji_option{
	width:20px;
	height:20px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	float:left;
	cursor:pointer;
}
.myaccount_char_comment_emoji_option:hover{
	background-color:rgba(0,0,0,0.2);
}

#myaccount_char_comment_emojis_paginate{
	width:100%;
	margin-top:10px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.myaccount_char_comment_emojis_page_text{
	margin-left:10px;
}

.myaccount_char_comment_emojis_page_button{
	padding:2px 5px;
	margin-left:10px;
	border:solid 1px rgba(0,0,0,0.25);
	font-weight:bold;
	cursor:pointer;
	user-select:none;
}
.myaccount_char_comment_emojis_page_button:first-child{
	margin-left:0;
}

@media screen and (max-width: 576px) {
	#myaccount_characters{
		display:block;
	}
	.myaccount_char{
		width:calc(100% - 2px);
	}
	.myaccount_section{
		width: calc(100% - 10px);

		padding: 20px 5px;
	}
}

.admin_shop_logs_button {
    width: 135px;
    height: 25px;
    background-color: #5A2800;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0;
    cursor: pointer;
    margin: 10px;
}

.admin_shop_logs_button:hover {
    background-color: #3A1700;
}