body {
    padding: 0px;
    margin: 0px;
    background: url(../images/ui/bg.png) 50% 0px no-repeat;
    background-position: fixed;
    background-color: black; 
    color: #dbdbdb;
	font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
   	cursor: url(../img/cursor.gif), auto;
    }
    body a{
    cursor: url(../img/cursor_click.gif), auto;
    }
body input{
    cursor: url(../img/cursor.gif), auto;
}

a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 250ms ease-in;
    -moz-transition: color 250ms ease-in;
    -o-transition: color 250ms ease-in;
    -ms-transition: color 250ms ease-in;
    transition: color 250ms ease-in;
}

a:hover {
    color: #ff5252;
    text-decoration: none;
}

img {
    border: 0;
}

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #281b19, #60423e, #281b19); 
    background-image:    -moz-linear-gradient(left, #281b19, #60423e, #281b19); 
    background-image:     -ms-linear-gradient(left, #281b19, #60423e, #281b19); 
    background-image:      -o-linear-gradient(left, #281b19, #60423e, #281b19);   
	width: 450px;
}

p {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #281b19, #60423e, #281b19); 
    background-image:    -moz-linear-gradient(left, #281b19, #60423e, #281b19); 
    background-image:     -ms-linear-gradient(left, #281b19, #60423e, #281b19); 
    background-image:      -o-linear-gradient(left, #281b19, #60423e, #281b19);   
	width: 150px;
}

h1 {
    background: url(../images/ui/h1.png) no-repeat;
    width: 532px;
    height: 43px;
    text-align: center;
    color: #ffdc97;
    font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 3px;
    line-height: 34px;
    margin: 0px 0px 0px 7px;
}

h2 {
    background: url(../images/ui/h1.png) no-repeat;
    width: 532px;
    height: 43px;
    text-align: center;
    color: #ffdc97;
    font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 3px;
    line-height: 34px;
    margin: 0px 0px 0px 7px;
}

.mid2 {
    background: url(../images/ui/mid2.png) repeat-y;
    width: 532px;
	margin-left: 11px;
    position: relative;
}

.h1_bot {
    background: url(../images/ui/h1_bot.png) no-repeat;
    width: 532px;
    height: 43px;
    margin: 0px 0px 0px 8px;
	margin-top: -16px;
}

.alert-box {
	color:#555;
	border-radius:2px;
	font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
	padding:10px 36px;
	margin:10px;
}
.alert-box span {
	font-weight:bold;
	text-transform:uppercase;
}
.error {
	background:#ffecec url(../images/ui/error.png) no-repeat 10px 50%;
	border:1px solid #f5aca6;
	width: 532px;
	font-family: 'Montserrat', sans-serif;
    font-size: 15px;
	line-height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.success {
	background:#e9ffd9 url(../images/ui/success.png) no-repeat 10px 50%;
	border:1px solid #a6ca8a;
	width: 532px;
}
.warning {
	background:#fff8c4 url(../images/ui/warning.png) no-repeat 10px 50%;
	border:1px solid #f2c779;
	width: 532px;
}
.notice {
	background:#e3f7fc url(../images/ui/notice.png) no-repeat 10px 50%;
	border:1px solid #8ed9f6;
	width: 532px;
}

.green { color: #12ff00;}
.red { color: red;}

.wrap {
    width: 1021px;
    position: relative;
    margin: auto;
}

.wrap .header {
    height: 160px;
}

.wrap .header .logo {
    background: url(../images/ui/logo.png) no-repeat;
    color: transparent;
    width: 364px;
    height: 147px;
    display: inline-block;
    margin-top: 10px;
    margin-left: 15px;
}

.wrap .header .status {
    background: url(../images/ui/serverStatus.png) no-repeat;
    width: 237px;
    height: 146px;
    display: inline-block;
    float: right;
    margin-right: 43px;
    top: -109px;
    position: relative;
	z-index: 2;
}

.wrap .header .status .text {
    display: none;
    position: relative;
    top: 10px;
    left: 0px;
    font-size: 12px;
}

.wrap .header .status .statusPanel {
    position: absolute;
    width: 100%;
    height: 38px;
    bottom: 0px;
}

.wrap .top {
    background: url(../images/ui/top.png) no-repeat;
    width: 1021px;
    height: 57px;
}

.wrap .mid {
    background: url(../images/ui/mid.png) repeat-y;
    width: 1021px;
    position: relative;
	min-height: 735px;
}

.wrap .bot {
    background: url(../images/ui/bot.png) no-repeat;
    width: 1021px;
    height: 53px;
}

.wrap .mid .leftCol {
    display: inline-block;
    position: absolute;
    width: 150px;
    padding-left: 21px;
    padding-bottom: 30px;
}

.wrap .mid .rightCol {
    display: inline-block;
    margin-left: 172px;
    width: 805px;
    min-height: 490px;
    left: 186px;
    padding: 10px 10px 48px 10px;
    cursor: default;
}

.wrap .mid .rightCol .sliderWrap {
    display: inline-block;
    width: 548px;
    height: 181px;
}

.wrap .mid .rightCol .sliderWrap .slider {
  position: relative;
  overflow: hidden;
  margin: 0px auto 0 auto;
  border-radius: 4px;
}

.wrap .mid .rightCol .sliderWrap .slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

.wrap .mid .rightCol .sliderWrap .slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 540px;
  height: 181px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}

.wrap .mid .rightCol .sliderWrap .slider a.control_prev, .wrap .mid .rightCol .sliderWrap .slider a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

.wrap .mid .rightCol .sliderWrap .slider a.control_prev:hover, .wrap .mid .rightCol .sliderWrap .slider a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

.wrap .mid .rightCol .sliderWrap .slider a.control_prev {
  border-radius: 0 2px 2px 0;
}

.wrap .mid .rightCol .sliderWrap .slider a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.wrap .mid .rightCol .infoswarp {
    display: inline-block;
    background: url(../images/ui/infos.png) no-repeat;
    width: 253px;
    height: 500px;
	margin-top: 214px;
    position: absolute;
	margin-left: 552px;
}

.wrap .mid .rightCol .infoswarp .title {
	margin-left: 80px;
	text-align: center;
    color: #ffdc97;
    font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 3px;
    line-height: 47px;
	text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.7);
}

.wrap .mid .rightCol .loginWrap {
    background: url(../images/ui/loginBar.png) no-repeat;
    width: 253px;
    height: 208px;
    position: absolute;
	margin-top: 0px;
	margin-left: 552px;
}

.wrap .mid .rightCol .loginWrap .title {
	margin-left: 95px;
	text-align: center;
    color: #ffdc97;
    font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 3px;
    line-height: 47px;
	text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.7);
}

.wrap .mid .rightCol .loginWrap .title.user {
    margin-left: 86px;
}

.wrap .mid .rightCol .loginWrap form {
    margin-top: 0px;
    margin-left: 30px;
}

.wrap .mid .rightCol .loginWrap .loginLabel, .wrap .mid .rightCol .frame .loginLabel {
    width: 40px;
    display: inline-block;
    font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
    padding-bottom: 10px;
}

.wrap .mid .rightCol .loginWrap  .userBoard {
    width: 195px;
    height: 114px;
    margin-left: 30px;
    margin-top: 5px;
}

.wrap .mid .rightCol .label {
    width: 180px;
    display: inline-block;
    padding-bottom: 10px;
}

.wrap .mid .rightCol .smInput {
    outline-color: #7D4A37;
    width: 120px;
    color: #fff;
    background-color: #0b0604;
    border: 1px solid #19110e;
}

.wrap .mid .rightCol .mdInput {
    outline-color: #7D4A37;
    width: 200px;
    color: #fff;
    background-color: #0b0604;
    border: 1px solid #19110e;
}

.wrap .mid .rightCol .lgInput {
    outline-color: #7D4A37;
    width: 400px;
    color: #fff;
    background-color: #0b0604;
    border: 1px solid #19110e;
}

.wrap .mid .rightCol .loginWrap .loginInput, .wrap .mid .rightCol .frame .loginInput {
    outline-color: #6a3b2c;
    width: 150px;
	height: 25px;
    color: #85633f;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	padding: 2px;
    background-color: #100602;
    border: 1px solid #4a1605;
}

.wrap .mid .rightCol .loginWrap .submit {
    margin-left: 56px;
    margin-top: 5;
}

.wrap .mid .rightCol .loginWrap .forPass {
    font-size: 12px;
    position: relative;
    left: 55px;
}

.wrap .mid .rightCol .submit {
    background: url(../images/ui/button_small_hover.png) no-repeat;
    width: 85px;
    height: 43px;
    border: 0;
    outline: 0;
    cursor: pointer;
    color: #fff;
    transition: background-image 500ms ease-in-out;
	text-align: center;
}

.wrap .mid .rightCol .frame {
    border: 1px solid #7D4A37;
    border-radius: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.wrap .mid .rightCol .submit:hover {
    background: url(../images/ui/button_small_action.png) no-repeat;
}

.wrap .mid .rightCol .frame .title {
    text-align: center;
    display: block;
}

.wrap .mid .rightCol .frame .reg {
    text-align: center;
}

.copyRight img {
    padding-top: 25px;
    padding-bottom: 25px;
}

.wrap .copyRight .topList {
    display: none;
}

.wrap .copyRight .gopayBanner { 
    width: 100px;
    height: 35px;
    vertical-align: middle;
}

.wrap .mid .leftCol a.navi {
    width: 145px;
    height: 54px;
    outline: none;
    border: none;
    display: block;
	background: url(../images/ui/navi.png) no-repeat;
	text-align: center;
	line-height: 54px;
	color: #ffffb0;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	letter-spacing: 2px;
	transition: background-image 500ms ease-in-out;
	text-transform: uppercase;
}

.wrap .mid .leftCol a.navi:hover {
   background: url(../images/ui/naviUp.png) no-repeat;
   color: #ffffff;
}

.wrap .mid .leftCol a.navi.home {
    background: url(../images/ui/nav/home.png) no-repeat;
}

.wrap .mid .leftCol a.navi.home:hover {
    background: url(../images/ui/nav/homeUp.png) no-repeat;
}

.wrap .mid .leftCol a.navi.chlog {
    background: url(../images/ui/nav/chl.png) no-repeat;
}

.wrap .mid .leftCol a.navi.chlog:hover {
    background: url(../images/ui/nav/chlUp.png) no-repeat;
}

.wrap .mid .leftCol a.navi.reg {
    background: url(../images/ui/nav/reg.png) no-repeat;
}

.wrap .mid .leftCol a.navi.reg:hover {
    background: url(../images/ui/nav/regUp.png) no-repeat;
}

.wrap .mid .leftCol a.navi.sup {
    background: url(../images/ui/nav/supp.png) no-repeat;
}

.wrap .mid .leftCol a.navi.sup:hover {
    background: url(../images/ui/nav/suppUp.png) no-repeat;
}

.wrap .mid .leftCol a.navi.faq {
    background: url(../images/ui/nav/faq.png) no-repeat;
}

.wrap .mid .leftCol a.navi.faq:hover {
    background: url(../images/ui/nav/faqUp.png) no-repeat;
}

.wrap .mid .leftCol a.navi.sup {
    background: url(../images/ui/nav/supp.png) no-repeat;
}

.wrap .mid .leftCol a.navi.sup:hover {
    background: url(../images/ui/nav/suppUp.png) no-repeat;
}

.wrap .mid .leftCol a.navi.rank {
    background: url(../images/ui/nav/rank.png) no-repeat;
}

.wrap .mid .leftCol a.navi.rank:hover {
    background: url(../images/ui/nav/rankUp.png) no-repeat;
}

.wrap .mid .leftCol a.navi.dl {
    background: url(../images/ui/nav/dl.png) no-repeat;
}

.wrap .mid .leftCol a.navi.dl:hover {
    background: url(../images/ui/nav/dlUp.png) no-repeat;
}

.wrap .mid .leftCol a.navi.forum {
    background: url(../images/ui/nav/forum.png) no-repeat;
}

.wrap .mid .leftCol a.navi.forum:hover {
    background: url(../images/ui/nav/forumUp.png) no-repeat;
}

.wrap .mid .leftCol a.isIcon {
    background: url(../images/ui/render_shamy.png) no-repeat;
    transition: background-image 500ms ease-in-out;
    color: transparent;
    display: block;
    width: 114px;
    height: 96px;
    margin-left: 22px;
}


.wrap .mid .rightCol .headline {
    background: url(../images/ui/headline.png);
    width: 306px;
    height: 44px;
    text-align: center;
    line-height: 32px;
    margin-left: 12px;
}

.wrap .mid .rightCol .headline.left {float: left;}
.wrap .mid .rightCol .headline.middle {margin-left: 248px;}
.wrap .mid .rightCol .headline.right {float: right;}

.wrap .mid .rightCol .simpleLabel {
    display: inline-block;
    width: 340px;
}

.wrap .mid .rightCol .recruit {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    height: 90px;
    cursor: pointer;
}

.wrap .mid .rightCol .recruit.recruit-0 {
    background: url(../images/ui/recruiting.png);
}

.wrap .mid .rightCol .recruit.recruit-25 {
    background: url(../images/ui/recruiting.png) 0px -90px;
}

.wrap .mid .rightCol .recruit.recruit-50 {
    background: url(../images/ui/recruiting.png) 0px -180px;
}

.wrap .mid .rightCol .recruit.recruit-75 {
    background: url(../images/ui/recruiting.png) 0px -269px;
}

.wrap .mid .rightCol .recruit.recruit-100 {
    background: url(../images/ui/recruiting.png) 0px -360px;
}
.testbox {
    display: inline-block;
    background: url(../images/ui/uriel.png) no-repeat;
    width: 471px;
    height: 380px;
    position: absolute;
}

#content_box {
	margin-left: 20px;
	margin-right: 20px;
}

.register_box .reg_info{
	color: #fff3ee;
	font-size: 10px;
	letter-spacing: 3px;
	width: 400px;
	margin: 0px auto;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: rgba(0,0,0,.2);
	margin-bottom: 18px;
	height: 0px;
	margin-top: 0px;
	transition: all .4s ease-in-out;
}

.register_box ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff3ee;
  font-size: 10px;
  letter-spacing: 7px;
  font-family: 'Ubuntu';
  opacity: .85;
}
.register_box ::-moz-placeholder { /* Firefox 19+ */
  color: #fff3ee;
  font-size: 10px;
  letter-spacing: 7px;
  font-family: 'Ubuntu';
  opacity: .85;
}
.register_box :-ms-input-placeholder { /* IE 10+ */
  color: #fff3ee;
  font-size: 10px;
  letter-spacing: 7px;
  font-family: 'Ubuntu';
  opacity: .85;
}
.register_box :-moz-placeholder { /* Firefox 18- */
  color: #fff3ee;
  font-size: 10px;
  letter-spacing: 7px;
  font-family: 'Ubuntu';
  opacity: .85;
}

.btn{
	background: url(../images/ui/register/button_small.png) no-repeat;
    width: 127px;
    height: 43px;
    border: 0;
    outline: 0;
    cursor: pointer;
    color: #fff;
    transition: background-image 500ms ease-in-out;
}

.btn:hover{
	background: url(../images/ui/register/button_small_hover.png) no-repeat;
}
.headline2{
	font-family: 'Aldhabi';
	font-size: 13px;
	text-transform: uppercase;
	color: #fff3ee;
	text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.7);
	letter-spacing: 9px;
	padding-bottom: 20px;
}

.status ul{
	margin:0px;
	margin-left:10px;
}
.status li{
	padding:1px;
	list-style:url(../images/icon.png);	
	color: #fff3ee;
	font-size: 10px;
	letter-spacing: 2px;
}

.status li a {
	color: #ffd800;
	text-decoration: none;
	float: right;
	margin-right: 40px;
	text-decoration: none;
    -webkit-transition: color 250ms ease-in;
    -moz-transition: color 250ms ease-in;
    -o-transition: color 250ms ease-in;
    -ms-transition: color 250ms ease-in;
    transition: color 250ms ease-in;
}
.status li a:hover {
	color: #ff4040;
	padding-left: 5px;
}





.infoswarp ul{
	margin:0px;
	margin-top:15px;
	margin-left:10px;
}
.infoswarp li{
	list-style:url(../images/icon.png);	
	color: #fff3ee;
	font-size: 10px;
	letter-spacing: 2px;
	margin-top: 10px;
	padding-top: 0;
}

.infoswarp li a {
	color: #ffd800;
	text-decoration: none;
	float: right;
	padding-top: 1px;
	margin-right: 40px;
	text-decoration: none;
    -webkit-transition: color 250ms ease-in;
    -moz-transition: color 250ms ease-in;
    -o-transition: color 250ms ease-in;
    -ms-transition: color 250ms ease-in;
    transition: color 250ms ease-in;
}
.infoswarp li a:hover {
	color: #ff4040;
	padding-left: 5px;
}



ul{
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
}

ul{
	margin:0px;
	margin-left:10px;
}
li{
	list-style:url(../images/icon.png);	
	color: #fff3ee;
	font-size: 12px;
	letter-spacing: 2px;
	padding-top: 20px;
}

li a {
	color: #ffd800;
	text-decoration: none;
	float: right;
	padding-top: 1px;
	margin-right: 40px;
	text-decoration: none;
    -webkit-transition: color 250ms ease-in;
    -moz-transition: color 250ms ease-in;
    -o-transition: color 250ms ease-in;
    -ms-transition: color 250ms ease-in;
    transition: color 250ms ease-in;
}
li a:hover {
	color: #ff4040;
	padding-left: 5px;
}

#userp ul{
	margin:0px;
	margin-left:0px;
}
#userp li{
	padding:1px;
	list-style:url(../images/icon.png);	
	color: #fff3ee;
	font-size: 10px;
	letter-spacing: 2px;
	float: left;
}

