@charset "utf-8";
.userpic {
width:92px;
border: 1px solid #e6e6e6;
}
#header {
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: 100px;
}
#header .manulife_logo {
	text-align:left;
	margin-left:33px;
	margin-top: 15px;
	width:263px;
	float:left;
	display:block;
}
#header .top_links{
	text-align:right;
	margin-top: 5px;
	float:right;
	display:block;
}
#header a{
color:#666666;}

#header .manulife_logo2{
	text-align:right;
	float:right;
	padding-top:10px;
	display:block;
	width: 600px;
}
#sound{
	cursor: url(images/game/hand.cur);
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;


}
body , html , p,table,div,td,tr {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#main{
	margin:0px;
	padding:0px;
	width:940px;
	border-width:5px;
border-bottom-width:0px;
border-style:solid;
border-color:#e0e0e0;



}
#main_game{
	margin:0px;
	padding:0px;
	width:907px;
	border-width:10px;
border-bottom-width:0px;
border-style:solid;
border-color:#e0e0e0;
	

}
#main .blog_main{
/*background-image:url(images/game/board.jpg);*/
/*background-repeat:repeat-x;*/
background-color: #F5FBF9;

}
.blog_main_game{
background-image:url(images/game/board.jpg);
background-repeat: no-repeat;
/*background-repeat:repeat-x;*/
/*background-color: #F5FBF9;*/
}


.main_td{
	width: 600px;
	padding-left:15px;
}
#footer {
	clear:both;
	margin:0px;
	padding:0px;
	width:940px;
	border-width:5px;
border-top-width:0px;
border-style:solid;
border-color:#e0e0e0;
}
#footer_game {
	clear:both;
	margin:0px;
	padding:0px;
	width:907px;
	border-width:10px;
border-top-width:0px;
border-style:solid;
border-color:#e0e0e0;
}
#footer_game img{
	border: 0px;
	cursor: url(images/game/hand.cur);
}
.copyright {
background-image:url(images/bg_footer.gif);

height:39px;
}

.copyright .links{
padding-top:10px;
color:#FFFFFF;
}
.copyiright .links a {
color:#FFFFFF;
}
a{
color: #005000;
text-decoration:none;
}
.blog_bottom_right{
background-image:url(images/blog_bottom_right.gif);
background-repeat:no-repeat;
background-position:top left;
}
.blog_bottom_middle{
background-image:url(images/blog_bottom_middle.gif);
background-repeat:no-repeat;
background-position:top center;
}
.blog_top_right{
background-image:url(images/blog_top_right.gif);
background-repeat:no-repeat;
background-position:bottom;
}
.blog_top_date{
	background-image:url(images/blog_date.gif);

	
}
.blog_top_middle{
background-image:url(images/blog_top_middle.gif);
background-repeat:repeat-x;
background-position:top;
}
.blog_middle_left{
background-image:url(images/blog_middle_left.gif);
background-repeat:no-repeat;
background-position:bottom;
}
.blog_middle_right{
background-image:url(images/blog_middle_right.gif);
background-repeat:no-repeat;
background-position:bottom;
}
.blog_top_left{
background-image:url(images/blog_top_left.gif);
background-repeat:no-repeat;
background-position:bottom;
}
.blog_bottom_left{
background-image:url(images/blog_bottom_left.gif);
background-position:top right;
background-repeat: no-repeat;
}
.blog_middle_middle{
background-image:url(images/blog_middle_middle.gif);
background-repeat:no-repeat;
background-position:bottom center;
}
.blog_middle_middle1{

background-image:url(images/blog_middle_middle1.gif);
background-repeat:no-repeat;
background-position:bottom center;
}
.blog_bottom_middle1{
background-image:url(images/blog_bottom_middle1.gif);
background-repeat:no-repeat;
background-position:top;
}
.cal_div{
position: absolute; 
height: 102px; 
width: 89px; 
background-image: url(images/blog_top_left1.gif); 
}
.img_cal{
	margin-top: -4px;
background-image: url(images/icons.png); 
width:92px;
height:103px;
}
.cal{
padding-top:30px;
text-align:center;
}
.cal .cal_month{
font-size:20px;
font-weight:bold;
color:#005000;
}
 .cal .cal_day{
font-size:28px;

font-weight:bold;
color:#005000;
}
.Article_Title{
font-weight:bold;
color:#005000;
font-size:16px;
text-align:left;
vertical-align:middle;
width:80%;
height: 100%;
display:block;
float:left;
}
.Article_Title a{
	font-size: 16px;
}
.Article_Comment{
width:50px;
text-align:left;
display:block;
float:right;
height: 50px;

margin-right:10px;
}
.Article_Comment_counter{
background-image: url(images/comment_icon.png);
background-repeat:no-repeat;
background-position:100% 0%;
color:#ffffff;
width:20px;
height:24px;
float:right;
	}
