body {
 font-family: 'Trebuchet MS' ,Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: center;
 background: black;
 color: white;}
#body {position:absolute; width:100%; height:100%; overflow:auto;}
#background {min-width:1024px; background:#715740 url('img/block-dirt.png') top center;}
#site {position:relative; margin: 0 auto 0 auto; width:1024px; min-height:600px}

#head {position:absolute; left:0px; top:0px; width:100%; height:494px}
#head .shdw {position:absolute; left:0px; top:0px; width:100%; height:394px; background:url('img/head-shdw.png') repeat-x bottom left}
#head .deco {position:absolute; left:0px; top:394px; width:100%; height:100px; background:url('img/block-grass.png') repeat-x top center}

#foot {position:relative; width:100%; height:296px;}
#foot .line-shdw {position:absolute; left:0px; top:0px; width:100%; height:20px; background:url('img/foot-shdw.png') repeat-x bottom left;}
#foot .line-top {position:absolute; left:0px; top:20px; width:100%; height:100px; background:url('img/block-grass.png') repeat-x top center}
#foot .line-body {position:absolute; left:0px; top:120px; width:100%; height:196px; background:url('img/block-dirt.png') top center}
#foot .wrap {position:relative; margin: 0 auto 0 auto; width:1024px; height:100%;}
#foot .block-major {position:absolute; left:0px; top:52px; width:448px; height:260px; background:url('img/foot-grass.png')}
#foot .block-minor {position:absolute; left:384px; top:56px; width:640px; height:260px; background:url('img/foot-stone.png')}
#foot .deco.door {position:absolute; left:64px; top:-172px; width:192px; height:192px; background:url('img/deco-door.png')}
#foot .deco.chest {position:absolute; left:192px; top:-108px; width:192px; height:192px; background:url('img/deco-chest.png')}
#foot .deco.forge {position:absolute; left:192px; top:-108px; width:192px; height:192px; background:url('img/deco-forge.png')}
#foot .deco.pumpkin {position:absolute; left:192px; top:-108px; width:192px; height:192px; background:url('img/deco-pumpkin.png')}
#foot .deco.toolbench {position:absolute; left:192px; top:-108px; width:192px; height:192px; background:url('img/deco-toolbench.png')}
#foot .deco.tnt {position:absolute; left:192px; top:-108px; width:192px; height:192px; background:url('img/deco-tnt.png')}
#foot .deco.tree {position:absolute; left:576px; top:-24px; width:64px; height:64px; background:url('img/deco-tree.png')}
#foot .deco.flora-red {position:absolute; left:768px; top:-24px; width:64px; height:64px; background:url('img/deco-flora-red.png')}
#foot .deco.flora-yellow {position:absolute; left:448px; top:-24px; width:64px; height:64px; background:url('img/deco-flora-yellow.png')}
#foot .links {position:absolute; left:475px; top:122px; color:#938a89; font-size:16px; font-family:'Uni05Normal'; text-shadow:#000 0px 1px 3px;}
#foot .links a {color:#d8cfce; text-decoration:none;}
#foot .links a:hover {color:#fff5cb; text-decoration:underline;}

