/* CSS Document */

.flo{float:left}
.flor{float:right}
.gap{width:100%; clear:both; height:0; line-height:0; font-size:0; overflow:hidden}


/* GLOBALHEADER */
/*#globalheader {height:55px;padding-top:11px; margin:0 10px; background:url(../images/index/menu_back.jpg) right 11px no-repeat; clear:both; overflow:hidden}
*/
#globalheader {height:55px;padding-top:11px; margin:0 10px; background: right 11px repeat; clear:both; overflow:hidden}
/* login_state */
#log_state{float:right; width:200px; padding:0px; height:55px}
#logout{text-align: center;}
#logout div{display:inline-block;*display:inline;zoom:1; padding-left:16px; margin:0 9px; margin-top:12px;background:url(../images/log_icon.gif) no-repeat;}
#logout div.regist{background-position:0 -40px}
#logout div.login{background-position:0 0}
#logout div.help{background-position:0 -80px}
#logout div.big5{background-position:0 -100px}

#loginame,#logintool{text-align:right}
#logintool a{display:inline-block;*display:inline;zoom:1; line-height:22px; margin-left:6px}
#logintool span{padding-left: 16px;background:url(../images/button/logined_ico.gif) no-repeat;}
#logintool span.hava_new_mail{background-position: 0 -33px}
#logintool span.new_fri_invite{background-position: 0 -94px}
#logintool span.omail{background-position: 0 -3px}
#logintool span.ofriend{background-position: 0 -64px}
#logintool span.coconut{background-position: 0 -124px}
#logintool span.omsg_sms{background-position: 0 -182px}
#logintool span.msg_sms_new{background-position: 0 -212px}

/*float tools*/
#show_mytool{ background:url(../images/mycafe/show_mytool.gif); width:13px; height:16px; position:fixed; right:0; top:60px; cursor:hand; cursor:pointer}
#mymenu{width:60px; position:fixed; right:0; top:90px;background:url(../images/mycafe/mymenu_back.gif); z-index:9999}
#mymenu_top{background:url(../images/mycafe/mymenu_top.gif); width:100%; height:5px; overflow:hidden; position:absolute;left:0;top:-5px}
#mymenu_bot{background:url(../images/mycafe/mymenu_bot.gif); width:100%; height:5px; overflow:hidden; position:absolute;left:0;bottom:-5px}
#mymenu a.tool_btn{width:49px; height:62px; margin:4px 0 0 6px; background:url(../images/mycafe/mymenu.gif); display:block}
#mymenu a.tool_foto:hover{ background-position:right 0}
#mymenu a.tool_blog{background-position:left -62px}
#mymenu a.tool_blog:hover{ background-position:right -62px}
#mymenu a.tool_ask{background-position:left -124px}
#mymenu a.tool_ask:hover{ background-position:right -124px}
#mymenu a.tool_act{background-position:left -186px}
#mymenu a.tool_act:hover{ background-position:right -186px}
#mymenu a.tool_des{background-position:left -248px}
#mymenu a.tool_des:hover{ background-position:right -248px}

/* search */
#search_sort{width:82px; text-align:right; line-height:32px; height:32px; float:left}
.global_input{width:124px; border:0; margin:7px 2px; background:none}

/* button */
a.button{background:url(../images/button/button.gif) top left no-repeat; line-height:28px; margin:6px; text-decoration:none; position:relative; display:inline-block; cursor: pointer; *cursor: hand}
a.button:hover{background-position:left -28px ;position: relative;display: inline-block}
a.button span{background:url(../images/button/button.gif) top right; padding:0 12px 0 5px; line-height:28px; margin-left:7px; color:#fff; text-decoration:none; font-weight:bold;display: block}
a.button:hover span{background-position:right 28px; color:#00b4ff; display: inline-block}

a.btn_glay{background:url(../images/button/button_glay.gif) left 30px; line-height:27px; text-decoration:none;float:left ;cursor: hand;cursor: pointer; margin:0 4px 0 0}
a.btn_glay span{background:url(../images/button/button_glay.gif) right 30px; padding:0 10px 0 5px; line-height:27px; margin-left:5px; color:#666; text-decoration:none; display:block;overflow:hidden}
a.btn_glay:hover span{color:#333}

a.btn_glay_on{background:url(../images/button/button_glay.gif) left top; line-height:27px; text-decoration:none;float:left ;cursor: hand;cursor: pointer;; margin:0 4px 0 0}
a.btn_glay_on span{background:url(../images/button/button_glay.gif) right top; padding:0 10px 0 5px; line-height:28px; margin-left:5px; color:#336699; font:bold 14px/28px tahoma; text-decoration:none;display: block;}

a.addfri{float:right; line-height:20px; padding:0 4px 0 16px; border:1px #eee solid; background:url(/images/button/adding.gif) 3px center no-repeat;color:#666; text-decoration: none}
a.addfri:hover{border:1px #00b4ff solid; color:#00b4ff}

a.addfun{float:left; line-height:20px; padding:0 4px 0 16px; border:1px #eee solid; background:url(/images/button/adding.gif) 3px center no-repeat;color:#666; text-decoration: none}
a.addfun:hover{border:1px #00b4ff solid; color:#00b4ff}

/* common_btn2 */
	.add_wiki a{background:url(../images/loaction/add_wiki.gif) 0 0; color:#1272bc; padding:0 7px 0 20px; height:20px; text-decoration:none;float:right; display:inline; margin:2px;line-height:20px}
	.add_wiki a:hover{background-position:0 20px; color:#fff; text-decoration:none}
	
	.history a{background:url(../images/loaction/history.gif) 0 0; color:#94d100; padding:0 7px 0 20px; text-decoration:none}
	.history a:hover{background-position:0 20px; color:#fff; text-decoration:none}
	
	.add_place a{background:url(../images/loaction/add_wiki.gif) 0 0; color:#1272bc; padding:2px 7px 2px 20px !important; padding:4px 7px 2px 20px; float:left; margin:2px 4px 0 0; text-decoration:none;}
	.add_place a:hover{background-position:0 20px; color:#fff; text-decoration:none}

    .show_unfold,.show_fold{margin-top:10px}
    .show_unfold a,.show_fold a{display: inline-block;*display:inline; zoom:1;background:url(../images/button/show_unfold.gif);padding-left: 24px;width: 62px;height: 22px;line-height: 22px;text-decoration: none;color:#999;}
    .show_unfold a{background-position: 0 top}
    .show_fold a{background-position: 0 bottom}
	
/* dot */
.more{float:right; margin:6px; font-weight:bold; background:url(../images/more_green.gif) 60px center no-repeat;padding:4px 40px 4px 4px; border:1px #eee solid}

.banner_title2{height:20px;line-height:22px; float:left; padding-left:8px}
.more2{float:left; margin-left:10px; padding-top:4px; display:inline}

/* upload */
#pic{width:254px; height:203px; background:url(../images/loaction/pic_back.gif) no-repeat; margin:10px; float:left;}
   .photo{margin:8px; float:left; display:inline}
.upload_input{ border:1px #dedede solid; margin:10px; padding:20px}
 .upload_input td{padding:4px}

#upload_button{width:156px; margin:auto; clear:both}
a.upload_way{padding-bottom:4px; background:url(../images/loaction/arrow_down.gif) center bottom no-repeat;color:#1272bc; font-weight:bold; font-size:14px; text-decoration:none}
#uploadway td{line-height:28px}
#wait{margin-top:90px; float:left}

/*close button*/
.close{width:10px; height:10px; margin:5px 5px -2px 0; float:right; display:inline}
.close a{background:url(../images/card/close.gif) top; display:block; height:0; padding-top:10px; width:10px; overflow:hidden}
.close a:link{background-position:top}
.close a:visited{background-position:top}
.close a:hover{background-position:0 -10px }
.close a:active{background-position:0 -10px }

.close2{width:10px; height:10px; margin:2px; margin-right:6px; float:right; display:inline}
.close2 a{background:url(../images/card/close.gif) top; display:block; height:0; padding-top:10px; width:10px; overflow:hidden}
.close2 a:link{background-position:top}
.close2 a:visited{background-position:top}
.close2 a:hover{background-position:0 -10px }
.close2 a:active{background-position:0 -10px }

/* tips */
.done{background:url(../images/button/done.gif) no-repeat -70px center; width:360px; margin:auto; margin-top:10px; text-align:right; padding:50px 10px; font-size:22px; color:#6abc00; font-weight:bold; border:1px #ccc solid}

.error{background:url(../images/button/error.gif) no-repeat -70px center; width:360px; margin:auto; margin-top:10px; text-align:right; padding:50px 10px; font-size:22px; color:#FF3300; font-weight:bold; border:1px #ccc solid}

.tips{margin:10px 0; background:#f0ebdb url(../images/tip_back.jpg) bottom right no-repeat; border:2px #e5dbba dashed; padding:4px; color:#534215;line-height:22px;}
#young_head{width:37px;height:37px; padding:8px 0 0 8px; background:url(/images/young_head.gif); float:left}
.abs_tip{display: block;position: absolute; top:2px}

/* journey_choice */
   .j_choice{width:70px; height:32px; float:left; margin:5px}
   .j_choice a{height:32px; width:70px; float:left; font-weight:bold; text-align:center; line-height:28px}
   .j_choice a:link{background:url(../images/button/choice.gif) 0 -32px; color:#ccc; font-size:12px; text-decoration:none}
   .j_choice a:visited{background:url(../images/button/choice.gif) 0 -32px; color:#aaa; font-size:12px; text-decoration:none}
   .j_choice a:hover{background:url(../images/button/choice.gif) 0 -64px ; color:#1272bc; font-size:12px; text-decoration:none}
   .j_choice a:active{background:url(../images/button/choice.gif) top; color:#FFF; font-size:14px; text-decoration:none}
   /*°´ÏÂ״̬*/
   .j_choice_on{width:70px; height:32px; float:left; margin:5px}
   .j_choice_on a{height:32px; width:70px; float:left; font-weight:bold; text-align:center; line-height:28px;background:url(../images/button/choice.gif) top; color:#FFF; font-size:14px; text-decoration:none}
  
/* popup */
.pop_window{
	width:360px;
	position:absolute;
	left: 58px;
	top: 28px;
}
.pop_top{background:url(../images/button/pop_02.gif) repeat-x; width:327px; height:22px; float:left}
.pop_contain{clear:both; background:#fff; border:1px #ccc solid; border-width:0 1px; padding:0 8px}

.pop_contain li{line-height:24px; margin-right:6px; display:inline}
.pop_contain li a{color:#1272bc; text-decoration:none}
.pop_contain li a:hover{text-decoration:underline}

.pop_bottom{background:url(../images/button/pop_08.gif) repeat-x; width:327px; height:10px; float:left}
.pop_contain td{height:28px; line-height:28px}

.helps{position: absolute;}
.help_con{border: 1px #eee solid;border-width:0 1px; padding:0 6px;line-height: 24px;color: #aaa}

/* progress bar */
.pro_bar{width:60px; line-height:9px; height:9px; border:1px #8cb3ce solid; font-size:9px; color:#094664; font-family:tahoma;text-align:center; background:url(../images/button/pro_bar.gif); background-position:-10px}

/* loading */
.loading{padding:5px; margin:5px; background:#fff; text-align:center; color:#1272bc; clear:both}


/*tab*/
#group_tab{background:url(../images/group/gaident.gif); height:26px; padding-top:6px; clear:both}
.actab{background:url(../images/group/corner_lt.gif) left top no-repeat #fff; float:left; margin-left:6px; display:inline}
.actab div{background:url(../images/group/corner_rt.gif) right top no-repeat; display:block}
.actab span{background:url(../images/mycafe/dot.gif) left center no-repeat; padding:0 8px 0 16px; margin-left:6px; line-height:26px; height:26px;}

.nactab{background:url(../images/group/tab_noact.gif); height:26px; float:left; margin-left:6px; display:inline}
.nactab div{background:url(../images/group/corner_lt.gif) left top no-repeat; padding-left:4px; float:left}
.nactab span{background:url(../images/group/corner_rt.gif) right top no-repeat; margin-left:6px; line-height:26px; height:26px; float:left; padding-right:8px}

/* steps */
.steps_current{border:2px #bedfed solid; margin:3px; padding:4px;line-height:22px}
.steps_ordinary{border:2px #eee solid; margin:3px; padding:4px;line-height:22px}
.steps_td{margin:0 0 10px 0}

/* report */
.report{position: absolute; right:0; top:6px;height:18px;line-height:18px; background:#dedede; padding:2px 8px;color:#fff;text-decoration: none;}
.report:hover{background:#ff9900}

/*roundbar*/
.rounder b{border:1px #eee solid;display: block;background: #fafafa;overflow:hidden}
.rounder b.t1,.rounder_end b.t1{margin:0 5px; border-width:1px 0 0 0; height:0px}
.rounder b.t2,.rounder_end b.t2{margin:0 3px; height:1px;border-width:0 2px}
.rounder b.t3,.rounder_end b.t3{margin:0 2px; height:1px;border-width:0 1px}
.rounder b.t4,.rounder_end b.t4{margin:0 1px; height:2px;border-width:0 1px}
.rounder b.title{background:url(../images/gaident1.gif) bottom repeat-x #fafafa;border-width:0 1px; position: relative}
.rounder ul.title{background:url(../images/gaident1.gif) bottom repeat-x #fafafa;border:1px #eee solid;border-width:0 1px; position: relative}
.abs_right{position:absolute;top:0;right:8px}
.rounder_end b{border:1px #eee solid;display: block;background:#fff;overflow:hidden}
.panel_desk{clear:both; border:1px #eee solid; border-width:0 1px;min-height:1px; height:auto!important;height:1px}

/*table*/
.colum{background:url(../images/gaident2.gif) repeat-x bottom #74affb; height:24px; line-height:24px; padding:0 10px; color:#fff; font-size:12px}
.colum3{background:url(../images/gaident3.gif) repeat-x bottom #a6e65d; height:24px; line-height:24px; padding:0 10px; color:#fff; font-size:12px}

/*edit_icons*/
.icon{background:url(../images/button/button_ico.gif) no-repeat;display: inline-block; *display:inline; zoom:1;margin-right:4px}
.icon a{padding-left:19px;line-height:28px}
.del_btn{background-position:0 5px }
.edi_btn{background-position:0 -36px }
.cov_btn{background-position:0 -116px }
.upl_btn{background-position:0 -76px }
.fri_btn{background-position:0 -236px}
.clo_btn{background-position:0 -275px}
.don_btn{background-position:0 -315px}

.new_dial{background: url(/images/button/news.gif); width:16px; height:14px;position: absolute; display: block;}

/*footer*/
#footer{position:relative; bottom:0; margin:20px 0 0 0; clear:both}
.copyright{line-height:22px; text-align:right; padding:10px; background:url(/images/footer.gif) -20px -10px no-repeat #619cc5}
.footer_nav{position: relative;}
.footer_nav #menu{width:1002px;height:34px;padding:8px 0; margin:auto;position: relative; z-index:10}
.footer_nav #back{position: absolute;top:0;right:0; width:100%;height:50px;background: #ccc; filter:alpha(opacity=30); -moz-opacity:0.3; opacity: 0.3;}
.footer_nav dl{position: absolute; margin:0; color:#999; width:32%;line-height: 16px}
.footer_nav dt{color:#00b4ff; font-size:14px; font-weight:bold;}
.footer_nav dd{margin:3px 0 0 0}
.footer_nav dd a{color:#999;text-decoration: none}
.footer_nav dd a:hover{text-decoration:underline}
.inn{height:0;padding-top:18px; overflow:hidden;position: absolute;;top:0;right:0}

#tpfoot #back{position: absolute;top:0; width:100%;height:50px;background: #000; filter:alpha(opacity=30); -moz-opacity:0.3; opacity: 0.3;}
#tpfoot #menu{width:1002px;height:34px;padding:8px 0; margin:auto;position: relative; z-index:10}
#tpfoot dl{position: absolute; margin:0; color:#aaa; width:32%;line-height: 16px}
#tpfoot dt{color:#fff; font-size:14px; font-weight:bold;}
#tpfoot dd a{color:#ddd;text-decoration: none}
#tpfoot dd a:hover{text-decoration:underline}