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

/* that hold the corners. not to change anything here
*/

.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}
.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}

/* 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}

/* holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {clear:both;position:relative;width:100%;float:left;font: 11px Arial, Helvetica, sans-serif;color:#808080;padding:0;margin:0}
.lv_MenuBar * {padding:0;margin:0}
.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}

/* 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:#b8b8b8;margin-right:5px;margin-top:5px}
.lv_Data .lv_Slideshow {border-left:1px solid #efefef;padding-left:5px;margin-top:5px;vertical-align:middle}
.lv_Data .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}
#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}

#overlay {position:absolute;top:0;left:0;height:100%;width:100%}
* 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');
}
html #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' );
}