@charset "utf-8";

/*name:component.topbar.topbar.css
date:2010.12.03
by:stri
for:www.chinalao.com
*/


#topbar { min-width:960px; height:27px; background:url(http://www.chinalao.com/images/topbar.gif) 0 0 repeat-x; border:0 none; border-bottom:1px solid #ccc; z-index:1002; top:0; position:absolute; width:100%; left:0; font-size:12px; }

#top { width:960px; height:100%; margin:0 auto; height:27px; _overflow:hidden; line-height:27px; }

/*Topbar Init:*/
.tool_menu li, .menu_list .menu_hd b, .fuwu_clt, .fuwu_rz, .fuwu_wp, .fuwu_gg { background-image:url(http://www.chinalao.com/images/toolbar_icon_bg.gif); background-repeat:no-repeat; }

#top a:hover { color:#BC2931; text-decoration:underline; }

#top a { color:#686868; font-style:normal; }

/*topBar(cl_user_bar | cl_tool_bar)*/
#cl_user_bar { float:left; }

#cl_tool_bar { float:right; }

/**cl_tool_bar list(li:tool_menu)***/


.tool_menu li { display:inline; float:left; background-position:0 -110px; padding:1px 0; margin-left:-1px; }
#cl_tool_bar .first-child { background:none; }
/**menu_list(top_dh | top_fuwu)**/
.menu_hd { position:relative; line-height:25px; padding:1px 10px 0 10px; text-align:center; font-size:12px; display:inline-block; margin:1px 0px 0px 1px; margin-right:0px\9; *margin-right:-1px;
_margin-right:-1px; }

.menu_list .menu_hd { padding-right:23px; }

.menu_list .menu_hd b { background-position:0 -160px; height:14px; width:13px; position:absolute; line-height:0; top:7px; _top:7px; right:8px; }

.menu_list .menu_hb { display:none; }

/*menu_on*/
.tool_menu li.menu_on { background:none; }

.menu_on { position:relative; background:none; }

.menu_on .menu_hd { border:1px solid #ccc; background-color:#fff; padding:0 22px 0 9px; border-bottom:1px solid #fff; }

.menu_on .menu_hd b { top:6px; _top:6px; right:7px; background-position:0 -194px; }

.menu_on .menu_hb { position:absolute; right:0px; _right:-1px; top:28px; display:block; width:168px; border:1px solid #ccc; background-color:#fff; border-top:0 none; min-height:20px; _height:20px; z-index:1000; text-align:left; }

/*extend:*/
.top_dh_menu_list { padding:0px 0px 10px; }

.top_dh_menu_list dl { clear:both; }

.top_dh_menu_list dt { font-weight:bold; padding-left:20px; }

#top .top_dh_menu_list dt a { color:#0E5FB0; }

.top_dh_menu_list dd { overflow:hidden; }

.top_dh_menu_list dd a { width:60px; color:#0E5FB0; line-height:1.5; text-align:left; float:left; padding-left:20px; }

.menu_on .top_fu_menu_list { width:80px; padding:5px; }

.menu_on .top_fu_menu_list a { line-height:18px; padding-left:20px; width:60px; display:block; margin:2px 0; overflow:hidden; }

.fuwu_clt { background-position:0 4px; }

.fuwu_wp { background-position:0 -14px; }

.fuwu_rz { background-position:0 -32px; }

.fuwu_gg { background-position:0 -68px; }

.menu_on .top_mycl_menu_list { width:81px; padding:0 5px 5px; }

.top_mycl_menu_list a { margin-left:5px; line-height:22px; display:block; height:20px; }

/*#cl_user_bar(userInfo)*/
#cl_user_bar { color:#686868; padding-top:3px; height:24px; line-height:24px; }

#cl_user_bar a { display:inline-block; color:#686868; }

#cl_user_bar a:hover { text-decoration:underline; }

#cl_user_bar .login_link a { margin-right:2px; }

#cl_user_bar .login_user_info a { margin:0 2px; }
/* 0516 liu */
.topAttention {width:300px;text-align:left;}
.topAttention .left {float:left}
.topMobile {position:absolute;top:-8px;left:70px;color:#fff;font:300 18px/18px "ËÎÌåB8B\4F53";overflow:hidden;z-index:2;}
.topVoice01 {float:left;position:relative;width:16px;+width:18px;height:16px;background:url(http://www.chinalao.com/images/attention.png) -34px 0 no-repeat;top:4px;cursor:pointer;}
.topVoice02 {background-position: 0px 0px;margin:0 6px;display:inline;}
.topVoice03 {background-position: -18px 0px;}
.topAttention .selected {display:none;z-index:99;position:absolute;top:0px;left:-80px;width: 258px;height:310px;background-color:#fff;border:2px solid #D7E3F1;margin-top:21px;text-align:center;}
.topAttention .toShow .selected {display:block;}

#footer dl {width:13%;}
#footer dl dd, #footer dl dt {margin-left: 31px;}
#footer dl {background:none;}
#footer dl dd a, #footer dl dd a:visited {padding-left:0px;background:none;}
#footer dl dd .topVoice01 {display:inline-block;position:relative;width:16px;+width:18px;height:16px;background:url(http://www.chinalao.com/images/attention.png) -34px 0 no-repeat;top:4px;+vertical-align:2px;}
#footer dl dd .topVoice02 {background-position: 0px 0px;margin:0 4px;}
#footer dl dd .topVoice03 {background-position: -18px 0px;margin:0 4px;}