MediaWiki:Common.css: различия между версиями

Версия 14:23, 21 ноября 2013

/*test style турниры*/

.tournament_money_change {padding: 3px 0 0}
.tournament_money_change input[type="radio"] {display: none}
.tournament_money_change label {margin: 0 5px 0 0; display: block; padding: 2px 8px 1px 8px; border-radius: 3px; cursor: pointer; float: left}
.tournament_money_change b {width: 18px; height: 18px;}
.tournament_money_change b.ico_coins_lite {position: relative; top: 1px;}
.tournament_money_change input[type="radio"]:checked + label, .tournament_money_change label:hover {background-color: #eadec9}
.tournament_sign_up {height: 300px; position: relative; overflow: hidden}
.tournament_sign_up .content {height: 300px;}
.tournament_sign_up .list {height: 272px; width: 180px; float: left}
.tournament_sign_up .list .item {margin: 0 0 1px; padding: 5px; border-top: 1px solid #cebb9e; cursor: pointer}
.tournament_sign_up .list .item >* {width: 170px; overflow: hidden; white-space: nowrap}
.tournament_sign_up .list .item:hover, .tournament_sign_up .list .item.open {background: #cebb9e}
.tournament_sign_up .list .item.open {cursor: default;}
.tournament_sign_up .content {width: 344px; float: right}

.t_players {width: 116px; float: left; padding: 5px; margin: 0 10px 10px 0; background: #dbcaac; border-radius: 3px;}
.t_players.red {background: #eab795}
.t_players.green {background: #bfd192}
.t_player {white-space: nowrap; overflow: hidden;}
.t_player .profile {width: 116px; font-size: 11px; font-weight: normal; overflow: hidden; white-space: nowrap}
.t_player.active .profile, .t_player.toggled .profile {font-weight: bold !important;}
.t_player.active.toggled .profile {opacity: 0 !important;}
.t_player.myself .profile {font-weight: bold;}
.t_log {margin: 26px -5px 0 -15px; position: relative; background-position: -300px -880px; display: block; float: left;}
div.t_log {background: none;}

.logs_avatar_bgr {width: 172px; height: 223px; position: absolute; background: url(/images/m/profile/avatar_border.png) no-repeat -768px 0; left: 0; top: 0}
.logs_avatar_bgr.looser {background-position: -768px 0}
.logs_avatar_bgr.winner {background-position: -596px 0}
.logs_avatar, .logs_avatar * {width: 168px; position: absolute; left: 0; top: 0}
.log_details .you {margin: 0 0 2px; text-align: left}
.log_details .you > div {padding: 1px 30px 4px 10px; display: inline-block; background: #eadec9; border-radius: 3px; min-width: 300px; border: 1px solid #cebb9e}
.log_details .enemy {margin: 0 0 2px; text-align: right}
.log_details .enemy > div {padding: 1px 10px 4px 30px; display: inline-block; background: #dbcbad; border-radius: 3px; min-width: 300px; border: 1px solid #cebb9e}

.additional_players {width: 172px; padding: 220px 0 5px; position: relative; overflow: hidden; text-align: left}
.additional_players div {overflow: hidden; white-space: nowrap}
.additional_players a.profile {font-size: 11px !important; white-space: nowrap}

.t_result {width: 40px; height: 20px; background-image: url(/images/packs/arena_actions.png); display: inline-block;}

.tournament_win_left .t_result {background-position: 0 -100px;}
.tournament_win_right .t_result {background-position: 0 -120px;}


.tournament_win_left .pright, .tournament_win_right .pleft{color:#aa0000}
.tournament_win_left .pleft,.tournament_win_right .pright{color:#037100}
.tournament_win_dead_hit.t_result {background-position: 0 -80px;}

input[type="text"], input[type="password"], select, textarea {background: #fff; border: 1px solid #cebb9e !important; font-size: 11px; padding: 3px; border-radius: 3px; resize: none}
input:focus, select:focus, textarea:focus, button:focus {outline: none}
input[type="radio"], input[type="checkbox"] {width: 12px; height: 12px; position: relative !important; cursor: pointer}
input[type="radio"] {border-radius: 13px}
input[type="checkbox"] {border-radius: 2px}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {*/
    /*input[type="radio"], input[type="checkbox"] {-webkit-appearance: none; border: 1px solid #9C8164; color: #542f1b; background: #fff}*/
    /*input[type="radio"]:disabled, input[type="checkbox"]:disabled {opacity: 0.5}*/
    /*input[type="radio"]:checked{background: #542f1b; box-shadow: inset 0 0 0 2px #fff}*/
    /*input[type="checkbox"]:checked {box-shadow: inset 0 0 0 2px #fff}*/
    /*input[type="checkbox"]:checked:after {content: "V"; font-size: 10px; font-style: italic; font-weight: bold; position: absolute; top: -4px; left: 0; display: block; -webkit-transform: rotate(6deg); text-shadow: 0 0 1px #542f1b}*/
/*}*/
@-moz-document url-prefix() {input[type="radio"], input[type="checkbox"] {-moz-transform: scale(0.8); top: 3px !important; margin-top: -2px !important; margin-bottom: -2px !important}}
doesnotexist:-o-prefocus, input[type="radio"], input[type="checkbox"] {border: 1px solid #9C8164; color: #542f1b; background: #fff}
doesnotexist:-o-prefocus, input[type="radio"]:disabled, input[type="checkbox"]:disabled {opacity: 0.5}
doesnotexist:-o-prefocus, input[type="radio"]:checked, input[type="checkbox"]:checked {background: #fff; box-shadow: none}

.center {text-align:center !important}
.justify {text-align:justify !important}
.indent {	text-indent:20px}
.right {text-align:right !important}
.left {text-align:left !important}
.top {vertical-align:top !important}
.top TD {vertical-align:top}
.bottom {vertical-align:bottom !important}
.middle {vertical-align:middle !important}
.nobold {font-weight:normal  !important}
.nowrap {white-space:nowrap  !important}
.nowrapi, .nowrapi * {white-space:nowrap  !important}
.bold {font-weight:bold}
.boldi {font-weight:bold !important}
.inline {display:inline}
.inlineb {display:inline-block}
.inlinebi {display:inline-block !important}
.dblock {display:block}
.hidden {display:none}
.padding10, {padding:5px 10px}
.padding5, .p5  {padding:5px 5px}
.padding0, .p0  {padding:0 !important}
.padding5_0  {padding:0px 5px}
.clear {clear:both}
.floatl, fl_l { float: left }
.floatr, fl_r { float: right }
.m0p0 {margin:0; padding: 0}
.opacity1 {opacity: 0.1}
.opacity2 {opacity: 0.2}
.opacity3 {opacity: 0.1}
.opacity4 {opacity: 0.4; filter:alpha(opacity=40)}
.opacity5 {opacity: 0.5; filter:alpha(opacity=50)}
.opacity6 {opacity: 0.6}
.opacity7 {opacity: 0.7}
.opacity8 {opacity: 0.8}
.opacity9 {opacity: 0.9}
.zindex {z-index: 10}
.linethrough {text-decoration: line-through}


P {margin:0 0 5px; }
.pmb5 p {margin:0 0 5px}
.pmb8 p {margin:0 0 8px}
.pmb10 p {margin:0 0 10px}
IMG{border:0}
UL{padding:0 0 0 10px}
.red{		color:#aa0000}
.red_font_hover, .red_font {color:#aa0000 !important}
.red_font_hover:hover {color:#fff !important}
.green{color:#037100}
.greeni{color:#037100 !important}
.anotherbrown {color: #6b5945}
.lightbrown {color: #73503a}
.blue {color: #045797}

.green_bgr {background-color: #d0d9a9}
.red_bgr {background-color: #e7bba6}
.bgred{		background-color:#aa0000}
.myguild{	background-color:#eadec9}
.yellow_egg	{ color: #d5b832}


.buttons{margin-bottom:8px;text-align:center}

/** Р’СЃРµ РєРЅРѕРїРєРё */

.cmd_all, .ui-dialog .ui-dialog-buttonpane button{
	border:none;
	background: url(buttons.png) no-repeat ;
	color: #4d1f11;
	padding:0;
	line-height:31px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;

	color:#4c1e0f;
	font-weight:bold;
	font-face:tahoma;
	font-size:11px;
}
.cmd_selected,
.cmd_all:hover, .ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane button:active,
.cmd_all:active{color: #ffffff; }



/** Р Р°Р·РјРµСЂС‹ РєРЅРѕРїРѕРє */
.cmd_large3{		height:30px;		width:190px;	background-position: 0 -270px}
.cmd_alarge3:active {	background-position: -190px -270px }

.cmd_large{			height:30px;		width:170px;	background-position: 0 -70px}
.cmd_alarge:active {	background-position: -170px -70px }
.cmd_medium{		height:30px;		width:102px;	background-position: 0 -130px}
.cmd_amedium:active {	background-position: -102px -130px }

.cmd_large2{		height:30px;		width:100px}


.cmd_row2	{		height:30px;		width:255px;	background-position: 0 -40px}
.cmd_row3	{		height:30px;		width:170px;	background-position: 0 -70px}
.cmd_row3.yellow	{	height:39px;		width:170px;	background-position: -254px -141px; line-height:36px}
.cmd_row3.attack	{	height:39px;		width:170px;	background-position: -254px -100px; line-height:41px}
.cmd_row3.attack:focus, .cmd_row3.attack:active	{	height:39px;		width:170px;	background-position: -424px -100px; line-height:41px}
.cmd_row3.post	{	height:39px;		width:170px;	background-position: -254px -180px; line-height:36px}
.cmd_row3.post:focus	{	height:39px;		width:170px;	background-position: -424px -180px; line-height:36px}
.cmd_row4	{		height:30px;		width:127px;	background-position: 0 -100px}
.cmd_row5	{		height:30px;		width:102px;	background-position: 0 -130px}
.cmd_row6	{		height:30px;		width:85px;		background-position: 0 -160px}
.cmd_row7	{		height:30px;		width:73px;		background-position: 0 -190px}
.cmd_row8	{		height:30px;		width:64px;		background-position: 0 -220px}


.cmd_small_sl {		height:20px;		width:103px;	background-position: 0 -20px;line-height:20px}
.cmd_small_sl:active {	background-position: -104px -20px }
.cmd_medium_sl {		height:20px;		width:158px;	background-position: 0 0px;line-height:22px}
.cmd_medium_sl:active {	background-position: -158px 0px }
.cmd_large_sl {		height:20px;		width:190px;	background-position: 0 -250px;line-height:22px}
.cmd_large_sl:active {	background-position: -190px -250px }

.cmd_mini_sl {		height:20px;		width:60px;		background-position: -206px -20px;
					line-height:19px !important;	font-size:8px;text-align:center; text-transform: uppercase}
.cmd_mini_sl:active {	background-position: -266px -20px }

.cmd_icon {		height:26px;		width:26px;		background-position: -340px -70px;
					line-height:28px;	text-align:center;padding:4px 0 0 4px}
.cmd_icon.cmd_selected,
.cmd_icon:active {	background-position: -370px -70px }


.cmd_mini_sld {		height:60px;		width:20px;		background-position: -310px -390px; }
.cmd_mini_sld:hover {	background-position: -330px -390px }
.cmd_mini_sld:active {	background-position: -350px -390px }
.cmd_mini_slu {		height:60px;		width:20px;		background-position: -370px -390px; }
.cmd_mini_slu:hover {	background-position: -390px -390px }
.cmd_mini_slu:active {	background-position: -410px -390px }




.cmd_none_sl{	height:20px;		width:60px;	background-position: -326px -20px}

.cmd_arow2:active {	background-position: -255px -40px }
.cmd_arow3:active {	background-position: -170px -70px }
.cmd_arow3.yellow:active {	background-position: -425px -141px; }
.cmd_arow4:active {	background-position: -127px -100px }
.cmd_arow5:active {	background-position: -102px -130px }
.cmd_arow6:active {	background-position: -85px -160px }
.cmd_arow7:active {	background-position: -73px -190px }
.cmd_arow8:active {	background-position: -64px -220px }

/** Р’С‹СЃРѕРєРёРµ РєРЅРѕРїРєРё */
.cmd_row2t		{		height:60px;		width:255px;	background-position: 0 -330px}
.cmd_arow2t:active {	background-position: -255px -330px }

.cmd_row3t		{		height:60px;		width:156px;	background-position: 0 -390px}
.cmd_arow3t:active {	background-position: -155px -390px }

.cmd_row2t, .cmd_row3t {
	line-height:60px;
	text-align:left;

}
.cmd_row2t center, .cmd_row3t center{
	margin-left:35px;
}
.cmd_row2t B, .cmd_row3t B{
	display:block;
	width:60px;
	height:60px;
	float:left;

	position:absolute;
}

.cmd_row2t B{
	width: 70px;
}
/** Р—Р°Р±Р»РѕРєРёСЂРѕРІР°РЅРѕ */

.cmd_blocked{
	color:#a99d82 !important;
}

/** РЎРїРµС† РєРЅРѕРїРєРё */
.cmd_red		{		height:30px;		width:170px;	background-position: 0 -300px;color:#870000}
.cmd_red:active {	background-position: -170px -300px ;color:#d00b0b}
.cmd_red:hover {	color:#d00b0b}


/** Р”РІРѕР№РЅС‹Рµ РєРЅРѕРїРєРё */
.cmd_split		{	height:28px;		width:301px;	background-position: 0 -450px}
.cmd_split_active {	background-position: -301px -450px}

.cmd_split2		{	height:21px;		width:204px;	line-height:20px; background-position: 0 -478px}
.cmd_split2_active {	background-position: -204px -478px}

.cmd_split *,	.cmd_split2 *  {display:inline-block;text-align:center}
.cmd_split B,	.cmd_split2 B{	color:#4c1e0f}
.cmd_split U,	.cmd_split2 U{	color:#4c1e0f;text-decoration:none}

.cmd_split *{width:148px; line-height:30px}
.cmd_split2 *{width:100px; line-height:22px}
.cmd_split_active B,	.cmd_split2_active B{	color:#4c1e0f}
.cmd_split_active U,	.cmd_split2_active U{color:#4c1e0f}

.cmd_split_504 {
	background-position: 0px -606px;
	height: 28px;
	width: 504px;
}
.cmd_split_active_504 {
	background-position: 0 -579px;
}
.cmd_split_504_b {
	line-height: 28px;
	width: 249px;
	display: inline-block;
}
.cmd_split_504_u {
	line-height: 28px;
	width: 249px;
	display: inline-block;
}


/** РЎРїРµС† РєРЅРѕРїРєРё */

.cmd_xxlarge {
	height:20px;
	width:158px;
	line-height:22px;
}
.cmd_xxlarge {
	width:364px;
	height:49px;
	background: url(/i/buttons_reg.png) no-repeat;
	line-height:51px;
	font-size:17px;

}



/** РЎРїРµС† РєРЅРѕРїРєРё */
.cmd_custom {
	display:	block;
	overflow: hidden;
	position:	relative;
	background:transparent;
}
.cmd_custom B{
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width: 100%;
	height: 100%;
}



.cmd_left, .cmd_right{
	background-image: url(front/but_pointer.png);
	float:left;
	width:20px;
	height:86px;
	display:block;
	margin-right:5px;
	margin-left:0px;
}
.cmd_right{
	float:right;
	margin-left:5px;
	margin-right:0px;
}

.cmd_left:hover{	background-position:-20px 0px}
.cmd_left:active{	background-position:-40px 0px}
.cmd_right{	background-position:0px -86px}
.cmd_right:hover{	background-position:-20px -86px}
.cmd_right:active{	background-position:-40px -86px}


.cmd_page		{	background-position: -346px 0px; width:29px;height:20px;line-height:20px}
.cmd_page_active{	background-position: -316px 0px}
.cmd_page:hover {	background-position: -376px 0px}

.cmd_back {
	width: 40px;
	height: 20px;
	background-image: url(btn-back.png);
	background-position: 0px 0px;
	margin-top: -3px;
	margin-right: -3px;
}
.cmd_back:hover {
	background-position: 0px -20px;
}

.cmd_back:active {
	background-position: 0px -40px;
}

/**
/*
.shift_2, .cmd_all B.shift_2{	background-position: 0 100%}
INPUT.shift_3, .cmd_all B.shift_3{	background-position: 0 200%}
INPUT.shift_4, .cmd_all B.shift_4{	background-position: 0 300%}

INPUT.cmd_custom2:hover, .cmd_custom2:hover B{	background-position: -100% 0 ; }
.cmd_selected B, INPUT.cmd_custom:hover, .cmd_custom:hover B{	background-position: -100% 0 ; }
.cmd_selected B.shift_2, .shift_2:hover, .cmd_custom:hover B.shift_2{	background-position: 100% 100% }
.cmd_selected B.shift_3, .shift_3:hover, .cmd_custom:hover B.shift_3{	background-position: 100% 200% }
.cmd_selected B.shift_4, .shift_4:hover, .cmd_custom:hover B.shift_4{	background-position: 100% 300% }

.cmd_all:active B{			background-position: -200% 0}
.cmd_all:active B.shift_2{	background-position: -200% -100%}
.cmd_all:active B.shift_3{	background-position: -200% -200%}
.cmd_all:active B.shift_4{	background-position: -200% -300%}

*/


.shadow5 {opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50)}
.shadow5 *{filter:alpha(opacity=50)}

.shadow8 {opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80)}
.shadow8 *{filter:alpha(opacity=80)}
.shadow9 {opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90)}

.shadowH:hover {opacity:1.0; -moz-opacity:1.0;filter:alpha(opacity=100)}

.pages {text-align:center;margin-right:20px; font-size:12px;margin:10px 0 }
.pages A.active {text-decoration:none; font-weight:bold}

.pages.pager {color: #542F1B}
.pages.pager a {margin: 0px 5px; font-size: 15px; text-decoration: none}

.default_table {width: 100%; border-spacing: 0; border-collapse: collapse}
.default_table th, .default_table td {border: 0; vertical-align: top}

TABLE.default {width:100%;	border-collapse:collapse}
TABLE.default_without_collapse {width:100%}
TABLE.default TH {	text-align:center;color:#542f1b;font-size:10px;font-weight:normal; }

TABLE.padding5{ padding:0}
TABLE.padding5 TD{ padding: 5px 5px}
TABLE.padding5_0{ padding:0}
TABLE.padding5_0 TD{ padding: 0px 5px}

TABLE.default_h22 TD{
	line-height: 22px;
}
TABLE.default_h20 TD{
	height:20px;
}
.h25 {line-height:25px}
.h22 {line-height:22px}
.h20 {line-height:20px}
.h18 {line-height:18px}

.mh0 { min-height: 0px !important }
.mh25 { min-height: 25px !important }
.mh26 { min-height: 26px !important }
.mh30 { min-height: 30px !important }


TABLE.default TH{
	background: #dbcaac;
	/*height: 30px;*/
	font-size:11px;
}


TABLE.default TH.asc,
TABLE.default TH.desc {
	cursor:pointer;
}

TABLE.default TH.asc .order,
TABLE.default TH.desc .order, .headerSortDown .order, .headerSortUp .order, .order_img{
	position: relative;
	top:2px;

	margin-left:1px;
	display:inline-block;
	width:10px;
	height:10px;

	background-image: url(/i/ico.png);
	background-repeat: no-repeat;
}

TABLE.default TH.desc .order, .headerSortUp .order, .order_img.desc {background-position: -120px -140px; top:2px}
TABLE.default TH.asc .order, .headerSortDown .order, .order_img.asc{background-position: -140px -140px; top:1px}


/*TABLE.default TH.asc,
TABLE.default TH.desc{
	cursor:pointer;
	background-image: url(/i/ico.png);
	background: #dbcaac  right center no-repeat;

	font-weight:normal;line-height:30px;
	text-decoration:underline;
}

TABLE.default TH.desc .order,
TABLE.default TH.asc .order{
	float:right;
	 РўРѕР»СЊРєРѕ РґР»СЏ IE
	//float: none;
	margin-top:3px;
	display:inline-block;
	width:10px;
	height:10px;

	background-image: url(/i/ico.png);
	background-repeat: no-repeat;
}
TABLE.default TR.double TH.desc .order,
TABLE.default TR.double TH.asc .order{margin-top:8px}

TABLE.default TH.desc .order{background-position: -120px -140px}
TABLE.default TH.asc .order{background-position: -140px -140px}
*/




TABLE.default .nopad{	height:auto}
TABLE.default TR.nopad TD,
TABLE.default TR.nopad TH	{height:auto}

TABLE.default_height TD{
	height: 20px;
}
TABLE.default_nobold TH{
	font-weight:normal;
}

TABLE.full{
	width: 100%;
}
TD.half{width: 50% !important; vertical-align:top}


/** Р—Р°РіРѕР»РѕРІРєРё */

.blockTitle,
.blockTitle2,
.blockTitle3{
	background: #dbcaac;
	text-align:center;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 0;
	vertical-align: bottom;
}
.blockTitle3{
	margin: 0 !important;
}

.blockTitle2{
	background: #e3d4b7;
}


/** РЁСЂРёС„С‚С‹ */

.font_brown		{	color:#542f1b}
.font_black		{	color:black}
.font_light		{	color:#b08a6a}

.font_xlarge {		font-size: 14px; }
.font_large {		font-size: 12px; }
.font_normal {		font-size: 11px; }
.font_small {		font-size: 10px; }
.font_mini {		font-size: 9px; }



/** РР»РµРјРµРЅС‚С‹ */
span.polzun IMG{height:18px}
IMG.part_logo{	width: 504px}



/** Avatar page */
TABLE.up_avatar{
	width: 100%;
	margin:0 0px 0 0px;
	height: 200px;
	border-collapse:collapse;
}

TABLE.up_avatar TD.avatar{
	width: 235px;
	height: 200px;
	vertical-align:top;
	text-align:center;
}
TABLE.up_avatar TD.avatar DIV.avatar{
	margin:0 auto;
}

TABLE.up_avatar TD.speech{
	width: 330px;
	height:200px;

}

TABLE.up_avatar .inputGroup{
	width:330px;
}

TABLE.up_avatar.small{
	height:110px;
}
TABLE.up_avatar.small TD.avatar{
	width:110px;
	height:110px;
}
TABLE.up_avatar.small TD.speech{
	height:110px;
	width: 455px;

}


A.back	{display:block; margin:0 auto 5px}
A.profile		{font-size:12px;text-decoration:none;font-weight:bold}
A.profile:hover		{text-decoration:underline}
span.size_1		{font-size:8px}
span.size_2		{font-size:20px}

/** РЎРўСЂРѕРєРё */


.row_1,
TD.row_1,	TH.row_1,
TR.row_1 TH,	TR.row_1 TD{
	background: url(/i/global/bg_10.png) left top repeat !important;
}
.row_2,
TD.row_2,	TH.row_2,
TR.row_2 TH,TR.row_2 TD{
	background: url(/i/global/bg_09.png) left top repeat;
}
.row_3,
TD.row_3,		TH.row_3,
TR.row_3 TH,	TR.row_3 TD,
DIV.row_3{
	background: url(/i/global/bg_00.png) left top repeat;
	padding-top:3px;
}
TD.row_4,	TH.row_4,	TR.row_4 TH,	TR.row_4 TD, .row_4{
	background: #dbcaac;
}
TD.row_5,	TH.row_5,	TR.row_5 TH,	TR.row_5 TD,	.row_5{
	border-top: 1px solid #ebddc5 !important;
}
TD.row_6,	TH.row_6,	TR.row_6 TH,	TR.row_6 TD{
	background: #d8c6a5 ;
}

div.row_1, div.row_2, div.row_3, div.row_4, div.row_5, div.row_6 {border-radius: 3px}

/** РџРѕР»Р·СѓРЅРѕРє РѕРїСЂРµРµРґР»С‘РЅРЅРѕР№ С€РёСЂРёРЅС‹ */
.stat_bar {
	background:  url(global/stat_bar.png) no-repeat top right;
	height:18px;
	display:block;
	padding-left:1px;
	margin-left:7px;
}

.stat_bar B{
	background:  url(global/stat_bar.png) no-repeat 0px -18px;
	display:block;
	width:5px;
	height:100%;
	float:left;
	margin-left:-2px;


}
.stat_bar I{
	background:  url(global/stat_bar.png) no-repeat right -18px;
	display:block;
	float:left;
	height:100%;
}
.stat_bar_14 {	height:14px;	background-position: right -36px}
.stat_bar_14 B {	background-position: 0 -50px}
.stat_bar_14 I {	background-position: right -50px}

.stat_bar_dual {	background-position: right -64px}
.stat_bar_dual B {	background-position: 0 -82px}
.stat_bar_dual I {	background-position: right -82px}
.stat_bar_dual B.zero {	background-position: 0 -64px}

.stat_bar_green B {	background-position: 0 -100px}
.stat_bar_green I {	background-position: right -100px}

.stat_bar_yellow B {	background-position: 0 -118px}
.stat_bar_yellow I {	background-position: right -118px}

.stat_bar_red B {	background-position: 0 -82px}
.stat_bar_red I {	background-position: right -82px}

.stat_bar_school_green {
	background:  none;
	height:8px;
}

.stat_bar_school_green I{
	background:  url(global/school_bar.png) no-repeat -10px 0px;
	height:8px;
}

.stat_bar_school_green B{
	background:  url(global/school_bar.png) no-repeat 0px 0px;
	height:8px;
	margin-left: -1px;
}

.stat_bar_school_yellow I{
	background:  url(global/school_bar.png) no-repeat 0px -8px;

}
.stat_bar_school_yellow B{
	background:  url(global/school_bar.png) no-repeat -10px -8px;
	width: 0px;
}

.stat_bar_battle_blue {
	height: 16px;
	background-image: url(/images/m/class/battle/bg_battle_bar.png);
	background-position: 1px 0px;
}
.stat_bar_battle_blue B {
	height: 16px;
	background-image: url(/images/m/class/battle/bg_battle_bar.png);
	background-position: 0 -32px;
	width: 0px;
}
.stat_bar_battle_blue I {
	height: 16px;
	background-image: url(/images/m/class/battle/bg_battle_bar.png);
	background-position: left -32px;
}
.stat_bar_battle_blue B.zero {
	height: 16px;
	background-position: 0 -0px;
}

.stat_bar_battle_green {
	height: 16px;
	background-image: url(/images/m/class/battle/bg_battle_bar.png);
	background-position: 1px -16px;
}
.stat_bar_battle_green B {
	height: 16px;
	background-image: url(/images/m/class/battle/bg_battle_bar.png);
	background-position: 0 -48px;
	width: 0px;
}
.stat_bar_battle_green I {
	height: 16px;
	background-image: url(/images/m/class/battle/bg_battle_bar.png);
	background-position: left -48px;
}
.stat_bar_battle_green B.zero {
	height: 16px;
	background-position: 0 -16px;
}

.stat_bar_battle_green.disabled, .stat_bar_battle_green.disabled I, .stat_bar_battle_green.disabled B,
.stat_bar_battle_blue.disabled, .stat_bar_battle_blue.disabled I, .stat_bar_battle_blue.disabled B{
	background-position: left -64px;
}

.stat_bar_battle_hp_green, .stat_bar_battle_hp_yellow, .stat_bar_battle_hp_red {
	background:  none;
	height:4px;
	margin-left: 0px !important;
}

.stat_bar_battle_hp_green B, .stat_bar_battle_hp_yellow B, .stat_bar_battle_hp_red B {
	height: 0px;
}

.stat_bar_battle_hp_green I{
	background:  url(/images/m/class/battle/bg_battle_bar.png) no-repeat -10px -80px;
	height:4px;
}

.stat_bar_battle_hp_yellow I{
	background:  url(/images/m/class/battle/bg_battle_bar.png) no-repeat 0px -84px;
	height:4px;
}

.stat_bar_battle_hp_red I{
	background:  url(/images/m/class/battle/bg_battle_bar.png) no-repeat 0px -88px;
	height:4px;
}

.stat_bar_relations {
	height: 9px;
	background-image: none;
	padding-left: 0px;
}
.stat_bar_relations i{
	height: 9px;
	background-image: url(/i/inside/intop_hp.png);
	background-position: 0px -9px;
}

.stat_bar_relations B{
	height: 9px;
	background-image: none;
	background-position: 0px -9px;
	margin-left: 0px;
	width: 0px;
}

DIV.adminInfo{	text-align: center; position:absolute; top:80px; left: 10%; width: 200px; background: #993333; color:lightgray; margin:0 auto; z-index: 10000000}
DIV#mc_debug_div {position:absolute; top: 100px; left: 10px; width: 400px; z-index: 100000; border: 1px red solid}
TABLE.adminTable{	position:absolute;left:10px; top:900px;;background:#993333;color:lightgray;border-collapse:collapse}
TABLE.adminTable TD{padding:1px 2px; bordeR:1px solid gray}

.counters DIV {width:574px;text-align:right;margin:0 auto}
.counters {text-align:center;padding-bottom:120px}
.counters IMG{opacity:0.1; -moz-opacity:0.1; filter:alpha(opacity=30)}
.counters A IMG{opacity:0.1; -moz-opacity:0.1; filter:alpha(opacity=30)}
.counters a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100)}
.hideCounter IMG{width:1px; height:1px; visibility:hidden}

/** Р‘Р»РѕРєРё */
DIV.contentBlock{
	width: 540px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 10px;
}


/** РЎРѕРѕР±С‰РµРЅРёРµ */
.message{
	font-size: 11px;
	color: #aa0000;
	margin: 1em 0;
	text-align:center;
}




/** РђРІР°С‚Р°СЂ РЅР° РІСЃРµС… СЃС‚СЂР°РЅРёС†Р°С… */
DIV.avatar,
DIV.avatar DIV,
DIV.avatar IMG{
	width: 190px !important; height:240px !important;
	background-repeat: no-repeat !important;
}

DIV.av_small,
DIV.av_small DIV,
DIV.av_small IMG{
	width: 126px !important;
	height: 160px !important;
}
DIV.av_small IMG{
	behavior: none !important;
}

DIV.av_ex,
DIV.av_ex DIV,
DIV.av_ex IMG{
    width: 40px !important;
    height: 40px !important;
}



#moreGifts {vertical-align:top}

DIV.restart{
	background: #ffbc2f	url(/i/global/restart/bg_work1.png) ;
    position: relative;
    z-index: 2;
}
DIV.restart P{
	background: #ffdc83	url(/i/global/restart/bg_work2.png) top left no-repeat;
	height:40px;;
	width:488px;;
	margin: 0 auto;
	font-size:12px;text-align:center;
	padding:5px 0;
}
DIV.restart DIV.hrestart{
	width: 130px; height:30px;position:absolute;display:block;
	background: url(/i/global/restart/bg_work3.png) no-repeat;
	right:60px;top:10px;
}
DIV.restart .hrestart A{
	background: url(/i/global/restart/ico_x.png) no-repeat 0px 3px;
	font-size:12px;
	padding-left:15px;

	margin: 6px 10px;
	display:block;
}

.premia2{
	margin-top:60px !important;
	margin-left:0 !important;
        position: relative !important;
}
.premia2:hover{
	background-position:0 -130px !important;
}

/** Р”РµРЅСЊ СЂРѕР¶РґРµРЅРёСЏ */
A#menu_bday{
	width:190px !important;
	height:100px !important;
	position:absolute;
	margin-top:40px;
	display:block;
}
A#menu_bday:hover{
	background-position: 0 -100px;
}

/**  */
A#menu_bday_ticket{
	width:190px !important;
	height:100px !important;
	position:absolute;
	margin-top:40px;
	display:block;
}
#menu_bday_ticket:hover{
	background-position: 0 -100px;
}
A#menu_bday_ticket.old {}
A#menu_bday_ticket.old:hover{
	background-position: 0 -100px !important;
}

A#menu_gifts_special{
	width:190px !important;
	height:100px !important;
	position:absolute;
	margin-top:40px;
	display:block;
}
A#menu_gifts_special:hover{
	background-position: 0 -100px;
}
A#menu_gifts_special.old {
	margin-left: 10px;
}
A#menu_gifts_special.old:hover{
	background-position: 0 -100px !important;
}
/** РљР°СЂС‚РёРЅРєРё */
A#menu_bday span{
	background:url(/images/m/bday/bday_steps.png) no-repeat;
	margin: -5px 0 0 0px;
	width:100px;
	height:100px;
	display:block ;
	position:absolute;
	z-index:10 !important;
}
/* РїСЂРёРІРµС‚ РёРµ7 */
*:first-child+html A#menu_bday span {
  margin-left: -100px;
}

A#menu_chat2{
/*	background:url(/images/chat/chat_bg.png) no-repeat; */
	width:190px !important;
	height:60px !important;
	position:absolute;
	margin-top:160px;
	display:block;
}
A#menu_chat2:hover{
	background-position: 0 -60px;
}

A#menu_worm{
	width:190px !important;
	height:100px !important;
	position:absolute;
	margin-top:180px;
	display:block;
}
A#menu_worm:hover{
	background-position: 0 -100px;
}

A#menu_worm.top {
	margin-top:40px;
}

A#menu_zoo{
	width:190px !important;
	height:100px !important;
	position:absolute;
	margin-top:180px;
	display:block;
}

A#menu_zoo.old {
	margin-left: 10px;
}


A#menu_zoo:hover{
	background-position: 0 -100px;
}

A#menu_zoo.old:hover{
	background-position: 0 -100px;
}

A#menu_zoo.top {
	margin-top:40px;
}

A#menu_stamps_discount{
	width:190px !important;
	height:100px !important;
	position:absolute;
	margin-top:180px;
	display:block;
}
A#menu_stamps_discount.old{}
A#menu_stamps_discount:hover{ background-position: 0 -100px; }
A#menu_stamps_discount.old:hover{ background-position: 0 -100px; }
A#menu_stamps_discount.top { margin-top:40px; }

A#menu_preview{
	width:190px !important;
	height:100px !important;
	position:absolute;
	margin-top:180px;
	display:block;
}
A#menu_preview.old{}
A#menu_preview:hover{ background-position: 0 -100px; }
A#menu_preview.old:hover{ background-position: 0 -100px; }
A#menu_preview.top { margin-top:40px; }

A[id^="menu_battle"]{
	width:190px !important;
	height:130px !important;
	position:absolute;
	display:block;
	margin-top:40px;
}

A[id^="menu_battle"][class="old"]{
	margin-left: 10px !important;
	margin-top:40px !important;
}

A#menu_battle_5:hover{	background-position: 0px -130px}
A#menu_battle_6:hover{	background-position: 0px -130px}
A#menu_battle_7:hover{	background-position: 0px -130px}
A#menu_battle_8:hover{	background-position: 0px -130px}
A#menu_battle_5.old:hover{	background-position: 0px -130px}
A#menu_battle_6.old:hover{	background-position: 0px -130px}
A#menu_battle_7.old:hover{	background-position: 0px -130px}
A#menu_battle_8.old:hover{	background-position: 0px -130px}

A#menu_toolbar{
	width:190px !important;
	height:100px !important;
	position:absolute;
	margin-top:180px;
	display:block;
}
A#menu_toolbar.old {
	margin-left: 10px;
}

A#menu_toolbar:hover{
	background-position: 0 -100px;
}

A#menu_toolbar.top {
	margin-top:40px;
}

A#menu_advwiki{
	width:190px !important;
	height:100px !important;
	position:absolute;
	margin-top:180px;
	display:block;
}

A#menu_advwiki.old {
	margin-left: 10px;
}

A#menu_advwiki:hover{
	background-position: 0 -100px;
}

A#menu_advwiki.old:hover{
	background-position: 0 -100px;
}

A#menu_advwiki.top {
	margin-top:40px;
}

A#menu_atlantis_ad, 
A#menu_atlantis2_ad,
A#menu_wormspirit,
A#menu_bday4,
A#menu_space,
#menu a.menu_ad {
	width:190px !important;
	height:100px !important;
	margin-top:180px;
	display:block;
}

A#menu_atlantis_ad.old,
A#menu_atlantis2_ad.old,
A#menu_wormspirit.old,
A#menu_bday4.old,
A#menu_space.old,
#menu a.menu_ad.old {
	margin-left: 10px;
	position: absolute;
}

A#menu_atlantis_ad:hover,
A#menu_atlantis2_ad:hover,
A#menu_wormspirit:hover,
A#menu_bday4:hover,
A#menu_space:hover,
#menu a.menu_ad:hover  {
	background-position: 0 -100px;
}

A#menu_atlantis_ad.old:hover, 
A#menu_atlantis2_ad.old:hover,
A#menu_wormspirit.old:hover,
A#menu_bday4.old:hover,
A#menu_space.old:hover,
#menu a.menu_ad.old:hover  {
	background-position: 0 -100px;
}

