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

#lightview{ position:absolute; top:50%; left:50%; height:150px; width:162px; margin:-75px 0 0 -81px; 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: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; 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' ); }