html {
	background: #d6e2d6 url("img/bg1.gif");
	font-family: Verdana, sans-serif;
	font-size: 12px;
/*	margin-bottom: 1px;
	margin-left: 0;
	margin-right: 0;
	min-height: 100%;*/
}

#body {
	margin: 0 auto;
	width: 984px;
}

#logo {
	margin: 0 auto 2px;
	text-align: center;
}

#main {
	background-color: #eff6f0;
	border: 1px solid #b7ccbc;
	margin: 0 auto;
}

#w3c {
	padding-top: 10px;
	text-align: right;
}

#content {
	margin: 3px;
}

#footer {
	background: #b7ccbc url("img/tileback.gif");
	clear: both;
	font-size: 13px;
	height: 28px;
	line-height: 28px;
	padding: 0 1em;
	white-space: nowrap;
	text-align: right;
}

#leftfooter {
	float: left;
}
#leftfooter a {
	text-decoration: underline;
}

/********************************************************************/

acronym {
	border-style: none;
	cursor: help;
}

.backlight {
	background-color: #b7ccbc;
}

caption { padding: 0.8em; }

.center {
	text-align: center;
}

.container {
	position: relative;
}

.datetime {
	white-space: nowrap;
}

td.emblem {
	margin: 0;
	padding: 0 2px;
	vertical-align: top;
	width: 24px;
}

form {
	margin: 0;
	padding: 0;
}
form p {
	margin: 10px 0 6px;
	padding: 0;
}

.guild {
	white-space: pre;
}

h1 {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 1px 0 .67em 2em;
	text-align: left;
}

.hidden {
	display: none;
}

img.book {
	cursor: pointer;
	padding: 1px;
}

img.book:hover {
	background-color: #eff6f0;
	border: 1px solid #90b099;
	padding: 0;
}

img#loader {
	float: right;
	visibility: hidden;
}

.special {
	font-style: italic;
}

img {
	border: 0;
}

tr.leader td { border-top: 5px solid #b7ccbc !important; }
.nohover { background-color: #eff6f0; }
.nopad { padding: 0 !important; }

table {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}

table.stats { width: auto; }

table.stats th,
table.stats tbody td {
	padding-bottom: 2px;
	padding-top: 2px;
}

thead th,
tfoot th {
	background-color: #b7ccbc;
	font-size: 13px;
}

th {
	font-weight: bold;
	padding-right: 3px;
	text-align: left;
}

.alt {
	background-color: #dee8df;
}

tbody tr:hover,
tbody tr.hover {
	background-color: #cadacd;
}

td {
	padding: 0 3px;
	text-align: left;
	vertical-align: middle;
}

.numeric {
	text-align: right;
	white-space: pre;
}

.vtop {
	vertical-align: top;
}

.extra {
	margin: 0 0 0 1em;
	text-indent: -0.4em;
	white-space: normal;
	width: 100%; /* work around ie bug */
}

td.numeric {
	padding-right: 2.5em;
}

tr.summary {
	background-color: #b7ccbc;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #808080;
	text-decoration: underline;
}

#updatestatus { white-space: pre; }

/********************************************************************/

p.pagelinks {
	background-color: #dee8df;
	height: 26px;
	line-height: 26px;
	margin: 0;
	padding: 0;
	text-align: center;
}

p.pagelinks b,
p.pagelinks a.pagelink,
p.pagelinks span.pagelink {
	margin: 0 2px;
	padding: 0 2px;
}

p.pagelinks span.pageprev,
p.pagelinks span.pagenext {
	display: block;
	height: 15px;
	width: 21px;
	visibility: hidden;
}

p.pagelinks .pageprev {
	float: left;
	margin: 3px 0 auto 8px;
	padding: 1px;
}

p.pagelinks .pagenext {
	float: right;
	margin: 3px 8px auto 0;
	padding: 1px;
}

p.pagelinks b { cursor: default; }
p.pagelinks .pagelink { cursor: pointer; }
p.pagelinks.busy span.pagelink { cursor: progress; }

p.pagelinks b {
	background-color: #eff6f0;
	border: 1px solid #000000;
}

p.pagelinks .pagelink {
	background-color: #eff6f0;
	border: 1px solid #b7ccbc;
}

p.pagelinks b:hover,
p.pagelinks .pagelink:hover,
p.pagelinks .hover {
	background-color: #b7ccbc;
	border: 1px solid #466f64;
	color: #000000;
	text-decoration: none;
}

/********************************************************************/
/*	navigation														*/
/********************************************************************/

#nav {
	background: #b7ccbc url("img/tileback.gif");
	height: 28px;
	line-height: 28px;
	margin: 0 auto;
	position: relative;
}

#nav li {
	display: block;
	list-style-type: none;
	position: absolute;
	text-align: center;
	width: 14%;
}

