/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview{
	position:absolute;
	top:50%;
	left:50%;
	height:150px;
	width:150px;
	margin:-75px 0 0 -75px;
	padding:0;
	text-align:left;
}

/* The container that holds everything */
.lv_Container{
	position:relative;
	width:100%;
	height:100%;
	background:none;
	padding:0;
	margin:0;
}

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

/* The buttons on the side when you view a gallery */
.lv_Sides{
	position:absolute;
	top:50%;
	left:0;
	clear:both;
	width:100%;
	padding:0;
	margin:0;
}
.lv_Sides *{ padding:0; margin:0; }
.lv_Sides li{
	list-style-type:none;
	position:relative;
}

.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:0;
	margin:0;
}
.lv_Frames li{
  list-style-type:none;
  margin:0;
  padding:0;
}
.lv_Frame{
	width:100%;
	display:block;
}
.lv_Frame *{ padding:0; margin:0; }
.lv_FrameTop{
	position:absolute;
	left:0;
	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:0;
	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:0;
	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:0;
	margin:0;
}
.lv_WrapUp{
	position:absolute;
	left:0;
	height:100%;
	width:100%;
	overflow:hidden;
	padding:0;
	margin:0;
}
.lv_WrapDown{
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
	padding:0;
	margin:0;
}
.lv_WrapCenter{
	position:relative;
	padding:0;
	margin:0;
}

/* 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:0;
	margin:0;
}
.lv_MediaWrapper img{
	position:relative;
	float:left;
	padding:0;
	margin:0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}
.lv_PrevNext *{ padding:0; margin:0; }
.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%;
	font:11px Arial, Helvetica, sans-serif;
	color:#7a7a7a;
	padding:0;
	margin:0;
	text-align:left;
}
.lv_MenuBar *{ padding:0; margin:0;}


.lv_Close{
    position:relative;
	float:right;
	overflow:hidden;
	width:100%;
	height:100%;
}

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

/* 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{
	font-weight:bold;
	margin-bottom:2px;
}
.lv_DataText .lv_Caption{ clear:both; }
.lv_Data .lv_ImgNumber{
	color:#a7a7a7;
	margin-right:5px;
	margin-top:5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow{
	position:relative;
	border-left:1px solid #d7d7d7;
	padding:0 5px;
	margin-top:5px;
	vertical-align:middle;
}
.lv_Data .lv_Slideshow{ padding-right:0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button{ /* play and stop */
	float:left;
	background-position:center left;
	background-repeat:no-repeat;
}

/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	clear:both;
}

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

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons{
	position:absolute;
	left:0;
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
}
.lv_topcloseButtonImage{ cursor:pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p{ padding:0 0 10px 0; }
#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:0;
	padding:0;
}

#lv_overlay{
  position:absolute; /* Opera will use fixed */
  top:0;
  left:0;
  height:100%;
  width:100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController{
	position:fixed;
	bottom:0;
	top:0;
	left:50%;
	margin:0;
	padding:0;
	color:#d2d2d2;
	font:11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController{ /* IE6 */
	position:absolute;
	top:auto;
	margin-top:expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');	
}
#lightviewController ul{
	display:block;
	height:100%;
	float:left;
	margin:0;
	padding:0;
	position:relative;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom{
	list-style-type:none;
	float:left;
	display:block;
	position:relative;
	clear:both;
	overflow:hidden;
	margin:0;
	padding:0;
}
.lv_controllerCenter { width:auto; float:left; }
.lv_controllerCornerWrapper{
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft{ top:0; left:-100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight{ top:0; left:100%;}

#lightviewController .lv_CornerWrapper{
	width:100%;
}
#lightviewController .lv_Corner{ float:left; }
#lightviewController .lv_Corner{
	float:right;
	position:relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr{ float:left; }
.lv_controllerBetweenCorners{
	position:relative;
	height:100%;
	overflow:hidden;
}

.lv_controllerMiddle{
	position:relative;
	height:100%;
	float:left;
}
.lv_controllerCenter{ float:left; width:auto;}
.lv_controllerCenter li{
	list-style-type:none;
	float:left;
	display:inline;
	position:relative;
	clear:none;
}
.lv_controllerSetNumber{
	float:left;
	text-align:center;
}

#lightviewController .lv_Button{
	float:left;
	position:relative;
	height:100%;
	clear:none;
}
.lv_controllerSetNumber{
	position:relative;
	height:100%;
	padding-right:3px;
}
.lv_controllerPrev, 
.lv_controllerNext, 
.lv_controllerSlideshow, 
.lv_controllerClose{
	float:left;
	position:relative;
	height:100%;
	padding-left:3px;
}

.lv_controllerPrev{ border-left:1px solid #3c3c3c; }
#lightviewController .lv_controllerNext{ padding-right:3px; border-right:1px solid #3c3c3c; }

* html #lightview{ /* IE6 */
	position:absolute;
	margin-top:expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 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 #lv_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' );
}