@import url('/css/mb.css') screen;

html {/*
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #28422d;
	scrollbar-track-color: #7fbe8c;
	scrollbar-shadow-color: #28422d;
	scrollbar-darkshadow-color: #28422d;
	scrollbar-highlight-color: #28422d;
	scrollbar-3dlight-color: #28422d;
	*/
}

body {
	font-family: verdana;
	font-size: 70%;
	color: #000;
	margin: 0px;
	background-color: #7fbe8c;
}

select, table, input {
	font-size: 100%;
}
	
img {
	border: 0px;
	max-width: 100%;
}

a {
	text-decoration: none;
}
	
small {
	font-weight: normal;
	display: block;
}

pre {
	text-align: left;
	font-size: 13px;
}

.clear { clear: both; }

br.clear {
	clear: both;
	overflow: hidden;
	display: block;
	height: 0.1px;
}
	
#body a {
	text-decoration: none;
	color: #28422d;
}
	
#body a:hover {
	color: #fff;
}
	
#account-info a {
	color: #28422d;
}
	
#account-info a:hover {
	color: #999;
}
	
#side {
	position: absolute;
	top: 125px;
	right: 0px;
	height: 509px;
	width: 29px;
	background-image: url(/images/layout/background.png);
	background-position: top right;
	background-repeat: repeat-x;	
}

#adminPanel ul, #newsPanel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#account-options {
	position: absolute;
	z-index: 999;
	background-color: #efe;
	border: 1px solid #28422D;
}

#account-options a {
	display: block;
	padding: 3px;
	margin: 0px;
}

#account-options a:hover {
	background-color: #537A5B;
	color: #fff;
}

#pet-image {
	width: 200px;
	border: 2px solid transparent;
}

#pet-image img {
	width: 200px;
	height: 200px;
	border: 0px;
}

#pet-image.active {
	background-color: #9AD6A6;
	border-color: #A8DDB3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.registration-table th { 
	text-align: left;
	width: 45%;
}

.registration-table td { 
	padding: 5px !important;
	text-align: center !important;
}

.registration-table {
	margin: 5px auto;
	width: 400px;
}

.char-view {
	display: inline-block;
}

.char-view h3 { margin: 0px; }

.char-details {
	width: 170px;
	margin-left: 15px;
	position: absolute;
	left: -999em;
	background-color: #9AD6A6;
	padding-top: 5px;
	border: 2px solid #66A071;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.char-view h3:hover + .char-details,  .char-details:hover{ left: auto; }

.char-details .links {
	width: 100px;
	margin: 0px auto;
	text-align: left;
	background-color: #7DBB89;
	padding: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.char-details .links a {
	display: block;
	padding: 2px;
}

.char-details .links a:hover {
	background-color: #D3F2D9;
	color: #537A5B !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.char-details p {
	margin: 5px;
	color: #28422D;
}

.hide {
	left: -999em;
}

.show {
	right: 0px;
}
	
#header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 125px;
	background-color: #28422d;
	width: 100%;
	min-width: 765px;
	z-index: 2;
}
	
#header h1 {
	margin: 20px 50px 0px 190px;
	text-align: center;
}
	
#banner {
	height: 181px;
	width: 191px;
	display: block;
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 0px;
}

#banner.arcael { background-image: url(/images/layout/circle-arcael.png); }
#banner.cervinea { background-image: url(/images/layout/circle-cervinea.png); }
#banner.kaladra { background-image: url(/images/layout/circle-kaladra.png); }
#banner.pinava { background-image: url(/images/layout/circle-pinava.png); }
#banner.volk { background-image: url(/images/layout/circle-volk.png); }

#navigation {
	position: absolute;
	top: 106px;
	left: 0px;
	width: 100%;
	z-index: 3;
	text-align: center;
	margin: 0px auto;
}
	
#navigation div {
	margin: 0px 50px 0px 190px;
}
	
#navigation ul {
	width: 630px;
	margin: 0px auto;
	padding: 0px;
	list-style-type: none;
	display: table;
}
	
#navigation li {
	text-align: center;
	display: table-cell;
	margin: 0px -5px;
}
	
#navigation a {
	font-size: 12px;
	font-variant: small-caps;
	color: #fff;
	background-color: #537a5b;
	background-image: url();
	border: solid #8cc598;
	border-width: 1px 5px;
	padding: 1px 4px;
	margin: 1px 0px;
	display: block;
	width: 50px;
}
	
