body 
{
	font-size: 14px;
	background-color:#99B3CC; /* color 00000 is forced on the baloon anyway */
}

input.button, input.btnl, input.btnr
{
	background-color: #001010;
	color: #FFFFAF;
	width: 88px;
	height: 40px;
}
input.btnl
{
	float: left;
}
input.btnr
{
	float: right;
}
/**-------------------**/
/* map_canvas, requestForm ids are used in javascripts*/
#map_canvas
{ 
	width:inherit; 
	height: 290px;
	font-family: Arial;
	font-size: 1;
	color: #000000;
	border: 1;
}

#requestForm
{
	margin-bottom:0px;
	margin-top:0px;
	padding-left:3px;
	background-color:#112233;
	color: #FFFFAA;
}
#mouthpicture
{
	width: 233px;
	height: 239px;
	float: right;
	background-image: url("./Thiruwin/kctthp.gif");
	
}
#status_id
{
	font-size: 12px;
	text-align: left;
}
#footnote
{
	text-decoration: none;
	color: #FF7F7F;
	text-align: center;
}
/**--- div classes -----------**/
/* Wider 650px Main body when there is no right side menu. Multilayer when needed.*/	
.main_body
{
	width: 514px;
	min-height: 552px;
	position:absolute;
	left: 150px;
	top:0px;
	padding: 4px 4px 4px 4px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #FFFFAF;
	background-color:#000040;
	background-image: url("./img/Lamp520x540.gif");
	visibility: hidden;
}

.main_title
{
	font-size: 20px;
	text-align:center;
	background-color:#000040;
	color:#FFDDBB;
}

.menu_left
{
	padding: 4px 0px 4px 0px;
	width: 150px;
	position:absolute;
	left: 0px;
	top: 0px;
	min-height: 552px;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #000040;
	color: #FFFF7F;
 }
 
.menu_right
{
	padding: 4px 0px 4px 0px;
	width: 150px;
	position:absolute;
	left: 670px;
	top: 0px;
	min-height: 552px;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #000040; 
}
.floating_box_450
{
	width: 450px;
	float: left;
}

.floating_box_200
{
	width: 200px;
	float: right;
	color: #FFAFAF;
}

.small_text
{
	font-size: 12px;
	padding-left:3px;
	background-color: #000040;
	color: #FFFF7F;
	border-color: #FFFFFF;
}

.centered_small_text
{
	font-size: 12px;
	text-align:center;
}

.centered_bold_text 
{
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	color: #FFFF7F;
	margin: 0px;
	top:0px; 
	left:0;
	padding-top: 8px; 
	cursor: default;
}

.centered_text 
{
	font-size: 16px;
	text-align:center;
	color: #FFFF7F;
	margin: 0px;
	top:0px; 
	left:0;
	padding-top: 8px; 
	cursor: default;
}

.bottom_box
{
	position:absolute;
	left: 0px;
	bottom: 3px;
}
	/* Button Animation */
.button240x32
{
	width:240px;
	height:32px;
	/* FONT: 16px Verdana, Helvetica, sans-serif; */
	border: 0px;
	COLOR: #FFFF7F;
	background-image: url(./img/dkblue240x32.jpg);
}
.button240x32:hover
{
	font-size:larger;
}

.button150x32
{
	width:150px;
	height:32px;
	border: 0px;
	COLOR: #FFFF7F;
	background-image: url(./img/dkblue150x32.jpg);
}
.button150x32:hover
{
	font-size:larger;
}
#game_board
{
	position: absolute;
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #000040;
	color: #FFFF7F;
	border-color: #FFFFFF;
	width: 308px;
	height: 276px;
	visibility: hidden;
	top: 32px;
	left: 102px;
}
.kuzhi, .kuzhi_center, .kuzhi_player, .kuzhi_disabled
{
	font-size: 15px;
	color: #FFFF7F;
	border-color: #FFFFFF;
	background-image: url("./img/kuzhi.gif");
	background-repeat: no-repeat;
	min-height: 44px;
	min-width: 44px;
	max-height: 44px;
	max-width: 44px;
	line-height: 1;
}

.kuzhi
{
	float: left;
	background-color: #000080;
}

.kuzhi:hover
{
	background-color: #0000C0;
}

.kuzhi_center
{
	float: left;
	background-color: #600000;
}
.kuzhi_player
{
	background-color: #006000;
}

.kuzhi_disabled
{
	background-color: #000060;
}

.normaltext
{
	text-decoration: none;
	text-align: center;
	font-size: 12px;
}

.blinktext
{
	text-decoration: blink;
}