/***** COLOR BOX CORE *****/

/* The following CSS is consistent between example themes and should not be altered. */

#colorbox, #cboxOverlay, #cboxWrapper
{
	left     : 0; 
	overflow : hidden;
	position : absolute; 
	top      : 0; 
	z-index  : 9999; 
}
#cboxOverlay
{
	height   : 100%;
	position : fixed; 
	width    : 100%; 
}
#cboxMiddleLeft, #cboxBottomLeft
{
	clear : left;
}
#cboxContent
{
	position : relative;
}
#cboxLoadedContent
{
	overflow : auto;
}
#cboxTitle 
{
	margin : 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic
{
	left     : 0; 
	position : absolute; 
	top      : 0; 
	width    : 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow
{
	cursor : pointer;
}
.cboxPhoto
{
	border  : 0; 
	display : block;
	float   : left; 
	margin  : auto; 
}
.cboxIframe
{
	border   : 0; 
	display  : block; 
	height   : 100%; 
	width    : 100%;
}

/***** COLOR BOX USER STYLE *****/

/* Change the following styles to modify the appearance of ColorBox. */

#cboxOverlay        { background : url(colorbox/overlay-bg.png) repeat 0 0; }

#colorbox           { }
#cboxTopLeft        { background : url(colorbox/controls.png) no-repeat -101px 0;     height : 21px; width : 21px; }
#cboxTopRight       { background : url(colorbox/controls.png) no-repeat -130px 0;     height : 21px; width : 21px; }
#cboxBottomLeft     { background : url(colorbox/controls.png) no-repeat -101px -29px; height : 21px; width : 21px; }
#cboxBottomRight    { background : url(colorbox/controls.png) no-repeat -130px -29px; height : 21px; width : 21px; }
    
#cboxMiddleLeft     { background : url(colorbox/controls.png) left top repeat-y;  width  : 21px; }
#cboxMiddleRight    { background : url(colorbox/controls.png) right top repeat-y; width  : 21px; }
#cboxTopCenter      { background : url(colorbox/border.png) 0 0 repeat-x;         height : 21px; }
#cboxBottomCenter   { background : url(colorbox/border.png) 0 -29px repeat-x;     height : 21px; }
#cboxContent        { background : #fff; overflow : hidden; }
    
.cboxIframe         { background : #fff; }
#cboxError          { border : 1px solid #ccc; padding : 50px; }
#cboxLoadedContent  { margin-bottom : 28px; }
#cboxTitle          { bottom : 4px; color : #949494; left : 0; position : absolute; text-align : center; width : 100%;  }
#cboxCurrent        { bottom : 4px; color : #949494; left : 58px; position : absolute; }
#cboxSlideshow      { bottom : 4px; color : #0092ef; right : 30px; position : absolute; }

#cboxLoadingOverlay { background : url(colorbox/loading-bg.png) no-repeat center center; }
#cboxLoadingGraphic { background : url(colorbox/loading.gif) no-repeat center center; }

#cboxPrevious       { background : url(colorbox/controls.png) no-repeat -75px 0; bottom : 0; height : 25px; left : 0; position : absolute; text-indent : -9999px;  width : 25px; }
#cboxNext           { background : url(colorbox/controls.png) no-repeat -50px 0; bottom : 0; height : 25px; left : 27px; position : absolute; text-indent : -9999px; width : 25px; }
#cboxClose          { background : url(colorbox/controls.png) no-repeat -25px 0; bottom : 0; height : 25px; position : absolute; right : 0; text-indent : -9999px; width : 25px; }

#cboxPrevious:hover { background-position :-75px -25px; }
#cboxNext:hover     { background-position :-50px -25px; }
#cboxClose:hover    { background-position :-25px -25px; }

/***** EOF ******/