#navigation a:hover {
	border-color: #6ca778;
	color: #28422d;
	background-color: #fff;
}
	
#games .games, #pets .pets,
#world .world, #news .news,
#messages .messages, #forum .forum,
#inventory .inventory, #oekaki .oekaki,
#board .board {
	background-color: #7fbe8c;
	color: #28422d;
	border-bottom-color: #7fbe8c;
	font-weight: bold;
	border-bottom-width: 4px;
	margin-top: -2px;
}

#account-info {
	background-color: #fff;
	border: 5px solid #28422d;
	border-bottom: 0px;
	border-top: 105px solid #28422d;
	font-size: 11px;
	text-align: left;
	float: left;
	width: 167px;
	text-align: center;
	position: absolute;
	z-index: 2;
	top: 80px;
	left: 0px;
	background-image: url(/images/layout/infobg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
	
#account-info h3 {
	font-size: 110%;
	letter-spacing: 1px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	margin: 0px;
	padding: 2px 0px;
	background-color: #d3f2d9;
}
	
#account-info h4 {
	font-size: 100%;
	text-align: left;
	border-top: 1px solid #000;
	border-bottom: 1px dashed #aaa;
	margin-top: 0px;
	padding: 5px;
}

hr {
	width: 100%;
	height: 1px;
	color: #28422d;
	background-color: #28422d;
}
	
#account-info h4.top {
	border-top: 0px;
}
	
#buddyPanel {
	text-align: left;
}
	
#searchbar {
	position: absolute;
	top: 135px;
	right: 40px;
	z-index: 5;
}
	
#body {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	min-width: 765px;
}
	
#body h1 {
	font-size: 200%;
	margin-top: 0px;
	text-align: center;
	font-variant: small-caps;
}

#footer {
	text-align: center;
	font-family: sans-serif;
	padding-top: 50px;
	width: 100%;
	min-width: 765px;
}
	
#message {
	margin: 0px auto;
	width: 450px;
}
	
#message .box {
	border: 1px solid #28422d;
}
	
#message h2 {
	font-size: 110%;
	background-color: #68a274;
	color: #fff;
	margin: 0px;
	text-align: left;
	text-indent: 10px;
	padding: 3px 0px;
}
	
#alert {
	position: absolute;
	left: 202px;
	top: 80px;
	z-index: 10;
}
	
.bounce {
	position: relative;
	right: 1px;
}
	
.nobounce {
	position: relative;
	left: 1px;
}
	
.messages {
	margin: 0px auto;
	width: 500px;
}
	
.messages td {
	background-color: #75b381;
	font-weight: normal;
	clear: both;
	text-align: center;
}

.forum-list tr.new-posts td:first-child { background-color: #d9f8e0; }

.forum-list table td { padding: 3px; }

.forum-list th {
	font-family: arial, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	color: #537a5b;
}

.forum-list td.last-post { text-align: left; }

.forum-list .unread a { font-weight: bold; }

.forum-list .last-post div { 
	background-color: #a2dbae;
	margin: 0px 2px;
	padding: 3px;
} 

.thread-title div { 
	position: relative;
	padding-right: 1.4em;
}

.last-link {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 1.4em;
	text-align: center;
	border: 1px solid #6BA576;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	text-indent: 0px;
}

a.last-link:hover { 
	border-color: #fff;
	background-color: #6BA576;
}
	
.threads {
	margin: 0px auto;
	background-color: #b2dfbb;
	width: 650px;
	border: 1px solid #000000;
}


.threads .sticky { 
	font-weight: bold;
	color: #537A5B;
	font-size: 9px;
}

.threads  .thread-title, .threads .last-post{
	text-align: left;
}

.threads  .thread-title { text-indent: 20px; }

.threads td.new-posts a {
	font-weight: bold;
}

.threads td {
	margin: 2px;
	background-color: #94d0a0;
}
	
.threads tr.row td {
	background-color: #b2dfbb;
}

.thread td.spacer {
	background-color: #94d0a0;
}
	
.forum-cat, .box {
	border: 1px solid #3C6845;
	padding: 10px;
	background-color: #b2dfbb;
	margin: 10px auto;
}

#forum-key {
	max-width: 900px;
	margin: 0px auto;
}
#forum-key table {
	width: 100%;
}

.forum-cat {
	text-align: center;
	max-width: 900px;
}

.box {
	text-align: left;
}

