/* ColorBox Core Style ***
	The following rules are the styles that are consistant between all ColorBox themes
***/

#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; 
	overflow: visible;
}

#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 Tiller ***	
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com (he is teh awesome)
***/

#cboxOverlay {
	background: #fff;
}

#colorBox {}
	
	#cboxTopLeft {
		width: 27px; 
		height: 27px; 
		background: url(images/borderTopLeft.png) 0 0 no-repeat;
	}
	
	#cboxTopCenter {
		height: 27px; 
		background: url(images/borderTopCenter.png) 0 0 repeat-x;
	}
	
	#cboxTopRight {
		width: 27px; 
		height: 27px; 
		background: url(images/borderTopRight.png) 0 0 no-repeat;
	}
	
	#cboxBottomLeft {
		width: 27px; 
		height: 27px; 
		background: url(images/borderBottomLeft.png) 0 0 no-repeat;
	}
	
	#cboxBottomCenter {
		height: 27px; 
		background: url(images/borderBottomCenter.png) 0 0 repeat-x;
	}
	
	#cboxBottomRight {
		width: 27px; 
		height: 27px; 
		background: url(images/borderBottomRight.png) 0 0 no-repeat;
	}
	
	#cboxMiddleLeft {
		width: 27px; 
		background: url(images/borderMiddleLeft.png) 0 0 repeat-y;
	}
	
	#cboxMiddleRight {
		width: 27px; 
		background: url(images/borderMiddleRight.png) 0 0 repeat-y;
	}
	
	#cboxContent {
		background: #fff;
	}
            /* Tiller Customisation */
            #cboxLoadedContent {
            	margin-bottom: 67px;
            	}
            
            #cboxTitle {
            	position: absolute; 
            	bottom: 27px; 
            	left: 0; 
            	width: 100%; 
            	color: #999;
            }
            
            #cboxCurrent {
            	position: absolute; 
            	bottom: 0px; 
            	left: 100px; 
            	color: #999; 
            	text-indent:  -9999px; 
            }
            
            #cboxPrevious {
            	position: absolute; 
            	bottom: 0px; 
            	left: 0; 
            	color: #444;
            	background: url(images/controls.png) 0px 0px no-repeat;
            	background-position:  -14px -23px;
				width: 23px; 
				height: 23px; 
				text-indent: -9999px;
            }
            
            #cboxPrevious.hover {
            	background-position: -14px 0px;
            }
            
            #cboxNext {
            	position: absolute; 
            	bottom: 0px; 
            	left: 27px; 
            	color: #444;
            	background: url(images/controls.png) 0px 0px no-repeat;
            	background-position: -37px -23px;
				width: 23px; 
				height: 23px; 
				text-indent: -9999px;
            }
            
            #cboxNext.hover {
            	background-position: -37px 0px;
            }
            
            #cboxLoadingOverlay {
            	background:  url(images/loading.gif) 5px 5px no-repeat #fff;
            }
            
            #cboxClose {
            	position: absolute; 
            	bottom: 0; 
            	right: 0; 
            	display: block; 
            	color: #444;
            	background: url(images/controls.png) 0px 0px no-repeat; 
            	background-position: -60px -23px;
            	width: 23px; 
            	height: 23px; 
            	text-indent: -9999px;
            }
            
            #cboxClose.hover {
            	background-position: -60px 0px;
            }
            
            #cboxSlideshow {
            	position: absolute; 
            	bottom: 0px; 
            	right: 42px; 
            	display: block;
            	color: #444;
            	background: url(images/controls.png) 0px 0px no-repeat;
            	background-position: -60px -23px;
            	width: 23px;
            	height: 23px;
            	text-indent: -9999px;
            }
            
            .cboxSlideshow_on #cboxSlideshow{
            	background-position: -83px -0px; 
            	right: 27px;
            }
            
            .cboxSlideshow_on #cboxSlideshow.hover{
            	background-position: -106px -0px;
            }
            
            .cboxSlideshow_off #cboxSlideshow{
            	background-position: -106px -23px; 
            	right: 27px;
            }
            
            .cboxSlideshow_off #cboxSlideshow.hover{
            	background-position: -83px -0px;
            }