#userp li a {
	color: #ffd800;
	text-decoration: none;
    -webkit-transition: color 250ms ease-in;
    -moz-transition: color 250ms ease-in;
    -o-transition: color 250ms ease-in;
    -ms-transition: color 250ms ease-in;
	transition: all .2s ease-in-out;
}

#userp li a:hover {
	color: #ff4040;
	padding-left: 2px;
}

#character_info {
	background: #3a1404;
    padding-left: 15px;
    /* padding-right: 70px; */
    padding-top: 20px;
    padding-bottom: 15px;
    width: 255px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 10px;
}

#info_name{
	color: #c94f2e;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	display: inline;
}

#info_value{
	color: #fff3ee;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	display: inline;
}

#character_info a {
	font-size: 10px;
	color: #ffd800;
	text-decoration: none;
    -webkit-transition: color 250ms ease-in;
    -moz-transition: color 250ms ease-in;
    -o-transition: color 250ms ease-in;
    -ms-transition: color 250ms ease-in;
	transition: all .2s ease-in-out;
	text-transform: uppercase;
}

#character_info a:hover {
	color: #ff4040;
	padding-left: 2px;
}

table {
	margin-left: auto;
    margin-right: auto;
}

.thell{
	color: #f8b59a;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	background: #1a1210;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tdunkel{
	color: #f8b59a;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	background: #1d1412;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.topLine {
	color: #be5d3f;
	background: #3d221b;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

a.style2{
	color: #f8b59a;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	background: #1a1210;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
    margin-right: auto;
    -webkit-transition: color 250ms ease-in;
    -moz-transition: color 250ms ease-in;
    -o-transition: color 250ms ease-in;
    -ms-transition: color 250ms ease-in;
	transition: all .2s ease-in-out;
	border:1px solid #f5aca6;
}

a.style2:hover{
	color: #fbd8ca;
	background: #4f352f;
	border:1px solid #de3e31;
}

.download_box img{
	opacity: 0.75;
	-webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.download_box img:hover{
	opacity: 1;
}

#info_item {
	background: url(../images/info_item.png) no-repeat;
	width: 178px;
	height: 169px;
	display: inline-block;
	margin-left: 40px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#info_item img {
	float: right;
	padding-top: 55px;
	padding-right: 6px;
}

#info_item .title {
	font-size: 10px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0px;
	color: #fff;
	padding-top: 3px;
}

