body {
	/* фон страницы — общий, задаётся в /common/site-common.css */
	font-family: Calibri, Times New Roman;
	color: #ffffff;
	font-size: 14px;
	overflow: hidden;
	overflow-y: auto;
}

.page {
	position:absolute;
	top:150px;
	left:-525px;
	margin-left:50%;
	margin-top:20px;
	padding:0px;
	width:600px;
	background:none;
	/*display:none;*/
}

a:link, a:visited {
	color: #cece00;
}

.ul-bookmarks {
	background: none !important;
	border: 0 !important;
}

#bookmarks {
	position: absolute;
	width: 1050px;
	height: 560px;
	background-position: center center;
	/* вписать арт класса в секцию без искажения пропорций;
	   лишнее прячется краями (background-position: center) */
	background-size: cover;
	background-repeat: no-repeat;
}

#bookmark_eq {
	position: absolute;
	width: 1050px;
	height: 560px;
	z-index: 1;
}

#bookmarks.background-mage-01 {background-image: url(../img/back_mage01.webp)}
#bookmarks.background-heal-01 {background-image: url(../img/back_heal01.webp)}
#bookmarks.background-heal-02 {background-image: url(../img/back_heal02.webp)}
#bookmarks.background-glad-01 {background-image: url(../img/back_glad01.webp)}
#bookmarks.background-sin-01  {background-image: url(../img/back_sin01.webp)}
#bookmarks.background-rang-01 {background-image: url(../img/back_rang01.jpg)}
#bookmarks.background-tank-01 {background-image: url(../img/back_tank01.webp)}
#bookmarks.background-sm-01   {background-image: url(../img/back_sm01.webp)}
#bookmarks.background-bard-01   {background-image: url(../img/back_bard01.webp)}
#bookmarks.background-gu-01   {background-image: url(../img/back_gu01.webp)}
#bookmarks.background-rider-01 {background-image: url(../img/back_rider01.webp)}

.bookmark-border {
	width:140px;
	height:140px;
	position:absolute;
	background: no-repeat url(../img/border.png);
	z-index: 2;
}
#border_top_left {top:-25px;left:-25px;}
#border_top_right {top:-25px;right:-25px;background-position:-140px 0}
#border_bottom_left {bottom:-25px;left:-25px;background-position: 0 -140px}
#border_bottom_right {bottom:-25px;right:-25px;background-position: -140px -140px}

.bookmark-border-hor{
	position:absolute;
	width:820px;
	height: 50px;
	left:115px;
	background: repeat-x url(../img/border_h.png);
	z-index:2;
}
#border_top{
	top:-25px;
	left:115px;
}
#border_bottom {
	bottom:-25px;
	background-position:0 -50px;
}

.bookmark-border-vert{
	position:absolute;
	width:50px;
	height:330px;
	top:115px;
	background: repeat-y url(../img/border_v.png);
	z-index:2;
}
#border_left{
	left:-25px;
}
#border_right {
	right:-25px;
	background-position:-50px 0;
}

#bookmark_eqstats {
	width: 400px;
	height: 540px;
	background: url(../img/window.png);
	position: absolute;
	top: 10px;
	left: 20px;
	z-index: 40;
}
#bookmark_allstats {
	width: 400px;
	height: 540px;
	background: url(../img/window.png);
	position: absolute;
	top: 10px;
	right: 20px;
	z-index: 40;
	display: none;
}

#slots-wrapper {
	position: absolute;
	left: 37px;
	top: 10px;
}

#class-wrapper {
	position: absolute;
	left: 490px;
	top: -10px;
	background: no-repeat url(../img/classbckgr3.png);
	width:123px;
	height:87px;
	z-index: 30;
}

