* form { margin: 0; padding: 0; }
body {
	margin: 0;
	color: #737373;
	background: #000000;
	font: 9pt Tahoma, Verdana, sans-serif;
}

a.ll {
	color: #fff;
	background: inherit;
	font-weight: bold ! important;
}
a.lls {
	color: #ff4;
	background: inherit;
	font-size: x-small ! important;
	font-weight: bold ! important;
}

.copyright {
	font-size: smaller;
	text-align: center;
	border-top: 1px solid #ababab;
}

.storyhead {
	color: inherit;
	background: #484440;
}
.storyborder {
	color: inherit;
	background: #737373;
}
.storytitle {
	color: #ffffff;
	background: inherit;
	font-weight: bold;
}
.storybyline {
	color: #ff0000;
	background: inherit;
}

a.statclanmate {
	color: #ff0000;
	background: inherit;
	font-weight: bolder;
}
a.statwarrior {
	font-weight: bolder;
}

.cl { font-family: monospace; text-align: left; }
.cr { font-family: monospace; text-align: right; }

.aa {
	color: inherit;
	background: #bbbbbb;
	font-family: monospace;
	text-align: right;
}
.ab {
	color: inherit;
	background: #ababab;
	font-family: monospace;
	text-align: right;
}

.a {
	color: inherit;
	background: #bbbbbb;
}
.b {
	color: inherit;
	background: #ababab;
}
.c {
	color: inherit;
	background: #868686;
	border-top: 1px solid #565656;
}

.m {
	width: 14em;
	display: block;
}
div.m * {
	font-weight: 500;
	font-size: 10pt;
}
.m ul {
	text-indent: 4px;
	margin: 0; padding: 0; list-style: none;
}
.m li {
	color: #ffffff;
	background: #782a06 url(/images/menubar2.jpg) repeat-x;
	border-bottom: 1px solid #000000;
}
.m li a {
	height: 100%;
	color: #ffffff;
	background: #484440;
	text-decoration: none;
	display: block;
}
.m li a:hover {
	color: inherit;
	background: #282420;
}

.menubackground {
	color: #ffffff;
	background: #282420;
	width: 14em;
}
td.mh {
	color: inherit;
	background: #282420;
	padding: 0px 1px 1px;
}
.lt {
	color: #ffffff;
	background: #782a06 url(/images/menubar2.jpg) repeat-x;
	font-weight: 500;
	font-size: 10pt;
	padding: 0px 1px 1px;
	text-indent: 4px;
	margin: 0px;
	border-bottom: 1px solid #000000;
}
.login {
	color: #ffffff;
	background: #686660;
	padding-left: 2px;
}
.mt {
	color: #ffffff;
	background: #282420;
	font-weight: bold;
	padding: 2px;
}
.mh {
	color: inherit;
	background: #282420;
}

.offsetmenu {
	color: inherit;
	background: #484440;
	text-align: center;
}
.offsetmenu a {
	color: inherit;
	background: inherit;
	text-decoration: none;
}

.olp td {
	padding: 0px ! important;
}

.sstory {
	color: #000000;
	background: #d0d4d8;
	border: 2px solid #202428;
	margin: 0px 0px 1px 0px;
	line-height: 1.2;
}
.sstory table {
	margin: 4px;
	padding-right: 1px;
	border: 1px solid #565656;
}
.sstory thead {
	color: #ffffff;
	background: #767676;
}
.sstory th {
	color: #ffffff;
	background-color: #767676;
	padding: 0px 4px 0px 4px;
	border-left: 1px solid #d0d4d8;
	font-weight: normal;
}
.sstory td {
	padding: 0px 4px 0px 4px;
	border-left: 1px solid #d0d4d8;
}
.sstory .fakethead {
	color: #ffffff;
	background: #767676;
}
.sstory .fakethead td {
	border: 0px;
	border-top: 1px solid #d0d4d8;
	border-left: 1px solid #d0d4d8;
	white-space: nowrap;
}
.sstory p.sst {
	color: #ffffff;
	background: #484440 url(/images/bar1.jpg) repeat-x;
	padding: 2px 6px 2px 6px;
	font-weight: bold;
	margin: 0px;
}
.sstory p {
	padding: 2px;
	margin: 3px;
}

