/* vim: set et sw=4 ts=4 sts=4 fdm=marker ff=unix fenc=gbk nobomb: */
/**
 * 社区导航新头的样式
 *
 * @author mingcheng@taobao.com
 * @date   2009-05-06  
 */

#app-header {
    margin: 30px 0px 10px 0px;
}

#app-header a:link, #app-header  a:visited {
    color:#333333
}

#app-header #forum-search {
    clear:both;
    position:relative;	
    z-index:1000;
}
#app-header #forum-search .main-nav {
    position:absolute;
    top:-28px;
    left:180px;
    cursor:pointer;
}

#app-header .main-nav li.main-tab{
    width:77px;
    height:28px;
    line-height:33px;
    margin-right:3px;
    float:left;
    overflow:hidden;
    background:url(http://a.tbcdn.cn/app/forum/forum_b.png) no-repeat -87px -87px;
    text-align:center;
    font-weight:bolder;
}

#app-header #forum-search li.cur{
    width:79px;
    height:30px;
    line-height:30px;
    background:url(http://a.tbcdn.cn/app/forum/forum_b.png) no-repeat -3px -83px;
}

#app-header #search-bar {
    height:45px;
    overflow:hidden;
    background:url(http://a.tbcdn.cn/app/forum/forum_c.png) 0 -47px;
    *position: relative;
}

#app-header #search-form {

}

#app-header #search-form input {
    vertical-align:-3px;
    *vertical-align:1px;
}

#app-header #search-form label {
    /*
    width:30px;	
    display:inline-block;
    */
    text-align:center;
    *vertical-align:3px;
}

#app-header #search-form .sch-type {
    margin: 0 3px;
}

#app-header input#keyword, #app-header input#common-keyword{
    width:320px;
    height:14px;
    padding:5px 5px 6px 5px;;
    border:0;
    vertical-align:-1px;
    background:url(http://a.tbcdn.cn/app/forum/forum_b.png) -4px -266px;
}

#app-header .search-buttom {
    width:63px;
    height:23px;
    line-height:23px;
    background:url(http://a.tbcdn.cn/app/forum/forum_b.png) -5px -2px;
    border:0;
    padding-bottom:2px;
    margin-left:10px;
}

#app-header #search-bar .mc-bt {
    background:url(http://a.tbcdn.cn/app/forum/forum_c.png) no-repeat -7px 0;
    height:44px;
    width:5px;
    position:relative;		
    float:left;
}

#app-header #search-bar .mc-bt span {
    background:url(http://a.tbcdn.cn/app/forum/forum_c.png) no-repeat -1px 0;
    width:5px;
    display:block;
    height:44px;
    position:absolute;
    left:945px;
}

#app-header #search-here {
    top:10px;
    left:0;
    position:absolute;
    left:208px;
    overflow:hidden;
}

#app-header .hover #info-link, #app-header .hover #forum-link {
    display:block!important;
    width:950px;
    padding:1px;
    overflow:hidden;
    position:absolute;
    top:27px;
    left:-301px;
    z-index:1000;
}

#app-header .mask {
    width:75px;
    height:3px;
    position:absolute;
    background:#faf0ce;
    font-size:0;
    line-height:0;
    zoom:1;
}

#app-header #info-link {
    display:none;
}

#app-header #info-link ul {
    width:690px;
    height:15px;
    line-height:23px;
    margin:13px auto;
    overflow:hidden;
}

#app-header 	
#info-link li{
    float:left;
    padding-right:6px;
    width:65px;
    display:inline;
    height:14px;
    line-height:14px;
}

#app-header #info-link .mask {
    top:0;
    left:664px;
}

#app-header #forum-link {
    display:none;
}

#app-header #forum-link li {
    width:78px; /*changed by shiran 090209*/
    float:left;
    height:15px;
    line-height:15px;
    overflow:hidden;
    text-indent:10px;
    margin:0px 5px 5px 0;
    display:inline-block;
}

#app-header #forum-link .mask {
    top:0;
    left: 584px;
}

#app-header .launch-body {
    padding:7px;
    background:#faf0ce;
    border:1px solid #ffc001;
}

#app-header #forum-link .launch-body ul {
    overflow: hidden;
              *zoom:1; 
}

#app-header .hover #info-link, #app-header .hover #forum-link {
    left:-181px;
}

#app-header li.hover {
    background-position:-261px -87px!important;
}

#app-header .main-nav li.main-tab ul a {
    font-weight: normal;
}

#app-header a:hover, #app-header a:active {
    color:#ff6600;
}

#app-header .launch .t-c{
    width:100%;
    position:relative;
    display:block;
    height:3px;
    background:url(http://a.tbcdn.cn/app/forum/forum_c.png) no-repeat -7px -189px;
    margin-bottom:-3px;
    font-size:0;
    line-height:0;
}

#app-header .launch .t-c span {
    float:right;
    background:url(http://a.tbcdn.cn/app/forum/forum_c.png) no-repeat -1px -189px;
    height:3px;
    width:5px;
}

#app-header .launch .b-c {
    width:100%;
    position:relative;
    display:block;
    height:3px;
    background:url(http://a.tbcdn.cn/app/forum/forum_c.png) no-repeat -7px -206px;
    margin-top:-3px;
    font-size:0;
    line-height:0;
}

#app-header .launch .b-c span {
    float:right;
    background:url(http://a.tbcdn.cn/app/forum/forum_c.png) no-repeat -1px -206px;
    height:3px;
    width:5px;
}

#app-header .main-nav li.launch {
    background-position: -175px -87px;
}

