Styling is fixed but now the funcionality needs some work.

diff --git a/Toolkit/Members/templates/userSearchForm.html b/Toolkit/Members/templates/userSearchForm.html
index 4e12f65..3c67375 100644 (file)
--- a/Toolkit/Members/templates/userSearchForm.html
+++ b/Toolkit/Members/templates/userSearchForm.html
@@ -1,6 +1,9 @@
 <style>
     .ui-accordion-content {height:260px;width: 100}
     #accordion, #category-search {width: 100%;}
+       #category-search {
+               margin-top: 20px;
+       }
     fieldset #glm-member-search label {width:25%;text-align: right;}
     .fieldcontain {display:block;width:100%;clear:right; margin:2px 0;padding: 0;}
     .fieldcontain input[type=submit] {
@@ -16,13 +19,10 @@
         padding: 5px;
     }
     #leftColSearch {
-        width: 30%;
+        width: 31.33333333%;
         float: left;
         padding: 5px;
-    }
-    #submitSearch {
-        width: 100%;
-        clear:both;
+        margin-right: 2%;
     }
     #trail-form select {
         width: 100%;
@@ -35,23 +35,104 @@
         height: 26px;
         padding: 3px;
     }
+    #col1, #col2 {
+        font-family: Arial, Helvetica, sans-serif;
+        float: left;
+        width: 32.33333333%;
+        margin-right: 1.5%;
+        padding: 10px 1%;
+        height: 120px;
+        background: #EBEBEB;
+        border: 1px solid #B0A487;
+        border-radius: 8px 8px 8px 8px;
+        box-shadow: 0 0 10px rgba(176, 164, 135, 0.7) inset;
+        overflow: hidden;
+    }
+    #col3 {
+        font-family: Arial, Helvetica, sans-serif;
+        float: left;
+        width: 32.33333333%;
+        padding: 10px 1%;
+        height: 120px;
+        background: #EBEBEB;
+        border: 1px solid #B0A487;
+        border-radius: 8px 8px 8px 8px;
+        box-shadow: 0 0 10px rgba(176, 164, 135, 0.7) inset;
+    }
+    #lowerbox {
+        font-family: Arial, Helvetica, sans-serif;
+        float: left;
+        clear: left;
+        overflow: hideen;
+        width: 100%;
+        padding: 10px 1%;
+        margin-top: 10px;
+        background: #EBEBEB;
+        border: 1px solid #B0A487;
+        border-radius: 8px 8px 8px 8px;
+        box-shadow: 0 0 10px rgba(176, 164, 135, 0.7) inset;
+    }
+    #submitSearch {
+        float: right;
+        clear: right;
+        margin-top: 10px;
+    }
+    .fieldcontain input[type="search"], .fieldcontain input[type="text"] {
+        width: 100%;
+    }
+    #trail-search-form-name {
+        float: right;
+        margin-top: 30px;
+    }
+    #trail-search-form-ap {
+        float: right;
+        margin-top: 10px;
+    }
+    #trail-search-form-rc {
+        float: right;
+        margin-top: 10px;
+    }
+    .fieldcontain select {
+        width: 100%;
+    }
+    #trail-search-form-amenities {
+        float: right;
+        clear: left;
+        margin-top: 10px;
+        margin-bottom: 2px;
+    }
 </style>
 <div
     id="category-search">
     <form
         flexy:ignore="yes"
         action="{formURL:h}"
-        id="trail-form"
+        id="trail-form-name"
         method="post">
         <input type="hidden" name="search" value="1">
-        <div id="leftColSearch">
+        <div id="col1">
+            <div>Search by Name:</div>
             <div class="fieldcontain">
-                <label class="fieldHdr">Trail Name</label>
                 <input
                     type="search"
                     name="member_name"
-                    value="{_REQUEST[member_name]}">
+                    value="{_REQUEST[member_name]}"
+                    placeholder="Name">
+                            <input
+                type="submit"
+                id="trail-search-form-name"
+                value="Search">
             </div>
+
+        </div>
+    </form>
+    <form
+        flexy:ignore="yes"
+        action="{formURL:h}"
+        id="trail-form-ap"
+        method="post">
+        <div id="col2">
+            <div>Search by Activities &amp; Parks:</div>
             <div flexy:if="counties" class="fieldcontain">
                 <select name="activityId" id="advSearchActivities">
                     <option value="">Activities</option>
@@ -63,6 +144,7 @@
                     ?>
                     {end:}
                 </select>
+                
             </div>
             <div flexy:if="counties" class="fieldcontain">
                 <select name="parkId" id="advSearchParks">
@@ -75,7 +157,20 @@
                     ?>
                     {end:}
                 </select>
+                <input
+                type="submit"
+                id="trail-search-form-ap"
+                value="Search">
             </div>
+        </div>
+    </form>
+    <form
+        flexy:ignore="yes"
+        action="{formURL:h}"
+        id="trail-form-rc"
+        method="post">
+        <div id="col3">
+            <div>Search by Regions &amp; Counties:</div>
             <div flexy:if="regions" class="fieldcontain">
                 <select name="regionId" id="advSearchRegions">
                     <option value="">Regions</option>
@@ -99,13 +194,15 @@
                     ?>
                     {end:}
                 </select>
+                <input
+                type="submit"
+                id="trail-search-form-rc"
+                value="Search">
             </div>
-
         </div>
-        <div id="rightColSearch">
-            <div>
+        <div id="lowerbox">
+                <div>Filter Results:</div>
                 <div flexy:if="parks" class="fieldcontain">
-                    <label class="fieldHdr2">Amenities</label>
                     <div class="glm-chbx">
                         {foreach:amenities,name,id}
                         <label for="amchbx-{id:h}" class="glm-chbx-label">
@@ -125,14 +222,10 @@
                         {end:}
                     </div>
                 </div>
-            </div>
-        </div>
-        <div id="submitSearch">
-            <input
-                style="float:left;margin-bottom: 15px;"
+                <input
                 type="submit"
-                id="trail-search-form"
-                value="search">
+                id="trail-search-form-amenities"
+                value="Search">
         </div>
     </form>
 </div>