/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; }
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{font-size:10pt;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
    #cboxLoadedContent{margin-bottom:0px;}
    
	#cboxTitle{color: #d7dcdc;position:absolute;top: -26px;text-shadow: #000000 1px 1px 2px;width: 100%;text-align: center;font: 14px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;text-overflow:ellipsis;overflow:hidden;}
	
	#cboxCurrent:before{content:".";background: url(images/title_left.png) no-repeat 0 0;width: 15px;height: 32px;display: block;position: absolute;top: 0;left: -15px;text-indent: -2000px;}
	#cboxCurrent:after{content:".";background: url(images/title_right.png) no-repeat 0 0;width: 15px;height: 32px;position: absolute;display: block;top: 0;right: -15px;text-indent: -2000px;}
	#cboxCurrent{position:absolute; bottom: -2px; left: 50%; color: #fff;display: block;background: url(images/title_middle.png) repeat-x 0 0;width: 120px;text-align: center;line-height: 16px;font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;margin-left: -60px;padding: 5px 0;height: 25px;}
	
	
        #cboxSlideshow{position:absolute; bottom:4px; right: 30px; color:#0092ef;text-indent: -2000px;}
        #cboxPrevious{position:absolute; background: /*rgba(0,251,52,0.15)*/ url(images/nav_left.png) no-repeat center; width: 50%; height: 100%; text-indent:-9999px;top: 0;left: 0;background-position: left;opacity: 0.3;
        -webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		-ms-transition: all .2s ease-out;
		transition: all .2s ease-out;
		}
        
#cboxNext{position:absolute; background: /*rgba(255,18,19,0.3)*/ url(images/nav_right.png) no-repeat center; width: 50%; height: 100%; text-indent:-9999px;top: 0;
	right: 0;background-position: right;opacity: 0.3;
	
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		-ms-transition: all .2s ease-out;
		transition: all .2s ease-out;}

	#cboxPrevious.hover{
		opacity: 1;
	}
	#cboxNext.hover{
		opacity: 1;
		
	}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:-21px; right:-24px; background:url(images/close-sprite.png); width:29px; height:27px; text-indent:-9999px;}
        #cboxClose.hover{}