X-Git-Url: https://vcs.fsf.org/?a=blobdiff_plain;f=css%2Fcivicrm.css;h=c67998883243029181c923eaf29aa187f845ced1;hb=0e3ff1f37f6b5c4408d0801787dad0989b498689;hp=6b7853e1fcc41e9b93da957647ff747514dd9bfd;hpb=af8b12dbd37b41a0fec3db2b5d1f23e0b0430649;p=civicrm-core.git

diff --git a/css/civicrm.css b/css/civicrm.css
index 6b7853e1fc..c679988832 100644
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -41,13 +41,13 @@ div.crm-container fieldset label{
 }
 
 #crm-container .crm-content-block {
-  padding: 0px;
+  padding: 0;
 }
 
 /* TABLE STYLING */
 
 .crm-container table {
-  margin: 0em 0em 1em;
+  margin: 0 0 1em;
   border-collapse: collapse;
   width: 100%;
   font-size: 13px;
@@ -57,15 +57,6 @@ div.crm-container fieldset label{
   background: none transparent;
 }
 
-.crm-container table.criteria-group {
-  margin-bottom: .1em;
-}
-
-.crm-container table.crm-address-element {
-  border: none;
-  margin-bottom: .25em;
-}
-
 .crm-container th,
 .crm-container table.display thead th,
 .crm-container table thead.sticky th,
@@ -118,16 +109,9 @@ div.crm-container fieldset label{
   vertical-align: top;
 }
 
-.crm-container tr.even-row td,
-.crm-container tr.odd-row td,
-.crm-container table.display td,
-.crm-container table.pagerDisplay td {
-  border-collapse: collapse;
-}
-
 .crm-container .crm-row-child {
-  margin: 0px;
-  padding: 3px 0px 3px 0px;
+  margin: 0;
+  padding: 3px 0 3px 0;
   clear: none;
   background-color: #F1F8EB;
 }
@@ -197,7 +181,6 @@ input.crm-form-entityref {
   height: 12em;
 }
 
-
 /* Override line-height from style.css */
 #crm-container,
 .crm-container {
@@ -217,44 +200,6 @@ input.crm-form-entityref {
   color: #3E3E3E;
 }
 
-.crm-container .replace-plain,
-.crm-container textarea,
-.crm-container select.crm-form-multiselect {
-  border: 1px solid #999;
-}
-
-.crm-container .replace-plain {
-  cursor: pointer;
-  background: rgba(255,255,255,0.6);
-  min-height: 2em;
-  position: relative;
-  padding: 2px;
-}
-
-.crm-container .replace-plain:focus,
-.crm-container .replace-plain:hover {
-  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
-  background: rgba(255,255,255,0.8);
-}
-
-.crm-container .replace-plain .icon.edit-icon {
-  position: absolute;
-  top: .5em;
-  right: .5em;
-}
-
-.crm-container .replace-plain a:active .icon.edit-icon,
-.crm-container .replace-plain:focus .icon.edit-icon,
-.crm-container .replace-plain:hover .icon.edit-icon {
-  background-image: url("../i/icons/jquery-ui-2786C2.png");
-}
-
-/*
-** class for hiding the text box;
-  it is used in the OtherActivity template
-** for showing the descrition of activity type element.
-*/
-.crm-container .texttolabel,
 .crm-container .no-border {
   border-style: none;
 }
@@ -267,8 +212,7 @@ input.crm-form-entityref {
   border-bottom: 2px solid #777;
 }
 
-.crm-container div.solid-border-top,
-.crm-container .attachment-fieldset {
+.crm-container .solid-border-top {
   margin-top: 15px;
   border-top: 1px solid #696969;
 }
@@ -278,9 +222,7 @@ input.crm-form-entityref {
   height: 1em;
 }
 
-.crm-container .add-remove-link,
-.crm-container .map-link,
-.crm-container .font-small {
+.crm-container .add-remove-link {
   font-size: .9em;
 }
 
@@ -340,6 +282,8 @@ input.crm-form-entityref {
 }
 
 .crm-container input.crm-form-text[disabled],
+.crm-container input.dateplugin[disabled],
+.crm-container select.crm-form-select[disabled],
 .crm-container input.crm-form-text[readonly] {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #ddd), color-stop(15%, #f2f2f2));
   background-image: -webkit-linear-gradient(top, #ddd 1%, #f2f2f2 15%);
@@ -347,12 +291,14 @@ input.crm-form-entityref {
   background-image: linear-gradient(top, #ddd 1%, #f2f2f2 15%);
 }
 
-.crm-container .crm-form-submit {
-  margin: .25em 0.5em 0.25em 0;
+.crm-container input.crm-form-text[disabled],
+.crm-container input.dateplugin[disabled],
+.crm-container select.crm-form-select[disabled] {
+  color: #a9a9a9;
 }
 
-.crm-container .crm-form-submit-inline {
-  margin: 0em 0.5em 0.25em 0em;
+.crm-container .crm-form-submit {
+  margin: .25em 0.5em 0.25em 0;
 }
 
 .crm-container div.crm-inline-button {
@@ -361,14 +307,10 @@ input.crm-form-entityref {
   margin-bottom: 28px;
 }
 
-.crm-container span.crm-lock-button {
-  float: right;
-}
-
 .crm-container fieldset {
   background: none;
-  padding: 4px 0px;
-  margin: 10px 0px;
+  padding: 4px 0;
+  margin: 10px 0;
   border: none;
   border-top: 1px solid #CFCEC3;
 }
@@ -388,23 +330,23 @@ input.crm-form-entityref {
   background-color: transparent;
   color: #3E3E3E;
   position: relative;
-  text-indent: 0px;
+  text-indent: 0;
   width: auto;
 }
 
 .crm-container fieldset.form-layout {
-  margin: .25em 0em .5em 0em;
+  margin: .25em 0 .5em 0;
   padding: 1px 10px 1px 10px;
 }
 
 .crm-container fieldset.collapsible {
-  border: 0px;
+  border: 0;
 }
 
 .crm-container div.form-item {
   border-top-style: none;
-  margin: 0px;
-  padding: 3px 0px 5px 0px;
+  margin: 0;
+  padding: 3px 0 5px 0;
   clear: none;
   height: 100%;
 }
@@ -441,7 +383,7 @@ input.crm-form-entityref {
 }
 
 .crm-container .no-label .content {
-  margin-left: 0px;
+  margin-left: 0;
 }
 
 #crm-container #cvv2 {
@@ -456,7 +398,7 @@ input.crm-form-entityref {
   width: 150px;
   text-align: right;
   vertical-align: top;
-  padding: 5px 15px 5px 0px;
+  padding: 5px 15px 5px 0;
   font-size: .95em;
   white-space: normal;
 }
@@ -468,7 +410,7 @@ input.crm-form-entityref {
   text-align: left;
   font-weight: bold;
   white-space: nowrap;
-  padding: 5px 15px 5px 0px;
+  padding: 5px 15px 5px 0;
 }
 
 .crm-container div.form-item dd,
@@ -487,7 +429,7 @@ input.crm-form-entityref {
 
 .crm-container div.form-item dd.description,
 .crm-container div.crm-form-block dd.description {
-  padding: 0px 0px 5px;
+  padding: 0 0 5px;
   white-space: normal;
 }
 
@@ -509,13 +451,13 @@ input.crm-form-entityref {
 .crm-container table.form-layout,
 .crm-container table.control-panel,
 .crm-container table.no-border {
-  margin: 0em;
+  margin: 0;
   border-collapse: collapse;
-  border: 0px none;
+  border: 0 none;
 }
 
 .crm-container table.form-layout-compressed {
-  margin: 0em 0em .5em;
+  margin: 0 0 .5em;
   width: auto;
   border-collapse: collapse;
   border: 1px none;
@@ -531,7 +473,7 @@ input.crm-form-entityref {
 }
 
 .crm-container table.advmultiselect {
-  margin: 0em;
+  margin: 0;
   width: auto;
   border-collapse: collapse;
   border: 1px solid #696969;
@@ -569,7 +511,7 @@ input.crm-form-entityref {
   padding: 3px;
   width: 25%;
   white-space: nowrap;
-  border: 0px none;
+  border: 0 none;
   text-align: center;
 }
 
@@ -579,32 +521,23 @@ input.crm-form-entityref {
 .crm-container .form-layout-compressed th.label {
   text-align: right;
   padding: 4px 4px 4px 6px;
-  border: 0px none;
+  border: 0 none;
   vertical-align: top;
 }
 
-.crm-container td.op-checkbox label {
-  font-weight: normal;
-  font-style: italic;
-}
-
 .crm-container .form-layout td.label-left,
 .crm-container .form-layout-compressed td.label-left {
   text-align: left;
   padding: 4px 4px 4px 6px;
-  border: 0px none;
+  border: 0 none;
   vertical-align: top;
 }
 
-.crm-container table.selector td {
-  border-right: 1px solid #dddddd;
-}
-
 .crm-container .form-layout td.view-value,
 .crm-container .form-layout-compressed td.view-value {
   text-align: left;
   padding: 4px;
-  border: 0px none;
+  border: 0 none;
   vertical-align: top;
 }
 
@@ -618,13 +551,9 @@ input.crm-form-entityref {
   padding-top: 10px;
 }
 
-.crm-container .button-disabled {
-  color: #CFCEC3!important;
-}
-
 .crm-container .form-layout-compressed td.describe-image {
   vertical-align: top;
-  padding: 0.5em 0em 0em 0em;
+  padding: 0.5em 0 0 0;
   font-size: .9em;
 }
 
@@ -635,7 +564,7 @@ input.crm-form-entityref {
 .crm-container .form-layout-compressed td.option-label {
   vertical-align: top;
   text-align: right;
-  padding: 0.75em 0.5em 0em 0.75em;
+  padding: 0.75em 0.5em 0 0.75em;
   color: #7a7a60;
 }
 
@@ -645,7 +574,7 @@ input.crm-form-entityref {
 
 /* messages and status */
 .crm-container .messages {
-  margin: 1.0em 0em 1.0em;
+  margin: 1em 0 1em;
   border: none;
   font-weight: normal;
 }
@@ -667,7 +596,7 @@ input.crm-form-entityref {
   background-color: #FFFFCC;
   background-image: none;
   border: 1px solid #FFFF66;
-  margin: 0.5em 0px;
+  margin: 0.5em 0;
   padding: 0.25em 0.5em;
   color: #3e3e3e;
   font-weight: normal;
@@ -684,7 +613,7 @@ input.crm-form-entityref {
 }
 
 .crm-container div.status dd {
-  margin-left: 0px;
+  margin-left: 0;
 }
 
 .crm-container div.status ul {
@@ -715,13 +644,6 @@ input.crm-form-entityref {
   padding: 4px;
 }
 
-.crm-container div.view-data {
-  padding: .25em .5em .25em .5em;
-  border: 1px solid DimGray;
-  width: auto;
-  background-color: #ffffff;
-}
-
 .crm-container .crm-footer {
   font-size: 0.8em;
 }
@@ -760,31 +682,23 @@ input.crm-form-entityref {
   visibility: hidden;
 }
 
-#crm-record-log {
-  padding: 0.8em 0.8em 0em 0em;
-  text-align: right;
-}
-
 .crm-container #access {
-  padding: 0.8em 0.8em 0em 0em;
+  padding: 0.8em 0.8em 0 0;
   text-align: right;
 }
 
 .crm-container .header-dark {
-  margin: 0.5em 0em 0.5em;
+  margin: 0.5em 0 0.5em;
   padding: 0.5em;
   background-color: #999999;
   font-weight: bold;
   color: #FAFAFA;
   border-radius: 2px;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
-  -khtml-border-radius: 2px;
 }
 
 .crm-container div.display-block {
   font-weight: normal;
-  margin: 1.0em 2.0em 1.0em 2.0em;
+  margin: 1em 2em 1em 2em;
 }
 
 /* Data display layouts */
@@ -809,7 +723,7 @@ input.crm-form-entityref {
   vertical-align: top;
   width: 40%;
   text-align: left;
-  margin: 0px 25px 0px 25px;
+  margin: 0 25px 0 25px;
 }
 
 #crm-container .col2 {
@@ -817,7 +731,7 @@ input.crm-form-entityref {
   vertical-align: top;
   width: 50%;
   text-align: left;
-  margin: 0px;
+  margin: 0;
 }
 
 #crm-container ul.indented {
@@ -833,16 +747,12 @@ input.crm-form-entityref {
   padding-left: 1em;
 }
 
-/*
-** CSS for links from Drupal Blocks.
-*/
 /* Following styles are used to remove the white bullets from the Garland Theme */
 .crm-container ul li {
   background-image: none;
 }
 
-/* But allow them for the help at the top of forms
-*/
+/* But allow them for the help at the top of forms */
 .crm-container #help ul li {
   background-image: url(menu-leaf.png);
 }
@@ -854,11 +764,11 @@ input.crm-form-entityref {
 .crm-container .crm-loading-element {
   padding-left: 30px;
   height: 30px;
-  background: transparent url("../i/loading.gif") no-repeat 0px 0px;
+  background: transparent url("../i/loading.gif") no-repeat 0 0;
 }
 
 .crm-container div div.crm-msg-loading div.icon {
-  background: transparent url("../i/loading-2f2f2e.gif") no-repeat 0px 0px;
+  background: transparent url("../i/loading-2f2f2e.gif") no-repeat 0 0;
 }
 
 /*
@@ -898,11 +808,6 @@ input.crm-form-entityref {
   margin: 4px;
 }
 
-/* Set display: inline to over-ride drupal.css which sets label tags to display: block */
-#crm-container .notorg {
-  font-weight: normal;
-}
-
 .crm-container .font-light {
   font-weight: lighter;
 }
@@ -940,7 +845,7 @@ input.crm-form-entityref {
 }
 
 #crm-container td.enclosingNested {
-  padding: 0px;
+  padding: 0;
 }
 
 #crm-container .nowrap {
@@ -1014,30 +919,9 @@ input.crm-form-entityref {
   border: 2px solid #999999;
 }
 
-#crm-container td.yes-no {
-  text-align: center;
-}
-
-#crm-container .horizontal-position {
-  margin-right: 30px;
-  margin-left: 30px;
-}
-
-#crm-container .horizontal-center {
-  text-align: center;
-  margin: 0 auto;
-  width: 80%;
-}
-
-#crm-container .place-left {
-  float: left;
-  margin-left: 30px;
-  margin-right: 30px;
-}
-
 #crm-container .float-left {
   float: left;
-  padding: 4px 0px;
+  padding: 4px 0;
   clear: none;
 }
 
@@ -1048,7 +932,7 @@ input.crm-form-entityref {
 #crm-container .float-right {
   float: right;
   width: auto;
-  padding: 4px 0px;
+  padding: 4px 0;
   clear: none;
 }
 
@@ -1072,7 +956,7 @@ input.crm-form-entityref {
 
 .crm-container .crm-search-results {
   margin-bottom: 4px;
-  padding: 0px;
+  padding: 0;
 }
 
 .crm-container #search-status {
@@ -1091,13 +975,13 @@ input.crm-form-entityref {
 }
 
 .crm-container #search-status ul {
-  margin: 0em;
+  margin: 0;
 }
 
 .crm-container #search-status ul li,
 #crm-container ul.left-alignment li {
   display: list-item;
-  margin-left: 2.0em;
+  margin-left: 2em;
   list-style-position: inside;
 }
 
@@ -1113,7 +997,7 @@ input.crm-form-entityref {
 
 #crm-container .section-hidden {
   display: block;
-  margin: 0px;
+  margin: 0;
   padding: 5px;
   font-size: 0.95em;
 }
@@ -1124,11 +1008,11 @@ input.crm-form-entityref {
   margin-left: 5px;
   font-size: 13px;
   font-family: Verdana;
-  padding: 2px 0 0 0px;
+  padding: 2px 0 0 0;
 }
 
 #crm-container .section-shown {
-  padding: 0px 5px;
+  padding: 0 5px;
 }
 #crm-container .data-group-first {
   margin: 10px 5px 5px 5px;
@@ -1140,10 +1024,10 @@ input.crm-form-entityref {
 /* Styles for Wizard Progress Bars */
 #crm-container ul.wizard-bar {
   border-collapse: collapse;
-  padding: 0em 0em 0em 1em;
+  padding: 0 0 0 1em;
   white-space: nowrap;
   list-style: none;
-  margin: 10px 0px 20px;
+  margin: 10px 0 20px;
   height: auto;
   width: auto;
   line-height: normal;
@@ -1176,19 +1060,17 @@ input.crm-form-entityref {
 }
 
 #crm-container ul.wizard-bar li:first-child {
-  border-radius: 8px 0px 0px 8px;
+  border-radius: 8px 0 0 8px;
 }
 
 #crm-container ul.wizard-bar li:last-child {
-  border-radius: 0px 8px 8px 0px;
+  border-radius: 0 8px 8px 0;
 }
 
 /* Recently Viewed bar */
 #crm-recently-viewed ul {
   list-style-image: none;
   font-size: .9em;
-  margin: 0px;
-  padding: 0px;
 }
 
 #crm-recently-viewed li.crm-recently-viewed {
@@ -1199,8 +1081,6 @@ input.crm-form-entityref {
   white-space: nowrap;
   list-style-type: none;
   position: relative;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
   border-radius: 4px;
 }
 
@@ -1208,8 +1088,6 @@ input.crm-form-entityref {
 #crm-recently-viewed .crm-recentview-wrapper {
   background-color: #FFFFCC;
   border: 1px solid #FFFF66;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
   border-radius: 4px;
 }
 
@@ -1226,7 +1104,7 @@ input.crm-form-entityref {
   z-index: 99;
   width: 10em;
   overflow: hidden;
-  top: 0px;
+  top: 0;
   text-align: center;
   padding-top: 1em;
 }
@@ -1253,7 +1131,7 @@ input.crm-form-entityref {
 #crm-recently-viewed ul,
 #crm-container #alpha-filter ul {
   border-collapse: collapse;
-  padding: 0em;
+  padding: 0;
   list-style-type: none;
   margin: 3px;
   height: auto;
@@ -1290,13 +1168,12 @@ input.crm-form-entityref {
 .crm-container #lang-switch {
   float: right;
   z-index: 2;
-  margin: -24px 30px 0px 0px;
+  margin: -24px 30px 0 0;
 }
 
-/*
-** Boxes of checkbox elements (e.g. Advanced Search page)
-*/
-.crm-container .listing-box {
+/* Boxes of checkbox elements (e.g. Advanced Search page) */
+.crm-container .listing-box,
+.crm-container .listing-box-tall {
   width: auto;
   max-width: 30em;
   height: 7.25em;
@@ -1308,16 +1185,10 @@ input.crm-form-entityref {
   color: black;
 }
 
-/*
-** To allow for taller boxes of groups/tags.
-*/
+/* To allow for taller boxes of groups/tags. */
 .crm-container .listing-box-tall {
-  margin: 0.25em 2.0em 0.5em 0em;
-  width: auto;
-  max-width: 30em;
+  margin: .25em 2em .5em 0;
   height: 15em;
-  overflow: auto;
-  border: 1px solid #999999;
 }
 
 /* Image Styles */
@@ -1326,26 +1197,6 @@ input.crm-form-entityref {
   padding: 2px 2px 2px 3px;
   margin: 2px 2px 3px 2px;
   cursor: pointer;
-  cursor: hand;
-}
-
-/*
-** Style for hiding blocks or table rows
-*/
-.crm-container .hide-block,
-.crm-container .hide-row {
-  display: none;
-}
-
-/*
-** Styles for showing blocks and table rows
-*/
-#crm-container .show-block {
-  display: block;
-}
-
-#crm-container .show-row {
-  display: table-row;
 }
 
 #crm-container input.submit-link {
@@ -1353,7 +1204,7 @@ input.crm-form-entityref {
   background: none transparent;
   border: none;
   cursor: pointer;
-  margin: 0em -0.5em 0em -0.5em;
+  margin: 0 -0.5em 0 -0.5em;
   text-shadow: none;
 }
 
@@ -1383,34 +1234,10 @@ input.crm-form-entityref {
   border: 1px solid #DDDDDD;
 }
 
-.crm-container #main {
-  height: 95%;
-  width: 95%;
-  left: 1%;
-  top: 1%;
-  position: relative;
-}
-
-#crm-container .label-pane {
-  margin: 0.25em 0em 0em;
-  padding: 0.25em;
-  background-color: #6AA8EE;
-  cursor: pointer;
-  color: #213245;
-  font-weight: bold;
-  cursor: pointer;
-}
-
-#crm-container .content-pane {
-  overflow: auto;
-}
-
-/*
-editor specific classes
-*/
+/* editor specific classes */
 #crm-container dd.editor {
   margin-top: 0.7em;
-  margin-left: 0em;
+  margin-left: 0;
   float: left;
   vertical-align: top;
   width: 58em;
@@ -1426,10 +1253,10 @@ editor specific classes
 /* class for tinymce buttons display */
 #crm-container table.mceLayout td,
 #crm-container table.mceLayout table {
-  padding: 0px;
+  padding: 0;
   background: #EDEDED;
   border: 2px solid #EDEDED;
-  font-size: 0em;
+  font-size: 0;
   vertical-align: top;
   width: auto;
 }
@@ -1441,7 +1268,7 @@ editor specific classes
 #location .form-layout table,
 #location .form-layout td,
 #crm-container div#location table.form-layout table.inner-table td {
-  border: 0px;
+  border: 0;
   vertical-align: top;
   margin-bottom: -5px;
   width: auto;
@@ -1453,7 +1280,7 @@ editor specific classes
 #crm-container table.campaign,
 #crm-container table.campaign table.form-layout td {
   font-size: 9pt;
-  border: 0px;
+  border: 0;
   width: auto;
   vertical-align: top;
 }
@@ -1523,14 +1350,6 @@ editor specific classes
   max-width: 360px;
 }
 
-#crm-container .ui-draggable {
-  background: url("../i/draggable.png") no-repeat left 1px;
-  float: left;
-  height: 16px;
-  text-indent: -10000px;
-  width: 16px;
-}
-
 #crm-container .pcp-widgets {
   border: 1px solid #CCCCCC;
   float: right;
@@ -1563,18 +1382,18 @@ editor specific classes
 }
 
 #crm-container table.nestedSelector {
-  margin: 0px;
+  margin: 0;
   width: 100%;
-  border-bottom: 0px;
+  border-bottom: 0;
 }
 
 #crm-container table.nestedSelector tr.columnheader th {
-  border: 0px;
+  border: 0;
 }
 
 #crm-container table.caseSelector {
   vertical-align: top;
-  border: 0px;
+  border: 0;
   margin: 0.5em 0.1em;
 }
 
@@ -1582,20 +1401,15 @@ editor specific classes
   border-bottom: 1px solid #999999;
 }
 
-#crm-container table.caseSelector td.status-urgent {
-  font-weight: bold;
-  text-transform: uppercase;
-}
-
 #crm-container table.caseSelector td {
-  border-right: 0px;
+  border-right: 0;
   padding: 4px;
 }
 
 #crm-container table.nestedActivitySelector {
-  margin: 0px;
+  margin: 0;
   width: 100%;
-  border: 0px;
+  border: 0;
   color: #333333;
 }
 
@@ -1610,11 +1424,11 @@ editor specific classes
 
 #crm-container table#activities-selector.nestedActivitySelector,
 #crm-container table#activities-selector.nestedActivitySelector td {
-  border: 0px;
+  border: 0;
 }
 
 #crm-container table.nestedActivitySelector td {
-  border-right: 0px;
+  border-right: 0;
 }
 
 #crm-container table#activities-selector.nestedActivitySelector tr.status-overdue {
@@ -1657,13 +1471,6 @@ editor specific classes
   background: transparent;
 }
 
-#crm-container span.success-status {
-  margin-left: 6px;
-  background-color: #ffff99;
-  padding: .25em .5em .25em .5em;
-  border: 1px solid #696969;
-}
-
 /* Styles for Config Task List */
 #crm-container td.tasklist a {
   font-weight: bold;
@@ -1688,14 +1495,14 @@ editor specific classes
 }
 
 #crm-container .crm-actions-ribbon ul {
-  margin: 0px;
-  padding: 0px;
+  margin: 0;
+  padding: 0;
 }
 
 #crm-container .crm-actions-ribbon li {
   float: left;
   margin: 0 8px 0 0;
-  padding: 0px;
+  padding: 0;
   list-style: none;
 }
 
@@ -1706,18 +1513,18 @@ editor specific classes
 #crm-container .crm-actions-ribbon li.crm-previous-action,
 #crm-container .crm-actions-ribbon li.crm-next-action {
   float: right;
-  margin: 0px 0px 0px 8px;
+  margin: 0 0 0 8px;
 }
 
 #crm-container .ac_results li {
   float: none;
   padding: 4px;
-  margin: 0px;
+  margin: 0;
   line-height: 15px;
 }
 
 .crm-container .action-item-wrap {
-  padding: 0px 5px;
+  padding: 0 5px;
   border-left: 1px solid #CCC;
   white-space: normal;
 }
@@ -1734,6 +1541,7 @@ editor specific classes
   color: #000;
   padding: 1px 2px 1px 0;
   opacity: .7;
+  cursor: pointer;
 }
 .crm-container a.crm-hover-button.action-item,
 .crm-container .crm-hover-button.btn-slide {
@@ -1794,21 +1602,21 @@ editor specific classes
   display: none;
   z-index: 9999;
   position: absolute;
-  border-bottom: 0px;
+  border-bottom: 0;
   background: transparent url(../i/dropdown-pointer.gif) no-repeat scroll 150px 1px;
   text-align: left;
   padding-top: 5px;
-  margin: 0px;
+  margin: 0;
   width: 180px;
 }
 
 .crm-container td ul.panel {
   top: 15px;
-  right: 0px;
+  right: 0;
 }
 
 .crm-container td ul.panel li {
-  margin: 0px;
+  margin: 0;
   padding: 2px;
   list-style: none;
   background-image: none;
@@ -1905,7 +1713,7 @@ div.grippie {
 }
 
 .crm-container .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
-  padding-bottom: 0px;
+  padding-bottom: 0;
   border: none;
 }
 
@@ -1923,11 +1731,6 @@ div.grippie {
   padding: .5em 1em !important;
 }
 
-/* Styles for Contact Summary start here. dgg */
-#crm-container .primary {
-  font-weight: bold;
-}
-
 #crm-container .ui-tabs-panel {
   padding: 4px;
   min-height: 12em;
@@ -1939,156 +1742,12 @@ div.grippie {
   clear: both;
 }
 
-#crm-container div#crm-contact-thumbnail {
-  padding: 4px;
-  float: right;
-}
-
-#crm-container div.contact_panel {
-  display: block;
-}
-
-#crm-container .upper {
-  text-transform: uppercase;
-}
-
 #crm-container table.caseSelector td.status-urgent {
   font-weight: bold;
   text-transform: uppercase;
 }
 
-#crm-container div.crm-inline-edit {
-  border: 2px dashed transparent;
-  background: none;
-  position: relative;
-}
-
-#crm-container .crm-edit-ready .crm-inline-edit:hover {
-  cursor: pointer;
-  border: 2px dashed lightgrey;
-}
-
-#crm-container div.crm-inline-edit.form {
-  cursor: default;
-  border: 2px dashed #6665BF;
-  overflow: auto;
-}
-
-#crm-container .crm-inline-edit.add-new {
-  min-height: 2.5em;
-}
-
-#crm-container div.crm-inline-edit .crm-edit-help {
-  display: none;
-  position: absolute;
-  right: 0px;
-  top: 0px;
-  opacity: .8;
-  padding: .4em;
-  border-bottom-left-radius: 1em;
-}
-
-#crm-container .crm-inline-edit.add-new .crm-edit-help {
-  display: block;
-  background-color: #EBEBEB;
-}
-
-#crm-container .crm-edit-ready .crm-inline-edit:hover .crm-edit-help {
-  display: block;
-  background-color: #DFE1FF;
-}
-
-#crm-container div.crm-inline-edit.form .crm-edit-help {
-  display: none !important;
-}
-
-#crm-container div.crm-summary-contactname-block {
-  padding-bottom: 8px;
-  margin-top: -10px;
-}
-
-#crm-container div.crm-summary-display_name {
-  font-size: 19px;
-  padding-bottom: 10px;
-}
-
-#crm-container div.contactCardLeft,
-#crm-container div#Top {
-  width: 49%;
-  display: block;
-  float: left;
-  clear: both;
-}
-
-#crm-container div.contactCardRight {
-  width: 49%;
-  display: block;
-  float: right;
-}
-
-#crm-container div.contact_panel table {
-  margin-bottom: 0px;
-}
-
-#crm-container div.contactCardLeft .label,
-#crm-container div.contactCardRight .label {
-  font-size: 11px;
-  vertical-align: top;
-  margin-right: 10px;
-}
-
-#crm-container div.contactCardLeft .grouplabel,
-#crm-container div.contactCardRight .grouplabel {
-  border-bottom: grey 1px solid;
-  width: 100%;
-  font-size: 0.95em;
-  font-weight: bold;
-  background-color: #ddd;
-}
-
-#crm-container div.contact_panel .spacer {
-  padding: 8px;
-}
-
-#crm-container div.contact_panel td {
-  padding: 4px;
-  vertical-align: top;
-  border-bottom: 1px solid #E2E2E2;
-}
-
-#crm-container div.contact_panel td.label {
-  width: 28%;
-}
-
-#crm-container div.contact_panel td.last {
-  border-bottom: 0px;
-}
-
-#crm-container #customFields {
-  width: 100%;
-}
-
-#crm-container #customFields div.contact_panel td.talabel {
-  padding: 4px 0 0 4px;
-  border: 0px;
-}
-
-#crm-container #customFields .contact_panel .customFieldGroup {
-  background-color: #F7F7F7;
-  line-height: 1.4em;
-  padding: 4px;
-  width: 100%;
-}
-
-#crm-container div.contact_panel .crm-address-block {
-  margin-bottom: 6px;
-}
-#crm-container .crm-add-address-wrapper {
-  height: 25px;
-}
-
-.crm-container .crm-clearfix:after,
-#crm-container .crm-summary-row:after {
+.crm-container .crm-clearfix:after {
   clear: both;
   content: ".";
   display: block;
@@ -2103,52 +1762,8 @@ div.grippie {
   font-size: 11px;
 }
 
-#crm-container div.crm-summary-row {
-  background-color: #F4F4ED;
-  border-top: 1px solid #ffffff;
-  margin-bottom: 1px;
-  min-height: 17px;
-}
-
-#crm-container div.crm-summary-row div.crm-label {
-  background-color: #FAFAFA;
-  color: #7A7A60;
-  text-align: left;
-  width: 122px;
-  float: left;
-  padding: 4px;
-}
-
-#crm-container div.crm-summary-row div.crm-content {
-  padding: 4px;
-  margin-left: 130px;
-}
-
-#crm-container div.crm-config-option {
-  float: right;
-  padding-right: 10px;
-  padding-top: 5px;
-}
-
-#crm-container span.crm-custom-greeting {
-  font-size: 9px;
-}
-
-#crm-container table.crm-inline-edit-form td,
-#crm-container div.crm-inline-edit-form {
-  background-color: #efefe5;
-  white-space: nowrap;
-}
-#crm-container table.crm-inline-edit-form td.crm-label,
-#crm-container div.crm-inline-edit-form .crm-label {
-  white-space: normal;
-}
-
-#crm-container div.crm-inline-edit-field {
-  display: inline-block;
-  padding: 4px 5px;
-}
-
+/* reports */
+
 #crm-container div.buttons {
   text-align: right;
   margin: 8px 0 0;
@@ -2163,18 +1778,17 @@ div.grippie {
   vertical-align: top !important;
 }
 
-
 #crm-container div.buttons #actions {
   text-align: left;
   float: left;
 }
 #crm-container div.buttons ul#actions {
   list-style-type: none;
-  padding-left: 0px;
+  padding-left: 0;
 }
 #crm-container div.buttons #actions li {
   float: left;
-  padding: 0px;
+  padding: 0;
   margin: 0 5px 0 0;
 }
 
@@ -2186,11 +1800,14 @@ div.grippie {
   float: right;
 }
 
+.crm-container table.criteria-group {
+  margin-bottom: .1em;
+}
+
 #crm-container .separator {
   border-bottom: solid 2px #ccc;
 }
 
-/* reports */
 #crm-container .report-layout {
   border: none;
 }
@@ -2246,9 +1863,9 @@ div.grippie {
 }
 
 #crm-container table.view-layout {
-  margin: 0em;
+  margin: 0;
   border-collapse: collapse;
-  border: 0px none;
+  border: 0 none;
 }
 
 #crm-container table.view-layout .label {
@@ -2292,10 +1909,9 @@ div.grippie {
 }
 
 #crm-container .cke_editor {
-  border: 0px none;
+  border: 0 none;
 }
 
-
 /* Set/alter ICONS */
 
 #crm-container div#printer-friendly {
@@ -2320,7 +1936,7 @@ div.grippie {
 .crm-container .crm-submit-buttons,
 .crm-container .action-link {
   height: 27px;
-  margin: 4px 0px 4px 2px;
+  margin: 4px 0 4px 2px;
 }
 
 .crm-container .register_link-top {
@@ -2332,21 +1948,7 @@ div.grippie {
   margin-left: .5em;
 }
 
-.crm-container .crm-button,
-#crm-container .crm-button {
-  border: medium none;
-  cursor: pointer;
-  display: block;
-  float: left !important;
-  overflow: hidden;
-  text-shadow: 0 1px 0 black;
-  margin: 0px 12px 0 0;
-  padding: 0px 4px;
-  cursor: pointer;
-}
-
-.crm-container .crm-button input,
-#crm-container .crm-button input {
+.crm-container .crm-button input {
   background: none;
   _background: #6C6C6C;
   /* IE6 only */
@@ -2355,18 +1957,15 @@ div.grippie {
   cursor: pointer;
   font-size: 13px;
   font-weight: normal;
-  margin: 0 0 0 0px;
+  margin: 0;
   padding: 1px 8px 2px 4px;
 }
 
 .crm-container .crm-button-type-cancel,
-.crm-container .crm-button-type-back,
-#crm-container .crm-button-type-cancel,
-#crm-container .crm-button-type-back {
+.crm-container .crm-button-type-back {
   margin-left: 20px;
 }
-.crm-container .crm-button-type-cancel input,
-#crm-container .crm-button-type-cancel input {
+.crm-container .crm-button-type-cancel input {
   color: #E6E6DC!important;
 }
 
@@ -2377,11 +1976,9 @@ div.grippie {
 .crm-container a.button:link,
 .crm-container a.button:visited,
 .crm-container input.crm-form-submit,
-.crm-container .crm-button,
 .crm-container .ui-dialog-buttonset .ui-button,
-#crm-container input[type=button],
-#crm-container input.crm-form-submit-inline,
-#crm-container .crm-button {
+.crm-container input[type=button],
+.crm-container .crm-button {
   text-shadow: 0 1px 0 black;
   background: #70716B url(../i/crm-button-bg.gif) repeat-x top left;
   color: #FFF;
@@ -2394,33 +1991,30 @@ div.grippie {
   border: 1px solid #3e3e3e;
 }
 
-.crm-container input.crm-form-submit[disabled],
-.crm-container .crm-button[disabled],
-#crm-container input[type=button][disabled],
-#crm-container input.crm-form-submit-inline[disabled],
-#crm-container .crm-button[disabled] {
-    color: #999;
+.crm-container span.crm-button {
+  display: block;
+  float: left !important;
+  overflow: hidden;
+  padding: 1px;
 }
 
-.crm-container .crm-button,
-#crm-container .crm-button {
-  padding: 1px;
+.crm-container button.crm-button {
+  padding: 3px 6px;
+}
+
+.crm-container button.crm-button .icon {
+  margin-bottom: -4px;
 }
 
 .crm-container input.crm-form-submit,
-#crm-container input[type=button],
-#crm-container input.crm-form-submit-inline {
+.crm-container input[type=button] {
   padding: 2px 6px;
 }
 
 .crm-container .crm-button input[type=button],
-.crm-container .crm-button input.crm-form-submit,
-.crm-container .crm-button input.crm-form-submit-inline,
-#crm-container .crm-button input[type=button],
-#crm-container .crm-button input.crm-form-submit,
-#crm-container .crm-button input.crm-form-submit-inline {
-  padding: 2px 4px;
-  margin: 0px;
+.crm-container .crm-button input.crm-form-submit {
+  padding: 3px 5px 2px;
+  margin: 0;
   background: none;
   _background: #6C6C6C;
   /* IE6 only */
@@ -2435,12 +2029,13 @@ div.grippie {
 .crm-container a.button:visited {
   display: block;
   float: left;
+  line-height: 135%;
 }
 
 .crm-container a.button .crm-container a.crm-invoiceButton span {
   display: block;
   line-height: 14px;
-  padding: 2px 0px;
+  padding: 2px 0;
 }
 
 .crm-container .button .red .crm-invoiceButton{
@@ -2463,7 +2058,22 @@ div.grippie {
 .crm-container a.crm-invoiceButton:hover,
 .crm-container a.crm-invoiceButton:focus,
 .crm-container a.button:focus {
-  background-position: 0px -25px;
+  background-position: 0 -25px;
+}
+
+.crm-container .crm-button-disabled,
+.crm-container .crm-button.crm-button-disabled,
+.crm-container .ui-dialog-buttonset .ui-button[disabled],
+.crm-container input.crm-form-submit[disabled],
+.crm-container input[type=button][disabled],
+.crm-container .crm-button[disabled] {
+  opacity: .6;
+  cursor: default;
+  background-position: top left;
+}
+
+.crm-container .crm-button-disabled input[disabled] {
+  opacity: 1;
 }
 
 .crm-container .ui-dialog-buttonpane {
@@ -2473,8 +2083,7 @@ div.grippie {
 .crm-container .ui-dialog-buttonset .ui-button {
   padding: 0;
 }
-.crm-container .ui-dialog-buttonset .ui-button .ui-icon,
-#crm-contact-actions-list .icon {
+.crm-container .ui-dialog-buttonset .ui-button .ui-icon {
   background-image: url("../i/icons/jquery-ui-FFFFFF.png");
 }
 
@@ -2482,8 +2091,8 @@ div.grippie {
 #crm-container input#_qf_Register_upload_express,
 #crm-container input#_qf_Main_upload_express {
   background: none;
-  margin: 0px;
-  padding: 0px;
+  margin: 0;
+  padding: 0;
   border: none;
 }
 
@@ -2492,8 +2101,7 @@ div.grippie {
 #crm-participant-wrapper,
 #crm-event-links-wrapper,
 #crm-contribpage-links-wrapper,
-#crm-create-new-wrapper,
-#crm-contact-actions-wrapper {
+#crm-create-new-wrapper {
   position: relative;
   float: left;
 }
@@ -2507,7 +2115,7 @@ div.grippie {
   display: none;
   top: 24px;
   width: 220px;
-  left: 0px;
+  left: 0;
   z-index: 15;
 }
 
@@ -2515,19 +2123,6 @@ div.grippie {
   width: 160px;
 }
 
-#crm-contact-actions-list .crm-contact_activities-list select {
-  margin-top: 4px;
-}
-
-#crm-contact-actions-list .crm-contact_activities-list,
-#crm-contact-actions-list .crm-contact_print-list,
-#crm-contact-actions-list .crm-contact_actions-list {
-  width: 160px;
-}
-
-#crm-contact-actions-list .crm-contact_activities-list ul,
-#crm-contact-actions-list .crm-contact_print-list ul,
-#crm-contact-actions-list .crm-contact_actions-list ul,
 #crm-event-links-list .crm-event-info ul,
 #crm-event-links-list .crm-event-test ul,
 #crm-event-links-list .crm-event-live ul,
@@ -2539,45 +2134,8 @@ div.grippie {
 #crm-participant-list .crm-participant-listing ul,
 #crm-create-new-list ul {
   width: auto;
-  margin: 0px;
-  padding: 0px;
-}
-
-#crm-contact-actions-list .crm-contact_activities-list ul {
-  padding-right: 4px;
-}
-#crm-contact-actions-list .crm-contact_print-list ul {
-  padding-left: 4px;
-}
-#crm-contact-actions-list .crm-contact_actions-list ul {
-  padding-left: 4px;
-}
-
-#crm-contact-actions-list .crm-contact_activities-list {
-  float: left;
-}
-#crm-contact-actions-list .crm-contact_print-list {
-  float: right;
-}
-#crm-contact-actions-list .crm-contact_actions-list {
-  margin-left: 160px;
-  margin-right: 161px;
-  border-left: 1px solid #a7a7a7;
-  border-right: 1px solid #a7a7a7;
-}
-
-/* =================== */
-/* ! contact actions  */
-/* =================== */
-
-
-#crm-contact-actions-wrapper {
-  width: 85px;
-  /* fixes ie bug where button is toooooo long */
-}
-#crm-contact-actions-list {
-  width: 495px;
-  /* fixes ie bug  caused by above*/
+  margin: 0;
+  padding: 0;
 }
 
 /* setup for icons */
@@ -2586,13 +2144,14 @@ div.grippie {
   background-image: url('');
 }
 
-.crm-container .ui-icon {
+.crm-container .ui-icon,
+.crm-container .icon {
   background-image: url("../i/icons/jquery-ui-52534D.png")
 }
+
 .crm-container .icon {
   height: 16px;
   width: 16px;
-  background-image: url("../i/icons/jquery-ui-52534D.png");
   float: left;
   text-indent: -10000px;
 }
@@ -2616,121 +2175,59 @@ div.grippie {
   background-image: url("../i/icons/jquery-ui-2786C2.png");
 }
 
-.crm-container .crm-button .icon {
+.crm-container span.crm-button .icon {
   margin-top: 3px;
 }
 
-.crm-container .dark-icon {
-  background-image: url("../packages/jquery/jquery-ui/images/ui-icons_222222_256x240.png")
+.crm-container .button .icon {
+  float: left;
+  display: block;
+  margin-right: 3px;
+  top: -1px;
 }
-.crm-container .edit-icon {
-  background-position: -64px -112px;
+
+.crm-container .button .icon.css_right {
+  float: right;
+  margin-right: 0;
+  margin-left: 3px;
 }
-.crm-container .previous-icon {
-  background-position: -80px -160px;
+
+.crm-container .crm-button.crm-icon-button {
+  padding: 2px 2px 1px 4px;
 }
-.crm-container .next-icon {
-  background-position: -64px -160px;
+
+.crm-container .crm-button.crm-icon-button input {
+  padding-left: 18px;
 }
-.crm-container .add-icon {
-  background-position: 0 -192px;
+
+.crm-container .crm-button-icon {
+  background-image: url("../i/icons/jquery-ui-FFFFFF.png");
+  height: 16px;
+  width: 16px;
+  display: block;
+  position: absolute;
+  pointer-events: none;
 }
-.crm-container .back-icon {
-  background-position: 0 -64px;
+
+.crm-container .dark-icon {
+  background-image: url("../bower_components/jquery-ui/themes/smoothness/images/ui-icons_222222_256x240.png")
 }
 .crm-container .delete-icon {
   background-position: -176px -96px;
 }
-.crm-container .details-icon {
-  background-position: -128px -112px;
-}
 .crm-container .red-icon,
 .crm-container a:hover .icon.delete-icon,
-.crm-container span:hover .icon.delete-icon {
+.crm-container .crm-button:hover .icon.ui-icon-trash,
+.crm-container .crm-hover-button:hover .icon.ui-icon-trash,
+.crm-container span:hover > .icon.delete-icon {
   background-image: url("../i/icons/jquery-ui-8A1F11.png");
 }
 
-.crm-container .restore-icon {
-  background-position: 0px -66px;
-  background-image: url("../i/icons/jquery-ui-91CE00.png");
-}
-.crm-container .button:hover .restore-icon {
-  background-image: url("../i/icons/jquery-ui-91CE00.png");
-}
-
-.crm-container .vcard-icon {
-  background-position: -32px -80px;
-}
-
-.crm-container .print-icon {
-  background-position: -160px -96px;
-}
-
-.crm-container .dashboard-icon {
-  background-position: -192px -128px;
-}
-
-.crm-container .Individual-profile-icon,
-.crm-container .user-record-icon {
-  background-position: -144px -96px;
-}
-.crm-container .Household-profile-icon {
-  background-position: 0 -112px;
-}
-.crm-container .Organization-profile-icon {
-  background-position: -112px -112px;
-}
 .crm-container .inform-icon {
   background-position: -16px -144px;
   margin-right: 5px;
 }
 
-.crm-container .dropdown-icon {
-  background-position: -48px -32px;
-  float: right;
-}
-
-.crm-container .tip-icon {
-  background-position: -128px -128px;
-}
-
-.crm-container .alert-icon {
-  background-position: 0 -144px;
-}
-.crm-container .check-icon {
-  background-position: -64px -144px;
-}
-.crm-container .refresh-icon {
-  background-position: -64px -80px;
-}
-.crm-container .settings-icon {
-  background-position: -176px -112px;
-}
-.crm-container .search-icon {
-  background-position: -160px -112px;
-}
-.crm-container .email-icon {
-  background-position: -80px -96px;
-}
-.crm-container .preview-icon {
-  background-position: -224px -128px;
-}
-.crm-container .play-icon {
-  background-position: 0 -160px;
-}
-.crm-container .close-icon {
-  background-position: -80px -128px;
-}
-.crm-container .swap-icon {
-  background-position: -80px -80px;
-}
-
-#crm-container .geotag {
-  padding: 2px 0 2px 20px !important;
-  background: url('../i/geotag_16.png') left center no-repeat;
-  font-size: .9em;
-}
-
 /* These .crm-icon classes use item_sprites.png */
 
 .crm-container .crm-icon {
@@ -2742,22 +2239,22 @@ div.grippie {
 
 .select2-results .select2-highlighted .Individual-icon,
 .crm-container .Individual-icon {
-  background-position: 0px 0px;
+  background-position: 0 0;
 }
 .select2-results .select2-highlighted .Organization-icon,
 .crm-container .Organization-icon {
-  background-position: -48px 0px;
+  background-position: -48px 0;
 }
 .select2-results .select2-highlighted .Household-icon,
 .crm-container .Household-icon {
-  background-position: -32px 0px;
+  background-position: -32px 0;
 }
 .crm-container .Group-icon {
-  background-position: -16px 0px;
+  background-position: -16px 0;
 }
 .select2-results .Individual-icon,
 .crm-container .Individual-subtype-icon {
-  background-position: 0px -48px;
+  background-position: 0 -48px;
 }
 .select2-results .Household-icon,
 .crm-container .Household-subtype-icon {
@@ -2769,13 +2266,13 @@ div.grippie {
 }
 
 .crm-container .Activity-icon {
-  background-position: -64px 0px;
+  background-position: -64px 0;
 }
 .crm-container .Case-icon {
-  background-position: -80px 0px;
+  background-position: -80px 0;
 }
 .crm-container .Grant-icon {
-  background-position: 0px -16px;
+  background-position: 0 -16px;
 }
 .crm-container .Contribution-icon {
   background-position: -16px -16px;
@@ -2787,7 +2284,7 @@ div.grippie {
   background-position: -32px -16px;
 }
 .crm-container .Participant-icon {
-  background-position: 0px -32px;
+  background-position: 0 -32px;
 }
 .crm-container .Note-icon {
   background-position: -16px -32px;
@@ -2840,7 +2337,7 @@ div.grippie {
   background-color: transparent;
   font-size: 16px;
   color: #3e3e3e;
-  margin-bottom: 0px;
+  margin-bottom: 0;
 }
 
 .crm-container .crm-accordion-inner .crm-accordion-header {
@@ -2852,40 +2349,31 @@ div.grippie {
 }
 
 .crm-container .crm-accordion-header {
-  -moz-border-radius: 4px 4px 0px 0px;
-  -webkit-border-radius: 4px 4px 0px 0px;
-  -khtml-border-radius: 4px 4px 0px 0px;
-  border-radius: 4px 4px 0px 0px;
+  border-radius: 4px 4px 0 0;
 }
 
 .crm-container .collapsed .crm-accordion-header {
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  -khtml-border-radius: 4px;
   border-radius: 4px;
 }
 
 .crm-container .crm-accordion-body {
-  -moz-border-radius: 0px 0px 4px 4px;
-  -webkit-border-radius: 0px 0px 4px 4px;
-  -khtml-border-radius: 0px 0px 4px 4px;
-  border-radius: 0px 0px 4px 4px;
+  border-radius: 0 0 4px 4px;
   border: 1px solid #70716B;
-  border-top: 0px;
-  padding: 4px 0px;
+  border-top: 0;
+  padding: 4px 0;
 }
 
 .crm-container .crm-collapsible .collapsible-title {
   padding-left: 19px;
   text-decoration: none;
   background-repeat: no-repeat;
-  background-position: 0px center;
+  background-position: 0 center;
   cursor: pointer;
 }
 
 .crm-container .crm-master-accordion-header+.crm-accordion-body {
   border: none;
-  padding: 0px;
+  padding: 0;
 }
 
 .crm-container .crm-accordion-header.active {
@@ -2919,7 +2407,7 @@ div.grippie {
 #civicrm-menu #crm-qsearch input {
   background-color: #eaeaea;
   border: 1px solid black;
-  margin: 0px;
+  margin: 0;
   padding: 2px 16px 3px 2px;
   height: 16px;
 }
@@ -2942,7 +2430,7 @@ div.grippie {
 }
 
 .crm-status-box-outer.status-start {
-  background: #F8FF03 url("../packages/jquery/jquery-ui/images/animated-overlay.gif");
+  background: #F8FF03 url("../bower_components/jquery-ui/themes/smoothness/images/animated-overlay.gif");
 }
 
 .crm-status-box-outer .crm-status-box-inner {
@@ -2995,7 +2483,7 @@ div a.helpicon:focus {
 
 .crm-container .crm-tooltip-wrapper {
   position: absolute;
-  bottom: 0px;
+  bottom: 0;
   left: -36px;
   overflow: hidden;
   z-index: 1000;
@@ -3037,12 +2525,12 @@ div a.helpicon:focus {
 }
 .crm-container .crm-tooltip .crm-summary-group {
   width: 700px;
-  margin-bottom: 0px;
+  margin-bottom: 0;
 }
 
 .crm-container .crm-tooltip .crm-report-overlay {
   width: 500px;
-  margin-bottom: 0px;
+  margin-bottom: 0;
 }
 
 .crm-container .crm-tooltip .crm-report-overlay thead td {
@@ -3053,7 +2541,7 @@ div a.helpicon:focus {
   padding: 2px 4px 0 4px;
   font-size: 14px;
   color: #FFF;
-  margin-bottom: 0px;
+  margin-bottom: 0;
 }
 
 /* crm-summary-group appears outside crm-container for contact summary icon overlay */
@@ -3104,33 +2592,14 @@ div a.helpicon:focus {
 #crm-container #membership-listings,
 #crm-container #premiums-listings,
 #crm-container #searchForm table {
-  margin: 0em;
+  margin: 0;
   border-collapse: collapse;
-  border: 0px none;
+  border: 0 none;
 }
 
 /* Override Drupal .2em margin-bottom on forms (we don't want to give up that space) */
 div.crm-container form {
-  margin-bottom: 0em;
-}
-
-/* This is the style for the trigger icon. The margin-bottom value causes the icon to shift down to center it. */
-.crm-container .ui-datepicker-trigger {
-  margin-top: 4px;
-  margin-bottom: -6px;
-}
-
-.crm-container .ui-datepicker {
-  z-index: 1;
-}
-
-#activity-content table {
-  width: 100%!important;
-}
-
-#Tag .tree .collapsable .hit,
-#Tag .tree .expandable .hit {
-  padding-left: 16px;
+  margin-bottom: 0;
 }
 
 /** DATATABLES **/
@@ -3141,14 +2610,12 @@ div.crm-container form {
 .crm-container .paging_two_button .ui-button {
   float: left;
   cursor: pointer;
-  * cursor: hand;
 }
 
 .crm-container .paging_full_numbers .ui-button {
   padding: 2px 6px;
   margin: 0;
   cursor: pointer;
-  * cursor: hand;
 }
 
 .crm-container .dataTables_paginate .ui-button {
@@ -3274,7 +2741,7 @@ div.crm-container form {
   padding: 3px 10px;
 }
 
-.crm-container table.display td.center {
+.crm-container table td.center {
   text-align: center;
 }
 /* Fix weird color added to some datatables' sort column */
@@ -3336,12 +2803,6 @@ div.crm-container form {
   overflow: visible;
 }
 
-/* Help text in Send Mail*/
-#crm-container div.messageHelp {
-  z-index: 1;
-  position: absolute;
-  margin: 6px 0px 0px 115px;
-}
 /*chart */
 #chartData {
   overflow: auto;
@@ -3387,6 +2848,7 @@ div.crm-container form {
 .crm-container table.pagerDisplay td {
   border-color: #efefef;
   border-right: 1px solid #efefef;
+  border-collapse: collapse;
 }
 .crm-container .odd-row,
 .crm-container .odd,
@@ -3445,12 +2907,10 @@ tbody.scrollContent tr.alternateRow {
 
 
 /*contact summary page */
-#crm-container div.contact_details,
-#crm-container #customFields .contact_panel .customFieldGroup {
+#crm-container div.contact_details {
   background-color: transparent;
 }
 
-#crm-container div.contact_panel td,
 .crm-container table.crm-info-panel td {
   border-bottom: 1px solid #FFF;
 }
@@ -3479,11 +2939,6 @@ tbody.scrollContent tr.alternateRow {
 .crm-container table.selector td {
   border-right: 1px dotted #DDDDDD;
 }
-.crm-container #customFields div.contact_panel td {
-  border-bottom: 1px solid #FFFFFF;
-  padding: 4px;
-  vertical-align: top;
-}
 
 .crm-container div.contact_panel td,
 .crm-container table.crm-info-panel td {
@@ -3529,7 +2984,6 @@ tbody.scrollContent tr.alternateRow {
 
 
 /* search results */
-
 .crm-container .crm-search-tasks,
 .crm-container .crm-tasks {
   background-color: #F0F0E8;
@@ -3554,22 +3008,19 @@ tbody.scrollContent tr.alternateRow {
 .crm-container .status-fatal,
 .crm-container .status-hold,
 .crm-container .status-past,
+.crm-contact-deceased,
 .crm-container .status-warning {
   color: #E43D2B !important;
 }
 
-/* rounded corners - we will call dd_roundies on all this */
+/* rounded corners */
 .crm-container .crm-button,
 .crm-container a.button,
 .crm-container a.crm-invoiceButton,
 .crm-container a.crm-invoiceButton:link,
 .crm-container a.button:link,
 .crm-container input.crm-form-submit,
-.crm-container input[type=button],
-.crm-container input.crm-form-submit-inline {
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  -khtml-border-radius: 3px;
+.crm-container input[type=button] {
   border-radius: 3px;
 }
 
@@ -3589,9 +3040,6 @@ div.m ul#civicrm-menu,
 .crm-container .crm-tasks,
 .crm-container div.form-item,
 .crm-container div.messages {
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  -khtml-border-radius: 4px;
   border-radius: 4px;
 }
 
@@ -3655,7 +3103,6 @@ div.m ul#civicrm-menu,
 
 /* loader autocomplete */
 
-#civicrm-menu .ui-autocomplete-loading,
 .crm-container .ui-autocomplete-loading {
   background: white url('../i/loading.gif') no-repeat right center;
 }
@@ -3732,6 +3179,16 @@ div.m ul#civicrm-menu,
 .select2-drop .crm-entityref-filters select.active {
   border: 1px solid #808080;
 }
+/* Icons used by entityRef create buttons */
+.crm-container .Individual-profile-icon {
+  background-position: -144px -96px;
+}
+.crm-container .Household-profile-icon {
+  background-position: 0 -112px;
+}
+.crm-container .Organization-profile-icon {
+  background-position: -112px -112px;
+}
 /* Style autocomplete results */
 .crm-container .select2-results {
   font-size: 12px;
@@ -3800,23 +3257,14 @@ div.m ul#civicrm-menu,
 .crm-container .crm-action-menu.action-icon-clipboard .select2-default span.select2-chosen:before {
   background-position: -160px -128px;
 }
+.crm-container .crm-action-menu.action-icon-token .select2-default span.select2-chosen:before {
+  background-position: -144px 0;
+}
 /* Restore this property otherwise our css overrides it */
 .select2-search input {
   box-sizing: border-box;
 }
 
-/* Special styling for specific form buttons */
-#crm-container span.crm-button_qf_Main_upload input,
-#crm-container span.crm-button_qf_Confirm_next input,
-#crm-container span.crm-button_qf_Register_upload input {
-  font-size: 1.2em;
-}
-
-/* Match font size on 'Continue' button on event participant form (no specific class) */
-#crm-container .crm-event-additionalparticipant-form-block span.crm-button input.crm-form-submit.default {
-  font-size: 1.2em;
-}
-
 /* jQuery UI styles */
 .crm-container .ui-progressbar-value {
   background-image: url("../packages/jquery/css/images/pbar-ani.gif");
@@ -3840,7 +3288,7 @@ div.m ul#civicrm-menu,
   color: #F5F6F1;
 }
 .crm-container .ui-dialog-title {
-  background: url("../i/logo16px.png") no-repeat scroll 0 center;
+  background: url("../i/item_sprites.png") no-repeat scroll -79px -47px;
   margin-left: -5px;
   padding-left: 25px;
 }
@@ -3896,7 +3344,7 @@ div.m ul#civicrm-menu,
 
 #crm-container .civicrm-drupal-wysiwyg .collapsed {
   background: transparent;
-  padding-left: 0px;
+  padding-left: 0;
 }
 
 #manageTags {
@@ -3996,68 +3444,37 @@ div.m ul#civicrm-menu,
   vertical-align: top;
 }
 
-/* Responsive layout changes */
-
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed,
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed tbody,
-#crm-container .contact_basic_information-section.narrowform.xnarrowform table.form-layout-compressed tr {
-  display: block;
-  width: 100%;
-}
-
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed tr {
-  display: inline-block;
-  width: 49%;
-  vertical-align: top;
-}
-
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td {
-  display: block;
-  clear: left;
-  vertical-align: top;
-  margin-bottom: .5ex;
+/* editable placeholder containers - share some styles with crm-editable below */
+.crm-container .replace-plain,
+.crm-container textarea,
+.crm-container select.crm-form-multiselect {
+  border: 1px solid #999;
 }
 
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td.hashelpicon {
+.crm-container .replace-plain {
+  cursor: pointer;
+  background: rgba(255,255,255,0.6);
+  min-height: 1.4em;
   position: relative;
+  padding: .4em 1.5em .3em .4em;
 }
 
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td.hashelpicon label {
-  padding-bottom: 16px;
-}
-
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td .helpicon {
-  position: absolute;
-  bottom: -12px;
-  left: 2px;
-}
-
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td br {
-  display: none;
-}
-
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td label {
-  display: block;
-  box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  width: 25%;
-  float: left;
-  padding-right: 1%;
+.crm-container .replace-plain p {
+  padding: .2em 0;
+  margin: 0;
 }
 
-#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td input {
-  box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  width: 75%;
+.crm-container .replace-plain:focus,
+.crm-container .replace-plain:hover {
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
+  background: rgba(255,255,255,0.8);
 }
 
-#crm-container #mainTabContainer.narrowpage #contact-summary div.customFieldGroup,
-#crm-container #mainTabContainer.narrowpage #contact-summary div.contactCardLeft,
-#crm-container #mainTabContainer.narrowpage #contact-summary div.contactCardRight {
-  box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  float: none;
-  width: 100%;
+.crm-container .replace-plain:before {
+  content: "";
+  position: absolute;
+  top: .4em;
+  right: .5em;
 }
 
 /* in place edit  */
@@ -4081,21 +3498,25 @@ div.m ul#civicrm-menu,
 }
 
 .crm-container span.crm-editable-textarea-enabled {
-  display: inline-block !important;
   width: 96%;
 }
 .crm-container span.crm-editable-enabled {
   display: inline-block !important;
 }
 
-.crm-container .crm-editable-placeholder {
+.crm-container .crm-editable-placeholder,
+.crm-container .replace-plain:before {
   background: url("../i/icons/jquery-ui-3E3E3E.png") -66px -114px no-repeat;
   text-indent: -10000px;
   display: block;
-  width: 12px;
+  height: 16px;
+  width: 16px;
   opacity: .5;
 }
 
+.crm-container .replace-plain a:active:before,
+.crm-container .replace-plain:focus:before,
+.crm-container .replace-plain:hover:before,
 .crm-container .crm-editable-enabled:hover .crm-editable-placeholder {
   background-image: url("../i/icons/jquery-ui-2786C2.png");
   opacity: 1;
@@ -4106,12 +3527,6 @@ div.m ul#civicrm-menu,
   opacity: 0.8;
 }
 
-.crm-container .crm-editable-error,
-.crm-container .crm-editable-error input {
-  background: red!important;
-  opacity: 0.8;
-}
-
 .crm-container h2.crm-editable-enabled input {
   min-height: 1.4em;
 }
@@ -4136,15 +3551,12 @@ div.m ul#civicrm-menu,
 .crm-editable-form button {
   position: absolute;
   bottom: -22px;
+  left: 0;
   text-align: center;
   height: 23px;
   width: 32px;
 }
 
-.crm-editable-form button[type=submit] {
-  left: 0;
-}
-
 .crm-editable-form button[type=cancel] {
   left: 32px;
 }
@@ -4155,7 +3567,7 @@ div.m ul#civicrm-menu,
 }
 
 .crm-container .field-action span.btn-slide {
-  padding-left: 0px;
+  padding-left: 0;
   padding-right: 11px;
 }
 /*end crm-10345*/
@@ -4179,7 +3591,7 @@ div.m ul#civicrm-menu,
 }
 
 #crm-container div.crm-row-parent-name {
-  padding: 3px 0px 0px .5em;
+  padding: 3px 0 0 .5em;
   opacity: 0.75;
 }
 #crm-container td span.show-children,
@@ -4213,8 +3625,6 @@ div.m ul#civicrm-menu,
   padding: 10px;
   margin-bottom: 15px;
   color: #fff;
-  -moz-border-radius: 8px;
-  -webkit-border-radius: 8px;
   border-radius: 8px;
   max-height: 600px;
   overflow: auto;
@@ -4300,15 +3710,15 @@ div.m ul#civicrm-menu,
 }
 .crm-container div.ui-notify-message.success div.icon,
 .crm-status-icon.success {
-  background-position: -24px 0px;
+  background-position: -24px 0;
 }
 .crm-container div.ui-notify-message.info div.icon,
 .crm-status-icon.info {
-  background-position: -48px 0px;
+  background-position: -48px 0;
 }
 .crm-container div.ui-notify-message.error div.icon,
 .crm-status-icon.error {
-  background-position: -72px 0px;
+  background-position: -72px 0;
 }
 .crm-container div.ui-notify-message.none div.icon {
   display: none;
@@ -4381,11 +3791,6 @@ span.crm-status-icon {
   margin-top: 30px;
 }
 
-#crm-container.crm-public #crm-submit-buttons input#_qf_Main_upload-bottom {
-  font-size: 1.5em;
-  padding: 3px 10px;
-}
-
 #crm-container.crm-public #premiums-listings {
   margin-top: 10px;
   min-width: 450px;
@@ -4594,10 +3999,6 @@ span.crm-status-icon {
   text-decoration: line-through;
 }
 
-.crm-printButton {
-  float: right;
-}
-
 .crm-container input.ng-invalid.ng-dirty,
 .crm-container select.ng-invalid.ng-dirty,
 .crm-container textarea.ng-invalid.ng-dirty {
@@ -4617,29 +4018,9 @@ span.crm-status-icon {
   background: url("../i/loading-overlay.gif") center center no-repeat white !important;
 }
 
-/* Recurring Dialog */
-.crm-container .recurring-dialog-inner-wrapper {
-  display: inline-block;
-  width: 100%;
-}
-.crm-container .recurring-dialog-inner-left{
-  width: 30%;
-  float: left;
-}
-.crm-container .recurring-dialog-inner-right{
-  width: 70%;
-  float: left;
-}
-.crm-container .recurring-dialog-button{
-  background: #f5f5f5;
-  background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
-  border: 1px solid rgba(0,0,0,0.1);
-  padding: 5px 8px;
-  text-align: center;
-  border-radius: 2px;
-  cursor: pointer;
-  font-size: 11px !important;
-}
 .crm-container table.mergecontact thead th {
   width:30%;
 }
+.crm-container .crm-ui-datetime.ng-dirty input.incomplete {
+  border: 1px solid red;
+}