.uppercase {text-transform: uppercase}

.tabs, .buttons {margin-right: -10px; overflow: hidden}
/*.tabs.green_tabs .btn {background-color: #96bb65; color: #fff}*/
.tabs.green_tabs .btn {background-color: #b7d089; color: #037100}
/*.tabs.green_tabs .btn:hover, .tabs.green_tabs .btn.open {background-color: #627c40; color: #fff}*/
.tabs.green_tabs .btn:hover, .tabs.green_tabs .btn.open {background-color: #7ba742; color: #fff !important}
.tabs .btn, .buttons .cmd_all {height: 30px !important; line-height: 30px !important; padding: 0 7px; background-color: #dbcaac; font-size: 10px; font-weight: bold; border-radius: 3px; cursor: pointer; width: 128px; float: left; position: relative; overflow: hidden;
-ms-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease}
.tabs.big .btn {height: 40px !important; line-height: 120% !important}
.tabs.big .btn span {width: inherit; height: 40px; line-height: 150%; display: table-cell; vertical-align: middle}
.tabs .btn:hover,
.tabs .btn:hover a,
.tabs .btn.open,
.tabs .btn a:hover {background-color: #9c8164; color: #fcf6de !important}
.tabs .btn.open,
.tabs .btn.open a,
.tabs .btn.open a:hover {cursor: default; color: #fcf6de !important}
.tabs .btn.unactive,
.tabs .btn.unactive:hover {background-color: #dbcaac; color: #9c8164 !important; cursor: default}
.tabs .btn.no_hover:hover {background-color: #dbcaac; color: #542F1B !important; cursor: default}
.tabs .btn a {text-decoration: none !important; transition: all 0.2s ease}

.tabs .btn b.clan_view,
.tabs .btn.unactive:hover b.clan_view {width: 30px; height: 30px; position: absolute; left: 5px; top: -2px; background-image: url(/images/buttons/clan_rights.png); background-position: -330px 0; opacity: 0.7}
.tabs .btn:hover b.clan_view,
.tabs .btn.open b.clan_view {background-position: -330px -30px; opacity: 1}
.tabs .btn b.clan_warriors,
.tabs .btn.unactive:hover b.clan_warriors {width: 30px; height: 30px; position: absolute; left: 5px; top: -2px; background-image: url(/images/buttons/clan_rights.png); background-position: -60px 0; opacity: 0.7}
.tabs .btn:hover b.clan_warriors,
.tabs .btn.open b.clan_warriors {background-position: -60px -30px; opacity: 1}
.tabs .btn b.clan_taxes,
.tabs .btn.unactive:hover b.clan_taxes {width: 30px; height: 30px; position: absolute; left: 5px; top: -2px; background-image: url(/images/buttons/clan_rights.png); background-position: -120px 0; opacity: 0.7}
.tabs .btn:hover b.clan_taxes,
.tabs .btn.open b.clan_taxes {background-position: -120px -30px; opacity: 1}
.tabs .btn b.clan_statuses,
.tabs .btn.unactive:hover b.clan_statuses {width: 30px; height: 30px; position: absolute; left: 5px; top: -2px; background-image: url(/images/buttons/clan_rights.png); background-position: -150px 0; opacity: 0.7}
.tabs .btn:hover b.clan_statuses,
.tabs .btn.open b.clan_statuses {background-position: -150px -30px; opacity: 1}
.tabs .btn b.clan_academy,
.tabs .btn b.clan_academies,
.tabs .btn.unactive:hover b.clan_academy,
.tabs .btn.unactive:hover b.clan_academies {width: 30px; height: 30px; position: absolute; left: 5px; top: -2px; background-image: url(/images/buttons/clan_rights.png); background-position: -180px 0; opacity: 0.7}
.tabs .btn:hover b.clan_academy,
.tabs .btn.open b.clan_academy,
.tabs .btn:hover b.clan_academies,
.tabs .btn.open b.clan_academies {background-position: -180px -30px; opacity: 1}
.tabs .btn b.clan_plac,
.tabs .btn b.clan_square,
.tabs .btn.unactive:hover b.clan_plac,
.tabs .btn.unactive:hover b.clan_square {width: 30px; height: 30px; position: absolute; left: 5px; top: -2px; background-image: url(/images/buttons/clan_rights.png); background-position: 0 0; opacity: 0.7}
.tabs .btn:hover b.clan_plac,
.tabs .btn.open b.clan_plac,
.tabs .btn:hover b.clan_square,
.tabs .btn.open b.clan_square {background-position: 0 -30px; opacity: 1}

.tab {border: 0; padding: 0; min-height: 0; color: #542F1B !important}

.tabs_mini {margin-bottom: 3px; overflow: hidden}
.tabs_mini.btn2 .btn {width: 96px !important}
.tabs_mini.btn2 .btn div {margin: 0 auto}
.tabs_mini .btn {margin: 0 1px 0 0; padding: 0; width: 38px; height: 37px; cursor: pointer; float: left; background-color: #dbcaac}
.tabs_mini .btn:first-child {padding-left: 2px; width: 37px; border-radius: 3px 0 0 3px}
.tabs_mini .btn:last-child {border-radius: 0 3px 3px 0}
.tabs_mini .btn:hover,
.tabs_mini .btn.open {background-color: #9c8164}
.tabs_mini .btn.open {cursor: default}
.tabs_mini.btn3 .btn {width: 64px !important}
.tabs_mini.btn3 .btn:first-child {width: 63px !important}
.tabs_mini.btn4 .btn {width: 48px !important}
.tabs_mini.btn4 .btn:first-child {width: 47px !important}
.tabs_mini.btn4 .btn:last-child {margin-right: -3px}
.tabs_mini .btn > div {margin: 0 auto}

#rmenu2 .tabs_right {position: absolute; top: 53px; right: -8px}

.tabs_right .btn {margin: 0 0 5px 0; padding: 3px 0 0; width: 25px !important; height: 23px !important; line-height: 25px; text-align: center; cursor: pointer; background-color: #e4caa1; float: none; border-radius: 0 3px 3px 0}
.tabs_right .btn:hover,
.tabs_right .btn.open,
.buttons .cmd_all:hover,
.buttons .cmd_all.cmd_selected {background-color: #9c8164; color: #fcf6de !important}
.tabs_right .btn.open, .buttons .cmd_all.cmd_selected {cursor: default}
.tabs_right .btn b {width: 20px; height: 20px; display: inline-block; background-image: url(/i/ico.png); background-repeat: no-repeat; opacity: 0.7}
.tabs_right .btn:hover b, .tabs_right .btn.open b {opacity: 1}
.tabs_right .btn .right_menu_icon_0 {background-position: -300px -160px}
.tabs_right .btn:hover .right_menu_icon_0, .tabs_right .btn.open .right_menu_icon_0 {background-position: -300px -180px}
.tabs_right .btn .right_menu_icon_1 {background-position: -300px -320px}
.tabs_right .btn:hover .right_menu_icon_1, .tabs_right .btn.open .right_menu_icon_1 {background-position: -300px -340px}
.tabs_right .btn .right_menu_icon_2 {background-position: -300px -280px}
.tabs_right .btn:hover .right_menu_icon_2, .tabs_right .btn.open .right_menu_icon_2 {background-position: -300px -300px}
.tabs_right .btn .right_menu_icon_3 {background-position: -300px -80px}
.tabs_right .btn:hover .right_menu_icon_3, .tabs_right .btn.open .right_menu_icon_3 {background-position: -300px -100px}
.tabs_right .btn .right_menu_icon_4 {background-position: -300px -200px}
.tabs_right .btn:hover .right_menu_icon_4, .tabs_right .btn.open .right_menu_icon_4 {background-position: -300px -220px}
.tabs_right .btn .right_menu_icon_5 {background-position: -300px -240px}
.tabs_right .btn:hover .right_menu_icon_5, .tabs_right .btn.open .right_menu_icon_5 {background-position: -300px -260px}
.tabs_right .btn .right_menu_icon_6 {background-position: -300px -120px}
.tabs_right .btn:hover .right_menu_icon_6, .tabs_right .btn.open .right_menu_icon_6 {background-position: -300px -140px}
.tabs_right .btn .right_menu_icon_7 {background-position: -600px -840px}
.tabs_right .btn:hover .right_menu_icon_7, .tabs_right .btn.open .right_menu_icon_7 {background-position: -600px -860px}
.tabs_right .btn .right_menu_icon_8 {background-position: -680px -960px}
.tabs_right .btn:hover .right_menu_icon_8, .tabs_right .btn.open .right_menu_icon_8 {background-position: -680px -980px}1

.tabs .btn {margin: 0 1px 0 0; border-radius: 0}
.tabs .btn:first-child {border-radius: 3px 0 0 3px}
.tabs .btn:last-child {border-radius: 0 3px 3px 0; margin-right: 0}
.tabs .btn.btn1 {display: none}

.tabs .btn.btn2, .buttons .cmd_all.cmd_row2 {width: 263px}
.tabs .btn.btn2 + .btn2, .buttons .cmd_all.cmd_row2 + .cmd_row2 {width: 262px; border-radius: 0 3px 3px 0}
.tabs .btn.btn3, .buttons .cmd_all.cmd_row3 {width: 170px}
.tabs .btn.btn4, .buttons .cmd_all.cmd_row4, .buttons .cmd_all.cmd_row2t {width: 123px}
.buttons .cmd_all.cmd_row2t center {margin: 0}
.buttons .cmd_all.cmd_row2t b {display: none}
.tabs .btn.btn4:first-child, .buttons .cmd_all.cmd_row4:first-child {width: 125px}
.tabs .btn.btn4:first-child + .btn + .btn, .buttons .cmd_all.cmd_row4:first-child + .cmd_all + .cmd_all {width: 124px}
.tabs .btn.btn5, .buttons .cmd_all.cmd_row5 {width: 96px}
.tabs .btn.btn6, .buttons .cmd_all.cmd_row6 {width: 77px; text-transform: uppercase}
.tabs .btn.btn6:first-child, .buttons .cmd_all.cmd_row6:first-child {width: 80px}
.tabs .btn.btn7, .buttons .cmd_all.cmd_row7 {width: 64px; text-transform: uppercase}
.tabs .btn.btn7:first-child, .buttons .cmd_all.cmd_row7:first-child {width: 66px}
.tabs .btn.btn8, .buttons .cmd_all.cmd_row8 {width: 54px}
.tabs .btn.btn8:first-child, .buttons .cmd_all.cmd_row8:first-child {width: 57px}
.tabs.multiline .btn.btn6 {width: 169px}
.tabs.multiline .btn.btn6:nth-child(1), .tabs.multiline .btn.btn6:nth-child(3), .tabs.multiline .btn.btn6:nth-child(4), .tabs.multiline .btn.btn6:nth-child(6) {width: 170px}

.buttons {margin-top: -2px}
.buttons + .buttons {margin-top: -7px; margin-bottom: 1px}
.buttons + .buttons .cmd_all:first-child {border-radius: 0 0 0 3px}
.buttons + .buttons .cmd_all:last-child {border-radius: 0 0 3px 0}
.buttons .cmd_all {margin-left: 1px; height: auto; line-height: normal; background-image: none; border-radius: 0}
.buttons .cmd_all:first-child {margin-left: 0; border-radius: 3px 0 0 3px}
.buttons .cmd_all:last-child {border-radius: 0 3px 3px 0}

.tabs.btn2 .btn {width: 263px}
.tabs.btn2 .btn + .btn {width: 262px}
.tabs.btn3 .btn {width: 170px}
.tabs.btn3 .btn,
.tabs.btn3 .btn + .btn {width: 170px}
.tabs.btn4 .btn {width: 123px}
.tabs.btn4 .btn:first-child {width: 125px}
.tabs.btn4 .btn:first-child + .btn + .btn {width: 124px}
.tabs.btn5 .btn {width: 96px}
.tabs.btn6 .btn {width: 77px}
.tabs.btn6 .btn:first-child {width: 80px}
.tabs.btn6.multiline .btn {width: 169px}
.tabs.btn6.multiline .btn:nth-child(1), .tabs.btn6.multiline .btn:nth-child(3), .tabs.btn6.multiline .btn:nth-child(4), .tabs.btn6.multiline .btn:nth-child(6) {width: 170px}
.tabs.btn7 .btn {width: 64px}
.tabs.btn7 .btn:first-child {width: 66px}
.tabs.btn8 .btn {width: 54px}
.tabs.btn8 .btn:first-child {width: 57px}

.tabs_carousel {margin: 0 12px; height: 29px; overflow: hidden}
.tabs_carousel ul {margin: 0; padding: 0; position: relative; list-style-type: none; z-index: 1; width: 704px; left: 0}
.tabs_carousel li {overflow: hidden; float: left; width: 175px; height: 28px; margin: 0 0 0 1px; display: block; cursor: pointer}

.tabs_controls, .block_controls {left: 0; right: 0; position: absolute}
.block_controls {top: -1px}
.tabs_controls .next,
.tabs_controls .prev,
.block_controls .next,
.block_controls .prev {position: absolute; top: -23px; cursor: pointer}
.tabs_controls .next,
.block_controls .next {background-position: 0 -1000px; opacity: 0.7; right: 5px}
.tabs_controls .next:hover,
.block_controls .next:hover {opacity: 1}
.tabs_controls .prev,
.block_controls .prev {background-position: -280px -980px; opacity: 0.7; left: 7px}
.tabs_controls .prev:hover,
.block_controls .prev:hover {opacity: 1}
.block_controls .next,
.block_controls .prev {opacity: 1}
.block_controls .next:hover,
.block_controls .prev:hover {opacity: .8}
.tabs_controls .next.disabled,
.tabs_controls .prev.disabled,
.block_controls .next.disabled,
.block_controls .prev.disabled,
.block_controls .next.disabled:hover,
.block_controls .prev.disabled:hover {opacity: 0.3; cursor: default}

.navigation + .tabs {margin-left: 76px}
.navigation + .tabs .btn:first-child {border-radius: 0}
.navigation + .tabs.btn2 .btn {width: 224px}
.navigation + .tabs.btn3 .btn:first-child {width: 146px}
.navigation + .tabs.btn3 .btn {width: 144px}
.navigation + .tabs.btn4 .btn {width: 98px}
.navigation + .tabs.btn5 .btn {width: 81px}

.tab.white {color: #fff !important}