/* javascript photo/video gallery selector */
#gallery{
	position:relative;
	margin:0 auto;	
	width: 640px; height:auto;
	padding:0 0 5px 0;
	/*background-image:url("../images/bg/black30.png");*/
	background-color:#FFF;
	z-index:2;
}
#gallery #loading{
	z-index:50;
	position:absolute;
	top:5px;
	right:5px;
	width:50px;
	padding:15px;
	background-color:#000;
	color:#FFF;
}
#photos, #videos{
	position:relative;
	width: 630px; height:500px;
	padding:0; margin:0; 
	background-color:#222;
	top:5px; left:5px;
	overflow:hidden;
	z-index:30;
}

#photos img, #videos img{
	position:absolute;
	z-index:30;
}

#videos #videoplayer{
	position:relative;
	width:320px;
	height:260px;
	margin:15px auto;
}

#gallery #caption{
	padding:5px;
	font-size:10px;
}
#gallery .browse{
	position:relative;
	background-color:#DDD;
	color:#000;
	margin:2px 5px;
	padding:5px;
}

#gallery #gallery-select{
	position:relative;
	height:32px;
}
#gallery #gallery-select p {
	position:relative;
	float:left;
	width:auto;
	margin:3px 5px;
}

#photos img{
	height:100%;
}


#gallery #controls{
	position:relative;
	height:27px;
	padding:5px;	
}
#gallery #controls .control{
	position:relative;
	display:block;
	width:auto;
	height:22px;
	float:left;
	margin:2px 10px 0 0;
}
#gallery #controls .enlarge{  background:url('../images/buttons/in.gif'); }
#gallery #controls .unlarge{  background:url('../images/buttons/out.gif'); }
#gallery #controls #prev{  background:url('../images/buttons/prev.gif'); }
#gallery #controls #play{  background:url('../images/buttons/play.gif'); }
#gallery #controls #stop{  background:url('../images/buttons/pause.gif'); }
#gallery #controls #next{  background:url('../images/buttons/next.gif'); }

#gallery #controls .control em{
	font-style:normal;
}

#gallery #controls p{
	position:relative;
	float:right;
	text-align:right;
	margin:0; padding:5px;
}
#gallery #controls a{
	float:left; display:block; width:60px;
	margin:0 20px 0 0;
	text-decoration:none;
	line-height:22px;
}

#gallery #thumbcontainer{
	position:relative;
	margin:5px 20px;
	height:90px;	
	padding:0;
	overflow:hidden;
}

#gallery #thumbcontainer #slide{
	position:absolute;
	top:0; left:0;
	width:2000px;
}
#scrollleft, #scrollright{
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	top:40px;
	margin:0;
	padding:0;
}
#scrollleft em, #scrollright em { font-style:normal; }
#scrollleft{
	left:3px;
	background:url('../images/arrow_left.gif') top left no-repeat;
}
#scrollright{
	right:3px;
	background:url('../images/arrow_right.gif') top left no-repeat;
}

#thumbs{ 
	margin:0; 
	padding:5px 0; 	
	height:100px; 
}

#thumbs img{
	width: 75px;
	border: 2px solid black;
	margin: 5px 3px 0 3px; padding:0;
}

#thumbs  a:link, #thumbs  a:visited{
	
}

#thumbs  a:hover img,
#thumbs  a:active img,
#thumbs  a.selected:link img,
#thumbs  a.selected:visited img,
#thumbs a.active img{
	border: 2px solid #006747;
}