.item-rank-1{color:#ffffff}
.item-rank-2{color:#69e15e}
.item-rank-3{color:#4ccfff}
.item-rank-4{color:#ffbf00}
.item-rank-5{color:#ff8033}
/* .item-rank-6{color:#7a1ade} */
.item-rank-6{color:#bc79ff} 

.item_warning{font-size:13px !important;color:#ce7b7c;text-align:center !important}

.equipment-slot {
	width: 44px;
	height: 44px;
	border: transparent 2px solid;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 14px;
	font-weight: bold;
}

.slot-border {
	position: absolute;
	left: -17px;
	top: -17px;
	width: 74px;
	height: 74px;
	background: no-repeat url(../img/slot.png);
	z-index: 5;
}

.slot-border-hover {
	position: absolute;
	left: -2px;
	top: -2px;
	width: 44px;
	height: 44px;
	background: no-repeat url(../img/item_hover.png);
	z-index: 20;
	display: none;
}

.slot-border-inactive {
	position: absolute;
	width: 40px;
	height: 40px;
	background: #900;
	opacity: 0.6;
	filter:alpha(opacity=60);
	z-index: 15;
}

.slot-min-inactive {
	position: absolute;
	width: 30px;
	height: 30px;
	background: #900;
	opacity: 0.6;
	filter:alpha(opacity=60);
	z-index: 15;
}

.slot-min-border-hover {
	position: absolute;
	left: -2px;
	top: -2px;
	width: 34px;
	height: 34px;
	background: no-repeat url(../img/item_min_hover.png);
	z-index: 20;
	display: none;
}

.slot-border-armfusion {
	position: absolute;
	left: -63px;
	top: -17px;
	width: 120px;
	height: 115px;
	background: no-repeat url(../img/slot_arm.png);
	z-index: 5;
}

.slot-icon {
	background: url(../img/slots.png);
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

.slot-active-area {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

#slot-armfusion .slot-active-area, #slot-armfusion .slot-icon {
	width: 30px;
	height: 30px;
}

.img-armfusion {
	width: 30px;
	height: 30px;
}

#slot-weapon .slot-icon {background-position: 0 0}
#slot-armfusion .slot-icon {background: none}
#slot-shield .slot-icon {background-position: -40px 0}
#slot-ring_r .slot-icon {background-position: -80px 0}
#slot-ring_l .slot-icon {background-position: -120px 0}
#slot-headgear .slot-icon {background-position: 0 -40px}
#slot-legs .slot-icon {background-position: -40px -40px}
#slot-armor .slot-icon {background-position: -80px -40px}
#slot-necklace .slot-icon {background-position: -120px -40px}
#slot-gloves .slot-icon {background-position: 0 -80px}
#slot-shoulder .slot-icon {background-position: -40px -80px}
#slot-boots .slot-icon {background-position: -80px -80px}
#slot-wing .slot-icon {background-position: -120px -80px}
#slot-belt .slot-icon {background-position: 0 -120px}
#slot-earring_r .slot-icon {background-position: -40px -120px}
#slot-earring_l .slot-icon {background-position: -80px -120px}

#slot-weapon {left:365px;top:20px}
#slot-weapon.armfusion {left:355px;top:40px}
#slot-armfusion {display:none;left:306px;top:95px}
#slot-shield {left:320px;top:90px}
#slot-armor {left:280px;top:160px}
#slot-legs {left:265px;top:230px}
#slot-shoulder {left:265px;top:300px}
#slot-gloves {left:275px;top:370px}
#slot-boots {left:300px;top:440px}

#slot-headgear {left:605px;top:20px}
#slot-necklace {left:640px;top:85px}
#slot-earring_r {left:660px;top:150px}
#slot-earring_l {left:670px;top:220px}
#slot-ring_r {left:650px;top:285px}
#slot-ring_l {left:635px;top:352px}
#slot-belt {left:600px;top:420px}
#slot-wing {left:390px;top:480px}


.slot-text {
	position:absolute;
	width:305px;
	height:52px;
	background: no-repeat url(../img/back_item.png);
	margin-top:-6px;
	overflow: hidden;
	z-index: 2;
}

#slot-armfusion .slot-text {
	margin-top:-11px;
}

.slot-text-left {
	margin-left:35px;
}

.slot-text-right {
	margin-left:-295px;
}

.slot-text-left table {
	position: absolute;
	border: 0 none;
	height: 40px;
	margin: 0;
	padding: 0;
	left: 10px;
	height: 100%;
}

.slot-text-right table {
	position: absolute;
	border: 0 none;
	height: 40px;
	margin: 0;
	padding: 0;
	right: 15px;
	height: 100%;
}

.slot-text-right table td, .slot-text-left table td {
    line-height: 16px;
    vertical-align: middle;
}

.slot-toolbar-right, .slot-toolbar-left {
	width:20px;
	height: 60px;
	position:absolute;
	top: -10px;
	z-index:7;
}
.slot-toolbar-right {left: 43px;}
#slot-armfusion  .slot-toolbar-right {top:-15px; left: 33px;}
.slot-toolbar-left {left: -23px;}
.slot-toolbar-right div:hover, .slot-toolbar-left div:hover{background-position: 22px 0;}

.slot-toolbar-delete {
	position:absolute;
	top:0px;
	background:url(../img/close.png);
	width:20px;
	height:20px;
}
.slot-toolbar-right  .slot-toolbar-delete {left:3px}
.slot-toolbar-left .slot-toolbar-delete {left:-3px}

.slot-toolbar-modify {
	position:absolute;
	top:20px;
	background:url(../img/modify.png);
	width:20px;
	height:20px;
}

.slot-toolbar-randomize {
	position:absolute;
	top:40px;
	background:url(../img/randomize.png);
	width:20px;
	height:20px;
}
.slot-toolbar-right .slot-toolbar-randomize {left:3px}
.slot-toolbar-left .slot-toolbar-randomize {left:-3px}

.td-item-name {
	width: 240px;
	padding: 0;
}

.td-item-level {
	width: 30px;
	padding: 0;
	text-align: center;
}

.td-right {
	text-align: right;
	padding:0;
	margin:0;
}

#item-picker {
	position: absolute;
	top: 20px;
	left: 175px;
	width: 700px;
	height: 520px;
	z-index: 50;
	font-weight: bold;
	display: none;
}

#item-picker-wrapper {
	position: absolute;
	left:0px;
	width: 650px;
}

#item-picker-wrapper table.toolbar {
	margin: auto;
}

td.inputbox {
	padding:0;
	height: 26px;
}

#item-picker td {
	vertical-align: middle;
}

#item-list-wrapper {
	width:650px;
	height:385px;
	overflow-x:hidden;
	overflow-y:auto;
}

#items-list, #items-header {
	width:620px;
	height: 22px;
}

.items-list-row {
	cursor: pointer;
}

.items-list-lvl {
	width:21px;
	text-align: center;
}
.items-list-name {
	width:442px;
	text-align: left;
}

th.items-list-name {
	width:442px;
	text-align: center;
}

.items-list-stat {
	width: 141px;
	text-align: center;
}

#itemsearch {
	width: 250px;
}

