/**
 * gallery.css v3
 */


/* This hides the quickSummary from the main template */

#quickSummary {
	display: none !important;
	width: 0px !important; 
}


body {
	font-family: Tahoma;
	/* background-color: #CCCCCC; */
	font-size: 10pt;
}

img {
	border: none;
}

.clearb {
	clear: both;
	height: 0px;
	visibility: hidden;
}

h1 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.2em;
}




.thumbnails {
	/* border: 1px solid black; */
	float: left;
	clear:right; 
}

.thumbnail {
	width: 35px;
	height: 35px;
	border: 1px dotted black;
	display: block;
}

.selected {
	border: 1px solid red !important;
}

.thumbnail_container {
	float: left;
	width: 37px;
	padding: 1px;
}

.thumbnail a {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 35px;
	height: 35px;
	overflow: hidden;
	border: transparent;
}

.thumbnail:hover a {
	position: absolute;
	top: -30%;
	left: -30%;
	width: 53px;
	height: 53px;
	border: 1px solid red;
	
}

.thumbnail a img {
	max-width: 80px;
	max-height: 80px;
}


.image_container {
	padding: 20px;
}

.image_container .image {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.image_container .image img{
	border: 5px solid #443333;
}

/* Popup Hint Stuff */

.hint {
	position:relative; /*this is the key*/
	z-index:24;
	text-decoration:none
}

.hint:hover {
	z-index:25; 
	/* background-color:#990000; */
	/* color: #ffffff; */
}

.hint span {
	/* display: none */
}

/*the span will display just on :hover state*/
/*
.hint:hover span.popup { 
	display:block;
	position:absolute;
	font-size: smaller ;
	top:2em;
	left:2em;
	padding: 2px;
	border:1px solid #333333;
	border-left: 4px solid #443333;
	background-color:#eeeeee;
	text-align: left ;
}
*/

/* End Popup Hint Stuff */