@charset 'utf-8';

/*
 * @file	showbox.csss
 * @ver		1
 * @date	08.05.2009
 * 
 * 
 */

 /*sb - showBox */
 
 /* standard */
 .full-page    {  }
 #sb-overlay   { position:fixed; top:0; left:0; z-index:9998;	background:#000; display:block;	opacity:0.5; width:100%;height:100%; }
 #sb-wrapper   { position:fixed; top:0; left:0; z-index:9999;	display:table; width:100%;height:100%; } 
 #sb-container { position:relative;display:table-cell;	vertical-align:middle;	color:#fff; width:100%;height:100%; padding:0; margin:0;}	
 #sb {  text-align:center; margin:0 auto;}

 #sb-wrapper img{ display:inline; } 

 /* IE7 */
*:first-child+html #sb-overlay {zoom:1; filter:alpha(opacity=50); }
*:first-child+html #sb-container{position:absolute;top:50%;display:block;height:auto; }
*:first-child+html #sb {position:relative;top:-50%;display:block;} 
 
 /* IE6 */

* html #sb-overlay {zoom:1; filter:alpha(opacity=50); position:absolute;}
* html #sb-wrapper { zoom:1 ; position:absolute; }
* html #sb-container{position:absolute;top:50%;display:block;height:auto; }
* html #sb {position:relative;top:-50%; display:block; } 
/*
* html #sb-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #sb-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
*/

#sb-inner {text-align:center}

/* default theme */
#sb-overlay { background:#000;  }

#photo-frame { overflow:hidden; position:relative; padding:0; margin:0 auto; width:1px; height:1px;  ;
	background:#000 url(../images/showbox/loader.gif) no-repeat scroll 50% 50%;
	}
	
#close-frame {  display:block; position:relative; }
#close-frame a { top:0; right:0; position:absolute; width:11px; height:11px; margin:10px 10px 0 0; display:block; background: transparent url(../images/showbox/close.jpg) no-repeat scroll top left; text-indent:-9999px; color:#000;}

#prev-photo,
#next-photo  { height:27px; width:20px; display:block;  text-indent:-9999px;}

#prev-photo {color:#ff0; position:absolute; top:45%; left:10px; z-index:10 ; background: transparent url(../images/showbox/gallery-prev.jpg) no-repeat scroll 0 0;  }
#next-photo {color:#ff0; position:absolute; top:45%; right:10px; z-index:10; background: transparent url(../images/showbox/gallery-next.jpg) no-repeat scroll 0 0;  }

#photo-description {background:#000; height:auto; color:#ccc;margin-top:-15px; z-index:21 ; position:relative;}
#photo { margin-top:20px;}	



	
	