@charset "UTF-8";

/*::::: generic rules ::::::::*/
ul, li
{
	list-style-type:none;
	background-image: none;
	text-indent: 0px;
	margin: 0;
	padding: 0;
}

img
{
	border:none;
	margin:0;
	padding:0;
}

a
{
	color:#ff0000;
	outline:none;
	text-decoration:none;
	margin:0;
	padding:0;
}

a:hover
{
	color:#777;
	outline:none;
	text-decoration:none;
	margin:0;
	padding:0;
}

.advertise
{
	margin:0;
	padding:5px;
	margin-top:10px;
	margin-left:30px;
	color:red;
	font-weight:700;
	font-size:11px;
	border:1px solid #ccc;
}

.title
{
	font-size:10px;
}

.expl
{
	margin:0;
	padding:5px;
	margin-top:10px;
	margin-left:30px;
	color:black;
	font-weight:300;
	font-size:11px;
	border:1px solid #ccc;
}

/*:::: DEMO PAGE, LIST IMAGES rules (REMOVE OR CHANGE) ::::*/

.gallery, .gallery_in
{
	float:left;
	padding:0;
	margin:0;
	width:420px;
}

.thumbs
{
	visibility:hidden;
}

.thumbs_all
{
	float:left;
}

.thumbs_all img
{
	padding:0px;
}

.thumbs_all li
{
	float:left;
	background-image: url(../../Media/thumbschatten.png);
	background-repeat: no-repeat;
}

span.thumbs_all
{
	float:left;
}

.thumbs_all a
{
	float:left;
	height:105px;
	width:105px;
	cursor:url(/cursor/open.cur), pointer;
}

.thumbs_all a:hover
{ float:left; }

.highlite
{
	color:#000;
	font-weight:700;
}

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

.bg_thumbs
{
	background:#111;/*::::: you can change overlay background-color here ::::::::*/
	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:#000;/*::::: you can change img_box background-color here ::::::::*/
}

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

/*:::: PREV/NEXT inside rules ::::*/
.box_next_in
{
	position:absolute;
	top:2px!important;
	top:2px;
	height:90%;
	width:74px;
	right:2px!important;
	right:0px;
	overflow:hidden;
	z-index:1010;
	background:none;
	display:none;
}

a.next_in
{
	position:absolute;
	z-index:1011;
	height:100%;
	width:74px;
	right:-74px;
	text-indent:-999em;
	display:block;
	background:url(next_in_b.png) top right no-repeat!important;
	background:url(next_in_b.gif) top right no-repeat;
}

.box_previous_in
{
	position:absolute;
	top:2px!important;
	top:2px;
	z-index:100012;
	height:90%;
	left:2px!important;
	left:2px;
	width:74px;
	overflow:hidden;
	background:none;
	display:none;
}

a.previous_in
{
	position:absolute;
	z-index:100013;
	left:-74px;
	height:100%;
	width:74px;
	text-indent:-999em;
	display:block;
	background:url(prev_in_b.png) top left no-repeat!important;
	background:url(prev_in_b.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;
	top:0;
	height:100%;
	width:81px;
	right:-81px;
	z-index:1007;
	background:url(next_o_b.gif) center right no-repeat;
}

a:hover.next
{
	background:url(next_o_b_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;
	top:0;
	height:100%;
	width:81px;
	left:-81px;
	text-indent:-999em;
	display:block;
	background:url(prev_o_b.gif) center left no-repeat;
}

a:hover.previous
{
	background:url(prev_o_b_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;
	cursor:url(/cursor/close.cur), pointer;
}

/*:::: 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_b.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_b.png) center no-repeat!important;
	background:url(bg_loader_b.gif) center no-repeat;
}

.loader span
{
	position:absolute;
	width:80px;
	height:80px;
}

.unloader
{
	visibility:visible;
}

.caption
{
	position:absolute;
	bottom:0;
	left:0;
	margin:0 0 8px 5px!important;
	margin:0 0 8px 5px;
	color:#fff;
	visibility:hidden;
	display:block;
	padding:3px;
	z-index:100013;
	cursor:text;
}

.caption p
{
	display:block;
	margin:0;
	padding:0;
	margin-right:88px;
}

.pre
{
	visibility:hidden;
	display:none;
}

.end
{
	display:none;
}

.begin
{
	display:none;
}

/*::::, ROUNDED 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:90%;
	padding:0!important;
	padding:10px;
	top:0;
	left:0;
	background: url(bg_b.png) top left no-repeat!important;
	background: url(bg_b.gif) top left no-repeat;
}

.t_r
{
	position:absolute;
	height:30%;
	width:30%;
	top:0;
	right:0;
	background: url(bg_b.png) top right no-repeat!important;
	background: url(bg_b.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_b.png) bottom left no-repeat!important;
	background: url(bg_b.gif) bottom left no-repeat;
}

.t_r_b
{
	position:absolute;
	height:90%;
	width:40%;
	bottom:0;
	right:0;
	background: url(bg_b.png) bottom right no-repeat!important;
	background: url(bg_b.gif) bottom right no-repeat;
}