/* ====================================================== */
/* Name:offon design									  */
/* Author:offon design								      */
/* Description:offon design - HTML5 Lightbox			  */
/* Version:1.0											  */
/* ====================================================== */

body:after							{ content:url(../images/pictograms/close.png) url(../images/pictograms/loading.gif) url(../images/pictograms/prev.png) url(../images/pictograms/next.png); display:none; }

.lightboxOverlay					{ top:0; left:0;  position:absolute;z-index:9999; background-color:#00000F; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity:0.7; display:none; }

.lightbox							{ width:100%; left:0; position:absolute; z-index:10000; text-align:center; line-height:0; font-weight:normal; }

.lightbox .lb-image					{ height:auto; display:block; -webkit-border-radius:1px; -moz-border-radius:1px; -ms-border-radius:1px; -o-border-radius:1px; border-radius:0px; }

.lightbox a img						{ border:none; }

.lb-container img					{ max-width:none; }

.lb-outerContainer					{ width:250px; height:250px; margin:0 auto; position:relative; background-color:#FFF; box-shadow:3px 3px 10px #222;
									  *zoom:1; -webkit-border-radius:1px; -moz-border-radius:1px; -ms-border-radius:1px; -o-border-radius:1px; border-radius:0px; }

.lb-outerContainer:after			{ content:""; display:table; clear:both; }

.lb-container						{ padding:1px; }

.lb-loader							{ width:100%; height:25%; top:43%; left:0%; position:absolute; text-align:center; line-height:0; }

.lb-cancel							{ width:70px; height:70px; margin:0 auto; display:block; background:url(../images/pictograms/loading.gif) no-repeat; }

.lb-nav								{ width:100%; height:100%; top:0; left:0; position:absolute; z-index:10; }

.lb-container > .nav				{ left:0; }

.lb-nav a							{ outline:none; }

.lb-prev, .lb-next					{ width:49%; height:100%; cursor:pointer; display:block; }

.lb-prev							{ left:0; float:left; }

.lb-prev:hover						{ background:url(../images/pictograms/prev.png) left 48% no-repeat; }

.lb-next							{ right:0; float:right; }

.lb-next:hover						{ background:url(../images/pictograms/next.png) right 48% no-repeat; }

.lb-dataContainer					{ width:100%; margin:0 auto; padding-top:5px; *zoom:1; -moz-border-radius-bottomleft:1px; -webkit-border-bottom-left-radius:1px; border-bottom-left-radius:1px; 
									  -moz-border-radius-bottomright:1px; -webkit-border-bottom-right-radius:1px; border-bottom-right-radius:1px; }

.lb-dataContainer:after				{ content:""; display:table; clear:both; }

.lb-data							{ padding:0 1px; color:#FFFFFF; }

.lb-data .lb-details				{ width:85%; padding-top:10px; float:left; text-align:left; line-height:0.8em; }

.lb-data .lb-caption				{ font-size:13px; font-weight:bold; line-height:1em; }

.lb-data .lb-number					{ padding-bottom:1em; display:block; clear:left; font-size:12px; color:#EEEEEE; }

.lb-data .lb-close					{ width:30px; height:30px; margin-top:10px; display:block; float:right; background:url(../images/pictograms/close.png) top right no-repeat; text-align:right; 
									  outline:none; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity:0.7; }

.lb-data .lb-close:hover			{ cursor:pointer; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; }