.box > *:first-child {
	margin-top: 0px;
}

.forum-cat tr td:first-child {
	width: 50%;
}
	
.forum-cat h2 {
	margin: 0px;
	text-align: left;
}
	
.forum-cat h3 {
	margin: 5px;
	text-align: left;
}

.forum-cat div { 
	margin: 5px; 
}
	
.forum-cat img {
	float: left; 
	margin: 10px; 
	width: 24px; 
	height: 24px;
}
	
.forum-cat table {
	width: 100%;
}

.forum-cat td {
	background-color: #94d0a0;
	margin-bottom: 10px;
}
	
.thread-holder {
	background-color: #b2dfbb;
	margin: 0px auto;
	width: 700px;
	padding-bottom: 25px;
	padding-top: 1px;
	border: 1px solid #000000;
	font-size: 12px;
}



.thread-holder .small {
	font-size: 11px;
	font-style: italic;
}

.thread.preview {
	background-color: #6ca778;
	margin: 5px;
	text-align: left;
	padding: 5px;
}

.thread.preview h3 {
	margin: 0px;
}

.thread.preview .right {
	float: right;
	clear: right;
}

.thread.preview .left {
	float: left; 
	clear: left;
}
	
.post {
	background-color: #94d0a0;
	margin: 0px auto;
	max-width: 650px;
	text-align: left;
}

.latest {
	display: inline-block;
	vertical-align: top;
	width: 45%;
}

.post.preview {
	margin: 1em auto;
}

.post.preview .small {
	text-transform: uppercase;
	font-size: 9px;
	background-color: #6ca778;
}

.post.preview .userpost {
	font-size: 11px;
}

.post.preview .avatar {
	float: left;
	margin: 3px;
	margin-right: 5px;
}

.post.preview .small, .post.preview .userpost {
	padding: 5px;
}

.thread-holder .post img {
	max-width: 500px;
}
	
.post td { padding: 10px 0px; }
.post-text td { padding: 0px; }

.post-text .userpost a { color: #42764C !important; }
.post-text .userpost a:hover { color: #fff !important; }

.post .userstuff {
	width: 100px;
	text-align: left;
	vertical-align: top;
	background-color: #7dc28a;
}

.post .userstuff  p { text-align: center; }

.post .userstuff .edit-post {
	background-color: #66A071; 
	padding: 5px 0px; 
	position: absolute; 
	bottom: 0px; 
	left: 0px;
	width: 100px;
	text-align: center;
}

.post .post-text {
	padding: 10px;
	vertical-align: top;
}

.post-text code {
	display: block;
	margin: 10px;
	padding: 5px;
	background-color: #B2DFBB;
	border: 1px solid #7DC28A;
}

.post-text blockquote.quote {
	background-color: rgba(255,255,255,0.3);
	border: 1px dashed rgba(0,0,0,0.1);
	margin: 0px 5px;
	padding: 10px;
}

.post-text blockquote.quote .author {
	margin-left: -5px;
	margin-top: -5px;
	margin-bottom: 5px;
	font-weight: bold;
	font-family: georgia, serif;
}

.post-text .spoilertext {
	padding: 5px;
	background-color: rgba(255,255,255,0.1);
	border: 1px solid rgba(0,0,0,0.1);
	margin-top: 3px;
}

#viewing  {
	width: 350px;
	border: 1px solid #000;
	background-color: #94d0a0;
	margin: 10px auto;
}

#viewing h2 {
	background-color: #b2dfbb;
	margin-top: 0px;
	font-size: 9px;
	padding: 3px;
	color: #28422D;
	font-weight: normal;
}

#viewing em {
	color: #28422D;
	font-size: 11px;
}
	
.re {
	margin-top: 15px;}

#message > .author {
	padding: 5px;
}
	
.message {
	background-color: #92d5a0;
	padding: 10px;
	text-align: left;
}
	
.reply {
	background-color: #75b381;
	color: #406849;
	padding: 10px;
	text-align: left;
}
	
.float-left {
	float: left;
	margin: 5px;
}
	
.float-right {
	float: right;
	margin: 5px;
}
	
	
.leftcorner,.rightcorner {
	position: absolute;
	bottom: 0px;
	display: block;
	height: 13px;
	width: 14px;
}

.leftcorner {
	left: -5px;
	background-image: url(/images/layout/leftcorner.gif);
}

