/***************************************
* Copyright 2010-2016 CNES - CENTRE NATIONAL d'ETUDES SPATIALES
* 
* This file is part of SITools2.
* 
* SITools2 is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
* 
* SITools2 is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU General Public License for more details.
* 
* You should have received a copy of the GNU General Public License
* along with SITools2.  If not, see <http://www.gnu.org/licenses/>.
***************************************/
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
html, body {
    background: url(../wallpapers/paper.jpg) repeat left top !important;
    background-size: 100%;
    font: normal 12px tahoma, arial, verdana, sans-serif;
    margin: 0;
    padding: 0;
    border: 0 none;
    overflow: hidden;
    height: 100%;
}

.sitoolsLoadingWhite .x-mask-msg-text {
    background-image: url(/sitools/common/res/images/icons/sitoolsLoading_white.gif);
    text-shadow: rgb(229, 229, 229) 1px 0px 3px;
    color: white;
}

.x-mask-msg-text {
    background-image: url(/sitools/common/res/images/icons/sitoolsLoading.gif);
}

.start {
    background-image: url(../images/taskbar/black/startbutton-icon.gif) !important;
}

.bogus {
    background-image: url(../images/desktop/bogus.png) !important;
}

.logout {
    background-image: url(/sitools/common/res/images/icons/logout.png) !important;
}

.login {
    background-image: url(/sitools/common/res/images/icons/login.png) !important;
}

.settings {
    background-image: url(/sitools/common/res/images/icons/save.png) !important;
}

.version {
    background-image: url(/sitools/common/res/images/icons/version.png) !important;
}

.openSearch {
    background-image: url(/sitools/common/res/images/icons/toolbar_open_search.png);
}

.plot {
    background-image: url(/sitools/common/res/images/icons/plot.png);
}

.help {
    background-image: url(/sitools/common/res/images/icons/help.png) !important;
}

.semantic {
    background-image: url(/sitools/common/res/images/icons/tree_dictionary.png);
}

.dataDetail {
    background-image: url(/sitools/common/res/images/icons/toolbar_details.png);
}

.tasks {
    background-image: url(/sitools/common/res/images/icons/tree_application_plugin.png);
}

.editProfile {
    background-image: url(/sitools/common/res/images/icons/tree_userman.png);
}

.diskSpace {
    background-image: url(/sitools/common/res/images/icons/tree_user_storage.png);
}

.orders {
    background-image: url(/sitools/common/res/images/icons/tree_orders.png);
}

.dataviews {
    background-image: url(/sitools/common/res/images/icons/tree_datasets.png);
}

.form {
    background-image: url(/sitools/common/res/images/icons/tree_forms.png);
}

.datasetRessource {
    background-image: url(/sitools/common/res/images/icons/tree_datasets_resource.png);
}

.preferences {
    background-image: url(/sitools/common/res/images/icons/espace_utilisateur_ptt.png) !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 {
    border: 0 none;
    position: relative;
    overflow: hidden;
    zoom: 1;
    width: 100%;
}

#ux-taskbar .x-btn {
    margin: 1px 0 0 1px;
}

#ux-taskbar-start .x-btn {
    margin: 0;
}

#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: 10000;*/
    visibility: hidden;
}

.x-btn-icon .ux-taskbutton-center .x-btn-text {
    background-position: center !important;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    cursor: pointer;
    white-space: nowrap;
    padding: 0;
}

.x-btn-icon .ux-taskbutton-center {
    padding: 1px;
}

.x-btn-text-icon .ux-taskbutton-center .x-btn-text {
    background-position: 0 6px;
    background-repeat: no-repeat;
    padding: 7px 0px 7px 20px;
}

.x-btn-text-icon .ux-startbutton-center .x-btn-text {
    background-position: 0 4px;
    background-repeat: no-repeat;
    color: #000000 !important;
    font-weight: bold;
    padding: 7px 0px 7px 28px;
}

.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;
}

.icon-grid {
    background-image: url(../images/desktop/grid.png) !important;
}

.datasetExplorerModule {
    background-image: url(/sitools/common/res/images/desktop/72x72/dataset_explorer.png) !important;
    background-size: 18px 18px;
    background-position: left !important;
    background-repeat: no-repeat;
}

.graphModule {
    background-image: url(/sitools/common/res/images/icons/32x32/graph_32.png) !important;
    background-size: 18px 18px;
    background-position: left !important;
    background-repeat: no-repeat;
}

