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

.overflow { overflow:auto; position:relative; }
ul.tree { display:block; font:12px Arial, Helvetica, sans-serif; color:#000; margin-bottom:100px;  }
ul.tree li { display:inline-block; text-align:center; margin:20px; vertical-align:top; list-style: none; padding: 0; }
ul.tree li.tnone { display:none; }
ul.tree ul.tshow { display:block!important; }
ul.tree li > div { display:inline-block; padding:7px 10px; text-decoration:none; position:relative; z-index:2; min-width:40px; background:#27a9e3; color:#fff; font-weight:bold; text-align: center; }
ul.tree li > div.z-index { z-index: 3; }
ul.tree li > div span { display: block; font-size:12px; font-weight:normal; margin-bottom: 2px; }
ul.tree li > div .image_field { }
ul.tree li > div .view_btn { display: inline-block; cursor: pointer; padding: 1px 5px; background: #fff; font-size:10px; color:#333; font-weight: normal; }

.form_box { position:fixed; width:100%; height:100%; left:0; top:0; z-index: 99999; text-align: center; background: rgba(0, 0, 0, 0.5); }
.form_box form { position:relative; display: inline-block; text-align:left; padding:10px; top:100px; background:#da9628; color:#fff;  }
.form_box form img.close { position:absolute; right:-5px; top:-5px; float:right; cursor:pointer; background-color:#e02222; padding:2px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.form_box form input[type=text] { width:150px; background:#ffc; padding:4px; font:12px Arial, Helvetica, sans-serif; color:#000; border:none; margin:5px 0; display:block; }
.form_box form input[type=password] { width:150px; background:#ffc; padding:4px; font:12px Arial, Helvetica, sans-serif; color:#000; border:none; margin:5px 0; display:block; }
.form_box form select { width:150px; background:#ffc; padding:4px; font:12px Arial, Helvetica, sans-serif; color:#000; border:none; margin:5px 0; display:block; }
.form_box form textarea { height:35px; width:150px; background:#ffc; padding:4px; font:12px Arial, Helvetica, sans-serif; color:#000; border:none; margin:5px 0; display:block; }
.form_box form textarea.error { background:#d84a38; }
.form_box form textarea:focus { background:#ffc; }
.form_box form label { font-size:12px; font-weight: normal; }
.form_box form .tree_user_img { display:block; margin:0 auto; }
.form_box form .tree_user_img_upload { display:block; margin:10px auto; }
.form_box form .submit, .form_box form .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:5px 0 0 0; background:#4d90fe; }
.form_box form .submit:hover, .form_box form .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:absolute; top:0; left:0; cursor:pointer; }
img.load { position:absolute; }

.tree_view_popup { position: fixed; width:100%; z-index: 99999; height: 100%; left:0; top:0; text-align: center; background: rgba(0, 0, 0, 0.5); }
.tree_view_popup div { position: relative; text-align: left; display: inline-block; min-width:100px; padding:15px; margin: 100px auto 0 auto; background: #DA9628; font:12px Arial, Helvetica, sans-serif; color: #fff; }
.tree_view_popup div span { display: block; margin-bottom: 5px; }
.tree_view_popup div span.image_field img { }
.tree_view_popup div img.close { position:absolute; right:-5px; top:-5px; float:right; cursor:pointer; background-color:#e02222; padding:2px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }