/****************************************************
Система стиля максимально сближена к оригиналу игры.
Оформление делал BlesseNtumble с сайта l2ua.ru

Всё настроено - не плохо, лучьше не трогать.
Критиковать нельзя, сделать лучьше можно :)
****************************************************/

body {background-repeat: no-repeat;background-color: #000000;background-image: url(img/textures/gameplay/3.jpg);}

/* Расположение окна вывода ошибок */
#error {position: absolute; left: 100px; top: 150px;}

/* Расположение панели кнопок */
.panel {left: 868px; top: 710px; position: absolute;}

/* Расположение панели скилов */
.panel_skills {position: absolute; left: 415px; top: 720px;width: 430px;height: 45px;background-image: url(img/textures/panel_skills.png);}

/* Расположение скилов (по стандарту на поверхности .panel_skills) */
.skills {position: absolute; left: 440px; top: 722px;width: 32px;height: 32px;}

/* Расположение окна HP, EXP */
.status_HP_EXP{left: 0px; top: -16px; position: absolute;width: 100px;height: 10px;}

/* Расположение окна количество зарегистрированых и отсчета до обновления страници */
.status_UpDate{left: 775px; top: 0px; position: absolute;width: 100px;height: 10px;}

/* Окно статуса игрока */
#button_char {position: absolute; left: 5px; top: 130px;width: 250px;height: 300px;background-image: url(img/textures/char_stats.png);}

/* Окно инвентаря */
#button_inventory {position: absolute; left: 780px; top: 370px;width: 240px;height: 340px;background-image: url(img/textures/Inventory.png);}

/* Расположение окна чата в игре */
#Chat_echo {left: 0px; top: 435px; position: absolute; width: 350px;	height: 300px;	background-image: url(img/textures/chat.png); overflow-y: scroll; }

/* Расположение кнопки и ввода текста в чате */
#Chat_cend {left: 0px; top: 740px; position: absolute;}

/* Расположение окна карты в игре */
#button_maps {position: absolute;left: 365px;top: 200px;width: 640px;height: 480px;background-image: url(img/tpl.png);overflow-y: scroll; }

/* Расположение окна пользователей и монстров */
#List_Users{left: 200px; top: 0px; position: absolute; width: 550px; height: 160px;	background-image: url(img/textures/users.png);position: absolute; 	overflow-y: scroll; }

/* Расположение окна процесса атаки */
#attack_Users{left: 360px; top: 200px; position: absolute; width: 640px; height: 480px;	background-image: url(img/textures/attack.jpg);position: absolute;}

/* Один против другово */
#Users_vs_Users{position: absolute; left: 0px; top: 400px;}

/* кнопка "настройки", при наведении курсора и нажатии (анимировано) */
.button_settings{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_settings_1.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:16px;text-decoration: none;background-repeat: no-repeat }
.button_settings:hover{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_settings_2.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:18px;text-decoration: none;background-repeat: no-repeat }
.button_settings:active{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_settings_3.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:20px;text-decoration: none;background-repeat: no-repeat }

/* кнопка "инвентарь", при наведении курсора и нажатии (анимировано) */
.button_inventory{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_inventory_1.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:16px;text-decoration: none;background-repeat: no-repeat }
.button_inventory:hover{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_inventory_2.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:18px;text-decoration: none;background-repeat: no-repeat }
.button_inventory:active{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_inventory_3.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:20px;text-decoration: none;background-repeat: no-repeat }

/* кнопка "карта", при наведении курсора и нажатии (анимировано) */
.button_maps{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_maps_1.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:16px;text-decoration: none;background-repeat: no-repeat }
.button_maps:hover{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_maps_2.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:18px;text-decoration: none;background-repeat: no-repeat }
.button_maps:active{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_maps_3.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:20px;text-decoration: none;background-repeat: no-repeat }

/* кнопка "статистики персонажа", при наведении курсора и нажатии (анимировано) */
.button_char{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_stat_char_1.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:16px;text-decoration: none;background-repeat: no-repeat }
.button_char:hover{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_stat_char_2.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:18px;text-decoration: none;background-repeat: no-repeat }
.button_char:active{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_stat_char_3.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:20px;text-decoration: none;background-repeat: no-repeat }

/* кнопка "выход", при наведении курсора и нажатии (анимировано) */
.button_exit{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_exit_1.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:16px;text-decoration: none;background-repeat: no-repeat }
.button_exit:hover{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_exit_2.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:18px;text-decoration: none;background-repeat: no-repeat }
.button_exit:active{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_exit_3.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:20px;text-decoration: none;background-repeat: no-repeat }

/* кнопка "вызов меню", при наведении курсора и нажатии (анимировано) */
.button_menu{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_settings_menu_1.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:16px;text-decoration: none;background-repeat: no-repeat }
.button_menu:hover{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_settings_menu_2.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:18px;text-decoration: none;background-repeat: no-repeat }
.button_menu:active{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_settings_menu_3.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:20px;text-decoration: none;background-repeat: no-repeat }

/* кнопка "обновить страницу", при наведении курсора и нажатии (анимировано) */
.button_refrash{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/skills/button_refrash_1.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:16px;text-decoration: none;background-repeat: no-repeat }
.button_refrash:hover{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/skills/button_refrash_2.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:18px;text-decoration: none;background-repeat: no-repeat }
.button_refrash:active{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/skills/button_refrash_3.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:20px;text-decoration: none;background-repeat: no-repeat }

/* кнопка "обновить страницу", при наведении курсора и нажатии (анимировано) */
.button_stat{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_statistic_1.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:16px;text-decoration: none;background-repeat: no-repeat }
.button_stat:hover{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_statistic_2.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:18px;text-decoration: none;background-repeat: no-repeat }
.button_stat:active{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/button/button_statistic_3.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:20px;text-decoration: none;background-repeat: no-repeat }

/* скил атаки, при наведении курсора и нажатии (анимировано) ... 
над этой кнопкой я долго корячился и из меня вылитело очень много мата. */
#skill_attack{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/skills/attak_1.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:16px;text-decoration: none;background-repeat: no-repeat }
#skill_attack:hover{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/skills/attak_2.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:18px;text-decoration: none;background-repeat: no-repeat }
#skill_attack:active{-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;  display: block;background-image: url(img/textures/skills/attak_3.png);width:32px;  height:32px;text-align: center;font-weight: bold;font-size:20px;text-decoration: none;background-repeat: no-repeat }

/* Окно меню (картинка молоток) */
#button_menu {position: absolute; left: 870px; top: 420px;width: 150px;height: 300px;background-image: url(img/textures/option_settings.png);}

/* расположение оружия в инвентаре (по стандарту в руке) */
#weapon{position: absolute; left: 15px; top: 40px;}

/* Расположение окна настроек в игре */
#config {position: absolute;left: 365px;top: 200px;width: 400px;height: 300px;background-image: url(img/cfg.png);}

/* Расположение окна статистики в игре */
#button_stat {position: absolute;left: 350px;top: 200px;width: 640px;height: 480px;background-image: url(img/tpl.png);overflow-y: scroll; }
