/*

	 ----------------------- CONTENT OVERVIEW -------------------------

*/

.gallery-overview {
	list-style: none;
	margin: 20px 0 0 20px;
	padding: 0;
	font-family: tahoma, verdana, arial, sans-serif;
	}

	.gallery-overview li {
		position: relative;
		background: #fff;
		width: 82px;
		margin: 0 5px 15px 5px;
		border: 1px solid #878787;
		float: left;
		padding-top: 5px;
		padding-bottom: 3px;
		}
		.last {
			margin-right: 0;
			}
		.gallery-overview li a, 
		.gallery-overview li img {
			border: none;
			display: block;
			}
		.gallery-overview img.gallery-details {
			margin: 0 0 0 7px !important;
			}						
			
		.imgnav {
			margin: 3px 0 0 5px;
			}					
			.imgnav a {
				float: left;
				display: inline;
				margin: 0 6px 5px 3px;
				}	
					
			* html .imgnav a  {
				margin: 0 5px 5px 2px;
				}						
		.gallery-overview h4 {
			margin: 2px 0 5px 6px;		
			color: #646464;
			font-size: 9px;
			}
			.gallery-overview h4 a {
				color: #646464;
				text-decoration: none;
				}

	.gallery-tooltip {
		position: absolute;
		background: #fff;
		left: -1px;
		border: 1px solid #999;
		z-index: 999;
		opacity: .87;
		width: 400px;
		padding: 10px;
		}
		.gallery-tooltip dt {
			width: 120px;
			font-weight: bold;
			float: left;
			}	
		.gallery-tooltip dd {
			margin-left: 10px;
			float: left;
			width: 260px;
			}
			* html .gallery-tooltip dd {
				width: 250px;
				}
		.gallery-tooltip .clearer {
			border-bottom: 1px dotted #ccc;
			margin: 5px 0 5px 0;
			}	
		.gallery-tooltip dd ul {
			list-style: square !important;
			margin: 0 0 0 10px !important;
			padding: 0 !important;
			}			
		.gallery-tooltip dd li {
			border: none !important;
			float: none !important;
			margin: 0 0 5px 0 !important;
			padding: 0
			}			
/*

 	----------------------- DETAIL LAYER -----------------------

*/



/* navigation buttons */
a.lb_first, a.lb_last, a.lb_next, a.lb_previous, a.lb_close, a.lb_pause, a.lb_play {
	margin-top: 3px;
	position: relative;
	top: 3px;
	display: block;
	width: 12px;
	height: 20px;
	font-size: 1px;
	margin-right: 5px !important;
	overflow: hidden;
	}
a.lb_first span, a.lb_last span, a.lb_next span, a.lb_previous span, a.lb_close span, a.lb_pause span, a.lb_play span {
	display: block;
	width: 12px;
	height: 20px;
	overflow: hidden;
	}
a.lb_slideshow_stop,
a.lb_slideshow_start,
a.lb_slideshow_download {
	position: relative;
	top: -2px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	display: block;
	width: 120px;
	padding-left: 20px !important;
	background: url(../img/button_lightbox_stop_slideshow.gif)  0 5px no-repeat;
	}
a.lb_slideshow_start {
	background: url(../img/button_lightbox_start_slideshow.gif) 0 5px no-repeat;
	}
a.lb_slideshow_download {
	background: url(../img/button_lightbox_download_image.gif) 0 5px no-repeat;
	}		
a.lb_slideshow_stop:hover,
a.lb_slideshow_start:hover,
a.lb_slideshow_download:hover {
	text-decoration: none;
	}		
			
a.lb_first { background: url(../img/button_lightbox_first.gif) 0 1px no-repeat }
a.lb_last { background: url(../img/button_lightbox_last.gif) 0 1px no-repeat }
a.lb_next { background: url(../img/button_lightbox_next.gif) 0 1px no-repeat }
a.lb_previous { background: url(../img/button_lightbox_previous.gif) 0 1px no-repeat }
a.lb_close { background: url(../img/button_lightbox_close.gif) 0 1px no-repeat }
a.lb_pause { background: url(../img/button_lightbox_pause.gif) 0 1px no-repeat }
a.lb_play  { background: url(../img/button_lightbox_play.gif) 0 1px no-repeat }		


	

/* container div for gallery details */
#imageholder {
	width: 774px;
	position: absolute;
	top: 100px;
	left: 20px;
	}
	#imageholder * {
		margin: 0;
		padding:0;	
		}
	/* head column (holds close button) */
	.headrow {
		color: #DD0000 !important;
		background: #989898;
		height: 25px;
		overflow: hidden;
		margin-bottom: 1px !important;
		}
		.headrow a.lb_close {
			float: right;
			position: relative;
			right: 1px;
			}

	/* title row (contains number of images, title, forward & back navigation) */	
	#titlerow {
		text-align: center;
		height: 25px;
		background: #e9e9e9;
		overflow: hidden;
		line-height: 25px;
		color: #DD0000 !important;
		margin-bottom: 1px !important;
		}
		#titlerow * {
			list-style: none;
			}
		#titlerow .leftnav {
			float: left;
			text-align: left;
			width: 120px;
			overflow: hidden;
			}
			#titlerow .leftnav * {
				float: left;
				}
			#titlerow .leftnav a {
				cursor: pointer;
				margin: 3px 5px 0 10px !important;
				}
			* html #titlerow .leftnav a {
				margin: 5px 5px 0 10px !important;
				}
				
				
		#titlerow .rightnav {
			position: absolute;
			right: 0;
			top: 20px;
			width: 120px;
			overflow: hidden;
			}
			* html #titlerow .rightnav {
				top: -5px;
				}
			#titlerow .rightnav * {
				float: right;
				}
			#titlerow .rightnav a {
				cursor: pointer;
				position: relative;
				margin: 8px 10px 0 5px !important; 
				}
				
				
		#titlerow h2 {
			text-align: center;
			width: 534px;
			float: left;
			font-size: 11px !important;
			}
		*+html #titlerow h2 {
			margin-left: 0;		
			}
		#titlerow h2.sshow {
			width: auto;
			margin-left: 0;
			}

		#titlerow p {
			margin: 5px 10px 0 0;
			}
				
							
	
	/* 
		contains image-detail 
	*/	
	.full {
		background: #fff;
		}	
		.full #imageinner {
			width: 764px;
			padding: 5px;
			overflow: hidden;
			float: none;
			}	
	
									
		/* contains slideshow controls  */												
		#functionrow {
			height: 20px;
			overflow: hidden;
			background: #e9e9e9;
			margin-top: 1px !important;
			color: #DD0000 !important;
			line-height: 25px;
			}
			#functionrow * {
				color: #DD0000 !important;
				list-style: none;
				}				
			#functionrow .leftnav {
				float: left;
				text-align: left;
				width: 120px;
				overflow: auto;
				}
				#functionrow .leftnav * {
					float: left;
					}
				#functionrow .leftnav a {
					cursor: pointer;
					margin: 0 5px 0 10px !important; 
					}
			#functionrow a.lb_pause {
				float: right;
				display: block;
				text-align: right;
				}							
			#functionrow .rightnav {
				float: right;
				width: 450px;
				overflow: hidden;
				}
				#functionrow .rightnav * {
					float: right;
					}
				#functionrow .rightnav a {
					cursor: pointer;
					position: relative;
					margin: 0 10px 0 5px !important; 
					}