/* map */
.mapidx2{width:auto;font-size:75%}

/* box */
#hair{position:absolute;text-align:right;right:2px;top:2px;font-size:75%;z-index:100;background:#e9f3f9}
#hair em{float:left;display:block;margin:0 1em 0 0;font-style:normal}
#hair ul{margin:0;padding:0;float:left}
*:lang(zh) #hair ul{margin:0 !important}
#hair li{float:left;margin:0 0.2em;}

#headbox{position:relative;text-align:left;padding:1em 4px 0;font-size:small;border-bottom:1px #1291a9 solid}
#neckbox{text-align:left;background:#e9f3f9;margin:0;padding:4px;font-size:small}
#mainbox{position:relative;width:100%;height:100%;text-align:left;z-index:1;}
#leftbox{position:absolute;width:18em;left:0;top:1px;z-index:2;overflow-y:auto;height:100%;height:auto;}
#rightbox{position:relative;left:0;margin:0 0 0 18.5em;border-left:1px #ccc solid}

#footbox{position:absolute;bottom:0;left:0;width:100%;border-top:1px #ccc solid;padding:4px 0 2px 1em;text-align:left;font-size:75%;z-index:2;background:#fff}
#footbox .footlink{position:absolute;right:2em;top:0;}

#footbox_center{position:relative;border-top:1px #ccc solid;padding:4px 0 0;text-align:left;width:960px;margin:4px auto 0;clear:both;font-size:75%}
#footbox_center .footlink{position:absolute;right:0;top:0}

.footlink a{margin-right:0.5em}

.topsearchform{position:absolute;top:1.4em;left:15em;}
.topsearchform .btn{overflow:visible;padding:0 0.6em;width:auto}
#leftbox .leftbox{margin:0.5em 0.2em 0 0.5em;font-size:75%}
#event_area{word-wrap:break-word;word-break: break-all;overflow:hidden;line-height:170%}
*:lang(zh) #event_area{line-height:150% !important}
#event_area p{margin:0.4em 0;word-wrap:break-word;word-break: break-all}

#xiaozhitiaoNUM{font:400 83% arial}

#zConsole{border:1px #ccc solid; position:absolute; top:1em;right:10em;background:#fff;z-index:100;}

#topTipBox{position:absolute;top:-1px;margin:0 auto}
*:lang(zh) #topTipBox{left:45% !important}
#topTipBox div {background:#f6bf1c none repeat scroll 0% 0%;border-color:#f6bf1c;}
#topTipBox em{font-size:75%;font-weight:700;}

.trackform{display:none;position: absolute; top:0px;left:0px;padding:0;word-wrap:break-word;word-break: break-all;overflow:hidden;font-size:75%;width:460px;}

#waypoint, #pub_waypoint{margin:0 !important;}
.fixed_cb{margin:0 2px;}
/*
.track_list{border:1px #ccc solid}
.track_list a.list_cap{cursor:pointer;display:block;padding:2px 1em;font-weight: bold;color: black;background-color: #eee;border-top: 1px solid #FFF;border-bottom: 1px solid #999;}
.track_list a.list_cap:hover {background:#ff9;}
.track_list a.selected {color: black;background:#ff9;	background:#80cfe2;}
.track_list .list_con{padding:0 0 0.4em 0}
*/
.track_list p.np{padding:0 1em 0 1em;}
.topStyleACom{margin:0;padding:0;width:100%}
.topStyleAImg{background:url(/i/h_default_ngls_str.gif) repeat-x;top:0;height:40px}

.c960{width:960px;margin:0 auto;text-align:left;clear:both;font-size:75%}

