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


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


/*:::: 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(/graphics/next_i_w.gif) center right no-repeat; }
	a:hover.next { background:url(/graphics/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(/graphics/prev_i_w.gif) center left no-repeat; }
	a:hover.previous { background:url(/graphics/prev_i_w_h.gif) center left no-repeat; }


/*:::: 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:pointer; }


/*:::: 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(/graphics/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(/graphics/bg_loader_w.png) center no-repeat !important; background:url(/graphics/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:0; margin:0 0 8px 5px !important; margin:0 0 8px 5px; color:#000; 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; }


/*:::: DEMO PAGE, 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(/graphics/bg_w.png) top left no-repeat !important; background:url(/graphics/bg_w.gif) top left no-repeat; }
.t_r { position:absolute; height:30%; width:10%; top:0; right:0; background:url(/graphics/bg_w.png) top right no-repeat !important; background:url(/graphics/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(/graphics/bg_w.png) bottom left no-repeat !important; background:url(/graphics/bg_w.gif) bottom left no-repeat; }
.t_r_b { position:absolute; height:80%; width:10%; bottom:0; right:0; background:url(/graphics/bg_w.png) bottom right no-repeat !important; background: url(/graphics/bg_w.gif) bottom right no-repeat; }