@font-face {
    font-family: 'Agilis';
    src: url('agilis.eot');
    src: url('agilis.eot?#iefix') format('embedded-opentype'),
    url('agilis.woff') format('woff'),
    url('agilis.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 20px;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -15px;
}

.css-label {
    background-image: url(checkbox.png);
}

.navbar-inverse {
    background-color: #18212B;
}

.navbar-brand {
    color: #c1ccd1;

}

.navbar-brand-sm {
    color: #f0f8ff;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}

h1 {
    font-weight: bold;
    text-align: center;
}

h2 {
    font-weight: bold;
    font-size: 16px;
    color: #ffcc33;
    text-align: center;
}

h3 {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

h4 {
    text-align: left;
    color: #33b2e1;
    line-height: 0px;
}

a {
    cursor: url(main_temp/attack.cur), text;
}

a:link {
    text-decoration: none;
    color: #c1ccd1;
}

a:visited {
    text-decoration: none;
    color: #c1ccd1;
}

a:active {
    text-decoration: none;
    color: #e1c85d;
}

a:hover {
    text-decoration: none;
    color: #e1c85d;
}

.input_button {
    font-size: 8pt;
    font-weight: bold;
    border: 0;
    background-color: transparent;
    margin: 0 -8px;
    padding-top: 4px;
    padding-bottom: 3px;
}

.input_button:hover {
    color: #e1c85d;
}

.check_btn {
    float: left;
    background: url(main_temp/check_btn.png) 0 0 no-repeat;
    width: 14px;
    height: 14px;
    margin: 0 5px;
}

.check_btn_checked {
    background-position: 0 -14px;
}

a.one, a.one:before, a.one:after {
    background: url(main_temp/bg_btn.png);
}

a.two, a.two:before, a.two:after {
    background: url(main_temp/btn_login.png);
}

a.button {
    display: inline-block;
    position: relative;
    height: 20px;
    margin: 4px 2px;
    padding: 0 7px;
    line-height: 20px;
    background-position: 0 -22px;
    background-repeat: repeat-x;
}

a.button.two {
    font-weight: bold;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    background-position: 0 -52px;
}

a.button:before, a.button:after {
    content: '';
    position: absolute;
    top: 0;
    width: 2px;
    height: 20px;
    background-repeat: no-repeat;
}

a.button.two:before, a.button.two:after {
    width: 3px;
    height: 50px;
}

a.button:before {
    right: -2px;
    background-position: 0 -44px;
}

a.button.two:before {
    right: -3px;
    background-position: 0 -104px;
}

a.button:after {
    left: -2px;
    background-position: 0 0;
}

a.button.two:after {
    left: -3px;
    background-position: 0 0;
}

input,
select,
textarea {
    border: 1px solid #5c7894;
    font-size: 9pt;
    color: #c1ccd1;
    background-color: #0e202f;
    cursor: url(text.cur), text;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ������ �������� */

/* 
@media screen and (max-width: 1025px) {
 
 .main_bg {
	background: url(main_temp/main_bg.png) repeat-x 50% 0;
	width: 1366px;
  height: 100%
 
} 
 body {
	cursor: url(main_temp/basic.cur), default;
	font-family: 'Arial', 'Verdana', 'Helvetica';
	font-size: 8pt;
    line-height: 1.4;
	color: #879ba5;
  background-color #18212B;
  width:1366px;
}  



  }


@media screen and (max-width: 760px) {
 
.main_bg {

	background: url(main_temp/main_bg.png) repeat-x 50% 0;
	width: 980px;
  height: 100%
 
}
*/
.main_bg {
    background: url(main_temp/main_bg.png) repeat-x 50% 0;
    height: 100%;
    background-color: #18212B;
    min-width: 420px;
    min-height: 800px;
}

body {
    cursor: url(main_temp/basic.cur), default;
    font-family: 'Arial', 'Verdana', 'Helvetica';
    font-size: 10pt;
    line-height: 1.4;
    color: #879ba5;
    background-color #18212B;
    height: 100%
    min-width: 420px;
    min-height: 800px;
}

*

/

.main_body {
    position: relative;
    margin: 0 auto;

}

/* ������ �������� */

/* ��������������� �������� */
.bullet {
    background: url(main_temp/s_bullet.png) no-repeat;
    width: 11px;
    height: 7px;
    margin-top: 4px;
    float: left;
}

.bullet2 {
    background: url(main_temp/s_b_bullet.png) no-repeat;
    width: 11px;
    height: 7px;
    margin-top: 4px;
    float: left;
}

.update_line {
    background: url(main_temp/update_line.png) repeat-x;
    height: 9px;
}

.update_line_select {
    background: url(main_temp/update_line_select.png) repeat-x;
    height: 9px;
}

.point_line {
    background: url(main_temp/point_line.png) repeat-x;
    height: 1px;
    width: 100%;
}

.list_separator {
    height: 1px;
    background-color: #38536C;
    background-repeat: no-repeat;
}

.mod_split {
    position: relative;
    top: -1px;
}

.text_ok {
    color: green;
    line-height: 20px;
}

.text_error {
    color: red;
    line-height: 20px;
}

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

.display_none {
    display: none;
}

/* ��������������� �������� */

/* ����� */
.header_logo {
    position: relative;
    margin: 0 auto;
    height: 100px;
    min-width: 400px;
    z-index: 0;
}

.main_body_language {
    position: absolute;
    left: 20px;
    font-size: 10px;
    color: #606060;
    text-align: left;
    top: -5px;
    width: 100%;
}

.main_body_language_float {
    float: left;
    padding-right: 5px;
}

.lang_select {
    border: 0;
    cursor: url(pointer.cur), text;
    background-color: transparent;
    padding-right: 11px;
    height: 12px;
}

a.lang_ru {
    background: url(rus.png);
}

a.lang_en {
    background: url(eng.png);
}

a.lang_button {
    display: inline-block;
    height: 12px;
    width: 18px;
    position: relative;
}

/* ����� */

/* ���� */
.main_body_content {
    position: relative;
    /*background: url(main_temp/main_contents_bg.png) no-repeat scroll 0% 0% transparent;*/
    max-width: 980px;
    min-width: 400px;
    min-height: 400px;
    height: 100%;
}

.main_body_left {
    width: 250px;
}

.main_body_right {
    min-width: 400px;
    border-radius: 16px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .main_bg,
    .main_body,
    .main_body_left,
    .main_body_right,
    .main_body_modules,
    .main_body_modules_bottom {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
    .main_body_modules {
        margin-top: 16px;
        border-radius: 12px;
    }
    .main_body_modules_content {
        padding: 10px 12px;
    }
    table {
        width: 100% !important;
        max-width: 100% !important;
    }
    html, body {
        overflow-x: hidden;
    }
}

/* ���� */

.main_body_content_respawn {
    position: relative;
    /*background: url(main_temp/login_bg.png) no-repeat;  */
    width: 245px;
    top: 20px;
}

.main_body_content_respawn_ {
    text-align: left;
    padding: 1px 15px;
}

.main_body_content_respawn_bottom {
    position: relative;
    background: url() no-repeat;
    width: 245px;
    height: 10px;
    z-index: 1;
}

input.login_button {
    font-size: 14px !important;
    padding: 0 7px;
    margin: 0 -11px;
    height: 50px;
    border: 0;
    font-weight: bold;
    cursor: url(main_temp/pointer.cur), text;
    background-color: transparent;
}

input.login_button:hover {
    color: #e1c85d;
}

.main_body_content_respawn_time {

    text-align: left;
    width: 55px;
    color: #b0c2d0;
    font-size: 12px;
    margin-right: 10px;
    height: 25px;

}

.main_body_content_respawn_event {
    width: 213px;
    color: #c1ccd1;
    line-height: 26px;
    font-size: 12px;
    height: 84px;

}

.main_body_content_respawn_icons {
    width: 180px;
    color: #c1ccd1;
    font-size: 12px;
    text-align: left;
    margin-left: 55px;
    margin-top: -25px;
    height: 28px;

}

.main_body_content_respawn_icons img {
    padding: 0.5px;
}

#cd1 {
    margin-top: 0px;
}

#i1 {
    width: 213px;
    color: #c1ccd1;

}

#i2 {
    width: 213px;
    color: #c1ccd1;
    font-size: 12px;

}

#i3 {
    width: 213px;
    color: #c1ccd1;
    font-size: 12px;

}

.main_body_content_respawn_info {
    width: 213px;
    display: none;

}

.main_body_content_height {
    height: 10px;
    clear: left;
}

.main_body_content_login_links {
    width: 100%;
    clear: left;
}

/* �������������� */

/* ���������� */
.main_body_content_info {
    /*background: url(main_temp/info_bg.png) no-repeat; */
    min-width: 245px;
    min-height: 260px;
    height: 100%;
    margin-top: 136px;
}

.main_body_content_info_ {
    position: relative;
    min-height: 510px;
    text-align: left;
    padding: 1px 15px;
    z-index: 2;
}

.main_body_content_info_bottom {
    position: absolute;
    background: url(main_temp/info_bg_bottom.png) no-repeat;
    width: 245px;
    height: 241px;
    bottom: 0;
    text-align: left;
    z-index: 1;
}

.main_body_content_info_links {
    width: 100%;
}

.yandex {
    position: absolute;
    bottom: 20px;
}

/* ���������� */

/* ������ �������� */
.main_body_navigate_top {
    position: relative;
    background: url(main_temp/navigate_top_bg.png) no-repeat;
    width: 420px;
    min-width: 420px;
    height: 11px;
    top: 1px;
    z-index: 2;
}

.main_body_navigate {
    position: relative;
    background: url(main_temp/navigate_bg.png) no-repeat;
    width: 420px;
    height: 101px;
    z-index: 1;
}

.main_body_navigate_msg {
    padding: 2px 10px 0;
    height: 65px;
    text-align: left;
    color: #b0d2fd;
}

.main_body_navigate_title {
    position: relative;
    right: 10px;
    text-align: right;
}

/* ������ �������� */

/* ������ */
.main_body_modules {

    background-color: #283E56;
    margin-top: 35px;
    min-width: 400px;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0,0,0,0.35);

}