.denL{border:1px #ccc solid;width:200px;margin:2px 10px 0 0;word-wrap:break-word;word-break: break-all;overflow:hidden;float:left}
.denR{width:740px;float:left;margin-top:2px;}
.denR h4{font-size:1em;font-weight:700;margin:4px 0 15px 0;text-align:left;}
.denR .speakerFormBox{border:1px #ccc solid;background:#e9f3f9;padding:4px}
.denR .l{width:500px;float:left;margin:0 8px 0 0;}
.denR .r{width:230px;float:right;text-align:center}
.denR .r .blueblock div{background:#e9f3f9 none repeat scroll 0% 0%;border-color:#ccc;}
.denR .redblock, .denR .blueblock{width:100%}
.denR .redblock div{background:#FFEAE0 none repeat scroll 0% 0%;border-color:#FFD3B4;}

.denR .inviteUserLink{color:green;text-decoration:underline;cursor:pointer}

#panel h3{padding:4px 0 4px 4px;margin:0;border-top:1px #ccc solid;border-bottom:1px #ccc solid;background:#e9f3f9;font-size:1em}
.panel-userInfo{padding:2px;word-wrap:break-word;word-break: break-all;overflow:auto}
.panel-mainMenu{padding:4px 0;text-align:center}
.panel-mainMenu a{margin-right:0.1em}
#panel li a{margin-right:0.3em}

dl.ub, dl.ub2, dl.ub3{float: left;margin: 0 0 4px 0;width: 77px;text-align: center;}
.ub dt, .ub2 dt, .ub3 dt{margin:0;padding:0;height:60px;}
.ub dd, .ub2 dd, .ub3 dd{margin:0;height: 55px;text-align: center;word-wrap:break-word;word-break: break-all;overflow:hidden;}
.ub dd span, .ub2 dd span, .ub3 dd span{white-space: nowrap;}

dl.ub2{margin:0;width: 80px}
.ub2 dt{height:54px;}
.ub2 dd{line-height:120%}
dl.ub3{width: 100px}

.msgform{display:none;position: absolute; top:0px;left:0px;padding:0;word-wrap:break-word;word-break: break-all;overflow:hidden;width:310px;font-size:75%;}
div.msgtab{display:inline;padding:4px 6px 0;}
#fr_list{display:none;border: #000 1px solid;position: absolute; top: 65px;left: 237px;height: 280px;width: 310px; background: #fee}

table.a_box2 caption{font-size:14px}
table.a_box2 tr{background:#fff}
table.a_box2 th{background:#e9f3f9;font-size:14px;font-weight:700;padding:4px}
table.a_box2 td{padding:4px;}
table.a_box2 tfoot td{background:#e9f3f9;}

.more{text-align:right;margin-right:0.5em}
#more_info{display:none;margin:0 1em 1em;line-height:1.7em}
*:lang(zh) #more_info{line-height:1.5em !important}

/* begin  select */
.drop-mm{position:relative;}
a.drop-head{position: relative;display:block;background:#50a029;width:5em;z-index:1;color:#fff;
text-decoration:none;border:1px #50a029 solid;padding:2px 0 1px 1em}
a.drop-head:hover{color:#fff;}

a.drop-head .catdrop{ display: block;
	background: url(/i/cssicon.gif) 0 -708px no-repeat;
	height: 12px;
	width: 18px;
	padding: 5.3px 0;
	position: absolute;
	top: 0;
	right:0;
	text-indent: -2000em;
	cursor:pointer;
	_padding:0;
}
*:lang(zh) .catdrop{height:11px !important}
a.drop-head:hover .catdrop{background:#fff url(/i/cssicon.gif) 0 -708px no-repeat;}
.drop-sm{
	position:absolute;border:1px #519e2d solid;border-top:0;background:#fff;top:0;left:0;z-index:2;
	margin:0;display:none;padding:0;width:6em;
}
*:lang(zh) .drop-sm{margin:0 !important}
.drop-sm li{margin:0;padding:0;background:red}
.drop-sm li a{display:block;background:#fff;padding:2px 2em 2px 1em;text-decoration:none;color:#000;position:relative;}
.drop-sm li a:hover{background:#50a029;color:#fff;}
/* end select */

.sendmsg{background: url(/i/cssicon.gif) no-repeat  0 -317px;padding:0 0 0 18px}
.befriends{background: url(/i/cssicon.gif) no-repeat  0 -483px;padding:0 0 0 18px}
.poke{background: url(/i/cssicon.gif) no-repeat  0 -343px;padding:4px 0 0 24px;}
.pokeme{background: url(/i/cssicon.gif) no-repeat  0 -377px;padding:4px 0 0 24px}
#more_info_opt{background: url(/i/cssicon.gif) no-repeat  0 -660px;padding:0 0 0 16px}

/* for tab */
.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.ui-tabs-hide {display: none;}
}

/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav {display: none;}
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {

}
.ui-tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.ui-tabs-nav li {
	float: left;
	margin: 0 0 0 2px;
	font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
	float: left; /* fixes dir=ltr problem and other quirks IE */
	padding: 0 12px;
	background: url(/i/tabs.png) no-repeat;
}
.ui-tabs-nav a {
	margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
	padding-left: 0;
	background-position: 100% 0;
	text-decoration: none;
	white-space: nowrap; /* @ IE 6 */
	outline: 0; /* @ Firefox, prevent dotted border after click */
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
	color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
	position: relative;
	top: 1px;
	z-index: 2;
	margin-top: 0;
	background-position: 100% -23px;
}
.ui-tabs-nav a span {
	padding-top: 1px;
	padding-right: 0;
	height: 20px;
	background-position: 0 0;
	line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
	padding-top: 0;
	height: 27px;
	background-position: 0 -23px;
	line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.ui-tabs-disabled {
	opacity: .4;
	filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
	color: #000;
}
.ui-tabs-panel {
	border: 1px solid #519e2d;
	padding: 10px;
	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
	padding: 0 0 0 20px;
	background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
	display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display: inline-block;
}
/* end tab */


/* for guestbook */
#u_guestbook_list{margin:0;padding:0;}
*:lang(zh)  #u_guestbook_list{margin:0 !important}
#u_guestbook_list li{margin:2px 0;word-wrap:break-word;word-break: break-all;overflow:auto}
#u_guestbook_list .gbr{padding:2px;border-bottom:1px #ccc dashed;min-height: 50px}
* html #u_guestbook_list .gbr{height: 50px;overflow: visible;}
#u_guestbook_list .content{width:auto}
#u_guestbook_list .author_block{background:#eee;border:1px #ddd solid;}
#u_guestbook_list .reply{text-align:right;padding:4px;margin:2px 0 0 0;background:#f5f5f5;}
/* end guestbook */

/* for page */
#page, .page {display:block;text-align:left;clear:both;margin:4px 0 0;padding:4px 0 4px 8px;font:400 12px arial}
*:lang(zh) #page{display:table-cell !important;}
#page a:link, #page a:visited, .page a:link, .page a:visited{padding:2px 6px;border:1px solid #ebebeb;margin-left:2px;text-decoration:none;background:#F5F5F5;color:#0072bc}
#page a:hover, .page a:hover {background:#def;border:1px solid #bdf;color:#0072BC}
#page .cur, .page .cur {padding:2px 6px;border:1px solid #bdf;margin-left:2px;text-decoration:none;background:#def;color:#0072BC;cursor:default}
#page .nobox, .page .nobox {padding:2px 6px;border:1px solid #ebebeb;margin-left:10px;text-decoration:none;background:#f5f5f5;color:#d7d7d7}
/* end page */

dl.menu{margin:0;}
dl.menu dt{font-size:14px;}
dl.menu dd{margin:0}
dl.menu a{display:block;clear:both;text-decoration:none;padding:4px 0 4px 1em;}
dl.menu dl dt{font-size:12px;}
dl.menu dl a{padding:4px 0 4px 2em}


#pf h4{font-size:1em;}
#pf_content{overflow:auto;line-height:170%}
*:lang(zh) #pf_content{line-height:150% !important}