#item-modify {
	position: absolute;
	top: 20px;
	left: 175px;
	width: 700px;
	height: 500px;
	z-index: 50;
	font-weight: bold;
	display: none;
}

#item-randomize {
	position: absolute;
	top: 20px;
	left: 175px;
	width: 700px;
	height: 500px;
	z-index: 50;
	font-weight: bold;
	display: none;
}

#item-compare {
	position: absolute;
	top: 20px;
	left: 175px;
	width: 700px;
	height: 500px;
	z-index: 50;
	font-weight: bold;
	display: none;
}

.value_positive{color:#00a800}
.value_negative{color:#b00000}

.compare-wrapper {
	width:98%;
	height:100%;
	overflow:auto;
}

/**************************************
               WINDOW
**************************************/
.window-top-left {
	background: url(../img/window/top_left.png);
	width: 90px;
	height: 15px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.window-top-right {
	background: url(../img/window/top_right.png);
	width: 90px;
	height: 15px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.window-top {
	background: url(../img/window/top.png);
	height: 15px;
	position: absolute;
	top: 0px;
	left: 90px;
	right: 90px;
}

.window-left {
	background: url(../img/window/left.png);
	width: 90px;
	position: absolute;
	top: 15px;
	left: 0px;
	bottom: 15px;
}

.window-right {
	background: url(../img/window/right.png);
	width: 90px;
	position: absolute;
	top: 15px;
	right: 0px;
	bottom: 15px;
}

.window-bottom-left {
	background: url(../img/window/bottom_left.png);
	width: 90px;
	height: 15px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.window-bottom-right {
	background: url(../img/window/bottom_right.png);
	width: 90px;
	height: 15px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.window-bottom {
	background: url(../img/window/bottom.png);
	height: 15px;
	position: absolute;
	bottom: 0px;
	left: 90px;
	right: 90px;
}

.window-center {
	background: url(../img/window/center.png);
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: 90px;
	right: 90px;
}

.window-content {
	position: absolute;
	top: 7px;
	bottom: 7px;
	left: 20px;
	right: 20px;
	overflow: hidden;
	text-align:center;
}

.window-modal {
	position: fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background: #ccc;
	opacity: 0.4;
	filter:alpha(opacity=40);
}

.window-close {
	position: absolute;
	top: 3px;
	right: 9px;
	width: 20px;
	height: 20px;
	background: url(../img/close.png)
}

.window-close:hover {
	background-position: 22px 0px;
}


/* tooltip styles */
#tooltip{
	width:375px;
}
.tooltipcontainer {
	background:#2f2718;
	padding:1px;
	z-index:110;
	position:absolute;
	display:none;
	opacity:0.95;
	filter:alpha(opacity=95);
	border-radius:5px;
}
	
.tooltipborder {
	border:#a6a580 1px solid;
	padding:2px;
	border-radius:5px;
}

#table_compare {
	border-collapse: collapse;
}
#table_compare td {
	padding: 2px;
}

.tooltipcontainer hr {background-color:#645848;border:0 none;color:#645848;height:1px;width:100%}
.tooltip_desc {font-size:13px;color:#b4b098;text-align:left}
.tooltip_value {font-size:13px;color:white;text-align:left;font-weight:bold}
.tooltip_info {font-size:13px;color:#ccae6d;text-align:left;font-weight:bold}
.tooltip_green{color:#d8c813}
.tooltip-inactive .tooltip_desc, .tooltip-inactive .tooltip_value, .tooltip-inactive .tooltip_info {color:gray}

.tooltip_centered {text-align:center;}
.tooltip-border-left {border-left: #CCAE6D 0px solid}
.tooltip_manastone_empty {background:url(../img/manastonesocket.png) no-repeat;background-position:5px center;height:22px}
.tooltip_manastone_optional {background:url(../img/manastonesocket_optional.png) no-repeat;background-position:5px center;height:22px}
.tooltip_manastone_special {background:url(../img/manastonesocket_special.png) no-repeat;background-position:5px center;height:22px}
.tooltip-manastone-0 {background:url(../img/manastone0.png) no-repeat;font-size:13px;color:white;text-align:left;
	font-weight:bold;background-position:5px center;padding-left:32px;vertical-align:middle;height:22px}
.tooltip-manastone-1 {background:url(../img/manastone1.png) no-repeat;font-size:13px;color:white;text-align:left;
	font-weight:bold;background-position:5px center;padding-left:32px;vertical-align:middle;height:22px}
.tooltip-manastone-2 {background:url(../img/manastone2.png) no-repeat;font-size:13px;color:white;text-align:left;
	font-weight:bold;background-position:5px center;padding-left:32px;vertical-align:middle;height:22px}
.tooltip_name {font-size:15px;text-align:left;font-weight:bold}
.setitem_active {font-size:13px;color:#ccae6d;text-align:left;font-weight:bold}
.setitem_inactive {font-size:13px;color:#b4b098;text-align:left}

.tooltip-manastone-ancient {font-size:13px;color:white;text-align:left;font-weight:bold;padding-left:32px;vertical-align:middle;height:22px}
.ancient-1 {background:url(../img/ancient_manastones_small_1.png) no-repeat;background-position:5px center}
.ancient-2 {background:url(../img/ancient_manastones_small_2.png) no-repeat;background-position:5px center}
.ancient-3 {background:url(../img/ancient_manastones_small_3.png) no-repeat;background-position:5px center}

#class-picker {
	width: 50px;
	position: absolute;
	top:36px;
	left:69px;
}

#class-picker:hover {
	width: 150px;
}

#class-level {
	width: 30px;
	height: 20px;
	background: transparent;
	border: 0 none;
	padding: 0;
	margin:0;
	font-size: 16px;
	position: absolute;
	left: 23px;
	top: 42px;
	color: white;
	text-align: center;
}
.class-picker-row {
	width: 40px;
	height: 32px;
	margin-bottom: 2px;
	margin-right: 2px;
	float: left;
	cursor: pointer;
}

.class-picker-icon {
	width:32px;
	height:32px;
	float: left;
	background-image: url(../img/classes.png);
}
.class-picker-label {
	width:105px;
	height:32px;
	float: left;
	display: none;
}
.class-picker-label td {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	height: 30px;
	width: 105px;
	padding: 0px;
	margin: 0px;
}

.select-hidden {
	display:none;
	position:relative;
	left: -50px;
	z-index:100;
}

.select-hidden .class-picker-row {
	width: 152px; 
	background: url(../img/classsmall.png);
}

.select-hidden .class-picker-row:hover {
	background-position: 0 -32px;
}

.select-hidden .class-picker-icon {
	left:5px;
	position: relative;
}

.select-hidden .class-picker-label {
	display: inline;
}

#class-icon-all div.class-picker-icon {background-position: -128px 0px}
#class-icon-priest div.class-picker-icon {background-position: -32px -32px}
#class-icon-chanter div.class-picker-icon {background-position: 0px -32px}
#class-icon-fighter div.class-picker-icon {background-position: 0px 0px}
#class-icon-knight div.class-picker-icon {background-position: -32px 0px}
#class-icon-ranger div.class-picker-icon {background-position: -64px 0px}
#class-icon-assassin div.class-picker-icon {background-position: -96px 0px}
#class-icon-wizard div.class-picker-icon {background-position: -64px -32px}
#class-icon-elementalist div.class-picker-icon {background-position: -96px -32px}
#class-icon-gunner div.class-picker-icon {background-position: -160px -0px}
#class-icon-bard div.class-picker-icon {background-position: -160px -32px}
#class-icon-rider div.class-picker-icon {background-position: -128px -32px}

#order-field {
	position: relative;
}

#order-field table {
	width: 100%;
	border-collapse: collapse;
}
#order-field .select-hidden {
	position:absolute;
	width: 310px;
	left: -142px;
	height: 200px;
}

.order-field-row {
	margin-bottom: 2px;
	margin-right: 2px;
	cursor: pointer;
}

.select-hidden .order-field-row {
	width: 140px;
	height: 22px;
	float: left;
}

.order-field-label {
	float: left;
	border-collapse: collapse;
	padding:0;
	margin:0;
	border: 0 none;
	background: no-repeat url(../img/fieldback.png);
	background-position: 0 -22px;
}

.order-field-label:hover {
	background-position: 0 0;
}

.order-field-label td {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding: 0;
}
.order-field-label td {
	width: 140px;
	height: 22px;
}

#item_wptype, #item_eqtype, #stat-filter {
	position: relative;
}

#item_wptype .select-hidden, #item_eqtype .select-hidden{
	position: absolute;
	width: 150px;
	left: 0px;
}

#stat-filter .select-hidden {
	position: absolute;
	width: 300px;
	left: 0px;
	z-index: 20;
}

#price_tooltip .tooltipborder{padding-bottom:2px;width:400px}
#price_tooltip2 .tooltipborder{padding-bottom:2px;width:400px}

.price_text{width:280px;text-align:left}
.price_amount{width:70px;text-align:right}
.price_image{width:50px}
.itembox_c {width:40px;height:40px;border:0px none;background-repeat:no-repeat;background-position:center center;cursor:pointer}

#item-randomize .window-content {
	padding-top: 20px;
}
.random-row {
	width: 600px;
	height: auto;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin: auto;
	padding: 5px 0;
	margin-bottom: 5px;
	background: #060C14;
	opacity: 0.9;
	cursor: pointer;
	transition: background 0.3s ease-out;
}

