main, input{
	font-family:monospace;
}

#fileshare button{
	font-family:sans-serif;
}

main input{
	nmax-height:14px;
}

#fileshare ul{
	margin:0px;
	list-style:none;
	padding:0px;
}

li{
	padding: 2px;
	margin-bottom:2px;
	noverflow:hidden;
}

#bulletZone{
	ndisplay:table-cell;
	
	height:100%;
	vertical-align:top;
	
	float:left;
	overflow:hidden;
}

#fileshare li #bulletZone .fileIcon, li #fileSelect{
	vertical-align:top;
	margin:0px;
}

/*fileContainer contains the file name and details and content(if applicable);*/

.fileContainer{
	min-height:100%;
	overflow:hidden;
	vertical-align:bottom;
	padding-left:2px;
}



/*fileContent refers to file contents displayed in line*/

.filecontent {
	nwidth:100%;
	overflow:auto;
	white-space:pre;
	font-family:monospace;
	nposition:relative;
	z-index:100;
	position:relative;
	npointer-events:none;
	nbackground-image:url("/images/assets/background/check.gif");
	nbackground-blend-mode:multiply;
	nbackground-color:#ff6;
}

.filecontent.text{
	padding:4px;
	box-sizing:border-box;
	position:relative;
	z-index:20;
	max-height:360px;
	noverflow:scroll;
}

.text p{
	display: inline-block;
	width:100%;
}

/*.filecontent button, */.filecontent .buttonContainer{
	padding:4px;
	background-color:#ffe;
	position:absolute;
	right:10px;
	top:10px;
	z-index:1000;
}

.filecontent .buttons button{
	position:initial;
}

#editActive{
	nbackground-color:rgba(255,255,255,0.75);
	
}

#fileshare .image .filecontent{
	background: none;
}

/*filePreview refers to files viewed in mouseover*/

#fileshare .image img{
	max-width:480px;
}

#fileshare p{
	display:inline;
	position:relative;
	z-index:20;
}

#fileshare img{
	max-width:100%;
}

#fileshare audio{
	width:100%;
}

#fileshare fieldset{
	display:inline;
}

#headerbox{
	border:2px outset;
	padding:4px;
	margin-bottom:2px;
	background-color:#fff;
}

#spaceBar{
	height:12px;
	font-size:12px;
	margin:2px 0px;
	
}

#headerbox h2{
	display:inline;
}

#headerbox h2, #headerbox h2 input{
	margin:0px;
	font-family:serif;
	font-size:24px;
	font-weight:bolder;
}

#headerbox h2 input{
	font-family:serif;
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
	#fileshare fieldset{
		width:100%;
		box-sizing:border-box;
		margin:0px;
	}
	
	#directory{
		padding:0px;
		nlist-style-position: inside;
	}
	
/*	#directory li{
		npadding-left:40px;
		noverflow:scroll;
	}*/
	
	/*.filecontent{
		display:inline-block;
	}*/
	
	#editActive{
		background-color: rgba(25,25,50,0.75);
		color:#fff;
		position:fixed;
		width:100vw;
		display:inline-block;
		
		overflow-wrap: break-word;
		word-wrap: break-word;
		word-break: break-all;
		word-break: break-word;
		hyphens: auto;
		
		left:0px;
		top:0px;
		overflow:scroll;
		max-height:100vh;
		overflow-wrap: break-word;
		z-index:2000;
		font-size:16px;
		padding:0px;
	}
	
	#editActive p{
		width:100%;
		nheight:100%;
		padding:4px;
		padding-left:12px;
		overflow-y:scroll;
		display:inline-block;
		white-space:pr-wrap;
		overflow-wrap: break-word;
		box-sizing:border-box;
		
		overflow-wrap: break-word;
		word-wrap: break-word;
		word-break: break-all;
		word-break: break-word;
		hyphens: auto;
	}
	
	#editActive .buttonContainer{
		top:10px;
	}
	
}