MediaWiki:Common.css

Материал из Ботвапедии
Перейти к: навигация, поиск

Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
  • Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
  • Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
  • Opera: Перейдите в Menu → Настройки (Opera → Настройки на Mac), а затем Безопасность → Очистить историю посещений → Кэшированные изображения и файлы
/*test style */

.title {
width: 700px;
height: 38px;
position: absolute;
top: 10px;
right: 10px;
display: block;
text-align: center;
color: #836b50;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
line-height: 38px;
overflow: hidden;
background-color: #f5ebd3;
border-radius: 3px 3px 0 0;
border-bottom: 1px solid #ddcdb8;
}

.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;
    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: 1;
    visibility: visible;
    margin: 0;
}
 
/*************************** Выпадающие подпункты */
#mainmenu ul li ul {
    background: #F4DDB3; 
    box-shadow: 0 1px 3px 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;
}


/*popup*/

HTML, BODY {
padding: 0 ;
margin: 0 ;
width:100%;
height:100%;

}
BODY{
background: #b8deff;
font-family: Tahoma, Ubuntu, Geneva, Kalimati, sans-serif;
font-size: 11px;
color: #542f1b;
}
TD,TR,INPUT,SELECT,TABLE {
font-family: Tahoma, Ubuntu, Geneva, Kalimati, sans-serif;
}

A {
color: #542f1b;
}
A:hover{
color: #a76320;
}

form {
margin: 0;
padding: 0;
}

#container{
margin: 0 auto;
width: 1080px;
position: relative;
min-height:1250px;
}

#top1{
width: 1080px;height:70px;
z-index:1;
padding-top:10px;
}

#top1 DIV{
width: 625px;
margin: 0px 0px 0px 228px;
text-align:center;
float: left;
}

#top1 DIV A{
color: white;
margin: 0 4px;
font-weight:bold;
font-size:11px;
}

#top1 DIV A.active{
color:#ffff7c;
}
#top1 DIV A:hover{
color:#ffff7c;
}
#top_menu{
background:url(intop_2.png ) no-repeat bottom center;
height:115px;
z-index:5;
width: 1080px;
text-align:left;
padding:0;
position: relative;
}
#top_menu .logo {
display:block;
background:url(inlogo.png ) no-repeat top center;
width: 205px;
height: 215px;
position:absolute;
margin-top: -78px;
margin-left: 40px;
}
#top_menu .logo2 {
background:url(inlogo_2.png ) no-repeat top center;
}
#container.turbo #top_menu .logo {
background:url(/locale/RU/turbo/inlogo.png) no-repeat top center;
}
#container.turbo #top_menu .logo2 {
background:url(/locale/RU/turbo/inlogo-premium.png) no-repeat top center;
}
#top_menu .top_stats{
width:600px;
height:50px;
position:absolute;
padding-left:230px;
margin-top:-20px;
}
#top_menu .top_stats2{
margin-left:410px;
}


#top_menu .char_stat{
width: 234px;
height: 42px;
display:block;
float:left;
color:white;
padding:5px 0px;
margin-left: 15px;
background:url(inbg_pers.png ) no-repeat top center;
position: relative;
}

.cage_parrot_link {
position: absolute;
right: 10px;
top: 0px;
z-index: 10;
}

.cage_parrot_icon {
display: block;
background: url(/i/ico.png) no-repeat -220px -660px;
width: 20px;
height: 20px;
position: absolute;
top: 3px;
left: 40px;
opacity: 0.7;
}

.cage_parrot_icon:hover {
opacity: 1;
}

#top_menu .char_stat_without_pets {
margin-left: 190px;
}

#top_menu .char_stat_with_pets {
margin-left: 47px;
}

#top_menu .char_stat .name{
height:22px;
font-size:11px;
font-weight:Bold;
color: #fcbd4b;
text-align:center;
overflow:hidden;
white-space: nowrap;
}

#top_menu .char_stat .name.name_slim {
padding-left: 24px;
max-width: 118px;
display: block;
}

#top_menu .char_stat .name B{
margin-top:-1px;
}
#top_menu .char_stat .name U{
display:inline-block;

line-height:17px;
text-decoration:none;
}
#top_menu .char_stat{
font-size:9px;
line-height:10px;
}

#top_menu .char_stat .stat{
background:url(intop_hp.png ) no-repeat top left;
display:block;
position:absolute;
z-index:0;
height:9px;
margin: 0 16px;
}


#pet .name {
/*
padding-right:28px; */
max-width:162px;
}

#pet .name U {

margin-left: 0px;

}


/** Бутылки*/
#top_menu .char_stat A.icon{
position:absolute;
margin-left:200px;
margin-top:-22px;
}
#top_menu .char_stat I{
margin: -1px 0 0 110px; /*-top:-8px;*/
display:inline;
position:absolute;
font-style:normal;
color: #ffe0aa;

z-index:5;
}
#top_menu .char_stat .life_2{background-position: 0 -9px; }
#top_menu .char_stat .life_3{background-position: 0 -18px; }
#top_menu .char_stat .life_hidden{background-position: 0 -45px; }

#top_menu #pet {margin-left:53px;}
#top_menu #pet .ico_cage{
display:block;
background:url(ico_cage.png) no-repeat ;
width:20px;height:20px;float:left;
margin-left:17px;
margin-top:-2px;
}
#top_menu #pet .ico_cage_1{background-position: 0px -20px }
#top_menu #pet .ico_cage_1:hover{background-position: -20px -20px; }
#top_menu #pet .ico_cage_1:active{background-position: -40px -20px; }
#top_menu #pet .ico_cage_2{background-position: 0px 0px }
#top_menu #pet .ico_cage_2:hover{background-position: -20px 0px; }
#top_menu #pet .ico_cage_2:active{background-position: -40px 0px; }


#top_menu .char_stat_small{
width: 78px;
padding:5px 0px;
background:url(inbg_pers2.png ) no-repeat top center;
margin-right:0px !important;
/*margin-left:20px !important;*/
/*margin-left:10px;
*/
}

#top_menu .char_stat_small .name{
width:30px;
margin-left:35px !important;
margin-top:0px;

}
#top_menu .char_stat_small I{
margin: -1px 0 0 30px; /*-top:-8px;*/
}

#top_menu .guilds {
width: 209px;
height:115px;
margin-left:840px;
position:absolute;
}

#top_menu .guilds U{
display:block;
color:#542f1b;
font-size:10px;
line-height:19px;
text-decoration:none;
}

#top_menu .guilds U:first-child {
color: transparent;
cursor: default;
}

#top_menu .guilds.show_guilds U:first-child {
color:#542f1b;
cursor: text;
}