.random-row-checked{
	background: #5E961E;
}

.random-row:hover  {
	background: #ef7e4a;
}

.random-prob{
	width: 60px;
	text-align: center;
	vertical-align: middle;
}
.random-stats {
	width: 540px;
	text-align: center;
}

.nowrap {
	white-space: nowrap;
}

.enchant-wrapper {
	margin: auto;
}

.enchant-box {
	width: 28px;
	height: 28px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-user-select: none;
	background: #060C14;
	margin: 3px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	transition: background 0.3s ease-out;
}
.enchant-box-optional{background: #3E4349;}
.enchant-box-checked{background: #5E961E;}
.enchant-box:hover  {background: #ef7e4a;}

.authorize-box {
	width: 28px;
	height: 28px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-user-select: none;
	background: #060C14;
	margin: 3px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	transition: background 0.3s ease-out;
}
.authorize-box-optional{background: #3E4349;}
.authorize-box-checked{background: #5E961E;}
.authorize-box:hover  {background: #ef7e4a;}


.augment-box {
	width: 190px;
	height: 28px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #060C14;
	margin: 3px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	transition: background 0.3s ease-out;
	overflow: hidden;
}

.augment-box:hover  {background: #ef7e4a;}
.augment-box-checked{background: #5E961E;}

.manastone-slot-icon {
	width: 40px;
	height: 40px;
	background: no-repeat url(../img/manastones.png);
	padding: 0px;
	margin: 0px;
	border: 0px none;
	cursor:pointer;
}

.manastone-slot-name {
	width: 130px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	padding-left: 5px;
}

.manastone-slot-icon-rank-1 {background-position: -40px 0}
.manastone-slot-icon-rank-2 {background-position: 0 -40px}
.manastone-slot-icon-rank-3 {background-position: -40px -40px}

.manastone-slot-icon-ancient {background:no-repeat url(../img/ancient_manastones.png);background-position: 0 0}
.manastone-slot-icon-ancient-rank-1 {background:no-repeat url(../img/ancient_manastones.png);background-position: -40px 0}
.manastone-slot-icon-ancient-rank-2 {background:no-repeat url(../img/ancient_manastones.png);background-position: 0 -40px}
.manastone-slot-icon-ancient-rank-3 {background:no-repeat url(../img/ancient_manastones.png);background-position: -40px -40px}

#manastone_picker {
	width: 500px;
	height: 320px;
	position: absolute;
	left: 275px;
	top: 105px;
}
.manastone_picker-ancient {
	width: 730px !important;
	left: 160px !important;
	height: 265px !important;
	top: 135px !important;
}

#manastone_picker .tooltipborder {height: 314px}
#manastone_picker.manastone_picker-ancient .tooltipborder {height: 258px}

#manastone-picker-wrapper {
	width: 140px;
	height: 312px;
}

.manastone-stat {
	width:140px;
	height: 22px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #060C14;
	margin-bottom: 2px;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
	transition: background 0.3s ease-out;
	cursor: pointer;
}
.manastone-stat-checked{background: #5E961E}
.manastone-stat:hover  {background: #ef7e4a}


#manastone_levels {
	position: absolute;
	left: 150px;
	top: 5px;
	width: 345px;
}

#manastone_names {
	position: absolute;
	left: 150px;
	top: 50px;
	width: 340px;
	height: 265px;
}

#ancient_manastone_names {
	position: absolute;
	left: 10px;
	top: 50px;
	width: 715px;
	height: 355px;
	overflow: auto;
}

#ancient_manastone_ranks {
	position: absolute;
	left: 10px;
	top: 5px;
	width: 685px;
	height: 10px;
}

.manarank-box {
	width: 150px;
	height: 28px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #060C14;
	margin: 3px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	transition: background 0.3s ease-out;
}
.manarank-box-checked{background: #5E961E;}
.manarank-box:hover  {background: #ef7e4a;}

.manalevel-wrapper {
	margin: auto;
}

.manalevel-box {
	width: 50px;
	height: 28px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #060C14;
	margin: 3px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	transition: background 0.3s ease-out;
}
.manalevel-box-checked{background: #5E961E;}
.manalevel-box:hover  {background: #ef7e4a;}
.manastone-picker-item {
	float: left;
	margin-bottom: 2px;
	cursor:pointer;
}
div.manastone-slot-icon, table.manastone-slot-name {float: left}

.manastone-delete {
	left: 25px;
	position: relative;
	top: -15px;
	background: url(../img/close.png);
	width: 22px;
	height: 22px;
}
.manastone-delete:hover {
	background-position: -22px 0;
}

#bookmark_allstats table {
	margin:auto;
	width: 90%;
}

#bookmark_allstats table:first-child {
	padding-top: 25px;
}
#bookmark_allstats .title {
	position: absolute;
	width: 60%;
	left: 20%;
	text-align: center;
	top: 1px;
}

#bookmark_allstats .tooltip_desc{
	font-weight: bold;
}

.hp-bar {
	width: 90%;
	border : 1px black solid;
	background: #dd2b0c;
	text-align: center;
}

.mp-bar {
	width: 90%;
	border : 1px black solid;
	background: #1997ff;
	text-align: center;
}

#right_buttons {
	position:absolute;
	bottom: 10px;
	right: 30px;
	z-index: 3;
}

#left_buttons {
	position:absolute;
	bottom: 10px;
	left: 30px;
	z-index: 3;
}

.main-button {
	background: #473d3a;
	border: 1px solid #b98147;
	-moz-user-select: none;
	font-weight: bold;
	cursor: pointer;
	float: right;
	border-collapse: collapse;
	position: relative;
}

.plus-button {
	border: 1px none;
	-moz-user-select: none;
	float: right;
	border-collapse: collapse;
}

.plus-button td {
	height: 22px;
	border: none;
	text-align: center;
	vertical-align: middle;
}
.main-button td {
	height: 22px;
	border: none;
	padding: 0 10px;
	text-align: center;
	vertical-align: middle;
}

.delete-set-button {
	width: 22px;
	height: 22px;
	background: url(../img/close.png);
	position: absolute;
	top: -18px;
	right: 2px;
}
.delete-set-button:hover {background-position:-22px 0px}

#add_set_button {
	width: 22px;
	height: 22px;
	background: url(../img/modify.png);
	cursor: pointer;
}
#add_set_button:hover {background-position:-22px 0px}

.main-button.active, .main-button:hover {
	background: #af583b;
}

#left_buttons .main-button {
	float: left;
}

