/***
name:project.zhaogongdiqu.common.css
date:2010.11.30
by:stri
for:zhaogong.chinalao.com/index.aspx
 ***/
@import url(/css/core/base.css);
@import url(/css/layout/b.css);
@import url(/css/component/logo/list.css);
@import url(/css/component/nav/2c-index.css);
@import url(/css/component/search/default.css);
@import url(/css/component/panel/default.css);
@import url(/css/component/crumb/a.css);
@import url(/css/component/line/gridLine.css);
@import url(/css/component/topbar/topbar.css);
@import url(/css/component/footer/default.css);
@import url(/css/component/ad/list.css);

/**zhaogong.chinalao.com/diqu/**/
.col-main .main-wrap { margin-left:507px; margin-right:210px; }

.col-sub { margin-left:-100%; width:497px; }

.col-sub-a1 { margin-left:-200px; width:200px; float:left; }

/**header**/
#header { height:75px; width:960px; margin:0 auto 10px auto; padding-top:33px; overflow:hidden; }

.grid-nav { padding-bottom:10px; }

/*zhaogong-header*/
#zhaogong-header { padding:10px; position:relative; }

#zhaogong-header .head-tit { float:left; }

#zhaogong-header .head-tit h2 { display:inline; font:bold 22px/1.5 '微软雅黑', simhei }

#zhaogong-header .head-tit a { margin-left:10px; }

#zhaogong-header .free-btn-panel { float:right; margin-bottom:10px; overflow:hidden; }

#zhaogong-header .list-item { clear:both; padding-top:5px; border-top:1px dotted #dfdfdf; }

#zhaogong-header .list-item li { float:left; padding:2px 0; display:inline; width:130px; }

#zhaogong-header .list-item li a { white-space:nowrap; padding:2px; height:18px; }

#zhaogong-header .list-item li.selected a, #zhaogong-header .list-item li.selected span { background-color:#f60; color:#fff; }

/*free-btn-panel*/
.free-btn-panel .grid-btn-a, .free-btn-panel .grid-btn-a span { background:url(http://www.chinalao.com/images/icon120401.png) no-repeat; height:34px; line-height:34px; font-size:16px; color:#fff; font-weight:600; cursor:pointer; display:block; text-decoration:none; }

.free-btn-panel .grid-btn-a { text-align:center; background-position:right -34px; padding-right:5px; width:208px; }

.free-btn-panel .grid-btn-a:hover { text-decoration:none; }

.free-btn-panel .grid-btn-a span { background-position:0 0; padding-left:20px; }

/**qiqu-cate**/
#qiqu-cate { }

#qiqu-cate .list-item { border-bottom:1px dotted #dfdfdf; padding:5px 0; }

#qiqu-cate .list-item.last-child { border-bottom:0 none; }

#qiqu-cate .list-item li, .cate-list li { padding:2px 0; }

#qiqu-cate .list-item li a.item-tit, .cate-list .list-item li a.item-tit { background:url(http://www.chinalao.com/images/icon113002.png) no-repeat 0 center; padding-left:10px; }

.cate-list .list-item li { text-align:right; position:relative; width:100%; float:left; padding:2px 0; }

.cate-list .list-item .item-tit { float:left; background:url(http://www.chinalao.com/images/icon113002.png) no-repeat 0 center; padding-left:10px; height:18px; overflow:hidden; font-size:12px; display:inline; }

.cate-list .list-item .item-extend { right:0; width:280px; text-align:left; position:absolute; background-color:#fff; }

.cate-list .list-item .item-extend .item-price { overflow:hidden; width:110px; padding-left:20px; height:18px; overflow:hidden; float:left; font-style:normal; }

.cate-list .list-item .item-extend .item-place { width:50px; float:left; padding-left:20px; }

.cate-list .list-item .item-extend .item-people-total { width:50px; float:left; padding-left:20px; }

.cl-ad-server-tel { display:block; clear:all; overflow:hidden; background-color:#f60; margin-bottom:10px; }

.common-list-ad img, .cl-ad-server-tel img { display:block; }

.common-list-ad { margin-bottom:10px; }

.cate-list .nav-li-list li { padding:1px 0; line-height:20px; }

.cate-list .nav-li-list li a.li-item-tit { background:url(http://www.chinalao.com/images/icon113002.png) no-repeat 0 center; padding-left:10px; }

.cate-list .nav-li-list li .li-item-td { margin-left:10px; }

.cate-list .nav-li-list li .li-item-td a { color:#686868; text-decoration:underline; }

/**cl-hot**/
.mianze { margin-bottom:10px; }

.cl-hot-job { clear:both; width:100%; }

.cl-hot-job .list-item li { width:14%; height:20px; overflow:hidden; float:left; display:inline; text-align:left; padding:3px 0; }

.cl-hot-job .list-item li a:link, .cl-hot-job .list-item li a:visited { color:#686868; }

.cl-hot-job .list-item { padding:5px 0; border-top:1px solid #dfdfdf; }