#top_menu .guilds DIV A{
display: inline-block;
width: 40px;
height: 40px;
background: none;
cursor: default;
}

#top_menu .guilds.show_guilds DIV A {
background: url(/i/inside/top_guilds.png) top left no-repeat;
cursor: pointer;
}

#top_menu .guilds .guild2_0{background-position:-40px 0;}
#top_menu .guilds .guild3_0{background-position:-80px 0;}
#top_menu .guilds .guild4_0{background-position:-120px 0;}

#top_menu .guilds .hover{background-position: 0px 0}
#top_menu .guilds .hover:hover{background-position: -40px 0}

#top_menu .guilds P A{
color: #e7b86d;
display:inline;
}
#top_menu .guilds P A:hover{
color: #ffe0aa;
}
#top_menu .guilds P{
line-height:22px;
}

#top_menu .guilds_old {

width: 209px;
height:115px;
margin-left:840px;

position:absolute;
}

#top_menu .guilds_old U{
display:block;
color:#542f1b;
font-size:10px;
line-height:19px;

text-decoration:none;

}

#top_menu .guilds_old DIV A{
display:inline-block;
width:50px;
height:50px;
background:url(/i/inside/top_guilds_020412.png) top left no-repeat;
}

#top_menu .guilds_old .guild2_0{background-position:-50px 0;}
#top_menu .guilds_old .guild3_0{background-position:-100px 0;}
#top_menu .guilds_old .guild4_0{background-position:-150px 0;}

#top_menu .guilds_old .hover{background-position: 0px 0}
#top_menu .guilds_old .hover:hover{background-position: -50px 0}

#top_menu .guilds_old P A{
color: #e7b86d;
display:inline;
}
#top_menu .guilds_old P A:hover{
color: #ffe0aa;
}
#top_menu .guilds_old P{
line-height:22px;
}

#top_menu .fast {
width: 570px;
height: 37px;
position: absolute;
background-image: url('/images/packs/fast/bg_fast.png');
margin-left: 250px;
margin-top: 83px;
padding-top: 5px;
padding-left: 7px;
}

#top_menu .fast_empty {
background-image: url('/images/packs/fast/bg_fast2.png');
background-repeat: no-repeat;
background-position: 534px;
padding-left: 9px;
}

.fast_item {
margin: 1px;
padding: 2px 0 0 0;
width: 29px;
height: 28px;
text-align: center;
border: 1px solid #b48c5c;
background: #d6b98d;
border-radius: 2px;
text-decoration: none;
}

.fast_item:hover, .fast_item.open {
background: #eccfa2;
}

.fast_item:active {
background-position: -61px 0px;
}
.fast_item_empty:hover, .fast_item_empty:active {
background-position: 1px 0px;
}

.fast_item .ico {
width: 28px;
height: 28px;
background-image: url('/images/packs/fast/ico_fast.png');
}

.fast .last {
margin-right: 7px
}

.fast_item .folder { background-position: -140px -196px; line-height: 32px; text-align: center; color: #fff; font-weight: bold; padding-left: 4px; width: 24px;}
.fast_item .fempty { background-image: none }
.fast_item .f1 { background-position: 1px 0px }
.fast_item .f2 { background-position: -28px 0px }
.fast_item .f3 { background-position: -56px 0px }
.fast_item .f4 { background-position: -83px -1px }
.fast_item .f5 { background-position: -112px -1px }
.fast_item .f6 { background-position: -140px 0px }
.fast_item .f7 { background-position: -168px 0px }
.fast_item .f8 { background-position: -196px 0px }
.fast_item .f9 { background-position: -224px 0px }
.fast_item .f10 { background-position: -252px -1px }
.fast_item .f11 { background-position: 1px -29px }
.fast_item .f12 { background-position: -28px -29px }
.fast_item .f13 { background-position: -56px -29px }
.fast_item .f14 { background-position: -84px -29px }
.fast_item .f15 { background-position: -112px -29px }
.fast_item .f16 { background-position: -140px -29px }
.fast_item .f17 { background-position: -168px -29px }
.fast_item .f18 { background-position: -196px -29px }
.fast_item .f19 { background-position: -224px -29px }
.fast_item .f20 { background-position: -252px -29px }
.fast_item .f21 { background-position: 1px -57px }
.fast_item .f22 { background-position: -27px -58px }
.fast_item .f23 { background-position: -56px -58px }
.fast_item .f24 { background-position: -84px -58px }
.fast_item .f25 { background-position: -112px -58px }
.fast_item .f26 { background-position: -140px -58px }
.fast_item .f27 { background-position: -168px -58px }
.fast_item .f28 { background-position: -196px -57px }
.fast_item .f29 { background-position: -223px -58px }
.fast_item .f30 { background-position: -252px -58px }
.fast_item .f31 { background-position: 1px -85px }
.fast_item .f32 { background-position: -28px -85px }
.fast_item .f33 { background-position: -56px -85px }
.fast_item .flast { background-position: -84px -85px }
.fast_item .f35 { background-position: -112px -85px }

.fast_item .f36 { background-position: -139px -85px }
.fast_item .f37 { background-position: -168px -84px }
.fast_item .f38 { background-position: -196px -85px }
.fast_item .f39 { background-position: -224px -85px }
.fast_item .f40 { background-position: -251px -84px }
.fast_item .f41 { background-position: 1px -112px }
.fast_item .f42 { background-position: -27px -112px }
.fast_item .f43 { background-position: -56px -112px }
.fast_item .f44 { background-position: -84px -112px }
.fast_item .f45 { background-position: -112px -112px }
.fast_item .f46 { background-position: -140px -112px }
.fast_item .f47 { background-position: -167px -112px }
.fast_item .f48 { background-position: -196px -112px }
.fast_item .f49 { background-position: -223px -112px }
.fast_item .f50 { background-position: -252px -112px }
.fast_item .f51 { background-position: 1px -139px }
.fast_item .f52 { background-position: -28px -139px }
.fast_item .f53 { background-position: -56px -139px }
.fast_item .f54 { background-position: -139px -141px }
.fast_item .f55 { background-position: -112px -141px }
.fast_item .f56 { background-position: -83px -141px }
.fast_item .f57 { background-position: -167px -139px }
.fast_item .f58 { background-position: -195px -139px }
.fast_item .f59 { background-position: -223px -139px }
.fast_item .f60 { background-position: -251px -139px }
.fast_item .f61 { background-position: 1px -168px }
.fast_item .f62 { background-position: -27px -168px }
.fast_item .f63 { background-position: -55px -168px }
.fast_item .f64 { background-position: -83px -168px }
.fast_item .f65 { background-position: -112px -168px }
.fast_item .f66 { background-position: -140px -168px }
.fast_item .f67 { background-position: -168px -168px }
.fast_item .f68 { background-position: -196px -168px }
.fast_item .f69 { background-position: -223px -168px }
.fast_item .f70 { background-position: -56px -85px }
.fast_item .f71 { background-position: -251px -168px }
.fast_item .f72 { background-position: 1px -195px }
.fast_item .f73 { background-position: -28px -196px }
.fast_item .f74 { background-position: -56px -196px }
.fast_item .f75 { background-position: -84px -196px }
.fast_item .f76 { background-position: -112px -196px }
.fast_item .f77 { background-position: -168px -196px;}
.fast_item .f78 { background-position: -196px -196px;}

DIV#online{
float:right;
margin: 0 60px 0 0;
width:161px;
height:70px;
background: url(timer_bg.png) bottom left no-repeat;
color:#fffcd8;
font-size:11px;
}
DIV#online .t{margin:0px;color:white;}
DIV#online #time{display:block;margin:0px;color:#9b702e;}


