/* 
	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:#000000/*url("/javascript/images/stripe.png") 0 0 repeat*/;
	opacity:0.7;
}

#colorbox {
}

#borderTopLeft{
	width:21px; height:21px; background:url("/javascript/images/borderTopLeft.png") 0 0 no-repeat;
}

#borderTopCenter{
	height:21px; background:url("/javascript/images/borderTopCenter.png") 0 0 repeat-x;
}

#borderTopRight{
	width:21px; height:21px; background:url("/javascript/images/borderTopRight.png") 0 0 no-repeat;
}

#borderBottomLeft{
	width:21px; height:21px; background:url("/javascript/images/borderBottomLeft.png") 0 0 no-repeat;
}

#borderBottomCenter{
	height:21px; background:url("/javascript/images/borderBottomCenter.png") 0 0 repeat-x;
}

#borderBottomRight{
	width:21px; height:21px; background:url("/javascript/images/borderBottomRight.png") 0 0 no-repeat;
}

#borderMiddleLeft{
	width:21px; background:url("/javascript/images/borderMiddleLeft.png") 0 0 repeat-y;
	padding-bottom:10px;
}

#borderMiddleRight{
	width:21px; background:url("/javascript/images/borderMiddleRight.png") 0 0 repeat-y;
	padding-bottom:10px;
}

#modalContent{
	background:#fff;
}

#modalLoadedContent{
	margin-bottom:28px;
}

#contentTitle{
	position:absolute; /*bottom:3px; left:0;*/ text-align:left; width:72%; background:#fff; font-weight:bold; color:#949494; padding:8px 0 2px 65px;
}

#contentCurrent{
	display:none;
	/*position:absolute; bottom:3px; left:58px; font-weight:bold; color:#949494;*/
}

#contentPrevious{
	position:absolute; bottom:8px; left:0px; background:url("/javascript/images/controls.png") -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;
}

#contentPrevious:hover, #contentPrevious.hover{
	background-position:-25px -25px;}

#contentNext{
	position:absolute; bottom:8px; left:27px; background:url("/javascript/images/controls.png") 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;
}

#contentNext:hover, #contentNext.hover{
	background-position:0px -25px;
}

#modalLoadingOverlay{
	background:url("/javascript/images/ajaxloader.gif") center center no-repeat #fff;
}

#modalClose{
	position:absolute; bottom:0; right:0; background:url("/javascript/images/close.jpg") 0px 0px no-repeat; width:54px; height:22px; text-indent:-9999px; bottom:8px;
}

/*#modalClose:hover, #modalClose.hover{
	background-position:-50px -25px;
}
*/
/**/

#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; 
	overflow:hidden;
	/*height:0; 
	width:0; */
}

#borderMiddleLeft, #borderBottomLeft {
	clear:left;
}

#modalContent {
position:relative; overflow:visible;
padding:0 0 10px 0;
}

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