#nav a {
	font-size: 13px;
	text-decoration: underline;
}

#nindex { left: 0%; }
#ntimeline { left: 12.5%; }
#nstats { left: 25%; }
#nguild { left: 37.5%; }
#naldebaran { left: 50%; }
#ngeffen { left: 62.5%; }
#npayon { left: 75%; }
#nprontera { left: 87.5%; }

.woe2 #nindex,
.woe3 #nindex { left: 2%; }
.woe2 #ntimeline,
.woe3 #ntimeline { left: 18%; }
.woe2 #nstats,
.woe3 #nstats { left: 34%; }
.woe2 #nguild,
.woe3 #nguild { left: 50%; }
.woe2 #njuno,
.woe3 #naldebaran { left: 66%; }
.woe2 #nrachel,
.woe3 #nprontera { left: 82%; }

#pindex #nindex a,
#ptimeline #ntimeline a,
#pstats #nstats a,
#pguild #nguild a,
#paldebaran #naldebaran a,
#pgeffen #ngeffen a,
#ppayon #npayon a,
#pprontera #nprontera a,
#pjuno #njuno a,
#prachel #nrachel a {
	color: #000000;
	cursor: text;
	font-weight: bold;
	text-decoration: none;
}

/********************************************************************/
/*	tabbed navbar													*/
/********************************************************************/

#tabnav {
	border-bottom: 1px solid #466f64;
	font-size: 13px;
	padding: 4px 10px 4px;
	margin: 5px 0 10px;
	white-space: nowrap;
}

#tabnav li {
	list-style: none;
	display: inline;
	margin: 0;
}

#tabnav li#navary1 {
	background-color: #eff6f0;
	border: 1px solid #466f64;
	border-bottom: 1px solid #eff6f0;
	font-weight: bold;
	margin-left: 3px;
	padding: 4px 0.5em;
}

#tabnav li.loner { margin-right: 50px; }

#tabnav li a {
	background-color: #dee8df;
	border: 1px solid #466f64;
	color: #000000;
	margin-left: 3px;
	padding: 4px 0.5em;
	text-decoration: none;
}

#tabnav li a:hover {
	background-color: #b7ccbc;
}

.navextra {
	float: right;
	margin-left: 20px;
}

.navextra p {
	margin: 0;
	padding: 0;
	position: relative;
	white-space: nowrap;
}

.navextra form {
	margin: 0;
	padding: 0;
	position: relative;
	top: -1px;
	z-index: 30;
}

.navextra input { padding: 0; }

div.navextra * {
	vertical-align: middle;
}

/********************************************************************/
/*	index - overview												*/
/********************************************************************/

#overview td { vertical-align: middle; }
#overview td.emblem a img { padding: 1px; vertical-align: bottom; }
#overview td.emblem a img:hover {
	border: 1px solid #90b099;
	background-color: #e6efe7;
	padding: 0;
}
#overview thead th {
	border-style: hidden;
	white-space: nowrap;
}
#overview tbody,
#overview tr.iefix td { border-top: 3px solid #b7ccbc; }
#overview tbody tr { height: 26px; }
#overview tbody tr:hover { background-color: #b7ccbc; }
#overview tbody tr td.emblem { padding-left: 1em; }

