Skip to content
This repository
Browse code

MINOR: Added Member Profile Popup Styling

MINOR: Better button styles
MINOR: Now compass for button sprites
  • Loading branch information...
commit 2a429c9850652f3956a9ef664c41e6706b898250 1 parent 749d908
Wolf Vollprecht authored December 21, 2011 chillu committed December 29, 2011

Showing 51 changed files with 319 additions and 224 deletions. Show diff stats Hide diff stats

  1. 282  admin/css/screen.css
  2. BIN  admin/images/16x16-s8aab2a0ce2.png
  3. BIN  admin/images/24x24-s5aa96abf84.png
  4. BIN  admin/images/btn_icons-sb7da7f8cce.png
  5. BIN  admin/images/btn_icons/accept.png
  6. BIN  admin/images/btn_icons/accept_disabled.png
  7. BIN  admin/images/btn_icons/add.png
  8. BIN  admin/images/btn_icons/add_disabled.png
  9. BIN  admin/images/btn_icons/addpage.png
  10. BIN  admin/images/btn_icons/addpage_disabled.png
  11. BIN  admin/images/btn_icons/decline.png
  12. BIN  admin/images/btn_icons/decline_disabled.png
  13. BIN  admin/images/btn_icons/preview.png
  14. BIN  admin/images/btn_icons/preview_disabled.png
  15. BIN  admin/images/btn_icons/settings.png
  16. BIN  admin/images/btn_icons/settings_disabled.png
  17. BIN  admin/images/btn_icons/unpublish.png
  18. BIN  admin/images/btn_icons/unpublish_disabled.png
  19. BIN  admin/images/btn_icons_sprite.png
  20. BIN  admin/images/btn_icons_sprite_disabled.png
  21. 0  admin/images/{icons/16x16-s4d33bad4d2.png → menu_icons/16x16-s2ac647f5ef.png}
  22. 0  admin/images/{icons → menu_icons}/16x16/blog.png
  23. 0  admin/images/{icons → menu_icons}/16x16/community.png
  24. 0  admin/images/{icons → menu_icons}/16x16/document.png
  25. 0  admin/images/{icons → menu_icons}/16x16/gears.png
  26. 0  admin/images/{icons → menu_icons}/16x16/home.png
  27. 0  admin/images/{icons → menu_icons}/16x16/information.png
  28. 0  admin/images/{icons → menu_icons}/16x16/network.png
  29. 0  admin/images/{icons → menu_icons}/16x16/pencil.png
  30. 0  admin/images/{icons → menu_icons}/16x16/picture.png
  31. 0  admin/images/{icons → menu_icons}/16x16/pie-chart.png
  32. 0  admin/images/{icons/24x24-sba30d25a74.png → menu_icons/24x24-s0cb1fe1c77.png}
  33. 0  admin/images/{icons → menu_icons}/24x24/blog.png
  34. 0  admin/images/{icons → menu_icons}/24x24/community.png
  35. 0  admin/images/{icons → menu_icons}/24x24/document.png
  36. 0  admin/images/{icons → menu_icons}/24x24/gears.png
  37. 0  admin/images/{icons → menu_icons}/24x24/home.png
  38. 0  admin/images/{icons → menu_icons}/24x24/information.png
  39. 0  admin/images/{icons → menu_icons}/24x24/network.png
  40. 0  admin/images/{icons → menu_icons}/24x24/pencil.png
  41. 0  admin/images/{icons → menu_icons}/24x24/picture.png
  42. 0  admin/images/{icons → menu_icons}/24x24/pie-chart.png
  43. 0  admin/images/{icons → menu_icons}/README
  44. 153  admin/scss/_forms.scss
  45. 2  admin/scss/_menu.scss
  46. 8  admin/scss/_sprites.scss
  47. 83  admin/scss/_style.scss
  48. 6  admin/scss/_tree.scss
  49. 4  admin/scss/_uitheme.scss
  50. 3  admin/scss/themes/_default.scss
  51. 2  security/Member.php
282  admin/css/screen.css
@@ -32,7 +32,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
32 32
 /** ----------------------------- Sprite images ----------------------------- */
33 33
 /** Helper SCSS file for generating sprites for the interface.  S */
34 34
 .icon { text-indent: -9999px; border: none; outline: none; }
35  
-.icon.icon-24 { width: 24px; height: 24px; background: url('../images/icons/24x24-sba30d25a74.png'); }
  35
+.icon.icon-24 { width: 24px; height: 24px; background: url('../images/menu_icons/24x24-s0cb1fe1c77.png'); }
36 36
 .icon.icon-24.icon-assetadmin { background-position: 0 -192px; }
37 37
 .icon.icon-24.icon-cmsmain { background-position: 0 -168px; }
38 38
 .icon.icon-24.icon-cmspagescontroller { background-position: 0 -144px; }
@@ -41,7 +41,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
41 41
 .icon.icon-24.icon-reportadmin { background-position: 0 -216px; }
42 42
 .icon.icon-24.icon-commentadmin { background-position: 0 0; }
43 43
 .icon.icon-24.icon-help { background-position: 0 -120px; }
44  
-.icon.icon-16 { width: 16px; height: 16px; background: url('../images/icons/16x16-s4d33bad4d2.png'); }
  44
+.icon.icon-16 { width: 16px; height: 16px; background: url('../images/menu_icons/16x16-s2ac647f5ef.png'); }
45 45
 .icon.icon-16.icon-assetadmin { background-position: 0 -128px; }
46 46
 .icon.icon-16.icon-cmsmain { background-position: 0 -112px; }
47 47
 .icon.icon-16.icon-cmspagescontroller { background-position: 0 -96px; }
@@ -62,22 +62,22 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
62 62
 .cms code { font-family: 'Bitstream Vera Sans Mono','Courier', monospace; }
63 63
 
64 64
 /** This file defines CMS-specific customizations to the jQuery UI theme. Every rule in this file should be wrapped in the '.cms' selector (to make it more specific), and contain ONLY overwritten jQuery UI rules (with 'ui-' prefix).  This file should be fairly short, as we're using our own custom jQuery UI theme already. TODO Add theme reference  Use _style.scss to add more generic style information, and read the jQuery UI theming API: http://jqueryui.com/docs/Theming/API */
