.dmxGallery
{
	overflow: hidden;
	position: relative;
	z-index: 10;
	margin: 5px 0 10px 40px;
}

.dmxGallery .dmxImageHolder
{
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.dmxGallery .dmxWaiting
{
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-image: url(indicator_mozilla_blu.gif);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 25;
}


.dmxGallery a.dmxNext, .dmxGallery a.dmxPrevious, .dmxGallery a.dmxPlay, .dmxGallery a.dmxPause
{
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 20;
}

.dmxGallery a.dmxNext span, .dmxGallery a.dmxPrevious span, .dmxGallery a.dmxPlay span, .dmxGallery a.dmxPause span
{
	display: none;
}

.dmxGallery a.dmxPrevious
{
	bottom: 5px;
	left: 2px;
	width: 40px;
	height: 40px;
	background-image: url( 'controlbl_prev.png' );
	background-position: left top;
}
.dmxGallery a.dmxPrevious:hover
{
	background-image: url( 'controlbl_prev_roll.png' );
}

.dmxGallery a.dmxPlay
{
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	background-image: url( 'controlbl_play.png' );
	background-position: right top;
}
.dmxGallery a.dmxPlay:hover
{
	background-image: url( 'controlbl_play_roll.png' );
}

.dmxGallery a.dmxPause
{
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	background-image: url( 'controlbl_pause.png' );
	background-position: right top;
}
.dmxGallery a.dmxPause:hover
{
	background-image: url( 'controlbl_pause_roll.png' );
}

.dmxGallery a.dmxNext
{
	position: absolute;
	bottom: 5px;
	right: 2px;
	width: 40px;
	height: 40px;
	background-image: url( 'controlbl_next.png' );
	background-position: right top;
}
.dmxGallery a.dmxNext:hover
{
	background-image: url( 'controlbl_next_roll.png' );
}

/* this is the original list */
.dmxGallery .dmxImageHolder ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.dmxGallery .dmxImageHolder ul li
{
	padding: 0;
	margin: 0;
}

.dmxGallery .dmxImageHolder ul li h3, .dmxGallery .dmxImageHolder ul li p
{
	display: none;
}

.dmxGallery .imageContainer
{
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.dmxGallery .imageMainContainer
{
  border: 1px solid #444444;
}

.dmxGallery .imageMainContainer:hover
{
}

/* this is the thumbnail holder */
.dmxThumbList
{
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	height: auto;
	line-height: 0px;
	overflow: hidden;
	z-index: 15;
}

.dmxThumbList ul
{
	position: absolute;
	padding: 0;
	list-style-type: none;
	margin: 0;
	height: 100%;
	white-space: nowrap;
}

.dmxThumbList ul li
{
	padding: 0;
	margin: 0;
	float: left;
	clear: none;
	display: block;
	display: table-cell;
	vertical-align: middle;
}

.dmxThumbListVertical ul li
{
	padding: 0;
	margin: 0;
	clear: both;
	display: block;
	display: table-cell;
	vertical-align: middle;
}


.dmxThumbList ul li a
{
	float: left;
	padding: 0;
	margin: 0;
	background-position: center center;
	background-repeat: no-repeat;
	border: 3px solid #3DC175;
}

.dmxThumbList ul li a.selected
{
	border: 3px solid #000;
}

.dmxThumbList ul li a:hover
{
	border: 3px solid #FE0000;
}

.dmxThumbList a.dmxNext, .dmxThumbList a.dmxPrevious
{
	position: absolute;
	display: block;
	z-index: 20;
}

.dmxThumbList a.dmxNext span, .dmxThumbList a.dmxPrevious span
{
	display: none;
}

.dmxThumbList a.dmxPrevious
{
	bottom: 25px;
	left: 2px;
	z-index: 10;
	width: 40px;
	height: 40px;
	background-image: url( 'controlbl_prev.png' );
	background-position: left top;
}
.dmxThumbList a.dmxPrevious:hover
{
	background-image: url( 'controlbl_prev_roll.png' );
}

.dmxThumbList a.dmxNext
{
	position: absolute;
	bottom: 25px;
	right: 2px;
	z-index: 10;
	width: 40px;
	height: 40px;
	background-image: url( 'controlbl_next.png' );
	background-position: right top;
}
.dmxThumbList a.dmxNext:hover
{
	background-image: url( 'controlbl_next_roll.png' );
}

.dmxThumbListVertical  a.dmxPrevious
{
	top: 5px;
	left: 50%;
	margin-left: -20px;
	background-image: url( 'controlbl_up.png' );
}

.dmxThumbListVertical  a.dmxPrevious:hover
{
  background-image: url( 'controlbl_up_roll.png' );
}

.dmxThumbListVertical  a.dmxNext
{
	bottom: 5px;
	left: 50%;
	margin-left: -20px;
  background-image: url( 'controlbl_down.png' );	
}

.dmxThumbListVertical  a.dmxNext:hover
{
  background-image: url( 'controlbl_down_roll.png' );	
}


/* this is the thumbnail holder */


.dmxGallery .message
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 6px;
	height: 22px;
	display: none;
	background-color: #f00;
	color: #fff;
	font-family: Georgia, arial;
	font-size: 10px;
	z-index: 15;
	opacity: 0.5;
}

.dmxGallery .imageCaption
{
	position: absolute;
	display: block;
	font-family: times;	
	background-color: #fff;
	font-size: 1em;
	height: 60px;
	bottom: 0;
	z-index: 15;
	padding: 10px;
}

.dmxGallery .imageCaption h3
{
	margin: 0;
	padding: 0;
}

.dmxGallery .imageCaption p
{
	margin: 0;
	padding: 0;
}