@charset "utf-8";
/* CSS Document */
IMG.player-photographimage{
	height:53px;
	margin:0px 0px 0px 0px;
}

.player-photograph{
	float: left;
	position: relative;
	width:53px;
	height:53px;
	cursor:pointer;
	text-align:center;
	overflow:hidden;
	margin:4px;
	border: solid 2px #404040;
	background-color:#000;
}
.running-photograph {
	border-color: #ffffff;
}
.player-scrollfont {
	float: left;
	align-vertical:center;
	cursor:pointer;
	width:26px;
	heigth:55px;
}
#player {
	position:relative;
	float: left;
	text-align:center;
	align-vertical:center;
	width : 400px;
	height:400px;
}
#player-photostrip {
	position:relative;
	width : 70px;
	margin-left:5px;
	float: left;
	border-left: 1px solid #404040;
	height:400px;
	overflow:hidden ;
}
#photostrip {
	top : 0px;
	left : 8px;
	position : absolute;
}
#photostrip-scroll-container {
	top : 21px;
	left : 0px;
	position : absolute;
	overflow:hidden ;
	height:360px;
	width: 70px;
}
#photostrip-scroll-up {
	top : 3px;
	left:8px;
	position : absolute;
	height : 20px;
	width : 70px;
	background:url(../images/photoalbum/scroll-up.gif) center top no-repeat;
}
#photostrip-scroll-up.photostrip-scroll-up-over {
	background:url(../images/photoalbum/scroll-up-over.gif) center top no-repeat;
}
#photostrip-scroll-down {
	top : 388px;
	left:8px;
	position : absolute;
	height : 20px;
	width : 70px;
	background:url(../images/photoalbum/scroll-down.gif) center top no-repeat;
}
#photostrip-scroll-down.photostrip-scroll-down-over {
	background:url(../images/photoalbum/scroll-down-over.gif) center top no-repeat;
}

#showimage{
	margin: 0;
	position: absolute;
	LEFT:0px;
	TOP:0px;
	z-Index:901;
}
#showimage2{
	margin: 0;
	position: absolute;
	LEFT:0px;
	TOP:0px;
	z-Index:902;
}

#player-window{
	position:relative;
	top:0px;
	left:40px;
	height:460px;
	z-index:900;
}
#player-window, #player-screen-top{
	width: 488px;
}
#player-screen{
	width: 480px;
}
#player-screen{
	position:absolute;
	top: 2px;
	left: 4px;
	height:410px;
 	background: #000;
	overflow:hidden;
MozOpacity:1;
Opacity:100;
}

#player-image{
	position:absolute;
	vertical-align:center;
	top: 4px;
	left: 4px;
	width:400px;
	height:400px;
	text-align:center;
	background : #000;
	overflow:hidden;
}
.player-photographtitle{
	position:absolute;
	COLOR : green;
	BACKGROUND-COLOR: #000;
	FONT-WEIGHT:bold;
	FONT-SIZE:10px;
	top: 338px;
	left: 10px;
	WIDTH:310px;
	HEIGHT:15px;	
	visibility:hidden;
}
#player-screen-top,#player-screen-top-right,#player-screen-top-left {
	position: absolute;
	height: 4px;
}
#player-screen-right,#player-screen-left,#player-screen-top-right,#player-screen-top-left {
	position: absolute;
	width: 4px;
	top: 0px;
}
#player-screen-top{
	top: 0px;
	left: 0px;
	background: url(../images/photoalbum/player-top.gif) left top repeat-x;
}
#player-screen-right{
	right: 0px;
	height: 100%;
	background: url(../images/photoalbum/player-right.gif) left top repeat-y;
}
#player-screen-left{
	left: 0px;
	height: 100%;
	background: url(../images/photoalbum/player-left.gif) left top repeat-y;
}
#player-screen-top-right{
	right: 0px;
	background: url(../images/photoalbum/player-top-right.gif) left top no-repeat;
}

