/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS for MODx Template : Daniop 2
Author : Blaise Bernier

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display: none;
	position: absolute;
	top :50%;
	left: 50%;
	z-index: 9999;
	width: 500px;
	height: 400px;
	margin: -220px 0 0 -250px;
	border: none;
	background: clear;
	text-align: left;
}

#lightbox[id]{
	position: fixed;
}

#overlay{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
	background-color: #000;
	-moz-opacity: 0.7;
	opacity: .70;
	filter: alpha(opacity=70);
}
#overlay[id]{
	position: fixed;
}

#lightbox.done #lbLoadMessage{
	display: none;
}
#lightbox.done #lbContent{
	display: block;
}
#lightbox.loading #lbContent{
	display: none;
}
#lightbox.loading #lbLoadMessage{
	display: block;
}

#lightbox.done img{
	width: 100%;
	height: 100%;
}

/*
 * Adaptation for the Daniop 2 template
 */

#lb_bg {
   position : absolute;
   top : 0;
   left : 0;
   border : none;
}

#lb_title {
   position : absolute;
   top : 0;
   left : 0;
   width : 100%;
   height : 50px;
   text-align : center;
   font-size : 30px;
   padding : 10px 0 0 0;
   margin: 0;
}

#lb_text {
   position : absolute;
   top : 53px;
   left : 3px;
   width : 484px;
   height : 284px;
   overflow-y: auto;
   padding: 5px;
   text-align: justify;
   font-size: small;
}

#lb_bottom {
   position : absolute;
   top : 365px;
   width : 450px;
   text-align : center;
}

#lb_bottom a.lbAction {
   text-decoration : none;
   font-size : 15px;
   color : #000;
   width : 100px;
   height : 20px;
   padding : 5px 20px;
   font-weight : bold;
}

#lb_bottom a.lbAction:hover {
   text-decoration : none;
   font-size : 15px;
   color : #e8e8e8;
   width : 100px;
   height : 20px;
   padding : 5px 20px;
   background : #000;
   font-weight : bold;
}