.top_money {
padding: 18px 0 0 ;
display:block;
margin-left:247px;
position:absolute;
min-width: 580px;

}
.top_money .money{
background:url(intop_menu.png ) no-repeat top left;
width: 65px;
height: 50px;
padding:10px 10px 10px 70px;

float:left;
font-size:11px;
color: #fcbd4b;

}
.top_money .money P{
margin-bottom:3px;
font-size:11px;
padding:0;
text-align:center;

}
.top_money .money B{
color: #ffe0aa;
font-weight:normal;
display:block;
text-align:center;
display: block;
width: 80px;
margin-left: -14px;
}

.top_money #crystal{background-position: -145px 0px;}
.top_money #fish{background-position: -290px 0px;}
.top_money #green{background-position: -435px 0px;}
.top_money A{
display:block; position:absolute;
width:30px; height:30px;
margin:22px 0 0 43px;
background: url(intop_green.png) no-repeat;
}
.top_money A:hover{background-position: -30px 0px;}
.top_moneyA:active{background-position: -60px 0px;}

.top_money2{margin-left:295px;}




.top_money .safe{
background:url(intop_safe.png ) no-repeat 0px -13px;
display:block;
position:absolute;
height:13px;
width: 70px;
margin-top:4px;
text-align:left;
}
.top_money .safe B{
background:url(intop_hp.png ) no-repeat 0 -27px;
display:block;
width:65px;

height:9px;
margin:2px 1px 1px 2px;
}
.top_money .safe I{
position:absolute;
display:block;
background:url(intop_safe.png ) no-repeat 0 0 ;

width: 11px;
height:13px;
margin: 0 0px 0 -13px;
}
.top_money .safe2 I{
background-position: -11px 0px;
}

.top_money .safe B.safe_1{background-position: 0 -36px; }

/*.top_money .safe B.safe_2{background-position: 0 -9px; }
*/

.temp_account{
display:block;
margin-left:260px;
position:absolute;
background:red;
width: 538px;
margin-top:85px;
background:#e6d6bc;
border: 1px solid #fe0000;
text-align:center;
padding: 2px 5px;
color: #980000;

}


#content-container
{
float: left;
width: 1080px;

}

#menu{
float: left;
background:url(inlmenu.png ) no-repeat top left;
width: 170px;
height:500px;
margin-left:38px;
padding:70px 20px 0 20px;
display: inline;
position: relative;
}

#menu.menu_steps_14 {height: 396px; background:url(inlmenu14.png ) no-repeat top left;}
#menu.menu_steps_13 {height: 416px; background:url(inlmenu13.png ) no-repeat top left;}
#menu.menu_steps_12 {height: 457px; background:url(inlmenu12.png ) no-repeat top left;}
#menu.menu_steps_11 {height: 457px; background:url(inlmenu11.png ) no-repeat top left;}


#content
{
float: left;
width: 583px;
background: url(bg_bottom.png ) no-repeat center bottom;
margin-bottom:10px;
padding-bottom: 40px;
}
#crumbs{
background: url(incrumbs.png ) no-repeat;
height:21px;
width:504px;
padding: 13px 40px 10px;
vertical-align:middle;
color:#dec696;

}
#crumbs A{ color:#dec696}
#crumbs B{ color:#ffd171}
#body{
margin:0 5px 0 4px;
padding: 6px 10px 1px;
width:554px;
background: #eadec9;
min-height:677px;
position: relative;
}
#right
{
float: left;
width: 210px;
display: inline;
position: relative;
}
#rmenu1{
background:url(inrmenu_1.png ) no-repeat top left;
height:220px;
padding:43px 20px 20px 20px;
text-align:center;
}
#rmenu1.slim{
background:url(inrmenu_1_2.png ) no-repeat top left;
height:160px;
}
#rmenu1.extend2{
background:url(inrmenu_3.png ) no-repeat top left;
height:246px;
}
#rmenu1.extend3{
background:url(inrmenu_4.png ) no-repeat top left;
height:272px;
}
#rmenu2{
background:url(inrmenu_2-5.png ) no-repeat top left;
height:405px;
padding:25px 17px 40px 13px;
position: relative;
}
/*#rmenu2.rmenu_size1{background-image:url(inrmenu_2-1.png );height:302px;}*/
/*#rmenu2.rmenu_size2{background-image:url(inrmenu_2-2.png );height:328px; }*/
/*#rmenu2.rmenu_size3{background-image:url(inrmenu_2-3.png );height:354px; }*/
/*#rmenu2.rmenu_size4{background-image:url(inrmenu_2-4.png );height:380px; }*/
/*#rmenu2.rmenu_size5{background-image:url(inrmenu_2-5.png );height:406px; }*/
#rmenu2.rmenu_size6{background-image:url(inrmenu_2-6.png );height:430px; }

#rmenu2 .scroll {
width: 178px;
height: 377px;
background-color: #efdcb5;
border: 1px solid #9c8164;
border-radius: 3px;
outline: none;
overflow: auto;
}

#rmenu2 h3 {
margin: 5px 0 7px;
text-align: center;
font-size: 11px;
text-transform: uppercase;
color: #73503a;
}

#rmenu2 A.settings{
position: absolute;
top: 23px !important;
right: -8px !important;
width: 25px !important;
height: 25px !important;
background: url(btn_plus2.png) -25px 0px no-repeat !important;
text-decoration: none;
}f
#rmenu2 A.settings:hover{background-position: -25px -25px !important;}
#rmenu2 A.settings:active{background-position: -25px -50px !important;}


