/*

    ColorBox Core Style:

    The following CSS is consistent between example themes and should not be altered.

*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:auto; z-index:2; overflow:visible;}

#cboxOverlay{position:fixed; width:100%; height:100%;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}

#cboxContent{position:relative;}

#cboxLoadedContent{overflow:auto;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

.cboxPhoto{float:left; margin:auto; border:0; display:block;}

.cboxIframe{width:100%; height:100%; display:block; border:0;}



/* 

    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(../images/overlay.png); display:none !important;}



#colorbox_wrap {

	margin:0 auto;

	width:580px;

	/*position:relative;*/
	position:static;

	}

#colorbox{

top:50px;

        }



    #cboxTopLeft{width:0px; height:0px;}

    #cboxTopCenter{height:14px;}

    #cboxTopRight{width:0px; height:0px;}

    #cboxBottomLeft{width:0px; height:0px;}

    #cboxBottomCenter{height:0px;}

    #cboxBottomRight{width:0px; height:0px; }

    #cboxMiddleLeft{width:0px;}

    #cboxMiddleRight{width:0px;}

    #cboxContent{overflow:visible;}

        #cboxLoadedContent{margin-bottom:0px;}

        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}

        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}

        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        

        #cboxClose {position:absolute; top:10px; background:url(../images/close.png) no-repeat 10px 8px #e10000; width:40px; height:35px; text-indent:-9999px; z-index:1;-moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; border-radius:0 10px 10px 0; behavior: url(css/PIE.htc);}

		

        

        #cboxClose{right:-40px;}

        #cboxClose:hover{background-position:10px -47px; background-color:#e10000;}

       
	   
/* for flyout */
.colorbx-popup-wrapper{
	position:fixed;
	bottom:0px;
	top:0px;
	right:0px;
	left:0px;
	z-index:9999;
	overflow:hidden;
}

.flyout-opacity-container{
	width:100%;
	height:100%;
	background:#4f4f5a;
	opacity: 0.8;
}	    
/* End for flyout */