body{
	min-height:400px;
	min-width:700px;
}
.bkframe{
	background-color: #000;
	z-index:0;
}
.phframe{
    height:100%;
    width:100%;
    top:0px;
    left:0px;
    position:absolute;
    z-index: 0;
}
.bkphoto{
	background-color: #000;	
}
.copyrightdiv{
	position:absolute;
	top:0;
	left:0;
	z-index: 100;
	margin-bottom: 0;
	color:darkgray;
	text-align: center;
	width: 200px;
	font-size: 8px;
	height: 12px;
	transform:rotate(-90deg);
	transform-origin : 180px 179px 0;
}

.centergallery{
	background-color: #000;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
    position:absolute;
    z-index: 3;	
    transition: height 0.5s ease, width 0.5s ease;
}
.topgallery{
	background-color: rgba(0,0,0,0.7);
    height:110px;
    width:100%;
    top:0px;
    left:0px;
    position:absolute;
    z-index: 3;	
    transition: height 0.5s ease, width 0.5s ease;
}
.galleryinfo{
	width:100%;
	height:50px;
	overflow:hidden;
	color:white;
	font-family:arial;
	font-size:10px;
}
.gallerysizer{
    position:absolute;
    height:95%;
    width:90%;
    top:5%;
    left:5%;
	z-index: 4;
}
.centergallery .gallerysizer{
	/*margin-top:10px;*/
	background-color: #000;
	margin-bottom:2px;
}
.topgallery .gallerysizer{
	margin-top:10px;
	/*background-color: none;*/
}
.tilegallery{
	position:absolute;
	overflow:hidden;
}
.centergallery .tilegallery{
	top:10px;
	left:0px;
	width:100%;
	height:90%;
}
.topgallery .tilegallery{
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	white-space:nowrap;
}
.gimgthumb{
	position:relative;
	display:inline-block;
	cursor:pointer;
	z-index: 5;
	border: 1px solid rgba(0,0,0,0);
	margin:1px;
	color:white;
	overflow:visible;
}
.centergallery .gimgthumb{
	height:120px;
	width:120px;
}
.topgallery .gimgthumb{
	position:relative;
	height:80px;
	width:80px;
}

.gimgthumb img{
	display: block;
}
.centergallery .gimgthumb img{
	height:110px;
	width:110px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
    transition: all 0.5s ease;
}
.topgallery .gimgthumb img{
	height:74px;
	width:74px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
    transition: all 0.5s ease;
}
.gimgthumb img:hover{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
    transition: all 0.5s ease;
}
.centergallery .gimgthumb img:hover{
	height:120px;
	width:120px;
    transition: all 0.5s ease;
}
.topgallery .gimgthumb img:hover{
	height:80px;
	width:80px;
    transition: all 0.5s ease;
}
.gimgthumb:hover{
	border: 1px solid #357090;
	border-radius: 0px;
}
.thumbselected{
	position:relative;
	border: 1px solid rgba(53, 112, 144, 0.7);
	z-index:6;
}
.centergallery .thumbselected{
	border-radius: 5px;
	box-shadow: 0px 0px 20px 5px rgba(53, 112, 144, 1),0px 0px 4px 4px rgba(53, 112, 144, 0.4) inset;
}
.topgallery .thumbselected{
	border-radius: 3px;
	box-shadow: 0px 0px 14px 3px rgba(53, 112, 144, 1),0px 0px 3px 3px rgba(53, 112, 144, 0.4) inset;
}

.scrolbar-container{
	position:absolute;
	display:block;
	z-index:11;
	overflow:visible;
}
.vscrollbar{
    height:90%;
	width:4px;
	right:0px;
	top:9px;
}
.hscrollbar{
	margin-bottom:10px;
	height:4px;
    width:100%;
	bottom:0px;
    left:-1px;
}
.scrollbar-guide{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border: 1px solid rgba(53, 112, 144, 0.4);
	background-color: rgba(53, 112, 144, 0.3);
	border-radius: 3px;
	z-index:11;
}
.scrollbar-cursor{
	position:relative;
	background-color: rgba(53, 112, 144, 0.7);
	border-radius: 2px;
}
.hscrollbar .scrollbar-cursor{
	height:100%;
	top:0px;
}
.vscrollbar .scrollbar-cursor{
	width:100%;
	left:0px;
}

.pfimg{
	position:relative;
    height:95%;
    top:0;
    text-align: center;
	color:white;
}
.pfimg img:hover{
	z-index:10;
}
.pfimg img{
	position:relative;
    /*height:100%;
	max-width:100%;*/
	margin-top:4px;
}
.pfTextBkgnd {
    position:absolute;
    width:100%;
    background-color:#222;
    border-radius:2px;
    opacity:0.5;
    height:30px;
    bottom:1px;
    z-index:3;
}
.pfText {
    position:absolute;
    width:100%;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    color:#DDD;
    text-shadow:-1px 1px 0 rgba(20,20,20,0.8);
    border-radius:2px;
    opacity:1;
    height:30px;
    bottom:1px;
    z-index:3;
}
.pfText td{
    padding:5px;
    text-align:center;
}
.pfNum {
    /*font-weight: bold;*/
    background-color: #357090;
	opacity:1;
    color:#DDD;
}
.pfTitle{
    font-style:italic;
}

#pfcommand{
    z-index: 500;
    position:absolute;
    height:auto; /*28*/
    bottom:0;
    right:0;
    margin-bottom: 2px;
}
/*also align values with javascript animate : size & opacity*/
.pfbutton {
    float:left;
    width:34px;
    height:34px;
    border-radius:17px;
    cursor:pointer;
    border: solid 1px;
    color:#444;
    margin-right:2px;
    background-image:url("img/thicons-24-24sprite32R.png");
    background-color:#333;/*transparent;*/
    background-repeat: no-repeat;
	opacity:0.8;
}
.pfbutton:hover {
	color:#357090;
	background-color: rgba(53, 112, 144,0.5);
}
.pfbutton-down {
    background-color: white !important;
}
.pfbplay {
    background-position:1px 1px;
}
.pfbplay:hover {
    background-position:1px -31px;
}
.pfbpause {
    background-position:-31px 1px;
}
.pfbpause:hover {
    background-position:-31px -31px;
}
.pfbnext {
    background-position:-95px 1px;
}
.pfbnext:hover {
    background-position:-95px -31px;
}
.pfbprev {
    background-position:-63px 1px;
}
.pfbprev:hover {
    background-position:-63px -31px;
}
.pfbfirst {
    background-position:-127px 1px;
}
.pfbfirst:hover {
    background-position:-127px -31px;
}
.pfblast {
    background-position:-159px 1px;
}
.pfblast:hover {
    background-position:-159px -31px;
}
.pfbfullscreen {
    background-position:-223px 1px;
}
.pfbfullscreen:hover {
    background-position:-223px -31px;
}
.pfbexitfullscreen {
    background-position:-255px 1px;
}
.pfbexitfullscreen:hover {
    background-position:-255px -31px;
}
.pfbtileselect {
    background-position:-287px 1px;
}
.pfbtileselect:hover {
    background-position:-287px -31px;
}
.pfbupselect {
    background-position:-319px 1px;
}
.pfbupselect_over {
    background-position:-319px -31px;
}
.pfbupselect:hover {
    background-position:-319px -31px;
}
.pfbimagebox {
    background-position:-191px 1px;
}
.pfbimagebox:hover {
    background-position:-191px -31px;
}
.pfbhome {
    background-position:-447px 1px;
	background-color: #c478165e;
	color: #c47816;
}
.pfbhome:hover {
    background-position:-447px -31px;
}