@charset "utf-8";
/* CSS Document */

*						{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
/*body 					{background:#92d5ff url(images/BG_color_v2.png) repeat-y center;}*/
body 					{background:#ebeeff url(images/BG_color.png) repeat-x;}
img						{border:none}
p 						{}
td 						{line-height:14px; /*color:#717171;*/color:#000000; font:normal 12px Arial, Helvetica, sans-serif; vertical-align:top;}
table 					{border-collapse:collapse; border:0px; width:100%;}
ul 						{list-style:none} 
a						{color:#282828; font-weight:normal; font-size:12px; text-decoration:none}
a:visited 				{color:#282828;}
a:hover 				{color:#282828; text-decoration:underline}

/*------------------------Top Logo & banner--------------------------------------------*/
.main 					{width:800px; margin:auto;}
.main td 				{padding:6px 0px 0px 0px;}

.main_table				{background-color:#EDF5F8; width:945px;}

.header					{width:800px; margin:auto}
.header td				{vertical-align:bottom; padding:0px 0px 6px 0px;}

/*------------------------Top Menu--------------------------------------------------*/
.topmenu_gp	td			{padding:0px 0px 0px 0px;}

.topmenu				{height:29px; background:url(images/l.gif) repeat-x bottom left}

ul.mainlevel-nav 		{list-style:none; margin:0px 0px 0px 0px;}
ul.mainlevel-nav li		{width:102px; float:left; list-style:none; line-height:29px; height:29px; text-align:center; vertical-align:middle; background:url(images/topmenu_item.png) no-repeat left top}
.mainlevel-nav a 		{color:#000000; font:bold 12px arial; text-decoration:none; display:list-item; height:22px; padding:7px 0px 0px 0px;}
.mainlevel-nav a:visited{color:#000000; font:bold 12px arial; text-decoration:none}
.mainlevel-nav a:hover 	{color:#000000; font:bold 12px arial; text-decoration:none; background:url(images/topmenu_item_act.png) no-repeat 0 0; display:block; height:29px; padding:7px 0px 0px 0px;}

/*---------------------------------Top Menu Pathway-------------------------------*/
.pathway				{background:url(images/pathway_bg.gif) repeat-x 0 0 #edf7fc; margin:0px 0px 0px 0px;}
.pathway .bord_left		{background:url(images/l.gif) repeat-y 0 0}
.pathway .bord_right	{background:url(images/l.gif) repeat-y right top}
.pathway .bord_bottom	{background:url(images/l.gif) repeat-x bottom left; padding:6px 0px 6px 0px; vertical-align:middle; width:100%}
.pathway a				{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:top; font:normal 11px Arial; color:#000000}
.pathway img			{margin:0px 6px 5px 23px; vertical-align:middle; padding:0px 0px 0px 0px;}
span.pathway 			{font:normal 11px Arial; color:#000000; margin:0px 0px 0px 10px; vertical-align:middle; padding:0px 0px 0px 0px;}

/*---------------------------------------who's online & search bar------------------------*/
.search_bar	td			{height:36px; background:url(images/online_bg.gif) repeat-x; border:#D8D8B9 1px solid; padding:0px 0px 0px 0px;}

.search_bar .moduletable_s4	{font:normal 12px Arial; color:#6e7c80; vertical-align:middle; padding:0px 0px 0px 30px; border:0px;}
.moduletable_s4 h1		{font:normal 12px Arial; color:#000000; padding:0px 0px 0px 0px; margin:0px 8px 0px 0px; border:none; display:inline; background:none}

.search_bar .moduletable_s6	{background:url(images/serach_bg.gif) no-repeat 0 0; height:34px; padding:0px 0px 0px 0px; border:0px;}
.inputbox_s6 			{width:205px; height:16px; border:1px solid #f1f1f1; background:#f1f1f1; color:#2b465b; vertical-align:middle; font:bold 11px Verdana; margin:8px 0px 0px 37px; color:#020202; font:normal 12px Arial}

/*---------------------------------------Main Body----------------------------------------*/
/*---------------------------------------Message------------------------------------------*/
.main_body_top .main_body_border	{border:#D8D8B9 1px solid; padding:10px 15px 10px 15px;}

.main_body .left_colume	{width:540; padding:0px 0px 0px 0px;}
.main_body .right_colume	{width:260; padding:0px 0px 0px 0px;}

.main_new .new_gp		{padding:0px 0px 20px 0px;}

.title_bar				{background:url(images/title_bg.gif) repeat-x 0 0; padding:0px 15px 0px 15px; font:bold 16px Arial; color:#ffffff; line-height:22px; }
.title_bar2				{background:url(images/title2_bg.gif) repeat-x 0 0; padding:0px 15px 0px 15px; font:bold 16px Arial; color:#003366; line-height:22px; }
.title_bar3				{background:url(images/title3_bg.gif) repeat-x 0 0; padding:0px 15px 0px 15px; font:bold 16px Arial; color:#993300; line-height:22px; }
.title_bar4				{background:url(images/title4_bg.gif) repeat-x 0 0; padding:0px 15px 0px 15px; font:bold 16px Arial; color:#006600; line-height:22px; }
.title_bar5				{background:url(images/title5_bg.gif) repeat-x 0 0; padding:0px 15px 0px 15px; font:bold 16px Arial; color:#990033; line-height:22px; }
.title_bar6				{background:url(images/title6_bg.gif) repeat-x 0 0; padding:0px 15px 0px 15px; font:bold 16px Arial; color:#660033; line-height:22px; }
.createdate				{font:normal 11px Arial; color:#478496;}
.modifydate				{font:normal 10px Arial; color:#478496;}
.button_font 			{font:bold 11px Arial; background:url(images/button.gif) no-repeat 0 0; width:116px; height:36px; color:#000000;}

.contect .createdate	{padding:15px 0px 20px 15px;}
.contect .modifydate	{padding:10px 0px 10px 15px;}
.contect .button 		{padding:0px 0px 0px 15px;}
.contect .button .button_font {padding:6px 0px 10px 18px;}

/*--------------------------------------right colume------------------------------------*/
.right_colume td 		{text-align:right; padding:0px 0px 0px 0px;}

.right_colume .form_table {padding-bottom:10px;}

/*-----------------------------------mainmenu-----------------------------------------------*/
.mainmenu				{width:221px;}

.mainmenu_c				{background:url(images/mainmenu_center.png) repeat-y 0 0;}
.mainmenu_c	div			{background:url(images/mainmenu_item.gif) no-repeat; text-align:left; width:212px; height:25px; margin-right:4px;}

.mainmenu_c a			{padding:0px 0px 5px 0px; color:#000000; font:normal 12px Arial; text-decoration:none; display:list-item; list-style:none; padding:5px 0px 5px 43px;}
.mainmenu_c a:hover		{text-decoration:underline}

.mainmenu_c h3			{font:bold 20px Arial; color:#075e7d; padding:5px 0px 0px 21px; margin:0px 0px 12px 0px; background:none; text-align:left;}

/*-------------------------------------------login form--------------------------------------------*/
.login_form				{width:219px;}

.login_form_c			{background:url(images/box_center.gif) repeat-y 0 0; color:#000000; font:normal 11px Arial;}

.login_form_c div		{text-align:center; width:100%;}
.login_form_c h3		{font:bold 20px Arial; color:#ee6001; padding:9px 0px 6px 41px; background:url(images/title_icon.gif) no-repeat 0 0; display:block; margin:0px 0px 0px 19px; text-align:left;}
.login_form form .login_form_c	{background:url(images/box_center.gif) repeat-y 0 0; text-align:left; padding-left:23px; padding-bottom:5px;}
.login_form_c label		{color:#000000; font:normal 11px Arial;}
.login_form_c .inputbox	{width:160px; height:18px; margin:0px 23px 3px 0px; border:1px solid #dddddd; color:#000000; vertical-align:middle; background:#ffffff; font:normal 11px Arial}
.login_form_c .button	{display:inline; width:60px; height:24px; background:url(images/login_form_button.jpg) no-repeat 0 0; border:none; font:bold 11px arial; color:#373737; margin:6px 0px 5px 0px; vertical-align:middle; text-align:center;}
.login_form_c a			{color:#000000; font:bold 11px arial; text-decoration:none}
.login_form_c a:hover	{color:#000000; text-decoration:underline}
.login_form_c .user_detail td	{text-align:left; width:100%; padding:3px 20px 3px 20px;}

/*-------------------------------------------polls form--------------------------------------------*/
.polls_form				{width:219px;}

.polls_form_c			{background:url(images/box_center.gif) repeat-y 0 0; color:#000000; font:normal 11px Arial;}

.polls_form_c h3		{font:bold 20px Arial; color:#ee6001; padding:9px 0px 6px 41px; background:url(images/polls_icon.gif) no-repeat 0 0; display:block; margin:0px 0px 0px 19px; text-align:left;}
.polls_form form .login_form_c	{background:url(images/box_center.gif) repeat-y 0 0; text-align:left; padding-left:23px; padding-bottom:5px;}
.polls_form_c label		{color:#000000; font:normal 11px Arial;}
.polls_form_c .inputbox	{width:160px; height:18px; margin:0px 23px 3px 0px; border:1px solid #dddddd; color:#000000; vertical-align:middle; background:#ffffff; font:normal 11px Arial}
.polls_form_c .button	{display:inline; width:60px; height:24px; background:url(images/login_form_button.jpg) no-repeat 0 0; border:none; font:bold 11px arial; color:#373737; margin:6px 0px 5px 0px; vertical-align:middle; text-align:center;}
.polls_form_c a			{color:#000000; font:bold 11px arial; text-decoration:none}
.polls_form_c a:hover	{color:#000000; text-decoration:underline}

/*----------------------------------------------footer--------------------------------------------*/
.footer2				{height:37px; border:#D8D8B9 1px solid; background:#ececec; margin-bottom:5px;}
.footer2	.space		{padding:4px 0px 4px 14px; text-align:left; font:normal 12px Arial; color:#3b3b3b;}
.footer2 a				{color:#3b3b3b; font-weight:normal; font-size:12px; text-decoration:none}
.footer2 a:hover 		{color:#3b3b3b; text-decoration:underline}

/*----------------------------------------------images border---------------------------------------*/
.l_left 				{background:url(images/l.gif) 0 0 repeat-y #FFFFFF;}
.l_right 				{background:url(images/l.gif) top right repeat-y #FFFFFF;}
.l_center				{width:100%; padding:10px 10px 10px 10px; background:url(images/HKK_LOGO_BG.gif) repeat 0 0;}
.l_bot 					{background:url(images/l.gif) bottom repeat-x #FFFFFF;}
.l_top 					{background:url(images/l.gif) top repeat-x #FFFFFF; width:100%;}

.bg_gg 					{background:url(images/bg_gg.gif) repeat-x center; height:8px}
.bg_vv 					{background:url(images/bg_vv.gif) repeat-y center top; width:11px}

/*------------------------------------------------news file-----------------------------------------------*/
.result td  			{color:#666666; height:25px; vertical-align:middle; padding:0px 0px 0px 0px; font-size:11px;}
.result a   			{color:#789D21; text-decoration:none; font-size:11px;}
.result a:hover 		{color:#789D21;	text-decoration:underline;}
.result b 				{color:#789D21; font-weight:bold; font-size:11px}
.result u 				{color:#789D21; font-size:11px;} 
.result span 			{color:#789D21; font-size:11px;} 
.result_right 			{padding:0px 0px 0px 0px; text-align:right}

.product 				{margin:0px 0px 9px 0px;}
.product td         	{font-size:10px; color:#353434;}
.product a		    	{color:#5E5B5B; font-weight:bold; font-size:13px; text-decoration:undeline;}
.product a:hover		{color:#4E4343;text-decoration:none;}
.product span       	{color:#3F4143; font-size:11px;}
.product b	 			{color:#8E1214; font-size:16px;}
.product span	 		{color:#F2F2ED; font-size:16px;}
.product strong 		{color:#353434}

.product .button .button_font {padding:6px 0px 10px 5px; background:url(images/polls_button.gif) no-repeat 0 0; width:68px; height:24px; vertical-align:middle; margin:10px 10px 0px 0px;}
.product .button .button_font a			{color:#000000; font:bold 11px arial; text-decoration:none}
.product .button .button_font a:hover	{color:#000000; text-decoration:underline}

/*--------------------------------------------------button-------------------------------------------------*/
.button2 .button_font	{border:none; background:url(images/button2.gif) no-repeat 0 0; width:130px; height:25px; text-align:center; padding:7px 0px 0px 0px;}
.button2 .button_font a	{color:#000000; font:bold 12px Arial; text-decoration:none}
.button2 .button_font a:hover	{color:#000000; text-decoration:underline}

.button3 .button_font	{border:none; background:url(images/polls_button.gif) no-repeat 0 0; width:68px; height:24px; text-align:center; padding:7px 0px 0px 0px;}
.button3 .button_font a	{color:#000000; font:bold 12px Arial; text-decoration:none}
.button3 .button_font a:hover	{color:#000000; text-decoration:underline}