/* Gallery listing
----------------------------------------------------------------------------- */
.content.gallery {
	overflow: hidden;
	margin-left: 140px;
}
	
	.gallery table {
		width: 100%;
		margin: 0;
	}
	
	.gallery table td {
		/*width: 191px; original */
		width: 200px;
		height: 128px;
		text-align: center;
		vertical-align: middle;
		padding: 0 3px 12px;
	}
	
		.gallery .gallery-item a {
			display: block;
			vertical-align: top;
			line-height: 0;
			outline: none;
		}
		
		.gallery .gallery-item img {
			line-height: 0;
		}
	
	.gallery .controls {
		clear: both;
		float: right;
		width: 52px;
		list-style: none;
		margin: 0 4px 0 0;
	}
	
	.controls .previous {
		margin-bottom: 5px;
	}
	
	.controls .previous a, .controls .next a {
		display: block;
		width: 9px;
		height: 11px;
		outline: none;
		text-indent: -5000px;
	}
	
	.controls .previous a {
		background: url(/assets/images/button_previous-page.png) no-repeat bottom left;
		padding-top: 1px;
	}
	
	.controls .next a {
		background: url(/assets/images/button_next-page.png) no-repeat top left;
	}
	
	.controls .previous .disabled, .controls .next .disabled {
		display: block;
		width: 9px;
		height: 11px;
		text-indent: -5000px;
	}
	
	.controls .previous .disabled {
		background: url(/assets/images/button_previous-page_disabled.png) no-repeat bottom left;
	}
	
	.controls .next .disabled {
		background: url(/assets/images/button_next-page_disabled.png) no-repeat top left;
	}
	
	.controls .page {
		float: right;
		width: 40px;
		font-weight: bold;
		color: #166741;
		text-transform: uppercase;
		text-align: center;
		margin-top: -1px;
	}


/* Gallery medium preview tooltip
----------------------------------------------------------------------------- */
#preview {
	position: absolute;
	display: none;
	color: #fff;
}

	#preview .image {
		display: block;
		line-height: 0;
		vertical-align: top;
	}
	
	#preview .meta-data {
		overflow: hidden;
		background: #fff;
		font-size: 11px;
		text-align: left;
		padding: 15px;
	}
	
		#preview .caption {
			display: block;
			color: #4f4f4f;
			line-height: 1.4em;
			margin-bottom: 10px;
		}
		
		#preview .date {
			display: block;
			float: left;
			background: url(/assets/images/bg_preview-date.png) repeat-y top right;
			font-weight: bold;
			color: #999;
			padding-right: 12px;
		}
		
		#preview .view-large {
			display: block;
			float: left;
			cursor: pointer;
			outline: none;
			font-weight: bold;
			color: #166741;
			text-decoration: none;
			padding: 0 0 1px 9px;
		}
		
		#preview .view-large:hover, #preview .view-large:active {
			text-decoration: underline;
		}

#preview .top-shadow {
	height: 9px;
	background: url(/assets/images/bg_shadow-top-right.png) no-repeat top right;
	margin-left: 25px;
}

	#preview .top-shadow span {
		display: block;
		width: 25px;
		height: 9px;
		background: url(/assets/images/bg_shadow-top-left.png) no-repeat;
		margin-left: -25px;
	}

#preview .bottom-shadow {
	clear: both;
	height: 11px;
	background: url(/assets/images/bg_shadow-bottom-right.png) no-repeat bottom right;
	margin-left: 25px;
	padding-top: 15px;
}

	#preview .bottom-shadow span {
		display: block;
		width: 25px;
		height: 11px;
		background: url(/assets/images/bg_shadow-bottom-left.png) no-repeat;
		margin-left: -25px;
	}

#preview .left-shadow {
	float: left;
	background: url(/assets/images/bg_shadow-left-bottom.png) no-repeat bottom left;
	margin-top: 25px;
	margin-bottom: -15px;
}

	#preview .left-top-shadow {
		float: left;
		width: 10px;
		height: 25px;
		background: url(/assets/images/bg_shadow-left-top.png) no-repeat;
		margin-top: -25px;
	}
	
	#preview .main {
		float: left;
		background: #c3c3c3;
		padding: 5px;
		margin-top: -25px;
		border: 1px solid #fff;
	}

#preview .right-shadow {
	float: right;
	background: url(/assets/images/bg_shadow-right-bottom.png) no-repeat bottom right;
}

	#preview .right-top-shadow {
		float: right;
		width: 10px;
		height: 25px;
		background: url(/assets/images/bg_shadow-right-top.png) no-repeat;
		margin-top: -25px;
	}


/* Large image modal
----------------------------------------------------------------------------- */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* Skin */
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{background:#000; margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/assets/images/colorbox_controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/assets/images/colorbox_controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(/assets/images/colorbox_loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/assets/images/colorbox_controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}


/* Thumbnail dropshadow
----------------------------------------------------------------------------- */
.frame
,.frameBuffer
{
	position: relative;
	overflow: hidden;
}
/* all frame pieces */
.frame .tl,
.frame .t,
.frame .t span,
.frame .tr,
.frame .r,
.frame .r span,
.frame .br,
.frame .b,
.frame .b span,
.frame .bl,
.frame .l,
.frame .l span
{
	position: absolute;
	display: block;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	background: transparent repeat left top;
	text-align: left;
}
/* all horizontal */
.frame .t,
.frame .t span,
.frame .b,
.frame .b span
{
	width: 100%;
	background-repeat: repeat;
}
/* all vertical */
.frame .r,
.frame .r span,
.frame .l,
.frame .l span
{
	height: 100%;
	background-repeat: repeat;
}
.frame img
{
	position: relative;
}

/*** SHARP ***/
.frameSharp
{
	margin: -3px -5px -5px -3px;
}
.frameSharp .frameBuffer
{
	padding: 3px 5px 5px 3px;
}
.frameSharp .tl
{
	top: 0;
	left: 0;
	width: 7px;
	height: 7px;
	background-image: url(/assets/images/shadow/frame_sharp_tl.png);
}
.frameSharp .t
{
	top: 0;
	left: 7px;
	height: 3px;
}
.frameSharp .t span
{
	top: 0;
	left: -13px;
	height: 3px;
	background-image: url(/assets/images/shadow/frame_sharp_t.png);
}
.frameSharp .tr
{
	top: 0;
	right: 0;
	width: 6px;
	height: 7px;
	background-image: url(/assets/images/shadow/frame_sharp_tr.png);
}
.frameSharp .r
{
	top: 7px;
	right: 0;
	width: 5px;
}
.frameSharp .r span
{
	top: -14px;
	width: 5px;
	background-image: url(/assets/images/shadow/frame_sharp_r.png);
}
.frameSharp .br
{
	bottom: 0;
	right: 0;
	width: 6px;
	height: 7px;
	background-image: url(/assets/images/shadow/frame_sharp_br.png);
}
.frameSharp .b
{
	bottom: 0;
	left: 7px;
	height: 7px;
	width: 100%;
}
.frameSharp .b span
{
	left: -13px;
	top: 0;
	height: 7px;
	width: 100%;
	background-image: url(/assets/images/shadow/frame_sharp_b.png);
}
.frameSharp .bl
{
	bottom: 0;
	left: 0;
	width: 7px;
	height: 7px;
	background-image: url(/assets/images/shadow/frame_sharp_bl.png);
}
.frameSharp .l
{
	top: 7px;
	left: 0;
	width: 3px;
}
.frameSharp .l span
{
	top: -14px;
	width: 3px;
	background-image: url(/assets/images/shadow/frame_sharp_l.png);
}