/**
 * jquery lightbox plugin
 * this jquery plugin was inspired and based on lightbox 2 by lokesh dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jquery.
 * @name jquery-lightbox-0.5.css
 * @author leandro vieira pinho - http://leandrovieira.com
 * @version 0.5
 * @date april 11, 2008
 * @category jquery plugin
 * @copyright (c) 2008 leandro vieira pinho (leandrovieira.com)
 * @license cc attribution-no derivative works 2.5 brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_us
 * @example visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jquery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnprev, #lightbox-nav-btnnext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnprev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnnext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px verdana, helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentnumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secnav-btnclose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/*
    colorbox core style:
    the following css is consistent between example themes and should not be altered.
*/
#colorbox, #cboxoverlay, #cboxwrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxwrapper {max-width:none;}
#cboxoverlay{position:fixed; width:100%; height:100%;}
#cboxmiddleleft, #cboxbottomleft{clear:left;}
#cboxcontent{position:relative;}
#cboxloadedcontent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxtitle{margin:0;}
#cboxloadingoverlay, #cboxloadinggraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxprevious, #cboxnext, #cboxclose, #cboxslideshow{cursor:pointer;}
.cboxphoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxiframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxcontent, #cboxloadedcontent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    user style:
    change the following styles to modify the appearance of colorbox.  they are
    ordered & tabbed in a way that represents the nesting of the generated html.
*/
#cboxoverlay{background:url(/uploads/image/iplightbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxtopleft{width:21px; height:21px; background:url(/uploads/image/iplightbox/controls.png) no-repeat -101px 0;}
    #cboxtopright{width:21px; height:21px; background:url(/uploads/image/iplightbox/controls.png) no-repeat -130px 0;}
    #cboxbottomleft{width:21px; height:21px; background:url(/uploads/image/iplightbox/controls.png) no-repeat -101px -29px;}
    #cboxbottomright{width:21px; height:21px; background:url(/uploads/image/iplightbox/controls.png) no-repeat -130px -29px;}
    #cboxmiddleleft{width:21px; background:url(/uploads/image/iplightbox/controls.png) left top repeat-y;}
    #cboxmiddleright{width:21px; background:url(/uploads/image/iplightbox/controls.png) right top repeat-y;}
    #cboxtopcenter{height:21px; background:url(/uploads/image/iplightbox/border.png) 0 0 repeat-x;}
    #cboxbottomcenter{height:21px; background:url(/uploads/image/iplightbox/border.png) 0 -29px repeat-x;}
    #cboxcontent{background:#fff; overflow:hidden;}
        .cboxiframe{background:#fff;}
        #cboxerror{padding:50px; border:1px solid #ccc;}
        #cboxloadedcontent{margin-bottom:28px;}
        #cboxtitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxcurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxloadingoverlay{background: no-repeat center center;}
        #cboxloadinggraphic{background:url(/uploads/image/iplightbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxprevious, #cboxnext, #cboxslideshow, #cboxclose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxprevious:active, #cboxnext:active, #cboxslideshow:active, #cboxclose:active {outline:0;}

        #cboxslideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxprevious{position:absolute; bottom:0; left:0; background:url(/uploads/image/iplightbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxprevious:hover{background-position:-75px -25px;}
        #cboxnext{position:absolute; bottom:0; left:27px; background:url(/uploads/image/iplightbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxnext:hover{background-position:-50px -25px;}
        #cboxclose{position:absolute; bottom:0; right:0; background:url(/uploads/image/iplightbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxclose:hover{background-position:-25px -25px;}

/*
  the following fixes a problem where ie7 and ie8 replace a png's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  this style is not applied to or needed in ie9.
  see: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxie #cboxtopleft,
.cboxie #cboxtopcenter,
.cboxie #cboxtopright,
.cboxie #cboxbottomleft,
.cboxie #cboxbottomcenter,
.cboxie #cboxbottomright,
.cboxie #cboxmiddleleft,
.cboxie #cboxmiddleright {
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#00ffffff,endcolorstr=#00ffffff);
}