/* 
	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
*/


/*
    ColorBox Core Style example 3
    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;}
#cboxWrapper div{overflow:hidden !important;}
#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
	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
*/
#cboxOverlay{
	background:#f9f6e6;
	background:#000;
}

#colorbox{}
	#cboxContent{
		background:#f9f6e6; margin-top:20px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
		#cboxLoadedContent{
			background-color:#f9f6e6;
			padding:5px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		}
                #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc; display:none;}
                #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
                #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
                #cboxPrevious{
              		position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;
              		display: none;
  				}
                #cboxPrevious.hover{
                	background-position:bottom left;
                	
				}
                #cboxNext{
                	position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;
                	display: none;
				}
                #cboxNext.hover{background-position:bottom right;}
                #cboxLoadingOverlay{
                	/*background:#f9f6e6;*/
                	background: #f8f4e2 url(images/loading.gif) no-repeat center center;
                	-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
				}
		#cboxLoadingGraphic{background: transparent url(images/loading.gif) center center no-repeat;}
		#cboxClose{
			/*position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;
			*/
			position:absolute;
			top:10px;
			right:10px;
			display:block;
			background:url(images/btn-close.gif) top center no-repeat;
			width:47px;
			height:28px;
			text-indent:-9999px;
		}
		#cboxClose.hover{background-position:bottom center;}
		
		

/*
#modalBackgroundOverlay{background:#000;}

#colorbox{}

	#modalContent{
		margin-top:20px;
		padding:0px;
		margin:0px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}

	#modalLoadedContent{
		padding:10px 10px 30px 10px;
		padding:0px;
		margin:0px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		background-color: #f9f6e6;
	}

		#contentTitle{position:absolute; top:-20px; left:0; color:#fff;}
		#contentCurrent{display:none;}
		#contentPrevious{position:absolute; top:50%; left:10px; margin-top:-41px; background:url(images/controls.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
		#contentPrevious:hover{background-position:bottom left;}
		#contentNext{position:absolute; top:50%; right:10px; margin-top:-41px; background:url(images/controls.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
		#contentNext:hover{background-position:bottom right;}


		#modalLoadingOverlay
		{
			background: #f8f4e2 url(images/loading.gif) no-repeat center center;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		}
		
		
		#modalClose{
			position:absolute;
			top:10px;
			right:10px;
			display:block;
			background:url(images/btn-close.gif) top center no-repeat;
			width:47px;
			height:28px;
			text-indent:-9999px;
		}
		*/