changed tabbed styling, more buttons

itf/static/css/modules/tabsinnerright.css

@@ -53,8 +53,9 @@ background: #fff;
 
 .tab_content {
 padding: 20px;
-font-size: 14px;
-}
+font-family: 'Arial Regular', Arial, Helvetica, sans-serif;
+font-size: 12px;
+line-height: 17px;}
 
 .tabTitle {
 padding-top:20px;

itf/static/css/noel/home.css

@@ -85,7 +85,8 @@ margin-left:9px;
 -moz-box-shadow:2px 3px 20px #252425;
 -webkit-box-shadow:2px 3px 20px #252425;
 box-shadow:2px 3px 20px #252425;
-overflow:hidden;}
+overflow:hidden;
+cursor:pointer;}
 
 #news, #events
 {margin-top:16px;
@@ -302,13 +303,14 @@ color:#FFF;}
 
 .moreTab
 {font-size:12px;
-color:#ffb400;
+color:#FFb400;
 font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
-text-decoration:none;}
+text-decoration:none;
+line-height:17px;
+font-weight:bold;}
 
-.moreUnicode
-{font-size:15px;
-}
+.imageMore
+{margin-bottom:-4px;}
 
 .moreTab:hover
 {text-decoration:underline;

itf/static/css/noel/inner.css

@@ -386,6 +386,9 @@ clear:both;}
 margin-right:4px;
 cursor:pointer;}
 
+.fb_iframe_widget
+{float:left;}
+
 /*cursor:pointer;
 position:absolute;
 bottom:6px;

itf/templates/noel/index.html

@@ -73,7 +73,7 @@
         <li class="tab" style="background-image:url('{{b.image.url}}');background-position:0px {{b.imageTop}}px;">
             <h4 class="tabHeader">{% autoescape off %} {{ b.title|format_title }} {% endautoescape %}</h4>
             <div class="textTab">
-                <p><span class="boldText">{{ b.boldText }}</span> {{ b.normalText }} <a href="{{ b.url }}" class="moreTab"> More <span class="moreUnicode">&rsaquo;&rsaquo;</span></a>
+                <p><span class="boldText">{{ b.boldText }}</span> {{ b.normalText }} <a href="{{ b.url }}" class="moreTab"> More<img src="/static/images/noel/morenext.jpg" width="24" height="14" class="imageMore" /></a>
 </p>
            
             </div>