/* Переопределение окна контента */
div.page table tbody tr.window td.left div.content {padding: 0px 15px 75px 40px; color: #ffffff;}

/* Отступ, если билд после быстрого просмотра */
div.page table tbody tr.window td.left div.content table.preview {margin-top: 35px;}


/* Таблица отображения билда */
.build {padding: 0; border: none; margin: 0; width: 670px;}
.build tbody tr td {color: #ffffff; font-size: 8pt; padding: 0;}


/* Иконка профессии */
.build tbody tr td.profimage {width: 53px !important; width: 55px; height: 121px; background: #636053; font-weight: bold; font-size: 9pt; padding-left: 5px; padding-top: 3px;}
.build tbody tr td.unknown		{background: #636053 url(/img/build/unknown.gif) no-repeat left bottom;}
.build tbody tr td.assassin		{background: #636053 url(/img/build/assassin.gif) no-repeat left bottom;}
.build tbody tr td.dervish		{background: #636053 url(/img/build/dervish.gif) no-repeat left bottom;}
.build tbody tr td.elementalist	{background: #636053 url(/img/build/elementalist.gif) no-repeat left bottom;}
.build tbody tr td.mesmer		{background: #636053 url(/img/build/mesmer.gif) no-repeat left bottom;}
.build tbody tr td.monk			{background: #636053 url(/img/build/monk.gif) no-repeat left bottom;}
.build tbody tr td.necromancer	{background: #636053 url(/img/build/necromancer.gif) no-repeat left bottom;}
.build tbody tr td.paragon		{background: #636053 url(/img/build/paragon.gif) no-repeat left bottom;}
.build tbody tr td.ranger		{background: #636053 url(/img/build/ranger.gif) no-repeat left bottom;}
.build tbody tr td.ritualist	{background: #636053 url(/img/build/ritualist.gif) no-repeat left bottom;}
.build tbody tr td.warrior		{background: #636053 url(/img/build/warrior.gif) no-repeat left bottom;}


/* Название профессии */ 
.build tbody tr td.prof {width: 69px !important; width: 72px; height: 47px; background-color: #636053; font-weight: bold; font-family: Arial, Tahoma; font-size: 18px; padding-top: 3px;}

/* Кнопки */
.build tbody tr td.button {width: 69px !important; width: 72px; height: 74px; background-color: #636053; padding: 0; padding-top: 10px;}
.build tbody tr td.button a img.checkbox {border: 0; width: 69px; height: 20px;}



/* Аттрибуты */ 
.build tbody tr td.attribute {width: 543px !important; width: 550px; height: 47px; background-color: none; font-size: 9pt; color: #f7ff2a; text-align: center;}
.build tbody tr td.attribute div {text-align: left; width: 263px; padding: 0; margin-left: 3px; margin-bottom: 2px; float: left; color: #ffefbd;}
.build tbody tr td.attribute div div.name {text-align: left; width: 255px; font-size: 11px; float: none; color: #ffefbd;}
.build tbody tr td.attribute div div.name div.level {text-align: left; width: 120px; font-size: 11px; float: right; color: #ffefbd;}


/* Скилбар */
.build tbody tr td.skillbar {width: 543px !important; width: 550px; height: 74px; background-color: #636053; padding: 5px; padding-right: 3px; padding-left: 0; margin: 0;}
.build tbody tr td.skillbar div {width: 64px; height: 64px; background: #3b3a32; padding: 0; margin-left: 3px !important; margin-left: 2px; float: left; cursor: pointer;}
.build tbody tr td.skillbar div div.ico {position: absolute; margin: 0 !important; margin: 0; float: none; background: none; z-index: 0;}
.build tbody tr td.skillbar div div.ico img {width: 64px; height: 64px; border: 0;}


.build tbody tr td.skillbar div div.border {width: 64px; height: 64px; position: absolute; margin: 0 !important; margin: 0; float: none; background: url(/img/build/border_normal.gif) no-repeat; z-index: 10; text-align: right; padding-top: 0 !important; padding-top: 48px;}
.build tbody tr td.skillbar div div.elite {background: url(/img/build/border_elite.gif) no-repeat;}
.build tbody tr td.skillbar div div.border img {width: 16px; height: 16px; border: 0; padding-top: 48px;}


.build tbody tr td.skillbar div div.normal1 {background: url(/img/build/border_normal_1.gif) no-repeat;}
.build tbody tr td.skillbar div div.normal2 {background: url(/img/build/border_normal_2.gif) no-repeat;}
.build tbody tr td.skillbar div div.normal3 {background: url(/img/build/border_normal_3.gif) no-repeat;}
.build tbody tr td.skillbar div div.normal4 {background: url(/img/build/border_normal_4.gif) no-repeat;}
.build tbody tr td.skillbar div div.normal5 {background: url(/img/build/border_normal_5.gif) no-repeat;}
.build tbody tr td.skillbar div div.normal6 {background: url(/img/build/border_normal_6.gif) no-repeat;}
.build tbody tr td.skillbar div div.normal7 {background: url(/img/build/border_normal_7.gif) no-repeat;}
.build tbody tr td.skillbar div div.normal8 {background: url(/img/build/border_normal_8.gif) no-repeat;}

.build tbody tr td.skillbar div div.elite1 {background: url(/img/build/border_elite_1.gif) no-repeat;}
.build tbody tr td.skillbar div div.elite2 {background: url(/img/build/border_elite_2.gif) no-repeat;}
.build tbody tr td.skillbar div div.elite3 {background: url(/img/build/border_elite_3.gif) no-repeat;}
.build tbody tr td.skillbar div div.elite4 {background: url(/img/build/border_elite_4.gif) no-repeat;}
.build tbody tr td.skillbar div div.elite5 {background: url(/img/build/border_elite_5.gif) no-repeat;}
.build tbody tr td.skillbar div div.elite6 {background: url(/img/build/border_elite_6.gif) no-repeat;}
.build tbody tr td.skillbar div div.elite7 {background: url(/img/build/border_elite_7.gif) no-repeat;}
.build tbody tr td.skillbar div div.elite8 {background: url(/img/build/border_elite_8.gif) no-repeat;}

.build tbody tr td.skillbar div div.fullinfo {z-index: 0; position: absolute; display: none; width: 0; height: 0;}

/* Тип скила */
.build tbody tr td.skillbar div div.type {position: absolute; margin: 0; padding: 0; margin-left: 0px !important; float: none; background: none; z-index: 5;}
.build tbody tr td.skillbar div div.enchantment {background: url(/img/build/type/enchantment.gif) no-repeat 42px 4px;}
.build tbody tr td.skillbar div div.hex 		{background: url(/img/build/type/hex.gif) no-repeat 42px 4px;}
.build tbody tr td.skillbar div div.weapon 		{background: url(/img/build/type/weapon.gif) no-repeat 42px 4px;}
.build tbody tr td.skillbar div div.lead 		{background: url(/img/build/type/lead.gif) no-repeat 42px 4px;}
.build tbody tr td.skillbar div div.offhand 	{background: url(/img/build/type/offhand.gif) no-repeat 42px 4px;}
.build tbody tr td.skillbar div div.dual 		{background: url(/img/build/type/dual.gif) no-repeat 42px 4px;}

/* Требование */
.build tbody tr td.skillbar div div.must {position: absolute; margin: 0; padding: 0; margin-left: 0px !important; float: none; background: none; z-index: 5;}
.build tbody tr td.skillbar div div.musthex 		{background: url(/img/build/must/hex.gif) no-repeat 4px 4px;}
.build tbody tr td.skillbar div div.mustlead 		{background: url(/img/build/must/lead.gif) no-repeat 4px 4px;}
.build tbody tr td.skillbar div div.mustoffhand 	{background: url(/img/build/must/offhand.gif) no-repeat 4px 4px;}
.build tbody tr td.skillbar div div.mustdual 		{background: url(/img/build/must/dual.gif) no-repeat 4px 4px;}


/* Названия скилов */
.build tbody tr td.skillname {width: 543px; background-color: #636053; padding: 0px; padding-bottom: 5px;}
.build tbody tr td.skillname div {width: 64px; padding: 0; margin-left: 3px; float: left; text-align: center; font-size: 9px;}

/* Заглушка */
.build tbody tr td.spacer {width: 122px !important; width: 127px; background-color: #636053;}

/* Отчеркивание */
.build tbody tr td.line {border-top: solid 1px #3b3a32;}

/* Template-code */
.build tbody tr td.tcodetitle {width: 122px !important; width: 127px; background-color: #636053; vertical-align: middle; text-align: right; padding: 5px 0px 5px 5px;}
.build tbody tr td.tcodetitle img {width: 89px; height: 16px; border: 0;}
.build tbody tr td.tcode {width: 543px; background-color: #636053; padding: 8px; padding-left: 3px; vertical-align: top;}
.build tbody tr td.tcode input {border: solid 1px #212931; color: #000000; padding: 1px 2px 1px 2px; font-size: 9pt; width: 260px !important; width: 265px;}
.build tbody tr td.tcode input.preview {margin: 0px; margin-left: 5px; width: 89px !important; width: 89px; height: 16px; background: url(/img/build/buttons/preview.gif) top left no-repeat; border: none; cursor: pointer; font-size: 0px;}
.build tbody tr td.tcode img {border: none; width: 69px; height: 16px;}
.build tbody tr td.tcode input.imgbutton {width: 69px !important; width: 69px; height: 16px; border: none; vertical-align: bottom;}
.build tbody tr td.tcode input.imgbutton_long {width: 112px !important; width: 112px; height: 16px; border: none; vertical-align: bottom;}

/* Полное описание скила */
div.fullinfo {position: absolute; border: 1px solid #b8b9b7; background: #121312 url(/img/skills/ascalon_fon.gif) top left no-repeat; color: #b8b9b7; padding: 10px; padding-left: 25px; width: 335px !important; width: 370px; line-height: 12pt; z-index: 1000;}

div.fullinfo p.title {padding: 0; margin: 0; color: #ffefbd; font-size: 10pt; font-weight: bold;}
div.fullinfo p.elite {color: #f7ff2a;}
div.fullinfo p.title span.translate {font-size: 8pt; font-weight: normal; font-style: italic; font-family: Arial, Tahoma;}

div.fullinfo p.desc {padding-top: 10px; margin: 0; line-height: 11pt; font-size: 8pt; color: #ffffff;}
div.fullinfo p.desc * {font-size: 8pt;}
div.fullinfo p.desc span.sd {color: #a0a19f;}

div.fullinfo p.desc a.term {color: #ffefbd; text-decoration: underline;}
div.fullinfo p.desc a.term:hover {color: #f7ff2a;}
div.fullinfo p.desc span.sd a.term {color: #c8c9c7; text-decoration: underline;}
div.fullinfo p.desc span.sd a.term:hover {color: #f7ff2a;}

div.fullinfo p.company {padding: 0px; padding-left: 10px; margin: 10px; margin-left: 0px; font-size: 8pt; color: #60bbee; text-align: left; border-left: solid 2px #60bbee;}
div.fullinfo p.company a {font-weight: normal; text-decoration: none; color: #60bbee; font-size: 8pt;}
div.fullinfo p.company a:hover {color: #f7ff2a;}
div.fullinfo p.company span {color: #ffc968; font-size: 8pt;}

/* Редактор */
.editor {padding: 0; border: none; margin: 20px 15px 50px 0px; width: 320px; float: left; text-align: left; vertical-align: top;}
.editor h2 {margin: 0; margin-top: 15px; margin-bottom: 5px; padding: 0; font-weight: bold; font-size: 8pt; color: #ffffff;}

/* Меню выбора профессии */
.editor div.prof {border: solid 1px #ada58c; margin: 0; padding: 5px 6px 5px 10px;}
.editor div.prof table tbody tr td.type   {font-size: 8pt; color: #ffefbd; width: 75px; vertical-align: middle; text-align: left; padding: 7px 0px 7px 0px;}
.editor div.prof table tbody tr td.select {vertical-align: middle; text-align: left; padding: 7px 0px 7px 0px;}
.editor div.prof table tbody tr td.select select {font-size: 8pt; color: #000000; width: 225px; border: solid 1px #545c59;}
.editor div.prof table tbody tr td.select select option {font-size: 8pt;}


/* Меню настройки аттрибутов */
.td1 {width: 120px !important; width: 123px;}
.td2 {width: 50px;}
.td3 {width: 65px;}
.td4 {width: 65px;}

.editor div.attr_title {border: solid 1px #ada58c; margin: 0; padding: 5px 6px 5px 10px;}
.editor div.attr_title table tbody tr td {padding: 0; font-size: 8pt; color: #ffffff; text-align: center; vertical-align: top;}
.editor div.attr_title table tbody tr td.td1 { width: 120px !important;}

.editor div.attr_summ  {border: solid 1px #ada58c; margin: 0; padding: 5px 6px 5px 10px;}
.editor div.attr_summ table tbody tr td {padding: 0; font-size: 8pt; color: #ffffff; text-align: left; vertical-align: middle;}

.editor div.attr_list  {border: solid 1px #ada58c; border-top: none; border-bottom: none; margin: 0; padding: 4px 6px 4px 10px; height: 250px;}
.editor div.attr_list div table tbody tr td {padding: 4px 0px 4px 0px; font-size: 8pt; color: #ffffff; text-align: left; vertical-align: middle; height: 27px;}
.editor div.attr_list div table tbody tr td.td1 {color: #ffefbd;}
.editor div.attr_list div table tbody tr td input, .editor div.attr_list div table tbody tr td select {border: solid 1px #545c59; font-size: 8pt; padding-left: 5px;}
.editor div.attr_list div table tbody tr td select option {font-size: 8pt;}
.editor div.attr_list div table tbody tr td.td21 {width: 33px;}
.editor div.attr_list div table tbody tr td.td21 input {width: 33px; readonly: true;}
.editor div.attr_list div table tbody tr td.td22 {width: 19px; text-align: right; line-height: 0px;}
.editor div.attr_list div table tbody tr td.td22 input {width: 15px; height: 8px; border: none;}
.editor div.attr_list div table tbody tr td.td22 input.plus {padding-bottom: 1px;}
.editor div.attr_list div table tbody tr td.td31 {width: 30px; text-align: left;}
.editor div.attr_list div table tbody tr td.td31 input {width: 25px;}
.editor div.attr_list div table tbody tr td.td32 {width: 25px; text-align: right; padding-right: 5px;}
.editor div.attr_list div table tbody tr td.td32 input {width: 12px; height: 12px; border: none;}
.editor div.attr_list div table tbody tr td.td4 {width: 55px; text-align: right;}
.editor div.attr_list div table tbody tr td.td4 select {width: 45px;}

/* Фильтр скилов */
.skillfilter {padding: 0; border: none; margin: 20px 1px 50px 0px; width: 320px; float: right; text-align: left; vertical-align: top;}
.skillfilter h2 {margin: 0; margin-top: 15px; margin-bottom: 5px; padding: 0; font-weight: bold; font-size: 8pt; color: #ffffff;}
.skillfilter div {border: solid 1px #ada58c; margin: 0; padding: 5px 6px 5px 10px; vertical-align: top;}
.skillfilter div div {padding: 0; margin: 0; border: none;}

.skillfilter div table.filtermenu tbody tr td {padding: 0; margin: 0;}
.skillfilter div table.filtermenu tbody tr td.sel1   {width: 130px; vertical-align: middle; text-align: left; padding: 7px 0px 0px 0px; margin: 0;}
.skillfilter div table.filtermenu tbody tr td.sel2   {width: 170px; vertical-align: middle; text-align: right; padding: 7px 0px 0px 0px; margin: 0;}
.skillfilter div table.filtermenu tbody tr td select {font-size: 8pt; color: #000000; border: solid 1px #545c59;}
.skillfilter div table.filtermenu tbody tr td.sel1 select {width: 120px;}
.skillfilter div table.filtermenu tbody tr td.sel2 select {width: 160px;}
.skillfilter div table.filtermenu tbody tr td select option {font-size: 8pt;}
.skillfilter div table.filtermenu tbody tr td.button {text-align: center; padding: 7px 0px 0px 0px; margin: 0;}
.skillfilter div table.filtermenu tbody tr td.button input {width: 112px; height: 16px; border: 0px;}

.skillfilter div div.skills {overflow: auto; height: 325px !important; height: 323px; padding-right: 5px; margin-top: 15px;}
.skillfilter div div.skills div.short_skill {margin-left: 5px; margin-bottom: 15px; width: 270px;}
.skillfilter div div.skills div.short_skill p.title {font-weight: bold; color: #ffefbd;}
.skillfilter div div.skills div.short_skill p.elite {color: #f7ff2a;}
.skillfilter div div.skills h1 {color: #ffffff; font-size: 10pt; font-weight: bold; margin-top: 25px; margin-bottom: 15px; padding-left: 25px; background: url(/img/skills/groupheader.gif) no-repeat top left;}
.skillfilter div div.skills h1.first {margin-top: 0px;}
.skillfilter div div.skills h1.adrenaline {background: url(/img/skills/adrenaline.gif) no-repeat top left;}
.skillfilter div div.skills h1.energy {background: url(/img/skills/energy.gif) no-repeat top left;}
.skillfilter div div.skills h1.recharge {background: url(/img/skills/recharge.gif) no-repeat top left;}
.skillfilter div div.skills h1.casttime {background: url(/img/skills/casttime.gif) no-repeat top left;}
.skillfilter div div.skills h1.sacrifice {background: url(/img/skills/sacrifice.gif) no-repeat top left;}
.skillfilter div div.skills h1.exhaustion {background: url(/img/skills/exhaustion.gif) no-repeat top left;}


/* Нижняя заглушка */
.endline {float: none; margin: 0; border: none; width: 670px;}


/* Драг-див для конструктора */
div.dragdiv {display: none; z-index: 1000; position: absolute; width: 64px; height: 64px; background: #3b3a32;}
div.dragdiv div {margin: 0 !important; margin: 0; float: none; z-index: 1100; width: 64px; height: 64px; position: absolute;}
div.dragdiv div.border {background: url(/img/build/border_normal.gif) no-repeat;}
div.dragdiv div.elite  {background: url(/img/build/border_elite.gif) no-repeat;}

div.dragdiv div.ico {position: absolute; margin: 0 !important; margin: 0; float: none; background: none; z-index: 1000;}
div.dragdiv div.ico img {width: 64px; height: 64px; border: 0;}

div.dragdiv div.type {position: absolute; margin: 0; padding: 0; margin-left: 0px !important; float: none; background: none; z-index: 1005;}
div.dragdiv div.enchantment {background: url(/img/build/type/enchantment.gif) no-repeat 42px 4px;}
div.dragdiv div.hex 		{background: url(/img/build/type/hex.gif) no-repeat 42px 4px;}
div.dragdiv div.weapon 		{background: url(/img/build/type/weapon.gif) no-repeat 42px 4px;}
div.dragdiv div.lead 		{background: url(/img/build/type/lead.gif) no-repeat 42px 4px;}
div.dragdiv div.offhand 	{background: url(/img/build/type/offhand.gif) no-repeat 42px 4px;}
div.dragdiv div.dual 		{background: url(/img/build/type/dual.gif) no-repeat 42px 4px;}

div.dragdiv div.must {position: absolute; margin: 0; padding: 0; margin-left: 0px !important; float: none; background: none; z-index: 1005;}
div.dragdiv div.musthex 		{background: url(/img/build/must/hex.gif) no-repeat 4px 4px;}
div.dragdiv div.mustlead 		{background: url(/img/build/must/lead.gif) no-repeat 4px 4px;}
div.dragdiv div.mustoffhand 	{background: url(/img/build/must/offhand.gif) no-repeat 4px 4px;}
div.dragdiv div.mustdual 		{background: url(/img/build/must/dual.gif) no-repeat 4px 4px;}