body {
	margin:0px;
	clear:left;
	font-family:arial, tahoma;
}
a {
	color:#55400c;
	font-size:100%;
}

ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

@media screen and (max-width: 30000px) {
    #logo{
        background:url('/img/i/i-logo.png') no-repeat;
        background:expression('none');
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/i/i-logo.png',sizingMethod='image');
        position:absolute;
        width:264px;
        height:108px;
        z-index:5;
        left:600px;
    }
}
@media screen and (max-width: 900px) {
    #logo {
        display: none;
    }
}

#left-side {
	float:left;
	height:100%;
	width:206px;
	left:0px;
	top:0px;
	background:#252111 url('/img/i/i-left-background-picture.gif') repeat-y 188px;
	margin-right:-206px;
	overflow:hidden;
	position:relative;
	z-index:1;
}

#game-area {
	height:100%;
	/*width:100%;*/
	right:5%;
	border-color:blue;
	margin-left:206px;
	display:block;

	/*background:url('/img/i/bg-game-area.jpg');*/
	overflow:none;
}

#game-iframe {
	bottom: 0px;
	right:0%;
	border-color:blue;
	left:206px;
	display:block;
	overflow:hidden;
	top: 0px;
	position: absolute;
	padding-top: 73px;
}

#game-mesh {
	position:relative;
	left:0%;
	height:60%;
	width:100%;
	overflow:hidden;
	cursor:move;
}

img {}

#content {
	position:relative;
	width:100%;
	height:100%;
}

#chat {
	position:relative;
	height:40%;
	left:0px;
	width:100%;
	bottom:0px;
	z-index:2;
	background:url('/img/i/bg-book.png');
}

#chat-content{
	background:url('/img/i/bg-book-c.png') repeat-y right 0;
	height:100%;
	width:100%;
	min-width:794px;
	width:expression(this.parentNode.offsetWidth>794?'100%':'794px');
}

#chat-top{
	position:absolute;
	top:-48px;
	height:48px;
	width:100%;
	overflow:hidden;
}
#chat-top table{
	border-collapse:collapse;
	height:100%;
	width:100%;
}
#chat-top table td{
	padding:0;
}

#chat-top-left{
	width:171px;
	height:100%;
	background:url('/img/i/i-book-tr.png') no-repeat;
	background:expression('none');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/i/i-book-tr.png',sizingMethod='image');
}
#chat-top-center{
	background:url('/img/i/bg-book-tt.png') repeat-x;
	width:100%;
	height:100%;
	background:expression('none');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/i/bg-book-tt.png',sizingMethod='scale');
}
#chat-top-right{
	width:623px;
	height:100%;
	background:url('/img/i/i-book-t.png') no-repeat;
	background:expression('none');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/i/i-book-t.png',sizingMethod='image');
}

#main-chat-window{
}

#chat-log{
	border:1px solid #552b13;
	position:absolute;
	bottom:60px;
	top:0px;
	left:20px;
	right:290px;
	width:expression(this.parentNode.offsetWidth-60);
	height:expression(this.parentNode.offsetHeight-60);
	overflow:auto;
	font-size:10px;
}

#chat-log{
	color:black;
}


#chat-content-holder{
	position:absolute;
	width:100%;
	right:0;
	left:0;
}

#chat-control-left{
	position:absolute;
	right:250px;
	left:0px;
	bottom:0px;
	width:expression('100%');
	padding-right:30px;
	height:50px;
	font-size:0px;
}

#chat select{
	border:1px solid #552b13;
	background-color:#fffff2;
}
#chat input{
	border:1px solid #552b13;
	background-color:#fffff2;
}

#chat .selector{
	width:80px;
}

#chat div.main-messenger{
	padding-left:5px;
	height:auto;
	width:80%;
	border:1px solid red;
	float:left;
}

#chat-control-left td.selector{
	width:100px;
}
#chat-control-left td.button{
	width:30px;
}

#chat input.main-messenger {
	width:100%;
}

#chat button{
	border:none;
	background-color:transparent;
	height:27px;
	width:28px;
}

#chat button img{
	padding:0;
	margin:0;
	border:0;
}

.button-container{
	background:url('/img/i/b-chat-control.png');
}

.button-container td.horizontal{
	background:url('/img/i/b-chat-horizontal.png') repeat-x;
}
.button-container td.horizontal.top{
	background-position:0 7px;
}
.button-container td.horizontal.bottom{
	background-position:0 14px;
}

#chat td.corners{
	width:24px;
	height:24px;
}

#chat td.corners div{
	width:24px;
	height:24px;
	font-size:0px;
}

#chat td.corners div.lt {
	background:url('/img/i/b-chat-lt.png') no-repeat;
}
#chat td.corners div.rt {
	background:url('/img/i/b-chat-rt.png') no-repeat;
}
#chat td.corners div.lb {
	background:url('/img/i/b-chat-lb.png') no-repeat;
}
#chat td.corners div.rb {
	background:url('/img/i/b-chat-rb.png') no-repeat;
}