.Article_Comment_counter .Text_number{
margin-left:1px;
margin-top:1px;

}
.Article_Comment_text{
color:#f58326;
font-size:10px;
text-align:right;
}
.Article_Date{
text-align: right;
clear:both;
color:#848484;
margin-top:5px;
margin-bottom:5px;

}
.Article_Icon{
	color: #006837;
	width: 200px; 
	text-align: left;
	padding-top: 3px;
	padding-left: 5px;
}
.Article_Content{
text-align:left;
}
.BreakLine{
clear:both;
width:100%;
display:block;
border:0px;
border-style:dashed;
border-top-width:1px;
height:1px;
border-color:#66b28c;
}
.Main_Blog{
padding-left:18px;
width:440px;
}
.footerLinks{
color:#005000;
}

/* cb is categories box, in right hand side box */
/* cb_xx is the border of the cb*/
	.cb_lt{
		background-image: url(images/selectionboxa/t_l.gif); 
		width: 21px; height: 26px;
	}
	.cb_t{
	background-image: url(images/selectionboxa/t.gif);  
	height: 26px;
	}
	.cb_rt{
	background-image: url(images/selectionboxa/t_r.gif); 
	width: 24px; height: 26px;
	}
	.cb_ml{
	background-image: url(images/selectionboxa/m_l.gif); 
	width: 21px; height: 93px;
	}
	.cb_m{
	background-image: url(images/selectionboxa/m.gif); 
	width: 223px; height: 93px; color: #1F651F
	}
	.cb_mr{
	background-image: url(images/selectionboxa/m_r.gif); 
	width: 24px; height: 93px;
	}
	.cb_bl{
	background-image: url(images/selectionboxa/b_l.gif); 
	width: 21px; height: 25px;
	}
	.cb_bm{
	background-image: url(images/selectionboxa/b_m.gif); 
	height: 25px;
	}
	.cb_br{
	background-image: url(images/selectionboxa/b_r.gif); 
	width: 24px; height: 25px;
	}
/* cb_cx is the content of the cb*/
    /*cb_ch is the header of the cb, including a green dashed line */
	.cb_ch{
		font-weight: bold; 
		border: 0px; 
		border-bottom-width: 2px; 
		border-style: dashed; 
		border-color: #66B28C; 
		padding-bottom: 5px;
	}
	/* cb_ce is the empty between header and body */
	.cb_ce{
		line-height: 4px; 
		font-size: 2px;
	}
	/* cb_cch is the first column of the cb */
	.cb_cch{
		width: 20px; color: #000000; 
		padding-left: 10px;
		 
	}
	/* cb_cc is the second column of the cb */
	.cb_cc{
		color: #000000;
	
	}
	
/* empty is the empty between box, right hand side of index.html */	
.empty{
	font-size: 5px; line-height: 5px;
	height:5px;
}
/* cbb is bigger categories box, in right hand side box */
/* cbb_xx is the border of the cb*/
	.cbb_t{
	background-image: url(images/selectionboxa/t.gif);  
	background-repeat: repeat-x;
	height: 26px;
	}
	
	.cbb_ml{
	background-image: url(images/selectionboxa/m_l.gif); 
	background-repeat: repeat-y;
	width: 21px; 
	}
	.cbb_m{
	background-color: #FFFFFF;
	
	color: #000000;
	}
	.cbb_mr{
	background-image: url(images/selectionboxa/m_r.gif); 
	background-repeat: repeat-y;
	width: 24px; 
	}
	.cbb_bm{
	background-image: url(images/selectionboxa/b_m.gif); 
	background-repeat: repeat-x;
	height: 25px;
	}
/* cbb_cx is the content of the cb*/
    /*cb_ch is the header of the cb, including a green dashed line */
	.cbb_ch{
		font-weight: bold; 
		border: 0px; 
		border-bottom-width: 2px; 
		border-style: dashed; 
		border-color: #66B28C; 
		padding-bottom: 5px;
	}
	/* cb_ce is the empty between header and body */
	.cbb_ce{
		line-height: 2px; 
		font-size: 2px;
	}
	/* cb_cch is the first column of the cb */
	.cbb_cch{
		width: 20px; color: #000000; 
		padding-left: 10px;
				
	}

	/* cb_cc is the second column of the cb */
	.cbb_cc{
		color: #000000;
		
	}
	.cb_cc a{
	color:#000000;
	}
	
