/* 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:0; }
.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:0; }
.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; }
#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) 0 (Lightview.controllerOffset||0)) 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) 0 (Lightview.controllerHeight||0)) 0 px); margin-left:expression(-1*this.offsetWidth/2+(document.documentElement?document.documentElement.scrollLeft:0) 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) 0 px ); width:expression(((window.Enumerable&&window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) 0 px ); }