/*
*	Legacy Global Style Sheet for Template 
*	Created by Zorg
*/
html,body {
	padding: 0;
	margin: 0;
	height: 100%;
	text-align: center;
	font-family: Arial;
	font-size: 13px;
	color: #FFF;
}

/* Link Coloring */
a { color: #DDD; text-decoration: none; }
a:hover { text-decoration: none; }

/* General text */
.text {
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial;
}

.colortext {
	font-size: 13px;
	font-family: Arial;
}

.darktext {
	font-size: 13px;
	color: #AAAAAA;
	font-family: Arial;
}

.quotetext {
	font-size: 11px;
	color: #AAAAAA;
	font-family: Arial;
}

.tabletitle {
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
}
.innertitle {
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
}
.title {
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
}
.forumpages {
	font-size: 11px;
	color: #AAAAAA;
	font-family: Arial;
}

.forumpages2 {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial;
}
.goodtext {
	font-size: 13px;
	color: #00FF00;
	font-family: Arial;
}
.oktext {
	font-size: 13px;
	color: #FFD800;
	font-family: Arial;
}
.badtext {
	font-size: 13px;
	color: #FF0000;
	font-family: Arial;
}
li {
	margin-left: 20px;
}

/* Warfare Text*/
.gang0text {
	font-size: 13px;
	color: #A695D1;
	font-family: Arial;
}

.gang1text {
	font-size: 13px;
	color: #4897E8;
	font-family: Arial;
}

.gang2text {
	font-size: 13px;
	color: #E84848;
	font-family: Arial;
}

.gang3text {
	font-size: 13px;
	color: #E6E848;
	font-family: Arial;
}

.gang4text {
	font-size: 13px;
	color: #5EE848;
	font-family: Arial;
}

.warAction {
	font-size: 13px;
	color: #88AAFF;
	font-family: Arial;
}

.warOther {
	font-size: 13px;
	color: #FFD800;
	font-family: Arial;
}

.warSpeak {
	font-size: 13px;
	color: #AAAAAA;
	font-family: Arial;
}

.warExpose {
	font-size: 13px;
	color: #5EE848;
	font-family: Arial;
}

.warError {
	font-size: 13px;
	color: #FF0000;
	font-family: Arial;
}

.npc0text {
	font-size: 13px;
	color: #7B6f9B;
	font-family: Arial;
}

.npc1text {
	font-size: 13px;
	color: #31659A;
	font-family: Arial;
}

.npc2text {
	font-size: 13px;
	color: #9A3131;
	font-family: Arial;
}

.npc3text {
	font-size: 13px;
	color: #9A8C31;
	font-family: Arial;
}

.npc4text {
	font-size: 13px;
	color: #389A31;
	font-family: Arial;
}

/* Main Template Images */
img.sitelogo {
	width: 270px;
	height: 79px;
	border: 0;
	float: left;
	margin: 5px auto auto 20px;
}

/* DROP DOWN MENU */
ul.menu {
	list-style: none;
	height: 22px;
	margin: 0;
	padding: 1px;
	border: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: left;
}

ul.menu li {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
}

ul.menu .right {
	float: right;
}

ul.menu img {
	border: 0;
}

ul.menu li ul.subnav {
	list-style: none;
	width: 175px;
	position: absolute;
	left: -3px;
	top: 24px;
	margin: 0;
	padding: 2px 0;
	display: none;
	float: left;
	z-index: 15;
	background: transparent url('../../img-bin/templates/menu_bg.png');
	border: 1px solid #333;
	border-top: 0;
	position: absolute;
	text-align: left;
	font-family: Arial;
	font-size: 13px;
	color: #DDD;
}

ul.menu li ul.subnav li {
	margin: 0;
	border: 1px solid #000;
	padding: 0 1px 0 4px;
	clear: both;
	width: 168px;
}

ul.menu li ul.subnav li:hover {
	background: transparent url('../../img-bin/templates/menu_bg.png');
}

.seperator {
	background: #333 !important;
	height: 1px !important;
	margin: 0 !important;
}

/* Main Template Divs */
div.mainbody {
	min-height: 100%;
	overflow: hidden;
	position: static;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

div.header {
	margin: 0 1px 1px 1px;
	padding: 0;
	border: 0;
	background: #1A1A1A url('../../img-bin/templates/background.png');
}

div.header-logo {
	margin: 0;
	padding: 0;
	border: 0;
}

div.combatlog {
	float: right;
	margin: 5px;
	padding: 0;
	background-color: #000;
	border: 1px solid #333;
	vertical-align: top;
}

div.combatlog-header {
	padding: 2px;
	margin: 1px;
	margin-bottom: 0;
	background: #333 url('../../img-bin/templates/bg-under.gif') top left repeat-x;
	color: #AAA;
	font-family: Arial;
	font-size: 13px;
	text-align: right;
}

div.combatlog-content {
	width: 90%;
	padding: 2px;
	margin: 1px;
	height: 50px;
	background: #000;
	float: left;
	color: #999;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	white-space: nowrap;
}

div.combatlog-expand {
	width: 25px;
	float: right;
	padding: 2px;
	margin: 1px;
	height: 50px;
	background: #111 url('../../img-bin/templates/expand-down.gif') center center no-repeat;
	border: 0;
	border-left: 1px solid #222;
}

div.hive {
	margin: 5px 5px 5px 0;
	width: 160px;
	height: 75px;
	float: right;
	padding: 1px;
	background-color: #000;
	border: 1px solid #333;
}

div.hive img {
	width: 160px;
	height: 75px;
	border: 0;
}

div.menu-outer {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	background: #333 url('../../img-bin/templates/bg-over.gif') top left repeat-x;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
}

div.pagetitle {
	margin: 0;
	padding: 3px 3px 3px 10px;
	border: 0;
	border-bottom: 1px #333 solid;
	background: #111;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}

div.body-text {
	padding: 5px;
	margin: 1px;
	border: 0;
	font-family: Arial;
	font-size: 13px;
	color: #FFF;
	text-align: left;
	vertical-align: top;
}

div.content-center {
	padding: 0 0 50px 0;
	border: 0;
	text-align: center;
	vertical-align: top;
}

div.content-left,div.content-right {
	position: relative;
	width: 175px;
	margin: 0;
	padding: 0 0 30px 0;
	border: 0;
	text-align: center;
	vertical-align: top;
}

div.content-right {
	float: right;
	margin-right: 5px;
}

div.content-left {
	float: left;
	margin-left: 5px;
}

div.chathistory {
	position: fixed;
	visibility: hidden;
	width: 550px;
	height: auto;
	margin: auto;
	top: 150px;
	left: 200px;
	float: left;
	padding: 1px;
	overflow: auto;
	border: 3px solid #333;
	background-color: #000;
	text-align: left;
	font-family: Arial;
	font-size: 13px;
	color: #fff;
	z-index: 9997;
}

img.history-close {
	float: right;
	margin: 0;
	border: 0;
	width: 15px;
	height: 15px;
}

div.popup {
	position: absolute;
	visibility: hidden;
	width: 350px;
	height: auto;
	margin: auto;
	border: 4px solid #444444;
	padding: 1px;
	overflow: hidden;
	background-color: #000000;
	text-align: left;
	z-index: 9999;
}

div.popup_header {
	width: 340px;
	height: auto;
	padding: 2px 5px 2px 5px;
	margin: 0;
	border-bottom: 1px solid #000000;
	background: #2A2A2A;
	font-weight: bold;
	text-align: left;
}

div.popup_content {
	width: 340px;
	height: 110px;
	padding: 2px 5px 2px 5px;
	margin: 0;
	border: 0;
	background: #000000 url('../../img-bin/templates/sessionmsg_bg.gif') top left repeat-x;
	text-align: left;
}

div.popup_bottom {
	width: 340px;
	height: auto;
	padding: 2px 5px 2px 5px;
	margin: 0;
	border-top: 1px solid #000000;
	background: #222222;
	text-align: center;
}

div.popup_overlay {
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9998;
	background-color: #000000;
}

img.tutorial {
	width: 75px;
	height: 75px;
	left: 10px;
	bottom: 10px;
	position: fixed;
	border: 0;
	cursor: pointer;
}

/* Side Bar Stuff */
div.sidebox,div.sidebox-tight {
	margin: 3px 3px 10px 3px;
	border: 1px solid #333;
	background-color: #000;
	text-align: left;
	vertical-align: top;
	padding: 0;
}

div.sidebox-header {
	padding: 2px;
	margin: 1px;
	border: 0;
	background: #333 url('../../img-bin/templates/bg-under.gif') top left repeat-x;
	font-family: Arial;
	font-size: 13px;
	color: #DDD;
	font-weight: bold;
	text-align: center;
}

div.sidebox-chat {
	height: 195px;
	padding: 2px;
	margin: 1px;
	background: #000;
	font-family: Arial;
	font-size: 13px;
	color: #999;
	text-align: left;
}

div.sidebox-footer1,div.sidebox-footer2 {
	padding: 2px;
	margin: 1px;
	background: #000;
	border-top: #333 solid 1px;
	font-family: Arial;
	font-size: 13px;
	color: #AAA;
}

div.sidebox-footer1 {
	text-align: left;
}

div.sidebox-footer2 {
	text-align: center;
}

img.chatbar {
	width: 129px;
	height: 10px;
	border: 0;
	margin: 0;
}

table.game {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	border-spacing: 1px;
}

td.game-left,td.game-stretch,td.game-right {
	margin: 0;
	border: 0;
	font-family: Arial;
	font-size: 13px;
	color: #aaa;
}

td.game-right a:link,td.game-right a:visited,td.game-right a:active {
	color: #aaa;
}

td.game-right a:hover {
	color: #ffffff;
}

td.game-left {
	padding: 2px;
	width: 60%;
	background: #111;
	text-align: center;
}

td.game-right {
	padding: 2px 2px 2px 5px;
	width: 40%;
	background: #000;
	text-align: left;
}

td.game-stretch {
	padding: 2px;
	width: 100%;
	background: #111;
	text-align: center;
}

div.char-bg {
	margin: 1px;
	padding: 0;
	border: 0;
	height: 116px;
	background-repeat: no-repeat;
	background-position: center center;
}

div.char {
	margin: 1px;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

div.aura {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top center;
}

div.levelbox {
	float: left;
	padding: 2px;
	margin: 4px auto auto 4px;
	border: 1px solid #000;
	width: 24px;
	height: 17px;
	background: #111;
	font-family: Impact, Arial;
	font-size: 13px;
	color: #fff;
	text-align: center;
}

img.flag {
	float: right;
	border: 0;
	margin: 4px 4px auto auto;
}

table.mini-stats {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	width: 100%;
}

td.mini-stat {
	padding: 0;
	border: 0;
	font-family: Arial;
	color: #fff;
	font-size: 11px;
	text-align: left;
}

table.stat-bar,table.stat-bar2 {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width: 95%;
}

table.stat-bar {
	height: 10px;
	border: 1px solid #333;
}

table.stat-bar2 {
	height: 8px;
	border: 0;
}

td.stat-bar-back {
	padding: 1px;
	margin: 0;
	border: 0;
	width: 100%;
	background: #000;
	text-align: left;
}

td.stat-bar-red,td.stat-bar-green,td.stat-bar-blue {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
}

td.stat-bar-red {
	background: #AA0000;
}

td.stat-bar-green {
	background: #00AA00;
}

td.stat-bar-blue {
	background: #0000AA;
}

div.sidebox-alert {
	margin: 3px 3px 10px 3px;
	padding: 2px;
	border: 1px solid #555;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #333 url('../../img-bin/templates/bg-over.gif') top left repeat-x;
	text-align: center;
	vertical-align: top;
	font-family: Arial;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
}

table.sectors {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	border-spacing: 1px;
}

td.sector-tab,td.sector-tab2 {
	padding: 2px;
	margin: 0;
	border: 0;
	background: #111;
	font-family: Arial;
	font-size: 13px;
	color: #aaa;
	text-align: center;
}

td.sector-tab:hover,td.sector-tab2:hover {
	background: #1A1A1A;
}

div.gang-alert {
	padding: 2px;
	margin: auto;
	background: #000;
	font-family: Arial;
	font-size: 12px;
	color: #AAA;
	text-align: center;
}

span.clock-span {
	color: #AAA;
	font-family: Arial;
	font-size: 13px;
}

span.clock-span2 {
	color: #FFF;
	font-family: Arial;
	font-size: 13px;
}

/* Footer */
div.footer-bar {
	background: #111111;
	height: 19px;
	width: 628px;
	border-top: 1px solid #333333;
	margin: -23px auto 0 auto;
	padding-top: 3px;
	color: #777;
	font-size: 12px;
}

div.footer-bar a:link,div.footer-bar a:visited,div.footer-bar a:active {
	color: #aaa;
}

/* Sector Bar */
div.sector-bar,div.sector-bar2 {
	height: 22px;
	padding: 0;
	background: #000;
	border: 0;
	float: left;
}

div.sector-bar {
	margin: 0;
}

div.sector-bar2 {
	position: fixed;
	bottom: 0px;
	left: 50%;
	border-top: 1px solid #333;
	z-index: 9995;
}

table.sector-table {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	border-spacing: 1px;
}

td.sectorbar-tab {
	padding: 2px;
	margin: 0;
	border: 0;
	background: #111;
	font-family: Arial;
	font-size: 13px;
	color: #aaa;
	text-align: center;
}

td.sectorbar-tab:hover {
	background: #1A1A1A;
}

/* Basic Form Items */
input.button {
	font-family: Arial;
	font-size: 13px;
	color: #FFF;
	margin: 1px;
	border: 1px solid #666;
	border-right-color: #444;
	border-bottom-color: #444;
	background: #222 url(../../img-bin/button_primary.gif) left center repeat-x;
}

input.textbox {
	height: 18px;
	padding: 0 0 0 4px;
	font-family: Arial;
	font-size: 13px;
	color: #FFF;
	margin: 1px;
	background: #000;
	border: 1px solid #444;
}

input.checkbox {
	font-family: Arial;
	font-size: 13px;
	color: #FFF;
	margin: 1px;
	background: #000;
	border: 1px solid #444;
}

textarea.textbox {
	font-family: Arial;
	font-size: 13px;
	color: #FFF;
	margin: 1px;
	background: #000;
	border: 1px solid #444;
}

select.selectbox {
	font-family: Arial;
	color: #FFF;
	margin: 1px;
	background: #000;
	border: 1px solid #444;
	font-size: 13px;
}

/* Custom Form Items */
input.blackoutbox {
	font-family: Arial;
	font-size: 13px;
	background: #000;
	color: #FFF;
	border: 0px;
}

input.chatbox,input.chatbox2 {
	height: 16px;
	border: 1px solid #555;
	margin: 1px;
	padding: 1px;
	background: #000;
	font-family: Arial;
	font-size: 13px;
	color: #FFF;
}

input.chatbox {
	width: 115px;
	float: left;
}

input.chatbox2 {
	width: 350px;
}

input.chatbutton {
	float: left;
	width: 30px;
	height: 20px;
	border: 1px solid #666;
	border-right-color: #444;
	border-bottom-color: #444;
	margin: 1px;
	padding: 1px;
	background: #222222 url(../../img-bin/button_primary.gif) left center repeat-x;
	font-family: Arial;
	font-size: 13px;
	color: #FFFFFF;
}

/* Suggest Box */
input.accountbox {
	width: 158px;
	height: 18px;
	font-family: Arial;
	font-size: 13px;
	color: #FFFFFF;
	margin: 0;
	padding: 0 6px 0 4px;
	background: #000;
	border: 1px solid #444;
}

div.suggest-name {
	width: 156px;
	background: transparent;
	font-size: 13px;
	color: #FFFFFF;
	cursor: default;
	padding: 1px 5px 1px 5px;
	margin: 1px;
}

div.suggest-name:hover {
	background: #222222;
}

span.suggest-level {
	float: right;
	margin: 2px 0 auto auto;
	color: #AAAAAA;
	font-size: 10px;
}

div.suggest-box {
	position: absolute;
	border: 1px solid #444444;
	border-top: 0;
	background: #0A0A0A;
	cursor: default;
	padding: 0;
	margin: -1px 0 auto 0;
	width: 168px;
	height: auto;
	font-size: 13px;
	text-align: left;
	visibility: hidden;
}

div.suggest-wrapper {
	position: static;
	margin: 1px;
	padding: 0;
	border: 0;
	width: 170px;
	height: auto;
	overflow: hidden;
}

/* New Game Template */
div.attacklist {
	overflow: auto;
	height: 200px;
	width: 138px;
	padding: 4px;
	border: 1px solid #444;
}

.search_row {
	background: #000;
	cursor: pointer;
}

#search_tooltip {
	position: absolute;
	width: auto;
	height: auto;
	display: none;
}

#search_tooltip div {
	width: 255px;
	height: auto;
	min-height: 125px;
	line-height: 1.2em;
	overflow: hidden;
	background: #000 none;
	border: 1px solid #444;
	border-radius: 2px;
	padding: 5px;
}

#search_tooltip div p {
	line-height: 1.0em;
}

.tooltip_character {
	width: 60px;
	height: 110px;
	float: left;
	margin: 5px;
	border: 0;
	padding: 2px;
	background: #111;
}

.page_left {
	float: left;
	margin: 0 15px;
}

.page_right {
	float: right;
	margin: 0 15px;
}

#search_arrow {
	position: absolute;
	left: -10px;
	top: 58px;
	width: 11px;
	height: 21px;
}