A#menu_atlantis_ad.top,
A#menu_atlantis2_ad.top,
A#menu_wormspirit.top,
A#menu_bday4.top,
A#menu_space.top,
#menu a.menu_ad.top  {
	margin-top:40px;
}

A#menu_worm2{
	width:190px;
	height:100px !important;
	position:absolute;
	margin-top:180px;
	display:block;
	margin-left: 10px;
}
A#menu_worm2:hover{
	background-position: 0 -100px;
}

A#menu_worm2.top {
	margin-top:40px;
}

A#menu_monkey.top{
	background:url(/locale/RU/events/monkey.png) no-repeat;
	width:190px !important;
	height:100px !important;
	position:absolute;
	margin-top:40px;
	display:block;
}
A#menu_monkey.top:hover, A#menu_monkey.top.old:hover {
	background-position: 0 -100px;
}
A#menu_monkey.top.old {
	margin-left: 10px;
	background:url(/locale/RU/events/old/monkey_old.png) no-repeat;
}

A#menu_yandex.top{
	background:url(/locale/RU/events/yandex_banner.png) no-repeat;
	width:190px !important;
	height:100px !important;
	position:absolute;
	margin-top:40px;
	display:block;
}
A#menu_yandex.top:hover, A#menu_monkey.top.old:hover {
	background-position: 0 -100px;
}

/** Main class for ads */
A.menu_bottom_ad{
    width:190px !important;
    height:100px !important;
    margin-top: 40px;
    position:absolute;
    display:block;
}


A#menu_zoo2{
	width:190px;
	height:100px !important;
	position:absolute;
	margin-top:180px;
	display:block;
	margin-left: 10px;
}
A#menu_zoo2:hover{
	background-position: 0 -100px;
}

A#menu_zoo2.top {
	margin-top:40px;
}