#player-screen-top-left{
	left: 0px;
	background: url(../images/photoalbum/player-top-left.gif) left top no-repeat;
}
#player-control-unit {
	position:absolute;
	top:410px;
	left:0px;
}
#player-control-left, #player-control-right {
	position:relative;
	float:left;
	width:20px;
	height:64px;
}
#player-control-left {background: url(../images/photoalbum/player-cont-left.gif) no-repeat;}
#player-control-right {background: url(../images/photoalbum/player-cont-right.gif) no-repeat;}
#player-control-fill-left, #player-control-fill-right {
	position:relative;
	float:left;
	background: url(../images/photoalbum/player-cont-fill.gif) left top repeat-x;
	width:133px;
	height:64px;
}

#player-control{
	float: left;
	position: relative;
 	BACKGROUND: url(../images/photoalbum/player-cont.gif) no-repeat;
	width:182px;
	height:64px;
}
#player-control div {
	position: absolute;
	height:30px;
	cursor:hand;
	width:31px;
}
#player-previous{
	top: 21px;
	left: 16px;
}
.player-previous-over{
 	BACKGROUND: url(../images/photoalbum/player-previous-o.gif) no-repeat;
}

#player-play{
	top: 22px;
	left: 46px;
}
.player-play-over{
 	BACKGROUND: url(../images/photoalbum/player-play-o.gif) no-repeat;
}

#player-pauze{
	top: 22px;
	left: 76px;
}
.player-pauze-over{
 	BACKGROUND: url(../images/photoalbum/player-pauze-o.gif) no-repeat;
}
#player-stop{
	top: 22px;
	left: 106px;
}
.player-stop-over{
 	BACKGROUND: url(../images/photoalbum/player-stop-o.gif) no-repeat;
}
#player-next{
	top: 21px;
	left: 137px;
}
.player-next-over{
 	BACKGROUND: url(../images/photoalbum/player-next-o.gif) no-repeat;
}
#player-progress{
	position: absolute;
	top: 9px;
	left: 14px;
	WIDTH:0px;
	HEIGHT:5px;
 	BACKGROUND: url(../images/photoalbum/player-progress.gif) repeat-x;
	visibility:hidden;
}
#albumstrip.hidden {
	visibility:hidden;
	overflow:hidden;
	height:1px;
	width:1px;
}

#photoalbumnav {
	position: relative;
	clear: left;
	}

#photoalbumnav, #photoalbumnav ul { /* all lists */
	padding: 0;
	margin: 5px;
	list-style: none;
	float : left;
	width : 200px;
}

#photoalbumnav li {
	position : relative;
	float : left;
	line-height : 24px;
	margin: 0;
	z-index : 500;
	}
#photoalbumnav li a {
			display : block;
			font-weight : bold;
			text-decoration : none;
			width : 150px;
			color:#DA0320;
			background-color:#E6E6E6;
			border: 1px solid #ec1d25;
			border-left: 0px;
			border-top: 0px;
			padding: 0 0 0 8px;

}
#photoalbumnav li a:hover {
	color:#006659;
	border: 1px solid #ec1d25;
	border-left: 0px;
	border-top: 0px;
}
#photoalbumnav li a.active, #photoalbumnav li a.active:hover {
	color:#006659;
	border: 1px solid #ec1d25;
	border-left: 0px;
	border-top: 0px;
}
#photoalbumnav li ul {
	position: absolute;
	top: -999em;
	margin-left : 0px;
	margin-top :0px;
	display: block;
}

#photoalbumnav li ul li {
			margin: 0px;
}
#photoalbumnav li li a {	
	padding: 0 0 0 8px;
	width : 150px;
	color:#DA0320;
	background-color:#E6E6E6;
	border: 1px solid #ec1d25;
	border-left: 0px;
	border-top: 0px;
	}
#photoalbumnav li li a:hover,  #photoalbumnav li a.selectedmenuitem,  #photoalbumnav li li a.selectedmenuitem{
	color : #ec1d25;
	border: 1px solid #ec1d25;
	border-left: 0px;
	border-top: 0px;
}
#photoalbumnav li:hover ul, #photoalbumnav li.photoalbumhover ul {
	display: block;
	top: auto;
	}


#pag-photoalbum-albumlist{
	position: relative;
	width:160px;
	right:5px;
	float: right;
	z-index:3000;
}

#pag-photoalbum-content {
	position:relative;
	height:auto;
	left:10px;
	display:block;
	float:left;
	width:97%;
	margin-bottom : 30px;

}