#info_item .info {
	font-size: 10px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0px;
	color: #fff;
	margin-top: 5px;
	padding-left: 11px;
	height: 128px;
}

#info_item .info-b {
	padding-top: 3px;
}

#info_item .price {
	margin-top: 6px;
	color: #ffc000;
	font-size: 10px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0px;
	color: #ff9c00;
	margin-left: -32px;
}

span {
    color: #ffdc97;
    font-size: 12.5px;
	font-family: 'Montserrat', sans-serif;	
}

#recovery_inventory {
	margin-left: 60px;
}

#recovery_inventory .box {
	background: url(../images/ui/rec_inv_box.png) no-repeat;
	width: 370px;
	height: 82px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#recovery_inventory .box .name{
	padding-top: 35px;
	margin-left: 83px;
    color: #ffead6;
    font-size: 12.5px;
	font-family: 'Montserrat', sans-serif;	
}

#recovery_button {
	background: url(../images/ui/button_small_hover.png) no-repeat;
    width: 85px;
    height: 43px;
    transition: background-image 500ms ease-in-out;
	color: #ffdf7f;
    font-size: 12.5px;
	font-family: 'Montserrat', sans-serif;	
	line-height: 43px;
	text-align: center;
	float: right;
	margin-top: 20px;
	margin-right: 30px;
}

#recovery_button:hover {
	background: url(../images/ui/button_small_action.png) no-repeat;
}

#register_username {
	background: url(../images/ui/register/nume_utilizator.png) no-repeat;
	width: 400px;
    height: 45px;
	margin: 0px auto;
	margin-bottom: 4px;
}

#register_email {
	background: url(../images/ui/register/adresa_email.png) no-repeat;
	width: 400px;
    height: 45px;
	margin: 0px auto;
	margin-top: 4px;
	margin-bottom: 4px;
}

#register_password {
	background: url(../images/ui/register/parola.png) no-repeat;
	width: 400px;
    height: 45px;
	margin: 0px auto;
	margin-top: 4px;
	margin-bottom: 4px;
}

#register_password2 {
	background: url(../images/ui/register/parola2.png) no-repeat;
	width: 400px;
    height: 45px;
	margin: 0px auto;
	margin-top: 4px;
	margin-bottom: 4px;
}

#register_delcode {
	background: url(../images/ui/register/cod_stergere.png) no-repeat;
	width: 400px;
    height: 45px;
	margin: 0px auto;
	margin-top: 4px;
	margin-bottom: 4px;
}

#register_realname {
	background: url(../images/ui/register/numereal.png) no-repeat;
	width: 400px;
    height: 45px;
	margin: 0px auto;
	margin-top: 4px;
	margin-bottom: 4px;
}

#changepw_old_password {
	background: url(../images/ui/change_pw/parola_actuala.png) no-repeat;
	width: 400px;
    height: 45px;
	margin: 0px auto;
	margin-bottom: 4px;
}

