/** General Page settings **/
body {
	text-align: left;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color: #a5a5a5;
	background-image: url('../images/modern/bg.png');
	background-repeat: repeat;
}

#main {
	margin: 0;
	height: 100%;
	width: 100%;
}

a, a:link, a:active, a:visited {
	color: #003366;
	text-decoration: none;
	border-bottom: 1px dashed #a5a5a5;
}
a:hover {
	text-decoration:underline;
	border-bottom: none;
}

hr {
	color: #a1bce0;
	background-color: #a1bce0;
	height: 2px;
}

/** Page Headers **/
.header {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0;
	padding: 10px;
}

#banner {
	position:absolute;
	padding-top: 8px;
	left: 200px;
	right: 0;
	text-align: center;
}

#bannerlink {
	text-align: center;
	display: block;
	background-image: url('../images/modern/banner_f.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 100px;
	width: 100%;
	min-width: 400px;
	border: none;
	text-decoration: none;
}

#bannerlinkalt {
	text-align: center;
	display: block;
	background-image: url('../images/modern/banner_m.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 100px;
	width: 100%;
	min-width: 400px;
	border: none;
	text-decoration: none;
}

#bannerlink:hover, #bannerlinkalt:hover, #bannerpreload {
	text-align: center;
	display: block;
	background-image: url('../images/modern/banner_b.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 100px;
	width: 100%;
	min-width: 400px;
	border: none;
	text-decoration: none;
}

div#bannerpreload {
	width: 0;
	height: 0;
}

/** Top Menu Bar **/
.topmenu {
	height: 53px;
}

.topmenu_l {
	height: 53px;
	background: top left url('../images/modern/top_l.png') no-repeat;
}

.topmenu_r {
	height: 53px;
	background: top right url('../images/modern/top_r.png') no-repeat;
}

.topmenu_c {
	height: 53px;
	background: url('../images/modern/top_c.png') repeat-x;
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 20px;
}

ul.mainmenu {
	list-style-type: none;
	display: inline;
}

ul.mainmenu li {
	display: inline;
}

ul.mainmenu li a {
	color: #000;
	display: block;
	text-decoration:none;
	float:right;
	background: transparent;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 8px;
	text-align:center;
	height: 28px;
	font-weight: bold;
	border-right: 1px #95ABC8 dotted;
	border-left: 1px #95ABC8 dotted;
	min-width: 70px;
	border-bottom: none;
}

ul.mainmenu li a:hover {
	color: #fff;
	background: url('../images/modern/top_h.png') repeat-x;
	text-decoration: none;
}

.topmenu select {
	color: #000;
	background: transparent;
}
.topmenu select option {
	color: #000;
	background: #fff;
}
div.uiswitch {
	float:left;
	clear:none;
	padding-top:8px;
	padding-bottom: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	height: 28px;
}

/** Window frames **/
.windowframe {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-top: 1px solid #a7a7a7;
	border-bottom: 1px solid #a1bce0;
	background-color: #fff;
	background-image: none;
	padding: 5px;
	overflow:auto;
}

.titlebar {
	height: 17px;
	font-weight: bold;
	text-align: center;
}

.titlebar_l {
	background: top left url('../images/modern/title_l.png') no-repeat;
}

.titlebar_r {
	background: top right url('../images/modern/title_r.png') no-repeat;
}

.titlebar_c {
	background: url('../images/modern/title_c.png') repeat-x;
	margin-left: 4px;
	margin-right: 4px;
}
.titlebar_mini {
	background: url('../images/modern/titlebar_fix.gif') no-repeat;
}

.titlebar_minitext {
	font-weight: bold;
	text-align: center;
}
.content_mini {
	margin-left: 10px;
	margin-top:0px;
	height: 530px;
	width: 95%;
}
#map {
	border: 1px dashed;
	position: relative;
	width: 512px;
	height: 512px;
}
#position {
	visibility: visible;
	position: absolute;
	width: 9px;
	height: 9px;
	z-index: 1;
	background: top left url('/images/crocetta.gif') no-repeat;
}
#position span {
	display: none;
}
.shop tr td {
	vertical-align: middle;
}
.shops {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.shops th, .shop th {
	color: #003366;
}

.bottombar {
	height: 27px;
	min-height: 27px;
	font-style: italic;
	font-size: 0.75em;
	text-align: center;
}

.bottombar_l {
	height: 27px;
	min-height: 27px;
	background: top left url('../images/modern/bottom_l.png') no-repeat;
}

.bottombar_r {
	height: 27px;
	min-height: 27px;
	background: top right url('../images/modern/bottom_r.png') no-repeat;
}

.bottombar_c {
	height: 27px;
	min-height: 27px;
	background: url('../images/modern/bottom_c.png') repeat-x;
	margin-left: 3px;
	margin-right: 3px;
	padding: 3px;
}

/** Status Box **/
#status {
	position:absolute;
	left: 10px;
	top:75px;
	width: 180px;
}

#woeinfo {
	position:absolute;
	left: 10px;
	top: 260px;
	width: 180px;
}

#statusframe {
	height: 120px;
}

#woeinfoframe {
	height: 225px;
}

.statustable {
	font-size: 0.8em;
	width: 100%;
}

.statustable th {
	font-weight: normal;
	text-align: left;
}

