--- a/integration/css/theend.css	Mon Jan 07 15:54:47 2013 +0100
+++ b/integration/css/theend.css	Wed Jan 09 16:50:00 2013 +0100
@@ -535,3 +535,51 @@
     max-width: 210px;
     max-height: 500px;
 }
+
+/* LIGHTBOX */
+
+.lightBoxWrap {
+    display: none; z-index: 100;
+}
+
+.lightBoxWrap, .lightBoxBg {
+    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
+}
+
+.lightBoxBg {
+    background: black; opacity: .8;
+}
+
+.lightBox {
+    position: absolute; top: 120px; left: 120px; right: 120px; bottom: 120px;
+}
+
+.lightBoxScroll {
+    position: absolute; top: 30px; left: 0; right: 0; bottom: 0; overflow: auto;
+}
+
+.lightBox h3 {
+    color: #FFFFFF; font-family: "arial_black", sans-serif;
+    font-size: 18px; text-align: center; margin: 3px 0;
+}
+
+a.lightBoxClose {
+    float: right; font-size: 24px; color: #ACACAC;
+    font-family: "arial_black", sans-serif;
+}
+
+a.lightBoxClose:hover {
+    color: #FFFFFF;
+}
+
+.lightBoxScroll {
+    color: #ACACAC;
+}
+
+.lightBoxScroll p, .lightBoxScroll h4 {
+    font-size: 14px; margin: 1em 0;
+}
+
+.lightBoxScroll h4 {
+    font-weight: bold;
+}