@charset "utf-8";

/* 信件列表页 ----------------------------------------------------- */
.petitionListPage .mHd h3 { float: left; }
.petitionListPage .mHd .searchtitle { float: left; padding-left: 20px; }
.petitionListPage .mBd .page li { float: left; }
.petitionListPage .path .fontcolor { color: red; }

/* 侧栏信箱回复统计 */
#sideStatistics { margin-bottom: 0 }
#sideStatistics .hd { padding-bottom: 0; }
.sideStatisticsTable { width: 100%; border-collapse: collapse; empty-cells: show; margin-top: -1px; }
.sideStatisticsTable th,
.sideStatisticsTable td { border: 1px solid #ECECEC; text-align: center; width: 20%; }
.sideStatisticsTable th { background: #EFF4F7 }
.sideStatisticsTable .dept { width: auto; }
.sideStatisticsTable tbody tr:nth-child(2n) td { background: #f8f8f8 }

/* 搜索+写信 */
.petionSearch { overflow: hidden; margin-bottom: 10px; }
.petionSearch .searchBox { float: right; height: 60px; }
.petionSearch .searchBox .hd { height: 36px; line-height: 36px; padding: 12px 10px 12px 59px; float: left; font-size: 16px; color: #333; background: url(../img/petition-icons.png) 19px -151px no-repeat; }
.petionSearch .searchBox .bd { height: 36px; float: right; padding: 12px 0px 0px 0px; }
.petionSearch .searchBox .department { width: auto; height: 36px; line-height: 24px; font-size: 14px; padding: 5px; border: 1px solid #ccc; border-right: none; outline: none; float: left; }
.petionSearch .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; *display: inline; }
.petionSearch .searchBox .searchsubmit { width: 84px; height: 36px; line-height: 36px; font-size: 16px; color: #fff; text-align: center; background: #c00; border: none; float: left; *display: inline; font-weight: bold; }
.petionSearch .searchBox .searchsubmit:hover { background: #c00101; }
.petionSearch .write { float: left; *display: inline; height: 50px; line-height: 50px; }
.petionSearch .write a { display: block; width: 139px; background: #c00; height: 50px; overflow: hidden; padding-left: 20px; color: #fff; border-radius: 5px; }
.petionSearch .write a i { width: 22px; height: 60px; float: left; *display: inline; margin-right: 13px; background: url(../img/petition-icons.png) 0px 14px no-repeat; transition: all .5s; }
.petionSearch .write a:hover { background: #c00101; }
.petionSearch .write a span { float: left; *display: inline; font-size: 17px; }
.petionSearch .write a:hover { text-decoration: none; }
.petionSearch .write a:hover i { transform: rotateY(180deg); }

/* 信访须知 */
#notice { background: url(../img/bgletter.jpg) 50% 0px no-repeat #f2f2f2; min-height: 500px; padding: 50px 240px 80px 270px; }
#notice h3 { font-size: 35px; color: #c00; text-align: center; line-height: 52px; margin-bottom: 40px; }
#notice .info { font-size: 14px; line-height: 28px; height: 325px; overflow-y: auto; }
#notice .info p { padding: 6px 0px; }
#notice .center { overflow: hidden; height: 40px; text-align: center; padding-top: 50px; }
#notice .yesBtn { background: #c00; 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; line-height: 40px; display: inline-block; text-decoration: none; }
#notice .noBtn { 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: 50px; border-bottom: 2px solid #c00; }
.onlineplForm .hd h3 { float: left; text-align: center; height: 50px; line-height: 50px; background: #c00; color: #fff; padding: 0 20px; }
.onlineplForm .hd .tips { float: left; *display: inline; padding-left: 20px; height: 40px; line-height: 40px; color: #c00; font-size: 12px; }
.onlineplForm .bd { padding: 30px 0px }
.onlineplForm .bottombt { overflow: hidden; height: 40px; text-align: center; }
.onlineplForm .bottombt .inputbutton { background: #c00; 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 }
.inputbuttonsubmit { background: #c00; 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 }
.PetitionLetterTable { width: 100% }
.PetitionLetterTable td { line-height: 24px; padding: 8px 5px; vertical-align: top; }
.PetitionLetterTable td .field-validation-error { display: block; color: #ff0000; }
.PetitionLetterTable td.tdlab { width: 130px; text-align: right; }
.PetitionLetterTable td input[type="text"] { width: 80%; border: #ccc solid 1px; height: 20px; overflow: hidden; padding: 5px; }
.detailTable td input[type="text"] { width: 80%; border: #ccc solid 1px; color: #333; height: 20px; overflow: hidden; padding: 5px; }
.PetitionLetterTable td label.radio { float: left; *display: inline; margin-right: 15px; }
.detailTable td label.radio { float: left; *display: inline; margin-right: 15px; }
.PetitionLetterTable td label.radio input { width: 16px; height: 16px; vertical-align: middle; margin-right: 5px; }
.PetitionLetterTable td #Contacts,
.PetitionLetterTable td #ContactInformation,
.PetitionLetterTable td #ExtendContentObject_Profession { width: 230px; }
.PetitionLetterTable td textarea[name=Content] { width: 80%; line-height: 22px; }
.PetitionLetterTable input[type="text"]:focus,
.PetitionLetterTable textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
.PetitionLetterTable td select { height: 24px; line-height: 24px; }
.PetitionLetterTable .codeinp { float: none; overflow: hidden; }
.PetitionLetterTable td .codeinp input { width: 120px; margin-right: 10px; }
.PetitionLetterTable td .codeinp img { height: 28px; width: auto; }

/*时间选择 */
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }

/*时间选择左右箭头定义*/
.dropdown-menu { max-height: 315px; overflow-y: auto; }
.dropdown-menu .menu-search { display: inline-block; width: 75%; margin-left: 5px; }

/* boxA-petition */
.boxA-petition { margin-bottom: 20px; }
.boxA-petition .hd h3 { position: relative; float: left; line-height: 37px; }
.boxA-petition .hd ul { float: left; position: relative; margin-right: 6px; }
.boxA-petition .hd .write,
.boxA-petition .hd .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 { display: block; float: left; padding: 0px 20px 0px 12px; color: #fff; }
.boxA-petition .hd .write a i,
.boxA-petition .hd .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 { transform: rotateY(180deg); }
.boxA-petition .hd .select { background: #e6954e }
.boxA-petition .hd .select a i { background-position: 0px -1123px; }
.boxA-petition .bd { overflow: hidden; clear: both; padding: 1px 0px 0px; }