#share-link {
	position: absolute;
	top: 170px;
	left: 275px;
	width: 500px;
	height: 200px;
	z-index: 50;
	font-weight: bold;
	display: none;
}

#share-link .window-content {
	padding-top: 40px;
}

#share-link input {
	width: 80%;
}

#loading {
	position: absolute;
	top: 225px;
	left: 400px;
	width: 250px;
	height: 120px;
	z-index: 50;
	font-weight: bold;
	display: none;
}

#loading .window-content {padding-top:30px}
#loading table {margin: auto}
#loading td {padding: 0 10px}

#lang_buttons {
	position:absolute;
	top: 4px;
	right: 30px;
	z-index: 3;
}

#lang_buttons td {
	width: 28px;
	height: 18px;
	padding: 0px;
	font-size: 1px;
}

.lang-icon {
	background: url(../img/flags.png);
}

#lang_en {background-position: -28px 0}
.lang-incative{
	opacity: 0.3;
	border: transparent 1px solid;
}

#item-picker input[type="checkbox"], #item-picker label {
	-moz-user-select: none;
}

.table-button-big {
	width: 200px;
	height: 52px;
	border-collapse: collapse;
	border: 0px none;
	margin: auto;
	padding: 0px;
	margin-top: 10px;
}

.table-button-big td {
	width: 200px;
	height: 52px;
	background: url(../img/button_big.png);
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.table-button-big td:hover {
	color: #ff8033
}

#beta_info {
	position: absolute;
	top: 20px;
	left: 175px;
	width: 700px;
	height: 500px;
	z-index: 50;
	font-weight: bold;
	display: none;
}