.feedsModule {
    background-image: url(/sitools/common/res/images/icons/32x32/rss_32.png) !important;
    background-size: 18px 18px;
    background-position: left !important;
    background-repeat: no-repeat;
}

.helpModule {
    background-image: url(/sitools/common/res/images/icons/help.png) !important;
}

.formsModule {
    background-image: url(/sitools/common/res/images/desktop/72x72/form_list.png) !important;
    background-size: 18px 18px;
    background-position: left !important;
    background-repeat: no-repeat;
}

.openSearchModule {
    background-image: url(/sitools/common/res/images/icons/open_search_small.png) !important;
}

.desktopManagerModule {
    background-image: url(/sitools/common/res/images/icons/desktop_manager_small.png) !important;
}

.projectDescriptionModule {
    background-image: url(/sitools/common/res/images/desktop/72x72/description_project.png) !important;
    background-size: 18px 18px;
    background-position: left !important;
    background-repeat: no-repeat;
}

.projectServicesModule {
    background-image: url(/sitools/common/res/images/desktop/72x72/project_services.png) !important;
    background-size: 18px 18px;
    background-position: left !important;
    background-repeat: no-repeat;
}

.contentViewerModule {
    background-image: url(/sitools/common/res/images/icons/32x32/content-viewer_32.png) !important;
    background-size: 18px 18px;
    background-position: left !important;
    background-repeat: no-repeat;
}

.contentEditorModule {
    background-image: url(/sitools/common/res/images/desktop/72x72/content_editor.png) !important;
    background-size: 18px 18px;
    background-position: left !important;
    background-repeat: no-repeat;
}

.datastorageExplorerModule {
    background-image: url(/sitools/common/res/images/desktop/72x72/datastorage_explorer.png) !important;
    background-size: 18px 18px;
    background-position: left !important;
    background-repeat: no-repeat;
}

.addToCartModule {
    background-image: url("/sitools/common/res/images/icons/tree_orders.png");
    background-size: 18px 18px;
    background-position: left !important;
    background-repeat: no-repeat;
}

.formIcon {
    background-image: url(/sitools/common/res/images/desktop/72x72/form.png) !important;
}

.add {
    background-image: url(../images/desktop/icons/add.gif) !important;
}

.option {
    background-image: url(../images/desktop/icons/plugin.gif) !important;
}

.remove {
    background-image: url(../images/desktop/icons/delete.gif) !important;
}

.save {
    background-image: url(../images/desktop/icons/save.gif) !important;
}

.accordion {
    background-image: url(../images/desktop/accordian.gif) !important;
}

.tabs {
    background-image: url(../images/desktop/tabs.gif) !important;
}

/* IM window icons */

.user {
    background-image: url(/sitools/common/res/images/icons/tree_userman.png) !important;
}

.user-add {
    background-image: url(../images/desktop/icons/user_add.gif) !important;
}

.user-delete {
    background-image: url(../images/desktop/icons/user_delete.gif) !important;
}

.connect {
    background-image: url(../images/desktop/icons/connect.gif) !important;
}

.user-girl {
    background-image: url(../images/desktop/icons/user_female.gif) !important;
}

.user-kid {
    background-image: url(../images/desktop/icons/user_green.gif) !important;
}

.user-suit {
    background-image: url(../images/desktop/icons/user_suit.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;
    margin-left: 111px;
}

.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: 25px;
}

.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;
    padding-left: 5px !important;
}

/*
 * 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;
}

.ux-taskbar-warning {
    height: 30px;
    width: 24px;
    border: none;
}

.ux-taskbuttons-edge .x-warning {
    color: #C33;
    background-image: url(../images/ux/exclamation.gif);
    background-repeat: no-repeat;
    background-position: center center;
    height: 30px;
}

/*
 * 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;
}

.ext-ie #x-shortcuts dt img {
    background: transparent !important;
}

#x-shortcuts dt a:hover {
    text-decoration: underline;
}

/* shortcuts */
#grid-win-shortcut img {
    width: 48px;
    height: 48px;
    background-image: url(../images/desktop/grid48x48.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/grid48x48.png', sizingMethod='scale');
}

#acc-win-shortcut img {
    width: 48px;
    height: 48px;
    background-image: url(../images/desktop/im48x48.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/im48x48.png', sizingMethod='scale');
}

