#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
	#modalWrap{width:9000px; height:9000px;}
		#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
		#borderMiddleLeft, #borderBottomLeft{clear:left;}
		#modalContent{position:relative; overflow:visible;}
			#contentTitle{margin:0;}
			#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
			#modalLoadedContent{overflow:auto; width:0; height:0;}
			#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
			#modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap embedded content */
			#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}


			/* Custom overrides
				ColorBox example user style
				These 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
			*/
			#modalBackgroundOverlay{background:#1E306B;}

			#colorbox{}
				#modalContent{margin-top:32px;}
					#modalLoadedContent{background:#000; padding:1px;}
						#contentTitle{font-size:12px;position:absolute; bottom:5px; left:10px; color:#fff; font-weight:bold;}
						#contentCurrent{display:none;}
						#contentPrevious{width:29px; height:32px; display:block; text-indent:-9999px; position:absolute; top:-32px; right:60px; background:url(/interface/scripts/colorbox/images/buttons.png) left top no-repeat;}
						#contentPrevious:hover{background-position:left bottom;}
						#contentNext{width:29px; height:32px; display:block; text-indent:-9999px; position:absolute; top:-32px; right:28px; background:url(/interface/scripts/colorbox/images/buttons.png) right top no-repeat;}
						#contentNext:hover{background-position:right bottom;}
					#modalLoadingOverlay{background:url(/interface/scripts/colorbox/images/loading.gif) center center no-repeat #000;}
					#modalClose{position:absolute; top:-32px; right:0px; display:block; background:url(/interface/scripts/colorbox/images/buttons.png) -29px 0 no-repeat; width:26px; height:32px; text-indent:-9999px;}
					#modalClose:hover{background-position:-29px -31px; cursor:pointer;}