﻿.photoplayer
{
    width:500px;
    height:300px;
    overflow:hidden;
    border:solid 2px #000;
   
    margin-top:10px; 
    margin:auto;
  
    background-position:center top;
    background-repeat:no-repeat;
    -webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.albumplaceholder
{
    border:solid 1px #333;
    background-color:#111;
    width:80%;
    height:92px;
    margin:auto;
    margin-top:20px;
    overflow:hidden;
    -moz-border-radius:6px;	
	border-radius:6px;
	margin:auto;
	text-align:center;
	float:left;

}
.albumitem
{
    float:left;
    width:105px;
    text-align:center;
    padding:5px;
    margin-bottom:10px;
}
 
.albumframe
{
    border:solid 5px #333;
    background-color:#555;
   
    margin-bottom:5px;
    -moz-border-radius:4px;	
	border-radius:4px;
}
 .leftscroll
 {
   position:relative;
   width:33px;
   height:80px;
   margin-top:0px;
   margin-right:2px;
   border:solid 0px #111;
   margin-left:20px;
   background:url(images/leftnav_white.png) no-repeat left center;
   cursor:pointer;
   float:left;
   text-align:center;

 
 }
 .rightscroll
 {
   position:relative;
   top:0px;
   width:33px;
   height:80px;
   margin-top:0px;
   margin-left:2px;
   border:solid 0px #111;
   text-align:center;
   background:url(images/rightnav_white.png) no-repeat right center;
   cursor:pointer;
   float:left;
   
 }
 .leftnavwide
{
   position:absolute;
   top:200px;
   left:200px;
   width:80px;
   height:80px;
   border:solid 0px #111;
   cursor:pointer;
   z-index:22;
   background:url(images/leftnav_white.png) no-repeat left center;
   opacity:0.6;
   filter:alpha(opacity=60);
   display:none;
}
.rightnavwide
{
   position:absolute;
   top:200px;
   left:500px;
   width:80px;
   height:80px;
   z-index:22;
   border:solid 0px #111;
   cursor:pointer;
   background:url(images/rightnav_white.png) no-repeat right center;
   opacity:0.6;
   filter:alpha(opacity=60);
   display:none;
}
.masklayer 
{
		background-color:#000000;
		display:none;
		top:0px;
		left:0px;
		position:absolute;
		z-index:8;
		display:none;
		opacity:0.9;
		filter:alpha(opacity=90);
		border:0px solid green;
		
}

.photoviewport
{
    position:absolute;
    top:200px;
    left:200px;
    z-index:9;
    display:none;
    border-radius:6px;
    -moz-border-radius:6px;
    border:0px solid green;
}

.closeboxs
{
    background:url(images/close.png) no-repeat center center;
    height:25px;
    width:25px;
    border:solid 1px #fafafa;
    background-color:#ccc;
    position:absolute;
    top:10px;
    right:10px;
    z-index:12;
    display:none;
    border-radius:6px;
	-moz-border-radius:6px;	
}

