/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#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:visible;}
#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, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}}

#colorbox{}
	#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight {background-color:#000000; opacity:0.5; filter: alpha(opacity = 50); display:inline; font-size:1px; line-height:1px; }
	#cboxTopLeft{width:10px; height:10px;}
	#cboxTopCenter{height:10px;}
	#cboxTopRight{width:10px; height:10px;}
	#cboxBottomLeft{width:10px; height:10px;}
	#cboxBottomCenter{height:10px; }
	#cboxBottomRight{width:10px; height:10px; }
	#cboxMiddleLeft{width:10px;}
	#cboxMiddleRight{width:10px; }
	#cboxLoadingOverlay { background-color:#fff; }
	#cboxContent{background:#fff;  }
		#cboxLoadedContentWrap { padding:5px 5px 5px 5px;}
		#cboxLoadedContent {margin-bottom:40px; background-color:#fff; }
			#cboxPhoto {padding:5px}
                #cboxTitle{ position:absolute; bottom:50px;/*ie 35px*/ left:0; text-align:center; width:100%; /*height:auto;*/ color:#666; font-size:12px; /*border-bottom:1px solid #ccc; */ padding:0  }
				*html #cboxTitle {  }
					 #cboxTitle p { font-size:11px; line-height:14px; margin:0; padding:0px 25px; }
                
				#cboxNav { background:#e6e5e5; border-top:1px solid #ccc; width:100%; height:33px; position:absolute; bottom:0px; display:block;}
				*html #cboxNav { height:33px; bottom:-1px; } 
				#cboxCurrent{ position:absolute; bottom:9px; left:30px; color:#666; font-size:11px; border:0px solid; width:60px; text-align:center; background-color:#e6e5e5}
                #cboxSlideshow{ position:absolute; bottom:3px; right:30px; color:#0092ef; background-color:#e6e5e5}
                #cboxPrevious{ position:absolute; bottom:6px; left:5px; background:url(../images/hq_modal_controls2.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; background-color:#e6e5e5}
                #cboxPrevious.hover{background-position: 0 -25px;}
                #cboxNext{position:absolute; bottom:6px; left:91px; background:url(../images/hq_modal_controls2.png) 0px -50px no-repeat; width:25px; height:25px; text-indent:-9999px; background-color:#e6e5e5}
                #cboxNext.hover{background-position:0px -75px;}
		#cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:6px; right:5px; background:url(../images/hq_modal_controls2.png) right -100px no-repeat; width:50px; height:22px; text-indent:-45px; font-size:11px; color:#666; padding:3px 30px 0 0; text-align:right; }
		#cboxClose.hover{background-position:right -125px; color:#003366;}
		/*
		#cboxSlideshow{ visibility:hidden;}
		*/
		#cboxSlideshow{position:absolute; bottom:6px; right:90px; background:url(../images/hq_modal_controls2.png) right -150px no-repeat; width:150px; height:22px; text-indent:-45px; font-size:11px; color:#666; padding:3px 30px 0 0; text-align:right; }
		#cboxSlideshow.hover{background-position:right -175px; color:#003366;}