#info-image {position:absolute; left:0px; top:0px; width:100%; height:394px}
#info-image .image {position:absolute; display:none; left:0px; top:0px; width:100%; height:394px; background:#11131f}
#info-image .image.first {display:block}
#info-image .world-intro {background:#11131f url('header/world-intro.jpg') no-repeat top center}
#info-image .world-chaosphere {background:#b0ccff url('header/world-chaosphere.jpg') no-repeat top center}
#info-image .world-chaosphere2 {background:#0d0f18 url('header/world-chaosphere2.jpg') no-repeat top center}
#info-image .world-space {background:#191222 url('header/world-space.jpg') no-repeat top center}
#info-image .event-desert-mystery {background:#9b94c6 url('header/event-desert-mystery.jpg') no-repeat top center}
#info-image .event-blaze-tower {background:#11131f url('header/event-blaze-tower.jpg') no-repeat top center}
#info-image .dungeon-bones {background:#230d0b url('header/dungeon-bones.jpg') no-repeat top center}
#info-image .dungeon-bridges {background:#230d0b url('header/dungeon-bridges.jpg') no-repeat top center}
#info-image .dungeon-slimefarm {background:#1f130f url('header/dungeon-slimefarm.jpg') no-repeat top center}
#info-image .event-arachnophobia {background:#11131f url('header/event-arachnophobia.jpg') no-repeat top center}
#info-image .event-doomed-world {background:#300e0a url('header/event-doomed-world.jpg') no-repeat top center}
#info-image .event-ender-attack {background:#11131f url('header/event-ender-attack.jpg') no-repeat top center}
#info-image .event-gatecon{background:#030306 url('header/event-gatecon.jpg') no-repeat top center}
#info-image .event-chaosphere{background:#a2caf5 url('header/event-chaosphere.jpg') no-repeat top center}
#info-image .event-nordic-treasures {background:#b0ccff url('header/event-nordic-treasures.jpg') no-repeat top center}
#info-image .event-creeper-anomaly {background:#b0ccff url('header/event-creeper-anomaly.jpg') no-repeat top center}
#info-image .event-zombocalypse {background:#11131e url('header/event-zombocalypse.jpg') no-repeat top center}
#info-image .event-undead-horde{background:#000000 url('header/event-undead-horde.jpg') no-repeat top center}
#info-image .event-xmas {background:#0a0910 url('header/event-xmas.jpg') no-repeat top center}
#info-image .location-pigman-village {background:#230d0b url('header/location-pigman-village.jpg') no-repeat top center}
#info-image .plugin-gatespawner {background:#b0ccff url('header/plugin-gatespawner.jpg') no-repeat top center}
#info-image .location-marketplace {background:#b0ccff url('header/location-marketplace.jpg') no-repeat top center}
#info-image .location-metropolis {background:#11131e url('header/location-metropolis.jpg') no-repeat top center}


#info-frame {position:absolute; z-index:3; display:none; left:384px; top:206px; width:576px; height:156px; text-align:left; text-shadow:#000 0px 2px 2px, #000 0px -1px 2px, #000 -1px 0px 2px, #000 1px 0px 2px;}
#info-frame .background {position:absolute; z-index:1; left:0px; top:0px; width:576px; height:156px; background:#000;}
#info-frame .frame {position:absolute; z-index:3; left:56px; top:0px; width:478px; height:156px;}
#info-frame .frame .title {font-size:16px; font-weight:bold}
#info-frame .arrow {position:absolute; z-index:2; top:0px; width:32px; height:156px; cursor:pointer;}
#info-frame .arrow.left {left:0px;  background:#000 url('img/arrow-left.gif') center center no-repeat;}
#info-frame .arrow.right {right:0px; background:#000 url('img/arrow-right.gif') center center no-repeat;}

#pot-of-gold {position:absolute; z-index:7; display:block; left:240px; top:124px; width:72px; height:112px; background:url('img/pot-of-gold.png');}
#donate-popup {position:absolute; z-index:7; display:none; left:61px; top:134px; width:175px; height:50px;}
#donate-popup .content {position:relative; z-index:2; margin:7px 5px 5px 5px;}
#donate-popup .background {position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60);}
#updates-background {position:absolute; display:none; left:0px; top:0px; width:100%; height:394px; background:#1a1f28 url('header/updates/background.gif');}
#updates-frame {position:absolute; z-index:8; display:none; left:0px; top:0px; width:100%;}
#updates-frame .updates {position:absolute; left:378px; top:0px; height:380px;}
#updates-frame .update {position:relative; display:block; width:201px; height:380px; margin-right:5px; float:left; text-decoration:none;}
#updates-frame .update.economy   {color:#39bf28; background:#16571b url('header/updates/economy.png');}
#updates-frame .update.magic     {color:#7eabd6; background:#3d5267 url('header/updates/magic.png');}
#updates-frame .update.treasures {color:#ffde00; background:#726319 url('header/updates/treasures.png')}
#updates-frame .title {position:absolute; display:block; left:0px; top:170px; width:201px; text-align:center;
 font-size:16px; font-family:'Uni05Bold'; text-shadow:#000 0px 2px 3px;}
