.jfbalbum div.imgboxouter{

	display:block;

	float:left;

	clear:none;

	margin:10px;

	text-align:center;

	overflow: visible;

}

.jfbalbum div.imgboxwhite{

	border-collapse: separate;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;	

	overflow: hidden;

	background-repeat: no-repeat;

	background-position: center;



	-moz-box-shadow: 0px 0px 5px #333;

	-webkit-box-shadow: 0px 0px 5px #333;

	box-shadow: 0px 0px 5px #333;

	background-color: #333;

}

.jfbalbum div.imgboxwhite:hover{

	-moz-box-shadow: 0px 0px 10px #666;

	-webkit-box-shadow: 0px 0px 10px #666;

	box-shadow: 0px 0px 10px #666;

}

.jfbalbum div.imgboxblack{

	border-collapse: separate;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;	

	overflow: hidden;

	background-repeat: no-repeat;

	background-position: center;



	-moz-box-shadow: 0px 0px 5px #666;

	-webkit-box-shadow: 0px 0px 5px #666;

	box-shadow: 0px 0px 5px #666;

	background-color: #EEE;

}

.jfbalbum div.imgboxblack:hover{

	-moz-box-shadow: 0px 0px 10px #111;

	-webkit-box-shadow: 0px 0px 10px #111;

	box-shadow: 0px 0px 10px #111;

}



.jfbalbum div.imgboxouter a{

	display:block;

	position:relative;

	left:0;

	top:0;

}



.jfbalbum div.imgboxgallery{

	overflow: hidden;

	background-repeat: no-repeat;

	background-position: center;

	border: 0px solid #DDD;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	position: absolute;

	top: -7px;

	left: -7px;

}

.jfbalbum div.imgboxouter div.titlebelow{

	overflow: hidden;

	position: absolute;

	left: 0;

}



/*Slidergrid and Slidergrid vertical related styles*/



.jfbalbum div.boxsinglethumb{

	position:absolute;

}

.jfbalbum div.boxsinglethumb > div{

	display:block;

	float:left;

}

.jfbalbum div.masksinglethumb{

	position:relative;

	overflow:hidden;

}

.jfbalbum div.slidergridprev1, .jfbalbum div.slidergridnext1{

	cursor: pointer;

	width: 32px;

	height: 65px;

	margin: 5px;

}



.jfbalbum div.slidergridvprev1, .jfbalbum div.slidergridvnext1{

	cursor: pointer;

	width: 66px;

	height: 40px;

	margin: 5px auto;

}

.jfbalbum div.slidergridprev1{

	background-position: 0px -76px;

}

.jfbalbum div.slidergridprev1:hover{

	background-position: -51px -76px;

}

.jfbalbum div.slidergridnext1{

	background-position: 0px 0px;

}

.jfbalbum div.slidergridnext1:hover{

	background-position: -51px 0px;

}

.jfbalbum div.slidergridvprev1{

	background-position: -116px 0px;

}

.jfbalbum div.slidergridvprev1:hover{

	background-position: -116px -41px;

}

.jfbalbum div.slidergridvnext1{

	background-position: -116px -80px;

}

.jfbalbum div.slidergridvnext1:hover{

	background-position: -116px -121px;

}



/*pagination related css*/

.jfbalbum #tnt_pagination {

	display:block;

	text-align:left;

	height:22px;

	line-height:21px;

	clear:both;

	padding-top:3px;

	margin-top:10px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:normal;

}



.jfbalbum #tnt_pagination a:link, .jfbalbum #tnt_pagination a:visited{

	padding:7px;

	padding-top:2px;

	padding-bottom:2px;

	border:1px solid #EBEBEB;

	margin-left:10px;

	text-decoration:none;

	background-color:#F5F5F5;

	color:#0072bc;

	width:22px;

	font-weight:normal;

}



.jfbalbum #tnt_pagination a:hover {

	background-color:#DDEEFF;

	border:1px solid #BBDDFF;

	color:#0072BC;  

}



.jfbalbum #tnt_pagination .active_tnt_link {

	padding:7px;

	padding-top:2px;

	padding-bottom:2px;

	border:1px solid #BBDDFF;

	margin-left:10px;

	text-decoration:none;

	background-color:#DDEEFF;

	color:#0072BC;

	cursor:default;

}



.jfbalbum #tnt_pagination .disabled_tnt_pagination {

	padding:7px;

	padding-top:2px;

	padding-bottom:2px;

	border:1px solid #EBEBEB;

	margin-left:10px;

	text-decoration:none;

	background-color:#F5F5F5;

	color:#D7D7D7;

	cursor:default;

}

/* Add your custom style below this comment 

and also keep a backup somewhere since any 

update will overwrite this file with the official versin 

and your modification will be gone*/