.main_body_modules_title {
    text-align: left;
    padding: 5px 10px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.main_body_modules_content {
    padding: 5px 10px 1px;
    width: 100%;

}

.main_body_modules_bottom {
    background: url(main_temp/contents_bottom.png) no-repeat;
    min-width: 400px;
    height: 50px;
    border-radius: 0 0 14px 14px;
}

.module_action_title {
    background-color: #242d38;
    border: 1px solid #0b0f16;
    border-radius: 4px 4px 4px 0;
    padding: 10px 5px;
    text-align: center;
}

.module_action_title_ {
    background-color: #242d38;
    border: 1px solid #0b0f16;
    border-radius: 4px;
    padding: 10px 5px;
    text-align: center !important;
}

.module_action_ {
    height: 10px;
}

.module_sheet_captain {
    position: relative;

    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 10px;

    text-shadow: black 0px 0px 3px;
    clear: both;
    margin: 0px auto;
    min-width: 400px;
    background: linear-gradient(45deg, #1a3250, #377ea5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 90

}

/* ������ */

/* ���� */
/* ������� ������ */
.character_buns_stats {
    width: 180px;
    margin: 0 auto;
}

.character_bun_show {
    position: relative;
    cursor: url(main_temp/pointer.cur), pointer;
    width: 36px;
    height: 36px;
    float: left;
}

.character_bun_show:hover {
    background: url(main_temp/slot_border_hover.png);
}

.character_bun_img {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 34px;
    height: 34px;
}

.character_bun_info {
    position: absolute;
    font-size: 6pt;
    font-weight: bold;
    font-family: Tahoma;
    top: 2px;
    left: 2px;
}

.personal_character_height {
    clear: left;
    height: 10px;
}

.personal_character {
    position: relative;
    background-color: #242D38;
    border: 1px solid #0B0F16;
    border-radius: 4px;
    margin: 5px auto;
    height: 41px;
    padding: 5px;
}

.character_name {
    width: 142px;
}

.personal_character_select {
    position: absolute;
    top: 0;
    left: 0;
    cursor: url(main_temp/gear.cur), pointer;
    width: 198px;
    height: 51px;
}

.personal_character_active {
    background-color: #324463;
    border-color: #0B0F16;
}

.character_button {
    height: 41px;
    width: 40px;
}

.personal_character_add {
    height: 40px;
}

.personal_character_img {
    float: left;
    width: 50px;
    text-align: center;
    line-height: 49px;
}

.personal_character_name {
    margin-top: 3px;
    position: relative;
    top: 6px;
}

.personal_character_delete {
    border-left: 1px solid #0b0f16;
    position: absolute;
    top: 0;
    right: 0;
    cursor: url(main_temp/pointer.cur), pointer;
    width: 14px;
    height: 51px;
    line-height: 51px;
    text-align: center;
}

.character_add_text {
    line-height: 30px;
    line-height: 41px;
}

.character_clas {
    color: #33b2e1;
}

.character_race_div {
    float: left;
}

.character_sex_div, .character_name_div {
    margin: 4px 0;
    float: left;
}

.character_div {
    width: 50px;
    line-height: 18px;
    float: left;
}

.character_create {
    text-align: center;
}

/* ������� ������ */

/* ��� */
.footer_menu {
    position: relative;
    background: url(main_temp/footer_bg.png) no-repeat center top;
    height: 41px;
    min-width: 400px;
    margin-top: 10px;
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    padding: 8px 0;
}

.footer_menu_logo {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 123px;
    height: 23px;
}

.footer_menu_favicon {
    margin-bottom: 2px;
    padding-right: 2px;
    width: 16px;
    height: 16px;
}

.footer_info {
    background: url() no-repeat;
    width: 343px;
    height: 60px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
}

.copyright {
    color: #606060;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

/* ��� */

/* ������ */

/* Pagination */
.pagination {
    background: url(main_temp/search_bg.png) no-repeat;
    background-size: 100% 30px;
    font-weight: bold;
    line-height: 30px;
}

.pagination_arrows {
    width: 11px;
    height: 11px;
    margin-bottom: 2px;
}

.pagination_list {
    text-align: center;
}

/* Pagination */

/* Monsters */
/* Map */

.cont_for_maps {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 0;

}

.mosters_all_maps {

    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #0f0;

}

.ftr {
    display: inline-block;
    width: 100%;
}

.monsters_maps {

    min-width: 125px;
    display: inline-block;

}

.monsters_maps_map {

    background-repeat: no-repeat;
    width: 125px;
    height: 120px;
    margin-bottom: 4px;
    border-radius: 3px;
    margin-left: 0px;

}

.monsters_maps_map_ {
    padding: 2px 6px;
}

.monsters_maps_map_name {
    padding-top: 20px;
    text-align: center;
    font-weight: bold;
    height: 54px;
    text-shadow: 0 0 10px black; /* ��������� ���� */
    font-size: 12pt;

}

.monsters_maps_dungeons_free {
    background: url(main_temp/free.png) no-repeat;
    width: 3px;
    height: 43px;
}

.monsters_maps_dungeons_empty {
    width: 128px;
}

.monsters_maps_dungeons {
    position: relative;
    height: 45px;
    width: 131px;
    float: left;
}

.monsters_maps_dungeon {
    cursor: url(main_temp/pointer.cur), pointer;
    width: 128px;
    height: 43px;
    background-position: 0 -43px;
}

.monsters_maps_dungeon:hover {
    background-position: 0 0;
}

.monsters_maps_dungeon_info {
    font-size: 10px;
    font-weight: bold;
    padding: 1px 2px;
    text-align: left;
}

/* Map */

/* Dungeon */
.monsters_list_title {
    background-color: #0d151e;
    padding: 3px;
    text-align: center;
}

.monsters_map_img_conteiner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 0;

}

.monsters_map_img {
    position: relative;
    background-repeat: no-repeat;
    min-width: 400px;
    height: 418px;
    margin: 0 auto;
    display: inline-block;
}

.monsters_map_aggresive {
    position: absolute;
    left: 45%;
    bottom: 40px;
}

.monster_type_text {
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    padding-left: 10px;
    width: 200px;
}

.monsters_type_coord {
    width: 8px;
    height: 10px;
    line-height: 10px;
    margin: 3px 0;
}

.monsters_type_coord_dungeon {
    width: 8px;
    height: 10px;
    margin-top: 10px;
}

.monsters_map_monsters {
    position: absolute;
    font-weight: bold;
    font-size: 9px;
    color: #000000;
    cursor: url(main_temp/pointer.cur), pointer;
}

.monsters_monster_id {
    position: relative;
    float: left;
    width: 20px;
}

.monsters_monster_type_img {
    position: relative;
    float: left;
    width: 30px;
}

.monsters_monster_type_view {
    position: relative;
    background-repeat: no-repeat;
    top: 2px;
    width: 25px;
    height: 25px;
}

.monsters_monster_type_view_ {
    position: absolute;
    background-repeat: no-repeat;
    top: -1px;
    left: 1px;
    width: 25px;
    height: 25px;
}

.monsters_monster_type {
    position: relative;
    float: left;
    width: 100px;
    text-align: center;
}

.monsters_monster_aggresive {
    position: relative;
    float: left;
    width: 10px;
}

.monsters_monster_name {
    position: relative;
    float: left;
    width: 390px;
}

.monsters_monster_name_ {
    text-align: left;
    font-weight: bold;
}

.monsters_monster_name_with_job {
    text-align: left;
    font-weight: bold;
}

.monsters_monster_job {
    line-height: 15px;
}

.monsters_monster_level {
    position: relative;
    float: left;
    width: 50px;
    text-align: center;
}

.monsters_all_monsters_checked {
    margin-top: -2px;
    padding-left: 5px;
}

.monsters_monster_show {
    float: left;
    text-align: center;
    width: 50px;
}

/* Dungeon */

/* Monster */
.monsters_monster_title {
    line-height: 0;
    margin: 0 auto;
    text-align: left;
}

.monsters_monster_tab_ {
    float: left;
    width: 10px;
}

.monsters_monster_title_ {
    position: relative;
    float: left;
    border: 1px solid #242d38;
    border-radius: 6px 6px 0 0;
    margin: 0 1px -1px;
    padding: 3px;
    font-weight: bold;
    background-color: #0d151e;
    width: 100px;
    text-align: center;
    z-index: 2;
}

.monsters_monster_title_active {
    background-color: #0d151e;
    border-bottom: 1px solid #0d151e;
}

.monsters_monster_content {
    position: relative;
    clear: left;
    background-color: #0d151e;
    padding: 12px;
    width: 655px;
    height: 200px;
    z-index: 1;
}

.monsters_monster_minimap {
    position: absolute;
    width: 8px;
    height: 8px;
    cursor: url(main_temp/pointer.cur), pointer;
}

.monsters_monster_stats {
    float: left;
    padding: 0 5px;
}

.monsters_monster_drop {
    float: left;
    padding: 0 5px;
}

.monsters_monster_stats_1 {
    width: 150px;
}

.monsters_monster_stats_2 {
    width: 300px;
}

.monsters_monster_stats_3 {
    width: 170px;
}

.monsters_monster_stats_title {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
}

.monsters_monster_stats_values {
    margin-bottom: 20px;
}

.stat_table_name {
    text-align: left;
}

.stat_table_value {
    float: right;
    color: #c0c0c0;
}

.stat_check_add {
    color: green;
}

.monster_attack_first_0 {
    color: green;
}

.monster_attack_first_1 {
    color: red;
}

/* Monster */
/* Monsters */

/* Quests */
/* List */
.quest_list_title {
    position: relative;
    text-align: left;
    height: 175px;
}

.quest_list_location {
    text-align: left;
    float: left;
    width: 150px;
}

.quest_list_menu {
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
    padding: 0 5px;
}

.loc_menu, .type_menu {
    padding: 3px 0;
}

.quest_list_location_menu_select, .quest_list_type_menu_select {
    padding-right: 4px;
    margin-top: -2px;
}

.quest_list_location_menu_select_link {
    cursor: url(main_temp/pointer.cur), pointer;
}

.quest_list_location_menu_select_link:hover {
    color: #e1c85d;
}

.quest_list_type {
    float: left;
    text-align: left;
    width: 200px;
    margin-left: 10px;
}

.quest_list_level {
    float: left;
    text-align: left;
    width: 298px;
    margin-left: 10px;
}

.quest_list_levels {
    margin-bottom: 10px;
}

.quest_list_input_level {
    width: 25px;
}

.quest_list_input_name {
    width: 200px;

}

.quest_quests_list {
    min-width: 400px;
    margin: 0 auto;
}

.quest_list_lvles {
    text-align: left;
    min-width: 60px;
    max-width: 65px;
}

.quest_list_name {
    text-align: center;
    float: right;
    min-width: 300px;
}

.quest_list_loc {
    float: right;
    min-width: 350px;
}

.quest_list_name_title {
    text-align: left;
}

.quest_list_types {

    width: 150px;
}

.quest_list_btn {

}

/* List */

/* Quest */
.quest_quest_names {
    position: relative;
    top: -10px;
}

.quest_quest_name_left {
    position: absolute;
    bottom: -30px;
    left: 0;
    font-weight: bold;
    font-size: 12px;
}

.quest_quest_name_right {
    position: absolute;
    bottom: -30px;
    right: 0;
    font-weight: bold;
    font-size: 12px;
}

.quest_content {
    position: relative;
    background-color: #0d151e;
    margin: 0 0 20px;
    padding: 12px;
    text-align: left;
}

.quest_quest_title {
    clear: left;
    float: left;
    width: 100px;
}

.quest_quest_target_bg {
    position: relative;
    /*background: url(main_temp/quewnd.png) no-repeat;*/
    padding: 5px;
    min-width: 286px;
    max-width: 400px;
    min-height: 44px;
    margin-top: 10px;
    background: #656565;

    box-shadow: 1px 0px 18px 0px #000000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.quest_quest_target_img {
    position: absolute;
    top: 5px;
    left: 4px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
}

.quest_quest_target_info {
    position: absolute;
    top: 5px;
    left: 40px;
}

.quest_quest_target_value {
    position: absolute;
    top: 20px;
    left: 40px;
}

.quest_quest_info_title {
    padding-top: 10px;
    color: #a7a3a0;
}

.quest_quest_info {
    padding-left: 10px;
}

.quest_quest_info_bag {
    color: #88816e;
    font-weight: bold;
    margin-bottom: 10px;
}

.quest_rewards {
}

.quest_quest_rewards {
    color: #614f5f;
    font-weight: bold;
}

.quest_quest_reward_item {
    position: relative;
    background: url(main_temp/quewnd_item.png) no-repeat;
    min-width: 200px;
    height: 45px;
    margin: 5px 0;

}

#quest_quest_reward_item {
    position: relative;
    margin: 5px 0;

}

.quest_quest_reward_item_float {
    float: left;
}

.quest_quest_reward_item_clear {
    clear: left;
}

.quest_quest_reward_item_icon {
    position: absolute;
    cursor: url(main_temp/pointer.cur), pointer;
    width: 36px;
    height: 36px;
    top: 4px;
    left: 3px;
}

.quest_quest_reward_item_icon:hover {
    background: url(main_temp/slot_border_hover.png) no-repeat;

}

.quest_quest_reward_item_icon_ {
    position: absolute;
    background-repeat: no-repeat;
    top: 1px;
    left: 1px;
    width: 34px;
    height: 34px;
}

.quest_quest_reward_item_name {
    position: absolute;
    left: 40px;
    top: 5px;
    font-size: 12px;
}

/* Quest */
/* Quests */

/* About */

.about_content {
    background-color: #0d151e;
    margin: 0 0 20px;
    padding: 12px;
}

.about_list {
    text-align: left;
}

/* About */

/* Compound */
.compound_select_item {
    background-color: #242d38;
    border: 1px solid #0b0f16;
    border-radius: 4px 4px 4px 0;
    padding: 10px 5px;
}

.compound_list_content {
    position: relative;
    background-color: #0d151e;
    margin: 10px 0;
    padding: 12px;
    width: 300px;
}

.compound_slot {
    background: url(main_temp/slot.png) no-repeat;
    position: relative;
    float: left;
    width: 42px;
    height: 42px;
}

.compound_plus {
    background-image: url(main_temp/plus.png);
    background-repeat: no-repeat;
    position: relative;
    float: left;
    width: 17px;
    height: 16px;
    line-height: 42px;
}

.compound_slot_input {
    position: relative;
    top: 4px;
    left: 4px;
    width: 34px;
    height: 34px;
    font-weight: bold;
    font-size: 14pt;
    font-family: "Agilis";
    line-height: 34px;
}

.compound_slot_item {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 34 opacity_divpx;
    height: 34px;
}

/* Compound */

/* ������ ������������ */
.module_message {
    text-align: center;
}

.module_sheet_header {
    /*background: url(main_temp/cols_bg.png) no-repeat; */
    height: 30px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    padding: 0 10px;
    color: #FFFAF0;
    text-shadow: black 0px 0px 3px;
    clear: both;
    margin: 0px auto;
    min-width: 400px;
    background: linear-gradient(45deg, #1a3250, #377ea5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 90
}

.module_sheet_header_ {
    /*background: url(main_temp/cols_bg.png) no-repeat; */
    min-height: 30px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    padding: 0 10px;
    color: #FFFAF0;
    text-shadow: black 0px 0px 3px;
    clear: both;
    margin: 0px auto;
    min-width: 400px;
    /*background: linear-gradient(45deg, #1a3250, #377ea5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); */
    position: relative;
    z-index: 90
}

.module_sheet_body {
    clear: left;
    text-align: center;
    background-color: #233549;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
}

.panel-title {
    padding-top: 10px;
}

.panel {
    clear: left;
    background-color: #233549;
    line-height: 30px;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border: 0;

}

.panel-group .panel-heading {
    border: 0;
}

.panel-default > .panel-heading {

    background-color: #233549;

}

.panel-default {

    border-color: #233549;
}

.module_sheet_body_ {
    clear: left;
    text-align: center;
    background-color: #233549;
    padding: 0 10px;
    height: 20px;
    line-height: 17px;
}

.module_sheet_body_select {
    background-color: #0F526B;
}

.module_action_msg {
    clear: left;
    text-align: center;
}

.module_list {
    border-left: 1px solid #0b0f16;
}

.module_list_border {
    border-top: 1px solid #242d38;
    border-bottom: 1px solid #242d38;
    border-radius: 0 10px 10px 0;
}

.module_list_border_ {

    border-top: 1px solid #242d38;
    border-right: 1px solid #242d38;
    border-bottom: 1px solid #242d38;
    border-radius: 10px 10px 0 0;
    margin: 0 0 0 20%;
}

.module_list_border_bottom {
    border-top: 1px solid #0b0f16;
    border-right: 1px solid #0b0f16;
    border-bottom: 1px solid #0b0f16;
    border-radius: 0 4px 4px 0;
    background-color: #242d38;
    height: 20px;
    margin-top: 10px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.m_s {
    display: inline-block;
}

.monster_list_name {
    float: left;
    min-width: 250px;

}

.monster_list_name_title {
    text-align: left;
}

.monster_list_loc {
    float: left;
    min-width: 215px;
}

.monster_list_types {
    float: right;
    min-width: 100px;
}

#monster_location {
    min-width: 176px;

}

#monster_type {
    min-width: 176px;
}

.monster_list_title {

    text-align: center;
    min-height: 40px;
}

.monster_list_type {

    text-align: left;
    min-width: 180px;

}

.monster_list_location {
    text-align: left;
    min-width: 180px;

}

.monster_list_text {

    text-align: left;
    min-width: 174px;

}

.monster_list_input_name {
    min-width: 176px;

}

.monster_list_btn {
    position: absolute;
    right: 0;
    bottom: 0;

}

.monster_monster_info_title {
    padding-top: 10px;
    color: #a7a3a0;
}

.monster_monster_info {
    padding-left: 10px;
}

.monster_monster_list {
    width: 670px;
    margin: 0 auto;
}

.monster_monster_names {
    position: relative;
    top: -10px;
}

.monsters_screen_drop {
    position: relative;
    background-repeat: no-repeat;
    width: 453px;
    height: 182px;

}

.time_time_title {
    color: #a7c3a0;
    position: absolute;

    padding-left: 40px;
}

.time_time_info {
    padding-left: 100px;
    #a7a3a0;
}

.time_bord {
    position: relative;

    height: 50px;

}

.upgrade_chance {
    float: left;
    min-width: 120px;
}

.upgrade_destr {
    float: left;
    min-width: 160px;
}

.upgrade_talik_destr {
    float: left;
    min-width: 170px;
}

.upgrade_nothing {
    float: left;
    min-width: 200px;
}

.upgrade_list_title {
    position: relative;
    text-align: center;
    min-height: 50px;
}

.inline_block {
    display: inline-block;
}

.upgrade_weapon_type {

    min-width: 127px;
    margin: 3px 30px;

}

.upgrade_lvl_plus {

    margin: 3px 0px;
    min-width: 70px;

}

.upgrade_weapon_lvl {

}

.input_button_upg {
    font-size: 10pt;
    font-weight: bold;
    border: 0;

    background-color: transparent;
}

a.button_upg {
    display: inline-block;
    position: relative;
    height: 20px;
    margin: 5px 19px;
    padding: 0 7px;
    line-height: 20px;
    background-position: 0 -22px;
    background-repeat: repeat-x;

}

.upgrade_jewel_type {
    margin: 3px -5px;

}

#weapon_type,
#weapon_type2,
#upgrade_lvl,
#upgrade_lvl2 {
    font-size: 12pt;
}

