#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;}

/* 
	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:#fff; cursor:default; }

#colorbox{}

#borderTopLeft{width:16px; height:16px; background:url(images/borderTopLeft.gif) 0 0 no-repeat;}
#borderTopCenter{height:16px; background:url(images/borderTopCenter.gif) 0 0 repeat-x;}
#borderTopRight{width:16px; height:16px; background:url(images/borderTopRight.gif) 0 0 no-repeat;}
#borderBottomLeft{width:16px; height:16px; background:url(images/borderBottomLeft.gif) 0 0 no-repeat;}
#borderBottomCenter{height:16px; background:url(images/borderBottomCenter.gif) 0 0 repeat-x;}
#borderBottomRight{width:16px; height:16px; background:url(images/borderBottomRight.gif) 0 0 no-repeat;}
#borderMiddleLeft{width:16px; background:url(images/borderMiddleLeft.gif) 0 0 repeat-y;}
#borderMiddleRight{width:16px; background:url(images/borderMiddleRight.gif) 0 0 repeat-y;}

#modalContent{background:#fff;}
#modalLoadedContent{margin-bottom:28px;}
#modalLoadingOverlay{background:url(images/loading.gif) center center no-repeat #fff;}

#contentTitle{position:absolute; bottom:2px; left:0px; margin:0px 0px 0px 68px; text-align:left; font-weight:bold; color:#949494; overflow:hidden; }

#contentCurrent{position:absolute; display:block; bottom:0px; left:0px; width:60px; height:20px; line-height:20px; text-align:center; font-weight:bold; color:#fff; background:url(images/bgCurrent.gif) 0 0 no-repeat;}

#contentPrevious{position:absolute; display:block; top:0; left:-10px; text-indent:-9999px; background:url(images/prevlabel.gif) -500px 50% no-repeat;}
#contentPrevious:hover, #contentPrevious.hover{background:url(images/prevlabel.gif) left 50% no-repeat;}

#contentNext{position:absolute; display:block; top:0; right:-10px; text-indent:-9999px; background:url(images/nextlabel.gif) -500px 50% no-repeat;}
#contentNext:hover, #contentNext.hover{background:url(images/nextlabel.gif) right 50% no-repeat;}
		
#modalClose{position:absolute; bottom:0; right:0; border-left:10px solid #fff; background:url(images/close.gif) 0px 0px no-repeat; width:67px; height:20px; text-indent:-9999px;}
#modalClose:hover, #modalClose.hover{background-position:0px -25px;}