#changepw_new_password {
	background: url(../images/ui/change_pw/parola_noua.png) no-repeat;
	width: 400px;
    height: 45px;
	margin: 0px auto;
	margin-top: 4px;
	margin-bottom: 4px;
}

#player_name {
	background: url(../images/ui/player_name.png) no-repeat;
	width: 400px;
    height: 45px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 4px;
}

#banreason {
	background: url(../images/ui/banreason.png) no-repeat;
	width: 400px;
    height: 45px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 4px;
}

.register_box form{
	text-align: center;
}

#gmlogs input[type="text"]{
	display: block;
	background: url(../images/ui/register/input.png) no-repeat;
	height: 22px;
	width: 222px;
	margin-top: 11px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: #85633f;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
    border: 0px solid;
}

input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 0px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

#text {
    outline-color: #6a3b2c;
    color: #e4c5a4;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    padding: 2px;
    background-color: #100602;
    border: 1px solid #4a1605;
}

textarea {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    flex-direction: column;
    resize: auto;
    cursor: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(169, 169, 169);
    border-image: initial;
    padding: 2px 0px 0px 2px;
}

#calendar-form input[type="text"]{
	display: block;
	background: url(../images/ui/register/input.png) no-repeat;
	height: 22px;
	width: 222px;
	text-align: center;
	color: #85633f;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
    border: 0px solid;
}

#calendar-form input[type="date"], input[type="time"]{
	display: block;
	background: url(../images/ui/register/input.png) no-repeat;
	height: 22px;
	width: 222px;
	color: #85633f;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
    border: 0px solid;
	padding-left: 20px;
}

.register_box form input:not([type=submit]){
	display: block;
	background: url(../images/ui/register/input.png) no-repeat;
	height: 22px;
	width: 222px;
	float: right;
	margin-top: 11px;
	margin-right: 9px;
	text-align: center;
	color: #85633f;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
    border: 0px solid;
}

.register_box form input:not([type=submit]):focus + .reg_info{
	outline: none;
	height: auto;
}

*:focus {
    outline: none;
}

.create_item {
	margin-left: -260px;
	margin-top: 80px;
}

/* --- CSS COMPLET pentru Toate Secțiunile Stilizate (Tema Maro/Aurie) --- */

/* Stiluri generale pentru elemente de layout (din template-ul tău, probabil) */
/* .mid2, #content_box, .register_box, .h1_bot { ... stilurile tale existente ... } */

/* Asigură-te că textul implicit în zonele de conținut are o culoare vizibilă pe fundalul tău */
.mid2 {
    color: #e0e0e0; /* Text deschis implicit */
}

/* --- CSS pentru Tabelul Combinat Status & Statistici --- */
/* (Clasa aplicată pe tabelul din secțiunea Status/Statistici) */

.combined-stats-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px auto;
    box-shadow: 0 2px 8px rgba(0,0,0,0.7);
    background-color: #2a2521; /* Fundal maro-închis */
    color: #e0e0e0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    border: 1px solid #4a403a; /* Chenar maro */
}

.combined-stats-table thead th {
    background-color: #5a453a; /* Fundal antet principal maro-roșiatic */
    color: #d4a05c; /* Text auriu/bronz */
    font-weight: bold;
    padding: 14px 10px;
    text-align: left;
    border: 1px solid #4a403a;
    border-bottom: 2px solid #d4a05c; /* Chenar jos auriu */
}

.combined-stats-table .section-header td {
    background-color: #6b5040; /* Fundal antet secțiune maro-roșiatic */
    color: #d4a05c; /* Text auriu/bronz */
    font-weight: bold;
    text-align: center;
    padding: 12px 8px;
    border: 1px solid #4a403a;
    border-top: 2px solid #d4a05c; /* Chenar sus auriu */
}

.combined-stats-table tbody td {
    padding: 10px 10px;
    border: 1px solid #3a3531; /* Chenar subtil */
    text-align: right; /* Default aliniere la dreapta */
}

.combined-stats-table tbody tr:not(.section-header) td:first-child {
    text-align: left; /* Etichetele aliniate la stânga */
}

.combined-stats-table tbody tr:not(.section-header):nth-child(odd) {
     background-color: #35302b; /* Fundal rând impar */
}

.combined-stats-table tbody tr:not(.section-header):hover {
    background-color: #45403b; /* Fundal la hover */
}

/* Celula cu indicatorul de status */
.combined-stats-table tbody tr:not(.section-header) td:nth-child(2) {
     text-align: center; /* Centrează bulina */
}