65  
-.cms .ui-tabs { padding: 0; background: #f0f3f4 url(../images/textures/bg_cms_main_content.png) repeat top left; }
66  
-.cms .ui-tabs .ui-widget-header { border: 0; background: none; }
67  
-.cms .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
68  
-.cms .ui-tabs .ui-tabs-nav li { top: 0; }
69  
-.cms .ui-tabs .ui-tabs-nav li a { padding: 0 15px; }
70  
-.cms .ui-tabs .ui-tabs-nav.ui-state-active { border-color: gray; }
71  
-.cms .ui-tabs .ui-tabs-panel { background: transparent; padding: 16px 16px; }
72  
-.cms .ui-widget-content, .cms .ui-widget { color: #444444; font-size: 12px; font-family: Arial, sans-serif; border: 0; }
73  
-.cms .ui-widget-header { background-color: #b0bec7; padding: 8px 8px 6px 8px; border-bottom: 2px solid #8399a7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dde3e7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(top, #dde3e7, #92a5b2); background-image: -moz-linear-gradient(top, #dde3e7, #92a5b2); background-image: -o-linear-gradient(top, #dde3e7, #92a5b2); background-image: -ms-linear-gradient(top, #dde3e7, #92a5b2); background-image: linear-gradient(top, #dde3e7, #92a5b2); border-bottom: 3px solid #5c7382; padding: 8px; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
74  
-.cms .ui-widget-header .ui-dialog-title { padding: 6px 0; text-shadow: #ced7dc 1px 1px 0; }
75  
-.cms .ui-widget-header a.ui-dialog-titlebar-close { position: absolute; top: -8px; right: -15px; width: 30px; height: 30px; z-index: 100000; }
76  
-.cms .ui-widget-header a.ui-state-hover { border-color: transparent; background: transparent; }
77  
-.cms .ui-widget-header a.ui-state-hover .ui-icon-closethick { background-position: 0 -30px; }
78  
-.cms .ui-widget-header .ui-icon-closethick { background-image: url(../images/dialog_close.png); background-position: 0 0; width: 30px; height: 30px; }
79  
-.cms .ui-state-hover { cursor: pointer; }
80  
-.cms .ui-widget input, .cms .ui-widget select, .cms .ui-widget textarea, .cms .ui-widget button { color: #444444; font-size: 12px; font-family: Arial, sans-serif; }
  65
+.cms .ui-tabs, body.ArrayData .ui-tabs { padding: 0; background: #f0f3f4 url(../images/textures/bg_cms_main_content.png) repeat top left; }
  66
+.cms .ui-tabs .ui-widget-header, body.ArrayData .ui-tabs .ui-widget-header { border: 0; background: none; }
  67
+.cms .ui-tabs .ui-tabs-nav, body.ArrayData .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
  68
+.cms .ui-tabs .ui-tabs-nav li, body.ArrayData .ui-tabs .ui-tabs-nav li { top: 0; }
  69
+.cms .ui-tabs .ui-tabs-nav li a, body.ArrayData .ui-tabs .ui-tabs-nav li a { padding: 0 15px; }
  70
+.cms .ui-tabs .ui-tabs-nav.ui-state-active, body.ArrayData .ui-tabs .ui-tabs-nav.ui-state-active { border-color: gray; }
  71
+.cms .ui-tabs .ui-tabs-panel, body.ArrayData .ui-tabs .ui-tabs-panel { background: transparent; padding: 16px 16px; }
  72
+.cms .ui-widget-content, .cms .ui-widget, body.ArrayData .ui-widget-content, body.ArrayData .ui-widget { color: #444444; font-size: 12px; font-family: Arial, sans-serif; border: 0; }
  73
+.cms .ui-widget-header, body.ArrayData .ui-widget-header { background-color: #b0bec7; padding: 8px 8px 6px 8px; border-bottom: 2px solid #8399a7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dde3e7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(top, #dde3e7, #92a5b2); background-image: -moz-linear-gradient(top, #dde3e7, #92a5b2); background-image: -o-linear-gradient(top, #dde3e7, #92a5b2); background-image: -ms-linear-gradient(top, #dde3e7, #92a5b2); background-image: linear-gradient(top, #dde3e7, #92a5b2); border-bottom: 3px solid #5c7382; padding: 8px; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
  74
+.cms .ui-widget-header .ui-dialog-title, body.ArrayData .ui-widget-header .ui-dialog-title { padding: 6px 0; text-shadow: #ced7dc 1px 1px 0; }
  75
+.cms .ui-widget-header a.ui-dialog-titlebar-close, body.ArrayData .ui-widget-header a.ui-dialog-titlebar-close { position: absolute; top: -8px; right: -15px; width: 30px; height: 30px; z-index: 100000; }
  76
+.cms .ui-widget-header a.ui-state-hover, body.ArrayData .ui-widget-header a.ui-state-hover { border-color: transparent; background: transparent; }
  77
+.cms .ui-widget-header a.ui-state-hover .ui-icon-closethick, body.ArrayData .ui-widget-header a.ui-state-hover .ui-icon-closethick { background-position: 0 -30px; }
  78
+.cms .ui-widget-header .ui-icon-closethick, body.ArrayData .ui-widget-header .ui-icon-closethick { background-image: url(../images/dialog_close.png); background-position: 0 0; width: 30px; height: 30px; }
  79
+.cms .ui-state-hover, body.ArrayData .ui-state-hover { cursor: pointer; }
  80
+.cms .ui-widget input, .cms .ui-widget select, .cms .ui-widget textarea, .cms .ui-widget button, body.ArrayData .ui-widget input, body.ArrayData .ui-widget select, body.ArrayData .ui-widget textarea, body.ArrayData .ui-widget button { color: #444444; font-size: 12px; font-family: Arial, sans-serif; }
81 81
 
82 82
 /** This file defines common styles for form elements used throughout the CMS interface. It is an addition to the base styles defined in sapphire/css/Form.css.  @package sapphire @subpackage admin */
83 83
 /** ---------------------------------------------------- Basic form fields ---------------------------------------------------- */
@@ -86,17 +86,17 @@ form.nostyle .field { padding: 0; border: 0; }
86 86
 form.nostyle label { float: none; width: auto; }
87 87
 form.nostyle .middleColumn { margin-left: 0; }
88 88
 
89  
-.field { display: block; padding: 10px 0; border-bottom-width: 2px; border-bottom: 2px groove rgba(255, 255, 255, 0.8); -webkit-border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; padding: 0 8px 7px 8px; margin: 0 -8px 8px -8px; border-bottom: 1px solid rgba(201, 205, 206, 0.8); *zoom: 1; /* TreeDropdowns */ /* dropdowns */ /* chzn override */ /* Date Fields */ }
  89
+.field { display: block; padding: 10px 0; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); padding: 0 0 7px 0; margin: 0 0 8px 0; *zoom: 1; /* TreeDropdowns */ /* dropdowns */ /* chzn override */ /* Date Fields */ }
90 90
 .field:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
91 91
 .field.noLabel .middleColumn { margin-left: 0; }
92  
-.field label.left { float: left; display: block; width: 168px; padding: 8px 8px 8px 0; line-height: 16px; }
  92
+.field label.left { float: left; display: block; width: 168px; padding: 8px 8px 8px 0; line-height: 16px; font-weight: bold; text-shadow: 1px 1px 0 white; }
93 93
 .field label.left span { display: block; font-size: 11px; color: #848484; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; o-text-overflow: ellipsis; }
94 94
 .field label.right { cursor: pointer; }
95 95
 .field .middleColumn { margin-left: 184px; }
96 96
 .field span.readonly { padding-top: 8px; line-height: 16px; display: block; }
97 97
 .field input.text, .field textarea, .field select, .field .TreeDropdownField { width: 90%; max-width: 512px; }
98  
-.field input.text, .field textarea, .field .TreeDropdownField { background: #fff; border: 1px solid #b3b3b3; padding: 7px 7px; line-height: 16px; margin: 0; outline: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -ms-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); }
99  
-.field input.text:focus, .field textarea:focus, .field .TreeDropdownField:focus { border: 1px solid #b3b3b3; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  98
+.field input.text, .field textarea, .field .TreeDropdownField { background: #fff; border: 1px solid #b3b3b3; padding: 7px 7px; line-height: 16px; margin: 0; outline: none; -moz-transition: 0.2s box-shadow ease-in; -webkit-transition: 0.2s box-shadow ease-in; -o-transition: 0.2s box-shadow ease-in; transition: 0.2s box-shadow ease-in; -moz-transition: 0.2s border ease-in; -webkit-transition: 0.2s border ease-in; -o-transition: 0.2s border ease-in; transition: 0.2s border ease-in; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -ms-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); }
  99
+.field input.text:focus, .field textarea:focus, .field .TreeDropdownField:focus { border: 1px solid #9a9a9a; border-top-color: gray; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; }
100 100
 .field input[disabled], .field textarea[disabled], .field select[disabled] { color: #777777; background: #efefef; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bcbcbc), color-stop(10%, #efefef), color-stop(90%, #ffffff), color-stop(100%, #bcbcbc)); background-image: -webkit-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: -moz-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: -o-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: -ms-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); border: 1px solid #b3b3b3; }
101 101
 .field .TreeDropdownField { padding: 0 14px 0 0; }
102 102
 .field .TreeDropdownField .treedropdownfield-panel { border: 1px solid #b3b3b3; border-top: none; padding-right: 14px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
@@ -117,30 +117,34 @@ form.nostyle .middleColumn { margin-left: 0; }
117 117
 
118 118
 .cms-preview-toggle-link { display: block; float: right; font-size: 12px; text-decoration: none; }
119 119
 
120  
-.cms input.loading, .cms input.ui-state-default.loading, .cms .ui-widget-content input.ui-state-default.loading, .cms .ui-widget-header input.ui-state-default.loading { padding-left: 24px; color: #525252; background: #eeeded url(../../images/network-save.gif) no-repeat 4px center; border-color: #d5d3d3; cursor: default; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
121  
-.cms .ss-ui-button { /* all buttons */ padding: 7px 12px; font-weight: bold; text-decoration: none; margin: 0; line-height: 16px; color: #393939; background-color: #e6e6e6; border: 1px solid #c0c0c2; text-shadow: white 0 1px 1px; -moz-box-shadow: #ced7dc 0 1px 2px; -webkit-box-shadow: #ced7dc 0 1px 2px; -o-box-shadow: #ced7dc 0 1px 2px; box-shadow: #ced7dc 0 1px 2px; background: #e6e6e6 url('../images/btn_icons_sprite.png') no-repeat 999px 999px; background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, linear-gradient(#ffffff, #d9d9d9); /* constructive */ /* destructive */ /* generic action buttons */ }
122  
-.cms .ss-ui-button.ui-state-hover { border: 1px solid #a6a6a9; text-shadow: white 0 1px 1px; -moz-box-shadow: #b0bec7 0 1px 2px; -webkit-box-shadow: #b0bec7 0 1px 2px; -o-box-shadow: #b0bec7 0 1px 2px; box-shadow: #b0bec7 0 1px 2px; background: white url('../images/btn_icons_sprite.png') no-repeat 999px 999px; background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, linear-gradient(#ffffff, #d9d9d9); }
123  
-.cms .ss-ui-button:focus, .cms .ss-ui-button:active { border: 1px solid #b3b3b5; -moz-box-shadow: #b0bec7 0 1px 2px; -webkit-box-shadow: #b0bec7 0 1px 2px; -o-box-shadow: #b0bec7 0 1px 2px; box-shadow: #b0bec7 0 1px 2px; background: white url('../images/btn_icons_sprite.png') no-repeat 999px 999px; background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff)); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -webkit-linear-gradient(#e6e6e6, #ffffff); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -moz-linear-gradient(#e6e6e6, #ffffff); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -o-linear-gradient(#e6e6e6, #ffffff); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, -ms-linear-gradient(#e6e6e6, #ffffff); background: url('../images/btn_icons_sprite.png') no-repeat 999px 999px, linear-gradient(#e6e6e6, #ffffff); }
124  
-.cms .ss-ui-button.ss-ui-action-constructive { background-image: none; padding-left: 24px; padding-right: 6px; font-weight: bold; margin-left: 8px; color: white; border-color: #78a127; background: #669933 url('../images/btn_icons_sprite.png') no-repeat 5px 5px; background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80bf40), color-stop(100%, #59862d)); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -webkit-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -moz-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -o-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -ms-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, linear-gradient(#80bf40, #59862d); text-shadow: #4d7326 0 1px 1px; -moz-box-shadow: #748d9d 1px 1px 2px; -webkit-box-shadow: #748d9d 1px 1px 2px; -o-box-shadow: #748d9d 1px 1px 2px; box-shadow: #748d9d 1px 1px 2px; }
125  
-.cms .ss-ui-button.ss-ui-action-constructive.ui-state-hover { border-color: #59781d; background: #80bf40 url('../images/btn_icons_sprite.png') no-repeat 5px 5px; background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8cc653), color-stop(100%, #669933)); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -webkit-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -moz-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -o-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, -ms-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons_sprite.png') no-repeat 5px 5px, linear-gradient(#8cc653, #669933); }
126  
-.cms .ss-ui-button.ss-ui-action-destructive { color: red; background-color: #e6e6e6; }
127  
-.cms .ss-ui-button.ss-ui-action-destructive.delete { padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons_sprite.png') no-repeat 6px -26px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, linear-gradient(#ffffff, #d9d9d9); }
128  
-.cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-hover { background: white url('../images/btn_icons_sprite.png') no-repeat 6px -26px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -26px, linear-gradient(#ffffff, #e6e6e6); }
129  
-.cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-disabled { background-image: none; background: white url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -26px; background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -26px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -26px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -26px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -26px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -26px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -26px, linear-gradient(#ffffff, #e6e6e6); }
130  
-.cms .ss-ui-button.ss-ui-action-destructive.unpublish { padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons_sprite.png') no-repeat 6px -58px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, linear-gradient(#ffffff, #d9d9d9); }
131  
-.cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-hover { background: white url('../images/btn_icons_sprite.png') no-repeat 6px -58px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -58px, linear-gradient(#ffffff, #e6e6e6); }
132  
-.cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-disabled { background-image: none; background: white url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -58px; background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -58px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -58px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -58px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -58px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -58px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -58px, linear-gradient(#ffffff, #e6e6e6); }
133  
-.cms .ss-ui-button.save-draft { padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons_sprite.png') no-repeat 6px -90px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, linear-gradient(#ffffff, #d9d9d9); }
134  
-.cms .ss-ui-button.save-draft.ui-state-hover { background: white url('../images/btn_icons_sprite.png') no-repeat 6px -90px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -90px, linear-gradient(#ffffff, #e6e6e6); }
135  
-.cms .ss-ui-button.save-draft.ui-state-disabled { background-image: none; background: white url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -90px; background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -90px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -90px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -90px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -90px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -90px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -90px, linear-gradient(#ffffff, #e6e6e6); }
136  
-.cms .ss-ui-button.cms-preview-toggle-link { padding-left: 24px !important; margin-left: 4px !important; text-decoration: none; padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons_sprite.png') no-repeat 6px -122px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, linear-gradient(#ffffff, #d9d9d9); }
137  
-.cms .ss-ui-button.cms-preview-toggle-link.ui-state-hover { background: white url('../images/btn_icons_sprite.png') no-repeat 6px -122px; background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite.png') no-repeat 6px -122px, linear-gradient(#ffffff, #e6e6e6); }
138  
-.cms .ss-ui-button.cms-preview-toggle-link.ui-state-disabled { background-image: none; background: white url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -122px; background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -122px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -122px, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -122px, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -122px, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -122px, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons_sprite_disabled.png') no-repeat 6px -122px, linear-gradient(#ffffff, #e6e6e6); }
139  
-.cms .ss-ui-button.ss-ui-button-small { padding: 4px 4px; }
140  
-.cms .ss-ui-button.ui-state-highlight { background-color: #e6e6e6; border: 1px solid #708284; }
141  
-.cms .ss-ui-button.ss-ui-action-minor { background: none; padding: 0; border: 0; color: #393939; text-decoration: underline; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
142  
-.cms .ss-ui-button.ss-ui-action-minor:hover { text-decoration: none; color: #1f1f1f; }
143  
-.cms .ss-ui-button.ss-ui-action-minor:focus, .cms .ss-ui-button.ss-ui-action-minor:active { text-decoration: none; color: #525252; }
  120
+.cms input.loading, .cms input.ui-state-default.loading, .cms .ui-widget-content input.ui-state-default.loading, .cms .ui-widget-header input.ui-state-default.loading, body.ArrayData input.loading, body.ArrayData input.ui-state-default.loading, body.ArrayData .ui-widget-content input.ui-state-default.loading, body.ArrayData .ui-widget-header input.ui-state-default.loading { padding-left: 24px; color: #525252; background: #eeeded url(../../images/network-save.gif) no-repeat 4px center; border-color: #d5d3d3; cursor: default; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
  121
+.cms .ss-ui-button, body.ArrayData .ss-ui-button { /* all buttons */ padding: 7px 12px; font-weight: bold; text-decoration: none; margin: 0; line-height: 16px; color: #393939; background-color: #e6e6e6; border: 1px solid #c0c0c2; border-bottom: 1px solid #a6a6a9; text-shadow: white 0 1px 1px; background: #e6e6e6; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: -webkit-linear-gradient(#ffffff, #d9d9d9); background: -moz-linear-gradient(#ffffff, #d9d9d9); background: -o-linear-gradient(#ffffff, #d9d9d9); background: -ms-linear-gradient(#ffffff, #d9d9d9); background: linear-gradient(#ffffff, #d9d9d9); /* constructive */ /* destructive */ /* generic action buttons */ }
  122
+.cms .ss-ui-button.ui-state-hover, body.ArrayData .ss-ui-button.ui-state-hover { border: 1px solid #a6a6a9; text-shadow: white 0 1px 1px; background: white; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: -webkit-linear-gradient(#ffffff, #d9d9d9); background: -moz-linear-gradient(#ffffff, #d9d9d9); background: -o-linear-gradient(#ffffff, #d9d9d9); background: -ms-linear-gradient(#ffffff, #d9d9d9); background: linear-gradient(#ffffff, #d9d9d9); }
  123
+.cms .ss-ui-button:focus, .cms .ss-ui-button:active, body.ArrayData .ss-ui-button:focus, body.ArrayData .ss-ui-button:active { border: 1px solid white; -moz-box-shadow: 0 3px 3px gray inset; -webkit-box-shadow: 0 3px 3px gray inset; -o-box-shadow: 0 3px 3px gray inset; box-shadow: 0 3px 3px gray inset; background: #9a9a9a; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #9a9a9a)); background: -webkit-linear-gradient(#e6e6e6, #9a9a9a); background: -moz-linear-gradient(#e6e6e6, #9a9a9a); background: -o-linear-gradient(#e6e6e6, #9a9a9a); background: -ms-linear-gradient(#e6e6e6, #9a9a9a); background: linear-gradient(#e6e6e6, #9a9a9a); }
  124
+.cms .ss-ui-button.ss-ui-action-constructive, body.ArrayData .ss-ui-button.ss-ui-action-constructive { background-image: none; padding-left: 25px; padding-right: 7px; font-weight: bold; margin-left: 8px; color: white; border-color: #78a127; border-bottom-color: #59781d; background: #669933 url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80bf40), color-stop(100%, #59862d)); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -webkit-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -moz-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -o-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -ms-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, linear-gradient(#80bf40, #59862d); text-shadow: #4d7326 0 1px 1px; }
  125
+.cms .ss-ui-button.ss-ui-action-constructive.ui-state-hover, body.ArrayData .ss-ui-button.ss-ui-action-constructive.ui-state-hover { border-color: #59781d; background: #80bf40 url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8cc653), color-stop(100%, #669933)); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -webkit-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -moz-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -o-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, -ms-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px 6px no-repeat, linear-gradient(#8cc653, #669933); }
  126
+.cms .ss-ui-button.ss-ui-action-constructive:active, .cms .ss-ui-button.ss-ui-action-constructive:focus, body.ArrayData .ss-ui-button.ss-ui-action-constructive:active, body.ArrayData .ss-ui-button.ss-ui-action-constructive:focus { padding: 8px 8px 8px 26px; border: none; background: #619130 url('../images/btn_icons-sb7da7f8cce.png') 7px 7px no-repeat; -moz-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); -webkit-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); -o-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); }
  127
+.cms .ss-ui-button.cms-page-add-button, body.ArrayData .ss-ui-button.cms-page-add-button { background-image: none; padding-left: 25px; padding-right: 7px; font-weight: bold; margin-left: 8px; color: white; border-color: #78a127; border-bottom-color: #59781d; background: #669933 url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80bf40), color-stop(100%, #59862d)); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -webkit-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -moz-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -o-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -ms-linear-gradient(#80bf40, #59862d); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, linear-gradient(#80bf40, #59862d); text-shadow: #4d7326 0 1px 1px; }
  128
+.cms .ss-ui-button.cms-page-add-button.ui-state-hover, body.ArrayData .ss-ui-button.cms-page-add-button.ui-state-hover { border-color: #59781d; background: #80bf40 url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8cc653), color-stop(100%, #669933)); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -webkit-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -moz-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -o-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, -ms-linear-gradient(#8cc653, #669933); background: url('../images/btn_icons-sb7da7f8cce.png') 6px -48px no-repeat, linear-gradient(#8cc653, #669933); }
  129
+.cms .ss-ui-button.cms-page-add-button:active, .cms .ss-ui-button.cms-page-add-button:focus, body.ArrayData .ss-ui-button.cms-page-add-button:active, body.ArrayData .ss-ui-button.cms-page-add-button:focus { padding: 8px 8px 8px 26px; border: none; background: #619130 url('../images/btn_icons-sb7da7f8cce.png') 7px -47px no-repeat; -moz-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); -webkit-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); -o-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255, 255, 0.6); }
  130
+.cms .ss-ui-button.ss-ui-action-destructive, body.ArrayData .ss-ui-button.ss-ui-action-destructive { color: red; background-color: #e6e6e6; }
  131
+.cms .ss-ui-button.ss-ui-action-destructive.delete, body.ArrayData .ss-ui-button.ss-ui-action-destructive.delete { padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, linear-gradient(#ffffff, #d9d9d9); }
  132
+.cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-hover, body.ArrayData .ss-ui-button.ss-ui-action-destructive.delete.ui-state-hover { background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -158px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
  133
+.cms .ss-ui-button.ss-ui-action-destructive.delete.ui-state-disabled, body.ArrayData .ss-ui-button.ss-ui-action-destructive.delete.ui-state-disabled { background-image: none; background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -185px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -185px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -185px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -185px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -185px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -185px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -185px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
  134
+.cms .ss-ui-button.ss-ui-action-destructive.unpublish, body.ArrayData .ss-ui-button.ss-ui-action-destructive.unpublish { padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, linear-gradient(#ffffff, #d9d9d9); }
  135
+.cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-hover, body.ArrayData .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-hover { background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -318px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
  136
+.cms .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-disabled, body.ArrayData .ss-ui-button.ss-ui-action-destructive.unpublish.ui-state-disabled { background-image: none; background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -346px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -346px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -346px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -346px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -346px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -346px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -346px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
  137
+.cms .ss-ui-button.save-draft, body.ArrayData .ss-ui-button.save-draft { padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, linear-gradient(#ffffff, #d9d9d9); }
  138
+.cms .ss-ui-button.save-draft.ui-state-hover, body.ArrayData .ss-ui-button.save-draft.ui-state-hover { background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -104px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
  139
+.cms .ss-ui-button.save-draft.ui-state-disabled, body.ArrayData .ss-ui-button.save-draft.ui-state-disabled { background-image: none; background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -132px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -132px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -132px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -132px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -132px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -132px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -132px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
  140
+.cms .ss-ui-button.cms-preview-toggle-link, body.ArrayData .ss-ui-button.cms-preview-toggle-link { padding-left: 24px !important; margin-left: 4px !important; text-decoration: none; padding-left: 24px; padding-right: 6px; background: #e6e6e6 url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -webkit-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -moz-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -o-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -ms-linear-gradient(#ffffff, #d9d9d9); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, linear-gradient(#ffffff, #d9d9d9); }
  141
+.cms .ss-ui-button.cms-preview-toggle-link.ui-state-hover, body.ArrayData .ss-ui-button.cms-preview-toggle-link.ui-state-hover { background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -212px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
  142
+.cms .ss-ui-button.cms-preview-toggle-link.ui-state-disabled, body.ArrayData .ss-ui-button.cms-preview-toggle-link.ui-state-disabled { background-image: none; background: white url('../images/btn_icons-sb7da7f8cce.png') 5px -239px no-repeat; background: url('../images/btn_icons-sb7da7f8cce.png') 5px -239px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -239px no-repeat, -webkit-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -239px no-repeat, -moz-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -239px no-repeat, -o-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -239px no-repeat, -ms-linear-gradient(#ffffff, #e6e6e6); background: url('../images/btn_icons-sb7da7f8cce.png') 5px -239px no-repeat, linear-gradient(#ffffff, #e6e6e6); }
  143
+.cms .ss-ui-button.ss-ui-button-small, body.ArrayData .ss-ui-button.ss-ui-button-small { padding: 4px 4px; }
  144
+.cms .ss-ui-button.ui-state-highlight, body.ArrayData .ss-ui-button.ui-state-highlight { background-color: #e6e6e6; border: 1px solid #708284; }
  145
+.cms .ss-ui-button.ss-ui-action-minor, body.ArrayData .ss-ui-button.ss-ui-action-minor { background: none; padding: 0; border: 0; color: #393939; text-decoration: underline; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
  146
+.cms .ss-ui-button.ss-ui-action-minor:hover, body.ArrayData .ss-ui-button.ss-ui-action-minor:hover { text-decoration: none; color: #1f1f1f; }
  147
+.cms .ss-ui-button.ss-ui-action-minor:focus, .cms .ss-ui-button.ss-ui-action-minor:active, body.ArrayData .ss-ui-button.ss-ui-action-minor:focus, body.ArrayData .ss-ui-button.ss-ui-action-minor:active { text-decoration: none; color: #525252; }
144 148
 
145 149
 /** ---------------------------------------------------- Grouped form fields ---------------------------------------------------- */
146 150
 .fieldgroup .fieldgroup-field { float: left; display: block; width: 184px; padding-right: 8px; }
@@ -194,10 +198,10 @@ html article, html aside, html details, html figcaption, html figure, html foote
194 198
 .cms-content-header > div { width: 9999em; overflow: hidden; }
195 199
 .cms-content-header .cms-content-header-tabs { float: left; }
196 200
 
197  
-.ui-tabs .cms-content-header .ui-tabs-nav li a { font-weight: bold; line-height: 16px; padding: 11px 12px 9px; border-bottom: 2px solid #b3b3b3; }
198  
-.ui-tabs .cms-content-header .ui-state-default, .ui-tabs .cms-content-header .ui-widget-content .ui-state-default, .ui-tabs .cms-content-header .ui-widget-header .ui-state-default { background-color: #d9d9d9; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9d9d9), color-stop(100%, #c0c0c0)); background-image: -webkit-linear-gradient(#d9d9d9, #c0c0c0); background-image: -moz-linear-gradient(#d9d9d9, #c0c0c0); background-image: -o-linear-gradient(#d9d9d9, #c0c0c0); background-image: -ms-linear-gradient(#d9d9d9, #c0c0c0); background-image: linear-gradient(#d9d9d9, #c0c0c0); border-color: #a6a6a6; text-shadow: white 0 1px 0; }
199  
-.ui-tabs .cms-content-header .ui-state-active, .ui-tabs .cms-content-header .ui-widget-content .ui-state-active, .ui-tabs .cms-content-header .ui-widget-header .ui-state-active { background: #eceff1; }
200  
-.ui-tabs .cms-content-header .ui-state-active a, .ui-tabs .cms-content-header .ui-widget-content .ui-state-active a, .ui-tabs .cms-content-header .ui-widget-header .ui-state-active a { border-bottom: 2px solid #eceff1; }
  201
+.ui-tabs .cms-content-header .ui-tabs-nav li a, body.ArrayData .ui-tabs-nav .ui-tabs-nav li a { font-weight: bold; line-height: 16px; padding: 11px 12px 9px; border-bottom: 2px solid #b3b3b3; }
  202
+.ui-tabs .cms-content-header .ui-state-default, .ui-tabs .cms-content-header .ui-widget-content .ui-state-default, .ui-tabs .cms-content-header .ui-widget-header .ui-state-default, body.ArrayData .ui-tabs-nav .ui-state-default, body.ArrayData .ui-tabs-nav .ui-widget-content .ui-state-default, body.ArrayData .ui-tabs-nav .ui-widget-header .ui-state-default { background-color: #d9d9d9; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9d9d9), color-stop(100%, #c0c0c0)); background-image: -webkit-linear-gradient(#d9d9d9, #c0c0c0); background-image: -moz-linear-gradient(#d9d9d9, #c0c0c0); background-image: -o-linear-gradient(#d9d9d9, #c0c0c0); background-image: -ms-linear-gradient(#d9d9d9, #c0c0c0); background-image: linear-gradient(#d9d9d9, #c0c0c0); border-color: #a6a6a6; text-shadow: white 0 1px 0; }
  203
+.ui-tabs .cms-content-header .ui-state-active, .ui-tabs .cms-content-header .ui-widget-content .ui-state-active, .ui-tabs .cms-content-header .ui-widget-header .ui-state-active, body.ArrayData .ui-tabs-nav .ui-state-active, body.ArrayData .ui-tabs-nav .ui-widget-content .ui-state-active, body.ArrayData .ui-tabs-nav .ui-widget-header .ui-state-active { background: #eceff1; }
  204
+.ui-tabs .cms-content-header .ui-state-active a, .ui-tabs .cms-content-header .ui-widget-content .ui-state-active a, .ui-tabs .cms-content-header .ui-widget-header .ui-state-active a, body.ArrayData .ui-tabs-nav .ui-state-active a, body.ArrayData .ui-tabs-nav .ui-widget-content .ui-state-active a, body.ArrayData .ui-tabs-nav .ui-widget-header .ui-state-active a { border-bottom: 2px solid #eceff1; }
201 205
 
202 206
 /** ------------------------------------------------------- Loading Interface ------------------------------------------------------- */
203 207
 .cms-content-loading-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; }
@@ -220,6 +224,7 @@ html article, html aside, html details, html figcaption, html figure, html foote
220 224
 .message.notice a { color: #999; }
221 225
 .message.warning { background-color: #ffbe66; border-color: #ff9300; }
222 226
 .message.error { background-color: #ffbe66; border-color: #ff9300; }
  227
+.message.good { background-color: #99cc66; border-color: #669933; }
223 228
 .message p { margin: 0; }
224 229
 
225 230
 /** -------------------------------------------- ModelAdmin -------------------------------------------- */
@@ -311,11 +316,13 @@ html article, html aside, html details, html figcaption, html figure, html foote
311 316
 form.member-profile-form #CsvFile .middleColumn { background: none !important; }
312 317
 form.member-profile-form .advanced h4 { margin-bottom: .5em; }
313 318
 form.member-profile-form .Actions { text-align: left; border: 0; }
314  
-form.member-profile-form input.customFormat { border: 1px solid #ccc !important; padding: 3px; margin-left: 2px; }
315  
-form.member-profile-form .formattingHelpToggle { font-size: 11px; padding: 3px; }
316  
-form.member-profile-form .formattingHelpText { margin: 5px auto; color: #333; padding: 5px 10px; width: 90%; background: #fff; border: 1px solid #ccc; }
  319
+form.member-profile-form input.customFormat { border: 1px solid #ccc !important; padding: 3px; display: inline; margin-left: 15px; position: relative; }
  320
+form.member-profile-form .formattingHelpToggle { display: block; font-size: 11px; margin-top: 10px; margin-left: 15px; }
  321
+form.member-profile-form .formattingHelpText { margin: 5px 0 0 -5px; color: #333; padding: 5px 10px; background: #fff; border: 1px solid #ccc; }
317 322
 form.member-profile-form .formattingHelpText ul { padding: 0; }
318  
-form.member-profile-form .formattingHelpText li { font-size: 11px; color: #333; margin-bottom: 2px; }
  323
+form.member-profile-form .formattingHelpText li { font-size: 11px; color: #333; margin-bottom: 2px; float: none; width: auto; }
  324
+form.member-profile-form #Groups .middleColumn { margin-left: 0; width: 100%; }
  325
+form.member-profile-form #Groups .middleColumn .TreeDropdownField { width: 90%; max-width: 90%; }
319 326
 
320 327
 .cms .cms-content { border-right: 1px solid rgba(201, 205, 206, 0.8); -moz-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -o-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
321 328
 .cms .cms-content-fields { /* always show a y scroll bar as popups like TreeDropdowns  can trigger longer pages and the extra scroll bar doesn't  fire our sizing bar */ overflow-y: auto; overflow-x: auto; background: none; }
@@ -370,7 +377,7 @@ form.member-profile-form .formattingHelpText li { font-size: 11px; color: #333;
370 377
 .ui-dialog label.numeric-label .label-flyout-indicator { position: absolute; left: 26px; margin-top: -18px; overflow: visible; display: block; width: 0; height: 0; border-top: 11px solid transparent; border-left: 7px dashed #7b8c91; border-bottom: 11px solid transparent; }
371 378
 .ui-dialog #ParentID label.left { padding: 8px 0 8px 0; float: left !important; width: 125px; }
372 379
 .ui-dialog #ParentID .middleColumn { width: 320px; }
373  
-.ui-dialog .Actions { float: right; margin: 0; }
  380
+.ui-dialog .Actions { position: absolute; bottom: 10px; right: 10px; float: right; }
374 381
 
375 382
 /** ------------------------------------------------------------------
376 383
 * Titlebar for pop-up dialog.
@@ -378,87 +385,94 @@ form.member-profile-form .formattingHelpText li { font-size: 11px; color: #333;
378 385
 .ui-dialog-titlebar.ui-widget-header { font-size: 14px; background-color: #92a5b2; padding: 4px 4px 4px 16px; border-bottom: 2px solid #8399a7; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -o-border-top-left-radius: 4px; -ms-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; /* /2 need to eliminate visual artifact */ -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -o-border-top-right-radius: 8px; -ms-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ced7dc), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#ced7dc, #92a5b2); background-image: -moz-linear-gradient(#ced7dc, #92a5b2); background-image: -o-linear-gradient(#ced7dc, #92a5b2); background-image: -ms-linear-gradient(#ced7dc, #92a5b2); background-image: linear-gradient(#ced7dc, #92a5b2); margin-bottom: 12px; }
379 386
 
380 387
 /** Dialog Styles */
381  
-body.ArrayData { overflow-y: scroll; overflow-x: auto; }
  388
+body.ArrayData { overflow-y: auto; overflow-x: auto; font-family: Arial, sans-serif; margin-bottom: 60px; }
  389
+body.ArrayData .ss-tabset { background-color: #b0bec7; padding: 8px 8px 6px; height: 32px; z-index: 60; border: none; -moz-box-shadow: #eceff1 0 8px 16px; -webkit-box-shadow: #eceff1 0 8px 16px; -o-box-shadow: #eceff1 0 8px 16px; box-shadow: #eceff1 0 8px 16px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ced7dc), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#ced7dc, #92a5b2); background-image: -moz-linear-gradient(#ced7dc, #92a5b2); background-image: -o-linear-gradient(#ced7dc, #92a5b2); background-image: -ms-linear-gradient(#ced7dc, #92a5b2); background-image: linear-gradient(#ced7dc, #92a5b2); -moz-border-radius: none; -webkit-border-radius: none; -o-border-radius: none; -ms-border-radius: none; -khtml-border-radius: none; border-radius: none; }
  390
+body.ArrayData .ss-tabset .tab { background: none; overflow-y: auto; }
  391
+body.ArrayData .ss-tabset.ui-tabs .ui-tabs-nav { background: none; border: none; }
  392
+body.ArrayData .ss-tabset.ui-tabs .ui-tabs-nav li { font-weight: bold; line-height: 16px; padding: 11px 12px 9px; border-bottom: 2px solid #B3B3B3; }
  393
+body.ArrayData .ss-tabset.ui-tabs .ui-tabs-nav li:first-child { margin-left: 15px; }
  394
+body.ArrayData .clear { clear: both; }
  395
+body.ArrayData .Actions { z-index: 100; position: fixed; bottom: 3px; right: 20px; }
382 396
 
383 397
 /** This file defines the jstree base styling (see http://jstree.com), as well as any customizations (see bottom of file).  The styles are usually added through jstree.js on DOM load,  but we need it earlier in order to correctly display the uninitialized tree. */
384  
-.cms .jstree ul { display: block; margin: 0; padding: 0; background: none; list-style-type: none; }
385  
-.cms .jstree li { display: block; margin: 0; padding: 0; list-style-type: none; display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; }
386  
-.cms .jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; float: left; }
387  
-.cms .jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; border: 1px solid #fff; }
388  
-.cms .jstree a:focus, .cms .jstree a:active, .cms .jstree a:hover { outline: none; text-decoration: none; cursor: pointer; text-shadow: none; }
389  
-.cms .jstree a > ins { height: 16px; width: 16px; }
390  
-.cms .jstree a > .jstree-icon { margin-right: 3px; }
391  
-.cms .jstree li.jstree-open > ul { display: block; }
392  
-.cms .jstree li.jstree-closed > ul { display: none; }
393  
-.cms .jstree li.disabled a { color: #aaaaaa; }
394  
-.cms .jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; }
395  
-.cms .jstree-rtl li { margin-left: 0; margin-right: 18px; }
396  
-.cms .jstree-rtl > ul > li { margin-right: 0px; }
397  
-.cms .jstree > ul > li { margin-left: 0px; }
398  
-.cms #vakata-dragged { display: block; margin: 0 0 0 0; padding: 4px 4px 4px 24px; position: absolute; top: -2000px; line-height: 16px; z-index: 10000; }
399  
-.cms #vakata-contextmenu { display: block; visibility: hidden; left: 0; top: -200px; position: absolute; margin: 0; padding: 0; min-width: 180px; background: #ebebeb; border: 1px solid silver; z-index: 10000; *width: 180px; }
400  
-.cms #vakata-contextmenu ul { min-width: 180px; *width: 180px; }
401  
-.cms #vakata-contextmenu ul, .cms #vakata-contextmenu li { margin: 0; padding: 0; list-style-type: none; display: block; }
402  
-.cms #vakata-contextmenu li { line-height: 20px; min-height: 20px; position: relative; padding: 0px; }
403  
-.cms #vakata-contextmenu li a { padding: 1px 6px; line-height: 17px; display: block; text-decoration: none; margin: 1px 1px 0 1px; }
404  
-.cms #vakata-contextmenu li ins { float: left; width: 16px; height: 16px; text-decoration: none; margin-right: 2px; }
405  
-.cms #vakata-contextmenu li a:hover, .cms #vakata-contextmenu li.vakata-hover > a { background: gray; color: white; }
406  
-.cms #vakata-contextmenu li ul { display: none; position: absolute; top: -2px; left: 100%; background: #ebebeb; border: 1px solid gray; }
407  
-.cms #vakata-contextmenu .right { right: 100%; left: auto; }
408  
-.cms #vakata-contextmenu .bottom { bottom: -1px; top: auto; }
409  
-.cms #vakata-contextmenu li.vakata-separator { min-height: 0; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; margin: 0 2px; background: silver; /* border-top:1px solid #fefefe; */ padding: 0; }
410  
-.cms .jstree ul, .cms .jstree li { display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; }
411  
-.cms .jstree li { display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; }
412  
-.cms .jstree-rtl li { margin-left: 0; margin-right: 18px; }
413  
-.cms .jstree > ul > li { margin-left: 0px; }
414  
-.cms .jstree-rtl > ul > li { margin-right: 0px; }
415  
-.cms .jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; }
416  
-.cms .jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; }
417  
-.cms .jstree a:focus { outline: none; }
418  
-.cms .jstree a > ins { height: 16px; width: 16px; }
419  
-.cms .jstree a > .jstree-icon { margin-right: 3px; }
420  
-.cms .jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; }
421  
-.cms li.jstree-open > ul { display: block; }
422  
-.cms li.jstree-closed > ul { display: none; }
423  
-.cms #vakata-dragged ins { display: block; text-decoration: none; width: 16px; height: 16px; margin: 0 0 0 0; padding: 0; position: absolute; top: 4px; left: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
424  
-.cms #vakata-dragged .jstree-ok { background: green; }
425  
-.cms #vakata-dragged .jstree-invalid { background: red; }
426  
-.cms #jstree-marker { padding: 0; margin: 0; font-size: 12px; overflow: hidden; height: 12px; width: 8px; position: absolute; top: -30px; z-index: 10001; background-repeat: no-repeat; display: none; background-color: transparent; text-shadow: 1px 1px 1px white; color: black; line-height: 10px; }
427  
-.cms #jstree-marker-line { padding: 0; margin: 0; line-height: 0%; font-size: 1px; overflow: hidden; height: 1px; width: 100px; position: absolute; top: -30px; z-index: 10000; background-repeat: no-repeat; display: none; background-color: #456c43; cursor: pointer; border: 1px solid #eeeeee; border-left: 0; -moz-box-shadow: 0px 0px 2px #666; -webkit-box-shadow: 0px 0px 2px #666; box-shadow: 0px 0px 2px #666; -moz-border-radius: 1px; border-radius: 1px; -webkit-border-radius: 1px; }
428  
-.cms .jstree .jstree-real-checkbox { display: none; }
429  
-.cms .jstree-themeroller .ui-icon { overflow: visible; }
430  
-.cms .jstree-themeroller a { padding: 0 2px; }
431  
-.cms .jstree-themeroller .jstree-no-icon { display: none; }
432  
-.cms .jstree .jstree-wholerow-real { position: relative; z-index: 1; }
433  
-.cms .jstree .jstree-wholerow-real li { cursor: pointer; }
434  
-.cms .jstree .jstree-wholerow-real a { border-left-color: transparent !important; border-right-color: transparent !important; }
435  
-.cms .jstree .jstree-wholerow { position: relative; z-index: 0; height: 0; }
436  
-.cms .jstree .jstree-wholerow ul, .cms .jstree .jstree-wholerow li { width: 100%; }
437  
-.cms .jstree .jstree-wholerow, .cms .jstree .jstree-wholerow ul, .cms .jstree .jstree-wholerow li, .cms .jstree .jstree-wholerow a { margin: 0 !important; padding: 0 !important; }
438  
-.cms .jstree .jstree-wholerow, .cms .jstree .jstree-wholerow ul, .cms .jstree .jstree-wholerow li { background: transparent !important; }
439  
-.cms .jstree .jstree-wholerow ins, .cms .jstree .jstree-wholerow span, .cms .jstree .jstree-wholerow input { display: none !important; }
440  
-.cms .jstree .jstree-wholerow a, .cms .jstree .jstree-wholerow a:hover { text-indent: -9999px !important; width: 100%; padding: 0 !important; border-right-width: 0px !important; border-left-width: 0px !important; }
441  
-.cms .jstree .jstree-wholerow-span { position: absolute; left: 0; margin: 0px; padding: 0; height: 18px; border-width: 0; padding: 0; z-index: 0; }
442  
-.cms .jstree-apple.jstree-focused { background: none; }
443  
-.cms .jstree-apple.jstree-focused .jstree-apple > ul { background: none; }
444  
-.cms .jstree li { line-height: 25px; }
445  
-
446  
-.cms-tree.jstree-apple { /* comment speech bubble - ccs3 only - source: http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */ }
447  
-.cms-tree.jstree-apple li.Root strong { font-weight: bold; padding-left: 1px; }
448  
-.cms-tree.jstree-apple li.Root > a .jstree-icon { background-position: -56px -36px; }
449  
-.cms-tree.jstree-apple a, .cms-tree.jstree-apple a:link { color: #1556b2; padding: 3px 6px 3px 3px; border: none; display: inline-block; margin-right: 5px; }
450  
-.cms-tree.jstree-apple a span.status:after, .cms-tree.jstree-apple a:link span.status:after { clear: both; text-transform: uppercase; display: inline-block; padding: 0px 3px; font-size: 0.75em; line-height: 1em; margin-left: 3px; margin-right: 6px; margin-top: -1px; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -khtml-border-radius: 2px / 2px; border-radius: 2px / 2px; }
451  
-.cms-tree.jstree-apple span.modified:after { content: "draft"; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; }
452  
-.cms-tree.jstree-apple span.new:after { content: "new"; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; }
453  
-.cms-tree.jstree-apple span.private:after { content: "private"; color: #636363; border: 1px solid #E49393; background-color: #F2DADB; }
454  
-.cms-tree.jstree-apple span.workflow-approval:after { content: "awaiting approval"; color: #56660C; border: 1px solid #7C8816; background-color: #DAE79A; }
455  
-.cms-tree.jstree-apple span.comment-count { clear: both; position: relative; text-transform: uppercase; display: inline-block; overflow: visible; padding: 0px 3px; font-size: 0.75em; line-height: 1em; margin-left: 3px; margin-right: 6px; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -khtml-border-radius: 2px / 2px; border-radius: 2px / 2px; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; }
456  
-.cms-tree.jstree-apple span.comment-count:before { content: ""; position: absolute; bottom: -4px; /* value = - border-top-width - border-bottom-width */ left: 3px; /* controls horizontal position */ border-width: 4px 4px 0; border-style: solid; border-color: #C9B800 transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; }
457  
-.cms-tree.jstree-apple span.comment-count:after { content: ""; position: absolute; bottom: -3px; /* value = - border-top-width - border-bottom-width */ left: 4px; /* value = (:before left) + (:before border-left) - (:after border-left) */ border-width: 3px 3px 0; border-style: solid; border-color: #FFF0BC transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; }
458  
-.cms-tree.jstree-apple .jstree-hovered { text-shadow: none; text-decoration: none; }
459  
-.cms-tree.jstree-apple li { padding: 0px; clear: left; }
460  
-.cms-tree.jstree-apple ins { background-color: transparent; background-image: url(../images/sitetree_ss_default_icons.png); }
461  
-.cms-tree.jstree-apple li.jstree-checked a, .cms-tree.jstree-apple li.jstree-checked a:link { background-color: #efe999; }
  398
+.cms .jstree ul, body.ArrayData .jstree ul { display: block; margin: 0; padding: 0; background: none; list-style-type: none; }
  399
+.cms .jstree li, body.ArrayData .jstree li { display: block; margin: 0; padding: 0; list-style-type: none; display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; }
  400
+.cms .jstree ins, body.ArrayData .jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; float: left; }
  401
+.cms .jstree a, body.ArrayData .jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; border: 1px solid #fff; }
  402
+.cms .jstree a:focus, .cms .jstree a:active, .cms .jstree a:hover, body.ArrayData .jstree a:focus, body.ArrayData .jstree a:active, body.ArrayData .jstree a:hover { outline: none; text-decoration: none; cursor: pointer; text-shadow: none; }
  403
+.cms .jstree a > ins, body.ArrayData .jstree a > ins { height: 16px; width: 16px; }
  404
+.cms .jstree a > .jstree-icon, body.ArrayData .jstree a > .jstree-icon { margin-right: 3px; }
  405
+.cms .jstree li.jstree-open > ul, body.ArrayData .jstree li.jstree-open > ul { display: block; }
  406
+.cms .jstree li.jstree-closed > ul, body.ArrayData .jstree li.jstree-closed > ul { display: none; }
  407
+.cms .jstree li.disabled a, body.ArrayData .jstree li.disabled a { color: #aaaaaa; }
  408
+.cms .jstree-rtl a > .jstree-icon, body.ArrayData .jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; }
  409
+.cms .jstree-rtl li, body.ArrayData .jstree-rtl li { margin-left: 0; margin-right: 18px; }
  410
+.cms .jstree-rtl > ul > li, body.ArrayData .jstree-rtl > ul > li { margin-right: 0px; }
  411
+.cms .jstree > ul > li, body.ArrayData .jstree > ul > li { margin-left: 0px; }
  412
+.cms #vakata-dragged, body.ArrayData #vakata-dragged { display: block; margin: 0 0 0 0; padding: 4px 4px 4px 24px; position: absolute; top: -2000px; line-height: 16px; z-index: 10000; }
  413
+.cms #vakata-contextmenu, body.ArrayData #vakata-contextmenu { display: block; visibility: hidden; left: 0; top: -200px; position: absolute; margin: 0; padding: 0; min-width: 180px; background: #ebebeb; border: 1px solid silver; z-index: 10000; *width: 180px; }
  414
+.cms #vakata-contextmenu ul, body.ArrayData #vakata-contextmenu ul { min-width: 180px; *width: 180px; }
  415
+.cms #vakata-contextmenu ul, .cms #vakata-contextmenu li, body.ArrayData #vakata-contextmenu ul, body.ArrayData #vakata-contextmenu li { margin: 0; padding: 0; list-style-type: none; display: block; }
  416
+.cms #vakata-contextmenu li, body.ArrayData #vakata-contextmenu li { line-height: 20px; min-height: 20px; position: relative; padding: 0px; }
  417
+.cms #vakata-contextmenu li a, body.ArrayData #vakata-contextmenu li a { padding: 1px 6px; line-height: 17px; display: block; text-decoration: none; margin: 1px 1px 0 1px; }
  418
+.cms #vakata-contextmenu li ins, body.ArrayData #vakata-contextmenu li ins { float: left; width: 16px; height: 16px; text-decoration: none; margin-right: 2px; }
  419
+.cms #vakata-contextmenu li a:hover, .cms #vakata-contextmenu li.vakata-hover > a, body.ArrayData #vakata-contextmenu li a:hover, body.ArrayData #vakata-contextmenu li.vakata-hover > a { background: gray; color: white; }
  420
+.cms #vakata-contextmenu li ul, body.ArrayData #vakata-contextmenu li ul { display: none; position: absolute; top: -2px; left: 100%; background: #ebebeb; border: 1px solid gray; }
  421
+.cms #vakata-contextmenu .right, body.ArrayData #vakata-contextmenu .right { right: 100%; left: auto; }
  422
+.cms #vakata-contextmenu .bottom, body.ArrayData #vakata-contextmenu .bottom { bottom: -1px; top: auto; }
  423
+.cms #vakata-contextmenu li.vakata-separator, body.ArrayData #vakata-contextmenu li.vakata-separator { min-height: 0; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; margin: 0 2px; background: silver; /* border-top:1px solid #fefefe; */ padding: 0; }
  424
+.cms .jstree ul, .cms .jstree li, body.ArrayData .jstree ul, body.ArrayData .jstree li { display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; }
  425
+.cms .jstree li, body.ArrayData .jstree li { display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; }
  426
+.cms .jstree-rtl li, body.ArrayData .jstree-rtl li { margin-left: 0; margin-right: 18px; }
  427
+.cms .jstree > ul > li, body.ArrayData .jstree > ul > li { margin-left: 0px; }
  428
+.cms .jstree-rtl > ul > li, body.ArrayData .jstree-rtl > ul > li { margin-right: 0px; }
  429
+.cms .jstree ins, body.ArrayData .jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; }
  430
+.cms .jstree a, body.ArrayData .jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; }
  431
+.cms .jstree a:focus, body.ArrayData .jstree a:focus { outline: none; }
  432
+.cms .jstree a > ins, body.ArrayData .jstree a > ins { height: 16px; width: 16px; }
  433
+.cms .jstree a > .jstree-icon, body.ArrayData .jstree a > .jstree-icon { margin-right: 3px; }
  434
+.cms .jstree-rtl a > .jstree-icon, body.ArrayData .jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right: 0; }
  435
+.cms li.jstree-open > ul, body.ArrayData li.jstree-open > ul { display: block; }
  436
+.cms li.jstree-closed > ul, body.ArrayData li.jstree-closed > ul { display: none; }
  437
+.cms #vakata-dragged ins, body.ArrayData #vakata-dragged ins { display: block; text-decoration: none; width: 16px; height: 16px; margin: 0 0 0 0; padding: 0; position: absolute; top: 4px; left: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
  438
+.cms #vakata-dragged .jstree-ok, body.ArrayData #vakata-dragged .jstree-ok { background: green; }
  439
+.cms #vakata-dragged .jstree-invalid, body.ArrayData #vakata-dragged .jstree-invalid { background: red; }
  440
+.cms #jstree-marker, body.ArrayData #jstree-marker { padding: 0; margin: 0; font-size: 12px; overflow: hidden; height: 12px; width: 8px; position: absolute; top: -30px; z-index: 10001; background-repeat: no-repeat; display: none; background-color: transparent; text-shadow: 1px 1px 1px white; color: black; line-height: 10px; }
  441
+.cms #jstree-marker-line, body.ArrayData #jstree-marker-line { padding: 0; margin: 0; line-height: 0%; font-size: 1px; overflow: hidden; height: 1px; width: 100px; position: absolute; top: -30px; z-index: 10000; background-repeat: no-repeat; display: none; background-color: #456c43; cursor: pointer; border: 1px solid #eeeeee; border-left: 0; -moz-box-shadow: 0px 0px 2px #666; -webkit-box-shadow: 0px 0px 2px #666; box-shadow: 0px 0px 2px #666; -moz-border-radius: 1px; border-radius: 1px; -webkit-border-radius: 1px; }
  442
+.cms .jstree .jstree-real-checkbox, body.ArrayData .jstree .jstree-real-checkbox { display: none; }
  443
+.cms .jstree-themeroller .ui-icon, body.ArrayData .jstree-themeroller .ui-icon { overflow: visible; }
  444
+.cms .jstree-themeroller a, body.ArrayData .jstree-themeroller a { padding: 0 2px; }
  445
+.cms .jstree-themeroller .jstree-no-icon, body.ArrayData .jstree-themeroller .jstree-no-icon { display: none; }
  446
+.cms .jstree .jstree-wholerow-real, body.ArrayData .jstree .jstree-wholerow-real { position: relative; z-index: 1; }
  447
+.cms .jstree .jstree-wholerow-real li, body.ArrayData .jstree .jstree-wholerow-real li { cursor: pointer; }
  448
+.cms .jstree .jstree-wholerow-real a, body.ArrayData .jstree .jstree-wholerow-real a { border-left-color: transparent !important; border-right-color: transparent !important; }
  449
+.cms .jstree .jstree-wholerow, body.ArrayData .jstree .jstree-wholerow { position: relative; z-index: 0; height: 0; }
  450
+.cms .jstree .jstree-wholerow ul, .cms .jstree .jstree-wholerow li, body.ArrayData .jstree .jstree-wholerow ul, body.ArrayData .jstree .jstree-wholerow li { width: 100%; }
  451
+.cms .jstree .jstree-wholerow, .cms .jstree .jstree-wholerow ul, .cms .jstree .jstree-wholerow li, .cms .jstree .jstree-wholerow a, body.ArrayData .jstree .jstree-wholerow, body.ArrayData .jstree .jstree-wholerow ul, body.ArrayData .jstree .jstree-wholerow li, body.ArrayData .jstree .jstree-wholerow a { margin: 0 !important; padding: 0 !important; }
  452
+.cms .jstree .jstree-wholerow, .cms .jstree .jstree-wholerow ul, .cms .jstree .jstree-wholerow li, body.ArrayData .jstree .jstree-wholerow, body.ArrayData .jstree .jstree-wholerow ul, body.ArrayData .jstree .jstree-wholerow li { background: transparent !important; }
  453
+.cms .jstree .jstree-wholerow ins, .cms .jstree .jstree-wholerow span, .cms .jstree .jstree-wholerow input, body.ArrayData .jstree .jstree-wholerow ins, body.ArrayData .jstree .jstree-wholerow span, body.ArrayData .jstree .jstree-wholerow input { display: none !important; }
  454
+.cms .jstree .jstree-wholerow a, .cms .jstree .jstree-wholerow a:hover, body.ArrayData .jstree .jstree-wholerow a, body.ArrayData .jstree .jstree-wholerow a:hover { text-indent: -9999px !important; width: 100%; padding: 0 !important; border-right-width: 0px !important; border-left-width: 0px !important; }
  455
+.cms .jstree .jstree-wholerow-span, body.ArrayData .jstree .jstree-wholerow-span { position: absolute; left: 0; margin: 0px; padding: 0; height: 18px; border-width: 0; padding: 0; z-index: 0; }
  456
+.cms .jstree-apple.jstree-focused, body.ArrayData .jstree-apple.jstree-focused { background: none; }
  457
+.cms .jstree-apple.jstree-focused .jstree-apple > ul, body.ArrayData .jstree-apple.jstree-focused .jstree-apple > ul { background: none; }
  458
+.cms .jstree li, body.ArrayData .jstree li { line-height: 25px; }
  459
+
  460
+.cms-tree.jstree-apple, body.ArrayData .jstree-apple { /* comment speech bubble - ccs3 only - source: http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */ }
  461
+.cms-tree.jstree-apple li.Root strong, body.ArrayData .jstree-apple li.Root strong { font-weight: bold; padding-left: 1px; }
  462
+.cms-tree.jstree-apple li.Root > a .jstree-icon, body.ArrayData .jstree-apple li.Root > a .jstree-icon { background-position: -56px -36px; }
  463
+.cms-tree.jstree-apple a, .cms-tree.jstree-apple a:link, body.ArrayData .jstree-apple a, body.ArrayData .jstree-apple a:link { color: #1556b2; padding: 3px 6px 3px 3px; border: none; display: inline-block; margin-right: 5px; }
  464
+.cms-tree.jstree-apple a span.status:after, .cms-tree.jstree-apple a:link span.status:after, body.ArrayData .jstree-apple a span.status:after, body.ArrayData .jstree-apple a:link span.status:after { clear: both; text-transform: uppercase; display: inline-block; padding: 0px 3px; font-size: 0.75em; line-height: 1em; margin-left: 3px; margin-right: 6px; margin-top: -1px; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -khtml-border-radius: 2px / 2px; border-radius: 2px / 2px; }
  465
+.cms-tree.jstree-apple span.modified:after, body.ArrayData .jstree-apple span.modified:after { content: "draft"; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; }
  466
+.cms-tree.jstree-apple span.new:after, body.ArrayData .jstree-apple span.new:after { content: "new"; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; }
  467
+.cms-tree.jstree-apple span.private:after, body.ArrayData .jstree-apple span.private:after { content: "private"; color: #636363; border: 1px solid #E49393; background-color: #F2DADB; }
  468
+.cms-tree.jstree-apple span.workflow-approval:after, body.ArrayData .jstree-apple span.workflow-approval:after { content: "awaiting approval"; color: #56660C; border: 1px solid #7C8816; background-color: #DAE79A; }
  469
+.cms-tree.jstree-apple span.comment-count, body.ArrayData .jstree-apple span.comment-count { clear: both; position: relative; text-transform: uppercase; display: inline-block; overflow: visible; padding: 0px 3px; font-size: 0.75em; line-height: 1em; margin-left: 3px; margin-right: 6px; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; -o-border-radius: 2px / 2px; -ms-border-radius: 2px / 2px; -khtml-border-radius: 2px / 2px; border-radius: 2px / 2px; color: #7E7470; border: 1px solid #C9B800; background-color: #FFF0BC; }
  470
+.cms-tree.jstree-apple span.comment-count:before, body.ArrayData .jstree-apple span.comment-count:before { content: ""; position: absolute; bottom: -4px; /* value = - border-top-width - border-bottom-width */ left: 3px; /* controls horizontal position */ border-width: 4px 4px 0; border-style: solid; border-color: #C9B800 transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; }
  471
+.cms-tree.jstree-apple span.comment-count:after, body.ArrayData .jstree-apple span.comment-count:after { content: ""; position: absolute; bottom: -3px; /* value = - border-top-width - border-bottom-width */ left: 4px; /* value = (:before left) + (:before border-left) - (:after border-left) */ border-width: 3px 3px 0; border-style: solid; border-color: #FFF0BC transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; }
  472
+.cms-tree.jstree-apple .jstree-hovered, body.ArrayData .jstree-apple .jstree-hovered { text-shadow: none; text-decoration: none; }
  473
+.cms-tree.jstree-apple li, body.ArrayData .jstree-apple li { padding: 0px; clear: left; }
  474
+.cms-tree.jstree-apple ins, body.ArrayData .jstree-apple ins { background-color: transparent; background-image: url(../images/sitetree_ss_default_icons.png); }
  475
+.cms-tree.jstree-apple li.jstree-checked a, .cms-tree.jstree-apple li.jstree-checked a:link, body.ArrayData .jstree-apple li.jstree-checked a, body.ArrayData .jstree-apple li.jstree-checked a:link { background-color: #efe999; }
462 476
 
463 477
 .jstree-apple #record-0.jstree-open > ins { display: none; }
464 478
 
BIN  admin/images/16x16-s8aab2a0ce2.png
BIN  admin/images/24x24-s5aa96abf84.png
BIN  admin/images/btn_icons-sb7da7f8cce.png
BIN  admin/images/btn_icons/accept.png
BIN  admin/images/btn_icons/accept_disabled.png
BIN  admin/images/btn_icons/add.png
BIN  admin/images/btn_icons/add_disabled.png
BIN  admin/images/btn_icons/addpage.png
BIN  admin/images/btn_icons/addpage_disabled.png
BIN  admin/images/btn_icons/decline.png
BIN  admin/images/btn_icons/decline_disabled.png
BIN  admin/images/btn_icons/preview.png
BIN  admin/images/btn_icons/preview_disabled.png
BIN  admin/images/btn_icons/settings.png
BIN  admin/images/btn_icons/settings_disabled.png
BIN  admin/images/btn_icons/unpublish.png
BIN  admin/images/btn_icons/unpublish_disabled.png
BIN  admin/images/btn_icons_sprite.png
BIN  admin/images/btn_icons_sprite_disabled.png
0  admin/images/icons/16x16-s4d33bad4d2.png → admin/images/menu_icons/16x16-s2ac647f5ef.png
File renamed without changes
0  admin/images/icons/16x16/blog.png → admin/images/menu_icons/16x16/blog.png
File renamed without changes
0  admin/images/icons/16x16/community.png → admin/images/menu_icons/16x16/community.png
File renamed without changes
0  admin/images/icons/16x16/document.png → admin/images/menu_icons/16x16/document.png
File renamed without changes
0  admin/images/icons/16x16/gears.png → admin/images/menu_icons/16x16/gears.png
File renamed without changes
0  admin/images/icons/16x16/home.png → admin/images/menu_icons/16x16/home.png
File renamed without changes
0  admin/images/icons/16x16/information.png → admin/images/menu_icons/16x16/information.png
File renamed without changes
0  admin/images/icons/16x16/network.png → admin/images/menu_icons/16x16/network.png
File renamed without changes
0  admin/images/icons/16x16/pencil.png → admin/images/menu_icons/16x16/pencil.png
File renamed without changes
0  admin/images/icons/16x16/picture.png → admin/images/menu_icons/16x16/picture.png
File renamed without changes
0  admin/images/icons/16x16/pie-chart.png → admin/images/menu_icons/16x16/pie-chart.png
File renamed without changes
0  admin/images/icons/24x24-sba30d25a74.png → admin/images/menu_icons/24x24-s0cb1fe1c77.png
File renamed without changes
0  admin/images/icons/24x24/blog.png → admin/images/menu_icons/24x24/blog.png
File renamed without changes
0  admin/images/icons/24x24/community.png → admin/images/menu_icons/24x24/community.png
File renamed without changes
0  admin/images/icons/24x24/document.png → admin/images/menu_icons/24x24/document.png
File renamed without changes
0  admin/images/icons/24x24/gears.png → admin/images/menu_icons/24x24/gears.png
File renamed without changes
0  admin/images/icons/24x24/home.png → admin/images/menu_icons/24x24/home.png
File renamed without changes
0  admin/images/icons/24x24/information.png → admin/images/menu_icons/24x24/information.png
File renamed without changes
0  admin/images/icons/24x24/network.png → admin/images/menu_icons/24x24/network.png
File renamed without changes
0  admin/images/icons/24x24/pencil.png → admin/images/menu_icons/24x24/pencil.png
File renamed without changes
0  admin/images/icons/24x24/picture.png → admin/images/menu_icons/24x24/picture.png
File renamed without changes
0  admin/images/icons/24x24/pie-chart.png → admin/images/menu_icons/24x24/pie-chart.png
File renamed without changes
0  admin/images/icons/README → admin/images/menu_icons/README
File renamed without changes
153  admin/scss/_forms.scss
@@ -11,19 +11,20 @@
11 11
  * ---------------------------------------------------- */	
12 12
 
13 13
 /* CMS action button sprite mix-in (used for all the buttons in the bottom row */
14  
-@mixin actionButtonSprite($horizontalOffset, $verticalOffset) {
15  
-    padding-left: 24px;
  14
+@mixin actionButtonSprite($name) {
  15
+  padding-left: 24px;
16 16
 	padding-right: 6px;
17  
-	@include background($color-button-generic image-url("btn_icons_sprite.png") no-repeat $horizontalOffset $verticalOffset);
18  
-	@include background(image-url("btn_icons_sprite.png") no-repeat $horizontalOffset $verticalOffset,
  17
+
  18
+	@include background($color-button-generic sprite($btn_icons, $name, 5px, 6px) no-repeat);
  19
+	@include background(sprite($btn_icons, $name, 5px, 6px) no-repeat,
19 20
 		linear-gradient(color-stops(
20 21
 			lighten($color-button-generic, 10%),
21 22
 			darken($color-button-generic, 5%)
22 23
 		))
23 24
 	);
24 25
 	&.ui-state-hover {
25  
-		@include background(lighten($color-button-generic, 10%) image-url("btn_icons_sprite.png") no-repeat $horizontalOffset $verticalOffset);
26  
-		@include background(image-url("btn_icons_sprite.png") no-repeat $horizontalOffset $verticalOffset,
  26
+		@include background(lighten($color-button-generic, 10%) sprite($btn_icons, $name, 5px, 6px) no-repeat);
  27
+		@include background(sprite($btn_icons, $name, 5px, 6px) no-repeat,
27 28
 			linear-gradient(color-stops(
28 29
 				lighten($color-button-generic, 20%),
29 30
 				$color-button-generic
@@ -32,8 +33,8 @@
32 33
 	}
33 34
 	&.ui-state-disabled {
34 35
 	    background-image: none;
35  
-	    @include background(lighten($color-button-generic, 20%) image-url("btn_icons_sprite_disabled.png") no-repeat $horizontalOffset $verticalOffset);
36  
-		@include background(image-url("btn_icons_sprite_disabled.png") no-repeat $horizontalOffset $verticalOffset,
  36
+	    @include background(lighten($color-button-generic, 20%) sprite($btn_icons, $name+_disabled, 5px, 6px) no-repeat);
  37
+		@include background(sprite($btn_icons, $name+_disabled, 5px, 6px) no-repeat,
37 38
 			linear-gradient(color-stops(
38 39
 				lighten($color-button-generic, 20%),
39 40
 				$color-button-generic
@@ -41,7 +42,45 @@
41 42
 		);
42 43
 	}
43 44
 }
44  
-	
  45
+
  46
+@mixin actionButtonSpriteConstructive($name) {
  47
+  background-image: none;
  48
+	padding-left: 25px;
  49
+	padding-right: 7px;
  50
+	font-weight: bold;
  51
+	margin-left: $grid-horizontal;
  52
+	color: $color-text-light;
  53
+	border-color: $color-button-constructive-border;
  54
+	border-bottom-color: darken($color-button-constructive-border, 10%);			
  55
+	@include background($color-button-constructive sprite($btn_icons, $name, 6, 6) no-repeat);
  56
+	@include background(sprite($btn_icons, $name
  57
+	, 6, 6) no-repeat,
  58
+		linear-gradient(color-stops(
  59
+			lighten($color-button-constructive, 10%),
  60
+			darken($color-button-constructive, 5%)
  61
+		))
  62
+	);
  63
+
  64
+	@include text-shadow(darken($color-button-constructive, 10%) 0 1px 1px);
  65
+
  66
+	&.ui-state-hover {
  67
+		border-color: darken($color-button-constructive-border, 10%);
  68
+		@include background(lighten($color-button-constructive, 10%) sprite($btn_icons, $name, 6, 6) no-repeat);
  69
+		@include background(sprite($btn_icons, $name, 6, 6) no-repeat,
  70
+			linear-gradient(color-stops(
  71
+				lighten($color-button-constructive, 15%),
  72
+				$color-button-constructive
  73
+			))
  74
+		);
  75
+	}
  76
+	&:active, &:focus {
  77
+		padding: $grid-vertical 8px $grid_vertical 26px;
  78
+		border: none;
  79
+		@include background(darken($color-button-constructive, 2%) sprite($btn_icons, $name, 7, 7) no-repeat);
  80
+		@include box-shadow(inset 0 1px 3px rgb(23, 24, 26), 0 1px 0 rgba(255, 255, 255, .6));
  81
+	}
  82
+}
  83
+
45 84
 form.nostyle {
46 85
 	@include clear-form-field-styles();
47 86
 }
@@ -49,21 +88,19 @@ form.nostyle {
49 88
 .field {
50 89
 	display: block;
51 90
 	padding: 10px 0;
52  
-	border-bottom-width: 2px;
53  
-	border-bottom: 2px groove lighten($color-shadow-light, 95%);
54  
-	-webkit-border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch;
55  
-	border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch;
  91
+	border-bottom: 1px solid $color-shadow-light;
  92
+    @include box-shadow(0 1px 0 lighten($color-shadow-light, 95%));
  93
+
56 94
 	//TODO: use single border line with shadow instead:: http://daverupert.com/2011/06/two-tone-borders-with-css3/
57  
-	//@include border-image(url(../images/textures/bg_fieldset_elements_border.png), 2, stretch); //not yet supported
58 95
 	//overflow: hidden;
59 96
 
60 97
 	
61 98
 	// bottom padding accounts for the border and we have a negative
62 99
 	// margin with a postive padding to ensure the bottom border extends
63 100
 	// over the edges
64  
-	padding: 0 $grid-horizontal $grid-vertical - 1 $grid-horizontal;
65  
-	margin: 0 $grid-horizontal * -1 $grid-vertical $grid-horizontal * -1;
66  
-	border-bottom: 1px solid $color-shadow-light;
  101
+	padding: 0 0 $grid-vertical - 1 0;
  102
+	margin: 0 0 $grid-vertical 0;
  103
+
67 104
 	
68 105
 	// using the legacy version as some of the more complex form fields
69 106
 	// need to use relative positioning and overflow hidden will not expand
@@ -84,12 +121,13 @@ form.nostyle {
84 121
 			width: $grid-horizontal * 21;
85 122
 			padding: $grid-vertical $grid-horizontal $grid-vertical 0;
86 123
 			line-height: $grid-vertical * 2;
87  
-		
  124
+			font-weight: bold;
  125
+			@include text-shadow(1px 1px 0 $color-text-shadow);
88 126
 			span {
89 127
 				display: block;
90 128
 				font-size: $font-base-size - 1;
91 129
 				color: lighten($color-text, 25%);
92  
-			
  130
+
93 131
 				@include hide-text-overflow();
94 132
 			}
95 133
 		}
@@ -126,14 +164,15 @@ form.nostyle {
126 164
 		line-height: $grid-vertical * 2;
127 165
 		margin: 0;
128 166
 		outline: none;
129  
-		
  167
+		@include transition(0.2s box-shadow ease-in);
  168
+		@include transition(0.2s border ease-in);
130 169
 		@include border-radius(4px);
131 170
 		@include background-image(linear-gradient(#efefef, #fff 10%, #fff 90%, #efefef));
132 171
 	
133 172
 		&:focus {
134  
-			border: 1px solid lighten($color-medium-separator, 20%);
135  
-			
136  
-			@include box-shadow(0 0 5px rgba(0,0,0,0.2));
  173
+			border: 1px solid lighten($color-medium-separator, 10%);
  174
+			border-top-color: $color-medium-separator;
  175
+			@include box-shadow(0 1px 3px rgba(0,0,0,0.2) inset);
137 176
 		}
138 177
 	}
139 178
 	
@@ -240,7 +279,8 @@ form.nostyle {
240 279
 	text-decoration: none;
241 280
 }
242 281
 
243  
-.cms {
  282
+.cms, body.ArrayData {
  283
+
244 284
 	input.loading,
245 285
 	input.ui-state-default.loading, .ui-widget-content input.ui-state-default.loading, 
246 286
 	.ui-widget-header input.ui-state-default.loading {
@@ -264,11 +304,11 @@ form.nostyle {
264 304
 		color: lighten($color-text-dark, 10%);
265 305
 		background-color: $color-button-generic;
266 306
 		border: 1px solid $color-button-generic-border;
  307
+		border-bottom: 1px solid darken($color-button-generic-border, 10%);
267 308
 		@include text-shadow(lighten($color-button-generic, 20%) 0 1px 1px);
268 309
 		
269  
-		@include box-shadow(lighten($color-base, 10%) 0 1px 2px);
270  
-		@include background($color-button-generic image-url("btn_icons_sprite.png") no-repeat 999px 999px);
271  
-		@include background(image-url("btn_icons_sprite.png") no-repeat 999px 999px,
  310
+		@include background($color-button-generic);
  311
+		@include background(
272 312
 			linear-gradient(color-stops(
273 313
 				lighten($color-button-generic, 10%),
274 314
 				darken($color-button-generic, 5%)
@@ -277,10 +317,8 @@ form.nostyle {
277 317
 		&.ui-state-hover {
278 318
 			border: 1px solid darken($color-button-generic-border, 10%);
279 319
 			@include text-shadow(lighten($color-button-generic, 30%) 0 1px 1px);
280  
-			
281  
-			@include box-shadow($color-base 0 1px 2px);
282  
-			@include background(lighten($color-button-generic, 10%) image-url("btn_icons_sprite.png") no-repeat 999px 999px);
283  
-			@include background(image-url("btn_icons_sprite.png") no-repeat 999px 999px,
  320
+			@include background(lighten($color-button-generic, 10%));
  321
+			@include background(
284 322
 				linear-gradient(color-stops(
285 323
 					lighten($color-button-generic, 20%),
286 324
 					darken($color-button-generic, 5%)
@@ -289,74 +327,49 @@ form.nostyle {
289 327
 		}
290 328
 		&:focus,
291 329
 		&:active {
292  
-			border: 1px solid darken($color-button-generic-border, 5%);
293  
-			
294  
-			@include box-shadow($color-base 0 1px 2px);
295  
-			@include background(lighten($color-button-generic, 10%) image-url("btn_icons_sprite.png") no-repeat 999px 999px);
296  
-			@include background(image-url("btn_icons_sprite.png") no-repeat 999px 999px,
  330
+			border: 1px solid lighten($color-button-generic, 40%);
  331
+			@include box-shadow(0 3px 3px darken($color-button-generic, 40%) inset);
  332
+			@include background(darken($color-button-generic, 30%));
  333
+			@include background(
297 334
 				linear-gradient(color-stops(
298 335
 					$color-button-generic,
299  
-					lighten($color-button-generic, 20%)
  336
+					darken($color-button-generic, 30%)
300 337
 				))
301 338
 			);			
302 339
 		}
303 340
 
304 341
 		/* constructive */
305 342
 		&.ss-ui-action-constructive {
306  
-		    background-image: none;
307  
-			padding-left: 24px;
308  
-			padding-right: 6px;
309  
-			font-weight: bold;
310  
-			margin-left: $grid-horizontal;
311  
-			color: $color-text-light;
312  
-			border-color: $color-button-constructive-border;
313  
-			@include background($color-button-constructive image-url("btn_icons_sprite.png") no-repeat 5px 5px);
314  
-			@include background(image-url("btn_icons_sprite.png") no-repeat 5px 5px,
315  
-				linear-gradient(color-stops(
316  
-					lighten($color-button-constructive, 10%),
317  
-					darken($color-button-constructive, 5%)
318  
-				))
319  
-			);
320  
-	
321  
-			@include text-shadow(darken($color-button-constructive, 10%) 0 1px 1px);
322  
-			@include box-shadow(darken($color-base, 20%) 1px 1px 2px);
  343
+			@include actionButtonSpriteConstructive('accept');
  344
+		}
323 345
 		
324  
-			&.ui-state-hover {
325  
-				border-color: darken($color-button-constructive-border, 10%);
326  
-				@include background(lighten($color-button-constructive, 10%) image-url("btn_icons_sprite.png") no-repeat 5px 5px);
327  
-				@include background(image-url("btn_icons_sprite.png") no-repeat 5px 5px,
328  
-					linear-gradient(color-stops(
329  
-						lighten($color-button-constructive, 15%),
330  
-						$color-button-constructive
331  
-					))
332  
-				);
333  
-			}
  346
+		&.cms-page-add-button {
  347
+			@include actionButtonSpriteConstructive('add');
334 348
 		}
335  
-	
336 349
 		/* destructive */
337 350
 		&.ss-ui-action-destructive {
338 351
 			color: $color-button-destructive;
339 352
 			background-color: $color-button-generic;
340 353
 		
341 354
 			&.delete {
342  
-				@include actionButtonSprite(6px, -26px);
  355
+				@include actionButtonSprite('decline');
343 356
 			}
344 357
 
345 358
 			&.unpublish {
346  
-			    @include actionButtonSprite(6px, -58px);
  359
+			    @include actionButtonSprite('unpublish');
347 360
 			}
348 361
 		}
349 362
 
350 363
 		/* generic action buttons */
351 364
 		&.save-draft {
352  
-		    @include actionButtonSprite(6px, -90px);
  365
+		    @include actionButtonSprite('addpage');
353 366
 		}
354 367
 
355 368
 		&.cms-preview-toggle-link {
356 369
 		    padding-left: 24px !important;
357 370
 			margin-left: 4px !important;
358 371
 			text-decoration: none;
359  
-		    @include actionButtonSprite(6px, -122px);
  372
+			@include actionButtonSprite('preview');
360 373
 		}
361 374
 
362 375
 		&.ss-ui-button-small {
@@ -481,4 +494,4 @@ form.nostyle {
481 494
 
482 495
 .action-hidden {
483 496
 	display:  none;
484  
-}
  497
+}
2  admin/scss/_menu.scss
@@ -288,4 +288,4 @@
288 288
 			display: none;
289 289
 		}
290 290
 	}
291  
-}
  291
+}
8  admin/scss/_sprites.scss
@@ -5,9 +5,10 @@
5 5
  */
6 6
 @import "compass/utilities/sprites/base";
7 7
 
8  
-$icon24: sprite-map("icons/24x24/*.png");
9  
-$icon16: sprite-map("icons/16x16/*.png");
  8
+$icon24: sprite-map("menu_icons/24x24/*.png");
  9
+$icon16: sprite-map("menu_icons/16x16/*.png");
10 10
 
  11
+$btn_icons: sprite-map("btn_icons/*.png", $spacing: 10px);
11 12
 
12 13
 @mixin icons($sprite) {
13 14
 	background: $sprite;
@@ -38,7 +39,6 @@ $icon16: sprite-map("icons/16x16/*.png");
38 39
 	}
39 40
 }
40 41
 
41  
-
42 42
 .icon {
43 43
 	text-indent: -9999px;
44 44
 	border: none;
@@ -57,4 +57,4 @@ $icon16: sprite-map("icons/16x16/*.png");
57 57
 		
58 58
 		@include icons($icon16);
59 59
 	}
60  
-}
  60
+}
83  admin/scss/_style.scss
@@ -120,7 +120,7 @@ html,body {
120 120
 	}
121 121
 }
122 122
 
123  
-.ui-tabs .cms-content-header {
  123
+.ui-tabs .cms-content-header, body.ArrayData .ui-tabs-nav {
124 124
 	.ui-tabs-nav li {
125 125
 		a {
126 126
 			font-weight: bold;
@@ -271,6 +271,11 @@ html,body {
271 271
 		border-color: $color-error;
272 272
 	}
273 273
 	
  274
+	&.good {
  275
+		background-color: lighten($color-good, 20%);
  276
+		border-color: $color-good;
  277
+	}
  278
+	
274 279
 	p {
275 280
 		margin: 0;
276 281
 	}
@@ -699,17 +704,20 @@ form.member-profile-form {
699 704
 	input.customFormat {
700 705
 		border: 1px solid #ccc !important;
701 706
 		padding: 3px;
702  
-		margin-left: 2px;
  707
+		display: inline;
  708
+		margin-left: 15px;
  709
+		position: relative;
703 710
 	}
704 711
 	.formattingHelpToggle {
  712
+		display: block;
705 713
 		font-size: 11px;
706  
-		padding: 3px;
  714
+		margin-top: 10px;
  715
+		margin-left: 15px;
707 716
 	}
708 717
 	.formattingHelpText {
709  
-		margin: 5px auto;
  718
+		margin: 5px 0 0 -5px;
710 719
 		color: #333;
711 720
 		padding: 5px 10px;
712  
-		width: 90%;
713 721
 		background: #fff;
714 722
 		border: 1px solid #ccc;
715 723
 	}
@@ -720,8 +728,17 @@ form.member-profile-form {
720 728
 		font-size: 11px;
721 729
 		color: #333;
722 730
 		margin-bottom: 2px;
  731
+		float: none;
  732
+		width: auto;
  733
+	}
  734
+	#Groups .middleColumn {
  735
+		margin-left: 0;
  736
+		width: 100%;
  737
+		.TreeDropdownField {
  738
+			width: 90%;
  739
+			max-width: 90%;
  740
+		}
723 741
 	}
724  
-	
725 742
 }
726 743
 
727 744
 .cms {
@@ -978,10 +995,12 @@ $DialogLabelColor: #7B8C91;
978 995
 			width: 320px;
979 996
 		}
980 997
 	}
981  
-
  998
+	
982 999
 	.Actions {
  1000
+		position: absolute;
  1001
+		bottom: 10px;
  1002
+		right: 10px;
983 1003
 		float: right;
984  
-		margin: 0;
985 1004
 	}
986 1005
 }
987 1006
 
@@ -1005,6 +1024,52 @@ $DialogLabelColor: #7B8C91;
1005 1024
  */
1006 1025
 	
1007 1026
 body.ArrayData {
1008  
-	overflow-y: scroll;
  1027
+	overflow-y: auto;
1009 1028
 	overflow-x: auto;
  1029
+	font-family: Arial, sans-serif;
  1030
+	margin-bottom: 60px;
  1031
+	.ss-tabset {	
  1032
+		background-color: darken($color-widget-bg, 20%);
  1033
+		padding: $grid-vertical $grid-horizontal ($grid-vertical - 2);	
  1034
+		height: $grid-vertical * 4;
  1035
+		z-index: 60;
  1036
+
  1037
+		border: none;
  1038
+		@include box-shadow($color-widget-bg 0 $grid-vertical $grid-vertical*2);
  1039
+	
  1040
+		@include background-image(
  1041
+			linear-gradient(darken($color-widget-bg, 10%), darken($color-widget-bg, 30%))
  1042
+		);
  1043
+
  1044
+		@include border-radius(none);
  1045
+		.tab {
  1046
+			background: none;
  1047
+			overflow-y: auto;
  1048
+		}
  1049
+
  1050
+		&.ui-tabs {
  1051
+			.ui-tabs-nav {
  1052
+				background: none;
  1053
+				border: none;
  1054
+				li {	
  1055
+					&:first-child {
  1056
+						margin-left: 15px;
  1057
+					}
  1058
+					font-weight: bold;
  1059
+					line-height: 16px;
  1060
+					padding: 11px 12px 9px;
  1061
+					border-bottom: 2px solid #B3B3B3;
  1062
+				}
  1063
+			}
  1064
+		}
  1065
+	}
  1066
+	.clear {
  1067
+		clear: both;
  1068
+	}
  1069
+	.Actions {
  1070
+		z-index: 100;
  1071
+		position: fixed;
  1072
+		bottom: 3px;
  1073
+		right: 20px;
  1074
+	}
1010 1075
 }
6  admin/scss/_tree.scss
@@ -6,7 +6,7 @@
6 6
  * but we need it earlier in order to correctly display the uninitialized tree.
7 7
  */
8 8
 
9  
-.cms {
  9
+.cms, body.ArrayData {
10 10
 	.jstree {
11 11
 		ul {
12 12
 			display: block;
@@ -379,7 +379,7 @@
379 379
 	}
380 380
 }
381 381
 
382  
-.cms-tree.jstree-apple {
  382
+.cms-tree.jstree-apple, body.ArrayData .jstree-apple {
383 383
 	
384 384
 	& li.Root {
385 385
 		& strong {
@@ -539,4 +539,4 @@ li.class-ErrorPage > a .jstree-pageicon {
539 539
 
540 540
 .cms-tree {
541 541
 	visibility: hidden; // enabled by JS to avoid layout glitches
542  
-}
  542
+}
4  admin/scss/_uitheme.scss
@@ -10,7 +10,7 @@
10 10
  * and read the jQuery UI theming API: http://jqueryui.com/docs/Theming/API
11 11
  */
12 12
 
13  
-.cms {	
  13
+.cms, body.ArrayData {	
14 14
 	.ui-tabs {
15 15
 		padding: 0;
16 16
 		background: $tab-panel-texture-background;
@@ -114,4 +114,4 @@
114 114
 	.ui-widget-header .ss-ui-button {
115 115
 
116 116
 	}	
117  
-}
  117
+}
3  admin/scss/themes/_default.scss
@@ -33,6 +33,8 @@ $color-text-light-link: white;
33 33
 $color-text-dark: #1f1f1f;
34 34
 $color-text-dark-link: #3EBAE0;
35 35
 $color-text-blue-link:#1556B2;
  36
+$color-text-shadow: white;
  37
+
36 38
 
37 39
 $color-button-generic: #e6e6e6;
38 40
 $color-button-generic-border: #c0c0c2;
@@ -50,6 +52,7 @@ $color-button-disabled: #eeeded;
50 52
 $color-warning: #FF9300;
51 53
 $color-error: #FF9300;
52 54
 $color-notice: #FF9300;
  55
+$color-good: $color-button-constructive;
53 56
 
54 57
 $color-cms-batchactions-menu-background: #f5f5f5;
55 58
 $color-cms-batchactions-menu-selected-background: #efe999;
2  security/Member.php
@@ -1557,7 +1557,7 @@ function __construct($controller, $name, $member) {
1557 1557
 		$fields->push(new HiddenField('ID','ID',$member->ID));
1558 1558
 
1559 1559
 		$actions = new FieldList(
1560  
-			new FormAction('dosave',_t('CMSMain.SAVE', 'Save'))
  1560
+ 			new FormAction('dosave',_t('CMSMain.SAVE', 'Save'), null, null, "ss-ui-button ss-ui-action-constructive")
1561 1561
 		);
1562 1562
 		
1563 1563
 		$validator = new Member_Validator();

0 notes on commit 2a429c9

Please sign in to comment.
Something went wrong with that request. Please try again.