.upgrade_list_upgrade_list {
    min-height: 120px;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
}

.upgrade_list_upgrade_list1 {
    min-height: 120px;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
}

#lvl {
    margin: 3px 20px;
    min-width: 36px;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 12pt;
}

#lvl2 {
    margin: 3px 20px;
    min-width: 36px;
    -webkit-appearance: none;
    font-size: 12pt;
    border-radius: 0;
}

#jewel_type1 {
    min-width: 15px;
    margin-left: px;
    font-size: 12pt;
}

#jewel_type2 {
    min-width: 15px;
    margin-left: px;
    font-size: 12pt;
}

.nav-tabs {
    font-size: 13pt;
    font-family: Arial;
}

.nav-tabs > li.active > a {
    color: #39bb3c;
}

.nav-tabs > li > a {
    color: #838d96;
}

.nav-tabs > li > a:hover {
    text-decoration: underline;
}

.upgrade_input_text {

}

.upgrade_input_lvl {
    max-width: 22px;
    min-width: 22px;
    text-align: center;
}

/* ���������� ���*/

.mtm_main_info {

    min-width: 400px;
    padding-left: 3px;

}

.mtm_desc_slot {

    min-width: 225px;
    max-width: 225px;
    min-height: 90px;
    display: inline-block;

}