/** таймеры */
#rmenu1 .timers{
margin:7px 0px 16px1px;
height:127px;
width:164px;
}
#rmenu1 .timer{
background: url(intop_safe.png) 0 -26px no-repeat ;
display:block;
width:154px;
text-align:center;
height:20px;
line-height:20px;
text-decoration: none;
margin: 3px auto ;

}
#rmenu1 .coulons{
margin-top:3px;
position: relative;
margin-left: -2px;
}

#rmenu1 .coulons.margin2{
margin-top: 2px;
}
#rmenu1 .coulons A.plus{
position: absolute;
top: -1px !important;
right: -29px !important;
width: 21px !important;
height: 21px !important;
background: url(btn_plus2.png) 0px 0px no-repeat !important;
text-decoration: none;
}

#rmenu1 .coulons A.plus:hover{background-position: 0px -25px !important;}
#rmenu1 .coulons A.plus:active{background-position: 0px -50px !important;}

#rmenu1 .coulons A{
cursor:pointer;
display:inline-block;
background: url(intop_safe.png) 0 -46px no-repeat ;
width: 20px;
padding:2px;
text-align:center;
height:20px;
margin-right:1px;
}
#rmenu1 .coulons A.active,
#rmenu1 .coulons A:hover{
background-position: -24px -46px;
}
#rmenu1 .coulons B{
width: 20px;
height:20px;
}

/** Footer */
#footer
{
clear: both;
background:url(bg_footer.png ) no-repeat top center;
height:47px;
text-align: left;
padding: 15px 1px;
margin:0 auto 20px;
width: 574px;


}
#footer .logo_ddestiny {
background: url(/i/front/logo_destiny.png) no-repeat;
width:142px;
height:42px;
margin-left:20px;
display:block;
position:absolute;
}
#footer .logo_ddestiny:hover {background-position: 0 -42px;}

#top_menu #logo_mail {
background: url(/i/global/mailru_small.png) no-repeat;
width:110px;
height:30px;
margin:130px 85px 0;
position:absolute;
top: 20px;
}


#footer #logo_mail2 {
background: url(/i/front/logo_mailru_s.png) no-repeat;
width:84px;
height:22px;
margin:12px 170px 0;
position:absolute;

}


#footer_menu{
text-align:center;
width: 300px;
margin-left:240px;
position:absolute;
color:#cd9e5c;
}


#footer_menu .links{
font-weight:bold;
font-size:11px;
color:#ecbf75;
margin-bottom:10px;

}
#footer_menu A{
color:#ecbf75;
}

#footer_menu A:hover{
color:#fcddab;
}
/** Глобальные вещи */

H2{
font-size:14px;
text-align:center;
}

H4{
text-align:center;
}
.break{
line-height:7px;display:block;
height:10px;
}

SPAN.small{font-size:11px;}
SPAN.xsmall{font-size:10px;}





#right .spr,
#menu A[id^="m"], #menu a.adminLink{
width: 165px;
height: 20px;
color: #542f1b;

display:block;

overflow: hidden;
position:relative;
text-align:center;
padding-top:0px;
line-height:20px;
font-size:10px;

text-decoration:none;

}
#menu .adminLink {margin-top: 0px;position:absolute;font-weight:20px}

#right .spr B,
#menu A B{
background-image:url(/locale/RU/i/inside_menu_txt.png);
background-repeat: no-repeat;
display:block;
height:20px;
width:165px;

position:absolute; left:0; top:0; z-index:1;
}


#menu #m1 B{background-position:0px 0px}
#menu #m1:hover B{background-position:-165px 0px}
#menu #m2 B{background-position:0px -20px}
#menu #m2.active B,
#menu #m2:hover B{background-position:-165px -20px}
#menu #m3 B{background-position:0px -40px}
#menu #m3:hover B{background-position:-165px -40px}
#menu #m4 B{background-position:0px -60px}
#menu #m4:hover B{background-position:-165px -60px}
#menu #m5 B{background-position:0px -80px}
#menu #m5:hover B{background-position:-165px -80px}
#menu #m6 B{background-position:0px -100px}
#menu #m6:hover B{background-position:-165px -100px}
#menu #m7 B{background-position:0px -120px;}
#menu #m7:hover B{background-position:-165px -120px}
#menu #m8 B{background-position:0px -140px}
#menu #m8:hover B{background-position:-165px -140px}
#menu #m9 B{background-position:0px -160px}
#menu #m9.active B,
#menu #m9:hover B{background-position:-165px -160px}
#menu #m10 B{background-position:0px -180px}
#menu #m10:hover B{background-position:-165px -180px}
#menu #m11 B{background-position:0px -200px}
#menu #m11.activeB,
#menu #m11:hover B{background-position:-165px -200px}
#menu #m12 B{background-position:0px -220px}
#menu #m12:hover B{background-position:-165px -220px}
#menu #m13 B{background-position:0px -240px}
#menu #m13.activeB,
#menu #m13:hover B{background-position:-165px -240px}
#menu #m14 B{background-position:0px -260px}
#menu #m14:hover B{background-position:-165px -260px}
#menu #m15 B{background-position:0px -280px}
#menu #m15:hover B{background-position:-165px -280px}
#menu #m16 B{background-position:0px -300px}
#menu #m16:hover B{background-position:-165px -300px}
#menu #m17 B{background-position:0px -320px}
#menu #m17:hover B{background-position:-165px -320px}
#menu #m18 B{background-position:0px -360px}
#menu #m18:hover B, #menu #m18.active B{background-position:-165px -360px}

#mtimers B{background-position:0px -320px}
#mcoulons B{background-position:0px -340px}
/*#mtimers:hover B{background-position:100% -320px}*/
#mcoulons:hover B{background-position:-165px -340px}


#menu .menu_ico{
position:absolute; display:block;
background:red;
width:26px;
height:26px;
background: url(/i/menu_icons.png) no-repeat;
z-index:10;
margin: -6px 0 0 140px;
}

#menu .ico_assault{
background-position: -52px 0;
}


.cmd_all {
background-color: #dfccac;
}



/** Аккордеон */
#accordion{
margin-top:-5px;
height:100%;
overflow:hidden;
font-family: Tahoma, Ubuntu, Geneva, Kalimati, sans-serif;
position: relative;
}
#accordion P{
margin:0;
}

#accordion .rating *{
text-decoration:none;
color:#542f1b;
}
#accordion H6{
margin: 0 -5px 0 -1px ;
padding:0;
line-height:22px;
text-align:center;
color:#542f1b;
font-size:12px;
background:#ecddc0;
font-weight:normal;
line-height:22px;
border:1px solid #bfb18e;
}

