f.hlBox@charset "UTF-8";

.main {

  margin: 15px; }

.box-wrapper {
  position: relative; }

.main .hlBox .box-main {
  padding-right: 120px; 
  }

.box-side {
  float: right; _position:absolute; _top:60px; _right:0;z-index:999;}
/*zhanghuan 4/18 add start  */
.main .hlBox .box-main{padding:0;}
.box-side{padding:5px;}
 /*zhanghuan 4/18 add end  */
.formBox-table td, .formBox-table th {
  line-height: 30px; }
.formBox-table th {
  min-width: 90px;
  _width: 60px; }
.formBox-table input {
  font-size:12px;
  width: 99%;
  *width: 96%;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  vertical-align: middle;
  height: 28px;
  line-height: 28px; 
  padding-left:1%;
  max-width:200px;
  /**padding-left:4%; */
  }

.formBox-table input.baseBtn{ width:auto;}
.formBox-table input.w85{ width:80%; float:left;}
.formBox-table input.w75{ width:75%; float:left;}
.formBox-table input.W20{width:20%;}
.buttonline{height: 30px;line-height: 30px; text-align:center; float:right;}
.formBox-table.tablecoror input{border: 1px solid d2d2d2;background-color: #FFF;}
.formBox-table input[type="radio"],
.formBox-table input[type="checkbox"] {
  width: auto;
  min-width: 10px;
  border: 0 none; }
.formBox-table input.w-60 {
  width: 60%;
  margin-right: 10px; }
.formBox-table input.input-w01 {
  min-width: 25px;
  width: 18px;
  border: none;
  background-color: #fff;
  vertical-align: middle;
  height: 18px;
  line-height: 18px; }
.formBox-table input.input-radio {
  margin-right: 100px;
  display: block; }
.formBox-table select {
  min-width: 120px;
  max-width: 200px;
  width: 100%;
  *width: 120px;
  padding:5px;
  height: 30px;border: 1px solid #E0E0E0;
  line-height: 28px; padding:5px;
  font-size:12px; } 
.formBox-table option {
  line-height: 30px;
  height: 30px; }
.formBox-table textarea {
  width: 200px;
  min-height: 5em; padding:5px; border:1px solid #E0E0E0;}

.hlBox {
 	background-color: #f0f3f8;
 	padding:0;
 	overflow:hidden;
}
.box-border {
  border: 1px solid #cbcbcb; overflow:hidden; }
#data .l-panel{ overflow:hidden;}
.table-center td, .table-center th {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;border: 1px solid #cbcbcb; 
  font-size:12px;}

.asterisk {
  color: #d1121b;
  margin-right: 5px; }

.w-200 {
  width: 200px; }

.recipient-list {
  position: absolute;
  width: 15%;
  border: 1px solid #cacaca;
  top: 0;
  right: 15px; }

.recipient-list h3 {
  font-size: 14px;
  text-align: center;
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #dbdbdb;
  background: url(../images/list-title-bg.jpg) repeat-x; }

.recipient-list span {
  height: 34px;
  line-height: 34px;
  display: block; }

.recipient-list input {
  margin-right: 8px;
  margin-left: 5px; }
.recipient-list ul{	min-height:auto;}
.v-align-m {
  vertical-align: middle; }

.no-m-bottom {
  margin-bottom: 0px; }

.p-relative {
  position: relative; }


.input-wide {
  width: 68%; }

.input-narrow {
  width: 30px; }

.formBox-add input[type="text"],
.formBox-add input[type="password"], 
.formBox-add select {
  min-width: 200px;
  _width: 224px; }
.formBox-add input[type="radio"]{margin-right:5px;}
.formBox-add .labelSty { width:100px; }
.contBox.m-l100.m-t30 .formBox-add .labelSty { /* width:150px; */ }
.moduleset .formBox-add .labelSty { width: 0px;}
.formBox-add dd {
  line-height: 32px; }
.formBox-add input.w96{ width:96% !important;min-width: inherit !important;}
.formBox-add input.w85{ width:84% !important;min-width: inherit !important;}
.formBox-add .w45{ width:43% !important;min-width: inherit !important;}
.formBox-add .w15{width:11%; height:30px;}
.formBox-add .w45 input{width:100%!important;min-width: inherit !important;}
.formBox-add dd textarea.input-wide{ width:94%;}
.formBox-add dd input[type="radio"]{border:none; margin-left:15px;}

.mainInnerSide {
  width: 250px;
  min-height: 400px;
  border: 1px solid #e0e0e0;
  padding-bottom: 15px;
  float: left;
  margin-right: 15px; overflow:hidden; }

.box-menuTree h2 {
  font-size: 14px;
  color: #303030;
  margin-bottom: 15px; }
.box-menuTree .menu-tree {
  margin: 0 15px;
  padding-bottom: 15px;
  border-left: 1px dashed #a6a6a6;
  position: relative; }
.box-menuTree h3 {
  height: 20px;
  padding-left: 20px;
  line-height: 20px;
  position: relative;
  background: url(../images/line_menu_tree.png) left center no-repeat;
  cursor: pointer; }
  .box-menuTree h3 i {
    margin-right: 5px; }
  .box-menuTree h3 b {
    width: 13px;
    height: 13px;
    background-position: -44px -73px;
    position: absolute;
    left: -7px;
    top: 2px;
    background-color: #fff; }
.box-menuTree .subItemList {
  display: none;
  border-left: 1px dashed #a6a6a6;
  margin-left: 30px; }
  .box-menuTree .subItemList li {
    background: url(../images/line_menu_tree.png) left top no-repeat; 
    padding-left: 20px;
    cursor: pointer; }
    .box-menuTree .subItemList li a {
      color: #999999; }
    .box-menuTree .subItemList li i {
      margin-right: 5px; }
.box-menuTree .menu-tree.current h3 b {
  background-position: -27px -73px; }
.box-menuTree .menu-tree.current .subItemList {
  display: block; }

.tip-popoBox {
  padding: 0 15px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  position: absolute; }
  .tip-popoBox .arrow {
    width: 11px;
    height: 11px;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    background: url(../images/popup_arrow_hl.png) left top no-repeat; }
  .tip-popoBox.atRight .arrow {
    width: 11px;
    height: 11px;
    position: absolute;
    top: 10px;
    left: -10px;
    background: url(../images/popup_arrow_r.png) left top no-repeat; }

.tip-hlBox {
  background-color: #ffeee1; }

.link-ctrl {
  color: #913523; margin:0 5px; }

.file-box {
  width: 150px;
  height: 100px;
  border: 1px dotted #ccc;
  text-align: center;
  line-height: 100px;
  color: #999;
  position: relative;
  cursor: pointer; }

.file-box i.close {
  width: 16px;
  height: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-image: url(../images/icons.png);
  background-repeat: no-repeat;
  background-position: left -115px;
  vertical-align: middle;
  position: absolute;
  right: -5px;
  top: -5px; }

.arrow-show {
  text-indent: -999em;
  overflow: hidden; }


.innerBox {
  padding: 15px;
  background-color: #fff; }


.box-border .l-panel {
  border: 0 none; }

a.a-chose {
  border: 1px solid #dcdcdc;
  padding: 0 10px;
  line-height: 20px;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer; }

a.cut {
  border: 1px solid red;
  cursor: pointer; }

.baseBtn02 {
  padding: 0 10px;
  border-radius: 5px;
  height: 30px;
  line-height: 28px;
  font-size: 14px;
  cursor: pointer;
  background: url(../images/baseBtn-bg01.jpg) repeat-x;
  color: #606060;
  border: 1px solid #cacaca; }

.apartment-img {
  width: 86px;
  height: 86px;
  float: left; }

.m-t55 {
  margin-top: 55px; }

.w75 {
  width: 75%; }
.m-t5 {
  margin-top:5px; }

.m-t10 {
  margin-top: 10px; }

.m-l5 {
  margin-left: 5px; }

.photo-box {
  width: 100%;
  margin-top: 15px; }

.photo {
  width: 166px;
  background-color: #ededed;
  height: 159px;
  position: relative;
  margin-right: 20px;
  float: left; margin-bottom:10px; }
  .photo img {
    width: 151px;
    height: 116px;
    margin: 0 auto;
    display: block;
    padding-top: 8px; }
  .photo span {
    display: block;
    text-align: center;
    font-size: 14px;
    margin-top: 8px; white-space:nowrap; width:150px; overflow:hidden; }

.drop-menu {
  position: absolute;
  top: 13px;
  right: 13px; }

.drop-menu i {
  width: 18px;
  height: 14px;
  background: url(../images/icon.png) no-repeat;
  display: block;
  cursor: pointer; }

.drop-menu-list {
  width: 68px;
  background-color: #fff;
  right: 0px;
  position: absolute;
  display: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  padding-bottom: 5px;
  padding-top: 5px; }

.drop-menu-list a {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  border-bottom: 1px solid #ededed;
  letter-spacing: 5px; }
  .drop-menu-list a.no-line {
    border-bottom: none; }

.drop-menu.hover .drop-menu-list {
  display: block; }

.uploadBtn {
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  background: url(../images/baseBtn-bg02.jpg) repeat-x;
  color: #fff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px; border:none; }


a.uploadBtn:hover {
  color: #fff; }

a.uploadBtn i {
  width: 21px;
  height: 16px;
  background: url(../images/icons.png) no-repeat -29px -104px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin-right: 8px; }

.select-box {
  width: 200px;
  height: 28px;
  border: 1px solid #cacaca;
  margin-top: 15px;
  margin-left: 15px; }

.layout-table {
  width: 100%; }
  .layout-table td,
  .layout-table th {
    padding: 5px; }
  .layout-table th {
    text-align: right;vertical-align:middle;width:10%; font-size:12px; }
	.layout-table th.vertical_c{ vertical-align:top;}
  .layout-table td {
    text-align: left; vertical-align:middle; font-size:14px;}
    .layout-table button{ width:15%; height:32px;}
    .layout-table button#addCoordinate,.layout-table button#editCoordinate{ width:35%;}
    .hlBox .layout-table button{ width:auto; height:28px;line-height28px;}
    .hlBox .layout-table td a{ margin-right:2%;*margin-right:2%;  font-size:12px;white-space:nowrap;}
.layout-table td span{ line-height:35px;}



/*11.22Update*/
/*user_addOrUpdate.jsp*/
.formItem_div{
	float:left;
	display: inline-block;
    min-width:50%;
    vertical-align: top;
    padding-bottom:12px;
    line-height: 32px;
}
.formItem_div2{
	width:100%;
	min-height:32px;
    vertical-align: top;
    padding-bottom:12px;
}
.formItem_div font , .formItem_div2 font {
	margin-right:4px;
}
 .formItem_div .payattention ,  .formItem_div2 .payattention{
	color:#e56562;
	text-align:center;
}
.formItem_div2:after{
	content:"";
	display:block;
	clear:both;
}
.formItem{
	clear:both;
	width:100%;
	text-align:center;
}
.Item_center{
	text-align:center;
}
.formBox.formBox-add{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
	padding-top:12px;
}
.btn_use{
	width: 120px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    margin-right: 36px;
    letter-spacing: 3px;
    text-align: center;
    font-size: 12px;
    background-color:#8db7f7;
    color:#fff;
    border:0;
    cursor: pointer;
    transition: all .2s;
    margin-top: 10px;
}
.btn_use:hover{
	background-color:#689bed;
}
.btn_use.single{
	margin-right: 0;
}
.btn_print{
	width: 120px;
	height: 35px;
	display: inline-block;
	line-height: 35px;
	letter-spacing: 3px;
	text-align: center;
	font-size: 12px;
	background-color: #ffc887;
	color: #fff;
	cursor: pointer;
	transition: all .2s;
}
a.btn_print:hover{
	color:#fff;
	background-color:#ffaf51
}
#form1 a.btn_use:hover{
	text-decoration: none;
	color:#fff;
	background-color:#689bed;
	
}
a.btn_use:hover{
	text-decoration: none;
	color:#fff;
	background-color:#689bed;
	
}
/*roles_list.jsp*/
.layout-table .td_1{
	text-align:right;
}
.formBox-add dd:before{
		display:none;
	}


.labeldivnname{
	display:inline-block;
	vertical-align:top;
	width:150px;
	text-align:right;
}
.labeldiv{
	width:220px;
	display: inline-block;
}

.bk_color{
	background-color:#fff;
}

.box-mainitem{display:inline-block;padding:4px 10px 4px 4px;box-sizing:border-box;}
.box-mainitem input{
	max-width:120px;
	height:28px;
	line-height:28px;    
	font-size: 12px;    
	font-size: 12px;
	border: 1px solid #e0e0e0;
	background-color: #fff;
	vertical-align: middle;				
}						
.box-mainitem select{height:28px;min-width: 100px;max-width: 120px;}
.box-side{padding:5px;}

/* 添加icon为绿色，删除icon为红色 */

.fa-plus-circle{color:#76bd7b;}
.fa-times-circle , .fa-minus-circle{color:#e56562;}

/* 不打印 */
 @media print{    
    		.noprint{display:none;} 
		}  
iframe body{height:100%;}