/*
L2 Exodus.eu
CSS Styles for L2 Exodus web game server
Roman Schejbal (www.crossbone.cz)
(c) 2009
*/

* {margin: 0px; padding: 0px;}

body {background: #000000 url(images/bg_1.jpg) repeat-x center top; font-family: Verdana, Arial;}
.clear {clear: both;}

#head {height: 487px; background: url(images/bg_2.jpg) center top no-repeat; position: relative;}

#top_menu {font-family: Verdana, "Times New Roman"; position: absolute; left: 50%; top: 250px; margin-left: -460px; width: 820px;font-size: 11pt;}
#top_menu ul {list-style: none;}
#top_menu ul li {float: left; position: relative;}
#top_menu ul li a {display: block; line-height: 34px; padding: 0px 12px 0px 12px; color: #afc360; text-decoration: none; font-weight: bold;}
#top_menu ul li a:hover {color: #ccff00; }
#top_menu ul li.active>a {color: #00c0ff; }
#top_menu ul li.active>a:hover {color: #22e2ff;}

#top_menu ul ul {font-size: 9pt;background: url(images/bg_page.png); border: 0px solid #22e2ff; position: absolute; z-index: 1000; display: block; padding: 5px; margin: 0px;}
#top_menu ul ul li {float:none;}
#top_menu ul ul li a{line-height: 20px;}
#top_menu ul ul li.active>a{text-decoration: underline;}
#top_menu ul ul ul {width:100%; font-size: 8pt; position: static; background: none; margin-left: 5px;}
#top_menu ul ul ul ul{font-size: 7pt;}
#top_menu ul ul .leftTop{background: url(images/bg_leftTop.png) no-repeat; position: absolute; left:0px;top:0px; width: 10px; height: 10px;}
#top_menu ul ul ul .leftTop{background: none;}
#top_menu ul ul .rightTop{background: url(images/bg_rightTop.png) no-repeat; position: absolute; left:100%;top:0px; width: 10px; height: 10px; margin-left: -10px;}
#top_menu ul ul ul .rightTop{background: none;}
#top_menu ul ul .rightBottom{background: url(images/bg_rightBottom.png) no-repeat; position: absolute; left:100%;top:100%; width: 10px; height: 10px;margin-left: -10px; margin-top: -10px;}
#top_menu ul ul ul .rightBottom{background: none;}
#top_menu ul ul .leftBottom{background: url(images/bg_leftBottom.png) no-repeat; position: absolute; left:0px;top:100%; width: 10px; height: 10px;margin-top: -10px;}
#top_menu ul ul ul .leftBottom{background: none;}

#top_menu_right {color: #1c4038; float:right; line-height: 34px; font-family: Verdana; font-size: 8pt;}
#top_menu_right span {color: #00c0ff;font-weight: bold; text-decoration: underline;}

#top_panel {position: absolute; left:50%; top: 310px; margin-left: -480px; font-family: Verdana;}
#top_panel #left_side {width: 450px; float: left;}
#top_panel #left_side h1 {font-size: 18pt; font-weight: normal; color: #00d8ff; }
#top_panel p {font-size: 8pt; color: #6b6b6b; text-align: justify; margin-top: 5px;}

#top_panel #right_side {float: left; margin-left: 50px; _position:absolute;}
#top_panel #right_side h2 {font-size: 15pt; font-weight: normal; color: #00d8ff; }
#top_panel #right_side ul {list-style: none; font-size: 10pt; margin-top: 5px;}
#top_panel #right_side ul li {background: url(images/underline.gif) 0px 24px repeat-x;}
#top_panel #right_side ul li a {background: url(images/ul_top.png) 0px 4px no-repeat; color: #00d8ff; text-decoration: none; line-height: 25px; padding-left: 20px;}
#top_panel #right_side ul li a:hover {background: url(images/ul_top_on.png) 0px 4px no-repeat; color: #ddd;}
#top_panel #right_side ul li a span {color: #466b86; font-size: 6pt;}
#top_panel #right_side ul li a:hover span {color: #799eb9;}

#middle { background: url(images/bg_2.jpg) center -487px no-repeat; position: relative; overflow: visible; height: 713px;}
#middleWidth {width: 974px; position: absolute; left: 50%; margin-left: -487px;}

#left {float: left; background: url(images/left.png) repeat-y; width: 170px; padding: 5px 15px 5px 15px; _width: 200px;}
#left h3 {color: #00d8ff; font-size: 13pt; font-family: Verdana; font-weight: normal; margin-top: 20px;}
#left p {color: #c5c6c7;font-size: 9pt; margin-top: 5px; margin-bottom: 5px;}
#left ul {list-style: none; font-size: 10pt; margin-top: 10px;}
#left ul ul {margin-left: 10px; margin-top: 0px; margin-bottom: 5px; font-size: 9pt;}
#left ul ul ul {font-size: 8pt;}
#left ul li {background: url(images/underline_left.gif) 0px 24px repeat-x;}
#left ul li.active {background: url(images/underline_left_on.gif) 0px 24px repeat-x;}
#left ul li a {line-height: 25px; background: url(images/ul_left.png) 0px 4px no-repeat; color: #00d8ff; text-decoration: none; line-height: 25px; padding-left: 20px;}
#left ul li.active>a, #left ul li>a:hover {background: url(images/ul_left_on.png) 0px 4px no-repeat; color: #ccff00;}

#left .anketa {padding:0px 0px 10px 0px;}
#left .anketa p {margin:5px 0px 0px 0px; font-size:8pt;}
#left .anketa ul {margin:5px 0px 5px 0px; padding:0px; list-style:none; font-size:7pt;}
#left .anketa ul li {margin:0px; padding:0px; background: none; line-height: 20px; color: #ddd;}
#left .anketa ul li a {background: none; padding: 0px; line-height: 20px;color: #00d8ff;}
#left .anketa ul li a:hover {text-decoration: underline;}
#left .anketa ul li span {display:block; height:10px; font-size:0px; background:#d9261c url('images/poll.gif') repeat-x; margin:0px 0px 0px 0px;}

#page .anketa {padding:10px; float: left; width: 180px; background: #051525; margin: 5px; border: 1px solid #223344;}
#page .anketa p {margin:0px 0px 0px 0px; font-size:80%;}
#page .anketa ul {margin:5px 0px 5px 0px; padding:0px; list-style:none; font-size:80%;}
#page .anketa ul li {margin:0px; padding:0px; background: none; line-height: 20px;}
#page .anketa ul li a {background: none; padding: 0px; line-height: 20px;}
#page .anketa ul li a:hover {background: none;}
#page .anketa ul li span {display:block; height:10px; font-size:0px; background:#d9261c url('images/poll.gif') repeat-x; margin:0px 0px 0px 0px;}

#left_bottom {height: 7px; float: left; background: url(images/left_bottom.png) no-repeat; width: 200px; clear: left;}

#page {float: right; padding: 20px; width: 734px; _width: 774px;}
#page .clanek img {margin-left: 10px; margin-bottom: 10px;}
#page .clanek:hover {}
#page h4 {color: #ccff00; margin: 10px;}
#page h3 {font-size: 15pt; font-weight: normal; color: #ccff00; }
#page h2 {font-family: Verdana; font-size: 15pt; color: #fff; font-weight: normal; }
#page h2 a{color: #fff; font-weight: normal;text-decoration: none;}
#page h2 span{float: right; font-size: 10pt; color: #ccff00;}
#page p {color: #7f7f7f; font-family: Verdana; font-size: 8pt; padding: 5px 0px 5px 0px; text-align: justify;}
#page p strong {color:#ccff00;}
#page ul {color: #7f7f7f; font-family: Verdana; font-size: 8pt; padding: 2px 10px 10px 10px; margin: 5px 10px 5px 10px;}
#page ol {color: #7f7f7f; font-family: Verdana; font-size: 8pt; padding: 2px 10px 10px 10px; margin: 5px 10px 5px 10px;}
#page ol li strong,#page ul li strong {color: #00d8ff;}
#page ol li a strong, #page ul li a strong  {color: #ccff00;}
#page ol li a:hover strong,#page ul li a:hover strong {color: #00d8ff;}
#page .info {clear: both; color: #8f8f8f; background: url(images/underline_transparent.gif) bottom repeat-x; margin: 0px; font-size: 9pt; text-align: right; padding-bottom: 3px;}
#page .info a {text-decoration: none; color: #ccff00;}
#page .info a:hover {color: #ccff00; text-decoration: underline;}

table {font-size:8pt; color: #eee;}
.table {width: 700px;}
.table strong {color: #00d8ff;}
.table th {padding: 5px 0px 5px 0px; color: #00d8ff;}
.table tr {background: url(images/underline_transparent.gif) bottom repeat-x;}
.table tr.strip {color:#999;}
.table td {padding: 3px;}
.form input {background: #02060a; border: 1px solid #182d3c; color: #ddd; padding: 2px; width: 150px;}
.form input:focus {color:#00d8ff;}
.form select {background: #02060a; border: 1px solid #182d3c; color: #ddd; padding: 2px;}
.form textarea {background: #02060a; border: 1px solid #182d3c; color: #ddd; padding: 2px;}
.form textarea:focus {color:#00d8ff;}
.captcha {border: 1px solid #182d3c; cursor: pointer;}
.form .submit {color:#00d8ff; font-size: 8pt; padding: 5px 0px 5px 0px; text-transform: uppercase; background: url(images/bg_button.gif) bottom; border-top: 1px solid #7a8183; border-left: 1px solid #414749; border-bottom: 1px solid #050503; border-right: 1px solid #0b1112;}

#page .box {background: url(images/bg_page.png); padding: 10px; border: 4px solid #001122; margin-bottom: 5px;}
#page .box .box {background: url(images/bg_page.png); padding: 10px; border: 1px solid #001122; margin-bottom: 5px;}
#page .box .box p {color: #115577;}
#page .box p strong {color: #00d8ff;}

a{color: #ccff00;}
a:hover {color: #00d8ff;}

.redbox {background: #990000; color: #fff; font-weight: bold; padding: 10px 10px 10px 20px; border: #ee0000 1px solid; margin: 10px 0px 10px 0px; font-size: 8pt;}
.redbox a {color:#fff;}
.redbox a:hover {color: #000;}

#footer { font-size: 8pt; color: #666; text-align: right; clear:both; margin-bottom: 10px; margin-right: 30px; margin-top: 20px;}

#mask {background:#000;}

a img {border:0px;}

.left {float:left;}
.right{float:right;}

.naseptavac {position: absolute; background: #02060a; border: 1px solid #182d3c; display: none; margin-top: 2px; width: 154px;}
.naseptavac a {display: block; cursor: pointer; padding: 1px 3px 1px 3px;color: #5c6f7f;}
.naseptavac a strong {color:#00d8ff;}
.naseptavac a:hover {background: #182d3c;color:#00d8ff;}