@charset "utf-8";
#p-info,
.btn-send,
.bg
{background:url(../img/ask_bg.gif) no-repeat}

.btn
{background:url(../img/ask_btn.gif) no-repeat}

.rating ul,	
.rating ul.enabled li a:hover,
.rating li.current
{background:url(../img/bg_star_rating.gif) repeat-x;}

.x-icon{
	background:url(../img/ask_bg.gif) no-repeat;
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.coin-plus .icon{
	background-image:url(../img/ask_bg.gif);
	background-position:-425px 0;
	height:20px;
	width:28px;
	margin:0 2px 0 0.5em;
}
.coin-plus em{
	font-size:9px;
	color:#c00;
	font-weight:bold;
	font-style:normal;
}

.coin-noplus .icon{
	width:22px;
	height:15px;
	background-position:-488px 0;
}

/* navigation */
.navigation .panel-body{
	position:relative;
	height:32px;
	padding:5px 0 13px 0;
	text-align:center;
}
.navigation .panel-body .bg{
	width:55px;
	height:45px;
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
}
.navigation .panel-body input.text{
	width:550px;
	padding:6px;
	border:1px solid #dbdbdb;
	margin-right:10px;
}
.navigation .panel-body input.btn{
	width:86px;
	height:30px;
	font-size:12px;
	color:#5e5e5e;
	background-position:0 0px;
}
.navigation .panel-body input.on{
	color:#000;
	background-position:0 -40px;
}
.navigation .b-ask{background-position:-210px 0}
.navigation .b-help{background-position:-265px 0}

/* layout */
.c-right{
	float:right;
	width:210px;
	zoom:1;
}
.c-left{
	float:left;
	width:210px;
}
.c-middle{
	width:510px;
	margin-left:220px;
	_margin-left:217px;
}
.c-main{
	width:730px;
}

/* common style */
div.field{
	padding-right:6px;
}
.face{
	display:inline-block;
	*display:inline;
	zoom:1;
	padding:1px;
	border:1px solid #ccc;
}
.btn-send{
	width:263px;
	height:25px;
	line-height:27px;
	overflow:hidden;
	padding-left:10px;
	border:none;
	background-position:-230px -85px;
}
.btns{
	margin-top:1em;
	height:25px;
	text-align:center;
}
.btns .btn{
	margin:0 5px;
}
.btns .fl button{
	margin:0 10px 0 0;
}
.btns .fr button{
	margin:0 0 0 10px;
	float:left;
}

.container .panel{
	margin-bottom:10px;
}
.container .panel .panel-body p{
	line-height:20px;
}
.panel-header .x-icon{
	float:left;
	margin:-3px 3px -1px -2px; /* height + margin = 16px */
}
.panel-header .ext,
.panel-header .ext a{
	color:#f60;
	font-weight:bold;
}

.panel-hc .panel-header{
	overflow:visible;
}
.panel-hc .panel-header .x-icon{
	margin:-2px 3px -3px -4px; /* height + margin = 16px */
	*margin:-3px 3px -3px -4px;
	position:relative;
}
.c-middle .panel-body{
	padding:8px;
}

/* window */
.window{
	padding:1px;
	border:1px solid #b6cae3;
	background-color:#fff;
}
.window-header{
	border:0;
	background-color:#f2f6fb;
	padding:4px 3px 5px 8px;
	font-size:14px;
}
.window-body{
	padding:8px;
	border:0;
}
.window-footer .bottom{
	margin-bottom:5px;
	text-align:center;
}


.underline a{text-decoration:underline}
.btn{width:109px;height:25px;line-height:25px;border:none;overflow:hidden;font-size:14px;font-weight:bold}
.btn.orange{background-position:-110px 0}
.btn.blue{background-position:-110px -40px}
.btn.white{background-position:-240px 0}
button.orange,input.orange,button.blue,input.blue{color:#fff}
button.white,input.white{color:#333}
button.disabled,input.disabled{color:#999;cursor:default!important}


/* icon position */
.i-solved{background-position:0 0}
.i-unsolved{background-position:-16px 0}
.i-unsolved1{background-position:-32px 0}
.i-unsolved2, .h-list span.i-unsolved2{background-position:0 -16px}
.i-star, .h-list span.i-star{background-position:-16px -16px}
.i-ask{background-position:-16px 0}
.i-answer{background-position:-80px 0}
.i-share{background-position:-96px 0}
.i-best{background-position:-48px 0}
.i-pic{background-position:-128px 0}
.i-rar{background-position:-112px 0}
.i-warn{background-position:-32px -16px}
.i-profile{background-position:-64px 0}
.i-reply{background-position:-144px 0}

.x-unsolved{background-position:-335px 0}
.x-share{background-position:-365px 0}
.x-solved{background-position:-395px 0}

.classes .icon{background-position:-32px -32px}
.s-list span.i-solved{background-position:-48px -16px}
.s-list span.i-unsolved{background-position:-64px -16px}
.s-list span.i-close{background-position:-80px -16px}
.s-list .title span.icon{background-position:0 -32px}

.h-list .icon{background-position:-16px -32px}

/* guide */
.guide{margin-bottom:10px;padding:0 2px}
.guide a{color:#000}
.guide a:hover{color:#f60}
.guide span{margin:auto 8px}

/* number */
ol.number li{
	height:20px;
	overflow:hidden;
	position:relative;
	white-space:nowrap;
}
ol.number .bg{
	width:14px;
	height:14px;
	margin-right:4px;
	background-position:-330px -30px;
	position:absolute;
	left:0;
}
.num-1 span.bg{background-position:-330px -30px}
.num-2 span.bg{background-position:-344px -30px}
.num-3 span.bg{background-position:-358px -30px}
.num-4 span.bg{background-position:-372px -30px}
.num-5 span.bg{background-position:-386px -30px}
.num-6 span.bg{background-position:-400px -30px}
.num-7 span.bg{background-position:-414px -30px}
.num-8 span.bg{background-position:-428px -30px}
.num-9 span.bg{background-position:-442px -30px}
.num-10 span.bg{background-position:-456px -30px}


/* c_right */
/* 用户登陆 */
#p-login .btn,
#loginmodal .btn{width:83px;height:22px;margin-right:8px;colpr:#000;background-position:-240px -40px;}

/* 用户信息 */
#p-info{background-position:0 0}
#p-info table a{color:#000;zoom:1}
#p-info table a:hover,#p-info a:hover span{color:#f60}
#p-info .icon{margin-right:3px}
#p-info .fixed td,#p-info .ask-tip{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#p-info .fixed td.point{text-overflow:clip}
#p-info .ask-tip{width:198px;padding:4px;background:#f2f6fb}

/* 花生达人推荐 */
#p-commend .panel-body{padding:0}
#p-commend li{overflow:hidden;zoom:1;padding:4px;border-bottom:1px solid #ccc;}
#p-commend li.last{border:none;}
#p-commend .face{float:left;width:64px;height:64px;border:1px solid #ccc;}
#p-commend .detail{margin-left:72px;_margin-left:69px;}
#p-commend .detail p{
	width:125px;
	zoom:1;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:1.7em;
	color:#666;
}

/* 花生达人动态 */
#p-dynamic li{
	padding:0 20px;
}
#p-dynamic li em{
	position:absolute;
	right:0;
	top:0;
	line-height:20px;
	color:#c00;
	text-align:right;
}


/* home list (首页) */
.h-list li{
	width:100%;
	height:20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:14px;
}
.h-list .icon{
	margin:2px 6px 2px 0;
}
.h-list a{
	vertical-align:baseline;
	zoom:1;
}
.h-list a.class{
	margin-left:0.5em;
	color:#333;
	text-decoration:none;
}
.h-list a.class:hover{
	color:#f60;
	text-decoration:underline;
}
.h-list span.red{
	margin-left:0.5em;
	font-size:9px;
}
.h-list li img{
	margin-left:0.2em;
}

/* 问题列表 question list */
.q-list .item{
	margin-top:14px;
}
.q-list .item-title{
	height:22px;
	line-height:22px;
}
.q-list .item-title a{
	color:#007bbb;
	text-decoration:underline;
	zoom:1;
}
.q-list .item-title a strong{
	font-size:14px;
}
.q-list .item-title .x-icon{
	margin:1px 6px 1px 1px;
}
.q-list .item-info{
	padding:4px 0 4px 28px;
	color:#999;
}
.q-list .item-info a{
	color:#999;
	text-decoration:underline;
}
.q-list .item-content{
	padding-left:28px;
}
.q-list .item-content a{
	color:#c00;
	text-decoration:underline;
}
.q-list .item a:hover{
	color:#f60;
}

/* 问题列表 simple list */
.s-list{
	margin-bottom:6px;
}
.s-list th{
	color:#666;
}
.s-list th span{
	font-weight:normal;
}
.s-list th,
.s-list td{border-bottom:1px solid #eee;
}
.s-list .first{
	padding-left:22px;
}
.s-list .title{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.s-list .title .icon{
	margin-right:2px;
}
.s-list a.class{
	margin-left:0.5em;
	color:#333;
	text-decoration:none;
}
.s-list a.class:hover{
	color:#f60;
	text-decoration:underline;
}


/* 问题分类 */
.classes *{font-size:14px;}
.classes .icon{margin-bottom:3px;}
.classes p{color:#c00;}
.classes ul{margin-left:16px;}
.classes li{margin-top:4px;}
.classes a{white-space:nowrap;}
.classes h3 a{font-weight:normal;}
.classes ol{overflow:hidden;zoom:1;}
.classes ol li{float:left;display:inline;margin:0 0.8em 0 0;}
.classes ol a{line-height:22px;*line-height:21px;font-size:12px;color:#666;text-decoration:underline;}
.classes ol a:hover{color:#f60;}
.classes .panel-header p{color:#000;}
.classes .panel-body{padding:6px 4px;}

/* 同级分类 */
.siblings{zoom:1}
.siblings li{display:block;float:left;height:24px;line-height:24px;margin-left:5px;overflow:hidden;width:140px;text-overflow:ellipsis;}

/* 附件显示 */
.panel-body .attach{
	margin-top:8px;
	position:relative;
}
.panel-body .attach p{
	margin-top:4px;
}
.panel-body .attach div{
	width:100%;
	margin-top:4px;
	overflow:hidden;
}
.panel-body .attach .icon{
	margin-right:3px;
}


/* 提问模块 */
.asker{
	overflow:hidden;
}
.asker .panel-header a{
	text-decoration:underline;
}
.asker .panel-header h2{
	padding-top:7px;
}

.asker .panel-body{
	padding:14px;
}
.asker .panel-body h3{
	font-size:14px;
	line-height:26px;
	color:#007bbb;
}
.asker .infos{
	color:#999;
}
.asker .content{
	padding-top:1em;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:20px;
}
.asker .console{
	margin:1em -13px -13px -13px;
	padding:13px;
	background:#f8f8f8;
}
.asker .console .replyer{
	margin:10px 0;
}
.asker .console .replyer p{
	padding:0;
}

/* 答案模块 */
.answerer{
	overflow:hidden;
	zoom:1;
}
.answerer .panel-body{
	padding:14px;
}

/* 回复内容 */
.answerer .post .user{
	position:relative;
	height:26px;
	font-size:14px;
	font-weight:bold;
	color:#007bbb;
}
.answerer .post .user .icon{
	margin:4px 5px 3px 0
}
.answerer .post .user a{
	color:#007bbb;
	text-decoration:underline;
	vertical-align:baseline;	/* ie */
	zoom:1;
}
.answerer .post .user a:hover{
	color:#f60;
}
.answerer .post .user img{
	vertical-align:middle;
}
.answerer .post .user .btn{
	position:absolute;
	right:0;
	top:0;
	*line-height:25px;
}
.answerer .post .content{
	width:100%;
	margin:0.8em 0;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:20px;
}
.answerer .post .infos{
	height:25px;
	line-height:25px;
	color:#999;
}
.answerer .post .infos a{
	margin-left:1em;
	text-decoration:underline;
}
.answerer .line-x{
	margin:0.5em 0;
}

/* 最佳答案评价 */
.answerer .vote p{
	margin:4px 0;
}
.answerer .vote .btn{
	margin-right:10px;
	cursor:pointer;
}
.answerer .vote .rate .fl{
	width:109px;
	margin-right:10px;
}
.answerer .vote .rate em{
	padding:0 1em 0 0.1em;
}

/* 最佳答案 */
.an-best .window-header{
	background:#fff8e2;
}

/* 回复模块 */
.replyer{
	margin-top:10px;
	padding:20px;
	zoom:1;
	background:#f2f6fb;
}
.replyer h4{
	font-size:14px;
	line-height:20px;
	color:#007bbb;
}
.replyer form{
	width:100%;
	overflow:hidden;
}
.replyer p{
	padding:0.8em 0;
}
.replyer .tip{
	padding:5px;
}
.replyer .i-reply{
	margin:4px 5px 3px 0;
}
.replyer .info{
	margin:6px 0 0 0;
	padding:8px 10px;
}
.replyer .textarea{
	margin:4px 0 0 0;
	width:100%;
}
.replyer form .btns{
	
}
.window .replyer{
	padding:0;
	background:none;
}


/* 评分模块 */
.rating{
	zoom:1;
	position:relative;
}
.rating ul{
	width:440px;
	height:65px;
	background-position:0 0;
	position: relative;
	float: left;
}
.rating li{
	width:40px;
	height:65px;
	float: left;
}
.rating li a{
	position:absolute;
	display:block;
	height:63px;
	width:40px;
	z-index:20;
	cursor:default;
	color:#000;
	text-decoration:none;
}

.rating li a span{
	position:absolute;
	text-align:center;
	display:block;
	width:40px;
	bottom:0;
	right:0;
}
.rating li a.left span{
	right:auto;
	left:0;
}
.rating ul.enabled li a{
	cursor:pointer;
}
.rating ul.enabled li a:hover,
.rating li.on a{
	z-index:2;
	background-position:0 -80px;;
}
.rating li.current{
	text-indent: -9000px;
	z-index:1;
	display:block;
	height:65px;
	position:absolute;
	background-position:0 -80px;
	zoom:1;
}
.rating li.negative-current{
	background-position:right -80px;
}

.rating .star-0{left:0}
.rating .star-1{left:40px}
.rating .star-2{left:80px}
.rating .star-3{left:120px}
.rating .star-4{left:160px}
.rating .star-5{left:200px}
.rating .star-6{left:240px}
.rating .star-7{left:280px}
.rating .on a.star-0,.rating ul.enabled a.star-0:hover{width:240px}
.rating .on a.star-1,.rating ul.enabled a.star-1:hover{width:200px}
.rating .on a.star-2,.rating ul.enabled a.star-2:hover{width:160px}
.rating .on a.star-3,.rating ul.enabled a.star-3:hover{width:120px}
.rating .on a.star-4,.rating ul.enabled a.star-4:hover{width:80px}
.rating .on a.star-6,.rating ul.enabled a.star-6:hover{left:200px;width:80px}
.rating .on a.star-7,.rating ul.enabled a.star-7:hover{left:200px;width:120px}
.rating .on a.star-8,.rating ul.enabled a.star-8:hover{left:200px;width:160px}
.rating .on a.star-9,.rating ul.enabled a.star-9:hover{left:200px;width:200px}
.rating .on a.star-10,.rating ul.enabled a.star-10:hover{left:200px;width:240px}
.rating p{height:20px;margin-top:2.5em;text-indent:3em}


/* 我的互动问答列表 */
.mylist .leftside{
	float:left;
	width:120px;
	_overflow:hidden;
}
.mylist .leftside h2{
	font-size:14px;
	padding:8px 0 2px 0;
	text-align:center;
}
.mylist .leftside li{
	margin-top:10px;
	background:#f6f6f6;
	border:1px solid #dedede;
}
.mylist .leftside li a{
	display:block;
	height:26px;
	padding-left:32px;
	line-height:28px;
	overflow:hidden;
	color:#666;
}
.mylist .leftside li a:hover{
	color:#f60;
}
.mylist .leftside li.on{
	position:relative;
	z-index:20;
	width:130px;
	background:#fff;
	border-right:none;
}
.mylist .leftside li.on a{
	color:#000;
	font-weight:bold;
}
.mylist .rightside{
	min-height:300px;
	_height:300px;
	margin-left:130px;
	_margin-left:127px;
}
.mylist .rightside .tab-body{
	min-height:260px;
	_height:260px;
}


/* 弹出提示窗口 */
.poper .title{
	margin:10px auto;
	font-size:14px;
	text-align:center;
}
.poper .line-x{
	margin:6px 0;
}
.poper .window-body p{
	line-height:1.8em;
}
.poper .window-body ul{
	padding:0 1em;
}
.poper .window-body li{
	line-height:20px;
}