#accordion H6:first-child {margin-top: -1px;}

#accordion .rating H6 {
border-bottom: 0;
border-top: 1px solid #bfb18e;
}

#accordion .rating H6:first-child {
border-top: 0;
}

#accordionH6 A {
text-decoration:none;
}
#accordion .rating P.slim{
line-height:16px;
}
#accordion .rating P{
height:22px;
line-height:22px;
padding-left:5px;
margin-bottom:0;
border-top:1px solid #bfb18e;
}

#accordion .rating P:first-child {
border-top: 0;
}

#accordion UL {
list-style-type:none;
padding:0;
margin:0;
}

/*#accordion .resources, #accordion .timers, #accordion .right_counters, #events_scroll {*/
/*overflow: hidden;*/
/*height: 216px;*/
/*width: 178px;*/
/*height: 268px;*/
/*}*/
/*
.ui-accordion-content-active {overflow: hidden !important;}*/

#accordion .resources {padding: 0;}

#accordion .resources UL {
float:left;
width:87px;

}
#accordion .resources UL+UL {margin-right: -5px;}
#accordion .resources UL LI{
padding:1px 0 1px 5px;
width:79px;
white-space:nowrap;
}
#accordion UL LI{
border:1px solid #c1b092;
padding:1px 5px;
height:20px;
line-height:20px;
margin: 1px;
color:#52311e;
width:150px;
background-color: #e7d4ad;
border-radius: 2px;
}

.recommendations {position: absolute; bottom: 2px; left: 1px; right: 1px;}
.recommendations h6 {margin-left: -1px !important; margin-right: -1px !important; border-left-color: #9c8164 !important; border-right-color: #9c8164 !important;}

.accordion_bgr {background-color: #e7d4ad; border-radius: 2px;}

#accordion .small {width: 83px !important; float: left; margin: 1px 0 0 1px; padding: 1px 0 1px 1px;overflow:hidden;}
#accordion ul.r + h6 + ul.r {margin-right: -3px;}

#accordion UL LI b {margin: -3px 0 0;}

#accordion .right_counters LI{
width:161px;
}



/** Царь горы */
DIV#king{
text-align:center;
color: #4c1e10;

}
DIV#king A{

color: #4c1e10;
}

DIV#king IMG.avat{
width: 126px;
height: 160px;
}


.cmd_all{
background: url(../buttons.png) no-repeat ;

}


/** Ньюби квест */
BODY.newbie #menu #m2 B{background-position:-330px -20px !important}
BODY.newbie #menu #m4 B{background-position:-330px-60px !important}
BODY.newbie #menu #m5 B{background-position:-330px -80px !important}

BODY.newbie #menu #m9 B{background-position:-330px -160px !important}
BODY.newbie #menu #m10 B{background-position:-330px -180px !important}
BODY.newbie #menu #m11 B{background-position:-330px -200px !important}
BODY.newbie #menu #m12 B{background-position:-330px -220px !important}
BODY.newbie #menu #m13 B{background-position:-330px -240px !important}
BODY.newbie #menu #m14 B{background-position:-330px -260px !important}
BODY.newbie #menu #m17 B{background-position:-330px -320px !important}
BODY.newbie #menu #m6 B{background-position:-330px -100px !important}
BODY.newbie #menu #m7 B{background-position:-330px -120px !important}


/** Деревня */
BODY.newbie_1 #menu #m3 B,
BODY.newbie_2 #menu #m3 B,
BODY.newbie_3 #menu #m3 B,
BODY.newbie_4 #menu #m3 B,
BODY.newbie_5 #menu #m3 B,
BODY.newbie_6 #menu #m3 B,
BODY.newbie_7 #menu #m3 B{background-position:-330px -40px !important}

/** Бодалка */
BODY.newbie_1 #menu #m8 B,
BODY.newbie_2 #menu #m8 B{background-position:-330px -140px !important}

.feb14{
width:64px;
height:50px;

display:block;
position:absolute;
background:url(/images/m/feb14/feb14_1.png) no-repeat;
margin-left:108px;
margin-top:30px;
}
.feb14_2{
width:150px;
height:45px;

display:block;
position:absolute;

margin-left:70px;
margin-top:120px;
}

#potions_popup, #potions_pet_popup {
font-size: 11px;
}
#potions_popup td, #potions_pet_popup td {
padding-left: 5px;
padding-right: 5px;
}
#potions_popup td.pic, #potions_pet_popup td.pic {
padding-left: 0px;
padding-right: 0px;
}
#potions_popup .cmd_all, #potions_pet_popup .cmd_all{
float:right;
}
#potions_popup .pic .cmd_all, #potions_pet_popup .pic .cmd_all{
float:none;
}
#player_message_to_load, #pet_message_to_load {
height: 28px;
}

#socs_bgr {
background: #000;
opacity: 0.2;
-ms-filter:"alpha(opacity=20)"; /* IE8 */
position: fixed;
right: 0px;
top: 30%;
width: 47px;
height: 312px;
border-radius: 3px 0 0 3px;
}

#socs {
position: fixed;
right: 0px;
top: 30%;
width: 47px;
opacity: 1;
}

#socs table {
width: 47px;
}

#socs table td {
/*background-image: url(/images/packs/bg_socs.png);
background-repeat: repeat;
background-position: -32px 0px;*/
}

#socs table td.top {
height: 10px;
background-position: 0px -10px;
}

#socs table td.bottom {
height: 10px;
background-position: 0px 0px;
}

#socs a {
background-image: url(/images/packs/socs.png);
width: 32px;
height: 32px;
display:block;
margin-bottom:5px;
margin-right: 5px;
}

#socs a.s1 {
background-position: 0px 0px;
}
#socs a.s1:hover {
background-position: -32px 0px;
}
#socs a.s2 {
background-position: 0px -32px;
}
#socs a.s2:hover {
background-position: -32px -32px;
}
#socs a.s3 {
background-position: 0px -64px;
}
#socs a.s3:hover {
background-position: -32px -64px;
}
#socs a.s4 {
background-position: 0px -96px;
}
#socs a.s4:hover {
background-position: -32px -96px;
}
#socs a.s5 {
background-position: 0px -128px;
}
#socs a.s5:hover {
background-position: -32px -128px;
}
#socs a.s6 {
background-position: 0px -160px;
}
#socs a.s6:hover {
background-position: -32px -160px;
}
#socs a.s7 {
background-position: 0px -192px;
}
#socs a.s7:hover {
background-position: -32px -192px;
}
#socs a.s8 {
background-position: 0px -224px;
}
#socs a.s8:hover {
background-position: -32px -224px;
}
#socs a.s9 {
background-position: 0px -256px;
}
#socs a.s9:hover {
background-position: -32px -256px;
}