A#menu_chat22{
/*	background:url(/images/chat/chat_bg_old.png) no-repeat; */
	width:190px;
	height:60px !important;
	position:absolute;
	margin-top:160px;
	margin-left:10px;
	display:block;
}
A#menu_chat22:hover{
	background-position: 0 -60px;
}



A#menu_bday .q_101{		background-position: -100px	0px}
A#menu_bday .q_102{		background-position: -100px	-100px}

A#menu_bday .q_114	{		background-position: -100px	-200px}
A#menu_bday .q_115	{		background-position: -100px	-300px}
A#menu_bday .q_116	{		background-position: -100px	-400px}
A#menu_bday .q_103	{		background-position: -100px	-500px}
A#menu_bday .q_104	{		background-position: -100px	-600px}
A#menu_bday .q_105	{		background-position: -100px	-700px}
A#menu_bday.race_1 .q_105{	background-position: -300px	 0px}

A#menu_bday .q_125	{		background-position: -300px	-100px}
A#menu_bday .q_126	{		background-position: -300px	-200px}
A#menu_bday .q_127	{		background-position: -300px	-300px}
A#menu_bday .q_106	{		background-position: -300px	-400px}
A#menu_bday .q_107	{		background-position: -300px	-500px}
A#menu_bday .q_108	{		background-position: -300px	-600px}
A#menu_bday .q_113	{		background-position: -300px	-700px}
A#menu_bday .q_109	{		background-position: -500px	0px}

A#menu_monsterpve{
    width:190px !important;
    height:100px !important;
    position:absolute;
    margin-top:40px;
    display:block;
}
A#menu_monsterpve:hover{
    background-position: 0 -100px;
}

A.menu_extra{
	width:200px !important;
	height:100px !important;
	position:absolute !important;
	margin-top:40px !important;
	display:block !important;
}
A.menu_extra:hover{
	background-position: 0 -100px !important;;
}

/**  */
A#menu_survey_form{
    width:190px !important;
    height:100px !important;
    position:absolute;
    margin-top:40px;
    display:block;
}
#menu_survey_form:hover{
    background-position: 0 -100px;
}

/**  */
A#menu_green_extra{
    width:190px !important;
    height:100px !important;
    position:absolute;
    margin-top:40px;
    display:block;
}
#menu_green_extra:hover{
    background-position: 0 -100px;
}

.item_buy_green_extra{
    width:504px !important;
    height:65px !important;
    margin-bottom: 15px;
    margin-top: 15px;
    display:block;
}


.popup_item .text{
	padding:10px;
/*	border: 1px solid #7b5a34;*/
}

span.broun { color: #542F1B; font-weight: bold }

span#s106 {
	display: block;
	width: 230px;
	height: 40px;
	z-index: 1000;
	position: absolute;
	top: 113px;
	left: 25px;
}


.dashed {
	text-decoration: none !important;
	border-bottom: 1px dashed #542F1B;
	color:#542F1B;
	cursor: pointer;
}

.mm0 {margin: 0}

.row_1 {
	background: url(/i/global/bg_10.png) left top repeat !important;
}

.row_2 {
	background: url(/i/global/bg_09.png) left top repeat;
}

.row_11 {
	background-color: #F7F7F7;
}
.groupTitle {
	background: none repeat scroll 0 0 #E2D1B3;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	color:#542F1B;
	font-size: 12px;
	font-weight: bold;
}

.slider_max		{
	background:  url(/i/ico_smithy.png) no-repeat;
	background-position: 0px 0px;
	width: 18px;
	height: 18px;
	display: inline-block;
	text-decoration: none;
	position: relative;
	top: 2px;
	cursor: default;
}

.slider_max	{	background-position:	0px		-92px;		}
.slider_max:hover	{	background-position:	-18px	-92px;		}
.slider_max:active	{	background-position:	-36px	-92px;		}

.black {
	color:black;
}

#battle_log .gray {
	color:#cccccc;
}

#battle_log .notice {
	color: #777777;
}

#small_popup	 {
	width: 160px;
	height: 40px;
	display: block;
	position: absolute;
	z-index: 1001;
	background-image: url(/images/m/spopup/bg_popup_s.png);
	line-height: 20px;
}

#small_popup .title, #small_popup .text {
	width: 160px !important;
	padding: 0px;
	text-align: center;
	background: none;
}

#small_popup .title {
	min-height: 13px;
	margin-top: -2px;
	font-weight: normal !important;
	background: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#small_popup .text {
	min-height: 25px;
	margin-top: 0px;
}


#small_popup.small_popupLong	 {
    height: auto;
    min-height: 40px;
    background: #e2d4b8;
    border: 1px solid #8a6b47;
    border-radius: 3px;
    padding-bottom:10px;
    width: 230px;
    opacity: 0.95;
}

#small_popup.small_popupLong HR {
    border-top:1px solid #cebc9f;
    padding:0;
}
#small_popup.small_popupLong .text {
    width: 230px !important;
}

#small_popup.small_popupLong .title {
    background: #d7b890;
    margin-top: 0px;
    width: 230px !important;

    border-bottom: 1px solid #8a6b47;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
 }
 
 .arrow {
	width: 72px;
	height: 70px;
	position: absolute;
	z-index: 10002;
    border-radius: 3px;
}

.arrow.arrow2 {
	width: 32px;
	height: 30px;
	position: absolute;
	z-index: 10002;
}

.arrow .body {
	width: 70px;
	height: 70px;
	background-image: url(/images/m/tutorial/arrows.png);
	background-position: -70px 0px;
}

.arrow .body.right {
	background-position: 0px 0px;
}

.arrow .body.bottom {
	background-position: 0px -70px;
	height: 55px;
}

.arrow .body.top {
	background-position: -70px -70px;
	height: 55px;
}

.arrow .body.left2,
.arrow .body.right2,
.arrow .body.top2,
.arrow .body.bottom2 {
	width: 30px;
	height: 30px;
	background-image: url(/images/m/tutorial/arrows2.png);
	background-position: -30px 0px;
}

.arrow .body.right2 {
	background-position: 0px 0px;
}

.arrow .body.bottom2 {
	background-position: 0px -30px;
	height: 30px;
}

.arrow .body.top2 {
	background-position: -30px -30px;
	height: 30px;
}

#trainer {
	display: block;
	width: 190px;
	height: 200px;
	margin-top: 20px;
	margin-left: -10px;
	text-align: center;
	position: relative;
}

#trainer:hover {
	background-position: 0px -200px;
}

#trainer #clicker {
	width: 190px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

#trainer.compact {
	height: 100px;
}
#trainer.compact2 {
	height: 100px;
}

#trainer.compact:hover {
	background-position: 0px -100px;
}

#trainer.compact #clicker {
	height: 100px;
}

#trainer #text {
	font-size: 12px;
	width: 190px;
	position: absolute;
	top: 135px;
	left: 10px;
	font-weight: bold;
}

#trainer #speech {
	z-index: 10003;
	display: block;
	width: 590px;
	height: 300px;
	margin-top: -60px;
	margin-left: -50px;
	text-align: center;
	position: absolute;
	left: 220px;
	top: -200px;
	background-image: url(/images/m/tutorial/bg_captain.png);
}

#trainer #speech #data {
	width: 489px;
	height: 300px;
	position: absolute;
	top: 57px;
	left: 68px;
	font-size: 12px;
}

#trainer #speech #data p + p {
/*	text-indent: 1.5em;*/
}

#trainer #speech #data p {
	text-align: left;
	line-height: 150%;
	padding-bottom: 10px;
}

#trainer #speech #data a {
	font-weight: bold;
}

#trainer #speech #data b {
/*	font-size: 13px;*/
	text-transform: uppercase;
	white-space: nowrap;
}
#trainer #speech #accept, #trainer #speech #next {
/*	width: 170px;*/
	height: 30px;
	display: block;
	line-height: 30px;
	position: absolute;
	top: 220px;
	left: 216px;
}

#trainer #speech #accept.cmd_row2, #trainer #speech #next.cmd_row2 {
	left: 180px;
}

#trainer #close {
	position: absolute;
	top: 31px;
	left: 535px;
}

#trainer #cancel {
	position: absolute;
	top: 258px;
	left: 412px;
	text-decoration: underline;
	cursor: pointer;
}

#trainer #cancel:hover {

}