.rightcorner {
	right: -5px;
	background-image: url(/images/layout/rightcorner.gif);
}

.petstats {
	margin: 0px auto;
}
	
.petstats tr, .petstats td {
	vertical-align: top;
}

.petstats h3 {
	font-size: 130%;
	margin-top: 0px;
	width: 100%;
	text-align: center;
}
	
.petstats th {
	text-align: right;
}

.petstats tr {
	text-align: left;
}
	
.format-table {
	border: 1px solid transparent;
	border-color: rgba(0,0,0,0.4);
}	

.format-table th {
	background-color: rgba(0,0,0,0.15);
	text-align: center;
	padding: 2px;
}
	
.format-table td{
	text-align: left;
	padding: 0px 2px;
	background-color: rgba(0,0,0,0.07);
}
	
.lookup-box {
	border: 1px solid #000;
	width: 600px;
	margin: 0px auto;
	padding-bottom: 10px;
	background-color: #99d0a4;
}
	
.lookup-box h2 {
	background-color: #537a5b;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
	padding: 3px 10px;
	font-size: 150%;
}

#user-characters .character, #user-trophies .trophy {
	width: 100px;
	padding: 5px;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
	
.pet-image {
	float: left;
	position: relative;
	z-index: 3;}
	
.memberlist {margin: 0px auto; text-align: left;
				width: 600px;}
.memberlist td {padding: 1px 5px;}

.memberlist th {text-align: center;}

.m-row1 td {
	background-color: #8dcd9b;}
	
.m-row2 td {
	background-color: #6ba877;}
	
.center {
	text-align: center !important;
}
	
.left {
	text-align: left !important;
}
	
.right {
	text-align: right !important;
}
	
a.logout {
	margin: 10px 15px 0px;
	border: 1px solid #28422d;
	background-color: #d3f2d9;
	padding: 2px 7px;
	display: block;
}
	
a:hover.logout {
	color: #fff !important;
	background-color: #7fbe8c;
}

/* just a general left-aligned text box */
.textbox {
	width: 500px;
	text-align: left;
	padding: 5px;
	margin: 0px auto;
}

.news-nav { 
	width: 600px;
	margin: 10px auto;
	background-color: #70a67b;
	padding: 4px;
	position: relative;
}

.news-nav .prev { 
	position: absolute;
	left: 5px;
}
.news-nav .next { 
	position: absolute;
	right: 5px;
}

#newsbox {
	width: 550px;
	margin: 0px auto;
	text-align: left;
	clear: both;
}

#newsbox h2 {
	font-size: 11px;
	color: #28422D;
	margin-bottom: 5px;
}

#newsbox .entry {
	background-color: #94D0A0;
	margin: 0px 20px 10px;
	padding: 5px;
}

#newsbox .clear {
	height: 0.1px; 
	overflow: hidden; 
	clear: both; 
	display: block;
}

#newsbox .sig {
	margin-bottom: 0px;
	font-size: 10px;
	text-align: right;
}
#newsbox p:first-child { margin-top: 0px;}

#app-list {
	width: 700px;
	margin: 0px auto;
	text-align: left;
}

#app-list td {
	border-left: 1px solid #76B884;
	border-top: 1px solid #538C5F;
}

#app-list td, #app-list th {
	padding: 2px;
}

#app-list td:first-child {
	border-left: 0px;
}

#app-list tr:first-child+tr+tr td {
	border-top: none;
}

#app-list tr:hover td {
	background-color: #D5F2B7;
	border-left-color: #B3D98C;
}

#app-list a { display: block; }

#app-list a:hover {
	color: #000;
}

#app-comment {
	width: 500px;
	text-align: left;
	border: 1px solid #34583B;
	margin: 10px auto;
}

#app-comment .info {
	padding: 2px;
	text-align: center;
	background-color: #537A5B;
	color: #fff;
}

#app-verdict {
	width: 500px;
	margin: 10px auto;
	padding: 10px;
	background-color: #99DDA7;
}

#app-verdict p {
	text-align: left;
}

#app-verdict h3 { 
	margin-top: 0px; 
	text-align: left;
}

#app-verdict textarea {
	width: 350px;
	height: 100px;
	font-family: verdana;
	font-size: 11px;
}

.alert {
	color: #fff;
}

#item-table {
	margin: 0 auto;
}

#item-table td {
	border: 1px solid #28422d; 
	background-color: #9bd4a7; 
	padding: 3px;
	width: 130px;
}