#lightbox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	margin-left: -250px;
	background: #eee;
	z-index: 1001;
	display: none;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	font-family: Arial;
	color: dark grey;
	border-style: thin;
	border: 1px solid red;
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 5px 0px #888;
	-moz-box-shadow:    0px 0px 5px 0px #888;
	box-shadow:         0px 0px 5px 0px #888;
}
#lightbox-shadow {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	z-index: 1000;
	display: none;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
           animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.75; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.75; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.75; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.75; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.75; }
}