@charset "utf-8";

.page { padding-bottom: 40px; padding-top: 40px; }

/* 网上信访-信件列表页 ----------------------------------------------------- */
.letterList {
    width: 100%;
    position: relative;
}
.letterList td, .letterList th {
    padding:12px 8px;
    text-align: center;
}
 
.letterList th {
    color: #00923f;
    font-weight: bold;
    font-size: 16px !important;
}
.letterList thead {
    background: #f8f8f8;
}
.letterList tr {
    border-bottom: 1px dotted #ddd;
}
.letterList tr.even {
    background-color: #f9f9f9
}
.letterList .title {
    text-align: left;
}
.letterList .num {
    display: none
}
.letterList .ico {
    padding: 8px 2px;
}
.letterList .ico img {
    vertical-align: middle;
}
.letterList .dep,.letterList .state,.letterList .date {
    width: 100px;
    font-size: 14px;
}

.letterList i {
    font-style: normal;
}
.letterList .s0, .letterList .noreply {
    color: #999;
}
.letterList .s1 {
    color: #17d;
}
.letterList .s2 {
    color: #f60;
}
.letterList .isreply, .letterList .s3 {
    color: #390;
}
.letterList .s4 {
    color: #999;
}


/* 信息统计 */
span.ConsultationStatistics {
    float: left;
    line-height: 36px;
}
.mHd .ConsultationStatistics { padding-top: 6px; padding-left: 15px;}
.mHd .more { padding-top: 10px; float: right; }



.write {
    float: right;
}
.write a {
    display: block;
    padding: 0 20px;
    line-height: 30px;
    height: 30px;
    color: #fff;
    border-radius: 5px;
    background-color: #00923f;
    border: 2px solid #00923f;
    transition: all 0.5s;
}
.write a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #00923f;
}
/* 信件搜索 */
.letterSearch {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 15px 25px;
    height: 50px;
    text-align: center;
    float: none;
    background-color: #f8f8f8;
    border: 1px solid #eee;

}
.letterSearch .searchBox {
    float: left;
    zoom: 1;
}
.letterSearch .searchBox .hd {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    float: left;
    font-size: 16px;
    background: url(../../Base/img/icons-xj-search.png) no-repeat left center;
    padding-left: 42px;
    color: #333;
}
.letterSearch .searchBox .bd {
    height: 36px;
    float: left;
    padding: 0;
}
.letterSearch .searchBox .keyword {
    width: 438px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    padding: 13px 10px 13px;
    background: #fff;
    border: 1px solid #dfdfdf;
    outline: none;
    float: left;
    border-radius: 5px;
    margin-right: 20px;
}
.letterSearch .searchBox .searchsubmit {
    width: 100px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    background: #00923f;
    border: none;
    float: left;
    font-size: 18px;
    border-radius: 5px;
    outline: none;
}

.letterSearch .select {
    float: right;
}

.letterSearch .searchBox .select {
    float: left;
}
.letterSearch .select a {
    margin-left: 15px;
    float: left;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    padding: 0 30px 0 64px;
    border-radius: 5px;
    font-size: 18px;
}
.letterSearch .select a.write {
    background: #00923f url(../../Base/img/icons-xj-xx.png) 25px center no-repeat;
}
.letterSearch .select a.query {
    background: #00923f url(../../Base/img/icons-search.png) 25px center no-repeat;
}

.letterSearch .select a:hover {
    filter: alpha(opacity=80);
    opacity: 0.8;
}
/* 网上信访-信件内容页 ----------------------------------------------------- */
.letterCon table {
    margin-bottom: 20px;
    background: #fff;
    width: 100%
}
.letterCon table, .letterCon table tr, .letterCon table tr td {
    border: 1px solid #ddd;
    border-collapse: collapse
}
.letterCon table thead th {
    background: #f3f3f3;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
.letterCon table tbody td {
    padding: 14px 10px;
}
.letterCon table tbody td.tdName {
    width: 20%;
    background: #f8f8f8;
    text-align: center;
    font-weight: bold;
}
.letterDetailTable .letter_title .con {
    font-size: 14px;
    font-weight: bold;
}
.letterDetailTable .letter_con .con {
    font-size: 14px;
    line-height: 180%;
    padding: 15px
}
.letterDetailTable .letter_time {
    display: none;
}
.letterDetailTable pre {
    font-size: 14px;
    font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
.onlinepl_comments_B {
    overflow: hidden;
}
.onlinepl_comments_B dl {
    border: 1px solid #E6E6E6;
    background: #fff;
}
.onlinepl_comments_B dt {
    height: 40px;
    line-height: 40px;
    background: #00923f;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    border-bottom: 1px solid #E6E6E6;
    overflow: hidden;
}
.onlinepl_comments_B dt h3 {
    font-weight: bold
}
.onlinepl_comments_B dt a {
    float: right;
    font-weight: normal;
    color: #fff;
}
.onlinepl_comments_B .bd {
    padding: 10px 30px;
}
.onlinepl_comments_B .bd ul li {
    color: #333333;
    padding-top: 6px;
}
.onlinepl_comments_B .bd ul li .inputtext01 {
    border: 1px solid #dfe4e7;
    width: 185px;
    height: 18px;
    margin-left: 8px;
    color: #333333;
    vertical-align: middle;
    height: 22px;
}
.onlinepl_comments_B .bd ul li .inputtext02 {
    border: 1px solid #dfe4e7;
    width: 100px;
    height: 18px;
    margin-left: 8px;
    color: #333333;
    vertical-align: middle;
    height: 22px;
}
.onlinepl_comments_B .bd ul li #TxtComments {
    border: 1px solid #dfe4e7;
    width: 629px;
    height: 127px;
    font-size: 12px;
    margin-left: 8px;
    color: #333333;
    vertical-align: top;
}
.onlinepl_comments_B .return {
    text-align: center;
    padding-bottom: 20px;
    ;
}
.onlinepl_comments_B .return .bt {
    cursor: pointer;
    background: #00923f;
    border: none;
    line-height: 34px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-top: 0;
    height: 34px;
    width: 88px;
    color: #fff;
    font-weight: bold;
}
.onlinepl_comments_B #VcodeComplaints {
    vertical-align: top;
}
/* 网上信访-写信页 ----------------------------------------------------- */
.letterWritePage {}
/* 写信须知 */
.letterWritePage #xyBox {
    background: url(../img/bgLetter.jpg) 50% 0px no-repeat #f2f2f2;
    min-height: 500px;
    padding: 50px 140px 80px 170px;
}
.letterWritePage #xyBox h3 {
    font-size: 35px;
    color: #0a4890;
    text-align: center;
    line-height: 52px;
    margin-bottom: 40px;
}
.letterWritePage #xyBox .info {
    font-size: 14px;
    line-height: 28px;
    height: 325px;
    overflow-y: auto;
}
.letterWritePage #xyBox .info p {
    padding: 6px 0px;
}
.letterWritePage #xyBox .center {
    overflow: hidden;
    height: 40px;
    text-align: center;
    padding-top: 50px;
}
.letterWritePage #xyBox .nextBtn {
    background: #00923f;
    vertical-align: middle;
    margin-right: 20px;
    cursor: pointer;
    border: none;
    width: 166px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #fff
}
.letterWritePage #xyBox .prevBtn {
    background: #d3d3d3;
    vertical-align: middle;
    border: none;
    cursor: pointer;
    width: 75px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #555
}
.UserPublicStatus .inline {
    float: left;
}
.UserPublicStatus label {
    margin-right: 15px;
}
.emailbox input {
    float: left;
    margin-right: 5px;
}
.field-error {
    clear: both;
    display: block;
}
.codeinp {
    float: left
}
.codeinp #ValidateCode {
    width: 150px;
}
.codeinp .validationcode {
    display: inline;
}
/* 写信内容 */
.letterWritePage #formBox {}
.onlineplForm {
    padding: 30px;
}
.onlineplForm .hd {
    height: 40px;
    border-bottom: 2px solid #00923f;
}
.onlineplForm .hd h3 {
    width: 138px;
    float: left;
    _display: inline;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #00923f;
    color: #fff;
    font-size: 16px;
}
.onlineplForm .hd .tips {
    float: left;
    _display: inline;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    color: #f60;
    font-size: 12px;
}
.onlineplForm .bd {
    padding: 30px 0px
}
.onlineplForm .bottombt {
    overflow: hidden;
    height: 40px;
    text-align: center;
}
.onlineplForm .bottombt .inputbutton {
    background: #00923f;
    vertical-align: middle;
    margin-right: 20px;
    cursor: pointer;
    border: none;
    width: 120px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}