.search_label {
	padding: 0 5px;
	font-weight: bold;
	display: inline-block;
	width: 100px;
}

.category-box {
	border: 1px solid #444;
	border-radius: 5px;
	box-shadow: 2px 2px 3px #000;
	padding: 5px;
	margin: 2px 5px 5px 5px;
	overflow: hidden;
	background: transparent url('../img/bg.png');
}
.category-box div {
	width: auto;
	height: auto;
	padding: 2px 2px 2px 132px;
	overflow: hidden;
	position: relative;
}

.category-title {
	font-weight: bold;
	color: #aaa;
	margin-left: 10px;
	text-shadow: 1px 1px 3px #000;
}

div.tab-bar {
	position: absolute;
	width: 25px;
	height: 392px;
	margin: -3px 0 0 -4px;
	background: transparent;
}

div.tab-side {
	position: absolute;
	width: 599px;
	height: 392px;
	margin: -3px 0 0 21px;
	background: #000000 url(../../img-bin/templates/pages/main_bg.png) top left repeat-x;
}

img.tab-img {
	position: absolute;
	width: 25px;
	height: 120px;
	border: 0;
	margin: 0;
}

img.tab-side-edge {
	float: right;
	width: 13px;
	height: 392px;
	margin: 0 0 0 auto;
}

