/* ------------------------------------Global Style---------------------------------- */
body {font-family:Arial,Tahoma,Verdana; color:#000000; font-size:12px; margin:0; padding:0px;  }
form,div,img{ margin:0; padding:0; border:0; vertical-align:text-bottom;}
fieldset { padding:0 10px 10px 10px; margin:0 0 10px 0; }
legend { font-size:16px; color:#000000; font-weight:bold;   padding:10px 5px 10px 5px; }
.file{ height:auto !important; height:22px;}
input,select,textarea{font-family:Arial,Tahoma,Verdana; font-size:12px; font-weight:normal; font-style:normal; margin-bottom:5px;}
input::-ms-clear{display:none;}
td input,select{/*vertical-align:middle;*/ margin-bottom:5px;}
ul{ margin-top:0; margin-right:0; margin-bottom:10px; margin-left:20px; padding:0; text-align:left;}
ol{ margin-top:0; margin-right:0; margin-bottom:10px; margin-left:20px; padding:0; text-align:left;}
li{ margin-bottom:5px; padding:0;}
li ul,ol{margin-top:5px; margin-right:0; margin-bottom:5px; margin-left:25px; padding:0; text-align:left;}
p{ padding:0; margin:0 0 10px 0;}
h1{padding:0; margin:0 0 10px 0; font-size:24px; color:#000000; font-family:Verdana; }
h2{ padding:0; margin:0 0 10px 0; font-size:18px; color:#000000; font-family:Verdana; }
h3{ padding:0; margin:0 0 10px 0; font-size:16px; color:#000000;  font-weight:bold;  }
h4{ padding:0; margin:0 0 10px 0; font-size:14.7px; color:#000000; font-weight:bold; font-family:Helvetica; }
hr { border-top:solid 1px #aca899; border-left:solid 1px #fff; border-right:solid 1px #fff;border-bottom:solid 1px #fff;}
a {color:#2680ba;} 
a:hover {color: #a00;}
th a{ display:block; width:100%; }
/* Clear Float */
.clear:after {content:"."; display: block; height:0; clear:left; visibility:hidden;}
.clear {display: inline-block;}
* html .clear {zoom:1;}
.clear {display: block;}

/* Position Fixed 
html,body { _height:100%; margin:0; padding:0; }
html {_overflow:hidden;}
body {_overflow:auto;}
.fixed {position:fixed;_position:absolute; bottom:0px; left:0px; width:100%;_width:98.5%;}
*/
#fixHeight{height:26px !important; height:0; font-size:0;}  
.fixed{position:fixed; left:5px; right:5px; border:5px solid #eee; _border:none; background:#fff; width:inherit;}

  
/* -------------------------------General Structure Layout-------------------------------------- */
/* topbar style */
.topbar{ background:#D8B5B5 url(../Img/topbar_bg.gif) top; border-bottom:1px solid #710000; height:26px; line-height:26px; position:fixed; left:0; top:0; width:100%; z-index:98;}
.topbar a{ display:inline-block; background:url(../Img/topbtn_bg.gif) repeat-x bottom; height:26px; line-height:26px; text-decoration:none; font-weight:bold;  color:#000; padding:0 10px 0 10px;}
.topbar a:hover{ color:#000;  background:url(../Img/topbtn_hover.gif) repeat-x bottom; }
.topbar input{ border-left:none; border-bottom:none; border-top:none; background:url(../Img/topbtn_bg.gif) repeat-x bottom; height:26px; line-height:26px; font-weight:bold; color:#000; padding:0 10px 0 10px;}
.topbar input:hover{ background:url(../Img/topbtn_hover.gif) repeat-x bottom; cursor:pointer; }
.btn-left{ float:left; margin-left:0px; border-right:1px solid #710000;}
.btn-right{ float:right; margin-left:0px; border-left:1px solid #710000;}
.path{float:right; font-weight:bold;  margin:0 5px;}
.path a{text-decoration:none; }
.path a:hover{text-decoration:underline; }

/* Box model style */
.box{ text-align:left;  margin:10px 10px 0; }
.box-half{ width:49.5%;}
.box-left{ margin-right:188px; text-align:left; vertical-align:top; display:block !important; display:inline-block; width:auto;}
.box-right{ float:right; width:180px; text-align:left; vertical-align:top;}
.box-left-2{ margin-right:248px; text-align:left; vertical-align:top;  display:block !important; display:inline-block;}
.box-right-2{ float:right; width:240px; text-align:left; vertical-align:top;}
.box-left-3{ margin-right:328px; text-align:left; vertical-align:top; display:block !important; display:inline-block;}
.box-right-3{ float:right; width:320px; text-align:left; vertical-align:top;}
.box-left-4{  text-align:left; vertical-align:top;  display:block !important; display:inline-block; width:100%;}
.box-right-4{ float:right; width:245px; text-align:left; vertical-align:top;}

/* election index */
.electionbar{ background:#EAD8D8; border:1px solid #710000; font-weight:bold; font-family:Arial; margin-bottom:10px; text-align:center;  white-space:nowrap;}
.electionbar a{display:block !important; display:inline-block; text-decoration:none; font-weight:bold; font-family:Arial; color:#000; padding:5px 10px 5px 10px;}
.electionbar a:hover {color: #000;}
.electionbar td{ height:23px;}

/* tab style */
.tab{ border-right:1px solid #eee; border-top:1px solid #eee; border-left:1px solid #eee; background:#fafafa; font-weight:bold;  text-align:right; }
.tabtitle {float:left; position:relative; margin:-1px -1px -1px -1px; color:#517788; text-align:center; text-decoration:none; font-weight:bold;  padding:5px 10px 5px 10px; background:url(../Img/tab_bg.gif); border-style:solid; border-color:#eee #ddd #ddd; border-width:1px; }
.tabtitle-active {float:left; position:relative; margin:-1px -1px -1px -1px; color:#000; text-align:center; text-decoration:none; font-weight:bold;   padding:5px 10px 5px 10px; background:url(../Img/tab_active.gif); border-style:solid; border-width:1px; border-color:#ddd #ddd #f5f5f5; }
.tab-txt{ margin:5px; float:right;}
.tab-input{ margin:0px 5px; float:right;}

/* content model style */
.title{background:url(../Img/title_bg.gif) repeat-x bottom;  font-weight:bold; border-right:1px solid #ddd; border-top:1px solid #ddd; border-left:1px solid #ddd; padding:5px; text-align:left; zoom:1; }
.subtitle{background:#f5f5f5; color:#999; border-right:1px solid #ddd; border-top:1px solid #ddd; border-left:1px solid #ddd; font-weight:bold; padding:2px 5px; zoom:1; overflow:hidden;  }
.content{background:#fff; padding:5px; border:1px solid #ddd; zoom:1;}
.filter{ position:absolute; right:10px; top:-23px; }

/* list model style */
.list{background:#fff; border:1px solid #ddd; zoom:1; }
.list table{ border-collapse:collapse; }
/*
.list table{ table-layout:fixed;}
.list td{ overflow:hidden;}
 */
.list-head th{ padding:0 5px; height:20px; border-bottom:1px solid #ddd; background:#f5f5f5; color:#999; font-weight:bold; text-align:left; }
.list-head td{ padding:0 5px; height:20px; border-bottom:1px solid #ddd; background:#f5f5f5; color:#999; font-weight:bold; }
.list-head a{ color:#999;}
.list-head a:hover{ color:#333;}
.list-scroll{background:#fff; zoom:1; overflow-y:scroll; overflow-x:hidden; border:1px solid #aaa; }
.list-scroll2{background:#fff; zoom:1; overflow-y:auto; overflow-x:auto; border:1px solid #aaa; }
.list-body th{padding:0 5px; height:28px; border-bottom:1px dashed #ddd; border-top:1px solid #ddd; background:#f5f5f5; font-weight:bold;}
.list-body td{padding:0 5px; height:28px; border-bottom:1px dashed #ddd; border-top:1px dashed #ddd; word-break:break-all;}
.light{}
div.light{ border-bottom:1px dashed #ddd;}

/* form model style */
.form{background:#fff; padding:20px; border:1px solid #ddd; zoom:1;}
.form-txt{ background:#eee; padding:5px; vertical-align:top; border-bottom:1px solid #fff; text-align:left;}
.form-input{background:#fafafa; padding:2px; vertical-align:top;  border-bottom:1px solid #fff; text-align:left;}
.input-date{ background:#fff url(../Img/calendar.gif) right no-repeat; border:1px solid #7F9DB9; padding:2px 1px !important; padding:2px; cursor:pointer;}
.input-search{ background:#fff url(../Img/search.gif) right no-repeat; border:1px solid #7F9DB9; padding:2px 1px !important; padding:2px; cursor:pointer;}
.input-mini{padding:0; height:12px; line-height:12px; width:20px;}
.input-disable{ border:1px solid #7F9DB9; background:#EBEBE4; color:#ACA899; padding:2px;}
.input-over{ position:absolute; left:2px; top:0px; z-index:1;}
.input-base{ width:215px;}
.btnbar{ padding:5px 0 10px 0; text-align:left;}
.btn { margin-bottom:5px; display:block; text-align:center; text-decoration:none; font-weight:bold;  padding:5px 0px; background:url(../Img/title_bg.gif) repeat-x bottom; border:1px solid #C7E2F1; }
.btn-date{ background:url(../Img/calendar.gif) right no-repeat; border-style:none; width:16px; height:16px; cursor:pointer;}
.btn-delete{ background:url(../IMG/ico_delete.gif) no-repeat; border:0; cursor:pointer; width:14px; height:14px; }
.hand{ cursor:pointer;}
.column{ border:1px solid #ddd; background:#fff; padding:5px; }
.column-gray{ border:1px solid #ddd; background:#fafafa; padding:5px; margin:5px 0;}

/* pagination style */
.pagination{ padding:3px 5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center; background:#fafafa; zoom:1; }
.letter{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center; background:#fafafa; zoom:1; }
.letter a{color:#999; display:inline-block;  width:20px; height:20px; text-align:center; line-height:20px; border-right:1px solid #eee; background:#fafafa; text-decoration:none;} 
.letter a:link {color: #2680ba; }
.letter a:visited {color: #2680ba;} 
.letter a:hover {color: #a00; } 
.letter a:active {color: #0000FF; zoom:1;}

/* Storage UserControl style */
.control-storage{ display:inline; position:relative;}
.control-ddl{ position:absolute; top:18px; left:0px; width:50px; display: none; overflow:auto; background:#fff; border:1px solid #3C7FB1; padding:1px; z-index:10;}
.control-txt{ background:#FFF url(/UI/Img/dropdown.gif) right no-repeat; border:1px solid #7F9DB9; padding:2px 1px !important; padding:2px; cursor:pointer;}
.control-ddl a{ color:#333; text-decoration:none; display:block; padding:2px; cursor:pointer;}
.control-ddl a:hover{ text-decoration:none; background:#BCE5FC;}
a.control-selected{ color:#fff; background:#3399FF; border:1px dotted #CC6600;}

/* Survery style */
.Surverybox{ margin:50px 15%; border:1px solid #dddddd; padding:80px;}
.Survery-tit {text-align:center; line-height:40px; padding:20px 0;}
.Survery-section {margin-bottom:12px; font-size:17px; text-align:left;}
.Survery-section-left {margin-bottom:12px; font-size:17px;}
.Survery-text {font-size:16px; line-height:35px;}
.Survery-PI { line-height:22px; text-align:left; font-weight:bold; margin:0 10%;}
.Survery-hr-os {padding:15px 0; }
/* .Survery-hr {width:100%; border-bottom:1px dashed #dddddd;border-top:0;border-left:0;border-right:0; }*/ 
Survery-hr {width:100%;}
.edit-input {background:#eee; padding:2px; vertical-align:middle; border-bottom:1px solid #fff; text-align:left;}
.edit-box { font-size:18px; line-height:30px; font-weight:bold; width:770px; height:30px;}
.edit-form-text {background:#eee; padding:5px; vertical-align:top; border-bottom:1px solid #fff; text-align:left; font-size:14px; font-weight:bold; color:#f00; line-height:30px;}
.edit-seceion-text {padding:5px; vertical-align:top; border-bottom:1px solid #fff; text-align:left; font-size:14px; font-weight:bold;}



/*  -------------------------------Specific Presentation-------------------------------------- */
/* pop alert style */
.popShield{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=15); opacity:0.15; z-index:99; }
.popShadow{ position:absolute; padding:3px; background:#bbb; z-index:99;}
.popFram{ position:absolute; left:2px; top:2px; border:2px solid #666; background:#eee; padding:0 5px 5px;}
.popHead{text-align:right; padding:4px 0 5px 0;  }
.popBody{background:#fff; border:2px solid #999; overflow:auto; cursor:default;}
.popBody #palView{ display:table;width:100%;}
.popBtn{ position:absolute; left:15px; *left:5px; top:3px;}
.btnClose{ width:20px; height:20px; border:0; padding:0; background:url(/UI/Img/img_close.gif) no-repeat center; cursor:pointer;}
.dragAble{ cursor:move;}

/* form element width style */
.wid-text-side{ width:160px;}
.wid-select-side{ width:165px;}
.wid-mini{ width:60px;}
.wid-mini-1{ width:50px;}
.wid-mini-2{ width:20px;}

.wid-text{ width:140px;}
.wid-text-1{ width:90px;}
.wid-text-2{ width:43px; width:41px\9; *width:43px; _width:40px;}
.wid-text-s{ width:190px;}
.wid-text-m{ width:240px;}
.wid-text-l{ width:300px;}
.wid-text-half{ width:65px;}

.wid-listbox{ width:250px;}
.wid-select{ width:145px;}
.wid-select-1{ width:95px;}
.wid-select-2{ width:48px; width:46px\9; *width:48px; _width:45px;}
.wid-select-s{ width:195px;}
.wid-select-m{ width:245px;}
.wid-select-l{ width:305px;}


/* warning style */
.note{border: 1px solid #FFC30E; padding:2px 5px; background-color: #FFFBB8; text-align: left; color: #333; zoom:1; }
/* Failed Style */
.note-0{border: 1px solid #FF8080; padding:5px; background: #FFF2F2; text-align: left; color: #333; zoom:1; }
/* Successed Style */
.note-1{border: 1px solid #B0DF97; padding:5px; background: #F2FEE6; text-align: left; color: #333; zoom:1; }
/* Information Style */
.note-i{border: 1px solid #C8D9E8; padding:2px 5px; background: #F4F9FE; text-align: left; color: #333; zoom:1; }

/* float style */
.float-l{ float:left; font-size:12px; }
.float-r{ float:right; font-size:12px; margin-top:-3px;}

/*margin style*/
.magT-10{ margin-top:10px;}
.magB-10{ margin-bottom:10px;}
.magB-5{ margin-bottom:5px; }
.magL-1{ margin-left:2px; padding:1px 0;}
.magL { margin-left:5px;}

/*padding style*/
.pad-5{ padding:5px;}
.pad-10{ padding:10px;}
.pad-20{ padding:20px;}

/*text style*/
.ut{ color:#0000FF; line-height:20px;}
.txt-view{ color:#0000FF; line-height:20px;}
.txt-info{ color:#1C5180;}
.txt-bold{ font-weight:bold; }
.txt-red{ color:#f00; font-weight:normal;}
.txt-blue{ color:blue; font-weight:normal;}
.txt-gray{color:gray; font-weight:normal;}
.txt-line{ line-height:150%;}
.indent{padding-left:20px;}
.txt-light{ font-size:18px; color:#ff0000; background:#ffffff; border:none; font-weight:bold;}
.txt-light1{ font-size:14px; border:none; font-weight:bold; color:#ff0000;}


/*  -------------------------------Special Page Style-------------------------------------- */
.calendar{ border:1px solid #ddd; }
.calendar-day{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:url(../Img/title_bg.gif) repeat-x bottom; height:28px; line-height:28px; text-align:center; font-weight:bold; }
.calendar-date{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa; height:20px; line-height:20px; text-align:center;}
.calendar-date a{ display:block; width:100%; text-decoration:none;}
.calendar-item{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.calendar-item a{ display:block; text-decoration:none;  background:#fafafa; padding:2px 0; text-align:center; font-weight:bold; border-bottom:1px solid #ddd; }
.calendar-item div a{ display:inline-block; text-decoration:none; background:none; padding:2px 5px; text-align:left; font-weight:normal; border-bottom:none;}
.calendar-item div a:hover{ text-decoration:underline;}
.calendar-other{border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;background-color:White;}
.calendar-other div{ display:none;}
.calendar-other a{ display:none;}
.calendar-btn{ background:url(../Img/title_bg.gif) repeat-x bottom; border:1px solid #ddd; cursor:pointer; font-weight:bold;  padding:0 5px; }

.sendoption{ margin:0 0 5px 20px; }
.sampleDiv{ font-size:12px; border:solid 1px #ddd; background:#fff; overflow:auto; overflow-x:hidden; height:380px;}
.sampleDiv span{ display:block; margin:1px; color:#000; padding:5px;  background:#fff; border:solid 1px #eee;text-decoration:none;text-align:left; cursor:pointer;}
.scrollBox{ font-size:12px; border:solid 1px #ddd; background:#fff; overflow:auto; overflow-x:hidden;}
.scrollBox div{ display:block; margin:1px;  background:#fff; border:solid 1px #eee; text-align:left; }
           
.step{ background:red; padding:10px 15px; font-weight:bold; text-decoration:none; display:inline-block; width:100px; color:#fff; text-align:center;}
.step-completed{ background:blue; padding:10px 15px; font-weight:bold; text-decoration:none; display:inline-block; width:100px; color:#fff; text-align:center;}

.comments{ position:absolute; width:130px; top:16px; right:2px; display:none;}
.tag{ display:block; padding:5px 10px; float:left; background:#fff; border:1px solid #999; text-decoration:none; margin-top:10px;}
.quote{ position:relative; display:none; text-align:left;}
.quote div{ position:absolute;  width:350px; left:-350px; top:-18px; text-align:right;}
.quote input{ width:310px; font-size:11px; }
.definedMsg a { text-decoration:none; color:#000000;}
.mapbox{ background:#fff; border:solid 1px #ddd;}
.unit{ white-space: nowrap;}
.unit input{ width:30px; text-align:right;}
.CageTrStyle{ background:#E3EEFB; font-size:16px;}
.deleterow td{ text-decoration:line-through;}
.nodeTD{background-image:url(/UI/Img/branch.gif); background-repeat:no-repeat;}

.stat_head{ padding:5px; border:1px solid #fff; background:#ddd; font-weight:bold; text-align:center;}
.stat_list{ padding:5px; border:1px solid #fff; background:#eee; font-weight:bold; text-align:center;}
.stat_list a{ display:inline-block; padding:5px; text-align:center; }

.indexStat th{ padding:5px; border:1px solid #fff; background:#ddd; text-align:center;}
.indexStat td{ border:1px solid #fff; background:#eee; font-weight:bold; text-align:center;}
.indexStat a{ display:block; padding:5px 0; width:100%; text-align:center; }
.home-btn {  float:left; margin:0 10px 10px 0; display:block !important; display:inline-block; text-decoration:none; font-weight:bold;  padding:5px 10px; background:url(../IMG/title_bg.gif) repeat-x bottom; border:1px solid #eee; }

.space label{ padding-right:3px;}
/*  -------------------------------Paper Page Style-------------------------------------- */
.letter_portrait{ margin:10px auto; width:8.5in; _height:11in; position:relative; z-index:1; background:#fff; }
.letter_landscape{ margin:10px auto; width:11in; _height:8.5in; position:relative; z-index:1; background:#fff; }
.A4_landscape{ margin:10px auto; width:11.69in; _height:8.27in; position:relative; z-index:1; background:#fff; }
.letter_portrait_page{ border:1px solid #bbb; width:7.5in; _height:10in; overflow-x:auto; padding:0.5in; background:#fff; text-align:left; }
.letter_portrait_page input{ border:none; border-bottom:1px solid #000; font-size:14px; color:Blue; text-align:center;}
.letter_landscape_page{ border:1px solid #bbb; width:10in; _height:7.5in; overflow-x:auto;  padding:0.5in; background:#fff; text-align:left; }
.paper_shadow{ position:absolute; top:6px; left:6px; width:100%; height:100%; background:#EEE; z-index:-1; }
.paper_bar{margin:10px auto; width:8.5in;}
.paper_edit input{ border:none; border-bottom:1px solid #000; font-size:14px; color:Blue; text-align:center;}
.logValue{ color:#0000FF;}

/*----------------------------------pollaccess----------------------------------------------*/
.quiz_section{ border:1px solid #ddd; background:#fafafa; padding:5px; margin:10px 0; font-size:16px; font-weight:bold;}
.quiz_section span{ font-size:12px; color:Gray;}
.quiz_title{ font-size:14px; font-weight:bold; text-decoration:underline; line-height:150%;}
.quiz_option{ text-indent:18px; line-height:150%;}
.quiz_answer{ margin-bottom:10px; line-height:150%;}
.btn_home a{ display:inline-block; background:url(../IMG/btn_red.gif) repeat-x center; height:55px; width:175px; line-height:55px; text-align:center; font-size:16px; text-decoration:none; font-weight:bold; color:#fff; }
.btn_home a:hover{ display:inline-block; background:url(../IMG/btn_red_over.gif) repeat-x center; color:#fff; }
.btn_quiz a{ display:inline-block; background:url(../IMG/btn_quiz.gif) repeat-x center; height:40px; width:120px; line-height:40px; text-align:center; font-size:14px; text-decoration:none; font-weight:bold; color:#fff; }
.btn_quiz a:hover{ display:inline-block; background:url(../IMG/btn_quiz_over.gif) repeat-x center; color:#fff; }
.disable{ border-style:none; border-width: thin; background-color:Transparent; color: #CCCCCC; cursor:wait;}

.popDiv{ border:2px solid #000; padding:5px; position:absolute; z-index:2; background:yellow; text-align:left;}
.popDiv a{ display:inline-block; color:#2680ba; padding:2px; border:none;text-decoration:underline; text-align:left;}
.popClose{ background:#000; width:14px; height:14px; text-align:center; line-height:14px; font-weight:bold; font-size:12px; color:#fff; float:right; margin:0 0 5px 5px;}

#wrap_search{ width:0px; padding-left:10px; vertical-align:top; }
.wrap_search2{ width:0px; padding-left:10px; vertical-align:top; }
.wrap_search{ position:relative;  }
.wrap_search img{ position:absolute; left:-8px; top:0; cursor:pointer; }


.scan-txt{ font-size:24px;}
.scan-btn{ font-size:24px; height:40px;}
.scan-input{ font-size:24px; height:30px; line-height:30px; font-family:Times New Roman;}

.focusBtn{background:#f3f3ee; border:2px solid #FF9900;}

.more{ display:none; position:absolute; border:1px solid #ddd; background:#eee; padding:3px 0px; width:300px; text-align:center; z-index:1;}
.more a{ margin:2px 5px; display:block; text-align:center; text-decoration:none; font-weight:bold; background:url(../Img/title_bg.gif) repeat-x bottom; border:1px solid #C7E2F1;}
.more input{ width:95%; margin:2px 5px; display:block; text-align:center; height:26px; line-height:26px; text-decoration:none; font-weight:bold; background:url(../Img/title_bg.gif) repeat-x bottom; border:1px solid #C7E2F1;}
.more input:hover{ background:url(../Img/topbtn_hover.gif) repeat-x bottom; cursor:pointer; }
.more .btn-left{ float:none;}

.pop{ position:absolute; border:2px solid #5794BF; padding:3px; background:#fff; color:#333; z-index:1;}
.pop_tag a{ float:left; margin:5px; display:block; padding:5px; background:#E9F9FF; text-align:center;}
.hide_node{ display:none;}
.show_node{ display:inline;}

.flowBox td{ text-align:center; vertical-align:middle; line-height:150%; }
.flowBox td div{ background:#f6f6f6; border:1px solid #ddd;  border-radius:5px; box-shadow:2px 2px 5px #ccc; padding:10px; margin:5px;  }

/*#PWEN_navAssignment_lbtnNav, #PWEN_navWorkerProfile_lbtnNav {width:200px; height:20px; font-size:16px;}*/

/*  -------------------------------Printing Style--------------must at the end of the style file------------------------ */
@media print 
{
.letter_portrait{ border:none; width:100%; height:100%; padding:0; background:#fff; text-align:left;  }
.letter_landscape{ border:none; width:100%; height:100%; padding:0; background:#fff; text-align:left;  }
.A4_landscape{ border:none; width:11.69in; _height:8.27in; padding:0; overflow:hidden; background:#fff; }
.letter_portrait_page{ border:none; width:100%; height:100%; padding:0; background:#fff; text-align:left;  }
.letter_landscape_page{ border:none; width:100%; height:100%; padding:0; background:#fff; text-align:left;  }
.paper_shadow{ display:none; }
.paper_bar{ display:none; }
.noprint{ display:none; }
.btnbar{ display:none;}
.pagination{ display:none;}
.letter{  display:none;}
.topbar{  display:none;}
#fixHeight{  display:none;}
.list-scroll{background:#fff; zoom:1; height:auto !important; overflow:hidden; border:none; }
.hide_node{ display:inline;}
.show_node{ display:inline;}
}

/*----------------------------------reset jquery-ui Style----------------------------------------------*/
.ui-tooltip {max-width: 1000px !important;}

.line-feed{word-break:break-all;}

/*------------------------------------------------------------------------------------------------------*/
.main{
    position: relative;
    margin-bottom:35px
}
.subnav {
    background: #D8B5B5 url(../Img/topbar_bg.gif) top;
    border-bottom: 1px solid #710000;
    height: 26px;
    line-height: 26px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 98;
}
.subnav a{
    display: inline-block;
    background: url(../Img/topbtn_bg.gif) repeat-x bottom;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    padding: 0 10px 0 10px;
}
.subnav input{
    border:0;
    float: left;
    margin-left: 0px;
    border-right: 1px solid #710000;
    display: inline-block;
    background: url(../Img/topbtn_bg.gif) repeat-x bottom;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    padding: 0 10px 0 10px;
}
.subnav .more{ display:none; position:absolute; border:1px solid #ddd; background:#eee; padding:3px 0px; width:300px; text-align:center; z-index:1;}
.subnav .more a{ margin:2px 5px; display:block; text-align:center; text-decoration:none; font-weight:bold; background:url(../Img/title_bg.gif) repeat-x bottom; border:1px solid #C7E2F1;}
.subnav .more input{ width:95%; margin:2px 5px; display:block; text-align:center; height:26px; line-height:26px; text-decoration:none; font-weight:bold; background:url(../Img/title_bg.gif) repeat-x bottom; border:1px solid #C7E2F1;float: none;}
.subnav .more input:hover{ background:url(../Img/topbtn_hover.gif) repeat-x bottom; cursor:pointer; }
.subnav .more .btn-left{ float:none;}
.subnav .btnbar{
    padding:0;
}
.nav_btn{
    float: left;
    margin-left: 0px;
    border-right: 1px solid #710000;
}
.subnav a:hover,.subnav input:hover{
    cursor:pointer;
    color: #000;
    background: url(../Img/topbtn_hover.gif) repeat-x bottom;
}
.list_paper{
    text-align: left;
    margin: 10px 10px 0;
}
.list_title .title{
    display:block;
}
.edit_title .title{
    display:block;
}
.tab.list_title:after{
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}
.box .list_paper{
    margin:0 0 10px;
}
.oldVersionForm .electionbar{
    margin:10px;
}
.oldVersionList_paper{
    width:100%!important;
    min-width:100%!important
}
/*.searchbar{
    padding:10px 0 6px 0;
}*/
.searchbar .oldVersionSearchStyle{
    vertical-align: bottom;
}
.right_bar{
    float: right;
    width: 240px!important;
    margin: 10px;
    text-align: left;
    vertical-align: top;
}
.right_bar .list_paper{
    margin:0;
}
.left_bar{
    background:url(../Img/title_bg.gif) repeat-x bottom;  
    font-weight:bold; 
    border-right:1px solid #ddd; 
    border-top:1px solid #ddd; 
    border-left:1px solid #ddd; 
    text-align:left; 
    zoom:1;
    margin: 10px 10px 0;
}
.left_bar:after{
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}
.left_bar + .center_bar .list_paper,.left_bar + .center_bar .box{
    margin-top:0;
}
.center_bar{
    text-align: left;
    vertical-align: top;
    display: block !important;
    display: inline-block;
}
.right_bar + .center_bar,.right_bar + .left_bar + .center_bar,.right_bar + .left_bar{
    margin-right: 250px;
    text-align: left;
    vertical-align: top;
    display: block !important;
    display: inline-block;
}
.left_bar + .center_bar{
    margin-right:0;
}
.right_bar+ .left_bar{
    margin-right:260px;
}
.F_search{
    background-position: center;
    background-repeat: no-repeat;
    background: url(../Img/Form-btn-s-search.png) repeat-x bottom;
    width: 54px;
    background-size: cover;
    border: 1px solid #aaa;
    height: 20px;
    cursor:pointer;
    vertical-align: bottom;
}
.T_add{
    background-position: center;
    background-repeat: no-repeat;
    background: url(../Img/Form-btn-s-add.png) repeat-x bottom;
    width: 35px;
    background-size: cover;
    border: 1px solid #aaa;
    height: 20px;
    cursor:pointer;
    vertical-align: bottom;
}
.T_delete,.T_remove{
    background-position: center;
    background-repeat: no-repeat;
    background: url(../Img/Form-btn-s-delete.png) repeat-x bottom;
    width: 50px;
    background-size: cover;
    border: 1px solid #aaa;
    height: 20px;
    cursor:pointer;
    vertical-align: bottom;
}
.oldVersion_createNewOfficeRequest{
    width:160px;
    background:url(../IMG/Form-btn-s-createNewOfficeRequest.png) repeat-x bottom;
}
.C_upload{
    background-position: center;
    background-repeat: no-repeat;
    background: url(../Img/Form-btn-s-upload.png) repeat-x bottom;
    width: 52px;
    background-size: cover;
    border: 1px solid #aaa;
    height: 20px;
    cursor:pointer;
    vertical-align: bottom;
}
a.C_edit:after{
    content:"Edit"
}
a.C_delete:after{
    content:"Delete"
}
input.C_delete{
    background-position: center;
    background-repeat: no-repeat;
    background: url(../Img/Form-btn-s-delete.png) repeat-x bottom;
    width: 50px;
    background-size: cover;
    border: 1px solid #aaa;
    height: 20px;
    cursor:pointer;
    vertical-align: bottom;
}
.oldVersionButtonGroupPosition{
    position:absolute;
    bottom:-35px;
    margin:0;
    padding:0;
}
.oldVersionSelectGroup{
    margin-top:3px!important;
    padding-right: 5px;
}
.oldVersionSelectGroup2{
    margin-top:18px;
    padding:0!important;
}
.oldVersionSelectGroup3{
   position:absolute;
   right:5px;
   top:3px;
   margin:0!important;
   padding:0!important;
}
.oldVersionSelectGroup4{
    margin-top:-20px;
    padding:0!important;
}
.oldVersionSearch .main{
    margin-top:35px;
}
.oldVersionSearchbar{
   position: absolute;
    top: -25px;
}
.oldVersionPosition1{
    position:relative;
}
.oldVersionPosition1 .btnbar_bottom{
    display:inline-block;
}
.oldVersionPosition1 .oldVersionPosition1Button{
    display:inline-block;
}
.popShadow .oldVersionSearchbar{
    position:static;
}
.oldVersionSearchbar .oldVersionSearchbar{
    position:static;
}

.btnbar_bottom{
    padding: 5px 0 10px 0;
    text-align: left;
}
.popBody .list_paper{
    margin-top:0;
}
.popBody .popBtn{
    margin-left:0!important;
}
.popBody .btnbar_bottom{
    padding-left:10px;
}
.popBody .oldVersionPopWindow1 .main{
    margin-top:5px;
}
.popBody .oldVersionPopWindow1 .title{
    display:block;
}
.popBody .oldVersionPopWindow1  .oldVersionSelectGroup3{
    position:static;
    float:none;
}
.calendarbox{
    border:0!important;
}
.calendarbox .form-txt{
    background: #eee!important;
    border:0!important;
    border-bottom: 1px solid #fff!important;
}
.calendarbox .form-input{
    background:#fafafa!important;
    border:0!important;
    border-bottom: 1px solid #fff!important;
}
.calendarbox table tr td{
    background:none!important;
}
.filebox{
    display:inline-block;
}
.searchbar .Advanced_search{
    display:none;
}
.searchbar .As_more label{
    display:inline-block;
    vertical-align: middle;
}

.oldVersionDownloadTemplate{
    display:inline-block!important;
}
.oldVersionDownloadTemplate2{
    display:none;
}
.oldVersionPopWindow2 .note{
    display:block;
}
.oldVersionPopWindow2 .btnbar_bottom{
    text-align:center;
}
.oldVersionPopWindow2 .btnbar_bottom>input{
    margin-right:10px;
}

/*-----------window-----------------*/
.layui-layer{
    padding: 6px!important;
    background: #eee!important;
    border-radius: 0!important;
    border: 2px solid #666;
    box-sizing:border-box;
}
.layui-layer-title{
    background-color: inherit!important;
    height: 34px!important;
    line-height: 34px!important;
    padding: 0 40px 0 0!important;
}
.layui-layer-content{
    background: #fff;
    border: 2px solid #999;
    box-sizing:border-box;
    height:calc(100% - 35px);
}
.layui-layer-iframe iframe{
    border-radius:0!important;
    height:100%!important;
}
.layui-layer-ico{
    background: url(/UI/Img/img_close.gif) no-repeat center!important;
    width: 20px!important;
    height: 20px!important;
    margin-top: -3px;
}
.layui-layer-resize{
    display:none;
}
.searchbar{
padding:10px 0;
}
.main .searchbar {
    padding: 0 0;
}
.As_more{
            display:inline;
vertical-align: middle;
        }