th#thcastle	{ width: 17%; }
th#thguild	{ width: 22%; }
th#thdate	{ width: 18%; }
th#thduration { width: 10%; }
th#thbreaks	{ width: 10%; }
th#thecon	{ width: 11%; }
/*th#thnew	{ width: 30px; }*/

#pindex div.navextra.updater {
	height: 22px;
	line-height: 22px;
	padding: 0 1em;
	width: 240px;
}

#pindex div.navextra.updater #button {
	cursor: pointer;
	float: left;
	margin-right: 1em;
}

#pindex div.navextra #loader { margin: 3px 0 0; }

/********************************************************************/
/*	timeline														*/
/********************************************************************/

#timeline {
	table-layout: fixed;
	position: relative;	/* ie6 goes nuts without this */
}

#timeline thead th {
	border-bottom: 1px solid #000000;
}

#timeline tfoot th {
	border-top: 1px solid #000000;
}

#timeline tbody tr:hover {
	background-color: #b7ccbc;
}

#timeline th,
#timeline td {
	height: 26px;
	padding: 0;
}

#timeline .emblem {
	padding: 0 1px;
	vertical-align: top;
	width: 28px;
}

#timeline img.book {
	background-color: #eff6f0;
	border: 1px solid #000000;
	padding: 0;
}

#timeline img.book:hover {
	background-color: #dee8df;
	border: 1px solid #ffff00;
	padding: 0;
}

#timeline div.marker {
	border-left: 1px solid #ff0000;
	display: none;
	height: 26px;
	position: absolute;
	top: 0;
	z-index: 3;
}

#timeline div.marker div {
	background-color: #ffffff;
	border: 1px solid #ff0000;
	left: -1px;
	position: absolute;
}
#timeline div#headmarker.marker div { top: 0; }
#timeline div#footmarker.marker div { bottom: 0; }

#timeline div.tick {
	border-left: 1px solid #000000;
	height: 26px;
	line-height: 26px;
	position: absolute;
	top: 0;
}

#timeline .margin {
	border-right: 1px solid #000000;
}

#timeline .timeline {
	padding: 0 1px;
	width: 800px;
	vertical-align: top;
}

div.ebox {
	height: 26px;
	position: absolute;
	top: 0;
}

div.enote {
	background: rgb(239,124,145);
	border: 2px outset #000000;
	display: none;
	height: 40px;
	left: 30px;
	padding: 2px;
	position: absolute;
	top: 28px;
	width: 180px;
	z-index: 5;
}

div.enote img {
	float: right;
}

/********************************************************************/
/*	stats															*/
/********************************************************************/

#pstats table.stats { margin: 0 auto; }

#pstats table.stats tbody th,
#pstats table.stats tbody td { border-top: 1px solid #b7ccbc; }
#pstats table.stats { border-bottom: 1px solid #b7ccbc; }

#pstats table.stats th,
#pstats table.stats tbody td {
	padding-left: 1em;
	padding-right: 1em;
	white-space: pre;
}

#pstats table.stats th.guild,
#pstats table.stats td.guild {
	padding-left: 3px;
}

#pstats table.stats thead th.numeric { padding-right: 1em; }
#pstats table.stats th.numeric { padding-right: 1.4em; }
#pstats table.stats td.numeric { padding-right: 1.5em; }

#pstats table.stats td.emblem { padding: 0 2px; }
#pstats table.stats td.guild { width: 200px; }

#pstats #stats_general { width: 70%; }
#pstats table.stats #thrank { padding-left: 0; width: 70px; }
#pstats #stats_longest #thrank { padding-right: 0.5em; }
#pstats #stats_longest { width: 720px; }
#pstats #stats_longest td.guild { width: 160px; }