/* Attack Output Colors */
.attackcolor1 {
	font-size: 13px;
	color: #CCCCCC;
	font-family: Arial;
}

.attackcolor2 {
	font-size: 13px;
	color: #BBBBBB;
	font-family: Arial;
}

.attackcolor3 {
	font-size: 13px;
	color: #3366BB;
	font-family: Arial;
}

.attackcolor4 {
	font-size: 13px;
	color: #FF0000;
	font-family: Arial;
}

.attackcolor5 {
	font-size: 13px;
	color: #FFE400;
	font-family: Arial;
}

.attackcolor6 {
	font-size: 13px;
	color: #BD0303;
	font-family: Arial;
}

.attackcolor7 {
	font-size: 13px;
	color: #E5CD01;
	font-family: Arial;
}

.attackcolor8 {
	font-size: 13px;
	color: #4477CC;
	font-family: Arial;
}

.attackcolor9 {
	font-size: 13px;
	color: #6688FF;
	font-family: Arial;
}

.attackcolor10 {
	font-size: 13px;
	color: #3366BB;
	font-family: Arial;
}

.attackcolor11 {
	font-size: 13px;
	color: #6089C8;
	font-family: Arial;
}

/* Attack Summary Background */
td.attackbg {
	background-color: #222;
}

/* Player News */
.moneytransfer {
	font-size: 13px;
	color: #FFE400;
	font-family: Arial;
}

