
/**
 * Woodland Trust IMAGE GALLERY STYLES
 */

/* Gallery */

div.imageSummaryGrid div.imageRow {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
div.imageSummaryGrid div.imageRow div.imageArea {
	float: left;
	width: 179px;
	margin: 0 4px !important; margin: 0 3px;
}
div.imageSummaryGrid div.imageRow div.imageArea div.image {
	width:179px;
	display:table;
	height:180px;
	#position:relative;
	overflow:hidden;
}
div.imageSummaryGrid div.imageRow div.imageArea div.image a {
	width:179px;
	text-align:center;
	background: transparent url(images/image-back.gif) left top no-repeat;
	#margin-top:-50%;
	#padding-top:100%;
	#position:absolute;
	#top:50%;
	display:table-cell;
	vertical-align:middle;
}
div.imageSummaryGrid div.imageRow div.imageArea div.image img {
	display:inline-block;
	border:solid 1px #fff;
	#position:relative;
	#margin: 0 auto;
	#top:-50%;
}
div.imageSummaryGrid div.imageRow div.imageArea div.imageInfo {
	margin: 0.5em 0;
	width: 154px;
	background: #ececec url(images/box-arrow-right.gif) no-repeat 5px 7px;
	text-align: left;
	padding: 6px 5px 6px 20px;
}
div.imageSummaryGrid div.imageRow div.imageArea div.imageInfo p.dateTaken {
	margin: 0 0 0.5em 0;
}
div.imageSummaryGrid div.imageRow div.imageArea div.imageInfo p.description {
	margin: 0;
	font-style: italic;
}
p.uploadLink {
	border-top: solid 1px #cdcdcd;
	border-bottom: solid 1px #cdcdcd;
	padding: 12px 0;
	float: left;
	width: 100%;
}
p.uploadLink a {
	background: transparent url(images/box-arrow-up.gif) 0 0.1em no-repeat;
	padding-left: 16px;
	font-weight: normal;
}

/* Image */

div.creditedImage {
	text-align: center;
	padding-top: 15px;
	background: transparent url(images/image-large-back.gif) no-repeat;
	width: 369px;
	margin-bottom: 1.0em;
	min-height: 200px;
}
div.creditedImage a {
	margin: 0 auto;
}
div.creditedImage a img {
	border: solid 1px #fff;
}
div.creditedImage p {
	font-style: italic;
}
* html div.creditedImage {
	height: 200px;
}

/* Gallery */

div.thumbGallery {
	background: transparent url(images/image-large-back.gif) no-repeat;	
	padding-top: 15px;
	width: 369px;
	height: 140px;
}
div.thumbGallery div.backToGallery {
	padding: 0 0 10px 0;
}

div.thumbGallery div.backToGallery a {
	background: transparent url(images/box-arrow-up.gif) no-repeat 0 0.1em;
	padding-left: 16px;	
	margin-left: 15px;
	color: #8e8e8e;
}
div.thumbGallery div.imageSummaryGrid {
	margin: 0 15px;
}
div.thumbGallery div.image {
	float: left;
	width:84px;
	display:table;
	height:80px;
	#position:relative;
	overflow:hidden;
}
div.thumbGallery div.image a {
	width:85px;
	text-align:center;
	#margin-top:-50%;
	#padding-top:100%;
	#position:absolute;
	#top:50%;
	display:table-cell;
	vertical-align:middle;
}
div.thumbGallery div.image img {
	display:inline-block;
	border:solid 1px #fff;
	#position:relative;
	#margin: 0 auto;
	#top:-50%;
}
div.pager {
	clear:both;
	width: 369px;
	color: #ccc;
	padding: 5px 0;	
}
div.pager a {
	color: #8e8e8e;
}
div.pager p.previousLinkDisabled, div.pager p.previousLinkActive {
	float: left;	
}
div.pager p.previousLinkDisabled, div.pager p.previousLinkActive a {
	background: transparent url(images/box-arrow-left.gif) left 0.1em no-repeat;	
	padding-left: 16px;
}
div.pager p.nextLinkDisabled, div.pager p.nextLinkActive {
	float: right;	
}
div.pager p.nextLinkDisabled, div.pager p.nextLinkActive a {
	background: transparent url(images/box-arrow-right.gif) right 0.1em no-repeat;
	padding-right: 16px;
}

.woydDetailsLeft
{
	width:179px;
	float:right;
}

.woydDetailsRight
{
	width:369px;
	float:left;
}


.woydDetails div.thumbGallery
{
	height: auto;
	width: 179px;
	background: transparent url(images/image-back.gif) left top no-repeat;
}

.woydDetails div.imageInfo {
	margin: 0.5em 0;
	width: 154px;
	background: #ececec url(images/box-arrow-right.gif) no-repeat 5px 7px;
	text-align: left;
	padding: 6px 5px 6px 20px;
}

.woydDetails div.imageInfo p.dateTaken
{
	margin: 0 0 0.5em 0;
}





