*
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
body
{
	overflow: auto;
	margin: 0px;
	background-color: SkyBlue;
	color: black;
	font-family: Tahoma, Arial;
	font-size: 70%;
	text-align: center;
	scrollbar-face-color: SkyBlue;
	scrollbar-track-color: SkyBlue;
	scrollbar-highlight-color: White;
	scrollbar-shadow-color: SkyBlue;
	scrollbar-darkshadow-color: SkyBlue;
	scrollbar-3dlight-color: SkyBlue;
	scrollbar-arrow-color: Black;
	scrollbar-base-color: White;
}
body.rtl
{
	direction: rtl;
}
body.popup
{
	margin: 10px;
	background-color: BlueSky;
	color: Black;
	text-align: left;
}
table
{
	font-size: 100%;
}
a
{
	color: DarkBlue;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
a img
{
	border: none;
}
.popup a
{
	color: Navy;
}
input, select, button
{
	font-size: 100%;
	font-family: Tahoma;
}
hr
{
	border: none;
	border-bottom: solid 1px Gray;
	background-color: Snow;
	color: Snow;
}
h2
{
	font-size: 150%;
	font-weight: bold;
}
h6
{
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}
.rtl h6
{
	text-align: right;
}
.home
{
	width: 770px;
	margin: 50px auto 0px auto;
	text-align: left;
}
.home .header
{
	width: 370px;
	margin-bottom: 40px;
}
.home .logo
{
	text-align: center;
	font-size: 400%;
	font-weight: bold;
}
.home .logotext
{
	margin-top: 5px;
	text-align: right;
	font-size: 105%;
	font-weight: bold;
}
.home .main
{
	height: 420px;
}
.languages
{
	width: 360px;
	margin-bottom: 40px;
	text-align: center;
	line-height: 36px;
}
.languages span
{
	margin-left: 13px;
	border: inset 1px;
	background-color: #f9f9f9;
	padding: 2px 12px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
}
.languages a
{
	color: Navy;
}
.news
{
	width: 360px;
	border: dashed 1px White;
	padding: 0px;
}
.news legend
{
	padding: 0px 6px 1px 6px;
	background-color: white;
	color: black;
	font-weight: bold;
}
.news .content
{
	width: 100%;
	height: 105px;
	padding: 0px 9px 10px 9px;
	overflow: auto;
}
.news .date
{
	padding-top: 6px;
	text-align: right;
	font-size: 90%;
	clear: both;
}
.intro
{
	width: 300px;
	height: 250px;
	background-color: White;
	border: inset 1px;
	float: right;
}
.intro .character
{
	position: absolute;
	cursor: hand;
	cursor: pointer;
}
.footer
{
	margin-top: 10px;
	text-align: center;
}
.footer hr
{
	width: 500px;
}
.seperator
{
	width: 0px;
	height: 10px;
	margin: 0px 10px 0px 9px;
	border-left: solid 1px Gray;
	border-right: solid 1px Snow;
}
.home .bottommenu
{
	margin: 0 auto;
}
.copyright
{
	margin: 0 auto;
	color: #eeeeb0;
	font-size: 90%;
	text-align: center;
}
.copyright a
{
	color: #ffffa6;
}
.tos p
{
	text-align: justify;
}
.power
{
	float: right;
	color: #e9e9a0;
	font-size: 90%;
}
.power img
{
	margin-top: 2px;
}
.room
{
	width: 1000px;
	padding: 0px 15px 15px 15px;
	text-align: left;
}
.rtl .room
{
	text-align: right;
}
.room .logo
{
	text-align: left;
	font-size: 350%;
	font-weight: bold;
}
.rtl .room .logo
{
	text-align: right;
}
.room .banner
{
	float: right;
	margin: 0px 0px 0px 15px;
}
.rtl .room .banner
{
	float: left;
	margin: 0px 15px 0px 0px;
}
.roomheader
{
	width: 780px;
	margin: 8px 0px 10px 0px;
	padding: 4px 0px;
}
.roomselect
{
	float: right;
}
.rtl .roomselect
{
	float: left;
}
.roomselect select
{
	background-color: White;
	color: Black;
}
.room .canvas
{
	width: 782px;
	height: 482px;
	border: solid 1px Gray;
	background-color: White;
}
.room .character
{
	position: absolute;
	cursor: hand;
	cursor: pointer;
}
.room .bottommenu
{
	width: 780px;
	margin-top: 13px;
	text-align: left;
}
.rtl .room .bottommenu
{
	text-align: right;
}
.room #peopleCount
{
	font-weight: bold;
}