/*
    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;}
#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:#fff;}
#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; opacity:0.6;filter:alpha(Opacity=60);}

#colorbox{}
    #cboxContent{ margin:20px 0 0 0;background:#fff; /*border-radius:10px;*/}
        #cboxLoadedContent{
			background:#fff;
			/*border-radius:10px;*/
		}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #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;
			top:0px;
			right:0px;
			display:block;
			width:23px; height:22px;
			background:url(../images/closeout.jpg) no-repeat left 0; 
			text-indent:-9999px;
			z-index:100;
		}
        #cboxClose.hover{}

/*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.5;filter:alpha(Opacity=50);}

#custombox{ /*padding-right:10px;*/}
    #cusboxContent{margin:0 5px 20px 0; background:#fff; border-radius:20px;}
        #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;
			bottom:-20px;
			right:-5px;
			display:block;
			width:60px; height:60px;
			background:url(../images/close_2.png) no-repeat left 0; 
			text-indent:-9999px;
		}

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