body { font: 12px/1.33 "Microsoft Yahei", tahoma, "宋体", sans-serif;}
html, body {height: 100%;margin: 0;padding: 0;}
form{background: url(homebg.png);background-size: 100% 100%;}
#tabs .tree-node-selected {background: #ffe48d;color: #000000;}
.panel-body {overflow: auto;border-top-width: 0; }
.panel {background: #D6E3F7;}
#tabs .panel-header {background-color: #E0ECFF;background: -webkit-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
    background: -moz-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);background: -o-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
    background: linear-gradient(to bottom,#EFF5FF 0,#E0ECFF 100%);background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF,endColorstr=#E0ECFF,GradientType=0);}
#tabs .icon-edit {background: url('icons/pencil.png') no-repeat center center;}
.dialog-button {text-align: center;}
.textbox {height: 20px;padding: 0 2px;}
/***************************************************************************************/
.adnavItem {padding: 4px 0 4px 4px;margin-bottom: 1px;cursor: pointer;width: 205px;border: solid 1px #eff;
    background: #eff;font-size: 14px;margin-top: 1px;margin-left: 2px;}
.adnavItem:hover {border: 1px dashed #99BBE8;background-color: #E0ECFF;cursor: pointer;}
.adnavItem span {display: inline-block;width: 32px;height: 32px;margin-right: 5px;vertical-align: middle;background-repeat: no-repeat;}
.mapIcon {padding: 1px 0 1px 2px;cursor: pointer;width: 120px;font-size: 14px;height: 30px;line-height: 30px;}
.mapIcon span {display: inline-block;width: 28px;height: 28px;margin:5px 5px 0 0;vertical-align: middle;background-repeat: no-repeat;}
.mapJobIcon {padding: 1px 0 1px 2px;cursor: pointer;width: 120px;font-size: 14px;height: 34px;line-height: 34px;}
.mapJobIcon span {display: inline-block;width: 32px;height: 32px;margin:2px 4px 0 0;vertical-align: middle;background-repeat: no-repeat;background-size: 100% 100%;}
/***************************************************************************************/
.MapDialogArea {border-collapse: collapse;}
.MapDialogArea td {font-size: 14px;height: 20px;border: 1px solid;min-width: 150px;word-break: break-all;
    word-wrap: break-word;padding: 7px 0 7px 0;text-align: center;line-height: 20px;}
.MapLayoutArea {border-collapse: collapse;}
.MapLayoutArea td {font-size: 14px;height: 20px;border: 1px dashed #99BBE8;background-color: #E0ECFF;
    min-width: 130px;word-break: break-all;word-wrap: break-word;padding: 8px 0 8px 10px;line-height: 20px;}
.JobStateArea {border-collapse: collapse;margin-top: 20px;}
.JobStateArea td {font-size: 15px;height: 20px;border: 1px dashed #99BBE8;background-color: #E0ECFF;
    width: 8%;word-break: break-all;word-wrap: break-word;padding: 8px 0 8px 0;line-height: 20px;}
.JobWarnOrEmergencyArea {border-collapse: collapse;}
.JobWarnOrEmergencyArea td {font-size: 13px;height: 15px;border: 1px dashed #99BBE8;
    min-width: 60px;word-break: break-all;word-wrap: break-word;padding: 7px 0 7px 0;line-height: 15px;}
.JobProcess {border-collapse: collapse;padding: 0 0 10px 0;}
.JobProcess td {font-size: 14px;height: 20px;border: 1px solid;width: 8%;word-break: break-all;
    word-wrap: break-word;padding: 7px 0 7px 0;text-align: center;line-height: 20px;}
.JobProcess th {font-size: 14px;height: 20px;border: 1px solid;width: 15%;word-break: break-all;
    word-wrap: break-word;padding: 7px 0 7px 0;text-align: center;line-height: 20px;}
.JobCheckInfo {border-collapse: collapse;padding: 0 0 10px 0;}
.JobCheckInfo td {font-size: 14px;height: 20px;border: 1px solid;width: 8%;word-break: break-all;
    word-wrap: break-word;padding: 7px 0 7px 0;text-align: center;line-height: 20px;}
.JobCheckInfo th {font-size: 14px;height: 20px;border: 1px solid;width: 10%;word-break: break-all;
    word-wrap: break-word;padding: 7px 0 7px 0;text-align: center;line-height: 20px;}
.ReportInfo {border-collapse: collapse;padding: 0 0 10px 0;}
.ReportInfo td {font-size: 12px;height: 15px;border: 1px solid;width: 150px;word-break: break-all;
    word-wrap: break-word;padding: 2px 0 2px 0;text-align: center;line-height: 15px;}
.ReportInfo th {font-size: 12px;height: 15px;border: 1px solid;width: 150px;word-break: break-all;
     word-wrap: break-word;padding: 2px 0 2px 0;text-align: center;line-height: 15px;}
.center-block, .carrousel, .carrousel .wrapper {margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.gallery {list-style: none;}
.portrait {width: 150px;box-shadow: 0 0 3px #555;background-color: #FFF;padding: 5px;margin: 7px 0px 0px 7px;
    text-align: center;cursor: pointer;float: left;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-filter: grayscale(100%);}
.portrait:hover {-moz-transform: scale(1.04, 1.04);-ms-transform: scale(1.04, 1.04);-webkit-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04);box-shadow: 0 0 5px #555;-webkit-filter: grayscale(0%);}
.portrait .pic {width: 100%;margin: 5px 0;}
.portrait .date {font-size: 10px;font-weight: bold;}
.portrait .foot {font-size: 11px;}
.portrait .foot .heart {margin-left: 4px;}
.carrousel {position: fixed;background-color: rgba(10, 10, 10, 0.8);display: none;}
.carrousel .wrapper {width: 800px;height: 600px;overflow: hidden;}
.carrousel .wrapper > img {width: 100%;}
.close {cursor: pointer;color: #FFF;position: absolute;top: 4px;right: 8px;font-size: 18px;}
.close:hover {font-size: 20px;color: #DDD;}