Added GXT2 Theme

git-svn-id: https://svn.d4science.research-infrastructures.eu/gcube/trunk/portlets/user/tabular-data-portlet@90640 82a268e6-3cf1-43bd-a215-b396298e98cf

src/main/webapp/gxt2/css/gxt-gray.css

@@ -0,0 +1,493 @@
+.x-panel {
+    border-style: solid;
+    border-color: #d0d0d0;
+}
+.x-panel-header {
+    color:#333;
+	border:1px solid #d0d0d0;
+    background-image:url(../images/gray/panel/white-top-bottom.gif);
+}
+
+.x-panel-body {
+    border-color:#d0d0d0;
+}
+
+.x-panel-bbar .x-toolbar {
+    border-color:#d0d0d0;
+}
+
+.x-panel-tbar .x-toolbar {
+    border-color:#d0d0d0;
+}
+
+.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
+    border-color:#d0d0d0;
+}
+.x-panel-body-noheader, .x-panel-mc .x-panel-body {
+    border-color:#d0d0d0;
+}
+.x-panel-tl .x-panel-header {
+    color:#333;
+}
+.x-panel-tc {
+	background-image:url(../images/gray/panel/top-bottom.gif);
+}
+.x-panel-tl {
+	background-image:url(../images/gray/panel/corners-sprite.gif);
+    border-color:#d0d0d0;
+}
+.x-panel-tr {
+	background-image:url(../images/gray/panel/corners-sprite.gif);
+}
+.x-panel-bc {
+	background-image:url(../images/gray/panel/top-bottom.gif);
+}
+.x-panel-bl {
+	background-image:url(../images/gray/panel/corners-sprite.gif);
+}
+.x-panel-br {
+	background-image:url(../images/gray/panel/corners-sprite.gif);
+}
+.x-panel-mc {
+    background:#f1f1f1;
+}
+.x-panel-mc .x-panel-body {
+    background:transparent;
+    border: 0 none;
+}
+.x-panel-ml {
+	background-image:url(../images/gray/panel/left-right.gif);
+}
+.x-panel-mr {
+	background-image:url(../images/gray/panel/left-right.gif);
+}
+
+/* Tools */
+.x-tool {
+    background-image:url(../images/gray/panel/tool-sprites.gif);
+}
+
+/* Ghosting */
+.x-panel-ghost {
+    background:#e0e0e0;
+}
+
+.x-panel-ghost ul {
+    border-color:#b0b0b0;
+}
+
+.x-grid-panel .x-panel-mc .x-panel-body {
+    border:1px solid #d0d0d0;
+}
+
+/* Buttons */
+
+.x-btn-left{
+	background-image:url(../images/gray/button/btn-sprite.gif);
+}
+.x-btn-right{
+	background-image:url(../images/gray/button/btn-sprite.gif);
+}
+.x-btn-center{
+	background-image:url(../images/gray/button/btn-sprite.gif);
+}
+
+.x-btn-group-header {
+    color: #333333;
+}
+.x-btn-group-tc {
+	background-image: url(../images/gray/button/group-tb.gif);
+}
+.x-btn-group-tl {
+	background-image: url(../images/gray/button/group-cs.gif);
+}
+.x-btn-group-tr {
+	background-image: url(../images/gray/button/group-cs.gif);
+}
+.x-btn-group-bc {
+	background-image: url(../images/gray/button/group-tb.gif);
+}
+.x-btn-group-bl {
+	background-image: url(../images/gray/button/group-cs.gif);
+}
+.x-btn-group-br {
+	background-image: url(../images/gray/button/group-cs.gif);
+}
+.x-btn-group-ml {
+	background-image: url(../images/gray/button/group-lr.gif);
+}
+.x-btn-group-mr {
+	background-image: url(../images/gray/button/group-lr.gif);
+}
+.x-btn-group-notitle .x-btn-group-tc {
+	background-image: url(../images/gray/button/group-tb.gif);
+}
+
+/* Layout classes */
+
+.x-border-layout-ct {
+    background:#f0f0f0;
+}
+
+.x-accordion-hd {
+	background-image:url(../images/gray/panel/light-hd.gif);
+}
+
+.x-layout-collapsed{
+    background-color:#eee;
+    border-color:#e0e0e0;
+}
+.x-layout-collapsed-over{
+	 background-color:#fbfbfb;
+}
+
+
+/* qtips */
+.x-tip .x-tip-top {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+.x-tip .x-tip-top-left {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+.x-tip .x-tip-top-right {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+.x-tip .x-tip-ft {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+.x-tip .x-tip-ft-left {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+.x-tip .x-tip-ft-right {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+.x-tip .x-tip-bd-left {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+.x-tip .x-tip-bd-right {
+	background-image:url(../images/gray/qtip/tip-sprite.gif);
+}
+
+/* Toolbars */
+
+.x-toolbar{
+	border-color:#d0d0d0;
+    background:#f0f4f5 url(../images/gray/toolbar/bg.gif) repeat-x top left;
+}
+.x-toolbar button {
+    color:#444;
+}
+.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
+    background-image:url(../images/gray/toolbar/btn-arrow.gif);
+}
+.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
+    background-image:url(../images/gray/toolbar/btn-arrow.gif);
+}
+.x-toolbar .x-btn-over .x-btn-left{
+	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
+}
+.x-toolbar .x-btn-over .x-btn-right{
+	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
+}
+.x-toolbar .x-btn-over .x-btn-center{
+	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
+}
+.x-toolbar .x-btn-over button {
+    color:#111;
+}
+.x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
+	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
+}
+.x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
+	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
+}
+
+.x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
+	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
+}
+.x-toolbar .xtb-sep {
+	background-image: url(../images/gray/grid/grid-split.gif);
+}
+
+/* Tabs */
+
+.x-tab-panel-header, .x-tab-panel-footer {
+	background: #EAEAEA;
+	border-color:#d0d0d0;
+}
+
+
+.x-tab-panel-header {
+	border-color:#d0d0d0;
+}
+
+.x-tab-panel-footer {
+	border-color:#d0d0d0;
+}
+
+ul.x-tab-strip-top{
+	background:#dbdbdb url(../images/gray/tabs/tab-strip-bg.gif) repeat-x left top;
+	border-color:#d0d0d0;
+    padding-top: 2px;
+}
+
+ul.x-tab-strip-bottom{
+	background-image:url(../images/gray/tabs/tab-strip-btm-bg.gif);
+	border-color:#d0d0d0;
+}
+
+.x-tab-strip span.x-tab-strip-text {
+	color:#333;
+}
+.x-tab-strip-over span.x-tab-strip-text {
+	color:#111;
+}
+
+.x-tab-strip-active span.x-tab-strip-text {
+	color:#333;
+}
+
+.x-tab-strip-disabled .x-tabs-text {
+	color:#aaaaaa;
+}
+
+.x-tab-strip-top .x-tab-right {
+	background-image:url(../images/gray/tabs/tabs-sprite.gif);
+}
+
+.x-tab-strip-top .x-tab-left {
+	background-image:url(../images/gray/tabs/tabs-sprite.gif);
+}
+.x-tab-strip-top .x-tab-strip-inner {
+	background-image:url(../images/gray/tabs/tabs-sprite.gif);
+}
+
+.x-tab-strip-bottom .x-tab-right {
+	background-image:url(../images/gray/tabs/tab-btm-inactive-right-bg.gif);
+}
+
+.x-tab-strip-bottom .x-tab-left {
+	background-image:url(../images/gray/tabs/tab-btm-inactive-left-bg.gif);
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
+	background-image:url(../images/gray/tabs/tab-btm-right-bg.gif);
+}
+
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
+	background-image:url(../images/gray/tabs/tab-btm-left-bg.gif);
+}
+
+.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
+	background-image:url(../images/gray/tabs/tab-close.gif);
+}
+.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
+	background-image:url(../images/gray/tabs/tab-close.gif);
+}
+
+.x-tab-panel-body {
+    border-color:#d0d0d0;
+    background:#fff;
+}
+.x-tab-panel-bbar .x-toolbar {
+    border-color: #d0d0d0;
+}
+
+.x-tab-panel-tbar .x-toolbar {
+    border-color: #d0d0d0;
+}
+
+.x-tab-panel-header-plain .x-tab-strip-spacer {
+    border-color:#d0d0d0;
+    background: #eaeaea;
+}
+
+.x-tab-scroller-left {
+    background-image: url(../images/gray/tabs/scroll-left.gif);
+    border-color:#aeaeae;
+}
+.x-tab-scroller-right {
+    background-image: url(../images/gray/tabs/scroll-right.gif);
+    border-color:#aeaeae;
+}
+
+/* Window */
+
+.x-window-proxy {
+    background:#e0e0e0;
+    border-color:#b0b0b0;
+}
+
+.x-window-tl .x-window-header {
+    color:#555;
+}
+.x-window-tc {
+	background-image:url(../images/gray/window/top-bottom.png);
+}
+.x-window-tl {
+	background-image:url(../images/gray/window/left-corners.png);
+}
+.x-window-tr {
+	background-image:url(../images/gray/window/right-corners.png);
+}
+.x-window-bc {
+	background-image:url(../images/gray/window/top-bottom.png);
+}
+.x-window-bl {
+	background-image:url(../images/gray/window/left-corners.png);
+}
+.x-window-br {
+	background-image:url(../images/gray/window/right-corners.png);
+}
+.x-window-mc {
+    border:1px solid #d0d0d0;
+    background:#e8e8e8;
+}
+.ext-ie .x-window-plain .x-window-mc {
+    background-color: #e3e3e3;
+}
+
+.x-window-ml {
+	background-image:url(../images/gray/window/left-right.png);
+}
+.x-window-mr {
+	background-image:url(../images/gray/window/left-right.png);
+}
+.x-panel-ghost .x-window-tl {
+    border-color:#d0d0d0;
+}
+.x-panel-collapsed .x-window-tl {
+    border-color:#d0d0d0;
+}
+
+.x-window-plain .x-window-mc {
+    background: #e8e8e8;
+    border-right:1px solid #eee;
+    border-bottom:1px solid #eee;
+    border-top:1px solid #d0d0d0;
+    border-left:1px solid #d0d0d0;
+}
+
+.x-window-plain .x-window-body {
+    border-left:1px solid #eee;
+    border-top:1px solid #eee;
+    border-bottom:1px solid #d0d0d0;
+    border-right:1px solid #d0d0d0;
+    background:transparent !important;
+}
+
+body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
+    background-color: #e4e4e4;
+}
+
+
+/* misc */
+.x-html-editor-wrap {
+    border-color:#d0d0d0;
+}
+
+/* Borders go last for specificity */
+.x-panel-noborder .x-panel-body-noborder {
+    border-width:0;
+}
+
+.x-panel-noborder .x-panel-header-noborder {
+    border-width:0;
+    border-bottom:1px solid #d0d0d0;
+}
+
+.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
+    border-width:0;
+    border-bottom:1px solid #d0d0d0;
+}
+
+.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
+    border-width:0;
+    border-top:1px solid #d0d0d0;
+}
+
+.x-window-noborder .x-window-mc {
+    border-width:0;
+}
+.x-window-plain .x-window-body-noborder {
+    border-width:0;
+}
+
+.x-tab-panel-noborder .x-tab-panel-body-noborder {
+	border-width:0;
+}
+
+.x-tab-panel-noborder .x-tab-panel-header-noborder {
+	border-top-width:0;
+	border-left-width:0;
+	border-right-width:0;
+}
+
+.x-tab-panel-noborder .x-tab-panel-footer-noborder {
+	border-bottom-width:0;
+	border-left-width:0;
+	border-right-width:0;
+}
+
+
+.x-tab-panel-bbar-noborder .x-toolbar {
+    border-width:0;
+    border-top:1px solid #d0d0d0;
+}
+
+.x-tab-panel-tbar-noborder .x-toolbar {
+    border-width:0;
+    border-bottom:1px solid #d0d0d0;
+}
+
+.x-spinner-field .x-form-spinner-up {
+  background-image: url('../images/gray/form/spinner.gif');
+}
+.x-spinner-field .x-form-spinner-down {
+  background-image: url('../images/gray/form/spinner.gif');
+}.x-accordion-hd {
+	background-color: #e5e5e5;
+}.x-border {
+  border: 1px solid #D0D0D0;
+}
+
+.x-layout-popup {
+  background-color: #F0F0F0;
+  border: 1px solid #D0D0D0;
+}
+
+.my-list {
+  border: 1px solid #D0D0D0;
+}
+
+.x-view {
+  border:1px solid #D0D0D0;
+}
+
+.x-menubar {
+  border-color: #D0D0D0;
+  background-color: #F0F0F0;
+  background-image: url(../images/gray/toolbar/bg.gif);
+}
+
+.x-menubar-item-active {
+  background-color: #D9E8FB;
+}
+
+.x-menubar-item-active {
+  background-color: #D9E8FB;
+}.x-date-right-icon {
+  background-image: url(../images/default/shared/right-btn.gif);
+  margin-right: 2px;
+  text-decoration: none !important;
+}
+
+.x-date-left-icon {
+  background-image: url(../images/default/shared/left-btn.gif);
+  margin-right: 2px;
+  text-decoration: none !important;
+}.my-tbl {
+	border: 1px solid #C6C5C5;
+}.my-treetbl {
+	border: 1px solid #C6C5C5;
+}