.tsstory {}
.tsstory table { margin: 4px; border: 1px; }
.tsstory table * { border: 0px; padding: 0px 4px; }
.tsstory th { color: black; background-color: white; font-weight: bold; }
.tsstory p { padding: 2px; margin: 3px; }
#ts_recon_filter { float: right !important; }
.ts_t { padding-bottom: 32px; }
.ts_b { padding: 8px 0px; }

.ofm {
	clear: both;
	color: #ffffff;
	background: #484440 url(/images/bar1.jpg) repeat-x;
	padding: 2px 6px 2px 6px;
	font-weight: bold;
	margin: 0px;
}
div.ofm span.title {
	float: left;
}
div.ofm span.menu {
	float: right;
}
div.ofm span.menu a {
	color: #ffffff;
	background: inherit;
	text-decoration: none;
}
div.ofm span.menu a:hover {
	color: #dc8a63;
	background: inherit;
	text-decoration: underline;
}

.snote {
	color: #222222;
	background: #999999;
	border: 2px solid #000000;
	margin: 0px 0px 1px 0px;
	font-size: 8pt;
}
.snote p.snt {
	color: #ffffff;
	background: #000000 url(/images/menubar.jpg) repeat-x;
	padding-left: 4px;
	font-weight: bold;
	font-size: 8pt;
	margin: 0px;
	white-space: nowrap;
}
.snote table tr td { margin: 0; padding: 0; }
.snote table thead, .snote table .fakethead {
	color: #000000;
	background: #d0d4d8;
	text-align: center;
}
.snote p {
	font-size: 8pt;
	padding: 0px;
	margin: 0px;
}
.notetitle {
	color: #ffffff;
	background: #242424;
	font-weight: bold;
	font-size: 8pt;
}

.td1 {
	color: inherit;
	background: #d0d4d8;
}
.td2 {
	color: inherit;
	background: #ababab;
}
.td3 {
	color: inherit;
	background: #bcbcbc;
}
.td4 {
	color: inherit;
	background: #9a9a9a;
}

a:hover {
	color: #dc6a43;
	background: inherit;
	text-decoration: underline;
}

.error {
	color: #cc2222;
	background-color: inherit;
	font-weight: bold;
}

input[type="text"], input[type="password"] {
	font-family: courier;
}


/* Tabs */
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color: gray; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: white !important; }


.ui-tabs-vertical { width: 45em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .1em; margin: 0px; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .1em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display: block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; background-color: gray; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { color: white !important; }
.ui-tabs-vertical .ui-tabs-panel { padding: .1em; margin: 0px; float: left; width: 32em; }

.xx ul, .xx ol { list-style-type: none; padding: 0px; margin: 0px; font-size: smaller; }
.r { padding: 12px; position: relative; left: 40px; width: 85%; }
.r ul, .r ol { list-style-type: none; }
.r li { width: 50%; float: left; }
.r p { clear: both; }
.r .u { color: black; font-weight: bold; }
.test { padding: 0px; border: 1px solid gray; cursor: pointer; position: relative; }
.xinfo { text-align: center; min-height: 36px; }
.info { position: relative; left: 40px; width: 85%; min-height: 36px; }
.info div:nth-child(1) { font-weight: bold; }
.info div:nth-child(2) { }
.info div:nth-child(3) { font-size: smaller; color: #666; }
.tag1 { position: absolute; top: 0px; left: 0px; width: 36px; height: 36px; }
.tag1 img { width: 36px; height: 36px; }
.tag2 { position: absolute; top: 0px; right: 0px; width: 36px; height: 36px; text-align: center; line-height: 36px; border-left: 1px solid gray; }
.extra { margin-top: 0px; border-top: 1px solid gray; }