#overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000;
z-index:997;
}

#indicator {
position:fixed;
top:50%;
left:50%;
margin:-29px 0 0 -34px;
width:67px;
height:57px;
background:url(img/hud.png) no-repeat 0 -171px;
z-index:998;
}

#busy {
width:67px;
height:57px;
background:url(../images/busy.gif) no-repeat 18px 13px;
}

#indicator.error {
background:url(../images/hud.png) no-repeat -67px -171px;
}

#frame img {
position:fixed;
z-index:999;
}

#hud {
position:fixed;
height:57px;
width:236px;
left:50%;
top:75%;
margin:-29px 0 0 -118px;
z-index:1000;
}

#hud a {
top:0;
left:0;
width:78px;
height:57px;
display:block;
float:left;
background-image:url(../images/hud.png);
}
#hud a:hover {cursor:pointer;}
#hud a.inactive {cursor:default;}

#c_prev {background-position:0 0;}
#c_next {background-position:-156px 0;}

#c_prev:hover {background-position:0 -114px;}
#c_next:hover {background-position:-156px -114px;}

#c_prev.inactive {background-position:0 -57px;}
#c_next.inactive {background-position:-156px -57px;}