/* CSS Document */

/* Fonts */
body {
		font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		color: #333333;
	background-color: #f0f0f0;

}

a 		{ 
		text-decoration: none;
		font-weight:normal;
		font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		color: #8888FF;
	} 
a:hover		{ 
		text-decoration: underline;
		color: #FF0000;
	}
a:visited 	{ color: #8888ff; }

/* Layers */

#Content {
	height:auto;
	overflow: auto;
/*	width: 1140px;*/
	max-height: 818px;
/*	max-width: 1400px;*/
	min-Width: 0px;
}
#thumbs {
	position: absolute;
	top: 50px;
	right: 10px;
  overflow-y: auto;
  max-height: 860px;
  height: 818px;
}
#itemInfo {
	font-size:11px;
	font-family:Trebuchet MS, verdana, arial;
	color: #333333;
	text-align:left;
  border-bottom:1px dotted #333333;
	padding-top:6px;
	padding-bottom:6px;
}
#imageContainer {
	position: relative;
	width: 800px;
	height: 800px;
}
#prevImg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 150px;
	height: 100%;
	cursor: url("../_resources/pb.gif"),auto;
	text-align: center;
	border: 1px;
	display: flex;
	align-items: center;
}
#nextImg {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 150px;
	height: 100%;
	cursor: url("../_resources/nb.gif"),auto;
	text-align: center;
	display: flex;
	align-items: center;
}
#nextNav {
	position: absolute;
	text-align: left;
	display: table-cell;
	width: 150px;
	opacity: 1;
	}
#prevNav {
	position: absolute;
	text-align: right;
	display: table-cell;
	width: 150px;
	opacity: 1;
	}
#usageContainer {
	border: 1px solid;
	border-color: #cccccc;
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 200px;
	background-color:#F0F0F0;
	cursor: pointer;
	font-size:11px;
	font-family:Trebuchet MS, verdana, arial;
	color: #333333;
	text-align:left;
}

/* Class */

.title{
	font-size:1.5em;
	font-weight:bold;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align:left;

}
.comingSoon{
	font-size:0.8em;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align:left;

}
.thumbnail{
	font-size:0.8em;
	background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #e8e8e8;
	display: flex;
	align-items: center;
	}

.divCellMOver {  
	font-size:0.8em;
	background-color:#cccccc;
  border-style: solid;
  border-width: 1px;
  border-color: #e8e8e8;
	display: flex;
	align-items: center;
}  
.divCellMOut {  
	font-size:0.8em;
  border-style: solid;
  border-width: 1px;
  border-color: #e8e8e8;
	display: flex;
	align-items: center;
}  
.infoTitle{
	font-size:9px;
	font-weight:bold;
	color: #888888;
}
.divHeaders {
	background-color: #d0d0d0;
	width: 100%
}

@media only screen and (max-width: 1400px) {
#thumbs {
	position: absolute;
	top: 880px;
	left: 10px;
  overflow-y: auto;
  max-height: 860px;
  height: 818px;
}
}