.inputGroup {margin-bottom:10px; line-height: 120%}
.inputGroup .grbody,
.inputSmallOpenable .grbody,
.inputSmall .grbody {background-color: #E3D4B7; padding: 10px; min-height: 14px; border-radius: 3px}
.inputTitle > .title DIV,
.inputShown .title DIV,
.inputSmallOpenable .grtop,
.inputShownImage DIV.title_shown,
.inputShownImage DIV.title_hidden {min-height: 30px; background-color: #dbcbad; line-height: 30px; margin-bottom: 1px; padding-left: 10px; padding-right: 10px; position: relative; text-align: center; font-weight: bold; font-size: 11px; text-transform: uppercase; color: #73503a; border-radius: 3px}
.inputShown .title DIV {cursor: pointer}
.inputShown .title_shown > DIV:before,
.inputShown .title_hidden > DIV:before,
.inputShownImage DIV.title_hidden DIV.button:before,
.inputShownImage DIV.title_shown DIV.button:before,
.inputSmallOpenable .title:before {content: ""; width: 13px; height: 13px; position: absolute; display: block; background-image: url(/i/ico.png); top: 7px; left: 7px; opacity: 0.5}
.inputShown .title_shown > DIV:before,
.bshown .inputSmallOpenable .title:before {background-position: -240px -980px !important}
.inputShown .title_hidden > DIV:before,
.inputShownImage DIV.title_shown DIV.button:before,
.inputSmallOpenable .title:before {background-position: 0 -1000px !important}
.inputShown .title_shown:hover DIV:before,
.inputShownImage DIV.title_hidden:hover DIV:before,
.inputShownImage DIV.title_shown:hover DIV:before,
.inputShownImage DIV.title_shown2:hover DIV:before,
.inputShown .title_hidden:hover DIV:before {opacity: 1}
.inputShown .shown {display: block}
.inputShown DIV.hidden {display: none}
.inputSmallOpenable .title:before {left: auto; right: 7px; z-index: 100}
.inputShownImage DIV.title_shown DIV.button:before,
.bshown .inputSmallOpenable .title:before {background-position: -240px -980px !important; top: 8px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -ms-transform: rotate(0deg)}
.bhidden .inputSmallOpenable .title:before,
.inputShownImage DIV.button:before {background-position: 0 -1000px !important; top: -18px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); -ms-transform: rotate(180deg)}
.inputGroup .title table {height: 26px; border-collapse: collapse}
.inputGroup .title table td {height: 26px; padding: 0}

/* NPC */
.avatarBlockOpenable{margin-top: -4px; margin-bottom: 6px; position: relative}
.avatarBlockOpenable DIV.button {cursor: pointer; position: absolute; z-index: 100; height: 35px; top: 0; left: 0; right: 0}
.inputSmallOpenable .title {margin-top: -31px}
.avatarBlockOpenable DIV.title_hidden {display: block; width: 100%; height: 30px}
.avatarBlockOpenable DIV.spbody {position: relative; top: 4px; margin-right: -1px}
.avatarBlockOpenable DIV.bhidden * {height: 0}
.avatarBlockOpenable DIV.bhidden * {min-height: 0 !important; height: 0 !important; overflow: hidden}
.avatarBlockOpenable DIV.bhidden .inputGroup .title DIV {height: 30px !important; position: absolute; left: 0; right: 0}
.inputSmallOpenable{width:330px}
/*.inputSmallOpenable .bottom {background-image: url(/i/inside/bg_block.png); background-color: #e3d0af}*/
/*.inputSmallOpenable .bottom {background-position: -2312px -10px;background-repeat: no-repeat}*/
/*.inputSmallOpenable .grtop {}*/
.inputGroup.tabs .grtop {height: 68px}


.inputShownImage {margin-bottom: 10px; position: relative}
.inputShownImage DIV.title_hidden {min-height: 15px; line-height: 15px; margin-bottom: 1px}
.inputShownImage DIV.button {cursor: pointer; position: absolute; z-index: 100; height: 15px; top: 0; left: 0; right: 0}
.inputShownImage DIV.button:before {top: 3px !important; left: auto !important; right: 7px !important}
.inputShownImage DIV.title_shown DIV.button:before {top: -1px !important; right: 9px !important}
.inputShownImage DIV.title_shown,
.inputShownImage DIV.title_shown2 {background-color: #E3D4B7; min-height: 15px; line-height: 15px; margin-bottom: 0; border-radius: 3px 3px 0 0}
.inputShownImage DIV.imgbody {background-color: #E3D4B7; text-align: center}
.inputShownImage DIV.imgbody img {border-radius: 3px; display: inline-block}
.inputShownImage DIV.imgbody > div {margin: 0 auto; border-radius: 3px}
.inputShownImage DIV.imgbody #houseDiv * {border-radius: 3px}
.inputShownImage DIV.imgbottom {background-color: #E3D4B7; height: 15px; border-radius: 0 0 3px 3px}
.inputShownImage DIV.hidden {display:none}

.inputSmall {width:272px}
/*.inputSmall .grtop,*/
/*.inputSmall .title,*/
/*.inputSmall .bottom {background-image: url(/i/inside/bg_block3.png); background-color: #e3d0af}*/
/*.inputSmall .grtop {background-position: -1108px -25px;background-repeat: no-repeat}*/
/*.inputSmall .title {background-position: -1380px 0;background-repeat: repeat-y}*/
/*.inputSmall .bottom {background-position: -1108px -10px;background-repeat: no-repeat}*/

.inputSmall{width:330px}
/*.inputSmall .grtop,*/
/*.inputSmall .title,*/
/*.inputSmall .bottom {background-image: url(/i/inside/bg_block.png); background-color: #e3d0af}*/
/*.inputSmall .grtop {background-position: -1652px -25px;background-repeat: no-repeat}*/
/*.inputSmall .title {background-position: -1982px 0;background-repeat: repeat-y}*/
/*.inputSmall .bottom {background-position: -1652px -10px;background-repeat: no-repeat}*/

TABLE.up_avatar.small .inputSmall {width:449px}
/*TABLE.up_avatar.small .inputSmall .grtop,*/
/*TABLE.up_avatar.small .inputSmall .title,*/
/*TABLE.up_avatar.small .inputSmall .bottom {background-image: url(/i/inside/bg_block.png); background-color: #e3d0af}*/
/*TABLE.up_avatar.small .inputSmall .grtop {background-position: -4074px -25px;background-repeat: no-repeat}*/
/*TABLE.up_avatar.small .inputSmall .title {background-position: -4532px 0;background-repeat: repeat-y}*/
/*TABLE.up_avatar.small .inputSmall .bottom {background-position: -4074px -10px;background-repeat: no-repeat}*/

/** InputDashed */
.inputDashed {margin-bottom:10px}

/*div.titleDashed {background: url("/i/global/bg_10.png") repeat scroll left top transparent !important; padding:5px 0; vertical-align:middle}*/
/*div.contentDashed {background: url("/i/global/bg_09.png") repeat scroll left top transparent; min-height: 1px}*/

.inputSmallLeft {width:200px}
/*.inputSmallLeft .grtop,*/
/*.inputSmallLeft .title,*/
/*.inputSmallLeft .grbody,*/
/*.inputSmallLeft .bottom {background-image: url(/i/inside/bg_block.png); background-color: #e3d0af}*/
/*.inputSmallLeft .grtop {background-position: -3674px -25px;background-repeat: no-repeat}*/
/*.inputSmallLeft .title {background-position: -3874px 0;background-repeat: repeat-y}*/
/*.inputSmallLeft .grbody {background-position: -3874px 0;background-repeat: repeat-y;padding: 10px 10px 5px 10px}*/
/*.inputSmallLeft .bottom {background-position: -3674px -10px;background-repeat: no-repeat}*/

.inputSmallRight {width:344px}
/*.inputSmallRight .grtop,*/
/*.inputSmallRight .title,*/
/*.inputSmallRight .grbody,*/
/*.inputSmallRight .bottom {background-image: url(/i/inside/bg_block.png); background-color: #e3d0af}*/
/*.inputSmallRight .grtop {background-position: -2986px -25px;background-repeat: no-repeat}*/
/*.inputSmallRight .title {background-position: -3330px 0;background-repeat: repeat-y}*/
/*.inputSmallRight .grbody {background-position: -3330px 0;background-repeat: repeat-y}*/
/*.inputSmallRight .bottom {background-position: -2986px -10px;background-repeat: no-repeat}*/

.inputNoLine .grtop{display:none}
.inputNoLine .grbody{padding-top:0}
.inputNoLine .grbody>DIV{
	 height: 398px;
}


.up_avatar .grbody{
	font-size:11px;
	color: #542f1b;
}

.noresize {resize: none}
.no_underline a {text-decoration: none}
.no_underline a:hover {text-decoration: underline}
.no_underlinei a, .no_underlinei a:hover {text-decoration: none}

.mb-25 {margin-bottom:-25px !important}
.mb-24 {margin-bottom:-24px !important}
.mb-23 {margin-bottom:-23px !important}
.mb-22 {margin-bottom:-22px !important}
.mb-21 {margin-bottom:-21px !important}
.mb-20 {margin-bottom:-20px !important}
.mb-19 {margin-bottom:-19px !important}
.mb-18 {margin-bottom:-18px !important}
.mb-17 {margin-bottom:-17px !important}
.mb-16 {margin-bottom:-16px !important}
.mb-15 {margin-bottom:-15px !important}
.mb-14 {margin-bottom:-14px !important}
.mb-13 {margin-bottom:-13px !important}
.mb-12 {margin-bottom:-12px !important}
.mb-11 {margin-bottom:-11px !important}
.mb-10 {margin-bottom:-10px !important}
.mb-9 {margin-bottom:-9px !important}
.mb-8 {margin-bottom:-8px !important}
.mb-7 {margin-bottom:-7px !important}
.mb-6 {margin-bottom:-6px !important}
.mb-5 {margin-bottom:-5px !important}
.mb-4 {margin-bottom:-4px !important}
.mb-3 {margin-bottom:-3px !important}
.mb-2 {margin-bottom:-2px !important}
.mb-1 {margin-bottom:-1px !important}
.mb0 {margin-bottom:0px !important}
.mb1 {margin-bottom:1px !important}
.mb2 {margin-bottom:2px !important}
.mb3 {margin-bottom:3px !important}
.mb4 {margin-bottom:4px !important}
.mb5 {margin-bottom:5px !important}
.mb6 {margin-bottom:5px !important}
.mb7 {margin-bottom:7px !important}
.mb8 {margin-bottom:8px !important}
.mb9 {margin-bottom:9px !important}
.mb10 {margin-bottom:10px !important}
.mb11 {margin-bottom:11px !important}
.mb12 {margin-bottom:12px !important}
.mb13 {margin-bottom:13px !important}
.mb14 {margin-bottom:14px !important}
.mb15 {margin-bottom:15px !important}
.mb16 {margin-bottom:16px !important}
.mb17 {margin-bottom:17px !important}
.mb18 {margin-bottom:18px !important}
.mb19 {margin-bottom:19px !important}
.mb20 {margin-bottom:20px !important}
.mb21 {margin-bottom:21px !important}
.mb22 {margin-bottom:22px !important}
.mb23 {margin-bottom:23px !important}
.mb24 {margin-bottom:24px !important}
.mb25 {margin-bottom:25px !important}
.mb26 {margin-bottom:26px !important}
.mb27 {margin-bottom:27px !important}
.mb28 {margin-bottom:28px !important}
.mb29 {margin-bottom:29px !important}
.mb30 {margin-bottom:30px !important}
.mb31 {margin-bottom:31px !important}
.mb32 {margin-bottom:32px !important}
.mb33 {margin-bottom:33px !important}
.mb34 {margin-bottom:34px !important}
.mb35 {margin-bottom:35px !important}
.mb36 {margin-bottom:36px !important}
.mb37 {margin-bottom:37px !important}
.mb38 {margin-bottom:38px !important}
.mb39 {margin-bottom:39px !important}
.mb40 {margin-bottom:40px !important}
.mb41 {margin-bottom:41px !important}
.mb42 {margin-bottom:42px !important}
.mb43 {margin-bottom:43px !important}
.mb44 {margin-bottom:44px !important}
.mb45 {margin-bottom:45px !important}
.mb46 {margin-bottom:46px !important}
.mb47 {margin-bottom:47px !important}
.mb48 {margin-bottom:48px !important}
.mb49 {margin-bottom:49px !important}
.mb50 {margin-bottom:50px !important}
.mb60 {margin-bottom:60px !important}
.mb70 {margin-bottom:70px !important}

.mt-25 {margin-top:-25px !important}
.mt-24 {margin-top:-24px !important}
.mt-23 {margin-top:-23px !important}
.mt-22 {margin-top:-22px !important}
.mt-21 {margin-top:-21px !important}
.mt-20 {margin-top:-20px !important}
.mt-19 {margin-top:-19px !important}
.mt-18 {margin-top:-18px !important}
.mt-17 {margin-top:-17px !important}
.mt-16 {margin-top:-16px !important}
.mt-15 {margin-top:-15px !important}
.mt-14 {margin-top:-14px !important}
.mt-13 {margin-top:-13px !important}
.mt-12 {margin-top:-12px !important}
.mt-11 {margin-top:-11px !important}
.mt-10 {margin-top:-10px !important}
.mt-9 {margin-top:-9px !important}
.mt-8 {margin-top:-8px !important}
.mt-7 {margin-top:-7px !important}
.mt-6 {margin-top:-6px !important}
.mt-5 {margin-top:-5px !important}
.mt-4 {margin-top:-4px !important}
.mt-3 {margin-top:-3px !important}
.mt-2 {margin-top:-2px !important}
.mt-1 {margin-top:-1px !important}
.mt0 {margin-top:0px !important}
.mt1 {margin-top:1px !important}
.mt2 {margin-top:2px !important}
.mt3 {margin-top:3px !important}
.mt4 {margin-top:4px !important}
.mt5 {margin-top:5px !important}
.mt6 {margin-top:5px !important}
.mt7 {margin-top:7px !important}
.mt8 {margin-top:8px !important}
.mt9 {margin-top:9px !important}
.mt10 {margin-top:10px !important}
.mt11 {margin-top:11px !important}
.mt12 {margin-top:12px !important}
.mt13 {margin-top:13px !important}
.mt14 {margin-top:14px !important}
.mt15 {margin-top:15px !important}
.mt16 {margin-top:16px !important}
.mt17 {margin-top:17px !important}
.mt18 {margin-top:18px !important}
.mt19 {margin-top:19px !important}
.mt20 {margin-top:20px !important}
.mt21 {margin-top:21px !important}
.mt22 {margin-top:22px !important}
.mt23 {margin-top:23px !important}
.mt24 {margin-top:24px !important}
.mt25 {margin-top:25px !important}
.mt26 {margin-top:26px !important}
.mt27 {margin-top:27px !important}
.mt28 {margin-top:28px !important}
.mt29 {margin-top:29px !important}
.mt30 {margin-top:30px !important}
.mt31 {margin-top:31px !important}
.mt32 {margin-top:32px !important}
.mt33 {margin-top:33px !important}
.mt34 {margin-top:34px !important}
.mt35 {margin-top:35px !important}
.mt36 {margin-top:36px !important}
.mt37 {margin-top:37px !important}
.mt38 {margin-top:38px !important}
.mt39 {margin-top:39px !important}
.mt40 {margin-top:40px !important}
.mt41 {margin-top:41px !important}
.mt42 {margin-top:42px !important}
.mt43 {margin-top:43px !important}
.mt44 {margin-top:44px !important}
.mt45 {margin-top:45px !important}
.mt46 {margin-top:46px !important}
.mt47 {margin-top:47px !important}
.mt48 {margin-top:48px !important}
.mt49 {margin-top:49px !important}
.mt50 {margin-top:50px !important}

.ml-85 {margin-left:-85px !important}
.ml-67 {margin-left:-67px !important}
.ml-55 {margin-left:-55px !important}
.ml-52 {margin-left:-52px !important}
.ml-25 {margin-left:-25px !important}
.ml-24 {margin-left:-24px !important}
.ml-23 {margin-left:-23px !important}
.ml-22 {margin-left:-22px !important}
.ml-21 {margin-left:-21px !important}
.ml-20 {margin-left:-20px !important}
.ml-19 {margin-left:-19px !important}
.ml-18 {margin-left:-18px !important}
.ml-17 {margin-left:-17px !important}
.ml-16 {margin-left:-16px !important}
.ml-15 {margin-left:-15px !important}
.ml-14 {margin-left:-14px !important}
.ml-13 {margin-left:-13px !important}
.ml-12 {margin-left:-12px !important}
.ml-11 {margin-left:-11px !important}
.ml-10 {margin-left:-10px !important}
.ml-9 {margin-left:-9px !important}
.ml-8 {margin-left:-8px !important}
.ml-7 {margin-left:-7px !important}
.ml-6 {margin-left:-6px !important}
.ml-5 {margin-left:-5px !important}
.ml-4 {margin-left:-4px !important}
.ml-3 {margin-left:-3px !important}
.ml-2 {margin-left:-2px !important}
.ml-1 {margin-left:-1px !important}
.ml0 {margin-left:0px !important}
.ml1 {margin-left:1px !important}
.ml2 {margin-left:2px !important}
.ml3 {margin-left:3px !important}
.ml4 {margin-left:4px !important}
.ml5 {margin-left:5px !important}
.ml6 {margin-left:5px !important}
.ml7 {margin-left:7px !important}
.ml8 {margin-left:8px !important}
.ml10 {margin-left:10px !important}
.ml11 {margin-left:11px !important}
.ml12 {margin-left:12px !important}
.ml13 {margin-left:13px !important}
.ml14 {margin-left:14px !important}
.ml15 {margin-left:15px !important}
.ml16 {margin-left:16px !important}
.ml17 {margin-left:17px !important}
.ml18 {margin-left:18px !important}
.ml19 {margin-left:19px !important}
.ml20 {margin-left:20px !important}
.ml21 {margin-left:21px !important}
.ml22 {margin-left:22px !important}
.ml23 {margin-left:23px !important}
.ml24 {margin-left:24px !important}
.ml25 {margin-left:25px !important}
.ml26 {margin-left:26px !important}
.ml27 {margin-left:27px !important}
.ml28 {margin-left:28px !important}
.ml29 {margin-left:29px !important}
.ml30 {margin-left:30px !important}
.ml31 {margin-left:31px !important}
.ml32 {margin-left:32px !important}
.ml33 {margin-left:33px !important}
.ml34 {margin-left:34px !important}
.ml35 {margin-left:35px !important}
.ml36 {margin-left:36px !important}
.ml37 {margin-left:37px !important}
.ml38 {margin-left:38px !important}
.ml39 {margin-left:39px !important}
.ml40 {margin-left:40px !important}
.ml41 {margin-left:41px !important}
.ml42 {margin-left:42px !important}
.ml43 {margin-left:43px !important}
.ml44 {margin-left:44px !important}
.ml45 {margin-left:45px !important}
.ml46 {margin-left:46px !important}
.ml47 {margin-left:47px !important}
.ml48 {margin-left:48px !important}
.ml49 {margin-left:49px !important}
.ml50 {margin-left:50px !important}
.ml65 {margin-left:65px !important}
.ml70 {margin-left:70px !important}
.ml75 {margin-left:75px !important} 
.ml80 {margin-left:80px !important} 
.ml83 {margin-left:83px !important} 
.ml85 {margin-left:85px !important} 
.ml90 {margin-left:90px !important} 
.ml95 {margin-left:95px !important} 
.ml100 {margin-left:100px !important} 
.ml105 {margin-left:105px !important} 
.ml110 {margin-left:110px !important}
.ml115 {margin-left:115px !important}
.ml120 {margin-left:120px !important}
.ml130 {margin-left:130px !important}
.ml146 {margin-left:146px !important}
.ml150 {margin-left:150px !important}
.ml180 {margin-left:180px !important}
.ml190 {margin-left:190px !important}
.ml195 {margin-left:195px !important}
.ml200 {margin-left:200px !important}
.ml210 {margin-left:210px !important}
.ml220 {margin-left:220px !important}
.ml222 {margin-left:222px !important}
.ml225 {margin-left:225px !important}
.ml230 {margin-left:230px !important}
.ml240 {margin-left:240px !important}
.ml260 {margin-left:260px !important}

.mr-25 {margin-right:-25px !important}
.mr-24 {margin-right:-24px !important}
.mr-23 {margin-right:-23px !important}
.mr-22 {margin-right:-22px !important}
.mr-21 {margin-right:-21px !important}
.mr-20 {margin-right:-20px !important}
.mr-19 {margin-right:-19px !important}
.mr-18 {margin-right:-18px !important}
.mr-17 {margin-right:-17px !important}
.mr-16 {margin-right:-16px !important}
.mr-15 {margin-right:-15px !important}
.mr-14 {margin-right:-14px !important}
.mr-13 {margin-right:-13px !important}
.mr-12 {margin-right:-12px !important}
.mr-11 {margin-right:-11px !important}
.mr-10 {margin-right:-10px !important}
.mr-9 {margin-right:-9px !important}
.mr-8 {margin-right:-8px !important}
.mr-7 {margin-right:-7px !important}
.mr-6 {margin-right:-6px !important}
.mr-5 {margin-right:-5px !important}
.mr-4 {margin-right:-4px !important}
.mr-3 {margin-right:-3px !important}
.mr-2 {margin-right:-2px !important}
.mr-1 {margin-right:-1px !important}
.mr0 {margin-right:0px !important}
.mr1 {margin-right:1px !important}
.mr2 {margin-right:2px !important}
.mr3 {margin-right:3px !important}
.mr4 {margin-right:4px !important}
.mr5 {margin-right:5px !important}
.mr6 {margin-right:5px !important}
.mr7 {margin-right:7px !important}
.mr8 {margin-right:8px !important}
.mr10 {margin-right:10px !important}
.mr11 {margin-right:11px !important}
.mr12 {margin-right:12px !important}
.mr13 {margin-right:13px !important}
.mr14 {margin-right:14px !important}
.mr15 {margin-right:15px !important}
.mr16 {margin-right:16px !important}
.mr17 {margin-right:17px !important}
.mr18 {margin-right:18px !important}
.mr19 {margin-right:19px !important}
.mr20 {margin-right:20px !important}
.mr21 {margin-right:21px !important}
.mr22 {margin-right:22px !important}
.mr23 {margin-right:23px !important}
.mr24 {margin-right:24px !important}
.mr25 {margin-right:25px !important}
.mr26 {margin-right:26px !important}
.mr27 {margin-right:27px !important}
.mr28 {margin-right:28px !important}
.mr29 {margin-right:29px !important}
.mr30 {margin-right:30px !important}
.mr31 {margin-right:31px !important}
.mr32 {margin-right:32px !important}
.mr33 {margin-right:33px !important}
.mr34 {margin-right:34px !important}
.mr35 {margin-right:35px !important}
.mr36 {margin-right:36px !important}
.mr37 {margin-right:37px !important}
.mr38 {margin-right:38px !important}
.mr39 {margin-right:39px !important}
.mr40 {margin-right:40px !important}
.mr41 {margin-right:41px !important}
.mr42 {margin-right:42px !important}
.mr43 {margin-right:43px !important}
.mr44 {margin-right:44px !important}
.mr45 {margin-right:45px !important}
.mr46 {margin-right:46px !important}
.mr47 {margin-right:47px !important}
.mr48 {margin-right:48px !important}
.mr49 {margin-right:49px !important}
.mr50 {margin-right:50px !important}
.mr55 {margin-right:55px !important}
.mr58 {margin-right:58px !important}
.mr70 {margin-right:70px !important}
.mr75 {margin-right:75px !important}
.mr80 {margin-right:80px !important}
.mr95 {margin-right:95px !important}
.mr158 {margin-right:158px !important}
.mr195 {margin-right:195px !important}

.pb0 {padding-bottom:0px !important}
.pb1 {padding-bottom:1px !important}
.pb2 {padding-bottom:2px !important}
.pb3 {padding-bottom:3px !important}
.pb4 {padding-bottom:4px !important}
.pb5 {padding-bottom:5px !important}
.pb6 {padding-bottom:5px !important}
.pb7 {padding-bottom:7px !important}
.pb8 {padding-bottom:8px !important}
.pb10 {padding-bottom:10px !important}
.pb11 {padding-bottom:11px !important}
.pb12 {padding-bottom:12px !important}
.pb13 {padding-bottom:13px !important}
.pb14 {padding-bottom:14px !important}
.pb15 {padding-bottom:15px !important}
.pb16 {padding-bottom:16px !important}
.pb17 {padding-bottom:17px !important}
.pb18 {padding-bottom:18px !important}
.pb19 {padding-bottom:19px !important}
.pb20 {padding-bottom:20px !important}
.pb21 {padding-bottom:21px !important}
.pb22 {padding-bottom:22px !important}
.pb23 {padding-bottom:23px !important}
.pb24 {padding-bottom:24px !important}
.pb25 {padding-bottom:25px !important}
.pb26 {padding-bottom:26px !important}
.pb27 {padding-bottom:27px !important}
.pb28 {padding-bottom:28px !important}
.pb29 {padding-bottom:29px !important}
.pb30 {padding-bottom:30px !important}
.pb31 {padding-bottom:31px !important}
.pb32 {padding-bottom:32px !important}
.pb33 {padding-bottom:33px !important}
.pb34 {padding-bottom:34px !important}
.pb35 {padding-bottom:35px !important}
.pb36 {padding-bottom:36px !important}
.pb37 {padding-bottom:37px !important}
.pb38 {padding-bottom:38px !important}
.pb39 {padding-bottom:39px !important}
.pb40 {padding-bottom:40px !important}
.pb41 {padding-bottom:41px !important}
.pb42 {padding-bottom:42px !important}
.pb43 {padding-bottom:43px !important}
.pb44 {padding-bottom:44px !important}
.pb45 {padding-bottom:45px !important}
.pb46 {padding-bottom:46px !important}
.pb47 {padding-bottom:47px !important}
.pb48 {padding-bottom:48px !important}
.pb49 {padding-bottom:49px !important}
.pb50 {padding-bottom:50px !important}
.pb55 {padding-bottom:55px !important}
.pb60 {padding-bottom:60px !important}
.pb100 {padding-bottom:100px !important}
.pb150 {padding-bottom:150px !important}

.pt0 {padding-top:0px !important}
.pt1 {padding-top:1px !important}
.pt2 {padding-top:2px !important}
.pt3 {padding-top:3px !important}
.pt4 {padding-top:4px !important}
.pt5 {padding-top:5px !important}
.pt6 {padding-top:5px !important}
.pt7 {padding-top:7px !important}
.pt8 {padding-top:8px !important}
.pt10 {padding-top:10px !important}
.pt11 {padding-top:11px !important}
.pt12 {padding-top:12px !important}
.pt13 {padding-top:13px !important}
.pt14 {padding-top:14px !important}
.pt15 {padding-top:15px !important}
.pt16 {padding-top:16px !important}
.pt17 {padding-top:17px !important}
.pt18 {padding-top:18px !important}
.pt19 {padding-top:19px !important}
.pt20 {padding-top:20px !important}
.pt21 {padding-top:21px !important}
.pt22 {padding-top:22px !important}
.pt23 {padding-top:23px !important}
.pt24 {padding-top:24px !important}
.pt25 {padding-top:25px !important}
.pt26 {padding-top:26px !important}
.pt27 {padding-top:27px !important}
.pt28 {padding-top:28px !important}
.pt29 {padding-top:29px !important}
.pt30 {padding-top:30px !important}
.pt31 {padding-top:31px !important}
.pt32 {padding-top:32px !important}
.pt33 {padding-top:33px !important}
.pt34 {padding-top:34px !important}
.pt35 {padding-top:35px !important}
.pt36 {padding-top:36px !important}
.pt37 {padding-top:37px !important}
.pt38 {padding-top:38px !important}
.pt39 {padding-top:39px !important}
.pt40 {padding-top:40px !important}
.pt41 {padding-top:41px !important}
.pt42 {padding-top:42px !important}
.pt43 {padding-top:43px !important}
.pt44 {padding-top:44px !important}
.pt45 {padding-top:45px !important}
.pt46 {padding-top:46px !important}
.pt47 {padding-top:47px !important}
.pt48 {padding-top:48px !important}
.pt49 {padding-top:49px !important}
.pt50 {padding-top:50px !important}
.pt55 {padding-top:55px !important}
.pt60 {padding-top:60px !important}
.pt100 {padding-top:100px !important}
.pt150 {padding-top:150px !important}

.pl0 {padding-left:0px !important}
.pl1 {padding-left:1px !important}
.pl2 {padding-left:2px !important}
.pl3 {padding-left:3px !important}
.pl4 {padding-left:4px !important}
.pl5 {padding-left:5px !important}
.pl6 {padding-left:5px !important}
.pl7 {padding-left:7px !important}
.pl8 {padding-left:8px !important}
.pl9 {padding-left:9px !important}
.pl10 {padding-left:10px !important}
.pl11 {padding-left:11px !important}
.pl12 {padding-left:12px !important}
.pl13 {padding-left:13px !important}
.pl14 {padding-left:14px !important}
.pl15 {padding-left:15px !important}
.pl16 {padding-left:16px !important}
.pl17 {padding-left:17px !important}
.pl18 {padding-left:18px !important}
.pl19 {padding-left:19px !important}
.pl20 {padding-left:20px !important}
.pl21 {padding-left:21px !important}
.pl22 {padding-left:22px !important}
.pl23 {padding-left:23px !important}
.pl24 {padding-left:24px !important}
.pl25 {padding-left:25px !important}
.pl26 {padding-left:26px !important}
.pl27 {padding-left:27px !important}
.pl28 {padding-left:28px !important}
.pl29 {padding-left:29px !important}
.pl30 {padding-left:30px !important}
.pl31 {padding-left:31px !important}
.pl32 {padding-left:32px !important}
.pl33 {padding-left:33px !important}
.pl34 {padding-left:34px !important}
.pl35 {padding-left:35px !important}
.pl36 {padding-left:36px !important}
.pl37 {padding-left:37px !important}
.pl38 {padding-left:38px !important}
.pl39 {padding-left:39px !important}
.pl40 {padding-left:40px !important}
.pl41 {padding-left:41px !important}
.pl42 {padding-left:42px !important}
.pl43 {padding-left:43px !important}
.pl44 {padding-left:44px !important}
.pl45 {padding-left:45px !important}
.pl46 {padding-left:46px !important}
.pl47 {padding-left:47px !important}
.pl48 {padding-left:48px !important}
.pl49 {padding-left:49px !important}
.pl50 {padding-left:50px !important}
.pl57 {padding-left:57px !important}
.pl65 {padding-left:65px !important}
.pl70 {padding-left:70px !important}
.pl75 {padding-left:75px !important}
.pl80 {padding-left:80px !important}
.pl85 {padding-left:85px !important}
.pl90 {padding-left:90px !important}
.pl95 {padding-left:95px !important}

.pr0 {padding-right:0px !important}
.pr1 {padding-right:1px !important}
.pr2 {padding-right:2px !important}
.pr3 {padding-right:3px !important}
.pr4 {padding-right:4px !important}
.pr5 {padding-right:5px !important}
.pr6 {padding-right:5px !important}
.pr7 {padding-right:7px !important}
.pr8 {padding-right:8px !important}
.pr9 {padding-right:9px !important}
.pr10 {padding-right:10px !important}
.pr11 {padding-right:11px !important}
.pr12 {padding-right:12px !important}
.pr13 {padding-right:13px !important}
.pr14 {padding-right:14px !important}
.pr15 {padding-right:15px !important}
.pr16 {padding-right:16px !important}
.pr17 {padding-right:17px !important}
.pr18 {padding-right:18px !important}
.pr19 {padding-right:19px !important}
.pr20 {padding-right:20px !important}
.pr21 {padding-right:21px !important}
.pr22 {padding-right:22px !important}
.pr23 {padding-right:23px !important}
.pr24 {padding-right:24px !important}
.pr25 {padding-right:25px !important}
.pr26 {padding-right:26px !important}
.pr27 {padding-right:27px !important}
.pr28 {padding-right:28px !important}
.pr29 {padding-right:29px !important}
.pr30 {padding-right:30px !important}
.pr31 {padding-right:31px !important}
.pr32 {padding-right:32px !important}
.pr33 {padding-right:33px !important}
.pr34 {padding-right:34px !important}
.pr35 {padding-right:35px !important}
.pr36 {padding-right:36px !important}
.pr37 {padding-right:37px !important}
.pr38 {padding-right:38px !important}
.pr39 {padding-right:39px !important}
.pr40 {padding-right:40px !important}
.pr41 {padding-right:41px !important}
.pr42 {padding-right:42px !important}
.pr43 {padding-right:43px !important}
.pr44 {padding-right:44px !important}
.pr45 {padding-right:45px !important}
.pr46 {padding-right:46px !important}
.pr47 {padding-right:47px !important}
.pr48 {padding-right:48px !important}
.pr49 {padding-right:49px !important}
.pr50 {padding-right:50px !important}
.pr57 {padding-right:57px !important}
.pr60 {padding-right:60px !important}
.pr65 {padding-right:65px !important}
.pr70 {padding-right:70px !important}

.mauto	{margin: 0 auto}
.m-1 {margin: -1px !important}
.m0 {margin: 0px !important}
.m1 {margin: 1px}
.m2 {margin: 2px !important}
.m3 {margin: 3px}
.m4 {margin: 4px}
.m5 {margin:5px}
.m6 {margin: 6px}
.m7 {margin: 7px}
.m8 {margin: 8px}
.m9 {margin: 9px}
.m10 {margin:10px}
.m11 {margin:11px}
.m12 {margin:12px}
.m13 {margin:13px}
.m14 {margin:14px}
.m15 {margin:15px}
.m16 {margin:16px}
.m17 {margin:17px}
.m18 {margin:18px}
.m19 {margin:19px}
.m20 {margin:20px !important}

.p0 {padding: 0px !important}
.p1 {padding: 1px}
.p2 {padding: 2px}
.p3 {padding: 3px !important}
.p4 {padding: 4px !important}
.p5, .p05 {padding:5px !important}
.p6 {padding: 6px !important}
.p7, .p07 {padding:7px}
.p8, .p08 {padding:8px}
.p9 {padding: 9px}
.p10 {padding:10px}
.p11 {padding:11px}
.p12 {padding:12px}
.p13 {padding:13px}
.p14 {padding:14px}
.p15 {padding:15px}
.p16 {padding:16px}
.p17 {padding:17px}
.p18 {padding:18px}
.p19 {padding:19px}
.p20 {padding:20px}
.prl10 {padding-left: 10px; padding-right: 10px}
.prl5 {padding-left: 5px; padding-right: 5px}
.prl15 {padding-left: 15px; padding-right: 15px}

.pt10 {padding-top: 10px}

.mpath.p10, .mpath.p11, .mpath.p12, .mpath.p13, .mpath.p14, .mpath.p15, .mpath.p16, .mpath.p17, .mpath.p18, .mpath.p19, .mpath.p20 {padding: 0}

.f_s8 {font-size: 8px !important}
.f_s9 {font-size: 9px !important}
.f_s10 {font-size: 10px !important}
.f_s11 {font-size: 11px}
.f_s11i, .f_s11i * {font-size: 11px !important}
.f_s12 {font-size: 12px}
.f_s13 {font-size: 13px}
.f_s14 {font-size: 14px}
.f_s15 {font-size: 15px}
.f_s16 {font-size: 16px}
.f_s17 {font-size: 17px}
.f_s18 {font-size: 18px}
.f_s19 {font-size: 19px}
.f_s20 {font-size: 20px !important}
.bold {font-weight: bold}
.italic {font-style: italic}
.normal {font-style: normal; font-weight: normal !important; text-transform: none}
.normali, .normali *, .normali a.profile {font-weight: normal !important}
a.profile.normal {font-weight: normal !important}
.uppercase {text-transform: uppercase}
.lowercase {text-transform: lowercase}
.capitalize {text-transform: capitalize}
.left {text-align: left}

.right {text-align: right}
.relative {position: relative !important}
.white {color: #fff !important}

.absolute {position: absolute}
.left0 {left: 0}
.left5 {left: 5px}
.left10 {left: 10px}
.left140 {left: 140px}
.right0 {right: 0}
.right5 {right: 5px}
.right10 {right: 10px}
.bottom0 {bottom: 0}
.bottom5 {bottom: 5px}
.bottom10 {bottom: 10px}
.bottom15 {bottom: 15px}
.bottom20 {bottom: 20px}
.top-7 {top: -7px}
.top-5 {top: -5px}
.top-3 {top: -3px}
.top-2 {top: -2px}
.top-1 {top: -1px}
.top1 {top: 1px}
.top2 {top: 2px}
.top3 {top: 3px}
.top4 {top: 4px}
.top5 {top: 5px}
.top-7i {top: -7px !important}
.top-5i {top: -5px !important}
.top-4i {top: -4px !important}
.top-3i {top: -3px !important}
.top-2i {top: -2px !important}
.top-1i {top: -1px !important}
.top1i {top: 1px !important}
.top2i {top: 2px !important}
doesnotexist:-o-prefocus, input.top2i {top: 0 !important}
.top3i {top: 3px !important}
.top4i {top: 4px !important}
.top5i {top: 5px !important}
.top-21 {top: -21px}

.valign_top {vertical-align: top !important}
.valign_middle {vertical-align: middle !important}
.valign_bottom {vertical-align: bottom !important}

.wauto {width: auto !important}
.w15p {width: 15% !important}
.w20p {width: 20% !important}
.w25p {width: 25% !important}
.w30p {width: 30% !important}
.w33p {width: 33% !important}
.w40p {width: 40% !important}
.w49p {width: 49% !important}
.w495p {width: 49.5% !important}
.w50p {width: 50% !important}
.w505p {width: 50.5% !important}
.w51p {width: 51% !important}
.w60p {width: 60% !important}
.w70p {width: 70% !important}
.w75p {width: 75% !important}
.w85p {width: 85% !important}
.w986p {width: 98.6% !important}
.w100p {width: 100% !important}
.w0 {width: 0 !important}
.w10 {width: 10px !important}
.w15 {width: 15px !important}
.w17 {width: 17px !important}
.w19 {width: 19px !important}
.w20 {width: 20px}
.w21 {width: 21px}
.w22 {width: 22px}
.w23 {width: 23px}
.w24 {width: 24px}
.w25 {width: 25px !important}
.w26 {width: 26px !important}
.w27 {width: 27px !important}
.w28 {width: 28px !important}
.w29 {width: 29px !important}
.w30 {width: 30px}
.w35 {width: 35px !important}
.w36 {width: 36px !important}
.w38 {width: 38px !important}
.w40 {width: 40px !important}
.w47 {width: 47px}
.w50 {width: 50px !important}
.w51 {width: 51px !important}
.w54 {width: 54px !important}
.w56 {width: 56px !important}
.w57 {width: 57px !important}
.w58 {width: 58px !important}
.w60 {width: 60px !important}
.w64 {width: 64px !important}
.w65 {width: 65px !important}
.w66 {width: 66px !important}
.w67 {width: 67px}
.w70 {width: 70px !important}
.w72 {width: 72px !important}
.w75 {width: 75px !important}
.w76 {width: 76px !important}
.w80 {width: 80px !important}
.w82 {width: 82px !important}
.w84 {width: 84px !important}
.w90 {width: 90px !important}
.w91 {width: 91px !important}
.w92 {width: 92px !important}
.w96 {width: 96px !important}
.w98 {width: 98px !important}
.w100 {width: 100px !important}
.w104 {width: 104px !important}
.w105 {width: 105px !important}
.w106 {width: 106px !important}
.w107 {width: 107px !important}
.w108 {width: 108px !important}
.w109 {width: 109px !important}
.w110 {width: 110px !important}
.w115 {width: 115px !important}
.w116 {width: 116px !important}
.w119 {width: 119px !important}
.w120 {width: 120px !important}
.w121 {width: 121px !important}
.w122 {width: 122px !important}
.w123 {width: 123px !important}
.w125 {width: 125px !important}
.w126 {width: 126px !important}
.w127 {width: 127px !important}
.w128 {width: 128px !important}
.w130 {width: 130px !important}
.w135 {width: 135px !important}
.w136 {width: 136px !important}
.w140 {width: 140px !important}
.w143 {width: 143px !important}
.w145 {width: 145px !important}
.w146 {width: 146px !important}
.w148 {width: 148px !important}
.w150 {width: 150px !important}
.w152 {width: 152px !important}
.w158 {width: 158px !important}
.w159 {width: 159px !important}
.w160 {width: 160px !important}
.w161 {width: 161px !important}
.w168 {width: 168px !important}
.w169 {width: 168px !important}
.w170 {width: 170px !important}
.w175 {width: 175px !important}
.w180 {width: 180px !important}
.w185 {width: 185px !important}
.w190 {width: 190px !important}
.w192 {width: 192px !important}
.w195 {width: 195px !important}
.w196 {width: 196px !important}
.w197 {width: 197px !important}
.w198 {width: 198px !important}
.w199 {width: 199px !important}
.w200 {width: 200px !important}
.w202 {width: 202px !important}
.w210 {width: 210px !important}
.w214 {width: 214px !important}
.w215 {width: 215px !important}
.w220 {width: 220px !important}
.w218 {width: 218px !important}
.w220 {width: 220px !important}
.w233 {width: 233px !important}
.w238 {width: 238px !important}
.w245 {width: 245px !important}
.w246 {width: 246px !important}
.w250 {width: 250px !important}
.w252 {width: 252px !important}
.w254 {width: 254px !important}
.w256 {width: 256px !important}
.w257 {width: 257px !important}
.w258 {width: 258px !important}
.w259 {width: 259px !important}
.w260 {width: 260px !important}
.w261 {width: 261px !important}
.w262 {width: 262px !important}
.w263 {width: 263px !important}
.w264 {width: 264px}
.w265 {width: 265px}
.w266 {width: 266px}
.w267 {width: 267px}
.w271 {width: 271px !important}
.w272 {width: 272px}
.w273 {width: 273px !important}
.w274 {width: 274px !important}
.w277 {width: 277px !important}
.w280 {width: 280px !important}
.w285 {width: 285px}
.w298 {width: 298px !important}
.w300 {width: 300px !important}
.w305 {width: 305px !important}
.w307 {width: 307px !important}
.w310 {width: 310px !important}
.w315 {width: 315px !important}
.w320 {width: 320px !important}
.w323 {width: 323px !important}
.w324 {width: 324px !important}
.w326 {width: 326px !important}
.w335 {width: 335px !important}
.w340 {width: 340px}
.w344 {width: 344px !important}
.w350 {width: 350px !important}
.w355 {width: 355px !important}
.w380 {width: 380px !important}
.w393 {width: 393px !important}
.w394 {width: 394px !important}
.w418 {width: 418px !important}
.w420 {width: 420px !important}
.w503 {width: 503px}
.w504 {width: 504px}
.w513 {width: 513px !important}
.w529 {width: 529px !important}
.w534 {width: 534px !important}
.w545 {width: 545px !important}
.w547 {width: 547px !important}
.w976 {width: 976px !important}
.w996 {width: 996px !important}

.hauto {height: auto !important}
.h100p {height: 100% !important}
.h11 {height: 11px !important}
.h12 {height: 12px !important}
.h13 {height: 13px !important}
.h14 {height: 14px !important}
.h15 {height: 15px !important}
.h16 {height: 16px !important}
.h17 {height: 17px !important}
.h18 {height: 18px !important}
.h21 {height: 21px !important}
.h24 {height: 24px !important}
.h25 {height: 25px !important}
.h26 {height: 26px !important}
.h27 {height: 27px !important}
.h28 {height: 28px !important}
.h29 {height: 29px !important}
.h30 {height: 30px !important}
.h31 {height: 31px !important}
.h32 {height: 32px !important}
.h35 {height: 35px !important}
.h36 {height: 35px !important}
.h40 {height: 40px !important}
.h41 {height: 41px !important}
.h43 {height: 43px !important}
.h45 {height: 45px !important}
.h50 {height: 50px !important}
.h55 {height: 55px !important}
.h56 {height: 56px !important}
.h60 {height: 60px !important}
.h67 {height: 67px !important}
.h70 {height: 70px !important}
.h75 {height: 75px !important}
.h80 {height: 80px !important}
.h90 {height: 90px !important}
.h100 {height: 100px !important}
.h103 {height: 103px !important}
.h107 {height: 107px !important}
.h115 {height: 115px !important}
.h120 {height: 120px !important}
.h130 {height: 130px !important}
.h135 {height: 135px !important}
.h140 {height: 140px !important}
.h145 {height: 145px !important}
.h150 {height: 150px !important}
.h162 {height: 162px !important}
.h165 {height: 165px !important}
.h175 {height: 175px !important}
.h180 {height: 180px !important}
.h185 {height: 185px !important}
.h200 {height: 200px !important}
.h205 {height: 205px !important}
.h215 {height: 215px !important}
.h220 {height: 220px !important}
.h227 {height: 227px !important}
.h240 {height: 240px !important}
.h250 {height: 250px !important}
.h275 {height: 275px !important}
.h284 {height: 284px !important}
.h285 {height: 285px}
.h289 {height: 289px !important}
.h320 {height: 320px}
.h325 {height: 325px}
.h350 {height: 350px}
.h380 {height: 380px !important}
.h400 {height: 400px}

.pointer {cursor: pointer !important}
.no_pointer {cursor: default !important}
.move {cursor: move !important}

.no_select, .cmd_all {
	-o-user-select:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.animate1 {-ms-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease}
.animate2, .animate_fastest {-ms-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease}
.animate3, .animate_fast, .avatar_settings a, .abilities .ability .ability_plus {-ms-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease}
.animate4 {-ms-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease}
.animate5 {-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.animate6, .animate_slow, .avatar_settings {-ms-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease}
.animate7 {-ms-transition: all 0.7s ease;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease}
.animate8 {-ms-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease}

.mw175 {min-width: 175px !important}
.mxh95{max-height: 95px !important}
.mxh320{max-height: 320px !important}
.mxw200{max-width: 200px !important}
.mxw215{max-width: 215px !important}
.mxw216{max-width: 216px !important}
.mxw217{max-width: 217px !important}
.mxw218{max-width: 218px !important}
.mxw250 {max-width: 250px !important}
.mxw270{max-width: 270px !important}
.mxw280{max-width: 280px !important}
.mxw290{max-width: 290px !important}
.mxw300{max-width: 300px !important}
.mxw305{max-width: 305px !important}
.mxw310{max-width: 310px !important}
.mxw315{max-width: 315px !important}
.mxw320{max-width: 320px !important}
.mxw325{max-width: 325px !important}

.lh100 { line-height: 100% !important }
.lh105 { line-height: 105% !important }
.lh110 { line-height: 110% !important }
.lh115 { line-height: 115% !important }
.lh120 { line-height: 120% !important }
.lh125 { line-height: 125% !important }
.lh130 { line-height: 130% !important }
.lh135 { line-height: 135% !important }
.lh140 { line-height: 140% !important }
.lh150 { line-height: 150% !important }
.lh200 { line-height: 200% !important }
.lh26 { line-height: 26px !important }
.lh20 { line-height: 20px !important }
.lh15 { line-height: 15px !important }

.link {color: #542f1b; cursor: pointer; text-decoration: none !important}
.link:hover{color: #a76320 !important; text-decoration: none !important}

.alink {cursor: pointer; text-decoration: underline !important}
.alink:hover{text-decoration: none !important}

.blink {cursor: pointer; text-decoration: none !important}
.blink:hover{text-decoration: underline !important}

.dlink {text-decoration: none; border-bottom: 1px dotted}
.dlink:hover {border-bottom-color: transparent}

.dslink {text-decoration: none; border-bottom: 1px dashed}
.dslink:hover {border-bottom-color: transparent}

.clink {cursor: pointer; text-decoration: none !important}
.clink:hover > span {text-decoration: underline !important}
.clink .icon, .clink .icon2 {margin: -4px 0 !important; width: 20px; height: 20px}

.corner3 {border-radius: 3px}
.corner4 {border-radius: 4px}
.cornert3, .corner_top3 {border-radius: 3px 3px 0 0 !important}
.cornerb3, .corner_bottom3 {border-radius: 0 0 3px 3px !important}
.cornerl3 {border-radius: 3px 0 0 3px !important}
.cornerr3 {border-radius: 0 3px 3px 0 !important}
.cornerlt3 {border-radius: 3px 0 0 0 !important}
.cornerrt3 {border-radius: 0 3px 0 0 !important}
.cornerrb3 {border-radius: 0 0 3px 0 !important}
.cornerlb3 {border-radius: 0 0 0 3px !important}
.corner0 {border-radius: 0 !important}

.border {border: 1px solid #cebb9e !important}
.border0 {border: 0 !important}
.bordert {border-top: 1px solid #cebb9e}
.bordert0 {border-top: 0 !important}
.borderb {border-bottom: 1px solid #cebb9e}
.borderl {border-left: 1px solid #cebb9e}
.borderr {border-right: 1px solid #cebb9e !important}

.dbordert {border-top: 1px dotted #cebb9e}

.lightgray {color: #e2e2e2}
.middlegray {color: #999999}
.darkgray {color: #333333}

.clear_fix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clear_fix {
  height: 1%;
}
.clear_fix {
  display: block;
}
.clear {
  float: none;
  clear: both;
}
.scroll_fix {
  position: relative;
}
.fl_l { float: left; }
.fl_r { float: right !important; }
.ofh {overflow: hidden}
.ofv {overflow: visible !important}
.cellspacing0 {border-collapse: collapse}

#pic_img {
	position: relative;
	height: 260px;
}

#pic_img img {
	position: absolute;
}

#pic_img #gold {
	top: 70px;
	left: 350px;
}

.round3 {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.round6 {
	-webkit-border-top-right-radius:	6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius:		6px;
	-webkit-border-bottom-left-radius:	6px;
	-moz-border-radius-topright:		6px;
	-moz-border-radius-bottomright:		6px;
	-moz-border-radius-topleft:			6px;
	-moz-border-radius-bottomleft:		6px;
	border-top-right-radius:			6px;
	border-bottom-right-radius:			6px;
	border-top-left-radius:				6px;
	border-bottom-left-radius:			6px;
}

.round_top6 {
	-webkit-border-top-right-radius:	6px;
	-webkit-border-top-left-radius:		6px;
	-moz-border-radius-topright:		6px;
	-moz-border-radius-topleft:			6px;
	border-top-right-radius:			6px;
	border-top-left-radius:				6px;
}

.round_bottom6 {
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius:	6px;
	-moz-border-radius-bottomright:		6px;
	-moz-border-radius-bottomleft:		6px;
	border-bottom-right-radius:			6px;
	border-bottom-left-radius:			6px;
}

.round_block_header_top {
	min-height: 30px;
	background-color: #dbcbad;
	line-height: 30px;
	margin-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #73503a;
}

.round_block_header_cont {
	background-color: #E3D4B7;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 30px;
}

.round_block_round_border {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.round_block_header_sub {	
	min-height: 25px;
	background-color: #dbcbad;
	line-height: 25px;
	margin-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

#top_menu .lenta {
    width: 176px;
    height: 42px;
    position: absolute;
    top: 100px;
    left: 50px;
}

#rmenu1 .lenta {
    width: 176px;
    height: 42px;
    position: absolute;
    top: 225px;
    left: 850px;
}


/** РќРѕРІРѕРµ "РєСЂСѓРіР»РѕРµ РјРµРЅСЋ". РќРµ Р·Р°Р±С‹РІР°РµРј РїСЂРѕРїРёСЃР°С‚СЊ Р°РґСЂРµСЃ СЃ РєР°СЂС‚РёРЅРєР°РјРё С‡РµСЂРµР· РѕС‚РґРµР»СЊРЅС‹Р№ РєР»Р°СЃСЃ */

.circledmenu {
    height: 50px;
    margin-bottom: 10px;
    padding-left: 15px;
}
.circledmenu > div {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: relative;
    margin-right: 3px;
}
.circledmenu > div > a {
    display: block;
    width: 50px;
    height: 50px;
}
.circledmenu > div.circledmenu_0 { background-position: 0px 0px }
.circledmenu > div.circledmenu_0:hover,
.circledmenu > div.circledmenu_0.current { background-position: 0px -50px }
.circledmenu > div.circledmenu_1 { background-position: -50px 0px }
.circledmenu > div.circledmenu_1:hover,
.circledmenu > div.circledmenu_1.current { background-position: -50px -50px }
.circledmenu > div.circledmenu_2 { background-position: -100px 0px }
.circledmenu > div.circledmenu_2:hover,
.circledmenu > div.circledmenu_2.current { background-position: -100px -50px }
.circledmenu > div.circledmenu_3 { background-position: -150px 0px }
.circledmenu > div.circledmenu_3:hover,
.circledmenu > div.circledmenu_3.current { background-position: -150px -50px }
.circledmenu > div.circledmenu_4 { background-position: -200px 0px }
.circledmenu > div.circledmenu_4:hover,
.circledmenu > div.circledmenu_4.current { background-position: -200px -50px }
.circledmenu > div.circledmenu_5 { background-position: -250px 0px }
.circledmenu > div.circledmenu_5:hover,
.circledmenu > div.circledmenu_5.current { background-position: -250px -50px }
.circledmenu > div.circledmenu_6 { background-position: -300px 0px }
.circledmenu > div.circledmenu_6:hover,
.circledmenu > div.circledmenu_6.current { background-position: -300px -50px }
.circledmenu > div.circledmenu_7 { background-position: -350px 0px }
.circledmenu > div.circledmenu_7:hover,
.circledmenu > div.circledmenu_7.current { background-position: -350px -50px }
.circledmenu > div.circledmenu_8 { background-position: -400px 0px }
.circledmenu > div.circledmenu_8:hover,
.circledmenu > div.circledmenu_8.current { background-position: -400px -50px }
.circledmenu > div.circledmenu_9 { background-position: -450px 0px }
.circledmenu > div.circledmenu_9.current { background-position: -450px -50px }


/**
    РќРѕРІРѕРµ РјРµРЅСЋ: СЃ РїРѕР»РѕСЃРєРѕР№ РІРЅРёР·Сѓ. РќР°РїСЂРёРјРµСЂ РІ СЃР±С‹С‚РЅРёС†Рµ
*/

.tabs_menu{
    display:block;
    border-bottom: 1px solid #9c8164;
    text-align:center;
    margin-bottom: 5px;
    width:100%;
}

/** Р—Р°С‡РёС‰Р°РµРј Р·Р° СЃРѕР±РѕР№ */
.tabs_menu:after{
    content: ".";
    display: block;
    clear:both;
    height:0;
    visibility: hidden;
}

.tabs_menu A:first-child{
    margin-left:0 !important;
}
.tabs_menu A{
    color: #73503a;
    text-align:center;
    float:left;
    text-decoration: none;
    font-weight:bold;
    background:#dccdb0;
    height:30px;
    line-height:30px;
    margin-left: 1px;
    font-size: 11px;
    text-transform: uppercase;
    
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.tabs_menu A:hover,
.tabs_menu A.active{
    color: #fff5e0;
    background: #9c8163;
}

/** Р Р°Р·РЅС‹Рµ СЂР°Р·РјРµСЂС‹. РњР°РєСЃ С€РёСЂРёРЅР°= 554px. РџСЂРѕРјРµР¶СѓС‚РѕРє - 1px */
.tabs_menu.tabs_size_2{     width:553px;    }
.tabs_menu.tabs_size_2 A{   width: 276px;   }

.tabs_menu.tabs_size_3{     width:554px;    }
.tabs_menu.tabs_size_3 A{   width: 184px;   }

.tabs_menu.tabs_size_4{     width:551px;    }
.tabs_menu.tabs_size_4 A{   width: 137px;   }

.tabs_menu.tabs_size_5{     width:554px;    }
.tabs_menu.tabs_size_5 A{   width: 110px;   }

.tabs_menu.tabs_size_6{     width:551px;    }
.tabs_menu.tabs_size_6 A{   width: 91px;   }

.tabs_menu.tabs_size_7{     width:552px;    }
.tabs_menu.tabs_size_7 A{   width: 78px;   }

.i_sock {
    position: absolute;
    width: 15px !important;
    height: 60px !important;
    top: 0px;
    left: 0px;
    overflow: hidden !important;
}

.i_sock .container {
    position: absolute;
    bottom: 3px;
    left: 3px;
    width: 5px;
    min-height: 5px !important;
    overflow: visible;
}

.sockets {
    background-image: url(/images/packs/sockets.png);
    float:left;
}

.socket_0_1 { width: 8px; height: 9px !important; }
.socket_0_2 { width: 10px; height: 11px !important; background-position: 0px -9px; }
.socket_0_3 { width: 12px; height: 13px !important; background-position: 0px -20px; }
.socket_646 { width: 8px; height: 9px !important; background-position: -12px 0px; }
.socket_647 { width: 10px; height: 11px !important; background-position: -12px -9px; }
.socket_648 { width: 12px; height: 13px !important; background-position: -12px -20px; }
.socket_649 { width: 8px; height: 9px !important; background-position: -24px 0px; }
.socket_650 { width: 10px; height: 11px !important; background-position: -24px -9px; }
.socket_651 { width: 12px; height: 13px !important; background-position: -24px -20px; }
.socket_652 { width: 8px; height: 9px !important; background-position: -36px 0px; }
.socket_653 { width: 10px; height: 11px !important; background-position: -36px -9px; }
.socket_654 { width: 12px; height: 13px !important; background-position: -36px -20px; }
.socket_655 { width: 8px; height: 9px !important; background-position: -48px 0px; }
.socket_656 { width: 10px; height: 11px !important; background-position: -48px -9px; }
.socket_657 { width: 12px; height: 13px !important; background-position: -48px -20px; }
.socket_658 { width: 8px; height: 9px !important; background-position: -60px 0px; }
.socket_659 { width: 10px; height: 11px !important; background-position: -60px -9px; }
.socket_660 { width: 12px; height: 13px !important; background-position: -60px -20px; }
.socket_661 { width: 8px; height: 9px !important; background-position: -72px 0px; }
.socket_662 { width: 10px; height: 11px !important; background-position: -72px -9px; }
.socket_663 { width: 12px; height: 13px !important; background-position: -72px -20px; }


#clan_members_table .order {
    width: 10px;
    height: 10px;
    display: inline-block;
}

/**
*
*	СІи«Ё TabControl
*
*/

.tabs_sub_menu .tabs_buttons { 
	height: 26px;  
	border-bottom: 1px solid #E0D2BA;
	border-left: 1px solid #E0D2BA;   
	border-right: 1px solid #E0D2BA;   
	padding-bottom: 6px;
	padding-left: 5px;
	padding-right: 5px;
}

.round_border {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}



.btn {
	float: left; 
	margin: 5px 0 0 1px; 
	padding: 5px 0 3px;
	width: 102px;               
	text-align: center;
	color: #57301b;
	cursor: pointer;  
	background: #E2D1B3;
}

.btn:first-child {
	margin-left: 0px;
}

.btn:hover {
	color: #57301b;
	background: #dcccb0; 
}

#tabs_1 .btn {
    width: 266px;
}

#tabs_2 .btn {
    width: 180px;
}

.tabs_buttons > .selected {
	color: #fff5e0;
	background: #9c8163;
	cursor: default;
}

.tabs_menu > .tabs_buttons > .selected {
	color: #a27148 !important;
}

.tabs_menu > .tabs_buttons > .selected b {
	border-left: 1px solid #fcf2d9;
	border-top: 1px solid #fcf2d9;
	background: #fcf2d9;
	cursor: default;
}

.tabs_menu > .tabs_buttons > .selected:active b {
	padding: 6px 10px 5px;
	cursor: default;
}

.tab {
	min-height: 75px;
	color:	black;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}
.empty_tab {
	min-height: 70px;
	width: 100%;
	text-align: center;
	padding-top: 70px;
}

.button30 {
    width: 30px;
    height: 30px;
    background-image: url('/images/packs/btns.png');
    background-position: -60px 0px;
    position: relative;
    cursor: pointer;
    /*z-index: 1002;*/
}

.button30:hover {
    background-position: -30px 0px;
}

.button30:active, .button30.active {
    background-position: 0px 0px;
}

.button30 > b {
    margin-top: 5px;
    margin-left: 2px;
    /*pointer-events:none;*/
    /*z-index: 1001;*/
}

#blue_popup {
	width:400px;
	z-index: 1005;
	position:absolute;
	display: none;
	top:0px;
	left:0px;
}

#blue_popup .b_top {
	background-image: url("/i/global/popup_dez.png");
	height:10px;
	background-position: 0px -10px;
}

#blue_popup .b_body {
	background-image: url("/i/global/popup_dez.png");
	background-position: -400px 0px;
	min-height: 30px;
	padding:5px 10px;
}

#blue_popup .b_bottom {
	background-image: url("/i/global/popup_dez.png");
	height:10px;
	background-position: 0px 0px;
}

/** gPopup */
#gPopup_overlay {
	background: none repeat scroll 0 0 #000000;
	display: none;
	height: auto !important;
	left: 0;
	margin: 0 auto;
	min-height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 11;
}


#simple_popup {
	display: none;
	position: absolute;
	background: none repeat scroll 0 0 #E3D4B7;
	padding: 0;
	width: 360px;
	z-index: 1005;
}

#simple_popup .b_body {padding:3px}

.tradeblock {
	padding: 10px;
}

.tradeblock .left-part {
	float: left;
}

.tradeblock .right-part {
	float: right;
	width: 444px;
}

.tradeblock .left-part {
	float: left;
	width: 60px;
}

.tradeblock .right-part {
	float: right;
	padding-left: 10px;
	width: 464px;
}

.tradeblock .title {
	background: #dbcaac;
    line-height:25px;
    height:25px;
/*	font-weight: bold;*/
	padding: 0 5px;
}

.tradeblock .content-alt {
}

.tradeblock .content {
}

.tradeblock p {
	padding-left: 10px;
}

.tradeblock .message-box {
	position: relative;
}

.tradeblock .message-box p {
	line-height: 20px;
	margin: 0px;
}

.tradeblock .message-box .message {
	color: #000;
	display: block;
	text-align: left;
/*	padding-top: 1px;*/
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 101;
	width: 358px;
	padding-left: 5px;
}

.tradeblock .prices span,
.tradeblock .prices input {
	vertical-align: middle;
	margin-top: -2px;
}

.tradeblock .prices span {
    margin-top: -2px;
    display: inline-block;
}
.tradeblock .prices input[type=radio] {
    
    
}

.tradeblock input[type=submit] {
	text-transform: uppercase;
	position: absolute;
	right: 0;
	bottom: 2px;
	cursor: pointer;
}

.tradeblock select {
    width: 70px;
    height: 20px;
    border: 1px #9C8164 solid;
    font-size: 11px;
    line-height: 20px;
    margin-top: 2px;
/*    text-align: right;*/
}

.tradeblock .message-box .message {
    
}

.h20 {
    min-height: 20px;
    line-height: 20px;
}

.tl {
    text-align: left;
}

.f10 {
    font-size: 10px;
}

.mb0 {
    margin-bottom: 0px;
}

div.bar_yellow {
    background-image: url(/images/m/class/top/class_top_background.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 25px;
    line-height: 25px;
}
div.bar_gold {
    background-image: url(/images/m/class/top/class_top_background.png);
    background-position: 0px -25px;
    background-repeat: no-repeat;
    height: 25px;
    line-height: 25px;
}
div.bar_blue {
    background-image: url(/images/m/class/top/class_top_background.png);
    background-position: 0px -50px;
    background-repeat: no-repeat;
    height: 25px;
    line-height: 25px;
}
div.bar_red {
    background-image: url(/images/m/class/top/class_top_background.png);
    background-position: 0px -75px;
    background-repeat: no-repeat;
    height: 25px;
    line-height: 25px;
}
div.bar_green {
    background-image: url(/images/m/class/top/class_top_background.png);
    background-position: 0px -100px;
    background-repeat: no-repeat;
    height: 25px;
    line-height: 25px;
}
div.bar_brown {
    background-image: url(/images/m/class/top/class_top_background.png);
    background-position: 0px -125px;
    background-repeat: no-repeat;
    height: 25px;
    line-height: 25px;
}

div.bar_red_center {
    background-image: url(/images/m/class/top/class_top_background.png);
    background-position: 0px -150px;
    background-repeat: no-repeat;
    height: 25px;
    line-height: 25px;
}
div.bar_green_center {
    background-image: url(/images/m/class/top/class_top_background.png);
    background-position: 0px -175px;
    background-repeat: no-repeat;
    height: 25px;
    line-height: 25px;
}

.go_to_top, .go_to_top div { -ms-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease}
.go_to_top { top: 0; left: 0; bottom: 0; position: fixed; z-index: 100; cursor: pointer}
.go_to_top_bgr { top: 0; left: 0; bottom: 0; width: 105px; position: fixed; background: transparent}
.go_to_top_title { margin: 6px; padding: 7px 0 0 37px; height: 20px; width: 48px; background: transparent url(/i/global/go_up.png) no-repeat 0 0; color: transparent}
.go_to_top:hover .go_to_top_bgr { background: rgba(0,0,0,0.15)}
.go_to_top:hover .go_to_top_title { color: #fff; background: rgba(0,0,0,0.1) url(/i/global/go_up.png) no-repeat 0 0}
.go_to_top_mini { width: 40px}
.go_to_top_mini .go_to_top_title {background: transparent url(/i/global/go_up.png) no-repeat 0 0 !important;color: transparent !important}

.button_new {
	color: #56301b;	
	display: inline-block;
	border-left: 1px solid #bdaa83;
	border-right: 1px solid #493f24;
	border-top: 1px solid #bdaa83;
	border-bottom: 1px solid #493f24;
	text-decoration: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
.button_new input[type="submit"] {border: 0; background: transparent; font-size: 10px !important; font-weight: bold; padding: 0; margin: 0; height: 11px; display: inline}

.button_new span {
	min-width: 49px;
	padding: 6px 10px 5px;
	background: #e2d0ac;
	font-size: 11px;
	text-transform: uppercase;
	display: inline-block;	
	font-weight: bold;
	cursor: pointer;
	border-left: 1px solid #f6e9d3;
	border-right: 1px solid #f6e9d3;
	border-top: 1px solid #f6e9d3;
	border-bottom: 1px solid #e1d4bb;
}

:-moz-any(x), .button_new span {padding: 5px 10px 5px}

.button_new:hover {color: #a27148}

.button_new:hover span {background: #e2d0ac}

.button_new:active {
	color: #a27148;
	border-top: 1px solid #493f24;
	border-left: 1px solid #493f24;
	border-right: 1px solid #837051;
	border-bottom: 1px solid #837051;
}

.button_new span:active {
	padding: 7px 10px 4px;
	border-top: 1px solid #bea37d;
	border-left: 1px solid #c2ab85;
	border-right: 1px solid #c2ab85;
	border-bottom: 1px solid #bea37d;
	background: #c9b38f;
}

:-moz-any(x), .button_new span:active {padding: 6px 10px 4px}
.button_new span.pb6:active {padding-bottom: 5px !important}
.button_new span.pt9 {padding: 9px 10px 8px}
.button_new span.pt9:active {padding: 10px 10px 7px !important}

.button_new.small {color: #56301B !important}
.button_new.small span {display: block !important;padding: 4px 5px 3px !important;font-size: 9px;text-align: center}
.button_new.small:hover {color: #a27148 !important}
.button_new.small span:active {padding: 5px 5px 2px !important}

.button_new.selected {cursor: default;color: #a27148;background: #fcf2d9}
.button_new.selected span {background: #fcf2d9;cursor: default}
.button_new.selected:hover {color: #a27148}
.button_new.selected:hover {background: #fcf2d9}
.button_new.selected:active {color: #a27148}
.button_new.selected span:active {padding-top: 5px !important; padding-bottom: 5px !important; background: #fcf2d9}

.button_new.disabled, .button_new.class_button_yes_gray_popup {border: 1px solid;border-color: #d1c1a0 #868581 #868581 #d1c1a0;cursor: default;color: #999}
.button_new.disabled span, .button_new.class_button_yes_gray_popup span {background: #fbf0da;border: 1px solid;border-color: #fffdee #fffdee #fdf1d7 #fffdee;cursor: default}
.button_new.disabled:hover, .button_new.class_button_yes_gray_popup:hover {color: #999}
.button_new.disabled:hover span, .button_new.class_button_yes_gray_popup:hover span {background: #fbf0da}
.button_new.disabled:active, .button_new.class_button_yes_gray_popup:active {color: #999}
.button_new.disabled span:active, .button_new.class_button_yes_gray_popup span:active {padding: 6px 10px 5px !important;border-left: 1px solid #fffdee;border-top: 1px solid #fffdee;background: #fbf0da}

:-moz-any(x), .button_new.disabled span:active, .button_new.class_button_yes_gray_popup span:active {padding: 5px 10px 5px !important}

.button_new.class_button_yes_popup, .button_new.green, .share_buttons .button_new.green {border: 1px solid;border-color: #68a653 #3a592f #3a592f #68a653;color: #fff !important}
.button_new.class_button_yes_popup span, .button_new.class_button_yes_popup span:active, .button_new.green span, .button_new.green span:active, .share_buttons .button_new.green span , .share_buttons .button_new.green span:active {border: 1px solid;border-color: #b5f594 #97dd7a #85d26c #9de380;background: #7ac761}
.button_new.class_button_yes_popup:hover, .button_new.green:hover, .share_buttons .button_new.green:hover {color: #fff !important}
.button_new.class_button_yes_popup:hover span, .button_new.green:hover span, .share_buttons .button_new.green:hover span {border: 1px solid;border-color: #c0f7a3 #a4e38a #96d87e #a4e38a;background: #8acf72}
.button_new.class_button_yes_popup:active, .button_new.green:active, .share_buttons .button_new.green:active {color: #fff !important}
.button_new.green span {color: #fff !important}


.rotate {
   	-moz-transform: scaleX(-1);
     	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
	-ms-filter: "FlipH";
}

.popup_item td, .popup_item th { padding: 5px; line-height: 120% }
.popup_item th { padding: 0 10px; line-height: 220% }

#b_help_47 > div { margin-top: 8px; line-height: 120% }
#b_help_47 > div:first-child { margin-top: 0px }
#b_help_47 > img { margin-right: 10px }

.logWoodoo40 { background-image: url(/images/packs/Woodoo_40x.jpg); width: 40px; height: 40px; display: block }
.logWoodoo40.woo1000 { background-position: -40px -80px}
.logWoodoo40.woo0100 { background-position: -160px -80px}
.logWoodoo40.woo0010 { background-position: -120px -80px}
.logWoodoo40.woo0001 { background-position: -80px -80px}

.logWoodoo40.woo1100 { background-position: -80px -40px}
.logWoodoo40.woo1010 { background-position: -120px -40px}
.logWoodoo40.woo1001 { background-position: -160px -40px}

.logWoodoo40.woo0110 { background-position: -0px -40px}
.logWoodoo40.woo0101 { background-position: -40px -40px}

.logWoodoo40.woo0011 { background-position: -0px -80px}

.logWoodoo40.woo1110 { background-position: -80px -0px}
.logWoodoo40.woo1101 { background-position: -120px -0px}
.logWoodoo40.woo1011 { background-position: -160px -0px}
.logWoodoo40.woo0111 { background-position: -40px -0px}

.logWoodoo40.woo1111 { background-position: -0px -0px}


.logWoodoo { background-image: url(/images/packs/woodoo_all.jpg); width: 60px; height: 60px; display: block }
.logWoodoo.woo1000 { background-position: -60px -120px}
.logWoodoo.woo0100 { background-position: -240px -120px}
.logWoodoo.woo0010 { background-position: -180px -120px}
.logWoodoo.woo0001 { background-position: -120px -120px}

.logWoodoo.woo1100 { background-position: -120px -60px}
.logWoodoo.woo1010 { background-position: -180px -60px}
.logWoodoo.woo1001 { background-position: -240px -60px}

.logWoodoo.woo0110 { background-position: -0px -60px}
.logWoodoo.woo0101 { background-position: -60px -60px}

.logWoodoo.woo0011 { background-position: -0px -120px}

.logWoodoo.woo1110 { background-position: -120px -0px}
.logWoodoo.woo1101 { background-position: -160px -0px}
.logWoodoo.woo1011 { background-position: -240px -0px}
.logWoodoo.woo0111 { background-position: -60px -0px}

.logWoodoo.woo1111 { background-position: -0px -0px}

.alarm {margin: 0 0 10px; padding: 10px; max-height: 45px; background-image: url(/images/packs/alarm.png); line-height: 118%; border-radius: 3px}
.alarm.yellow {padding-left: 50px}
.alarm.red {background-position: 0 -45px}
.alarm.green {color: #57301b !important; background-position: 0 -90px}
.alarm.brown {color: #57301b !important; background-position: 0 -135px}

.item_box {margin-bottom: 4px; width: 60px; height: 60px; position: relative; cursor: pointer; border-radius: 3px; overflow: hidden}
.inventary .item_box {display: block}
.item_box:hover {background-color: #e6d9c0}
.item_box .bgr {width: 60px; height: 60px; opacity: 0.5; cursor: pointer; position: absolute; top: 0; left: 0}
.item_box.w90 .bgr {width: 90px}
.item_box.w75 .bgr {width: 75px}
.item_box.w75 .border {width: 73px; height: 73px}
.item_box.w104.h120 .bgr {width: 104px; height: 120px}
.item_box:hover .bgr {opacity: 0.4}
.item_box .border {width: 58px; height: 58px; border: 1px solid #cebb9e; border-radius: 3px; position: absolute; top: 0; left: 0}
.item_box.w90 .border {width: 88px}
.item_box.w127 .border {width: 125px}
.item_box .item_action { 
	position: absolute;
	top: 21px;
	width: 56px;
	height: 20px;
	left: 2px;
	right: 2px;
	background: url(/images/m/profile/black_50.png) repeat;
	border-radius: 3px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	display: none;
	font-size: 10px;
}
.item_box:hover .item_action {display: block}

.item_box a.cmd_all.cmd_mini_sl.cmd_amini_sl {
	background: transparent !important;
	position: absolute !important;
	top: -20px !important;
	left: -20px !important;
	right: -20px !important;
	bottom: -20px !important;
	width: 100px !important;
	height: 100px !important;
	padding: 0 !important;
	margin: 0 !important;
	z-index: 4 !important;
	color: transparent !important;
}

.item_box .hidden {display: none !important}
.item_box .cmd_all {z-index: 3; position: relative}
.item_box .item_length {position: absolute; top: 3px; right: 5px; font-weight: bold}
.item_box.w100 .border {width: 98px}
.item_box.w104 .border {width: 102px}
.item_box.h100 .border {height: 98px}
.item_box.h120 .border {height: 118px}
.item_box.w90 img {width: 90px; display: block}
.item_box:hover .border {}
.item_box1 > .bgr {background-position: 0 -120px}
.item_box2 > .bgr {background-position: 0px -300px}
.item_box3 > .bgr {background-position: -180px -120px}
.item_box4 > .bgr {background-position: -240px -120px}
.item_box5 > .bgr {background-position: -300px -120px}
.item_box6 > .bgr {background-position: 0 -60px}
.item_box7 > .bgr {background-position: -240px -60px}
.item_box8 > .bgr {background-position: -60px -60px}
.item_box9 > .bgr {background-position: -120px -60px}
.item_box10 > .bgr {background-position: -180px -60px}
.item_box11 > .bgr {background-position: -60px -300px; background-position: -360px 0\0/}
.item_box12 > .bgr {background-position: -120px -300px; background-position: -360px -120px\0/}
.item_box13 > .bgr {background-position: -120px -300px; background-position: -360 -120px\0/}
.item_box1:hover > .bgr {background-position: 0 -420px\0/}
.item_box2:hover > .bgr {background-position: -120px -420px\0/}
.item_box3:hover > .bgr {background-position: -180px -420px\0/}
.item_box4:hover > .bgr {background-position: -240px -420px\0/}
.item_box5:hover > .bgr {background-position: -300px -420px\0/}
.item_box6:hover > .bgr {background-position: 0 -360px\0/}
.item_box7:hover > .bgr {background-position: -240px -360px\0/}
.item_box8:hover > .bgr {background-position: -60px -360px\0/}
.item_box9:hover > .bgr {background-position: -120px -360px\0/}
.item_box10:hover > .bgr {background-position: -180px -360px\0/}
.item_box11:hover > .bgr {background-position: -360px -300px\0/}
.item_box12:hover > .bgr {background-position: -360px -420px\0/}
.item_box13:hover > .bgr {background-position: -360px -420px\0/}
.inventory .item_box {margin: 0; float: left}
.item_box .i_sock {opacity: 0.5; filter: alpha(Opacity=50); z-index: 2}
.item_box .i_sock:hover {opacity: 1.0; filter: alpha(Opacity=100)}
.item_box .itemimg_info_sells_free {display: none}
.item_box .itemimg_info {position: absolute; top: 0; left: 0; display: block; z-index: 2}
.inventory .item_box .bgr {background: none}
.item_box.blocked .bgr {
	background: url(/images/m/profile/ico_60px.png) no-repeat -2px 1px;
	background: url(/images/m/profile/ico_60px_ie.png) no-repeat -2px 1px\0/;
}
.item_box.blocked:hover .bgr {background: url(/images/m/profile/ico_60px_ie.png) no-repeat -2px -299px\0/}
.item_box.plus {background: none !important}
.item_box.plus .bgr {
	background: url(/images/m/profile/ico_60px.png) no-repeat -300px -1px; 
	background: url(/images/m/profile/ico_60px_ie.png) no-repeat -300px -1px; 
	opacity: 1;
}
.item_box.plus:hover .bgr {
	background: url(/images/m/profile/ico_60px_ie.png) no-repeat -300px -301px\0/; 
}
.item_box.unactive {cursor: default}
.item_box.unactive .bgr {background: none}
.item_box.unactive .border {opacity: 0.5; filter: alpha(Opacity=50)}
.item_box.unactive:hover {background: none}
.inventory .item_box .border {margin: 1px; width: 56px; height: 56px}
.item_box .border + div, .item_box .border + img, .border + a, .item_box .border + .spec {z-index: 2; position: relative; display: block}
.inventory .item_box, .inventory .item_box .bgr, .inventory .item_box .border {border-radius: 0 !important}

.normal_inputs {}
.normal_inputs input[type="text"], .normal_inputs input[type="password"] {width: 145px; border: 1px solid #cebb9e !important; font-size: 11px; padding: 3px; border-radius: 3px}
.normal_inputs select {width: 153px; background: #fff; border: 1px solid #cebb9e !important; font-size: 11px; padding: 3px; border-radius: 3px}
.normal_inputs input[type="checkbox"] {position: relative; top: 0px; margin: 1px 3px}
.normal_inputs label input[type="checkbox"] {top: 2px}
doesnotexist:-o-prefocus, .normal_inputs label input[type="checkbox"]{top: 0 !important}
.normal_inputs input[type="radio"] {position: relative; top: 0px; margin: 1px 3px}
.normal_inputs label input[type="radio"] {position: relative; top: 2px; margin: 1px 3px}

.normal_table { border-collapse: collapse}
.normal_table th {padding: 5px; font-weight: normal}
.normal_table td {padding: 5px; border-top: 1px solid #cebb9e; border-collapse: collapse}
.normal_table td .profile {font-weight: normal}

.normal_table.warriors_list td {padding: 5px 5px 2px 5px !important}

.normal_table {overflow: hidden}
.normal_table .tr {width: 100%; border-top: 1px solid #cebb9e; overflow: hidden}
.normal_table .tr.bar_yellow {height: auto !important; line-height: 120% !important}
.normal_table .tr:first-child {border-top: 1px solid transparent}
.normal_table .tr > div {padding: 5px; float: left}
.normal_table .tr > div .profile {
	width: 121px;
	height: 13px;
	font-size: 11px !important;
	display: inline-block;
	overflow: hidden;
}
.normal_table .tr > div b {height: 20px !important}
.normal_table .tr > div b.img_money_1_small {height: 16px !important}
.normal_table .tr > div.header {font-weight: bold}
.normal_table .tr > div.header b {height: 17px !important}
.normal_table .tr > div.header b.order {height: 10px !important}

.font_normal A.profile {font-weight: normal !important}
.normal_block_table {border-collapse: collapse}
.normal_block_table th {font-weight: normal}
.normal_block_table td, .normal_block_table th {padding: 5px 2px; border-collapse: collapse; background-color: #E3D4B7; border-bottom: 1px solid #eadec9; border-top: 1px solid #eadec9}
.normal_block_table td:first-child, .normal_block_table th:first-child {border-radius: 3px 0 0 3px}
.normal_block_table td:last-child, .normal_block_table th:last-child {border-radius: 0 3px 3px 0}
.normal_block_table tr:hover td {background: #dbcbad}
.normal_block_table tr.place_1:hover td {background:#f9c62d !important}
.normal_block_table tr.place_2:hover td {background:#c4c4c4 !important}
.normal_block_table tr.place_3:hover td {background:#efba86 !important}
.normal_block_table tr.place_me:hover td {background:#8bcc5b !important}
.normal_block_table tr.place_clan:hover td {background:#a6ce78 !important}
.normal_block_table tr.place_war:hover td {background:#ed8a77 !important}
.normal_block_table tr.place_union:hover td {background:#caabbe !important}
.normal_block_table  .profile {display: block; overflow: hidden; width: 150px}

.profile_statistic {width: 98%; border-collapse: collapse}
.profile_statistic td, .profile_statistic th {border-top: 1px solid #cebb9e; font-weight: normal !important}
.profile_statistic {width: 100%}

.slide_block_click {position: relative; cursor: pointer}
.slide_block_click > .slide_block_icon {top: 7px;left: 7px; background-position: 0 -1000px !important; display: block;position: absolute;opacity: 0.5}
.slide_block_click:hover > .slide_block_icon {opacity: 1}
.slide_block_click.open >  .slide_block_icon {background-position: -240px -980px !important}
.slide_block_click > span {display: inline-block; position: relative; }
.slide_block_click span .slide_block_icon {display: NONE}
.slide_block_click span > span {border-bottom: 1px dotted; position: relative; z-index: 1}
.slide_block_click span > a {}
.slide_block_click:hover span > span {color: #a76320; border-color: transparent}
.slide_block_click .slide_click {position: absolute; top: 0; bottom: 0; right: 0; left: 0}

/*.wiki_in_profile {position: absolute; top: 6px; right: 10px; text-decoration: none !important; border-bottom: none !important; z-index: 101}*/
.wiki_in_profile {position: absolute; text-decoration: none !important; border-bottom: none !important; z-index: 101}
.wiki_in_profile:hover {text-decoration: none !important}

.f_s11 > * {font-size: 11px !important}

.profile_hud_container {padding: 7px 3px; left: 0; bottom: -65px; right: 0; position: absolute; background-color: #dbcaac; border-radius: 1px}
.profile_hud {margin: 1px 5px 1px 28px; height: 10px; text-align: center; /*	background: #e9dcc9;*/ background: #EADEC9; position: relative; /*	border: 1px solid #9C8164;*/ border: 1px solid #904928; border-radius: 2px}
.profile_hud div:first-child {height: 10px; top: 0px; left: 0px; position: relative; background: url(/images/m/profile/bars.png) repeat 0 -110px; z-index: 4; float: left}
.profile_hud.green_line {border-color: green}
.profile_hud.green_line div:first-child {background-position: 0 -120px}
.profile_hud.blue_line {border-color: #0075ab}
.profile_hud.blue_line div:first-child {background-position: 0 -130px}
.profile_hud.lightbrown_line {border-color: #684d30}
.profile_hud.lightbrown_line div:first-child {background-position: 0 -140px}

.profile_hud div + div {top: 0; bottom: 0; left: 0; right: 0; font-size: 10px; line-height: 100%; position: absolute; z-index: 5; color: #fff; text-shadow: 0px 0px 3px #000}
.profile_hud .value1 {position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.7; color: #000; text-shadow: none; display: block; text-align: center}
.profile_hud .value1 span {background: #fff; background: rgba(255,255,255,0.7); display: inline-block; padding: 0 3px; border-radius: 3px; position: relative}
.profile_hud .value100, .profile_hud .value101 {opacity: 0.7; position: absolute; top: 0; bottom: 0; background: #fff; display: inline-block; padding: 0 3px; border-radius: 3px; font-size: 10px; color: #000; text-shadow: none}
.profile_hud .value100 {left: auto; right: 0}
.profile_hud .value101 {right: auto; left: 0}

.content_block_hover {margin-right: 10px; width: 272px; padding: 0; float: left; cursor: pointer}
.content_block_hover > a {padding: 5px; line-height: 120%; display: block; text-decoration: none; overflow: hidden}
.content_block_hover:hover .content_block_image {opacity: 1}
.content_block_hover:hover .alink {text-decoration: none !important}
.content_block_hover label input[type="checkbox"] {position: absolute !important; left: auto; right: 5px; top: 38px !important}
.content_block_image {width: 100px; height: 75px; float: left; opacity: 0.8}

.mine_shop_slider .mine_slider_container > .center.mb5 {margin-bottom: 3px !important}
.new_slider {}
.new_slider .slider {height: 16px; border: 1px solid #c4b095; border-radius: 0; background: #eadec9}
.new_slider .ui-slider-handle {bottom: -3px !important; height: 19px !important; width: 10px !important; border: 1px solid #9c8164 !important; border-radius: 0; background: #c4b095 !important}
.new_slider .smith_min, .new_slider .smith_max {border: 1px solid #c4b095; background-color: #dbcaac; cursor: pointer; opacity: 0.5}
.new_slider .smith_min {margin: 5px -11px 0 0; background-position: -120px -960px}
.new_slider .smith_min:hover {opacity: 0.8}
.new_slider .smith_max {margin: 5px 0 0 -14px; background-position: -100px -960px}
.new_slider .smith_max:hover {opacity: 0.8}
.new_slider .slider_div {width: 280px}
.new_slider .slider_div .slider {width: 265px}

.ui-slider + input[type='text'] {background: transparent; border: 0 !important; padding: 0}

.inputs input {position: relative; top: 2px}

.bgr_1 {background-color: #dbcaac; border-radius: 3px}
.bgr_0 {background-color: #E3D4B7}
.bgr_0i {background-color: #E3D4B7 !important}

.slide_down_items {padding-left: 15px; position: relative}
.slide_down_button {right: -1px;bottom: 27px; background-position: -240px -980px;position: absolute;cursor: pointer;opacity: 0.5;filter: alpha(Opacity=50)}
.slide_down_button:hover {opacity: 0.8;filter: alpha(Opacity=80)}
.slide_down_button.open {background-position: -220px -980px}

.global_data {margin: 8px 0 5px; font: 22px/1.5 'Open Sans Condensed',sans-serif; display: inline-block}
.global_data span {
	margin: 0 0 0 1px;
	display: block;
	float: left;
	width: 1em;
	background-color: #88553e;
	border-radius: 0.2em;
	text-align: center;
	color: #fff;
	letter-spacing: -1px;
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
	background-image: linear-gradient(bottom, #88553e 50%, #6c3925 50%);
	background-image: -o-linear-gradient(bottom, #88553e 50%, #6c3925 50%);
	background-image: -moz-linear-gradient(bottom, #88553e 50%, #6c3925 50%);
	background-image: -webkit-linear-gradient(bottom, #88553e 50%, #6c3925 50%);
	background-image: -ms-linear-gradient(bottom, #88553e 50%, #6c3925 50%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #88553e),color-stop(0.5, #6c3925));
}
.global_data b {
	margin: 0 0 0 2px;
	display: block;
	float: left;
	font-size: 35px;
	line-height: 30px;
	color: #6c3925;
	text-shadow:1px 1px rgba(4, 4, 4, 0.35);
}

.length1 {margin-left: 130px !important}
.length2 {margin-left: 60px !important}
.length3 {margin-left: 25px !important}

.bgmain{min-width: 1080px; width:100%; min-height:1250px; position: absolute}
.bgmain2, .bgmain3, .bgmain4 {bottom: 0; left: 0; right: 0; top: 0; position: absolute}
.bgmain4 {max-width: 2048px; margin: 0 auto; overflow: hidden}
.bgmain4 .bgmain_left, .bgmain4 .bgmain_right {width: 500px; height: 600px; bottom: 0; position: absolute}
.bgmain4 .bgmain_left {left: 0}
.bgmain4 .bgmain_right {right: 0}
.bgmain_right_smoke {width: 60px; height: 100px; position: absolute; background-image: url(/i/global/anim_smoke.png); right: 154px; bottom: 310px; display: block; opacity: 0.5}

.bgmain.bgmain_night {background: #285B6B url(/i/global/bg_main2_night.jpg ) repeat;opacity: 0; filter:alpha(opacity=0)}
.bgmain.bgmain_night .bgmain2 {background: url(/i/global/bg_main_night.jpg ) repeat-x top center}
.bgmain.bgmain_night .bgmain3 {background: url(/i/global/bg_bottom_night.jpg ) repeat-x bottom center}
.bgmain.bgmain_night .bgmain4 .bgmain_left {background: url(/i/global/bgmain_left_night.png ) no-repeat}
.bgmain.bgmain_night .bgmain4 .bgmain_right {background: url(/i/global/bgmain_right_night.png ) no-repeat}

.day {background: #b8deff !important}
.day .bgmain.bgmain_day {opacity: 1; display: block\0/}
.day .bgmain.bgmain_night {opacity: 0;  display: none\0/}
.bgmain {background: url(/i/global/bg_main2.jpg ) repeat-x top center}
.bgmain2 {background:   url(/i/global/bg_main.jpg ) repeat-x top center}
.bgmain3 {background:  url(/i/global/bg_bottom.jpg ) repeat-x bottom center}
.bgmain4 .bgmain_left {background: url(/i/global/bgmain_left.png ) no-repeat}
.bgmain4 .bgmain_right {background: url(/i/global/bgmain_right.png ) no-repeat}
.night {background: #242f67 !important}
.night .bgmain.bgmain_day {opacity: 0; display: none\0/}
.night .bgmain.bgmain_night {opacity: 1; display: block\0/}

.bgmain.bgmain_night .bgmain_moon {width: 250px; height: 250px; background-image: url(/i/global/bgmain_night_moon.png ); position: absolute; top: 120px; right: 2%}
.bgmain.bgmain_night .bgmain_witch {width: 100px; height: 100px; background-image: url(/i/global/bgmain_night_witch.png ); position: absolute; top: 195px; right: 40%}
.bgmain.bgmain_night .bgmain_meteor {width: 300px; height: 100px; background-image: url(/i/global/bgmain_night_meteor.png ); position: absolute}
.bgmain.bgmain_night .bgmain_stars {display: none\0/}
.bgmain.bgmain_night .bgmain_stars > div {width: 30px; height: 30px; background-image: url(/i/global/bgmain_night_star.png ); position: absolute; opacity: 0; filter:alpha(opacity=100)}
.bgmain.bgmain_night .bgmain_stars .star1 {left: 1%; top: 220px}
.bgmain.bgmain_night .bgmain_stars .star2 {left: 7%; top: 35px}
.bgmain.bgmain_night .bgmain_stars .star3 {left: 10%; top: 350px}
.bgmain.bgmain_night .bgmain_stars .star4 {left: 15%; top: 500px}
.bgmain.bgmain_night .bgmain_stars .star5 {right: 3%; top: 20px}
.bgmain.bgmain_night .bgmain_stars .star6 {right: 10%; top: 420px}
.bgmain.bgmain_night .bgmain_stars .star7 {right: 12%; top: 550px}

.old_bg .bgmain4,
.old_bg .bgmain_right_smoke,
.old_bg .bgmain_night,
.old_bg2 .bgmain4,
.old_bg2 .bgmain_right_smoke,
.old_bg2 .bgmain_night {display: none}
.old_bg .bgmain {background:  url(/i/old/bg_main.jpg ) repeat-x top center !important; width:100%; min-width: 1080px}
.old_bg .bgmain2, .old_bg .bgmain3{background:none !important}
.old_bg {background: #806038 url(/i/old/bg_tile.png ) !important}
.old_bg .footer{background:   url(/i/old/bg_footer.png ) no-repeat top center !important}
.old_bg2 .bgmain {background: url(/i/global/bg_main2_v2.jpg ) repeat-x top center}
.old_bg2 .bgmain2 {background: url(/i/global/bg_main_v2.jpg ) repeat-x top center}
.old_bg2 .bgmain3 {background: url(/i/global/bg_bottom_v2.jpg ) repeat-x bottom center}






























/*test style */

.title {
color: #836b50;
background-color: #f5ebd3;
}

.thankyou {
background-position: -300px -900px;
}

.top-2 {
top: -2px;
}

.relative {
position: relative !important;
}

.inlineb {
display: inline-block;
}

.ico_clan_level {
background-position: -280px -660px;
width: 17px;
height: 20px;
width: 20px;
height: 20px;
}


.icon, .iconsp, .gray_popup {
width: 18px;
height: 18px;
}

.icon, .iconsp, .icon_post, .icon_pack *, .icon12, .icon2, .iconsp20, .blue_popup, .gray_popup, .reload, .ico_bonus_pet .b_bonus, .server_1, .server_2, .server_3, .server_4, .server_t, .ico_bday_letter, .slide_down_button, .pandora .up div, .pandora .down div, .arrow-left, .arrow-right, .player_avatar .rating > b.icon, .prof_levelup, .mine_dec div, .mine_inc div, .new_slider .smith_min, .new_slider .smith_max, .slide_block_click .slide_block_icon, .controls .prev, .controls .next, .refer_add, .t_log, .box_x_button {
display: inline-block;
background-image: url(https://i.botva.ru/i/ico.png);
background-repeat: no-repeat;
vertical-align: middle;
background-color: transparent;
}

.profile_hud {
margin: 1px 5px 1px 28px;
height: 10px;
text-align: center;
background: #e9dcc9;
background: #EADEC9;
position: relative;
border: 1px solid #9C8164;
border: 1px solid #904928;
border-radius: 2px;
}

.w200 {
width: 200px !important;
}

.mr-2 {
margin-right: -2px !important;
}

.ml3 {
margin-left: 3px !important;
}
.mb-2 {
margin-bottom: -2px !important;
}
.inlineb {
display: inline-block;
}

.profile_hud div:first-child {
height: 10px;
top: 0px;
left: 0px;
position: relative;
background: url(https://i.botva.ru/images/m/profile/bars.png) repeat 0 -110px;
z-index: 4;
float: left;
}

.profile_hud .value1 {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.7;
color: #000;
text-shadow: none;
display: block;
text-align: center;
}

.profile_hud div + div {
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 10px;
line-height: 100%;
position: absolute;
z-index: 5;
color: #fff;
text-shadow: 0px 0px 3px #000;
}

.profile_hud .value1 span {
background: #fff;
background: rgba(255,255,255,0.7);
display: inline-block;
padding: 0 3px;
border-radius: 3px;
position: relative;
}


/* CSS @Invisible_man*/
 

table.collapsed tr.collapsible {
 display: none;
}
 
.collapseButton { 
 cursor: pointer;
}

h1 { /* Заголовок 1 */
 color: #8D673A; /*Цвет*/
 text-shadow: 0 0 5px #CDAA80, 0 0 10px #CDAA80, 
		     0 0 20px #CDAA80, 0 0 30px #CDAA80,
		     0 0 40px #CDAA80; /* Расплывающаяся тень */
}

h2 { 
 color: #8D673A; 
 text-shadow: 0 0 2px #CDAA80, 0 0 5px #CDAA80,
		     0 0 10px #CDAA80, 0 0 15px #CDAA80,
		     0 0 20px #CDAA80;
}



h3 { 
 color: #8D673A; 
 text-shadow: 0 0 1px #CDAA80, 0 0 2px #CDAA80,
		     0 0 5px #CDAA80, 0 0 7px #CDAA80,
		     0 0 10px #CDAA80;
}

h4 { 
 color: #8D673A; 
 text-shadow: 0 0 1px #CDAA80, 0 0 1px #CDAA80,
		     0 0 2px #CDAA80, 0 0 3px #CDAA80,
		     0 0 5px #CDAA80;
}

h5 { 
 color: #8D673A; 
 text-shadow: 0 0 1px #CDAA80, 0 0 1px #CDAA80,
		     0 0 1px #CDAA80, 0 0 2px #CDAA80,
		     0 0 3px #CDAA80;
}


/* Верхрнее меню */ 

.addthis_toolbox { 
 position: absolute; /*Фиксированно на экране*/
 z-index: 1000; /*Окошко всегда будет на переднем плане*/
 top: 2px; /*Отступы*/
 left: 15%;
 padding: 5px; 
 width: 600px; 
 height: 90px;
 opacity: 0.8; /*Прозрачность*/
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /*IE 5.5+*/
 -moz-opacity: 0.8; /* Mozilla 1.6 и ниже */
 html-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
 background-image: url(https://wiki.botva.ru/images/4/43/Fon_2.png); /*Фон*/
 background-position: 0px 0px;
 background-size: 600px;
 background-repeat: no-repeat;
} 

.addthis_toolbox .custom_images a { 
 width: 32px; 
 height: 32px; 
 cursor: pointer; 
} 

.addthis_toolbox .custom_images 
a img { 
    border: 0; 
	margin: 2px 0; 
	opacity: 0.6; 
}
 
.addthis_toolbox .custom_images 
a:hover img { 
	margin: 2px 0; 
	opacity: 1.0; 
}


/*Меню*/

/*************************** Основные пункты */
#mainmenu{
    position:relative;
    height:47px;
    width:100%;
    z-index:10; 
    text-align:left;
    color: #8D673A; 
    text-shadow: 0 0 2px #CDAA80, 0 0 5px #CDAA80,
       0 0 10px #CDAA80, 0 0 15px #CDAA80,
       0 0 20px #CDAA80;
}

#mainmenu ul, /* сбрасываем поля и отступы у списков */
#mainmenu ul ul {
    color: #8D673A;
    list-style:none;
    padding:0;
    margin:0;
    vertical-align:middle;
    font-size: 20px;
    font-weight: bold;
}

#mainmenu ul {    
color: #8D673A;
    clear:left;
    position:relative;
    right:50%;
    height:20px;
    float:right;
    text-align:center;
    font:16px Arial, Helvetica, sans-serif;  
    vertical-align:middle;
    font-weight: bold;

}
#mainmenu ul li {
   
    position:relative;
    left:50%;
    float:left;
    height:47px;
    padding:0;
    margin:0;
    vertical-align:middle;
    font-weight: bold;
    opacity: 1.0;
}

#mainmenu ul li:last-child {
    border:none;
    box-shadow:none;
    position: relative;
}    
#mainmenu ul li a {
    display:block;
    color: #8D673A;
    text-decoration: none;
    padding:13px 20px;
}
#mainmenu ul li a:hover {
    opacity: 0.8;
color: #04B431;
    border:0px solid #8D653A;
    position:relative;
    border-radius: 6px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;     


}
#mainmenu ul li:hover > ul {
    opacity: 0.95;
    visibility: visible;
    margin: 0;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;   
}
 
/*************************** Выпадающие подпункты */
#mainmenu ul li ul {
    background: #F4DDB3; 
    box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.3);
    opacity: 0.9;
    text-transform:none;
    opacity: 0;
    visibility: hidden;
    position:absolute;
    left:0;
    top:48px;
    font-size:12px;
    height:auto;
    width:150px;
    z-index: 1;
}

#mainmenu ul li ul li {
    border:none;
    position:relative;
    left:0;
    float:none;
    height:auto;
    margin:0;
    text-align:left !important;
}
#mainmenu ul li ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#mainmenu ul li ul li a {
    padding:10px 8px;
    border:none;
}
 
/*************************** Выпадающие пункты второго уровня */
#mainmenu ul li ul li ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 40px;
    _margin: 0; /*IE6 only*/
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -o-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -ms-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);    
}
 
/*********************** Стрелочки на подпунктах */
#mainmenu ul ul li:first-child > a {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;    
}
#mainmenu ul ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #8D653A;
}
#mainmenu ul ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;    
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}
#mainmenu ul ul li:first-child a:hover:after {
	border-bottom-color: #8D653A;
}
 
#mainmenu ul ul ul li:first-child a:hover:after {
    border-right-color: #0299d3; 
    border-bottom-color: transparent;     
}
#mainmenu ul ul li:last-child > a {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}


/*Внимание!!!!!*/

.warning-box
{
	background-image: url(https://wiki.botva.ru/images/9/91/Cmd_foul1.png); /* Путь к фоновому изображению */
        background-color: rgb(244, 221, 179); /* Цвет фона */
    background-position: 15px 5px;
    background-repeat: no-repeat;
	border: 1px #CDAA80 solid;
	padding: 6px;
	text-align: left;
      -moz-border-radius: 9px;
      -webkit-border-radius: 9px;
       border-radius: 9px;
}

.warning-box h3 { 
color: #AB230D;
text-shadow: 0 0 1px #CDAA80, 0 0 2px #CDAA80, 0 0 5px #CDAA80, 0 0 7px #CDAA80, 0 0 10px #CDAA80;
padding-left: 50px;
}

.warning-box p
{
padding: 0px;
margin: 0px;
margin-left: 5px;
}
/////////////////////////////////////////////////////////////////////sdfgsdfg




/** Вещи */
TD.item, IMG.item{	width: 180px;	height:180px;border-radius: 3px;}
TD.item2, IMG.item2{	width: 60px;	height:60px;border-radius: 3px;}



/** ховеры */
.hover_menu{
	width:100px;
	height:75px;
	display:block;
}
.hover_active,
.hover_menu:hover{
	background-position:-100px 0px;
}

/** Внутренние меню */
.in_menu {
	width:100px;
	height:75px;
	display:block;
}



/** Попапы */
#tooltip{
	padding: 5px;
	background: #e3d4b7;
	width: 300px;
    z-index:10000;
	border: 1px solid #a89777;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
	border-radius: 3px;
}
#tooltip2{	/* for items */
	padding: 0px;
	background: #e3d4b7;
	/*width: 360px;*/
    max-width: 360px;
    z-index:100006;
	border: 1px solid #a89777;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
	border-radius: 3px;
}


TABLE.popup_item{		width: 100%; border-collapse: collapse; }
TABLE.popup_item TD {padding: 10px 10px 10px 5px;}
TABLE.popup_item TD.image{	width: 60px;vertical-align:top; padding: 10px 7px 10px 10px;}

TABLE.popup_item TH{	border-bottom: 0px solid #a89777; background: #d4c19d; border-radius: 3px 3px 0 0;}





DIV#moreGifts{
	/* margin-left:10px; */
	text-align:left !important;
}
DIV#moreGifts CENTER{
	padding:5px;
}
DIV#moreGifts IMG,
DIV#moreGifts B{
	float:left;
}

DIV#moreGifts P{
	padding-right:25px;
}

DIV#moreGifts I{
	clear:both;
	display:block;
}


/** Листовое меню - деревня и тп */
.list_menu .img{width:100px; }
.list_menu .link{width:120px; text-align:Center; font-weight:bold;}
.list_menu .text{font-size:10px;color:black;	}

.list_menu2 .img{width:100px; }
.list_menu2 .link{text-align:Center; font-weight:bold;}

.list_menu3 .img{width:100px; height:100px}
.list_menu3 .link{text-align:Center; font-weight:bold;}
.list_menu3 .hover_menu{height:85px;}






/** Рейтинг */
TR.place_1		TD{background:#f9c62d;}
TR.place_2		TD{background:#c4c4c4;}
TR.place_3		TD{background:#efba86;}

TR.place_me		TD{background:#8bcc5b;}
/*TR.place_odd	TD{background:url(/images/k10.png);}*/

TR.place_clan		TD{background:#a6ce78;}
TR.place_war		TD{background:#ed8a77;}
TR.place_union		TD{background:#caabbe;}



/** Вещи - инфо */
.itemimg_info {
	position:absolute;
	width: 54px;
	display:block;
	text-align:right;
	padding:3px;
}
.itemimg_info B.level{
	color: #fff98f;
	display:block;
}
.itemimg_info B.magic{
	color: #a3ff6a;

	position:absolute;
	width:54px;
	margin-top:40px;
	text-align:right;
		display:block;
}

.itemimg_info_sells_free{
	display:block;
	margin:0px;
	margin-left: 1px;
	width: 56px; height:3px;
	border:1px solid #e8e0cb;
	background-color: #dfccac;

}


.itemimg_info_sells{
	display:block;
	margin:0;
	width: 58px; height:3px;
	border:1px solid #4f301c;

}
.itemimg_info_sells *{
	background:#399202;
	line-height:1px;
	height:3px;
	display:block;
}

.itemimg_info_sells .sells_1,
.itemimg_info_sells .sells_2,
.itemimg_info_sells .sells_3	{	background:#d00700}

.itemimg_info_sells .sells_4,
.itemimg_info_sells .sells_5,
.itemimg_info_sells .sells_7,
.itemimg_info_sells .sells_6	{	background:#ffd221}


.itemimg_info.large {
	margin-top:5px;
	width:164px;
	font-size:12px;
}
.itemimg_info.large B.magic{
	width:164px;
	margin-top:150px;
}

.itemimg_info_sells.large{
	width:178px;
}

.count_sells{
	position:absolute;
	color:white;
	font-weight:bold;
	width: 56px;
	height:18px;
	display:block;
	margin-left:1px;
	margin-top:41px;
	padding:0px;
	text-align:right;
}
.count_sells.large{	width:154px;		margin-top:141px;	}


.count_amount{
	position:absolute;
	color:white;
	font-weight:bold;
	width: 56px;
	height:18px;
	display:block;
	margin-left:5px;
	margin-top:5px;
	padding:0px;
	text-align:left;
}

.count_black {
	color: black;
}

.count_brown {
	color: #542F1B;
}


.premia, .premia2 {
	display:block;
	width:	190px !important;
	height: 130px !important;
	position:absolute;
	margin-top:50px;

}
.premia:hover, .premia2:hover {
	background-position:0 -130px;
}

/** Премия */

DIV#premia{
	width: 100%;
	background: url(/i/global/premia-c1.png);
	text-align:right;
	height: 25px;
}
DIV#premia DIV{
	width: 50%;

	background: url(/i/global/premia-c2.png);
	height: 25px;
	float:right;

}
DIV#premia3{position:absolute; width:100%;text-align:center;}
DIV#premia3 * {padding:0 !important;}
DIV#premia3 TABLE{
	margin: 0 auto 0;
	width: 985px;
	background: url(/i/global/premia-bg.png) repeat-y;
	height: 25px;
	border-collapse:collapse;
}
DIV#premia3 TD A, DIV#premia3 TD {color:white;;text-align:Center;}
DIV#premia3  #b	{background: url(/i/global/premia-1.png) 0px no-repeat; width: 230px;font-weight:bold}
DIV#premia3  #e	{width: 230px;font-weight:bold}
DIV#premia3  #c	span{color: #f8e7bb;font-weight:bold;}
MediaWiki:Common.css: различия между версиями

Версия 14:23, 21 ноября 2013

Навигация

Персональные инструменты

Пространства имён

Варианты

Просмотры

Ещё

Поиск

Навигация

Обновления

Форум

Частопосещаемые

Инструменты
