html, body { height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0px; width:100%; background-image:url('/img/common_images/background3.png'); /*background-color: #495160;*/}
/*body {  }*/
input { border:1px solid #000000; }
h1 { font-size:14px; margin:5px 0px 10px; text-align:left; }
h2 { font-size:12px; margin:5px 0px 10px; text-align:left; }
a { color:#000000; text-decoration:none;}
a:hover { text-decoration:underline; }
img { border:0px; }

/*----general elements----*/
/*text styles*/
.text-red { color:#d10000; }
.text-orange { color:#df7300; } /*??????-?? ???? ???? ????? ?? ??????? ?????????????*/
.text-light-red {color:#db0000; }
.text-blue { color:#0062d1; }
.text-light-blue { color:#7a93bd; }
.text-dark-blue { color:#3f5b86; }
.text-red-violet { color:#CC3399; }
.text-violet { color:#690083; }
.text-dark-spring-green { color:#006633; }
.text-gray { color:#4b6186; }
.text-light-gray { color:#8092b1; }
.text-dark { color:#363636; }
.text-dark-shadow { text-shadow:#d7e7ff 0px 1px 0px; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }
.vertical-center { vertical-align:center; }
.text-underline { text-decoration:underline; }
.text-normal { text-decoration:none; font-weight:normal; }
.text-14 { font-size:14px; }
.text-16 { font-size:16px; }
.text-11 { font-size:11px; }
.text-10 { font-size:10px; }
.text-9 { font-size:9px; }
.tab {padding-left:10px; }
.tab-50 {padding-left:50px; }
.tab-40 {padding-left:40px; }
.tab-30 {padding-left:30px; }
.tab-20 {padding-left:20px; }
.tab-10 {padding-left:10px; }
.tab-5 {padding-left:5px; }
.text-green {color:#146a00; }
.text-light-green {color:#006f70; }
.text-yellow {color:#938617; }
.indent-10 { text-indent:10px; }
.text-italic { font-style:italic; }
.text-break { word-wrap: break-word; }

.m-tab-60 { margin-left:60px;}
.m-tab-50 { margin-left:50px;}
.m-tab-40 { margin-left:40px;}
.m-tab-30 { margin-left:30px;}
.m-tab-20 { margin-left:20px;}
.m-tab-10 { margin-left:10px;}
.m-tab-5 { margin-left:5px;}

.shadow { text-shadow:#FFFFFF 1px 1px 1px; }
.light-shadow { text-shadow:#FFFFFF 0px 1px 1px; }
.gray { background-color:#EEEEEE; }
.bold { font-weight:bold; }

.new-block { margin-top:10px;}
.top-5 { margin-top:5px;}
.top-10 { margin-top:10px;}
.top-15 { margin-top:15px;}
.new-block-padding { padding-top:10px; }
.top-5-padding { padding-top:10px; }

.block { display:block; }

/*succes & error*/
.action-status-success, .action-status-error { font-weight:bold; text-align:center; }
.action-status-success { color:#008800;}
.action-status-error { color:#FF0000; }

/*expand*/
.expand-button { display:block; width:240px; height:19px; background-color:#a3b9dd; border-top:1px solid #c6d7f3; border-bottom:1px solid #90a6cc; background-image:url('/img/common_images/expand_button.png'); background-position:center; background-repeat:no-repeat; }
.expand-container { display:block;  background-color:#a3b9dd; border-top:1px solid #90a6cc; border-bottom:1px solid #c6d7f3; background-image:url('/img/common_images/expand_button.png'); background-position:center 8px; background-repeat:no-repeat;  min-height:50px; color:#363636; text-indent: 20px; padding: 10px; padding-top:20px; padding-bottom:10px; }
.expand-container:hover { text-decoration:none; }
/*--containers--*/
/*top container*/
.top-container { background-image:url('/img/common_images/building_top_bg.png'); height:28px; position:relative; }
.top-container .top-title { color:#3f5b86; text-shadow:#adc0e1 0px 1px 1px; font-weight:bold; font-size:14px; padding:5px 3px; font-family:Verdana, Helvetica neue; }
.top-container .header-border-left, .header-border-right { height:28px; position:absolute; top:0px; width:2px; }
.top-container .header-border-left { background-image:url('/img/common_images/header_border_left.png'); left:0px; width:2px; }
.top-container .header-border-right { background-image:url('/img/common_images/header_border_right.png'); right:0px; width:2px; }

.top-container-big{height:54px; position:relative;}
.top-container-big .side {position: absolute; top: 0px; width: 3px; height: 54px;}
.top-container-big  .side.left {background-image:url('/img/common_images/clan/top_left.png'); left: 0px;}
.top-container-big  .side.right {background-image:url('/img/common_images/clan/top_right.png'); right: 0px;}
.top-container-big .center {height: 54px; background-image:url('/img/common_images/clan/top_bg.png'); }
.top-container-big .center img {display:block;margin:auto;}
.top-container-big .title { width:100%; padding-top:15px; text-align:center; color:#3f5b86; text-shadow:#adc0e1 0px 1px 1px; font-weight:bold; font-size:18px; font-family:Verdana, Helvetica neue; }

.top-container-small { background-image:url('/img/common_images/building_top_bg.png'); height:20px; position:relative; }
.top-container-small .top-title { color:#3f5b86; text-shadow:#adc0e1 0px 1px 1px; font-weight:bold; font-size:12px; padding:3px 3px; font-family:Verdana, Helvetica neue; }
.top-container-small .header-border-left, .header-border-right { height:20px; position:absolute; top:0px; width:2px; }
.top-container-small .header-border-left { background-image:url('/img/common_images/header_border_left.png'); left:0px; width:2px; }
.top-container-small .header-border-right { background-image:url('/img/common_images/header_border_right.png'); right:0px; width:2px; }

/*bordered-container*/
.bordered-container { border-top:1px solid #dae5f7; border-bottom:1px solid #7693b2; }
.bordered-container-concave {border-bottom:1px solid #dae5f7; border-top:1px solid #7693b2; }

/*blue-container*/
.blue-container { background-color:#a3b9dd; }

/*room-resource-container*/
.room-resource-container { height:30px; }

/*build-button-container */
.build-button-container {background-image:url('/img/common_images/ellipse.png'); background-repeat:no-repeat; padding-left:4px;margin-left:46px;}

/*floor-container*/
.floor-container { margin-left:5px; margin-top:7px;}
.floor-container .inactive { float:left; display:block; margin-top:0px; width:4px; height:20px; background-color:#8092b1; color:#8092b1; }
.floor-container-flag { float:left; background-image:url('/img/common_images/floor_arrow.png'); background-repeat:no-repeat; width:8px; height:20px;}
.floor-container .active { float:left; display:block; margin-top:0px; width:20px; height:20px; background-color:#7693b2; color:#DAE5F7; text-shadow:#000000 0px 1px 1px; text-align:right;}
.floor-span {background-color:#b6ccf0; margin-left:12px;}

/*underline*/
.underline-decoration { display:block; margin:0px auto; }
.underline { background-image:url('/img/common_images/underline_bg.gif'); width:100%; height:2px; margin-top:5px; }
.underline-concave { background-image:url('/img/common_images/underline_bg_concave.gif'); width:100%; height:2px; margin-top:5px; }
.underline-dotted { background-image:url('/img/common_images/underline_bg_dotted.gif'); width:100%; height:2px; margin-top:5px; }
.underline-shadow { background-image:url('/img/common_images/shadow_line.png'); width:100%; height:13px; margin-top:0px; }

/*menu*/
.menu {  text-align:center; width:100%; color:#7a93bd; padding-bottom:5px; padding-top:10px; }
.menu-fullscreen {text-align:left; background-image:none; }
.menu-item { margin:0px 2px; font-family:Verdana, Helvetica neue; font-size:11px; }
.bottom-menu { padding-left:10px; text-shadow:#d7e7ff 0px 1px 0px; }
.bottom-menu-item { font-weight:bold; display:block; padding-bottom:5px; color:#363636; }
.bottom-menu-item:hover { text-decoration:none; }
.top-info {background-image:url('/img/common_images/menu_bg.png'); background-repeat:no-repeat; position:relative; height:19px;}
.top-info .new-mail { position:absolute; left:2px; top:0px; background-image:url('/img/common_images/new_mail.gif'); width:20px; height:19px;}
.top-info .new-report { position:absolute; left:6px; top:4px; background-image:url('/img/common_images/new_report.gif'); width:15px; height:15px;}
.top-info .refresh { position:absolute; right:2px; top:0px; background-image:url('/img/common_images/refresh.png'); width:20px; height:19px;}
.top-info .current-date { color:#537497; text-align:center; font-size:10px; padding-top:3px;}

/*inputs buttons spinners & small containers*/
.form-field-input { width:165px; position:relative; margin:5px auto; }
.form-field-input .side { width:9px; height:19px; position:absolute; top:0px; }
.form-field-input .left { background-image:url('/img/common_images/input_left.gif'); left:0px; }
.form-field-input .right { background-image:url('/img/common_images/input_right.gif'); right:0px; }
.form-field-input input {width:147px; height:17px; background-image:url('/img/common_images/input_middle.gif'); margin:0px 9px; color:#d0d6df; text-align:center; font-size:11px; border:0px; }

.input-small { width:43px; }
.input-small input {width:27px; }

.input-arhive { width:63px;}
.input-arhive input {width:47px; }

.form-button { width:165px; position:relative; margin:10px auto; }
.form-button .side { width:8px; height:19px; position:absolute; top:0px;}
.form-button .right { background-image:url('/img/common_images/button_right.gif'); right:0px; }
.form-button .left { background-image:url('/img/common_images/button_left.gif'); left:0px; }
.form-button input { width:150px; height:18px; background-image:url('/img/common_images/button_middle.gif'); margin:0px 8px; border:0px; color:#ffffff; text-align:center; font-size:13px; cursor:pointer; text-shadow:#000000 0px -1px 1px; }
.form-button .button { text-decoration:none; display:block; width:150px; height:18px; background-image:url('/img/common_images/button_middle.gif'); margin:0px 8px; border:0px; color:#ffffff; text-align:center; font-size:13px; cursor:pointer; text-shadow:#000000 0px -1px 1px; }

.button-small { width:88px; }
.button-small .button { width:73px; }
.button-small input { width:73px; }

.button-medium { width:93px; }
.button-medium .button { width:77px; }
.button-medium input { width:77px; }

.singleword { width:40px; }
.singleword .button { width:26px; }
.singleword input { width:26px; padding-top:0px; }

.cancel-button {width:18px; height:18px;  background-image:url('/img/common_images/cancel_button.png'); display:block; }

.max-button { display:block; background-image:url('/img/common_images/troop_max_button.png'); width:25px; height:19px; }
.delete-button-red { background-image:url('/img/common_images/delete_button.png'); width:64px; height:19px; display:block; margin:10px auto;}
.checkbox { position:absolute; }
.refresh-button {background-image:url('/img/common_images/refresh.png'); width:22px; height:22px; float:right; margin-top:-30px; margin-right:5px; display:block; }

.mspinner { width:95px; height:19px; position:relative; border: none;}
.mspinner .side { width:18px; height:19px; position:absolute; top:0px; border:none;}
.mspinner .left { left:0px; background-image:url('/img/common_images/troop_input_left.png'); }
.mspinner .right { right:25px; background-image:url('/img/common_images/troop_input_right.png'); }
.mspinner .value {
    width:34px;
    height:17px;
    background-image:url('/img/common_images/troop_input_middle.gif');
    position: absolute;
    left: 18px;
    color:#FFFFFF;
    text-align:center;
    font-size:12px;
    border:none;
}
.mspinner .max-button { position:absolute; right:0px; border: none;}

.spinner { width:75px; height:19px; position:relative; border: none; }
.spinner .side { width:18px; height:19px; position:absolute; top:0px; border:none;}
.spinner .left { left:0px; background-image:url('/img/common_images/troop_input_left.png'); }
.spinner .right { right:0px; background-image:url('/img/common_images/troop_input_right.png'); }
.spinner .value {
    width:40px;
    height:17px;
    background-image:url('/img/common_images/troop_input_middle.gif');
    position: absolute;
    left: 18px;
    color:#FFFFFF;
    text-align:center;
    font-size:12px;
    border:none;
}

/*pages switcher*/
.pageswitcher { border:0px; border-collapse:collapse; height:18px; margin:0px auto; padding:0px; font-size:11px;}
.pageswitcher-prev, .pageswitcher-next { display:block; height:18px; width:24px; }
.pageswitcher-first, .pageswitcher-last { display:block; height:18px; width:22px; }
.pageswitcher-prev { background-image:url('/img/common_images/pageswitcher/prev.png'); }
.pageswitcher-next { background-image:url('/img/common_images/pageswitcher/next.png'); }
.pageswitcher-first {background-image:url('/img/common_images/pageswitcher/first.png'); }
.pageswitcher-last { background-image:url('/img/common_images/pageswitcher/last.png'); }
.pageswitcher-pages { background-color:#a3b9dd; background-image:url('/img/common_images/pageswitcher/bg.png'); }
.pageswitcher-pages a { color:#3d3e41; margin:0px 4px; }
.pageswitcher-pages span { color:#0b48fd; margin:0px 4px; }
.pageswitcher-left {margin:0px;}

.pageswitcher-page-link, .pageswitcher-cur-page { background-image:url('/img/common_images/pageswitcher/bg.png'); float:left; line-height:18px; padding:0px 4px 0px; }
.pageswitcher-page-link { color:#3d3e41; }
.pageswitcher-cur-page { color:#0b48fd; }

.numpages {width:103px; height:18px; position:relative; margin:1px auto;}
.numpages-left, .numpages-right { width:6px; height:18px; position:absolute; }
.numpages-left { background-image:url('/img/common_images/pageswitcher/numpages_left.png'); left:0px; }
.numpages-right { background-image:url('/img/common_images/pageswitcher/numpages_right.png'); right:0px; top:0px;}
.numpages-middle {width:97px; background-image:url('/img/common_images/pageswitcher/numpages_middle.png'); height:100%; padding-left:7px;}
.numpages-middle a {color:#95abd1; margin:2px 3px;}
.numpages-middle span {color:#3d3e41; margin:2px 3px; }
.numpages-big { width:135px;}
.numpages-middle-big { width:129px; }
.numpages-middle-big span { text-shadow:#FFFFFF 1px 1px 1px; }

/*tabs & subtabs*/
.tabs { background-image:url('/img/common_images/tabs/bg.png'); background-repeat:repeat-x; height:24px; width:100%;}
.active-tab, .tab { color:#363636; display:block; float:left; height:24px; margin-left:-6px; padding:0px 8px 0px; position:relative; }
.active-tab { z-index:1; }
.active-tab-left-side, .active-tab-right-side, .tab-left-side, .tab-right-side { background-repeat:no-repeat; height:24px; position:absolute; top:0px; width:8px; }
.active-tab-left-side { background-image:url('/img/common_images/tabs/active_left.png'); left:0px; }
.active-tab-right-side { background-image:url('/img/common_images/tabs/active_right.png'); right:0px; }
.tab-left-side { background-image:url('/img/common_images/tabs/left.png'); left:0px; }
.tab-right-side { background-image:url('/img/common_images/tabs/right.png'); right:0px; }
.active-tab-text, .tab-text { color:#363636; display:block; height:21px; padding:3px 2px 0px; }
.active-tab-text { background-image:url('/img/common_images/tabs/active_middle.png'); }
.tab-text { background-image:url('/img/common_images/tabs/middle.png'); text-decoration:underline; }

.subtabs { background-image:url('/img/common_images/subtabs/middle.png'); height:19px; padding:0px 9px; position:relative; width:150px; margin:0px auto;}
.subtabs-left-side, .subtabs-right-side { height:19px; position:absolute; width:9px; }
.subtabs-left-side { background-image:url('/img/common_images/subtabs/left.png'); left:0px; }
.subtabs-right-side { background-image:url('/img/common_images/subtabs/right.png'); right:0px; }
.active-subtab, .subtab { color:#ffffff; display:block; float:left; height:17px; margin:0px 3px; padding-top:2px; position:relative; }
.active-subtab:hover, .subtab:hover { text-decoration:none; }
.active-subtab { background-image:url('/img/common_images/subtabs/active_middle.png'); color:#363636; margin:0px 6px; z-index:1; }
.active-subtab-left-side, .active-subtab-right-side { height:17px; position:absolute; top:1px; width:7px; }
.active-subtab-left-side { background-image:url('/img/common_images/subtabs/active_left.png'); left:-7px; }
.active-subtab-right-side { background-image:url('/img/common_images/subtabs/active_right.png'); right:-7px; }

/*resources*/
.vertical-resource { margin-top:5px; position:relative; height:107px; margin-left:20px;}
.vertical-resource .vertical-resources-image { background-image:url('/img/common_images/resources_vertical_line.png'); width:29px; height:104px; position:absolute; left:10px; }
.vertical-resource .resource { height:14px; position:absolute; color:#363636; left:42px; font-size:11px;}
.vertical-resource .wood {top:px; }
.vertical-resource .stone {top:17px; }
.vertical-resource .iron {top:33px; }
.vertical-resource .food {top:50px; }
.vertical-resource .food-expire {top:73px; }
.vertical-resource .population {top:91px; }
.vertical-resource .essence {top:109px; }
.vertical-resource .essence-image {background-image:url('/img/resource_icons/essence.png'); width: 18px; height: 13px; position:absolute; left:10px; top:109px; }


.vertical-resource-short { height:92px; }
.vertical-resource-short .vertical-resources-image { background-image:url('/img/common_images/resources_vertical_short.png'); width:28px; height:92px; position:absolute; left:10px; }
.vertical-resource-short .wood {top:0px; }
.vertical-resource-short .stone {top:25px; }
.vertical-resource-short .iron {top:50px; }
.vertical-resource-short .food {top:75px; }


.horizontal-resource {width:169px; height:35px; margin:0px auto; position:relative;}
.horizontal-resource .horizontal-resources-image { background-image:url('/img/common_images/resources_horizontal_line.png'); width:169px; height:20px; position:absolute; }
.horizontal-resource .building-resource { position:absolute; width:18px; height:13px; }
.horizontal-resource .resource { position:absolute; width:34px; height:13px; text-align:center; top:20px; font-weight:bold; color:#363636; font-size:10px;}
.horizontal-resource .wood {left:-5px; }
.horizontal-resource .stone {left:32px; }
.horizontal-resource .iron {left:69px; }
.horizontal-resource .food {left:106px; }
.horizontal-resource .population {left:139px; }

.horizontal-resource-wide {width:220px; height:35px; position:relative; margin:0px auto;}
.horizontal-resource-wide .horizontal-resources-image { background-image:url('/img/common_images/resources_horizontal_line_big.png'); width:220px; height:20px; position:absolute; }
.horizontal-resource-wide .building-resource { position:absolute; width:18px; height:13px; }
.horizontal-resource-wide .resource { position:absolute; width:46px; height:13px; text-align:center; top:20px; font-weight:bold; color:#363636; font-size:10px; }
.horizontal-resource-wide .wood {left:-10px; }
.horizontal-resource-wide .stone {left:38px; }
.horizontal-resource-wide .iron {left:86px; }
.horizontal-resource-wide .food {left:134px; }
.horizontal-resource-wide .essence {left:182px; }

.horizontal-resource-small {width:168px; height:35px; position:relative; margin:0px auto;}
.horizontal-resource-small .horizontal-resources-image { background-image:url('/img/common_images/resources_horizontal_line_small.png'); width:168px; height:20px; position:absolute; }
.horizontal-resource-small .horizontal-resources-image-colored { background-image:url('/img/common_images/resources_horizontal_line_smal_colored.png'); width:168px; height:20px; position:absolute; }
.horizontal-resource-small .building-resource { position:absolute; width:18px; height:13px; }
.horizontal-resource-small .resource { position:absolute; width:34px; height:13px; text-align:center; top:20px; font-weight:bold; color:#363636; font-size:10px; }
.horizontal-resource-small .wood {left:-5px; }
.horizontal-resource-small .stone {left:31px; }
.horizontal-resource-small .iron {left:67px; }
.horizontal-resource-small .food {left:103px; }
.horizontal-resource-small .essence {left:139px; }

.horizontal-resource-room { width:136px; height:35px; position:relative; margin:0px auto;}
.horizontal-resource-room .horizontal-resources-image { background-repeat:no-repeat; background-image:url('/img/common_images/resources_horizontal_line_small_small_.png'); width:136px; height:20px; position:absolute;}
.horizontal-resource-room .resource { position:absolute; width:34px; height:13px; text-align:center; top:20px; font-weight:bold; color:#363636; font-size:10px; }
.horizontal-resource-room .wood {left:-5px; }
.horizontal-resource-room .stone {left:31px; }
.horizontal-resource-room .iron {left:67px; }
.horizontal-resource-room .food {left:103px; }

.horizontal-resource-trader {width:175px; height:35px; margin:0px auto; position:relative; }
.horizontal-resource-trader .horizontal-resources-image { background-image:url('/img/common_images/resources_horizontal_line_wide.png'); width:175px; height:20px; position:absolute; }
.horizontal-resource-trader .building-resource { position:absolute; width:18px; height:13px; }
.horizontal-resource-trader .resource { position:absolute; width:34px; height:13px; text-align:center; top:20px; font-weight:bold; color:#363636; font-size:10px; }
.horizontal-resource-trader .wood {left:-12px; }
.horizontal-resource-trader .stone {left:42px; }
.horizontal-resource-trader .iron {left:93px; }
.horizontal-resource-trader .food {left:145px; }

.resource-spinner {width:123px; height:19px; background-repeat:no-repeat; background-position:left; position:relative; margin:10px auto; }
.resource-spinner .max-button { position:absolute; right:0px; }
.resource-spinner .spinner { left:27px; float:left;}
.resource-spinner .mspinner { left:27px; float:left;}

.resource-wood { background-image:url('/img/resource_icons/wood.gif'); }
.resource-iron { background-image:url('/img/resource_icons/iron.gif'); }
.resource-food { background-image:url('/img/resource_icons/food.gif'); }
.resource-stone { background-image:url('/img/resource_icons/stone.gif'); }
.resource-population { background-image:url('/img/resource_icons/population.gif'); }
.resource-essence { background-image:url('/img/resource_icons/essence.png'); }


.current-resource { height:20px; background-repeat:no-repeat; background-position:5px 3px; padding-left:3px; padding-top:2px; color:#363636; border:1px solid #ff00ff;}

/*-------others--------*/
.main-container { background-image:url('/img/common_images/bg.png'); background-repeat:repeat-y; background-color:#b6ccf0; width:240px; margin:0px auto; position:relative; }
.main-container-full-screen { background-color:#b6ccf0; width:100%; }
.main-container-top {height:110px; position:relative;  background-image:url('/img/common_images/logo2.png'); }
.main-container-bottom { background-image:url('/img/common_images/bottom.png'); bottom:0px; height:3px; position:absolute; width:240px; }

.login-nickname {color:#363636; text-align:center; margin-top:5px; text-shadow:#ffffff 1px 1px 1px;}
.registration-link { text-align:center; color:#0072ff; text-decoration:underline; margin-top:-5px; text-align:center; display:block; padding-bottom:10px;}
.login-info { color:#537497; text-align:center; display:block; text-shadow:#dae5f7 1px 1px 1px;}

.game-info {color:#537497; margin-left:40px; font-size:10px;}
.game-info-container {border-top:1px solid #7693b2; background-color:#a3b9dd; padding-bottom:10px; padding-top:10px; }
.copyright { color:#7693b2; text-shadow:#dae5f7 1px 1px 1px; text-align: center; font-size:10px;}
.registration-top { background-image:url('/img/common_images/reg_top_bg.gif'); height:51px; }
.registration-top .registration-caption { display:block; padding-top:20px; margin:auto; }
.remember-caption { display:block; padding-top:0px; margin:auto; }
.acception-bg { height:35px; background-color:#a3b9dd; margin-top:3px; position:relative; border-top:1px solid #7693b2;}
.acception-bg input {position:absolute; left:35px; top:7px;}
.acception-bg .accept-caption { position:absolute; top:2px; left:60px; color:#363636; font-size:12px; }
.acception-bg .accept-link { position:absolute; top:16px; left:60px; color:#0063de; font-size:14px; display:block; text-decoration:underline; }

.area-map { height:200px; position:relative; width:200px; margin: 10px auto;}
.area-map-building-level { color:#6F2800; display:block; font-size:12px; height:15px; padding-top:3px; position:absolute; text-align:center; width:17px; }
.area-map-building-level:hover { text-decoration:none; }
.area-map-city { display:block; padding-top:3px; position:absolute; text-align:center; height:25px; width:40px; left:77px; top:93px;}
.area-map-citadel { display:block; padding-top:3px; position:absolute; text-align:center; height:35px; width:40px; left:90px; top:53px;}

.resource-caption {padding-left:20px; padding-bottom:5px; color:#363636; }
.resource-underline {width:140px; position:absolute; top:63px; left:39px;}
.resource-info-caption { padding-left:20px; }

.city { border:0px solid #FF0000; clear:both; float:left; padding:2px 0px; }
.city-name { border:0px solid; display:block; float:left; font-weight:bold; padding-left:10px; text-align:left; width:150px; }
.city-population { border:0px solid; float:left; text-align:center; width:55px; }
.city-location { border:0px solid; float:left; text-align:center; width:80px; }
.main-city-select { clear:both; padding-top:15px; }

.building-modify-button { background-image:url('/img/common_images/modify.gif'); width:67px; height:24px; position:absolute; right:3px; bottom:0px; display:block; }
.building-image {margin:10px auto; display:block;}
.building-query { width:100%; }
.building-query td {color:#0062d1; vertical-align:center; }

.current-troop-container { height:100px; width:240px; border-top:1px solid #dae5f7; border-bottom:1px solid #7693b2; margin-top:5px; position:relative; font-size:11px; }
.troop-container { height:30px; width:240px; border-top:1px solid #dae5f7; border-bottom:1px solid #7693b2; position:relative }
.troop-container .mspinner {position: absolute; right:5px; top: 5px;}
.troop-avatar { position:absolute; top:3px; left:5px; }
.troop-max-button { display:block; background-image:url('/img/common_images/troop_max_button.png'); width:25px; height:19px; position:absolute; right:5px; top:5px; }
.troop-input { width:70px; height:19px; position:absolute; top:5px; right:30px; }
.troop-input .side { width:18px; height:19px; position:absolute; top:0px; }
.troop-input .left { background-image:url('/img/common_images/troop_input_left.png'); left:0px; }
.troop-input .right { background-image:url('/img/common_images/troop_input_right.png'); right:0px; }
.troop-input input {width:34px; height:17px; background-image:url('/img/common_images/troop_input_middle.gif'); margin:0px 18px; color:#FFFFFF; text-align:center; font-size:12px; border:0px; }
.troop-value { position:absolute; color:#363636; left:32px; top:7px; }
.troop-name {text-decoration:underline; color:#363636; margin-left:5px; }
.troop-reqruit-button { display:block; width:97px; height:19px; position:absolute; right:1px; top:42px; border:0px; cursor:pointer;}
.reqruit-active { background-image:url('/img/common_images/reqruit_button_active.png'); }
.reqruit-inactive { background-image:url('/img/common_images/reqruit_button_inactive.png'); }
.troop-time { text-align:center; margin-top:35px; }
.troop-trader { margin-top:40px; position:relative; height:17px;}
.troop-trader-button { display:block; position:absolute; right:5px; width:16px; height:17px; background-image:url('/img/common_images/plus.png'); cursor:pointer; }
.troop-trader-text { position:absolute; top:1px; left:10px; cursor:pointer; }
.troop-radio { color:#363636; text-decoration:underline; margin-left:20px; }
.troop-inputs-container { height:40px; width:180px; margin:5px auto; }
.troop-coordinates-titles { margin-left:18px; }
.troop-coordinates-titles span { margin-left:46px; }
.target-radio { color:#363636; margin-left:10px;}
.troop-container .hero-send { position:absolute; right:10px; top:5px; color:#363636; }
.troop-container .two-aim { position:absolute; right:10px; top:5px; color:#363636; }
.troop-container .trade-send { position:absolute; right:10px; top:5px; color:#363636; }
.arhive-inputs-container { height:40px; width:240px; margin:5px auto; }

.troop-callback-button {position:absolute; margin:0px; bottom:-18px; right:0px;}
.troop-defence {height:35px; margin-top:0px;}
.defence-troop-container { position:relative; margin-bottom:25px; }
.troop-input-container {position:relative; left:145px; top:5px;}

.troop-characteristics-container { background-color:#a3b9dd; width:240px; margin-top:10px; position:relative; padding-bottom:20px;}
.troop-characteristics-container .troop-characteristic { padding-left:80px; font-size:11px;}
.troop-characteristics-container .troop-characteristic .char { margin-right:30px; float:right;}
.troop-production-time { padding-left:21px; }
.troop-production-time span { float:right; margin-right:30px; color:#1870d5; }
.troop-characteristics-container .hero { font-size:12px; padding-top:7px; }
.troop-characteristics-container .hero span { font-size:11px; }

.religious-radio { color:#363636; text-decoration:underline; margin-left:20px; }

.mercenary-container { height:55px; width:240px; border-top:1px solid #dae5f7; border-bottom:1px solid #7693b2; position:relative }
.mercenary-container .troop-avatar { position:absolute; top:3px; left:3px; }
.mercenary-container .troop-name {text-decoration:underline; color:#363636; position:absolute; left:25px; top:7px; }
.mercenary-container .gold { margin:0px; position:absolute; right:3px; top:7px; width:47px; }
.mercenary-container .amount { position:absolute; right:52px; top:9px; font-size:11px; }
.mercenary-container .reqruit-time { position:relative; top:27px; text-align:right; right:7px;}

.city-view-troop-panel { height:65px; }

.city-view-troop { position:relative; float:left; margin-left:20px; height:47px; width:23px; margin-top:10px; }
.city-view-avatar { top:0px; left:0px; position:absolute; }
.city-view-avatar-underline { position:absolute; top:30px; left:0px; width:23px; height:3px; background-image:url('/img/common_images/underline_1.png'); }
.city-view-underline { position:absolute; top:30px; left:-20px; width:20px; height:2px; background-image:url('/img/common_images/underline_2.png'); }
.city-view-quantity, .lost-quant { width:33px; position:absolute; left:-5px; height:10px;}
.city-view-quantity { top:35px; }
.with-lost { height:80px; }
.with-lost .city-view-troop { height:67px; }
.lost-quant { top:50px; }

.city-view-population { position:static; height:12px; margin:20px auto; width:50px; margin-bottom:0px; }
.city-view-population .image { position:absolute; width:18px; height:12px;}
.city-view-population .value { padding-left:20px; }

.city-map-building {z-index:1; color:#6F2800; display:block; font-size:12px; padding-top:3px; position:absolute; text-align:center; }
.available { height:35px; width:35px;}
.available-small { height:15px; width:15px; }

.map-container { width:240px; height:300px; }
.map { height:240px; width:240px; }
.map-cell { display:block; float:left; height:40px; position:relative; width:40px; }
.map-cell-big { display:block; float:left; height:80px; position:relative; width:80px; }
.map-cell-space { background-color:#000000; }
.map-nav-container { float: left;  display: block; width: 60px;}
.map-nav {float:left; width:20px; height:20px; position: relative;}
.map-nav a {display: block;}
.map-nav-top {text-align:bottom;}
.map-nav a {display: block; margin: auto; position: absolute;}
.map-nav-top  a {background-image: url('/img/common_images/map_top.png'); width: 16px; height: 12px; bottom: 1px; left: 2px;}
.map-nav-bottom  a {background-image: url('/img/common_images/map_bottom.png'); width: 16px; height: 12px; top: 1px; left: 2px;}
.map-nav-left  a {background-image: url('/img/common_images/map_left.png'); width: 10px; height: 16px; right: 1px; top: 2px;}
.map-nav-right a {background-image: url('/img/common_images/map_right.png'); width: 10px; height: 16px; left: 1px; top: 2px;}

.map-top-navigation-container { position:relative; height:40px; width:240px;}
.map-zoom { background-image: url('/img/common_images/map/map_zoom.gif'); width:51px; height:22px; left:5px; top:15px; position:absolute; }
.map-zoom .zoom-out, .map-zoom .zoom-in { height:22px; width:25px; display:block; position:absolute; }
.map-zoom .zoom-in { left:25px; }
.map-size { position:absolute; width:145px; height:40px; top:0px; right:0px;  }
.map-bottom-navigation-container { position:relative; height:65px; margin-top:10px;}

.map-scroll-container { position:absolute; width:64px; height:62px; left:15px;}
.map-scroll-container .side { position:absolute; width:22px; height:22px; }
.map-scroll-container .left { background-image: url('/img/common_images/map/map_scroll_left.gif'); top:20px;}
.map-scroll-container .right { background-image: url('/img/common_images/map/map_scroll_right.gif'); top:20px; right:0px; }
.map-scroll-container .up { background-image: url('/img/common_images/map/map_scroll_up.gif'); left:21px;}
.map-scroll-container .down { background-image: url('/img/common_images/map/map_scroll_down.gif'); left:21px; bottom:0px;}

.map-coords-container {position:absolute; width:58px; height:20px; left:95px;}
.coords-y, .map-choose-button { top:35px;}
.coords-x, .map-mark-button, .map-delete-mark-button { top:8px;}
.map-coords-input { position:absolute; left:15px; top:0px; margin:0px; }
.map-coords-title {position:absolute; top:2px; }

.map-mark-button, .map-choose-button, .map-delete-mark-button { width:60px; height:19px; position:absolute; left:165px; border:0px; color:transparent; cursor:pointer;}
.map-mark-button { background-image: url('/img/common_images/map/mark_button.png'); }
.map-choose-button { background-image: url('/img/common_images/map/choose_button.png'); }
.map-delete-mark-button { background-image: url('/img/common_images/map/delete_mark_button.gif'); }
.map-mark { position:absolute; height:21px; width:16px; background-image: url('/img/common_images/map/mark.png'); }
.map-snow-small { position:absolute; height:40px; width:40px; background-image: url('/img/map_tiles/cell_small.png'); }
.map-snow-big { position:absolute; height:80px; width:80px; background-image: url('/img/map_tiles/cell_big.png'); }

.mark-info { background-repeat:no-repeat; padding-left:20px; color:#363636; margin-left:10px; display:block; margin-top:5px;}
.empty-cell {  background-image: url('/img/city_icons/city_mark_icon.gif'); }
.neutral-city {  background-image: url('/img/city_icons/city_neutral_icon.gif'); }
.ally-city {  background-image: url('/img/city_icons/city_ally_icon.gif'); }
.enemy-city {  background-image: url('/img/city_icons/city_enemy_icon.gif'); }
.zombie-city {  background-image: url('/img/city_icons/city_zombie_icon.gif'); }

.improve-container { width:240px; height:83px; border-top:1px solid #dae5f7; border-bottom:1px solid #7693b2; position:relative; }
.improve-container .avatar-container {width:83px; height:83px; background-color:#a3b9dd; position:relative; left:3px; }
.improve-container .avatar-container img { position:absolute; left:18px; top:8px; }
.improve-container .avatar-container .modify-button { width:67px; height:24px; position:absolute; left:12px; top:60px; display:block; font-size:12px; }
.improve-container .info-container { position:relative; width:149px; height:83px; float:left; top:0px; left:90px;  font-size:11px; }
.improve-container .info-container .research-name { width:100%; margin-top:5px; text-align:center; }
.improve-container .resource {font-size:10px;}
.improve-container .info-message {position:absolute; bottom:0px;}

.cart-container { background-color:#a3b9dd; border-bottom: 1px solid #7693b2; padding-top:10px; padding-bottom:10px; }

.dark-container { background-color:#a3b9dd; padding-top:5px; padding-bottom:5px;}

.delete-container { width:160px; height:18px;}
.delete-container .side {width:9px; height:18px; }
.delete-container .left {float:left; background-image:url('/img/common_images/02_1.png');}
.delete-container .right {float:right; background-image:url('/img/common_images/02_3.png');}
.delete-container .middle {height:100%; width:142px; background-image:url('/img/common_images/02_2.png');  float:left; position:relative;}
.delete-container .decoration { width:2px; height:18px; background-image:url('/img/common_images/02_2_2.png'); float:left;}
.delete-container .delete-button {width:58px; color:#ad0013; text-decoration:none; float:left; background-color:transparent; margin-top:-1px; padding-left:0px; border:none; cursor:pointer; }
.delete-container .delete-all-button {width:80px; text-decoration:none; color:#840c17; padding-left:3px;}

.report-container { width:100%; height:39px; border-top:1px solid #90a6cc; }
.readed .inner { height:38px; position:relative; background-color:#a3b9dd; border-top:1px solid #b4c9eb;}
.unreaded .inner { height:39px; position:relative; background-color:#98add5;}
.report-container .checkbox-container { width:22px; left:0px; border-right:1px solid #869cc0; float:left;}
.report-container .name-container { width:159px; border-right:1px solid #869cc0; float:left;}
.report-container .time-container { width:57px;  float:left; text-align:center; }
.checkbox-container .checkbox { position:absolute; left:4px; top:13px; }
.name-container .report-info { display:block; padding-top:3px; padding-left:5px; text-decoration:underline; }
.time-container .report-time { padding-top:3px;}
.readed .report-info {color:#4b6186;}

.report-title-container {width:100%; height:45px; border-top:1px solid #7693b2; border-bottom:1px solid #7693b2; background-color:#98add5; margin-top:10px;}
.report-title-container .name-container { width:172px; border-right:1px solid #869cc0; height:100%; text-align:center; vertical-align:center;}
.report-title-container .time-container { width:68px;  text-align:center; vertical-align:center;}
.report-battle-title {height:20px; width:100%; background-color:#a3b9dd; text-align:center; color:#363636; }

.report-trade-container {width:100%; height:80px; border-bottom:1px solid #7693b2; }
.report-trade-container .report-trade-info {width: 100%; height:100%; float:left; padding-top:5px; padding-left:10px;}

/*mail*/
.mail-create-button { background-image:url('/img/common_images/mail_create_button.png'); width:74px; height:19px; display:block; }
.mail-send-button { background-image:url('/img/common_images/mail_send_button.png'); width:77px; height:19px; display:block;}
.delete-container-mail {float:left; margin-left:5px; margin-top:2px;}
.incoming-create-button {float:left; margin-left:5px;}
.mail-incoming-navigation {height:19px; margin-top:5px;}
.mail-container {width:240px; border-spacing:0px; border-collapse:collapse; margin-top:10px;}
.mail-container td { border:1px solid #7693b2; height:37px; vertical-align:center; text-align:center; color:#363636; }
.mail-container .unread { background-color:#98add5; }
.mail-container .read {background-image:url('/img/common_images/cell_bg.gif'); }

.mail-container .checkbox-cell {width:22px; border-left:0px;}
.mail-container .info-cell {width:159px; }
.info-cell a{ color:#363636; }
.unread .info-cell a { font-weight:bold; }
.read .info-cell a { color:#4b6186; }
.mail-container .time-cell {border-right:0px;}
.read .time-cell { color:#4b6186; }

.mail-send-title {width:229px; height:18px; position:relative; margin:5px auto;}
.mail-send-title .send-caption { background-image:url('/img/common_images/mail_send_1.png'); width:35px; height:18px; position:absolute; left:0px; color:#363636; text-shadow:#FFFFFF 1px 1px 1px; padding-left:7px;}
.mail-send-title .send-input {position:absolute; left:42px; top:0px; background-image:url('/img/common_images/mail_send_2.png'); width:170px; height:16px; border:0px; color:#5a76a3; padding-left:5px;}
.mail-send-title .send-cancel {position:absolute; left:212px; top:0px; height:18px; width:17px; background-image:url('/img/common_images/02_key_3_3.png'); display:block;}
.mail-message {background-color:#a3b9dd; resize:none; word-wrap:break-word; outline:none; min-height:200px; border:0px; border-top:1px solid #90a6cc; border-bottom:1px solid #90a6cc; margin:5px auto; color:#363636;}
.unreadable {font-size:12px; padding:10px; }
.readable {width:98%; margin-bottom:-4px;}

.in-transit { border-collapse:collapse; border-top:1px solid #7693b2; width:100%; }
.in-transit th { background-color:#98add5; border-top:1px solid #dae5f7; font-weight:normal; text-align:left; }
.transit-info { border:1px solid #7693b2; border-left:0px; padding:4px 0px; padding-left:8px; width:170px; }
.in-transit-arrival { border:1px solid #7693b2; border-right:0px; padding:4px 0px; padding-left:4px; width:66px; }
td.in-transit-arrival { text-align:center; vertical-align:top; }
.in-transit-common { border-bottom:2px solid #7693b2; border-left:0px; padding:0px 4px 4px 0px;}

.sell-resources, .buy-resources { left:130px; position:absolute; top:-2px; width:110px; }
.sell-resource-icon, .buy-resource-icon { background-color:#b6ccf0; cursor:pointer; color:transparent; background-position:center center; background-repeat:no-repeat; display:block; float:left; margin-right:3px; height:19px;  width:22px; border:0px;}

.resource-wood-bordered { background-image:url('/img/resource_icons/wood_bordered.png'); }
.resource-iron-bordered { background-image:url('/img/resource_icons/iron_bordered.png'); }
.resource-food-bordered { background-image:url('/img/resource_icons/food_bordered.png'); }
.resource-stone-bordered { background-image:url('/img/resource_icons/stone_bordered.png'); }


.buy-demand, .buy-offer { left:0px; padding:4px 0px 4px 20px; position:relative; text-align:center; width:108px; }
.user-buy { background-image:url('/img/common_images/user_buy_offer.png'); background-repeat:no-repeat; background-position:bottom; height:45px; margin:0px auto; position:relative; width:200px; }
.user-buy-nick { left:0px; position:absolute; top:5px; }
.user-buy-time { position:absolute; right:0px; top:5px; }
.user-buy-demand, .user-buy-offer { background-position:21px top; background-repeat:no-repeat; height:17px; position:absolute; top:30px; }
.user-buy-demand .letter, .user-buy-offer .letter { color:#0030ff; text-align:center; width:19px; position:absolute; top:-1px; }
.user-buy-demand .amount, .user-buy-offer .amount { height:15px; position:absolute; text-align:center; top:-1px; width:41px; }
.user-buy-demand .amount { left:37px; }
.user-buy-offer .amount { right:0px; }
.user-buy-demand .letter { margin-left:5px; }
.user-buy-demand { left:0px; width:80px; background-position:25px top;}
.user-buy-offer { right:0px; width:76px; }


.trader { border-collapse:collapse; border-top:1px solid #7693b2; width:100%; }
.trader th { background-color:#98add5; border-top:1px solid #dae5f7; font-weight:normal; }
.trader-distribution { border:1px solid #7693b2; border-left:0px; padding:4px 0px; padding-left:8px; text-align:center; width:120px; vertical-align:top; }
.trader-distribution .resource-spinner { margin:6px auto; }
.trader-offer { border:1px solid #7693b2; border-right:0px; padding:4px 0px; padding-left:4px; text-align:center; width:95px; vertical-align:top; }

.gold { background-image:url('/img/common_images/gold.png'); background-repeat:no-repeat; color:#963400; display:block; height:14px; margin:0px auto; padding-top:1px; text-align:center; text-shadow:#f8e291 0px 1px 1px; width:47px; }
.gold:hover { text-decoration:none; }
.gold-wide { background-image:url('/img/common_images/gold_wide.png'); background-repeat:no-repeat; color:#963400; display:block; height:14px; margin:0px; padding-top:1px; text-align:center; text-shadow:#f8e291 0px 1px 1px; width:67px;}
.gold-wide:hover { text-decoration:none; }


.store, .store-add { border-collapse:collapse; width:100%; color:#363636; }
.store th, .store-add th { background-color:#98add5; font-weight:normal; padding:2px 0px; }
.store-offer, .store-period, .store-cost, .store-add-offer { border:1px solid #7693b2; padding:6px 0px; text-align:center; }
th.store-offer, .store-offer, .store-add-offer { border-left:0px; text-align:left; padding-left:10px; width:86px; }
.store-period { width:66px; }
.store-cost { border-right:0px; width:66px; }
.store-add-offer { width:155px; }

/*tables*/
.std-table { width: 100%; border-collapse: collapse; }
.std-table tr > td:first-child, .std-table tr > th:first-child{ border-left: none; }
.std-table th { padding: 0px; margin: 0px; text-align: center; border-left: 1px solid #7693b2; border-bottom: 1px solid #7693b2; border-top: none; background: #98add5; color: #363636; font-weight: normal; }
.std-table td { border-left: 1px solid #7693b2; border-top: 1px solid #7693b2; border-bottom: 1px solid #7693b2; padding: 0px; color: #363636; vertical-align: top; }
.std-table-header-container { border-top: 1px solid #dae5f7; padding: 0px; margin: 0px; }
.std-table .centered { padding-left: 0px; text-align: center; }
.std-table .left-20 { padding-left: 20px; }
.std-table .top-5 { padding-top: 5px; }
.std-table .padding-3 { padding-left: 3px; padding-top: 3px; }
.header-shadow { border-top: 1px solid #dae5f7; margin: 0px; }
.cell-shadow { border-top: 1px solid #b4c9eb; margin: 0px; }
.noheader-table { background: #a3b9dd; border-collapse: collapse; }
.noheader-table td { border-left: 1px solid #7693b2; border-top: 1px solid #7693b2; border-bottom: 1px solid #7693b2; padding: 0px; vertical-align: top; }
.noheader-table tr > td:first-child { border-left: none; }
.army-table { width: 240px; }
.army-table td {height:30px; text-align:center;}
.army-table .clan-name { padding-top:10px; display:block; color:#363636;}

.rating-table {width:240px; border-spacing:0px; border-collapse:collapse; margin-top:10px;}
.rating-table td { border:1px solid #7693b2; height:37px; vertical-align:center; text-align:center; color:#363636; }
.rating-table .unread { background-color:#98add5; }
.rating-table .read {background-image:url('/img/common_images/cell_bg.gif'); }
.rating-table .rating-title { background-color:#98add5; }
.rating-title td {height:17px; text-align:center; vertical-align:center; color:#363636; }
.rating-login {width:90px; }
.rating-clan {width:67px; }

.city-rating { display:block; float:left; padding-left:10px; width: 105px;}

.progress-bar { margin-left:15px; margin-top:6px; background:#537497; display:block; height:6px; width:100px; }
.progress-pixel { margin-top:1px; display: block; width: 1px; height: 4px; float: left; }

.profile-info { padding-left:40px; }
.profile-info span { position:absolute; left:145px; }
.profile-about {padding:3px 5px; word-wrap:break-word;}
.profile-city-container {border-top:1px solid #7693b2; height:22px; position:relative; }
.profile-city-container .capital { position:absolute; bottom:2px; left:35px; color:#537497;}
.profile-city-container .city { position:absolute; bottom:0px; left:105px; color:#363636; }
.profile-city-container .edit { position:absolute; top:4px; left:0px; color:#537497; padding-left:35px; }
.profile-city-container .edit:hover {text-decoration:none; }
.profile-capital {background-image:url('/img/common_images/capital.png'); background-repeat:no-repeat; background-position:13px;}
.profile-city-edit {background-image:url('/img/common_images/main_buttons/edit.png'); background-repeat:no-repeat; background-position:13px;}
.profile-money-button { background-image:url('/img/common_images/profile_money.png'); width:107px; height:20px; margin:5px auto; display:block;}
.profile-manage-button {color:#537497; font-size:14px; text-shadow:#FFFFFF 0px 1px 0px; font-weight:bold; margin:3px auto; width:140px; margin-right:0px; padding-left:25px; height:22px; background-repeat:no-repeat; background-position:0px center; display:block; }
.profile-manage-button:hover {text-decoration:none;}
.button-settings {background-image:url('/img/common_images/main_buttons/settings.png'); }
.button-mail {background-image:url('/img/common_images/main_buttons/mail.png'); }
.button-bonuses {background-image:url('/img/common_images/main_buttons/bonuses.png'); }
.button-presents {background-image:url('/img/common_images/main_buttons/presents.png'); }
.button-friends {background-image:url('/img/common_images/main_buttons/friends.png'); }

.diplomacy-member-container { border-bottom:1px solid #7693b2; padding-top:5px; padding-bottom:5px; padding-left:10px; position:relative;}
.user-activity { background-position:left; background-repeat:no-repeat; margin-bottom:7px; margin-left:20px;}
.online { background-image:url('/img/common_images/clan/indicator_green.png'); }
.offline { background-image:url('/img/common_images/clan/indicator_grey.png');}
.na { background-image:url('/img/common_images/clan/indicator_red.png'); }
.activity-right { background-position:95% 1px;; margin-left:0px; margin-top:7px; padding-left:3px; text-align:left;}

.targets-all { width:50%; float:left;}
.targets-second-block { margin-left:50%; margin-bottom:5px; margin-top:5px; }

.help-container {  padding:7px; color:#363636; }
.help-container .caption {font-weight:bold; font-size:14px; color:#0062d1; padding-bottom:5x; text-indent: 20px;}
.help-container p {text-indent: 20px;}
.help-container img { text-indent: 0px;  }
.help-building-container { background-repeat:no-repeat; padding-left:80px; border-top:1px solid #dae5f7; border-bottom:1px solid #7693b2; background-position:15px center;}
.help-building-container span { color:#0062d1; }
.help-container .main-building {background-image:url('/img/building_images/T_009.png'); background-position:0px;}
.help-container .warehouse {background-image:url('/img/building_images/T_002.png');  }
.help-container .cache {background-image:url('/img/building_images/T_005.png'); }
.help-container .barracks {background-image:url('/img/building_images/T_003.png');}
.help-container .rally-point {background-image:url('/img/building_images/T_004.png'); }
.help-container .university {background-image:url('/img/building_images/T_007.png'); }
.help-container .market {background-image:url('/img/building_images/T_006.png'); }
.help-container .workshop {background-image:url('/img/building_images/T_008.png'); }
.help-container .blacksmith {background-image:url('/img/building_images/T_001.png'); }
.help-container .cristian {background-image:url('/img/building_images/T_011.png'); }
.help-container .muslim {background-image:url('/img/building_images/T_012.png'); }
.help-container .pagan {background-image:url('/img/building_images/T_013.png'); }

.advice li {color:#0062d1;}
.advice span {color:#363636;}
.help-troop-container {background-color:#a3b9dd; background-repeat:no-repeat; border-top:1px solid #dae5f7; border-bottom:1px solid #7693b2; background-position:5px center; padding:3px; padding-left:60px;}
.help-troop-container span { color:#0062d1; }
.help-troop-container .zombie-params { font-size:11px; color:#363636; }
.help-troop-container .zombie-params-small { font-size:10px; width:100px;}
.help-container .light_infantry {background-image:url('/img/units_icons/light_infantry_l.png'); }
.help-container .heavy_infantry {background-image:url('/img/units_icons/heavy_infantry_l.png'); }
.help-container .light_cavalry {background-image:url('/img/units_icons/light_cavalry_l.png'); }
.help-container .heavy_cavalry {background-image:url('/img/units_icons/heavy_cavalry_l.png'); }
.help-container .archer {background-image:url('/img/units_icons/archer_l.png'); }
.help-container .wizard {background-image:url('/img/units_icons/wizard_l.png'); }
.help-container .battering_ram {background-image:url('/img/units_icons/battering_ram_l.png'); }
.help-container .ballista {background-image:url('/img/units_icons/ballista_l.png'); }
.help-container .scout {background-image:url('/img/units_icons/scout_l.png'); }
.help-container .settler {background-image:url('/img/units_icons/settler_l.png'); }
.help-container .measures {background-image:url('/img/units_icons/measures_l.png'); }
.help-container .hero1 {background-image:url('/img/hero_icons/hero1_l.png'); }
.help-container .hero2 {background-image:url('/img/hero_icons/hero2_l.png'); }
.help-container .hero3 {background-image:url('/img/hero_icons/hero3_l.png'); }
.help-container .zombie_light_infantry {background-image:url('/img/units_icons/zombie_light_infantry_l.png'); }
.help-container .zombie_heavy_infantry {background-image:url('/img/units_icons/zombie_heavy_infantry_l.png'); }
.help-container .zombie_light_cavalry {background-image:url('/img/units_icons/zombie_light_cavalry_l.png'); }
.help-container .zombie_heavy_cavalry {background-image:url('/img/units_icons/zombie_heavy_cavalry_l.png'); }
.help-container .zombie_archer {background-image:url('/img/units_icons/zombie_archer_l.png'); }
.help-container .zombie_wizard {background-image:url('/img/units_icons/zombie_wizard_l.png'); }
.help-container .zombie_battering_ram {background-image:url('/img/units_icons/zombie_battering_ram_l.png'); }
.help-container .zombie_ballista {background-image:url('/img/units_icons/zombie_ballista_l.png'); }
.help-container .zombie_scout {background-image:url('/img/units_icons/zombie_scout_l.png'); }


.faq-map-container { padding:10px; color:#363636; background-repeat:no-repeat; padding-left:90px; border-top:1px solid #dae5f7; border-bottom:1px solid #7693b2; background-position:5px center; min-height:70px; }
.faq-map-container span { color:#0062d1; }
.help-map1 { background-image:url('/img/help_images/map1.png'); }
.help-map2 { background-image:url('/img/help_images/map2.png'); }
.help-map3 { background-image:url('/img/help_images/map3.png'); }

/*forum*/
h2 {padding: 2px 0; margin: 0; font-size: 14px; color: #0062d1; font-weight: bold; word-wrap:break-word;}
.forum-link {text-decoration:underline; color:#0062d1; }
.maxheight { height: 100%; }
.forum-submenu {color:#4b6186; text-decoration:underline;}
.restore {color:#0062d1; font-size:11px;}
.forum-text {padding-left:20px; padding-bottom:10px; color: #363636; text-shadow:#FFFFFF 1px 1px 1px;}
.forum-textarea {background-color:#a3b9dd; resize:none;width:98%; outline:none; border:0px; border-top:1px solid #90a6cc; border-bottom:1px solid #90a6cc; color:#363636;}
.post-action {color: #0062d1}
.comment { color:#7a93bd; font-size:11px;}
.forum-select {background-color:#a3b9dd; border:1px solid #7693b2; color:#363636;}
.post-text {padding-left:20px; padding-bottom:10px; color: #363636; }
.admin-actions {font-size:11px; color:#363636;}
.post-text {word-wrap:break-word; padding:5px;}

/*chat*/
.chat-submenu { color:#363636; font-weight:bold; text-decoration:underline; }
.chat-link {text-decoration:underline; color:#0062d1; }
.chat-link-moder {color:#006f70; }
.action-link {text-decoration:underline; color:#006f70; font-size:11px;}
.moder-mes {color:#006f70;}
.winner-mes {font-style:italic;}
.chat-answer {background-image:url('/img/common_images/main_buttons/mail.png'); width:19px; height:19px; display:block; float:left; margin-right:5px; border:0px; cursor:pointer;}
.chat-smile {width:19px; height:19px; background-color: transparent; background-repeat: no-repeat; display:block; float:left; margin-right:2px; margin-top:5px; margin-left: 3px; border:0px; cursor:pointer; color: transparent;}

.static-assistent { width:100%; background-color:#a3c7dd; }
.static-assistent .ded { background-image:url('/img/units_icons/ded_l.png'); margin-left:10px; margin-top:10px; background-repeat:no-repeat; width:56px; background-position:top center; padding-top:46px;}
.static-assistent .assistent-content {color:#363636; font-size:11px; text-shadow:#FFFFFF 1px 1px 1px;}
.static-assistent .assistent-quest {height:50px; color:#363636; text-shadow:#FFFFFF 1px 1px 1px;}
.static-assistent .close-button { width:100%; text-align:center; bottom:1px; font-size:11px; }
.quest-task-container {border-top:1px solid #7693b2; background-color:#a3b9dd; padding-bottom:10px; padding-top:10px; text-align:center; color:#363636;}
.agreement { color:#4b6186; padding:7px; }
.agreement p {text-indent: 20px;}
.news-block { margin-bottom:10px; }
.news-block .ded { background-image:url('/img/units_icons/ded_l.png'); background-repeat:no-repeat; background-position:10px 10px; width:66px; height:56px; float:left;}
.news-block .news-content { padding-top:10px; width:170px; margin-left:67px; }

.building-update-button { width:67px; height:21px; margin:10px auto; display:block;}
.for-resources { background-image:url('/img/common_images/update_button_1.png'); }
.for-money { background-image:url('/img/common_images/update_button_2.png'); }

.activate-room-bonuses { background-image:url('/img/common_images/ativation.png'); width:98px; height:21px; margin:10px auto; display:block;}

/*religion*/
.hero-view-panel { position:relative; height:30px; margin-top:5px;}
.hero-view-panel .hero-avatar { position:absolute; left:20px; top:4px;}
.hero-view-panel .hero-name {position:absolute; left:50px; top:3px; font-size:11px; color:#4b6186; }
.hero-view-panel .hero-bonus {position:absolute; left:50px; top:16px; font-size:10px; color:#659b78; }

.city-caption-left, .city-caption-right { width:22px; height:22px; position:absolute; top:5px; cursor:pointer; }
.city-caption-left { background-image:url('/img/common_images/left.png'); left:2px; }
.city-caption-right { background-image:url('/img/common_images/right.png'); right:2px; }
.city-caption-middle { width:193px; position:relative; left:22px; }

.world-choose-container { background-color:#94acd4; }
.world-choose-container .world-choose-caption { color:#3f5b86; font-weight:bold; font-size:14px; text-align:center; border-bottom:1px solid #7693b2; text-shadow:#adc0e1 0px 1px 1px; padding-top:7px; padding-bottom:7px;}
.world-choose-container .world-choose-world { height:50px; border-bottom:1px solid #7693b2; }

.tutorial-map { position:relative; background-image:url('/img/tutorial_images/2.png'); width:240px; height:238px; }
.tutorial-map .tutorial-enemy-city { position:absolute; width:35px; height:35px; bottom:35px; right:40px; }
.tutorial-search { margin:0px auto; display:block; background-image:url('/img/tutorial_images/search.gif'); width:179px; height:24px; }
.tutorial-arrow { position:absolute; display:block; background-image:url('/img/tutorial_images/arrow.gif'); width:40px; height:40px; bottom:33px; right:80px;}

.user-rating-achieve { position:relative; width:40px;height:40px; background-repeat:no-repeat; margin-left:10px; display:block; }
.achive-attack { background-image:url('/img/medals/medalAttack.png'); }
.achive-defence { background-image:url('/img/medals/medalDefence.png'); }
.achive-plunder { background-image:url('/img/medals/medalPlunder.png'); }
.user-rating-achieve .medal {position:absolute; color:black; bottom:12px; right:16px;}
.user-rating-achieve-caption { position:absolute; margin-left:50px; margin-top:-30px; }
.user-rating-zombie-destroyer-achieve { height:40px; position:relative; }
.user-rating-zombie-destroyer-achieve .medal { width:50px; height:40px; position:absolute; left:10px; background-repeat:no-repeat; padding-left:40px; padding-top:15px; color:#363636; }
.user-rating-zombie-destroyer-achieve .destroyer-caption { color:#363636; position:absolute; left:70px; top:15px;}
.user-rating-zombie-destroyer-achieve .destroyer1 { background-image:url('/img/medals/destroyer1.png'); }
.user-rating-zombie-destroyer-achieve .destroyer2 { background-image:url('/img/medals/destroyer2.png'); }
.user-rating-zombie-destroyer-achieve .destroyer3 { background-image:url('/img/medals/destroyer3.png'); }
.user-rating-zombie-destroyer-achieve .destroyer4 { background-image:url('/img/medals/destroyer4.png'); }
.user-rating-zombie-destroyer-achieve .destroyer5 { background-image:url('/img/medals/destroyer5.png'); }

.user-rating-zombie-destroyer-achieve .zombie-award1 { background-image:url('/img/medals/award_01.png'); }
.user-rating-zombie-destroyer-achieve .zombie-award2 { background-image:url('/img/medals/award_02.png'); }
.user-rating-zombie-destroyer-achieve .zombie-award3 { background-image:url('/img/medals/award_03.png'); }
.user-rating-zombie-destroyer-achieve .zombie-award4 { background-image:url('/img/medals/award_04.png'); }
.user-rating-zombie-destroyer-achieve .zombie-award5 { background-image:url('/img/medals/award_05.png'); }

/*admin panel*/
#admin-panel {
	border: 5px solid #252f49;
	border-radius: 10px;
	position: relative;
	margin: auto;
	/*position: fixed; 
	right: 0px;
	top: 0px; */
	display: block; 
	width: 230px; 
	height: 25px; 
	background: #6e7690;
	font-size: 10px;
}
.admin-menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.admin-menu li {
	float: left;
	padding-left: 5px;
}
.admin-menu li:hover {
	background-color: white;
}