@charset "utf-8";
/* CSS Document */

/*
// lightview.css
// Copyright NickStakenburg.com - All Right Reserved (http://www.nickstakenburg.com/projects/lightview) [ORIGINAL]
// Copyright Pacific Columns Inc. - All Right Reserved [EDITED VERSION]
*/


/*
// The Container That Holds Everything
*/

.lv_Container {
	position:relative;
	width:100%;
	height:100%;
	background:none;
	padding:0px;
	margin:0px }

.lv_Button {
	cursor:pointer;
	text-decoration:none;
	border:none;
	background:none;
	margin:0px;
	padding:0px }

/*
// The Buttons On The Side Once You View The Gallery
*/

.lv_Sides {
	position:absolute;
	top:50%;
	left:0px;
	clear:both;
	width:100%;
	padding:0px;
	margin:0px }

.lv_Sides * {
	padding:0px;
	margin:0px }

.lv_Sides li {
	list-style-type:none;
	position:relative;
	overflow:hidden }

.lv_PrevSide {
	float:left }

.lv_NextSide {
	float:right }

.lv_Sides .lv_Wrapper {
	width:100%;
	height:100%;
	cursor:pointer }

.lv_Sides .lv_Button {
	float:left;
	background:none }

/*
//	The frames above and below the center, that hold the corners.
//	It's recommended not to change anything here, a lot is done in javascript to build further upon this based on your settings.
*/

.lv_Frames {
	width:100%;
	height:100%;
	position:relative;
	padding:0px;
	margin:0px }

.lv_Frames li {
	list-style-type:none;
	margin:0px;
	padding:0px }

.lv_Frame {
	width:100%;
	display:block }

.lv_Frame * {
	padding:0px;
	margin:0px }

.lv_FrameTop {
	position:absolute;
	left:0px;
	width:100%;
	display:block }

.lv_FrameBottom {
	position:relative;
	float:left;
	clear:both }

.lv_Liquid {
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
	clear:both }

.lv_Liquid .lv_Filler {
	position:absolute;
	height:100%;
	width:2px;
	top:0px;
	left:50% }

.lv_Half {
	display:block;
	height:100%;
	clear:both;
	line-height:0px }

.lv_Half li {
	list-style-type:none }

.lv_Corner {
	float:left;
	position:relative; }

.lv_CornerTr, .lv_CornerBr {
	float:right }

.lv_Fill {
	position:absolute;
	top:0px;
	width:100%;
	height:100% }

.lv_Half .lv_CornerWrapper {
	float:left;
	position:relative;
	width:50%;
	height:100%;
	overflow:hidden }

.lv_HalfRight .lv_CornerWrapper {
	float:right }

.lv_Corner {
	position:relative; }

.lv_Corner canvas {
	position:relative; }

.lv_HalfLeft .lv_Corner {
	float:left }

.lv_HalfRight .lv_Corner {
	position:relative;
	float:right }

/*
//	To position content correctly in the center with correct rounded corner display we need a few wrappers.
//	This is to get it right on all browsers.
*/

.lv_Center {
	position:relative;
	clear:both;
	height:100%;
	overflow:hidden;
	background:none;
	padding:0px;
	margin:0px }

.lv_WrapUp {
	position:absolute;
	left:0px;
	height:100%;
	width:100%;
	overflow:hidden;
	padding:0px;
	margin:0px }

.lv_WrapDown {
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
	padding:0px;
	margin:0px }

.lv_WrapCenter {
	position:relative;
	padding:0px;
	margin:0px }

/*
//	The loading indicator
*/

.lv_Loading {
	position:absolute;
	top:50%;
	left:50% }

.lv_Loading .lv_Button {
	float:left;
	height:100%;
	width:100% }

.lv_MediaWrapper {
	position:relative;
	width:100%;
	display:block;
	overflow:hidden;
	clear:both;
	padding:0px;
	margin:0px }

.lv_MediaWrapper img {
	position:relative;
	float:left;
	padding:0px;
	margin:0px }

/*
//	The overlays on top of images that toggle the previous/next buttons
*/

.lv_PrevNext {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px }

