/*
	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; 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, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

/**/

#colorbox, #cboxWrapper { overflow: visible; }

#cboxWrapper { top: -2%; }

	#cboxContent {
		margin: 0px;
		border: solid #2491c5;
		border-width: 0 1px;
	}
	
		#cboxLoadedContent {
			margin-top: 47px;
			border: dotted #2491c5;
			border-width: 1px 0;
			background: #fff;
		}
		
		#cboxTitle {
			margin: 0px -1px;
			padding: 16px 20px;
			color:#000;
			background: #ebf7fc;
			border: solid #2491c5;
			border-width: 0 1px 1px 1px;
			font-size: 12px;
			line-height: 1.4em;
			color: #6c6c6c;
		}
		
		#cboxClose {
			width: 100%;
			height: 46px;
			position:absolute;
			top: 0px; 
			background: #ebf7fc url("images/close.gif") no-repeat 100% 0; /*url(images/controls.png) 0 0 no-repeat*/
			border-top: 1px solid #2491c5;
		}
		
		#cboxLoadingGraphic {
			background: #fff url(images/loading.gif) center center no-repeat;
		}
		
		#cboxLoadingOverlay {
			background:#000;
		}
		
		#cboxCurrent {
			position: absolute; top: 16px; left: 20px; z-index: 10000; font-size: 12px; font-weight: bold; color: #626262;
		}
		
		#cboxSlideshow, #cboxPrevious, #cboxNext {
			text-indent:-9999px;
			width: 56px;
			height: 36px;
			position:absolute;
			top: 50%; 
			background: url(images/controls.png) 0 0 no-repeat;
		}
		
		#cboxPrevious {
			background-position: 0px 0px; left: 0px;
		}
		
		#cboxNext {
			background-position: -56px 0px; right: 0px;
		}
		
		
		
		.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
			right:66px;
		}
		
		.cboxSlideshow_on #cboxSlideshow {
			background-position:-75px -25px; right:44px;
		}
		
		.cboxSlideshow_on #cboxSlideshow.hover {
			background-position:-100px -25px;
		}
		
		.cboxSlideshow_off #cboxSlideshow {
			background-position:-100px 0px; right:44px;
		}
		
		.cboxSlideshow_off #cboxSlideshow.hover {
			background-position:-75px -25px;
		}