#beta_info .window-content {text-align: left;}
#beta_info h2 {text-align: center;}

#stat_detail .tooltipborder {padding-bottom: 2px;}

#cost_info {
	width:25px;
	height:25px;
	background:url(../img/price.png);
	position:absolute;
	left:360px;
	top:36.5px;
}

#cost_info:hover {
	background-position: 25px 0px;
}

#cost_tooltip {
	width:360px;
	height:auto;
	position:absolute;
	top:25px;
	right:5px;
}

#cost_tooltip table {
	padding-top: 6px !important;
	width: 100% !important;
}

.compare-delete {
	font-size:13px;
	color:#c60000;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}

#copyright {
	position: absolute;
	width: 1000px;
	top: 570px;
	background-position: center center;
	text-align:right;
	color:#f9c94f;
	font-size: 12px;
}

.tooltip {
	position: absolute;
	border: 1px black solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	display: none;
	z-index: 150;
	background: #fff2c1;
	color: #2b0d01;
	opacity: 0.9;
	filter:alpha(opacity=90);
}

.items-list-info {
	float:right;
	margin: 0 0 2px 2px;
	width:20px;
	height:20px;
	background:url(../img/tips.png);
}

.items-list-info-random {background-position: 0px -20px}
.items-list-info-tradable {background-position: 0px 0px}
.items-list-info-extend {background:url(../img/tips.png);background-position: -20px 0px}
.items-list-info-accountbound {background-position: -20px -20px}
.items-list-info-set {background:url(../img/tips.png);background-position: -40px 0px}
.items-list-info-pvp {background:url(../img/tips.png);background-position: -40px -20px}

