Index: schedule/css/styles.css
===================================================================
--- schedule/css/styles.css	(revision 15992)
+++ schedule/css/styles.css	(revision 15993)
@@ -455,2 +455,54 @@
    }
  
+ 
+ 
+ .buttonc {
+	cursor:pointer;
+   border-top: 1px solid #96d1f8;
+  
+   padding: -1px 6px;
+   -webkit-border-radius: 6px;
+   -moz-border-radius: 6px;
+   border-radius: 6px;
+   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
+   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
+   box-shadow: rgba(0,0,0,1) 0 1px 0;
+   text-shadow: rgba(0,0,0,.4) 0 1px 0;
+   color: black;
+   font-size: 14px;
+   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
+   text-decoration: none;
+   vertical-align: middle;
+   }
+
+   #buttonc {
+   border-top: 1px solid #96d1f8;
+   background: #65a9d7;
+   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
+   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
+   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
+   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
+   background: -o-linear-gradient(top, #3e779d, #65a9d7);
+   padding: 3px 6px;
+   -webkit-border-radius: 6px;
+   -moz-border-radius: 6px;
+   border-radius: 6px;
+   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
+   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
+   box-shadow: rgba(0,0,0,1) 0 1px 0;
+   text-shadow: rgba(0,0,0,.4) 0 1px 0;
+   color: white;
+   font-size: 12px;
+   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
+   text-decoration: none;
+   vertical-align: middle;
+   }
+#buttonc:hover {
+   border-top-color: #28597a;
+   background: #28597a;
+   color: #ccc;
+   }
+#buttonc:active {
+   border-top-color: #b6c5cf;
+   background: #b6c5cf;
+   }
Index: schedule/search.php
===================================================================
--- schedule/search.php	(revision 15992)
+++ schedule/search.php	(revision 15993)
@@ -14,6 +14,7 @@
 <body>
    
-<div>
 
+  <input type="text" size="18" id="box1Filter" placeholder="Search Here" />
+  <button type="button" id="box1Clear" class="buttonc">&nbsp;Clear&nbsp;</button>
 </div>
 
@@ -21,7 +22,5 @@
     <table>
             <tbody><tr>
-                <td>
-                        SEARCH: <input type="text" size="10" id="box1Filter"><button type="button" id="box1Clear">&nbsp;X&nbsp;</button>
-					<label>Source List</label>
+                <td width="192"><label>Source List</label>
 						<select id="box1View" multiple="multiple" style="height:180px;width:115px;">
 					<?php
@@ -39,17 +38,15 @@
                        <select id="box1Storage" style="display: none;">
                         
-						</select>
-                </td>
+				  </select>
+              </td>
                 <div>
-				<td style="margin-left: -10px;">
+				<td width="39" style="margin-left: -10px;">
 				<!-- taki jayp el ta buta ese &gt pti &lt amo se el greater dan pti less dan okna-->
-                    <button id="to2" type="button">&nbsp;&gt;&nbsp;</button>
-                 </td>  <td> <button id="to1" type="button">&nbsp;&lt;&nbsp;</button>
-                    </td> 
+                    <button id="to2" type="button">&nbsp;&gt;&nbsp;</button><button id="to1" type="button">&nbsp;&lt;&nbsp;</button>
+                 </td> 
                   </div>
                 
-                <td>
-                   <br /><br />
-				    <input type="text" id="box2Filter" hidden >
+                <td width="370">
+         <input type="text" id="box2Filter" hidden >
                  <label>Displayed</label>
 <select id="box2View" multiple="multiple" style="height:180px;width:115px;"></select>
@@ -61,5 +58,5 @@
                     <select id="box2Storage" style="display: none;">
                     </select>
-                </td>
+              </td>
             </tr>
         </tbody></table>
