/*
 * Copyright (c) 2016. Yevgeniy Kolomoyets
 */

/** Add css rules here for your application. */
/*
h1 {
    font-size: 2em;
    font-weight: bold;
    text-align: center;
}

body, td, a, div, .p {
    font-family: arial, sans-serif
}
*/

/* Grid */

.GridStyle001,
.GridStyle001Dark {
    font-family: Verdana, Bitstream Vera Sans, sans-serif;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    color: black;
    border-bottom: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    background-color: #ffffff;
}

.GridStyle001Over,
.GridStyle001OverDark {
    font-family: Verdana, Bitstream Vera Sans, sans-serif;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    color: black;
    border-bottom: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    background-color: #c4ddfd;
}

.GridStyle001Selected,
.GridStyle001SelectedDark {
    font-family: Verdana, Bitstream Vera Sans, sans-serif;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    color: black;
    border-bottom: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    background-color: #000080;
    background-color: #d6e8ff;
}

.GridStyle001SelectedOver,
.GridStyle001SelectedOverDark {
    font-family: Verdana, Bitstream Vera Sans, sans-serif;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    color: black;
    border-bottom: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    background-color: #8080ff;
    background-color: #c4ddfd;
}

.GridStyle001Disabled,
.GridStyle001DisabledDark {
    font-family: Verdana, Bitstream Vera Sans, sans-serif;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #808080;
    border-bottom: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    background-color: #ffffff;
}

.myOtherGridCell {
    font-family: Verdana, Bitstream Vera Sans, sans-serif;
    font-size: 11px;
    color: black;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    background-color: #ffffff;
}

.myOtherGridCellDark {
    font-family: Verdana, Bitstream Vera Sans, sans-serif;
    font-size: 11px;
    color: black;
    border-bottom: 1px solid #f0f0e8;
    border-top: 1px solid #f0f0e8;
    background-color: #f0f0e8;
}

.myOtherGridCellOver,
.myOtherGridCellOverDark {
    font-family: Verdana, Bitstream Vera Sans, sans-serif;
    font-size: 11px;
    color: black;
    border-bottom: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    background-color: #ffffc0;
}

.myOtherGridCellSelected,
.myOtherGridCellSelectedDark {
    font-family: Verdana, Bitstream Vera Sans, sans-serif;
    font-size: 11px;
    color: black;
    border-bottom: 1px solid #c0c0ff;
    border-top: 1px solid #c0c0ff;
    background-color: #c0c0ff;
}

.myOtherGridCellSelectedOver,
.myOtherGridCellSelectedOverDark {
    font-family: Verdana, Bitstream Vera Sans, sans-serif;
    font-size: 11px;
    color: black;
    border-bottom: 1px solid #a0a0a0;
    border-top: 1px solid #a0a0a0;
    background-color: #e0e0ff;
}

.myOtherGridCellDisabled {
    font-family: Verdana, Bitstream Vera Sans, sans-serif;
    font-size: 11px;
    color: #808080;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    background-color: #ffffff;
}

.myOtherGridCellDisabledDark {
    font-family: Verdana, Bitstream Vera Sans, sans-serif;
    font-size: 11px;
    color: #808080;
    border-bottom: 1px solid #f0f0e8;
    border-top: 1px solid #f0f0e8;
    background-color: #f0f0e8;
}

.SwtformTitle,
.SwtformTitleRTL,
.SwtformTitleFocused,
.SwtformTitleFocusedRTL,
.SwtformTitleDisabled,
.SwtformTitleDisabledRTL,
.SwtformTitleError,
.SwtformTitleErrorRTL,
{
    color: mediumpurple;
    font-family: Arial, Verdana, sans-serif;
    font-size: 10px;
}

.SwtformTitleDisabled,
.SwtformTitleDisabledRTL {
    color: #ababab;
}

.SmartLabel_12 {
    color: #15428b;
    cursor: default;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}

.SmartLabel_14 {
    color: #15428b;
    cursor: default;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}

