a little UI goes a long way: have the customer tabs actually enclose their view

3 files changed, 37 insertions, 10 deletions

diff --git a/httemplate/elements/freeside.css b/httemplate/elements/freeside.css
index 3816f98..dfb56e9 100644
--- a/httemplate/elements/freeside.css
+++ b/httemplate/elements/freeside.css
@@ -109,6 +109,8 @@ a.fstab {
          font-weight:bold;
          text-decoration:none;
          overflow:visible;
+    margin-left:6px;
+    margin-right:6px;
 }
 a.fstab:hover {
   text-decoration:none;
@@ -119,13 +121,12 @@ a.fstab:hover {
 a:visited:hover.fsblackbutton
 */
 a.fstabselected {
-         background-color:#f8f8f8;
+         background-color:#ffffff;
          color: #000000;
-         border:1px solid;
-         border-top-color:#7e0079;
-         border-left-color:#7e0079;
-         border-right-color:#7e0079;
-         border-bottom-color:#ffffff;
+         border-top:1px solid #7e0079;
+         border-left:1px solid #7e0079;
+         border-right:1px solid #7e0079;
+         border-bottom:1px solid #ffffff;
          -moz-border-radius-topleft:8px;
          -moz-border-radius-topright:8px;
          -webkit-border-radius-topleft:8px;
@@ -141,12 +142,37 @@ a.fstabselected {
          font-weight:bold;
          text-decoration:none;
          overflow:visible;
+    margin-left:6px;
+    margin-right:6px;
 }
 a.fstabselected:hover {
   text-decoration:none;
   color: #000000;
 }
 
+div.fstabs {
+  padding-left:8px;
+  border-bottom:1px solid #7e0079;
+}
+
+div.fstabcontainer {
+  background-color:#ffffff;
+  padding:8px;
+  border-left:1px solid #7e0079;
+  border-right:1px solid #7e0079;
+  border-bottom:1px solid #7e0079;
+         -moz-border-radius-bottomleft:8px;
+         -moz-border-radius-bottomright:8px;
+         -webkit-border-radius-bottomleft:8px;
+         -webkit-border-radius-bottomright:8px;
+         border-radius-bottomleft:8px;
+         border-radius-bottomright:8px;
+  -moz-box-shadow: #666666 1px 1px 2px;
+  -webkit-box-shadow: #666666 1px 1px 2px;
+  box-shadow: #666666 1px 1px 2px;
+  filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
+}
+
 .background {
   background-color:#f8f8f8;
 }
diff --git a/httemplate/elements/menubar.html b/httemplate/elements/menubar.html
index fe49f7b..c149043 100644
--- a/httemplate/elements/menubar.html
+++ b/httemplate/elements/menubar.html
@@ -19,10 +19,10 @@ Example:
 
 </%doc>
 %if ( $opt->{'newstyle'} ) {
-%  my $s = '<FONT STYLE="border-bottom:1px solid #7e0079">';
 
-   <% join("$s &nbsp; </FONT>", ( '', @html, '' ) ) %>
-   <BR>
+   <DIV CLASS="fstabs">
+   <% join('', @html ) %>
+   </DIV>
 
 %} else {
 
diff --git a/httemplate/view/cust_main.cgi b/httemplate/view/cust_main.cgi
index ca8bf54..e9d3f07 100755
--- a/httemplate/view/cust_main.cgi
+++ b/httemplate/view/cust_main.cgi
@@ -13,7 +13,7 @@
              %views,
           )
 %>
-<BR>
+<DIV CLASS="fstabcontainer">
 
 <% include('/elements/init_overlib.html') %>
 
@@ -214,6 +214,7 @@ Comments
 <% include('cust_main/change_history.html', $cust_main ) %> 	 
 % }
 
+</DIV>
 <% include('/elements/footer.html') %>
 <%init>