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

/* 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%;
		float: left;
		font: 11px Arial, Helvetica, sans-serif;
		color: #808080;
		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, and since it's
   at the top we switch the inner margins to the other side.
*/
.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
	{
	    position: relative;
		float: right;
		overflow: hidden;
		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_innerPrevNext, 
.lv_Data .lv_Slideshow
	{
		position: relative;
		border-left: 1px solid #efefef;
		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_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: 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; /* Opera will use fixed */
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	}