body {
}

.blogphoto
{
	font-family: Verdana;
}

.blogphoto .PP-ImageHolder
{
	position: relative;
	width:400px;
	height: 300px;
	border: solid 1px;
	color: #7691AB;
	background-color: Black;
}

.blogphoto .PP-Prev, .blogphoto .PP-Next, .blogphoto .PP-Play, .blogphoto .PP-Pause
{
	cursor: pointer;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
    top: 4px;
}

.blogphoto .PP-Prev
{
	background-image: url(/topletsresources/PhotoToplet/images/blogphoto/prev.gif);
	left: 6px;
	width: 19px;
	height: 15px;
	top: 2px;
}

.blogphoto .PP-Next
{
	background-image: url(/topletsresources/PhotoToplet/images/blogphoto/next.gif);
	left: 48px;
	width: 19px;
	height: 15px;
	top: 2px;
}

.blogphoto .PP-Play
{
	background-image: url(/topletsresources/PhotoToplet/images/blogphoto/play.gif);
	width: 13px;
	height: 14px;
	left: 30px;
	top: 3px;
}

.blogphoto .PP-Pause
{
	background-image: url(/topletsresources/PhotoToplet/images/blogphoto/pause.gif);
	width: 16px;
	height: 14px;
	left: 28px;
	position: absolute;
	top: 3px;
}

.blogphoto .PP-Reverse
{
	width: 15px;
	height: 15px;
	cursor: pointer;
	position: absolute;
	right: 196px;
	top: 32px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/topletsresources/PhotoToplet/images/blogphoto/reverse.gif);
}

.blogphoto .PP-Forward
{
	width: 15px;
	height: 15px;
	cursor: pointer;
	position: absolute;
	right: 4px;
	top: 32px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/topletsresources/PhotoToplet/images/blogphoto/forward.gif);
}

.blogphoto .PP-Controls .PP-mouseover
{
   opacity:.50;
   filter: alpha(opacity=50); 
   -moz-opacity: 0.50;
}

.blogphoto .PP-Display
{
	position: absolute;
	top: 0px;
	left: 0px;
	width:400px;
	height: 300px;
	background-repeat: no-repeat;
	background-position: center;
}

.blogphoto .PP-DisplayBar
{
	position: absolute;
    bottom: 0px;
    width:400px;
    height: 20px;
	background-color: Black;
	color: White;
	font-size: 9px;
	opacity:.50;
    filter: alpha(opacity=50); 
    -moz-opacity: 0.50;
}

.blogphoto .PP-Credit
{
	position: absolute;
    bottom: 7px;
    width: 400px;
	text-align: right;
	color: White;
	font-size: 10px;
}

.blogphoto .PP-PicData
{
	width:400px;
	border: solid 1px;
	margin-top: 5px;
	color: Black;
	border-color: #7691AB;
	position: relative;
}

.blogphoto .PP-Body
{
   width: 380px;
   font-size: 9px;
   margin: 2px;
   padding:10px;
}

.blogphoto .PP-ThumbHolder
{
	position: absolute;
	top: 10px;
	right: 20px;
	width: 174px;
	height: 60px;
	overflow: hidden;
}

.blogphoto .PP-Thumbs
{
	position:absolute;
    color:#FFF;
    width: 60px;
    height: 60px;
}

.blogphoto .PP-Thumbs .PP-mouseover
{
   opacity:.50;
   filter: alpha(opacity=50); 
   -moz-opacity: 0.50;
}

.blogphoto .PP-Thumbs .imgthumb, .blogphoto .PP-Thumbs .imgthumbon, .blogphoto .PP-Thumbs .PP-mouseover
{
    width: 50px;
    height: 50px;
    border: solid 2px black;
    margin: 2px;
    float: left;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}

.blogphoto .PP-Thumbs .imgthumbon
{
    border-style: dashed;
}

.blogphoto .PP-Controls
{
	margin-top: 5px;
	position: absolute;
	width:400px;
	height: 20px;
	border: solid 1px #7691AB;
}