#overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
display:none;
z-index:9999;
}

#ie7 #overlay{
background:#000;
filter:alpha(opacity=70);
}

#container{
position:fixed;
top:50%;
left:50%;
padding:10px;
background:#FFF;
width:600px;
height:400px;
margin:-200px 0 0 -300px;
display:none;
z-index:10000;
-moz-box-shadow:0 0 20px rgba(0,0,0,0.7);
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.7);box-shadow:0 0 20px rgba(0,0,0,0.7);
-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;
}

#container.loading{
background:#FFF url('../images/ajax-loader.gif') no-repeat 50% 50%;
}

#container a.close{
color:#000;
background:#FFF;
position:absolute;
right:0;
top:0;
display:block;
font-size:20px;
z-index:5;
padding:8px 14px 4px 6px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

#container a.previous,#container a.next{
color:#000;
position:absolute;
top:50%;
left:0;
padding:5px;
background:#FFF;
margin-top:-0.5em;
width:3em;
text-align:center;
opacity:0.4;
-moz-border-radius:360px;
-webkit-border-radius:360px;
border-radius:360px;
}

#container a.next{
left:auto;
right:0;
}

#container a:hover.previous,#container a:hover.next{
opacity:0.8;
}