/*
    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:#81dcde; }

#colorbox
{}

    #cboxContent
	{background:#fff8ce; margin-top:20px;}

        #cboxLoadedContent
		{ background:#fff8ce; padding:10px 10px 48px 10px;}

        #cboxTitle
		{ position:absolute; bottom:25px; left:15px; color:#f5557b; font-weight: bold;}

        #cboxCurrent
		{ position:absolute; bottom:10px; left:15px; color:#c6682a; font-size: 10px;}

        #cboxSlideshow
		{ position:absolute; top:-20px; right:90px; color:#fff;}

        #cboxPrevious
		{ position:absolute; top:10px; left:10px; background: url(../img/design/btn_prev.png) no-repeat; width:58px; height:47px; text-indent:-9999px;}

        #cboxPrevious.hover
		{ left:0; background: url(../img/design/btn_prev-over.png) no-repeat; width:58px; height:47px; }

        #cboxNext
		{position:absolute; top:10px; right:-1px; background: url(../img/design/btn_next.png) no-repeat; width:58px; height:47px; text-indent:-9999px;}

        #cboxNext.hover
		{ background: url(../img/design/btn_next-over.png) no-repeat; width:58px; height:47px; }

        #cboxLoadingOverlay
		{background:#fff8ce;}

        #cboxLoadingGraphic
		{background:url(../img/design/loading.gif) center center no-repeat;}

        #cboxClose
		{position:absolute; bottom:15px; right:15px; display:block; background: url(../img/design/close.gif) top center no-repeat; width:20px; height:22px; text-indent:-9999px;}

        #cboxClose.hover
		{}