.graphNodeType {
    height: 24px !important;
    width: 24px !important;
}

.imageDsNode {
    max-height: 70px;
    max-width: 70px;
}

.cnes {
    background-image: url('/sitools/common/res/wallpapers/fond_sitools2.jpg');
    background-color: black;
    background-position: top center;
}

.linkImageDataView ul li img {
    width: 80px;
    height: 80px;
}

.linkImageDataView ul li {
    float: left;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 6px;
    margin-left: 15px;
    text-align: center;
    line-height: 1.25em;
    color: #333;
    font-family: "Helvetica Neue", sans-serif;
    height: 110px;
    width: 120px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0px 1px 3px 1px rgba(75, 156, 215, 0.44);
}

.linkImageDataView .nodes-hover {
    box-shadow: 1px 1px 1px 1px #B1B1B1;
}

.linkImageDataView p {
    font-weight: bold;
    padding: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dataview_columnValue {
    margin-bottom: 5px;
}

.sitools {
    overflow: hidden;
}

#rightPanel {
    float: left;
    height: 100%; /*1000px;*/
    /*background-color: black;*/
    width: 20%;
}

#x-headers {
    height: 125px;
    /*background-color: black;*/
}

#news {
    height: 50%;
    width: 100%;
    border: 1px #CECECE solid;
}

#shortcuts {
    height: 50%;
    width: 100%;
    border: 1px #CECECE solid;
    /* 	border-top: 1px solid #A3A3A3; */
}

#x-bottom {
    height: 50px;
    /*background-color: black;*/
    clear: both;
}

#sitools-desktop {
    height: 100%;
}

#x-desktop-taskbar {
    float: left;
    width: 80%;
    height: 100%; /*1000px;*/
}

.x-navBar {
    height: 35px;
    background: #000000 url(../images/taskbar/black/taskbuttons-panel-bg.gif) repeat-x left top;
    padding-top: 0;
    float: left;
    position: relative;
}

.x-navBar-buttons {
    border-left: 1px solid #000000;
    /* 	padding-top: 7px; */
    padding-left: 12px;
    padding-right: 6px;
    height: 35px;
    background-color: #000000;
    /*position: initial;*/
}

.navBarButtons-icon {
    /* height : 32px !important;
    width :32px !important; */
    -webkit-transition: width .5s cubic-bezier(.4, 1, .4, 1);
    -moz-transition: width .5s cubic-bezier(.4, 1, .4, 1);
    -ms-transition: width .5s cubic-bezier(.4, 1, .4, 1);
    -o-transition: width .5s cubic-bezier(.4, 1, .4, 1);
    transition: width .5s cubic-bezier(.4, 1, .4, 1);
    z-index: 1;
    padding: 4px 0px 0px 4px;
    border: none;
    background-color: transparent;
    background-image: none;
}

.navBarButtons-icon:HOVER {
    /* -webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -o-transform: scale(1.09);
    transform: scale(1.09); */
    z-index: 5;
    opacity: .70;
    -moz-opacity: .70;
    filter: alpha(opacity=70);
}

.navBarButtons-icon:ACTIVE {
    opacity: .3;
}

.taskbarButtons-icon {
    -webkit-transition: width .5s cubic-bezier(.4, 1, .4, 1);
    -moz-transition: width .5s cubic-bezier(.4, 1, .4, 1);
    -ms-transition: width .5s cubic-bezier(.4, 1, .4, 1);
    -o-transition: width .5s cubic-bezier(.4, 1, .4, 1);
    transition: width .5s cubic-bezier(.4, 1, .4, 1);
}

.taskbarButtons-icon:HOVER {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
    opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);
}

.taskbarButtons-icon:ACTIVE {
    opacity: .3;
    -moz-opacity: .3;
    filter: alpha(opacity=30);
}

.x-navBar-items {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 2px;

}

.x-navBar-items button {
    font: 12px arial, tahoma, verdana, helvetica;
    color: white;
    /*text-transform: uppercase;*/
    font-weight: bold;
}

#navBarId .x-btn-over .ux-taskbutton-left {
    background-position: 0 -252px;
}

#navBarId .x-btn-over .ux-taskbutton-right {
    background-position: 0 -280px;
}

#navBarId .x-btn-over .ux-taskbutton-center {
    background-position: 0 -308px;
}

#x-headers .x-panel-body {
    background-color: black;
    color: white;
}

