/*
    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;/*background-color:#252525;*/ color:#85807A;}
#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:#000;}

#colorbox{}
    #cboxContent{margin:0; background-color:#fff}
        #cboxLoadedContent{;}
        #cboxTitle{
			position:absolute;
			bottom:0px;
			left:0px;
			color:#fff;
			height:30px;
			line-height:30px;
			text-align:center;
			font-size:14px;
			width:100%;
			z-index:10;
		}
		#cboxTitle .bg{
			background:#000;
			width:100%;
			height:30px;
			opacity:0.4;
			position:absolute;
			bottom:0px;
			left:0px;
			z-index:-1;
		}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:0; left:0px; width:49%; height:100%; text-indent:-9999px;}
        #cboxPrevious.hover{/* background:url(../images/controls_page.png) no-repeat left 50%;*/}
        #cboxNext{position:absolute; top:0; right:0px; width:49%; height:100%; text-indent:-9999px;}
        #cboxNext.hover{ /*background:url(../images/controls_page.png) no-repeat right 50%;*/}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; display:block; /*top:20px; right:30px; background:url(../images/close.png) top center no-repeat; width:30px; height:30px;*/top:0; right:0; width: 80px;
    height: 80px;
    background: url(../images/close.png) no-repeat left top; text-indent:-9999px; border:none;}
        /*#cboxClose.hover{background-position:bottom center;}*/


/*ie7 iframe height bug*/
/*#cboxTitle,#cboxCurrent,#cboxNext,#cboxNext,#cboxPrevious,#cboxSlideshow,  #cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight
{display:none;height:0px;width:0px;overflow:hidden;}*/

#cboxCurrent,#cboxSlideshow, #cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight
{display:none;height:0px;width:0px;overflow:hidden;}



/*
    customBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of customBox.
*/
#custombox, #cusboxOverlay, #cusboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cusboxOverlay{position:fixed; width:100%; height:100%;}
#cusboxMiddleLeft, #cusboxBottomLeft{clear:left;}
#cusboxContent{position:relative;}
#cusboxLoadedContent{overflow:auto;}
#cusboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;background-color:#252525; color:#85807A;}
#cusboxTitle{margin:0;}
#cusboxLoadingOverlay, #cusboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cusboxPrevious, #cusboxNext, #cusboxClose, #cusboxSlideshow{cursor:pointer;}

/* 
    customBox 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.
*/
#cusboxOverlay{background:#000; opacity:0;}

#custombox{ /*padding-right:10px;*/}
    #cusboxContent{margin-top:0px;}
        #cusboxLoadedContent{background:none;}
        #cusboxTitle{
			/*position:absolute;
			left:0;
			top:-30px;
			width:100%;
			height:30px;
			line-height:30px;
			text-align:center;
			background-color:#777;
			color:#fff;
			font-size:16px;
			font-weight:bold;*/
		}
        #cusboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; visibility:hidden;}
        #cusboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cusboxPrevious{/*position:absolute; top:0; left:-100px; width:49%; height:100%; text-indent:-9999px; background:url(../images/ico_ctrl_6.png) no-repeat left 50%; opacity:0.5;*/}
        #cusboxPrevious.hover{opacity:0.9;}
        #cusboxNext{/*position:absolute; top:0; right:-100px; width:49%; height:100%; text-indent:-9999px; background:url(../images/ico_ctrl_6.png) no-repeat right 50%; opacity:0.5;*/}
        #cusboxNext.hover{opacity:0.9;}
        #cusboxLoadingOverlay{background:#fff;}
        #cusboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cusboxClose{
			position:absolute;
			top:-5px;
			right:0px;
			display:block;
			width:30px;
			height:30px;
			background:url(../images/close.png) no-repeat left 6px;
			text-indent:-9999px;
		}

/*ie7 iframe height bug*/
#cusboxCurrent,#cusboxSlideshow,#cusboxTopLeft,#cusboxTopCenter,#cusboxTopRight,#cusboxBottomLeft,#cusboxBottomCenter,#cusboxBottomRight,#cusboxTitle
{display:none;height:0px;width:0px;overflow:hidden;}