/* rc is the Recent Post. */
	.rc_h1lt1{
		background-image: url(images/sb2/sb2a/lt1.gif);
		width: 22px; height: 52px;
	}
	
	/* choose 1 */
	.rc_h1lt2{
	 	 background-image: url(images/sb2/sb2a/lt2.gif);
		
		width: 99px; height: 52px;
	}
	.rc_h1rt1{
		background-image: url(images/sb2/sb2a/rt1.gif);
		width: 103px; height: 52px;
	}
	.rc_h1rt2{
		background-image: url(images/sb2/sb2a/rt2.gif);
		background-repeat: repeat-x;
		width: 52px; height: 2px; 
	}
	
	/* choose 2*/
	.rc_h2lt2{
		 background-image: url(images/sb2/sb2b/lt2.gif); 
		width: 99px; height: 52px;
	}
	.rc_h2rt1{
		background-image: url(images/sb2/sb2b/rt1.gif);
		width: 103px; height: 52px;
	}
	.rc_h2rt2{
		background-image: url(images/sb2/sb2b/rt2.gif);
		background-repeat: repeat-x;
		width: 52px; height: 52px; 
	}
	
	.rc_h1rt3{
		background-image: url(images/sb2/sb2a/rt3.gif);
		width: 24px; height: 52px;
	}
	.rc_h1lm{
		background-image: url(images/sb2/sb2a/lm.gif);
		width: 22px; background-repeat: repeat-y;
	}
	.rc_h1rm{
		background-image: url(images/sb2/sb2a/rm.gif);
		width: 24px; background-repeat: repeat-y;
	}
	.rc_h1bl{
		background-image: url(images/sb2/sb2a/bl.gif);
		width: 22px;  height: 19px; 
	}
	.rc_h1bm{
		background-image: url(images/sb2/sb2a/bm.gif);
		background-repeat: repeat-x; height: 19px; 
	}
	.rc_h1br{
		background-image: url(images/sb2/sb2a/br.gif);
		width: 24px; height: 19px; 
	}
	
	
	.rc_hc1{
		color: #000000; 
		height: 30px;
		padding-top: 8px;
		padding-left: 27px;
		font-weight:bold;
		cursor: pointer;
	}
	.rc_hc2{
		color: #000000; 
		width: 69px;
		height: 30px;
		padding-top: 8px;
		padding-left: 22px;
		font-weight:bold;
		cursor: pointer;
	}
	.rc_m{
		background-color: #FFFFFF;
		max-width: 232px;
		
	}
	.rc_ch1{
		color: #000000;
		width: 20px;
		padding-bottom: 5px;
		padding-top: 5px;
	}
	.rc_line{
		border: 0px; 
		width: 248px;
		border-bottom-width: 2px; 
		border-style: dashed; 
		border-color: #66B28C; 
		padding-bottom: 5px;
		padding-top: 5px;
	}
	.rc_ch2{
		color: #66B28C;
		width: 228px;
		padding-bottom: 5px;
		padding-top: 5px;
	}
	.rc_c1{
		color: #000000;
		width: 20px;
	}
	.rc_c2{
		color: #000000;
		width: 228px;
	}
	.rc_cb1{
		color: #000000;
		font-weight: bold; 
		width: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.rc_cb2{
		color: #000000;
		width: 212px; 
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.rc_bl{
		width: 25px;
		height: 26px;
		background-image: url(images/sb2/b_l.gif);
	
	}
	.rc_br{
		width: 26px;
		height: 26px;
		background-position: right;
		background-image: url(images/sb2/b_r.gif);
	}
	.rc_bm{
		height: 26px;
		background-image: url(images/sb2/b.gif);
		background-repeat: repeat-x;
	}
/* pe is Popular entries, in sidebar.tpl */
	.pe_lt1{
		background-image: url(images/sb3/lt1.gif);
		width: 24px; height: 53px;
	}	
	.pe_lt2{
		background-image: url(images/sb3/lt2.gif);
		background-position: top right; 
		width: 123px; height: 53px;
	}	
	.pe_rt1{
		background-image: url(images/sb3/rt1.gif);
		background-repeat: repeat-x;
		height: 53px; width: 126px;
	}	
	.pe_rt2{
		background-image: url(images/sb3/rt2.gif);
		width: 28px; height: 53px;
	}	
	
	.pe_hc{
		color: #000000; 
		width: 120px;
		height: 30px;
		padding-top: 10px;
		padding-left: 15px;
		font-weight:bold;
		cursor: pointer;
	}
	
	.pe_l{
		width: 24px;
		background-image: url(images/sb3/lm.gif);
		background-position: left;
		background-repeat: repeat-y;
	}
	.pe_r{
		width: 28px;
		background-image: url(images/sb3/rm.gif);
		background-repeat: repeat-y;
		
	}
	.pe_m{
		background-color: #FFFFFF;
		width: 242px;
		
	}
	
	.pe_bl{
		width: 24px;
		height: 25px;
		background-image: url(images/sb3/bl.gif);
	
	}
	.pe_br{
		width: 28px;
		height: 25px;
		background-image: url(images/sb3/br.gif);
	}
	.pe_bm{
		height: 25px;
		background-image: url(images/sb3/bm.gif);
		background-repeat: repeat-x;
	}
	
/*c_back is the back icon in blog_content.tpl*/
.c_back{
	color: #0E7143;
}	
/* comment_Comment is the c_back icon area in blog_content.tpl */
.comment_Comment, {
	text-align:right;
	display:block;
	float:right;
	margin-right:5px;
	color: #1D8D41;
	margin-top: 5px;
}
/* comment_first_break is the first break empty space, in blog_content.tpl */
.comment_first_break{
	width: 440px; height: 50px;
}
/* comment_counter is the article counter under the first article, in the blog_content.tpl*/
.cc{
	text-align: left;
	width: 429px;
	background-color: #FFFFFF;
}
.cc_bk{
	background-color: #FFFFFF;
	background-image: url(images/comment/orange_comment_icon.gif);
	background-repeat: no-repeat;
	width: 111px; height: 47px;
}
.cc_Text_number{
	color: #FFFFFF;
	padding-top: 15px;
	font-size: 12px;
}
/* cv is the comment viewer, in blog_content.tpl*/
.cv_upper{
	background-image: url(images/comment/comment_upper_bar.gif);
	background-repeat: repeat-x;
	width: 549px;
}
.cv_lower{
	background-color: #FFFFFF;
	background-image: url(images/comment/comment_lower_bar.gif);
	background-repeat: repeat-x;
	width: 549px;
		background-position: top;
	height: 35px;

}
/*comment_c is comment content in blog_content.tpl*/

.comment_ch{
	color: #00A750;
	font-weight: bold;
	text-align: left;
	font-size: 14px;
}
.comment_cc{
	color: #000000;
	text-align: left;
	width: 435px;
}

/* comment middle left and middle right*/
.comment_ml{
	background-image:url(images/comment/middle_left.gif);
	background-repeat:repeat-y;
}
.comment_mm1{
	background-color: #FFFFFF;
	width: 89px;
	padding-top: 10px;

}
.comment_amm{
	background-color: #FFFFFF;
}
.comment_mm{
	background-color: #FFFFFF;
	width: 440px;
	padding-left: 20px;
	padding-top: 10px;
	color: #00A750;
}
.comment_mr{
	background-image:url(images/comment/middle_right.gif);
	background-repeat:repeat-y;
}
/* cr is comment reply in blog_content.tpl */
/*	background-image:url(images/blog_middle_middle.gif);
	background-repeat:no-repeat;
	background-position:bottom center;*/
.cr_upper{
	background-image:url(images/comment/viewer_comment_upper_bar.gif);
	background-repeat: repeat-x;
}
.cr_mm1{
	width: 89px;
	padding-top: 10px;
	background-image:url(images/blog_middle_middle1.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
.cr_mm{
	padding-left: 20px;
	padding-top: 10px;
	width: 440px;
	background-image:url(images/blog_middle_middle.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
.cr_ml{
	background-image:url(images/blog_middle_left.gif);
	background-repeat:repeat-y;
		background-position:bottom center;
}
.cr_mr{
	background-image:url(images/blog_middle_right.gif);
	background-repeat:repeat-y;
		background-position:bottom center;
}
.cr_lower{
	background-image:url(images/comment/viewer_comment_lower_bar.gif);
	background-repeat: repeat-x;
	height: 8px; line-height: 8px; font-size: 6px;
}
/* add at 0721 */
/*game board, in game1_c.tpl*/
.gb1{
	background-image: url(images/game/board1.jpg);
	background-repeat: no-repeat;
	_position: relative; _overflow: hidden; _width: 907px;  
	/*width: 907px; height: 482px;*/
}

.gb1c{

	width: 907px; height: 496px;
}
#gb1c1{
	position: relative;
	left: 55px; top: 85px;
	color: #FFD100;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	/*border: 1px; border-color: #FFFFFF; border-style: solid;*/
}
#gb1c2{
	position: relative;
	left: 55px; top: 110px;
	color: #FFFFFF;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	width: 355px;
	
	/*border: 1px; border-color: #FFFFFF; border-style: solid;*/
}
#gb1c3{
	position: relative;
	left:340px; top: 50px;
	width: 90px; height: 100px;
	/*border: 1px; border-color: #FFFFFF; border-style: solid;*/
	cursor: url(images/game/hand.cur);
}
#gb1c4o{
	position: relative;
	left: 40px; top: 50px;
	
}
#gb1c4i1{
	position: absolute;
	left: 6px; top: 7px;
	width: 268px; height: 85px;
	border: 1px; border-color: #000000; border-style: solid;
	overflow: hidden;
}
#gb1c4i2{
	position: absolute;
	left: 7px; top: 28px;
	width: 268px; height: 85px;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb1c4banner{
	position: absolute;
	left: 0px; top: 0px;
}
.gb2{
	background-image: url(images/game/board2.jpg);
	background-repeat: no-repeat;
	_position: relative;
	_overflow: hidden;
	_width: 907px;
	height: 502px;
	_height: 502px;
	*height: 500px;

}
.gb2c{
	position: relative;
	top:0px; left: 0px;
	*top:2px; *left: 2px;
	_top: 0px; _left: 0px;
	width: 907px; height: 498px;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb2c1{
	position: relative;
	/*init loc*/
	/*left: 555px; top: -400px;*/
	/*begin loc*/
	/*left: 890px; top: -35px;*/
	/*final loc*/
	left: -350px; top: 0px;
	*left: 555px; *top: -502px;
	width: 339px; height: 163px;
	overflow:hidden;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb2c2{
	position: relative; 
	left: 20px;
	top: -250px;
	width: 339px; height: 163px;
	
}
#gb2c3{
	position: relative;
	left: -2px; top: -2px;
	*left: -2px; *top: -2px;
	_left: -2px; _top: -2px;
	overflow: hidden;
	width: 452px; 
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb2da{
	position: relative;
	left: 0px; top: 0px;
	*left: -2px; *top: -2px;
	_left: 0px; _top: 0px;
	/*height: 500px; width: 459px;*/
	overflow: hidden;
	float: left;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb2da1{
	position: relative;
	left: 0px; top: 0px;
	
	height: 502px; width: 459px;
	*height: 500px;
	overflow: hidden;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb2d1{
	position: absolute;
	left: 0px; top: 0px;
	
	
	width: 133px;
	height: 506px;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
	overflow: hidden;
	float: left;
}
#gb2d11{
	position: relative;
	left: 0px; top: 0px;
	width: 133px;
	height: 506px;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}

#gb2d2{
	position: absolute;
	left: 134px; top: 0px;
	height: 502px; width: 326px;
	overflow: hidden;
	float: left;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
.gb2tc a{
	color: #0099FF; 
	cursor: url(images/game/hand.cur);
	text-decoration: none;
}

#gb2d21{
	position: relative;
	left: 0px; top: 0px;
	height: 502px; width: 326px;
	overflow: hidden;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb2db{
	position: relative;
	left: 0px; top: 0px;
	*left: -2px; *top: -2px;
	_left: 0px; _top: 0px;
	height: 502px; width: 448px;
	*height: 500px;
	overflow: hidden;
	float: left;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb2db1{
	position: relative;
	left: 0px; top: 0px;
	height: 502px; width: 448px;
	*height: 500px;
	overflow: hidden;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb2d3{
	position: relative;
	left: 0px; top: 0px;
	height: 506px; width: 317px;
	overflow: hidden;
	float: left;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb2d31{
	position: relative;
	left: 0px; top: 0px;
	height: 506px; width: 317px;
	overflow: hidden;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb2d4{
	position: relative;
	left: 0px; top: 0px;
	height: 502px; width: 131px;
	overflow: hidden;
	float: left;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb2d41{
	position: relative;
	left: 0px; top: 0px;
	height: 502px; width: 131px;
	overflow: hidden;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}


#gb2bc1{
	/*background-image: url(images/game/game4answer.jpg);*/
	/*border: 2px; border-style: solid; border-color: #FFFFFF;*/
	position: absolute;
	left: 570px;
	top: -300px;*top: -300px; _top: -480px;
	width: 270px; height: 201px;
}
.gb2b{
	position: relative;
	text-align: center;
	display: none;
	left: -2px;*left: -2px;
	top: -500px;*top: -2px;
	background-color: #000000;

	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
.gb2b img{
	padding: 5px 5px 5px 5px;
	cursor: url(images/game/hand.cur);
	
}
.gb2bbg {
	background-color: #000000;
	filter:alpha(opacity=45);
	-moz-opacity: 0.45;
	opacity: 0.45;
	width: 906px; height: 501px;
	position: absolute;
	/*firefox is -500px; ie is -2px*/
	left: 0px;*left: 0px;
	top: 15px;*top: 0px;
	width: 906px; height: 501px;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb2v1{
	color: #0000FF;
	cursor: url(images/game/hand.cur);
	float: left;
	margin-right: 9px;
}
#gb2v2{
	color: #0099FF;
	cursor: url(images/game/hand.cur);
}
.pax{
		border-style: solid; border-color: #0000FF; border: 0px;
		 width: 375px;
		 position: relative; top: 400px;
		 float: left;
		/*border: 1px; border-color: #f4ed37; border-style: solid;*/
		/*cursor: url(images/game/hand.cur);*/		
	}
	.pay{
		/*border-style: solid; border-color: #00FF00; border: 1px;*/
		width: 480px; height: 400px;
		position: absolute; margin-top: -398px;
		margin-left: 60px; 
		overflow: hidden; 
		
	}

	.paz{
		/*border-style: solid; border-color: #FF0000; border: 1px;*/
		position: relative;  
		top: 2px;
		*top: 0px;
		_top: -165px;
		
	}
	.gb2t{
		display: inline; width: 339px; *width: 329px;  height: 130px; /*height: 130px;*/ 
		*position: relative; *top: -5px;
		float: left;
		overflow: hidden;
		padding-top: 5px;
		background-color: #000000;
		
	}
	.gb2t td{
		padding-bottom: 10px;
	}
	.gb2tc{
		width: 310px; *width: 310px; height: 120px;  float: left;
		position: relative; top: 0px; left: 0px;
		padding-left: 10px;
	}
	.gb2tc td{
		background-color: #000000; color: #FFFFFF;
		overflow: hidden;
		padding-left: 10px;
		padding-right: 10px;
		font-family: arial;
	}
	.gb2tbo{
		float: left; width: 13px; height: 120px;
		
		background-color:#FFFFFF;
		
	}
/* game board row 1, in game1_c.tpl*/
.gbL11{
	height: 120px; /*border: 1px; border-color: #FF0000; border-style: solid;*/
	padding-left: 30px;
	float: left;
}
.gbL1{

	height: 65px;
}
.gbL13{
	height: 120px; 
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
	width: 115px;
	float: left;
}
.gb1wr{
	margin-top: 20px; 
	float: left;
	width: 115px;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
.gb1yr{
	margin-top: 20px; 
	float: left;

	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
.gbc1{
	float: left;
	background-image: url(images/game/clock1.jpg);
	background-repeat: no-repeat;
	width: 275px;
	height: 95px;
	margin-top: 10px;
	border: 1px; border-color: #FF0000; border-style: solid;

}
.gbc2{
	float: left;
	background-image: url(images/game/clock2.jpg);
	background-repeat: no-repeat;
	width: 295px;
	margin-top: 10px;
	height: 95px;
	
	
}
.gbL2{
	height: 350px; /*border: 1px; border-color: #FF0000; border-style: solid;*/
}
.gbL2word{
	width: 670px;
	padding-top: 20px;
	padding-left: 100px;
	color: #FFFFFF;
	font-family: arial;
	font-size: 20px;
}

#ck11{
	position: relate;
	margin-left: 187px; margin-top: 53px;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
}
#ck12{
	position: relate;
	margin-left:1px;
	
}
#ck13{
	position: relate;
	margin-left: 12px; 
	margin-top: 0px;
}
#ck14{
	position: relate;
		margin-left: 1px;
}
.bh{
	position: relate;
	margin-left: 356px; margin-top: 18px;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
	width: 37px; height: 15px;
	color: #000000;
	font-size: 10px; font-family: arial;

}
.gb3{
	background-image: url(images/game/board3.jpg);
	background-repeat: no-repeat;
	/*width: 907px; height: 482px;*/
}
.gb3c{
	width: 908px; height: 497px;
}
/* ck2 is in game3_c.tpl */
.ck21{
	float: left; position: relate; margin-top: 55px; margin-left: 190px; 
	width: 200px;
	_position: absolute; 
	_margin-top: 60px; 
	_margin-left: 190px;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
}
.ck22{
	float: left; position: relate; margin-top: 5px; margin-left: 190px; 
	font-size: 20px; font-family: arial; font-weight: bold;
	width: 200px;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
	_position: absolute; 
	_margin-left: 190px;
	_margin-top: 85px;
}
.ck2{
	
	float: left;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
}
#ck23{
	margin-left: -5px;
}
#ck24{
	margin-left: -5px;
}
#ck26{
	margin-left: -5px;
}
#ck27{
	margin-left: -5px;
}

.bh{
	width: 35px; height: 15px;
	margin-top: 15px;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
	position: relative;
	font-size: 10px; font-family: arial; 
	cursor: url(images/game/hand.cur);
}
#gb3c1{
	position: relative;
	top: 45px;
	line-height: 20px;
	width: 900px;
	font-size: 16px;
	font-family: arial;
	color: #FFFFFF;
	float: top;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}


/* button in middle, in game3_c.tpl*/
.button1{
	position: relative;
	left: 300px; top: 87px;
	width: 70px; height: 30px;
	padding-top: 8px;
	font-size: 16px;
	font-family: arial;
	color: #FFFFFF;
	float: left;
	cursor: url(images/game/hand.cur);
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
.button2{
	position: relative;
	left: 390px; top: 90px;
	width: 105px; height: 25px;
	padding-top: 5px; padding-left:25px;
	font-size: 16px;
	font-family: arial;
	float: left;
	color: #FFFFFF;
	cursor: url(images/game/hand.cur);
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}

#gb3c2{
	color: #FFFFFF;
	font-family: arial;
	font-size: 16px;
	display: none;
	text-align: left;
	padding-left: 70px;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb3c3{
	text-decoration: underline;
}
#gb3c4{
	padding-top: 10px;
	padding-left: 10px;
}
#gb3c5{
	
	padding-left: 20px;
	font-size: 15px; 
	font-family: arial;
	color: #FFFFFF;
}
#gb3c6{
	padding-left: 10px;
}
#gb3c7{
	padding-left: 10px;
}
#gb3c7 td{
	padding-top: 3px;
	padding-left: 10px;
}
#gb3c8{
	padding-top: 50px;
	padding-left: 100px;
	cursor: url(images/game/hand.cur);
}

