html, body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust:none;  /* for iphone */
}
#wrapper {
	margin:.5em;
	height:calc(100% - 1em);
	/* box-sizing:border-box;  height:100%; */
}
#titlecontainer {
	float:left;
	width:65%;
	height:100%
}
#listcontainer {
	float:right;
	width:calc(35% - .5em);
	height:100%
}
div#detail {
	display:none;
	position:absolute;
	top:0em;
	left:0em;
	width: 100%;
	height: 100%;
	border:thin solid black;
	background-color:white;
	padding:.3em;
}
div#titlelist {
	border:thin solid black;
	overflow-y:auto;
	overflow-x: hidden;
	white-space:nowrap;
}
div#list {
	border:thin solid black;
	overflow-y:auto;
	overflow-x: hidden;
	white-space:nowrap;
}
#showall {
	display:none;
}
#orderby, #showall {
	white-space:nowrap;
}
#detailfilename {
	color:green;
	cursor:pointer;
}