/* Stil bulină status */
.status-dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin: 0 auto;
    vertical-align: middle;
    box-shadow: 0 0 6px rgba(0,0,0,0.8);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.status-on-dot { background-color: #00ff00; box-shadow: 0 0 8px rgba(0, 255, 0, 0.4); }
.status-off-dot { background-color: #ff0000; box-shadow: 0 0 8px rgba(255, 0, 0, 0.4); }

/* Stil valori statistici colorate */
.stat-green, .stat-red, .stat-blue, .stat-yellow, .stat-white, .stat-orange, .stat-aqua, .stat-pink, .stat-lime {
    font-weight: bold;
    font-size: 1.05em;
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    min-width: 30px;
    text-align: center;
    background-color: transparent;
}
.stat-green { color: #90ee90; } .stat-red { color: #ff6347; }
.stat-blue { color: #add8e6; } .stat-yellow { color: #ffffa0; }
.stat-white { color: white; } .stat-orange { color: #ffb347; }
.stat-aqua { color: #80ffff; } .stat-pink { color: #ff99cc; }
.stat-lime { color: #b2f0a2; }

/* Stil linie HR separator */
.combined-stats-table td hr {
    border: none;
    height: 1px;
    background-color: #4a403a;
    margin: 10px 0;
}


/* --- CSS pentru Tabelul Log-uri GM --- */
/* (Clasa aplicată pe tabelul din secțiunea Log-uri GM) */

table.table-style-one { /* Clasa din codul tău PHP */
    width: 100%;
    border-collapse: collapse;
    margin: 20px auto;
    box-shadow: 0 2px 8px rgba(0,0,0,0.7);
    background-color: #2a2521;
    color: #e0e0e0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    border: 1px solid #4a403a;
}

table.table-style-one thead th {
    background-color: #5a453a;
    color: #d4a05c;
    font-weight: bold;
    padding: 10px 8px;
    text-align: left;
    border: 1px solid #4a403a;
    border-bottom: 2px solid #d4a05c;
}

table.table-style-one tbody td {
    padding: 8px 8px;
    border: 1px solid #3a3531;
    text-align: left; /* Aliniere implicită la stânga */
    word-break: break-word;
}

/* Aliniere specifică pe coloane pentru log-uri GM */
table.table-style-one tbody td:nth-child(1) { text-align: center; width: 50px; } /* ID */
table.table-style-one tbody td:nth-child(2) { text-align: center; width: 120px; } /* IP */
table.table-style-one tbody td:nth-child(3) { text-align: left; width: 150px; } /* Nume */
table.table-style-one tbody td:nth-child(5) { text-align: center; width: 150px; } /* Data */
/* Coloana Comanda (a 4-a) preia lățimea rămasă */


table.table-style-one tbody tr:nth-child(odd) { background-color: #35302b; }
table.table-style-one tbody tr:hover { background-color: #45403b; }


/* --- CSS pentru Blocuri Informații IP & Cont & Caractere --- */
/* (Clase aplicate pe div-urile care conțin informații despre IP, cont sau caractere) */

.ip-info-list { margin-top: 15px; } /* Container pentru lista de blocuri IP */

.character-info-block {
    border: 1px solid #4a403a;
    background-color: #302b27;
    margin-bottom: 20px; /* Spațiu între blocuri */
    padding: 0; /* Padding controlat de elementele interioare */
    box-shadow: 0 1px 6px rgba(0,0,0,0.6);
    border-radius: 5px;
    overflow: hidden;
}

/* Antetul fiecărui bloc de informații */
.character-info-block h4 {
    color: #d4a05c;
    margin: 0;
    padding: 12px 15px;
    background-color: #4a3a31; /* Fundal antet bloc */
    border-bottom: 1px solid #4a403a;
    font-size: 1em;
    font-weight: bold;
}

/* Tabelul mic din interiorul blocurilor de informații */
.character-details-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0;
    color: #e0e0e0;
    font-size: 14px;
}

/* Rândurile din tabelul de detalii */
.character-details-table tr {
    /* border-bottom: 1px solid #3a3531; /* Linie între rânduri (opțional) */ */
}
/* Ultimul rând nu are linie jos */
.character-details-table tr:last-child { border-bottom: none; }


/* Celulele din tabelul de detalii */
.character-details-table td {
    padding: 8px 15px;
    border: none;
}

/* Celula cu eticheta (stânga) */
.character-details-table .info-label {
    font-weight: bold;
    color: #e0e0e0; /* Culoare text etichetă */
    width: 150px; /* Lățime fixă */
    min-width: 150px;
    text-align: left;
    background-color: #3a3531; /* Fundal celulă etichetă */
    border-right: 1px solid #4a403a; /* Chenar dreapta */
}

/* Celula cu valoarea (dreapta) */
.character-details-table .info-value {
     text-align: left; /* Aliniere text valoare */
     /* Culoarea textului este moștenită */
}

/* Evidențiem anumite valori (Nume Cont, Nume Caracter) */
.character-details-table tr:nth-child(2) .info-value, /* Rând Nume Cont */
.character-details-table tr:nth-child(5) .info-value /* Rând Nume Caracter */
 {
    color: #d4a05c; /* Culoare auriu/bronz */
    font-weight: bold;
}

/* Zona de link-uri de sub tabel */
.character-info-block .info-links {
    margin-top: 0;
    padding: 10px 15px;
    background-color: #3a3531; /* Fundal zonă link-uri */
    text-align: center;
    border-top: 1px solid #4a403a; /* Linie deasupra link-urilor */
}

.character-info-block .info-links a {
    color: #d4a05c; /* Culoare auriu/bronz link */
    text-decoration: none;
    font-weight: bold;
}

.character-info-block .info-links a:hover {
    text-decoration: underline;
}


/* --- CSS pentru Formulare --- */
/* (Stiluri aplicate pe elementele de formular din diverse secțiuni) */

/* Stil pentru câmpuri text, email, parolă, select, textarea */
.mid2 input[type="text"], .mid2 input[type="password"], .mid2 input[type="email"],
.mid2 select, .mid2 textarea {
    padding: 8px 10px;
    margin-bottom: 10px;
    background-color: #3a3531; /* Fundal închis */
    color: #e0e0e0; /* Text deschis */
    border: 1px solid #4a403a; /* Chenar maro */
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.5); /* Umbră interioară */
    box-sizing: border-box; /* Include padding/border în dimensiune */
}

/* Etichete radio/checkbox (dacă sunt în <span>) */
.mid2 form span {
    color: #e0e0e0; /* Text deschis */
    margin-left: 5px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}

.mid2 input[type="radio"], .mid2 input[type="checkbox"] {
    vertical-align: middle;
    margin-bottom: 10px;
}

/* CSS pentru Rafinarea Formularelor (inclusiv structura .form-row) */

/* Stil pentru wrapper-ul din jurul fiecărei perechi Etichetă-Input */
.mid2 form .form-row {
    display: flex; /* Aranjează elementele din interior (label și input) pe o linie */
    align-items: center; /* Centrează vertical elementele pe linie */
    margin-bottom: 15px; /* Adaugă spațiu sub fiecare rând de formular */
    flex-wrap: wrap; /* Permite elementelor să treacă pe rândul următor pe ecrane mici */
}

/* Stil pentru etichetele (<label>) din formular */
.mid2 form label {
    /* Flex-grow: 0, flex-shrink: 0, flex-basis: 180px => Lățime fixă de 180px pentru etichetă */
    flex: 0 0 180px; /* Ajustează această lățime (180px) dacă etichetele sunt mai lungi sau mai scurte */
    margin-right: 15px; /* Spațiu între etichetă și câmpul de input */
    color: #d4a05c; /* Culoare auriu/bronz pentru etichete */
    font-weight: bold; /* Text îngroșat */
    text-align: left; /* Aliniere text la stânga în spațiul etichetei */
    padding-right: 5px; /* Un pic de spațiu pe dreapta etichetei */
    box-sizing: border-box; /* Include padding-ul în calculul lățimii */
}

/* Stil pentru câmpurile de input (text, password etc.) când sunt în interiorul unui .form-row */
.mid2 form .form-row input[type="text"],
.mid2 form .form-row input[type="password"],
.mid2 form .form-row select, /* Include și select */
.mid2 form .form-row textarea { /* Include și textarea */
     /* Flex-grow: 1 => Câmpul ocupă spațiul rămas pe linie */
     flex: 1;
     min-width: 150px; /* Asigură o lățime minimă chiar dacă spațiul e mic */
     /* Stilurile de bază (padding, chenar, fundal, culoare text) sunt moștenite de la regulile generale pentru input-uri */
     display: inline-block; /* Asigură un comportament corect în flexbox */
     width: auto; /* Lățimea este controlată de flexbox */
     margin: 0; /* Elimină orice margină implicită de sus/jos care ar putea interfera cu spațiul dintre rânduri */
     /* Marginile de 10px de jos din stilul general de input vor fi suprascrise de margin-bottom: 0 */
}

/* Stil pentru rândul care conține doar butonul de submit */
.mid2 form .form-button-row {
    margin-top: 20px; /* Mai mult spațiu deasupra butonului */
    margin-bottom: 0; /* Elimină spațiul de sub acest rând dacă e ultimul */
    width: 100%; /* Asigură că acest div ocupă toată lățimea pentru ca centrarea să funcționeze */
    text-align: center; /* Centrează conținutul (butonul) dacă nu folosești tag-ul <center> */
}

/* Asigură-te că stilurile generale pentru input-uri și butonul .btn sunt incluse și ele */
/* (Acestea ar trebui să fie deja în CSS-ul complet pe care ți l-am dat) */

/* Exemplu: Stil general input (ar trebui să fie deja la tine) */
/* .mid2 input[type="text"], .mid2 input[type="password"], ... { padding: 8px 10px; margin-bottom: 10px; background-color: #3a3531; color: #e0e0e0; border: 1px solid #4a403a; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.5); box-sizing: border-box; } */

/* Exemplu: Stil buton .btn (ar trebui să fie deja la tine) */
/* button.btn { display: inline-block; padding: 10px 20px; ... } */

/* Stil pentru butonul cu clasa .btn */

/* CSS pentru Rafinarea Formularului Căutare Log-uri GM */

/* Stil pentru grupul de butoane radio (div.radio-group) */
.mid2 form .radio-group {
    display: flex; /* Aranjează elementele (input radio + label) pe o linie */
    align-items: center; /* Centrează vertical elementele */
    /* flex-wrap: wrap; /* Permite trecerea pe rând nou pe ecrane mici dacă sunt multe opțiuni */ */
}

/* Ajustarea marginilor pentru input-urile radio din grup */
.mid2 form .radio-group input[type="radio"] {
    margin-right: 5px; /* Spațiu între butonul radio și eticheta sa */
    vertical-align: middle;
    margin-bottom: 0; /* Suprascrie marginea de jos dacă e setată pe input-urile generale */
}

/* Stil pentru etichetele (<label>) specifice butoanelor radio din grup */
.mid2 form .radio-group label {
     /* Anulează unele proprietăți flex moștenite de la .form-row label */
     flex: unset;
     width: auto;
     min-width: auto;
     /* Spațiu între opțiunile radio */
     margin-right: 15px;
     padding-right: 0;
     /* Culori și font - folosim culorile textului normal, nu auriu/bold */
     color: #e0e0e0; /* Culoare text deschis */
     font-weight: normal;
     background-color: transparent;
     border-right: none;
     cursor: pointer; /* Arată că este clicabil */
     vertical-align: middle;
}

/* Stil pentru textul din interiorul etichetelor radio (dacă textul e în <span>) */
.mid2 form .radio-group label span {
    font-weight: normal; /* Ne asigurăm că textul din span nu este bold */
}

/* Stil specific pentru instrucțiunea principală de deasupra opțiunilor radio */
/* Selectăm primul .form-row din formular și span-ul din el */
.mid2 form .form-row:first-child span {
     flex: unset; /* Anulează proprietăți flex */
     width: 100%; /* Ocupă lățimea completă */
     display: block; /* Aranjează-l ca bloc pentru a folosi margin-bottom */
     margin-bottom: 10px; /* Spațiu sub instrucțiune */
     color: #d4a05c; /* Culoare auriu/bronz pentru instrucțiune */
     font-weight: bold;
     text-align: left; /* Aliniere text la stânga */
}

/* Reamintim că stilurile generale pentru .form-row, label (general), input text și .btn vor stiliza restul */

/* Stil pentru input-uri readonly (needitabile) */
.mid2 form input[readonly] {
    background-color: #4a403a; /* Fundal un pic mai închis */
    color: #d4a05c; /* Text auriu/bronz */
    cursor: default; /* Cursor normal */
    border-color: #3a3531; /* Bordură mai închisă */
}


/* CSS pentru Lista de Rezultate ale Căutării (ex: Căutare Mail, Căutare IP) */

.search-results-list {
    margin-top: 20px; /* Spațiu deasupra listei */
    margin-bottom: 20px; /* Spațiu sub listă */
    /* Background și bordură pot fi adăugate aici dacă vrei ca întreaga listă să aibă un bloc vizual */
    /* background-color: #3a3531; */
    /* border: 1px solid #4a403a; */
    /* padding: 10px; */
}

.search-result-item {
    display: flex; /* Aranjează numărul și link-ul pe aceeași linie */
    align-items: center; /* Centrează vertical */
    padding: 8px 0; /* Spațiu interior sus/jos */
    border-bottom: 1px solid #4a403a; /* Linie separatoare între iteme */
    /* Alternare culori rânduri dacă dorești */
    /* background-color: #3a3531; */
}

.search-result-item:last-child {
    border-bottom: none; /* Fără bordură sub ultimul item */
}

.search-result-item .item-number {
    flex: 0 0 50px; /* Lățime fixă pentru numărul itemului (ajustează) */
    font-weight: bold;
    color: #d4a05c; /* Culoare auriu/bronz */
    text-align: right; /* Aliniere la dreapta */
    margin-right: 15px; /* Spațiu după număr */
}

.search-result-item .account-link {
    flex: 1; /* Link-ul ocupă spațiul rămas */
    /* Stil text (culoare, greutate) - va moșteni de la b și a */
}

.search-result-item .account-link a {
    color: #e0e0e0; /* Culoare link text */
    text-decoration: none; /* Fără subliniere implicită */
}

.search-result-item .account-link a:hover {
    color: #d4a05c; /* Culoare la hover */
    text-decoration: underline; /* Subliniere la hover */
}


/* Exemple de Imbunătățiri CSS pentru un Aspect Mai Bun */

/* Imbunătățiri Generale pentru Fundaluri și Borduri */
.mid2 #content_box {
    /* Păstrează fundalul și bordura de bază */
    /* background-color: #3a3531; */
    /* border: 1px solid #4a403a; */
    border-radius: 8px; /* Colțuri un pic rotunjite pentru blocul principal */
    box-shadow: 0 5px 15px rgba(0,0,0,0.3); /* O umbră subtilă sub bloc */
    overflow: hidden; /* Ascunde conținutul care depășește bordura rotunjită */
    /* Adaugă un gradient subtil la fundal (opțional) */
    /* background: linear-gradient(to bottom, #403b37, #3a3531); */
}

/* Stiluri pentru Header-ele H1, H2, H3, H4 - Adaugă Gradient și Umbre Text */
h1, h2, h3, h4 {
    color: #d4a05c; /* Culoare auriu/bronz */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7); /* Umbră text pentru lizibilitate */
    /* Adaugă un gradient subtil la text (complex, necesită text transparent și background clip) */
    /* Sau adaugă gradient pe un pseudo-element sub text */
}

/* Imbunătățiri pentru Header-ele din Tabel (TH) */
table th {
    /* background-color: #4a403a; */
    /* color: #d4a05c; */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5); /* Umbră text */
    /* Adaugă un gradient subtil (opțional) */
    /* background: linear-gradient(to bottom, #5a4f48, #4a403a); */
}

/* Imbunătățiri pentru Input-uri Text, Password, Select, Textarea */
.mid2 input[type="text"],
.mid2 input[type="password"],
.mid2 input[type="email"], /* Include email dacă folosești */
.mid2 input[type="number"], /* Include number dacă folosești */
.mid2 select,
.mid2 textarea {
    /* Păstrează stilurile de bază */
    /* padding: 8px 10px; */
    /* background-color: #3a3531; */
    /* color: #e0e0e0; */
    /* border: 1px solid #4a403a; */
    border-radius: 4px; /* Colțuri rotunjite */
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.5); /* Umbră interioară pentru efect de adâncime */
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Tranziție la focus */
}

/* Stil la focus (când input-ul este selectat) */
.mid2 input[type="text"]:focus,
.mid2 input[type="password"]:focus,
.mid2 input[type="email"]:focus,
.mid2 input[type="number"]:focus,
.mid2 select:focus,
.mid2 textarea:focus {
    border-color: #d4a05c; /* Bordură auriu/bronz la focus */
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.5), 0 0 8px rgba(212, 160, 92, 0.6); /* Umbră exterioară aurie */
    outline: none; /* Elimină outline-ul implicit al browserului */
}


/* Imbunătățiri pentru Butoanele .btn */
button.btn {
    /* Păstrează stilurile de bază */
    /* display: inline-block; */
    /* padding: 10px 20px; */
    /* background-color: #c94f2e; */
    /* color: #fff; */
    /* border: none; */
    border-radius: 4px; /* Colțuri rotunjite */
    cursor: pointer; /* Arată că este clicabil */
    box-shadow: 0 2px 5px rgba(0,0,0,0.5); /* Umbră sub buton */
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Tranziție la hover */

    /* Adaugă gradient la fundal (opțional) */
    background: linear-gradient(to bottom, #d46a45, #c94f2e);
    border: 1px solid #a04020; /* Bordură un pic mai închisă */
    color: #ffffe0; /* Culoare text alb-gălbui */
    font-weight: bold;
}

/* Stil la hover pentru butoane */
button.btn:hover {
    background: linear-gradient(to bottom, #e07c55, #d46a45); /* Gradient un pic mai deschis la hover */
    box-shadow: 0 3px 8px rgba(0,0,0,0.6); /* Umbră un pic mai mare la hover */
}

/* Stil la activare/apăsare pentru butoane */
button.btn:active {
    background: linear-gradient(to bottom, #c94f2e, #d46a4f); /* Schimbă gradientul la apăsare */
    box-shadow: 0 1px 3px rgba(0,0,0,0.6); /* Umbră mai mică la apăsare */
    transform: translateY(1px); /* Mută butonul un pic jos la apăsare */
}


/* Imbunătățiri pentru Mesaje (.message-block) */
.message-block {
    margin: 15px 0; /* Spațiu deasupra și dedesubt */
    padding: 10px; /* Spațiu interior */
    border-radius: 4px; /* Colțuri rotunjite */
    /* Bordura și fundalul specific vor fi pe .info-message, .success-message, .error-message */
}

.message-block .info-message {
    background-color: #4a403a; /* Fundal un pic mai deschis */
    color: #d4a05c; /* Text auriu/bronz */
    border: 1px solid #3a3531;
    padding: 10px;
    border-radius: 4px;
}

.message-block .success-message {
    background-color: #4f6b4f; /* Fundal verde subtil */
    color: #e0ffe0; /* Text alb-verzui */
    border: 1px solid #405040;
     padding: 10px;
    border-radius: 4px;
}

.message-block .error-message {
    background-color: #6b4f4f; /* Fundal roșu subtil */
    color: #ffe0e0; /* Text alb-roșiatic */
    border: 1px solid #504040;
     padding: 10px;
    border-radius: 4px;
}

/* Imbunătățiri pentru Link-uri (exemplu pentru cele din .info-links) */
.info-links a {
    color: #d4a05c; /* Culoare auriu/bronz */
    text-decoration: none; /* Fără subliniere implicită */
    transition: color 0.3s ease-in-out; /* Tranziție culoare la hover */
}

.info-links a:hover {
    color: #ffcc99; /* Culoare mai deschisă la hover */
    text-decoration: underline; /* Subliniere la hover */
}


/* Imbunătățiri pentru Rândurile Tabelului (ex: în .character-details-table, .item-create-table) - Adaugă Hover Effect */
/* Aplică la rândurile din tbody (nu la head sau footer) */
.character-details-table tbody tr,
.item-create-table tbody tr {
    transition: background-color 0.3s ease-in-out; /* Tranziție culoare fundal */
}

/* Stil la hover pentru rândurile din tabel */
.character-details-table tbody tr:hover,
.item-create-table tbody tr:hover {
    background-color: #4a403a; /* Culoare fundal un pic mai deschisă la hover */
    cursor: pointer; /* Arată că rândul poate fi interactiv (dacă este) */
}

button.btn {
    display: inline-block;
    padding: 10px 20px;
    margin-top: 10px;
    background-color: #6b5040; /* Fundal maro-roșiatic */
    color: #d4a05c; /* Text auriu/bronz */
    border: 1px solid #d4a05c; /* Chenar auriu/bronz */
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; /* Tranziție subtilă */
}

button.btn:hover {
    background-color: #d4a05c; /* Schimbă culorile la hover */
    color: #6b5040;
    border-color: #6b5040;
}


/* --- CSS pentru Mesaje Generale (Eroare, Succes, Informații) --- */
/* (Clase aplicate pe div-urile care conțin texte de mesaj) */

.message-block, .info-message-block {
    margin: 15px 0;
    padding: 12px;
    background-color: #302b27; /* Fundal bloc mesaj */
    border: 1px solid #4a403a;
    box-shadow: 0 1px 4px rgba(0,0,0,0.5);
    border-radius: 4px;
    text-align: center;
}

/* Culorile textului pentru mesaje */
.error-message { color: #ff6347; font-weight: bold; } /* Roșu */
.success-message { color: #90ee90; font-weight: bold; } /* Verde */
.info-message { color: #e0e0e0; font-weight: bold; } /* Text deschis */


/* --- CSS pentru Tabelul Istoric Banări --- */
/* (Clasa aplicată pe tabelul din secțiunea Istoric banări) */

table.ban-history-table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px auto;
    box-shadow: 0 1px 6px rgba(0,0,0,0.6);
    background-color: #302b27; /* Fundal tabel */
    color: #e0e0e0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    border: 1px solid #4a403a;
}

table.ban-history-table thead th {
    background-color: #4a3a31; /* Fundal antet */
    color: #d4a05c;
    font-weight: bold;
    padding: 10px 8px;
    text-align: left;
    border: 1px solid #4a403a;
    border-bottom: 2px solid #d4a05c;
}

table.ban-history-table tbody td {
    padding: 8px;
    border: 1px solid #3a3531; /* Chenar subtil */
    text-align: left; /* Aliniere implicită */
    word-break: break-word;
}

/* Aliniere și lățimi pe coloane pentru istoric banări */
table.ban-history-table tbody td:nth-child(1) { width: 150px; text-align: center; } /* Data */
table.ban-history-table tbody td:nth-child(2) { width: 80px; text-align: center; } /* Tip (Banat/Debanat) */
table.ban-history-table tbody td:nth-child(4) { width: 120px; text-align: center; } /* Admin */
/* Coloana Detalii (a 3-a) preia lățimea rămasă */


table.ban-history-table tbody tr:nth-child(odd) { background-color: #35302b; } /* Fundal rând impar */
table.ban-history-table tbody tr:hover { background-color: #45403b; } /* Fundal la hover */

/* Stil text Tip Banare */
.ban-type {
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 3px;
    display: inline-block; /* Permite padding */
    min-width: 60px; /* Lățime minimă */
    text-align: center; /* Centrează textul */
}
.ban-type.ban { color: #ff6347; background-color: rgba(255, 99, 71, 0.15); } /* Roșu */
.ban-type.unban { color: #90ee90; background-color: rgba(144, 238, 144, 0.15); } /* Verde */

/* Stil text Motiv Banare */
.ban-reason-text {
    font-style: italic;
    color: #e0e0e0; /* Text deschis */
}

.input1 {
    outline-color: #6a3b2c;
    width: 443px;
    height: 25px;
    color: #e4c5a4;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    padding: 2px;
    background-color: #100602;
    border: 1px solid #4a1605;
}

#login form input:not([type=submit]) {
	outline-color: #6a3b2c;
    width: 150px;
    height: 25px;
    color: #85633f;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    padding: 2px;
    background-color: #100602;
    border: 1px solid #4a1605;
	margin-top: 5px;
	margin-bottom: 5px;
}

table.table-style-one {
    width: 100%; /* Lățimea tabelului */
    border-collapse: collapse; /* Elimină spațiul dublu între chenare */
    margin: 20px auto; /* Spațiu deasupra/dedesubt și centrează */
    box-shadow: 0 2px 8px rgba(0,0,0,0.7); /* Umbră */
    background-color: #2a2521; /* Fundal maro-închis */
    color: #e0e0e0; /* Culoare text deschis */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Font */
    font-size: 14px; /* Dimensiune font */
    border: 1px solid #4a403a; /* Chenar exterior maro */
}

table.table-style-one thead th {
    background-color: #5a453a; /* Fundal antet maro-roșiatic */
    color: #d4a05c; /* Text auriu/bronz */
    font-weight: bold;
    padding: 10px 8px; /* Padding */
    text-align: left; /* Aliniere text antet */
    border: 1px solid #4a403a;
    border-bottom: 2px solid #d4a05c; /* Chenar jos auriu */
}

table.table-style-one tbody td {
    padding: 8px 8px; /* Padding interior celule */
    border: 1px solid #3a3531; /* Chenar subtil */
    text-align: left; /* Aliniere implicită la stânga pentru conținut */
    word-break: break-word; /* Permite textului lung să se întrerupă pentru a preveni depășirea */
}

/* Opțional: Aliniere specifică pentru coloane */
table.table-style-one tbody td:nth-child(1) { /* Coloana ID */
    text-align: center; /* Centrează ID-ul */
    width: 50px; /* Lățime fixă pentru ID */
}
table.table-style-one tbody td:nth-child(2) { /* Coloana IP */
    text-align: center; /* Centrează IP-ul */
    width: 120px; /* Lățime fixă pentru IP */
}
table.table-style-one tbody td:nth-child(3) { /* Coloana Nume */
    text-align: left;
    width: 150px; /* Lățime fixă pentru Nume */
}
table.table-style-one tbody td:nth-child(5) { /* Coloana Data */
    text-align: center; /* Centrează Data */
    width: 150px; /* Lățime fixă pentru Data */
}
/* Coloana Comanda (a 4-a) va ocupa lățimea rămasă, aliniată la stânga */


/* Fundal alternativ pentru rânduri */
table.table-style-one tbody tr:nth-child(odd) {
    background-color: #35302b; /* Nuanță ușor diferită de maro-gri */
}

/* Efect la trecerea cu mouse-ul peste rânduri */
table.table-style-one tbody tr:hover {
    background-color: #45403b; /* Fundal la hover */
}

/* Stil pentru mesajele de eroare (care înlocuiesc <font color="red">) */
.error-message {
    color: #ff6347; /* O nuanță de roșu-portocaliu din tema ta */
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
}
/* Stil pentru mesajele de succes (dacă există - care înlocuiesc <font color="green">) */
.success-message {
    color: #90ee90; /* O nuanță de verde deschis din tema ta */
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
}
	
/* CSS pentru Lista de Statistici */


/* CSS pentru Tabelul Formularului de Creare Item (Matching Theme) */

table.item-create-table {
    width: 100%; /* Make the table responsive or set a max-width */
    max-width: 500px; /* Example max-width - adjust if needed */
    border-collapse: collapse; /* Remove space between borders */
    margin: 20px auto; /* Center the table and add vertical margin */
    background-color: #3a3531; /* Dark background matching theme */
    color: #e0e0e0; /* Light text color */
    border: 1px solid #4a403a; /* Border matching theme */
    box-shadow: 0 2px 5px rgba(0,0,0,0.5); /* Optional shadow */
}

table.item-create-table th,
table.item-create-table td {
    padding: 10px; /* Padding inside cells */
    border: 1px solid #4a403a; /* Cell borders matching theme */
    text-align: left; /* Default text alignment */
}

table.item-create-table th {
    background-color: #4a403a; /* Slightly lighter background for headers */
    color: #d4a05c; /* Gold/bronze color for labels/headers */
    font-weight: bold;
    width: 150px; /* Adjust width for the label column as needed */
    vertical-align: top; /* Align label text to the top */
}

/* Style for alternate row colors */
table.item-create-table tbody tr:nth-child(odd) {
    background-color: #3a3531; /* Darker row */
}

table.item-create-table tbody tr:nth-child(even) {
    background-color: #403b37; /* Slightly lighter row */
}

/* Highlight style for specific labels (e.g., Stone #1, #2, #3) - uses class="highlight" on the th */
table.item-create-table th.highlight {
    color: #ff0000; /* Red color */
    /* Keep bold from general th style */
}

/* Style for input text and select elements inside the table cells */
table.item-create-table input[type="text"],
table.item-create-table select {
    /* Inherit basic input/select styles (padding, border, background, color) */
    width: calc(100% - 20px); /* Aceasta va fi 100% din lățimea TD minus padding */
    box-sizing: border-box; /* Include padding/border in width */
    margin: 0; /* Remove default input margins */
    display: inline-block; /* Ensure correct layout */
    vertical-align: top; /* Align with top of cell */
}

/* Specific width adjustment for smaller inputs like vnum, bonus values */
table.item-create-table input[name="vnum"],
table.item-create-table input[name^="boniv"] { /* Use attribute selector for bonus values */
    width: 70px; /* Example width for smaller inputs */
    display: inline-block; /* Ensure they sit next to selects */
    margin-right: 10px; /* Space between input and select if they are on the same line */
}

/* Ensure select and input sit side-by-side in bonus rows */
table.item-create-table td select + input[type="text"] {
    margin-left: 10px; /* Add space between select and input */
}

/* Style for the last row with submit/reset buttons */
table.item-create-table th[colspan="2"],
table.item-create-table td[colspan="2"] {
     text-align: center; /* Center the content */
     background-color: #4a403a; /* Background color for the footer row */
     padding: 15px; /* More padding */
}

/* Style the submit/reset buttons within the table - relies on .btn class */
table.item-create-table button.btn {
     /* Inherit .btn styles */
     margin: 0 10px; /* Space between buttons */
     vertical-align: middle; /* Align buttons vertically */
}

ul.statistics-list {
    list-style: none; /* Elimină marcatorii impliciti ai listei */
    padding: 0; /* Elimină padding-ul implicit al listei */
    margin: 20px 0; /* Adaugă spațiu deasupra și dedesubtul listei */
    /* Dacă vrei ca întreaga listă să aibă un fundal și o bordură, adaugă-le aici */
    /* background-color: #3a3531; */
    /* border: 1px solid #4a403a; */
    /* border-radius: 8px; */
}

ul.statistics-list li {
    display: flex; /* Aranjează eticheta și valoarea pe aceeași linie */
    align-items: center; /* Centrează vertical elementele în rând */
    padding: 8px 10px; /* Spațiu interior sus/jos/stânga/dreapta în fiecare item */
    border-bottom: 1px solid #4a403a; /* Linie separatoare între iteme */
    /* Poți adăuga culori alternate pentru rânduri (odd/even) aici, similar cu tabelele */
    /* background-color: #3a3531; */
}

ul.statistics-list li:last-child {
    border-bottom: none; /* Elimină bordura sub ultimul item */
}

/* Stil pentru partea de etichetă (textul înainte de două puncte) */
ul.statistics-list li .stat-label {
    flex: 0 0 180px; /* Lățime fixă pentru coloana etichetelor (ajustează dacă e nevoie) */
    margin-right: 15px; /* Spațiu între etichetă și valoare */
    font-weight: bold; /* Text îngroșat pentru etichetă */
    color: #d4a05c; /* Culoare auriu/bronz pentru etichete */
    text-align: left; /* Aliniere text la stânga în
 spațiul alocat */
}

/* CSS pentru Afișarea Numele Jucătorului în Formularele de Aplicare */

.player-name-display {
    margin-bottom: 15px; /* Spațiu sub acest bloc */
    font-size: 1.1em; /* Text un pic mai mare */
    color: #d4a05c; /* Culoarea auriu/bronz pentru textul general */
    text-align: center; /* Centrează textul */
    /* Opțional: o bordură sau fundal pentru a evidenția blocul */
    /* border-bottom: 1px solid #4a403a; */
    /* padding-bottom: 10px; */
}

/* Stil pentru numele jucătorului în interiorul blocului */
.player-name-display strong {
    color: #e0e0e0; /* Culoare text deschis pentru nume */
}

/* Stil pentru partea de valoare/link *
ul.statistics-list li .stat-value {
    flex: 1; /* Valoarea/link-ul ocupă spațiul rămas pe linie */
    color: #e0e0e0; /* Culoare text implicită (deschisă) */
    /* Stilul link-ului va fi definit mai jos */
}

/* Stil specific pentru link-urile din lista de statistici */
ul.statistics-list li .stat-value a {
    color: #e0e0e0; /* Culoare link implicită */
    text-decoration: none; /* Elimină sublinierea implicită a link-urilor */
    transition: color 0.3s ease-in-out; /* Tranziție fluidă la hover */
}

ul.statistics-list li .stat-value a:hover {
    color: #d4a05c; /* Culoare auriu/bronz la hover */
    text-decoration: underline; /* Subliniază la hover */
}

/* Asigură-te că stilurile generale pentru link-uri nu sunt prea specifice și permit aplicarea acestor stiluri */