#updates-frame .votes {position:absolute; display:block; left:0px; top:196px; width:201px; text-align:center;
 font-size:8px; font-family:'Uni05Normal'; text-shadow:#000 0px 2px 3px;}
#updates-frame .desc {position:absolute; display:block; left:20px; top:230px; width:161px; text-align:center;
 font-size:14px; text-shadow:#000 0px 2px 3px;}

#logo {display:block; position:absolute; z-index:3; left:20px; top:50px; width:341px; height:140px; background:url('img/logo-ver3.png') top left no-repeat; text-decoration:none}
#logo .moto {display:none; position:absolute; right:2px; bottom:0px; color:#e6cca5; text-shadow:#000 0px 1px 2px;}
#site-left {position:relative; z-index:2; float:left; width:384px; margin-bottom:148px;}
#site-main {position:relative; z-index:1; float:right; width:640px;}
#site-clear {clear:both;}

/*menu*/
#menu-main {position:relative; margin-top:188px; margin-left:46px; width:292px; min-height:450px;}
#menu-main .head {position:absolute; left:0px; top:0px; width:292px; height:50px; background:url('img/menu-main-head.png') top left;}
#menu-main .foot {position:absolute; left:0px; bottom:0px; width:292px; height:18px; background:url('img/menu-shdw-foot.png') top left;}
#menu-main .body {position:absolute; left:0px; top:50px; bottom:18px; width:292px; background:url('img/menu-main-body.png') top left;}
#menu-main .title {position:absolute; left:28px; top:22px; color:black; font-size:16px; color:#beb5b4; font-family:'Uni05Normal'; text-shadow:#000 0px 1px 3px;}
#menu-main .content {position:relative; padding:60px 30px 30px 30px;}

#menu-sub {position:absolute; display:none; left:320px; top:430px; width:274px; }
#menu-sub .head {position:absolute; left:0px; top:0px; width:274px; height:32px; background:url('img/menu-main-head.png') -18px -18px;}
#menu-sub .foot {position:absolute; left:0px; bottom:0px; width:274px; height:18px; background:url('img/menu-shdw-foot.png') -18px 0px;}
#menu-sub .body {position:absolute; left:0px; top:32px; bottom:18px; width:274px; background:url('img/menu-main-body.png') -18px 0px;}
#menu-sub .title {position:absolute; left:28px; top:22px; color:black; font-size:16px; color:#beb5b4; font-family:'Uni05Normal'; text-shadow:#000 0px 1px 3px;}
#menu-sub .content {position:relative; padding:42px 30px 30px 12px;}

#menu-lang {position:absolute; z-index:5; left:60px; top:4px; text-align:left; display: none}
#menu-lang a {color:#fff; text-decoration:none; text-shadow: #000 0px 0px 2px; padding-left:30px;}
#menu-lang a:hover {color:#ffc; text-decoration:underline;}
#menu-lang a.cz {background:url('img/flag_cz.gif') left top no-repeat;}
#menu-lang a.en {background:url('img/flag_en.gif') left top no-repeat;}

#menu-facebook {position:relative; margin-left:46px; margin-top:8px; width:292px; min-height:132px;}
#menu-facebook .head {position:absolute; left:0px; top:0px; width:292px; height:50px; background:url('img/menu-facebook-head.png') top left;}
#menu-facebook .foot {position:absolute; left:0px; bottom:0px; width:292px; height:18px; background:url('img/menu-shdw-foot.png') top left;}
#menu-facebook .body {position:absolute; left:0px; top:50px; bottom:18px; width:292px; background:url('img/menu-facebook-body.png') top left;}
#menu-facebook .logo {position:absolute; left:0px; top:50px; bottom:18px; width:292px; height:64px; background:url('img/menu-facebook-logo.png') top left;}
#menu-facebook .content {position:relative; padding:60px 20px 26px 26px; display:none;}

