/*** index page style ***/
body{ margin:0px; text-align:center; font-family:Arial, Helvetica, sans-serif, "ËÎÌå"; font-size:12px; background-color:#C5C2C2;}
#wrapper{ width:967px; text-align:left; background-color:#FFFFFF;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
h3{ font-size:12px;}
img{ border:none;}
.yellow{ color:#F49206;}
.yellow a{ color:#FE0000;}
.yellow a:hover{ color:#FE0000;}
.yellow a:visited{ color:#FE0000;}
form{ margin:0px;}

/* Header */
.logo{ background-image:url(images/logo.gif); height:33px;}
.logo-text{ float:right; margin-top:12px; margin-right:10px; color:#666666;}
.logo-print{ display:none;}

.menu{ background-image:url(images/menu_bg.gif); height:33px; line-height:33px; color:#F49105;}
.menu a{ color:#FFFFFF;}
.menu-list{ margin:0px; margin-left:203px;}
.menu-list li{ float:left;}


.container{ width:100%; margin-top:15px; background-image:url(images/container_bg.gif);}

.top-panel1{ float:left; margin:3px; width:735px; height:175px; background-color:#F8F8F8; border:1px solid #CECECE;}
.top-panel2{ float:left; margin:3px; width:207px; height:175px; border:1px solid #CECECE;}


/* login */
.login-panel{ width:177px; height:147px; margin:10px 3px 3px 3px; float:left;}
.login-panel-header{ background-image:url(images/login_panel_bg.gif); height:28px;}
.login-panel-content{ width:175px; height:118px; border:1px solid #CECECE; border-top:none; background-color:#FFFFFF;}
.login-panel-content ul{ margin:5px; list-style:none;}
.login-panel-content ul li{ float:left; margin-top:8px;}
.login-panel-content ul li.label{ width:40%;}
.login-panel-content ul li.textbox{ width:59%;}
.login-panel-content input.text{ width:80px;}
.login-bottom{ text-align:center; margin-top:8px;}


.search-panel{ width:535px; height:147px; float:left; margin:10px 3px 3px 3px;}
.search-panel-header{ background-image:url(images/search_panel_bg.gif); height:28px;}
.search-panel-content{ width:533px; height:118px; border:1px solid #CECECE; border-top:none; background-color:#FFFFFF;}
.search-panel-content ul{ margin:0px; margin-left:3px;}
.search-panel-content ul li{ float:left; margin-left:3px; line-height:21px; margin-top:15px;}
.search-panel-content input.text{ width:167px;}
.search-panel-content select{ width:99px;}
.center-search-bottom{ margin-top:15px; text-align:right; width:94.5%;}

.left{ width:216px; float:left; text-align:center; margin-top:5px;}

/* left search panel*/
.left-search-panel{ width:206px; height:196px; background-image:url(images/left_search_bg.gif);}
.left-search-panel-title{ text-indent:3em; line-height:37px;}
.left-search-panel ul{ margin:0px; margin-left:5px; text-align:left;}
.left-search-panel ul li{ float:left; width:42%; line-height:22px; margin-top:5px;}
.left-search-panel input.text{ width:99px;}
.left-search-panel select{ width:99px;}
.left-search-bottom{ margin-top:5px; text-align:right; width:83%;}

.left-panel{ width:206px; margin-top:14px;}
.left-panel h3{ line-height:23px; height:23px; margin:0px; text-indent:2em; background-image:url(images/left_panel_title.gif); color:#FFFFFF; font-size:12px; text-align:left;}
.left-panel ul{ margin:0px; text-align:left; width:80%;}
.left-panel ul.list1{ float:none;}
.left-panel ul.list1 li{ float:left; width:33%; line-height:32px;}
.left-panel ul.list2 li{ width:100%; line-height:32px;}
.list1 a{ color:#000000;}
.list2 a{ color:#000000;}



.center{ width:741px; float:left; margin-top:5px; margin-left:10px; text-align:left; color:#000000;}

.list-buttons{ margin:0px; width:100%;}
.list-buttons li{ float:left; width:24.9%;}

.center-panel1{ background-image:url(images/center_panel_1.gif); width:356px; margin-top:15px; float:left;}
.center-panel1 h3{ margin:0px; line-height:42px; color:#FFFFFF; text-indent:3em;}
.center-panel1 ul.list{ margin:0px; margin-left:20px; list-style:none;}
.center-panel1 ul.list li{ line-height:30px;}
.center-panel1 .bottom{ background-image:url(images/center_panel_1_bottom.gif); height:14px;}

.center-panel2{ width:356px; margin-top:15px; float:left;}
.center-panel2 h3{ background-image:url(images/center_panel_2_title.gif); background-repeat:no-repeat; width:100%; margin:0px; line-height:20px; color:#F49104; text-indent:1em;}
.center-panel2 ul.list{ margin:0px; margin-left:20px;}
.center-panel2 ul.list li{ line-height:14px; list-style-image:url(images/center_panel_2_arr.gif); margin-top:16px;}

.center-banner{ width:734px; height:147px; margin-top:15px;}
.right-panel-margin{ margin-left:22px;}

.list a{ color:#000000;}
.more-gray{ margin-left:160px; color:#666666; font-weight:normal;}
.more-white{margin-left:180px; color:#FFFFFF; font-weight:normal;}

.footer{ text-align:center; color:#FFFFFF; background-color:#16456B; line-height:26px;}
.footer a{ color:#FFFFFF;}
.bottom{ height:42px; line-height:42px; text-align:center;}







/*** agent pages style ***/

.inner-container{ width:100%; background-image:url(images/inner_container_bg.gif);}
.inner-left{ width:203px; float:left; text-align:left;}
.inner-center{ width:754px; float:left; margin-left:10px; text-align:left; color:#000000;}

/*** define new table style ***/
.inner-center table{ border:none; background-color:#E2E7EB; width:98%; margin-top:10px;}
.inner-center table th{ font-size:12px;}
.inner-center table td{ border:none; font-size:12px; margin:0px;}
.inner-center table .tr-color1 td{ background-color:#FEF8FA;}
.inner-center table .tr-color2 td{ background-color:#EDF3F8;}


/*** all inner page style ***/
.inner-left-menu{ background-color:#C8CFD7; width:192px;}
.inner-left-menu h3{ height:60px; margin:0px; background-color:#798FA4; font-size:14px; padding-left:35px; color:#FFFFFF; line-height:60px;}
.inner-left-menu h3.style2{ background-image:url(images/left_h3_bg.gif); height:50px; padding-left:0px; text-align:center;}
.inner-left-menu .panel{ width:100%; background-color:#F2F2F3; text-align:center;}
.inner-left-menu ul.project{ padding-left:30px; list-style:disc; text-align:left;}
.inner-left-menu ul.project li{ padding-left:0px; margin:0px; border:none; font-weight:normal; background:none;}
.inner-left-menu ul.Attractions{ margin-top:5px; padding-left:8px; list-style:none; text-align:left;}
.inner-left-menu ul.Attractions li{ width:50%; float:left; line-height:14px; height:60px; padding-left:0px; margin:0px; border:none; font-weight:normal; background:none;}


.inner-left-menu ul{ margin:0px; list-style:none;}
.inner-left-menu ul li{ height:38px; border-bottom:2px solid #F2F2F3; line-height:38px; padding-left:35px; font-weight:bold;}
.inner-left-menu .list-sub li{ background-color:#F2F2F3; padding-left:55px; border-bottom:1px dotted #889BAE; line-height:24px; height:24px;}
.inner-left-menu .list-sub li a{ font-weight:normal;}


.center-header{ height:28px; border-bottom:1px solid #CCCCCC; width:98%; margin-top:32px;}
.center-header h3{ margin:0px; font-size:14px; float:left; width:50%;}
.center-header .nav{ float:left; width:49%; text-align:right;}

.center-panel3{ width:356px; height:208px; margin-top:15px; float:left; background-image:url(images/stats_bg.gif); background-repeat:no-repeat;}
.center-panel3 h3{ margin:0px; margin-left:20px; margin-top:32px; line-height:20px; color:#000000; font-weight:normal;}
.center-panel3 ul.list{ margin:0px; margin-left:110px; margin-top:45px;}
.center-panel3 ul.list li{ line-height:14px; margin-top:12px; list-style:none;}

.agent-hr{ background-image:url(images/agent_hr.gif); width:739px; height:34px;}

.inner-center .content-bg{ background-image:url(images/content_split.gif); background-position:left; width:100%; margin-top:10px;}
.inner-center .content-text{ width:70%; margin-top:10px; float:left;}

	/* for TravelGuide main */
	.inner-center .content-text .panel h4{ margin:0px; height:25px; background-image:url(images/content_panel_h.gif); line-height:25px; padding-left:10px; font-size:12px;}
	.inner-center .content-text .panel .content2{ border:1px solid #BCD9E1; line-height:20px; padding:3px;}
	.inner-center .content-text .panel .content2 h5{ margin:5px 0px 5px 10px; padding-left:10px; background-image:url(images/h5_arr.gif); background-position:left; background-repeat:no-repeat;}
	.inner-center .content-text .panel .content2 ul{ padding-left:20px; border-bottom:1px dotted #C8CFD7; margin:0px; list-style:none; line-height:30px;}
	.inner-center .content-text .panel .content2 ul a{ color:#000000;}
	
	.inner-center .content-text .panel ul.tab-bar{ border:none; margin:0px; list-style:none; background-image:url(images/tab_bar_bg.gif); line-height:28px; height:28px;}
	.inner-center .content-text .panel ul.tab-bar li{ color:#000000; float:left; width:87px; height:22px; margin-top:6px; line-height:22px; text-align:center; cursor:pointer;}
	.inner-center .content-text .panel ul.tab-bar li.selected{ background-image:url(images/tab_bar_selected.gif); font-weight:bold;}
	
	.inner-center .content-text .panel ul.tab-bar2{ border:none; margin:0px; list-style:none; background-image:url(images/tab_bar_bg.gif); background-position:bottom; line-height:28px; height:28px;}
	.inner-center .content-text .panel ul.tab-bar2 li{ color:#000000; float:left; margin-left:5px; margin-right:5px; padding-left:10px; padding-right:10px; height:22px; margin-top:6px; line-height:22px; text-align:center; cursor:pointer;}
	.inner-center .content-text .panel ul.tab-bar2 li.selected{ background-color:#FFFFFF; border:1px solid #CCCCCC; border-bottom:none; font-weight:bold;}
	
	.inner-center .content-text .panel ul.tab-content{ border:none; width:100%; border:none;}
	.inner-center .content-text .panel ul.tab-content li{ float:left; width:32%; text-align:center; line-height:18px; margin-top:10px;}
	.inner-center .content-text .panel ul.tab-content li img{ padding:2px; border:1px solid #BCD9E1;}
	
	.inner-center .content-text .panel .content2{ border:1px solid #BCD9E1; line-height:20px; padding:0px;}
	.inner-center .content-text .panel .content2 table{ width:100%; background-color:#FFFFFF;}
	.inner-center .content-text .panel .content2 th{ background-color:#E5F0F0;}
	.inner-center .content-text .panel .content2 td.bg-gray{ background-color:#EAEAEA;}
	.inner-center .content-text .panel .content2 td a{ color:#000000;}
	
	table.q-table{ width:100%; padding:0px;}
	table.q-table table{ margin:0px; padding:0px; width:100%;}



.inner-center .content-text2{ width:70%; margin-top:20px; margin-left:15px;}
.inner-center .content-pics{ width:24%; margin-top:10px; float:left; margin-left:35px;}
.inner-center .content-menu{ width:98%; height:38px; margin-top:30px; line-height:38px; background-color:#F2F2F3; border-bottom:1px solid #DBDCDE;  border-top:1px solid #DBDCDE; color:#0426F8;}
.inner-center .content-menu a{ color:#0426F8;}

/*** login,register,search pages style ***/
.function-container{ width:100%; background-image:url(/images/function_container_bg.gif); text-align:center;}
.function-panel{ margin-top:55px; margin-bottom:55px; width:65%; text-align:left;}
.function-panel h3{ font-size:18px; color:#17476D; border-bottom:1px solid #D9DADC; padding-left:14px;}
.function-panel .message{ color:#666666; margin-left:14px;}
.function-panel ul{ list-style:none; margin-left:14px;}
.function-panel ul li{ height:30px; line-height:30px;}
.function-panel ul .label{ float:left; width:18%;}
.function-panel ul .input{ float:left; width:81%;}
.function-panel .input-margin{ margin-left:14px;}
.function-panel .agent-join-table{ width:100%; margin:0px;}
.function-panel .agent-join-table td{ padding-left:12px;background-color:#FFFFFF;}


/*** all banner ***/
.banner{ background-image:url(images/banner.jpg); height:155px;}
.agent-banner{ background-image:url(images/agent_banner.jpg); height:155px;}
.travel-guide-banner{ background-image:url(images/TravelGuide_banner.jpg); height:155px;}
.sub-domain-banner{ background-image:url(images/TravelGuide_banner.jpg); height:155px;}
.member-banner{ background-image:url(images/member_banner.jpg); height:155px;}


/*** sub domain style ***/
#sub-wrapper{ width:778px; text-align:left; background-color:#FFFFFF;}
.sub-domain-banner-section{ height:145px;}
.sub-domain-banner-section .company-name{ line-height:120px; margin-left:20px; font-size:24px; color:#FFFFFF;}
.sub-domain-banner-line{ height:9px; background-image:url(images/sub_domain_banner_line.jpg);}
#sub-wrapper .menu{ background-image:url(images/menu_bg2.gif); height:33px; line-height:33px; color:#F49105; width:100%;}
#sub-wrapper .menu-list{ margin-left:24px;}
#sub-wrapper .top-line{ height:5px; background-image:url(images/logo_top.gif); background-repeat:no-repeat;}
#sub-wrapper .logo{ height:68px; background-image:none; float:left; width:35%;}
#sub-wrapper .logo-text{ width:63%; float:right; text-align:right;}
#sub-wrapper .logo-main{ width:140px; height:42px; float:right; text-align:right; background-image:url(images/main_logo.gif); background-position:bottom; background-repeat:no-repeat;}

#sub-wrapper .inner-left{ width:193px;}
#sub-wrapper .inner-center{ width:565px; margin-left:20px;}
#sub-wrapper .inner-center .nav{ line-height:22px; text-align:right;}
#sub-wrapper .inner-center .panel{ width:556px;}
#sub-wrapper .inner-center .panel h3{ margin:0px; height:25px; background-image:url(images/sub_panel_h.gif); line-height:25px; padding-left:10px;}
#sub-wrapper .inner-center .panel .content{ border:1px solid #BCD9E1; height:182px; background-image:url(images/panel_content_bg.gif);}
#sub-wrapper .inner-center .panel .content-top{ padding:12px; font-weight:bold;}
#sub-wrapper .inner-center .panel .content-bottom{ padding-top:20px; padding-left:120px;}

#sub-wrapper .inner-center .panel h4{ margin:0px; height:25px; background-image:url(images/sub_panel_h4.gif); line-height:25px; padding-left:10px; margin-top:9px; font-size:12px;}
#sub-wrapper .inner-center .panel .content2{ border:1px solid #BCD9E1; line-height:20px; padding:3px;}
.inner-center .panel .content2 .button-bar{ width:100%; text-align:right; line-height:30px;}

#sub-wrapper .inner-center .panel .content3{ border:1px solid #BCD9E1; line-height:20px; padding:0px;}
#sub-wrapper .inner-center .panel .content3 table{ width:100%; background-color:#FFFFFF;}
#sub-wrapper .inner-center .panel .content3 th{ background-color:#E5F0F0;}
#sub-wrapper .inner-center .panel .content3 td.bg-gray{ background-color:#EAEAEA;}
#sub-wrapper .inner-center .panel .content3 td a{ color:#000000;}