"

From 2012.igem.org

1. imgbox-loading {

position: absolute; top: 0; left: 0; background: url('imgbox-spinner.gif') center center no-repeat; cursor: pointer; display: none; z-index: 90; }

1. imgbox-loading div {

background: #FFF; width: 100%; height : 100%; }

1. imgbox-overlay {

position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 80; }

.imgbox-wrap { position: absolute; top: 0; left: 0; background: #FFF; display: none; z-index: 90; }

.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 100%; vertical-align: top; }

.imgbox-close { position: absolute; top: -15px; right: -15px; height: 30px; width: 30px; background: url('imgbox-close.png') top left no-repeat; cursor: pointer; outline: none; }

.imgbox-title { padding-top: 10px; font-size: 11px; text-align: center; font-family: Arial; color: #333; display: none; }

.imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; }

.imgbox-bg { position: absolute; width: 20px; height: 20px; }

.imgbox-bg-n { left: 0; top: -20px; width: 100%; background: url(imgbox-bg-n.png) repeat-x; }

.imgbox-bg-ne { right: -20px; top: -20px; background: url(imgbox-bg-ne.png) no-repeat; }

.imgbox-bg-e { right: -20px; top: 0; height: 100%; background: url(imgbox-bg-e.png) repeat-y; }

.imgbox-bg-se { right: -20px; bottom: -20px; background: url(imgbox-bg-se.png) no-repeat; }

.imgbox-bg-s { left: 0; bottom: -20px; width: 100%; background: url(imgbox-bg-s.png) repeat-x; }

.imgbox-bg-sw { left: -20px; bottom: -20px; background: url(imgbox-bg-sw.png) no-repeat; }

.imgbox-bg-w { left: -20px; top: 0; height: 100%; background: url(imgbox-bg-w.png) repeat-y; }

.imgbox-bg-nw { left: -20px; top: -20px; background: url(imgbox-bg-nw.png) no-repeat; }