.hover14 st .mtm_desc_slot {
    -webkit-filter: grayscale(65%);
    filter: grayscale(65%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;


}

.hover14 st:hover .mtm_desc_slot {
    border-top:1px solid black;
    border-bottom:1px solid black;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.mtm_desc_slot_info {
    text-align: left;
    min-width: 300px;
    min-height: 63px;
    max-height: 63px;
    color: #b0d2fd;
    padding: 10px 100px;
    word-wrap: break-word;
    font-size: 10pt;

}

.mtm_list_name {
    float: left;
    min-width: 298px;
}

.mtm_list_name_title {
    text-align: left;
}

.mtm_list_author {
    float: left;
    min-width: 215px;
}

.mtm_list_price {
    float: right;
    min-width: 80px;
}

.mtm_load {
    min-width: 400px;

img {
    width: 100%;
}

}
.mtm_list_view {

    text-align: center;
    padding: 5px;
}

.text-center {

    text-align: center;

}

.module_action_mtm {
    background-color: #242d38;
    border: 1px solid #0b0f16;
    border-radius: 4px 4px 4px 0;
    padding: 10px 5px;
    text-align: center;
/ / height: 382 px;
    min-height: 50px;
}

.mtm_list_class {
    text-align: left;
    float: left;
    width: 150px;
    margin-left: 12px;
}

#mtm_class {
    width: 100px;
}

/* Tooltip */
.tooltip_div {

    position: absolute;
    z-index: 9999;
    min-width: 300px;
    max-width: 350px;

}

.panel-body {
    z-index: 1;
}

.panel {
    z-index: 100;
    border-top: 0;
}

.backward {
    z-index: 1;
    position: absolute;
    max-width: 580px;

}

.forward {
    z-index: 130;
    position: relative;
    text-shadow: 1px;
    color: white;
}

#tooltip_div {
    display: none;
    position: absolute;
    z-index: 999;
    min-width: 300px;
    max-width: 350px;
    text-align: left;
}