.bottom_link {
	width: 154px;
	height: 35px;
	position:absolute;
	background:url(../img/bottom_link.png);
	top:560px;
}

.bottom_link a {
	text-decoration: none;
	color: #f9c94f;
}

#stigmalink {left: 80px}
#craftlink {left: 235px}

#stigmalink_wrap {
	position:absolute;
	bottom: 5px;
	width: 154px;
	text-align:center;
	z-index: 30;
}

.emptytable, .emptytable td {
	padding:0px;
}

.itemtooltip-container, .itemtooltip-container table {
	width:100%;
	padding:0px;
	border-collapse:collapse;
}
.itemtooltip-iconpane {
	width:45px;
	height:45px;
	vertical-align:top;
}
.itemtooltip-icon {
	width: 40px;
	height: 40px;
	z-index: 10;
	position:absolute;
}

.itemtooltip-descpane p {margin:1px}
.clear{clear:both}
.itemtooltip-status {
	width: 25px;
	height: 25px;
	float:left;
	background:url(../img/item_statuses.png);
}

.itemtooltip-status-depositchar {background-position:0px -25px}
.itemtooltip-status-depositaccount {background-position:-25px -25px}
.itemtooltip-status-depositguild {background-position:-50px -25px}
.itemtooltip-status-cannotsale {background-position:-50px -75px}
.itemtooltip-status-noextract {background-position:0px -75px}
.itemtooltip-status-noskin {background-position:-25px -50px}
.itemtooltip-status-nomultiskin {background-position:-50px -50px}
.itemtooltip-status-noarmfusion {background-position:-25px 0px}
.itemtooltip-status-apextract {background-position:-25px -75px}
.itemtooltip-status-noenchant {background-position:0px -50px}
.itemtooltip-status-nomodify {background-position:-75px -50px}

#pager-wrapper {
	margin:auto;
	padding-right:91px;
	margin-top:4px;
	padding-left:81px;
	width:72px;
	height:22px;
	background: url(../img/wheel.png) no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 #pager-wrapper{background-position:0px -22px;} 
}

.page-selector {
	background: url(../img/pager.png);
	background-position:-28px 0px;
	float: left;
	width:14px;
	height:14px;
	margin-left:10px;
}
.page-selector.active {
	background-position:0px 0px;
}