#chat table div.buttons{
	position:relative;
	padding:0 10px;
	margin:-38px 0 0 0;
	top:0px;
	font-size:0px;
}

#chat table div.buttons button.left{
	margin-left:40px;
}

#chat-control-right{
	position:absolute;
	bottom:0px;
	height:50px;
}

#printer {position:absolute;right:0px;top:0px;}

#top-back {
	background:url('/img/i/i-left-background.jpg') no-repeat;
	height:359px;
}

#main-back {
	height:100%;
	background:url('/img/i/b-wall-bg.gif') repeat-y;
	background-color:#2f2204;
	overflow:hidden;
}

#window-sill-shadow {
	height:100%;
	width:180px;
	background:url('/img/i/i-windowsill-back.png') repeat-x;
	background:expression('none');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/i/i-windowsill-back.png',sizingMethod='image');
}

#candle{
	position:relative;
	top:-90px;
	left:10px;
}
#book{
	position:relative;
	top:-127px;
}

#bottom-back {
	bottom:0%;
	background:url('/img/i/i-left-bottom-background.jpg') no-repeat;
	height:379px;
	width:180px;
	bottom:0px;
	z-index:1;
}


#user-profile {
	position:absolute;
	height:233px;
	width:166px;
	left:62px;
	top:25%;
	z-index:2
}
#user-profile img.border{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/i/i-profile-background.png',sizingMethod='scale');height:100%;width:100%}

.build {
	position:absolute;
}

#arrowUp {
	position:absolute;
	width:57px;
	height:73px;
	background:url('/img/i/b-arrow-up.gif') no-repeat;
	top:0px;
	right:10px;
	z-index:4;
}

#arrowDown {
	position:absolute;
	width:57px;
	height:73px;
	background:url('/img/i/b-arrow-down.gif') no-repeat;
	bottom:40%;
	left:210px;
	z-index:4;
}

.showed{
	display:block;
}
.hidden{
	display:none;
}

.top-control{
	position:absolute;
	top:11px;
	z-index:1
}

#reload-button{
	left:220px;
	width:40px;
	height:40px;
}

#log-button{
	left:280px;
}

#parameters-button{
	left:350px;
}

#inventory-button{
	left:400px;
}

#magick-button{
	left:455px;
}

#note-button{
	left:525px;
}

#quest-button{
	left:580px;
}

#mail-button{
	left:640px;
}

#info-button{
	left:700px;
}

.menu div.text{
	top:-33px;
	left:36px;
	position:relative;
}

#main-menu{
	position:absolute;
	top: 5px;
	right:65px;
	z-index:2;
}

#game-menu{
	position:absolute;
	right:40px;
	z-index:2;
}

.menu-content{
	position:relative;
	margin-left:20px;
	margin-right:26px;
	padding-left:20px;
	padding-bottom:40px;
	font-size: 16px;
	top:-24px;
	background:url('/img/i/bg-menu-text.png') repeat-y 0px;
	display:none;
}

.bottom-menu{
	position:relative;
	left:19px;
	top:-25px;
	width:121px;
	padding:0px;
	margin:0px;
	font-size:1px;
}

.bottom-menu .closer{
	border:0px;
	margin:0px;
	padding:2px;
	position:relative;
	left:80px;
	display:none;
}

div img{
	vertical-align:top;
	cursor:default;
}

a{
	cursor:hand;
	cursor:pointer;
}

a img{
	border:0;
	cursor:hand;
	cursor:pointer;
}

.bottom-menu .footer{
	border:0px;
	margin:0px;
	padding:0px;
}

.bottom-menu div.opener{
	position:relative;
	width:15px;
	left:97px;
	top:-12px;
	border:0px;
	margin:0px;
	padding:0px;
}

#user-content {
	font-family:arial,tahoma;
	font-size:70%;
	color:#5B4726;
	width:130px;
	height:210px;
	position:absolute;
	left:18px;
	top:10px;
}

#user-content img.user-picture{
	border:1px solid #735431;
	float:left;
}


.user-name {
	font-weight:bold;
	font-size: 12px;
}

.meter {
	width:12px;
	height:131px;
	margin:0 5px 0 0;
	padding:0px;
}

#health{
	position:absolute;
	left:88px;
	margin-bottom:20px;
	padding:0px;
}


#weariness {
	position:absolute;
	left:104px;
	margin-bottom:20px;
	float:none;
}

.meter .container{
	position:absolute;
	height:120px;
	width:12px;
	border:1px solid #735431;
}

.level {
	width:100%;
}

.meter .icon img{
	position:absolute;
	bottom:0px;
	left:2px;
}

#health .icon img{
	height:8px;
	width:8px;
	border:0px;

}

#weariness .icon img{
	height:9px;
	width:13px;
	border:0px;

}

#health .container .level{
	position:absolute;
	bottom:0px;
	background:url('/img/i/i-health-color.gif');
}

