html body {
font-family:Tahoma, "Lucida Grande", Arial;
font-size:10pt;
background:#FFF
}

table.list tr th {
color:#FFF;
border-collapse:collapse;
border:#000 0 solid;
background:#8ACA8A
}

#div_chat {
word-wrap: break-word;
white-space: pre;
overflow: auto;
/*overflow-x:hidden;
overflow-y:scroll;*/
font-size: 0.8em; 
/*height: 410px;*/ 
margin: 0;
}

.chat .time{
	position:absolute;
	right:10px;
	top:12px;
	font-size:11px;
}

.chat .author{
	margin-right:6px;
	font-size:11px;
}

.chat .text{
	color:#444444;
	display:inline-block;
	font-size:15px;
	overflow:hidden;
	vertical-align:top;
	width:190px;
}

div#field{
width:440px;
height:440px
}

table.board {
width:440px;
text-align:center;
font-size:10pt;
color:#333;
border-collapse:collapse;
border:#000 0 solid;
background:#835323
}

table.board th {
width:20px;
height:20px
}

table.board th.h {
width:50px
}

table.board th.v {
height:50px
}

table.board tr td {
width:50px;
height:50px;
background:url(/images/skins/Mephisto/field/fbg.jpg) no-repeat top left
}

table.board tr td.th {
width:20px
}

table.board tr td.b {
background-position:-50px 0
}

table.board tr td.y {
background-position:-200px 0
}

table.board tr td.r {
background-position:-150px 0
}

table.board tr td.g {
background-position:-100px 0
}

img {
vertical-align:middle;
border-width:0
}

.chat_time {
font-size:9pt
}

.table_title_new {
color:#FFF;
border:#000 1px solid;
margin:2px;
padding:2px;
background:#393
}

.table_body_new {
margin:2px;
padding:2px;
color:#000;
font-size:9pt;
border:#000 1px solid;
background:#EEE
}
.table_ext {
margin:2px;
padding:2px;
color:#000;
font-size:9pt;
border:#000 1px solid;
background:#DDD
}

.active_menu {
font-size:16px;
border:#000 1px solid;
border-collapse:collapse;
padding:1px
}

.disactive_menu {
font-size:16px;
border:#000 0 solid;
border-collapse:collapse;
padding:1px
}

.table_ext_bright_a {
color:#333;
font-size:12px;
border:#000 1px solid;
border-collapse:collapse;
padding:3px;
background:#5c5c5c
}

.table_ext_a {
color:#FFF;
font-size:12px;
border:#000 1px solid;
border-collapse:collapse;
padding:3px;
background:#8c8c8c
}

.table_ext_bright {
color:#333;
font-size:12px;
border:#000 1px solid;
border-collapse:collapse;
background:#BBB
}
.button {
width:90px;
height:20px;
border-style:1px solid #000;
padding:1px 4px;
background:#F5F5F5
}

.input {
width:90px;
height:20px;
border-style:solid 1px #000;
padding:1px 4px
}

.input_large {
width:250px;
height:20px;
border-style:solid;
border-width:1px;
padding:1px 4px
}

.textarea {
width:465px;
height:200px;
border-style:solid;
border-width:1px;
padding:1px 4px
}

.textarea_large {
width:600px;
height:500px;
border-style:solid;
border-width:1px;
padding:1px 4px
}

.textarea_small {
width:230px;
height:100px;
border-style:solid;
border-width:1px;
padding:1px 4px
}

.bright_link {
font-size:12px;
color:#FFF;
text-decoration:underline
}

.bright_text {
font-size:12px;
color:#FFF
}

span.lnk:visited {
text-decoration:underline;
color:#555
}

span.lnk:hover {
text-decoration:underline;
color:#933
}

span.lnk {
text-decoration:underline;
color:#555;
cursor:pointer
}

a:active {
color:#888;
text-decoration:underline
}

a:link,a:visited {
color:#555;
text-decoration:underline
}

a:hover,a.bright:hover {
color:#933
}

a.bright:link,a.bright:visited,a.bright:active {
color:#FFF;
text-decoration:underline
}

span.info {
	background-color:blue;
	border:#000 1px solid;
	padding-left: 4px;
	padding-right: 4px;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
}