.buttonSmart,
.buttonSmartOver,
.buttonSmartFocused,
.buttonSmartFocusedOver,
.buttonSmartDown,
.buttonSmartFocusedDown,
.buttonSmartSelected,
.buttonSmartSelectedFocused,
.buttonSmartSelectedDown,
.buttonSmartSelectedFocusedDown,
.buttonSmartSelectedOver,
.buttonSmartSelectedFocusedOver,
.buttonSmartDisabled,
.buttonSmartSelectedDisabled {
    background-color: #f0f0f0;
    background-image: url("./images/cssButton/button_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    border: 1px solid #ababab;
    color: black;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    border-radius: 10px;
}

/* CSS3 Mode */
.buttonSmartRounded,
.buttonSmartRoundedOver,
.buttonSmartRoundedFocused,
.buttonSmartRoundedFocusedOver,
.buttonSmartRoundedDown,
.buttonSmartRoundedFocusedDown,
.buttonSmartRoundedSelected,
.buttonSmartRoundedSelectedFocused,
.buttonSmartRoundedSelectedDown,
.buttonSmartRoundedSelectedFocusedDown,
.buttonSmartRoundedSelectedOver,
.buttonSmartRoundedSelectedFocusedOver,
.buttonSmartRoundedDisabled,
.buttonSmartRoundedSelectedDisabled {
    background-color: #f0f0f0;
    background-image: url("./images/cssButton/button_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    border: 1px solid #b15a59;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 10px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 0 3px;

}

/* CSS3 Mode */
.buttonSmartRounded {
    border: 1px solid #ababab;
    -webkit-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
    -moz-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
    box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
}

/* CSS3 Mode */
.buttonSmartRoundedDisabled {
    background-color: #e8e8e8;
    background-image: url("./images/cssButton/button_Disabled_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    border-bottom: 1px solid #c9b6b6;
    border-left: 1px solid #ababab;
    border-right: 1px solid #ababab;
    border-top: 1px solid #bfbfbf;
}

.buttonSmartDisabled {
    background-color: #e8e8e8;
    background-image: url("./images/cssButton/button_Disabled_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    border-bottom: 1px solid #c9b6b6;
    border-left: 1px solid #ababab;
    border-right: 1px solid #ababab;
    border-top: 1px solid #bfbfbf;
}

.buttonSmartDisabled,
.buttonSmartSelectedDisabled {
    color: #ababab;
    font-weight: normal;
}

/* CSS3 Mode */
.buttonSmartRoundedDisabled,
.buttonSmartRoundedSelectedDisabled {
    color: #ababab;
    font-weight: normal;
}

.buttonSmartFocused,
.buttonSmartFocusedOver,
.buttonSmartSelectedFocused,
.buttonSmartSelectedFocusedOver,
.buttonSmartSelectedFocusedDown {
    border: 2px dashed #3d47ab;
}

/* CSS3 Mode */
.buttonSmartRoundedFocused,
.buttonSmartRoundedFocusedOver,
.buttonSmartRoundedSelectedFocused,
.buttonSmartRoundedSelectedFocusedOver,
.buttonSmartRoundedSelectedFocusedDown {
    border: 1px solid #ababab;
}

.buttonSmartOver,
.buttonSmartFocusedOver,
.buttonSmartSelectedFocused,
.buttonSmartSelectedFocusedOver {
    background-color: #b4d4fd;
    background-image: url("./images/cssButton/button_Over_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZGVlZmZjIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNjOWUzZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2Q3ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(52%, #deeffc), color-stop(57%, #c9e3fd), color-stop(100%, #b7d7f5));
    background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    background-image: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    background-image: linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    border: 2px solid #3d47ab;
}

/* CSS3 Mode */
.buttonSmartRoundedOver,
.buttonSmartRoundedFocusedOver,
.buttonSmartRoundedSelectedFocused,
.buttonSmartRoundedSelectedFocusedOver {
    background-color: #b4d4fd;
    background-image: url("./images/cssButton/button_Over_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjZmZCIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmFmZWZmIi8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmYWZlZmYiLz48c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2YwZmFmZiIvPjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjYzJlMGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhlNGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf6fd), color-stop(11%, #fafeff), color-stop(22%, #fafeff), color-stop(39%, #f0faff), color-stop(94%, #c2e0ff), color-stop(100%, #c8e4fe));
    background-image: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    background-image: -o-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    background-image: linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
    -moz-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
    box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
    border: 1px solid #858585;
    border: 2px solid #3d47ab;
}

.buttonSmartDown,
.buttonSmartFocusedDown,
.buttonSmartSelectedDown,
.buttonSmartSelectedFocusedDown {
    background-color: #bdddff;
    background-image: url("./images/cssButton/button_Down_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkZGJmNSIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNhZGRiZjUiLz48c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2MzZTFmNCIvPjxzdG9wIG9mZnNldD0iMTQlIiBzdG9wLWNvbG9yPSIjZTJlY2YzIi8+PHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiNmMWYyZjMiLz48c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2YxZjJmMyIvPjxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjYzFkZGY2Ii8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiM5MmNlZjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MmNlZjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #addbf5), color-stop(5%, #addbf5), color-stop(10%, #c3e1f4), color-stop(14%, #e2ecf3), color-stop(19%, #f1f2f3), color-stop(29%, #f1f2f3), color-stop(81%, #c1ddf6), color-stop(95%, #92cef7), color-stop(100%, #92cef7));
    background-image: -webkit-linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%);
    background-image: -moz-linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%);
    background-image: -o-linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%);
    background-image: linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%);
    border: 1px solid #597db1;
}

/* CSS3 Mode */
.buttonSmartRoundedDown,
.buttonSmartRoundedFocusedDown,
.buttonSmartRoundedSelectedDown,
.buttonSmartRoundedSelectedFocusedDown {
    background-color: #bdddff;
    background-image: url("./images/cssButton/button_Down_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjJmMyIvPjxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjZjFmMmYzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjFkN2Y2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f2f3), color-stop(41%, #f1f2f3), color-stop(100%, #b1d7f6));
    background-image: -webkit-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
    background-image: -moz-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
    background-image: -o-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
    background-image: linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
    -webkit-box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
    -moz-box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
    box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
    border: 1px solid #597db1;
}

.buttonSmartSelected,
.buttonSmartSelectedFocused,
.buttonSmartSelectedOver,
.buttonSmartSelectedFocusedOver,
.buttonSmartSelectedDisabled {
    background-color: #b4d4fd;
    background-image: url("./images/cssButton/button_Over_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZGVlZmZjIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNjOWUzZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2Q3ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(52%, #deeffc), color-stop(57%, #c9e3fd), color-stop(100%, #b7d7f5));
    background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    background-image: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    background-image: linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    border: 1px solid #858585;

}

/* CSS3 Mode */
.buttonSmartRoundedSelected,
.buttonSmartRoundedSelectedFocused,
.buttonSmartRoundedSelectedOver,
.buttonSmartRoundedSelectedFocusedOver,
.buttonSmartRoundedSelectedDisabled {
    background-color: #b4d4fd;
    background-image: url("./images/cssButton/button_Over_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjZmZCIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmFmZWZmIi8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmYWZlZmYiLz48c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2YwZmFmZiIvPjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjYzJlMGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhlNGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf6fd), color-stop(11%, #fafeff), color-stop(22%, #fafeff), color-stop(39%, #f0faff), color-stop(94%, #c2e0ff), color-stop(100%, #c8e4fe));
    background-image: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    background-image: -o-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    background-image: linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
    -moz-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
    box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
    border: 1px solid #858585;
}

/*
   ButtonBigSmart,
*/

.buttonBigSmart,
.buttonBigSmartOver,
.buttonBigSmartFocused,
.buttonBigSmartFocusedOver,
.buttonBigSmartDown,
.buttonBigSmartFocusedDown,
.buttonBigSmartSelected,
.buttonBigSmartSelectedFocused,
.buttonBigSmartSelectedDown,
.buttonBigSmartSelectedFocusedDown,
.buttonBigSmartSelectedOver,
.buttonBigSmartSelectedFocusedOver,
.buttonBigSmartDisabled,
.buttonBigSmartSelectedDisabled {
    background-color: #f0f0f0;
    background-image: url("./images/cssButton/button_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    border: 1px solid #ababab;
    color: indigo;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 2px;
    border-radius: 7px;

}

/* CSS3 Mode */
.buttonBigSmartRounded,
.buttonBigSmartRoundedOver,
.buttonBigSmartRoundedFocused,
.buttonBigSmartRoundedFocusedOver,
.buttonBigSmartRoundedDown,
.buttonBigSmartRoundedFocusedDown,
.buttonBigSmartRoundedSelected,
.buttonBigSmartRoundedSelectedFocused,
.buttonBigSmartRoundedSelectedDown,
.buttonBigSmartRoundedSelectedFocusedDown,
.buttonBigSmartRoundedSelectedOver,
.buttonBigSmartRoundedSelectedFocusedOver,
.buttonBigSmartRoundedDisabled,
.buttonBigSmartRoundedSelectedDisabled {
    background-color: #f0f0f0;
    background-image: url("./images/cssButton/button_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    border: 1px solid #b15a59;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 10px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 0 3px;

}

/* CSS3 Mode */
.buttonBigSmartRounded {
    border: 1px solid #ababab;
    -webkit-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
    -moz-box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
    box-shadow: inset white 0 -1px 1px, inset white -1px 0 1px, inset white 1px 0 1px;
}

/* CSS3 Mode */
.buttonBigSmartRoundedDisabled {
    background-color: #e8e8e8;
    background-image: url("./images/cssButton/button_Disabled_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    border-bottom: 1px solid #c9b6b6;
    border-left: 1px solid #ababab;
    border-right: 1px solid #ababab;
    border-top: 1px solid #bfbfbf;
}

.buttonBigSmartDisabled {
    background-color: #e8e8e8;
    background-image: url("./images/cssButton/button_Disabled_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    border-bottom: 1px solid #c9b6b6;
    border-left: 1px solid #ababab;
    border-right: 1px solid #ababab;
    border-top: 1px solid #bfbfbf;
}

.buttonBigSmartDisabled,
.buttonBigSmartSelectedDisabled {
    color: #ababab;
    font-weight: normal;
}

/* CSS3 Mode */
.buttonBigSmartRoundedDisabled,
.buttonBigSmartRoundedSelectedDisabled {
    color: #ababab;
    font-weight: normal;
}

.buttonBigSmartFocused,
.buttonBigSmartFocusedOver,
.buttonBigSmartSelectedFocused,
.buttonBigSmartSelectedFocusedOver,
.buttonBigSmartSelectedFocusedDown {
    border: 2px dotted #ab0a00;
}

/* CSS3 Mode */
.buttonBigSmartRoundedFocused,
.buttonBigSmartRoundedFocusedOver,
.buttonBigSmartRoundedSelectedFocused,
.buttonBigSmartRoundedSelectedFocusedOver,
.buttonBigSmartRoundedSelectedFocusedDown {
    border: 1px solid #ababab;
}

.buttonBigSmartOver,
.buttonBigSmartFocusedOver,
.buttonBigSmartSelectedFocused,
.buttonBigSmartSelectedFocusedOver {
    background-color: #b4d4fd;
    background-image: url("./images/cssButton/button_Over_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZGVlZmZjIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNjOWUzZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2Q3ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(52%, #deeffc), color-stop(57%, #c9e3fd), color-stop(100%, #b7d7f5));
    background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    background-image: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    background-image: linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    border: 1px solid #858585;
    border: 2px solid #3d47ab;
}

/* CSS3 Mode */
.buttonBigSmartRoundedOver,
.buttonBigSmartRoundedFocusedOver,
.buttonBigSmartRoundedSelectedFocused,
.buttonBigSmartRoundedSelectedFocusedOver {
    background-color: #b4d4fd;
    background-image: url("./images/cssButton/button_Over_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjZmZCIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmFmZWZmIi8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmYWZlZmYiLz48c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2YwZmFmZiIvPjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjYzJlMGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhlNGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf6fd), color-stop(11%, #fafeff), color-stop(22%, #fafeff), color-stop(39%, #f0faff), color-stop(94%, #c2e0ff), color-stop(100%, #c8e4fe));
    background-image: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    background-image: -o-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    background-image: linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
    -moz-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
    box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
    border: 1px solid #858585;
    border: 2px solid #3d47ab;
}

.buttonBigSmartDown,
.buttonBigSmartFocusedDown,
.buttonBigSmartSelectedDown,
.buttonBigSmartSelectedFocusedDown {
    background-color: #bdddff;
    background-image: url("./images/cssButton/button_Down_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkZGJmNSIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNhZGRiZjUiLz48c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2MzZTFmNCIvPjxzdG9wIG9mZnNldD0iMTQlIiBzdG9wLWNvbG9yPSIjZTJlY2YzIi8+PHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiNmMWYyZjMiLz48c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2YxZjJmMyIvPjxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjYzFkZGY2Ii8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiM5MmNlZjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MmNlZjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #addbf5), color-stop(5%, #addbf5), color-stop(10%, #c3e1f4), color-stop(14%, #e2ecf3), color-stop(19%, #f1f2f3), color-stop(29%, #f1f2f3), color-stop(81%, #c1ddf6), color-stop(95%, #92cef7), color-stop(100%, #92cef7));
    background-image: -webkit-linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%);
    background-image: -moz-linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%);
    background-image: -o-linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%);
    background-image: linear-gradient(top, #addbf5 0%, #addbf5 5%, #c3e1f4 10%, #e2ecf3 14%, #f1f2f3 19%, #f1f2f3 29%, #c1ddf6 81%, #92cef7 95%, #92cef7 100%);
    border: 1px solid #597db1;
}

/* CSS3 Mode */
.buttonBigSmartRoundedDown,
.buttonBigSmartRoundedFocusedDown,
.buttonBigSmartRoundedSelectedDown,
.buttonBigSmartRoundedSelectedFocusedDown {
    background-color: #bdddff;
    background-image: url("./images/cssButton/button_Down_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjJmMyIvPjxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjZjFmMmYzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjFkN2Y2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f2f3), color-stop(41%, #f1f2f3), color-stop(100%, #b1d7f6));
    background-image: -webkit-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
    background-image: -moz-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
    background-image: -o-linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
    background-image: linear-gradient(top, #f1f2f3 0%, #f1f2f3 41%, #b1d7f6 100%);
    -webkit-box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
    -moz-box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
    box-shadow: inset 0 1px 2px #a0d5f3, inset 0 -1px 2px #a0d5f3, inset 2px 0 2px #a0d5f3, inset -2px 0 2px #a0d5f3;
    border: 1px solid #597db1;
}

.buttonBigSmartSelected,
.buttonBigSmartSelectedFocused,
.buttonBigSmartSelectedOver,
.buttonBigSmartSelectedFocusedOver,
.buttonBigSmartSelectedDisabled {
    background-color: #b4d4fd;
    background-image: url("./images/cssButton/button_Over_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZGVlZmZjIi8+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNjOWUzZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2Q3ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(52%, #deeffc), color-stop(57%, #c9e3fd), color-stop(100%, #b7d7f5));
    background-image: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    background-image: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    background-image: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    background-image: linear-gradient(top, #f0f8ff 0%, #deeffc 52%, #c9e3fd 57%, #b7d7f5 100%);
    border: 1px solid #858585;
    border: 2px solid #3d47ab;
}

/* CSS3 Mode */
.buttonBigSmartRoundedSelected,
.buttonBigSmartRoundedSelectedFocused,
.buttonBigSmartRoundedSelectedOver,
.buttonBigSmartRoundedSelectedFocusedOver,
.buttonBigSmartRoundedSelectedDisabled {
    background-color: #b4d4fd;
    background-image: url("./images/cssButton/button_Over_stretch.png");
    background-repeat: repeat-x;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjZmZCIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZmFmZWZmIi8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmYWZlZmYiLz48c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2YwZmFmZiIvPjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjYzJlMGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhlNGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf6fd), color-stop(11%, #fafeff), color-stop(22%, #fafeff), color-stop(39%, #f0faff), color-stop(94%, #c2e0ff), color-stop(100%, #c8e4fe));
    background-image: -webkit-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    background-image: -moz-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    background-image: -o-linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    background-image: linear-gradient(top, #edf6fd 0%, #fafeff 11%, #fafeff 22%, #f0faff 39%, #c2e0ff 94%, #c8e4fe 100%);
    -webkit-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
    -moz-box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
    box-shadow: inset #d8eafd 0 -1px 1px, inset #d8eafd -1px 0 1px, inset #d8eafd 1px 0 1px;
    border: 1px solid #858585;
    border: 2px solid #3d47ab;
}

/*





*/
/*============================================================
	ListGrid headers
		listGrid.headerBaseStyle - headerButton / imgHeaderButton (in skin)
		listGrid.headerDefaults.titleStyle - headerTitle (in skin)
		listGrid.sorterDefaults.titleStyle - headerTitle (in skin)

============================================================*/
/* imgHeaderButton - ListGrid column header buttons for image based
   headerButton - ListGrid column header buttons for css3 based */
.imgHeaderButtonSwt1,
.sorterButtonSwt1 {
    background: url(./images/ListGrid/big_header.png);
    background: url(./images/ListGrid/header2.png) padding-box;
    background-size: 100% 100%;
    background-repeat: repeat-x;
}

.headerButtonSwt1,
.sorterButtonSwt1 {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSI2MiUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(24%, #f7f7f7), color-stop(62%, #e8e8e8), color-stop(71%, #e8e8e8), color-stop(100%, #e8e8e8)) padding-box;
    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
    background: -o-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
    background: linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
}

.imgHeaderButtonSwt1,
.headerButtonSwt1,
.sorterButton {
    background-color: #fafafa;
    color: red;
    font-family: Arial, Verdana, sans-serif;
    border-bottom: 1px solid #bfbfbf;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #cccccc;
    font-size: 12px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

.imgHeaderButtonSwt1Selected,
.sorterButtonSwt1Selected {
    background: url(./images/ListGrid/big_header_Selected.png);
    background: url(./images/ListGrid/header2_Selected.png) padding-box;
    background-size: 100% 100%;
    background-repeat: repeat-x;
}

.headerButtonSwt1Selected,
.sorterButtonSwt1Selected {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EyY2NmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(100%, #a2ccf6)) padding-box;
    background: -webkit-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
    background: -moz-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
    background: -o-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
    background: linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
}

.imgHeaderButtonSwt1Selected,
.headerButtonSwt1Selected,
.sorterButtonSwt1Selected {
    background-color: #f0f6ff;
    color: red;
    font-family: Arial, Verdana, sans-serif;
    border-bottom: 1px solid #97b4d3;
    border-left: 1px solid white;
    border-right: 1px solid #cdcfd0;
    font-size: 12px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

.imgHeaderButtonSwt1Disabled,
.sorterButtonSwt1Disabled {
    background: url(./images/ListGrid/big_header_Disabled.png);
    background: url(./images/ListGrid/header2_Disabled.png) padding-box;
}

.imgHeaderButtonSwt1SelectedDisabled,
.sorterButtonSwt1SelectedDisabled {
    background: url(./images/ListGrid/big_header_Selected_Disabled.png);
    background: url(./images/ListGrid/header2_Selected_Disabled.png) padding-box;
}

.imgHeaderButtonSwt1Disabled,
.imgHeaderButtonSwt1SelectedDisabled,
.sorterButtonSwt1Disabled,
.sorterButtonSwt1SelectedDisabled {
    background-size: 100% 100%;
    background-repeat: repeat-x;
}

.headerButtonSwt1Disabled,
.headerButtonSwt1SelectedDisabled,
.sorterButtonSwt1Disabled,
.sorterButtonSwt1SelectedDisabled {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZlNmU2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') padding-box;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(24%, #f7f7f7), color-stop(100%, #e6e6e6)) padding-box;
    background: -webkit-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
    background: -moz-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
    background: -o-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
    background: linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
}

.imgHeaderButtonSwt1Disabled,
.imgHeaderButtonSwt1SelectedDisabled,
.headerButtonSwt1Disabled,
.headerButtonSwt1SelectedDisabled,
.sorterButtonSwt1Disabled,
.sorterButtonSwt1SelectedDisabled {
    background-color: #fef6f6;
    color: red;
    font-family: Arial, Verdana, sans-serif;
    border-bottom: 1px solid #c1c8d2;
    border-left: 1px solid #f6f7f9;
    border-right: 1px solid #c1c8d2;
    color: #ababab;
    font-size: 12px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

.imgHeaderButtonSwt1Over,
.imgHeaderButtonSwt1Down,
.imgHeaderButtonSwt1SelectedOver,
.imgHeaderButtonSwt1SelectedDown,
.headerButtonSwt1Over,
.headerButtonSwt1Down,
.headerButtonSwt1SelectedOver,
.headerButtonSwt1SelectedDown,
.sorterButtonSwt1Over,
.sorterButtonSwt1Down,
.sorterButtonSwt1SelectedOver,
.sorterButtonSwt1SelectedDown {
    color: red;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;

    border-bottom: 1px solid #97b4d3;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #cccccc;
}

.imgHeaderButtonSwt1Over,
.sorterButtonSwt1Over {
    background: url(./images/ListGrid/big_header_Over.png);
    background: url(./images/ListGrid/header2_Over.png) padding-box;
}

.imgHeaderButtonSwt1Down,
.sorterButtonSwt1Down {
    background: url(./images/ListGrid/big_header_Down.png);
    background: url(./images/ListGrid/header2_Down.png) padding-box;
}

.imgHeaderButtonSwt1Over,
.imgHeaderButtonSwt1Down,
.sorterButtonSwt1Over,
.sorterButtonSwt1Down {
    background-size: 100% 100%;
    background-repeat: repeat-x;
}

.headerButtonSwt1Over,
.headerButtonSwt1Down,
.sorterButtonSwt1Over,
.sorterButtonSwt1Down {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EyY2NmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #a2ccf6)) padding-box;
    background: -webkit-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
    background: -moz-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
    background: -o-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
    background: linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
}

.imgHeaderButtonSwt1Over,
.imgHeaderButtonSwt1Down,
.headerButtonSwt1Over,
.headerButtonSwt1Down,
.sorterButtonSwt1Over,
.sorterButtonSwt1Down {
    background-color: #a2ccf6;
    color: black;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-size: 11px;
    padding-left: 3px;
    padding-right: 3px;
}

.imgHeaderButtonSwt1SelectedOver,
.sorterButtonSwt1SelectedOver {
    background: url(./images/ListGrid/big_header_Selected_Over.png);
    background: url(./images/ListGrid/header2_Selected_Over.png) padding-box;
}

.imgHeaderButtonSwt1SelectedDown,
.sorterButtonSwt1SelectedDown {
    background: url(./images/ListGrid/big_header_Selected_Down.png);
    background: url(./images/ListGrid/header2_Selected_Down.png) padding-box;
}

.imgHeaderButtonSwt1SelectedOver,
.imgHeaderButtonSwt1SelectedDown,
.sorterButtonSwt1SelectedOver,
.sorterButtonSwt1SelectedDown {
    background-size: 100% 100%;
    background-repeat: repeat-x;
}

.headerButtonSwt1SelectedOver,
.headerButtonSwt1SelectedDown,
.sorterButtonSwt1SelectedOver,
.sorterButtonSwt1SelectedDown {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZGVlZmZjIi8+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNjOWRmZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmNjZjYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(48%, #deeffc), color-stop(48%, #c9dffd), color-stop(100%, #a2ccf6)) padding-box;
    background: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
    background: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
    background: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
    background: linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
}

.imgHeaderButtonSwt1SelectedOver,
.imgHeaderButtonSwt1SelectedDown,
.headerButtonSwt1SelectedOver,
.headerButtonSwt1SelectedDown,
.sorterButtonSwt1SelectedOver,
.sorterButtonSwt1SelectedDown {
    background-color: aliceblue;
    color: black;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

.sorterButtonSwt1,
.sorterButtonSwt1Selected,
.sorterButtonSwt1Disabled,
.sorterButtonSwt1SelectedDisabled,
.sorterButtonSwt1Over,
.sorterButtonSwt1Down,
.sorterButtonSwt1SelectedOver,
.sorterButtonSwt1SelectedDown {
    border-left: 1px solid #fafafa;
    padding-right: 0;
    padding-left: 0;
}

.sorterButtonSwt1Over,
.sorterButtonSwt1Down,
.sorterButtonSwt1SelectedOver,
.sorterButtonSwt1SelectedDown {
    border-left: 1px solid #fee7e7;
}

/* ListGrid column header titles */
.headerTitleSwt1,
.headerTitleSwt1Over,
.headerTitleSwt1Down,
.headerTitleSwt1Selected,
.headerTitleSwt1SelectedOver,
.headerTitleSwt1SelectedDown,
.headerTitleSwt1Disabled,
.headerTitleSwt1SelectedDisabled {
    color: black;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
}

.headerTitleSwt1Down,
.headerTitleSwt1Selected,
.headerTitleSwt1SelectedOver,
.headerTitleSwt1SelectedDown,
.headerTitleSwt1SelectedDisabled {
    color: black;
}

.headerTitleSwt1Disabled,
.headerTitleSwt1SelectedDisabled {
    color: #ababab;
}

/*
/*============================================================
	ListGrid headers
		listGrid.headerBaseStyle - headerButton / imgHeaderButton (in skin)
		listGrid.headerDefaults.titleStyle - headerTitle (in skin)
		listGrid.sorterDefaults.titleStyle - headerTitle (in skin)

============================================================*/
/* imgHeaderButton - ListGrid column header buttons for image based
   headerButton - ListGrid column header buttons for css3 based */

.imgHeaderButtonSwt2,
.sorterButtonSwt2 {
    background: url(./images/ListGrid/big_header.png);
    background: url(./images/ListGrid/header2.png) padding-box;
    background-size: 100% 100%;
    background-repeat: repeat-x;
}

.headerButtonSwt2,
.sorterButtonSwt2 {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSI2MiUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(24%, #f7f7f7), color-stop(62%, #e8e8e8), color-stop(71%, #e8e8e8), color-stop(100%, #e8e8e8)) padding-box;
    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
    background: -o-linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
    background: linear-gradient(top, #fcfcfc 0%, #f7f7f7 24%, #e8e8e8 62%, #e8e8e8 71%, #e8e8e8 100%) padding-box;
}

.imgHeaderButtonSwt2,
.headerButtonSwt2,
.sorterButton {
    background-color: #fafafa;
    color: blue;
    font-family: Arial, Verdana, sans-serif;
    border-bottom: 1px solid #bfbfbf;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #cccccc;
    font-size: 12px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

.imgHeaderButtonSwt2Selected,
.sorterButtonSwt2Selected {
    background: url(./images/ListGrid/big_header_Selected.png);
    background: url(./images/ListGrid/header2_Selected.png) padding-box;
    background-size: 100% 100%;
    background-repeat: repeat-x;
}

.headerButtonSwt2Selected,
.sorterButtonSwt2Selected {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EyY2NmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(100%, #a2ccf6)) padding-box;
    background: -webkit-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
    background: -moz-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
    background: -o-linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
    background: linear-gradient(top, #f0f8ff 0%, #a2ccf6 100%) padding-box;
}

.imgHeaderButtonSwt2Selected,
.headerButtonSwt2Selected,
.sorterButtonSwt2Selected {
    background-color: #f0f6ff;
    color: blue;
    font-family: Arial, Verdana, sans-serif;
    border-bottom: 1px solid #97b4d3;
    border-left: 1px solid white;
    border-right: 1px solid #cdcfd0;
    font-size: 12px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

.imgHeaderButtonSwt2Disabled,
.sorterButtonSwt2Disabled {
    background: url(./images/ListGrid/big_header_Disabled.png);
    background: url(./images/ListGrid/header2_Disabled.png) padding-box;
}

.imgHeaderButtonSwt2SelectedDisabled,
.sorterButtonSwt2SelectedDisabled {
    background: url(./images/ListGrid/big_header_Selected_Disabled.png);
    background: url(./images/ListGrid/header2_Selected_Disabled.png) padding-box;
}

.imgHeaderButtonSwt2Disabled,
.imgHeaderButtonSwt2SelectedDisabled,
.sorterButtonSwt2Disabled,
.sorterButtonSwt2SelectedDisabled {
    background-size: 100% 100%;
    background-repeat: repeat-x;
}

.headerButtonSwt2Disabled,
.headerButtonSwt2SelectedDisabled,
.sorterButtonSwt2Disabled,
.sorterButtonSwt2SelectedDisabled {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZlNmU2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') padding-box;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(24%, #f7f7f7), color-stop(100%, #e6e6e6)) padding-box;
    background: -webkit-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
    background: -moz-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
    background: -o-linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
    background: linear-gradient(top, #fafafa 0%, #f7f7f7 24%, #e6e6e6 100%) padding-box;
}

.imgHeaderButtonSwt2Disabled,
.imgHeaderButtonSwt2SelectedDisabled,
.headerButtonSwt2Disabled,
.headerButtonSwt2SelectedDisabled,
.sorterButtonSwt2Disabled,
.sorterButtonSwt2SelectedDisabled {
    background-color: #fef6f6;
    color: blue;
    font-family: Arial, Verdana, sans-serif;
    border-bottom: 1px solid #c1c8d2;
    border-left: 1px solid #f6f7f9;
    border-right: 1px solid #c1c8d2;
    color: #ababab;
    font-size: 12px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

.imgHeaderButtonSwt2Over,
.imgHeaderButtonSwt2Down,
.imgHeaderButtonSwt2SelectedOver,
.imgHeaderButtonSwt2SelectedDown,
.headerButtonSwt2Over,
.headerButtonSwt2Down,
.headerButtonSwt2SelectedOver,
.headerButtonSwt2SelectedDown,
.sorterButtonSwt2Over,
.sorterButtonSwt2Down,
.sorterButtonSwt2SelectedOver,
.sorterButtonSwt2SelectedDown {
    color: blue;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;

    border-bottom: 1px solid #97b4d3;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #cccccc;
}

.imgHeaderButtonSwt2Over,
.sorterButtonSwt2Over {
    background: url(./images/ListGrid/big_header_Over.png);
    background: url(./images/ListGrid/header2_Over.png) padding-box;
}

.imgHeaderButtonSwt2Down,
.sorterButtonSwt2Down {
    background: url(./images/ListGrid/big_header_Down.png);
    background: url(./images/ListGrid/header2_Down.png) padding-box;
}

.imgHeaderButtonSwt2Over,
.imgHeaderButtonSwt2Down,
.sorterButtonSwt2Over,
.sorterButtonSwt2Down {
    background-size: 100% 100%;
    background-repeat: repeat-x;
}

.headerButtonSwt2Over,
.headerButtonSwt2Down,
.sorterButtonSwt2Over,
.sorterButtonSwt2Down {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EyY2NmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') padding-box;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #a2ccf6)) padding-box;
    background: -webkit-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
    background: -moz-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
    background: -o-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
    background: linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
}

.imgHeaderButtonSwt2Over,
.imgHeaderButtonSwt2Down,
.headerButtonSwt2Over,
.headerButtonSwt2Down,
.sorterButtonSwt2Over,
.sorterButtonSwt2Down {
    background-color: #a2ccf6;
    color: black;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    padding-left: 3px;
    padding-right: 3px;
}

.imgHeaderButtonSwt2SelectedOver,
.sorterButtonSwt2SelectedOver {
    background: url(./images/ListGrid/big_header_Selected_Over.png);
    background: url(./images/ListGrid/header2_Selected_Over.png) padding-box;
}

.imgHeaderButtonSwt2SelectedDown,
.sorterButtonSwt2SelectedDown {
    background: url(./images/ListGrid/big_header_Selected_Down.png);
    background: url(./images/ListGrid/header2_Selected_Down.png) padding-box;
}

.imgHeaderButtonSwt2SelectedOver,
.imgHeaderButtonSwt2SelectedDown,
.sorterButtonSwt2SelectedOver,
.sorterButtonSwt2SelectedDown {
    background-size: 100% 100%;
    background-repeat: repeat-x;
}

.headerButtonSwt2SelectedOver,
.headerButtonSwt2SelectedDown,
.sorterButtonSwt2SelectedOver,
.sorterButtonSwt2SelectedDown {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjhmZiIvPjxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZGVlZmZjIi8+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNjOWRmZmQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmNjZjYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=') padding-box;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f8ff), color-stop(48%, #deeffc), color-stop(48%, #c9dffd), color-stop(100%, #a2ccf6)) padding-box;
    background: -webkit-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
    background: -moz-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
    background: -o-linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
    background: linear-gradient(top, #f0f8ff 0%, #deeffc 48%, #c9dffd 48%, #a2ccf6 100%) padding-box;
}

.imgHeaderButtonSwt2SelectedOver,
.imgHeaderButtonSwt2SelectedDown,
.headerButtonSwt2SelectedOver,
.headerButtonSwt2SelectedDown,
.sorterButtonSwt2SelectedOver,
.sorterButtonSwt2SelectedDown {
    background-color: aliceblue;
    color: black;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

.sorterButtonSwt2,
.sorterButtonSwt2Selected,
.sorterButtonSwt2Disabled,
.sorterButtonSwt2SelectedDisabled,
.sorterButtonSwt2Over,
.sorterButtonSwt2Down,
.sorterButtonSwt2SelectedOver,
.sorterButtonSwt2SelectedDown {
    border-left: 1px solid #fafafa;
    padding-right: 0;
    padding-left: 0;
}

.sorterButtonSwt2Over,
.sorterButtonSwt2Down,
.sorterButtonSwt2SelectedOver,
.sorterButtonSwt2SelectedDown {
    border-left: 1px solid #fee7e7;
}

/* ListGrid column header titles */
.headerTitleSwt2,
.headerTitleSwt2Over,
.headerTitleSwt2Down,
.headerTitleSwt2Selected,
.headerTitleSwt2SelectedOver,
.headerTitleSwt2SelectedDown,
.headerTitleSwt2Disabled,
.headerTitleSwt2SelectedDisabled {
    color: black;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
}

.headerTitleSwt2Down,
.headerTitleSwt2Selected,
.headerTitleSwt2SelectedOver,
.headerTitleSwt2SelectedDown,
.headerTitleSwt2SelectedDisabled {
    color: black;
}

.headerTitleSwt2Disabled,
.headerTitleSwt2SelectedDisabled {
    color: #ababab;
}