/*
    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; overflow: visible;}
#colorbox, #cboxWrapper {padding: 0 20px 0 0;}
#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;}

/* 
    ColorBox 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: #ddd; background: rgba(0, 0, 0, .5);}

#colorBox{}
    #cboxContent {
		background: #fff;
		margin: 20px;
		overflow: visible;
		-webkit-box-shadow: rgba(0, 0, 0, .7) 0 0 10px;
		-moz-box-shadow: rgba(0, 0, 0, .7) 0 0 10px;
		box-shadow: rgba(0, 0, 0, .7) 0 0 10px;
		}
        #cboxLoadedContent {margin-bottom: 0;}
        #cboxTitle {visibility: hidden; display: none;}

        #cboxCurrent {position: absolute; bottom: 10px; color: #fff; font-size: .75em; width: 870px;}
        #cboxSlideshow {position: absolute; bottom: 10px; right: 20px; font-weight: bold; text-transform: uppercase; font-size: .75em; color: #f00;}
        #cboxPrevious {position: absolute; bottom: 10px; left: 20px; color: #444; font-weight: bold; text-transform: uppercase; font-size: .75em;}
        #cboxNext {position: absolute; bottom: 10px; left: 100px; color: #444; font-weight: bold; text-transform: uppercase; font-size: .75em;}

        #cboxLoadingOverlay {background: transparent url("http://www.luclatulippe.com/js/colorbox/example4/images/loading.gif") center center no-repeat;}
        #cboxClose {
			background: #fff;
			border-radius: 50px;
			box-shadow: rgba(0, 0, 0, .7) 0 0 5px;
			color: #ccc;
			display: inline-block;
			font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			font-size: 2em;
			font-weight: bold;
			line-height: 1em;
			margin-top: 0;
			padding: 0px 10px 7px;
			position: absolute;
			right: -20px;
			top: -20px;
			}
        #cboxClose:hover {
			color: #d00;
			}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}