.sitools-module-panel .x-panel-body {
    /* 	background-color: #D9DCDF;	 */
}
.homeModule {
    background-image: url(/sitools/common/res/images/desktop/72x72/home.png) !important;
    background-size: 18px 18px;
    background-position: left !important;
    background-repeat: no-repeat;
}

.documentation {
	background-image: url(/sitools/common/res/images/desktop/72x72/doc.png) !important;
    background-size: 18px 18px;
    background-position: left !important;
    background-repeat: no-repeat;
}

.timeline {
	background-image: url(/sitools/common/res/images/desktop/72x72/icons8-chronologie-30.png) !important;
    background-size: 18px 18px;
    background-position: left !important;
    background-repeat: no-repeat;
}
.contact {
	background-image: url(/sitools/common/res/images/desktop/120x120/contact.png) !important;
    background-size: 18px 18px;
    background-position: left !important;
    background-repeat: no-repeat;
}
.completeRuns {
	background-image: url(/sitools/common/res/images/desktop/72x72/completeRuns.png) !important;
    background-size: 18px 18px;
    background-position: left !important;
    background-repeat: no-repeat;
}
<!--
Tree node selected for xtheme-gray

-->
#x-tree-node .x-tree-selected {
    background-color: white;
}

.sitools-userContainer {
    position: absolute;
    color: black;
    z-index: 1;
    text-align: right;
    border-color: #848AC7;
    background-color: white;
    opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);

    background-color: #EDEDED;
    border: 1px solid #666666;
    margin: 10px auto;
    padding: 10px;
}

.sitools-userContainer-arrow-border-down {
    border-color: #666666 transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -22px;
    z-index: 1;
}

.sitools-userContainer-arrow-down {
    border-color: #EDEDED transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -20px;
    z-index: 1;
}

.sitools-userContainer-arrow-border-up {
    border-color: transparent transparent #666666 transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    top: -21px;
    z-index: 1;
}

.sitools-userContainer-arrow-up {
    border-color: transparent transparent #EDEDED transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    top: -19px;
    z-index: 1;
}

.sitools-userContainer-icon {
    float: left;
    width: 16px;
    padding-left: 10px;
}

.userProfileBtn {
    padding: 5px;
    float: left;
}

.datastorageSelectionClass {
    border: 0.07em outset #B3B3B3 !important;
    box-shadow: 1px 1px 1px 1px #888 !important;
    background: linear-gradient(135deg, #F2F2F2 0%, rgba(242, 242, 242, 0) 100%);
}

.dv-datastorage-wrap {
    float: left;
    margin: 10px 15px 10px 15px;
    border-radius: 1px;
    /*border: 1px outset #F8F8F8;*/
    text-align: center;
    width: 90px;
    height: 88px;
    /*box-shadow: 1.5px 1.5px 0.5px rgba(124, 128, 114, 0.96);
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
      zoom: 1;
    text-shadow: 0.5px 2px 0px rgba( 255, 255, 255, 0.2);
    background: -moz-radial-gradient(center, ellipse cover, #e2e2e2 0%, #d1d1d1 21%, #dbdbdb 43%, #fefefe 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e2e2e2), color-stop(21%,#d1d1d1), color-stop(43%,#dbdbdb), color-stop(100%,#fefefe));
    background: -webkit-radial-gradient(center, ellipse cover, #e2e2e2 0%,#d1d1d1 21%,#dbdbdb 43%,#fefefe 100%);
    background: -o-radial-gradient(center, ellipse cover, #e2e2e2 0%,#d1d1d1 21%,#dbdbdb 43%,#fefefe 100%);
    background: -ms-radial-gradient(center, ellipse cover, #e2e2e2 0%,#d1d1d1 21%,#dbdbdb 43%,#fefefe 100%);
    background: radial-gradient(ellipse at center, #e2e2e2 0%,#d1d1d1 21%,#dbdbdb 43%,#fefefe 100%);*/
}

.dv-datastorage-wrap:ACTIVE {
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(100%, rgba(238, 238, 238, 1)));
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%);
    background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%);
    background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%);
    box-shadow: 0.5px 0.5px 5px #666666 inset, 0 1px 0 rgba(255, 255, 255, 0.4);
}

.dv-datastorage-wrap:HOVER {
    background: -moz-linear-gradient(-45deg, #D5D5D5 0%, #E7E7E7 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #D5D5D5), color-stop(100%, #E7E7E7));
    background: -webkit-linear-gradient(-45deg, #D5D5D5 0%, #E7E7E7 100%);
    background: -o-linear-gradient(-45deg, #D5D5D5 0%, #E7E7E7 100%);
    background: -ms-linear-gradient(-45deg, #D5D5D5 0%, #E7E7E7 100%);
    background: linear-gradient(135deg, #D5D5D5 0%, #E7E7E7 100%);
}

.dv-datastorage {
    padding: 5px 3px 4px 3px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.dv-datastorage span {
    white-space: nowrap;
}

#treepanel .x-tree-node .x-tree-selected {
    /* 	background-color: white !important; */
}

.full-desktop {
    width: 100% !important;
}

/* INCLUDE feed.css otherwise */

/** START CSS FEED MODULE + FEED DETAILS **/
/* #leftPanel {
	float : left;
	height : 100%; 1000px;	
	width : 20%;
}


#menu {
	height : 100%;
	width : 100%;
}


#feeds-date {
	padding: 5px 0px 0px 0px;
}

.detailFeed-view{
	background: rgb(250,242,230); Old browsers
	background: -moz-linear-gradient(45deg,  rgba(250,242,230,1) 6%, rgba(224,206,178,1) 29%, rgba(228,214,190,1) 32%, rgba(246,237,222,1) 75%); FF3.6+
	background: -webkit-gradient(linear, left bottom, right top, color-stop(6%,rgba(250,242,230,1)), color-stop(29%,rgba(224,206,178,1)), color-stop(32%,rgba(228,214,190,1)), color-stop(75%,rgba(246,237,222,1))); Chrome,Safari4+
	background: -webkit-linear-gradient(45deg,  rgba(250,242,230,1) 6%,rgba(224,206,178,1) 29%,rgba(228,214,190,1) 32%,rgba(246,237,222,1) 75%); Chrome10+,Safari5.1+
	background: -o-linear-gradient(45deg,  rgba(250,242,230,1) 6%,rgba(224,206,178,1) 29%,rgba(228,214,190,1) 32%,rgba(246,237,222,1) 75%); Opera 11.10+
	background: -ms-linear-gradient(45deg,  rgba(250,242,230,1) 6%,rgba(224,206,178,1) 29%,rgba(228,214,190,1) 32%,rgba(246,237,222,1) 75%); IE10+
	background: linear-gradient(45deg,  rgba(250,242,230,1) 6%,rgba(224,206,178,1) 29%,rgba(228,214,190,1) 32%,rgba(246,237,222,1) 75%); W3C
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf2e6', endColorstr='#f6edde',GradientType=1 ); IE6-9 fallback on horizontal gradient
			
}

.feed-article {
	padding: 15px;
	margin: 25px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 1px solid rgba(80, 80, 80, 0.1);
	-moz-box-shadow: 5px 5px 6px 0px #656565;
	-webkit-box-shadow: 5px 5px 6px 0px #656565;
	-o-box-shadow: 5px 5px 6px 0px #656565;
	box-shadow: 5px 5px 6px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=6);
	background-color : white;
}

.feed-img{
	float: left;
}

.feed-title{
	text-align: center;
	font-size: 18px;
	padding: 14px;
}

.feed-date-detail{
	padding-top : 45px;
}

.feed-author{
	padding-top : 2px;
}

.feed-description{
	padding-top: 25px;
	padding-bottom: 25px;
	text-indent: 18px;
}

.feed-complementary{
	padding : 10px;
	border : 1px solid #c0c0c0;
	-moz-box-shadow: inset 3px 3px 3px 1px #c0c0c0;
	-webkit-box-shadow: inset 3px 3px 3px 1px #c0c0c0;
	-o-box-shadow: inset 3px 3px 3px 1px #c0c0c0;
	box-shadow: inset 3px 3px 3px 1px #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=135, Strength=3);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
} */
/** END CSS FEED MODULE + FEED DETAILS **/

/** START PREVIEW BOX CSS **/
.taskbar-previewbox {
    position: absolute;
    /*top: 35px;*/
    padding-top: 8px;
    left: 0px;
    width: 250px;
    height: 180px;
    z-index: 9500;
    user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-transform: translate3d(0, 0, 0);
}

.taskbar-previewbox-ml,
.taskbar-previewbox-mc,
.taskbar-previewbox-mr {
    height: 178px;
    background-repeat: no-repeat;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.65) 5%, rgba(0, 0, 0, 0.31) 54%, rgba(0, 0, 0, 0.09) 87%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(5%, rgba(0, 0, 0, 0.65)), color-stop(54%, rgba(0, 0, 0, 0.31)), color-stop(87%, rgba(0, 0, 0, 0.09)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.65) 5%, rgba(0, 0, 0, 0.31) 54%, rgba(0, 0, 0, 0.09) 87%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.65) 5%, rgba(0, 0, 0, 0.31) 54%, rgba(0, 0, 0, 0.09) 87%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.65) 5%, rgba(0, 0, 0, 0.31) 54%, rgba(0, 0, 0, 0.09) 87%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.65) 5%, rgba(0, 0, 0, 0.31) 54%, rgba(0, 0, 0, 0.09) 87%, rgba(0, 0, 0, 0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1); /* IE6-9 fallback on horizontal gradient */

}

.taskbar-previewbox-ml {
    position: relative;
    background-position: 0 0;
    /* 	padding-left: 15px; */
}

.taskbar-previewbox-mc {
    background-position: 0 -178px;
    background-repeat: repeat-x;
    width: 250px;
}

.taskbar-previewbox-mr {
    background-position: right -356px;
    padding-right: 15px;
}

.taskbar-previewbox-arrow {
    background-image: url(../images/icons/arrow-down-gray.png);
    background-repeat: no-repeat;
    position: relative;
    top: -13px;
    left: 114px;
    width: 22px;
    height: 25px;
}

.taskbar-previewbox-desc {
    color: #FFF;
    font-size: 10pt;
    font-weight: bold;
    padding-top: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0.1em 0.1em 0.1em #000000;
}

.taskbar-previewbox-win {
    position: absolute;
    left: 16px;
    height: 10px;
    width: 10px;
}

.taskbar-previewbox-win-transform {
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
}

.taskbar-previewbox-win-mask {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 8999;
}

.taskbar-previewbox-transition {
    transition-delay: 0s;
    transition-property: top, left, opacity;
    transition-duration: 0.8s;

    -webkit-transition-delay: 0s;
    -webkit-transition-property: top, left, opacity;
    -webkit-transition-duration: 0.8s;

    -moz-transition-delay: 0s;
    -moz-transition-property: top, left, opacity;
    -moz-transition-duration: 0.8s;

    -o-transition-delay: 0s;
    -o-transition-property: top, left, opacity;
    -o-transition-duration: 0.8s;
}

/** END PREVIEW BOX CSS **/

/** START TOOLBAR BUTTON **/

.arrow-back {
    background-image: url(../images/icons/arrow-left.png);
}

.arrow-next {
    background-image: url(../images/icons/arrow-right.png);
}

.btn-format-icon {
    background-size: 16px 16px;
}

/** ENDTOOLBAR BUTTON **/

.x-item-disabled-custom {
    color: black;
    border: none;
}

.menu-title {
    color: black;
}

.button-transition {
    -webkit-transition: width .5s cubic-bezier(.4, 1, .4, 1);
    -moz-transition: width .5s cubic-bezier(.4, 1, .4, 1);
    -ms-transition: width .5s cubic-bezier(.4, 1, .4, 1);
    -o-transition: width .5s cubic-bezier(.4, 1, .4, 1);
    transition: width .5s cubic-bezier(.4, 1, .4, 1);
}

.button-transition:HOVER {
    -webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -o-transform: scale(1.09);
    transform: scale(1.09);
    z-index: 5;
    opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);
}