#menu-wiki {position:relative; margin-left:46px; margin-top:8px; width:292px; min-height:132px;}
#menu-wiki .head {position:absolute; left:0px; top:0px; width:292px; height:50px; background:url('img/menu-wiki-head.png') top left;}
#menu-wiki .foot {position:absolute; left:0px; bottom:0px; width:292px; height:18px; background:url('img/menu-shdw-foot.png') top left;}
#menu-wiki .body {position:absolute; left:0px; top:50px; bottom:18px; width:292px; background:url('img/menu-wiki-logo.png') top left;}
#menu-wiki .logo {position:absolute; left:0px; top:50px; bottom:18px; width:292px; height:64px; background:url('img/menu-wiki-logo.png') top left;}
#menu-wiki .content {position:absolute; left:18px; top:20px; bottom:17px; width:255px; display:block; }

#menu-shagallar {position:relative; margin-left:46px; margin-top:8px; width:292px; min-height:132px;}
#menu-shagallar .head {position:absolute; left:0px; top:0px; width:292px; height:50px; background:url('img/menu-main-head.png') top left;}
#menu-shagallar .foot {position:absolute; left:0px; bottom:0px; width:292px; height:18px; background:url('img/menu-shdw-foot.png') top left;}
#menu-shagallar .body {position:absolute; left:0px; top:50px; bottom:18px; width:292px; background:url('img/menu-main-body.png') top left;}
#menu-shagallar .logo {position:absolute; left:0px; top:50px; bottom:18px; width:292px; height:64px; background:url('img/menu-shangallar-logo.png') top left;}
#menu-shagallar .content {position:absolute; left:18px; top:20px; bottom:17px; width:255px; display:block; }