#weariness .level{
	position:absolute;
	height:77%;
	bottom:0px;
	background:url('/img/i/i-weariness-color.gif');
}

#parameters{
	position:absolute;
	top:149px;
	left:0px;
	width:130px;
	font-size: 11px;
}

#parameters div{
	float:left;
	margin-right:4px;
	height:47px;
	font-size:80%;
}

#money{
	width:41px;
	float:left;
	height:46px;
	background:url('/img/i/i-money-icon.gif') no-repeat 50% 0%;
	border-collapse:collapse;
	font-size:0.8em;
}

#money td{
	vertical-align:bottom;
}

#money div.money{
	margin:0px;
	padding:0px;
	width:11px;
	height:8px;
	margin-top:-6px;
	font-size:0px;
	position:relative;
	float:none;
}


#inventory{
	background:url('/img/i/i-inventory-icon.gif') no-repeat 50% 15%;
	width:30px;
	padding:0px;
	padding-top:20px;
	float:left;
}

#rating{
	width:40px;
	padding-top:30px;
	background:url('/img/i/i-rating-icon.gif') no-repeat 50% 0%;
}

table{
	font-size:100%;
	color:#5B4726;
}

#area-menu{
	z-index:1;
	position:absolute;
	width:320px;
	height:322px;
	bottom:40%;
	right:40px;
	overflow:hidden;
}

#area-menu-content{
	position:absolute;
	font-size: 16px;
	top:22px;
	left:22px;
	width:277px;
	height:300px;
	overflow:hidden;
	background:#968c60 url('/img/i/i-area-menu-map.jpg') no-repeat 100% 100%;
}

#area-menu-content p{
	padding-top:20px;
	padding-left:10px;
	color:#eef1d5;
	font-size:70%;
	background:url('/img/i/i-splitter.gif') no-repeat center 0px;
}

#area-menu-content div{
	margin:10px;
	padding-right:10px;
	height:100%;
	width:255px;
	overflow:auto;
}

#area-menu-content div.spacer{
	background:none;
	height:50px;
	width:10px;
	overflow:visible;
}


#area-menu-lt {
	position:absolute;
	z-index:3;
}

#area-menu-rt {
	position:absolute;
	right:0px;
	z-index:3;
}

#area-menu-t{
	position:absolute;
	top:0px;
	left:34px;
	height:22px;
	width:252px;
	background:url('/img/i/i-area-menu-t.png');
}
#area-menu-closer{
	position:absolute;
	right:0px;
	top:4px;
}

#area-menu-l{
	position:absolute;
	left:0px;
	top:34px;
	height:100%;
	width:22px;
	background:url('/img/i/i-area-menu-l.png');
}
#area-menu-r{
	position:absolute;
	right:0px;
	top:34px;
	height:100%;
	width:22px;
	background:url('/img/i/i-area-menu-r.png');
}

.button_use{
	color: white;
	border: 2px solid #594024;
	font-size: 10px;
	font-family: Tahoma, Verdana;
	background-color: #968C60;
}

.button_drop{
	color: #AA0022;
	border: 2px solid #594024;
	font-size: 10px;
	font-family: Tahoma, Verdana;
	background-color: #968C60;
}
.inv-input{
	color: #000000;
	border: 1px solid #63582A;
	font-size: 11px;
	font-family: Tahoma, Verdana;
	background-color: #968C60;
}

#top-menu{
	background:url('/img/i/i-top-menu-background.jpg');
	height:73px;
}
.pd4 {padding-top:7px; }
.help_object {
	border-collapse: collapse;
}
.help_object tr td {
	background-color:#fffed4;
	color:#990000;
	font-size:12px;
	text-align: center;
}
tr.shop_row td {
	padding: 3px;
	vertical-align: middle;
}

.shop_row:nth-child(odd) {
	background-color: #e9d6a3;
}

.shop_row:nth-child(even) {
	background-color: #fff5ca;
}

.item_title_red {
	color: #ff5555 !important;
}

.item_title_grey {
	color: #ffffff !important;
}

.item_title_green {
	color: #00ff00 !important;
}

.item_title_blue {
	color: #aaaaff !important;
}

.item_title_purple {
	color: #ff55ff !important;
}

.item_title_red, .item_title_grey, .item_title_green, .item_title_blue, .item_title_purple {
	background-color:#443300;
	border:1px solid #ffffff;
	padding:0px 4px 0px 4px;
}

.item_bg_title_red {
	text-shadow: 0 0 1px #ff5555;
}

.item_bg_title_grey {
}

.item_bg_title_green {
	text-shadow: 0 0 1px #00ff00;
}

.item_bg_title_blue {
	text-shadow: 0 0 1px #5E5EFF;
}

.item_bg_title_purple {
	text-shadow: 0 0 1px #ff55ff;
}

.redhref {
	color: #990000 !important;
}

.redhref a {
	color: #990000 !important;
}