#tooltip_div_up {
    display: none;
    position: absolute;
    z-index: 999;
    min-width: 300px;
    max-width: 350px;
    text-align: left;
}

/*.quest_quest_reward_item_icon:hover .tooltip_div_items  {
	margin-left:35px;
	margin-top:25px;
	display:block;
}
*/
.upgrade_weapon:hover #tooltip_div_up {
    display: block;
}

.upgrade_weapon:hover #tooltip_div {
    display: block;
}

.tooltip_left_top {
    background: url(main_temp/items_lt.png) left top no-repeat;
    width: 32px;
    height: 32px;
}

.tooltip_middle_top {
    background: url(main_temp/items_t.png) left top repeat-x;
}

.tooltip_right_top {
    background: url(main_temp/items_rt.png) right top no-repeat;
    width: 32px;
    height: 32px;
}

.tooltip_left_col {
    background: url(main_temp/items_l_t.png) left top repeat-y;
}

.tooltip_middle_col {
    background: url(main_temp/items_m.png);
}

.tooltip_right_col {
    background: url(main_temp/items_r_t.png) right top repeat-y;
}

.tooltip_left_bottom {
    background: url(main_temp/items_lb.png) left bottom no-repeat;
    width: 32px;
    height: 32px;
}

.tooltip_middle_bottom {
    background: url(main_temp/items_b.png) left bottom repeat-x;
}

.tooltip_right_bottom {
    background: url(main_temp/items_rb.png) right bottom no-repeat;
    width: 32px;
    height: 32px;
}

.tooltip_sheet {
    color: #a9b1c8;
    margin: -20px;
    width: 100%;
    line-height: 130%;
    white-space: nowrap;
    font-size: 12px;
    font-family: Tahoma;
}

.tooltip_icon {
    width: 34px;
    height: 34px;
    padding-left: 5px;
    padding-top: 5px;
}

.tooltip_name {
    font-size: 11px;
    padding-right: 5px;
    font-weight: bold;
    text-align: center;
}

.tooltip_white_text {
    color: #c8d9ff;
    padding-bottom: 5px;
}

.tooltip_white_text_bold {
    color: #e8e4e3;
    font-weight: bold;
    padding-bottom: 2px;
}

.tooltip_effect_text {
    color: #8dacda;
    padding-bottom: 5px;
    width: 100px;

}

.tooltip_bonus_text {
    color: #fced3f;
    padding-bottom: 5px;
    width: 100px;
    padding-left: 20px;

}

.tooltip_option_yellow_text {
    color: #f5f6bc;
    padding-right: 5px;
}

.tooltip_height {
    height: 5px;
}

.tooltip_enchant_text {
    color: #7a6284;
}

.tooltip_skill_name {
    padding-right: 5px;
}

.tooltip_set_name {
    color: #9bb3b3;
}

.tooltip_set_text {
    color: #686262;
}

.tooltip_set_option {
    padding-left: 10px;
}

.tooltip_set_option_value {
    padding-left: 15px;
}

.tooltip_skills_name {
    color: #f9ce89;
}

.tooltip_skills_level {
    font-size: 9px;
}

.tooltip_requirement {
    color: #bd8180;
}

/* Tooltip */

.items_mainbg {
    width: 226px;
    height: 570px;
    background: url(inventory/main.png) no-repeat;
    position:

}

#items_mainbg {
    width: 226px;
    height: 570px;
    background: url(inventory/main.png) no-repeat;
    position:

}

#info {
    width: 449px;
    height: 570px;

}

#patroni1 {
    height: 32px;
    width: 32px;
    background: url(inventory/bullet.png) no-repeat;
    position: absolute;
    margin-top: 67px;
    margin-left: 10px;
}

#patroni2 {
    height: 32px;
    width: 32px;
    background: url(inventory/bullet.png) no-repeat;
    position: absolute;
    margin-top: 67px;
    margin-left: 45px;

}

#amulet1 {
    height: 32px;
    width: 32px;
    background: url(inventory/amulet.png) no-repeat;
    position: absolute;
    margin-top: 67px;
    margin-left: 149px;
}

#amulet2 {
    height: 32px;
    width: 32px;
    background: url(inventory/amulet.png) no-repeat;
    position: absolute;
    margin-top: 67px;
    margin-left: 183px;
}

#ring1 {
    height: 32px;
    width: 32px;
    background: url(inventory/ring.png) no-repeat;
    position: absolute;
    margin-top: 245px;
    margin-left: 43px;
}

#ring2 {
    height: 32px;
    width: 32px;
    background: url(inventory/ring.png) no-repeat;
    position: absolute;
    margin-top: 245px;
    margin-left: 151px;
}

#weapon {
    height: 64px;
    width: 64px;
    background: url(inventory/weapon.png) no-repeat;
    position: absolute;
    margin-top: 105px;
    margin-left: 11px;
}

#helm {
    height: 64px;
    width: 64px;
    background: url(inventory/helm.png) no-repeat;
    position: absolute;
    margin-top: 35px;
    margin-left: 81px;
}

#upper {
    height: 64px;
    width: 64px;
    background: url(inventory/upper.png) no-repeat;
    position: absolute;
    margin-top: 105px;
    margin-left: 81px;
}

#lower {
    height: 64px;
    width: 64px;
    background: url(inventory/lower.png) no-repeat;
    position: absolute;
    margin-top: 175px;
    margin-left: 81px;
}

#cape {
    height: 64px;
    width: 64px;
    background: url(inventory/cape.png) no-repeat;
    position: absolute;
    margin-top: 175px;
    margin-left: 151px;
}

#shoe {
    height: 64px;
    width: 64px;
    background: url(inventory/shoe.png) no-repeat;
    position: absolute;
    margin-top: 245px;
    margin-left: 81px;
}

#gaunglet {
    height: 64px;
    width: 64px;
    background: url(inventory/gaunglet.png) no-repeat;
    position: absolute;
    margin-top: 175px;
    margin-left: 11px;
}

