css, etc from karen

itf/static/css/noel/inner.css

@@ -6,7 +6,8 @@ width:100%;}
 {width:960px;
 margin-right:auto;
 margin-left:auto;
-position:relative;} 
+position:relative;
+} 
 
 #leftColumn
 {width:296px;
@@ -20,6 +21,8 @@ border-radius:8px;
 -moz-box-shadow:2px 3px 20px #252425;
 -webkit-box-shadow:2px 3px 20px #252425;
 box-shadow:2px 3px 20px #252425;  
+border-top:1px solid #d3d3d3;
+border-bottom:1px solid #d3d3d3;
 position:relative;
 float:left;
 padding-right:6px;
@@ -272,7 +275,9 @@ margin-top:-8px;
 margin-left:36px;
 margin-bottom:20px;
 float:left;
-position:relative;}
+position:relative;
+border-top:1px solid #d3d3d3;
+}
 
 #pin
 {position:absolute;
@@ -408,5 +413,74 @@ background-color:#FFF;
 padding:15px;
 z-index:1001;} /*must have the highest z-index, just more than the lightbox*/
 
+#searchContainer {
+width:960px;
+min-height:500px;
+background-color:#FFF;
+border-radius:12px;
+margin-top:-8px;
+margin-bottom:20px;
+border-top:1px solid #d3d3d3;
+border-bottom:1px solid #d3d3d3;
+box-shadow:2px 3px 20px #252425;}
+
+
+#searchContent {
+width:400px; /*SANJ, is it ok to give this width?*/
+margin:0 auto;
+font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif; 
+font-size:14px;
+color:#3B3B39;
+padding:20px;
+}
+
+#searchContent h2 {
+font-weight:bold;
+font-size:16px;
+padding-bottom:4px;
+}
+
+#id_q {
+width:150px;
+height:16px;
+border:1px solid #f0f0f0; 
+background:url(/static/images/noel/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;
+-moz-box-shadow:inset 2px 2px 6px #d7d7d7;
+-webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
+box-shadow:inset 2px 2px 6px #d7d7d7;}  
+
+#id_q:focus
+{outline:none;
+border:1px solid #999;}
+
+#searchItf label:last-child
+{color:#F7BD00;
+}
+
+#searchItf a {
+display:block;
+font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif; 
+font-size:14px;
+text-decoration:none;
+padding-bottom:8px;}
+
+#searchItf a:visited {
+color:#666;}
+
+#searchItf a:hover {
+text-decoration:underline;}
+
+#searchItf a:active {
+color:#F7BD00;}
+
+#searchItf h3 {
+font-weight:bold;
+padding-bottom:10px;}
 
-/* End LightBox CSS */

itf/templates/modules/festival/meeting.html

@@ -1,4 +1,4 @@
-<link rel="stylesheet" href="../static/css/modules/tabsinnerright.css" type="text/css" />
+<link rel="stylesheet" href="/static/css/modules/tabsinnerright.css" type="text/css" />
 
 <ul class="tabsInnerRight">
 <!--

itf/templates/search/search.html

@@ -1,9 +1,11 @@
-{% extends 'noel/base.html' %}
+{% extends 'noel/insidepage.html' %}
 
-{% block content %}
+{% block content_inner %}
+  <div id="searchContainer">	
+   	 <div id="searchContent">
 	    <h2>Search</h2>
 
-    <form method="get" action=".">
+    <form method="get" action="." id="searchItf">
         <table>
             {{ form.as_table }}
             <tr>
@@ -36,4 +38,7 @@
             {# Show some example queries to run, maybe query syntax, something else? #}
         {% endif %}
     </form>
+</div><!-- SEARCH CONTENT CLOSING -->
+</div><!-- SEARCH CONTAINER CLOSING -->
 {% endblock %}
+