@charset "utf-8";#treeStructure>div,body,ul.tree li,ul.tree li ul{margin:0;padding:0}.empDetailPopup,.formBox{position:fixed;height:100%;left:0;top:0;z-index:99999;background:rgba(0,0,0,.5);width:100%}.navigation,.norecords{font-family:Arial,Helvetica,sans-serif;text-align:center}.empDetailPopup,.formBox,.formBox form .edit,.formBox form .submit,.navigation,.norecords,ul.tree,ul.tree li,ul.tree li>div{text-align:center}#treeStructure>div{position:relative;top:24%;clear:both;width:100%;height:86%;overflow:auto;max-width:inherit}ul.tree{display:block;margin:0 auto;padding:0;list-style:none;font:12px Arial,Helvetica,sans-serif;color:#000}.empDetailPopup div,.formBox form{position:relative;text-align:left;background:#da9628;display:inline-block}ul.tree li{display:inline-block;vertical-align:top;list-style:none;line-height:inherit;border:none}.formBox form input[type=checkbox],.formBox form label{vertical-align:middle}.formBox form input[type=file],.formBox form input[type=text],.formBox form textarea{font:12px Arial,Helvetica,sans-serif;width:150px;margin:5px 0;padding:4px;border:none}ul.tree li ul li{margin-left:10px;margin-right:10px;padding:0}ul.tree li>div{display:inline-block;background:#fff;border:1px solid #888;position:relative;z-index:2;width:100px;min-height:100px}ul.tree li>div.z-index{z-index:3}ul.tree li>div .img{width:100%}ul.tree li>div .viewBtn{width:auto;display:inline-block;cursor:pointer;padding:2px 10px;margin-bottom:5px;background:#00008b;color:#fff;font-size:10px;text-transform:uppercase;font-weight:400;border-radius:3px}ul.tree li>div span.description,ul.tree li>div span.title{display:block;margin-bottom:2px;text-align:center;padding:0 5px 2px}ul.tree li b.highlight{position:absolute;width:7px;height:7px;bottom:0;left:-15px;background:#fff;border:2px solid gray;border-radius:80px;cursor:pointer}ul.tree li b.highlight.active{background:green;border:2px solid green}ul.tree li.highlight>div{border:1px solid green;box-shadow:1px 1px 10px 5px #90ee90}ul.tree li.highlight>div span.description,ul.tree li.highlight>div span.title{color:green}ul.tree li .horizontal,ul.tree li .vertical{display:inline-block;position:absolute;z-index:1;background:#888}ul.tree li .vertical{width:1px}ul.tree li .horizontal{height:1px}ul.tree li .add_action,ul.tree li .delete_action,ul.tree li .edit_action{position:absolute;width:12px;height:12px;cursor:pointer;padding:2px;background-color:#28b779;background-position:center;background-repeat:no-repeat;border-radius:10px}.empDetailPopup div img.close,.formBox form img.close{position:absolute;float:right;background-color:#da9628;cursor:pointer}ul.tree li .add_action{top:4px;right:-8px;background-image:url(images/add.png)}ul.tree li .edit_action{top:23px;right:-8px;background-image:url(images/edit.png)}ul.tree li .delete_action{top:42px;right:-8px;background-image:url(images/close.png)}ul.tree li b.hide{position:absolute;width:11px;height:12px;bottom:15px;left:-15px;background:url(images/hide.png) no-repeat;cursor:pointer}ul.tree li b.hide.show{background:url(images/show.png) no-repeat}.empDetailPopup div{width:200px;padding:15px;margin:100px auto 0;font:12px Arial,Helvetica,sans-serif;color:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}.empDetailPopup div img{max-width:100%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.empDetailPopup div span{display:block;margin-bottom:5px}.empDetailPopup div img.close{right:-5px;top:-5px;padding:3px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}.formBox form{padding:10px;top:100px;max-width:200px;color:#fff;border-radius:5px}.formBox form .img{max-width:100%!important}.formBox form img.close{right:-6px;top:-6px;padding:4px;border-radius:10px}.formBox form input[type=file],.formBox form input[type=text]{color:#000;display:block}.formBox form textarea{height:35px;color:#000;display:block}.formBox form textarea.error{background:#d84a38}.formBox form label{font-size:12px;font-weight:400}.formBox form .tree_user_img{display:block;margin:0 auto;width:100%}.formBox form .edit,.formBox form .submit{border:none;display:block;font:700 11px Arial,Helvetica,sans-serif;color:#fff;padding:5px 15px;cursor:pointer;margin:5px 0 0;background:#4d90fe}.formBox form .edit:hover,.formBox form .submit:hover{background:#8a9ef5}.navigation{background:#eee;padding:10px;border-bottom:1px solid #ccc}.navigation a{font-size:15px;font-weight:700;text-decoration:none;display:inline-block;color:#000;border:1px solid #ccc;background:#fff;padding:5px 10px}.navigation a.active{background:#ccc}.navigation p{margin-top:10px;margin-bottom:10px;font-size:14px;color:#000}