/* |----- common styles ------------------------------|  */

#space_h { height: 10px; }
#space_w { width: 10px; }

.img_button { cursor: pointer; }

.mar-5	{ margin: 5px; }
.mar-10 { margin: 10px; }
.mar-15 { margin: 15px; }
.mar-20 { margin: 20px; }
.mar-25 { margin: 25px; }
.mar-30 { margin: 30px; }

.pad-5	{ padding: 5px; }
.pad-10 { padding: 10px; }
.pad-15 { padding: 15px; }
.pad-20 { padding: 20px; }
.pad-25 { padding: 25px; }
.pad-30 { padding: 30px; }

.line-10 { line-height: 10px; }
.line-15 { line-height: 15px; }
.line-20 { line-height: 20px; }
.line-25 { line-height: 25px; }
.line-30 { line-height: 30px; }

.thumbnail, .icon { border: white 3px solid; }

.dot_line { background: url("../../images/dot_line.jpg"); height:3px; }
.loader   { background: url("../../images/loader.gif"); height:32px; width:32px; }

#r1_green  { background: url("../../images/r1_green.gif"); width:13px; height:13px; }
#r2_green  { background: url("../../images/r2_green.gif"); width:13px; height:13px; }
#r3_green  { background: url("../../images/r3_green.gif"); width:13px; height:13px; }
#r4_green  { background: url("../../images/r4_green.gif"); width:13px; height:13px; }
#r5_green  { background: url("../../images/r5_green.gif"); width:13px; height:13px; }
#r6_green  { background: url("../../images/r6_green.gif"); width:13px; height:13px; }
#r7_green  { background: url("../../images/r7_green.gif"); width:13px; height:13px; }
#r8_green  { background: url("../../images/r8_green.gif"); width:13px; height:13px; }
#r9_green  { background: url("../../images/r9_green.gif"); width:13px; height:13px; }
#r10_green { background: url("../../images/r10_green.gif"); width:13px; height:13px; }

#r1_gray  { background: url("../../images/r1_gray.gif"); width:13px; height:13px; }
#r2_gray  { background: url("../../images/r2_gray.gif"); width:13px; height:13px; }
#r3_gray  { background: url("../../images/r3_gray.gif"); width:13px; height:13px; }
#r4_gray  { background: url("../../images/r4_gray.gif"); width:13px; height:13px; }
#r5_gray  { background: url("../../images/r5_gray.gif"); width:13px; height:13px; }
#r6_gray  { background: url("../../images/r6_gray.gif"); width:13px; height:13px; }
#r7_gray  { background: url("../../images/r7_gray.gif"); width:13px; height:13px; }
#r8_gray  { background: url("../../images/r8_gray.gif"); width:13px; height:13px; }
#r9_gray  { background: url("../../images/r9_gray.gif"); width:13px; height:13px; }
#r10_gray { background: url("../../images/r10_gray.gif"); width:13px; height:13px; }


#r1_orange { background: url("../../images/r1_orange.gif"); width:13px; height:13px; }
#r2_orange { background: url("../../images/r2_orange.gif"); width:13px; height:13px; }
#r3_orange { background: url("../../images/r3_orange.gif"); width:13px; height:13px; }
#r4_orange { background: url("../../images/r4_orange.gif"); width:13px; height:13px; }
#r5_orange { background: url("../../images/r5_orange.gif"); width:13px; height:13px; }


/* |----- header styles ------------------------------|  */

#header {
	margin: 0 auto;
	width: 952px;
}

#header_bg {
	background: url("../../images/h_bg.jpg");
	height: 82px;
}

#header_logo {
	float: left;
	height: 82px;
}

#header_panel {
	float: right;
}

#header_lang {
	text-align: right;
	padding-top: 5px;
}

#header_button {
	padding-top: 12px;
	line-height: 23px;
}

#header_menu {
	margin: 0 auto;
	width: 952px;
}

#header_menu_bg {
	background: url("../../images/h_bar_bg.jpg");
	height: 45px;
}

#header_menu_button {
	padding-left: 8px;
	padding-top: 6px;
	height: 100%;
	float: left;
}

#header_menu_search {
	background: url("../../images/header_search.png");
	margin-top: 10px;
	margin-right: 20px;
	float: right;
	width: 148px;
	height: 27px;
}

#header_avatar,
#header #header_logo, 
#header_button #login_button, 
#header_menu_button #menu_button,
#menu #menu_button,
#footer_lower #logo {
	cursor: pointer; 
}

#header_button #avatar {
	float: right;
}

#header_button #link {
	text-align: right;
	float: right;
	margin-right: 10px;
}


/* |----- body styles ------------------------------|  */


#flash_background {
	background-color: transparent;
	position:absolute;
	top: 64px;
	left:0px;
	width: 100%;
	height: 780px;
}

#flash_background .background {
	overflow: hidden;
	z-index:"2";
}

#flash_container {
	background-color: transparent;
	position:absolute;
	left:0px;
	width: 100%;
	z-index:"1";
}


/* |----- footer styles ------------------------------|  */

#footer_top {
	margin: 0 auto;
	background: url("../../images/f_t_city.jpg") center;
	height: 102px;
	width: 952px;
}

#footer_top_CN {
	margin: 0 auto;
	background: url("../../f_t_city-cn.jpg") center;
	height: 102px;
	width: 952px;
}

#footer_top_EN {
	margin: 0 auto;
	background: url("../../f_t_city-en.jpg") center;
	height: 102px;
	width: 952px;
}

#footer_upper_bg {
	background: url("../../images/f_u_bg.jpg");
	height: 258px;
}

#footer_lower_bg {
	background: url("../../images/f_l_bg.jpg");
	height: 101px;
}

#footer_upper, #footer_lower {
	margin: 0 auto;
	width: 952px;
}

#footer_upper #submenu {
	float: left;
	text-align: left;
	width:400px;
}

#footer_upper #aboutus {
	text-align: left;
	width: 500px;
	height: 258px;
	float: left;
}

#footer_lower #logo, #footer_lower #address {
	background: url("../../images/logo_separator.jpg") no-repeat left;
	padding: 15px 25px 15px 30px;
	float: left;
}

#footer_lower #address{
	width: 300px;
	padding-left: 50px;
	font-size: 11px;
}

#footer_upper #aboutus #separator {
	background: url("../../images/f_t_separator.png");
	float: left;
	margin: 25px 50px 15px 15px;
	width: 3px;
	height: 206px;
}

#footer_upper #aboutus #title {
	float: left;
	margin: 25px 15px 20px 0px;
	width: 400px;
	height: 23px;
}

#footer_upper #aboutus #copyright {
	margin: 80px 0px 0px 0px;
}


#footer_upper #submenu #title {
	float: left;
	margin: 25px 0px 20px 15px;
	width: 100%;
	height: 17px;
}

#footer_upper #submenu #menu {
	float: left;
	margin: 10px 50px 0px 15px;
	width: 20%;
	height: 25px;
}


/* |----- login styles ------------------------------|  */

#login_container {
	margin: 0 auto;
	position:relative; 
	z-index: 2; 
	width:500px; 
	height:0px;
}

#login_panel {
	position:absolute;
	background:#fff;
	overflow:hidden;
}

#blockUI {
	display: none; 
	background-color: black; 
	width: 100%; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	z-index: 1;
	filter:alpha(opacity=50); 
	-moz-opacity:0.7; 
	opacity:0.7; 
}