#side-nav { width: 300px; padding: 0 6px 0 0; margin: 0px; display: block; position: absolute;  left: 0px; }

#nav-sync { position: absolute; top: 5px; right: 35px; z-index: 0; }
#nav-sync img { opacity: 0.3; display: block; }

#nav-tree { padding: 0; background: #fff ; overflow: auto; }
#nav-tree ul { width: 270px; list-style: none outside none; margin: 0px; padding: 0px; }
#nav-tree li { padding: 3px 0; border-bottom: 1px solid #ccc; line-height: 24px; clear: both; }
#nav-tree li:last-child { border: none; }
#nav-tree li a { color: #0076a3; }
#nav-tree li a:hover { text-decoration: underline; }
#nav-tree li img { display: none; }
#nav-tree li a img { display: block; float: left; }
#nav-tree .selected a { font-weight: bold; color: #333; background-color: #ddd; }
#nav-tree .children_ul { margin-left: 20px; }
#nav-tree-contents { margin: 6px 0px 0px 0px; }

.ui-resizable .ui-resizable-handle { display: block; }
.ui-resizable-handle { display: none; font-size: 0.1px; position: absolute; z-index: 1; }
.ui-resizable-e { width: 5px; height: 100%; background: #ccc;  cursor: e-resize; right: 0; top: 0; }