/*
    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, 
#cboxMiddleLeft, 
#cboxBottomLeft,
#cboxContent,
#cboxLoadedContent,
#cboxTitle,
#cboxLoadingOverlay { width:auto; height:auto; position: inherit; color:#fff; }

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#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-color:#000;}
#colorbox{ }
    #cboxTopLeft{width:21px; height:21px; }
    #cboxTopRight{width:21px; height:21px; }
    #cboxBottomLeft{width:21px; height:21px; }
    #cboxBottomRight{width:21px; height:21px; }
    #cboxMiddleLeft{width:21px; }
    #cboxMiddleRight{width:21px; }
    #cboxTopCenter{height:21px; }
    #cboxBottomCenter{height:21px; }
    #cboxContent{
    
    		background: url(../img/popup.jpg) no-repeat #ebebeb; 
    		background-position: 50% 0;
    		padding:40px 20px 20px 20px;
    		
    	 }
        #cboxLoadedContent{margin-bottom:28px; overflow: hidden !important; }
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#fff;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#fff;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{}
        #cboxLoadingGraphic{}
        #cboxClose{
        	position:absolute; 
        	top:10px; 
        	right:10px; 
        	background: url(../img/button-close.png) no-repeat transparent; 
        	width:28px; 
        	height:28px; 
        	display: block;
        	text-indent: -999999px;
        }
        #cboxClose.hover{background-position:0 100%;}