/* Global */
@font-face {font-family: CustomFont; src:url('font/EuropeExt.otf');}
body,table,td,th {font-size: 11px; color: #FFFFFF; font-family:CustomFont;}

a:link {color: #CCCCCC; text-decoration: none;}
a:visited {color: #CCCCCC; text-decoration: none;}
a:active {color: #FFFFFF; text-decoration: none;}
a:hover {color: #FFFFFF; text-decoration: none;}

.online {color: #00ff00;}
.offline {color: #ff0000;}

.block_bg {background:#FFFFFF; padding:6px;}
.hr-online-acc {border:0px; border-top: 1px solid #19B0F5;}
.sizedforum {max-width:480px; width:expression(this.scrollWidth > 480? "480px" : "auto" ); overflow:auto; overflow-y:hidden;}
.sizedcomment {max-width:370px; width:expression(this.scrollWidth > 370? "370px" : "auto" ); overflow:auto; overflow-y:hidden;}
.info-table {background:url('img/bg.png'); color: #FFFFFF; text-align: center; border:1px solid #000000;}
.info-td {background:#850000; color:#FFFFFF; text-align: center;}
.div-menu-out {cursor:pointer; color:#CCCCCC; font-weight: bold;}
.div-menu-over {cursor:pointer; color:#FFFFFF; font-weight: bold;}

.helpLink {color: #FFFFFF; text-decoration: underline; cursor: help;}
.helpLink:hover {color: #CCCCCC; text-decoration: underline; cursor: help;}
#tooltip {position: absolute; border: 1px solid #000000; background: url('img/title.png'); color: #000000; padding: 3px; max-width: 468px; -moz-opacity: 0.85; filter: alpha(opacity=85); z-index: 0;}
#tooltip h3, #tooltip div {margin: 0; font-size: 11px; font-family:CustomFont;}

input,textarea,option,button {font-size:10px; color: #FFFFFF; border: 1px solid #19B0F5; background:url('img/gr.png') #0C80D1 repeat-x top; padding: 0px; font-family:CustomFont;}
input {padding-left: 2px; padding-right: 2px;}
select.selections {font-size: 11px; color: #FFFFFF; text-decoration: none; background: #0C80D1 repeat-x top;}
select {font-size: 11px; color: #000000; text-decoration: none; background: #FFFFFF repeat-x top; border:0px; padding: 0px; font-family:CustomFont;}
form,img {display: inline; padding: 0; margin: 0; border: 0;}
label {cursor: hand;}

.aBlock {padding: 0px; border: 1px solid #850000; background:url('img/bg.png');}
.aRight {padding: 0px; padding-left: 3px; padding-top: 3px; color:#FFFFFF; font-size:10px; background:url(img/comment.png); height:16px; width:110px;}
/* --------------- */

/* Tables */
.sort-table {border-collapse: collapse;}
.sort-table thead td {border: 1px solid #19B0F5; background:url('img/gr.png'); padding: 2px 5px;}
.sort-table tbody td {border: 1px solid #19B0F5; background:url('img/bg.png'); padding: 2px 5px;}
/* --------------- */

/* News */
.eBlock {border: 0px dashed #000000;}
.eTitle {background: url('img/news.gif') no-repeat 0 1px; padding-left: 18px; font-size: 14px; font-weight: bold;}
a.eTitleLink:link,a.eTitleLink:visited,a.eTitleLink:hover,a.eTitleLink:active {font-size: 14px; font-weight: bold;}
.eMessage {border-top: 1px solid #850000; text-align: justify; padding: 2px;}
.eDetails {background:url('img/bg.png'); padding-left: 2px; text-align: left; color: #FFFFFF; font-size: 9px; border: 1px solid #850000;}
.eDetails a {text-decoration: none; color: #CCCCCC; font-size: 9px;}
.eDetails a:hover {text-decoration: none; color: #FFFFFF; font-size: 9px;}
/* --------------- */

/* User Level Marks */
.level0 {text-decoration: none; color: #3399FF;}
a.level0:link,a.level0:visited {text-decoration: none; color: #3399FF;}
a.level0:hover,a.level0:active {text-decoration: none; color: #44AAFF;}
.level32 {text-decoration: none; color: #FF0000; font-weight: bold;}
a.level32:link,a.level32:visited {text-decoration: none; color: #FF0000; font-weight: bold;}
a.level32:hover,a.level32:active {text-decoration: none; color: #CF0F0F; font-weight: bold;}
/* ---------------- */

/* Items BackGround and size */
.item-table {border-collapse: collapse;}
.item-td-ancient {border: 1px solid #19B0F5; background: url('img/anc.png'); cursor: help;}
.item-td-exc {border: 1px solid #19B0F5; background: url('img/exc.gif'); cursor: help;}
.item-td-other {border: 1px solid #19B0F5; cursor: help;}
.item-slot {border: 1px solid #19B0F5; width: 35px; height: 35px;}
.item-sell {border: 1px solid #19B0F5; width: 80%; padding: 4px;}
.item-ancient {color: #660099;}
.item-exc {color: #448800;}
.item-other {color: #FFFFFF;}

.item-option {color: #80B2FF;}
.item-lvl380 {color: #CC80CC;}
.item-harmony {color: #FFCC19;}
.item-socket {color: #CC80CC;}
/* ---------------- */

/* Okey and Die */
.okey {border: 2px solid #009600; padding: 2px; color: #009600;}
.die {border: 2px solid #DC0000; padding: 2px; color: #DC0000;}
/* ---------------- */

/* Theme Style */
.body-style {background:url('img/footer.png') no-repeat center bottom #000000; margin:10px; padding:0px;}
.head-logo {background:url('img/logo.png') no-repeat top center; height:256px;}
.lg-text {width:140px; height:20px; text-align: center;}
.lg-enter {height:20px; text-align: center;}
#menu_links a {color: #CCCCCC; display: block; padding: 2px; padding-left: 4px; font-size: 12px;}
#menu_links a:hover {color: #FFFFFF; background:url('img/bg.png'); text-decoration: none; padding: 1px; padding-left: 6px; border: 1px solid #DD0000; font-size: 12px;}
.block-head {background:url('img/block_up.png') no-repeat top center; padding-top: 5px; font-weight: bold; height: 44px; text-align: center; font-size: 12px;}
.block-body {background:url('img/block_down.png') no-repeat bottom center; padding: 0 6 10 6px; height: 40px;}
.center-head {background:url('img/center_up.png') no-repeat top left; padding-top: 5px; font-weight: bold; height: 50px; text-align: center; font-size: 12px;}
.center-body {background:url('img/center_down.png') no-repeat bottom right; padding: 0 10 30 10px;}
/* ---------------- */