/*----------------------------------------------------------------------
	1. COLOBOX CORE STYLE
	The following rules are the styles that are
	consistent 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;
}

/*----------------------------------------------------------------------
	2. COLOBOX 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: #111111;
}

#colorbox{}

    #cboxContent {
		margin-bottom: 20px;
	}
	
        #cboxLoadedContent {
			background: #000000;
			padding: 5px;
		}
		
        #cboxTitle {
			font: 10px verdana, sans-serif;
			position: absolute;
			bottom: -20px;
			left: 10px;
			color: #cccccc;
		}
		
        #cboxCurrent {
			position: absolute;
			top: -20px;
			right: 0px;
			color: #cccccc;
		}
		
        #cboxSlideshow {
			position: absolute;
			top: -20px;
			right: 90px;
			color: #ffffff;
		}
		
        #cboxPrevious {
			position: absolute;
			top: 50%;
			left: 5px;
			margin-top: -32px;
			background: url(../images/colorbox/controls.png) -147px 0px no-repeat;
			width: 54px;
			height: 30px;
			text-indent: -9999px;
		}
		
        #cboxPrevious.hover {
			background-position: -147px -30px;
		}
		
        #cboxNext {
			position: absolute;
			top: 50%;
			right: 5px;
			margin-top: -32px;
			background: url(../images/colorbox/controls.png) -91px 0px no-repeat;
			width: 56px;
			height: 30px;
			text-indent: -9999px;
		}
		
        #cboxNext.hover {
			background-position: -91px -30px;
		}
		
        #cboxLoadingOverlay {
			background: #000000;
		}
		
        #cboxLoadingGraphic {
			background: url(../images/colorbox/loading.gif) center center no-repeat;
		}
		
        #cboxClose {
			position: absolute;
			top: 5px;
			right: 15px;
			display: block;
			background: url(../images/colorbox/controls.png) 0px 0px no-repeat;
			width: 91px;
			height: 30px;
			text-indent: -9999px;
		}
		
        #cboxClose.hover {
			background-position: 0px -30px;
		}