@charset "utf-8";
/**
 * @name:base.css
 * @overview:odr通用样式
 * @author:陈坚涛
 * @creattime:2013-03-05
*/
h4 {
    font-size:17px;
    color:#DE252D;
    line-height:40px}
input {cursor:pointer}
hr {display:inline-block;}
h1 {}
h2 {font-size:15px;font-weight:bold;}
h3 {font-size:14px;font-weight:normal;color:#555;padding:0 10px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td{
    word-wrap: break-word;
    word-break: break-all;
}
.pipe {padding: 0 5px;display: inline;}
.add-borderTop{border-top: 1px solid #e6e6e6;}
.clear-BorderTop{border-top: none}
.clear-BorderBottom{border-bottom: none}
.hr-red,.hr-grey {display:inline-block}
.hr-red {height:2px;border:none;width:15%}
.hr-grey {height:2px;border:none;width:85%}
.txtAlign-l {text-align:left}
.txtAlign-c {text-align:center}
.txtAlign-r {text-align:right}
.fcolor-gray {color:gray;}
.fcolor-gainsboro {color:#999}
.fcolor-primary {color:#DE252D;}
.fcolor-aid {color:#E27726}
.inline{*display:inline;}
.pd-10 {padding:10px;}
.mb-10 {margin-bottom:10px;}
.mt-10 {margin-top:10px;}
.ml-10 {margin-left:10px;}
.mr-10 {margin-right:10px;}
.mb-5 {margin-bottom:5px;}
.mt-5 {margin-top:5px;}
.ml-5 {margin-left:5px;}
.mr-5 {margin-right:5px;}
.fsize-14 {font-size:14px;}
.pd-v-10 {padding-top:10px;padding-bottom:10px;}
.pd-h-15 {padding-left:15px;padding-right:15px;}
.pd-h-10 {padding-left:10px;padding-right:10px;}
.pdt-10 {padding-top: 10px;}
.pdr-10 {padding-right: 10px;}
.pdb-10 {padding-bottom: 10px;}
.pdl-10 {padding-left: 10px;}
.bg-color-gainsboro {background:#F9F9F9;}
.fix-newLine {
    display:inline-block ;
    white-space:normal ;
    word-break:break-all ;
}
.dotted-line {
    border-top:1px dashed gainsboro;
    display:block;
}
.solid-line {
    border-top:1px solid gainsboro;
    display:block;
}
.btn-upFile,.item-content label.btn-upFile {
    padding: 5px 10px;
    background-color:#F8A33E;
    color:white;
    text-align:center;
    cursor:pointer;
    display:inline-block;
    border:1px solid #e27726;
    -webkit-transition:all 0.4s ease-in 0s;
    -o-transition:all 0.4s ease-in 0s;
    -moz-transition:all 0.4s ease-in 0s;
    transition:all 0.4s ease-in 0s;
}
.btn-upFile:active,.item-content label.btn-upFile:active,.item-content label.btn-upFile:hover,.btn-upFile:hover {
    background-color:#ffffff;
    color:#F8A33E;
}
.input-submit,.input-mediator {
    width:160px;
    height:35px;
    font-size:15px;
    border:0;
    cursor:pointer;
    background:url(http://img.ebs.org.cn/ODR/images/btn_submit.png) no-repeat center;
    margin-top:10px;
    border:none;
    color:white;
    font-weight:bold;
}
.bestReply-icon {
    background:url(http://img.ebs.org.cn/ebsimages/ava_060.png) no-repeat 0 0;
    height:32px;
    padding-left:35px;
    line-height:32px;
    font-size:13px;
    color:#DE252D;
    margin-top:-5px;
}
.icon-yes {
    display:inline-block;
    width:28px;
    height:34px;
    background:url(http://img.ebs.org.cn/ODR/images/icon_yes.png) no-repeat center;
}
.icon-tip {
    background:url(http://img.ebs.org.cn/ODR/images/icon_tip.png) no-repeat left center;
    width:21px;
    height:27px;
    display:inline-block;
}
.icon-back {
    background:url(http://img.ebs.org.cn/ODR/images/icon_back.png) no-repeat left center;
    height:30px;
    display: inline-block;
    padding-left: 18px;
    font-size: 12px;
    margin-right: 5px;
}
.icon-pencil,.icon-add,.icon-checked {
    background:url(http://img.ebs.org.cn/ODR/images/icon_ASprite.png) 0 0;
    height:34px;
    width:35px;
    margin:-5px 0 0 -10px;
}
.icon-bulletTick {
    background:url(http://img.ebs.org.cn/ebsimages/bulletTick.png) no-repeat 0 0;
    width:80px;
    height:80px;
}
.btn-redBig,.btn-redMiddle,.redBtn,.redBtn2 {
    border:none;
    color:white;
    text-align:center;
    padding:0;
}
.btn-redBig {
    background:url(http://img.ebs.org.cn/ebsimages/sprite-loginIcon.png) no-repeat 0 -77px;
    width:202px;
    height:33px;
    font-size:14px;
    cursor:pointer;
    display:inline-block;
}
.btn-redMiddle {
    background:url(http://img.ebs.org.cn/ODR/images/redBtn.png) no-repeat 0 0;
    width:122px;
    height:33px;
    font-size:15px;
    letter-spacing:1px;
    margin-top:20px;
}
.grayBtn{
	background:url(/images/grayBtnBg.png) no-repeat 0 0;
	width:80px;
	height:24px;
    line-height:24px;
	cursor:pointer;
	display:inline-table;
	letter-spacing:1px;
	text-align:center;
}
.redBtn2 {
    background: steelblue;
margin-top: 5px;
width: 54px;
height: 24px;
line-height: 24px;
}
.icon-pencil {
    background-position:0 -2px;
}
.icon-add {
    background-position:0 -38px;
}
.icon-checked {
    background-position:0 -70px;
}
.pic-wrapper {
    padding:2px;
    border:1px solid #E6E6E6;
    display:inline-block}
.pic-wrapper:hover,.pic-wrapper:focus {
    padding:2px;
    border:1px solid #808080;
    display:inline-block;
}
.direction-bar {
    background:url(http://img.ebs.org.cn/ebsimages/odr_32.png) repeat-x 0 0;
    height:32px;
    line-height:32px;
    font-size:12px;
    border:1px solid gainsboro;
    border-bottom-color:rgb(30, 133, 206);
    padding:0 15px;
    display:block;
   
}
.subDirection-bar {
    height:25px;
    line-height:25px;
    font-size:15px;
    font-weight:normal;
    
    border-top:1px solid gainsboro;
    border-bottom:1px solid gainsboro;
    border-right:1px solid gainsboro;
    padding:0 10px;
    background:url(http://img.ebs.org.cn/ebsimages/head.gif) repeat-x;
}
.success-content-box {
    overflow:hidden;
    padding:70px 0 70px 150px;
}
.operate-box {
    text-align:center;
    padding:15px 0 10px 0;
}
.clearfix {
    overflow: hidden;
    zoom: 1;
    display: block;
}
.clearfix::after {
    line-height: 0;
}
.clearfix::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*分页栏样式开始*/
.pagination{
    margin:8px 0;
    }
.pagination .prevPage {
    float:left;
    margin-right:5px;
    padding:3px;
    border:1px solid #ccc;
}
.pagination .nextPage {
    float:left;
    margin-left:5px;
    padding:3px;
    border:1px solid #ccc;
}
.pagination ul {
    float:right;
    list-style-type:none;margin-right: 9px;
}
.pagination ul li {
    float:left;
    list-style-type:none;
    margin:0 3px 0 3px;
}
.pagination a {
    display:block;
    width:25px;
    border:1px solid #ccc;
    padding:3px 0px;
    text-align:center;
}
.pagination a:hover {
    border:1px solid #FD6D01;
    color:#FD6D01;
}
.pagination .pageTotal {
    float:left;
    margin-left:5px;
    padding:5px;
    color:Gray;
    width:50px;
}
.pagination .pageSkip {
    float:left;
    margin-left:5px;
    color:Gray;
}
.pagination .currentPage {
    display:block;
    background-color:#FFEDE1;
    border:1px solid #FD6D01;
    color:#FD6D01;
    font-weight:bold;
    width:25px;
    padding:3px 0px;
    text-align:center;
}
/*分页栏样式结束*/
/*在线调解聊天室布局样式开始*/
.view-content-box {
    width:650px;
    margin:0 auto;
}
table tbody tr {
    height:32px;
    font-size:14px;
    color:#555;
}
table tbody td.l-td {
    width:100px;
    text-align:right;
}
table tbody td.r-td {
    width:410px;
    padding-left:10px;
    border:1px solid gainsboro;
}
ul.list-status li {
    line-height:25px;
}
ul.list-status li span {
    float:left;
    display:inline;
    width:90px;
}
ul.list-status li span.icon-online {
    width:20px;
    height:20px;
    padding:3px 0 0 0;
    background:url(http://img.ebs.org.cn/ODR/images/icon.png) no-repeat 0 5px;
}
ul.list-status li span.icon-offline {
    width:20px;
    height:20px;
    padding:3px 0 0 0;
    background:url(http://img.ebs.org.cn/ODR/images/icon.png) no-repeat 0 -17px;
}
.mediatorTip {
    text-indent:2em;
    line-height:24px;
    margin:0;
}
.Basic_item h2 {
    font-size:16px;
    font-weight:bold;
    text-align:center;
    padding:5px 0 5px 0;
    text-indent:0;
}
.chatRoom-wrapper {
    padding:10px 0;
}
div.chatRoom-contentBox {
    border-top:10px solid #385479;
    width:600px;
    height:630px;
    margin-top:10px;
    background-color:#eff0e0;
    position:relative;
    overflow-x:hidden;
    overflow-y:auto;
    padding-right:50px;
}
div.chatRoom-operBox {
    width:650px;
    height:70px;
    margin:0;
    background-color:#385479;
}
.chatRoom-operBox .frame-message {
    margin:3px 0 0 15px;
    width:500px;
    height:55px;
}
.btn-sendMessage {
    width:115px;
    height:65px;
    font-size:24px;
    font-weight:bold;
    margin:3px 0 0 5px;
}
div.messageTime-box {
    margin:0px auto;
    top:5px;
    width:120px;
    height:32px;
    line-height:32px;
    background-color:gray;
    color:white;
    text-align:center;
    text-indent:0em;
    position:relative;
}
.message-box {
    width:600px;
    position:relative;
    top:10px;
    padding:0 10px;
}
.message-box .message-avatar {
    width:70px;
    text-align:center;
    color:#569;
}
.message-box img {
    border:1px solid #87ceeb;
    height:70px;
    width:70px;
    display:inline-block;
}
.message-content {
    margin-left:24px;
    display:inline-block;
    width:360px;
    position:relative;
}
.feed-message-top {
    width:331px;
    height:11px;
    background:url(http://img.ebs.org.cn/ODR/images/messageTop.png) no-repeat 0 0;
    margin:0;
}
.feed-message-content {
    width:331px;
    min-height:30px;
    background:url(http://img.ebs.org.cn/ODR/images/messagebg.png) repeat-y 0 0;
    margin:0;
    font-size:14px;
    padding:10px;
}
.feed-message-content span {
    display:block;
    width:310px;
}
.feed-message-bottom {
    width:331px;
    height:16px;
    background:url(http://img.ebs.org.cn/ODR/images/messageBottom.png) no-repeat 0 0;
    margin:0;
}
.left-triangle {
    width:24px;
    height:34px;
    position:absolute;
    left:-21px;
    top:25px;
    background:url(http://img.ebs.org.cn/ODR/images/leftTriangle.png) no-repeat 0 0;
}
.right-triangle {
    width:24px;
    height:34px;
    position:absolute;
    right:10px;
    top:25px;
    background:url(http://img.ebs.org.cn/ODR/images/rightTriangle.png) no-repeat 0 0;
}
/*在线调解聊天室布局样式结束*/
/*评论页面布局 开始*/
.btn-comment {
    line-height:27px;
    height:27px;
    display:inline-block;
}
.icon-talk {
    background:url(http://img.ebs.org.cn/ODR/images/icon_talk.png) no-repeat center;
    width:16px;
    height:27px;
}
.icon-reply {
    background:url(http://img.ebs.org.cn/ODR/images/icon_reply.png) no-repeat left center;
    width:27px;
    height:15px;
    padding-left:18px;
    float:right;
    display:inline;
}
.replyContentBg {
    width:540px;
    position:relative;
    top:7px;
    text-align:left;
    display:none;
    margin-bottom:10px;
    left: 100px;
}
.replyTriangle {
    background:url(http://img.ebs.org.cn/ODR/images/comment_triangle.png) no-repeat 0 0;
    width:14px;
    height:7px;
    display:inline-block;
    position:absolute;
    right:40px;
    top:-4px;
}
.replyContentBg .feed-comment-top {
    background:url(http://img.ebs.org.cn/ODR/images/comment_top.png) no-repeat center;
    width:540px;
    height:11px;
}
.replyContentBg .feed-comment-bg {
    width:540px;
    min-height:100px;
    background:url(http://img.ebs.org.cn/ODR/images/comment_bg.png) repeat-y center;
}
.replyContentBg .feed-comment-bottom {
    background:url(http://img.ebs.org.cn/ODR/images/comment_bottom.png) no-repeat center;
    width:540px;
    height:7px;
}
.replyContentBg textarea {
    margin:8px 9px;
    width:514px;
}
.item-comment {
    position:relative;
    margin:8px 12px 0 12px;
    border-top:1px solid gainsboro;
    padding-top:5px;
}
.item-comment > .item-link-avatar {
    float:left;
    margin:4px 0 0 0;
    display:inline;
}
.item-comment img.item-img-avatar {
    width:25px;
    height:25px;
    border-radius:2px;
    margin:0;
}
.comment-content-wrapper {
    margin:0 0 0 40px;
    min-height:50px;
}
.comment-hd a {
    color:#2D64B3;
}
.comment-content {
    color:#444;
    min-height:22px;
    font-size:12px;
    text-overflow:ellipsis;
    word-break:break-all;
}
.comment-oper {
    font-size:12px;
    overflow: hidden;
    zoom: 1;
    color: #999;
}
.icon-reply a {
    color:#000000;
}
.btn-comment:hover, .btn-comment:focus, .icon-reply a:hover,.icon-reply a:focus,.comment-reply .btn-cancel:hover,.comment-reply .btn-cancel:focus {
    color:#2D64B3;
}
.comment-reply .btn-cancel {
    background: #ccc;
width: 54px;
padding-right: 0px !important;
text-align: center;
height: 24px;
display: inline-block;
color: #fff !important;
line-height: 24px;
margin-right: 10px;
}
.comment-reply {
    height:85px;
    display:none;
}
.comment-reply .sReply {
    max-width:461px;
    height:37px;
    margin:0;
}
.upReply-box {
    padding:10px 15px;
}
.upReply-box textarea {
    width:725px;
    height:130px;
}
.upReply-box input {
    margin-top:10px;
}
.reply {
    position:relative;
    text-align:right;
}
/*评论页面布局结束*/
/*调解任务列表详细页面布局样式开始*/
.accordion-box {
    width:715px;
    margin:0 auto;
    padding:10px 0;
    overflow:hidden;
}
.accordion-title-box {
    width:703px;
    height:28px;
    border:1px solid #E6E6E6;
    background-color: #f5f5f5;
    padding:5px 0 0 10px;
}
.accordion-title-box h2 {
    font-size:15px;
}
.accordion-content-box {
    width:641px;
    border-left:1px solid #E6E6E6;
    border-right:1px solid #E6E6E6;
    padding:0 36px 10px 36px;
    position:relative;
    overflow:hidden;
}
/*调解任务列表详细页面布局样式结束*/
/*表单页面展示样式开始*/
.form-title {
    background-color: whiteSmoke;
    text-align: center;
    height: 47px;
    line-height: 47px;
}
.form-subTitle {
    background-color: #f5f5f5;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}
.form-subTitle h3 {
    line-height: 34px;
    text-align: right;
    width: 100px;
}
.tb-list thead th 
{
    padding-left: 15px;
    color: #014C90;
    height: 31px;
    line-height: 31px;
}
.tb-list tbody td {
    padding-left: 15px;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
}
.tb-list tbody tr:hover {
background-color: #EEE;
}
.tb-requestForm {
    width: 100%;
}
.tb-requestForm tr td{
    min-height: 24px;
    font-size: 12px;
    line-height: 24px;
}
.tb-requestForm tr .td-left {
    width: 122px;
    text-align: right;
    border-right: 1px solid #E6E6E6;
    padding-right: 5px;
}
.tb-requestForm tr .td-middle {
    text-align: left;
    padding: 0 10px;
}
.tb-requestForm tr .td-right {
    color: #999;
    text-align: right;
    padding-right: 20px;
    border-bottom: 1px solid #E6E6E6;
}
.tb-requestForm tr td.clear-BorderBottom{border-bottom: none}
.bg-color-fc {
    background-color: #fcfcfc;
    color: #999999;
}
.td-w127-blr, .td-w127-bl, .td-w127-br, .td-w127 {
    padding: 0 5px;
    width: 117px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.td-w162 
{
    width: 162px;
}
.td-w127 {
    border: none;
    width: 117px;
}
.td-w127-bl {
    border-right: none;
}
.td-w127-br, .td-w381-br, .td-w254-br, .td-w381-br{
    border-left: none;
    border-right: 1px solid #e6e6e6;
}
.td-w254, .td-w254-br, .td-w381, .td-w508, .td-w635, .td-w381-br {
    padding: 0 5px;
}
.td-w254, .td-w254-br {
    width: 244px;
}
.td-w381, .td-w381-br {
    width: 371px;
}
.td-w508 {
    width: 498px;
}
.td-w635 {
    width: 625px;
}
ul.list-proof li {
    border-bottom: 1px dotted gainsboro;
    padding-top: 3px;
    padding-bottom: 3px;
}
ul.list-proof li span {
    font-size: 12px;
    width: 75px;
    text-align: right;
}
ul.list-proof li.clear-BorderBottom {border-bottom: none}
div.proof-wrapper {
    overflow: hidden;
}
a.proof-pic {
    display: inline-block;
    width: 71px;
    height: 42px;
    cursor: pointer;
    border: 1px solid white;
    padding: 0 2px;
}
.proof-pic:hover,.proof-pic:active {
    border-color: #e27726;
}
.add-borderBottom {border-bottom: 1px solid #E6E6E6}
/*表单页面展示样式结束*/
/*调解协议书表单展示样式开始*/
a.btn-olMediate {
    display: inline-block;
    padding: 2px 5px;
    text-align: center;
    color: red;
    text-decoration:underline;
}
.tb-protocol {

}
.tb-protocol h3 {
    padding: 3px 0;
}
.tb-protocol thead th {
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    padding: 20px 0;
}
.tb-protocol tbody tr {
    height: auto;
}
.tb-protocol tbody tr td {
    padding-bottom: 10px;
}
.tb-protocol tbody tr h3 {
    color: #222;
    font-weight:bolder;
}
.tb-protocol tbody tr td label {
    display: block;
    padding-bottom: 10px;
}
.tb-protocol tbody tr td p {
    text-indent: 2em;
    line-height: 24px;
}
/*调解协议书表单展示样式结束*/
/*律师提交回复按钮*/
.redBtn{ background:steelblue; width:70px; height:25px; line-height:25px;}
.btn-redBig{
background-color: #E27726;
background-image: linear-gradient(bottom, #E27726 0, #DE252D 100%);
background-image: -o-linear-gradient(bottom, #E27726 0, #DE252D 100%);
background-image: -moz-linear-gradient(bottom, #E27726 0, #DE252D 100%);
background-image: -webkit-linear-gradient(bottom, #E27726 0, #DE252D 100%);
background-image: -ms-linear-gradient(bottom, #E27726 0, #DE252D 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #E27726),color-stop(1, #F2CF35));
background-position: center top;
background-repeat: no-repeat;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #EFA125;
color: white;
font: bold 12px Arial,Helvetica,sans-serif;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
width: 200px; height:30px; line-height:30px;}