body{
	color:#f5f5f5;
	font-family:roboto;
	background:#2d2d2d;
	padding:0;
	margin:0;
}
body table{
	width:100%;
	border-collapse:collapse;
}
.left, .right{
	background-repeat:no-repeat;
	background-size:250px auto;
}
.left{
	background-position:100% 0%;
	background-image:url(images/Left.jpg);
}
.right{
	background-position:0% 0%;
	background-image:url(images/Right.jpg);
}
.top{
	border-bottom:1px solid white;
	background-color:#2d2d2d;
	height:3em;	
	vertical-align:bottom;
	min-width:23em;	
	padding: 1.0em 0 0.4em 0.8em;
}

.top, .bottom{
	font-weight:bold;
	margin:0 0 2.8em 0.3em;
	display:inline-block;
}
.sort{
	font-weight:bold;	
	margin-bottom:0.3em;
	margin-right:0em;
	position:absolute;
	right:1em;
	display:inline-block;
}
#fullscreen{
	cursor:pointer;
}
.bottom{
	border-top:1px solid white;
	background-color:#2d2d2d;
	height:4em;
	padding: 0.4em 0 0 0.8em;
	vertical-align:top;
}
.bottom IMG, .top IMG{
	width:1.6em;
	margin-left:0.4em;
	vertical-align:bottom;
}
.content{
	display:block;
	max-height:38em;
	overflow-y:scroll;
	padding:20px 15px;
}
.content IMG{
	display:inline-block;
	margin:5px;
	padding:0px;
	transition:all 0.2s ease;
	z-index:0;
	position:relative;
	border-radius:2px;
	box-shadow:0 3px 5px 2px #0d0d0d;
}
.content IMG:hover{
	z-index:9;
	//transform:scale(1.15);
	margin:2px;
	padding:3px;
	animation-name:glowingborder;
	animation-duration:1s;
	animation-iteration-count: infinite;
}
@keyframes glowingborder {
    0% {box-shadow: 0 0 0 4px #99ffff;}
    50% {box-shadow:0 0 0 4px #0099cc;}
	100% {box-shadow: 0 0 0 4px #99ffff;}
}