src/main/webapp/gxt2/desktop/css/desktop.css

@@ -0,0 +1,638 @@
+/*
+ * Ext JS Library 2.1
+ * Copyright(c) 2006-2008, Ext JS, LLC.
+ * licensing@extjs.com
+ * 
+ * http://extjs.com/license
+ */
+html,body {
+  background: #3d71b8 url(../wallpapers/desktop.jpg) no-repeat left top;
+  font: normal 12px tahoma, arial, verdana, sans-serif;
+  margin: 0;
+  padding: 0;
+  border: 0 none;
+  overflow: hidden;
+  height: 100%;
+}
+
+.start {
+  background-image: url( ../images/taskbar/black/startbutton-icon.gif ) !important;
+}
+
+.bogus {
+  background-image: url( ../images/bogus.png ) !important;
+}
+
+.logout {
+  background-image: url( ../images/logout.gif ) !important;
+}
+
+.settings {
+  background-image: url( ../images/gears.gif ) !important;
+}
+
+#dpanels {
+  width: 250px;
+  float: right;
+}
+
+#dpanels .x-panel {
+  margin: 15px;
+}
+
+#dpanels .x-date-picker {
+  border: 0 none;
+  border-top: 0 none;
+  background: transparent;
+}
+
+#dpanels .x-date-picker td.x-date-active {
+  background: #ffffff;
+}
+
+#dpanels .x-date-picker {
+  width: 100% !important;
+}
+
+#x-desktop {
+  width: 100%;
+  height: 100%;
+  border: 0 none;
+  position: relative;
+  overflow: hidden;
+  zoom: 1;
+}
+
+#ux-taskbar .x-btn {
+  float: left;
+  margin: 1px 0 0 1px;
+  position: relative;
+}
+
+#ux-taskbar-start .x-btn {
+  float: left;
+  margin: 0;
+  position: relative;
+}
+
+#ux-taskbar button { /* width: 150px;
+	overflow: hidden; */
+  text-align: left;
+  color: #ffffff;
+}
+
+#title-bar-wrapper {
+  height: 35px;
+}
+
+#title-bar {
+  color: #225599;
+  padding: 9px 7px;
+  font: bold 16px tahoma, arial, verdana, sans-serif;
+  float: left;
+}
+
+#x-logout {
+  float: right;
+  padding: 6px 7px;
+}
+
+.x-btn-text-icon .x-btn-center .logout {
+  background-position: 0pt 3px;
+  background-repeat: no-repeat;
+  padding: 3px 0pt 3px 18px;
+}
+
+#ux-taskbar {
+  background: transparent none;
+  height: 30px;
+  margin: 0;
+  padding: 0;
+  position: relative;
+  z-index: 12001;
+}
+
+.x-btn-icon .ux-taskbutton-center .x-btn-text {
+  background-position: center;
+  background-repeat: no-repeat;
+  height: 16px;
+  width: 16px;
+  cursor: pointer;
+  white-space: nowrap;
+  padding: 0;
+}
+
+.x-btn-icon .ux-taskbutton-center {
+  padding: 1px;
+}
+
+.ux-startbutton-center .x-btn-text {
+  color: #000000 !important;
+  font-weight: bold;
+}
+
+.ux-taskbutton-left,.ux-taskbutton-right {
+  font-size: 1px;
+  line-height: 1px;
+}
+
+.ux-taskbutton-left {
+  width: 4px;
+  height: 28px;
+  background: url( ../images/taskbar/black/taskbutton.gif ) no-repeat 0 0;
+}
+
+.ux-taskbutton-right {
+  width: 4px;
+  height: 28px;
+  background: url( ../images/taskbar/black/taskbutton.gif ) no-repeat 0 -28px;
+}
+
+.ux-taskbutton-left i,.ux-taskbutton-right i {
+  display: block;
+  width: 4px;
+  overflow: hidden;
+  font-size: 1px;
+  line-height: 1px;
+}
+
+.ux-taskbutton-center {
+  background: url( ../images/taskbar/black/taskbutton.gif ) repeat-x 0 -56px;
+  vertical-align: middle;
+  text-align: center;
+  padding: 0 5px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+#ux-taskbar .ux-taskbutton-left {
+  background-position: 0 0;
+}
+
+#ux-taskbar .ux-taskbutton-right {
+  background-position: 0 -28px;
+}
+
+#ux-taskbar .ux-taskbutton-center {
+  background-position: 0 -56px;
+}
+
+#ux-taskbar .x-btn-over .ux-taskbutton-left {
+  background-position: 0 -252px;
+}
+
+#ux-taskbar .x-btn-over  .ux-taskbutton-right {
+  background-position: 0 -280px;
+}
+
+#ux-taskbar .x-btn-over .ux-taskbutton-center {
+  background-position: 0 -308px;
+}
+
+#ux-taskbar .x-btn-click .ux-taskbutton-left {
+  background-position: 0 -168px;
+}
+
+#ux-taskbar .x-btn-click  .ux-taskbutton-right {
+  background-position: 0 -196px;
+}
+
+#ux-taskbar .x-btn-click .ux-taskbutton-center {
+  background-position: 0 -224px;
+}
+
+#ux-taskbar .active-win .ux-taskbutton-left {
+  background-position: 0 -84px;
+}
+
+#ux-taskbar .active-win  .ux-taskbutton-right {
+  background: url( ../images/taskbar/black/taskbutton.gif ) no-repeat 0 -112px;
+}
+
+#ux-taskbar .active-win .ux-taskbutton-center {
+  background: url( ../images/taskbar/black/taskbutton.gif ) repeat-x 0 -140px;
+}
+
+#ux-taskbar .active-win .ux-taskbutton-center button {
+  color: #fff;
+}
+
+#spacer {
+  height: 25px;
+  float: left;
+  width: 0;
+  overflow: hidden;
+  margin-top: 2px;
+}
+
+.x-window-body p,.x-panel-body p {
+  padding: 10px;
+  margin: 0;
+}
+
+.x-window-maximized .x-window-bc {
+  height: 0;
+}
+
+.add {
+  background-image: url(../images/add.gif) !important;
+}
+
+.option {
+  background-image: url(../images/plugin.gif) !important;
+}
+
+.remove {
+  background-image: url(../images/delete.gif) !important;
+}
+
+.tabs {
+  background-image: url(../images/tabs.gif) !important;
+}
+
+.ux-start-menu {
+  background: transparent none;
+  border: 0px none;
+  padding: 0;
+}
+
+.ux-start-menu-tl .x-window-header {
+  color: #f1f1f1;
+  font: bold 11px tahoma, arial, verdana, sans-serif;
+  padding: 5px 0 4px 0;
+}
+
+.x-panel-tl .x-panel-icon,.ux-start-menu-tl .x-panel-icon {
+  background-position: 0pt 4px;
+  background-repeat: no-repeat;
+  padding-left: 20px !important;
+}
+
+.ux-start-menu-tl {
+  background: transparent url( ../images/taskbar/black/start-menu-left-corners.png ) no-repeat 0 0;
+  padding-left: 6px;
+  zoom: 1;
+  z-index: 1;
+  position: relative;
+}
+
+.ux-start-menu-tr {
+  background: transparent url( ../images/taskbar/black/start-menu-right-corners.png ) no-repeat right
+    0;
+  padding-right: 6px;
+}
+
+.ux-start-menu-tc {
+  background: transparent url( ../images/taskbar/black/start-menu-top-bottom.png ) repeat-x 0 0;
+  overflow: hidden;
+  zoom: 1;
+}
+
+.ux-start-menu-ml {
+  background: transparent url( ../images/taskbar/black/start-menu-left-right.png ) repeat-y 0 0;
+  padding-left: 6px;
+  zoom: 1;
+}
+
+.ux-start-menu-bc {
+  background: transparent url( ../images/taskbar/black/start-menu-top-bottom.png ) repeat-x 0 bottom;
+  zoom: 1;
+}
+
+.ux-start-menu-bc .x-window-footer {
+  padding-bottom: 6px;
+  zoom: 1;
+  font-size: 0;
+  line-height: 0;
+}
+
+.ux-start-menu-bl {
+  background: transparent url( ../images/taskbar/black/start-menu-left-corners.png ) no-repeat 0
+    bottom;
+  padding-left: 6px;
+  zoom: 1;
+}
+
+.ux-start-menu-br {
+  background: transparent url( ../images/taskbar/black/start-menu-right-corners.png ) no-repeat right
+    bottom;
+  padding-right: 6px;
+  zoom: 1;
+}
+
+.x-panel-nofooter .ux-start-menu-bc {
+  height: 6px;
+}
+
+.ux-start-menu-splitbar-h {
+  background-color: #d0d0d0;
+}
+
+.ux-start-menu-bwrap {
+  background: transparent none;
+  border: 0px none;
+}
+
+.ux-start-menu-body {
+  background: transparent none;
+  border: 0px none;
+}
+
+.ux-start-menu-apps-panel {
+  background: #ffffff none;
+  border: 1px solid #1e2124;
+}
+
+.ux-start-menu-tools-panel {
+  border: 0px none;
+  background: transparent url( ../images/taskbar/black/start-menu-right.png ) repeat-y scroll right
+    0pt;
+}
+
+#ux-taskbar-start {
+  background: #000000 url( ../images/taskbar/black/taskbar-start-panel-bg.gif ) repeat-x left top;
+  left: 0px;
+  padding: 0;
+  position: absolute;
+}
+
+#ux-taskbar-start .x-toolbar {
+  background: none;
+  padding: 0px;
+  border: 0px none;
+}
+
+#ux-taskbuttons-panel {
+  background: #000000 url( ../images/taskbar/black/taskbuttons-panel-bg.gif ) repeat-x left top;
+  padding-top: 0;
+  position: relative;
+}
+
+.ux-taskbuttons-strip-wrap { /* overflow:hidden;
+	position:relative;
+	width:100%; */
+  width: 100%;
+  overflow: hidden;
+  position: relative;
+  zoom: 1;
+}
+
+ul.ux-taskbuttons-strip {
+  display: block;
+  width: 5000px;
+  zoom: 1;
+}
+
+ul.ux-taskbuttons-strip li {
+  float: left;
+  margin-left: 2px;
+}
+
+ul.ux-taskbuttons-strip li.ux-taskbuttons-edge {
+  float: left;
+  margin: 0 !important;
+  padding: 0 !important;
+  border: 0 none !important;
+  font-size: 1px !important;
+  line-height: 1px !important;
+  overflow: hidden;
+  zoom: 1;
+  background: transparent !important;
+  width: 1px;
+}
+
+.x-clear {
+  clear: both;
+  height: 0;
+  overflow: hidden;
+  line-height: 0;
+  font-size: 0;
+}
+
+.x-taskbuttons-scrolling {
+  position: relative;
+}
+
+.x-taskbuttons-scrolling .ux-taskbuttons-strip-wrap {
+  margin-left: 18px;
+  margin-right: 18px;
+}
+
+td.ux-taskButtons-edge { /*float:left;*/
+  margin: 0 !important;
+  padding: 0 !important;
+  border: 0 none !important;
+  font-size: 1px !important;
+  line-height: 1px !important;
+  overflow: hidden;
+  zoom: 1;
+  background: transparent !important;
+  width: 1px;
+}
+
+.ux-taskbuttons-scroller-left {
+  background: transparent url( ../images/taskbar/black/scroll-left.gif ) no-repeat -18px 0;
+  width: 18px;
+  position: absolute;
+  left: 1px;
+  top: 0px;
+  z-index: 10;
+  cursor: pointer;
+}
+
+.ux-taskbuttons-scroller-left-over {
+  background-position: 0 0;
+}
+
+.ux-taskbuttons-scroller-left-disabled {
+  background-position: -18px 0;
+  opacity: .5;
+  -moz-opacity: .5;
+  filter: alpha(opacity =   50);
+  cursor: default;
+}
+
+.ux-taskbuttons-scroller-right {
+  background: transparent url( ../images/taskbar/black/scroll-right.gif ) no-repeat 0 0;
+  width: 18px;
+  position: absolute;
+  right: 0;
+  top: 0px;
+  z-index: 10;
+  cursor: pointer;
+}
+
+.ux-taskbuttons-scroller-right-over {
+  background-position: -18px 0;
+}
+
+.ux-taskbuttons-scroller-right-disabled {
+  background-position: 0 0;
+  opacity: .5;
+  -moz-opacity: .5;
+  filter: alpha(opacity =   50);
+  cursor: default;
+}
+
+.ux-toolmenu-sep {
+  background-color: #18191a;
+  border-bottom: 1px solid #858789;
+  display: block;
+  font-size: 1px;
+  line-height: 1px;
+  margin: 2px 3px;
+}
+
+.ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item a.x-menu-item {
+  color: #ffffff;
+}
+
+.ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item .x-menu-item-active a.x-menu-item {
+  color: #000000;
+}
+
+.ux-start-menu-tools-panel .x-menu-item-active {
+  background: #525456 url( ../images/taskbar/black/item-over.gif ) repeat-x left bottom;
+  border: 1px solid #000000;
+  padding: 0;
+}
+
+#ux-taskbar .x-splitbar-h {
+  background: #000000 url( ../images/taskbar/black/taskbar-split-h.gif ) no-repeat 0 0;
+  width: 8px;
+}
+
+.x-window-header-text {
+  cursor: default;
+}
+
+/*
+ * Begin Start button
+ */
+.ux-startbutton-left,.ux-startbutton-right {
+  font-size: 1px;
+  line-height: 1px;
+}
+
+.ux-startbutton-left {
+  width: 10px;
+  height: 28px;
+  background: url( ../images/taskbar/black/startbutton.gif ) no-repeat 0 0;
+}
+
+.ux-startbutton-right {
+  width: 10px;
+  height: 30px;
+  background: url( ../images/taskbar/black/startbutton.gif ) no-repeat 0 -28px;
+}
+
+.ux-startbutton-left i,.ux-startbutton-right i {
+  display: block;
+  width: 10px;
+  overflow: hidden;
+  font-size: 1px;
+  line-height: 1px;
+}
+
+.ux-startbutton-center {
+  background: url( ../images/taskbar/black/startbutton.gif ) repeat-x 0 -56px;
+  vertical-align: middle;
+  text-align: center;
+  padding: 0;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+#ux-taskbar .ux-startbutton-left {
+  background-position: 0 0;
+}
+
+#ux-taskbar .ux-startbutton-right {
+  background-position: 0 -30px;
+}
+
+#ux-taskbar .ux-startbutton-center {
+  background-position: 0 -60px;
+}
+
+#ux-taskbar .x-btn-over .ux-startbutton-left {
+  background-position: 0 -270px;
+}
+
+#ux-taskbar .x-btn-over  .ux-startbutton-right {
+  background-position: 0 -300px;
+}
+
+#ux-taskbar .x-btn-over .ux-startbutton-center {
+  background-position: 0 -330px;
+}
+
+#ux-taskbar .x-btn-click .ux-startbutton-left {
+  background-position: 0 -180px;
+}
+
+#ux-taskbar .x-btn-click  .ux-startbutton-right {
+  background-position: 0 -210px;
+}
+
+#ux-taskbar .x-btn-click .ux-startbutton-center {
+  background-position: 0 -240px;
+}
+
+#ux-taskbar .active-win .ux-startbutton-left {
+  background-position: 0 -90px;
+}
+
+#ux-taskbar .active-win  .ux-startbutton-right {
+  background: url( ../images/taskbar/black/startbutton.gif ) no-repeat 0 -120px;
+}
+
+#ux-taskbar .active-win .ux-startbutton-center {
+  background: url( ../images/taskbar/black/startbutton.gif ) repeat-x 0 -150px;
+}
+
+#ux-taskbar .active-win .ux-startbutton-center button {
+  color: #fff;
+}
+
+/*
+ * End Start button
+ */
+.x-resizable-proxy {
+  background: #C7DFFC;
+  opacity: .5;
+  -moz-opacity: .5;
+  filter: alpha(opacity =   50);
+  border: 1px solid #3b5a82;
+}
+
+/* Desktop Shortcuts */
+#x-shortcuts dt {
+  float: left;
+  margin: 15px 0 0 15px;
+  clear: left;
+  width: 64px;
+  font: normal 10px tahoma, arial, verdana, sans-serif;
+  text-align: center;
+  zoom: 1;
+  display: block;
+}
+
+#x-shortcuts dt a {
+  width: 64px;
+  display: block;
+  color: white;
+  text-decoration: none;
+}
+
+#x-shortcuts dt div {
+  width: 100%;
+  color: white;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+
+#x-shortcuts dt a:hover {
+  text-decoration: underline;
+}