#opaque {
position:fixed;
top:0;left:0;bottom:0;
width:100%;
background:black;
opacity:.5; /* FX/Opera/Safari/Chrome */
-ms-filter:"alpha(opacity=50)"; /* IE8 */
filter:alpha(opacity=50); /* IE6/IE7 */
z-index: 1000;
}

#news_box {
position: fixed;
width: 810px;
top: 100px;
bottom: 100px;
left: 0;
right: 0;
margin: 0 auto;
background-image: url(/images/m/balert/overlay.png);
border-radius: 3px;
display: none;
z-index: 10000;
}

#news_box #news_prev, #news_box #news_next {position: absolute; width: 93px; min-height: 200px; text-align: center; opacity: 0.3;}
#news_box #news_prev div, #news_box #news_next div {width: 29px; height: 44px; background-image: url(/images/m/help/white_arrows.png); display: inline-block; position: relative; top: 45%;}
#news_box #news_prev div {background-position: 0 0;}
#news_box #news_next div {background-position: -30px 0;}
#news_box #news_prev {left: -93px;}
#news_box #news_next {right: -93px;}
#news_box #news_prev.enabled, #news_box #news_next.enabled {cursor: pointer; opacity: 0.7;}
#news_box #news_prev.enabled:hover, #news_box #news_next.enabled:hover {opacity: 1;}

#news_box #bgr {
width: 700px;
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
background-color: #fdf3db;
border-radius: 3px;
}

#news_box #list {
width: 80px;
position: relative;
left: 10px;
display: block;
}

#news_box #list.full {
height: 540px;
}

#news_box #text {
padding: 10px;
}

#news_box .scroll {
position: relative;
display: block;
overflow: auto;
}

#news_box .scroll_left {
top: 10px;
width: 100px;
float: left;
}

#news_box .scroll_left .jspVerticalBar {left: 3px; display: none;}

#news_box .scroll_left .jspPane {margin-left: 0 !important;}

#news_box .scroll_right {
top: 60px;
width: 680px;
right: 20px;
float: right;
}

#news_box #more_old {
position: absolute;
width: 200px;
height: 40px;
display: block;
top: 530px;
left: 30px;
border: 1px red dotted;
text-align: center;
vertical-align: middle;
}

#news_box #more {
margin-top: 5px;
height: 25px;
width: 80px;
background-color: #dacaac;
background-color: rgba(218,202,172,0.9);
cursor: pointer;
margin-bottom: 10px;
text-align: center;
line-height: 25px;
text-decoration: underline;
border-radius: 3px;
}

#news_box #more:hover {
background-color: #fdf3db;
}

#news_box #close {
width: 16px;
height: 16px;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
display:inline-block;
background-image: url(/i/ico.png);
background-position: -80px -980px;
background-repeat:no-repeat;
vertical-align:middle;
background-color: transparent;
}

#news_box #title {
width: 700px;
height: 38px;
position: absolute;
top: 10px;
right: 10px;
display: block;
text-align: center;
color: #836b50;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
line-height: 38px;
overflow: hidden;
background-color: #f5ebd3;
border-radius: 3px 3px 0 0;
border-bottom: 1px solid #ddcdb8;
}

#news_box #head {
width: 330px;
height: 30px;
position: absolute;
top: 25px;
left: 10px;
display: block;
text-align: center;
color: #E3D0AF;
font-weight: bold;
font-size: 12px;
line-height: 30px;
display: none;
}

#news_box #type {
width: 70px;
height: 30px;
position: absolute;
top: 13px;
left: 103px;
display: block;
text-align: center;
color: #E3D0AF;
font-weight: bold;
font-size: 12px;
line-height: 30px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-khtml-border-radius: 3px;
border: none;
}

#news_box #type.type_1 {
border: 1px #933e23 solid;
}
#news_box #type.type_2 {
border: 1px #e45f00 solid;
}
#news_box #type.type_3 {
border: 1px #008218 solid;
}
#news_box #type.type_4 {
border: 1px #0075ab solid;
}
#news_box #type.type_30 {
border: 1px #cc3300 solid;
}

#news_box #close:hover {
background-position: -100px -980px;
}


#news_box #list .news_item {
height: 50px;
width: 80px;
background-color: #dacaac;
background-color: rgba(218,202,172,0.9);
cursor: pointer;
margin: 0 0 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-khtml-border-radius: 3px;
position: relative;
}

#news_box #list .news_item:hover {
background-color: #fdf3db;
}

#news_box #list .news_item.active {
background: #fdf3db;
cursor: default;
}

#news_box #list .news_item .arrow {
width: 7px;
height: 50px;
position: absolute;
right: -7px;
top: 0;
background: url(/images/packs/news/active_news.png) no-repeat right center;
display: none;
}
#news_box #list .news_item.active .arrow {display: block;}

#news_box #list .left {
display: inline-block;
width: 80px;
height: 50px;
}

#news_box #list .left span, #news_box #type .left span {
width: 70px;
height: 15px;
display: block;
color: #e9ddc8;
font-weight: bold;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-khtml-border-radius: 3px;
text-align: center;
margin: 5px;
line-height: 15px;
}

#news_box #type .left span {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
-khtml-border-radius: 0px;
}

#news_box #type .left span {
width: 70px;
height: 15px;
display: block;
color: #e9ddc8;
font-weight: bold;
text-align: center;
margin: 5px;
line-height: 15px;
}

#news_box #type .left span, #news_box #type i {
margin: 0px !important;
}

#news_box #list .left span.type_1, #news_box #type.type_1 .left span {
background-color: #933e23;
}

#news_box #list .left span.type_2, #news_box #type.type_2 .left span {
background-color: #e45f00;
}

#news_box #list .left span.type_3, #news_box #type.type_3 .left span {
background-color: #008218;
}

#news_box #list .left span.type_4, #news_box #type.type_4 .left span {
background-color: #0075ab;
}

#news_box #list .left span.type_30, #news_box #type.type_30 .left span {
color: #845d36;
background-color: white;
}

#news_box #list .left span.type_40, #news_box #type.type_30 .left span {
color: #845d36;
background-color: white;
}

#news_box #list .left span.type_41, #news_box #type.type_41 .left span {
color: #845d36;
background-color: white;
}

#news_box #list .left i, #news_box #type i {
width: 70px;
height: 15px;
display: block;
font-style: normal !important;
font-weight: normal !important;
font-size: 10px;
color: #896f58;
margin: 5px;
text-align: center;
line-height: 15px;
}
#news_box #list .right {
width: 250px;
height: 50px;
text-align: left !important;
float:left;
line-height: 15px;
padding-top: 7px;
display: none;
}

