/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #bmOverlay, #bmWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;}

#bmOverlay{position:fixed; width:100%; height:100%;}
#bmMiddleLeft, #bmBottomLeft{clear:left;}
#bmContent{position:relative;}
#bmLoadedContent{overflow:auto;}
#bmTitle{margin:0;}
#bmLoadingOverlay, #bmLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#bmPrevious, #bmNext, #bmClose, #bmSlideshow{cursor:pointer;}
.bmPhoto{float:left; margin:auto; border:0; display:block;}
.bmIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#bmOverlay{background:#FAFAFA;}
#colorbox{
	box-shadow:0 3px 4px -2px rgba(0, 0, 0, 0.12), 0 1px 4px 3px rgba(0, 0, 0, 0.075) ;
	background-color: #FFF;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#CCC #CCC #C1C1C1;
	color: #222222;
	outline: 0 none;
	}
		#bmWrapper{}	
    	#bmContent{margin-top:45px; overflow:visible;}
        .bmIframe{background:#fff;}
        #bmError{padding:80px; text-align:center; font-size:14px; color:#9A9A9A}
        #bmLoadedContent{background-color:#FFF; overflow:visible !important;}
        #bmLoadingGraphic{background:url(../images/global/loading-s.gif) no-repeat center center;}
        #bmLoadingOverlay{background:#FFF;}
		#bmTitle {
		   background: none repeat scroll 0 0 #FFFFFF;
		   border-bottom: 1px solid #E0E0E0;
		   color: #000000;
		   display: block;
		   font-family: Arial,Helvetica,sans-serif;
		   font-size: 16px;
		   font-weight: bold;
		   height: 20px;
		   left: 0;
		   padding: 12px 0;
		   position: absolute;
		   text-indent: 20px;
		   top: -45px;
		   width: 100%;
		}
        #bmCurrent{position:absolute; top:-45px; right:205px; text-indent:-9999px;}
        #bmSlideshow, #bmPrevious, #bmNext, #bmClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/global/controls.png) no-repeat 0 0;}
        #bmPrevious{background-position:0px 0px; right:44px;}
        #bmPrevious:hover{background-position:0px -25px;}
        #bmNext{background-position:-25px 0px; right:22px;}
        #bmNext:hover{background-position:-25px -25px;}
        #bmClose{background-position:-50px 0px; right:12px; top:-32px}
        #bmClose:hover{background-position:-50px -25px;}
        .bmSlideshow_on #bmPrevious, .bmSlideshow_off #bmPrevious{right:66px;}
        .bmSlideshow_on #bmSlideshow{background-position:-75px -25px; right:44px;}
        .bmSlideshow_on #bmSlideshow:hover{background-position:-100px -25px;}
        .bmSlideshow_off #bmSlideshow{background-position:-100px 0px; right:44px;}
        .bmSlideshow_off #bmSlideshow:hover{background-position:-75px -25px;}

/*notitle*/

#colorbox.no_title{
	padding-bottom:0 !important;
}
#colorbox.no_title #bmContent{
	margin-top:0;
}
#colorbox.no_title #bmTitle{
	display:none !important;
}
#colorbox.no_title #bmClose{
	top:5px;
	right:7px;
}