.menu-content {position:relative; margin-left:33px; width:316px; min-height:262px}
.menu-content .head {position:absolute; left:0px; top:0px; width:316px; height:62px; background:url('img/menu-content-head.png') top left;}
.menu-content .foot {position:absolute; left:0px; bottom:0px; width:316px; height:126px; background:url('img/menu-content-foot.png') top left;}
.menu-content .body {position:absolute; left:0px; top:60px; bottom:40px; width:316px; background:url('img/menu-content-body.png') top left;}
.menu-content .title {position:absolute; left:28px; top:22px; color:black; font-size:16px; color:#beb5b4; font-family:'Uni05Normal'; text-shadow:#000 0px 1px 3px;}
.menu-content .content {position:relative; padding:30px 45px 64px 45px}
.menu-content .content iframe.player {position:absolute; z-index:1; right:40px; top:70px;}
.menu-content .content .hero-text {position:relative; z-index:2; width:150px;}
.menu-content .content h2 {position:relative; z-index:2;}

.menu-content.alt {position:relative; margin-left:46px; width:292px; min-height:126px;}
.menu-content.alt .head {position:absolute; left:0px; top:0px; width:292px; height:50px; background:url('img/menu-main-head.png') top left;}
.menu-content.alt .foot {position:absolute; left:0px; bottom:0px; width:292px; height:18px; background:url('img/menu-shdw-foot.png') top left;}
.menu-content.alt .body {position:absolute; left:0px; top:50px; bottom:18px; width:292px; background:url('img/menu-main-body.png') top left;}
.menu-content.alt .title {position:absolute; left:28px; top:22px; color:black; font-size:16px; color:#beb5b4; font-family:'Uni05Normal'; text-shadow:#000 0px 1px 3px;}
.menu-content.alt .content {position:relative; padding:60px 30px 30px 30px;}

.menu-content .banner {position:absolute; z-index:3; left:21px; top:54px;}
.menu-content .banner-placeholder {height:235px;}

#content {position:relative; margin-top:464px; margin-bottom:14px; left:-30px; width:636px; min-height:700px;}
#content .content-head {position:absolute; left:0px; top:0px; width:636px; height:62px; background:url('img/content-head.png') top left;}
#content .content-foot {position:absolute; left:0px; bottom:0px; width:636px; height:126px; background:url('img/content-foot.png') top left;}
#content .content-body {position:absolute; left:0px; top:62px; bottom:126px; width:636px; background:url('img/content-body.png') top left;}
#content .content {position:relative; margin:0 50px 0 50px; padding:45px 0 40px 0; xborder:1px solid red;}
#content .deco.creeper {position:absolute; right:94px; bottom:62px; width:256px; height:224px; background:url('img/deco-creeper.png');}

.menu div.main {display:block; background:#7e7672; padding:2px 4px 2px 4px; font-size:14px; font-weight:bold; color:#ffe6bd; 
 border:2px solid #716966;
 border-top-color:#9c938f;
 border-bottom-color:#544c49;
 text-shadow:#000 0px 2px 3px;}
.menu div.main.current {color:#fff !important;}
.menu a.sub {display:block; padding:2px 4px 2px 18px; font-size:14px; color:#fff; text-shadow:#000 0px 2px 3px;
 background:url('img/menu-bullet.png') 0px 6px no-repeat;}
.menu a.sub.current {background:url('img/menu-bullet-2.png') 0px 6px no-repeat;}
.menu a.sub:hover {color:#fff5cb; background:url('img/menu-bullet-3.png') 0px 6px no-repeat;}
.menu a.sub .expand {display:none}
.menu a.sub.subpage {position:relative;}
.menu a.sub.subpage .expand {display:block; position:absolute; right:2px; top:4px; width:16px; height:16px; background:url('img/menu-expand-1.png');}
.menu a.sub.subpage:hover .expand {background:url('img/menu-expand-2.png');}


#chapters {
 position:relative;
 left:-20px; top:-20px;
 width:576px; height:94px;
 margin-bottom: -30px;
 background:url('img/chapter-background.png');}
#chapters .chapter {
 position:absolute;
 top:12px;
 height:40px;}
#chapters .chapter-1 {left:350px; width:130px; background:url('img/chapter-1-disabled.png')}
#chapters .chapter-2 {left:70px; width:195px; background:url('img/chapter-2-disabled.png')}
#chapters .chapter a {display:block; width:100%; height:100%}
#chapters .chapter-1 a:hover {background:url('img/chapter-1.png')}
#chapters .chapter-2 a:hover {background:url('img/chapter-2.png')}
#chapters .chapter-1.current a {background:url('img/chapter-1.png')}
#chapters .chapter-2.current a {background:url('img/chapter-2.png')}


/* CONTENT */
.content {
 position:relative;
 text-align:left;}
.content h1 {
 font-size:16px; color:#beb5b4; font-family:'Uni05Bold';
 color:#a4c880; text-shadow:#000 0px 2px 3px;}
.content h1 span {
 color:#F1D7AF; }
.content h2 {
 font-size:16px; color:#beb5b4; font-family:'Uni05Normal';
 color:#a8c4ff; text-shadow:#000 0px 2px 3px;}
.content h3 {
 font-weight: bold;
 font-size: 14px;
 color:#a8c4ff; text-shadow:#000 0px 2px 3px;}
.content p,
.content li,
.content td {
 font-size: 12px;}
.content ul {
 margin:0 0 5px 2px;
 padding:0;}
.content li {
 list-style:none;
 padding-left:20px;
 margin-left:-4px;
 margin-bottom:7px;
 color:#ddd;
 background: transparent url('img/list-bullet.png') 0 3px no-repeat;}
.content li:hover {
 color:#fff;
 background: transparent url('img/menu-bullet-2.png') 0 3px no-repeat;}
.content hr {
 color:#cfcfcf; background: #cfcfcf; height:1px; border:0px;}
 
.content img {border:0px;}
.content a img {border:2px solid #3b3a39;   
 -moz-box-shadow: 0px 2px 4px #000;
 -webkit-box-shadow: 0px 2px 4px #000;
 box-shadow: 0px 2px 4px #000;}
.content a:hover img {border:2px solid #646449;}
.content a {color:#96acdd; text-decoration:none; text-shadow:0px 1px 2px #001, 0px 0px 2px #001}
.content a:hover {color:#b8d2ff; text-decoration:underline; text-shadow:0px 0px 2px #002;}

.content ul.submenu a {font-size:16px;}
.content ul.submenu li {background-position:0px 7px;}
.content ul.submenu li:hover {background-position:0px 7px;}

.content img.gc-item {
 border:4px solid #4d4c4b;
 border-top:4px solid #666364;
 border-bottom:4px solid #302e2f;
 background:#464544;
 -moz-box-shadow: 0px 2px 8px #000;
 -webkit-box-shadow: 0px 2px 8px #000;
 box-shadow: 0px 2px 8px #000;}
.content .gc-stats-player {
 position:absolute;
 right:2px; top:46px;
 width:64px; height:64px;
 border:4px solid #4d4c4b;
 border-top:4px solid #666364;
 border-bottom:4px solid #302e2f;
 background:#464544;
 -moz-box-shadow: 0px 2px 8px #000;
 -webkit-box-shadow: 0px 2px 8px #000;
 box-shadow: 0px 2px 8px #000;}

.content td.players a:hover {text-decoration:none}
.content td.players a:hover span {text-decoration:underline}

table.special {
 border-spacing:4px;
 border:4px solid #4d4c4b;
 border-top:4px solid #302e2f;
 border-bottom:4px solid #666364;
 background:#3b3a39;}
table.special .tableHead {color:#a8c4ff; font-weight:bold; text-shadow:#000 0px 2px 3px;}
table.special .tableNeck {color:#A4C880; text-shadow:#000 0px 2px 3px;}
table.special .tableMain {color:#F1D7AF; font-weight:bold;}
table.special tr.alt2 {color:#aaa}
table.special tr.alt2 a {color:#858da0}
table.special tr.alt2 a:hover {color:#b8d2ff}
table.special .vTop {vertical-align:top;}
table.special .vCenter {vertical-align:central;}
table.special .size10 {font-size:10px}
table.special .size11 {font-size:11px}
table.special .size12 {font-size:12px}
table.special .colBuy  {color:#93e4a4}
table.special .colSell {color:#d1b0fe}
table.special .colDark {color:#777}
table.special .colGray {color:#aaa}
table.special .colWhite {color:#fff}
table.special .colYellow {color:#dd8}
table.special .colRelative {position:relative;}
table.special .shopItem {cursor:pointer}
table.special .shopDetails {display:none}
table.special .smallList li {
  display:block;
  border-spacing:2px;
  border:2px solid #4d4c4b;
  border-top:2px solid #2B292A;
  border-bottom:2px solid #666364;
  background:#353433;
  margin:0px 0px 2px 2px;
  padding: 2px 4px 2px 4px;}
table.special .extraAmount  {float:right; font-size:12px; margin: 0px 0px 0px 0px; color:#888}
table.special .extraItem    {position:absolute; bottom:0px; font-size:10px; text-shadow: 0px 1px 1px #001, 0px -1px 1px #001, 0px 0px 2px #001;}
table.special .extraEnchant {color:#85d2f2;}
table.special .extraSet     {color:#5F5;}
table.special .extraRare    {color:#F5F;}
table.special .extraEpic    {color:#FF5;}

.list a.item {display:block; 
 margin-bottom:8px;
 padding-bottom:4px;
 border:4px solid #4d4c4b;
 border-top:4px solid #666364;
 border-bottom:4px solid #302e2f;
 background:#464544;
 -moz-box-shadow: 0px 2px 8px #000;
 -webkit-box-shadow: 0px 2px 8px #000;
 box-shadow: 0px 2px 8px #000;}
.list a:hover.item {display:block; 
 position:relative; top:2px;
 margin-bottom:12px; padding-right:4px;
 border-width:2px;
 border-top-width:2px;
 border-bottom-width:2px;
 -moz-box-shadow: 0px 0px 2px #000;
 -webkit-box-shadow: 0px 0px 2px #000;
 box-shadow: 0px 0px 2px #000;}
.list .item .title {font-size:16px; color:#beb5b4; font-family:'Uni05Normal'; color:#a8c4ff; text-shadow:#000 0px 2px 3px;}
.list .item .type {font-size:16px; color:#beb5b4; font-family:'Uni05Normal'; color:#F1D7AF; text-shadow:#000 0px 2px 3px;}
.list .item .data {display:block; margin-left:120px}
.list .item .date {color:#888; padding-right:10px; display:none;}
.list .item .perex {display:block; color:#fff; padding-top:10px;}
.list .item .author {display:block; text-align:right; font-size:12px; color:#888;}
.article .author {display:block; text-align:right; color:#888;}
.list .item img {float:left; margin:4px;
 border:4px solid #4d4c4b;
 border-top:4px solid #302e2f;
 border-bottom:4px solid #666364;
 -moz-box-shadow: 0px 0px 0px #000;
 -webkit-box-shadow: 0px 2px 0px #000;
 box-shadow: 0px 0px 0px #000;}
.list a:hover img {float:left; margin:4px 8px 4px 4px;
 border:4px solid #4d4c4b;
 border-top:4px solid #302e2f;
 border-bottom:4px solid #666364;}
.list.categories .category {display:block; font-weight:normal; font-size:20px; color:#b89a4d; padding:15px 0 5px 0px; cursor:pointer;}
.list.categories .art {display:block; font-size:16px; padding-left:15px; background:url('img/bullet.gif') 0 5px no-repeat; cursor:pointer;}
.list.categories .art .date {color:#888}
.list a:hover {text-decoration:none;}
.list a:hover .title {color:#fbde96; text-decoration:underline;}
.list a:hover.category {color:#fbde96; text-decoration:underline;}

.list .item.default .date {display:inline ;}
.list .item.economy {border-color:#226c29; border-top-color:#3d8540; border-bottom-color:#004502; background:#15621f;}
.list .item.economy img {border-color:#226c29; border-top-color:#004502; border-bottom-color:#3d8540;}
.list .item.economy .title {color:#39bf28}
.list .item.magic {border-color:#496077; border-top-color:#586e86; border-bottom-color:#2a4156; background:#3d536a;}
.list .item.magic img {border-color:#496077; border-top-color:#2a4156; border-bottom-color:#586e86;}
.list .item.magic .title {color:#7eabd6}
.list .item.treasures {border-color:#8c7b2a; border-top-color:#a4913f; border-bottom-color:#605200; background:#766712;}
.list .item.treasures img {border-color:#8c7b2a; border-top-color:#605200; border-bottom-color:#a4913f;}
.list .item.treasures .title {color:#ffde00}


.list .article.big .small {display:none;}
.list .article.small .data {display:none;}
.list .article.small .thumbnail {display:none;}
.list .article.small .date {position:relative; top:5px; float:right;}
.list .article.small .type {padding-left:10px;}

a.articleImage {display:block; text-decoration:none; color:#888;}
a.articleImage span {display:block; margin:5px 0 5px 0; font-size:11px;}
a.articleImage:hover span {text-decoration:underline; color:#fbde96}
p.articlePerex {font-size:16px; font-weight:bold;}

#nextImagesSmall img {display:block; float:left; margin:0px 3px 3px 0px; border:2px solid #3b3a39;   
 -moz-box-shadow: 0px 1px 2px #000;
 -webkit-box-shadow: 0px 1px 2px #000;
 box-shadow: 0px 1px 2px #000;}
#nextImagesSmall {display:none; cursor:pointer;}
#nextImagesFull a.articleImage {margin-bottom:5px;}


.searchField {
 width:200px;
 border:4px solid #4d4c4b;
 border-top:4px solid #302e2f;
 border-bottom:4px solid #666364;
 background:#1e1d1c;
 font-weight:bold;
 color:#F1D7AF;
 padding:4px 8px 4px 8px;}
.searchButton {   
 border:4px solid #4d4c4b;
 border-top:4px solid #666364;
 border-bottom:4px solid #302e2f;
 background:#464544;
 color:#fff;
 font-weight:bold;
 padding:4px 16px 4px 16px;
 -moz-box-shadow: 0px 2px 8px #000;
 -webkit-box-shadow: 0px 2px 8px #000;
 box-shadow: 0px 2px 8px #000;
 cursor:pointer;}
.formMenuButton {   
 display:block; float:left;
 border:4px solid #4d4c4b;
 border-top:4px solid #666364;
 border-bottom:4px solid #302e2f;
 background:#464544;
 color:#fff !important;
 font-size:13px;
 font-weight:bold;
 margin:0 10px 20px 0;
 padding:4px 16px 4px 16px;
 -moz-box-shadow: 0px 2px 8px #000;
 -webkit-box-shadow: 0px 2px 8px #000;
 box-shadow: 0px 2px 8px #000;
 cursor:pointer;}
.formMenuButton:hover {   
 display:block; float:left;
 border-width:2px;
 border-top-width:2px;
 border-bottom-width:2px;
 background:#464544;
 text-decoration:none;
 color:#fff !important;
 font-size:13px;
 font-weight:bold;
 margin:0 10px 20px 0;
 padding:6px 18px 6px 18px;
 -moz-box-shadow: 0px 0px 2px #000;
 -webkit-box-shadow: 0px 0px 2px #000;
 box-shadow: 0px 0px 2px #000;}

/**
 * Form
 */
/* Input Form */ 

form table.Geck_Form {border-spacing:4px; width:600px;}
form tr.item {}
form td.label {
 width:80px;
 padding:4px 10px 0px 0px;
 text-align:right !important;
 vertical-align:top;}
form td.input {
 width:500px;
 padding:0px 0px 2px 0px;
 vertical-align:top;} 
form td.label span.required {color: blue;}
form ul.errors {padding:0px; margin:0px 0px 8px 0px;color:red;}
form ul.errors li {padding:0px;margin: 0px;list-style:none; background-image: none;}
    
/* Inputs in form */
form td.input input {}
form td.input div.inputFrame,
form td.input .elementFormText,
form td.input input[type="file"],
form td.input .elementFormPassword {
 width:98%;
 margin-left:0px; margin-right:0px;
 padding:2px 4px 2px 4px;
 border: 1px solid #888;}
form td.input .elementFormTextarea {
 width:98%;
 margin-left:0px; margin-right:0px;
 padding:2px 4px 2px 4px;
 border: 1px solid #888;}
form td.input .elementFormSubmit,
form td.input .elementFormButton {}
form td.input select {
 margin-left:0px; margin-right:0px;}
 

/** jQuery UI */
.ui-autocomplete { position: absolute; cursor: default; }
* html .ui-autocomplete { width:1px; }

.ui-menu {
 list-style:none;
 padding: 2px;
 display:block;
 border:2px solid #4d4c4b;
 border-top:2px solid #666364;
 border-bottom:2px solid #302e2f;
 background:#464544;
 -moz-box-shadow: 0px 2px 8px #000;
 -webkit-box-shadow: 0px 2px 8px #000;
 box-shadow: 0px 2px 8px #000;}
.ui-menu .ui-menu {margin-top: -3px;}
.ui-menu .ui-menu-item {}
.ui-menu .ui-menu-item a {
 text-decoration:none;
 padding:2px 4px 2px 4px;
 border:2px solid #4d4c4b;
 border-top:2px solid #666364;
 border-bottom:2px solid #302e2f;
 background:#464544;
 display:block;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
 background:#98825c; color:#fff8cf;
 border:2px solid #87714c;
 border-top:2px solid #af9770;
 border-bottom:2px solid #5b4825;
 font-weight:bold}
.ui-menu .ui-menu-item a.ui-state-hover .count,
.ui-menu .ui-menu-item a.ui-state-active .count {color:white;}
.ui-menu .ui-menu-item a .count {display:block; float:right; font-size:8px; color:#888; padding:2px;}
/*.ui-autocomplete .ui-menu-item a {height:12px !important; padding:0px 4px 0px 4px !important;}*/
 
 
/**enlarge image script*/
#geckImageBoxView .background{background: #686868; cursor:pointer;}
#geckImageBoxView .imgFrame{border:2px solid #0a5ca8;}
#geckImageBoxProgress {
  position:absolute;
  left:0px;top:0px;
  width:100%;height:100%;
  background: transparent url("./images/ajax-loader.gif") center center no-repeat;}
  
/**notice*/
.notice-window {
 border:4px solid #62728f;
 border-top:4px solid #6f7e9c;
 border-bottom:4px solid #3b4a65;
 background:#546380;
 color:#c4d3f4;
 font-weight:bold;
 padding:4px 16px 4px 16px; 
 margin:0 0 20px 0;}
.notice-window .notice-title {
 font-weight:bold;}
.notice-window .notice-message {}
.notice-window.info,
.notice-window.notice {
 border:4px solid #62728f;
 border-top:4px solid #6f7e9c;
 border-bottom:4px solid #3b4a65;
 background:#546380;
 color:#c4d3f4;}

.skin_scratch {display:none;}
.clear {display:block; clear:both; height:0px; overflow:hidden;}