#app-header #info-link .launch-body {
    padding: 2px 0px;
    min-height: 42px;
    _height: 42px;
    _overflow: auto;
}
/*淘花岛icon by yuyin 0514*/
#taohuadao{
	position:absolute;
	right:10px;
	top:4px;
}

/* 淘心得页头样式 */
body.chl-txd #logo .sub-logo {
	background: url(http://img01.taobaocdn.com/tps/i1/T1p5BkXktGA0QJyqZD-296-370.png) no-repeat -222px -48px;
}
body.chl-txd #app-header #forum-search .main-nav {
	left: 170px;
}
body.chl-txd #app-header #search-bar {
	overflow: visible;
}
body.chl-txd #app-header #forum-search li.cur {
	width: 77px;
	background: url(http://img01.taobaocdn.com/tps/i1/T1p5BkXktGA0QJyqZD-296-370.png) no-repeat 0 1px;
}
body.chl-txd #app-header #forum-search li.cur a {
	color: #fff;
}
body.chl-txd #app-header #search-bar {
	background: url(http://img01.taobaocdn.com/tps/i1/T1p5BkXktGA0QJyqZD-296-370.png) repeat-x 0 -228px;
}
body.chl-txd #app-header #search-bar .mc-bt {
	background: url(http://img01.taobaocdn.com/tps/i1/T1p5BkXktGA0QJyqZD-296-370.png) no-repeat 0 -174px;
}
body.chl-txd #app-header #search-bar .mc-bt span {
	background: url(http://img01.taobaocdn.com/tps/i1/T1p5BkXktGA0QJyqZD-296-370.png) no-repeat -5px -282px;
}
body.chl-txd #app-header #search-form label {
	vertical-align: middle;
	color: #fff;
}
body.chl-txd #app-header input#keyword {
	width: 222px;
	padding: 4px 5px;
	overflow: hidden;
	vertical-align: middle;
	border: 1px solid #0090d9;
	background: #fff url(http://img01.taobaocdn.com/tps/i1/T1p5BkXktGA0QJyqZD-296-370.png) no-repeat 0 -345px;
}
body.chl-txd #app-header .cata {
	width: 136px;
	vertical-align: middle;
	color: #808080;
}
body.chl-txd #app-header .search-buttom {
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	background: url(http://img01.taobaocdn.com/tps/i1/T1p5BkXktGA0QJyqZD-296-370.png) no-repeat 0 -117px;
}
body.chl-txd #try-lib {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 180px;
}
body.chl-txd #try-lib h3 {
	position: relative;
	z-index: 1;
	height: 28px;
	line-height: 28px;
	background: url(http://img01.taobaocdn.com/tps/i1/T1p5BkXktGA0QJyqZD-296-370.png) no-repeat 0 -60px;
}
body.chl-txd #try-lib h3 span {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	background: url(http://img01.taobaocdn.com/tps/i1/T1p5BkXktGA0QJyqZD-296-370.png) no-repeat -125px -303px;
	cursor: pointer;
}
body.chl-txd #try-lib ul {
	display: none;
	float: left;
	width: 174px;
	margin-top: -4px;
	padding-top: 3px;
	border: 3px solid #0090d9;
	border-top: none;
	background: #e5f2ff;
}
body.chl-txd #try-lib ul li {
	float: left;
	width: 100%;
	height: 28px;
	line-height: 28px;
}
body.chl-txd #try-lib ul li em {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 12px;
	color: #36c;
	border-top: 1px solid #0077b3;
	background: url(http://img01.taobaocdn.com/tps/i1/T1p5BkXktGA0QJyqZD-296-370.png) no-repeat -128px 9px;
	cursor: pointer;
}
body.chl-txd #try-lib ul li .sublib {
	display: none;
	position: absolute;
	width: 160px;
	margin: -27px 0 0 176px;
	background: #707070;
}
body.chl-txd #try-lib ul li .sublib p {
	position: relative;
	top: -3px;
	left: -3px;
	width: 158px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #808080;
}
body.chl-txd #try-lib ul li .sublib p a {
	display: block;
	width: 132px;
	margin: -1px auto 0;
	padding: 4px 0 4px 14px;
	line-height: 15px;
	color: #36c;
	font-weight: bold;
	background: url(http://img01.taobaocdn.com/tps/i1/T1p5BkXktGA0QJyqZD-296-370.png) no-repeat -286px 7px;
	border-top: 1px dashed #9ec0df;
}
body.chl-txd #try-lib ul li .sublib p a:hover {
	color: #f60;
}
body.chl-txd #try-lib.expand ul {
	display: block;
}
body.chl-txd #try-lib.expand h3 span {
	background-position: -125px -168px;
}
body.chl-txd #try-lib ul li.current {
	height: 27px;
	line-height: 27px;
}
body.chl-txd #try-lib ul li.current em {
	position: relative;
	z-index: 100;
	margin-bottom: -1px;
	color: #f60;
	font-weight: bold;
	background: #fff;
	border-top: 1px solid #808080;
	border-bottom: 3px solid #808080;
}
body.chl-txd #try-lib ul li.current .sublib {
	display: block;
}
body.chl-txd #app-header #search-bar .my-txd,
body.chl-txd #app-header #search-bar .help {
	position: absolute;
	top: 15px;
	color: #fff;
	text-decoration: underline;
}
body.chl-txd #app-header #search-bar a:hover {
	text-decoration: none;
}
body.chl-txd #app-header .my-txd {
	right: 20px;
	font-weight: bold;
}
body.chl-txd #app-header .help {
	right: 120px;
}