@charset "utf-8";
/* CSS Document For Article Blog Post LightBox*/
.article-blog-posts-lightbox a.article-blog-posts-lightbox-button {	
	display:block;
	padding:1.2em 1em;
	text-decoration:none;
	text-align:center;
	border: 3px solid #0066b2;
	color:#0066b2;
}
.article-blog-posts-lightbox a.article-blog-posts-lightbox-button:hover  {
	color:#fff;
	background:#0066b2;
}
.article-blog-posts-lightbox .lightbox-panel h2 {
	color: #000;
	text-align: left;
	margin: 0 0 30px 0;
}
.lighbox-panel a.closepanel {background: url(/images/global/Interface/buttons/closed-button-darkgrey.png) no-repeat right center #ffffff; 
display: block; height: 20px; width:36px; position: absolute; top:10px; right:0;}

/* Lightbox background */
#lightbox-1, #lightbox-2, #lightbox-3, #lightbox-4, #lightbox-5, #lightbox-6, #lightbox-7, #lightbox-8, 
#lightbox-9, #lightbox-10, #lightbox-11, #lightbox-12, #lightbox-13, #lightbox-14, #lightbox-15  {display:none; background: #97999b; opacity: 0.9; position:fixed; top:0px; left:0px; width:100%; height:100%;  margin: 0; -webkit-transform: translateZ(0); transform: translateZ(0); z-index:1000;}

/* Lightbox panel with some content */
#lightbox-panel-1, #lightbox-panel-2, #lightbox-panel-3, #lightbox-panel-4, #lightbox-panel-5, #lightbox-panel-6, 
#lightbox-panel-7, #lightbox-panel-8, #lightbox-panel-9,#lightbox-panel-10, #lightbox-panel-11, #lightbox-panel-12, 
#lightbox-panel-13, #lightbox-panel-14, #lightbox-panel-15 {width:48%; display:none; position:absolute; top:10%; left:20%; background:#FFFFFF; padding:5%; border:15px solid #53565a;  opacity: 1; margin: auto; z-index:1001;}
           
/*iPad style */
@media screen and (max-width: 780px) {
	.article-blog-posts-lightbox a.article-blog-posts-lightbox-button {margin-top:10px;}	
}

/*Mobile style */
@media screen and (max-width: 640px), handheld and (orientation : landscape) {
	
/* Lightbox panel with some content */
#lightbox-panel-1, #lightbox-panel-2, #lightbox-panel-3, #lightbox-panel-4, #lightbox-panel-5, #lightbox-panel-6, 
#lightbox-panel-7, #lightbox-panel-8, #lightbox-panel-9,#lightbox-panel-10, #lightbox-panel-11, #lightbox-panel-12, 
#lightbox-panel-13, #lightbox-panel-14, #lightbox-panel-15 {width:75%; left:5%;}		
	}

@media screen and (max-width: 480px) {
	
/* Lightbox panel with some content */
#lightbox-panel-1, #lightbox-panel-2, #lightbox-panel-3, #lightbox-panel-4, #lightbox-panel-5, #lightbox-panel-6, 
#lightbox-panel-7, #lightbox-panel-8, #lightbox-panel-9,#lightbox-panel-10, #lightbox-panel-11, #lightbox-panel-12, 
#lightbox-panel-13, #lightbox-panel-14, #lightbox-panel-15 {width:65%; left:10%;}	
	}

@media screen and (max-width: 400px) {
	
/* Lightbox panel with some content */
#lightbox-panel-1, #lightbox-panel-2, #lightbox-panel-3, #lightbox-panel-4, #lightbox-panel-5, #lightbox-panel-6, 
#lightbox-panel-7, #lightbox-panel-8, #lightbox-panel-9,#lightbox-panel-10, #lightbox-panel-11, #lightbox-panel-12, 
#lightbox-panel-13, #lightbox-panel-14, #lightbox-panel-15  {width:60%; left:10%;}	
}