added lightbox styling, please check and push... thanks..

itf/static/css/noel/inner.css

@@ -493,9 +493,49 @@ color:#666;
 -moz-border-radius:12px; 
 -webkit-border-radius:12px; 
 border-radius:12px;
-background-image:url(/static/images/noel/close.png);
+} /*must have the highest z-index, just more than the lightbox*/
-background-repeat:no-repeat;
+
-background-position:99.5% 1%;} /*must have the highest z-index, just more than the lightbox*/
+#closeImg
+{position: absolute;
+right:20px;
+top: 20px;
+cursor:pointer;}
+
+.lightboxStyling h1 {
+font-size:24px;	
+padding-bottom:4px;
+color:#F7BD00;
+font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;
+text-transform:uppercase;
+margin-top:10px;
+margin-bottom:12px;
+margin-left:6px;
+vertical-align:bottom;
+text-align:left;}
+
+.lightboxStyling h2 
+{font-size:14px;	
+font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif; 
+color:#F7BD00;
+margin-bottom:18px;
+margin-left:6px;}
+
+.lightboxStyling p, .lightboxStyling span
+{font-size:14px;	
+font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif; 
+color:#666;
+margin-left:6px;
+line-height:17px;}
+
+.lightboxImg img
+{display:block;
+margin:0 auto;}
+
+.imgCaptionLightbox
+{text-align:center;
+font-weight:bold;
+margin-bottom:6px;
+margin-top:6px}
 
 #addForm input, #addForm textarea {
 border:1px solid #e3e3e3; 

itf/templates/noel/insidepage.html

@@ -29,13 +29,25 @@
 
     </div>
     <div id="lightboxClose">
-
+    <img src="/static/images/noel/close.jpg" width="12" height="16"  id="closeImg" alt="close" /></div>
-    </div>
 </div>
 <div id="lightbox"></div>
 
 <div id="moduleAbout" class="hidden">
-    {{ about|linebreaksbr }}
+	<div class="lightboxStyling">
+    	<h1>Dummy lightbox heading</h1>
+        <h2>Dummy sub-title</h2>
+
+        <p>Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. Some text here. </p>
+      
+        <p>Some text here</p>
+        <div class="lightboxImg">
+            <img src="/static/images/noel/events-tab.jpg" width="230" height="233" alt="close" />
+            <p class="imgCaptionLightbox">Some Image Caption here</p>
+        </div>
+        <p>Some text here</p>
+    </div>
+    <!--{{ about|linebreaksbr }}-->
 </div>
 
 <div id="moduleAdd" class="hidden">