/*

    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;
	overflow:hidden;
}
#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:#fff;
}
#colorBox
{
}
#cboxTopLeft
{
	width:25px;
	height:25px;
	background:url(../img/colorbox/border1.png) 0 0 no-repeat;
}
#cboxTopCenter
{
	height:25px;
	background:url(../img/colorbox/border1.png) 0 -50px repeat-x;
}
#cboxTopRight
{
	width:25px;
	height:25px;
	background:url(../img/colorbox/border1.png) -25px 0 no-repeat;
}
#cboxBottomLeft
{
	width:25px;
	height:25px;
	background:url(../img/colorbox/border1.png) 0 -25px no-repeat;
}
#cboxBottomCenter
{
	height:25px;
	background:url(../img/colorbox/border1.png) 0 -75px repeat-x;
}
#cboxBottomRight
{
	width:25px;
	height:25px;
	background:url(../img/colorbox/border1.png) -25px -25px no-repeat;
}
#cboxMiddleLeft
{
	width:25px;
	background:url(../img/colorbox/border2.png) 0 0 repeat-y;
}
#cboxMiddleRight
{
	width:25px;
	background:url(../img/colorbox/border2.png) -25px 0 repeat-y;
}
#cboxContent
{
	background:#fff;
}
#cboxLoadedContent
{
	margin-bottom:20px;
    text-align: center;
}
#cboxTitle
{
	position:absolute;
	bottom:0px;
	left:0;
	text-align:center;
	width:100%;
	color:#999;
}
#cboxCurrent
{
	position:absolute;
	bottom:0px;
	left:50px;
	color:#999;
	font: normal 12px Arial, Helvetica, sans-serif;
}
#cboxSlideshow
{
	position:absolute;
	bottom:0px;
	right:42px;
	color:#444;
}
#cboxPrevious
{
	position:absolute;
	bottom:0px;
	left:0;
	color:#444;
}
#cboxNext
{
	position:absolute;
	bottom:0px;
	left:24px;
	color:#444;
}
#cboxLoadingOverlay
{
	background:url(../img/colorbox/loading.gif) 5px 5px no-repeat #fff;
}
#cboxClose
{
	position:absolute;
	bottom:0;
	right:0;
	display:block;
	color:#444;
}
#cboxThumbnails {
    /*height: 60px;*/
    width: 100%;
    bottom: 0;
    position: absolute;
    margin-bottom: 34px;
    border-top: 1px solid rgb(173, 173, 173);
    border-bottom: 1px solid rgb(173, 173, 173);
}
#cboxThumbnails .jcarousel {
    /*position: relative;
    overflow: hidden;*/
    /*width: 200px;*/
}
#cboxThumbnails ul 
{
/*    width: 20000em;
    position: absolute;*/
    list-style: none;
    text-align: center;
    margin: auto !important;
    padding: 0;
    
}
#cboxThumbnails li 
{
    /*float: left;*/
/*    list-style: none;*/
    display: inline-block;
    margin-right: 8px;
    border: 1px solid #FFFFFF;
}
#cboxThumbnails img {
    cursor: pointer;
    margin-right: 5px;
    border: 3px solid transparent;
}

#cboxThumbnails ul li img:hover, #cbthumbs ul li img:focus 
{
    border-color: #EDAF76;
}
#cboxThumbnails ul li img.selected {
    border-color: #EF7D0B;
}

#cboxHeader {
    top: 0;
    position: absolute;
    left: 0;
    width: 100%;   
}
/*

    The following fixes png-transparency for IE6.  

    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.

    Colorbox preloads navigation hover classes to account for this.

    

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,

    while regular CSS background images are relative to the CSS document.

*/

.cboxIE #cboxTopLeft
{
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');
}
.cboxIE #cboxTopCenter
{
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');
}
.cboxIE #cboxTopRight
{
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');
}
.cboxIE #cboxBottomLeft
{
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');
}
.cboxIE #cboxBottomCenter
{
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');
}
.cboxIE #cboxBottomRight
{
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleLeft
{
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleRight
{
	background:transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');
}