#wrapper{
	opacity: 0;
}
#main_preload{
	position: fixed;
	left: 50%;
	top: 50%;
}

ol.tree
{
	padding: 0 0 0 30px;
}
	li 
	{ 
		position: relative; 
		margin-left: -15px;
		list-style: none;
	}
	li.file
	{
		margin-left: -1px !important;
	}
		li.file a
		{
			background: url(document.png) 0 0 no-repeat;
			padding-left: 21px;
			text-decoration: none;
		}
		li.file a[href *= '.pdf'] { background: url(pdf.png) 0 0 no-repeat; }
		li.file a[href *= '.mht'] { background: url(web.png) 0 0 no-repeat; }
		li.file a[href *= '.css'] { background: url(web.png) 0 0 no-repeat; }
		li.file a[href *= '.htm'] { background: url(web.png) 0 0 no-repeat; }
		li.file a[href *= '.xml'] { background: url(web.png) 0 0 no-repeat; }
		li.file a[href *= '.php'] { background: url(web.png) 0 0 no-repeat; }
		li.file a[href *= '.js'] { background: url(web.png) 0 0 no-repeat; }
		li.file a[href *= '.doc'] { background: url(doc.png) 0 0 no-repeat; }
		li.file a[href *= '.txt'] { background: url(doc.png) 0 0 no-repeat; }
		li.file a[href *= '.inf'] { background: url(doc.png) 0 0 no-repeat; }
		li.file a[href *= '.nfo'] { background: url(doc.png) 0 0 no-repeat; }
		li.file a[href *= '.jpg'] { background: url(img.png) 0 0 no-repeat; }
		li.file a[href *= '.png'] { background: url(img.png) 0 0 no-repeat; }
		li.file a[href *= '.gif'] { background: url(img.png) 0 0 no-repeat; }
		li.file a[href *= '.ico'] { background: url(img.png) 0 0 no-repeat; }
		li.file a[href *= '.mpg'] { background: url(mpg.png) 0 0 no-repeat; }
		li.file a[href *= '.avi'] { background: url(mpg.png) 0 0 no-repeat; }
		li.file a[href *= '.wmv'] { background: url(mpg.png) 0 0 no-repeat; }
		li.file a[href *= '.mkv'] { background: url(mpg.png) 0 0 no-repeat; }
		li.file a[href *= '.mp4'] { background: url(mpg.png) 0 0 no-repeat; }
		li.file a[href *= '.m4v'] { background: url(mpg.png) 0 0 no-repeat; }
		li.file a[href *= '.flv'] { background: url(mpg.png) 0 0 no-repeat; }
		li.file a[href *= '.ts'] { background: url(mpg.png) 0 0 no-repeat; }
		li.file a[href *= '.vob'] { background: url(mpg.png) 0 0 no-repeat; }
		li.file a[href *= '.mov'] { background: url(mpg.png) 0 0 no-repeat; }
		li.file a[href *= '.rar'] { background: url(rar.gif) 0 0 no-repeat; }
		li.file a[href *= '.zip'] { background: url(rar.gif) 0 0 no-repeat; }
		li.file a[href *= '.exe'] { background: url(app.png) 0 0 no-repeat; }
		li.file a[href *= '.cmd'] { background: url(cmd.png) 0 0 no-repeat; }
		li.file a[href *= '.bat'] { background: url(cmd.png) 0 0 no-repeat; }
		li.file a[href *= '.apk'] { background: url(apk.png) 0 0 no-repeat; }
		li.file a[href *= '.iso'] { background: url(iso.png) 0 0 no-repeat; }
		li.file a[href *= '.mdf'] { background: url(iso.png) 0 0 no-repeat; }
		li.file a[href *= '.mp3'] { background: url(mus.png) 0 0 no-repeat; }
		li.file a[href *= '.wma'] { background: url(mus.png) 0 0 no-repeat; }
		li.file a[href *= '.m4a'] { background: url(mus.png) 0 0 no-repeat; }
		li.file a[href *= '.torrent'] { background: url(torrent.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;
	}
		li input + ol
		{
			background: url(toggle-expand.png) 40px 0 no-repeat;
			margin: -0.938em 0 0 -44px; /* 15px */
			height: 1em;
		}
		li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
	li label
	{
		background: url(folder.png) 15px 1px no-repeat;
		cursor: pointer;
		display: block;
		padding-left: 37px;
	}

	li input:checked + ol
	{
		background: url(toggle.png) 40px 5px no-repeat;
		margin: -1.25em 0 0 -44px; /* 20px */
		padding: 1.563em 0 0 80px;
		height: auto;
	}
		li input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
		li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }
		
.search {
	width: 30%;
	position: absolute;
	right: 0px;
}
.search ul {
	-webkit-margin-start: 1px;
	-webkit-padding-start: 1px;
	-webkit-margin-end: 5px;
	-webkit-margin-before: 1px;
    -webkit-margin-after: 1px;
	right: 3px;
	position: relative;
	width: 98%;
	z-index: 99;
}
.searched {
	white-space: nowrap;
	overflow: hidden;
	background: #fff;
	text-overflow: ellipsis;
}
.search input[type="text"] {
	position: relative;
	width: 97.7%;
	right: 2px;
}

@media screen and (max-width: 768px) {
	.search {
		width: 170px;
		top: 5px;
	}
	.search input[type="text"] {
		width: 160px;
	}
	.search ul {
		width: 94%
	}
}