/******************************************************************
*               Sky361.com Project                                *
* Name:         Niko UI Frontend Frame @CSS                       *
* Author:       Niko (bluepspower@163.com)                        *
* Version:      v1.2.8                                            *
* Created Date: 2007-03-28                                        *
* Last Modify:  2007-06-03 by Niko                                *
* Copyright:    2007 Sky361.com                                   *
* Attention:    Please do not remove these comments.              *
******************************************************************/

/* START Global Style 
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,span,p,table,th,td,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote { font: normal 12px arial,simsun,verdana,sans-serif; }
* {
	margin: 0;
}
table { border-collapse: collapse; }
img { border: 0; }
ul,ol { list-style-type: none; }
a { text-decoration: none; }
a:link { color: #53484c; }
a:visited { color: #53484c; }
a:hover { color: #53484c;text-decoration: underline; }
a:active { color: #53484c; }
.wFull { width: 100%; }
.bcC { border-collapse: collapse; }
.bcS { border-collapse: separate; }
.cB { clear: both; }
.fL { float: left; }
.fC { margin-left: auto;margin-right: auto; }
.fR { float: right; }
.tL { text-align: left; }
.tC { text-align: center; }
.tR { text-align: right; }
.cHand { cursor: pointer; }
/* END Global Style 
-----------------------------------------------------------------------------*/

/* START Page Style
-----------------------------------------------------------------------------*/
body { background: #fff url(../img/bg_page_repeat.gif) repeat; }
.noScript { width: 100%;height: 1000px;text-align: center; }
.mainLayout { width: 798px;background-color: #fff;border-left: 1px solid #89959B;border-right: 1px solid #89959B; }

.bgBtn { background-image: url(../img/bg_btn_sprites1.gif); }
.ltBtn { float: left;padding-left: 3px;height: 19px;background-position: left 0;background-repeat: no-repeat; }
.rtBtn { float: left;padding-right: 9px;height: 19px;background-position: right -20px;background-repeat: no-repeat; }
.crBtn { float: left;margin: 0;padding: 0;border: 0;height: 19px;line-height: 19px;color: #4B4B4B;background-position: 0 -40px;background-repeat: repeat-x;font: bold 11px tahoma,verdana,sans-serif;cursor: pointer; }

.bgBtn1 { background-image: url(../img/bg_btn_sprites2.gif); }
.ltBtn1 { float: left;padding-left: 5px;height: 27px;background-position: left 0;background-repeat: no-repeat; }
.rtBtn1 { float: left;padding-right: 28px;height: 27px;background-position: right -28px;background-repeat: no-repeat; }
.crBtn1 { float: left;margin: 0;padding: 0;border: 0;height: 27px;line-height: 27px;color: #4D6589;background-position: 0 -56px;background-repeat: repeat-x;font: bold 16px arial,verdana,sans-serif;cursor: pointer; }

.bgTabOn { background-image: url(../img/bg_btn_sprites3.gif); }
.bgTabOut { background-image: url(../img/bg_btn_sprites4.gif); }
.ltTab { float: left;padding-left: 4px;height: 22px;background-position: 2px 0;background-repeat: no-repeat; }
.rtTab { float: left;padding-right: 2px;height: 22px;background-position: right -23px;background-repeat: no-repeat; }
.crTab { float: left;margin: 0;padding: 0;border: 0;height: 22px;line-height: 22px;background-position: 0 -46px;background-repeat: repeat-x;font: bold 10px tahoma,verdana,sans-serif;cursor: pointer; }
.fTabOn { color: #083772; }
.fTabOut { color: #666; }

	/* START Top Area
	-------------------------------------------------------------------------*/
	.topArea { height: 99px;background: url(../img/bg_top_repeat_x.gif) repeat-x; }
		.topArea .lt { float: left;width: 325px;height: 99px; }
			.topArea .lt .dvLogo { padding-left: 25px;padding-top: 24px;padding-right: 40px;width: 260px;height: 60px; }
		.topArea .rt { float: left;width: 473px;height: 99px; }
			.topArea .rt .dvBanner { padding-top: 15px;width: 438px;height: 68px; }
	/* END Top Area
	-------------------------------------------------------------------------*/

	/* START Nav Area
	-------------------------------------------------------------------------*/
	.navArea { height: 82px;background: url(../img/bg_nav_repeat_x.gif) repeat-x; }
		.navArea .hd { height: 32px; }
			.navArea .hd .dvPosition { padding-left: 8px;padding-top: 13px;color: #fff;font: normal 11px verdana,sans-serif; }
			.navArea .hd .dvPosition a { color: #fff;font: normal 11px verdana,sans-serif;text-decoration: underline; }
		.navArea .bd { height: 32px;background: url(../img/bg_nav1_repeat_x.gif) repeat-x; }
			.navArea .bd ul { float: left; }
			.navArea .bd ul li { float: left;height: 32px;}
			.navArea .bd .btn1 { width: 79px;height: 32px;background: url(../img/btn_menu_home.gif) no-repeat; cursor: pointer; }
			.navArea .bd .btn2 { width: 110px;height: 32px;background: url(../img/btn_menu_memberships.gif) no-repeat; cursor: pointer; }
			.navArea .bd .btn3 { width: 81px;height: 32px;background: url(../img/btn_menu_aboutus.gif) no-repeat;cursor: pointer;  }
			.navArea .bd .btn4 { width: 93px;height: 32px;background: url(../img/btn_menu_contactus.gif) no-repeat; cursor: pointer; }
			.navArea .bd .btn5 { float:right;width: 112px;height: 30px;background: url(../img/java-logo.jpg) no-repeat; }
		.navArea .ft { height: 18px; }
	/* END Nav Area
	-------------------------------------------------------------------------*/
	
	/* START Main Area
	-------------------------------------------------------------------------*/
	.mainArea { /*height: 725px;*/margin-bottom: 15px; }
		.mainArea .lt { float: left;padding-left: 15px; }
		
			.dvModule1 { width: 198px;padding-top: 0; }
				.dvModule1 .hd { height: 22px;background: url(../img/bg_module1_top.gif) no-repeat; }
				.dvModule1 .bd {background: url(../img/bg_module_all_repeat_y.gif) repeat-y; }
					.dvModule1 .bd .dvScrollArea { color: #006AAD;padding: 8px 10px; }
					.dvModule1 .ft { height: 10px;background: url(../img/bg_module_all_bottom.gif) no-repeat;overflow: hidden; }
			
			.dvModule2 { width: 198px;padding-top: 15px; }
				.dvModule2 .hd { height: 22px;background: url(../img/bg_module2_top.gif) no-repeat; }
				.dvModule2 .bd { height: auto;background: url(../img/bg_module_all_repeat_y.gif) repeat-y; }
					.dvModule2 .bd .dvNews { padding: 4px 5px 5px 8px;background: url(../img/bg_line1.gif) no-repeat center bottom; }
						.dvModule2 .bd .dvNews h6 { color: #000;font-size: 11px;font-weight: bold; }
						.dvModule2 .bd .dvNews p { color: #006AAD;line-height: 16px; }
						.dvModule2 .bd .dvNews a {	color: #006AAD; }
				.dvModule2 .ft { height: 10px;background: url(../img/bg_module_all_bottom.gif) no-repeat;overflow: hidden; }
			
			.dvModule3 { width: 198px;padding-top: 15px; }
				.dvModule3 .hd { height: 22px;background: url(../img/bg_module3_top.gif) no-repeat; }
				.dvModule3 .bd { height: auto;background: url(../img/bg_module_all_repeat_y.gif) repeat-y; }
					/*.dvModule3 .bd .onTabPic1 { float: left;border: 0;width: 72px;height: 22px;background: url(../img/bg_btn_tab1_on.gif) no-repeat top left;cursor: pointer; }*/
					/*.dvModule3 .bd .outTabPic2 { float: left;border: 0;width: 72px;height: 22px;background: url(../img/bg_btn_tab2_out.gif) no-repeat top left;cursor: pointer; }*/
					.dvTabsContent1 { padding: 10px 10px 10px 20px; }
						.dvTabsContent1 .w1 { width: 48px; }
						.dvTabsContent1 .w2 { width: 80px; }
						.dvTabsContent1 table { color: #000; }
						.dvTabsContent1 table td { height: 30px;font-weight: bold;text-align: left; }
				.dvModule3 .ft { height: 10px;background: url(../img/bg_module_all_bottom.gif) no-repeat;overflow: hidden; }
			
			.dvModule4 { width: 198px;padding-top: 15px; }
				.dvModule4 .hd { height: 22px;background: url(../img/bg_module4_top.gif) no-repeat; }
				.dvModule4 .bd { height: 100px;background: url(../img/bg_module_all_repeat_y.gif) repeat-y; }
					.dvModule4 .bd span { float: left;padding-top: 10px;padding-left: 15px; }
				.dvModule4 .ft { height: 10px;background: url(../img/bg_module_all_bottom.gif) no-repeat;overflow: hidden; }
				
			.dvModuleL { width: 198px;padding-top: 0; }
				.dvModuleL .hd { height: 22px;background: url(../img/bg_module12_top.gif) no-repeat; }
				.dvModuleL .bd { height: 683px;background: url(../img/bg_module_all_repeat_y.gif) repeat-y; }
					.dvModuleL .bd .p1 { padding-left: 15px; }
				.dvModuleL .ft { height: 10px;background: url(../img/bg_module_all_bottom.gif) no-repeat;overflow: hidden; }
		
		.mainArea .cr { float: left;padding-left: 15px; }
		
			.dvModule5 { width: 360px;padding-top: 0; }
				.dvModule5 .hd { height: 22px;background: url(../img/bg_module5_top.gif) no-repeat; }
				.dvModule5 .bd { height: 505px;background: url(../img/bg_module_all1_repeat_y.gif) repeat-y; }
					.dvService { clear: both;padding-left: 14px;padding-top: 4px;background: url(../img/bg_line2.gif) no-repeat center; }
						.dvService .lt1 { float: left;width: 207px;height: 97px; }
.dvService .lt10 { float: left;width: 320px;height: 97px; }
							.dvService .lt1 p { padding-left: 13px;padding-top: 3px;color: #000;font-weight: bold;background: url(../img/bg_arrow2.gif) no-repeat 1px 10px; }
							.dvService .lt1 .dvIcon { padding-top: 3px; }
						.dvService .rt1 { float: left;height: 97px;background: url(../img/bg_line_repeat_y.gif) repeat-y top left; }
							.dvService .rt1 .dvBtn { padding-left: 25px;padding-top: 46px; }
				.dvModule5 .ft { height: 10px;background: url(../img/bg_module_all1_bottom.gif) no-repeat;overflow: hidden; }
			
			.dvModule6 { width: 360px;padding-top: 15px; }
				.dvModule6 .hd { height: 22px;background: url(../img/bg_module6_top.gif) no-repeat; }
				.dvModule6 .bd { height: auto;background: url(../img/bg_module_all1_repeat_y.gif) repeat-y; }
					.dvTabsTitle { height: 24px;margin-left: 1px;margin-right: 1px;padding-top: 2px;background: url(../img/bg_tab_title.gif) repeat-x; }
					.dvTabsContent { clear: both;padding: 10px 10px 2px 10px; }
						.dvTabsContent .dvData { clear: both;height: auto; }
						.dvTabsContent table { clear: both;border-left: solid #A0A0A0 1px;border-top: solid #A0A0A0 1px;color: #333; }
						.dvTabsContent table th { height: 16px;border-right: solid #A0A0A0 1px;border-bottom: solid #A0A0A0 1px;text-align: center;font-weight: bold;background-color: #E4EAF2; }
						.dvTabsContent table td { height: 22px;border-right: solid #A0A0A0 1px;border-bottom: solid #A0A0A0 1px;text-align: center; }
						.dvTabsContent .dvFoot { clear: both;height: 30px;background: url(../img/bg_line2.gif) no-repeat center 5px; }
						.dvTabsContent .dvBtn { float: right;padding-top: 15px;padding-right: 20px; }
				.dvModule6 .ft { height: 10px;background: url(../img/bg_module_all1_bottom.gif) no-repeat;overflow: hidden; }
			
			.dvModule7 { width: 360px;padding-top: 15px; }
				.dvModule7 .hd { height: 22px;background: url(../img/bg_module7_top.gif) no-repeat; }
				.dvModule7 .bd { height: auto;background: url(../img/bg_module_all1_repeat_y.gif) repeat-y; }
					.dvModule7 .bd p { padding-top: 2px;padding-left: 1px; }
				.dvModule7 .ft { height: 10px;background: url(../img/bg_module_all1_bottom.gif) no-repeat;overflow: hidden; }
			
			.dvModule8 { width: 360px;padding-top: 15px; }
				.dvModule8 .hd { height: 22px;background: url(../img/bg_module8_top.gif) no-repeat; }
				.dvModule8 .bd { height: auto;background: url(../img/bg_module_all1_repeat_y.gif) repeat-y; }
					.dvModule8 .bd p { padding-top: 2px;padding-left: 1px; }
				.dvModule8 .ft { height: 10px;background: url(../img/bg_module_all1_bottom.gif) no-repeat;overflow: hidden; }
				
			.dvModuleC { width: 360px;padding-top: 0; }
				.dvModuleC .hd { height: 22px;background: url(../img/bg_module_all_top.gif) no-repeat; }
				.dvModuleC .bd { background: url(../img/bg_module_all1_repeat_y.gif) repeat-y; }
					.dvModuleC .bd .cell { border-bottom: solid #ccc 0px; }
						.dvModuleC .bd .cell span { float: right;color: #506582;font-weight: bold;font-size: 13px; }
						.dvModuleC .bd .cell span.severName { float: left;padding-left: 50px; }
						.dvModuleC .bd .cell input.txt { float: left;width: 210px;height: 18px;border: solid #8D9AA3 1px; }
						.dvModuleC .bd .cell .p1 { padding-top: 20px;padding-bottom: 10px; }
						.dvModuleC .bd .cell .title {
	padding-left: 20px;
	padding-top: 30px;
	padding-bottom: 25px;
	background: url(../img/ico_register.gif) no-repeat 0 26px;
	color: #4D6587;
	font: bold 18px tahoma,verdana,sans-serif;
	padding-right: 20px;
}
						.dvModuleC .bd .cell .title1 { padding-left: 15px;padding-top: 12px;padding-bottom: 6px;color: #4D6587;font: bold 15px tahoma,verdana,sans-serif; }
						.dvModuleC .bd .cell .dvData { padding-top: 10px;padding-bottom: 10px; }
						.dvModuleC .bd .cell .dvData .line { text-decoration: underline; }
						.dvModuleC .bd .cell .dvData table { clear: both;border-left: solid #A0A0A0 1px;border-top: solid #A0A0A0 1px;color: #333; }
						.dvModuleC .bd .cell .dvData table th { height: 16px;border-right: solid #A0A0A0 1px;border-bottom: solid #A0A0A0 1px;text-align: center;font-weight: bold;background-color: #E4EAF2; }
						.dvModuleC .bd .cell .dvData table td { height: 22px;border-right: solid #A0A0A0 1px;border-bottom: solid #A0A0A0 1px;text-align: center; }
						.dvModuleC .bd .cell .dvInfo { padding-top: 10px;padding-bottom: 10px; }
						.dvModuleC .bd .cell .dvInfo table { clear: both;border-left: solid #ccc 1px;border-top: solid #ccc 1px;color: #333; }
						.dvModuleC .bd .cell .dvInfo table td { padding-left: 10px;height: 22px;line-height: 21px;border-right: solid #ccc 1px;border-bottom: solid #ccc 1px;text-align: left; }
						.dvModuleC .bd .cell .dvInfo table td.bgC1 { background-color: #E4EAF2; text-align:right;}
						.dvModuleC .bd .cell .dvInfo table td.c1 { color: #888; }
						.dvModuleC .bd .cell .dvInfo table td h6 { color: #4D6587;font-weight: bold; }
						.dvModuleC .bd .cell .dvData1 { padding: 10px 10px 10px 20px; }
						.dvModuleC .bd .cell .dvData1 .w1 { width: 48px; }
						.dvModuleC .bd .cell .dvData1 .w2 { width: 80px; }
						.dvModuleC .bd .cell .dvData1 table { color: #000; }
						.dvModuleC .bd .cell .dvData1 table td { height: 30px;font-weight: bold;text-align: left; }
				.dvModuleC .ft { height: 10px;background: url(../img/bg_module_all1_bottom.gif) no-repeat;overflow: hidden; }
			
		.mainArea .rt { float: left;padding-left: 15px; }
		
			.dvModule9 { width: 180px;padding-top: 0; }
				.dvModule9 .hd { height: 22px;background: url(../img/bg_module9_top.gif) no-repeat; }
				.dvModule9 .bd { height: 148px;background: url(../img/bg_module_all2_repeat_y.gif) repeat-y; }
					.dvModule9 .bd .dvLabel { padding-left: 16px;padding-top: 15px; }
					.dvModule9 .bd .dvInput {
	padding-left: 7px;
	padding-top: 4px;
	padding-right: 7px;
}
						.dvModule9 .bd .dvInput input { width: 146px;border: solid #BFBFBF 1px; }
						.dvModule9 .bd .dvInput p { padding-left: 13px;padding-top: 10px;background: url(../img/bg_arrow1.gif) no-repeat 5px 15px; }
					.dvModule9 .bd .dvBtn { padding-left: 16px;padding-top: 13px; }
					.dvModule9 .bd .pd1 { padding-left: 15px; }
					.dvModule9 .bd .dvLink { padding-left: 0px;padding-top: 5px;background: url(../img/bg_arrow1.gif) no-repeat 15px 15px; }
						.dvModule9 .bd .dvLink a { color: #0C4C8E; }
				.dvModule9 .ft {
	height: 10px;
	background: url(../img/bg_module_all2_bottom.gif) no-repeat;
	overflow: hidden;
	padding: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}
			
			.dvModule10 { width: 180px;padding-top: 15px; }
				.dvModule10 .hd { height: 22px;background: url(../img/bg_module10_top.gif) no-repeat; }
				.dvModule10 .bd { height: 83px;background: url(../img/bg_module_all2_repeat_y.gif) repeat-y; }
					.dvModule10 .bd p { padding-left: 13px;padding-top: 10px;background: url(../img/bg_arrow1.gif) no-repeat 5px 15px; }
					.dvModule10 .bd .dvBtn { padding-left: 40px;padding-top: 20px; }
				.dvModule10 .ft { height: 10px;background: url(../img/bg_module_all2_bottom.gif) no-repeat;overflow: hidden; }
			
			.dvModule11 { width: 180px;padding-top: 15px; }
				.dvModule11 .hd { height: 22px;background: url(../img/bg_module11_top.gif) no-repeat; }
				.dvModule11 .bd { height: 191px;background: url(../img/bg_module_all2_repeat_y.gif) repeat-y; }
					.dvModule11 .bd .bgPic { height: 50px;background: url(../img/bg_module11_pic.jpg) no-repeat 121px 0; }
					.dvModule11 .bd .pd1 { padding-top: 28px; }
					.dvModule11 .bd .pd2 { padding-top: 10px; }
					.dvModule11 .bd p { padding-left: 15px;color: #4B4B4B;font-weight: bold; }
					.dvModule11 .bd .dvInput { padding-left: 15px;padding-top: 6px; }
						.dvModule11 .bd .dvInput input { width: 118px;border: solid #BFBFBF 1px; }
						.dvModule11 .bd .dvInput textarea { width: 150px;height: 48px;border: solid #BFBFBF 1px;overflow: hidden; }
					.dvModule11 .bd .dvBtn { padding-left: 15px;padding-top: 13px; }
				.dvModule11 .ft { height: 10px;background: url(../img/bg_module_all2_bottom.gif) no-repeat;overflow: hidden; }
			
			.dvModule12 { width: 180px;padding-top: 15px; }
				.dvModule12 .hd { width: 180px;height: 110px; }
				
	/* END Main Area
	-------------------------------------------------------------------------*/

	/* START Main Area One
	-------------------------------------------------------------------------*/
	.mainArea1 { margin-left: auto;margin-right: auto;margin-bottom: 15px;width: 768px; }
		.mainArea1 .hd { height: 22px;background: url(../img/bg_module_top.gif) no-repeat; }
		.mainArea1 .bd { /*height: 400px;*/background: url(../img/bg_module_repeat_y.gif) repeat-y; }
			.mainArea1 .bd .cell { border-bottom: solid #ccc 1px; }
				.mainArea1 .bd .cell span { float: right;color: #506582;font-weight: bold;font-size: 13px; }
				.mainArea1 .bd .cell input, .mainArea1 .bd .cell select { float: left;width: 210px;height: 18px;border: solid #8D9AA3 1px; }
				.mainArea1 .bd .cell p { float: left;padding-left: 8px;line-height: 22px;color: #999;font: normal 12px verdana,sans-serif; }
				.mainArea1 .bd .cell .p1 { padding-top: 10px;padding-bottom: 10px; }
				.mainArea1 .bd .cell .w1 { width: 150px; }
				.mainArea1 .bd .cell .w2 { width: 80px; }
				.mainArea1 .bd .cell .b1 { padding-bottom: 10px;border-bottom: solid #ccc 1px; }
				.mainArea1 .bd .cell .cbox { float: left;width: auto;border: 0;}
				.mainArea1 .bd .cell label { float: left;padding-left: 10px;color: #506582;font: bold 12px verdana,sans-serif; }
				.mainArea1 .bd .cell .dvData { padding-top: 10px;padding-bottom: 10px; }
				.mainArea1 .bd .cell .dvData table { clear: both;border-left: solid #A0A0A0 1px;border-top: solid #A0A0A0 1px;color: #333; }
				.mainArea1 .bd .cell .dvData table th { height: 16px;border-right: solid #A0A0A0 1px;border-bottom: solid #A0A0A0 1px;text-align: center;font-weight: bold;background-color: #E4EAF2; }
				.mainArea1 .bd .cell .dvData table td { height: 22px;border-right: solid #A0A0A0 1px;border-bottom: solid #A0A0A0 1px;text-align: center; }
				.mainArea1 .bd .cell .dvNews { padding-top: 10px;padding-bottom: 10px; }
				.mainArea1 .bd .cell .dvNews table { clear: both;border-left: solid #ccc 1px;border-top: solid #ccc 1px;color: #333; }
				.mainArea1 .bd .cell .dvNews table td { padding-left: 10px;height: 22px;line-height: 21px;border-right: solid #ccc 1px;border-bottom: solid #ccc 1px;text-align: left; }
				.mainArea1 .bd .cell .dvNews table td.bgC1 { background-color: #E4EAF2; }
				.mainArea1 .bd .cell .dvNews table td.c1 { color: #888; }
				.mainArea1 .bd .cell .dvNews table td h6 { color: #4D6587;font-weight: bold; }
			.mainArea1 .bd .title { padding-left: 41px;padding-top: 30px;padding-bottom: 10px;background: url(../img/ico_register.gif) no-repeat 0 25px;color: #4D6587;font: bold 18px tahoma,verdana,sans-serif; }
		.mainArea1 .ft { height: 10px;background: url(../img/bg_module_bottom.gif) no-repeat;overflow: hidden; }
	/* END Main Area One
	-------------------------------------------------------------------------*/

	/* START Bottom Area
	-------------------------------------------------------------------------*/
	.footArea { height: 50px;border-bottom: 1px solid #A0A0A0;background: url(../img/bg_bottom_repeat_x.gif) repeat-x; }
		.footArea .hd { height: 32px;text-align: center; }
			.footArea .hd .dvLinks { padding-top: 13px;color: #6E6E6E; }
			.footArea .hd a { color: #2174A8;font-size: 11px; }
			.footArea .hd a:hover { color: #2174A8; }
		.footArea .bd { height: 18px;text-align: center;color: #7E7E7E;font-size: 11px; }
	/* END Bottom Area
	-------------------------------------------------------------------------*/

/* END Page Style
-----------------------------------------------------------------------------*/

/* START Customize Style 
-----------------------------------------------------------------------------*/
.x-tree-node-el span { font-weight: bold; }
.x-tree-node-ct span { font-weight: normal; }
.btnList1 .x-tree-node-icon { background-image:url(../img/btn_list1.gif); }
.btnList2 .x-tree-node-icon { background-image:url(../img/btn_list2.gif); }

/* END Customize Style 
-----------------------------------------------------------------------------*/