added search for list and changes for social icons

itf/static/css/noel/inner-details.css

@@ -14,7 +14,8 @@ border-radius:8px;
 -moz-box-shadow:2px 3px 20px #252425;
 -webkit-box-shadow:2px 3px 20px #252425;
 box-shadow:2px 3px 20px #252425;
-overflow:auto;}
+overflow:auto;
+clear:both;}
 
 .itfInfoSub
 {color:#f7bd00;
@@ -43,7 +44,7 @@ font-weight:bold;
 text-decoration:none;}
 
 .noListItem
-{margin-bottom:10px;}
+{margin-bottom:16px;}
 
 .linksInnerOrange a
 {text-decoration:none;

itf/static/css/noel/inner.css

@@ -139,7 +139,6 @@ cursor:pointer;}
 {font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
 font-size:13px;
 color:#3b3b39;
-text-align:justify;
 padding-top:6px;
 padding-left:10px;
 padding-right:20px; /*why is this 20 and the left 10?*/
@@ -163,6 +162,35 @@ outline:none;}
 .selectMenu select:focus
 {}
 
+.searchListField
+{margin-top:5px;
+margin-bottom:2px;
+width:114px;
+background:url(img/search-icon.png) no-repeat right; 
+padding:2px 2px 2px 4px;
+font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif; 
+font-size:12px;
+color:#7d7d7d;
+-moz-border-radius:8px; 
+-webkit-border-radius:8px; 
+border-radius:8px;
+border:1px solid #f0f0f0; 
+-moz-box-shadow:inset 2px 2px 6px #d7d7d7;
+-webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
+box-shadow:inset 2px 2px 6px #d7d7d7;
+outline:none;}  /*placeholder input text supported by html5 for FF3.7 and webkit*/
+
+
+.searchListField:focus
+{border:1px solid #999; }
+
+#searchListIcon
+{cursor:pointer;}
+
+#searchListIcon:hover
+{box-shadow:1px 1px 1px 3px #e3e3e3;}
+
+
 #listLeft
 {position:relative;
 }
@@ -253,7 +281,8 @@ background-color:#FFF;
 border-radius:8px;
 -moz-box-shadow:2px 3px 20px #252425;
 -webkit-box-shadow:2px 3px 20px #252425;
-box-shadow:2px 3px 20px #252425;}
+box-shadow:2px 3px 20px #252425;
+position:relative;}
 
 #imageLeft
 {width:170px;
@@ -294,10 +323,22 @@ padding-right:14px;
 float:right;}
 
 .socialIcons
-{position:relative;
+{position:absolute;
+bottom:4px;
+right:4px;
 clear:both;}
 
-.twitter
+.iconImages
+{float:left;
+margin-right:4px;}
+
+/*cursor:pointer;
+position:absolute;
+bottom:6px;
+right:10px;/*}
+
+
+/*.twitter
 {position:absolute;
 bottom:2px;
 right:89px;}
@@ -306,15 +347,13 @@ right:89px;}
 {/*padding-top:35px;
 margin-left:164px;
 margin-right:20px;
-float:left;*/
+float:left;
 }
 
 .fb
 {width:62px;
 font-size:12px;
 color:#fff;
-/*padding-top:35px;
-float:left;*/
 position:absolute;
 bottom:2px;
 right:20px;}
@@ -326,15 +365,7 @@ background-color:#3b5998;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px; 
-}/*problem customising these*/
+}*/
-
-.download
-{cursor:pointer;
-position:absolute;
-bottom:6px;
-right:10px;
-/*padding-top:39px;
-clear:both;*/}
 
 #clearBoth
 {clear:both;}

itf/templates/noel/insidepage.html

@@ -64,8 +64,8 @@
 -->
                         </select>
                         
-                        <input type="text" placeholder="search list" name="field" class="searchInnerField"/>
+                        <input type="text" placeholder="search list" name="field" class="searchListField"/>
-                                           
+                        <img src="/static/images/noel/search-icon.png" width="18" height="14" alt="search-icon" id="searchListIcon">                    
                         </form>
                        
                     
@@ -107,16 +107,14 @@
         	</p>
          
         	<div class="socialIcons">
-                <p class="twitter">
-                    <a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="http://twitter.com/#!/indtheatreforum">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>     	
-                </p>
                 
-                <p class="fb">
+                    <img src="/static/images/noel/tweet.png" width="18" height="18" alt="twitter" class="iconImages"> 
-    <iframe src="http://www.facebook.com/plugins/like.php?href=www.theatreforum.in&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
+                    <!--<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="http://twitter.com/#!/indtheatreforum">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>-->     	
                 
-                </p>
+                    <img src="/static/images/noel/facebook.png" width="18" height="18" alt="facebook" class="iconImages">        
+   <!-- <iframe src="http://www.facebook.com/plugins/like.php?href=www.theatreforum.in&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>-->
                 
-                <img src="/static/images/noel/download.jpg" width="18" height="18" alt="download" class="download">
+                    <img src="/static/images/noel/download.jpg" width="18" height="18" alt="download" class="iconImages">
           	</div>
     	</div>