#pstats #stats_castle thead th.numeric { padding-right: 1px; }
#pstats #stats_castle tbody td,
#pstats #stats_castle tbody th {
	border-bottom: 1px solid #466f64;
	border-top: 1px solid #466f64;
}


/********************************************************************/
/*	castle map														*/
/********************************************************************/

#castlemap {
	float: left;
	width: 608px;
}

#castleinfo {
	float: right;
	width: 360px;
}

#castleinfo .guild {
	font-weight: bold;
}

#castleinfo td,
#castleinfo th {
	vertical-align: top;
}

#dropinfo td {
	vertical-align: middle;
}

#dropinfo tbody:first-child + tbody tr:first-child td {
	border-top: 1em solid #eff6f0;
}

/********************************************************************/
/*	guild stats & history											*/
/********************************************************************/

#pguild h1 {
	background-color: #dee8df;
	line-height: 24px;
	margin-top: 1px;
}

#pguild h1 .guild:hover {
	background-color: #b7ccbc;
}

#pguild h1 img {
	vertical-align: bottom;
}

#search { text-align: right; }
#searchresults {
	margin: 0 auto;
	width: 55%;
}
#searchresults td { border-top: 1px solid #b7ccbc; }
#searchresults td.emblem { padding-left: 1em; }

#guildhist {
	margin: 0 auto;
	width: 60%;
}
#guildhist td {
	border-top: 1px solid #b7ccbc;
	padding-top: 3px;
	vertical-align: top;
}

#guildhist td.emblem {
	padding-top: 0;
}

#guildhist th img.book {
	margin: 1px 0 0 0;
	vertical-align: middle;
}

#pguild img.book { vertical-align: bottom; }
#pguild img.book:hover { background-color: #e6efe7; }

#guildhist, #guildstats { border: hidden; }

#pguild table.stats { width: 100%; }
#pguild table.stats th,
#pguild table.stats td { border-bottom: 1px solid #b7ccbc; }
#pguild table#firstlast th,
#pguild table#firstlast th + td + td { width: 20% }
#pguild table#firstlast th + td { width: 25%; }

#pguild th.numeric { padding-right: 0.9em; }
#pguild td.numeric { padding-right: 1em; }

#guildstats td.numeric { width: 65px; }
#guildstats td.expando { width: 75px; }
#guildstats thead th {
	border: 1px solid #466f64;
	text-align: center;
	vertical-align: middle;
}
#guildstats th,
#guildstats td {
	padding-bottom: 1px;
	padding-top: 1px;
	white-space: pre;
}
#guildstats tbody td,
#guildstats tbody th {
	border-bottom: 1px solid #466f64;
	border-top: 1px solid #466f64;
}

#simultable td.numeric { width: 45px; }
#simultable td.expando { width: 70px; }
#simultable th, #simultable td { vertical-align: top; }
#simultable td { 	white-space: normal; }

#leftpage {
	float: left;
	width: 49%;
}
#rightpage p {
	margin: 0;
	padding: 3px;
	text-align: left;
}
#rightpage {
	float: right;
	width: 49%;
}
#leftpage, #rightpage { margin-bottom: 5px; }

#guildhist td:first-child + td { width: 100px; }
#guildhist td:first-child + td + td { width: 135px; }
#guildhist td:first-child + td + td + td + td { width: 80px; }

/********************************************************************/
/*	town map & castle history										*/
/********************************************************************/

#paldebaran .container,
#pgeffen .container,
#ppayon .container,
#pprontera .container,
#pjuno .container,
#prachel .container {
	min-height: 386px;
	z-index: 0;
}

#history td,
#townstatus td {
	border-top: 2px solid #b7ccbc;
}

#history th, #history td { padding-right: 2em; }

#history td:first-child { width: 63px; }
#history td:first-child + td { width: 139px; }
#history td.guild { width: 243px; }
#history td.guild + td { width: 118px; }