#shield {
    height: 64px;
    width: 64px;
    background: url(inventory/shield.png) no-repeat;
    position: absolute;
    margin-top: 105px;
    margin-left: 151px;
}

#cape {
    height: 64px;
    width: 64px;
    background: url(inventory/cape.png) no-repeat;
    position: absolute;
    margin-top: 175px;
    margin-left: 151px;
}

#dop {
    height: 32px;
    width: 32px;
    background: url(inventory/dop.png) no-repeat;
    position: absolute;
    margin-top: 421px;
    margin-left: 19px;
}

#box {
    height: 32px;
    width: 32px;
    background: url(inventory/box.png) no-repeat;
    position: absolute;
    margin-top: 421px;
    margin-left: 57px;
}

#resource {
    height: 32px;
    width: 32px;
    background: url(inventory/resurs.png) no-repeat;
    position: absolute;
    margin-top: 421px;
    margin-left: 96px;
}

#rash {
    height: 32px;
    width: 32px;
    background: url(inventory/osada.png) no-repeat;
    position: absolute;
    margin-top: 421px;
    margin-left: 135px;
}

#keyd {
    height: 32px;
    width: 32px;
    background: url(inventory/cita_key.png) no-repeat;
    position: absolute;
    margin-top: 457px;
    margin-left: 173px;
}

#noimage {
    height: 32px;
    width: 32px;
    background: url(inventory/no_image.png) no-repeat;
    position: absolute;
    margin-top: 421px;
    margin-left: 173px;
}

.fitting_content {
    background-color: #0d151e;
    clear: left;
    margin: 5px 0;
    padding: 5px;
    position: relative;
    width: 160px;
}

.fitting_slot_select {
    width: 80px;
}

.fitting_slot_border {
    position: relative;
    background: url(fitting/item_border.png) no-repeat;
    height: 34px;
    width: 34px;
    padding: 5px;
    float: left;
}

.fitting_slot_border_hover {
    background: url(fitting/item_border_hover.png) no-repeat center center;
}

.fitting_slot_img {
    cursor: url(pointer.cur), pointer;
    height: 34px;
    width: 34px;
}

.fitting_slot_xeons {
    padding-top: 2px;
}

.fitting_slot_xeon {
    position: relative;
    background-color: #484444;
    border: 1px solid #333333;
    height: 6px;
    width: 6px;
    float: left;
}

.fitting_slot_xeon_select_enchant {
    position: absolute;
    height: 6px;
    width: 6px;
}

.fitting_sheet {
    margin: 0 auto;
}

.fitting_select_race, .fitting_select_level, .fitting_select_gender {
    height: 30px;
    color: #33B2E1;
}

#avatar_race {
    width: 160px;
}

#avatar_level {
    width: 40px;
}

#avatar_sex {
    width: 150px;
}

#r_s {
    background-color: #B8E4F4;
}

#r_2, #r_6, #r_12, #r_16, #r_22, #r_26, #r_32, #r_36 {
    background-color: #0F526B;
}

.fitting_content_sheet {
    width: 100%;
}

.fitting_content_menu_select {
    float: left;
}

.fitting_content_menu_link {
    float: left;
    cursor: url(main_temp/pointer.cur), pointer;
    font-family: Georgia;
    font-weight: bold;
    font-size: 8pt !important;
    line-height: 27px;
    color: #fff;
    padding: 0 7px;
}

.fitting_content_menu_link:hover {
    color: #e1c85d;
}

.fitting_content_menu_link_select {
    color: #e1c85d;
}

.fitting_content_menu_row {
    float: left;
    position: relative;
    background: url(fitting_menu_row.png) no-repeat;
    width: 2px;
    height: 13px;
    top: 6px;
}

.fitting_content_menu_line {
    clear: left;
}

.fitting_content_menu_body {
    clear: left;
}

.fitting_message {
    clear: left;
    text-align: left;
}

.fitting_item_icon {
    position: relative;
    float: left;

}

.fitting_item_name {
    position: relative;
    min-width: 370px;
    text-align: left;
}

.fitting_item_level {
    position: relative;
    float: right;
    min-width: 30px;
    text-align: left;

}

.fitting_item_level_li {
    position: relative;
    float: right;
    min-width: 30px;
    text-align: center;
    line-height: 30px;
}

.itemlist_header_left_ordered {
    color: #FFFFFF;
    cursor: url(main_temp/pointer.cur), pointer;
    padding: 0 25px;
    text-align: left;

    min-width: 30px;
}

.itemlist_header_left {
    cursor: url(main_temp/pointer.cur), pointer;
    text-align: left;

}

.itemlist_icon_image {
    border: 1px solid #000000;
    height: 24px;
    width: 24px;
    margin-top: -2px;
}

.itemlist_name_link {
    cursor: url(main_temp/pointer.cur), pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    color: inherit;
}

.itemlist_name_link_no_tooltip {
    cursor: url(main_temp/pointer.cur), pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    color: inherit;
}

.fitting_content_item_sheet {
    text-align: left;
}

.fitting_stats_content {
    clear: left;
    position: relative;
    background-color: #0d151e;
    padding: 5px;
    width: 669px;
    height: 310px;
    margin-top: 10px;
}

#content {
    min-width: 400px;

}

#loading {
    z-index: 1;
    margin-top: 50px;
    margin: 0 auto;
    position: absolute
}

#pagination {
    text-align: center;
    margin-left: 10px;

}

.li {
    list-style: none;
    float: left;
    padding: 5px;
    color: #b0d2fd;

}

.li:hover {
    color: #FF0084;
    cursor: url(main_temp/pointer.cur), pointer;
}

li.weapon,
li.dop,
li.amulet,
li.amulet2,
li.ring,
li.ring2,
li.helm,
li.upper,
li.lower,
li.cape,
li.shoe,
li.gaunglet,
li.shield,
li.box,
li.resource,
li.rash,
li.noimage {
    list-style: none;
    float: left;
    padding: 5px;
    color: #b0d2fd;

}

li.weapon:hover,
li.dop:hover,
li.amulet:hover,
li.amulet2:hover,
li.ring:hover,
li.ring2:hover,
li.helm:hover,
li.upper:hover,
li.lower:hover,
li.cape:hover,
li.shoe:hover,
li.gaunglet:hover,
li.shield:hover,
li.box:hover,
li.resource:hover,
li.rash:hover,
li.noimage:hover {
    color: #FF0084;
    cursor: url(main_temp/pointer.cur), pointer;
}

.wheresearch {
    color: #FF0084;
    cursor: url(main_temp/pointer.cur), pointer;
}

select, input {
    cursor: url(main_temp/pointer.cur), pointer;
}

.bonus_desc {

}

/* Тултип надетого предмета */
.slot-tooltip {
    color: #c1ccd1;
}
.slot-tooltip img {
    max-width: 64px;
    max-height: 64px;
}

.dmg_bonus,
.ms_bonus,
.block_bonus,
.regen_bonus,
.vamp_bonus,
.crit_bonus,
.antiblock_bonus,
.hp_bonus,
.dodge_bonus,
.hpfp_bonus,
.radius_bonus,
.acc_bonus,
.force_def_bonus,
.def_bonus,
.anticrit_bonus,
.sp_bonus,
.otkat_bonus,
.addfp_bonus {

}

.feedback_main {
    margin-left: 70px;

}

.feedback_text {

    width: 490px;
    height: 200px;

}

.feed_butt {
    position: absolute;
    margin-left: 350px;
    margin-bottom: 60px;
}

#cheklabel {
    width: 200px;
}

#feed_date {
    width: 180px;

}

.feed_date {
    text-align: left;
    float: left;
    width: 150px;
    margin-left: 150px;
}

.text_feed {
    width: 665px;
    word-wrap: break-word;
    font-size: 12px;
}

.monster_drop_reward {
    min-width: 150px;

}

