/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   background-position: 0 0;
   background-repeat: no-repeat;
   border: 0 none;
   font-size: 100%;
   font-style: inherit;
   font-weight: inherit;
   margin: 0;
   padding: 0;
   text-align: left;
   vertical-align: baseline;
}

a img, :link img, :visited img {border:0 none;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style-image: none; list-style-position: outside; list-style-type: none; }
q:before, q:after, blockquote:before, blockquote:after { content:""; }

/* css begin */
html, body { height:100%; }
body { font-family: Tahoma, sans-serif; font-size: 11px; color: #000; background: #fff; width: 100%; min-width: 1000px;}

/* content */
#wrap {position: relative; background: #fff; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; max-width: 1600px;}

.fl {float: left !important;}
.nowrap {white-space: nowrap !important;}
.highlight { color: #f57c06; }
.enchant {color: #5db0e6 !important;}
.align-center {text-align: center !important;}

/* header */
.header { }
.header .wrapper { position: relative; width: 1000px; height: 64px; margin: 0 auto;  }
.header .logo { float: left; margin: 13px 0 0 0; color: #747474; }
.header .logo a { color: #747474; }
.header .logo a:hover { color: #f57c06; text-decoration: none; }
.header .banner { float: left; margin: 5px 0 0 60px; }
.header .login { float: right; margin: 30px 0 0 0; }
.header .login a {
   position: relative;
   z-index: 100;
   text-decoration: none;
   font-weight: bold;
   color: #3d3d3d;
   padding-right: 10px;
   margin-left: 10px;
   background: url(../images/a2.gif) no-repeat 98% 4px;
}
.header .login .active { background: url(../images/a1.gif) no-repeat 100% 5px; }
.header .middle { height: 169px; margin: 5px 0 0 0; background: url(../images/img.jpg) no-repeat 50% 0; }

#auth { display: none; position: absolute; top: 25px; right: 5px; width: 176px; height: 141px; z-index: 50; padding: 43px 0 0 10px; background: url(../images/login.png) no-repeat; }
#auth .textbox {
   font-size: 12px;
   color: #4f4f4f;
   font-family: Tahoma, sans-serif;
   padding: 4px 6px;
   width: 150px;
   margin: 0 0 12px 0;
   border-top: 1px solid #848484;
   border-left: 1px solid #848484;
   border-right: 1px solid #c9c9c9;
   border-bottom: 1px solid #c9c9c9;
}
#auth label { display: block; font-size: 12px; color: #4f4f4f; margin: -4px 0 6px 0; }
#auth a { font-weight: normal; text-decoration: underline; margin: 0 0 0 5px; background: none; padding: 0; }

form.auth td {padding: 3px;}
form.auth td.title {text-align: right; padding-right: 5px;}
form.auth input[type='text'], form.auth input[type='password'] {width: 250px;}
form.auth input[type='submit'] {width: 100%;}

div.error {
   margin: 15px;
   display: inline-block;
   max-width: 500px;
   text-align: left !important;
   padding: 15px;
   border: 1px solid #999;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   background-color: #fafafa;
   color: red;
}

div.info {
   display: inline-block;
   max-width: 500px;
   padding: 12px;
   text-align: justify;
   font-size: 12px;
   font-style: italic;
   line-height: 120%;
   border: 1px solid #bbb;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px;
   background-color: #fafafa;
   margin: 10px;
}

#enter { border: 0; width: 62px; height: 28px; margin: 4px 0; background: url(../images/enter.png) no-repeat; color: #fff; font-weight: bold; font-family: Tahoma, sans-serif; }



/* top menu */
.header .topmenu { border-top: 1px solid #fff; height: 40px; background: url(../images/topmenu-bg.gif) repeat-x; }
.navi {margin: 0 auto; position: relative; text-align: center;}
.navicontainer { position: relative; text-align: center; margin: 0 auto; width: 1000px; }
.navi .wrpr { position: relative;  margin: 2px 0 0 0; padding: 0; }
.navi li {   position: relative;   float: left;   padding: 10px 30px 12px 30px;   margin: 0;   background: url(../images/topmenu-li.gif) no-repeat;}
.navi li:first-child { background: none; }.navi a { color: #f0fdfc; font-weight: bold; text-shadow: 0 -1px 0 #289d98; font-size: 12px; text-decoration: none; }
.navi a:hover, .navi li:hover a { text-decoration: underline; }
.navi a.fake {cursor: default;}
.navi li ul { display: none; position: absolute; left: 0; top: 36px; z-index: 999; border: 1px solid #a6d1d1; border-top: 0; width: 100%; }
.navi li li { border: 1px solid #fff; border-top: 0; display: block; float: none; padding: 7px 20px; background: url(../images/a3.gif) no-repeat 9px 50% #d2ebeb; }
.navi li li:first-child { border-top: 1px solid #fff;  background: url(../images/a3.gif) no-repeat 9px 50% #d2ebeb; }
.navi li li a { font-size: 11px; color: #316a69; text-shadow: none; font-weight: normal; text-decoration: underline; }
.navi li:hover ul { display: block; }

.navi ul.drop-down li:hover {background-color: #c0d9d9;}
.navi ul.drop-down li.current {background-color: #c0d9d9;}
.navi ul.drop-down li.current a {font-weight: bold;}

.pagi {margin: 0 auto; position: relative; text-align: center; margin: 25px 0; }
.pagicontainer { float: left; left: 50%; position: relative; text-align: center; }
.pagi .wrpr { position: relative;	left: -50%;	float: left; margin: 2px 0 0 0; padding: 0; }
.pagi li { position: relative; float: left; padding: 10px 3px; margin: 0; }
.pagi a { color: #316a69; font-size: 11px; }
.pagi a:hover, .pagi li:hover a { color: #f57c06; text-decoration: none; }
.pagi .prev { margin: 0 15px 0 25px; }
.pagi .next { margin: 0 25px 0 15px; }
.pagi .page a { font-weight: bold; color: #3d3d3d; }

form[name='paginator'] {
   text-align: center;
   margin: 10px;
}

form[name='paginator'] input[type='text'] {
   width: 30px;
}

.content { width: 1000px; margin: 30px auto 0 auto; }

/* aside */
.aside { float: left; width: 240px; border: 1px solid #d5d5d5; min-height: 100px; padding: 10px 8px; margin: 0 35px 0 0; font-size: 12px; color: #3d3d3d; }
.aside h2 { color: #047b7a; font-size: 20px; }
.aside h3 { color: #f57c06; font-size: 14px; margin: 5px 0; font-weight: bold; }
.aside p { margin: 5px 0 20px 0; }
.aside .search-bg { margin: 17px 0; background: #dbf2f2; border: 1px solid #a6d1d1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.aside .searchbar {
   margin: 11px 11px 5px 11px;
   width: 170px;
   font-size: 12px;
   color: #4f4f4f;
   font-family: Tahoma, sans-serif;
   padding: 4px 6px;
   border: 1px solid #bbb;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}
.aside .search-bg div {font-size: 11px; font-style: italic; margin: 0px 11px 11px 11px; padding: 0px;}
.aside .category { margin: 0px 0; }
.aside .banner { margin: 27px 0; }

/* text */
.text { float: left; width: 699px; font-size: 12px; }
.text h1 { font-size: 22px; color: #047b7a; margin-bottom: 15px; }

#list-filter table { border: none; margin-bottom: 10px;}
#list-filter td { border: none; padding: 3px; text-align: left;}
#list-filter td.title { font-size: 14px; text-align: right !important;}
#list-filter td select { width: 300px; }
#list-filter td input  { width: 295px; }
#list-filter td input.level  { width: 35px; }
#list-filter label {cursor: pointer; }
#list-filter span.found span.loading { background: transparent url(../images/ajax-loader.gif) no-repeat; display: inline-block; width: 15px; height: 15px; }

table.items { width: 100%; border-collapse: separate; font-size: 12px; margin: 25px 0; border-left: 1px solid #a6d1d1;}
table.items thead td {
   position: relative;
   border: 1px solid #a6d1d1;
   padding: 7px 9px;
   border-left: 0px solid #a6d1d1;
   font-weight: bold;
   color: #316a69;
   background-color: #d2ebeb;
   text-align: left;
}
table.items tbody td { border: 1px solid #a6d1d1; border-left: 0; border-top: 0; vertical-align: middle; text-align: right; padding: 7px 5px; }
table.items td a {color: black;min-width: 30px;}
table.items img.ico { width:32px; max-width:32px; height: 32px; margin: 0px;}
table.items td.name { min-width: 150px; text-align: left; }

table.items a.header-sort { background: transparent url(../images/sort.gif) no-repeat right 2px; padding-right: 16px !important; text-decoration: none; color: #316a69; }
table.items a.header-sort:hover { text-decoration: underline !important; color: #5db0e6 !important; }
table.items a.header-sort-asc { background-position: right -17px; color: #5db0e6; }
table.items a.header-sort-desc { background-position: right -37px; color: #5db0e6; }

table.items tr span.level {font-size: 11px; padding-left: 10px; color: #f57c06; font-weight:bold;}
table.items tr.aggro span.level {color: red; font-weight: bold;}
table.items tr.aggro strong.agression {color: red;}

.text div.item { color: #316a69; text-decoration: none;}
.text div.item a {display: inline-block; color: black; text-decoration: none;}
.text tr.highlight div.item a {font-weight: bold;}
.text tr.highlight td {font-weight: bold; color: black;}
.text div.item span.item-name {display: inline-block; vertical-align: top; margin-top: 3px; padding: 0px;}
.text div.item small {display: block; font-size: 11px;}
.text div.item img.ico {border: 1px solid #333; margin: 0px 5px 0px 0px;}
.text div.item-info img.ico {border: none !important;}

.text div.item:hover {text-decoration:none; color: #2E8BB2}
.text div.item:hover a {text-decoration:none; color: #2E8BB2}
.text div.item:hover img.ico {border: #2E8BB2 1px solid}

.text .item-info { display: none; position: absolute; left: 178px; z-index: 999; min-width: 200px; max-width: 300px; padding: 10px; font-size: 11px; background: #d2ebeb; color: #3d3d3d; border: 1px solid #fff; line-height: 170%; }
.text .item-info strong { color: #316a69; }
.text .item-info .view { overflow: hidden; }
.text .item-info .view img.ico { float: left; margin: 2px 7px 0 0; }
.text .item-info p { margin-top: 5px; font-style: italic; }

.text h1 div {display:inline-block; padding:0px 0px 0px 0px; line-height:25px; margin-top: -6px;}
.text h1 span.name {}
.text h1 span.name_rus { color: #f57c06; }

.text h1.item-title {margin: 0px;}
.text h1.item-title img.ico {width:35px; height:35px; float: left;}
.text h1.item-title img.grade-ico {margin:0px;}
.text h1.item-title div {height: 30px; width: 650px; padding-left: 10px;}
.text h1.item-title span.item-type { font-weight: bold; font-size: 12px; color: black; display: block !important; margin-top:8px;}
.text .item-descr { margin: 10px 0px; padding: 5px; border: 1px solid #eab26e;}

.text img.class-ico {width:60px; height:60px;}
.text h1.class-title div {width: 615px; line-height: normal; margin: 0px;}

.text table.info {margin-top: 12px;}

.text .banners { clear: both; padding: 45px 0 0 0; position: absolute; }
.text .banners img { margin: 0; }

.news { color: #3d3d3d; }
.news .item {}
.news .date { color: #f57c06; }
.news a { color: #3d3d3d; font-weight: bold; }
.news p { margin: 15px 0; }

#armorset-bonus {
   margin: 10px;
}

#armorset-bonus td {
   padding: 3px;
   text-align: left;
}

#armorset-bonus td.title {
   text-align: right;
   padding-right: 7px;
   color: #047b7a;
   font-weight: bold;
}



/* tabs */
ul.tabs {   margin: 20px 0 0 0;   padding: 0;   list-style: none;   height: 23px;   width: 100%;}
ul.tabs li { position: relative; float: left; height: 23px; background: url(../images/info-hover.gif) no-repeat; padding: 6px 7px 0 11px; margin-right: 2px; }
ul.tabs li a { color: #fff; font-weight: bold; text-decoration: none; }
html ul.tabs li.active, html ul.tabs li:hover  { background-position: 0 100%; }
ul.tabs li span { display: block; position: absolute; top: 0; right: 0; width: 4px; height: 29px; background: url(../images/info-hover.gif) no-repeat 100% 0; }
ul.tabs li.active span, ul.tabs li:hover span  { background-position: 100% 100%; }
.tab_container table { font-size: 12px; width: 99.9%; margin: 1px 0 0 0; }
.tab_container td { padding: 7px 5px; }
.odd { background: #d2ebeb; border: 1px solid #a6d1d1; }
.tab_container {border-top: none; clear: both; float: left; min-width: 100%; background: #fff;}
.tab_content {text-align: center;}
.ajax-loader {background: url(../images/ajax-loader-big.gif) no-repeat center center; min-height: 150px;}

#tree {margin-top: 10px;}
#tree div.item {margin: 0px 0px 0px 19px; padding: 2px;}
#tree li {padding: 0px; margin: 0px; clear: both;}
#tree li ul {margin: 0px 0px 0px 35px; padding: 0px;}
#tree span.jquery-tree-handle {position: absolute;}
#tree span.qtty {
   position: relative;
   top: -6px;
   margin-left: 5px;
   font-weight: bold;

}

/* footer */
#footer {   position: relative;   margin: -112px auto 0 auto;   height: 112px;   width: 1000px;   font-size: 12px;}
.footer-top {  background: #dbf2f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #316a69; padding: 20px 14px; }
.footer-top a { margin-left: 40px; color: #3d3d3d; }
#footer .counters { float: right; margin-top: -22px; }
#footer .counters img { margin-left: 12px; }
#footer .counters a { margin: 0; }
.footer-bottom { margin: 18px 0 0 0; color: #575757; }
.footer-bottom a { color: #575757; }
.footer-bottom .social { float: left; margin: 0 15px 0 1px; }
.footer-bottom span { padding-top: 5px; }
.footer-bottom span.stat {   font-size: 11px;   font-style: italic;   display: block;   float: right;}
.footer_blank {clear: both; height: 152px; }



/*new*/
.info { width: 100%; border-collapse: collapse; margin-bottom: 27px;}
.info td { border: 1px solid #eab26e; padding-top: 4px; padding-bottom: 5px; padding-left: 12px; padding-right: 12px; vertical-align: middle;}
.info .t1 { background: #ffe1be; font-weight: bold; color: #dd7005; padding-left: 8px; padding-right: 8px;}
.knopa { background: url(../images/knopa.gif) no-repeat; height: 21px; color: #FFF; text-decoration: none; font-weight: bold; font-size: 12px; text-align: center; margin-right: 8px; padding-top: 2px; border: none;}
.knopa:hover { background: url(../images/knopa_hover.gif) no-repeat;}
.knopa_active { background: url(../images/knopa_hover.gif) no-repeat; width: 102px; height: 21px; display: inline-block; color: #FFF; text-decoration: none; font-weight: bold; font-size: 12px; text-align: center; margin-right: 8px; padding-top: 2px;}
table.skills tr.header td {
   text-align: left !important;
   font-size: 15px;
}

table.skills tr.header .toggle {
   height: auto !important;
   width: auto !important;
   padding-left: 25px;
   color: #f57c06;
   font-weight: bold;
   cursor: pointer;
   text-decoration: none;
}

table.skills tr.header .toggle:hover {
   text-decoration: underline;
}

table.skills td.name {
   min-width: 200px !important;
   text-align: left !important;
}

table.skills thead td {
   text-align: center !important;
}

table.skills td {
   border-bottom: 1px solid #a6d1d1 !important;
   border-left: none !important;
   border-right: none !important;
   border-top: none !important;
   text-align: center !important;
}

table.items td.item div.item {
   width: auto !important;
   text-align: center !important;
}

table.items td.item div.item span.item-name {
   display: none !important;
}

table.skills {
   border: 1px solid #a6d1d1;
   margin: 0px;
}

table.skills tr.hidden {
   display: none;
}

.skilltree-controls {
   margin-bottom: 5px;
}

.skilltree-controls button {
   margin: 0px;
}

#skills .skilltree-controls {
   display: none;
   padding: 0px;
   margin: 0px !important;
}

.plus { background: url(../images/plus.gif) left no-repeat;}
.minus { background: url(../images/min.gif) left no-repeat;}



#map-container {
   border: 1px solid #999;
   cursor: default;
}

#map-container .button-container {
   margin: 10px;
   text-align: right;
   white-space: nowrap;
}

#map-container .button-container.float-left {
   float: left;
}

#map-container .button-container.float-right {
   float: right;
}

#map-container .button {
   margin: 2px;
   padding: 3px;
   opacity: 0.6;
   filter: alpha(opacity=60);
   cursor: pointer;
   float: left;
   background-color: white;
   border-radius: 3px;
}

#map-container .button.map-selector {

}

#map-container .button.custom {

}

#map-container .button:hover, #map-container .button.active {
   opacity: 1 !important;
   filter: alpha(opacity=100) !important;
}

#map-container .map-marker-popup {
   z-index: 5;
   opacity: 0.75;
   filter: alpha(opacity=75);
   background-color: white;
   border-radius: 5px;
   border: 1px solid #bbb;
   padding: 5px;
   margin-top: 0px;
   margin-left: 20px;
   white-space: nowrap;
}

#map-container .draggable {
   cursor: pointer;
}

#map-container .draggable.ui-draggable-dragging {
   cursor: move !important;
}



.map-legend {
   border: 1px solid #999;
   border-radius: 5px;
   margin: 10px;
   padding: 10px;
}

.map-legend .title {
   margin-bottom: 7px;
   font-size: 14px;
}

.map-legend .entry {
   font-style: italic;
   font-size: 12px;
}

.map-legend .info {
   padding-left: 7px;
}

.map-legend .remove-button:hover {
   text-decoration: underline;
}



.widget {
   margin: 5px 10px 25px 10px;
}

.widget h3 {
   color:#047b7a;
   margin-bottom:5px;
}



.bookmarks.widget form {
   text-align: center;
   margin-bottom: 10px;
   margin-top: 10px;
}

.bookmarks.widget .title {
   font-size: 12px;
   font-weight: bold;
   margin: 5px 0px;
}

.bookmarks.widget ul {
   margin-left: 25px;
   list-style-type: circle;
}

.bookmarks.widget ul a {
   color: #316a69;
   font-size: 11px;
}

.bookmarks.widget div.all-bookmarks {
   text-align: right;
   margin-top: 10px;
}

.bookmarks a {text-decoration: none;}
.bookmarks a:hover {text-decoration: underline;}
.bookmarks a {color: black;}


#db-select select {width: 100%;}

div.gsearch form input[name='gquery'] {
   width: 215px;
}



form.staticpage-editor {
   width: 900px;
}

form.staticpage-editor td{
   padding: 5px 2px;
}

form.staticpage-editor td.title {
   width: 70px;
}

form.staticpage-editor input, form.staticpage-editor textarea {
   width: 100%;
}

form.staticpage-editor div.tags button.knopa {
   margin: 2px 1px;
}


span.staticpage-editlnk {
   font-size: 14px;
}

span.staticpage-editlnk a {
   color: #047B7A;
}


a.tag {
   color: #047B7A;
}

span.tag.unresolved {
   color: red;
   font-weight: bold;
}