@charset "utf-8";
/* CSS Document */
html, body{
height: 100%;
background:#FBF4E1;
}
body {
background:#FBF4E1;
color:#666;
line-height:21px;
}
a {
color:#4C94F6;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
/*--------------------------------head------------------------------------*/
.banner_t_bor_l {
width:100%;
background:url(/img/base/top_l.gif) top left no-repeat;
}
.banner_t_bor_r {
background:url(/img/base/top_r.gif) top right no-repeat;
}
.banner_t_bor_c {
margin: 0px 14px;
background:url(/img/base/top_c.gif) 0 0 repeat-x;
height: 16px;
}
.banner_l {
width:100%;
background:url(/img/base/tophead_l.gif) top left repeat-y;
}
.banner_r {
background:url(/img/base/tophead_r.gif) top right repeat-y;
}
.banner_c {
margin: 0px 14px;
background: #FFFFFF url(/img/base/topheadbg.gif) top right no-repeat;
height: 85px;
}

.nav_top_l {
width:100%;
background:url(/img/base/buttonbg_l.gif) top left repeat-y;
}
.nav_top_r {
background:url(/img/base/buttonbg_r.gif) top right repeat-y;
}
.nav_top_c {
height:40px;
margin: 0px 5px;
}
.nav_tab{
float:left;
text-align: center;
}
ul.banner_nav_tab{margin: 0px; padding: 0px;}
ul.banner_nav_tab li{
	list-style: none;
	float: left;
	text-align: center;
}
ul.banner_nav_tab li a{
text-align:left;
font-size:15px;
font-weight:bold;
color:#fff;
display:block;
width:78px;
height:40px;
text-decoration:none;
line-height:43px;
padding-left:35px;
overflow:hidden;
}
ul.banner_nav_tab li a:hover{text-decoration:none;}
ul.banner_nav_tab li a.home{background:url(/img/base/banner_tabs.gif) no-repeat 0 0;}
ul.banner_nav_tab li a.exp{background:url(/img/base/banner_tabs.gif) no-repeat -113px 0;}
ul.banner_nav_tab li a.evn{background:url(/img/base/banner_tabs.gif) no-repeat -226px 0;}
ul.banner_nav_tab li a.grp{background:url(/img/base/banner_tabs.gif) no-repeat -339px 0;}
ul.banner_nav_tab li a.me{background:url(/img/base/banner_tabs.gif) no-repeat -452px 0;}
ul.banner_nav_tab li a.forum{background:url(/img/base/banner_tabs.gif) no-repeat -565px 0;}
ul.banner_nav_tab li a.help{background:url(/img/base/banner_tabs.gif) no-repeat -678px 0;}
ul.banner_nav_tab li a.home:hover,
ul.banner_nav_tab li a.home-hover
{background:url(/img/base/banner_tabs.gif) no-repeat 0 -40px;}
ul.banner_nav_tab li a.exp:hover,
ul.banner_nav_tab li a.exp-hover
{background:url(/img/base/banner_tabs.gif) no-repeat -113px -40px;}
ul.banner_nav_tab li a.evn:hover,
ul.banner_nav_tab li a.evn-hover
{background:url(/img/base/banner_tabs.gif) no-repeat -226px -40px;}
ul.banner_nav_tab li a.grp:hover,
ul.banner_nav_tab li a.grp-hover
{background:url(/img/base/banner_tabs.gif) no-repeat -339px -40px;}
ul.banner_nav_tab li a.me:hover,
ul.banner_nav_tab li a.me-hover
{background:url(/img/base/banner_tabs.gif) no-repeat -452px -40px;}
ul.banner_nav_tab li a.forum:hover,
ul.banner_nav_tab li a.forum-hover
{background:url(/img/base/banner_tabs.gif) no-repeat -565px -40px;}
ul.banner_nav_tab li a.help:hover,
ul.banner_nav_tab li a.help-hover
{background:url(/img/base/banner_tabs.gif) no-repeat -678px -40px;}
.nav_top_c {background:url(/img/base/banner_bg.gif) 0 0 repeat-x;}

.tab_child_area{height:100%;}
.tab_child{margin:0;padding:0;background:#fff;}
.tab_child:after{content:".";display:block;height:0;clear:both; visibility:hidden;}
.tab_child li{list-style: none;float: left;text-align: center;padding:5px 0px;}
.tab_child li a{background:url(/img/base/tab_child_b.gif) repeat-x 0 100%;padding:0px 10px 7px 10px;line-height:20px;display:block;}
.tab_child li a:hover{text-decoration:none;}
.tab_child li.hover a{background:url(/img/base/tab_child_h.gif) no-repeat 50% 100%;color:#df6a0a;display:block;border:0px solid red;}
.tab_child li.last a{background:url(/img/base/tab_child_r.gif) no-repeat 0 100%;width:61px;padding:10px 30px; cursor:default;display:block;border:0px solid red;height:7px;}

.tab_child_l {
width:100%;
background:url(/img/base/buttonbg_l.gif) top left repeat-y;
}
.tab_child_r {
background:url(/img/base/buttonbg_r.gif) top right repeat-y;
}
.tab_child_c {
background: #fff;
}
.tab_child_c{
font-size:100%;
line-height:24px;
margin: 0px 5px;
padding: 0px 5px 0px;
}
.tab_child_c a:hover {
text-decoration:underline;
}
.tab_child_c a {
text-decoration:none;
color:#5A5C58;
}
/*----------------------------------wrapper------------------------------------------*/
#doc3{margin: auto 10px; padding: 10px 0px;min-width: 990px;*width:expression((document.body.clientWidth < 1140) ? "990px": "auto");}
.banner {
width:990px;
height:113px;
}
.logo {
margin-left:40px;
float: left;
}
.logotitle {
color:#373737;
line-height:22px;
font-weight:bold;
float:left; 
position: relative;
top: 32px;
left: 10px;
font-size:135%;
}
.logotitle span{color:#969696;font-size:80%;}
.loginright {
float:right; 
padding-right:15px; 
}
.loginright a:hover{ border-bottom: 2px solid #3A8F31; text-decoration: none;}
a.language_selector{background: url(/img/yui/menu-button-arrow.png) 100% 6px no-repeat; padding-right: 18px;}
/*-----------------------------------content--------------------------------------*/
.yui-t5 #yui-main .yui-b{margin-right:20.5615em;*margin-right:20.125em;}
.jmap-t1 #yui-main{float:left;margin-right:-55em;}
.jmap-t1 .yui-b{float:right;width:31.2015em;*width:30.525em;}
.jmap-t1 #yui-main .yui-b{margin-right:31.8615em;*margin-right:31.525em;}
/**/
.container_l {
background: url(/img/base/buttonbg_l.gif) top left repeat-y;
}
.container_r {
background:url(/img/base/buttonbg_r.gif) top right repeat-y;
}
.container_c {
margin: 0px 5px;
padding:10px 10px 10px 20px;
background:#FFFFFF;
}
.Singleboxbg {
background-color:#E3F1D1;
min-height:130px;
_height: 130px;
padding:10px 10px 0px 10px;
margin-bottom:20px;
}
.slideshow a {
background:url(/img/btn/slideshow.gif) 0 0 no-repeat;
display:block;
height:24px;
width:138px;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
text-decoration:none;
}
.slideshow a:hover {
background-position: 0 -24px;
text-decoration:none;
}
.mapbar {
background:url(/img/element/mapbar.gif) 0 0 no-repeat;
width:402px;
height:36px;
padding:5px 10px 0px 0px;
}
.largemapbar {
background: #C6C6C6 url(/img/element/mapbar.gif) top left no-repeat;
width:810px;
height:31px;
padding:5px 10px 0px 0px;
}
.largemapbar p {
padding:0px;
margin:0px;
}
/*---------------------rightcontent-------------------------------*/
.yui-t5 .yui-b{width:16.9615em;*width:16.5em;}
.MemberArea_t {
background:url(/img/element/member_t.gif) top left no-repeat;
width:215px;
height:12px;
}
.MemberArea_c {
background:url(/img/element/member_c.gif) right bottom no-repeat;
min-height:95px;
_height: 95px;
width:215px;
/*padding: 3px;*/
}
.MemberArea_c .bd{padding: 7px 5px;}
.MemberArea_b {
background:url(/img/element/member_b.gif) 0 50% no-repeat;
width:215px;
height:11px;
margin-bottom:15px;
}
.btn01 a{
background:url(/img/btn/button01.gif) 0 0 no-repeat;
height:26px;
width:139px;
display:block;
color:#666;
text-align:center;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
.btn01 a:hover {
background-position: 0 -26px;
text-decoration:none;
color:#943737;
}
.buttonbg02 a{
background:url(/img/btn/button02.gif) 0 0 no-repeat;
height:18px;
width:55px;
display:block;
color:#fff;
text-align:center;
font-size:14px;
font-weight:bold;
line-height:16px;
text-decoration:none;
overflow: hidden;
}
.buttonbg02 a:hover {
background-position: 0 -18px;
text-decoration:none;
}
.btn03, .btn03hover {
background:url(/img/btn/button03.gif) 0 0 no-repeat;
height:27px;
width:85px;
/*display:block;*/
text-align:center;
font-size:15px;
font-weight:bold;
text-decoration:none;
border: 0px;
}
.btn03 {
background:url(/img/btn/button03.gif) 0 0 no-repeat;
color:#4D6F84;
}
.btn03hover {
background:url(/img/btn/button03.gif) 0 -27px no-repeat;
overflow: hidden;
color:#893F3F;
}
.buttonbg04 a{
background:url(/img/btn/button04.gif) 0 0 no-repeat;
height:20px;
width:70px;
display:block;
color:#fff;
text-align:center;
line-height:16px;
text-decoration:none;
overflow: hidden;
}
.buttonbg04 a:hover {
background-position: 0 -20px;
text-decoration:none;
}
.LatestPic {
padding:5px 5px 0px 0px;
}
.LatestleftPic {
padding:5px 5px 0px 5px;
}

/*----------------------------------------box--------------------------------*/
.title_orchid {
width:100%;
background:url(/img/element/title_orchid_l.gif) top left no-repeat;
height:32px;
}
.title_orchid div {
background:url(/img/element/title_orchid_r.gif) top right no-repeat;
height:32px;
}
.title_orchid div div {
background:url(/img/element/title_orchid_c.gif) 0 0 repeat-x;
height:32px;
margin-left:11px;
margin-right:11px;
color:#4E4E4E;
font-size:15px;
font-weight:bold;
line-height:30px;
}
.title_blue {
width:100%;
background:url(/img/element/title_blue_l.gif) top left no-repeat;
height:32px;
}
.title_blue div {
background:url(/img/element/title_blue_r.gif) top right no-repeat;
height:32px;
}
.title_blue div div {
background:url(/img/element/title_blue_c.gif) 0 0 repeat-x;
height:32px;
margin-left:11px;
margin-right:11px;
color:#4E4E4E;
font-size:15px;
font-weight:bold;
line-height:30px;
}
.title_footer {
width:100%;
background:url(/img/element/title_footer_l.gif) top left no-repeat;
height:13px;
}
.title_footer div {
background:url(/img/element/title_footer_r.gif) top right no-repeat;
height:13px;
}
.title_footer div div {
height:13px;
margin-left:11px;
margin-right:11px;
background:url(/img/element/title_footer_c.gif) 0 0 repeat-x;
}
.titleR_orange {
background:url(/img/element/titleR_orange.gif) 0 0 no-repeat;
width:215px;
height:28px;
color:#4E4E4E;
font-size:15px;
font-weight:bold;
}
.titlebox {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
min-height: 100px;
_height: 100px;
padding:10px;
}
.titlefooter {
background:url(/img/titlefooter.gif) 0 0 no-repeat;
width:717px;
height:19px;
}
.titleboxP {
padding:0px 0px 0px 15px;
}
/*-----------------------------------------mapwindow--------------------------------------------*/
.mapwindowbg {
background:url(/img/element/mapwindow.gif) 0 0 repeat-x ;
width:390px;
padding:10px;
min-height: 100px;
_height: 100px;
border:1px solid #9BD194;
}
.mapwindowbgLarge  {
background:url(/img/element/mapwindow.gif) 0 0 repeat-x ;
width:798px;
padding:10px;
min-height: 80px;
_height: 80px;
border:1px solid #9BD194;
}
.mapwindowclose a {
background:url(/img/btn/close.gif) 0 0 no-repeat ;
display:block;
width:11px;
height:11px;
overflow: hidden;
}
.mapwindowclose a:hover {
background-position: 0 -11px;
}
.ulstyle {
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 0px 0px;	
    list-style:url(/img/icon/a03.gif);

}
/*-----------------------------------------tadle-------------------------------------*/
.Metadle {
border-collapse:collapse;
}
.Metadle td {
padding:3px;
}
/*----------------------------------------ads-----------------------------------------------*/
.ads {
border:1px solid #AED9DF;
width:210px;
padding-top:10px;
min-height: 400px;
_height: 400px;
}

/*---------------------------------------------selector--------------------------------------*/
#selector-container, #selector-drops{
	width: 120px;
	margin-left: 10px;
	float: right;
}
#selector-container{
	cursor: pointer;
	background: url(/img/element/selector-bg.gif) repeat-x 1px 1px;
	/*border: 1px solid #ff0000;*/
}
.selector-top{border-top: 1px solid #7FC269; margin: 0px 0px 0px 1px;}
#selector-container div.selector-body{
	border-left: 1px solid #7FC269;
	border-right: 1px solid #7FC269;
	height: 20px;
	line-height: 20px;
	background: url(/img/element/selector-arrow.gif) no-repeat 100% 0%;
	padding: 0px 0px 0px 20px;
	font-weight: bold;
}
.selector-body div{
}
.selector-bottom{border-bottom: 1px solid #7FC269; margin: 0px 0px 0px 1px;}
#selector-drops{
	background: white;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;			
}	
#selector-drops li, #selector-drops li:hover, #selector-drops li.hover{
	line-height: 25px;
	padding: 0px 5px;
	border-bottom: 1px solid #E3E3E3;
	cursor: pointer;
	width: auto;
	width: 110px;
}
#selector-drops li:hover, #selector-drops li.hover{
	background: #eefee9;
}
/*-------------------------------pages-----------------------------*/
.pages{
/*text-align:center;*/
font-family: sans-serif;
font-size:12px;
line-height:30px;
padding-top:15px;
}
.pages a,.pages a:visited{
color:#757575;
text-decoration:none;
}
.pages a:hover{
background:#ABACAF;
color:#fff;
border:1px solid #757575;
text-decoration:none;
}
.pages a.pagenum{
border:1px solid #cccccc;
padding:3px 5px 3px 5px;
}
.cpage{
border:0px solid #fff;
padding:3px 5px 3px 5px;
color:#F37C08;
font-weight:bolder;
font-size:13px;
}

/*--------------------------footer--------------------------------------*/

.footer_l {
width:100%;
background:url(/img/base/footer_l.gif) top left no-repeat;
}
.footer_r {
background:url(/img/base/footer_r.gif) top right no-repeat;
}
.footer_c {
background:url(/img/base/footerbg.gif) 0 0 repeat-x;
height:33px;
font-size:12px;
line-height:24px;
margin: 0px 14px;
}
.footerLeft {
padding-left:15px; float:left;
}
.footerRight {
 float:right; 
 padding-right:15px;
}

/*--------------------------------word------------------------------------*/
.wordTop {
margin-top:15px;
}
.word01 {
font-size:13px;
color:#777777;
font-weight:normal;
}

.word02 {
color:#E51D02;
}
.word02 a{
color:#E51D02;
text-decoration:none;
}
.word02 a:hover, .word03 a:hover {
text-decoration:underline;
}
.word03, a.word03 {
color:#3A85D1;
font-weight:bold;
}
.word03 a{
color:#3A85D1;
text-decoration:none;
}
.word04 {
color:#3A8F31;
font-weight:bold;
font-size:14px;
}
.word04 a {
color:#3A8F31;
text-decoration:none;
}
.word04 a:hover, .word05 a:hover {
text-decoration:underline;
} 
.word05 {
color:#4C94F6;
}
.word05 a {
color:#4C94F6;
text-decoration:none;
}
a.username{color:#435ee6;text-decoration:none;font-weight:bold;font-size:100%;}
.word06 {
font-weight:bold;
}
.word07 {
color:#6C9B67;
}
.titleword01 {
font-size:15px;
font-weight:bold;
color:#FF7800;
}
/*----------------------------form---------------------------------------------*/

.form-container{
}
.form-container label{
	clear: left;
	float: left;
	width: 8.5em;
	padding: 3px 0px 0px;
}
.form-row{
	text-align: left;
	margin:  0px 0px 10px;
}
.form-row .desc{
	text-align: left;
	margin-left: 8.7em;/*label width + 0.2em*/
}
.form-container .form-row .signup-input,
.form-container .form-row .textarea {
	border: 1px solid #AAAAAA;
	padding: 5px 2px;
}	
.form-container .form-row .focus{
	background: #fcd38a;
}	
.form-container .form-row .textarea{width: 20em; *height: 4em;}
.form-container .form-row .input{width: 13em; *height: 1.8em; padding: 2px 3px;}
.form-row-t1{
	text-align: center;
	margin:  0px 0px 5px;
}
.form-row-t1 label{text-align: right;}
.form-t1 label{display:block;}
.form-t1 .form-row .textarea{width: 95%; *height: 500px;}
.form-t1 .form-row .input{width: 35em; *height: 1.8em; padding: 2px 3px;}
.form-t2{text-align:center;width:400px;margin:10px auto;}
.form-t2 label{
	clear: left;
	float: left;
	width: 8.5em;
	margin:0px 5px 0px 0px;
	text-align:right;
}
.form-t2 .form-row{margin-bottom:15px;}
.form-t2 .form-row input, .form-t2 .form-row textarea{border:1px solid #7b9eba;width:13em;padding:2px 0px;}
.form-t2 .captcha{margin-left:9.7em;text-align:left;}
.form-t2 .errorlist{margin:0em 0em 0em 9.7em;padding:0;color:#993333;}
.form-t2 .errorlist li{list-style:none;}
.w50{width:50%;}

input.btn, input.btnhover,input.btn120, input.btn120hover,input.btn200, input.btn200hover,input.btn250, input.btn250hover,input.btn300, input.btn300hover{
height:25px;
width:90px;
color:#666;
font-size:14px;
font-weight:bold;
border: 0px;
}
input.btn120, input.btn120hover{width:120px;}
input.btn200, input.btn200hover{width:200px;}
input.btn250, input.btn250hover{width:250px;}
input.btn300, input.btn300hover{width:300px;}
input.btn{background:url(/img/btn/buttonbg.gif) 0 0 no-repeat;}
input.btnhover{background:url(/img/btn/buttonbg.gif) 0 -25px no-repeat;}
input.btn120{background:url(/img/btn/btn120.gif) 0 0 no-repeat;}
input.btn120hover{background:url(/img/btn/btn120.gif) 0 -25px no-repeat;}
input.btn200{background:url(/img/btn/btn200.gif) 0 0 no-repeat;}
input.btn200hover{background:url(/img/btn/btn200.gif) 0 -25px no-repeat;}
input.btn250{background:url(/img/btn/btn250.gif) 0 0 no-repeat;}
input.btn250hover{background:url(/img/btn/btn250.gif) 0 -25px no-repeat;}
input.btn300{background:url(/img/btn/btn300.gif) 0 0 no-repeat;}
input.btn300hover{background:url(/img/btn/btn300.gif) 0 -25px no-repeat;}


.form-table-t1{border:0px solid blue;}
.form-table-t1 th, .form-table-t1 td{border:0px solid blue;padding:3px;}
.form-table-t1 th{width:30%;text-align:right;}
.required{color:#990000;}

/*
	selector
*/	
div.drop_menu{border:1px solid #498fee;background:#fff;display:none;position:absolute;}
div.drop_menu a{display:block;color:#4C94F6;padding:2px 5px;width:90px;}
div.drop_menu a:hover{background:#4C94F6;color:#fff; text-decoration:none;}
div.yuimenu {
	position: absolute;
	visibility: hidden;
}
div.yuimenu .bd {zoom: normal;}

#result {color:#c00;width:500px;margin:10px;border:dotted 1px #ccc;text-align:center;padding:5px;margin:10px auto;font-weight:bold;font-size:130%;}
/* yui-select-zone */
/*
.yui-select-zone {zoom:1;width:550px;margin:0 auto;padding:10px 3px 10px 10px;border:solid 1px #ccc;}
.yui-select-zone span {float:left;margin:0 5px 5px 0;cursor:pointer;background:transparent;width:95px;height:95px;overflow:;}
.yui-select-zone span img {*z-index:1;*position:relative;width:95px;height:95px;}
.yui-select-zone .yui-selected {*z-index:11;*background:transparent url(/img/element/bg_selected.gif) left top no-repeat;}
.yui-select-zone .yui-selected:after {*z-index:11;content:url(/img/element/bg_selected.gif);display:-moz-inline-block;width:95px;height:95px;overflow:;margin-top:-99px;}
.yui-select-zone:after {content:'.';display:block;clear:both;visibility:hidden;height:1px;}
.yui-select-layer {width:0;height:0;display:block;border:solid 1px #009;background:#369;padding:0;margin:0;float:none;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;position:absolute;cursor:default;overflow:hidden;}
*/
.yui-select-zone img {border: 2px solid #fff;}
.yui-select-zone .yui-selected img {border: 2px solid red;}

.personal-photo{
	background: url(/img/element/picturebg.gif) no-repeat 0 0;
	width: 170px;
	height: 189px;
	cursor: pointer;
}
.personal-photo .hd{color: #FFFFFF; width: 80px; text-align:center;}
.personal-photo .bd{padding: 0px; margin: 15px 0px;}

/*----------------------------------activity------------------------------------------------*/
.map-toolbar{width:99.3%;}
#map,div.map3d #map3d, .map-toolbar-s{width:99.5%;}
.photo-area{width: 400px;}
div.mapview{margin-top:3px;}
div.mapview #map, div.map3d{height:500px;}
div.mapview #map{width:99.8%;}
div#map_area #map3d{height:100%;}
#map{position: relative; height: 300px;color: #fff;border: 1px solid #634b27;background: #fff;}
.map-toolbar, .photo-toolbar{height: 40px;margin: 0px; padding: 0px;background: #4e4d4b;border: 1px solid #4e4d4b;}
.map-toolbar li, .photo-toolbar li{float: right;margin: 5px 5px 5px 0px;list-style: none;}
.map-toolbar li a, .photo-toolbar li a{width:36px;height:30px;display:block;}
.map-toolbar li.wins a{background: url(/img/btn/btn_windows.gif) no-repeat 0 0;}
.map-toolbar li.wins a:hover{background: url(/img/btn/btn_windows.gif) no-repeat 0 -30px;}
.map-toolbar li.map a{background: url(/img/btn/btn_mapview.gif) no-repeat 0 0;}
.map-toolbar li.map a:hover{background: url(/img/btn/btn_mapview.gif) no-repeat 0 -30px;}
.map-toolbar li.favo a{background: url(/img/btn/btn_favorites.gif) no-repeat 0 0;}
.map-toolbar li.favo a:hover{background: url(/img/btn/btn_favorites.gif) no-repeat 0 -30px;}
.map-toolbar li.area a{background: url(/img/btn/btn_area.gif) no-repeat 0 0;}
.map-toolbar li.area a:hover{background: url(/img/btn/btn_area.gif) no-repeat 0 -30px;}
.map-toolbar li.cont a{background: url(/img/btn/btn_contour.gif) no-repeat 0 0;}
.map-toolbar li.cont a:hover{background: url(/img/btn/btn_contour.gif) no-repeat 0 -30px;}
.map-toolbar li.download a{background: url(/img/btn/btn_download.gif) no-repeat 0 0;}
.map-toolbar li.download a:hover{background: url(/img/btn/btn_download.gif) no-repeat 0 -30px;}
.map-toolbar li.embed a{background: url(/img/btn/btn_embed.gif) no-repeat 0 0;}
.map-toolbar li.embed a:hover{background: url(/img/btn/btn_embed.gif) no-repeat 0 -30px;}
.map-toolbar-set{background: #4e4d4b;width:100%;}
.map-toolbar-set-3d{background: #4e4d4b;width:99.5%;}
.map-toolbar-left li{float: left;margin: 5px 0px 5px 5px;}
.map-toolbar-left li.start a{background: url(/img/btn/btn_start.gif) no-repeat 0 0;}
.map-toolbar-left li.start a:hover{background: url(/img/btn/btn_start.gif) no-repeat 0 -30px;}
.map-toolbar-left li.next a{background: url(/img/btn/btn_next.gif) no-repeat 0 0;}
.map-toolbar-left li.next a:hover{background: url(/img/btn/btn_next.gif) no-repeat 0 -30px;}
.map-toolbar-left li.prev a{background: url(/img/btn/btn_prev.gif) no-repeat 0 0;}
.map-toolbar-left li.prev a:hover{background: url(/img/btn/btn_prev.gif) no-repeat 0 -30px;}
.map-toolbar-left li.play a{background: url(/img/btn/btn_play.gif) no-repeat 0 0;}
.map-toolbar-left li.play a:hover{background: url(/img/btn/btn_play.gif) no-repeat 0 -30px;}
.map-toolbar-left li.pause a{background: url(/img/btn/btn_pause.gif) no-repeat 0 0;}
.map-toolbar-left li.pause a:hover{background: url(/img/btn/btn_pause.gif) no-repeat 0 -30px;}
.map-toolbar-maphead{margin:0;padding:0;}
.map-toolbar-maphead li{float:right;list-style: none;margin:3px 0px 0px 2px;}
.map-toolbar-maphead li a{width:39px;height:23px;display:block;}
.map-toolbar-maphead li.mapv a{background: url(/img/btn/btn_map_head3.gif) no-repeat -39px 0;}
.map-toolbar-maphead li.mapv a:hover{background: url(/img/btn/btn_map_head3.gif) no-repeat -39px -23px;}
.map-toolbar-maphead li.art a{background: url(/img/btn/btn_map_head3.gif) no-repeat 0 0;}
.map-toolbar-maphead li.art a:hover{background: url(/img/btn/btn_map_head3.gif) no-repeat 0 -23px;}
.map-toolbar-maphead li.g3d a{background: url(/img/btn/btn_map_head3.gif) no-repeat -78px 0;}
.map-toolbar-maphead li.g3d a:hover{background: url(/img/btn/btn_map_head3.gif) no-repeat -78px -23px;}
.map-toolbar-maphead li.cls a{background: url(/img/btn/close1.gif) no-repeat 0 0;width:16px;height:16px;margin:2px 3px 0px;}
.map-toolbar-maphead li.cls a:hover{background: url(/img/btn/close1.gif) no-repeat 0 -16px;}
.map-toolbar-maphead-3d{margin-right:5px;}

.photoWithToolbar{position:relative;margin:0 0;}
.photo-toolbar{border: 0px solid #4e4d4b;
  cursor: "not-allowed";
  background-color: black;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  opacity: 0.6;
  position:absolute;
  bottom: 6px;  
  left:0;
}
.photo-toolbar li.zoom a{background: url(/img/btn/btn_zoomin.gif) no-repeat 0 0;}
.photo-toolbar li.zoom a:hover{background: url(/img/btn/btn_zoomin.gif) no-repeat 0 -30px;}
.photo-toolbar li.map a{background: url(/img/btn/btn_map.gif) no-repeat 0 0;}
.photo-toolbar li.map a:hover{background: url(/img/btn/btn_map.gif) no-repeat 0 -30px;}

.photo-side-toolbar{height: 25px;margin: 0px; padding: 0px;background:#323337;position:absolute;*z-index:2;/*  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  opacity: 0.6;*/
}
.photo-side-toolbar li{float: right;margin: 3px 5px 2px 0px;list-style: none;}
.photo-side-toolbar li a{width:19px;height:19px;display:block;}
.photo-side-toolbar li.zoom a{background: url(/img/btn/btn_zoominS.gif) no-repeat 0 0;}
.photo-side-toolbar li.zoom a:hover{background: url(/img/btn/btn_zoominS.gif) no-repeat 0 -19px;}
.photo-side-toolbar li.map a{background: url(/img/btn/btn_mapS.gif) no-repeat 0 0;}
.photo-side-toolbar li.map a:hover{background: url(/img/btn/btn_mapS.gif) no-repeat 0 -19px;}

/* photo-zone */
.photo-area {width: 388px;border: 2px solid #e8e2c0; padding: 10px 5px;margin: 10px 0px; text-align:center;}
.photo-area img {*z-index:1;*position:relative;}
.photo-area .photo-side-overlay{float: left;padding: 5px 5px 0px 6px;margin: 0px 0px 5px 0px;}
.photo-area .hover{background:#323337;}
.photo-area:after{content:".";display:block;height:0;clear:both;}

.photo-area-hori{margin: 0px auto 5px;background:url(/img/base/photo_lr.gif) 0 0 no-repeat;padding-left:13px;}	
.photo-area-r{background:url(/img/base/photo_lr.gif) 100% 0 no-repeat;padding-right:13px;}
.photo-area-c{width: 100%;height:131px;background:url(/img/base/photo_bg.gif) 0 0 repeat-x;}
.photo-area-main{overflow-x:auto;overflow-y:hidden;width: 93.3%;height:120px;}
.photo-area-main a, .photo-area-main a:hover{text-decoration:none;}
.photo-area-main img{border:1px solid #ccc;padding:2px;}
.photo-area-main table{padding:0px;margin: 12px 0px 0px 0px;}
.photo-area-main table td{padding:3px;}

.photo-area-hori div.arrow-l, .photo-area-hori div.arrow-r, .photo-area-main{float:left;}
.photo-area-hori div.arrow-l a, .photo-area-hori div.arrow-r a{display:block;width:20px;height:37px;margin-top:40px;}
.photo-area-hori div.arrow-l a{background:url(/img/btn/arrow_lr.gif) no-repeat 0 0;margin-right:5px;}
.photo-area-hori div.arrow-l a:hover{background:url(/img/btn/arrow_lr.gif) no-repeat 0 -37px;}
.photo-area-hori div.arrow-r a{background:url(/img/btn/arrow_lr.gif) no-repeat 100% 0;margin-left:5px;}
.photo-area-hori div.arrow-r a:hover{background:url(/img/btn/arrow_lr.gif) no-repeat 100% -37px;}

/* map tooltip TODO: min it! */
.map-mask{background-color:#000;opacity:.25;*filter:alpha(opacity=25);width:100%;height:100%;text-align:center;}
div.markerInfo {
     color:  #4e4d4b;     
     background-color: white;
     white-space: nowrap;
     margin: 0;
     padding: 5px 5px 0px 5px;
     border: 1px solid #c0c0c0;
     /* for IE */
	 filter:alpha(opacity=98);
	 /* CSS3 standard */
	 opacity:0.98;
	 /* for Mozilla */
	 -moz-opacity:0.98;
}	
div.markerInfo img{margin:0;}
/*----------------------------------edit_map------------------------------------------------*/
#editmap{background: #4e4d4b;width: 650px;position: relative; height: 500px;color: #fff;}
#slider_info{float:left;margin-left: 10px;}

/*
	button
*/
.btn-close a{
background: url(/img/btn/close1.gif) no-repeat 0 0;
width:16px;height:16px;
overflow:hidden;
display:block;
}
.btn-close a:hover{
background: url(/img/btn/close1.gif) no-repeat 0 -16px;
}


/*
	comments
*/
.comments-title{margin: 20px 0px 7px 0px;padding: 0px 0px 2px 5px;border-bottom: 1px dashed #694b29;font-size:131%;}
.comments-num{text-align:right;color:#4498bc;padding:5px;}
.comments-con{background:#ece4cd;padding:7px 10px;}
.comments-con .comments-entry{width:100%;margin:0;}
.comments-con .topbor{border-top:1px dotted #c8bea5;margin:7px 0px 0px 0px;}
.comments-con col.c1{width:5em;}
.comments-con .comments-entry td{padding: 10px 5px 5px 5px;vertical-align:top;}
.comments-con .comments-entry td.c1{text-align:center;}
.comments-con .comments-entry td.c2 div{line-height:1.2em;color:#5a4e34;margin:0px 0px 5px;}
.comments-con .comments-entry td.c2 .name{color:#696661;font-weight:bold;margin-right:7px;font-size:108%;}
.comments-form{padding:10px;margin:10px 0px 0px;}
.comments-form h4{color:#677c07;}
.comments-form textarea{border:1px solid #644c2a;width:100%;height:100px;margin:0px 0px 5px;}
.comments-form .yui-g .first{text-align:right;}

/*
	popup
*/
#map_area{z-index:999;}
.popup_tl, .popup_ml, .popup_bl{padding-left:7px;}
.popup_tr, .popup_mr, .popup_br{padding-right:7px;}
.popup_tl{background: url(/img/base/pop_cors.gif) no-repeat 0 0;}
.popup_tr{background: url(/img/base/pop_cors.gif) no-repeat 100% 0;}
.popup_tc{background: url(/img/base/pop_tb.gif) repeat-x 0 0;height:28px;text-align:right;}
.popup_ml{background: url(/img/base/pop_lr.gif) repeat-y 0 0;}
.popup_mr{background: url(/img/base/pop_lr.gif) repeat-y 100% 0;}
.popup_mc{background:#fff;padding:2px 0px 0px 0px;font-size:93%;}
.popup_bl{background: url(/img/base/pop_cors.gif) no-repeat 0 100%;}
.popup_br{background: url(/img/base/pop_cors.gif) no-repeat 100% 100%;}
.popup_bc{background: url(/img/base/pop_tb.gif) repeat-x 0 100%;height:11px;}
.popup_tc .btn-close{margin:7px 2px 0px 0px;float:right;}
.popup_mc img{margin:0px auto;}
.popup_mc textarea{width:98%;margin:3px auto;overflow:visible;height:70px;}

/*
//with png
.popup_tl, .popup_ml, .popup_bl{padding-left:15px;}
.popup_tr, .popup_mr, .popup_br{padding-right:15px;}
.popup_tl{background: url(/img/base/pop_cors.png) no-repeat 0 0;}
.popup_tr{background: url(/img/base/pop_cors.png) no-repeat 100% 0;}
.popup_tc{background: url(/img/base/pop_tb.png) repeat-x 0 0;height:31px;text-align:right;}
.popup_ml{background: url(/img/base/pop_lr.png) repeat-y 0 0;}
.popup_mr{background: url(/img/base/pop_lr.png) repeat-y 100% 0;}
.popup_mc{background:#fff;padding:2px 0px 0px 0px;font-size:93%;}
.popup_bl{background: url(/img/base/pop_l.png) no-repeat 0 100%;}
.popup_br{background: url(/img/base/pop_r.png) no-repeat 100% 100%;}
.popup_bc{background: url(/img/base/pop_tb.png) repeat-x 0 100%;height:26px;}
.popup_tc .btn-close{margin:10px 2px 0px 0px;float:right;}
.popup_mc img{margin:0px auto;}
.popup_mc textarea{width:98%;margin:3px auto;overflow:visible;height:50px;}
*/

/*
	me
*/
.my-activity{background:#ece4cd;margin:0px 10px 0px 0px;padding: 15px;}
.my-activity .entry{border-bottom:1px dotted #bcc09d;margin:0px 0px 10px 0px;padding:0px 0px 10px;}
.my-activity .title{font-size:123%;}
.my-activity .title, .my-activity .title a{color:#668d16;margin:0;}
.my-activity .title img{ vertical-align:middle;}
.my-activity .tools a,.my-activity .tools a:hover{color:#4c89c0;}
.my-activity .tools span{color:#000000;padding: 0px 5px;}
.my-activity .photos{margin: 0px 0px 0px 0px;}
.my-activity .photos img{border:1px solid #6a5133;margin-right:10px;}
.my-activity .infos span{color:#6b6360;margin-left:2px;}
.my-activity .article{color:#564e37;}
.my-activity .post-infos span{font-size:93%;margin-right:3px;}
.my-activity .post-infos .name{color:#5292fc;}
.my-activity .post-infos .name a:hover{text-decoration:underline;}
.my-activity .post-infos .time{}
.my-activity .post-infos .avatar{clear:left;margin-right:5px;float:left;}
.my-activity .post-infos .article{color:#564e37;font-size:100%;}
.my-activity .post-infos{border:0px solid red;line-height:165%;}
.my-activity .post-infos:after{content:".";display:block;height:0;clear:both; visibility:hidden;}
/*
	ad
*/
.ad-area-t1{background:url(/img/element/adbg.gif) repeat;}

/*
	article
*/	
.trail-content, .trail-infos{border: 2px solid #e8e2c0; padding: 10px 5px;}
.trail-infos{margin:0px 0px 5px 0px; padding: 10px 10px;}
.trail-infos .user-entry{margin:0;width:100%;}
.trail-infos .user-entry .name{color:#616161;font-weight:bold;}
.trail-infos .user-entry td{padding:5px 5px 0px;}
.trail-infos .user-entry td.c1{width:100px;}
.trail-infos .user-entry td.c2, .trail-infos .user-entry td.c2-t1, .trail-infos .user-entry td.c3{vertical-align:top;text-align:left;}
.trail-infos .user-entry td.c2{width:250px;}
.user-avatar-b{border:1px solid #6c5334;}
.trail-infos .user-entry td.left{text-align:left;}
.trail-infos .user-entry td.right{text-align:right;}
.trail-infos .elm{float:left;margin-right:15px;}

/*
	home
*/
#homeFlash{width:950px;height:300px;margin:10px auto;}
.home-intro{color:#424518;line-height:160%;font-size:114%;}

/*
	mapview
*/
.mapview-cont{border: 2px solid #e8e2c0; padding: 10px 5px;margin: 0px 0px 5px;}	

/*
	desc area
*/
.desc_area_tl, .desc_area_bl{padding-left:5px;}
.desc_area_tr, .desc_area_br{padding-right:5px;}
.desc_area_tl{background: url(/img/base/desc_cors.gif) no-repeat 0 0;}
.desc_area_tr{background: url(/img/base/desc_cors.gif) no-repeat 100% 0;}
.desc_area_tc{background:#f1f0d1;height:5px;text-align:right;}
.desc_area_mc{background:#f1f0d1;padding:3px 10px;font-size:100%;}
.desc_area_bl{background: url(/img/base/desc_cors.gif) no-repeat 0 100%;}
.desc_area_br{background: url(/img/base/desc_cors.gif) no-repeat 100% 100%;}
.desc_area_bc{background: #f1f0d1;height:5px;}
.desc_area_tc .btn-close{margin:10px 2px 0px 0px;float:right;}
.desc_area_mc img{margin:0px auto;}
.desc_area_mc textarea{width:98%;margin:3px auto;overflow:visible;height:50px;}

/*
	edit desc area
*/
.edit_desc_area{margin:5px 0px;}
.edit_desc_area_tl, .edit_desc_area_bl{padding-left:8px;}
.edit_desc_area_tr, .edit_desc_area_br{padding-right:8px;}
.edit_desc_area_tl{background: url(/img/base/edit_cors.gif) no-repeat 0 0;}
.edit_desc_area_tr{background: url(/img/base/edit_cors.gif) no-repeat 100% 0;}
.edit_desc_area_tc{background: url(/img/base/edit_tb.gif) repeat-x 0 0;height:36px;text-align:left;padding-top:5px;}
.edit_desc_area_mc{background:#fff;padding:10px 10px 0px;font-size:100%;border-left:1px solid #dddddd;border-right:1px solid #dddddd;min-height:30px;_height:25px;}
.edit_desc_area_bl{background: url(/img/base/edit_cors.gif) no-repeat 0 100%;}
.edit_desc_area_br{background: url(/img/base/edit_cors.gif) no-repeat 100% 100%;}
.edit_desc_area_bc{background: #fff;height:8px;overflow:hidden;border-bottom:1px solid #dddddd;}
.edit_desc_area_tc .step, .edit_desc_area_tc .step_opt{margin:0;padding:10px 0px 0px 20px;background:url(/img/icon/step_red.gif) 0 0 no-repeat;font-weight:normal;color:#9c0f05;}
.edit_desc_area_tc .step_opt{background:url(/img/icon/step.gif) 0 0 no-repeat;}
.edit_desc_area_tc .step span, .edit_desc_area_tc .step_opt span{color:#ff5b0a;}
.edit_desc_area_mc .tooltip{float:right;}
/*
	profile
*/
.side_tool_list{margin:0px 10px 0px 0px;padding:0;width:90%;}
.side_tool_list li{list-style:none;border-bottom:1px dashed #c6c6c6;padding:5px 5px;}	
.side_tool_list li a{color:#6c2223;margin:0px 0px 0px 5px;background:url(/img/icon/arrow.gif) 0 45% no-repeat;padding-left:10px;}	
form.avatar{position:relative;}
.avatar_setting{position:absolute;float:left;left:320px;text-align:left;}
.avatar_setting h4{display:block;background:url(/img/element/setting.gif) no-repeat 0 0;width:90px;height:21px;color:#fff;text-align:center; cursor:pointer;}
.avatar_setting a:hover{text-decoration:none;}

/*
	jmap dialog
*/
.ui-dialog-titlebar {display:none;}	
	
	
/*
	yui editor
*/
.pickphotos{position:absolute;border:1px solid #ccc;text-align:left;padding:5px;width:440px;z-index:999;background:white;}
.pickphotos img{margin:2px; cursor:pointer;border:2px solid #FFFFFF;padding:1px;}
.pickphotos img.hover{border:2px solid #FF7800;padding:1px;}
.pickphoto_action a{background:url(/img/btn/btn_pic.gif) no-repeat 0 0;width:30px;height:24px;display:block;}		
.pickphoto_action a:hover{background:url(/img/btn/btn_pic.gif) no-repeat 0 -24px;}	

/*
	activity list
*/
.activity-list{margin:0px 0px 5px 0px;padding:0px 15px 0px 0px;}
.activity-list .title{margin: 0px 0px 0px 0px;padding: 0px 0px 2px 0px;border-bottom: 1px dashed #694b29;font-size:131%;}
.activity-list .links{text-align:right;margin:5px 0px 0px 0px;}
.activity-list .links a{margin:0px 3px;}

/*
	tooltip
*/
.tooltip{width:269px;}
.tooltip_t,.tooltip_b{background:url(/img/base/tooltip_tb.gif) no-repeat 0 0;height:14px;}
.tooltip_b{background:url(/img/base/tooltip_tb.gif) no-repeat 0 100%;}
.tooltip_m{background:url(/img/base/tooltip_lr.gif) repeat-y 0 0;padding: 5px 15px;width:239px;}

/*
	advertisement
*/	
.ad_area{border: 2px solid #e8e2c0;padding: 3px;font-size:90%;line-height:130%;}
.ad_area h5{color:#4C94F6;}
.ad_area .desc{color:#000;}
.ad_area .link a{color:#697912;font-size:82%;}
.ad_area .ad_divide_line{border-top:1px dotted #ccc;margin:10px 0px 0px;padding:10px 0px 0px;}	
.ad_area .item{width:170px;margin:0px auto;}