.monster_content {
    position: relative;
    padding: 12px;
    text-align: left;
    min-width: 200px;

}

.monsters_screen {
    position: relative;
    background-repeat: no-repeat;
    min-width: 300px;
    min-height: 400px;
    margin: 2% 0 2% 40px;

}

.news_list_type {
    position: relative;
    background: url(main_temp/tab_bg.png) no-repeat;
    width: 42px;
    height: 15px;
    margin: 2px 5px 0;
    font-size: 7pt;
    line-height: 15px;
    padding-left: 1px;
    float: left;
}

.news_list_type_color_3 {
    color: #6f6ccf;
}

.news_list_header {
    position: relative;
    background: url(main_temp/news_top.png) no-repeat;
    min-width: 400px;
    height: 30px;
    text-align: left;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
}

.news_list_number {
    min-width: 50px;
    margin-right: 5px;
    float: left;
    line-height: 21px;
}

.news_list_date {
    margin-top: -4px;
    line-height: 14px;
    text-align: right;
    float: right;
    padding-right: 10px;
}

.news_list_title {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin-right: 5px;
    min-width: 350px;
    max-width: 590px;
    word-wrap: break-word;
}

.news_list_view {
    clear: right;
    text-align: right;
    padding-right: 10px;
}

.news_list_show {
    clear: left;
    text-align: left;
}

/* ������� */
.upgrade_mainbg_par {
    text-align: center;
    min-width: 400px;
}

.upgrade_mainbg {
    min-width: 226px;
    min-height: 396px;
    background: url(inventory/itemupgrade.png) no-repeat;
    display: inline-block;

}

.upgrade_button {

    width: 79px;
    height: 21px;
    background: url(inventory/but_standart.png) no-repeat;
    position: absolute;
    margin-top: 363px;
    margin-left: 75px;
    text-align: center;
    font-size: 11.5px;
    text-shadow: black 0 0 2px;
    text-indent: 2px;
    color: #c8d9ff;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: url(main_temp/attack.cur), pointer;
}

.upgrade_button:hover {
    background: url(inventory/but_hover.png) no-repeat;
    cursor: url(main_temp/attack.cur), pointer;

}

.upgrade_button:active {
    background: url(inventory/but_click.png) no-repeat;
    line-height: 23px;
    text-indent: 4px;
    cursor: url(main_temp/attack.cur), pointer;
}

.upgrade_button_disable {
    background: url(inventory/but_disable.png) no-repeat;
    width: 79px;
    height: 21px;
    position: absolute;
    margin-top: 363px;
    margin-left: 75px;
    text-align: center;
    font-size: 11.5px;
    text-shadow: black 0 0 2px;
    text-indent: 2px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;

}

.upgrade_item_name {
    width: 194px;
    position: absolute;
    margin-top: 313px;
    margin-left: 16px;
    text-align: center;
    font-size: 11.5px;
    color: #c8d9ff;

}

.upgrade_level {
    width: 194px;
    position: absolute;
    margin-top: 294px;
    margin-left: 16px;
    text-align: center;
    font-size: 11.5px;
    color: #c8d9ff;

}

.upgrade_rubin {
    background: url(inventory/t5_norubin.png) no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 12px;
    margin-top: 125px;
}

.upgrade_almaz {
    background: url(inventory/t5_noalmaz.png) no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 185px;
    margin-top: 125px;
}

.upgrade_topaz {
    background: url(inventory/t5_notopaz.png) no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 159px;
    margin-top: 222px;
}

.upgrade_obsid {
    background: url(inventory/t5_noobs.png) no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 37px;
    margin-top: 222px;
}

.upgrade_talik {
    background: url(inventory/no_talik.png) no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 98px;
    margin-top: 53px;
}

.upgrade_weapon {
    background: url(inventory/no_weapon.png) no-repeat;
    position: absolute;
    width: 64px;
    height: 64px;
    margin-left: 82px;
    margin-top: 134px;
}

.upgrade_rubin_act {
    background: url(inventory/t5_rubin.png) no-repeat;

    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 12px;
    margin-top: 125px;
}

.upgrade_almaz_act {
    background: url(inventory/t5_almaz.png) no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 185px;
    margin-top: 125px;
}

.upgrade_topaz_act {
    background: url(inventory/t5_topaz.png) no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 159px;
    margin-top: 222px;
}

.upgrade_obsid_act {
    background: url(inventory/t5_obs.png) no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 37px;
    margin-top: 222px;
}

.upgrade_talik_nev {
    background: url(inventory/talik_nev.png) no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 98px;
    margin-top: 53px;
}

.upgrade_talik_pok {
    background: url(inventory/talik_pok.png) no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 98px;
    margin-top: 53px;
}

.upgrade_weapon:hover .tooltip_div_items {
    display: block;
}

.upgrade_talik_add {
    background: url(items/taliks/talik_nev.png) no-repeat;

}

.green_text {

    color: #66ff66;
}

.upgrade_info {
    min-width: 400px;
    text-align: center;
    font-size: 15px;
    text-shadow: black 0 0 4px;
    margin-bottom: 10px;
    color: #cb1f00;
}

.hide_chances {
    display: none;
}

#enchant_max {
    display: none;
}

#up_items_list {
    min-width: 400px;
    min-height: 300px;
}

.god_hand {
    position: absolute;
    margin-left: 85px;
    margin-top: 260px;
}

/* ������� */

.absolute {
    position: absolute;

}

/* navbar edit */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }

    .tooltip_sheet {
        font-size: 7pt;
    }

    .tooltip_div_items {
        font-size: 7pt;
    }

    .quest_list_name {
        float: right;
    }

}

/* navbar edit */

@media (max-width: 479px) {
    .main_body_modules_content {
        padding: 0 0 0 0;

    }

}

@media (max-width: 766px) {
    .main_body_modules_content {
        padding: 0 0 0 0;

    }

    #lvl {
        min-width: 30px;
        max-width: 30px;

    }

    #lvl2 {
        min-width: 30px;
        max-width: 30px;

    }

}

@media (max-width: 550px) {

    .news_list_date, .news_list_number, .news_list_title {
        font-size: 9pt;
    }

    .backward {

        max-width: 370px;
    }

}

@media (min-height: 766px) {

    .main_bg {
        background: url(main_temp/main_bg.png) repeat-x 50% 0;
        height: 100%;
        background-color: #18212B;
        min-width: 420px;
        min-height: 1100px;
    }

}

@media (min-width: 991px) {
    .navbar-nav {
        float: none;
        text-align: center;
    }

    .navbar-nav li {
        float: none;
        display: inline-block;
    }

    .dropdown-menu {
        float: none;
        text-align: left;
    }

}

.modal-content {
    background-color: #213042;
    color: #aec0ca;
    text-align: center;
}

.close {
    color: lightgray;
}

.close:hover {
    color: #acbb85;
}

/*combine */

.combine_mainbg {
    min-width: 228px;
    min-height: 307px;
    background: url(combine/combine_main.png) no-repeat;
    display: inline-block;

}

.combine_button {
    min-width: 51px;
    min-height: 51px;
    background: url(combine/combine_button.png) no-repeat;
    margin-left: 89px;
    margin-top: 139px;
    cursor: url(main_temp/attack.cur), pointer;
    position: absolute;
}

.combine_button:hover {
    background: url(combine/combine_button_hover.png) no-repeat;
    cursor: url(main_temp/attack.cur), pointer;
}

.combine_button:active {
    background: url(combine/combine_button_click.png) no-repeat;
    cursor: url(main_temp/attack.cur), pointer;
}

.combine_tentacle {
    min-width: 136px;
    min-height: 132px;
    background: url(combine/itemcombine1.png) no-repeat;
    position: absolute;
    margin-left: 46px;
    margin-top: 87px;
}

.combine_item1 {
    position: absolute;
    min-width: 34px;
    min-height: 34px;

    margin-left: 93px;
    margin-top: 42px;
}

