/*::::: generic rules ::::::::*/
ul,li{
	list-style-type:none;
	margin:0;
	padding:0;
}
img{
	border:none;
	margin:0;
	padding:0;
}
p{
	margin:0;
	padding:0;
}
h1{
	margin:0;
	padding:0;
}
h2{
	margin:10px;
	padding:10px;
	color:#111;
	font-size:18px;
	width:60%;
	font-weight:normal;
}
h3{
	margin:10px;
	padding:10px;
	color:#333;
	font-size:16px;
	font-weight:normal;
}
a{
	outline:none;
	text-decoration:none;
	margin:0;
	padding:0;
}
a:hover{
	color:#777;
	outline:none;
	text-decoration:none;
	margin:0;
	padding:0;
}


/*::::: PIROBOX RULES::::::::*/

.bg_thumbs {
	background:#000;
	position:fixed!important;
	position:absolute;
	top:0;
	left:0!important;
	left:-17px;
	width:100%;
	margin:0;
	padding:0;
	visibility:hidden;
	z-index:1001;
	display:none;
}


.unloader, .img_box,.middle_l, .middle_r {
	background:#fff;
}



/*:::: YOU DON'T NEED TO CHANGE NOTHING ELSE IN THE CSS :::*/

/*:::: PREV/NEXT inside rules ::::*/
.box_next_in{position:absolute;top:2px;height:90%;width:74px;right:2px!important;right:2px;overflow:hidden;z-index:1010;background:none;display:block;}
a.next_in{position:absolute;z-index:1011;height:100%;width:74px;right:-74px;text-indent:-999em;display:block;background:url(next_in_w.png) top right no-repeat!important;background:url(next_in_w.gif) top right no-repeat;}
.box_previous_in{position:absolute;top:2px;z-index:100012;height:90%;left:2px!important;left:2px;width:74px;overflow:hidden;background:none;display:block;}
a.previous_in{position:absolute;z-index:100013;left:-74px;height:100%;width:74px;text-indent:-999em;display:block;background:url(prev_in_w.png) top left no-repeat!important;background:url(prev_in_w.gif) top left no-repeat;}

/*:::: PREV/NEXT outside rules ::::*/

.box_next{position:fixed!important;position:absolute;top:0;height:100%;width:81px;right:0px!important;right:16px;overflow:hidden;z-index:1006; visibility:hidden}
a.next{position:fixed!important;position:absolute;text-indent:-999em;display:block;height:100%;width:81px;right:-81px;z-index:1007;background:url(next_i_w.gif) center right no-repeat;}
a:hover.next{background:url(next_i_w_h.gif) center right no-repeat;}
.box_previous{position:fixed!important;position:absolute;top:0;height:100%;left:0;width:81px;overflow:hidden;z-index:1008;visibility:hidden}
a.previous{z-index:1009;position:fixed!important;position:absolute;width:81px;left:-81px;text-indent:-999em;display:block;height:100%;background:url(prev_i_w.gif) center left no-repeat;}
a:hover.previous{background:url(prev_i_w_h.gif) center left no-repeat;}

/*:::: END PREV/NEXT rules ::::*/


/*:::: IMG_BOX rules ::::*/

.img_box{
	position:absolute;
	margin-top:-2px;
	margin-left:-2px;
	width:50px;
	height:50px;
	visibility:hidden;
	overflow:hidden;
	z-index:1002;
}
.img_box img{
	float:left;
	position:relative;
	z-index:1100;
	border:none;
	padding:0;
	z-index:1003;
}

/*:::: END IMG_BOX rules ::::*/

/*:::: CLOSE, LOADING rules ::::*/

.thumbs_close {
	position:absolute;
	bottom:0;
	right:0;
	height:18px;
	width:81px;
	color:#fff;
	cursor:pointer;
	margin:0 10px 10px 0!important;
	margin:0 12px 10px 0;
	z-index:100014;
	background:url(close_w.gif) center right no-repeat;
	visibility:hidden;
}
.loader{
	position:fixed!important;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-30px;
	margin-left:-33px;
	width:80px;
	height:80px;
	display:block;
	z-index:1007;
	background:url(bg_loader_w.png) center no-repeat!important;
	background:url(bg_loader_w.gif) center no-repeat;
}
.loader span {
	position:absolute;
	width:80px;
	height:80px;
}
.unloader{
	visibility:visible;
}
.thumbs{
	visibility:hidden;
}

.caption {
	position:absolute;
	bottom:0;
	left:10px;
	margin:0 0 8px 5px!important;
	margin:0 0 8px 5px;
	color:#000;
	visibility:hidden;
	display:block;
	padding:3px;
	z-index:100013;
	cursor:text;
	border-left:5px solid #013D85;
}
.caption p {
	display:block;
	margin:0;
	padding:0;
	margin-right:88px;
	margin-left:5px;
	font-weight:bold;
	color:#333;
}
.pre{visibility:hidden;display:none;}
.end{display:none;}
.begin{display:none;}



/*:::: ROUDED CORNERS ::::*/

.all{
	position:fixed!important;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-40px;
	margin-left:-45px;
	width:80px;
	height:80px;
	padding:10px;
	z-index:1002;
}

.t_l{
	position:absolute;
	height:30%;
	width:91%;
	padding:0!important;
	padding:10px;
	top:0;
	left:0;
	background:url(bg_w.png) top left no-repeat!important;
	background:url(bg_w.gif) top left no-repeat;
}
.t_r{
	position:absolute;
	height:30%;
	width:10%;
	top:0;
	right:0;
	background:url(bg_w.png) top right no-repeat!important;
	background:url(bg_w.gif) top right no-repeat;
}
.middle_l{
	position:absolute;
	width:50%;
	height:80%;
	left:0;
	top:10px;
	z-index:998;
}
.middle_r{
	position:absolute;
	width:50%;
	height:80%;
	right:0;
	top:10px;
	z-index:999;
}
.t_l_b{
	position:absolute;
	height:80%;
	width:91%;
	padding:0!important;
	padding:10px;
	bottom:0;
	left:0;
	background:url(bg_w.png) bottom left no-repeat!important;
	background:url(bg_w.gif) bottom left no-repeat;
}
.t_r_b{
	position:absolute;
	height:80%;
	width:10%;
	bottom:0;
	right:0;
	background:url(bg_w.png) bottom right no-repeat!important;
	background:url(bg_w.gif) bottom right no-repeat;
}