.enchant-bar {
	margin:auto;
	margin-top:5px;
	width:95%;
	height:9px;
	position:relative;
	background:url(../img/enchant_bars.png) 0px -81px;
}
.enchant-bar-left {
	width:10px;height:9px;
	position:absolute;
	left:-5px;top:0px;
	background:url(../img/enchant_bars.png) 0px -72px;
}
.enchant-bar-right {
	width:10px;height:9px;
	position:absolute;
	right:-5px;top:0px;
	background:url(../img/enchant_bars.png) -7px -72px;
}

.enchant-bar-god1 {background-position:0px -9px}
.enchant-bar-god1 .enchant-bar-left {background-position:0px 0px}
.enchant-bar-god1 .enchant-bar-right {background-position:-7px 0px}
.enchant-bar-god2 {background-position:0px -27px}
.enchant-bar-god2 .enchant-bar-left {background-position:0px -18px}
.enchant-bar-god2 .enchant-bar-right {background-position:-7px -18px}

.enchant-bar-mag1 {background-position:0px -45px}
.enchant-bar-mag1 .enchant-bar-left {background-position:0px -36px}
.enchant-bar-mag1 .enchant-bar-right {background-position:-7px -36px}
.enchant-bar-mag2 {background-position:0px -63px}
.enchant-bar-mag2 .enchant-bar-left {background-position:0px -54px}
.enchant-bar-mag2 .enchant-bar-right {background-position:-7px -54px}


#version_info {
	background-image: url(../img/ver.png?45);
	position:absolute;
	top:10px;
	right:10px;
	z-index: -1;
}

.version-37 {
	width:90px;
	height:65px;
}
.version-40 {
	width:90px;
	height:65px;
	background-position: -96px -2px;
}
.version-403 {
	width:128px;
	height:85px;
	background-position: -195px -6px;
}
.version-45 {
	width:84px;
	height:63px;
	background-position: 0px -100px;
}

.no-border {
	width: 100%;
	border: 0px none;
	border-collapse: collapse;
}

.no-border td {vertical-align: middle}
.items-list-icon-container {height:auto; min-height:20px; overflow:hidden;}
/* три значка статуса (tradable/pvp/random) в одну строку: ячейка 41px мала, даём 70px */
#items-list td[width="41"] {width: 66px;}

#toggle_diff, .compare-set-change {
	cursor:pointer;
	text-align: center;
}

input.filter_checkbox {
	display:none;
}

input.filter_checkbox + label::before {
	content: "";
	display: inline-block;
	height: 19px;
	width: 19px;
	margin: 0 5px -5px 0;
	background-image: url(../img/checkbox.png);
	background-repeat: no-repeat;
}
input.filter_checkbox + label::before {
	background-position: 0px 0px;    
}
input.filter_checkbox:checked + label::before {
	background-position: 0px -21px;
}

span.inputbox input {
	background: url(../img/textbox.png);
	background-position: 0px -72px;
	border:0px none;
	height: 24px;
	color: white;
	padding:0px;
}

span.inputbox input:focus {
	background-position: 0px -24px;
}

span.inputbox::before {
	content: "";
	display: inline-block;
	height: 24px;
	width: 5px;
	margin: 0 0 -7px 0;
	background-image: url(../img/textbox.png);
	background-position: 0px -48px;
}

span.inputbox::after {
	content: "";
	display: inline-block;
	height: 24px;
	width: 5px;
	margin: 0 0 -7px 0;
	background-image: url(../img/textbox.png);
	background-position: -5px -48px;
}

span.inputbox.focused::before {background-position: 0px 0px;}
span.inputbox.focused::after {background-position: -5px 0px}

#stat_from, #stat_to {
	text-align: center;
	width: 35px;
}
#version_select {
	position: absolute;
	top: 4px;
	right: 105px;
	z-index: 3;
}
#version_select .select-hidden {
	position: absolute;
	width: 160px;
	left: 0px;
}

/* Всплывающее уведомление «ссылка скопирована» (как кнопка копирования в стигмах) */
#copyMessage {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: #363636;
	font-size: 0.9rem;
	color: #F1C90B;
	padding: 10px 20px;
	border-radius: 5px;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.5s, visibility 0.5s;
	max-width: 300px;
	word-wrap: break-word;
	z-index: 999;
}

#copyMessage.show {
	visibility: visible;
	opacity: 1;
}

/* Стабилизация ширины столбцов таблицы сравнения: скрытая ячейка-заглушка
   держит колонку «разницы», а #toggle_diff задаёт минимум первой колонки —
   при переключении «Показать/скрыть различия» таблица не «скачет» */
.compare-diff-placeholder {
	visibility: hidden;
}

#toggle_diff {
	width: 120px;
}