/**
 * 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;}
#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;}

/**
 * Theme: Cakifo
 */

#cboxOverlay {
	background: #000;

	/* Awesome radial gradient! */
	background: -webkit-gradient(radial, center center, 0, center center, 1000, from( rgba(127, 127, 127, 0.5) ),
										color-stop(35%, rgba(127, 127, 127, 0.5)),
										to(rgba(0, 0, 0, 0.7)));
	background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5),
										rgba(127, 127, 127, 0.5) 35%,
										rgba(0, 0, 0, 0.7));
	background: -moz-radial-gradient(rgba(127, 127, 127, 0.5),
										rgba(127, 127, 127, 0.5) 35%,
										rgba(0, 0, 0, 0.7));
	background: -o-radial-gradient(rgba(127, 127, 127, 0.5),
										rgba(127, 127, 127, 0.5) 35%,
										rgba(0, 0, 0, 0.7));										
	background: radial-gradient(rgba(127, 127, 127, 0.5),
										rgba(127, 127, 127, 0.5) 35%,
											rgba(0, 0, 0, 0.7));    					
}

.cssgradients #cboxOverlay{ opacity: 1 !important }

#cboxContent{
	background: #fff; background-clip: padding-box; border: 10px solid rgba(0,0,0,0.15); border-radius: 10px; font: 14px 'PT Serif',Georgia,serif; padding: 15px 15px 50px; }

#cboxTitle,
#cboxCurrent,
#cboxSlideshow,
#cboxPrevious,
#cboxNext,
#cboxClose{
	display: inline-block; margin: 15px 3% 5px 5px;
}

#cboxTitle{font-weight:bold; text-align:center}
#cboxTitle:empty{visibility:hidden; margin:15px 0 5px}
#cboxCurrent:first-letter{text-transform:capitalize}

#cboxPrevious,
#cboxNext{background:#fff url(../images/colorbox.png) no-repeat; border-radius:12px; width:24px; height:24px; margin:0; position:absolute; top:45%; opacity:0.4; text-indent:-9999px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3); -moz-box-shadow:0 0 10px rgba(0,0,0,0.3); box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-transition:opacity 150ms ease; -moz-transition:opacity 150ms ease; transition:opacity 150ms ease}

#cboxPrevious{background-position:-2px -2px; left:4%}
#cboxNext{background-position:-67px -2px; right:4%}

#cboxContent:hover #cboxPrevious,
#cboxContent:hover #cboxNext{opacity:0.8}

#cboxPrevious:hover,
#cboxNext:hover{opacity:1 !important}

#cboxPrevious:active, 
#cboxNext:active{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.3); -moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.3); box-shadow:inset 0 0 5px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.3)}

#cboxClose,
#cboxSlideshow{background:#f9f9f9; background:-webkit-gradient(linear,0 0,0 100%,from(#f9f9f9),color-stop(100%,#e0e0e0)); background:-webkit-linear-gradient(top,#f9f9f9,#e0e0e0 100%); background:-moz-linear-gradient(top,#f9f9f9,#e0e0e0 100%); background:-o-linear-gradient(top,#f9f9f9,#e0e0e0 100%); background:linear-gradient(top,#f9f9f9,#e0e0e0 100%); border:1px solid #cfcfcf; border-radius:12px; width:24px; height:24px; position:absolute; text-indent:-9999px}

#cboxSlideshow{font-family:Arial; font-weight:bold; text-shadow:1px 1px 0 #fff; text-indent:0; text-align:center; line-height:1.6; position:relative; bottom:3px}

#cboxClose{bottom:7px; right:0}

#cboxClose:after{color:#717171; display:block; font-size:14px; font-weight:bold; text-indent:0; position:absolute}

#cboxClose:after{content:'\00D7'; font-size:21px; top:-3px; left:6px}