/* Just some base styles not needed for example to function */
*, html { font-family: Verdana, Arial, Helvetica, sans-serif; }

body, form, ul, li, p, h1, h2, h3, h4, h5
{
	margin: 0;
	padding: 0;
}
body { color: #ffffff; margin: 0; }
img { border: none; }
p
{
	font-size: 1em;
	margin: 0 0 1em 0;
}

html { font-size: 100%; /* IE hack */ }
body { font-size: 1em; /* Sets base font size to 16px */ }
table { font-size: 100%; /* IE hack */ }
input, select, textarea, th, td { font-size: 1em; }
	
/* CSS Tree menu styles */
ol.tree
{
	    padding: 0px 0px 5px 5px;
	width: 100%;
	
}
	li 
	{ 
		position: relative; 
		list-style: none;
	}
	li.file
	{
		margin-left: -1px !important;
	}
li.file a {
    background: rgba(0, 0, 0, 0) url(document.png) no-repeat scroll 0 0;
    color: #000;
    display: block;
    padding-left: 0;
    margin: 0px 0;
    text-decoration: none;
    background-position: 6px 35%;
    background-size: 12px;
    text-align: left!important;
    padding-left: 20px;
    padding-bottom: 6px;
    padding-top: 0px;
}
		li.file a[href *= '.pdf']	{ background: url(document.png) 0 0 no-repeat; }
		li.file a[href *= '.html']	{ background: url(document.png) 0 0 no-repeat; }
		li.file a[href $= '.css']	{ background: url(document.png) 0 0 no-repeat; }
		li.file a[href $= '.js']		{ background: url(document.png) 0 0 no-repeat; }
	li input
	{
		position: absolute;
		left: 0;
		margin-left: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
		height: 1em;
		width: 1em;
		top: 0;
	}
	.maintrre {
  width: 134px;
      text-align:left!important;
    padding-left: 14px;
}
.subtree {
  width: 140px;
  text-align:left;
  padding-left:16px!important;
}
li input + ol {
  background: rgba(0, 0, 0, 0) url("toggle-small-expand.png") no-repeat scroll 40px 0;
  height: 1em;
  margin: -20px 0 0 -44px;
  padding: 9px 0;
}
		li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
li label {
  /*background: rgba(0, 0, 0, 0) url("folder-horizontal.png") no-repeat scroll 10% 50% / 15px auto;*/
  cursor: pointer;
  display: block;
}
.maintrre {
    width: 134px;
}  
.file {
  width: 161px;
}
li input:checked + ol {
  background: rgba(0, 0, 0, 0) url("toggle-small.png") no-repeat scroll 40px 5px;
  height: auto;
  margin: -24px 0 10px -44px;
  padding: 1.563em 0 0 64px;
}
	li input:checked + ol > li {
  display: block;
  margin: 7px 0 -15px;
}
		li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }