Index: applications/content/webapp/content/website/WebSiteTabBar.ftl
===================================================================
--- applications/content/webapp/content/website/WebSiteTabBar.ftl	(revision 504942)
+++ applications/content/webapp/content/website/WebSiteTabBar.ftl	(working copy)
@@ -25,5 +25,5 @@
         <a href="<@ofbizUrl>EditWebSite?webSiteId=${webSite.webSiteId}</@ofbizUrl>" class="${selectedClassMap.EditWebSite?default(unselectedClassName)}">${uiLabelMap.ContentWebSite}</a>
         <a href="<@ofbizUrl>EditWebSiteParties?webSiteId=${webSite.webSiteId}</@ofbizUrl>" class="${selectedClassMap.EditWebSiteParties?default(unselectedClassName)}">${uiLabelMap.PartyParties}</a> 
     </div>
-    <div class="head1">${uiLabelMap.ContentWebSite} <span class='head2'><#if (webSite.siteName)?has_content>"${webSite.siteName}"</#if> [${uiLabelMap.CommonId}:${webSite.webSiteId}]</span></div>
+    <div><span class="head1">${uiLabelMap.ContentWebSite}&nbsp;</span><span class="head2"><#if (webSite.siteName)?has_content>"${webSite.siteName}"</#if> [${uiLabelMap.CommonId}:${webSite.webSiteId}]</span></div>
 </#if>
Index: applications/party/config/PartyUiLabels.properties
===================================================================
--- applications/party/config/PartyUiLabels.properties	(revision 504942)
+++ applications/party/config/PartyUiLabels.properties	(working copy)
@@ -352,6 +352,7 @@
 PartyNoContactInformation=No contact information on file.
 PartyNoContent=No Content
 PartyNoMatch=No records match.
+PartyNoNameFound=No name found
 PartyNoNameGroup=No name (group)
 PartyNoNotesForParty=No notes for this party.
 PartyNoParent=No Parent
Index: applications/party/webapp/partymgr/includes/appheader.ftl
===================================================================
--- applications/party/webapp/partymgr/includes/appheader.ftl	(revision 504942)
+++ applications/party/webapp/partymgr/includes/appheader.ftl	(working copy)
@@ -22,32 +22,35 @@
 <#if (requestAttributes.userLogin)?exists><#assign userLogin = requestAttributes.userLogin></#if>
 <#if (requestAttributes.checkLoginUrl)?exists><#assign checkLoginUrl = requestAttributes.checkLoginUrl></#if>
 
-<#assign unselectedLeftClassName = "headerButtonLeft">
-<#assign unselectedRightClassName = "headerButtonRight">
-<#assign selectedLeftClassMap = {(page.headerItem)?default("void") : "headerButtonLeftSelected"}>
-<#assign selectedRightClassMap = {(page.headerItem)?default("void") : "headerButtonRightSelected"}>
+<!-- begin appHeader.ftl -->
+<#assign selected = page.headerItem?default("void")>
 
-<div class="apptitle">&nbsp;${uiLabelMap.PartyManagerApplication}&nbsp;</div>
-<div class="row">
-  <div class="col"><a href="<@ofbizUrl>main</@ofbizUrl>" class="${selectedLeftClassMap.main?default(unselectedLeftClassName)}">${uiLabelMap.CommonMain}</a></div>
-  <div class="col"><a href="<@ofbizUrl>findparty</@ofbizUrl>" class="${selectedLeftClassMap.find?default(unselectedLeftClassName)}">${uiLabelMap.CommonFind}</a></div>
-  <#if security.hasEntityPermission("PARTYMGR", "_CREATE", session)>
-    <div class="col"><a href="<@ofbizUrl>createnew</@ofbizUrl>" class="${selectedLeftClassMap.create?default(unselectedLeftClassName)}">${uiLabelMap.CommonCreate}</a></div>
-  </#if>
-  <#if security.hasEntityPermission("PARTYMGR", "_UPDATE", session)>
-    <div class="col"><a href="<@ofbizUrl>linkparty</@ofbizUrl>" class="${selectedLeftClassMap.link?default(unselectedLeftClassName)}">${uiLabelMap.PartyLink}</a></div>
-  </#if>
-  <div class="col"><a href="<@ofbizUrl>FindCommunicationEvents</@ofbizUrl>" class="${selectedLeftClassMap.comm?default(unselectedLeftClassName)}">${uiLabelMap.PartyCommunications}</a></div>
-  <div class="col"><a href="<@ofbizUrl>showvisits</@ofbizUrl>" class="${selectedLeftClassMap.visits?default(unselectedLeftClassName)}">${uiLabelMap.PartyVisits}</a></div>
-  <div class="col"><a href="<@ofbizUrl>showclassgroups</@ofbizUrl>" class="${selectedLeftClassMap.classification?default(unselectedLeftClassName)}">${uiLabelMap.PartyClassifications}</a></div>
-  <#if security.hasEntityPermission("SECURITY", "_VIEW", session)>
-    <div class="col"><a href="<@ofbizUrl>FindSecurityGroup</@ofbizUrl>" class="${selectedLeftClassMap.security?default(unselectedLeftClassName)}">${uiLabelMap.CommonSecurity}</a></div>
-  </#if>
-  <#if userLogin?has_content>
-    <div class="col-right"><a href="<@ofbizUrl>logout</@ofbizUrl>" class="${unselectedRightClassName}">${uiLabelMap.CommonLogout}</a></div>
-  <#else>
-    <div class="col-right"><a href='<@ofbizUrl>${checkLoginUrl?if_exists}</@ofbizUrl>' class='${selectedRightClassMap.login?default(unselectedRightClassName)}'>${uiLabelMap.CommonLogin}</a></div>
-  </#if>
-  <div class="col-right"><a href="<@ofbizUrl>addressMatchMap</@ofbizUrl>" class="${selectedLeftClassMap.addrmap?default(unselectedLeftClassName)}">${uiLabelMap.PageTitleAddressMatchMap}</a></div>
-  <div class="col-fill">&nbsp;</div>
+<div id="appNavigation">
+  <div class="title">${uiLabelMap.PartyManagerApplication}</div>
+  <ul class="mainTabs">
+    <li<#if selected == "main"> class="selected"</#if>><a href="<@ofbizUrl>main</@ofbizUrl>">${uiLabelMap.CommonMain}</a></li>
+    <li<#if selected == "find"> class="selected"</#if>><a href="<@ofbizUrl>findparty</@ofbizUrl>">${uiLabelMap.CommonFind}</a></li>
+    <#if security.hasEntityPermission("PARTYMGR", "_CREATE", session)>
+      <li<#if selected == "create"> class="selected"</#if>><a href="<@ofbizUrl>createnew</@ofbizUrl>">${uiLabelMap.CommonCreate}</a></li>
+    </#if>
+    <#if security.hasEntityPermission("PARTYMGR", "_UPDATE", session)>
+      <li<#if selected == "link"> class="selected"</#if>><a href="<@ofbizUrl>linkparty</@ofbizUrl>">${uiLabelMap.PartyLink}</a></li>
+    </#if>
+    <li<#if selected == "comm"> class="selected"</#if>><a href="<@ofbizUrl>FindCommunicationEvents</@ofbizUrl>">${uiLabelMap.PartyCommunications}</a></li>
+    <li<#if selected == "visits"> class="selected"</#if>><a href="<@ofbizUrl>showvisits</@ofbizUrl>">${uiLabelMap.PartyVisits}</a></li>
+    <li<#if selected == "classification"> class="selected"</#if>><a href="<@ofbizUrl>showclassgroups</@ofbizUrl>">${uiLabelMap.PartyClassifications}</a></li>
+    <#if security.hasEntityPermission("SECURITY", "_VIEW", session)>
+      <li<#if selected == "security"> class="selected"</#if>><a href="<@ofbizUrl>FindSecurityGroup</@ofbizUrl>">${uiLabelMap.CommonSecurity}</a></li>
+    </#if>
+  </ul>
+  <ul class="loginTabs">
+    <#if userLogin?has_content>
+      <li><a href="<@ofbizUrl>logout</@ofbizUrl>">${uiLabelMap.CommonLogout}</a></li>
+    <#else>
+      <li><a href="<@ofbizUrl>${checkLoginUrl?if_exists}</@ofbizUrl>">${uiLabelMap.CommonLogin}</a></li>
+    </#if>
+    <li><a href="<@ofbizUrl>addressMatchMap</@ofbizUrl>">${uiLabelMap.PageTitleAddressMatchMap}</a></li>
+  </ul>
+  <br class="clear" />
 </div>
+<!-- end appHeader.ftl -->
Index: applications/party/webapp/partymgr/includes/partymenus.ftl
===================================================================
--- applications/party/webapp/partymgr/includes/partymenus.ftl	(revision 0)
+++ applications/party/webapp/partymgr/includes/partymenus.ftl	(revision 0)
@@ -0,0 +1,74 @@
+<#--
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
+
+<#if (requestAttributes.uiLabelMap)?exists><#assign uiLabelMap = requestAttributes.uiLabelMap></#if>
+<#if (requestAttributes.security)?exists><#assign security = requestAttributes.security></#if>
+<#assign selected = tabButtonItem?default("void")>
+
+<!-- begin partyMenus.ftl -->
+<div class="buttonBar buttonStyle1">
+  <ul>
+    <li<#if selected == "viewprofile"> class="selected"</#if>><a href="<@ofbizUrl>viewprofile?partyId=${partyId}</@ofbizUrl>">${uiLabelMap.PartyProfile}</a></li>
+    <li<#if selected == "viewroles"> class="selected"</#if>><a href="<@ofbizUrl>viewroles?partyId=${partyId}</@ofbizUrl>">${uiLabelMap.PartyRoles}</a></li>
+    <li<#if selected == "linkparty"> class="selected"</#if>><a href="<@ofbizUrl>linkparty?partyId=${partyId}</@ofbizUrl>">${uiLabelMap.PartyLink}</a></li>
+    <li<#if selected == "EditPartyRelationships"> class="selected"</#if>><a href="<@ofbizUrl>EditPartyRelationships?partyId=${partyId}</@ofbizUrl>">${uiLabelMap.PartyRelationships}</a></li>
+    <li<#if selected == "PartyCommEvents"> class="selected"</#if>><a href="<@ofbizUrl>ListPartyCommEvents?partyId=${partyId}</@ofbizUrl>">${uiLabelMap.PartyCommunications}</a></li>
+    <li<#if selected == "viewvendor"> class="selected"</#if>><a href="<@ofbizUrl>viewvendor?partyId=${partyId}</@ofbizUrl>">${uiLabelMap.PartyVendor}</a></li>
+    <li<#if selected == "EditPartyTaxAuthInfos"> class="selected"</#if>><a href="<@ofbizUrl>EditPartyTaxAuthInfos?partyId=${partyId}</@ofbizUrl>">${uiLabelMap.PartyTaxAuthInfos}</a></li>
+    <li<#if selected == "EditPartyRates"> class="selected"</#if>><a href="<@ofbizUrl>EditPartyRates?partyId=${partyId}</@ofbizUrl>">${uiLabelMap.CommonRates}</a></li>
+    <li<#if selected == "editShoppingList"> class="selected"</#if>><a href="<@ofbizUrl>editShoppingList?partyId=${partyId}</@ofbizUrl>">${uiLabelMap.PartyShoppingLists}</a></li>
+    <li<#if selected == "ViewSegmentRoles"> class="selected"</#if>><a href="<@ofbizUrl>ViewSegmentRoles?partyId=${partyId}</@ofbizUrl>">${uiLabelMap.PartySegments}</a></li>
+    <li<#if selected == "EditPartyClassification"> class="selected"</#if>><a href="<@ofbizUrl>EditPartyClassifications?partyId=${partyId}</@ofbizUrl>">${uiLabelMap.PartyClassifications}</a></li>
+    <li<#if selected == "ContactList"> class="selected"</#if>><a href="<@ofbizUrl>ListPartyContactLists?partyId=${partyId}</@ofbizUrl>">${uiLabelMap.PartyContactList}</a></li>
+    <li<#if selected == "PartyContents"> class="selected"</#if>><a href="<@ofbizUrl>EditPartyContents?partyId=${partyId}</@ofbizUrl>">${uiLabelMap.PartyContent}</a></li>
+  </ul>
+  <br class="clear" />
+</div>
+<div class="buttonBar buttonStyle2">
+  <ul>
+    <li><a href="/accounting/control/FindBillingAccount?partyId=${partyId}">${uiLabelMap.AccountingBillingAccount}</a></li>
+    <#if security.hasEntityPermission("ORDERMGR", "_VIEW", session)>
+      <li><a href="/ordermgr/control/findorders?lookupFlag=Y&hideFields=Y&partyId=${partyId}&externalLoginKey=${externalLoginKey}">${uiLabelMap.OrderOrders}</a></li>
+      <li><a href="/ordermgr/control/FindRequest?lookupFlag=Y&fromPartyId=${partyId}&externaLoginKey=${externalLoginKey}">${uiLabelMap.PartyPartyRequests}</a></li>
+    </#if>
+    <#if security.hasEntityPermission("ACCOUNTING", "_VIEW", session)>
+      <li><a href="/accounting/control/findPayments?lookupFlag=Y&hideFields=Y&partyIdTo=${partyId}&externaLoginKey=${externalLoginKey}">${uiLabelMap.AccountingPaymentsSent}</a></li>
+      <li><a href="/accounting/control/findPayments?lookupFlag=Y&hideFields=Y&partyIdFrom=${partyId}&externaLoginKey=${externalLoginKey}">${uiLabelMap.AccountingPaymentsReceived}</a></li>
+    </#if>
+    <#if security.hasEntityPermission("ORDERMGR", "_CREATE", session)>
+      <li><a href="/ordermgr/control/checkinits?partyId=${partyId}&amp;externaLoginKey=${externalLoginKey}">${uiLabelMap.OrderNewOrder}</a></li>
+    </#if>
+  </ul>
+  <br class="clear" />
+</div>
+<br />
+<h1>${uiLabelMap.PartyTheProfileOf}
+<#if lookupPerson?has_content>
+  ${lookupPerson.personalTitle?if_exists}
+  ${lookupPerson.firstName?if_exists}
+  ${lookupPerson.middleName?if_exists}
+  ${lookupPerson.lastName?if_exists}
+  ${lookupPerson.suffix?if_exists}
+<#elseif lookupGroup?has_content>
+  ${lookupGroup.groupName} (${(lookupPartyType.get("description",locale))?if_exists})
+<#else>
+  (${uiLabelMap.PartyNoNameFound})
+</#if>
+</h1>
+<!-- end partyMenus.ftl -->
Index: applications/party/webapp/partymgr/party/createparty.ftl
===================================================================
--- applications/party/webapp/partymgr/party/createparty.ftl	(revision 0)
+++ applications/party/webapp/partymgr/party/createparty.ftl	(revision 0)
@@ -0,0 +1,38 @@
+<#--
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
+
+<#if (requestAttributes.uiLabelMap)?exists><#assign uiLabelMap = requestAttributes.uiLabelMap></#if>
+<#if (requestAttributes.security)?exists><#assign security = requestAttributes.security></#if>
+
+<!-- begin createparty.ftl -->
+<div class="screenlet">
+  <div class="screenletTitleBar">
+    <div>${uiLabelMap.PartyCreateNewParty}</div>
+  </div>
+  <div class="screenlet-body">
+    <h1><ul>
+      <li><a href="<@ofbizUrl>editpartygroup?create_new=Y</@ofbizUrl>">${uiLabelMap.PartyCreateNewPartyGroup}</a></li>
+      <li><a href="<@ofbizUrl>editperson?create_new=Y</@ofbizUrl>">${uiLabelMap.PartyCreateNewPerson}</a></li>
+      <li><a href="<@ofbizUrl>NewCustomer</@ofbizUrl>">${uiLabelMap.PartyCreateNewCustomer}</a></li>
+      <li><a href="<@ofbizUrl>NewProspect</@ofbizUrl>">${uiLabelMap.PartyCreateNewProspect}</a></li>
+      <li><a href="<@ofbizUrl>NewEmployee</@ofbizUrl>">${uiLabelMap.PartyCreateNewEmployee}</a></li>
+    </ul></h1>
+  </div>
+</div>
+<!-- end createparty.ftl -->
Index: applications/party/webapp/partymgr/party/findparty.ftl
===================================================================
--- applications/party/webapp/partymgr/party/findparty.ftl	(revision 504942)
+++ applications/party/webapp/partymgr/party/findparty.ftl	(working copy)
@@ -17,6 +17,7 @@
 under the License.
 -->
 
+<!-- begin findParty.ftl -->
 <script language="JavaScript" type="text/javascript">
 function lookupParty(click) {
     partyIdValue = document.lookupparty.partyId.value;
@@ -40,153 +41,133 @@
 </script>
 
 <#assign extInfo = parameters.extInfo?default("N")>
-<div class="screenlet">
-    <div class="screenlet-header">
-        <div class="boxlink">
-            <div class="tabletext">
-              <#if parameters.hideFields?default("N") == "Y">
-                <a href="<@ofbizUrl>findparty?hideFields=N${paramList}</@ofbizUrl>" class="submenutextright">${uiLabelMap.CommonShowLookupFields}</a>
-              <#else>
-                <#if partyList?exists><a href="<@ofbizUrl>findparty?hideFields=Y${paramList}</@ofbizUrl>" class="submenutext">${uiLabelMap.CommonHideFields}</a></#if>
-                <a href="javascript:document.lookupparty.submit();" class="submenutextright">${uiLabelMap.PartyLookupParty}</a>
-              </#if>
-            </div>
-        </div>
-        <div class="boxhead">&nbsp;${uiLabelMap.PartyFindParty}</div>
-    </div>
+<div id="findPartyParameters" class="screenlet">
+  <div class="screenletTitleBar">
+    <ul>
+      <li class="title">${uiLabelMap.PartyFindParty}</li>
+      <#if parameters.hideFields?default("N") == "Y">
+        <li><a href="<@ofbizUrl>findparty?hideFields=N${paramList}</@ofbizUrl>">${uiLabelMap.CommonShowLookupFields}</a></li>
+      <#else>
+        <#if partyList?exists><li><a href="<@ofbizUrl>findparty?hideFields=Y${paramList}</@ofbizUrl>">${uiLabelMap.CommonHideFields}</a></li></#if>
+        <li><a href="javascript:document.lookupparty.submit();">${uiLabelMap.PartyLookupParty}</a></li>
+      </#if>
+    </ul>
+	<br class="clear" />
+  </div>
   <#if parameters.hideFields?default("N") != "Y">
     <div class="screenlet-body">
       <form method="post" name="lookupparty" action="<@ofbizUrl>findparty</@ofbizUrl>" onsubmit="javascript:lookupParty();">
-          <input type="hidden" name="lookupFlag" value="Y"/>
-          <input type="hidden" name="hideFields" value="Y"/>
-          <table border="0" cellspacing="0" cellpadding="2">
+        <input type="hidden" name="lookupFlag" value="Y"/>
+        <input type="hidden" name="hideFields" value="Y"/>
+        <table class="basicTable" cellspacing="0">
+          <tr>
+            <td class="label">${uiLabelMap.PartyContactInformation} :</td>
+            <td>
+              <input type="radio" name="extInfo" value="N" onclick="javascript:refreshInfo();" <#if extInfo == "N">checked="checked"</#if>/>${uiLabelMap.CommonNone}&nbsp;
+              <input type="radio" name="extInfo" value="P" onclick="javascript:refreshInfo();" <#if extInfo == "P">checked="checked"</#if>/>${uiLabelMap.PartyPostal}&nbsp;
+              <input type="radio" name="extInfo" value="T" onclick="javascript:refreshInfo();" <#if extInfo == "T">checked="checked"</#if>/>${uiLabelMap.PartyTelecom}&nbsp;
+              <input type="radio" name="extInfo" value="O" onclick="javascript:refreshInfo();" <#if extInfo == "O">checked="checked"</#if>/>${uiLabelMap.CommonOther}&nbsp;
+            </td>
+          </tr>
+          <tr>
+            <td class="label">${uiLabelMap.PartyPartyId} :</td>
+            <td><input type="text" name="partyId" value="${parameters.partyId?if_exists}"/></td>
+          </tr>
+          <tr>
+            <td class="label">${uiLabelMap.PartyUserLogin} :</td>
+            <td><input type="text" name="userLoginId" value="${parameters.userLoginId?if_exists}"/></td>
+          </tr>
+          <tr>
+            <td class="label"><${uiLabelMap.PartyLastName} :</td>
+            <td><input type="text" name="lastName" value="${parameters.lastName?if_exists}"/></td>
+          </tr>
+          <tr>
+            <td class="label">${uiLabelMap.PartyFirstName} :</td>
+            <td><input type="text" name="firstName" value="${parameters.firstName?if_exists}"/></td>
+          </tr>
+          <tr>
+            <td class="label">${uiLabelMap.PartyPartyGroupName} :</td>
+            <td><input type="text" name="groupName" value="${parameters.groupName?if_exists}"/></td>
+          </tr>
+          <tr>
+            <td class="label">${uiLabelMap.PartyRoleType} :</td>
+            <td>
+              <select name="roleTypeId">
+                <#if currentRole?has_content>
+                  <option value="${currentRole.roleTypeId}">${currentRole.get("description",locale)}</option>
+                  <option value="${currentRole.roleTypeId}">---</option>
+                </#if>
+                <option value="ANY">${uiLabelMap.CommonAnyRoleType}</option>
+                <#list roleTypes as roleType>
+                  <option value="${roleType.roleTypeId}">${roleType.get("description",locale)}</option>
+                </#list>
+              </select>
+            </td>
+          </tr>
+          <#if extInfo == "P">
+            <tr><td colspan="3"><hr class="sepbar"/></td></tr>
             <tr>
-              <td width="25%" align="right" nowrap><div class="tableheadtext">${uiLabelMap.PartyContactInformation} :</div></td>
-              <td width="5%">&nbsp;</td>
-              <td nowrap>
-                <div class="tabletext">
-                  <input type="radio" name="extInfo" value="N" onclick="javascript:refreshInfo();" <#if extInfo == "N">checked="checked"</#if>/>${uiLabelMap.CommonNone}&nbsp;
-                  <input type="radio" name="extInfo" value="P" onclick="javascript:refreshInfo();" <#if extInfo == "P">checked="checked"</#if>/>${uiLabelMap.PartyPostal}&nbsp;
-                  <input type="radio" name="extInfo" value="T" onclick="javascript:refreshInfo();" <#if extInfo == "T">checked="checked"</#if>/>${uiLabelMap.PartyTelecom}&nbsp;
-                  <input type="radio" name="extInfo" value="O" onclick="javascript:refreshInfo();" <#if extInfo == "O">checked="checked"</#if>/>${uiLabelMap.CommonOther}&nbsp;
-                </div>
-              </td>
+              <td class="label">${uiLabelMap.CommonAddress1} :</td>
+              <td><input type="text" name="address1" value="${parameters.address1?if_exists}"/></td>
             </tr>
             <tr>
-              <td width="25%" align="right"><div class="tableheadtext">${uiLabelMap.PartyPartyId} :</div></td>
-              <td width="5%">&nbsp;</td>
-              <td><input type="text" class="inputBox" name="partyId" value="${parameters.partyId?if_exists}"/></td>
+              <td class="label">${uiLabelMap.CommonAddress2} :</td>
+              <td><input type="text" name="address2" value="${parameters.address2?if_exists}"/></td>
             </tr>
             <tr>
-              <td width="25%" align="right"><div class="tableheadtext">${uiLabelMap.PartyUserLogin} :</div></td>
-              <td width="5%">&nbsp;</td>
-              <td><input type="text" class="inputBox" name="userLoginId" value="${parameters.userLoginId?if_exists}"/></td>
+              <td class="label">${uiLabelMap.CommonCity} :</td>
+              <td><input type="text" name="city" value="${parameters.city?if_exists}"/></td>
             </tr>
             <tr>
-              <td width="25%" align="right"><div class="tableheadtext">${uiLabelMap.PartyLastName} :</div></td>
-              <td width="5%">&nbsp;</td>
-              <td><input type="text" class="inputBox" name="lastName" value="${parameters.lastName?if_exists}"/></td>
+              <td class="label">${uiLabelMap.CommonStateProvince} :</td>
+              <td>
+                <select name="stateProvinceGeoId">
+                  <#if currentStateGeo?has_content>
+                    <option value="${currentStateGeo.geoId}">${currentStateGeo.geoName?default(currentStateGeo.geoId)}</option>
+                    <option value="${currentStateGeo.geoId}">---</option>
+                  </#if>
+                  <option value="ANY">${uiLabelMap.CommonAnyStateProvince}</option>
+                  ${screens.render("component://common/widget/CommonScreens.xml#states")}
+                </select>
+              </td>
             </tr>
             <tr>
-              <td width="25%" align="right"><div class="tableheadtext">${uiLabelMap.PartyFirstName} :</div></td>
-              <td width="5%">&nbsp;</td>
-              <td><input type="text" class="inputBox" name="firstName" value="${parameters.firstName?if_exists}"/></td>
+              <td class="label">${uiLabelMap.PartyPostalCode} :</td>
+              <td><input type="text" name="postalCode" value="${parameters.postalCode?if_exists}"/></td>
             </tr>
+          </#if>
+          <#if extInfo == "T">
+            <tr><td colspan="3"><hr class="sepbar"/></td></tr>
             <tr>
-              <td width="25%" align="right"><div class="tableheadtext">${uiLabelMap.PartyPartyGroupName} :</div></td>
-              <td width="5%">&nbsp;</td>
-              <td><input type="text" class="inputBox" name="groupName" value="${parameters.groupName?if_exists}"/></td>
+              <td class="label">${uiLabelMap.PartyCountryCode} :</td>
+              <td><input type="text" name="countryCode" value="${parameters.countryCode?if_exists}"/></td>
             </tr>
             <tr>
-              <td width="25%" align="right"><div class="tableheadtext">${uiLabelMap.PartyRoleType} :</div></td>
-              <td width="5%">&nbsp;</td>
-              <td>
-                <select name="roleTypeId" class="selectBox">
-                  <#if currentRole?has_content>
-                    <option value="${currentRole.roleTypeId}">${currentRole.get("description",locale)}</option>
-                    <option value="${currentRole.roleTypeId}">---</option>
-                  </#if>
-                  <option value="ANY">${uiLabelMap.CommonAnyRoleType}</option>
-                  <#list roleTypes as roleType>
-                    <option value="${roleType.roleTypeId}">${roleType.get("description",locale)}</option>
-                  </#list>
-                </select>
-              </td>
+              <td class="label">${uiLabelMap.PartyAreaCode} :</td>
+              <td><input type="text" name="areaCode" value="${parameters.areaCode?if_exists}"/></td>
             </tr>
-            <#if extInfo == "P">
-              <tr><td colspan="3"><hr class="sepbar"/></td></tr>
-              <tr>
-                <td width="25%" align="right"><div class="tableheadtext">${uiLabelMap.CommonAddress1} :</div></td>
-                <td width="5%">&nbsp;</td>
-                <td><input type="text" class="inputBox" name="address1" value="${parameters.address1?if_exists}"/></td>
-              </tr>
-              <tr>
-                <td width="25%" align="right"><div class="tableheadtext">${uiLabelMap.CommonAddress2} :</div></td>
-                <td width="5%">&nbsp;</td>
-                <td><input type="text" class="inputBox" name="address2" value="${parameters.address2?if_exists}"/></td>
-              </tr>
-              <tr>
-                <td width="25%" align="right"><div class="tableheadtext">${uiLabelMap.CommonCity} :</div></td>
-                <td width="5%">&nbsp;</td>
-                <td><input type="text" class="inputBox" name="city" value="${parameters.city?if_exists}"/></td>
-              </tr>
-              <tr>
-                <td width="25%" align="right"><div class="tableheadtext">${uiLabelMap.CommonStateProvince} :</div></td>
-                <td width="5%">&nbsp;</td>
-                <td>
-                  <select name="stateProvinceGeoId" class="selectBox">
-                    <#if currentStateGeo?has_content>
-                      <option value="${currentStateGeo.geoId}">${currentStateGeo.geoName?default(currentStateGeo.geoId)}</option>
-                      <option value="${currentStateGeo.geoId}">---</option>
-                    </#if>
-                    <option value="ANY">${uiLabelMap.CommonAnyStateProvince}</option>
-                    ${screens.render("component://common/widget/CommonScreens.xml#states")}
-                  </select>
-                </td>
-              </tr>
-              <tr>
-                <td width="25%" align="right"><div class="tableheadtext">${uiLabelMap.PartyPostalCode} :</div></td>
-                <td width="5%">&nbsp;</td>
-                <td><input type="text" class="inputBox" name="postalCode" value="${parameters.postalCode?if_exists}"/></td>
-              </tr>
-            </#if>
-            <#if extInfo == "T">
-              <tr><td colspan="3"><hr class="sepbar"/></td></tr>
-              <tr>
-                <td width="25%" align="right"><div class="tableheadtext">${uiLabelMap.PartyCountryCode} :</div></td>
-                <td width="5%">&nbsp;</td>
-                <td><input type="text" class="inputBox" name="countryCode" value="${parameters.countryCode?if_exists}"/></td>
-              </tr>
-              <tr>
-                <td width="25%" align="right"><div class="tableheadtext">${uiLabelMap.PartyAreaCode} :</div></td>
-                <td width="5%">&nbsp;</td>
-                <td><input type="text" class="inputBox" name="areaCode" value="${parameters.areaCode?if_exists}"/></td>
-              </tr>
-              <tr>
-                <td width="25%" align="right"><div class="tableheadtext">${uiLabelMap.PartyContactNumber} :</div></td>
-                <td width="5%">&nbsp;</td>
-                <td><input type="text" class="inputBox" name="contactNumber" value="${parameters.contactNumber?if_exists}"/></td>
-              </tr>
-            </#if>
-            <#if extInfo == "O">
-              <tr><td colspan="3"><hr class="sepbar"/></td></tr>
-              <tr>
-                <td width="25%" align="right"><div class="tableheadtext">${uiLabelMap.PartyContactInfoList} :</div></td>
-                <td width="5%">&nbsp;</td>
-                <td><input type="text" class="inputBox" name="infoString" value="${parameters.infoString?if_exists}"/></td>
-              </tr>
-            </#if>
+            <tr>
+              <td class="label">${uiLabelMap.PartyContactNumber} :</td>
+              <td><input type="text" name="contactNumber" value="${parameters.contactNumber?if_exists}"/></td>
+            </tr>
+          </#if>
+          <#if extInfo == "O">
             <tr><td colspan="3"><hr class="sepbar"/></td></tr>
             <tr>
-              <td colspan="3" align="center">
-                <div class="tabletext">
-                  <a href="javascript:document.lookupparty.submit();" class="buttontext">${uiLabelMap.PartyLookupParty}</a>
-                  <a href="<@ofbizUrl>findparty?showAll=Y&amp;hideFields=Y&amp;lookupFlag=Y</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonShowAllRecords}</a>
-                </div>
-              </td>
+              <td class="label">${uiLabelMap.PartyContactInfoList} :</td>
+              <td><input type="text" name="infoString" value="${parameters.infoString?if_exists}"/></td>
             </tr>
-          </table>
-          <input type="image" src="<@ofbizContentUrl>/images/spacer.gif</@ofbizContentUrl>" onClick="javascript:document.lookupparty.submit();"/>
+          </#if>
+          <tr><td colspan="3"><hr class="sepbar"/></td></tr>
+          <tr>
+            <td>&nbsp;</td>
+            <td>
+              <a href="javascript:document.lookupparty.submit();" class="buttontext">${uiLabelMap.PartyLookupParty}</a>
+              <a href="<@ofbizUrl>findparty?showAll=Y&amp;hideFields=Y&amp;lookupFlag=Y</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonShowAllRecords}</a>
+            </td>
+          </tr>
+        </table>
+        <input type="image" src="<@ofbizContentUrl>/images/spacer.gif</@ofbizContentUrl>" onClick="javascript:document.lookupparty.submit();"/>
       </form>
     </div>
   </#if>
@@ -199,136 +180,107 @@
     //-->
   </script>
 </#if>
-  <#if partyList?exists>
-    <br/>
-    <table border="0" width="100%" cellspacing="0" cellpadding="0" class="boxoutside">
-      <tr>
-        <td width="100%">
-          <table width="100%" border="0" cellspacing="0" cellpadding="0" class="boxtop">
-            <tr>
-              <td width="50%"><div class="boxhead">${uiLabelMap.PartyPartiesFound}</div></td>
-              <td width="50%">
-                 <div class="boxhead" align="right">
-                  <#if (partyListSize > 0)>
-                    <#if (viewIndex > 0)>
-                      <a href="<@ofbizUrl>findparty?VIEW_SIZE=${viewSize}&amp;VIEW_INDEX=${viewIndex-1}&amp;hideFields=${parameters.hideFields?default("N")}${paramList}</@ofbizUrl>" class="submenutext">${uiLabelMap.CommonPrevious}</a>
-                    <#else>
-                      <span class="submenutextdisabled">${uiLabelMap.CommonPrevious}</span>
-                    </#if>
-                    <span class="submenutextinfo">${lowIndex} - ${highIndex} ${uiLabelMap.CommonOf} ${partyListSize}</span>
-                    <#if (partyListSize > highIndex)>
-                      <a href="<@ofbizUrl>findparty?VIEW_SIZE=${viewSize}&amp;VIEW_INDEX=${viewIndex+1}&amp;hideFields=${parameters.hideFields?default("N")}${paramList}</@ofbizUrl>" class="submenutextright">${uiLabelMap.CommonNext}</a>
-                    <#else>
-                      <span class="submenutextrightdisabled">${uiLabelMap.CommonNext}</span>
-                    </#if>
+<#if partyList?exists>
+  <br/>
+  <div id="findPartyResults" class="screenlet">
+    <div class="screenletTitleBar">
+      <ul>
+        <li class="title">${uiLabelMap.PartyPartiesFound}</li>
+          <#if (partyListSize > 0)>
+            <#if (partyListSize > highIndex)>
+              <li><a href="<@ofbizUrl>findparty?VIEW_SIZE=${viewSize}&amp;VIEW_INDEX=${viewIndex+1}&amp;hideFields=${parameters.hideFields?default("N")}${paramList}</@ofbizUrl>">${uiLabelMap.CommonNext}</a></li>
+            <#else>
+              <li class="disabled">${uiLabelMap.CommonNext}</li>
+            </#if>
+            <li>${lowIndex} - ${highIndex} ${uiLabelMap.CommonOf} ${partyListSize}</li>
+            <#if (viewIndex > 0)>
+              <li><a href="<@ofbizUrl>findparty?VIEW_SIZE=${viewSize}&amp;VIEW_INDEX=${viewIndex-1}&amp;hideFields=${parameters.hideFields?default("N")}${paramList}</@ofbizUrl>">${uiLabelMap.CommonPrevious}</a></li>
+            <#else>
+              <li class="disabled">${uiLabelMap.CommonPrevious}</li>
+            </#if>
+          </#if>
+      </ul>
+      <br class="clear" />
+    </div>
+    <#if partyList?has_content>
+      <table class="basicTable" cellspacing="0">
+        <tr class="headerRow">
+          <td>${uiLabelMap.PartyPartyId}</td>
+          <td>${uiLabelMap.PartyUserLogin}</td>
+          <td>${uiLabelMap.PartyName}</td>
+          <#if extInfo?default("") == "P">
+            <td>${uiLabelMap.PartyPostalCode}</td>
+          </#if>
+          <#if extInfo?default("") == "T">
+            <td>${uiLabelMap.PartyAreaCode}</td>
+          </#if>
+          <td>${uiLabelMap.PartyType}</td>
+          <td>&nbsp;</td>
+        </tr>
+        <#assign rowClass = "viewManyTR2">
+        <#list partyList as partyRow>
+          <#assign partyType = partyRow.getRelatedOne("PartyType")?if_exists>
+          <tr class="${rowClass}">
+            <td><a href="<@ofbizUrl>viewprofile?partyId=${partyRow.partyId}</@ofbizUrl>">${partyRow.partyId}</a></td>
+            <td>
+              <#if partyRow.containsKey("userLoginId")>
+                ${partyRow.userLoginId?default("N/A")}
+              <#else>
+                <#assign userLogins = partyRow.getRelated("UserLogin")>
+                <#if (userLogins.size() > 0)>
+                  <#if (userLogins.size() > 1)>
+                    (${uiLabelMap.CommonMany})
+                  <#else>
+                  <#assign userLogin = userLogins.get(0)>
+                    ${userLogin.userLoginId}
                   </#if>
-                  &nbsp;
-                </div>
-              </td>
-            </tr>
-          </table>
-
-          <table width="100%" border="0" cellpadding="0" cellspacing="0">
-            <tr>
-              <td><div class="tableheadtext">${uiLabelMap.PartyPartyId}</div></td>
-              <td><div class="tableheadtext">${uiLabelMap.PartyUserLogin}</div></td>
-              <td><div class="tableheadtext">${uiLabelMap.PartyName}</div></td>
-              <#if extInfo?default("") == "P">
-                <td><div class="tableheadtext">${uiLabelMap.PartyPostalCode}</div></td>
-              </#if>
-              <#if extInfo?default("") == "T">
-                <td><div class="tableheadtext">${uiLabelMap.PartyAreaCode}</div></td>
-              </#if>
-              <td><div class="tableheadtext">${uiLabelMap.PartyType}</div></td>
-              <td>&nbsp;</td>
-            </tr>
-            <tr><td colspan="6"><hr class="sepbar"/></td></tr>
-            <#if partyList?has_content>
-              <#assign rowClass = "viewManyTR2">
-              <#list partyList as partyRow>
-                <#assign partyType = partyRow.getRelatedOne("PartyType")?if_exists>
-                <tr class="${rowClass}">
-                  <td><a href="<@ofbizUrl>viewprofile?partyId=${partyRow.partyId}</@ofbizUrl>" class="linktext">${partyRow.partyId}</a></td>
-                  <td>
-                    <div class="tabletext">
-                      <#if partyRow.containsKey("userLoginId")>
-                        ${partyRow.userLoginId?default("N/A")}
-                      <#else>
-                        <#assign userLogins = partyRow.getRelated("UserLogin")>
-                        <#if (userLogins.size() > 0)>
-                          <#if (userLogins.size() > 1)>
-                            (${uiLabelMap.CommonMany})
-                          <#else>
-                            <#assign userLogin = userLogins.get(0)>
-                            ${userLogin.userLoginId}
-                          </#if>
-                        <#else>
-                          (${uiLabelMap.CommonNone})
-                        </#if>
-                      </#if>
-                    </div>
-                  </td>
-                  <td>
-                    <div class="tabletext">
-                      <#if partyRow.containsKey("lastName")>
-                        <#if partyRow.lastName?has_content>
-                          ${partyRow.lastName}<#if partyRow.firstName?has_content>, ${partyRow.firstName}</#if>
-                        <#else>
-                          (${uiLabelMap.PartyNoNameFound})
-                        </#if>
-                      <#elseif partyRow.containsKey("groupName")>
-                        <#if partyRow.groupName?has_content>
-                          ${partyRow.groupName}
-                        <#else>
-                          (${uiLabelMap.PartyNoNameFound})
-                        </#if>
-                      <#else>
-                        ${Static["org.ofbiz.party.party.PartyHelper"].getPartyName(partyRow, true)}
-                      </#if>
-                    </div>
-                  </td>
-                  <#if extInfo?default("") == "P">
-                    <td><div class="tabletext">${partyRow.postalCode?if_exists}</div></td>
-                  </#if>
-                  <#if extInfo?default("") == "T">
-                    <td><div class="tabletext">${partyRow.areaCode?if_exists}</div></td>
-                  </#if>
-                  <td><div class="tabletext"><#if partyType.description?exists>${partyType.get("description", locale)}<#else>???</#if></div></td>
-                  <td align="right">
-                    <!-- this is all on one line so that no break will be inserted -->
-                    <div class="tabletext"><span style="white-space: nowrap;">
-                      <a href="<@ofbizUrl>viewprofile?partyId=${partyRow.partyId}</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonDetails}</a>&nbsp;
-                      <#if security.hasRolePermission("ORDERMGR", "_VIEW", "", "", session)>
-                        <a href="/ordermgr/control/findorders?lookupFlag=Y&amp;hideFields=Y&amp;partyId=${partyRow.partyId + externalKeyParam}" class="buttontext">${uiLabelMap.OrderOrders}</a>&nbsp;
-                      </#if>
-                      <#if security.hasEntityPermission("ORDERMGR", "_CREATE", session)>
-                        <a href="/ordermgr/control/checkinits?partyId=${partyRow.partyId + externalKeyParam}" class="buttontext">${uiLabelMap.OrderNewOrder}</a>&nbsp;
-                      </#if>
-                    </span></div>
-                  </td>
-                </tr>
-                <#-- toggle the row color -->
-                <#if rowClass == "viewManyTR2">
-                  <#assign rowClass = "viewManyTR1">
                 <#else>
-                  <#assign rowClass = "viewManyTR2">
+                  (${uiLabelMap.CommonNone})
                 </#if>
-              </#list>
-            <#else>
-              <tr>
-                <td colspan="5">
-                  <span class="head3">${uiLabelMap.PartyNoPartiesFound}</span>
-                  &nbsp;&nbsp;<a href="<@ofbizUrl>createnew</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonCreateNew}</a>
-                </td>
-              </tr>
+              </#if>
+            </td>
+            <td>
+              <#assign partyName = Static["org.ofbiz.party.party.PartyHelper"].getPartyName(partyRow, true)>
+              <#if partyName?has_content>
+                ${partyName}
+              <#else>
+                (${uiLabelMap.PartyNoNameFound})
+              </#if>
+            </td>
+            <#if extInfo?default("") == "P">
+              <td>${partyRow.postalCode?if_exists}</td>
             </#if>
-            <#if lookupErrorMessage?exists>
-              <tr>
-                <td colspan="5"><div class="head3">${lookupErrorMessage}</div></td>
-              </tr>
+            <#if extInfo?default("") == "T">
+              <td>${partyRow.areaCode?if_exists}</td>
             </#if>
-          </table>
-        </td>
-      </tr>
-    </table>
-  </#if>
+            <td><#if partyType.description?exists>${partyType.get("description", locale)}<#else>???</#if></td>
+            <td class="buttonCol alignFloat">
+              <a href="<@ofbizUrl>viewprofile?partyId=${partyRow.partyId}</@ofbizUrl>">${uiLabelMap.CommonDetails}</a>
+              <#if security.hasRolePermission("ORDERMGR", "_VIEW", "", "", session)>
+                <a href="/ordermgr/control/findorders?lookupFlag=Y&amp;hideFields=Y&amp;partyId=${partyRow.partyId + externalKeyParam}">${uiLabelMap.OrderOrders}</a>
+              </#if>
+              <#if security.hasEntityPermission("ORDERMGR", "_CREATE", session)>
+                <a href="/ordermgr/control/checkinits?partyId=${partyRow.partyId + externalKeyParam}">${uiLabelMap.OrderNewOrder}</a>
+              </#if>
+            </td>
+          </tr>
+          <#-- toggle the row color -->
+          <#if rowClass == "viewManyTR2">
+            <#assign rowClass = "viewManyTR1">
+          <#else>
+            <#assign rowClass = "viewManyTR2">
+          </#if>
+        </#list>
+      </table>
+    <#else>
+      <div class="screenlet-body">
+        <span class="head3">${uiLabelMap.PartyNoPartiesFound}</span>
+        <a href="<@ofbizUrl>createnew</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonCreateNew}</a>
+      </div>
+    </#if>
+    <#if lookupErrorMessage?exists>
+      <div><h3>${lookupErrorMessage}</h3></div>
+    </#if>
+  </div>
+</#if>
+<!-- end findParty.ftl -->
Index: applications/party/webapp/partymgr/party/PartyForms.xml
===================================================================
--- applications/party/webapp/partymgr/party/PartyForms.xml	(revision 504942)
+++ applications/party/webapp/partymgr/party/PartyForms.xml	(working copy)
@@ -20,8 +20,7 @@
 
 <forms xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:noNamespaceSchemaLocation="http://www.ofbiz.org/dtds/widget-form.xsd">
-    <form name="EditPerson" type="single" target="updatePerson" title="" default-map-name="person"
-            default-title-style="tableheadtext" default-widget-style="inputBox" default-tooltip-style="tabletext">
+    <form name="EditPerson" type="single" target="updatePerson" title="" default-map-name="person">
         <alt-target use-when="person==null" target="createPerson"/>
         <auto-fields-service service-name="updatePerson"/>
 
@@ -48,9 +47,8 @@
         <field name="submitButton" title="${uiLabelMap.CommonSave}" widget-style="smallSubmit"><submit button-type="button"/></field>
         <field name="cancelLink" title="" widget-style="buttontext"><hyperlink target="${donePage}?partyId=${partyId}" also-hidden="false" description="${uiLabelMap.CommonCancelDone}"/></field>
     </form>
-    <form name="EditPartyGroup" type="single" target="updatePartyGroup" title="" default-map-name="partyGroup"
-            default-title-style="tableheadtext" default-widget-style="inputBox" default-tooltip-style="tabletext">
-        <alt-target use-when="partyGroup==null" target="createPartyGroup"/>
+    <form name="EditPartyGroup" type="single" target="updatePartyGroup" title="" default-map-name="partyGroup">
+            <alt-target use-when="partyGroup==null" target="createPartyGroup"/>
         <auto-fields-service service-name="updatePartyGroup"/>
 
         <field use-when="partyGroup!=null" name="partyId" title="${uiLabelMap.PartyPartyId}" tooltip="${uiLabelMap.CommonNotModifRecreat}" widget-style="tabletext"><display/></field>
@@ -248,9 +246,7 @@
         </field>
     </form>
     
-    <form name="NewUser" type="single"
-            target="${target}${previousParams}" title=""
-            default-title-style="tableheadtext" default-widget-style="inputBox" default-tooltip-style="tabletext">
+    <form name="NewUser" type="single" target="${target}${previousParams}" title="">
         <field name="USER_TITLE" title="${uiLabelMap.CommonTitle}"><text size="10" maxlength="30"/></field>
         <field name="USER_FIRST_NAME" title="${uiLabelMap.PartyFirstName}" tooltip="*"><text size="30" maxlength="60"/></field>
         <field name="USER_MIDDLE_NAME" title="${uiLabelMap.PartyMiddleInitial}"><text size="4" maxlength="4"/></field>
@@ -259,9 +255,9 @@
 
         <field name="ShippingAddressTitle" title="${uiLabelMap.PartyAddressMailingShipping}"><display description=" " also-hidden="false"/></field>
         <field name="USER_ADDRESS1" title="${uiLabelMap.CommonAddress1}" tooltip="*" title-style="tabletext"><text size="30" maxlength="60"/></field>
-        <field name="USER_ADDRESS2" title="${uiLabelMap.CommonAddress2}" title-style="tabletext"><text size="30" maxlength="60"/></field>
-        <field name="USER_CITY" title="${uiLabelMap.CommonCity}" tooltip="*" title-style="tabletext"><text size="30" maxlength="60"/></field>
-        <field name="USER_STATE" title="${uiLabelMap.CommonState}" tooltip="*" title-style="tabletext">
+        <field name="USER_ADDRESS2" title="${uiLabelMap.CommonAddress2}"><text size="30" maxlength="60"/></field>
+        <field name="USER_CITY" title="${uiLabelMap.CommonCity}" tooltip="*"><text size="30" maxlength="60"/></field>
+        <field name="USER_STATE" title="${uiLabelMap.CommonState}" tooltip="*">
             <drop-down allow-empty="true">
                 <entity-options entity-name="Geo" key-field-name="geoId" description="${uiLabelMap.CommonState}: [${geoId}] ${geoName}">
                     <entity-constraint name="geoTypeId" value="STATE"/>
@@ -273,8 +269,8 @@
                 </entity-options>
             </drop-down>
         </field>
-        <field name="USER_POSTAL_CODE" title="${uiLabelMap.CommonZipPostalCode}" tooltip="*" title-style="tabletext"><text size="10" maxlength="30"/></field>
-        <field name="USER_COUNTRY" title="${uiLabelMap.CommonCountry}" tooltip="*" title-style="tabletext">
+        <field name="USER_POSTAL_CODE" title="${uiLabelMap.CommonZipPostalCode}" tooltip="*"><text size="10" maxlength="30"/></field>
+        <field name="USER_COUNTRY" title="${uiLabelMap.CommonCountry}" tooltip="*">
             <drop-down allow-empty="false" no-current-selected-key="${defaultCountryGeoId}">
                 <entity-options entity-name="Geo" key-field-name="geoId" description="${geoId}: ${geoName}">
                     <entity-constraint name="geoTypeId" value="COUNTRY"/>
@@ -282,40 +278,40 @@
                 </entity-options>
             </drop-down>
         </field>
-        <field name="USER_ADDRESS_ALLOW_SOL" title="${uiLabelMap.PartyContactAllowAddressSolicitation}?" title-style="tabletext">
+        <field name="USER_ADDRESS_ALLOW_SOL" title="${uiLabelMap.PartyContactAllowAddressSolicitation}?">
             <drop-down allow-empty="true"><option key="Y"/><option key="N"/></drop-down>
         </field>
 
-        <field name="HomePhoneTitle" title="${uiLabelMap.PartyHomePhone}"><display description=" " also-hidden="false"/></field>
-        <field name="USER_HOME_COUNTRY" title="${uiLabelMap.PartyCountryCode}" title-style="tabletext"><text size="4" maxlength="10"/></field>
-        <field name="USER_HOME_AREA" title="${uiLabelMap.PartyAreaCode}" title-style="tabletext"><text size="4" maxlength="10"/></field>
-        <field name="USER_HOME_CONTACT" title="${uiLabelMap.PartyPhoneNumber}" title-style="tabletext"><text size="15" maxlength="15"/></field>
-        <field name="USER_HOME_EXT" title="${uiLabelMap.PartyContactExt}" title-style="tabletext"><text size="6" maxlength="10"/></field>
-        <field name="USER_HOME_ALLOW_SOL" title="${uiLabelMap.PartyContactAllowSolicitation}?" title-style="tabletext"><drop-down allow-empty="true"><option key="Y"/><option key="N"/></drop-down></field>
+        <field name="HomePhoneTitle" title="${uiLabelMap.PartyHomePhone}" title-area-style="label head2"><display description=" " also-hidden="false"/></field>
+        <field name="USER_HOME_COUNTRY" title="${uiLabelMap.PartyCountryCode}"><text size="4" maxlength="10"/></field>
+        <field name="USER_HOME_AREA" title="${uiLabelMap.PartyAreaCode}"><text size="4" maxlength="10"/></field>
+        <field name="USER_HOME_CONTACT" title="${uiLabelMap.PartyPhoneNumber}"><text size="15" maxlength="15"/></field>
+        <field name="USER_HOME_EXT" title="${uiLabelMap.PartyContactExt}"><text size="6" maxlength="10"/></field>
+        <field name="USER_HOME_ALLOW_SOL" title="${uiLabelMap.PartyContactAllowSolicitation}?"><drop-down allow-empty="true"><option key="Y"/><option key="N"/></drop-down></field>
 
-        <field name="WorkPhoneTitle" title="${uiLabelMap.PartyContactWorkPhoneNumber}"><display description=" " also-hidden="false"/></field>
-        <field name="USER_WORK_COUNTRY" title="${uiLabelMap.PartyCountryCode}" title-style="tabletext"><text size="4" maxlength="10"/></field>
-        <field name="USER_WORK_AREA" title="${uiLabelMap.PartyAreaCode}" title-style="tabletext"><text size="4" maxlength="10"/></field>
-        <field name="USER_WORK_CONTACT" title="${uiLabelMap.PartyPhoneNumber}" title-style="tabletext"><text size="15" maxlength="15"/></field>
-        <field name="USER_WORK_EXT" title="${uiLabelMap.PartyContactExt}" title-style="tabletext"><text size="6" maxlength="10"/></field>
-        <field name="USER_WORK_ALLOW_SOL" title="${uiLabelMap.PartyContactAllowSolicitation}?" title-style="tabletext"><drop-down allow-empty="true"><option key="Y"/><option key="N"/></drop-down></field>
+        <field name="WorkPhoneTitle" title="${uiLabelMap.PartyContactWorkPhoneNumber}" title-area-style="label head2"><display description=" " also-hidden="false"/></field>
+        <field name="USER_WORK_COUNTRY" title="${uiLabelMap.PartyCountryCode}"><text size="4" maxlength="10"/></field>
+        <field name="USER_WORK_AREA" title="${uiLabelMap.PartyAreaCode}"><text size="4" maxlength="10"/></field>
+        <field name="USER_WORK_CONTACT" title="${uiLabelMap.PartyPhoneNumber}"><text size="15" maxlength="15"/></field>
+        <field name="USER_WORK_EXT" title="${uiLabelMap.PartyContactExt}"><text size="6" maxlength="10"/></field>
+        <field name="USER_WORK_ALLOW_SOL" title="${uiLabelMap.PartyContactAllowSolicitation}?"><drop-down allow-empty="true"><option key="Y"/><option key="N"/></drop-down></field>
 
-        <field name="FaxPhoneTitle" title="${uiLabelMap.PartyContactFaxPhoneNumber}"><display description=" " also-hidden="false"/></field>
-        <field name="USER_FAX_COUNTRY" title="${uiLabelMap.PartyCountryCode}" title-style="tabletext"><text size="4" maxlength="10"/></field>
-        <field name="USER_FAX_AREA" title="${uiLabelMap.PartyAreaCode}" title-style="tabletext"><text size="4" maxlength="10"/></field>
-        <field name="USER_FAX_CONTACT" title="${uiLabelMap.PartyPhoneNumber}" title-style="tabletext"><text size="15" maxlength="15"/></field>
-        <field name="USER_FAX_EXT" title="${uiLabelMap.PartyContactExt}" title-style="tabletext"><text size="6" maxlength="10"/></field>
-        <field name="USER_FAX_ALLOW_SOL" title="${uiLabelMap.PartyContactAllowSolicitation}?" title-style="tabletext"><drop-down allow-empty="true"><option key="Y"/><option key="N"/></drop-down></field>
+        <field name="FaxPhoneTitle" title="${uiLabelMap.PartyContactFaxPhoneNumber}" title-area-style="label head2"><display description=" " also-hidden="false"/></field>
+        <field name="USER_FAX_COUNTRY" title="${uiLabelMap.PartyCountryCode}"><text size="4" maxlength="10"/></field>
+        <field name="USER_FAX_AREA" title="${uiLabelMap.PartyAreaCode}"><text size="4" maxlength="10"/></field>
+        <field name="USER_FAX_CONTACT" title="${uiLabelMap.PartyPhoneNumber}"><text size="15" maxlength="15"/></field>
+        <field name="USER_FAX_EXT" title="${uiLabelMap.PartyContactExt}"><text size="6" maxlength="10"/></field>
+        <field name="USER_FAX_ALLOW_SOL" title="${uiLabelMap.PartyContactAllowSolicitation}?"><drop-down allow-empty="true"><option key="Y"/><option key="N"/></drop-down></field>
 
-        <field name="MobilePhoneTitle" title="${uiLabelMap.PartyContactMobilePhoneNumber}"><display description=" " also-hidden="false"/></field>
-        <field name="USER_MOBILE_COUNTRY" title="${uiLabelMap.PartyCountryCode}" title-style="tabletext"><text size="4" maxlength="10"/></field>
-        <field name="USER_MOBILE_AREA" title="${uiLabelMap.PartyAreaCode}" title-style="tabletext"><text size="4" maxlength="10"/></field>
-        <field name="USER_MOBILE_CONTACT" title="${uiLabelMap.PartyPhoneNumber}" title-style="tabletext"><text size="15" maxlength="15"/></field>
-        <field name="USER_MOBILE_ALLOW_SOL" title="${uiLabelMap.PartyContactAllowSolicitation}?" title-style="tabletext"><drop-down allow-empty="true"><option key="Y"/><option key="N"/></drop-down></field>
+        <field name="MobilePhoneTitle" title="${uiLabelMap.PartyContactMobilePhoneNumber}" title-area-style="label head2"><display description=" " also-hidden="false"/></field>
+        <field name="USER_MOBILE_COUNTRY" title="${uiLabelMap.PartyCountryCode}"><text size="4" maxlength="10"/></field>
+        <field name="USER_MOBILE_AREA" title="${uiLabelMap.PartyAreaCode}"><text size="4" maxlength="10"/></field>
+        <field name="USER_MOBILE_CONTACT" title="${uiLabelMap.PartyPhoneNumber}"><text size="15" maxlength="15"/></field>
+        <field name="USER_MOBILE_ALLOW_SOL" title="${uiLabelMap.PartyContactAllowSolicitation}?"><drop-down allow-empty="true"><option key="Y"/><option key="N"/></drop-down></field>
 
-        <field name="EmailAddressTitle" title="${uiLabelMap.PartyEmailAddress}"><display description=" " also-hidden="false"/></field>
-        <field name="USER_EMAIL" title="${uiLabelMap.CommonEmail}" title-style="tabletext" tooltip="*"><text size="60" maxlength="250"/></field>
-        <field name="USER_EMAIL_ALLOW_SOL" title="${uiLabelMap.PartyContactAllowSolicitation}?" title-style="tabletext"><drop-down allow-empty="true"><option key="Y"/><option key="N"/></drop-down></field>
+        <field name="EmailAddressTitle" title="${uiLabelMap.PartyEmailAddress}" title-area-style="label head2"><display description=" " also-hidden="false"/></field>
+        <field name="USER_EMAIL" title="${uiLabelMap.CommonEmail}" tooltip="*"><text size="60" maxlength="250"/></field>
+        <field name="USER_EMAIL_ALLOW_SOL" title="${uiLabelMap.PartyContactAllowSolicitation}?"><drop-down allow-empty="true"><option key="Y"/><option key="N"/></drop-down></field>
         <!-- <field name="USER_ORDER_EMAIL" title="Order Emails (comma separated)" title-style="tabletext"><text size="60" maxlength="250"/></field> -->
 
 
Index: applications/party/webapp/partymgr/party/viewprofile.ftl
===================================================================
--- applications/party/webapp/partymgr/party/viewprofile.ftl	(revision 504942)
+++ applications/party/webapp/partymgr/party/viewprofile.ftl	(working copy)
@@ -17,444 +17,413 @@
 under the License.
 -->
 
+<!-- begin viewProfile.ftl -->
 <#if party?has_content>
-<div style="text-align: right;">
-  <#if showOld>
-    <a href="<@ofbizUrl>viewprofile?partyId=${party.partyId}</@ofbizUrl>" class="buttontext">${uiLabelMap.PartyHideOld}</a>
-  <#else>
-    <a href="<@ofbizUrl>viewprofile?partyId=${party.partyId}&SHOW_OLD=true</@ofbizUrl>" class="buttontext">${uiLabelMap.PartyShowOld}</a>
-  </#if>
-</div>
-<br/>
-
-<div class="screenlet">
-    <div class="screenlet-header">
+  <div class="alignFloat">
+    <#if showOld>
+      <a href="<@ofbizUrl>viewprofile?partyId=${party.partyId}</@ofbizUrl>" class="buttontext">${uiLabelMap.PartyHideOld}</a>
+    <#else>
+      <a href="<@ofbizUrl>viewprofile?partyId=${party.partyId}&SHOW_OLD=true</@ofbizUrl>" class="buttontext">${uiLabelMap.PartyShowOld}</a>
+    </#if>
+  </div>
+  <br class="clear" />
+  <br/>
+  <div id="partyInformation" class="screenlet">
+    <div class="screenletTitleBar">
+      <ul>
         <#if lookupPerson?has_content>
-            <div class="boxlink">
-            <#if security.hasEntityPermission("PARTYMGR", "_UPDATE", session)>
-              <a href="<@ofbizUrl>editperson?partyId=${party.partyId}</@ofbizUrl>" class="submenutextright">
-              <#if lookupPerson?has_content>${uiLabelMap.CommonUpdate}</#if></a>
-            </#if>
-            </div>
-            <div class="boxhead">&nbsp;${uiLabelMap.PartyPersonalInformation}</div>
+          <li class="title">${uiLabelMap.PartyPersonalInformation}</li>
+          <#if security.hasEntityPermission("PARTYMGR", "_UPDATE", session)>
+            <li><a href="<@ofbizUrl>editperson?partyId=${party.partyId}</@ofbizUrl>">${uiLabelMap.CommonUpdate}</a></li>
+          </#if>
         </#if>
         <#if lookupGroup?has_content>
-            <#assign lookupPartyType = party.getRelatedOneCache("PartyType")>
-            <div class="boxlink">
-            <#if security.hasEntityPermission("PARTYMGR", "_UPDATE", session)>
-              <a href="<@ofbizUrl>editpartygroup?partyId=${party.partyId}</@ofbizUrl>" class="submenutextright">
-              <#if lookupGroup?has_content>${uiLabelMap.CommonUpdate}</#if></a>
-            </#if>
-            </div>
-            <div class="boxhead">&nbsp;${uiLabelMap.PartyPartyGroupInformation}</div>
+          <#assign lookupPartyType = party.getRelatedOneCache("PartyType")>
+          <li class="title">${uiLabelMap.PartyPartyGroupInformation}</li>
+          <#if security.hasEntityPermission("PARTYMGR", "_UPDATE", session)>
+            <li><a href="<@ofbizUrl>editpartygroup?partyId=${party.partyId}</@ofbizUrl>">${uiLabelMap.CommonUpdate}</a></li>
+          </#if>
         </#if>
+      </ul>
+      <br class="clear" />
     </div>
     <div class="screenlet-body">
-<#if lookupPerson?has_content>
-  <table width="100%" border="0" cellpadding="0" cellspacing="0">
-    <tr>
-      <td align="right" width="10%"><div class="tabletext"><b>${uiLabelMap.PartyName}</b></div></td>
-      <td width="5">&nbsp;</td>
-      <td align="left" width="90%">
-        <div class="tabletext">
-          ${lookupPerson.personalTitle?if_exists}
-          ${lookupPerson.firstName?if_exists}
-          ${lookupPerson.middleName?if_exists}
-          ${lookupPerson.lastName?if_exists}
-          ${lookupPerson.suffix?if_exists}
-        </div>
-      </td>
-    </tr>
-    <#if lookupPerson.nickname?has_content>
-    <tr><td align="right" nowrap><div class="tabletext"><b>${uiLabelMap.PartyNickname}</b></div></td><td>&nbsp;</td><td align="left"><div class="tabletext">${lookupPerson.nickname}</div></td></tr>
-    </#if>
-    <#if lookupPerson.gender?has_content>
-    <tr><td align="right" nowrap><div class="tabletext"><b>${uiLabelMap.PartyGender}</b></div></td><td>&nbsp;</td><td align="left"><div class="tabletext">${lookupPerson.gender}</div></td></tr>
-    </#if>
-    <#if lookupPerson.birthDate?has_content>
-    <tr><td align="right" nowrap><div class="tabletext"><b>${uiLabelMap.PartyBirthDate}</b></div></td><td>&nbsp;</td><td align="left"><div class="tabletext">${lookupPerson.birthDate.toString()}</div></td></tr>
-    </#if>
-    <#if lookupPerson.height?has_content>
-    <tr><td align="right" nowrap><div class="tabletext"><b>${uiLabelMap.PartyHeight}</b></div></td><td>&nbsp;</td><td align="left"><div class="tabletext">${lookupPerson.height}</div></td></tr>
-    </#if>
-    <#if lookupPerson.weight?has_content>
-    <tr><td align="right" nowrap><div class="tabletext"><b>${uiLabelMap.PartyWeight}</b></div></td><td>&nbsp;</td><td align="left"><div class="tabletext">${lookupPerson.weight}</div></td></tr>
-    </#if>
-    <#if lookupPerson.mothersMaidenName?has_content>
-    <tr><td align="right" nowrap><div class="tabletext"><b>${uiLabelMap.PartyMothersMaidenName}</b></div></td><td>&nbsp;</td><td align="left"><div class="tabletext">${lookupPerson.mothersMaidenName}</div></td></tr>
-    </#if>
-    <#if lookupPerson.maritalStatus?has_content>
-    <tr><td align="right" nowrap><div class="tabletext"><b>${uiLabelMap.PartyMaritalStatus}</b></div></td><td>&nbsp;</td><td align="left"><div class="tabletext">${lookupPerson.maritalStatus}</div></td></tr>
-    </#if>
-    <#if lookupPerson.socialSecurityNumber?has_content>
-    <tr><td align="right" nowrap><div class="tabletext"><b>${uiLabelMap.PartySocialSecurityNumber}</b></div></td><td>&nbsp;</td><td align="left"><div class="tabletext">${lookupPerson.socialSecurityNumber}</div></td></tr>
-    </#if>
-    <#if lookupPerson.passportNumber?has_content>
-    <tr><td align="right" nowrap><div class="tabletext"><b>${uiLabelMap.PartyPassportNumber}</b></div></td><td>&nbsp;</td><td align="left"><div class="tabletext">${lookupPerson.passportNumber}</div></td></tr>
-    </#if>
-    <#if lookupPerson.passportExpireDate?has_content>
-    <tr><td align="right" nowrap><div class="tabletext"><b>${uiLabelMap.PartyPassportExpire}</b></div></td><td>&nbsp;</td><td align="left"><div class="tabletext">${lookupPerson.passportExpireDate.toString()}</div></td></tr>
-    </#if>
-    <#if lookupPerson.totalYearsWorkExperience?has_content>
-    <tr><td align="right" nowrap><div class="tabletext"><b>${uiLabelMap.PartyYearsWork}</b></div></td><td>&nbsp;</td><td align="left"><div class="tabletext">${lookupPerson.totalYearsWorkExperience}</div></td></tr>
-    </#if>
-    <#if lookupPerson.comments?has_content>
-    <tr><td align="right" nowrap><div class="tabletext"><b>${uiLabelMap.PartyComments}</b></div></td><td>&nbsp;</td><td align="left"><div class="tabletext">${lookupPerson.comments}</div></td></tr>
-    </#if>
-  </table>
-<#elseif lookupGroup?has_content>
-    <div class="tabletext">${lookupGroup.groupName} (${(lookupPartyType.get("description",locale))?if_exists})</div>
-<#else>
-    <div class="tabletext">${uiLabelMap.PartyInformationNotFound}</div>
-</#if>
-    <#if partyNameHistoryList?has_content>
+      <#if lookupPerson?has_content>
+        <table class="basicTable" cellspacing="0">
+          <tr>
+            <td class="label">${uiLabelMap.PartyName}</td>
+            <td>
+              ${lookupPerson.personalTitle?if_exists}
+              ${lookupPerson.firstName?if_exists}
+              ${lookupPerson.middleName?if_exists}
+              ${lookupPerson.lastName?if_exists}
+              ${lookupPerson.suffix?if_exists}
+            </td>
+          </tr>
+          <#if lookupPerson.nickname?has_content>
+            <tr><td class="label">${uiLabelMap.PartyNickname}</td><td>${lookupPerson.nickname}</td></tr>
+          </#if>
+      	  <#if lookupPerson.gender?has_content>
+            <tr><td class="label">${uiLabelMap.PartyGender}</td><td>${lookupPerson.gender}</td></tr>
+          </#if>
+          <#if lookupPerson.birthDate?has_content>
+            <tr><td class="label">${uiLabelMap.PartyBirthDate}</td><td>${lookupPerson.birthDate.toString()}</td></tr>
+          </#if>
+          <#if lookupPerson.height?has_content>
+            <tr><td class="label">${uiLabelMap.PartyHeight}</td><td>${lookupPerson.height}</td></tr>
+          </#if>
+          <#if lookupPerson.weight?has_content>
+            <tr><td class="label">${uiLabelMap.PartyWeight}</td><td>${lookupPerson.weight}</td></tr>
+          </#if>
+          <#if lookupPerson.mothersMaidenName?has_content>
+            <tr><td class="label">${uiLabelMap.PartyMothersMaidenName}</td><td>${lookupPerson.mothersMaidenName}</td></tr>
+          </#if>
+          <#if lookupPerson.maritalStatus?has_content>
+            <tr><td class="label">${uiLabelMap.PartyMaritalStatus}</td><td>${lookupPerson.maritalStatus}</td></tr>
+          </#if>
+          <#if lookupPerson.socialSecurityNumber?has_content>
+            <tr><td class="label">${uiLabelMap.PartySocialSecurityNumber}</td><td>${lookupPerson.socialSecurityNumber}</td></tr>
+          </#if>
+          <#if lookupPerson.passportNumber?has_content>
+            <tr><td class="label">${uiLabelMap.PartyPassportNumber}</td><td>${lookupPerson.passportNumber}</td></tr>
+          </#if>
+          <#if lookupPerson.passportExpireDate?has_content>
+            <tr><td class="label">${uiLabelMap.PartyPassportExpire}</td><td>${lookupPerson.passportExpireDate.toString()}</td></tr>
+          </#if>
+          <#if lookupPerson.totalYearsWorkExperience?has_content>
+            <tr><td class="label">${uiLabelMap.PartyYearsWork}</td><td>${lookupPerson.totalYearsWorkExperience}</td></tr>
+          </#if>
+          <#if lookupPerson.comments?has_content>
+            <tr><td class="label">${uiLabelMap.PartyComments}</td><td>${lookupPerson.comments}</td></tr>
+          </#if>
+        </table>
+      <#elseif lookupGroup?has_content>
+        <div>${lookupGroup.groupName} (${(lookupPartyType.get("description",locale))?if_exists})</div>
+      <#else>
+        <div>${uiLabelMap.PartyInformationNotFound}</div>
+      </#if>
+      <#if partyNameHistoryList?has_content>
         <div><hr class="sepbar"/></div>
-        <div class="tableheadtext">${uiLabelMap.PartyHistoryName}</div>
+        <div>${uiLabelMap.PartyHistoryName}</div>
         <#list partyNameHistoryList as partyNameHistory>
-            <#if lookupPerson?has_content>
-                <div class="tabletext">${uiLabelMap.PartyHistoryWas}: ${partyNameHistory.personalTitle?if_exists} ${partyNameHistory.firstName?if_exists} ${partyNameHistory.middleName?if_exists} ${partyNameHistory.lastName?if_exists} ${partyNameHistory.suffix?if_exists} (${uiLabelMap.PartyHistoryChanged}: ${partyNameHistory.changeDate})</div>
-            <#elseif lookupGroup?has_content>
-                <div class="tabletext">${uiLabelMap.PartyHistoryWas}: ${partyNameHistory.groupName?if_exists} (${uiLabelMap.PartyHistoryChanged}: ${partyNameHistory.changeDate})</div>
-            </#if>
+          <#if lookupPerson?has_content>
+            <div>${uiLabelMap.PartyHistoryWas}: ${partyNameHistory.personalTitle?if_exists} ${partyNameHistory.firstName?if_exists} ${partyNameHistory.middleName?if_exists} ${partyNameHistory.lastName?if_exists} ${partyNameHistory.suffix?if_exists} (${uiLabelMap.PartyHistoryChanged}: ${partyNameHistory.changeDate})</div>
+          <#elseif lookupGroup?has_content>
+            <div>${uiLabelMap.PartyHistoryWas}: ${partyNameHistory.groupName?if_exists} (${uiLabelMap.PartyHistoryChanged}: ${partyNameHistory.changeDate})</div>
+          </#if>
         </#list>
-    </#if>
+      </#if>
     </div>
-</div>
+  </div>
 
 <#-- ============================================================= -->
-<#if monthsToInclude?exists && totalSubRemainingAmount?exists && totalOrders?exists>
-<div class="screenlet">
-    <div class="screenlet-header">
-        <div class="boxhead">&nbsp;${uiLabelMap.PartyLoyaltyPoints}</div>
+  <#if monthsToInclude?exists && totalSubRemainingAmount?exists && totalOrders?exists>
+    <div id="totalOrders" class="screenlet">
+      <div class="screenletTitleBar">
+        <div>${uiLabelMap.PartyLoyaltyPoints}</div>
+      </div>
+      <div class="screenlet-body">
+        ${uiLabelMap.PartyYouHave} ${totalSubRemainingAmount} ${uiLabelMap.PartyPointsFrom} ${totalOrders} ${uiLabelMap.PartyOrderInLast} ${monthsToInclude} ${uiLabelMap.CommonMonths}.
+      </div>
     </div>
-    <div class="screenlet-body">
-        <div class="tabletext">${uiLabelMap.PartyYouHave} ${totalSubRemainingAmount} ${uiLabelMap.PartyPointsFrom} ${totalOrders} ${uiLabelMap.PartyOrderInLast} ${monthsToInclude} ${uiLabelMap.CommonMonths}.</div>
-    </div>
-</div>
-</#if>
+  </#if>
 
 <#-- ============================================================= -->
-<div class="screenlet">
-    <div class="screenlet-header">
-        <div class="boxlink">
-          <#if security.hasEntityPermission("PARTYMGR", "_CREATE", session)>
-              <a href="<@ofbizUrl>editcontactmech?partyId=${party.partyId}</@ofbizUrl>" class="submenutextright">${uiLabelMap.CommonCreateNew}</a>
-          </#if>
-        </div>
-        <div class="boxhead">&nbsp;${uiLabelMap.PartyContactInformation}</div>
+  <div id="partyContactInfo" class="screenlet">
+    <div class="screenletTitleBar">
+      <ul>
+        <li class="title">${uiLabelMap.PartyContactInformation}</li>
+        <#if security.hasEntityPermission("PARTYMGR", "_CREATE", session)>
+          <li><a href="<@ofbizUrl>editcontactmech?partyId=${party.partyId}</@ofbizUrl>">${uiLabelMap.CommonCreateNew}</a></li>
+        </#if>
+      </ul>
+      <br class="clear" />
     </div>
     <div class="screenlet-body">
-  <#if contactMeches?has_content>
-    <table width="100%" border="0" cellpadding="0">
-      <tr align="left" valign=bottom>
-        <th><div class="tableheadtext">${uiLabelMap.PartyContactType}</th>
-        <th width="5">&nbsp;</th>
-        <th><div class="tableheadtext">${uiLabelMap.PartyContactInformation}</th>
-        <th colspan="2"><div class="tableheadtext">${uiLabelMap.PartyContactSolicitingOk}</th>
-        <th>&nbsp;</th>
-      </tr>
-      <#list contactMeches as contactMechMap>
-          <#assign contactMech = contactMechMap.contactMech>
-          <#assign partyContactMech = contactMechMap.partyContactMech>
-          <tr><td colspan="7"><hr class="sepbar"></td></tr>
+      <#if contactMeches?has_content>
+        <table class="basicTable" cellspacing="0">
           <tr>
-            <td align="right" valign="top" width="10%">
-              <div class="tabletext">&nbsp;<b>${contactMechMap.contactMechType.get("description",locale)}</b></div>
-            </td>
-            <td width="5">&nbsp;</td>
-            <td align="left" valign="top" width="80%">
-              <#list contactMechMap.partyContactMechPurposes as partyContactMechPurpose>
+            <th>${uiLabelMap.PartyContactType}</th>
+            <th>${uiLabelMap.PartyContactInformation}</th>
+            <th>${uiLabelMap.PartyContactSolicitingOk}</th>
+            <th>&nbsp;</th>
+          </tr>
+          <#list contactMeches as contactMechMap>
+            <#assign contactMech = contactMechMap.contactMech>
+            <#assign partyContactMech = contactMechMap.partyContactMech>
+            <tr><td colspan="4"><hr class="sepbar"/></td></tr>
+            <tr>
+              <td class="label alignTop">${contactMechMap.contactMechType.get("description",locale)}</td>
+              <td>
+                <#list contactMechMap.partyContactMechPurposes as partyContactMechPurpose>
                   <#assign contactMechPurposeType = partyContactMechPurpose.getRelatedOneCache("ContactMechPurposeType")>
-                    <div class="tabletext">
-                      <#if contactMechPurposeType?has_content>
-                        <b>${contactMechPurposeType.get("description",locale)}</b>
-                      <#else>
-                        <b>${uiLabelMap.PartyMechPurposeTypeNotFound}: "${partyContactMechPurpose.contactMechPurposeTypeId}"</b>
-                      </#if>
-                      <#if partyContactMechPurpose.thruDate?has_content>
+                  <div>
+                    <#if contactMechPurposeType?has_content>
+                      <b>${contactMechPurposeType.get("description",locale)}</b>
+                    <#else>
+                      <b>${uiLabelMap.PartyMechPurposeTypeNotFound}: "${partyContactMechPurpose.contactMechPurposeTypeId}"</b>
+                    </#if>
+                    <#if partyContactMechPurpose.thruDate?has_content>
                       (${uiLabelMap.CommonExpire}: ${partyContactMechPurpose.thruDate.toString()})
-                      </#if>
-                    </div>
-              </#list>
-              <#if "POSTAL_ADDRESS" = contactMech.contactMechTypeId>
+                    </#if>
+                  </div>
+                </#list>
+                <#if "POSTAL_ADDRESS" = contactMech.contactMechTypeId>
                   <#assign postalAddress = contactMechMap.postalAddress>
-                  <div class="tabletext">
-                    <#if postalAddress.toName?has_content><b>${uiLabelMap.PartyAddrToName}:</b> ${postalAddress.toName}<br/></#if>
-                    <#if postalAddress.attnName?has_content><b>${uiLabelMap.PartyAddrAttnName}:</b> ${postalAddress.attnName}<br/></#if>
-                    ${postalAddress.address1?if_exists}<br/>
-                    <#if postalAddress.address2?has_content>${postalAddress.address2}<br/></#if>
+                  <div>
+                    <#if postalAddress.toName?has_content><b>${uiLabelMap.PartyAddrToName}:</b> ${postalAddress.toName}<br /></#if>
+                    <#if postalAddress.attnName?has_content><b>${uiLabelMap.PartyAddrAttnName}:</b> ${postalAddress.attnName}<br /></#if>
+                    ${postalAddress.address1?if_exists}<br />
+                    <#if postalAddress.address2?has_content>${postalAddress.address2}<br /></#if>
                     ${postalAddress.city?if_exists},
                     <#if postalAddress.stateProvinceGeoId?has_content>
-                        <#assign stateProvince = postalAddress.getRelatedOneCache("StateProvinceGeo")>
-                        ${stateProvince.abbreviation?default(stateProvince.geoId)}
+                      <#assign stateProvince = postalAddress.getRelatedOneCache("StateProvinceGeo")>
+                      ${stateProvince.abbreviation?default(stateProvince.geoId)}
                     </#if>
                     ${postalAddress.postalCode?if_exists}
-                    <#if postalAddress.countryGeoId?has_content><br/>
-                         <#assign country = postalAddress.getRelatedOneCache("CountryGeo")>
-                         ${country.geoName?default(country.geoId)}
+                    <#if postalAddress.countryGeoId?has_content><br />
+                      <#assign country = postalAddress.getRelatedOneCache("CountryGeo")>
+                      ${country.geoName?default(country.geoId)}
                     </#if>
                   </div>
                   <#if (postalAddress?has_content && !postalAddress.countryGeoId?has_content) || postalAddress.countryGeoId = "USA">
-                      <#assign addr1 = postalAddress.address1?if_exists>
-                      <#if (addr1.indexOf(" ") > 0)>
-                        <#assign addressNum = addr1.substring(0, addr1.indexOf(" "))>
-                        <#assign addressOther = addr1.substring(addr1.indexOf(" ")+1)>
-                        <a target="_blank" href="http://www.whitepages.com/find_person_results.pl?fid=a&s_n=${addressNum}&s_a=${addressOther}&c=${postalAddress.city?if_exists}&s=${postalAddress.stateProvinceGeoId?if_exists}&x=29&y=18" class="linktext">(lookup:whitepages.com)</a>
-                      </#if>
+                    <#assign addr1 = postalAddress.address1?if_exists>
+                    <#if (addr1.indexOf(" ") > 0)>
+                      <#assign addressNum = addr1.substring(0, addr1.indexOf(" "))>
+                      <#assign addressOther = addr1.substring(addr1.indexOf(" ")+1)>
+                      <a target="_blank" href="http://www.whitepages.com/find_person_results.pl?fid=a&s_n=${addressNum}&s_a=${addressOther}&c=${postalAddress.city?if_exists}&s=${postalAddress.stateProvinceGeoId?if_exists}&x=29&y=18">(lookup:whitepages.com)</a>
+                    </#if>
                   </#if>
-              <#elseif "TELECOM_NUMBER" = contactMech.contactMechTypeId>
+                <#elseif "TELECOM_NUMBER" = contactMech.contactMechTypeId>
                   <#assign telecomNumber = contactMechMap.telecomNumber>
-                  <div class="tabletext">
+                  <div>
                     ${telecomNumber.countryCode?if_exists}
                     <#if telecomNumber.areaCode?has_content>${telecomNumber.areaCode?default("000")}-</#if>${telecomNumber.contactNumber?default("000-0000")}
                     <#if partyContactMech.extension?has_content>${uiLabelMap.PartyContactExt}&nbsp;${partyContactMech.extension}</#if>
                     <#if (telecomNumber?has_content && !telecomNumber.countryCode?has_content) || telecomNumber.countryCode = "011">
-                      <a target="_blank" href="http://www.anywho.com/qry/wp_rl?npa=${telecomNumber.areaCode?if_exists}&telephone=${telecomNumber.contactNumber?if_exists}&btnsubmit.x=20&btnsubmit.y=8" class="linktext">(lookup:anywho.com)</a>
-                      <a target="_blank" href="http://whitepages.com/find_person_results.pl?fid=p&ac=${telecomNumber.areaCode?if_exists}&s=&p=${telecomNumber.contactNumber?if_exists}&pt=b&x=40&y=9" class="linktext">(lookup:whitepages.com)</a>
+                      <a target="_blank" href="http://www.anywho.com/qry/wp_rl?npa=${telecomNumber.areaCode?if_exists}&telephone=${telecomNumber.contactNumber?if_exists}&btnsubmit.x=20&btnsubmit.y=8">(lookup:anywho.com)</a>
+                      <a target="_blank" href="http://whitepages.com/find_person_results.pl?fid=p&ac=${telecomNumber.areaCode?if_exists}&s=&p=${telecomNumber.contactNumber?if_exists}&pt=b&x=40&y=9">(lookup:whitepages.com)</a>
                     </#if>
                   </div>
-              <#elseif "EMAIL_ADDRESS" = contactMech.contactMechTypeId>
-                  <div class="tabletext">
+                <#elseif "EMAIL_ADDRESS" = contactMech.contactMechTypeId>
+                  <div>
                     ${contactMech.infoString?if_exists}
-                    <a href="<@ofbizUrl>EditCommunicationEvent?partyIdFrom=${userLogin.partyId}&partyId=${party.partyId}&communicationEventTypeId=EMAIL_COMMUNICATION&contactMechIdTo=${contactMech.contactMechId}&contactMechTypeId=EMAIL_ADDRESS<#if thisUserPrimaryEmail?has_content>&contactMechIdFrom=${thisUserPrimaryEmail.contactMechId}</#if></@ofbizUrl>" class="linktext">(${uiLabelMap.CommonSendEmail})</a>
+                    <a href="<@ofbizUrl>EditCommunicationEvent?partyIdFrom=${userLogin.partyId}&partyId=${party.partyId}&communicationEventTypeId=EMAIL_COMMUNICATION&contactMechIdTo=${contactMech.contactMechId}&contactMechTypeId=EMAIL_ADDRESS<#if thisUserPrimaryEmail?has_content>&contactMechIdFrom=${thisUserPrimaryEmail.contactMechId}</#if></@ofbizUrl>">(${uiLabelMap.CommonSendEmail})</a>
                   </div>
-              <#elseif "WEB_ADDRESS" = contactMech.contactMechTypeId>
-                  <div class="tabletext">
+                <#elseif "WEB_ADDRESS" = contactMech.contactMechTypeId>
+                  <div>
                     ${contactMech.infoString?if_exists}
                     <#assign openAddress = contactMech.infoString?default("")>
                     <#if !openAddress?starts_with("http") && !openAddress?starts_with("HTTP")><#assign openAddress = "http://" + openAddress></#if>
-                    <a target="_blank" href="${openAddress}" class="linktext">(${uiLabelMap.CommonOpenPageNewWindow})</a>
+                    <a target="_blank" href="${openAddress}">(${uiLabelMap.CommonOpenPageNewWindow})</a>
                   </div>
-              <#else>
-                  <div class="tabletext">
-                    ${contactMech.infoString?if_exists}
-                  </div>
-              </#if>
-              <div class="tabletext">(${uiLabelMap.CommonUpdated}:&nbsp;${partyContactMech.fromDate.toString()})</div>
-              <#if partyContactMech.thruDate?has_content><div class="tabletext"><b>${uiLabelMap.PartyContactEffectiveThru}:&nbsp;${partyContactMech.thruDate.toString()}</b></div></#if>
-              <#-- create cust request -->
-              <#if custRequestTypes?exists>
-              <div>
-                <form name="createCustRequestForm" action="<@ofbizUrl>createCustRequest</@ofbizUrl>" method="POST">
-                  <input type="hidden" name="partyId" value="${party.partyId}"/>
-                  <input type="hidden" name="fromPartyId" value="${party.partyId}"/>
-                  <input type="hidden" name="fulfillContactMechId" value="${contactMech.contactMechId}"/>
-                  <select name="custRequestTypeId" class="inputBox">
-                    <#list custRequestTypes as type>
-                    <option value="${type.custRequestTypeId}">${type.get("description", locale)}</option>
-                    </#list>
-                  </select>
-                  <input type="submit" class="smallSubmit" value="${uiLabelMap.PartyCreateNewCustRequest}"/>
-                </form>
-              </div>
-              </#if>
-            </td>
-            <td align="center" valign="top" nowrap width="1%"><div class="tabletext"><b>(${partyContactMech.allowSolicitation?if_exists})</b></div></td>
-            <td width="5">&nbsp;</td>
-            <#if security.hasEntityPermission("PARTYMGR", "_UPDATE", session)>
-            <td align="right" valign="top" nowrap width="1%">
-              <div><a href="<@ofbizUrl>editcontactmech?partyId=${party.partyId}&contactMechId=${contactMech.contactMechId}</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonUpdate}</a>&nbsp;</div>
-            </td>
-            </#if>
-            <#if security.hasEntityPermission("PARTYMGR", "_DELETE", session)>
-            <td align="right" valign="top" width="1%">
-              <div><a href="<@ofbizUrl>deleteContactMech/viewprofile?partyId=${party.partyId}&contactMechId=${contactMech.contactMechId}</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonExpire}</a>&nbsp;&nbsp;</div>
-            </td>
-            </#if>
-          </tr>
-      </#list>
-    </table>
-  <#else>
-    <div class="tabletext">${uiLabelMap.PartyNoContactInformation}</div>
-  </#if>
+                <#else>
+                  <div>${contactMech.infoString?if_exists}</div>
+                </#if>
+                <div>(${uiLabelMap.CommonUpdated}:&nbsp;${partyContactMech.fromDate.toString()})</div>
+                <#if partyContactMech.thruDate?has_content><div><b>${uiLabelMap.PartyContactEffectiveThru}:&nbsp;${partyContactMech.thruDate.toString()}</b></div></#if>
+                <#-- create cust request -->
+                <#if custRequestTypes?exists>
+                  <form name="createCustRequestForm" action="<@ofbizUrl>createCustRequest</@ofbizUrl>" method="POST">
+                    <input type="hidden" name="partyId" value="${party.partyId}"/>
+                    <input type="hidden" name="fromPartyId" value="${party.partyId}"/>
+                    <input type="hidden" name="fulfillContactMechId" value="${contactMech.contactMechId}"/>
+                    <select name="custRequestTypeId">
+                      <#list custRequestTypes as type>
+                        <option value="${type.custRequestTypeId}">${type.get("description", locale)}</option>
+                      </#list>
+                    </select>
+                    <input type="submit" class="smallSubmit" value="${uiLabelMap.PartyCreateNewCustRequest}"/>
+                  </form>
+                </#if>
+              </td>
+              <td valign="top"><b>(${partyContactMech.allowSolicitation?if_exists})</b></td>
+              <td class="buttonCol alignFloat">
+                <#if security.hasEntityPermission("PARTYMGR", "_UPDATE", session)>
+                  <a href="<@ofbizUrl>editcontactmech?partyId=${party.partyId}&contactMechId=${contactMech.contactMechId}</@ofbizUrl>">${uiLabelMap.CommonUpdate}</a>
+                </#if>
+                <#if security.hasEntityPermission("PARTYMGR", "_DELETE", session)>
+                  <a href="<@ofbizUrl>deleteContactMech/viewprofile?partyId=${party.partyId}&contactMechId=${contactMech.contactMechId}</@ofbizUrl>">${uiLabelMap.CommonExpire}</a>
+                </#if>
+              </td>
+            </tr>
+          </#list>
+        </table>
+      <#else>
+        ${uiLabelMap.PartyNoContactInformation}
+      </#if>
     </div>
-</div>
+  </div>
 
 <#-- Payment Info ============================================================= -->
-<div class="screenlet">
-    <div class="screenlet-header">
-        <div class="boxlink">
-          <#if security.hasEntityPermission("PAY_INFO", "_CREATE", session)>
-            <a href="<@ofbizUrl>editcreditcard?partyId=${party.partyId}</@ofbizUrl>" class="submenutext">${uiLabelMap.AccountingCreateNewCreditCard}</a>
-            <a href="<@ofbizUrl>editgiftcard?partyId=${party.partyId}</@ofbizUrl>" class="submenutext">${uiLabelMap.AccountingCreateNewGiftCard}</a>
-            <a href="<@ofbizUrl>editeftaccount?partyId=${party.partyId}</@ofbizUrl>" class="submenutextright">${uiLabelMap.AccountingCreateNewEftAccount}</a>
-          </#if>
-        </div>
-        <div class="boxhead">&nbsp;${uiLabelMap.PartyPaymentMethodInformation}</div>
+  <div id="partyPaymentMethod" class="screenlet">
+    <div class="screenletTitleBar">
+      <ul>
+        <li class="title">${uiLabelMap.PartyPaymentMethodInformation}</li>
+        <#if security.hasEntityPermission("PAY_INFO", "_CREATE", session)>
+          <li><a href="<@ofbizUrl>editeftaccount?partyId=${party.partyId}</@ofbizUrl>">${uiLabelMap.AccountingCreateNewEftAccount}</a></li>
+          <li><a href="<@ofbizUrl>editgiftcard?partyId=${party.partyId}</@ofbizUrl>">${uiLabelMap.AccountingCreateNewGiftCard}</a></li>
+          <li><a href="<@ofbizUrl>editcreditcard?partyId=${party.partyId}</@ofbizUrl>">${uiLabelMap.AccountingCreateNewCreditCard}</a></li>
+        </#if>
+      </ul>
+      <br class="clear" />
     </div>
     <div class="screenlet-body">
-        <#if paymentMethodValueMaps?has_content>
-          <table width="100%" border="0" cellpadding="1">
+      <#if paymentMethodValueMaps?has_content>
+        <table class="basicTable" cellspacing="0">
+          <#list paymentMethodValueMaps as paymentMethodValueMap>
+            <#assign paymentMethod = paymentMethodValueMap.paymentMethod/>
             <tr>
-              <td align="left">
-                  <table width="100%" cellpadding="2" cellspacing="0" border="0">
-                    <#list paymentMethodValueMaps as paymentMethodValueMap>
-                        <#assign paymentMethod = paymentMethodValueMap.paymentMethod/>
-                        <tr>
-                          <#if "CREDIT_CARD" == paymentMethod.paymentMethodTypeId>
-                              <#assign creditCard = paymentMethodValueMap.creditCard/>
-                              <td width="90%" valign="top">
-                                <div class="tabletext">
-                                  <b>
-                                    ${uiLabelMap.AccountingCreditCard}:&nbsp;
-                                    <#if creditCard.companyNameOnCard?has_content>${creditCard.companyNameOnCard}&nbsp;</#if>
-                                    <#if creditCard.titleOnCard?has_content>${creditCard.titleOnCard}&nbsp</#if>
-                                    ${creditCard.firstNameOnCard}&nbsp;
-                                    <#if creditCard.middleNameOnCard?has_content>${creditCard.middleNameOnCard}&nbsp</#if>
-                                    ${creditCard.lastNameOnCard}
-                                    <#if creditCard.suffixOnCard?has_content>&nbsp;${creditCard.suffixOnCard}</#if>
-                                    &nbsp;-&nbsp;
-                                    <#if security.hasEntityPermission("PAY_INFO", "_VIEW", session)>
-                                        ${creditCard.cardType}
-                                        ${creditCard.cardNumber}
-                                        ${creditCard.expireDate}
-                                    <#else>
-                                        ${Static["org.ofbiz.party.contact.ContactHelper"].formatCreditCard(creditCard)}
-                                    </#if>
-                                  </b>
-                                  <#if paymentMethod.description?has_content>(${paymentMethod.description})</#if>
-                                  <#if paymentMethod.glAccountId?has_content>(for GL Account ${paymentMethod.glAccountId})</#if>
-                                  <#if paymentMethod.fromDate?has_content>(${uiLabelMap.CommonUpdated}:&nbsp;${paymentMethod.fromDate?if_exists})</#if>
-                                  <#if paymentMethod.thruDate?has_content><b>(${uiLabelMap.PartyContactEffectiveThru}:&nbsp;${paymentMethod.thruDate})</b></#if>
-                                </div>
-                              </td>
-                              <td width="5">&nbsp;</td>
-                              <td align="right" valign="top" width="1%" nowrap>
-                                <div>
-                                <#if security.hasEntityPermission("MANUAL", "_PAYMENT", session)>
-                                  <a href="/accounting/control/manualETx?paymentMethodId=${paymentMethod.paymentMethodId}${externalKeyParam}" class="buttontext">Manual Tx</a>
-                                </#if>
-                                <#if security.hasEntityPermission("PAY_INFO", "_UPDATE", session)>
-                                    <a href="<@ofbizUrl>editcreditcard?partyId=${party.partyId}&paymentMethodId=${paymentMethod.paymentMethodId}</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonUpdate}</a>
-                                </#if>
-                                </div>
-                              </td>
-                          <#elseif "GIFT_CARD" == paymentMethod.paymentMethodTypeId>
-                              <#assign giftCard = paymentMethodValueMap.giftCard>
-                              <td width="90%" valign="top">
-                                <div class="tabletext">
-                                  <b>
-                                    ${uiLabelMap.AccountingGiftCard}:
-                                    <#if security.hasEntityPermission("PAY_INFO", "_VIEW", session)>
-                                        ${giftCard.cardNumber?default("N/A")} [${giftCard.pinNumber?default("N/A")}]
-                                    <#else>
-                                        <#if giftCard?has_content && giftCard.cardNumber?has_content>
-                                          <#assign giftCardNumber = "">
-                                          <#assign pcardNumber = giftCard.cardNumber>
-                                          <#if pcardNumber?has_content>
-                                            <#assign psize = pcardNumber?length - 4>
-                                            <#if 0 < psize>
-                                              <#list 0 .. psize-1 as foo>
-                                                <#assign giftCardNumber = giftCardNumber + "*">
-                                              </#list>
-                                              <#assign giftCardNumber = giftCardNumber + pcardNumber[psize .. psize + 3]>
-                                            <#else>
-                                              <#assign giftCardNumber = pcardNumber>
-                                            </#if>
-                                          </#if>
-                                        </#if>
-                                        ${giftCardNumber?default("N/A")}
-                                    </#if>
-                                  </b>
-                                  <#if paymentMethod.description?has_content>(${paymentMethod.description})</#if>
-                                  <#if paymentMethod.glAccountId?has_content>(for GL Account ${paymentMethod.glAccountId})</#if>
-                                  <#if paymentMethod.fromDate?has_content>(${uiLabelMap.CommonUpdated}:&nbsp;${paymentMethod.fromDate?if_exists})</#if>
-                                  <#if paymentMethod.thruDate?has_content><b>(${uiLabelMap.PartyContactEffectiveThru}:&nbsp;${paymentMethod.thruDate.toString()}</b></#if>
-                                </div>
-                              </td>
-                              <td width="5">&nbsp;</td>
-                              <td align="right" valign="top" width="1%" nowrap>
-                                <#if security.hasEntityPermission("PAY_INFO", "_UPDATE", session)>
-                                    <div><a href="<@ofbizUrl>editgiftcard?partyId=${party.partyId}&paymentMethodId=${paymentMethod.paymentMethodId}</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonUpdate}</a></div>
-                                </#if>
-                              </td>
-                          <#elseif "EFT_ACCOUNT" == paymentMethod.paymentMethodTypeId>
-                              <#assign eftAccount = paymentMethodValueMap.eftAccount>
-                              <td width="90%" valign="top">
-                                <div class="tabletext">
-                                  <b>
-                                    ${uiLabelMap.PartyEftAccount}: ${eftAccount.nameOnAccount} - <#if eftAccount.bankName?has_content>${uiLabelMap.PartyBank}: ${eftAccount.bankName}</#if> <#if eftAccount.accountNumber?has_content>${uiLabelMap.PartyAccount} #: ${eftAccount.accountNumber}</#if>
-                                  </b>
-                                  <#if paymentMethod.description?has_content>(${paymentMethod.description})</#if>
-                                  <#if paymentMethod.glAccountId?has_content>(for GL Account ${paymentMethod.glAccountId})</#if>
-                                  <#if paymentMethod.fromDate?has_content>(${uiLabelMap.CommonUpdated}:&nbsp;${paymentMethod.fromDate?if_exists})</#if>
-                                  <#if paymentMethod.thruDate?has_content><b>(${uiLabelMap.PartyContactEffectiveThru}:&nbsp;${paymentMethod.thruDate.toString()}</b></#if>
-                                </div>
-                              </td>
-                              <td width="5">&nbsp;</td>
-                              <td align="right" valign="top" width="1%" nowrap>
-                                <#if security.hasEntityPermission("PAY_INFO", "_UPDATE", session)>
-                                    <div><a href="<@ofbizUrl>editeftaccount?partyId=${party.partyId}&paymentMethodId=${paymentMethod.paymentMethodId}</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonUpdate}</a></div>
-                                </#if>
-                              </td>
-                          <#elseif "COMPANY_CHECK" == paymentMethod.paymentMethodTypeId>
-                              <td width="90%" valign="top">
-                                <div class="tabletext">
-                                  <b>Company Check</b> 
-                                  <#if paymentMethod.description?has_content>(${paymentMethod.description})</#if>
-                                  <#if paymentMethod.glAccountId?has_content>(for GL Account ${paymentMethod.glAccountId})</#if>
-                                  <#if paymentMethod.fromDate?has_content>(${uiLabelMap.CommonUpdated}:&nbsp;${paymentMethod.fromDate?if_exists})</#if>
-                                  <#if paymentMethod.thruDate?has_content><b>(${uiLabelMap.PartyContactEffectiveThru}:&nbsp;${paymentMethod.thruDate.toString()}</b></#if>
-                                </div>
-                              </td>
-                              <td width="5">&nbsp;</td>
-                              <td align="right" valign="top" width="1%" nowrap>&nbsp;</td>
-                          </#if>
-                          <td align="right" valign="top" width="1%">
-                            <#if security.hasEntityPermission("PAY_INFO", "_DELETE", session)>
-                                <div><a href="<@ofbizUrl>deletePaymentMethod/viewprofile?partyId=${party.partyId}&paymentMethodId=${paymentMethod.paymentMethodId}</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonExpire}</a></div>
-                            </#if>
-                          </td>
-                        </tr>
-                    </#list>
-                  </table>
-              </td>
+              <#if "CREDIT_CARD" == paymentMethod.paymentMethodTypeId>
+                <#assign creditCard = paymentMethodValueMap.creditCard/>
+                <td class="label">
+                  ${uiLabelMap.AccountingCreditCard}
+                </td>
+                <td>
+                  <#if creditCard.companyNameOnCard?has_content>${creditCard.companyNameOnCard}&nbsp;</#if>
+                  <#if creditCard.titleOnCard?has_content>${creditCard.titleOnCard}&nbsp</#if>
+                  ${creditCard.firstNameOnCard}&nbsp;
+                  <#if creditCard.middleNameOnCard?has_content>${creditCard.middleNameOnCard}&nbsp</#if>
+                  ${creditCard.lastNameOnCard}
+                  <#if creditCard.suffixOnCard?has_content>&nbsp;${creditCard.suffixOnCard}</#if>
+                  &nbsp;-&nbsp;
+                  <#if security.hasEntityPermission("PAY_INFO", "_VIEW", session)>
+                    ${creditCard.cardType}
+                    ${creditCard.cardNumber}
+                    ${creditCard.expireDate}
+                  <#else>
+                    ${Static["org.ofbiz.party.contact.ContactHelper"].formatCreditCard(creditCard)}
+                  </#if>
+                  <#if paymentMethod.description?has_content>(${paymentMethod.description})</#if>
+                  <#if paymentMethod.glAccountId?has_content>(for GL Account ${paymentMethod.glAccountId})</#if>
+                  <#if paymentMethod.fromDate?has_content>(${uiLabelMap.CommonUpdated}:&nbsp;${paymentMethod.fromDate?if_exists})</#if>
+                  <#if paymentMethod.thruDate?has_content><b>(${uiLabelMap.PartyContactEffectiveThru}:&nbsp;${paymentMethod.thruDate})</#if>
+                </td>
+                <td class="buttonCol alignFloat">
+                  <#if security.hasEntityPermission("MANUAL", "_PAYMENT", session)>
+                    <a href="/accounting/control/manualETx?paymentMethodId=${paymentMethod.paymentMethodId}${externalKeyParam}">Manual Tx</a>
+                  </#if>
+                  <#if security.hasEntityPermission("PAY_INFO", "_UPDATE", session)>
+                    <a href="<@ofbizUrl>editcreditcard?partyId=${party.partyId}&paymentMethodId=${paymentMethod.paymentMethodId}</@ofbizUrl>">${uiLabelMap.CommonUpdate}</a>
+                  </#if>
+                <#-- </td> -->
+              <#elseif "GIFT_CARD" == paymentMethod.paymentMethodTypeId>
+                <#assign giftCard = paymentMethodValueMap.giftCard>
+                <td class="label" valign="top">
+                  ${uiLabelMap.AccountingGiftCard}
+                </td>
+                <td>
+                  <#if security.hasEntityPermission("PAY_INFO", "_VIEW", session)>
+                    ${giftCard.cardNumber?default("N/A")} [${giftCard.pinNumber?default("N/A")}]
+                  <#else>
+                    <#if giftCard?has_content && giftCard.cardNumber?has_content>
+                      <#assign giftCardNumber = "">
+                      <#assign pcardNumber = giftCard.cardNumber>
+                      <#if pcardNumber?has_content>
+                        <#assign psize = pcardNumber?length - 4>
+                        <#if 0 < psize>
+                          <#list 0 .. psize-1 as foo>
+                            <#assign giftCardNumber = giftCardNumber + "*">
+                          </#list>
+                          <#assign giftCardNumber = giftCardNumber + pcardNumber[psize .. psize + 3]>
+                        <#else>
+                          <#assign giftCardNumber = pcardNumber>
+                        </#if>
+                      </#if>
+                    </#if>
+                    ${giftCardNumber?default("N/A")}
+                  </#if>
+                  <#if paymentMethod.description?has_content>(${paymentMethod.description})</#if>
+                  <#if paymentMethod.glAccountId?has_content>(for GL Account ${paymentMethod.glAccountId})</#if>
+                  <#if paymentMethod.fromDate?has_content>(${uiLabelMap.CommonUpdated}:&nbsp;${paymentMethod.fromDate?if_exists})</#if>
+                  <#if paymentMethod.thruDate?has_content><b>(${uiLabelMap.PartyContactEffectiveThru}:&nbsp;${paymentMethod.thruDate.toString()}</b></#if>
+                </td>
+                <td class="buttonCol alignFloat">
+                  <#if security.hasEntityPermission("PAY_INFO", "_UPDATE", session)>
+                    <a href="<@ofbizUrl>editgiftcard?partyId=${party.partyId}&paymentMethodId=${paymentMethod.paymentMethodId}</@ofbizUrl>">${uiLabelMap.CommonUpdate}</a>
+                  </#if>
+                <#-- </td> -->
+              <#elseif "EFT_ACCOUNT" == paymentMethod.paymentMethodTypeId>
+                <#assign eftAccount = paymentMethodValueMap.eftAccount>
+                <td class="label" valign="top">
+                    ${uiLabelMap.PartyEftAccount}
+                </td>
+                <td>
+                  ${eftAccount.nameOnAccount} - <#if eftAccount.bankName?has_content>${uiLabelMap.PartyBank}: ${eftAccount.bankName}</#if> <#if eftAccount.accountNumber?has_content>${uiLabelMap.PartyAccount} #: ${eftAccount.accountNumber}</#if>                  <#if paymentMethod.description?has_content>(${paymentMethod.description})</#if>
+                  <#if paymentMethod.glAccountId?has_content>(for GL Account ${paymentMethod.glAccountId})</#if>
+                  <#if paymentMethod.fromDate?has_content>(${uiLabelMap.CommonUpdated}:&nbsp;${paymentMethod.fromDate?if_exists})</#if>
+                  <#if paymentMethod.thruDate?has_content><b>(${uiLabelMap.PartyContactEffectiveThru}:&nbsp;${paymentMethod.thruDate.toString()}</#if>
+                </td>
+                <td class="buttonCol alignFloat">
+                  <#if security.hasEntityPermission("PAY_INFO", "_UPDATE", session)>
+                    <a href="<@ofbizUrl>editeftaccount?partyId=${party.partyId}&paymentMethodId=${paymentMethod.paymentMethodId}</@ofbizUrl>">${uiLabelMap.CommonUpdate}</a>
+                  </#if>
+                <#-- </td> -->
+              <#elseif "COMPANY_CHECK" == paymentMethod.paymentMethodTypeId>
+                <td class="label" valign="top">
+                  <#-- TODO: Convert hard-coded text to UI label properties -->
+                  Company Check
+                </td>
+                <td>
+                  <#if paymentMethod.description?has_content>(${paymentMethod.description})</#if>
+                  <#if paymentMethod.glAccountId?has_content>(for GL Account ${paymentMethod.glAccountId})</#if>
+                  <#if paymentMethod.fromDate?has_content>(${uiLabelMap.CommonUpdated}:&nbsp;${paymentMethod.fromDate?if_exists})</#if>
+                  <#if paymentMethod.thruDate?has_content>(${uiLabelMap.PartyContactEffectiveThru}:&nbsp;${paymentMethod.thruDate.toString()}</#if>
+                </td>
+                <td class="buttonCol alignFloat">
+                  &nbsp;
+                <#-- </td> -->
+              </#if>
+              <#if security.hasEntityPermission("PAY_INFO", "_DELETE", session)>
+                <a href="<@ofbizUrl>deletePaymentMethod/viewprofile?partyId=${party.partyId}&paymentMethodId=${paymentMethod.paymentMethodId}</@ofbizUrl>">${uiLabelMap.CommonExpire}</a>
+              <#else>
+                &nbsp;
+              </#if>
+              </td> <#-- closes out orphaned <td> elements inside conditionals -->
             </tr>
-          </table>
-        <#else>
-            <div class="tabletext">${uiLabelMap.PartyNoPaymentMethodInformation}</div>
-        </#if>
+          </#list>
+        </table>
+      <#else>
+        ${uiLabelMap.PartyNoPaymentMethodInformation}
+      </#if>
     </div>
-</div>
+  </div>
 
 <#-- AVS Strings -->
-<div class="screenlet">
-    <div class="screenlet-header">
-        <div class="boxhead">&nbsp;${uiLabelMap.PartyCybersourceAvsOver}</div>
+  <div id="partyAVS" class="screenlet">
+    <div class="screenletTitleBar">
+      <div>${uiLabelMap.PartyCybersourceAvsOver}</div>
     </div>
     <div class="screenlet-body">
-        <div class="tabletext">
-            <b>${uiLabelMap.PartyAvsString}:</b>&nbsp;${(avsOverride.avsDeclineString)?default("${uiLabelMap.CommonGlobal}")}
-            <#if security.hasEntityPermission("PARTYMGR", "_UPDATE", session)>
-                <a href="<@ofbizUrl>editAvsOverride?partyId=${party.partyId}</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonEdit}</a>
-                <#if avsOverride?exists>
-                    <a href="<@ofbizUrl>resetAvsOverride?partyId=${party.partyId}</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonReset}</a>
-                </#if>
-            </#if>
-        </div>
+      <span class="label">${uiLabelMap.PartyAvsString}</span>${(avsOverride.avsDeclineString)?default("${uiLabelMap.CommonGlobal}")}
+      <#if security.hasEntityPermission("PARTYMGR", "_UPDATE", session)>
+        <a href="<@ofbizUrl>editAvsOverride?partyId=${party.partyId}</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonEdit}</a>
+        <#if avsOverride?exists>
+          <a href="<@ofbizUrl>resetAvsOverride?partyId=${party.partyId}</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonReset}</a>
+        </#if>
+      </#if>
     </div>
-</div>
+  </div>
 
 <#-- UserLogins -->
-<div class="screenlet">
-    <div class="screenlet-header">
-        <div class="boxlink">
-          <#if security.hasEntityPermission("PARTYMGR", "_CREATE", session)>
-            <a href="<@ofbizUrl>createnewlogin?partyId=${party.partyId}</@ofbizUrl>" class="submenutextright">${uiLabelMap.CommonCreateNew}</a>
-          </#if>
-        </div>
-        <div class="boxhead">&nbsp;${uiLabelMap.PartyUserName}</div>
+  <div id="partyUserLogins" class="screenlet">
+    <div class="screenletTitleBar">
+      <ul>
+        <li class="title">${uiLabelMap.PartyUserName}</li>
+        <#if security.hasEntityPermission("PARTYMGR", "_CREATE", session)>
+          <li><a href="<@ofbizUrl>createnewlogin?partyId=${party.partyId}</@ofbizUrl>">${uiLabelMap.CommonCreateNew}</a></li>
+        </#if>
+      </ul>
+      <br class="clear" />
     </div>
     <div class="screenlet-body">
-        <#if userLogins?exists>
-        <table width="100%" border="0" cellpadding="1">
+      <#if userLogins?exists>
+        <table class="basicTable" cellspacing="0">
           <#list userLogins as userUserLogin>
-          <tr>
-            <td align="right" valign="top" width="10%" nowrap><div class="tabletext"><b>${uiLabelMap.PartyUserLogin}</b></div></td>
-            <td width="5">&nbsp;</td>
-            <td align="left" valign="top" width="40%"><div class="tabletext">${userUserLogin.userLoginId}</div></td>
-            <td align="left" valign="top" width="30%">
-              <div class="tabletext">
+            <tr>
+              <td class="label">${uiLabelMap.PartyUserLogin}</td>
+              <td>${userUserLogin.userLoginId}</td>
+              <td>
                 <#assign enabled = uiLabelMap.PartyEnabled>
                 <#if (userUserLogin.enabled)?default("Y") == "N">
                   <#if userUserLogin.disabledDateTime?exists>
@@ -465,227 +434,223 @@
                   <#assign enabled = uiLabelMap.PartyDisabled + " - " + disabledTime>
                 </#if>
                 ${enabled}
-              </div>
-            </td>
-            <td align="right" valign="top" width="20%">
-              <#if security.hasEntityPermission("PARTYMGR", "_CREATE", session)>
-                  <a href="<@ofbizUrl>editlogin?partyId=${party.partyId}&userLoginId=${userUserLogin.userLoginId}</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonEdit}</a>&nbsp;
-              </#if>
-              <#if security.hasEntityPermission("SECURITY", "_VIEW", session)>
-                  <a href="<@ofbizUrl>EditUserLoginSecurityGroups?partyId=${party.partyId}&userLoginId=${userUserLogin.userLoginId}</@ofbizUrl>" class="buttontext">${uiLabelMap.PartySecurityGroups}</a>&nbsp;
-              </#if>
-            </td>
-          </tr>
+              </td>
+              <td class="buttonCol alignFloat">
+                <#if security.hasEntityPermission("PARTYMGR", "_CREATE", session)>
+                  <a href="<@ofbizUrl>editlogin?partyId=${party.partyId}&userLoginId=${userUserLogin.userLoginId}</@ofbizUrl>">${uiLabelMap.CommonEdit}</a>
+                </#if>
+                <#if security.hasEntityPermission("SECURITY", "_VIEW", session)>
+                  <a href="<@ofbizUrl>EditUserLoginSecurityGroups?partyId=${party.partyId}&userLoginId=${userUserLogin.userLoginId}</@ofbizUrl>">${uiLabelMap.PartySecurityGroups}</a>
+                </#if>
+              </td>
+            </tr>
           </#list>
         </table>
-        <#else>
-          <div class="tabletext">${uiLabelMap.PartyNoUserLogin}</div>
-        </#if>
+      <#else>
+        ${uiLabelMap.PartyNoUserLogin}
+      </#if>
     </div>
-</div>
+  </div>
 
 <#-- Party Attributes -->
-<div class="screenlet">
-    <div class="screenlet-header">
-        <div class="boxlink">
-          <#if security.hasEntityPermission("PARTYMGR", "_CREATE", session)>
-            <a href="<@ofbizUrl>editPartyAttribute?partyId=${party.partyId}</@ofbizUrl>" class="submenutextright">${uiLabelMap.CommonCreateNew}</a>
-          </#if>
-        </div>
-        <div class="boxhead">&nbsp;${uiLabelMap.PartyAttributes}</div>
+  <div id="partyAttributes" class="screenlet">
+    <div class="screenletTitleBar">
+      <ul>
+        <li class="title">${uiLabelMap.PartyAttributes}</li>
+        <#if security.hasEntityPermission("PARTYMGR", "_CREATE", session)>
+          <li><a href="<@ofbizUrl>editPartyAttribute?partyId=${party.partyId}</@ofbizUrl>">${uiLabelMap.CommonCreateNew}</a></li>
+        </#if>
+      </ul>
+      <br class="clear" />
     </div>
     <div class="screenlet-body">
-        <#if attributes?has_content>
-            <table width="100%" border="0" cellpadding="1">
-              <#list attributes as attr>
-                <tr>
-                  <td nowrap align="left" valign="top" width="1%">
-                    <div class="tabletext">&nbsp;<b>${uiLabelMap.CommonName}: </b>${attr.attrName}</div>
-                  </td>
-                  <td align="left" valign="top" width="98%">
-                    <div class="tabletext">&nbsp;<b>${uiLabelMap.CommonValue}: </b>${attr.attrValue}</div>
-                  </td>
-                  <td align="right" valign="top" width="1%">
-                    <a href="<@ofbizUrl>editPartyAttribute?partyId=${partyId}&attrName=${attr.attrName}</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonEdit}</a>
-                  </td>
-                </tr>
-              </#list>
-            </table>
-        <#else>
-            <div class="tabletext">${uiLabelMap.PartyNoPartyAttributesFound}</div>
-        </#if>
+      <#if attributes?has_content>
+        <table class="basicTable" cellspacing="0">
+          <#list attributes as attr>
+            <tr>
+              <td class="label">
+                ${uiLabelMap.CommonName}: ${attr.attrName}
+              </td>
+              <td>
+                ${uiLabelMap.CommonValue}: ${attr.attrValue}
+              </td>
+              <td class="buttonCol alignFloat">
+                <a href="<@ofbizUrl>editPartyAttribute?partyId=${partyId}&attrName=${attr.attrName}</@ofbizUrl>">${uiLabelMap.CommonEdit}</a>
+              </td>
+            </tr>
+          </#list>
+        </table>
+      <#else>
+        ${uiLabelMap.PartyNoPartyAttributesFound}
+      </#if>
     </div>
-</div>
+  </div>
 
 <#-- Visits -->
-<div class="screenlet">
-    <div class="screenlet-header">
-        <div class="boxlink">
-            <a href="<@ofbizUrl>showvisits?partyId=${partyId}</@ofbizUrl>" class="submenutextright">${uiLabelMap.CommonListAll}</a>
-        </div>
-        <div class="boxhead">&nbsp;${uiLabelMap.PartyLastVisit}</div>
+  <div id="partyVisits" class="screenlet">
+    <div class="screenletTitleBar">
+      <ul>
+        <li class="title">${uiLabelMap.PartyLastVisit}</li>
+        <li><a href="<@ofbizUrl>showvisits?partyId=${partyId}</@ofbizUrl>">${uiLabelMap.CommonListAll}</a></li>
+      </ul>
+      <br class="clear" />
     </div>
     <div class="screenlet-body">
-        <#if visits?exists>
-        <table width="100%" border="0" cellpadding="2" cellspacing="0">
-          <tr>
-            <td><div class="tableheadtext">${uiLabelMap.PartyVisitId}</div></td>
-            <td><div class="tableheadtext">${uiLabelMap.PartyUserLogin}</div></td>
-            <td><div class="tableheadtext">${uiLabelMap.PartyNewUser}</div></td>
-            <td><div class="tableheadtext">${uiLabelMap.PartyWebApp}</div></td>
-            <td><div class="tableheadtext">${uiLabelMap.PartyClientIP}</div></td>
-            <td><div class="tableheadtext">${uiLabelMap.CommonFromDate}</div></td>
-            <td><div class="tableheadtext">${uiLabelMap.CommonThruDate}</div></td>
+      <#if visits?has_content>
+        <table class="basicTable" cellspacing="0">
+          <tr class="headerRow">
+            <td>${uiLabelMap.PartyVisitId}</td>
+            <td>${uiLabelMap.PartyUserLogin}</td>
+            <td>${uiLabelMap.PartyNewUser}</td>
+            <td>${uiLabelMap.PartyWebApp}</td>
+            <td>${uiLabelMap.PartyClientIP}</td>
+            <td>${uiLabelMap.CommonFromDate}</td>
+            <td>${uiLabelMap.CommonThruDate}</td>
           </tr>
-          <tr>
-            <td colspan="7"><hr class="sepbar"></td>
-          </tr>
           <#list visits as visitObj>
-          <#if (visitObj_index > 4)><#break></#if>
-          <tr>
-            <td><a href="<@ofbizUrl>visitdetail?visitId=${visitObj.visitId?if_exists}</@ofbizUrl>" class="buttontext">${visitObj.visitId?if_exists}</a></td>
-            <td><div class="tabletext">${visitObj.userLoginId?if_exists}</div></td>
-            <td><div class="tabletext">${visitObj.userCreated?if_exists}</div></td>
-            <td><div class="tabletext">${visitObj.webappName?if_exists}</div></td>
-            <td><div class="tabletext">${visitObj.clientIpAddress?if_exists}</div></td>
-            <td><div class="tabletext">${(visitObj.fromDate.toString())?if_exists}</div></td>
-            <td><div class="tabletext">${(visitObj.thruDate.toString())?if_exists}</div></td>
-          </tr>
+            <#if (visitObj_index > 4)><#break></#if>
+              <tr>
+                <td class="buttonCol">
+                  <a href="<@ofbizUrl>visitdetail?visitId=${visitObj.visitId?if_exists}</@ofbizUrl>">${visitObj.visitId?if_exists}</a>
+                </td>
+                <td>${visitObj.userLoginId?if_exists}</td>
+                <td>${visitObj.userCreated?if_exists}</td>
+                <td>${visitObj.webappName?if_exists}</td>
+                <td>${visitObj.clientIpAddress?if_exists}</td>
+                <td>${(visitObj.fromDate.toString())?if_exists}</td>
+                <td>${(visitObj.thruDate.toString())?if_exists}</td>
+              </tr>
           </#list>
         </table>
-        <#else>
-          <div class="tabletext">${uiLabelMap.PartyNoVisitFound}</div>
-        </#if>
+      <#else>
+        ${uiLabelMap.PartyNoVisitFound}
+      </#if>
     </div>
-</div>
+  </div>
 
 <#-- Current Cart -->
-<#if isCustomer?exists>
-<div class="screenlet">
-    <div class="screenlet-header">
-        <div class="boxlink">
+  <#if isCustomer?exists>
+    <div id="partyShoppingCart" class="screenlet">
+      <div class="screenletTitleBar">
+        <ul>
+          <li class="title">${uiLabelMap.PartyCurrentShoppingCart}</li>
           <#if security.hasEntityPermission("PARTYMGR", "_UPDATE", session)>
-              <#if savedCartListId?has_content>
-                <#assign listParam = "&shoppingListId=" + savedCartListId>
-              <#else>
-                <#assign listParam = "">
-              </#if>
-              <a href="<@ofbizUrl>editShoppingList?partyId=${partyId}${listParam}</@ofbizUrl>" class="submenutextright">${uiLabelMap.CommonEdit}</a>
+            <#if savedCartListId?has_content>
+              <#assign listParam = "&shoppingListId=" + savedCartListId>
+            <#else>
+              <#assign listParam = "">
+            </#if>
+            <li><a href="<@ofbizUrl>editShoppingList?partyId=${partyId}${listParam}</@ofbizUrl>">${uiLabelMap.CommonEdit}</a></li>
           </#if>
-        </div>
-        <div class="boxhead">&nbsp;${uiLabelMap.PartyCurrentShoppingCart}</div>
-    </div>
-    <div class="screenlet-body">
+        </ul>
+      <br class="clear" />
+      </div>
+      <div class="screenlet-body">
         <#if savedCartItems?has_content>
-          <table width="100%" border="0" cellpadding="2" cellspacing="0">
-            <tr>
-              <td><div class="tableheadtext">${uiLabelMap.PartySequenceId}</div></td>
-              <td><div class="tableheadtext">${uiLabelMap.PartyProductId}</div></td>
-              <td><div class="tableheadtext">${uiLabelMap.PartyQuantity}</div></td>
-              <td><div class="tableheadtext">${uiLabelMap.PartyQuantityPurchased}</div></td>
-              <td>&nbsp;</td>
-              <td>&nbsp;</td>
+          <table class="basicTable" cellspacing="0">
+            <tr class="headerRow">
+              <td>${uiLabelMap.PartySequenceId}</td>
+              <td>${uiLabelMap.PartyProductId}</td>
+              <td>${uiLabelMap.PartyQuantity}</td>
+              <td>${uiLabelMap.PartyQuantityPurchased}</td>
             </tr>
-            <tr>
-              <td colspan="7"><hr class="sepbar"></td>
-            </tr>
             <#list savedCartItems as savedCartItem>
               <tr>
-                <td><div class="tabletext">${savedCartItem.shoppingListItemSeqId?if_exists}</div></td>
-                <td><a href="/catalog/control/EditProduct?productId=${savedCartItem.productId}&externalLoginKey=${requestAttributes.externalLoginKey}" class="buttontext">${savedCartItem.productId?if_exists}</a</td>
-                <td><div class="tabletext">${savedCartItem.quantity?if_exists}</div></td>
-                <td><div class="tabletext">${savedCartItem.quantityPurchased?if_exists}</div></td>
+                <td>${savedCartItem.shoppingListItemSeqId?if_exists}</td>
+                <td class="buttonCol"><a href="/catalog/control/EditProduct?productId=${savedCartItem.productId}&externalLoginKey=${requestAttributes.externalLoginKey}">${savedCartItem.productId?if_exists}</a></td>
+                <td>${savedCartItem.quantity?if_exists}</td>
+                <td>${savedCartItem.quantityPurchased?if_exists}</td>
               </tr>
             </#list>
           </table>
         <#else>
-          <div class="tabletext">${uiLabelMap.PartyNoShoppingCartSavedForParty}</div>
+          ${uiLabelMap.PartyNoShoppingCartSavedForParty}
         </#if>
+      </div>
     </div>
-</div>
-</#if>
+  </#if>
 
 <#-- Party Content -->
-<div class="screenlet">
-    <div class="screenlet-header">
-        <div class="boxhead">&nbsp;${uiLabelMap.PartyContent}</div>
+  <div id="partyContent" class="screenlet">
+    <div class="screenletTitleBar">
+      <div>${uiLabelMap.PartyContent}</div>
     </div>
     <div class="screenlet-body">
-        <table width="100%" border="0" cellpadding="1">
-          <#if partyContent?has_content>
-            <#list partyContent as pContent>
-              <#assign content = pContent.getRelatedOne("Content")>
-              <#assign contentType = content.getRelatedOneCache("ContentType")>
-              <#assign mimeType = content.getRelatedOneCache("MimeType")?if_exists>
-              <#assign status = content.getRelatedOneCache("StatusItem")>
-              <#assign pcPurpose = pContent.getRelatedOne("Enumeration")>
-              <tr>
-                <td><a href="<@ofbizUrl>EditPartyContents?contentId=${pContent.contentId}&partyId=${pContent.partyId}</@ofbizUrl>" class="buttontext">${content.contentId}</a>
-                <td><div class="tabletext">${pcPurpose.description?if_exists}</div></td>
-                <td><div class="tabletext">${content.contentName?if_exists}</div></td>
-                <td><div class="tabletext">${(contentType.get("description",locale))?if_exists}</div></td>
-                <td><div class="tabletext">${(mimeType.description)?if_exists}</div></td>
-                <td><div class="tabletext">${(status.get("description",locale))?if_exists}</div></td>
-                <#-- <td><div class="tabletext">${contentRole.fromDate?if_exists}</div></td> -->
-                <td align="right">
-                  <a href="<@ofbizUrl>img/${content.contentName}?imgId=${content.dataResourceId}</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonView}</a>
-                  <a href="<@ofbizUrl>removePartyContent/viewprofile?contentId=${pContent.contentId}&partyId=${pContent.partyId}</@ofbizUrl>" class="buttontext">${uiLabelMap.CommonRemove}</a>
-                </td>
-              </tr>
-            </#list>
-          <#else>
-            <div class="tabletext">${uiLabelMap.PartyNoContent}</div>
-          </#if>
+      <#if partyContent?has_content>
+        <table class="basicTable" cellspacing="0">
+          <#list partyContent as pContent>
+            <#assign content = pContent.getRelatedOne("Content")>
+            <#assign contentType = content.getRelatedOneCache("ContentType")>
+            <#assign mimeType = content.getRelatedOneCache("MimeType")?if_exists>
+            <#assign status = content.getRelatedOneCache("StatusItem")>
+            <#assign pcPurpose = pContent.getRelatedOne("Enumeration")>
+            <tr>
+              <td class="buttonCol"><a href="<@ofbizUrl>EditPartyContents?contentId=${pContent.contentId}&partyId=${pContent.partyId}</@ofbizUrl>">${content.contentId}</a></td>
+              <td>${pcPurpose.description?if_exists}</td>
+              <td>${content.contentName?if_exists}</td>
+              <td>${(contentType.get("description",locale))?if_exists}</td>
+              <td>${(mimeType.description)?if_exists}</td>
+              <td>${(status.get("description",locale))?if_exists}</td>
+              <#-- <td>${contentRole.fromDate?if_exists}</td> -->
+              <td class="buttonCol alignFloat">
+                <a href="<@ofbizUrl>img/${content.contentName}?imgId=${content.dataResourceId}</@ofbizUrl>">${uiLabelMap.CommonView}</a>
+                <a href="<@ofbizUrl>removePartyContent/viewprofile?contentId=${pContent.contentId}&partyId=${pContent.partyId}</@ofbizUrl>">${uiLabelMap.CommonRemove}</a>
+              </td>
+            </tr>
+          </#list>
         </table>
-        <div>&nbsp;</div>
-        <hr class="sepbar"/>
-        <div align="left" class="head3"><b><u>${uiLabelMap.PartyAttachContent}</u></b>
-          <div>&nbsp;</div>
-          <form method="post" enctype="multipart/form-data" action="<@ofbizUrl>uploadPartyContent</@ofbizUrl>" style="margin: 0;">
-            <input type="hidden" name="dataCategoryId" value="PERSONAL"/>
-            <input type="hidden" name="contentTypeId" value="DOCUMENT"/>
-            <input type="hidden" name="statusId" value="CTNT_PUBLISHED"/>
-            <input type="hidden" name="partyId" value="${partyId}"/>
-            <input type="file" name="uploadedFile" size="20" class="inputBox"/>
-            <select name="contentPurposeEnumId" class="selectBox">
-                <option value="">Select Purpose</option>
-                <#list contentPurposes as contentPurpose>
-                    <option value="${contentPurpose.enumId}">${contentPurpose.description?default(contentPurpose.enumId)}</option>                  
-                </#list>
-            </select>
-            <select name="roleTypeId" class="selectBox">
-                <option value="">Select Role</option>
-                <#list roles as role>
-                    <option value="${role.roleTypeId}">${role.description?default(role.roleTypeId)}</option>
-                </#list>
-            </select>
-            <input type="submit" value="${uiLabelMap.CommonUpload}" class="smallSubmit"/>
-          </form>
-        </div>
+      <#else>
+        ${uiLabelMap.PartyNoContent}
+      </#if>
+      <hr class="sepbar"/>
+      <div class="label">${uiLabelMap.PartyAttachContent}</div>
+      <form method="post" enctype="multipart/form-data" action="<@ofbizUrl>uploadPartyContent</@ofbizUrl>">
+        <input type="hidden" name="dataCategoryId" value="PERSONAL"/>
+        <input type="hidden" name="contentTypeId" value="DOCUMENT"/>
+        <input type="hidden" name="statusId" value="CTNT_PUBLISHED"/>
+        <input type="hidden" name="partyId" value="${partyId}"/>
+        <input type="file" name="uploadedFile" size="20" class="inputBox"/>
+        <select name="contentPurposeEnumId">
+          <#-- TODO: Convert hard-coded text to UI label properties -->
+          <option value="">Select Purpose</option>
+          <#list contentPurposes as contentPurpose>
+            <option value="${contentPurpose.enumId}">${contentPurpose.description?default(contentPurpose.enumId)}</option>          
+          </#list>
+        </select>
+        <select name="roleTypeId" class="selectBox">
+          <#-- TODO: Convert hard-coded text to UI label properties -->
+          <option value="">Select Role</option>
+          <#list roles as role>
+            <option value="${role.roleTypeId}">${role.description?default(role.roleTypeId)}</option>
+          </#list>
+        </select>
+        <input type="submit" value="${uiLabelMap.CommonUpload}"/>
+      </form>
     </div>
-</div>
+  </div>
 
 <#-- Party Notes -->
-<div class="screenlet">
-    <div class="screenlet-header">
-        <div class="boxlink">
-          <#if security.hasEntityPermission("PARTYMGR", "_NOTE", session)>
-            <a href="<@ofbizUrl>AddPartyNote?partyId=${partyId}</@ofbizUrl>" class="submenutextright">${uiLabelMap.CommonCreateNew}</a>
-          </#if>
-        </div>
-        <div class="boxhead">&nbsp;${uiLabelMap.CommonNotes}</div>
+  <div id="partyNotes" class="screenlet">
+    <div class="screenletTitleBar">
+      <ul>
+        <li class="title">${uiLabelMap.CommonNotes}</li>
+        <#if security.hasEntityPermission("PARTYMGR", "_NOTE", session)>
+          <li><a href="<@ofbizUrl>AddPartyNote?partyId=${partyId}</@ofbizUrl>">${uiLabelMap.CommonCreateNew}</a></li>
+        </#if>
+      </ul>
+      <br class="clear" />
     </div>
     <div class="screenlet-body">
-        <#if notes?has_content>
+      <#if notes?has_content>
         <table width="100%" border="0" cellpadding="1">
           <#list notes as noteRef>
             <tr>
-              <td align="left" valign="top" width="35%">
-                <div class="tabletext">&nbsp;<b>${uiLabelMap.CommonBy}: </b>${Static["org.ofbiz.party.party.PartyHelper"].getPartyName(delegator, noteRef.noteParty, true)}</div>
-                <div class="tabletext">&nbsp;<b>${uiLabelMap.CommonAt}: </b>${noteRef.noteDateTime.toString()}</div>
+              <td>
+                <div><b>${uiLabelMap.CommonBy}: </b>${Static["org.ofbiz.party.party.PartyHelper"].getPartyName(delegator, noteRef.noteParty, true)}</div>
+                <div><b>${uiLabelMap.CommonAt}: </b>${noteRef.noteDateTime.toString()}</div>
               </td>
-              <td align="left" valign="top" width="65%">
-                <div class="tabletext">${noteRef.noteInfo}</div>
+              <td>
+                ${noteRef.noteInfo}
               </td>
             </tr>
             <#if noteRef_has_next>
@@ -693,12 +658,13 @@
             </#if>
           </#list>
         </table>
-        <#else>
-          <div class="tabletext">${uiLabelMap.PartyNoNotesForParty}</div>
-        </#if>
+      <#else>
+        ${uiLabelMap.PartyNoNotesForParty}
+      </#if>
     </div>
-</div>
+  </div>
 
 <#else>
-    ${uiLabelMap.PartyNoPartyFoundWithPartyId}: ${partyId?if_exists}
+  ${uiLabelMap.PartyNoPartyFoundWithPartyId}: ${partyId?if_exists}
 </#if>
+<!-- end viewProfile.ftl -->
Index: applications/party/widget/partymgr/CommonScreens.xml
===================================================================
--- applications/party/widget/partymgr/CommonScreens.xml	(revision 504942)
+++ applications/party/widget/partymgr/CommonScreens.xml	(working copy)
@@ -64,60 +64,11 @@
                                 <section>
                                     <condition><not><if-empty field-name="partyId"/></not></condition>
                                     <widgets>
-                                        <include-menu location="component://party/widget/partymgr/PartyMenus.xml" name="ProfileTabBar"/>
-                                        
-                                        <container>
-                                            <link target="/accounting/control/FindBillingAccount?partyId=${partyId}" url-mode="inter-app" 
-                                                text="${uiLabelMap.AccountingBillingAccount}" style="buttontext"/>
-                                            <section>
-                                                <condition><if-has-permission permission="ORDERMGR" action="_VIEW"/></condition>
-                                                <widgets>
-                                                    <link target="/ordermgr/control/findorders?lookupFlag=Y&amp;hideFields=Y&amp;partyId=${partyId}&amp;externalLoginKey=${externalLoginKey}" url-mode="inter-app" 
-                                                        text="${uiLabelMap.OrderOrders}" style="buttontext"/>
-                                                    <link target="/ordermgr/control/FindRequest?lookupFlag=Y&amp;fromPartyId=${partyId}&amp;externaLoginKey=${externalLoginKey}" url-mode="inter-app" 
-                                                        text="${uiLabelMap.PartyPartyRequests}" style="buttontext"/>
-                                                </widgets>
-                                            </section>
-                                            <section>
-                                                <condition><if-has-permission permission="ORDERMGR" action="_CREATE"/></condition>
-                                                <widgets>
-                                                    <link target="/ordermgr/control/checkinits?partyId=${partyId}&amp;externaLoginKey=${externalLoginKey}" url-mode="inter-app" 
-                                                        text="${uiLabelMap.OrderNewOrder}" style="buttontext"/>
-                                                </widgets>
-                                            </section>
-                                            <section>
-                                                <condition><if-has-permission permission="ACCOUNTING" action="_VIEW"/></condition>
-                                                <widgets>
-                                                    <link target="/accounting/control/findPayments?lookupFlag=Y&amp;hideFields=Y&amp;partyIdTo=${partyId}&amp;externaLoginKey=${externalLoginKey}" url-mode="inter-app" 
-                                                        text="${uiLabelMap.AccountingPaymentsSent}" style="buttontext"/>
-                                                    <link target="/accounting/control/findPayments?lookupFlag=Y&amp;hideFields=Y&amp;partyIdFrom=${partyId}&amp;externaLoginKey=${externalLoginKey}" url-mode="inter-app" 
-                                                        text="${uiLabelMap.AccountingPaymentsReceived}" style="buttontext"/>
-                                                </widgets>
-                                            </section>
-                                        </container>
-                                        
-                                        <container>
-                                            <section>
-                                                <condition>
-                                                    <or>
-                                                        <not><if-empty field-name="lookupPerson"/></not>
-                                                        <not><if-empty field-name="lookupGroup"/></not>
-                                                    </or>
-                                                </condition>
-                                                <widgets>
-                                                    <label text="&amp;nbsp;&lt;br/&gt;"/>
-                                                    <label style="head1" text="${uiLabelMap.PartyTheProfileOf} ${lookupPerson.personalTitle} ${lookupPerson.firstName} ${lookupPerson.middleName} ${lookupPerson.lastName} ${lookupPerson.suffix} ${lookupGroup.groupName}"/>
-                                                </widgets>
-                                                <fail-widgets>
-                                                    <label style="head1" text="${uiLabelMap.PartyNewUser}"/>
-                                                </fail-widgets>
-                                            </section>
-                                            
-                                            <label style="head1" text="[${partyId}]"/>
-                                        </container>
+                                        <platform-specific>
+                                            <html><html-template location="component://party/webapp/partymgr/includes/partymenus.ftl"/></html>
+                                        </platform-specific>
                                     </widgets>
                                 </section>
-                                
                                 <decorator-section-include name="body"/>
                             </widgets>
                             <fail-widgets>
@@ -275,3 +226,11 @@
 </screens>
 
 
+
+
+
+
+
+
+
+
Index: applications/party/widget/partymgr/PartyScreens.xml
===================================================================
--- applications/party/widget/partymgr/PartyScreens.xml	(revision 504942)
+++ applications/party/widget/partymgr/PartyScreens.xml	(working copy)
@@ -533,18 +533,9 @@
                                 <if-has-permission permission="PARTYMGR" action="_CREATE"/>
                             </condition>
                             <widgets>
-                                <container style="screenlet">
-                                    <container style="screenlet-header">
-                                        <label style="boxhead" text="${uiLabelMap.PartyCreateNewParty}"/>
-                                    </container>
-                                    <container style="screenlet-body">
-                                        <container><link target="editpartygroup?create_new=Y" style="buttontextbig" text="[*] ${uiLabelMap.PartyCreateNewPartyGroup}"></link></container>
-                                        <container><link target="editperson?create_new=Y" style="buttontextbig" text="[*] ${uiLabelMap.PartyCreateNewPerson}"></link></container>
-                                        <container><link target="NewCustomer" style="buttontextbig" text="[*] ${uiLabelMap.PartyCreateNewCustomer}"></link></container>
-                                        <container><link target="NewProspect" style="buttontextbig" text="[*] ${uiLabelMap.PartyCreateNewProspect}"></link></container>
-                                        <container><link target="NewEmployee" style="buttontextbig" text="[*] ${uiLabelMap.PartyCreateNewEmployee}"></link></container>
-                                    </container>
-                                </container>
+                                <platform-specific>
+                                    <html><html-template location="component://party/webapp/partymgr/party/createparty.ftl"/></html>
+                                </platform-specific>
                             </widgets>
                             <fail-widgets>
                                 <label style="head3">${uiLabelMap.PartyMgrCreatePermissionError}</label>
Index: framework/images/webapp/images/maincss.css
===================================================================
--- framework/images/webapp/images/maincss.css	(revision 504942)
+++ framework/images/webapp/images/maincss.css	(working copy)
@@ -21,54 +21,60 @@
 /* See the "ecommain.css" file for ecommerce. */
 
 /* ===== General Styles ===== */
+a, a:visited {
+color: #000099;
+text-decoration: none;
+}
+
+a:hover {
+text-decoration: underline;
+}
+
 BODY {
-font-size: 10px;
+font-size: 62.5%;
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background: #D4D0C8;
-margin-top: 0px;
-margin-right: 0px;
-margin-bottom: 0px;
-margin-left: 0px;
+margin: 0;
 }
 
 FORM {
-margin: 0px;
+margin: 0;
 }
 
-INPUT {
+INPUT, .inputBox {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background: #FFFFFF;
-font-size: 8pt;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
+font-size: 1.1em;
+background: #ffffff;
+border: #999999 solid 0.1em;
+margin: 0.2em;
 }
 
 /* The "smallSubmit" class can be used to decorate links (A elements) and make them similar to form's buttons. */
 INPUT[type="submit"], .smallSubmit {
 font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 8pt;
+font-size: 1.1em;
 font-weight: bold;
 text-decoration: none;
 color: #000099;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
+background: #ffffff;
+border: #999999 solid 0.1em;
+margin: 0.2em;
 }
 
 INPUT[type="submit"]:hover, .smallSubmit:hover {
-color: red;
+color: #ff0000;
 text-decoration: underline;
 }
 
-SELECT {
+SELECT, .selectBox {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background: #FFFFFF;
-font-size: 8pt;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
+font-size: 1.1em;
+background: #ffffff;
+border: #999999 solid 0.1em;
+margin: 0.2em;
 }
 
 UL {
@@ -77,22 +83,22 @@
 }
 
 H1 {
-margin: 0px;
-font-size: 12pt;
+margin: 0;
+font-size: 1.6em;
 font-weight: bold;
 color: #000099;
 }
 
 H2 {
-margin: 0px;
-font-size: 10pt;
+margin: 0;
+font-size: 1.2em;
 font-weight: bold;
 color: #000000;
 }
 
 H3 {
-margin: 0px;
-font-size: 8pt;
+margin: 0;
+font-size: 1.1em;
 font-weight: bold;
 color: #000000;
 }
@@ -102,42 +108,42 @@
 }
 
 TH, .tableheadtext {
-font-size: 10px;
+font-size: 1em;
 font-weight: bold;
 text-decoration: none;
-color: black;
+color: #000000;
 }
 
 .endcolumns {
 clear: both;
-height: 0px;
+height: 0;
 visibility: hidden;
 }
 
 
 .head1 {
-margin: 0px;
-font-size: 12pt;
+margin: 0;
+font-size: 1.6em;
 font-weight: bold;
 color: #000099;
 }
 
 .head2 {
-margin: 0px;
-font-size: 10pt;
+margin: 0;
+font-size: 1.2em;
 font-weight: bold;
 color: #000000;
 }
 
 .head3 {
-margin: 0px;
-font-size: 8pt;
+margin: 0;
+font-size: 1.1em;
 font-weight: bold;
 color: #000000;
 }
 
 .info {
-margin: 0px;
+margin: 0;
 font-style: normal;
 color: #000000;
 }
@@ -145,11 +151,11 @@
 DIV.graybox {
 font-weight: bold;
 background: #CCCCCC;
-border: 1px solid #000000;
+border: 0.1em solid #000000;
 text-align: center;
-margin: 2px auto;
+margin: 0.2em auto;
 width: auto;
-padding: 4px;
+padding: 0.4em;
 }
 
 DIV.tabletexthidden {
@@ -179,7 +185,7 @@
 }
 
 .contenttext {
-font-size: 8pt;
+font-size: 1.1em;
 }
 
 .headerboxoutside {
@@ -189,10 +195,10 @@
 
 .headerboxtop {
 background: #FFFFFF;
-padding: 4px;
+padding: 0.4em;
 border-color: #FFFFFF;
 border-style: solid;
-border-width: 1px 1px 0px 1px;
+border-width: 0.1em 0.1em 0 0.1em;
 }
 
 .headerboxbottom {
@@ -200,12 +206,12 @@
 padding: 0;
 border-color: #FFFFFF;
 border-style: solid;
-border-width: 0px 1px 1px 1px;
+border-width: 0 0.1em 0.1em 0.1em;
 }
 
 .boxhead {
-margin: 0px;
-font-size: 8pt;
+margin: 0;
+font-size: 1.1em;
 font-weight: bold;
 text-decoration: none;
 color: #FFFFFF;
@@ -216,96 +222,106 @@
 }
 
 DIV.boxtop {
-margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
-padding: 0; text-align: center;
+margin: 0 auto 0 auto;
+padding: 0;
+text-align: center;
 background: #000099;
-padding-top: 1px;
-padding-bottom: 1px;
-padding-right: 4px;
-padding-left: 4px;
+padding: 0.1em 0.4em 0.1em 0.4em;
 border-color: #999999;
 border-style: solid;
-border-width: 0px 0px 0px 0px;
+border: 0;
 }
 
 DIV.boxhead-left {
-border: none; float: left; margin: 0; padding: 0; width: auto;
-font-size: 8pt;
+border: none;
+float: left;
+margin: 0;
+padding: 0;
+width: auto;
+font-size: 1.1em;
 font-weight: bold;
 text-decoration: none;
 color: #FFFFFF;
 }
 
 DIV.boxhead-fill {
-margin: 0; padding: 0; border: none; text-align: center; width: 0;
-font-size: 8pt;
+margin: 0;
+padding: 0;
+border: none;
+text-align: center;
+width: 0;
+font-size: 1.1em;
 font-weight: bold;
 text-decoration: none;
 color: #FFFFFF;
 }
 
 DIV.boxhead-right {
-border: none; float: right; margin: 0; padding: 0; width: auto;
-font-size: 8pt;
+border: none;
+float: right;
+margin: 0;
+padding: 0;
+width: auto;
+font-size: 1.1em;
 font-weight: bold;
 text-decoration: none;
 color: #FFFFFF;
 }
 
 A.boxheadbutton {
-margin: 0px;
-font-size: 8pt;
+margin: 0;
+font-size: 1.1em;
 font-weight: bold;
 text-decoration: none;
 color: #FFFFFF;
 }
 
 A.boxheadbutton:hover {
-margin: 0px;
-font-size: 8pt;
+margin: 0;
+font-size: 1.1em;
 font-weight: bold;
 text-decoration: none;
-color: red;
+color: #ff0000;
 }
 
 .boxoutside {
 background: #FFFFFF;
-padding: 0px;
+padding: 0;
 border-color: #999999;
 border-style: solid;
-border-width: 1px 1px 1px 1px;
+border-width: 0.1em;
 }
 
 .boxtop {
 background: #000099;
-padding-top: 1px;
-padding-bottom: 1px;
-padding-right: 4px;
-padding-left: 4px;
+padding: 0.1em 0.4em 0.1em 0.4em;
 border-color: #999999;
 border-style: solid;
-border-width: 0px 0px 0px 0px;
+border-width: 0;
 }
 
 .boxbottom {
 background: #FFFFFF;
-padding: 4px;
+padding: 0.4em;
 border-color: #999999;
 border-style: solid;
-border-width: 0px 0px 0px 0px;
+border-width: 0;
 }
 
 .button {
-border-style: outset; border-color: #9999CC; border-width: 2px;
+border-style: outset;
+border-color: #9999CC;
+border-width: 0.2em;
 background: #dddddd;
-padding-right: 5px; padding-left: 5px;
+padding-right: 0.5em;
+padding-left: 0.5em;
 }
 
 /* ===== Tab/Button Bar Styles ===== */
 .tabContainer {
 background: #FFFFFF;
-padding-top: 4px;
-margin-bottom: 10px;
+padding-top: 0.4em;
+margin-bottom: 1em;
 }
 
 A.tabButton {
@@ -313,19 +329,16 @@
 text-decoration: none;
 color: #000099;
 background: #D4D0C8;
-padding-right: 5px;
-padding-left: 5px;
-padding-top: 1px;
-padding-bottom: 1px;
+padding: 0.1em 0.5em 0.1em 0.5em;
 white-space: nowrap;
-border: solid #000099 1px;
-line-height: 20px;
+border: solid #000099 0.1em;
+line-height: 2em;
 }
 
 A.tabButton:hover {
 color: #FFFFFF;
 background: #000099;
-border: solid #000099 1px;
+border: solid #000099 0.1em;
 }
 
 A.tabButtonSelected {
@@ -333,36 +346,33 @@
 text-decoration: none;
 color: #FFFFFF;
 background: #000099;
-padding-right: 5px;
-padding-left: 5px;
-padding-top: 1px;
-padding-bottom: 1px;
+padding: 0.1em 0.5em 0.1em 0.5em;
 white-space: nowrap;
-border: solid #000099 1px;
+border: solid #000099 0.1em;
 }
 
 A.tabButtonSelected:hover {
 color: #FFFFFF;
-border: solid #000099 1px;
+border: solid #000099 0.1em;
 }
 
 A.tableheadbutton {
 font-weight: bold;
 text-decoration: none;
-color: black;
+color: #000000;
 }
 
 A.tableheadbutton:hover {
 font-weight: bold;
 text-decoration: underline;
-color: red;
+color: #ff0000;
 }
 
 .browsecategorytext {
 font-weight: bold;
 text-decoration: none;
 color: #000099;
-text-indent: -10px;
+text-indent: -1em;
 }
 
 A.browsecategorybutton {
@@ -385,11 +395,11 @@
 A.buttontext, .buttontextdisabled {
 font-weight: bold;
 text-decoration: none;
-background: white;
-border: #999999 solid 1px;
-margin: 2px 2px 2px 2px;
-padding: 1px 4px 1px 4px;
-line-height: 18px;
+background: #ffffff;
+border: #999999 solid 0.1em;
+margin: 0.2em 0.2em 0.2em 0.2em;
+padding: 0.1em 0.4em 0.1em 0.4em;
+white-space: nowrap;
 }
 
 A.buttontext {
@@ -397,7 +407,7 @@
 }
 
 A.buttontext:hover {
-color: red;
+color: #ff0000;
 text-decoration: underline;
 }
 
@@ -408,7 +418,7 @@
 }
 
 A.linktext:hover {
-color: red;
+color: #ff0000;
 text-decoration: underline;
 }
 
@@ -424,101 +434,107 @@
 
 
 A.headerbuttontext:hover {
-color: black;
+color: #000000;
 text-decoration: underline;
 }
 
 .submenutextinfo {
+font-size: 0.9em;
 font-weight: bold;
 text-decoration: none;
-color: white;
-padding-left: 5px;
-padding-right: 5px;
-border-right: 1px solid #5886C6
+color: #ffffff;
+padding-left: 0.5em;
+padding-right: 0.5em;
+border-right: 0.1em solid #5886C6
 }
 
 .submenutext, A.submenutext, A.submenutext:visited {
+font-size: 0.9em;
 font-weight: bold;
 text-decoration: none;
-color: yellow;
-padding-left: 2px;
-padding-right: 5px;
-border-right: 1px solid #5886C6
+color: #ffff00;
+padding-left: 0.2em;
+padding-right: 0.5em;
+border-right: 0.1em solid #5886C6
 }
 
 A.submenutext:hover {
-color: yellow;
+color: #ffff00;
 text-decoration: underline;
 }
 
 .submenutextdisabled, A.submenutextdisabled {
+font-size: 0.9em;
 font-weight: bold;
 text-decoration: none;
 color: #CCCCCC;
-padding-left: 2px;
-padding-right: 5px;
-border-right: 1px solid #5886C6
+padding-left: 0.2em;
+padding-right: 0.5em;
+border-right: 0.1em solid #5886C6
 }
 
 A.submenutextdisabled:hover {
 font-weight: bold;
 text-decoration: underline;
-color: yellow;
+color: #ffff00;
 }
 
 .submenutextinforight {
+font-size: 0.9em;
 font-weight: bold;
 text-decoration: none;
-color: white;
-padding-left: 2px;
+color: #ffffff;
+padding-left: 0.2em;
 }
 
 .submenutextright, A.submenutextright {
+font-size: 0.9em;
 font-weight: bold;
 text-decoration: none;
-color: yellow;
-padding-left: 2px;
+color: #ffff00;
+padding-left: 0.2em;
 }
 
 A.submenutextright:hover {
-color: yellow;
+color: #ffff00;
 text-decoration: underline;
 }
 
 .submenutextrightdisabled, A.submenutextrightdisabled {
+font-size: 0.9em;
 font-weight: bold;
 text-decoration: none;
 color: #CCCCCC;
-padding-left: 2px;
+padding-left: 0.2em;
 }
 
 A.submenutextrightdisabled:hover {
 text-decoration: underline;
-color: yellow;
+color: #ffff00;
 }
 
 A.lightbuttontext {
 font-weight: bold;
 text-decoration: none;
-color: yellow;
+color: #ffff00;
 border: none;
 }
 
 A.lightbuttontext:hover {
-color: yellow;
+color: #ffff00;
 text-decoration: underline;
 }
 
 A.lightbuttontextsmall {
-font-size: 8px;
+font-size: 0.8em;
 font-weight: bold;
 text-decoration: none;
-color: yellow;
+color: #ffff00;
 border: none;
 }
 
 A.lightbuttontextsmall:hover {
-color: yellow;
+color: #ffff00;
 text-decoration: underline;
 }
 
@@ -529,13 +545,13 @@
 }
 
 A.buttontextbig, .buttontextbigdisabled {
-font-size: 15px;
+font-size: 1.5em;
 font-weight: bold;
 text-decoration: none;
-background: white;
-border: #999999 solid 1px;
-margin: 2px 2px 2px 2px;
-padding: 1px 4px 1px 4px;
+background: #ffffff;
+border: #999999 solid 0.1em;
+margin: 0.2em;
+padding: 0.1em 0.4em 0.1em 0.4em;
 }
 A.buttontextbig {
 color: #000099;
@@ -544,13 +560,13 @@
 color: #CCCCCC;
 }
 A.buttontextbig:hover {
-color: red;
+color: #ff0000;
 text-decoration: underline;
 }
 
 A IMG.imageborder {
 border-style: solid;
-border-width: 1px;
+border-width: 0.1em;
 border-color: #999999;
 }
 
@@ -559,14 +575,14 @@
 text-decoration: none;
 color: #000099;
 background: #B4B0AA;
-border-right: solid white 1px;
-padding-right: 10px;
-padding-left: 10px;
+border-right: solid #ffffff 0.1em;
+padding-right: 1em;
+padding-left: 1em;
 }
 
 .headerButtonLeft:hover {
 background: #D4D0C8;
-color: black;
+color: #000000;
 text-decoration: underline;
 }
 
@@ -575,9 +591,9 @@
 text-decoration: none;
 color: #000099;
 background: #D4D0C8;
-border-right: solid white 1px;
-padding-right: 10px;
-padding-left: 10px;
+border-right: solid #ffffff 0.1em;
+padding-right: 1em;
+padding-left: 1em;
 }
 
 .headerButtonRight {
@@ -585,15 +601,15 @@
 text-decoration: none;
 color: #000099;
 background: #B4B0AA;
-border-left: solid white 1px;
-padding-right: 10px;
-padding-left: 10px;
+border-left: solid #ffffff 0.1em;
+padding-right: 1em;
+padding-left: 1em;
 text-align: right;
 }
 
 .headerButtonRight:hover {
 background: #D4D0C8;
-color: black;
+color: #000000;
 text-decoration: underline;
 }
 
@@ -602,15 +618,15 @@
 text-decoration: none;
 color: #000099;
 background: #D4D0C8;
-border-left: solid white 1px;
-padding-right: 10px;
-padding-left: 10px;
+border-left: solid #ffffff 0.1em;
+padding-right: 1em;
+padding-left: 1em;
 }
 
 .headerCenter {
 background: #B4B0AA;
-padding-right: 10px;
-padding-left: 10px;
+padding-right: 1em;
+padding-left: 1em;
 font-weight: bold;
 text-decoration: none;
 color: #000000;
@@ -621,44 +637,44 @@
 text-decoration: none;
 color: #000099;
 background: #D4D0C8;
-padding-right: 10px;
-padding-left: 10px;
+padding-right: 1em;
+padding-left: 1em;
 }
 
 A.headerCenter:hover {
 background: #D4D0C8;
-color: black;
+color: #000000;
 text-decoration: underline;
 }
 
 .headerCenterSelected {
 background: #D4D0C8;
-padding-right: 10px;
-padding-left: 10px;
-font-size: 8pt;
+padding-right: 1em;
+padding-left: 1em;
+font-size: 1.1em;
 font-weight: bold;
 text-decoration: none;
 color: #000000;
 }
 
 .headerCompanyName {
-margin: 0px;
-font-size: 12pt;
+margin: 0;
+font-size: 1.6em;
 font-weight: bold;
 color: #000099;
 white-space: nowrap;
 }
 
 .headerCompanySubtitle {
-margin: 0px;
-font-size: xx-small;
+margin: 0;
+font-size: 0.8em;
 color: #330099;
 white-space: nowrap;
 }
 
 .insideHeaderText {
 font-weight: bold;
-color: black;
+color: #000000;
 }
 
 A.insideHeaderLink {
@@ -668,7 +684,7 @@
 }
 
 A.insideHeaderLink:hover {
-color: black;
+color: #000000;
 text-decoration: underline;
 }
 
@@ -679,91 +695,87 @@
 }
 
 .headersmalltext {
-font-size: 8pt;
+font-size: 1.1em;
 font-weight: bold;
-color: black;
+color: #000000;
 }
 a.headersmalllink {
-font-size: 8pt;
+font-size: 1.1em;
 font-weight: bold;
 color: #000099;
 text-decoration: none;
 }
 a.headersmalllink:hover {
-color: red;
+color: #ff0000;
 }
 
 HR.sepbar {
-font-size: xx-small;
 width: 100%;
-height: 1px;
+height: 0.1em;
 background: #999999;
-border-width: 0px;
+border: 0;
 }
 
 .errorMessage {
-margin: 0px;
-font-size: 8pt;
+margin: 0;
+font-size: 1.1em;
 font-weight: bold;
-color: red;
+color: #ff0000;
 }
 
 .eventMessage {
-margin: 0px;
-font-size: 8pt;
+margin: 0;
+font-size: 1.1em;
 font-weight: bold;
 color: #000099;
 }
 
 .ontab {
-font-size: 8pt;
-background: black;
-padding: 2px;
+font-size: 1.1em;
+background: #000000;
+padding: 0.2em;
 border-style: inset;
-border-width: 3px;
+border-width: 0.3em;
 }
 
 a.onlnk {
-font-size: 8pt;
+font-size: 1.1em;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;
-padding: 2px;
+padding: 0.2em;
 }
 
 .offtab {
 background: #CCCCCC;
-padding: 2px;
+padding: 0.2em;
 border-style: outset;
-border-width: 3px;
+border-width: 0.3em;
 }
 
 a.offlnk {
 font-weight: bold;
 color: #000099;
 text-decoration: none;
-padding: 2px;
+padding: 0.2em;
 }
 
 a.offlnk:hover {
-color: red;
+color: #ff0000;
 }
 
 .areaheader {
 font-weight: bold;
 color: #FFFFFF;
 width: 100%;
-background: black;
-padding: 2px;
+background: #000000;
+padding: 0.2em;
 }
 
 .edittable {
 border-color: #000000 #000000 #003333;
 border-style: solid;
-border-top-width: thin;
-border-right-width: thin;
-border-bottom-width: thin;
-border-left-width: thin
+border-width: thin;
 }
 
 .viewOneTR1 {
@@ -788,91 +800,74 @@
 
 .editInputBox {
 background: #FFFFFF;
-font-size: 8pt;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
+font-size: 1.1em;
+background: #ffffff;
+border: #999999 solid 0.1em;
+margin: 0.2em;
 }
 
-.inputBox {
-background: #FFFFFF;
-font-size: 8pt;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
-}
-
-.selectBox {
-background: #FFFFFF;
-font-size: 8pt;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
-}
-
 .textAreaBox {
-background: #FFFFFF;
-font-size: 8pt;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
+font-size: 1.1em;
+background: #ffffff;
+border: #999999 solid 0.1em;
+margin: 0.2em;
 }
 
 .radioButton {
 background: #FFFFFF;
-font-size: 8pt;
+font-size: 1.1em;
 }
 
 .checkBox {
 background: #FFFFFF;
-font-size: 8pt;
+font-size: 1.1em;
 }
 
 .mediumSubmit,.largeSubmit,.loginButton {
-font-size: 10pt;
+font-size: 1.4em;
 font-weight: bold;
 text-decoration: none;
 color: #000099;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
+background: #ffffff;
+border: #999999 solid 0.1em;
+margin: 0.2em;
 }
 
 .mediumSubmit:hover,.largeSubmit:hover,.loginButton:hover {
-color: red;
+color: #ff0000;
 text-decoration: underline;
 }
 
 .smallAltSubmit,.mediumAltSubmit,.largeAltSubmit {
-font-size: 8pt;
+font-size: 1.1em;
 }
 
 .basePrice {
-color: black;
+color: #000000;
 }
 
 .normalPrice {
-color: green;
+color: #008000;
 }
 
 .salePrice {
-color: red;
+color: #ff0000;
 }
 
 /* Form layout styles to simulate a table-style layout */
 .form-row {
 clear: both;
-padding-top: 2px;
+padding-top: 0.2em;
 }
 .form-label {
 float: left;
-width: 180px;
+width: 18em;
 text-align: right;
-padding-top: 5px;
+padding-top: 0.5em;
 }
 .form-field {
 float: left;
-margin-left: 10px;
+margin-left: 1em;
 text-align: left;
 }
 
@@ -882,34 +877,34 @@
 }
 
 .productsummary-container {
-margin-top: 5px;
-margin-bottom: 5px;
-border-top: #999 solid 1px;
+margin-top: 0.5em;
+margin-bottom: 0.5em;
+border-top: #999 solid 0.1em;
 }
 
 .productsummary {
 position: relative;
-padding: 5px;
-border-bottom: #999 solid 1px;
+padding: 0.5em;
+border-bottom: #999 solid 0.1em;
 /* using min-height as an alternative to clear: both; because that, in some browsers, will clear the top-level columns and not just in this div (Mozilla based, namely) */
-min-height: 60px;
+min-height: 6em;
 overflow: auto;
 }
 
 .productsummary .smallimage {
 float: left;
 /* position: absolute; top: 5px; left: 5px; */
-margin: 0px 5px 5px 0px;
+margin: 0 0.5em 0.5em 0;
 }
 .productsummary .smallimage img {
-border: #CCC solid 1px;
-height: 50px;
+border: #CCC solid 0.1em;
+height: 5em;
 }
 
 .productsummary .productbuy {
 float: right;
-width: 130px;
-margin: 5px;
+width: 13em;
+margin: 0.5em;
 text-align: right;
 }
 
@@ -920,34 +915,34 @@
 
 /* ===== Product Detail Styles ===== */
 #productdetail #long-description {
-margin-top: 10px;
-padding-top: 5px;
-border-top: #999 solid 1px;
+margin-top: 1em;
+padding-top: 0.5em;
+border-top: #999 solid 0.1em;
 }
 
 #productdetail #reviews {
-margin-top: 10px;
-padding-top: 5px;
-border-top: #999 solid 1px;
+margin-top: 1em;
+padding-top: 0.5em;
+border-top: #999 solid 0.1em;
 }
 
 #productdetail #associated-products {
-margin-top: 10px;
-padding-top: 5px;
-border-top: #999 solid 1px;
+margin-top: 1em;
+padding-top: 0.5em;
+border-top: #999 solid 0.1em;
 }
 
 .treeWrapper { 
-color:black; 
+color:#000000; 
 background:#ffffff; 
-font-size:12pt; 
+font-size: 1.6em; 
 font-weight:normal;
 text-align:left;
 text-decoration:none;
-margin-left:12px;
-margin-top:2px;
-border-top:1px solid black;
-border-left:1px solid black;
+margin-left: 1.2em;
+margin-top: 0.2em;
+border-top: 0.1em solid #000000;
+border-left: 0.1em solid #000000;
 }
 .lefthalf{
 left:0;
@@ -975,49 +970,50 @@
 /* ==== Styles For Form Widgets === */
 .formTableBordered {
 width: 100%;
-border: 1px solid #999999;
+border: 0.1em solid #999999;
 }
 
 /* ==== Styles For The Html Log === */
 .DEBUG {
 text-decoration: none;
-color: gray;
+color: #808080;
 }
 
 .WARN {
 text-decoration: none;
 font-weight: bold;
-color: blue;
+color: #0000ff;
 }
 
 .INFO{
 text-decoration: none;
-color:green;
+color: #008000;
 }
 
 .ERROR {
 text-decoration: none;
 font-weight: bold;
-color: red;
-border: 2px solid red;
+color: #ff0000;
+border: 0.2em solid #ff0000;
 }
 
 /* ==== Styles Copied From tabstyles.css === */
 
 .treewrapper {
-margin-left: 10px;
+margin-left: 1em;
 }
 
 .treeitem {
-color: blue;
+color: #0000ff;
+font-size: 1.4em;
 font-weight: bold;
-border: #888888 solid 1px;
+border: #888888 solid 0.1em;
 }
 
 DIV.centerarea {
-margin-left: 10px;
-margin-right: 10px;
-margin-top: 10px;
+margin-left: 1em;
+margin-right: 1em;
+margin-top: 1em;
 }
 
 .whitearea {
@@ -1040,7 +1036,7 @@
 .tabdowncenter {
 background-image: url(/images/tabs/tab_down_fill.gif);
 background-color: #B4B0AA;
-font-size: 15pt;
+font-size: 1.05em;
 text-align: center;
 vertical-align: middle;
 color: #000000;
@@ -1060,7 +1056,7 @@
 .tabupcenter {
 background-image: url(/images/tabs/tab_up_fill.gif);
 background-color: #D4D0C8;
-font-size: 15pt;
+font-size: 1.05em;
 text-align: center;
 vertical-align: middle;
 color: #000000;
@@ -1069,8 +1065,8 @@
 .tabupleft {
 background-image: url(/images/tabs/tab_up_left.gif);
 background-color: #D4D0C8;
-border-width: 0px;
-padding: 0px;
+border: 0;
+padding: 0;
 }
 
 .tabupright {
@@ -1079,7 +1075,7 @@
 }
 
 A.tablink,A.tablink:hover,A.tablinkselected,A.tablinkselected:hover {
-font-size: 8pt;
+font-size: 1.05em;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
@@ -1092,8 +1088,8 @@
 
 .apptitle {
 background-color: #000099;
-line-height: 2;
-font-size: 10pt;
+line-height: 2em;
+font-size: 1.3em;
 font-weight: bold;
 color: #FFFFFF;
 display: block;
@@ -1102,29 +1098,44 @@
 
 DIV.row {
 background-color: #B4B0AA;
-margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
-padding: 0; text-align: center;
+margin: 0 auto 0 auto;
+padding: 0;
+text-align: center;
 }
 
 DIV.col {
-border: none; float: left; margin: 0; padding: 0; width: auto;
+border: none;
+float: left;
+margin: 0;
+padding: 0;
+width: auto;
 }
 
 DIV.col-fill {
-font-weight: bold; text-decoration: none;
-background-color: #B4B0AA; color: #000099;
-margin: 0; padding: 0; border: none; text-align: center; width: 0;
+font-weight: bold;
+text-decoration: none;
+background-color: #B4B0AA;
+color: #000099;
+margin: 0;
+padding: 0;
+border: none;
+text-align: center;
+width: 0;
 }
 
 DIV.col-right {
-border: none; float: right; margin: 0; padding: 0; width: auto;
+border: none;
+float: right;
+margin: 0;
+padding: 0;
+width: auto;
 }
 
 DIV.contentarea {
 background-color: #FFFFFF;
-border: solid black 1px;
-margin-top: 10px;
-padding: 10px;
+border: solid #000000 0.1em;
+margin-top: 1em;
+padding: 1em;
 }
 
 DIV.endcolumns {
@@ -1133,7 +1144,7 @@
 
 DIV.simple-right-small {
 float: right;
-width: 20px;
+width: 2em;
 text-align: right;
 }
 
@@ -1145,23 +1156,20 @@
 
 DIV.screenlet {
 background-color: #FFFFFF;
-border: 1px solid #999999;
-margin-bottom: 10px;
+border: 0.1em solid #999999;
+margin-bottom: 1em;
 height:auto !important;
 height:1%
 }
 DIV.screenlet-header {
 background-color: #000099;
-padding-top: 1px;
-padding-bottom: 3px;
-padding-right: 4px;
-padding-left: 4px;
+padding: 0.1em 0.4em 0.3em 0.4em;
 height:auto !important;
 height:1%
 }
 DIV.screenlet-body {
 background-color: #FFFFFF;
-padding: 4px;
+padding: 0.4em;
 height:auto !important;
 height:1%
 }
@@ -1174,26 +1182,28 @@
 }
 
 #column-container .left {
-float: left; margin-right: 10px;
+float: left;
+margin-right: 1em;
 /* alt: position: absolute; top: 0px; left: 0px; */
-width: 220px;
+width: 22em;
 }
 #column-container .right {
-float: right; margin-left: 10px;
-width: 220px;
+float: right;
+margin-left: 1em;
+width: 22em;
 }
 
 #column-container .leftonly {
-margin-left: 230px;
+margin-left: 23em;
 width: auto;
 }
 #column-container .rightonly {
-margin-right: 230px;
+margin-right: 23em;
 width: auto;
 }
 #column-container .center {
-margin-left: 230px;
-margin-right: 230px;
+margin-left: 23em;
+margin-right: 23em;
 width: auto;
 }
 #column-container .nocolumns {
@@ -1202,13 +1212,471 @@
 
 DIV.column-left-wide {
 float: left;
-width: 300px;
+width: 30em;
 background-color: #CCCCCC;
-border: black solid 2px;
+border: #000000 solid 0.2em;
 overflow: auto;
 }
 
+/* ===== New Styles ===== */
 
+/* ================================ */
+/* ===== Used to clear floats ===== */
+/* ================================ */
 
+.clear {
+clear: both;
+height: 0;
+visibility: hidden;
+}
 
+/* =============================== */
+/* ===== Used for alert text ===== */
+/* =============================== */
 
+.alert {
+color: #ff0000;
+}
+
+/* ================================== */
+/* ===== Used to align elements ===== */
+/* ================================== */
+
+.alignFloat {
+float: right;
+}
+
+.alignText {
+/* Style for justification */
+text-align: right;
+}
+
+.alignTop {
+vertical-align: top;
+}
+
+.horizList {
+/* Style for simple horizontal list */
+display: inline; /* IE Fix */
+height: 1%; /* IE fix */
+}
+
+.horizList li {
+float: left;
+}
+
+/* ==================================== */
+/* ===== Masthead (Header) Styles ===== */
+/* ==================================== */
+
+.mastHead {
+background-color: #FFFFFF;
+color: #000000;
+font-weight: bold;
+padding: 0.5em;
+height: 1%; /* IE Fix */
+}
+
+.mastHead a {
+color: #000099;
+font-weight: bold;
+}
+
+.mastHead a:hover {
+color: #000000;
+}
+
+.mastHead .logoArea {
+float: left;
+}
+
+.mastHead .controlArea {
+text-align: right;
+}
+
+/* ========================================= */
+/* ===== Footer Styles ===================== */
+/* ========================================= */
+
+#footer {
+}
+
+/* ================================================== */
+/* ===== Main Navigation (App Menu) Styles ========== */
+/* ================================================== */
+
+#mainNavigation {
+background-color: #ffffff;
+border-bottom: 1px solid #D4D0C8; /* Mozilla fix */
+}
+
+#mainNavigation ul {
+list-style-type: none;
+margin: 0;
+padding: 0;
+height: 1%; /* IE fix */
+}
+
+#mainNavigation ul li {
+background-color: #B4B0AA;
+display: inline;
+float: left;
+margin: 0;
+padding: 0;
+}
+
+#mainNavigation ul a {
+color: #000000;
+display: block;
+font-size: 1.1em;
+font-weight: bold;
+padding: 0.2em 0.5em 0.2em 0.5em;
+text-align: center;
+text-decoration: none;
+}
+
+#mainNavigation ul .selected {
+/* selected tab */
+background-color: #D4D0C8;
+}
+
+#mainNavigation ul .selected a {
+background-color: #D4D0C8;
+color: #000099;
+}
+
+#mainNavigation ul a:hover {
+background-color: #D4D0C8;
+color: #000099;
+}
+
+#mainNavigation ul .selected a:hover {
+color: #000000;
+}
+
+/* ========================================================= */
+/* ===== Component Navigation (App Header) Styles ========== */
+/* ========================================================= */
+
+#appNavigation {
+background-color: #B4B0AA;
+}
+
+#appNavigation .title {
+background-color: #000099;
+color: #ffffff;
+font-size: 1.3em;
+font-weight: bold;
+padding: 0.4em;
+}
+
+#appNavigation ul {
+display: inline; /* IE Fix */
+list-style-type: none;
+margin: 0;
+padding: 0;
+}
+
+#appNavigation ul li {
+margin: 0;
+padding: 0;
+}
+
+#appNavigation ul a {
+background-color: #B4B0AA;
+color: #000099;
+display: block;
+font-size: 1em;
+font-weight: bold;
+padding: 0 1em 0 1em;
+text-decoration: none;
+}
+
+#appNavigation ul a:hover {
+background-color: #D4D0C8;
+color: #000000;
+}
+
+#appNavigation ul .selected, #appNavigation ul .selected a {
+background-color: #D4D0C8;
+}
+
+#appNavigation .mainTabs li {
+border-right: solid #ffffff 0.1em;
+float: left;
+}
+
+#appNavigation .loginTabs li {
+border-left: solid #ffffff 0.1em;
+float: right;
+}
+
+/* ================================================= */
+/* ===== Screenlet Title Bar/Navigation Styles ===== */
+/* ================================================= */
+
+.screenletTitleBar {
+background-color: #000099;
+color: #ffffff;
+height: 1%; /* IE fix */
+}
+
+.screenletTitleBar div {
+font-size: 1.1em;
+font-weight: bold;
+padding: 0.2em 0.5em 0.2em 0.5em;
+}
+
+.screenletTitleBar ul {
+display: inline; /* IE Fix */
+list-style-type: none;
+margin: 0;
+padding: 0;
+}
+
+.screenletTitleBar ul li {
+background-color: #000099;
+border-left: 0.1em solid #5886C6;
+float: right;
+font-size: 1em;
+font-weight: bold;
+margin: 0;
+padding: 0.2em 0.5em 0.2em 0.5em;
+color: #ffffff;
+}
+
+.screenletTitleBar ul .title {
+background-color: #000099;
+border-left: none;
+float:left;
+font-size: 1.1em;
+padding: 0.2em 0.5em 0.2em 0.5em;
+}
+
+.screenletTitleBar ul .disabled {
+color: #CCCCCC;
+}
+
+.screenletTitleBar ul a {
+color: #ffff00;
+display: block;
+margin: 0;
+padding: 0;
+text-decoration: none;
+}
+
+.screenletTitleBar ul a:hover {
+text-decoration: underline;
+}
+
+/* ======================================== */
+/* ===== Button Bar Navigation Styles ===== */
+/* ======================================== */
+
+.buttonBar {
+background-color: #ffffff;
+height: 1%; /* IE fix */
+margin-bottom: 1.0em;
+padding-top: 0.4em;
+}
+
+.buttonBar ul {
+display: inline; /* IE Fix */
+list-style-type: none;
+margin: 0;
+padding: 0;
+}
+
+.buttonBar ul li {
+float: left;
+font-size: 1em;
+font-weight: bold;
+margin: 0;
+padding: 0.1em 0.4em 0.1em 0.4em;
+}
+
+.buttonBar ul a {
+display: block;
+font-size: 1em;
+font-weight: bold;
+padding: 0.1em 0.5em 0.1em 0.5em;
+text-decoration: none;
+white-space: nowrap;
+}
+
+.buttonBar ul a:hover {
+background-color: #000099;
+color: #ffffff;
+}
+
+/* ===== Button style one decorator ===== */
+
+.buttonStyle1 ul li {
+background-color: #ffffff;
+color: #000099;
+}
+
+.buttonStyle1 ul a {
+background-color: #D4D0C8;
+border: solid #000099 0.1em;
+color: #000099;
+}
+
+.buttonStyle1 ul .selected, .buttonStyle1 ul .selected a {
+background-color: #000099;
+color: #ffffff;
+}
+
+.buttonStyle1 ul a:hover {
+background-color: #000099;
+color: #ffffff;
+}
+
+/* ===== Button style two decorator ===== */
+
+.buttonStyle2 ul li {
+background-color: #ffffff;
+color: #000099;
+}
+
+.buttonStyle2 ul #selected, .buttonStyle2 ul .selected a {
+background-color: #000099;
+color: #ffffff;
+}
+
+.buttonStyle2 ul a {
+background-color: #ffffff;
+border: solid #000099 0.1em;
+color: #000099;
+}
+
+.buttonStyle2 ul a:hover {
+background-color: #000099;
+color: #ffffff;
+}
+
+/* ===== Button bar decorator ===== */
+
+.toolBar {
+background-color: #D4D0C8;
+border: 0.1em solid #000099;
+padding: 0.2em;
+}
+
+.toolBar ul li {
+background-color: #D4D0C8;
+padding: 0.1em;
+}
+
+/* ======================== */
+/* ===== Table Styles ===== */
+/* ======================== */
+
+.basicTable {
+width: 100%;
+}
+
+.basicTable, .basicTable .headerRow:hover {
+background-color: #ffffff;
+color: #000000;
+}
+
+.basicTable tr {
+/* Style for all rows */
+}
+
+.basicTable tr td {
+/* Style for all cells */
+padding: 0.1em;
+}
+
+.basicTable tr .label, .label {
+/* field labels for forms */
+font-weight: bold;
+text-align: right;
+padding-right: 1.5em;
+white-space: nowrap;
+width: 1%;
+}
+
+.basicTable tr td a {
+color: #000099;
+font-weight: bold;
+text-decoration: none;
+}
+
+.basicTable tr td a:hover {
+color: #000099;
+text-decoration: underline;
+}
+
+.basicTable tr th, .basicTable .headerRow {
+font-weight: bold;
+text-align: left;
+}
+
+.basicTable .headerRow:hover, .basicTable tr th:hover{
+background-color: #ffffff;
+color: #000000;
+}
+
+.basicTable .headerRow td {
+border-bottom: 0.1em solid #999999;
+}
+
+.basicTable .viewManyTR1 {
+/* Alternating row style */
+background-color: #eeeeee;
+}
+
+.basicTable tr .buttonCol {
+/* button column style - for the small
+collection of buttons used in lists */
+vertical-align: top;
+}
+
+.basicTable tr .buttonCol a {
+background: #ffffff;
+border: #999999 solid 0.1em;
+color: #000099;
+display: block;
+float: left;
+font-weight: bold;
+margin: 0.1em 0.2em 0.1em 0.2em;
+padding: 0.1em 0.4em 0.1em 0.4em;
+text-decoration: none;
+white-space: nowrap;
+}
+
+.basicTable tr .buttonCol a:hover {
+text-decoration: underline;
+}
+
+/* ===== Table decorator - Hover bar ===== */
+
+.hoverBar tr:hover {
+cursor: default;
+background-color: #cccccc;
+}
+
+/* ===== Table decorator - Grid ===== */
+
+.darkGrid td {
+/* dark grid */
+border: 0.1em solid #000000;
+}
+
+.lightGrid td {
+/* light grid */
+border: 0.1em solid #cccccc;
+}
+
+
+
+
+
+
+
+
+
+
Index: framework/widget/src/org/ofbiz/widget/html/HtmlFormRenderer.java
===================================================================
--- framework/widget/src/org/ofbiz/widget/html/HtmlFormRenderer.java	(revision 504942)
+++ framework/widget/src/org/ofbiz/widget/html/HtmlFormRenderer.java	(working copy)
@@ -103,16 +103,18 @@
         // render the tooltip, in other methods too
         String tooltip = modelFormField.getTooltip(context);
         if (UtilValidate.isNotEmpty(tooltip)) {
-            buffer.append("<span");
             String tooltipStyle = modelFormField.getTooltipStyle();
             if (UtilValidate.isNotEmpty(tooltipStyle)) {
-                buffer.append(" class=\"");
+                buffer.append("<span class=\"");
                 buffer.append(tooltipStyle);
-                buffer.append("\"");
+                buffer.append("\">");
             }
-            buffer.append("> -[");
+            buffer.append(" -[");
             buffer.append(tooltip);
-            buffer.append("]- </span>");
+            buffer.append("]- ");
+            if (UtilValidate.isNotEmpty(tooltipStyle)) {
+                buffer.append("</span>");
+            }
         }
     }
 
@@ -134,22 +136,25 @@
     public void renderDisplayField(StringBuffer buffer, Map context, DisplayField displayField) {
         ModelFormField modelFormField = displayField.getModelFormField();
 
-        buffer.append("<span");
+        StringBuffer str = new StringBuffer();
 
-        if (UtilValidate.isNotEmpty(modelFormField.getWidgetStyle())) {
-            buffer.append(" class=\"");
-            buffer.append(modelFormField.getWidgetStyle());
-            buffer.append("\"");
+        if (UtilValidate.isNotEmpty(modelFormField.getWidgetStyle()) || modelFormField.shouldBeRed(context)) {
+            str.append("<span class=\"");
+            str.append(modelFormField.getWidgetStyle());
+            // add a style of red if this is a date/time field and redWhen is true
+            if (modelFormField.shouldBeRed(context)) {
+                str.append(" alert");
+            }
+            str.append("\">");
         }
 
-        // add a style of red if this is a date/time field and redWhen is true
-        if (modelFormField.shouldBeRed(context)) {
-            buffer.append(" style=\"color: red;\"");
+        if (str.length() > 0) {
+            buffer.append(str);
         }
-
-        buffer.append(">");
         buffer.append(displayField.getDescription(context));
-        buffer.append("</span>");
+        if (str.length() > 0) {
+            buffer.append("</span>");
+        }
 
         if (displayField instanceof DisplayEntityField) {
             this.makeHyperlinkString(buffer, ((DisplayEntityField) displayField).getSubHyperlink(), context);
@@ -157,7 +162,7 @@
         
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -173,7 +178,7 @@
             hyperlinkField.getDescription(context),
             hyperlinkField.getTargetWindow(context));
         this.appendTooltip(buffer, context, modelFormField);
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     public void makeHyperlinkString(StringBuffer buffer, ModelFormField.SubHyperlink subHyperlink, Map context) {
@@ -264,7 +269,7 @@
 
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -338,7 +343,7 @@
 
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -535,7 +540,7 @@
 
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -692,7 +697,7 @@
 
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -705,15 +710,13 @@
         // never used: ModelForm modelForm = modelFormField.getModelForm();
         String currentValue = modelFormField.getEntry(context);
         
-        buffer.append("<span");
         
         String className = modelFormField.getWidgetStyle();
         if (UtilValidate.isNotEmpty(className)) {
-            buffer.append(" class=\"");
+            buffer.append("<span class=\"");
             buffer.append(className);
-            buffer.append('"');
+            buffer.append("\">");
         }
-        buffer.append(">");
 
         buffer.append("<input type=\"");
         buffer.append("checkbox");
@@ -729,11 +732,13 @@
         buffer.append(" value=\"Y\"/>");
         // any description by it?
 
-        buffer.append("</span>");
+        if (UtilValidate.isNotEmpty(className)) {
+            buffer.append("</span>");
+        }
 
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -794,7 +799,7 @@
 
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -904,7 +909,7 @@
 
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -937,7 +942,7 @@
 
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -964,7 +969,7 @@
 
         buffer.append("/>");
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -982,17 +987,17 @@
         String titleText = UtilHttp.encodeAmpersands(tempTitleText);
         
         if (UtilValidate.isNotEmpty(titleText)) {
-            buffer.append("<span");
             if (UtilValidate.isNotEmpty(modelFormField.getTitleStyle())) {
-                buffer.append(" class=\"");
+                buffer.append("<span class=\"");
                 buffer.append(modelFormField.getTitleStyle());
-                buffer.append("\"");
+                buffer.append("\">");
             }
-            buffer.append(">");
             renderHyperlinkTitle(buffer, context, modelFormField, titleText);         
-            buffer.append("</span>");
+            if (UtilValidate.isNotEmpty(modelFormField.getTitleStyle())) {
+                buffer.append("</span>");
+            }
 
-            this.appendWhitespace(buffer);
+            //this.appendWhitespace(buffer);
         }
     }
 
@@ -1002,7 +1007,6 @@
     public void renderSingleFormFieldTitle(StringBuffer buffer, Map context, ModelFormField modelFormField) {
         boolean requiredField = modelFormField.getRequiredField();
         if (requiredField) {
-            buffer.append("<span");
             
             String requiredStyle = modelFormField.getRequiredFieldStyle();
             if (UtilValidate.isEmpty(requiredStyle)) {
@@ -1010,15 +1014,16 @@
             }
             
             if (UtilValidate.isNotEmpty(requiredStyle)) {
-                buffer.append(" class=\"");
+                buffer.append("<span class=\"");
                 buffer.append(requiredStyle);
-                buffer.append("\"");
+                buffer.append("\">");
             }
-            buffer.append(">");
             renderHyperlinkTitle(buffer, context, modelFormField, modelFormField.getTitle(context)); 
-            buffer.append("</span>");
+            if (UtilValidate.isNotEmpty(requiredStyle)) {
+                buffer.append("</span>");
+            }
 
-            this.appendWhitespace(buffer);
+            //this.appendWhitespace(buffer);
         } else {
             renderFieldTitle(buffer, context, modelFormField);
         }
@@ -1028,6 +1033,7 @@
      * @see org.ofbiz.widget.form.FormStringRenderer#renderFormOpen(java.lang.StringBuffer, java.util.Map, org.ofbiz.widget.form.ModelForm)
      */
     public void renderFormOpen(StringBuffer buffer, Map context, ModelForm modelForm) {
+        buffer.append("<!-- Begin form widget -->\r\n");
         buffer.append("<form method=\"post\" ");
         String targ = modelForm.getTarget(context);
         String targetType = modelForm.getTargetType();
@@ -1054,7 +1060,7 @@
 
         buffer.append(" name=\"");
         buffer.append(modelForm.getCurrentFormName(context));
-        buffer.append("\" style=\"margin: 0;\">");
+        buffer.append("\">");
 
         this.appendWhitespace(buffer);
     }
@@ -1064,6 +1070,7 @@
      */
     public void renderFormClose(StringBuffer buffer, Map context, ModelForm modelForm) {
         buffer.append("</form>");
+        buffer.append("\r\n<!-- End form widget -->");
 
         this.appendWhitespace(buffer);
     }
@@ -1106,6 +1113,7 @@
             
         }
         buffer.append("</form>");
+        buffer.append("\r\n<!-- End form widget -->");
 
         this.appendWhitespace(buffer);
     }
@@ -1113,13 +1121,13 @@
     public void renderFormatListWrapperOpen(StringBuffer buffer, Map context, ModelForm modelForm) {
 
          if(UtilValidate.isNotEmpty(modelForm.getDefaultTableStyle())) {
-             buffer.append("<table");
+             buffer.append(" <table");
              buffer.append(" class=\"");
              buffer.append(modelForm.getDefaultTableStyle());
              buffer.append("\"");
              buffer.append(">");
          } else {
-             buffer.append("<table border=\"1\" cellpadding=\"2\" cellspacing=\"0\" class=\"calendarTable\">");
+             buffer.append(" <table border=\"1\" cellpadding=\"2\" cellspacing=\"0\" class=\"calendarTable\">");
              // DEJ 20050101 removed the width=\"100%\", doesn't look very good with CSS float: left based side "columns"
          }
 
@@ -1127,7 +1135,7 @@
     }
 
     public void renderFormatListWrapperClose(StringBuffer buffer, Map context, ModelForm modelForm) {
-        buffer.append("</table>");
+        buffer.append(" </table>");
 
         this.appendWhitespace(buffer);
         String queryString = null;
@@ -1149,7 +1157,7 @@
      * @see org.ofbiz.widget.form.FormStringRenderer#renderFormatHeaderRowOpen(java.lang.StringBuffer, java.util.Map, org.ofbiz.widget.form.ModelForm)
      */
     public void renderFormatHeaderRowOpen(StringBuffer buffer, Map context, ModelForm modelForm) {
-        buffer.append("<tr");
+        buffer.append("  <tr");
         String headerStyle = modelForm.getHeaderRowStyle();
         if (UtilValidate.isNotEmpty(headerStyle)) {
             buffer.append(" class=\"");
@@ -1164,7 +1172,7 @@
      * @see org.ofbiz.widget.form.FormStringRenderer#renderFormatHeaderRowClose(java.lang.StringBuffer, java.util.Map, org.ofbiz.widget.form.ModelForm)
      */
     public void renderFormatHeaderRowClose(StringBuffer buffer, Map context, ModelForm modelForm) {
-        buffer.append("</tr>");
+        buffer.append("  </tr>");
 
         this.appendWhitespace(buffer);
     }
@@ -1173,7 +1181,7 @@
      * @see org.ofbiz.widget.form.FormStringRenderer#renderFormatHeaderRowCellOpen(java.lang.StringBuffer, java.util.Map, org.ofbiz.widget.form.ModelForm, org.ofbiz.widget.form.ModelFormField)
      */
     public void renderFormatHeaderRowCellOpen(StringBuffer buffer, Map context, ModelForm modelForm, ModelFormField modelFormField) {
-        buffer.append("<td");
+        buffer.append("   <td");
         String areaStyle = modelFormField.getTitleAreaStyle();
         if (UtilValidate.isNotEmpty(areaStyle)) {
             buffer.append(" class=\"");
@@ -1181,7 +1189,7 @@
             buffer.append("\"");
         }
         buffer.append(">");
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -1193,7 +1201,7 @@
     }
 
     public void renderFormatHeaderRowFormCellOpen(StringBuffer buffer, Map context, ModelForm modelForm) {
-        buffer.append("<td align=\"center\"");
+        buffer.append("   <td align=\"center\"");
         String areaStyle = modelForm.getFormTitleAreaStyle();
         if (UtilValidate.isNotEmpty(areaStyle)) {
             buffer.append(" class=\"");
@@ -1201,7 +1209,7 @@
             buffer.append("\"");
         }
         buffer.append(">");
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -1216,21 +1224,21 @@
      * @see org.ofbiz.widget.form.FormStringRenderer#renderFormatHeaderRowFormCellTitleSeparator(java.lang.StringBuffer, java.util.Map, org.ofbiz.widget.form.ModelForm, boolean)
      */
     public void renderFormatHeaderRowFormCellTitleSeparator(StringBuffer buffer, Map context, ModelForm modelForm, ModelFormField modelFormField, boolean isLast) {
-        buffer.append("<span");
         
         String titleStyle = modelFormField.getTitleStyle();
         if (UtilValidate.isNotEmpty(titleStyle)) {
-            buffer.append(" class=\"");
+            buffer.append("<span class=\"");
             buffer.append(titleStyle);
-            buffer.append("\"");
+            buffer.append("\">");
         }
-        buffer.append(">");
         if (isLast) {
             buffer.append(" - ");
         } else {
             buffer.append(" - ");
         }
-        buffer.append("</span>");
+        if (UtilValidate.isNotEmpty(titleStyle)) {
+            buffer.append("</span>");
+        }
     }
 
     /* (non-Javadoc)
@@ -1239,7 +1247,7 @@
     public void renderFormatItemRowOpen(StringBuffer buffer, Map context, ModelForm modelForm) {
         Integer itemIndex = (Integer)context.get("itemIndex"); 
         
-        buffer.append("<tr");
+        buffer.append("  <tr");
         if (itemIndex!=null) {
             
             if (itemIndex.intValue()%2==0) {
@@ -1266,7 +1274,7 @@
      * @see org.ofbiz.widget.form.FormStringRenderer#renderFormatItemRowClose(java.lang.StringBuffer, java.util.Map, org.ofbiz.widget.form.ModelForm)
      */
     public void renderFormatItemRowClose(StringBuffer buffer, Map context, ModelForm modelForm) {
-        buffer.append("</tr>");
+        buffer.append("  </tr>");
 
         this.appendWhitespace(buffer);
     }
@@ -1275,7 +1283,7 @@
      * @see org.ofbiz.widget.form.FormStringRenderer#renderFormatItemRowCellOpen(java.lang.StringBuffer, java.util.Map, org.ofbiz.widget.form.ModelForm, org.ofbiz.widget.form.ModelFormField)
      */
     public void renderFormatItemRowCellOpen(StringBuffer buffer, Map context, ModelForm modelForm, ModelFormField modelFormField) {
-        buffer.append("<td");
+        buffer.append("   <td");
         String areaStyle = modelFormField.getWidgetAreaStyle();
         if (UtilValidate.isNotEmpty(areaStyle)) {
             buffer.append(" class=\"");
@@ -1283,7 +1291,7 @@
             buffer.append("\"");
         }
         buffer.append(">");
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -1298,7 +1306,7 @@
      * @see org.ofbiz.widget.form.FormStringRenderer#renderFormatItemRowFormCellOpen(java.lang.StringBuffer, java.util.Map, org.ofbiz.widget.form.ModelForm)
      */
     public void renderFormatItemRowFormCellOpen(StringBuffer buffer, Map context, ModelForm modelForm) {
-        buffer.append("<td align=\"center\"");
+        buffer.append("   <td align=\"center\"");
         String areaStyle = modelForm.getFormWidgetAreaStyle();
         if (UtilValidate.isNotEmpty(areaStyle)) {
             buffer.append(" class=\"");
@@ -1306,7 +1314,7 @@
             buffer.append("\"");
         }
         buffer.append(">");
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -1318,13 +1326,13 @@
     }
 
     public void renderFormatSingleWrapperOpen(StringBuffer buffer, Map context, ModelForm modelForm) {
-        buffer.append("<table border=\"0\" cellpadding=\"2\" cellspacing=\"0\">");
+        buffer.append(" <table cellspacing=\"0\">");
 
         this.appendWhitespace(buffer);
     }
 
     public void renderFormatSingleWrapperClose(StringBuffer buffer, Map context, ModelForm modelForm) {
-        buffer.append("</table>");
+        buffer.append(" </table>");
 
         this.appendWhitespace(buffer);
     }
@@ -1333,7 +1341,7 @@
      * @see org.ofbiz.widget.form.FormStringRenderer#renderFormatFieldRowOpen(java.lang.StringBuffer, java.util.Map, org.ofbiz.widget.form.ModelForm)
      */
     public void renderFormatFieldRowOpen(StringBuffer buffer, Map context, ModelForm modelForm) {
-        buffer.append("<tr>");
+        buffer.append("  <tr>");
 
         this.appendWhitespace(buffer);
     }
@@ -1342,7 +1350,7 @@
      * @see org.ofbiz.widget.form.FormStringRenderer#renderFormatFieldRowClose(java.lang.StringBuffer, java.util.Map, org.ofbiz.widget.form.ModelForm)
      */
     public void renderFormatFieldRowClose(StringBuffer buffer, Map context, ModelForm modelForm) {
-        buffer.append("</tr>");
+        buffer.append("  </tr>");
 
         this.appendWhitespace(buffer);
     }
@@ -1351,15 +1359,19 @@
      * @see org.ofbiz.widget.form.FormStringRenderer#renderFormatFieldRowTitleCellOpen(java.lang.StringBuffer, java.util.Map, org.ofbiz.widget.form.ModelFormField)
      */
     public void renderFormatFieldRowTitleCellOpen(StringBuffer buffer, Map context, ModelFormField modelFormField) {
-        buffer.append("<td width=\"20%\" align=\"right\"");
+        buffer.append("   <td");
         String areaStyle = modelFormField.getTitleAreaStyle();
         if (UtilValidate.isNotEmpty(areaStyle)) {
             buffer.append(" class=\"");
             buffer.append(areaStyle);
             buffer.append("\"");
         }
+        else
+        {
+            buffer.append(" class=\"label\"");
+        }
         buffer.append(">");
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -1374,22 +1386,24 @@
      * @see org.ofbiz.widget.form.FormStringRenderer#renderFormatFieldRowSpacerCell(java.lang.StringBuffer, java.util.Map, org.ofbiz.widget.form.ModelFormField)
      */
     public void renderFormatFieldRowSpacerCell(StringBuffer buffer, Map context, ModelFormField modelFormField) {
-        buffer.append("<td>&nbsp;</td>");
+        // Embedded styling - bad idea
+        //buffer.append("<td>&nbsp;</td>");
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
      * @see org.ofbiz.widget.form.FormStringRenderer#renderFormatFieldRowWidgetCellOpen(java.lang.StringBuffer, java.util.Map, org.ofbiz.widget.form.ModelFormField, int)
      */
     public void renderFormatFieldRowWidgetCellOpen(StringBuffer buffer, Map context, ModelFormField modelFormField, int positions, int positionSpan, Integer nextPositionInRow) {
-        buffer.append("<td width=\"");
-        if (nextPositionInRow != null || modelFormField.getPosition() > 1) {
-            buffer.append("30");
-        } else {
-            buffer.append("80");
-        }
-        buffer.append("%\" align=\"left\"");
+//        buffer.append("<td width=\"");
+//        if (nextPositionInRow != null || modelFormField.getPosition() > 1) {
+//            buffer.append("30");
+//        } else {
+//            buffer.append("80");
+//        }
+//        buffer.append("%\"");
+        buffer.append("   <td");
         if (positionSpan > 0) {
             buffer.append(" colspan=\"");
             // do a span of 1 for this column, plus 3 columns for each spanned 
@@ -1405,7 +1419,7 @@
         }
         buffer.append(">");
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -1483,24 +1497,24 @@
 
         buffer.append("/>");
 
-        buffer.append(" <span");
         if (UtilValidate.isNotEmpty(modelFormField.getTitleStyle())) {
-            buffer.append(" class=\"");
+            buffer.append(" <span class=\"");
             buffer.append(modelFormField.getTitleStyle());
-            buffer.append('"');
+            buffer.append("\">");
         }
-        buffer.append('>');
 
         buffer.append(" <input type=\"checkbox\" name=\"");
         buffer.append(modelFormField.getParameterName(context));
         buffer.append("_ic\" value=\"Y\"" + (ignCase ? " checked=\"checked\"" : "") + "/>");
         buffer.append(ignoreCase);
         
-        buffer.append("</span>");
+        if (UtilValidate.isNotEmpty(modelFormField.getTitleStyle())) {
+            buffer.append("</span>");
+        }
 
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -1555,9 +1569,8 @@
 
         buffer.append("/>");
 
-        buffer.append(" <span");
         if (UtilValidate.isNotEmpty(modelFormField.getTitleStyle())) {
-            buffer.append(" class=\"");
+            buffer.append(" <span class=\"");
             buffer.append(modelFormField.getTitleStyle());
             buffer.append('"');
         }
@@ -1612,13 +1625,11 @@
 
         buffer.append("/>");
 
-        buffer.append(" <span");
         if (UtilValidate.isNotEmpty(modelFormField.getTitleStyle())) {
-            buffer.append(" class=\"");
+            buffer.append(" <span class=\"");
             buffer.append(modelFormField.getTitleStyle());
-            buffer.append('"');
+            buffer.append("\">");
         }
-        buffer.append('>');
 
         buffer.append(" <select name=\"");
         buffer.append(modelFormField.getParameterName(context));
@@ -1627,11 +1638,13 @@
         buffer.append("<option value=\"lessThanEqualTo\">" + opLessThanEquals + "</option>");
         buffer.append("</select>");
 
-        buffer.append("</span>");
+        if (UtilValidate.isNotEmpty(modelFormField.getTitleStyle())) {
+            buffer.append("</span>");
+        }
 
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -1745,13 +1758,11 @@
             buffer.append("\"/></a>");
         }
 
-        buffer.append(" <span");
         if (UtilValidate.isNotEmpty(modelFormField.getTitleStyle())) {
-            buffer.append(" class=\"");
+            buffer.append(" <span class=\"");
             buffer.append(modelFormField.getTitleStyle());
-            buffer.append('"');
+            buffer.append("\">");
         }
-        buffer.append('>');
 
         buffer.append(" <select name=\"");
         buffer.append(modelFormField.getParameterName(context));
@@ -1762,7 +1773,9 @@
         buffer.append("<option value=\"greaterThan\">" + opGreaterThan + "</option>");
         buffer.append("</select>");
 
-        buffer.append(" </span>");
+        if (UtilValidate.isNotEmpty(modelFormField.getTitleStyle())) {
+            buffer.append(" </span>");
+        }
 
         buffer.append(" <br/> ");
 
@@ -1829,13 +1842,11 @@
             buffer.append("\"/></a>");
         }
 
-        buffer.append(" <span");
         if (UtilValidate.isNotEmpty(modelFormField.getTitleStyle())) {
-            buffer.append(" class=\"");
+            buffer.append(" <span class=\"");
             buffer.append(modelFormField.getTitleStyle());
-            buffer.append('"');
+            buffer.append("\">");
         }
-        buffer.append('>');
 
         buffer.append(" <select name=\"");
         buffer.append(modelFormField.getParameterName(context));
@@ -1846,11 +1857,13 @@
         buffer.append("<option value=\"empty\">" + opIsEmpty + "</option>");
         buffer.append("</select>");
 
-        buffer.append("</span>");
+        if (UtilValidate.isNotEmpty(modelFormField.getTitleStyle())) {
+            buffer.append("</span>");
+        }
 
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -1937,7 +1950,7 @@
         this.makeHyperlinkString(buffer, lookupField.getSubHyperlink(), context);
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     public void renderNextPrev(StringBuffer buffer, Map context, ModelForm modelForm) {
@@ -1988,7 +2001,7 @@
         String paginateAnchor = modelForm.getPaginateTargetAnchor();
         if (paginateAnchor != null) anchor = "#" + paginateAnchor;
 
-        buffer.append("<table border=\"0\" cellpadding=\"2\">\n");
+        buffer.append(" <table border=\"0\" cellpadding=\"2\">\n");
         buffer.append("  <tr>\n");
         buffer.append("    <td align=\"right\">\n");
         buffer.append("      <b>\n");
@@ -2023,9 +2036,9 @@
 
         }
         buffer.append("      </b>\n");
-        buffer.append("    </td>\n");
+        buffer.append("   </td>\n");
         buffer.append("  </tr>\n");
-        buffer.append("</table>\n");
+        buffer.append(" </table>\n");
 
         this.appendWhitespace(buffer);
     }
@@ -2078,7 +2091,7 @@
 
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -2138,7 +2151,7 @@
 
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
 
     /* (non-Javadoc)
@@ -2192,7 +2205,7 @@
 
         this.appendTooltip(buffer, context, modelFormField);
 
-        this.appendWhitespace(buffer);
+        //this.appendWhitespace(buffer);
     }
     
     public void renderFieldGroupOpen(StringBuffer buffer, Map context, ModelForm.FieldGroup fieldGroup) {
@@ -2213,7 +2226,7 @@
     }
      
     public void renderBanner(StringBuffer buffer, Map context, ModelForm.Banner banner) {
-        buffer.append("<table width=\"100%\"><tr>");
+        buffer.append(" <table width=\"100%\">  <tr>");
         String style = banner.getStyle(context);
         String leftStyle = banner.getLeftTextStyle(context);
         if (UtilValidate.isEmpty(leftStyle)) leftStyle = style;
@@ -2222,7 +2235,7 @@
         
         String leftText = banner.getLeftText(context);
         if (UtilValidate.isNotEmpty(leftText)) {
-            buffer.append("<td align=\"left\">");
+            buffer.append("   <td align=\"left\">");
             if (UtilValidate.isNotEmpty(leftStyle)) {
                buffer.append("<div");
                buffer.append(" class=\"");
@@ -2239,7 +2252,7 @@
         
         String text = banner.getText(context);
         if (UtilValidate.isNotEmpty(text)) {
-            buffer.append("<td align=\"center\">");
+            buffer.append("   <td align=\"center\">");
             if (UtilValidate.isNotEmpty(style)) {
                buffer.append("<div");
                buffer.append(" class=\"");
@@ -2256,7 +2269,7 @@
         
         String rightText = banner.getRightText(context);
         if (UtilValidate.isNotEmpty(rightText)) {
-            buffer.append("<td align=\"right\">");
+            buffer.append("   <td align=\"right\">");
             if (UtilValidate.isNotEmpty(rightStyle)) {
                buffer.append("<div");
                buffer.append(" class=\"");
@@ -2270,7 +2283,7 @@
             }
             buffer.append("</td>");
         }
-        buffer.append("</tr></table>");
+        buffer.append("</tr> </table>");
     }
     
     /**
