/* File Explorer Side Bar */
.fesb-adjustment {
	position:relative;
}
#fesb {
	position:fixed;
	height:100%;
	width:4px;
	top:0;
	left:0;
	bottom:0;
	box-sizing:border-box;
	z-index:101;
	white-space: nowrap;
	font:7pt Verdana,Arial,Helvetica,sans-serif;
	background:#FFF;
	color:#000;
}
#fesb form,
#fesb input,
#fesb option,
#fesb submit,
#fesb .select,
#fesb .submit {
	font:7pt Verdana,Arial,Helvetica,sans-serif;
}
#fesb em {
	font-style:normal;
	font-size:7pt; /* 9.33333px */
	border:1px solid black;
	display:inline-block;
	box-sizing:content-box;
	width:7px;
	height:7px;
	line-height:7px;
	margin-right:4px;
	cursor:default;
	text-align:center;
	vertical-align:top;
	position:relative;
	top:3px;
	overflow:hidden;
}
#fesb ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#fesb li {
	margin:0 0 1px 0;
	padding:0;
}
#fesb a:link,
#fesb a.link {
	text-decoration:none;
	color:#0000EE;
}
#fesb a:visited {
	text-decoration:none;
	color: #551A8B;
}
#fesb a.adult,
#fesb a.warn,
#fesb a.warn-nude,
#fesb a.warn-semi-nude,
#fesb a.warn-gore,
#fesb a.warn-sex,
#fesb a.warn-rape {
	background: transparent url("images/warn.gif") top right no-repeat;
	padding-right:20px;
}
#fesb-toggle {
	position:absolute;
	width:20px;
	right:-20px;
	top:26px;
	z-index:101;
	font-size:12pt;
	background:#FFF;
	border:4px solid #666;
	border-left-width:0;
	border-radius:0 4px 4px 0;
	cursor:pointer;
	box-sizing:content-box;
}
#fesb .outer-dragbar {
	height:100%;
	width:4px;
	float:right;
	background:#666;
	cursor:col-resize;
}
#fesb .inner-dragbar {
	height:4px;
	background:#666;
	cursor:row-resize;
	position:absolute;
	top:50%;
	left:0;
	right:4px;
}
#fesb-folders,
#fesb-files {
	box-sizing:border-box;
	position:absolute;
	right:4px;
	left:0;
	overflow:auto;
	background: #FFF url("images/fileexplorer-bg.jpg");
}
#fesb-folders.loading,
#fesb-files.loading {
	background:#FFF url("images/loader-50x50.gif") no-repeat center center;
}
#fesb-folders {
	top:0;
	bottom:50%;
}
#fesb-files {
	top:50%;
	bottom:0;
}
#fesb-folders .content,
#fesb-files .content {
	padding:1em 0.5em 0;
	min-height:100%;
	box-sizing:border-box;
/*	background:#FFF url("images/fileexplorer-bg.jpg");*/
}
#fesb-folders form fieldset {
	margin:0;
	padding:0;
	display: flex;
	max-width: 100%;
	min-width: 0;
	column-gap: 0.5em;
}
/* Sticky */
#fesb-folders .content {
	padding-top: 0; /* Top spacing supplied by #fesb-folders form */
}
#fesb-folders form.filter {
	position: sticky;
	top: 0;
	padding-top: 1em;
	background: #FFF url("images/fileexplorer-bg.jpg");
	z-index: 102;
}
#fesb-folders form.filter input[name="search"] {
	min-width: 0;
}
#fesb-folders form.filter button[type="reset"] {
	cursor: pointer;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
}
#fesb-folders form.filter input[name="search"]:placeholder-shown + button[type="reset"] {
	display: none;
}
/* START: Fix the filter form in place. Using inherit width to make the form fill its parent, but then the
	fesb-folders spill over the outer drag bar so we have to adjust it to the left by the dragbar width. */
/*
#fesb {
	background-image:url("images/fileexplorer-bg.jpg");
}
#fesb-folders {
	margin-top:36px;
	margin-left:-4px;
	padding-left:4px;
	width: inherit;
}
#fesb-folders .content {
	padding-top:0;
	width: inherit;
	position:relative;
}
#fesb-folders form {
	box-sizing:border-box;
	margin-top:-36px;
	margin-left:-16px;
	padding-left:16px;
	position:fixed;
	background:#FFF url("images/fileexplorer-bg.jpg");
	z-index:102;
	padding-top:8px;
	width: inherit;
	right:0;
}
/* END */
#fesb-folders hr {
	height:1px;
	margin:4.67px 0;
}
#fesb-files .content {
	padding-top:1em;
}
#fesb-folders .content:after,
#fesb-files .content:after {
	content: "";
	display:block;
	height:1em;
	width:100%;
}
#fesb-folders ul ul {
	margin-left:13px;
}
ul.special-file-list ul,
#fesb-folders ul ul ul {
	display:none;
}
#fesb-files ul {
	margin-bottom:1em;
}
#fesb-files ul li {
	/*overflow:hidden; /* setting to hidden will cause the list bullet squares to get cut off */
	text-overflow:ellipsis;
}
#fesb-files ul li em {
	margin-left:3px;
}
div.av-player {
	text-align:center;
}
div.av-player h1 {
	font-size:12pt;
	font-weight:bold;
	margin:1.5em 1em 1em 1em;
}
div.av-player h1 a {
	text-decoration:none;
}
div.av-player audio {
	display:block;
	margin:1em auto;
	width:100%;
}
#fesb span.adultAlt {
	color:#666;
	font-style: italic;
	cursor:pointer;
}
#fesb span.adultAlt + a {
	display:none;
}
body.show-adult #fesb span.adultAlt {
	display:none;
}
body.show-adult #fesb span.adultAlt + a{
	display:inline;
}
#fesb .fileHead {
	width:96%;
	box-sizing:content-box;
	height:14px;
	padding:1px 4px 1px 4px;
	margin-bottom:4px;
	position:relative;
	left:-2px;
	cursor:default;
	border:1px solid #FFFFFF;
	overflow:hidden;
	text-overflow: ellipsis
}
#fesb .dirFileHead {border-color:#999999;background-color:#eeeeee;}
#fesb .htmFileHead {border-color:#ff9999;background-color:#ffeeee;}
#fesb .imgFileHead {border-color:#9999ff;background-color:#eeeeff;}
#fesb .sndFileHead {border-color:#66cc66;background-color:#eeffee;}
#fesb .vidFileHead {border-color:#cc66cc;background-color:#ffeeff;}
#fesb .zipFileHead {border-color:#cccc66;background-color:#ffffee;}
#fesb .mscFileHead {border-color:#cccccc;background-color:#ffffff;}

#fesb .dirFile em {background-color:#eeeeee;}
#fesb .htmFile em {background-color:#ff9999;}
#fesb .imgFile em {background-color:#9999ff;}
#fesb .sndFile em {background-color:#99ff99;}
#fesb .vidFile em {background-color:#ff99ff;}
#fesb .zipFile em {background-color:#ffff99;}
#fesb .mscFile em {background-color:#ffffff;}

#fesb a.warn {
	font-style:italic;
}

@media (max-width: 768px) {
	#fesb {
	}
	#fesb-toggle {
		top:42px;
		display:none;
	}
}