@charset "utf-8";
/* 信箱首页 ----------------------------------------------------- */
.ConsultationStatistics {
    float: right;
}
.ConsultationStatistics label {
    margin-right: 20px;
    color: #888;
}
/* boxA-petition */
.boxA-petition{ margin-bottom: 20px;}
.boxA-petition .hd h3{ position: relative; float: left; line-height: 40px;}
.boxA-petition .hd ul{ float: left; position: relative; margin-right: 6px;}
.boxA-petition .hd .write, .boxA-petition .hd .select, .mainBox .mHd .write, .mainBox .mHd .select{ height: 28px; line-height: 28px; overflow: hidden; color: #fff; float: right; background: #79b2e2; margin-top: 7px; margin-left: 5px;}
.boxA-petition .hd .write a, .boxA-petition .hd .select a, .mainBox .mHd .write a, .mainBox .mHd .select a{ display: block; float: left; padding: 0px 20px 0px 12px; color: #fff;}
.boxA-petition .hd .write a i, .boxA-petition .hd .select a i, .mainBox .mHd .write a i, .mainBox .mHd .select a i{ width: 20px; height: 28px; float: left; margin-right: 5px; background: url(../../interaction/img/interaction-icons.png) 0px -999px no-repeat; transition: all .5s;}
.boxA-petition .hd .write a:hover i, .boxA-petition .hd .select a:hover i, .mainBox .mHd .write a:hover i, .mainBox .mHd .select a:hover i{ transform: rotateY(180deg);}
.mainBox .mHd .write, .mainBox .mHd .select{ margin-top: 11px;}
.boxA-petition .hd .select, .mainBox .mHd .select{ background: #e6954e}
.boxA-petition .hd .select a i, .mainBox .mHd .select a i{ background-position: 0px -1123px;}
.boxA-petition .hd .notice, .boxA-petition .hd .myLetter{ height: 30px; line-height: 30px; overflow: hidden; float: left; margin-top: 5px;}
.boxA-petition .hd .notice a, .boxA-petition .hd .myLetter a{ float: left; padding: 0px 10px 0px 12px;}
.boxA-petition .hd .notice a i, .boxA-petition .hd .myLetter a i{ width: 20px; height: 30px; float: left; margin-right: 5px; background: url(../../interaction/img/interaction-icons.png) 4px -2464px no-repeat;}
.boxA-petition .hd .myLetter a i{ background-position: 4px -2639px;}
.boxA-petition .bd{ overflow: hidden; clear: both; padding: 1px 0px 0px;}

/* 信件列表页 ----------------------------------------------------- */
.letterListPage .mHd .list{ padding: 0 0 0 20px;}
.letterListPage .mHd .list a{ font-size: 16px;}
.letterListPage .mHd .write{ float: right; *display: inline; height: 40px; line-height: 40px; margin: 0;}
.letterListPage .mHd .write a{ display: block; width: 104px; background: #0a4890; height: 40px; overflow: hidden; padding-left: 16px; color: #fff;}
.letterListPage .mHd .select a{ display: block; width: 104px; background: #459ddf; height: 40px; overflow: hidden; padding-left: 16px; color: #fff; background-color: #458adf;}
.letterListPage .mHd .select a span{ padding-left: 25%;}
.letterListPage .mHd .select{ float: right; height: 40px; line-height: 40px;}
.letterListPage .mHd .write a i{ width: 20px; height: 40px; float: left; *display: inline; margin-right: 5px; background: url(../img/icon-01.png) 50% 50% no-repeat; transition: all .5s;}
.letterListPage .mHd .write a span{ float: left; *display: inline;}
.letterListPage .mHd .write a:hover{ text-decoration: none;}
.letterListPage .mHd .write a:hover i{ transform: rotateY(180deg);}

/* 写信页 ----------------------------------------------------- */

/* 写信须知 */
.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: 36px; 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: #156AB6; 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;}

/* 写信内容 */
.onlineplForm .hd{ height: 40px; border-bottom: 2px solid #156AB6;}
.onlineplForm .hd h3{ width: 138px; float: left; *display: inline; text-align: center; height: 40px; line-height: 40px; background: #156AB6; color: #fff; font-size: 16px;}
.onlineplForm .hd .tips{ float: left; *display: inline; padding-left: 20px; height: 40px; line-height: 40px; color: #156AB6; font-size: 12px;}
.onlineplForm .bd{ padding: 30px 0px;}
.onlineplForm .bottombt{ overflow: hidden; height: 40px; text-align: center;}
.onlineplForm .bottombt .inputbutton{ background: #156AB6; 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;}
.onlineplForm .bottombt .restButton{ background: #d3d3d3; vertical-align: middle; border: none; cursor: pointer; width: 75px; 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"]{ width: 80%; border: #ccc solid 1px; color: #36C; height: 20px; overflow: hidden; padding: 5px 0px 5px 5px;}
.LetterInfoTable td textarea[name=Content]{ width: 869px;}
.LetterInfoTable td select{ height: 24px; line-height: 24px;}

/* 使用帮助 ----------------------------------------------------- */
.letterHelpPage .help{ margin-top: 10px;}
.letterHelpPage .help h3{ font-size: 16px; line-height: 2em; padding-left: 10px; font-weight: bold; color: #0068B7; border-bottom: #ddd 1px dotted;}
.letterHelpPage .help .con{ font-size: 14px; line-height: 1.8em; padding: 5px 10px 15px;}

/* 信访查询页 ----------------------------------------------------- */
.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: #1177d9;}

/* 信访查询页结果页 ----------------------------------------------------- */
.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: #3272b9; 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: #4B6EAB; 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: #3272B9;}
.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: #156AB6; 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; color: #36C; height: 20px; overflow: hidden;}
.letterResultPage .onlinepl_result textarea{ width: 90%; border: #d9e6f2 solid 1px; color: #36C; 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: #1177d9; margin: 0 7px; width: 77px; text-align: center; height: 24px; line-height: 24px; color: #fff;}

/* 信访评论页 ----------------------------------------------------- */
.letterCommentPage .onlinepl_comments_B{ margin-bottom: 20px;}
.letterCommentPage .onlinepl_comments_A{ overflow: hidden; padding: 23px 0px 10px;}
.letterCommentPage .onlinepl_comments_A h1{ font: 20px "微软雅黑", "宋体"; line-height: 160%; margin-bottom: 20px; font-weight: bold; text-align: center;}
.letterCommentPage .onl_com_list{ margin: 0px auto; overflow: hidden;}
.letterCommentPage .onl_com_list h2{ font-size: 14px; font-weight: bold; background-color: #f0f0f0; border-bottom: 1px solid white; line-height: 40px; padding-left: 23px; margin: 0px;}
.letterCommentPage .onl_com_list_boxa dl{ margin-bottom: 20px; font-size: 14px;}
.letterCommentPage .onl_com_list_boxa dt{ background: rgb(30, 130, 206); overflow: hidden; height: 40px; line-height: 40px; padding: 0 10px; color: #fff;}
.letterCommentPage .onl_com_list_boxa dt .post-time{ float: right;}
.letterCommentPage .onl_com_list_boxa dt .UserName{ color: #fff; font-weight: bold;}
.letterCommentPage .onl_com_list_boxa dd{ padding: 10px; line-height: 180%;}
.letterCommentPage .onl_com_list_boxa dd p{ line-height: 24px; font-size: 14px; color: #333; margin: 0px; padding-top: 4px;}
.applyQueryResult .tit{ text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px; font-size: 22px; color: #f00;}
.bot{ text-align: center; padding: 20px 0;}
.bot a, .bot button{ cursor: pointer; display: inline-block; height: 46px; line-height: 46px; padding: 0 5%; font-size: 14px; background: #0068B7; border: 0; color: #fff; margin: 0 2%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.letterSearch .searchBox{ float: right; height: 60px; width: 545px;}
.letterSearch .searchBox .hd{ height: 36px; line-height: 36px; padding: 12px 0 12px 59px; float: left; font-size: 16px; color: #333; background: url(/Content/Main/PetitionLetter/img/Petition-icons.png) 19px -151px no-repeat;}
.letterSearch .searchBox .bd{ height: 36px; width: 395px; float: right; padding: 12px 0px 0px 0px;}
.letterSearch .searchBox .keyword{ width: 200px; height: 24px; line-height: 24px; font-size: 14px; padding: 5px 0px 5px 15px; background: #fff; border: 1px solid #ccc; border-right: none; outline: none; float: left;}
.letterSearch .searchBox .searchsubmit{ width: 84px; height: 36px; line-height: 36px; font-size: 16px; color: #fff; text-align: center; background: #458adf; border: none; float: left; font-weight: bold;}
.letterSearch{ overflow: hidden; margin-bottom: 10px; width: 530px;}
.detailTable .preDiv{ width: auto;}
.letterstatusbold{ font-weight: bold;}