/*

    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:hidden;

}

#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:#000;

}

#cboxTopCenter {

	height:26px;

}

#cboxBottomCenter {

	height:14px;

}

#cboxMiddleLeft {

	width:20px;

}

#cboxMiddleRight {

	width:20px;

}

#cboxContent {

	color:#eeeeee;

	padding: 0;

	visibility:visible;

}

#cboxTitle {

	position:absolute;

	top:0;

	left:0;

}

#cboxCurrent {

	position:absolute;

	top:0;

	right:0px;

	color:#ccc;

}

#cboxSlideshow {

	position:absolute;

	bottom:0;

	right:0;

	color:#fff;

	z-index:10;

}

/*#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; width:28px; height:65px; text-indent:-9999px;}

        #cboxPrevious.hover{background-position:bottom left;}

        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; width:28px; height:65px; text-indent:-9999px;}

        #cboxNext.hover{background-position:bottom right;}*/

		#cboxPrevious {

	position:absolute;

	bottom:0;

	right:50%;

	/*margin-right:30px;*/

	z-index:10;

}

#cboxNext {

	position:absolute;

	bottom:0;

	left:50%;

	margin-left:30px;

	z-index:10;

}

#cboxLoadingOverlay {

	background:#000;

}

#cboxClose {

	position:absolute;

	top:13px;

	right:13px;

	display:block;

}

#cboxCaption {

	width:100%;

	position:absolute;

	bottom:0;

	left:0;

	right:0;

	text-align:center;

	height:15px;

}







/* Photo Layer

-------------------------------------------------- */

.photoLayerBox #cboxPhoto {

	margin:0 !important;

}

.photoLayerBox #cboxCapption {

	position: absolute;

	bottom:30px;

	left:7px;

	display:block;

	width:100%;

	font-size:9px;

	text-align: left;

}

html:not(:target) .photoLayerBox #cboxCapption {

	font-size:10px;

}

.photoLayerBox #cboxCaptionName {

	margin-right:27px;

}

.photoLayerBox #cboxShareMod {

	height:16px;

	position:absolute;

	bottom:0;

	left:0;

	display:block;

}

.photoLayerBox #cboxShareMod li {

	float:left;

	margin-right:6px;

}

.photoLayerBox #cboxShareMod img {

	vertical-align: top;

}

/* Movie Layer

-------------------------------------------------- */

.movieLayerBox #cboxCapption {

	position: absolute;

	bottom:30px;

	left:7px;

	display:block;

	width:100%;

	font-size:9px;

	text-align: left;

}

html:not(:target) .movieLayerBox #cboxCapption {

 	font-size:10px;

}

.movieLayerBox #cboxCaptionName {

	margin-right:27px;

}

.movieLayerBox #cboxShareMod {

	height:16px;

	position:absolute;

	bottom:0;

	left:0;

	display:block;

}

.movieLayerBox #cboxShareMod li {

	float:left;

	margin-right:6px;

}

.movieLayerBox #cboxShareMod img {

	vertical-align: top;

}