/**
 * Apex Common Resources
 *
 * @revised $LastChangedDate: 2008-11-20 11:32:34 +0800 (Thu, 20 Nov 2008) $
 * @version $Id: gallery.css 18 2008-11-20 03:32:34Z eugim $   
 */
.apex-gallery-container{
	margin : 0px 0 25px;
	padding : 1px 20px; /*prevents extending the container when there is the thumbs div*/
}

.apex-gallery-items-container{
	position:absolute;
	left:52%;
	/*left:50%;*/
	margin-left:-260px;
	width:470px;
	height:353px;
	overflow:hidden;
}

.apex-gallery-mask{
	position:absolute;
	left : 0px;
	width : 3760px;
	margin : 0;
	padding : 0;
}

.apex-gallery-item{
	display:block;
	float:left;
	margin:0;
	padding:0;
}

.apex-gallery-item img{
	border : medium none;
	display : block	
}

.apex-gallery-thumbs-container {
	clear : both;
	height:41px;
	/*margin-left : -2px;*/
	margin-left : 17px;
	margin-top : 370px;
	overflow:hidden; /*this means that even if a child div exceeds its container, the "overflow" is not shown*/
	position:relative;
	width:486px;
}

.apex-gallery-thumbs-list{
	height:41px;
	position:absolute;
	top:0;
	width:100%;
}

.apex-gallery-thumbs-item{
	display:block;
	width:60px;
	height:41px;
	float:left;
}

/** to resize the image */
.apex-gallery-thumbs-item img{
	height : 100%;
	width : 54px;
}

.apex-gallery-item-thumbs-mask{
	width:1200px;
	background: transparent url(/siteutility/getfiles/?files=/home/innosoft/libraries/apex-common-resources-1.0/apex-common-resources/images/gallery/thumbs_mask.gif) no-repeat scroll center top;
	position:absolute;
	top:0;
	height:41px;
}

.apex-gallery-item-thumbs-mouse-handler {
	background:url(/siteutility/getfiles/?files=/home/innosoft/libraries/apex-common-resources-1.0/apex-common-resources/images/gallery/thumb_invisible.gif) no-repeat scroll center top;
	height:41px;
	position:absolute;
	top:0;
	width:100%;
	margin : 0;
}

.apex-gallery-item-thumbs-mouse-handler span {
	display:block;
	width:60px;
	height:41px;
	float:left;
	cursor:pointer;
}