/* 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' );
}