.moneydonate {
	font-size: 13px;
	color: #A2FFA0;
	font-family: Arial;
}

.marketbuy {
	font-size: 13px;
	color: #AACCFF;
	font-family: Arial;
}

/* Casino */
.casinowin {
	font-size: 13px;
	color: #FFE400;
	font-family: Arial;
}

.casinoloss {
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial;
}

/* Forums Thread view second title color */
a.forumtitle {
	font-size: 13px;
	font-family: Arial;
} 

/* Forum Stuff */
.forumtitle2 {
	color: #FFFFFF;
}

.fclantext {
	font-size: 11px;
	color: #6089C8;
	font-family: Arial;
}

.fstafftext {
	font-size: 11px;
	color: #FF0000;
	font-family: Arial;
}

.favatartext {
	font-size: 11px;
	color: #18FF00;
	font-family: Arial;
}

.fsubscribertext {
	font-size: 11px;
	color: #FFEA00;
	font-family: Arial;
}

.fstaffcolor {
	font-size: 12px;
	color: #77A4CF;
	font-family: Arial;
}

.fstaffcolor2 {
	font-size: 12px;
	color: #9EC2E4;
	font-family: Arial;
}

.thrdtext {
	font-size: 13px;
	color: #DDDDDD;
	font-family: Arial;
}

