@charset "utf-8";
/* CSS Document */
.overlay {position:fixed; background:black; top:0; left:0; height:100%; width:100%; z-index:9999998;}
.lightbox-wp {position:fixed; left:50%; top:50%; width:100px; height:50px; margin-left:-50px; margin-top:-25px; padding:20px;  background:white; z-index:9999999 !important; border-radius:15px; color: #333;}
.lightbox-wppp {position:fixed; left:50%; top:50%; width:100px; height:50px; margin-left:-50px; margin-top:-25px; padding:10px 20px;  background:white; z-index:9999999 !important; border-radius:15px; color: #333;}
.loader-img {width:100%; background:url(../images/loader.gif) no-repeat 50% 50%; height:50px; }
.lightbox-wp a:hover {color:#424242 !important;}
.lightbox-wrap {position:relative; margin-bottom:5px; overflow:auto;  height:350px; width:100%;}
.close {float:right; line-height:24px; width:30px; height:23px; background:url(images/sprite.png) no-repeat 0 -1px; text-indent:-9999px; margin-top:5px; cursor:pointer;}
.close1 {float:right; line-height:24px; width:76px; height:23px; background:url(images/sprite.png) no-repeat 0 -1px; text-indent:-9999px; margin-top:5px; cursor:pointer;}

.lightbox-wp h2.title { width:150px; border:0; font-size:18px; text-transform:capitalize; background:none; float:none; color:#424242; }
.period h2 {font-size:15px; margin:0;}
.period {width:500px !important; margin-left:-250px !important;  }
.period .lightbox-wrap .tablepopup {width:100%;} 
.period .lightbox-wrap h2 {font: 18px 'Droid Sans', Arial, Helvetica, sans-serif; color: #424242;}
.period .lightbox-wrap #Qdates h2 { color:#394a72; font-size:14px;}
.period .lightbox-wrap #Qdates table, .period .lightbox-wrap #dates table {margin-bottom:10px;}
.period .close, .close-cln {position:relative; width:23px; height:23px; right:-10px; background:url(../images/sprite.png) no-repeat right bottom; }
.period label {margin:0; font-size:11px;}
.period .close {position:absolute; top:10px; right:10px;}
.period .close1, .close-cln1 {position:relative; width:15px; height:15px; right:-10px; background:url(../images/sprite.png) no-repeat left -69px; }
.period .close1 {position:absolute; top:10px; right:10px;}


#MaskedDiv ul {clear:both; margin:0; padding:0; list-style:none;}
#MaskedDiv h2.title {width:450px; }
#MaskedDiv h2 span {background:none;}

.lightbox-innercontent {overflow:auto;}

.lightbox-imgwrap {overflow:auto; float:left; width:100%;}
.lightbox-imgwrap img {max-width:100%; position:relative; z-index:1;}
.lightbox-imgwrap div { position:absolute; z-index:2; top:0; left:20px; }
/*.lightbox-wp {position:fixed; left:50%; top:50%; height:500px; width:500px; margin-left:-250px; margin-top:-250px; background:white; z-index:11;}*/

.prt {float:right; cursor:pointer; line-height:18px; width:18px; height:18px; background:url(../images/sprite.png) no-repeat -57px -26px; text-indent:-9999px; margin:8px 5px 0 0;}

/*body.printall {overflow:scroll !important; width:100%; height:500px !important; float:left !important; display:block;}
*/body.printall .overlay  {display:none;}
body.printall .lightbox-wp {position:absolute !important; top:0 !important; left:-5px !important; width:100% !important; min-height:100%; margin:0 !important; }


@media (max-width:768px) {
.period {width:90% !important; margin-left:5% !important; left: 0;  }
.period table {width:100%;}		
}



@media (max-width:480px) {
	.lightbox-wp {left:0 !important; width:100% !important; margin-left:-5px !important;}
	.lightbox-wp iframe {width:100%;}
}


@media print {
.prt, .close {display:none;}
}