﻿@charset "utf-8";

#sideRmph{display:none}

/* 信件统计 */
.ConsultationStatistics {float: left;}
.ConsultationStatistics label {margin-right: 20px; color: #888;}

/* 信件搜索 */
.letterSearch{ overflow: hidden; margin: 0 0 10px; text-align: center;}
.letterSearch .searchBox{ float:right;}
.letterSearch .searchBox .hd{ height: 36px; line-height: 36px; padding: 0 10px 0 0px; float: left; font-size: 16px; color: #333;}
.letterSearch .searchBox .bd{ height: 36px; width: auto; float: left; padding: 0;}
.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{ background: #35a4db; width: 84px; height: 36px; line-height: 36px; font-size: 16px; color: #fff; text-align: center; border: none; float: left;}
.letterSearch .searchBox .select{ float: left;}
.letterSearch .searchBox .select a{ display: block; background-color: #35a4db; height: 36px; line-height: 36px; font-size: 16px; color: #fff; padding: 0 20px;}
.letterSearch .searchBox .select a:hover{ filter: alpha(opacity=80);opacity: 0.8;}

/* 网上信访-信件列表页 ----------------------------------------------------- */
.mHd .write{float: right; color:#FF950F; margin:8px 15px 0 0; }
.msgWriteBtn {margin: 13px 0 0 15px;width: 72px;height: 32px;line-height:30px;padding-left: 40px;font-size: 15px;background: url(../../base/img/icon.png) no-repeat 0 -864px;overflow:hidden;float: left;}
.msgWriteBtn a,.msgWriteBtn a:hover {color:#fff;}

.letterList{width:100%}
.letterList td,.letterList th{padding: 8px 5px;text-align:center;}
.letterList th{ color:#35a4db}
.letterList thead{background:#F7F7F7;}
.letterList .title{text-align:left; }
.letterList .num{display:none}
.letterList .ico{padding:8px 2px;}
.letterList .ico img{vertical-align: middle;}

/* 网上信访-信件内容页 ----------------------------------------------------- */
.letterCon table{ margin-bottom:10px; background: #fff; width: 100%}
.letterCon table,
.letterCon table tr,
.letterCon table tr td{ border:1px solid #e6e6e6; border-collapse:collapse}
.letterCon table thead tr{border-color: #35a4db;}
.letterCon table thead th{background:#35a4db; height:40px; line-height:40px; color:#fff; font-size:16px; text-align: center;border-color: #2D97E8;}
.letterCon table tbody td{padding: 14px 10px;}
.letterCon table tbody td.tit,.letterCon table tbody td.tdName{font-weight:bold; background:#f7f7f7; text-align:center; width: 20%}

.letterDetailTable{}
.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;}

.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:#2D97E8;  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: #1177d9; 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{margin: 20px;background: url(../img/bgletter.jpg) 0 0px no-repeat #f2f2f2;min-height: 500px;padding: 50px 140px 80px 170px;}
.letterWritePage #xyBox h3{font-size: 35px;color:#35a4db;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: #35a4db; 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{
    background: #fff;
}
.onlineplForm{
    padding: 30px;
}
.onlineplForm .hd{height: 40px; border-bottom: 2px solid #35a4db;}
.onlineplForm .hd h3{width: 138px; float: left; _display: inline; text-align: center; height: 40px; line-height: 40px; background: #35a4db; color: #fff; font-size: 16px;}
.onlineplForm .hd .tips{float: left; _display: inline; padding-left: 20px; height: 40px; line-height: 40px; color: #35a4db; font-size: 12px;}
.onlineplForm .bd{padding: 30px 0px}
.onlineplForm .bottombt{ overflow:hidden; height:40px; text-align:center;}
.onlineplForm .bottombt .inputbutton{background: #35a4db;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; color:#36C; height:20px; overflow:hidden; padding: 5px 0px 5px 5px}
.LetterInfoTable textarea{  height: auto }
.LetterInfoTable td select{height: 24px; line-height: 24px;}


/* 信件查询 -----------------------------------------------------*/
.bot { text-align: center; padding: 20px 0; }
.bot a, .bot button { cursor: pointer; display: inline-block; height: 46px; line-height: 46px; padding: 0 10%; font-size: 16px; background: #FF950F; border: 0; color: #fff; margin: 0 2%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.bot a:hover, .bot button:hover { text-decoration: none; background: #d87900; }
.applyFormQuery input[type=text] { width: 80%; border: 1px solid #ccc; height: 30px; padding: 0 10px; }
.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; }

/* 信件查询结果 -----------------------------------------------------*/
.applyQueryResult { width: 70%; margin: 0 auto; }
.applyQueryResult { background: #fff; border: 1px solid #e2e2e2; margin: 30px auto; font-size: 16px; padding: 30px; }
.applyQueryResult .tit { text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px; font-size: 22px; color: #f00; }
.applyQueryResult .con { padding: 30px 30px 0 30px; line-height: 2 }
.applyQueryResult ul { padding: 10px 20px }
.applyQueryResult li { padding: 5px 0 }
.applyQueryResult li span { color: #999 }
.applicationFeedback .tit { color: #01AD00; }
.applicationFeedback .con { text-align: center; }
.applicationFeedback .number { color: #f00 }


