/**
 * Checkroom of online RPG APEHA.ru
 * Special for zarctvo.ru (Царство Небесное)
 * 
 * Copyright (c) 2009 FINTER
 * email: blinovsv@gmail.com
 *
 * Date: 20-10-2009 
 * City: Moscow
 */

* { margin: 0px; padding: 0px; }

body {
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", sans-serif;
	font-size: 14px;
	background: #DEEBE9;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.plus { background: lightgreen; }
.minus { background: pink; }

table{ border: 0 none; border-collapse: collapse; }

.character {
	margin: 30px;
}

/* panel */
.race-wrapper { font-size: 14px; margin-bottom: 30px; }
.race  { width: 120px; margin: auto; }

.equipment {
	margin: 0px 0px 0px 0px;
	position: relative;
	width: 221px;
	height: 339px;
	background: url("../img/char-bg2.jpg");
}

.equipment > div {
	position: absolute;
	border: 2px solid #305f98;
    -moz-box-shadow:    0px 0px 3px 0px #305f98, inset 0px 0px 3px 0px #305f98;
    -webkit-box-shadow: 0px 0px 3px 0px #305f98, inset 0px 0px 3px 0px #305f98;
    box-shadow:         0px 0px 3px 0px #305f98, inset 0px 0px 3px 0px #305f98;
}

.equipment > div:hover {
	border: 2px solid #5782b6;
}

.helm    { left:  84px; top:   2px; width: 50px; height: 50px; }
.amulet  { left:  84px; top:  60px; width: 50px; height: 25px; }
.armor   { left:  84px; top:  92px; width: 50px; height: 75px; }
.belt    { left:  84px; top: 174px; width: 50px; height: 25px; }
.braces  { left: 161px; top:  50px; width: 50px; height: 50px; }
.gloves  { left: 161px; top: 117px; width: 50px; height: 50px; }
.weapon1 { left:   1px; top: 174px; width: 75px; height: 50px; }
.weapon2 { left: 140px; top: 174px; width: 75px; height: 50px; }
.ring1   { left:   2px; top: 239px; width: 30px; height: 30px; }
.ring2   { left:  46px; top: 239px; width: 30px; height: 30px; }
.ring3   { left: 142px; top: 239px; width: 30px; height: 30px; }
.ring4   { left: 186px; top: 239px; width: 30px; height: 30px; }
.ring5   { left:   2px; top: 300px; width: 30px; height: 30px; }
.ring6   { left:  46px; top: 300px; width: 30px; height: 30px; }
.ring7   { left: 142px; top: 300px; width: 30px; height: 30px; }
.ring8   { left: 186px; top: 300px; width: 30px; height: 30px; }
.boots   { left:  84px; top: 282px; width: 50px; height: 50px; }
.pancu   { left:  84px; top: 226px; width: 50px; height: 50px; }

#stats { }

.stat-l, .stat-r { width: 40px; padding: 0px 10px; }

.stat-l { text-align: right; }
.stat-r { text-align: left; }
.stat-name { text-align: center; width: 120px; }

#stats table, #stats tr, #stats td, #stats th { font-size: 13px; line-height: 16px; }
#stats th { background: lightblue; }

#stats input {
	width: 45px;
	padding: 1px;
	font-size: 11px;
}

/* item */

.item {
	position: relative;
	width: 235px;
/*	height: 130px;*/
	text-align: center;
	float: left;
/*	display: -moz-inline-box; display: inline-block; *zoom: 1; *display: inline; /* фаза 1 — добавляем inline-block */
/*	word-spacing: normal; /* фаза два — восстанавливаем убранный пробел в блоках */
/*	vertical-align: top; /* IE6 некорректно позиционирует без этого */

}
.item:hover { background: #f1f6f5; }
.item img{ display: block; margin: 5px auto 10px; }
.item span { font-weight: bolder; margin: 5px auto 10px; }

/* gems */

.gems {
	position: relative;
	top: -340px;
}

.gems > div {
	position: absolute;
	display: inline-block;
	height: 14px;
	width: 14px;
	border: 1px solid #305f98;
}
.gems > div:hover {
	border: 1px solid #5782b6;
}
.gems > div img {
	position: absolute;
	top: 1px;
	left: 1px;
	height: 12px;
	width: 12px;
	z-index: 10;
}
.gems > div span.gem_plus {
	font: bolder 7px "Arial";	
	/*display: block;*/
	display: none;
	text-align: center;
	top: 0px;
	left: 0px;
	background: lightblue;
	position: absolute;
	z-index: 20;
}

.gem1  { left:  62px; top:   3px; }
.gem2  { left:  62px; top:  61px; }
.gem3  { left:  62px; top:  93px; }
.gem4  { left:  62px; top: 153px; }
.gem5  { left: 222px; top: 118px; }
.gem6  { left: 222px; top:  51px; }
.gem7  { left: -20px; top: 175px; }
.gem8  { left: 222px; top: 175px; }
.gem9  { left:   2px; top: 277px; }
.gem10 { left:  46px; top: 277px; }
.gem11 { left: 142px; top: 277px; }
.gem12 { left: 186px; top: 277px; }
.gem13 { left:   2px; top: 338px; }
.gem14 { left:  46px; top: 338px; }
.gem15 { left: 142px; top: 338px; }
.gem16 { left: 186px; top: 338px; }
.gem17 { left:  84px; top: 340px; }
.gem18 { left:  84px; top: 209px; }

.gem19 { left:  62px; top:  18px; }
.gem20 { left:  62px; top:  76px; }
.gem21 { left:  62px; top: 108px; }
.gem22 { left:  47px; top: 153px; }
.gem23 { left: 222px; top: 133px; }
.gem24 { left: 222px; top:  66px; }
.gem25 { left: -20px; top: 190px; }
.gem26 { left: 222px; top: 190px; }
.gem27 { left:  17px; top: 277px; }
.gem28 { left:  61px; top: 277px; }
.gem29 { left: 157px; top: 277px; }
.gem30 { left: 201px; top: 277px; }
.gem31 { left:  17px; top: 338px; }
.gem32 { left:  61px; top: 338px; }
.gem33 { left: 157px; top: 338px; }
.gem34 { left: 201px; top: 338px; }
.gem35 { left:  99px; top: 340px; }
.gem36 { left:  99px; top: 209px; }

.description { display: none; visible: hidden; }

#dialog_gems td { padding: 0px 10px; }
#dialog_gems td.gem_plus { cursor: pointer; }
#dialog_gems td.gem_plus:hover { background: lightgray; }

.even { background: #f4f4f4; }
.odd { background: white; }

/* tooltip */

#tooltip {
	border: 3px solid #c0dfda;
	background: #DEEBE9;
	padding: 5px;
	opacity: 1;
}

.stats ul li { list-style: none; }
.stats ul li span{ color: green; font-weight: bolder; }

.search {
	padding: 10px;
}

.search input {
	width: 100px;
}