.lv_PrevNext * {
	padding:0px;
	margin:0px }

.lv_PrevNext .lv_Button {
	position:relative;
	height:100% }

.lv_PrevButton {
	float:left }

.lv_NextButton {
	float:right }

/*
//	The bar that holds title, caption, imagenumber, slideshow and closebutton
*/

.lv_MenuBar {
	clear:both;
	position:relative;
	width:100%;
	float:left;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#808080;
	padding:0px;
	margin:0px }

.lv_MenuBar * {
	padding:0px;
	margin:0px }

/*
//	When the Menubar is at the top, on (ajax/iframe/inline) content, it will also have this style.
//	The margins are removed here for better alignment, and since it's at the top we switch the inner margins to the other side.
*/

.lv_MenuTop .lv_DataText div, .lv_MenuTop .lv_ImgNumber div {
	margin:0px;
	padding:0px }

#lightview .lv_MenuTop .lv_Close, #lightview .lv_MenuTop .lv_Data {
	margin:0px 0px 6px 0px }

.lv_Close, .lv_Data {
	margin:6px 0 0 0 }

.lv_Close {
	float:right;
	overflow:hidden }

.lv_Close .lv_Button {
	float:right;
	width:100%;
	height:100% }

.lv_Data {
	position:relative;
	float:left;
	padding-bottom:3px;
	line-height:13px }

/*
//	Simulates padding-left inside .lv_Data
*/

.lv_DataText div, .lv_ImgNumber div {
	margin-left:3px }

.lv_Data li {
	list-style-type:none;
	float:left;
	margin-top:3px }

.lv_DataText {
	width:100% }

.lv_DataText .lv_Title {
	color:#660000;
	font-weight:bold;
	margin-bottom:2px }

.lv_DataText .lv_Caption { 
	color:#666;
	clear:both }

.lv_Data .lv_ImgNumber {
	color:#b8b8b8;
	margin-right:5px;
	margin-top:5px }

.lv_Data .lv_Slideshow {
	border-left:1px solid #efefef;
	padding-left:5px;
	margin-top:5px;
	vertical-align:middle }

/*
//	Play & Stop
*/

.lv_Data .lv_Slideshow .lv_Button {
	float:left;
	background-position:center left;
	background-repeat:no-repeat }

/*
//	The boxes that hold media or external content
*/

.lv_Media, .lv_External {
	position:relative;
	float:left;
	margin:0px;
	padding:0px }

#lightview iframe {
	border:0px;
	clear:both;
	padding:0px;
	margin:0px;
	background:none }

/*
//	The boxes that hold media or external content
*/

.lv_topButtons {
	position:absolute;
	left:0px;
	width:100%;
	overflow:hidden;
	margin:0px;
	padding:0px }

.lv_topcloseButtonImage {
	cursor:pointer }

/*
//	The error/warning/download message that will appear when a required plugin is not installed.
*/

#lightviewError p {
	padding:0px 0px 10px 0px }

#lightviewError div {
	padding:6px;
	font:11px Arial, Helvetica, sans-serif }

#lightviewError .message {
	background:#fcb5b5;
	color:#dd1f1f;
	margin-bottom:3px }

#lightviewError .type {
	font-weight:bold }

#lightviewError .pluginspage {
	background:#b5fcbd;
	color:#21be30 }

#lightviewError a, #lightviewError a:hover, #lightviewError a:visited {
	color:#21be30;
	text-decoration:none;
	background:none;
	font-weight:bold;
	border-bottom:1px solid #7de689 }

#lightviewError p {
	margin-left:0px;
	padding:0px }

/*
//	Opera will use fixed
*/

#overlay {
  position:absolute;
  top:0px;
  left:0px;
  height:100%;
  width:100% }

/*
//	IE6
*/

* html #lightview {
	position:absolute;
	margin-top:expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop :0) + 'px');
	margin-left:expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft :0) + 'px') }

/*
//	Always cover 100% of the screen in IE6
*/

html #overlay {
	position:absolute;
	height:expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() :document.documentElement.scrollHeight) + 'px' );
	width:expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() :document.documentElement.scrollWidth) + 'px' ) }