.statustable td {
	text-align: center;
}

.online {
	padding-right: 11px;
	color: #9eb93d;
	background: center right url('../images/modern/green.png') no-repeat;
	display:block;
	min-height: 11px;
}

.offline {
	padding-right: 11px;
	color: #ff0000;
	background: center right url('../images/modern/red.png') no-repeat;
	display: block;
	min-height: 11px;
}

/** Side Menu **/
#sidemenu {
	position:absolute;
	left: 10px;
	top: 550px;
	bottom: 65px;
	width: 180px;
}

#sidemenuframe {
	height: 100%;
}

.sidelist {
	font-size: 0.9em;
}

ul.sidelist, h3.sidelist {
	margin-top:4px;
	margin-bottom:4px;
}

ul.sidelist {
	list-style-image: url('../images/modern/yellow.png');
}

ul.sidelist li {
	margin-left: -15px;
	padding-bottom:4px;
}

#votinglist li a {
}

#menulist li a {
}

/** Main page **/
#pagebox {
	position: absolute;
	left: 200px;
	right: 10px;
	top: 170px;
	bottom: 65px;
}

#pageboxframe {
	height: 100%;
}

#pageboxframe p {
	text-indent: 20px;
}
#pageboxframe p:first-line {
	font-weight: bolder;
	font-style: italic;
}

#pagefooter {
	font-size: 0.7em;
	padding-top: 0;
	line-height: 0.95em;
}

.commands dt {
	font-weight: bolder;
	font-style: italic;
}

ul.toc {
	float:right;
	border: 1px dashed #a1bce0;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 22px;
	padding-right: 6px;
	margin-left: 10px;
	margin-top:4px;
	margin-right: 0;
	margin-bottom: 10px;
	list-style-image: url('../images/modern/rightarrow.png');
}

li.title {
	font-weight: bolder;
	font-style: italic;
	list-style-type: none;
	margin-left: -15px;
	list-style-image: none;
}

li.title h3 {
	font-size: 1em;
	margin-bottom: 0;
	font-style: normal;
	margin-left: -25px;
	margin-top: 4px;
}

h1.pagesection {
	font-style: italic;
	color: #003366;
	text-decoration: none;
	border-bottom: 1px dashed #a5a5a5;
	width: 75%;
	padding-bottom: 2px;
	margin-top: 6px;
}

hr.pagesection {
	width: 85%;
	margin-top: 30px;
	text-align: left;
	float: left;
}

a.linktop {
	display: block;
	width: 9px;
	height: 9px;
	background: top center url('../images/modern/toparrow.png') no-repeat;
	border: none;
	text-decoration: none;
	float: right;
	margin-right: 25px;
	margin-top: -15px;
	clear:left;
}
a.linktop span {
	display: none;
}

/** CMS Stuff **/
dl.newsheadlines dd {
	list-style: url('../images/modern/rightarrow.png');
	display: list-item;
}
dl.newsheadlines {
	margin: 4px;
}
a.newsheadlines {
	font-style:italic;
	margin-left: 4px;
}
a.newsheadlines:before {
	content: "(";
	font-style: normal;
}
a.newsheadlines:after {
	content: ")";
	font-style: normal;
}

/** Updates changelog **/

dl.updheadlines {
	list-style: url('../images/modern/rightarrow.png');
	display: list-item;
	margin-left: 20px;
}
dl.updheadlines dt:before {
	content: "[ ";
}
dl.updheadlines dt:after {
	content: " ] : ";
}
dl.updheadlines dd, dl.updheadlines dt {
	display: inline;
}
a.updheadlines {
	font-style:italic;
	margin-left: 4px;
}
a.updheadlines:before {
	content: "(";
	font-style: normal;
}
a.updheadlines:after {
	content: ")";
	font-style: normal;
}

li.upd_misc:before {
	color: #8b0000;
	content: "[Misc] ";
}
li.upd_commands:before {
	color: #8b0000;
	content: "[Commands] ";
}
li.upd_ui:before {
	font-weight:bold;
	content: "[UI] ";
}
li.upd_npc:before {
	color: #000080;
	content: "[NPC] ";
}
li.upd_fix:before {
	font-weight: bold;
	content: "[Fix] ";
}
li.upd_internal:before {
	content: "[Internal] ";
}
li.upd_skill:before {
	color: #808000;
	content: "[Skill] ";
}
li.upd_homunculus:before {
	color: #808000;
	content: "[Homunculus] ";
}
li.upd_mob:before {
	color: #008000;
	content: "[Mob] ";
}
li.upd_items:before {
	color: #008000;
	content: "[Items] ";
}
li.upd_map:before {
	color: #000080;
	content: "[Map] ";
}
h3.upd {
	display:inline;
	color: red;
}

div.news, div.updates {
	clear: both;
}

.news h3, .updates h3 {
	margin-bottom: 5px;
}

div.newsentry, div.updatesentry {
	text-align:justify;
	padding:3px;
	margin-top:3px;
	margin-bottom:5px;
	border-top:1px solid #D3D3D3;
}

.tooltip {
	position: absolute;
	display:none;
}
.hastooltip:hover .tooltip, .tooltip:hover {
	display:block;
	background-color: #a5a5a5;
	color: #000;
}