@charset "utf-8";
/****************************************************************************
popup.css

lyesoap.com Style Sheet

Created by Christian Web Programming

Copyright © 2010 by Stewart's Crafts

Original Idea a combination of:
	Dynamic Drive CSS Library
		http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/
	Pure CSS Popups
		http://meyerweb.com/eric/css/edge/popups/demo2.html
	Christian Web Programming - considerable re-working of the above CSS code
		http://www.ChristianWebProgramming.com

March 11, 2010
/****************************************************************************/

.Popup
	{
	display: inline-block;
	text-decoration: none;
	z-index: 0;
	}

.Popup:hover
	{
	background-color: transparent;
	position: relative;
	z-index: 1;
	}

.Popup span
	{
	padding: 7px;
	border-width: 7px;
	display: block;
	font-weight: normal;
	position: absolute;
	top: 1.5em;
	text-align: justify;
	visibility: hidden;
	width: 630px;
	}

.Popup span span
	{
	padding: 0;
	border: none;
	display: inline;
	position: static;
	width: auto;
	}

.Popup:hover span
	{
	background-color: #FFFFFF;
	visibility: visible;
	}

.Popup span.Above
	{
	top: auto;
	bottom: 1.25em;
	left: -369px;
	margin-left: 7.3em;
	}

.Popup span.Image
	{
	padding: 0;
	left: -36px;
	width: auto;
	}

.Popup img
	{
	border: none;
	width: 358px;
	}

.Popup span.Psalm
	{
	display: block;
	text-indent: -2.5em;
	margin-left: 2.5em;
	}

.Popup span.Psalm strong
	{
	font-variant: small-caps;
	font-weight: normal;
	}

.Popup:hover span span span
	{
	border: none;
	display: list-item;

	margin-left: 1em;
	padding: 0;
	position: static;
	vertical-align: top;
	width: auto;
	}

.Popup span.Caption
	{
	padding-top: .4em;
	text-align: center;
	white-space: nowrap;
	}

.Popup em, .ItemName
	{
	border-bottom-style: dotted;
	border-bottom-width: .15em;
	display: inline-block;
	font-style: normal;
	font-weight: bold;
	vertical-align: bottom;
	}

.Popup span em	/* Note:  does not work in span.Psalm in IE 6 & 7 */
	{
	border-style: none;
	display: inline;
	font-style: italic;
	font-weight: normal;
	}

/* Note:  primarily for use in span.Psalm in IE 6 & 7 */
.Popup:hover span span span.Italic
	{
	display: inline;
	font-style: italic;
	margin: 0;
	}