.thrdtext2 {
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial;
}

.thrdtextred {
	font-size: 13px;
	color: #FF0000;
	font-family: Arial;
}

.thrdtextblue {
	font-size: 13px;
	color: #6089C8;
	font-family: Arial;
}

.thrdtextyellow {
	font-size: 13px;
	color: #FFF000;
	font-family: Arial;
}

.thrdtextgreen {
	font-size: 13px;
	color: #30FF00;
	font-family: Arial;
}

.thrdtextorange {
	font-size: 13px;
	color: #FF9C00;
	font-family: Arial;
}

.thrdtextpurple {
	font-size: 13px;
	color: #DDDDDD;
	font-family: Arial;
}

.thrdtextgray {
	font-size: 13px;
	color: #C600FF;
	font-family: Arial;
}

.threadtext {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
}

/* Messages */
.staffmessage {
	font-size: 13px;
	color: #FF0000;
	font-family: Arial;
}

.clanmessage {
	font-size: 13px;
	color: #ADFFA5;
	font-family: Arial;
}

.gangmessage {
	font-size: 13px;
	color: #FFE400;
	font-family: Arial;
}

.readmessage {
	font-size: 13px;
	color: #AAAAAA;
	font-family: Arial;
}

.staffmessagebg {
	background-color: #FF0000;
}