#townmap {
	left: 0px;
	float: left;
	position: absolute;
	top: 0px;
	width: 384px;
}

#townstatus {
	float: right;
	width: 584px;
}

#townstatustable td:first-child { width: 73px; }
#townstatustable td.guild { width: 229px; }
#townstatustable td.guild + td { width: 104px; }


.popup {
	background-color: #d4dce8;
	border: 1px solid #333333;
	display: none;
	padding: 3px;
	position: absolute;
	width: 500px;
	z-index: 5;
}
.popup h1 {
	background-color: #737880;
	color: #bac1cc;
	font-size: 14px;
	margin: 0;
	padding: 2px 0;
}
.popup thead th {
	padding: 2px 0;
	text-align: center;
}
.popup thead th { background-color: #eaf3ff; }
.popup tfoot td {
	border-top: 3px solid #eaf3ff;
	padding: 10px 0 2px;
	text-align: center;
}
.popup tbody tr.alt { background-color: #bac1cc; }
.popup tbody td {
	padding: 0 0 0 2px;
	white-space: pre;
}
.popup tbody td.emblem { padding-left: 3px; }
.popup tbody td.numeric { padding-right: 3px; width: 7em; }
.popup tbody td.pad { border-right: 3px solid #eaf3ff; }

/********************************************************************/
/*	calendar														*/
/********************************************************************/

table.calendar {
	border-collapse: collapse;
	border-spacing: 0;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	left: 0;
	position: absolute;
	width: 210px;
	z-index: 20;
}
table.calendar img {
	cursor: pointer;
	vertical-align: middle;
}
table.calendar thead tr { background-color: #9cba9f; }
table.calendar th { font-weight: normal; }
table.calendar th.closebutton {
	padding-right: 3px;
	text-align: right;
}

table.calendar th.header {
	font-size: 11px;
	font-weight: bold;
}
table.calendar th.header div {
	margin: 0;
	padding: 0;
	position: relative;
}
table.calendar th.header span { cursor: pointer; }
table.calendar th.header span:hover { text-decoration: underline; }
table.calendar th.header ul {
	border: 1px solid #000000;
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 30;
}
table.calendar th.header li {
	background-color: #ffffff;
	color: #000000;
	cursor: pointer;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 3px;
	text-align: left;
}
table.calendar th.header li.selected,
table.calendar th.header li:hover {
	background-color: #000000;
	color: #ffffff;
}
table.calendar th.header li.disabled {
	background-color: #ffffff;
	color: #808080;
	cursor: default;
}

table.calendar, table.calendar tr.border th, table.calendar td { border: 1px solid #466f64; }
table.calendar th, table.calendar td {
	height: 22px;
	padding: 0;
	text-align: center;
	white-space: nowrap;
}
table.calendar td {
	background-color: #ffffff;
	cursor: pointer;
	width: 28px;
}
table.calendar td.selected { background-color: #a5bfec; }
table.calendar td.today { font-weight: bold; }
table.calendar td:hover { background-color: #b7ccbc; }
table.calendar td.oob {
	background-color: #dee8df;
	color: #808080;
	cursor: auto;
}
table.calendar td.forbidden {
	background-color: #ffffff;
	cursor: auto;
	text-decoration: line-through;
}

/********************************************************************/
/*	graph														*/
/********************************************************************/

div.graph {
	margin: 0 auto;
	width: 474px;
}
div.graph img {
	background-color: rgb(245,245,245);
	border: 2px solid;
	border-color: #c2c2c2 #646464 #646464 #c2c2c2;
	padding: 5px;
}
div.graph table.legend { margin: 5px 0 0 3em; width: auto; }
div.graph table.legend th { text-align: right; }
div.graph table.legend tr.graphgreen th { color: rgb(0,204,0); }
div.graph table.legend tr.graphblue th { color: rgb(0,0,255); }