/* @override 
	http://localhost/trico/sii/scripts/thumbnailviewer.css
	http://localhost/sii/scripts/thumbnailviewer.css
*/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 5px;
padding-bottom: 0;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
	background: #313131 url(../images/common_background.jpg) repeat-x left top;
	border: 1px solid gray;
	text-align: center;
	color: #808080;
	font: 11px/2em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 9px/1em "Lucida Grande", Lucida, Verdana, sans-serif;
color: black;
padding: 5px 0;
text-align: right;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
	padding: 1px;
	border: 1px solid gray;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

.container img{
	padding: 0;
	margin-right: 2px;
	margin-left: 2px;
	border: 1px solid #d2d7db;
}

.container{
margin:15px 0 0 0;
}

.container a {
    outline: none;
    overflow: hidden;
}

.container a img {
	border: 1px solid white;
	opacity: 0.5;
	filter: alpha(opacity=50); /* ie6+ */
	-moz-opacity: 0.5; background:url(../images/loading.gif) no-repeat center center;}

.container a:hover img {
	border: 1px solid #d2d7db;
	background-color: white;
	opacity: 1;
	filter: alpha(opacity=100); /* ie6+ */
	-moz-opacity: 1; /* pre firefox */
}