.clanmessagebg {
	background-color: #ADFFA5;
}

.gangmessagebg {
	background-color: #FFE400;
}

.readmessagebg {
	background-color: #AAAAAA;
}

/* Player Search */
.protected {
	font-size: 13px;
	color: #FFE400;
	font-family: Arial;
}

/* System */
.sysonline {
	font-size: 13px;
	color: #00FF00;
	font-family: Arial;
}

.sysoffline {
	font-size: 13px;
	color: #FF0000;
	font-family: Arial;
}

/* Online Now*/
.onyou {
	font-size: 13px;
	color: #ADFFA5;
	font-family: Arial;
}

.onoth0 {
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial;
}

.onoth1 {
	font-size: 13px;
	color: #FFFFD9;
	font-family: Arial;
}

.onoth2 {
	font-size: 13px;
	color: #FFFFB0;
	font-family: Arial;
}

.onoth3 {
	font-size: 13px;
	color: #FFFF88;
	font-family: Arial;
}

.onoth4 {
	font-size: 13px;
	color: #FFFF00;
	font-family: Arial;
}

.onoth5 {
	font-size: 13px;
	color: #E8E800;
	font-family: Arial;
}

.onoth6 {
	font-size: 13px;
	color: #D7D700;
	font-family: Arial;
}