#news_box #filters {
width: 330px;
height: 40px;
position: absolute;
top: -20px;
left: 10px;
display: none;
}

#news_box #filters div {
width: 30px;
height: 30px;
background-image: url(/images/packs/news/btn_groups.png);
margin-left: 5px;
padding-top: 10px;
padding-left: 10px;
float: left;
}

#news_box #filters div:first-child {
margin-left: 0;
}

#news_box #filters div:hover {
background-position: -40px 0px;
}

#news_box #filters div.active {
background-position: -80px 0px;
}

#news_box #filters div i {
width: 20px;
height: 20px;
background-image: url(/images/packs/news/ico_news.png);
display: block;
}

#news_box #filters div.f1 i {
background-position: -20px 0px;
}


#news_box #filters div.f2 i {
background-position: -40px 0px;
}

#news_box #filters div.f3 i {
background-position: -60px 0px;
}

#news_box #filters div.f4 i {
background-position: -80px 0px;
}

#news_box #ya_share {
position: absolute;
bottom: 14px;
left: 102px;
z-index: 10001;
}

#news_box #comments {
position: absolute;
bottom: 14px;
right: 130px;
z-index: 10001;
height: 26px;
line-height: 26px;
}

#news_box #comments a {
text-decoration: none;
border-bottom: 1px solid;
}

#news_box #comments a:hover {
border-bottom: 0;
}

#news_box #like {
position: absolute;
bottom: 20px;
right: 25px;
z-index: 10001;
width: 90px;
height: 37px;
line-height: 60px;
background: url(/images/packs/news/like_button.png) no-repeat right top;
cursor: pointer;
}

#news_box #like span {border-bottom: 1px dotted;}
#news_box #like:hover span {border-bottom-color: transparent;}
#news_box #like.thanks {opacity: 0.5; cursor: default;}
#news_box #like.thanks span {border: 0; border-bottom-color: transparent;}

#news_box.guild_news {width: 940px;}
#news_box.guild_news .scroll_left {top: 60px; left: 10px; right: 10px; width: 920px;}
#news_box.guild_news .scroll_left .jspVerticalBar {left: auto; display: block;}
#news_box.guild_news #news_prev, #news_box.guild_news #news_next {display: none;}
#news_box.guild_news #bgr {left: 10px; right: 10px; width: 920px;}
#news_box.guild_news #title {left: 10px; right: 10px; width: 920px;}
#news_box.guild_news #head {
width: 920px;
top: 10px;
z-index: 1000001;
display: block;
color: #836b50;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
line-height: 38px;
}

#news_box.guild_news #like {display: none;}
#news_box.guild_news #close {z-index: 1000002;}
#news_box.guild_news #list {width: 900px; left: 10px; right: 10px;}

#news_box.guild_news #list .news_item{
width: 900px;
overflow: hidden;
cursor: default;
background-color: rgba(218,202,172,0.5);
}

#news_box.guild_news #list .news_item:hover {
background-color: #dacaac;
background-color: rgba(218,202,172,0.5);
}

#news_box.guild_news #more {
width: 900px;
}

#news_box.guild_news #more:hover {background-color: #dacaac;}

#news_box.guild_news #text {
display: none;
}

#news_box.guild_news #list .right {
width: 795px;
display: block;
float: right;
}

#news_box.guild_news #list .left {
width: 100px;
float: left;
}
#news_box.guild_news #list .left span, #news_box.guild_news #type .left span {
width: 90px;
}

#news_box.guild_news #filters {
width: 595px;
height: 65px;
position: absolute;
top: -55px;
left: 0;
right: 0;
margin: 0 auto;
display: block;
}

#news_box.guild_news #filters div {
width: 65px;
height: 65px;
background-image: url(/images/packs/news/btn_groups2.png);
margin-bottom: 5px;
padding-top: 0px;
padding-left: 0px;
float: left;
margin-right: 5px;
}

#news_box.guild_news #filters div:hover {
background-position: -65px 0px;
}

#news_box.guild_news #filters div.active {
background-position: -130px 0px;
}

#news_box.guild_news #filters div i {
width: 60px;
height: 60px;
background-image: url(/images/packs/news/ico_news2.png);
display: block;
margin-left: 3px;
cursor: pointer;
}

#news_box.guild_news #filters div.active i {cursor: default;}

#news_box.guild_news #filters div.f1 i {
background-position: -60px 0px;
}

#news_box.guild_news #filters div.f2 i {
background-position: -240px 0px;
}


#news_box.guild_news #filters div.f3 i {
background-position: -180px 0px;
}

#news_box.guild_news #filters div.f4 i {
background-position: -120px 0px;
}

#news_box.guild_news #filters div.f30 i {
background-position: -300px 0px;
}

#news_box.guild_news #filters div.f40 i {
background-position: -360px 0px;
}

#news_box.guild_news #filters div.f41 i {
background-position: -420px 0px;
}

#news_box.guild_news #filters div.f5 i {
background-position: -300px 60px;
}

#news_box.guild_news #filters div.f6 i {
background-position: -360px 60px;
}

#news_box.guild_news #filters div.f7 i {
background-position: -420px 60px;
}

#news_box.guild_news #filters div.f8 i {
background-position: -480px 60px;
}

#news_box.guild_news #filters div.f11 i {
background-position: -720px 60px;
}

#news_box.guild_news #filters div.f21 i {
background-position: -660px 60px;
}

#news_box.guild_news #filters div.f22 i {
background-position: -540px 60px;
}

#news_box.guild_news #filters div.f23 i {
background-position: -600px 60px;
}

.iconItem2{
width: 40px;
height: 40px;
display:inline-block;
background: url(/images/packs/ico_items2.jpg) no-repeat;
vertical-align:top;
}
.iconItem2.ico_safe {background-position: 0px 0px;}
.iconItem2.ico_pet {background-position: -40px 0px;}
.iconItem2.ico_woodoo {background-position: -80px 0px;}
.iconItem2.ico_woodoo2 {background-position: -120px 0px;}
.iconItem2.ico_totem {background-position: -160px 0px;}
.iconItem2.ico_totem2 {background-position: -200px 0px;}
.iconItem2.ico_group_4 {background-position: -240px 0px;}
.iconItem2.ico_group_2 {background-position: -280px 0px;}
.iconItem2.ico_group_3 {background-position: -320px 0px;}
.iconItem2.ico_group_5 {background-position: -360px 0px;}
.iconItem2.ico_group_6 {background-position: -400px 0px;}
.iconItem2.ico_defs{background-position: -440px 0px;}
.iconItem2.ico_zorro {background-position: -480px 0px;}
.iconItem2.ico_group_24 {background-position: -600px 0px;}
.iconItem2.ico_group_25 {background-position: -560px 0px;}

