#shareFile {width: 100%; float: left; display: flex;}
#shareFile .tree {padding: 0 40px 0 0;}
#shareFile .tree .shareFileEditDir, #shareFile .tree .staffroomFileEditDir {color: #eee;}
#shareFile .tree .shareFileEditDir:HOVER, #shareFile .tree .staffroomFileEditDir:HOVER {color: #000;}
#shareFile .tree .shareFileDeleteDir, #shareFile .tree .staffroomFileDeleteDir {color: #eee;}
#shareFile .tree .shareFileDeleteDir:HOVER, #shareFile .tree .staffroomFileDeleteDir:HOVER {color: #000;}
#shareFile .tree .selectedDir {font-weight: bold; border-bottom: 1px dotted #333;}

#shareFile .files {padding: 0 0 0 40px; border-left: 2px dashed #ccc;}
#shareFile .files .actualPath {font-weight: bold; font-style: italic;}

#shareFile .tree UL {display: block; margin: 0px 0px 0px 20px; list-style: none; line-height: 2em; font-family: Arial;}
#shareFile .tree UL LI {font-size: 16px; position: relative;}
#shareFile .tree UL LI:before {position: absolute; left: -15px; top: 0px; content: ''; display: block; border-left: 1px solid #ddd; height: 1em; border-bottom: 1px solid #ddd; width: 10px;}
#shareFile .tree UL LI:after {position: absolute; left: -15px; bottom: -7px; content: ''; display: block; border-left: 1px solid #ddd; height: 100%;}
#shareFile .tree UL LI.root {margin: 0px 0px 0px -20px;}
#shareFile .tree UL LI.root:before {display: none;}
#shareFile .tree UL LI.root:after {display: none;}
#shareFile .tree UL LI:last-child:after {display: none;}