@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; }
body { background:#eee; }
.overflow { overflow:auto; position:relative; }
ul.tree { display:block; /*font:12px Arial, Helvetica, sans-serif;*/ color:#000; margin-bottom:250px;  }
ul.tree li { display:inline-block; text-align:center; margin:10px; vertical-align:top; }
ul.tree li.tnone { display:none; }
ul.tree ul.tshow { display:block!important; }
ul.tree li > div {width:80px; display:inline-block; padding:7px 10px; text-decoration:none; position:relative; min-width:40px; z-index:2; background:#27a9e3; color:#fff; font-weight:bold; }
ul.tree li > div span { display: inline-block; margin: 0 2px;  }
ul.tree li > div.zindex { z-index:inherit; }
ul.tree li form { display:block; text-align:left; padding:10px; margin-top:15px; position:absolute; z-index:4; background:#da9628; color:#fff; }
ul.tree li form input[type=checkbox] { }
ul.tree li form img.close { float:right; cursor:pointer; background-color:#e02222; padding:2px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
ul.tree li input[type=text] { width:150px; background:#ffc; padding:4px; font:12px Arial, Helvetica, sans-serif; color:#000; border:none; margin:5px 0; display:block; }
ul.tree li input[type=password] { width:150px; background:#ffc; padding:4px; font:12px Arial, Helvetica, sans-serif; color:#000; border:none; margin:5px 0; display:block; }
ul.tree li select { width:150px; background:#ffc; padding:4px; font:12px Arial, Helvetica, sans-serif; color:#000; border:none; margin:5px 0; display:block; }
ul.tree li textarea { height:35px; width:150px; background:#ffc; padding:4px; font:12px Arial, Helvetica, sans-serif; color:#000; border:none; margin:5px 0; display:block; }
ul.tree li textarea.error { background:#d84a38; }
ul.tree li textarea:focus { background:#ffc; }
ul.tree li .submit, ul.tree li .edit { border:none; text-align:center; display:block; font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; padding:5px 15px; cursor:pointer; margin-top:3px; background:#4d90fe; }
ul.tree li .submit:hover, ul.tree li .edit:hover { background:#8a9ef5; }
ul.tree li div.current { background:#28b779; }
ul.tree li div.children { background:#ffb848; }
ul.tree li div.parent { background:#852b99; }
ul.tree li span.vertical, ul.tree li span.horizontal { display:inline-block; position:absolute; z-index:1; background:#bbb; }
ul.tree li span.vertical { width:1px; }
ul.tree li span.horizontal { height:1px; }
ul.tree li b.thide { position:absolute; width:11px; height:12px; bottom:0; left:-17px; background:url(images/hide.png) no-repeat; cursor:pointer; }
ul.tree li b.thide.tshow { background:url(images/show.png) no-repeat; }
ul.tree li b.thide.tnone { display:none; }
ul.tree li span.add_action, ul.tree li span.edit_action, ul.tree li span.highlight, ul.tree li span.delete_action { position:absolute; width:10px; height:10px; cursor:pointer; display:none; padding:2px; background-color:#e02222; background-position:center; background-repeat:no-repeat; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
ul.tree li span.add_action { top:-5px; left:-5px; background-image:url(images/add.png); }
ul.tree li span.edit_action { bottom:-5px; left:-5px; background-image:url(images/edit.png); }
ul.tree li span.highlight { bottom:-5px; right:-5px; background-image:url(images/highlight.png); }
ul.tree li span.delete_action { top:-5px; right:-5px; background-image:url(images/close.png); }
img.back_btn { position:fixed; left:15px; top:15px; cursor:pointer; z-index:3; }
img.load { position:absolute; }
div.drag_error, div.delete_msg, div.edit_msg, div.add_msg, div.drop_msg { position:absolute; color:#fff; position:absolute; right:10px; top:10px; padding:4px 10px; font:14px Arial, Helvetica, sans-serif; z-index:999; }
div.drag_error { background:#b41616; }
div.delete_msg { background:#b41616; }
div.edit_msg { background:#17A769; }
div.add_msg { background:#27A9E3; }
div.drop_msg { background:#852b99; }


/***Customized****/
ul.tree{ font-size: 13px; font-weight:normal; line-height:14px; margin-bottom:30px}
ul.tree li{margin:8px}
ul.tree li > div{width:100px; color:#9f9f9f; border:1px solid #9f9f9f; background:#fff;    font-weight: normal;   padding: 8px 12px; min-height:30px ;   }

ul.tree li div.current { background:#9f9f9f ;     color: #000 !important; /*border:1px solid #a5a5a5 !important;*/  }
ul.tree li div.children { background:#d8d8d8;  color: #000 !important;  /*border:1px solid #a5a5a5 !important;*/ }
ul.tree li div.parent { background:#fbb145; /*border:1px solid #a5a5a5 !important;*/  }

ul.tree > li > div , ul.tree > li > ul > li > div , ul.tree > li > ul > li > ul > li >div{border:1px solid #fbb145 !important; color:#000 !important;width:150px;}
ul.tree > li > div.current, ul.tree > li > ul > li > div.current, ul.tree > li > ul > li > ul > li > div.current
{
        background:#9f9f9f;
    }
ul.tree li > div span{width:100%;height:100%; display:table;}
ul.tree li > div p{width:100%;height:30px; display:table !important;}ul.tree li > div p > label{width:100%;height:100%; display:table-cell !important;vertical-align:middle;}
ul.tree li b.thide{display:none;}