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

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

/* 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;	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. */
.lv_Frames { width:100%; height:100%; position:relative; padding:0; margin:0; }
.lv_Frames li { list-style-type:none; }
.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. */
.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%; float:left; font: Arial, Helvetica, sans-serif; color:#46361f; padding:0; margin:0; }
.lv_MenuBar * { padding:0; margin:0; }

/* 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. */
.lv_MenuTop .lv_DataText div, .lv_MenuTop .lv_ImgNumber div { margin:0; padding:0; }
#lightview .lv_MenuTop .lv_Close, #lightview .lv_MenuTop .lv_Data { margin:0 0 6px 0; }

.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; }
.lv_Data li { list-style-type:none; }

/* 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_Title { margin-bottom:2px; }
.lv_Caption { clear:both; }
.lv_ImgNumber { margin-right:5px; margin-top:5px; font-size:0.9em; }
.lv_Slideshow { border-left:1px solid #efefef; 	padding-left: 5px; margin-top:5px; vertical-align:middle; }

/* play and stop */
.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:0;	padding:0; }

#lightview iframe { 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: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; }

#overlay { position:absolute; top:0; left:0; 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((document.body.scrollHeight > document.documentElement.scrollHeight ? document.body.scrollHeight : document.documentElement.scrollHeight) > document.body.offsetHeight ? (document.body.scrollHeight > document.documentElement.scrollHeight ? document.body.scrollHeight : document.documentElement.scrollHeight) : document.body.offsetHeight + 'px');
	width: expression((document.body.scrollWidth > document.documentElement.scrollWidth ? document.body.scrollWidth : document.documentElement.scrollWidth) > document.body.offsetWidth ? (document.body.scrollWidth > document.documentElement.scrollWidth ? document.body.scrollWidth : document.documentElement.scrollWidth) : document.body.offsetWidth + 'px');
}