/* gb4 is game4_c.tpl*/
.gb4{
	background-image: url(images/game/board4.jpg);
	background-repeat: no-repeat;
	_position: relative; 
	_overflow: hidden;
	_width: 907px;
	_height: 502px;
	
}
.gb4bc td{
	font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #FFCC00;
	padding-top: 5px;
}

.gb4b{
	
	
	position: relative;
	text-align: center;
	display: none;
	_position: absolute;
	_top: 0px;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
.gb4bc{
	background-image: url(images/game/game4answer.jpg);
	border: 2px; border-style: solid; border-color: #FFFFFF;
	position: absolute;
	
	left: 250px;
	top: -300px;
	width: 400px; height: 150px;
	_top: 200px;
	
}
.gb4bbg {
	background-color: #000000;
	filter:alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
	width: 906px; height: 501px;
	position: absolute;
	/*firefox is -500px; ie is -2px*/
	left: -2px;*left: -2px;
	top: -499px;*top: -2px;
	 
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb6b{
	position: relative;
	text-align: center;
	display: none;
	left: -2px;*left: -2px;
	top: -500px;*top: -2px;
	background-color: #000000;

	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb6bbg {
	background-color: #000000;
	filter:alpha(opacity=45);
	-moz-opacity: 0.45;
	opacity: 0.45;
	width: 906px; height: 501px;
	position: absolute;
	/*firefox is -500px; ie is -2px*/
	left: 0px;*left: 0px;
	top: 15px;*top: 0px;
	_left: -454px;
	
	width: 906px; height: 501px;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#gb6bc{
	background-image: url(images/game/game4answer.jpg);
	border: 2px; border-style: solid; border-color: #FFFFFF;
	position: absolute;
	
	left: 250px;_left: -230px;
	top: 150px;*top: -300px;
	width: 400px; height: 150px;
}
#gb6bc td{
	font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #FFCC00;
	padding-top: 5px;
}
#gb4bbtn{
	cursor: url(images/game/hand.cur);
	
}
#gb4c1{
	position: relative;
	line-height: 20px;
	width: 900px;
	font-size: 20px;
	font-family: arial;
	color: #FFFFFF;
	float: top;
	/*border: 1px; border-color: #FF0000; border-style: solid;*/
}
#pa1{
	width: 375px; height: 210px;
	position: relative; left: 56px; top: 18px; 
	float: left;
	/*border: 1px; border-color: #f4ed37; border-style: solid;*/
	cursor: url(images/game/hand.cur);
}
#pa2{
	width: 375px; height: 210px;
	position: relative; left: 90px; top: 18px;
	float: left;
	/*border: 1px; border-color: #f4ed37; border-style: solid;*/
	cursor: url(images/game/hand.cur);
}
.on1{
	border: 1px; border-color: #ecea2a; border-style: solid;
}
.on2{
	border: 1px; border-color: #FFFFFF; border-style: solid;
}
.bh1{
	width: 35px; height: 15px;
	margin-top: 17px; margin-left: 357px;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
	position: relative;
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	cursor: url(images/game/hand.cur);
}
#asker{
	position: relative;
	
	width: 900px;
	float: top;
	display: none;
}
#asker td{
		text-align: center;
		width: 900px;
	line-height: 20px;
	padding-top: 30px;
	font-size: 20px;
	font-family: arial;
	color: #FFFFFF;
		
}
#btn_submit{
	 margin-top: -15px;
	 padding-top: 20px; margin-top: -20px; margin-left: 20px; 
	 _margin-top: -10px; _padding-top: 10px; _margin-left: 20px;
	 cursor: url(images/game/hand.cur);
}
.gb5{
	background-image: url(images/game/board5.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	_position: relative;
	_overflow: hidden;
	_width: 907px;
	_height: 502px;
}
#gb5c1{
	position: relative;
	left: 165px; top: 150px;
	width: 289px; height: 48px;
	font-size: 12px;
	padding-top: 5px;
	padding-left: 10px;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
	
	
}
.gb5h1{
	font-size: 16px; color: #60C600; font-family: Arial, Helvetica, sans-serif;
	
}
#gb5c2{

	position: relative;
	left: 175px; top: -20px;
	font-size: 14px;
	width: 320px; height: 100px;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFFFFF;
	float: left;
	
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
}
.gb5h2{
	font-weight: bold;
	font-size: 16px; color: #60C600; 
	font-family: Arial, Helvetica, sans-serif;
	
}
#gb5c3{
	position: relative;
	left: 190px; top: 150px;
	font-size: 10px;
	width:125px; height: 40px;
	color: #FFFFFF;float: left;
	cursor: url(images/game/hand.cur);
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
}
#gb5c4{
	position: relative;
	left: 165px; top: 170px;*top: 150px;
	width: 289px; height: 34px;
	font-size: 12px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #FFFFFF; float: left;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
}
#gb5c5{
	position: relative;
	left: 157px; top: 65px;
	font-size: 16px;
	color: #FFFFFF;
	display: none;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
}
.gb5next{
	background-image: url(images/btn_x.gif);
	backgorund-repeat: no-repeat;
	width: 75px; height: 22px;
	text-align: center;
	cursor: url(images/game/hand.cur);
	color:#000000;
	padding-top: 3px;
	font-size: 16px; font-family: Arial, Helvetica, sans-serif; 
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
}
#gb5c5 td{
	font-size: 16px;
	color: #FFFFFF;
	font-style: italic;
	padding-left: 15px;
	padding-bottom: 15px;
}
#gb5c6{
	position: relative;
	left: 166px; top: 160px;
	width: 440px; height: 182px;
	padding-top: 2px;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
}
#gb5c6 td {
	
	padding-left: 20px;
	padding-top: 5px;
}
#gb5c6 .text{
	font-size: 16px; color: #FFFFFF;
	padding-top: 30px; padding-right: 10px;
	float: left; 
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
}
#gb5c7{
	position: relative;
	left: 20px; top: -180px;
	width: 570px;
	color: #FFFFFF;
	font-size: 14px;
	/*border: 1px; border-color: #00FF00; border-style: solid*/;
}
#gb5c7 td{
	color: #FFFFFF;
	font-size: 14px;
}
.gb6{
	background-image: url(images/game/board6.jpg);
	background-repeat: no-repeat;
		_overflow:hidden;
	_width: 907px;
	_height: 502px; 
}
.gb6c{
	width: 908px; height: 498px;
}
.gb6c1{
	posiiton: relative;
	padding-left: 20px;
	padding-top: 25px;
	float: left;
	width: 645px;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
	position: absolute;
}	
.gb6c2{
	/*margin-top: -5px;
	margin-left: -8px;
	margin-bottom: -5px;
	margin-right: -15px;*/
	
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
	cursor: url(images/game/hand.cur);
}
.gb6c3{
	margin-left: 25px;
	margin-top: 25px;
}
.gb6c4{
	color: #FFFFFF;
	font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-style: italic;
	width: 200px; 
	height: 60px;
	padding-top: 40px;
	padding-left: 23px;
	
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
}
.gb6c5{
	
	/*width: 200px;*/
	width: 170px; 
	height: 60px;
	text-align: left;
	padding-top: 14px;
	padding-left: 27px;
	_padding-top: 12px;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
}
.gb6c6{
	margin-left: 0px;	
}
.gb6c7{
	margin-left: 6px;	
}
.gb6c14{
	position: relate;
	padding-left: 27px;
	padding-top: 18px;
	_padding-top: 10px;
}
.gb6c15{
	cursor: url(images/game/hand.cur); 
	display: none;
}
.gb6c8{
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
	padding-left: 25px;
	text-align: left;
	height: 20px;
	color: #FFFFFF; 
	/*width: 200px;*/
	width: 170px; 
	_height: 28px;
	font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-style: italic;
}
.gb6c11{
	padding-left: 20px;
	color: #FFFFFF; 
	/*width: 200px;*/
	width: 170px; 
	height: 25px;
	_height: 27px;
	overflow: hidden;
	font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-style: italic;
}
.gb6c12{
	color: #000000;
	position: relative;
	top: 155px;
	left: 30px;
	text-align: center;
	width: 75px; height: 25px;
	padding-top: 3px;
	font-size: 16px; font-family: Arial, Helvetica, sans-serif; 
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
	background-image: url(images/btn_x.gif); 
		background-repeat: no-repeat;
	float: left;	cursor: url(images/game/hand.cur);
}
.gb6c13{
	color: #000000;
	position: relative;
	top: 155px;
	left: 38px;
	text-align: center;
	padding-top: 3px;
	width: 75px; height: 25px;
	font-size: 16px; font-family: Arial, Helvetica, sans-serif;
	 	cursor: url(images/game/hand.cur);
	background-image: url(images/btn_x.gif);
	background-repeat: no-repeat;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
	float: left;
}
.emails{
	font-size: 14px; font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
.gb7{
	/*background-image: url(images/game/board7.jpg);*/
	background-repeat: no-repeat;
	_position: relative;
	_width: 907px;
	_height: 502px;
	_overflow: hidden;
}
.gb7c1{
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
	color: #000000;
	float: left;
	position: relative;
	top: 76px;
	left: 40px;
	width: 235px;
}
.gb7c1 th{
	font-size: 10px; font-family: Arial, Helvetica, sans-serif;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	width: 70px;
	height: 15px;
}
.gb7c1 td{
	font-size: 10px; font-family: Arial, Helvetica, sans-serif;
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	width: 70px;
	height: 36px;
}
.gb7c2{
	/*border: 1px; border-color: #00FF00; border-style: solid;*/
	color: #000000;
	float: left;
	position: relative;
	overflow: hidden;
	top: 80px;
	left: 40px;
	width: 375px;
	height: 375px;
}
#moveMe{
	position: relative; top: 13px; left: -1px;*left: -2px;
}
/*gift 1 is the gift image, game7_c.tpl*/
.gift1{
	position: relative; left: 20px; top: 0px;
}
.gift2{
	position: absolute; left: 0px; top: 120px;
}
.gift3{
	position: absolute; left: 160px; top: 260px;
}
.gift4{
	position: relative; 
	/*left: 0px; top: 380px;*/
	width: 350px;
}
.gift4 th{
	font-size: 10px; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	padding-left: 5px;
	padding-bottom: 5px;
}
.gift4 td{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	padding-left: 5px;
}
.gb7c3{
	position: absolute;
	left: 0px; 
	top:  0px;
}