/* Background Overlay */
 
.pp_overlay {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100000;
}

/* Loading Indicator */

.pp_loaderIcon {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	height: 32px;
	width: 32px;
	margin: -16px 0 0 -16px;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Container Elements */

.pp_pic_holder {
	display: none;
	position: absolute;
	z-index: 100001;
}

	.pp_pic_holder a:focus {
		outline: none;
	}
	
	.pp_content_container {
		position: relative;
		text-align: left;
		width: 100%;
	}
		
		/* Image/Video Frame */
		
		.pp_content {

			position: relative;
			left: 10px;
			height: 40px;
			min-width: 40px;
			padding: 6px; /* border width */		
			border: 0px; /* prepare for rounded corners */

			/* Shadow */
			-moz-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.10);
			-webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.10);
			box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.10);
			
		}

			.pp_content iframe {
				width: 628px;
			}

			/* Rounded corners are removed before transition and applied after because performance is hindered while rounded corners are present */

			.pp_content.rounded_corners {
				-moz-border-radius: 3px; /* FF */
				-webkit-border-radius: 3px; /* Safari, Chrome */
				border-radius: 3px; /* modern browsers */
			}
		
		* html .pp_content {
			width: 40px;
		}
		
			.pp_fade {
				display: none;
			}
			
				.pp_hoverContainer {
					position: absolute;
					top: 0;
					width: 100%;
					z-index: 2000;
				}

/* Image/Video */

#pp_full_res {
	line-height: 1 !important;
}
	
/* Hover Controls (Over Image) */

.pp_next,
.pp_previous {
	display: block;
	height: 100%;
	text-indent: -10000px;
	width: 49%;
}

	.pp_next {
		float: right;
	}
	
		.pp_next:hover {
			background-position: center right;
			background-repeat: no-repeat;
			background-size: 32px 39px; /* Retina */
			cursor: pointer;
		}
		
	.pp_previous {
		float: left;
	}
		
		.pp_previous:hover {
			background-position: center left;
			background-repeat: no-repeat;
			background-size: 32px 39px; /* Retina */
			cursor: pointer;
		}
				
.pp_expand,
.pp_contract {

	/* expand disabled */
	visibility: hidden;

	position: absolute;
	top: 10px;
	right: 10px;
	display: none;
	width: 39px;
	height: 39px;
	z-index: 20000;
	cursor: pointer;
	text-indent: -10000px;
}

	.pp_expand {
		background-position: -117px 0;
	}

		.pp_expand:hover {
			background-position: -117px -39px;
		}

		.pp_expand:active {
			background-position: -117px -78px;
		}

	.pp_contract {
		background-position: -156px 0;
	}

		.pp_contract:hover {
			background-position: -156px -39px;
		}

		.pp_contract:active {
			background-position: -156px -78px;
		}

/* Details Beneath */

.pp_details {
	position: relative;
	float: right;
	margin: 10px 0 17px 0;
}

	/* Title */

	.ppt { /* same as H2 - look above */
		position: relative;
		display: none;
		z-index: 9999;
		margin: 13px 12px 0 18px;
		font-size: 1.3em; /* same as <h4> */
		line-height: 1.3em;
	}

	/* Navigation */
	
	.pp_nav {
		width: 118px;
		height: 40px;
		position: absolute;
		top: 5px;
		right: -6px;
		z-index: 10000; /* above long title */
	}
	
		/* Item Numbering */
		
		.currentTextHolder {
			display: none; /* confusing with pagination */
		}
		
		/* Prev / Next Buttons */
		
		.pp_arrow_previous,
		.pp_arrow_next {
			display: inline-block;
			margin: 0 -4px;
			overflow: hidden;
			height: 39px;
			width: 39px;
			text-indent: -10000px;
		}

		.pp_arrow_previous {
			right: 78px;
			background-position: 0 0;
		}
		
			.pp_arrow_previous:hover {
				background-position: 0 -39px;
			}
			
			.pp_arrow_previous:active {
				background-position: 0 -78px;
			}
			
		.pp_arrow_next {
			right: 39px;
			background-position: -39px 0;
		}
		
			.pp_arrow_next:hover {
				background-position: -39px -39px;
			}
			
			.pp_arrow_next:active {
				background-position: -39px -78px;
			}
		
		/* Close Button */
		
		.pp_close {	
			display: inline-block;
			margin: 0 -4px;
			overflow: hidden;
			height: 39px;
			width: 39px;
			text-indent: -10000px;
			background-position: -78px 0;
		}
		
			.pp_close:hover {
				background-position: -78px -39px;
			}
			
			.pp_close:active {
				background-position: -78px -78px;
			}