@charset "UTF-8";
/* CSS Document */

.album-icon
{
	margin: 10px;
	border: 5px solid #999;
	width: 100px;
	height: 100px;
	float:left;
	position: relative;
	overflow:hidden;
}

.picture-curl {
background-image: url("../images/curl-bottom-right.png");
width: 100px;
height: 100px;
bottom: -20px;
right: -20px;
position: absolute;
}

.album-list
{
	font: 10pt Verdana, Geneva, sans-serif;
	vertical-align: middle;
	text-align:center;
	opacity: 0.0;
	height: 100%;
}

.album-title
{
	color: #666666;
	font: 14pt 'Covered By Your Grace', Verdana, Tahoma, Geneva, sans-serif;
	text-align: center;
	position: absolute;
	top: 0;
	width: inherit;
	z-index: 2;
}

.album-icon-title
{
	color: #666666;
	font: 10pt Verdana, Tahoma, Geneva, sans-serif;
	text-align: center;
}

.icon-and-title
{
	float:left;
	position: relative;
	vertical-align: middle;
}

.back-button
{
	color: #999999;
	font: 10pt Verdana, Tahoma, Geneva, sans-serif;
	text-align: left;
	bottom: 0;
	position: absolute;
	z-index: 2;
}

.picture-title
{
	text-align: center;
	color: #036;
}


.album
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: inherit;
	height: inherit;
	opacity: 0.0;
	overflow: hidden;
}

/*
#lifepic {border: 1px solid #999999;font-family: Verdana, Arial, Helvetica, sans-serif;background-image: url("images/life-pic.png");background-repeat: no-repeat;font-size:12px;color:#333333;position: relative;float: left;width: 230px;height: 303px;-webkit-transform: rotate(-10deg);margin-top: 200px;margin-left: 20px;}
*/

.picture-list
{
	display:block;
	overflow:auto;
	padding: 10px 40px 0px 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;
	opacity: 0;
}

.picture-icon
{
	margin: 0px 0px 10px 0px;
	padding: 2px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	float: top;
	clear: none;
	width: 50px;
	overflow: hidden;
	position: relative;
	display: block;
}

.picture-icon img
{
	width:100%;
	vertical-align:middle;
}

.album-icon img
{
	clear: none;
	height:100%;
	vertical-align:middle;
}

.picture-preview
{
	border: 1px solid #999999;
	background-color:#FFFFFF;
	/*position:absolute;*/
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	padding: 5px;
	-webkit-transform: rotate(-3deg);
}

.picture
{
	/*border: 1px solid #999999;*/
	background-color:#FFFFFF;
	z-index: 1;
}

#picturePreviewImg
{
	height:100%;
	vertical-align:middle;
	margin:auto;
}

.pictureSpinner
{
	position:absolute;
	margin-left: auto;
	margin-right:auto;
	width:36px;
	height:36px;
	vertical-align:middle;
}

.picture-title
{
/*	margin-top: -10px;*/
	font: 16pt 'Covered By Your Grace', Verdana, Geneva, sans-serif;
}

#pictureScrollUpDiv
{
	z-index: 3;
	position: absolute;
	top: 0px;
	right: 0px;
	opacity: 0;
}

#pictureScrollDownDiv
{
	z-index: 3;
	position: absolute;
	bottom: 0px;
	right: 0px;
	opacity: 0;
}