.onoth7 {
	font-size: 13px;
	color: #CCCC00;
	font-family: Arial;
}

.onoth8 {
	font-size: 13px;
	color: #C6C600;
	font-family: Arial;
}

.onoth9 {
	font-size: 13px;
	color: #BFBF00;
	font-family: Arial;
}

.onoth10 {
	font-size: 13px;
	color: #B0B000;
	font-family: Arial;
}

/* Items */
.itemNormal {
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial;
}

.itemDifferent {
	font-size: 13px;
	color: #68DDFA;
	font-family: Arial;
}

.itemRare {
	font-size: 13px;
	color: #FFE400;
	font-family: Arial;
}

.itemEpic {
	font-size: 13px;
	color: #FF9C00;
	font-family: Arial;
}

.itemGodlike {
	font-size: 13px;
	color: #FF0000;
	font-family: Arial;
}

.itemSpectral {
	font-size: 13px;
	color: #B400FF;
	font-family: Arial;
}

/* Avatar Colors */
.avatarcomp {
	font-size: 13px;
	color: #00FF00;
	font-family: Arial;
}

.avatardis {
	font-size: 13px;
	color: #FF0000;
	font-family: Arial;
}

.avatarnone {
	font-size: 13px;
	color: #FFE400;
	font-family: Arial;
}

/* Version Info */
#version-info {
	position: fixed;
	top: 10px;
	left: 10px;
	width: 200px;
	height: auto;
	padding: 10px;
	color: #777;
	border: 1px solid #444;
	background: #000;
	text-align: left;
}

/* Tutorials */
#tutorials {
	left: 0;
	top: 0;
	position: fixed;
}

.tutorialarrow {
	width: 61px;
	height: 50px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 20;
}

.tutorial {
	width: auto;
	height: auto;
	bottom: 10px;
	left: 10px;
	border: 0;
	position: fixed;
	overflow: hidden;
	background: transparent;
	z-index: 5;
}

.tutorialinner {
	width: auto;
	height: auto;
	min-height: 45px;
	background: transparent url('../../img-bin/tutorials/tutorial_bg2.png');
	float: left;
	margin: 10px 0;
	padding: 5px 10px;
	border-radius: 5px;
	left: -8px;
	position: relative;
	text-align: left;
	z-index: 10;
}

.tutorialimg {
	width: 75px;
	height: 75px;
	border: 0;
	margin: 0;
	float: left;
	cursor: pointer;
	position: relative;
	z-index: 20;
}

.tutorialhead1,.tutorialhead2 {
	font-size: 1.1em;
	font-weight: bold;
}

.tutorialhead2 {
	color: #EDB809;
}

.tutorialinner p {
	color: #ccc;
	margin: 2px;
	padding: 0 0 0 4px;
}

.tutorialinner input {
	width: auto;
	height: auto;
	padding: 3px 8px 3px 8px;
	margin: 10px auto 5px auto;
	float: right;
	border: 1px solid #555;
	border-color: #333 #111 #111 #333;
	background: #222 url('../../img-bin/button_primary.gif') center left repeat-x;
	color: #fff;
}