/**********************************************************************************
 * 
 * CSS for category bar
 * 
 */

	.dc_ui > .category_container a {
		display:block;
	}
	.dc_ui > .category_container ul{
		margin:0;
		padding:0;
		font-size:1.1em;
	}	
	.dc_ui > .category_container li{		
		margin:0;		
		padding:5px 10px;
		float:left;
		list-style:none;
		border-right:thin solid #999999;
				
	}

	.dc_ui > .category_container li.over,
	.dc_ui > .category_container li.selected{
		color:#FF8F00;
		background:#444444;
		-moz-box-shadow: 0px 0px 6px #000 inset;
		-webkit-box-shadow: 0px 0px 6px #000 inset;
		box-shadow: 0px 0px 6px #000 inset;
	}
	

/**********************************************************************************
 * 
 * CSS for image previewer
 * 
 */
.dc_ui.previewer > .controls {
	
	right:10px;
	top:10px;
	
}

/**********************************************************************************
 * 
 * slideshow_control
 * 
 */

.slideshow_control {
	position:absolute;
	padding:5px;
}

	ul.controls{
		padding:5px;
	}

	.slideshow_control li{
		float:left;		
	}
	
	.slideshow_control .button {
		display:block;
		background-image:url(/images/gallery/buttons/slideshow_button.png);
		width:30px;
		height:30px;
	}
	.slideshow_control .button.slideshow_play {
		background-position:0 0;
	}
	
	.slideshow_control .button.slideshow_pause {
		background-position:60px 0;
	}

	.slideshow_control .button.prev {		
		background-position:0 30px;
	}
	
	.slideshow_control .button.next {		
		background-position:60px 30px;
	}
	
	.slideshow_control .button.zoom {		
		background-position:30px 0;
	}