.combine_item2 {
    position: absolute;
    min-width: 34px;
    min-height: 34px;

    margin-left: 7px;
    margin-top: 114px;
}

.combine_item3 {
    position: absolute;
    min-width: 34px;
    min-height: 34px;

    margin-left: 180px;
    margin-top: 114px;
}

.combine_item4 {
    position: absolute;
    min-width: 34px;
    min-height: 34px;

    margin-left: 32px;
    margin-top: 211px;
}

.combine_item5 {
    position: absolute;
    min-width: 34px;
    min-height: 34px;
    margin-left: 154px;
    margin-top: 211px;
}

.combine_tentacle_2 {
    min-width: 136px;
    min-height: 132px;
    background: url(combine/itemcombine2.png) no-repeat;
    position: absolute;
    margin-left: 46px;
    margin-top: 87px;
}

.combine_tentacle_3 {
    min-width: 136px;
    min-height: 132px;
    background: url(combine/itemcombine3.png) no-repeat;
    position: absolute;
    margin-left: 46px;
    margin-top: 87px;
}

.combine_tentacle_4 {
    min-width: 136px;
    min-height: 132px;
    background: url(combine/itemcombine4.png) no-repeat;
    position: absolute;
    margin-left: 46px;
    margin-top: 87px;
}

.combine_tentacle_5 {
    min-width: 136px;
    min-height: 132px;
    background: url(combine/itemcombine5.png) no-repeat;
    position: absolute;
    margin-left: 46px;
    margin-top: 87px;
}

.combine_tentacle_6 {
    min-width: 136px;
    min-height: 132px;
    background: url(combine/itemcombine6.png) no-repeat;
    position: absolute;
    margin-left: 46px;
    margin-top: 87px;
}

.combine_tentacle_7 {
    min-width: 136px;
    min-height: 132px;
    background: url(combine/itemcombine7.png) no-repeat;
    position: absolute;
    margin-left: 46px;
    margin-top: 87px;
}

.combine_button1 {
    min-width: 51px;
    min-height: 51px;
    background: url(combine/combine1.png) no-repeat;
    margin-left: 89px;
    margin-top: 139px;
    position: absolute;
}

.combine_button2 {
    min-width: 51px;
    min-height: 51px;
    background: url(combine/combine2.png) no-repeat;
    margin-left: 89px;
    margin-top: 139px;
    position: absolute;
}

.combine_button3 {
    min-width: 51px;
    min-height: 51px;
    background: url(combine/combine3.png) no-repeat;
    margin-left: 89px;
    margin-top: 139px;
    position: absolute;
}

.combine_button4 {
    min-width: 51px;
    min-height: 51px;
    background: url(combine/combine4.png) no-repeat;
    margin-left: 89px;
    margin-top: 139px;
    position: absolute;
}

.combine_button5 {
    min-width: 51px;
    min-height: 51px;
    background: url(combine/combine5.png) no-repeat;
    margin-left: 89px;
    margin-top: 139px;
    position: absolute;
}

.combine_button6 {
    min-width: 51px;
    min-height: 51px;
    background: url(combine/combine6.png) no-repeat;
    margin-left: 89px;
    margin-top: 139px;
    position: absolute;
}

.combine_button7 {
    min-width: 51px;
    min-height: 51px;
    background: url(combine/combine7.png) no-repeat;
    margin-left: 89px;
    margin-top: 139px;
    position: absolute;
}

.modal-content {
    min-height: 150px;
}

.articles_art {

    padding-left: 50px;
    padding-top: 20px;
    background-repeat: no-repeat;
    margin-bottom: 4px;
    border-radius: 3px;
    margin-left: 0px;

}

.articles_name {
    z-index: 2;
    font-weight: bold;
    color: #f4fbe2;
    text-shadow: #110000 1px 1px 0, #110000 -1px -1px 0,
    #110000 -1px 1px 0, #110000 1px -1px 0; /* ��������� ���� */
    font-size: 18pt;

}

.hover14 st .articles_art {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

}

.hover14 st:hover .articles_art {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.article_name:hover .articles_art {
    opacity: 0.7;
}

.articles_cont {

    margin: 0 auto;
}

.articles_subcat {

    padding-left: 70px;
    text-align: left;
    font-weight: bold;
    height: 54px;
    color: #f4fbe2;
    text-shadow: #110000 1px 1px 0, #110000 -1px -1px 0,
    #110000 -1px 1px 0, #110000 1px -1px 0; /* ��������� ���� */
    font-size: 14pt;
}

#exp_lvl {
    margin: 3px 10px 3px 10px;
    min-width: 36px;
    font-size: 12pt;

}

#exp_lvl::-webkit-inner-spin-button {
    opacity: 1;
}

.exp_lvl {

    min-width: 70px;
    font-size: 12pt;
}

.add_form_inputs {

    min-width: 70px;
    font-size: 12pt;
}

#add_form_inputs, #add_cat, #add_subc {
    margin: 3px 10px 3px 10px;
    min-width: 36px;
    font-size: 12pt;
}

#exp_race {
    margin: 3px 15px 3px 15px;
    min-width: 36px;
    font-size: 12pt;
}

.exp_race {

    min-width: 70px;
    font-size: 12pt;
}

#exp_name {
    margin: 3px 60px;
    min-width: 36px;
    font-size: 12pt;
}

.exp_name {

    min-width: 70px;
    font-size: 12pt;
}

#exp_premium {
    margin: 3px 20px;
    min-width: 36px;
    font-size: 12pt;
}

.exp_premium {

    min-width: 36px;
    font-size: 12pt;
}

.input_button_exp {
    font-size: 12pt;
    font-weight: bold;
    border: 0;
    margin: 0px 15px 3px 15px;

}

.exp_list_lvles {
    text-align: center;
    min-width: 60px;

}

.exp_list_name {
    text-align: center;
    min-width: 230px;
}

.exp_list_loc {
    text-align: center;
    min-width: 62px;
}

.exp_header {
    text-align: center;
    min-width: 400px;
}

.exp_dropdown {
    font-size: 10pt;
    line-height: 1;
}

#myModal_items {
    z-index: 200;
}

#race_item, #combine_class {
    font-size: 12pt;
}



.accordion {

    margin:0 auto;
    font-size:14px;
    border-radius:1px;
    padding:10px;

}
.accordion ul {
    list-style:none;
    margin:0;
    padding:0;
    background:#0d151e;
}
.accordion li {
    margin:0;
    padding:0;
}
.accordion [type=radio], .accordion [type=checkbox] {
    display:none;
}
.accordion label {
    display:block;
    font-size:16px;
    line-height:16px;
    background: #242d38;
    color: #cbcbcb;
    cursor:pointer;
    text-transform:uppercase;
}
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {

    color:#cbcbcb;
    text-shadow:1px 1px 1px rgba(0,0,0,0.0);
    background: #242d38;
}
.accordion .content {
    padding:0 10px;
    overflow:hidden;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
}
.accordion p {
    color: #6d6d6d;
    margin:0 0 10px;
}
.accordion h4 {
    color:#542437;
    padding:0;
    margin:10px 0;
}



.vertical ul li {
    overflow:hidden;
    margin:0 0 1px;
}
.vertical ul li label {
    padding:10px;
}
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label {
    border-bottom:0;
}
.vertical ul li label:hover {
    color: #d6d3b2;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.vertical ul li .content {
    height:0px;
    border-top:0;
    transition: all .5s ease-out;
}
.vertical [type=checkbox]:checked ~ label ~ .content {
    min-height: 100px;
    height: auto;

}



.dmg_list_title {
    position: relative;
    min-height: 50px;
    text-align: left;
}

.dmg_list_title legend {
    color:#d6d3b2;
    text-align:center;
}

.tocenter {
    margin:0 auto;
    display: inline;
}

.time_title {
    color: #a7c3a0;
}