.button-transition:ACTIVE {
    opacity: .6;
}

.x-grid3-row-warningDate div {
    color: #F63E3E !important;
}

.splashscreen {
    background-color: white;
    opacity: 1;

}

.x-mask-msg.splashscreen,
.x-mask-msg.splashscreen div {
    font-size: 16px;
    font-weight: bold;
    padding: 30px 5px 5px 5px;
    border: none;
    background-color: transparent;
    background-position: top center;
    background-repeat: no-repeat;
    width: 400px;
    text-align: center;
}

.x-message-box .x-window-body .x-box-inner {
    min-height: 110px !important;
}

.x-splash-icon {
    background-image: url('../images/logo_02_tailleMoyenne.png') !important;
    margin-top: 10px;
    margin-bottom: 15px;
    height: 100px;
}

.moduleInDiv {
    box-shadow: #818181 -3px 0px 7px 0px;
}

.recordDetailLabel {
    font-size: 15px;
    /*padding: 24px;*/
    /*line-height: 25px;*/
    font-weight: bold;
}

.linkStyle {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

/**.rowHeight .x-grid-cell {  
     line-height: 30px !important;
     height: 30px !important;
}**/

.x-panel-body-silver .x-panel-body-default {
    border-color: silver !important;
}

canvas.flotr-canvas {
    padding: 3px;
}

.x-custom-td-grid-inner div {
    height: auto;
    word-wrap: normal;
    white-space: normal;
}

.x-custom-btn-gray {
    border-color: #949494;
    background: #aeaeae; /* Old browsers */
    background: -moz-linear-gradient(top, #aeaeae 0%, #959595 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aeaeae), color-stop(100%, #959595)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #aeaeae 0%, #959595 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #aeaeae 0%, #959595 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #aeaeae 0%, #959595 100%); /* IE10+ */
    background: linear-gradient(to bottom, #aeaeae 0%, #959595 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aeaeae', endColorstr='#959595', GradientType=0); /* IE6-9 */
}

.x-custom-btn-gray:hover {
    background: #909090; /* Old browsers */
    background: -moz-linear-gradient(top, #999999 0%, #838383 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #838383)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #999999 0%, #838383 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #999999 0%, #838383 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #999999 0%, #838383 100%); /* IE10+ */
    background: linear-gradient(to bottom, #999999 0%, #838383 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#838383', GradientType=0); /* IE6-9 */
}

.x-custom-btn-gray:active {
    background: #6e6e6e; /* Old browsers */
    background: -moz-linear-gradient(top, #7a7a7a 0%, #686868 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a7a7a), color-stop(100%, #686868)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7a7a7a 0%, #686868 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7a7a7a 0%, #686868 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7a7a7a 0%, #686868 100%); /* IE10+ */
    background: linear-gradient(to bottom, #7a7a7a 0%, #686868 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a7a7a', endColorstr='#686868', GradientType=0); /* IE6-9 */
}

.x-column-header-last {
    border-right: 1px solid silver;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: -moz-linear-gradient(-45deg, rgba(179, 179, 179, 1) 0%, rgba(173, 173, 173, 1) 50%, rgba(165, 165, 165, 1) 51%, rgba(201, 201, 201, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(179, 179, 179, 1)), color-stop(50%, rgba(173, 173, 173, 1)), color-stop(51%, rgba(165, 165, 165, 1)), color-stop(100%, rgba(201, 201, 201, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(179, 179, 179, 1) 0%, rgba(173, 173, 173, 1) 50%, rgba(165, 165, 165, 1) 51%, rgba(201, 201, 201, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(179, 179, 179, 1) 0%, rgba(173, 173, 173, 1) 50%, rgba(165, 165, 165, 1) 51%, rgba(201, 201, 201, 1) 100%); /* Opera 11.10+ */
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: -moz-linear-gradient(-45deg, rgba(201, 201, 201, 1) 0%, rgba(165, 165, 165, 1) 49%, rgba(173, 173, 173, 1) 50%, rgba(179, 179, 179, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(201, 201, 201, 1)), color-stop(49%, rgba(165, 165, 165, 1)), color-stop(50%, rgba(173, 173, 173, 1)), color-stop(100%, rgba(179, 179, 179, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(201, 201, 201, 1) 0%, rgba(165, 165, 165, 1) 49%, rgba(173, 173, 173, 1) 50%, rgba(179, 179, 179, 1) 100%); /* Chrome10+,Safari5.1+ */
}

::-webkit-scrollbar-thumb:hover {
    background: -moz-linear-gradient(-45deg, rgba(201, 213, 201, 1) 0%, rgba(165, 165, 165, 1) 49%, rgba(173, 173, 173, 1) 50%, rgba(179, 179, 179, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(201, 213, 201, 1)), color-stop(49%, rgba(165, 165, 165, 1)), color-stop(50%, rgba(173, 173, 173, 1)), color-stop(100%, rgba(179, 179, 179, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(201, 213, 201, 1) 0%, rgba(165, 165, 165, 1) 49%, rgba(173, 173, 173, 1) 50%, rgba(179, 179, 179, 1) 100%); /* Chrome10+,Safari5.1+ */
}