.class_scroll_border {
width: 84px;
height: 70px;
background-image: url("/images/m/class/talants/bg_talents.png"); background-position: 0 0;
position: relative;
}

div.class_scroll_border img {
top:4px;
left:12px;
position:relative;
}

.slider.disabled A {display: none;}

#js_message {
background-image: url("/i/global/info_line.png");
color: red;
display: block;
font-size: 12px;
height: 30px;
left: 0;
right: 0;
margin: 0 auto;
line-height: 25px;
position: absolute;
text-align: center;
top: 121px;
vertical-align: middle;
width: 550px;
cursor:pointer;

}

.flipV{
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
filter: FlipH;
-ms-filter: "FlipH";
}

.flipH{
-moz-transform: scale(1,-1);
-webkit-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
filter: FlipV;
-ms-filter: "FlipV";
}

#battle_invite {display: block;height: 32px;left: 317px;position: absolute;/*top: 28px;*/width: 160px;z-index: 10;margin-top: -52px;}
#battle_invite .img {background-image: url("/images/m/class/battle/guild_invite.png");background-repeat: no-repeat;height: 32px;width: 83px;}
#battle_invite .img.race_2.guild_5{background-position: 0px 0px;}
#battle_invite .img.race_2.guild_6{background-position: 0px -32px;}
#battle_invite .img.race_2.guild_7{background-position: 0px -64px;}
#battle_invite .img.race_2.guild_8{background-position: 0px -96px;}
#battle_invite .img.race_1.guild_5{background-position: -82px 0px;}
#battle_invite .img.race_1.guild_6{background-position: -82px -32px;}
#battle_invite .img.race_1.guild_7{background-position: -82px -64px;}
#battle_invite .img.race_1.guild_8{background-position: -82px -96px;}
#battle_invite .text {position: absolute;top:8px;left:86px;font-weight:bold;}
.bg_banner_new {background-position: 0px 0px;height:130px;width:190px;cursor:pointer;}
.battleground_banner_mine_01_new {background-image: url('/images/m/battleground/shaft1.png');}
.battleground_banner_mine_02_new {background-image: url('/images/m/battleground/shaft2.png');}
.battleground_banner_mine_03_new {background-image: url('/images/m/battleground/shaft3.png');}
.battleground_banner_mine_04_new {background-image: url('/images/m/battleground/shaft4.png');}
.battleground_banner_mine_05_new {background-image: url('/images/m/battleground/shaft5.png');}
.battleground_banner_mine_06_new {background-image: url('/images/m/battleground/shaft6.png');}
.battleground_banner_text_new {color:#834f15;margin-top:-24px;margin-left:20px;text-align: center;font-size: 11px;font-weight: bold;cursor:pointer;}
.maslenica_banner {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/banner_pancake.png');}
.maslenica_banner:hover {background-position: 0px -100px;}
.knowledgeday_banner {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/ban_knowledge.png');}
.knowledgeday_banner:hover {background-position: 0px -100px;}
.popka_banner {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/popka_banner.png');}
.popka_banner:hover {background-position: 0px -100px;}
.supergifts_2013may_banner {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/supergifts_2013may_banner.png');}
.supergifts_2013may_banner:hover {background-position: 0px -100px;}
.supergifts_2013may_banner2 {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/supergifts_2013may_banner_2.png');}
.supergifts_2013may_banner2:hover {background-position: 0px -100px;}
.supergifts_2013may_banner3 {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/supergifts_2013may_banner_3_other.png');}
.supergifts_2013may_banner3:hover {background-position: 0px -100px;}
.supergifts_2013may_banner4 {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/supergifts_2013may_banner_4.png');}
.supergifts_2013may_banner4:hover {background-position: 0px -100px;}
.octoberfest_banner {background-image: url('/locale/RU/ad/kvasfest.png');}
.tournament_banner {background-image: url('/locale/RU/ad/tournament.png');}


/* выбор магической зверушки - зоокотомка */
.fast_pets {overflow: hidden}
.fast_pets > div, .choose_pet {width: 60px; height: 60px; float: left; cursor: pointer; position: relative;}
.fast_pets > div img, .choose_pet img {width: 60px; height: 60px; display: block;}
.fast_pets > div > b, .choose_pet > b {width: 60px; nowhitespace: afterproperty; height: 60px; position: absolute; opacity: 0; filter: alpha(Opacity=0); display: block; left: 0; top: 0; box-shadow: inset 0 0 10px 1px greenyellow; /*background: greenyellow\0/*/;;}
.fast_pets > div:hover > b, .fast_pets > div.open > b, .choose_pet:hover > b, .choose_pet.open > b {opacity: 0.8; filter: alpha(Opacity=50);}
.choose_pet {float: none; display: inline-block;}
.selected_pet {opacity: 0.8 !important; filter: alpha(Opacity=90) !important;}

/* перенесено из design_2.tpl */
#js_message {display: none;z-index: 10001 !important;left: 0px;top: -110px;}
#body {/*position: relative !important;*/}

#menu_forum_events {background-position: 0px 0px;height:100px;width:190px;cursor:pointer;background-image: url('/locale/RU/ad/menu_forum_events.png');}
#menu_forum_events:hover {background-position: 0px -100px;}

.night .maslenica_banner {background-image: url('/locale/RU/ad/banner_pancake_old.png');}
.night .knowledgeday_banner {background-image: url('/locale/RU/ad/ban_knowledge_old.png');}
.night .popka_banner {background-image: url('/locale/RU/ad/popka_banner_old.png');}
.night .supergifts_2013may_banner {background-image: url('/locale/RU/ad/supergifts_2013may_banner.png');}
.night .supergifts_2013may_banner2 {background-image: url('/locale/RU/ad/supergifts_2013may_banner_2.png');}
.night .supergifts_2013may_banner3 {background-image: url('/locale/RU/ad/supergifts_2013may_banner_3_other.png');}
.night .supergifts_2013may_banner4 {background-image: url('/locale/RU/ad/supergifts_2013may_banner_old_4.png');}
.night .octoberfest_banner {background-image: url('/locale/RU/ad/kvasfest_old.png');}
.night #menu_forum_events {background-image: url('/locale/RU/ad/menu_forum_events_old.png');}
.night .tournament_banner {background-image: url('/locale/RU/ad/tournament_old.png');}