@charset "utf-8";
/* CSS Document */

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{ font-family: Arial, Helvetica, sans-serif;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{font-weight:bold;}
del,ins{text-decoration:none;}
html {overflow-y: scroll;}
body{background:#000000 url(../images/gradientBack.jpg) repeat-x top left; margin: 0px; padding: 0px; font-family:georgia; border: 0px; color:#C8BD85; font-size: 12px;}
.clear {clear: both; display: block;}
.error {color: red; font-weight: bold; margin: 10px 0;}
.notice, .notices {color: #17d829; font-weight: bold; margin: 10px 0;}
.pc {padding: 0px 23px;}

p,h1,h2,h3,h4,h5,h6 {margin: 10px 0;}
b, strong {font-weight: bold;}

h2{padding:0px;font-size:25px;line-height:26px;font-weight:normal;color:#c1971e;font-family:"Times New Roman", Times, serif;display:block;}
h3{margin:0px;font-size:13px;line-height:19px;font-weight:bold;color:#c1971e;font-family:Georgia;display:block;}
h4{margin:0px;font-size:14px;line-height:15px;font-weight:bold;color:#c1971e;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;display:block;}

hr {background: #999999; height: 1px; border: 0; width: 96%;}
blockquote {color: #C1971E; font-weight: bold; font-size: 14px; margin: 10px 0; padding: 0 23px;}

input, textarea {border: 1px solid #C8BD85; background: #628199;}

form {}
	form label {float: left; width: 130px; margin: 3px 0; line-height: 18px;}
	form input, form select{float: left;  margin: 3px 0;}

#pageBackground{background:url(../images/pageTPLBackgroundSprite.jpg) center top no-repeat; width: 100%; min-height: 456px;}
#container {width: 920px; margin: 0px auto; position: relative;}

#header {height: 350px; background:url(../images/pageTPLBackgroundSprite.jpg) center top no-repeat; }
	#header #logo {float: left; height: 80px; width: 230px; margin: 10px 0 0 30px;}
	#header #logo strong {display: none;}
	#header #rightBox { float: right; width:334px; height:50px; padding:0px; margin: 220px -20px 0 100px; _display:inline; color: #dcb48a; font-weight: bold; height: 76px;}
		#header #rightBox .error{ margin: 0; height: 15px; line-height: 15px; width: auto; margin-top: 15px; padding-left: 15px;}
		#header #loginBox form {padding:0 0 0 10px; margin: 0;}
		#loginBox #usernameDiv  {border:0; height:23px; width:113px; float: left; margin-right: 0px;
			background: url(../images/interfaceSprite.jpg) no-repeat -560px -247px;}
			#loginBox #username {border:0px;width:103px;  background: transparent; font:bold 11px georgia; color:#dcb48a;
				line-height: 11px; margin: 4px 3px 0 7px;}
		#loginBox #passwordDiv {border:0; height:23px; width:113px; background:url(../images/interfaceSprite.jpg) no-repeat -690px -247px; 
			float: left;}
			#loginBox #password {border:0px;width:106px;  background: transparent; color:#dcb48a;font-weight:normal;font:bold 11px georgia;
				line-height: 11px;margin: 4px 3px 0 7px; display: inline; position: relative;}
		#loginBox #loginButton {float:left; width:65px; margin:0px; height:23px;
			background:transparent url(../images/interfaceSprite.jpg) no-repeat -810px -247px; border: 0; cursor: pointer;}
		#loggedBox {margin: -10px 0px 0px 10px;}
		#loggedBox a{ color: #dcb48a;} 
		

		
		#loginBox .logLinks {margin-left: 10px;}
		
		#loginBox .logLinks a.forgot {height: 19px; width: 116px;background:url(../images/interfaceSprite.jpg) no-repeat -317px -32px; float: left;}
		#loginBox .logLinks a.reg {height: 19px; width: 115px; background:url(../images/interfaceSprite.jpg) no-repeat -432px -32px;  float: left;}

		
		#loginBox #passwordForgotten{display:block;clear:left;margin:0px;padding:0px;height:25px;width:120px;margin-left:15px;
 			background:url(../images/interfaceSprite.jpg) no-repeat -707px -0px;}
			#loginBox #passwordForgotten:hover{background-position:-706px -27px;}

				#gameNav { position: absolute; padding-left:10px; top:300px; height:25px; width: auto; }
		#gameNav ul{display:block; padding:0; margin:0; padding-left:25px;}
		#gameNav li { height: 31px; float: left; margin-top:0px;display:inline;}
		#gameNav li a, #gameNav li a:link, #gameNav li a:active, #gameNav li a:visited { background: url(blank.gif) repeat; display: block; height: 30px; padding: 0px 10px;
		 font: bold 11px/27px georgia, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: lowercase;}
		#gameNav li a:hover { text-decoration: underline; }
		#gameNav li a, #gameNav li a:link, #gameNav li a:active, #gameNav li a:visited{color:#cccc99; height:29px; margin:1px 0px; font:bold 11px/27px georgia; background:url(../images/transparentSprite.png) no-repeat -698px -0px; _background-image:url(../images/transparentSprite.gif);}
		#gameNav li:first-child a, #gameNav li.first a{border:solid 0px;background:none;}
		#gameNav ul li { _display: inline; _width: 10px; _white-space: nowrap; }
		
		#header a.websh {width: 113px; height: 30px; position: absolute; left: 44px; top:240px; *left:574px;}
		#header a.forum {width: 113px; height: 30px; top: 240px; left: 165px; position: absolute; height: 30px; *left:748px;}
				
/* homepage */
.accordion {width: 510px; float: left;}
	.accordion h3 a{padding:0px; padding-top:0px; width:500px; margin:0px 0px 0px -4px; height:31px; border:0px; display:block;
 						background:url(../images/transparentSprite.png) no-repeat -6px -446px; text-decoration: none; _background-image: url(../images/transparentSprite.gif); }
	.accordion h3 a:hover{ background:url(../images/transparentSprite.png) no-repeat -522px -746px;  _background-image: url(../images/transparentSprite.gif);}
		.accordion h3 a:hover .head{color:#fff1a8;text-decoration:underline;}
		.accordion .right{float:right;font:9px/30px georgia;padding-right:10px;color:#c1a17a; text-decoration: none;}
		.accordion h3 a .head{height:31px;font:bold 11px/20px georgia;padding-left:30px;display:block;cursor:pointer; color:#c1a17a; line-height: 27px;}
		.accordion h3.selected a .head {border:0px;line-height:33px;height:36px;color:#fff1a8;overflow:hidden;}
		
	.accordion h3.selected a{display:block; padding:0px;width:510px;margin:2px 0px 0px -4px;height:36px;border:0px;display:block;font:bold 10px/36px georgia;color:white;overflow:hidden;
 						background:url(../images/transparentSprite.png) no-repeat -6px -564px; _background-image: url(../images/transparentSprite.gif);}
 	.accordion  .innerContent {padding: 10px 10px 0px 15px; overflow: hidden;}
 	.accordion  .innerContent .c { height: 120px; overflow: hidden;}
	.accordion  .innerWrapper{border:0px; margin-left:-4px; width:510px;
							 background:url(../images/transparentSprite.png) no-repeat -6px -600px; _background-image: url(../images/transparentSprite.gif);}
	.accordion .annFooter{height:15px;margin-top:0px;width:510px; margin-left:-4px;
							 background:url(../images/transparentSprite.png) no-repeat -6px -542px; _background-image: url(../images/transparentSprite.gif);}
							 
	.accordion .innerContent a.readmore{border:0px;margin:0px 15px -0px auto;width:145px;height:35px;padding:0px;visibility:visible;color:white;font:bold 10px/35px georgia;
									 background:url(../images/transparentSprite.png) no-repeat -610px -794px; float: right; text-align: center; _background-image: url(../images/transparentSprite.gif);}
	.accordion .innerContent a.readmore:hover{text-decoration:underline!important;
									 background:url(../images/transparentSprite.png) no-repeat -860px -794px; _background-image: url(../images/transparentSprite.gif);}



.navRight {float: right; width: 334px; min-height: 100px; margin-right: -19px; margin-top: -26px;}
	.navRight .ccc {padding: 20px 10px 10px 10px}
	.navRight .onusers {margin: 10px; padding: 0;}

	.navRight .nrright {width: 49%; float: right;}
	.navRight .nrleft {width: 49%; float: left;}

#events {margin: 5px 30px;}
	#events div {line-height: 20px; background: #3a1e13; height: 20px; padding: 0 10px}
	#events div.odd {background: #27130c}
	#events div span {float: left; width: 120px;}
	#events div em {float: left; width: 110px; text-align: right;}


.list {color: #756a33; background: #3a1e13; width: 96%;}
	.list td {padding: 5px 5px 5px 10px;}
	.list .head {background: #27130c; color: #ffff99;}
	.list .alt {background: #27130c}

a, a:visited, a:link, a:active{font-weight:bold;color:#a9a072;text-decoration:underline;}
a:hover{color:#660000;}


#content {margin-top: 25px; width: auto;}
	#leftContent {float:left; width:215px; float: left; }
	#rightContent {margin-left:10px; float: left; min-height: 400px; _height:400px;}

		#leftContent ul {margin: 10px 10px 0 35px; padding: 0;}
		#leftContent ul li {list-style: none;}
		#leftContent ul  li a { background:transparent url(../images/transparentSprite.png) no-repeat scroll -310px -284px; _background-image:url(../images/transparentSprite.gif);  border-style:none none dotted; border-width:0 0 1px;
			color:#FFD230; display:block; font-family:Verdana; font-size:10px; font-weight:bold; height:28px; line-height:28px;
			padding-left:20px; text-decoration:none; outline-style: none;}
		#leftContent ul li a:hover {text-decoration: underline;}
		#leftContent ul.webshop_items {margin: 0 10px 0 35px; background: transparent url("../images/items_menu_bg.gif"); width: 170px;}
			#leftContent ul.webshop_items li a {line-height: normal; height: auto; background: none; line-height: 14px; border: 0; color: #B3DF3C;
			padding: 5px 10px 5px 20px;  border-bottom: 1px solid #1B1F28; background: transparent url("../images/sprite.png")  3px 6px no-repeat;}
			#leftContent ul.webshop_items li a:hover, #leftContent ul.webshop_items li a.selected { background-position: 3px -16px; text-decoration: none; color: white; }
			#leftContent ul.webshop_items ul {margin: 0; padding: 0; display: none;}
			#leftContent ul.webshop_items li li a {font-weight: normal; padding: 5px 10px 5px 30px; background-position: 15px -38px;}
			#leftContent ul.webshop_items li li a:hover, #leftContent ul.webshop_items li li a.selected { background-position: 15px -58px;}
		
.faq h2 {font-size: 18px; font-style: italic; cursor: pointer;}
.faq p {padding-left: 10px;}
		
#footer {text-align: center; width: 920px; clear: both; margin: 0px auto; padding: 30px 0px; font-size: 11px;}
	#footerText {width:620px;float:left;padding-top:30px;}
	#footerLogoLeft {width:150px;display:block;float:left;}
	#footerLogoRight {width:150px;display:block;float:right;}
#footer, #footer a, #footer p{color:#FFF1A8;background:no-repeat center top;}
	#footer a{text-decoration:none;font-weight:bold;color:#6D0A08; padding: 0 4px;}
	#footer a:hover{text-decoration:underline;}