.onlineplForm .bottombt .restButton {
    background: #d3d3d3;
    vertical-align: middle;
    border: none;
    cursor: pointer;
    width: 120px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #555;
}
.LetterInfoTable {
    width: 100%
}
.LetterInfoTable td {
    line-height: 24px;
    padding: 8px 5px;
    vertical-align: middle;
}
.LetterInfoTable td.tdlab {
    width: 100px;
    text-align: right;
}
.LetterInfoTable td input[type="text"], .LetterInfoTable textarea {
    width: 80%;
    border: #ccc solid 1px;
    height: 20px;
    overflow: hidden;
    padding: 5px 0px 5px 5px
}
.LetterInfoTable textarea {
    height: auto
}
.LetterInfoTable td select {
    height: 24px;
    line-height: 24px;
}
/* 申请进度查询 */
.applyFormQuery { background: #fff; padding: 3% 0; width: 80%; margin: 30px auto; font-size: 16px; }
.applyFormQuery td { padding: 8px 0 }
.applyFormQuery .tdlab { width: 40%; text-align: right; }
.applyFormQuery input[type=text] { width: 56%; }
.applyFormQuery .bot { text-align: left; }
.applyFormQuery .bot a { margin: 0 }
.applyFormQuery .required strong { color: #f00; margin-right: 5px; }
.applyFormQuery .errorMessage { color: #f00; }
.applyFormQuery table { width: 100%; border: 0; }

.queryResult { width: 80%; margin: 30px auto; }
.queryResult .mainBox { margin-bottom: 50px; }
.queryResult .tit h3 { text-align: center; font-size: 38px; line-height: 2; margin-bottom: 30px; }
.queryResult .tips { text-align: center; font-size: 16px; margin-bottom: 50px; border-top: 1px solid #ddd; padding: 50px 0 20px 0; }
.queryResult .number { font-weight: bold; color: #f00 }

/* 其它 */
.inputclass input[type=text] { width: 56%; border: 1px solid #ccc; height: 30px; padding: 0 10px; }
.validatecodeclass input[type=text] { width: 30%; float: left; margin-right: 10px; }
.codeinp{float:left}
.codeinp #ValidateCode{ width:150px; }
.codeinp .validationcode{display:inline;}
 

/* 网上信访-信访查询页 ----------------------------------------------------- */
.letterSearchPage {}
.letterSearchPage .OpenSearch {
    width: 100%;
    border-collapse: collapse
}
.letterSearchPage .OpenSearch td {
    border: 1px solid #ededed;
    padding: 5px 7px;
    background: #fff;
}
.letterSearchPage .OpenSearch td.tdlab {
    padding: 5px 15px 5px 7px;
    text-align: right;
    width: 120px;
    background-color: #f7f7f7
}
.letterSearchPage .OpenSearch td.bottombt {
    padding: 25px 0;
    border: 0;
    text-align: center;
    background: none;
}
.letterSearchPage .OpenSearch td.bottombt a {
    display: inline-block;
    width: 75px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    border: 0;
    cursor: pointer;
    background: #00923f;
}
/* 网上信访-信访查询页结果页 ----------------------------------------------------- */
.letterResultPage {}
.letterResultPage .govDir_box dt a, .letterResultPage .ComplaintsReport_box dt a {
    float: left;
    font: normal normal bold 14px/24px auto;
    text-align: center;
    color: #fff;
    background: #00923f;
    text-decoration: none;
}
.letterResultPage .govDir_box span, .letterResultPage .ComplaintsReport_box .titlechg span {
    display: block;
    cursor: pointer;
    height: 29px;
    width: 93px;
    height: 29px;
}
.letterResultPage .govDir_box dt, .letterResultPage .ComplaintsReport_box dt {
    height: 29px;
    overflow: hidden;
}
.letterResultPage .ComplaintsReport_box {
    margin: 20px
}
.letterResultPage .ComplaintsReport_box .titlechg {
    overflow: hidden;
    zoom: 1;
}
.letterResultPage .govDir_box .titlechg, .letterResultPage .ComplaintsReport_box .titlechg a {
    color: #00923f;
    float: left;
    background: #D6E0EB;
    text-align: center;
    margin: 0 5px;
    display: inline;
    font-size: 14px;
    font-weight: bold;
}
.letterResultPage .govDir_box .titlechg span, .letterResultPage .ComplaintsReport_box .titlechg span {
    background-position: 0 0;
    line-height: 29px
}
.letterResultPage .ComplaintsReport_box .titlechg a.on {
    color: #fff;
    background: #00923f;
}
.letterResultPage .onlinepl_result {
    border: #E6E6E6 solid;
    border-width: 1px 0 0 1px;
    margin: 7px 0;
}
.letterResultPage .onlinepl_result td {
    background: #fff;
    padding: 5px;
    border: #E6E6E6 solid;
    border-width: 0 1px 1px 0;
    line-height: 26px;
}
.letterResultPage .onlinepl_result .title td {
    background: #00923f;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0px 0px 0px 10px;
}
.letterResultPage .onlinepl_result .tdlab, .letterResultPage .onlinepl_result .strong {
    text-align: right;
    width: 15%;
    background: #F7F7F7;
    font-weight: bold;
}
.letterResultPage .onlinepl_result input[type="text"] {
    width: 90%;
    border: #d9e6f2 solid 1px;
    height: 20px;
    overflow: hidden;
}
.letterResultPage .onlinepl_result textarea {
    width: 90%;
    border: #d9e6f2 solid 1px;
    overflow: hidden;
    font: normal 12px/24px "宋体";
}
.letterResultPage .onlinepl_feedback {
    border: #E6E6E6 solid;
    border-width: 0 1px 1px 0;
    padding: 0 15px;
}
.letterResultPage .App_bottom {
    text-align: center;
    padding: 10px 0
}
.letterResultPage .App_bottom a {
    display: inline-block;
    background: #00923f;
    margin: 0 7px;
    width: 77px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    color: #fff
}