/**
 *  Файл:             button.css
 *  Модуль:           d0dger
 *  Описание:         файл таблицы стилей для 3D-кнопок
 *
 *  Версия:           2.00.04
 *  Дата создания:    2016-01-01
 *  Дата модификации: 2023-02-28
 * -------------------------------------------------------------------------- */


/* ------------------------------------------------------------ 3D-кнопки --- */
span.button3D,
button.button3D{
   display:block;
   float:left;
   position:relative;
   height:16px;
   margin:5px 5px 7px;
   padding:0px;
   text-decoration:none;
   text-transform:lowercase;
   font:10px Arial, sans-serif;
   /*font:10px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
   font-weight:bold;
   line-height:16px;
   text-align:center;
   border:none;
   -webkit-border-radius:3px;
   -khtml-border-radius: 3px;
   -icab-border-radius:  3px;
   -moz-border-radius:   3px;
   -ms-border-radius:    3px;
   -o-border-radius:     3px;
   border-radius:        3px;
   cursor:pointer;
   overflow:visible;
 }
span.button3D:before,
span.button3D:after,
button.button3D:before,
button.button3D:after{
   content:'';
   position:absolute;
   left:-1px;
   height:16px;
   bottom:-1px;
   -webkit-border-radius:3px;
   -khtml-border-radius: 3px;
   -icab-border-radius:  3px;
   -moz-border-radius:   3px;
   -ms-border-radius:    3px;
   -o-border-radius:     3px;
   border-radius:        3px;
 }
span.button3D,
button.button3D,
span.button3D:before,
span.button3D:after,
button.button3D:before,
button.button3D:after{ 
    width:90px;
}
span.button3D:before,
button.button3D:before{
   height:14px;
   bottom:-2px;
   border-top:0;
   -webkit-border-radius:0 0 3px 3px;
   -khtml-border-radius: 0 0 3px 3px;
   -icab-border-radius:  0 0 3px 3px;
   -moz-border-radius:   0 0 3px 3px;
   -ms-border-radius:    0 0 3px 3px;
   -o-border-radius:     0 0 3px 3px;
   border-radius:        0 0 3px 3px;
   -webkit-box-shadow:0 1px 1px 0px #bfbfbf;
   -khtml-box-shadow: 0 1px 1px 0px #bfbfbf;
   -icab-box-shadow:  0 1px 1px 0px #bfbfbf;
   -moz-box-shadow:   0 1px 1px 0px #bfbfbf;
   -ms-box-shadow:    0 1px 1px 0px #bfbfbf;
   -o-box-shadow:     0 1px 1px 0px #bfbfbf;
   box-shadow:        0 1px 1px 0px #bfbfbf;
 }
span.button3D:focus,
button.button3D:focus{
    outline:1px dashed #E6E6FA;
    outline-offset:-3px;
}
button.button3D:disabled,
button.button3D:hover:disabled{
    cursor:auto;
    opacity:0.4;
}
/* ----------------------------------------------- Цвет 3D-кнопки - серый --- */
span.buttonGray,
span.buttonGray:hover,
button.buttonGray,
button.buttonGray:hover{
   color:#555;
   border-bottom:0px solid #b2b1b1;
   text-shadow:0px 1px 0px #fafafa;
   background:#eee;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#e2e2e2));
   background-image:-webkit-linear-gradient(top, #eee, #e2e2e2);
   background-image: -khtml-linear-gradient(top, #eee, #e2e2e2);
   background-image:  -icab-linear-gradient(top, #eee, #e2e2e2);
   background-image:   -moz-linear-gradient(top, #eee, #e2e2e2);
   background-image:    -ms-linear-gradient(top, #eee, #e2e2e2);
   background-image:     -o-linear-gradient(top, #eee, #e2e2e2);
   background-image:        linear-gradient(top, #eee, #e2e2e2);
   -webkit-box-shadow:inset 1px 1px 0 #f5f5f5;
   -khtml-box-shadow: inset 1px 1px 0 #f5f5f5;
   -icab-box-shadow:  inset 1px 1px 0 #f5f5f5;
   -moz-box-shadow:   inset 1px 1px 0 #f5f5f5;
   -ms-box-shadow:    inset 1px 1px 0 #f5f5f5;
   -o-box-shadow:     inset 1px 1px 0 #f5f5f5;
   box-shadow:        inset 1px 1px 0 #f5f5f5;
 }
.buttonGray:before,
.buttonGray:after{
   border:1px solid #cbcbcb;
   border-bottom:1px solid #a5a5a5;
 }
span.buttonGray:hover,
button.buttonGray:hover{
   background:#e2e2e2;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#eee));
   background-image:-webkit-linear-gradient(top, #e2e2e2, #eee);
   background-image: -khtml-linear-gradient(top, #e2e2e2, #eee);
   background-image:  -icab-linear-gradient(top, #e2e2e2, #eee);
   background-image:   -moz-linear-gradient(top, #e2e2e2, #eee);
   background-image:    -ms-linear-gradient(top, #e2e2e2, #eee);
   background-image:     -o-linear-gradient(top, #e2e2e2, #eee);
   background-image:        linear-gradient(top, #e2e2e2, #eee);
 }
/* ----------------------------------------- Цвет 3D-кнопки - тёмно-серый --- */
span.buttonDarkGray,
span.buttonDarkGray:hover,
button.buttonDarkGray,
button.buttonDarkGray:hover{
   color:#555;
   border-bottom:0px solid #878787;
   text-shadow:0px 1px 0px #d6d6d6;
   background:#d1d1d1;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#d1d1d1), to(#afafaf));
   background-image:-webkit-linear-gradient(top, #d1d1d1, #afafaf);
   background-image: -khtml-linear-gradient(top, #d1d1d1, #afafaf);
   background-image:  -icab-linear-gradient(top, #d1d1d1, #afafaf);
   background-image:   -moz-linear-gradient(top, #d1d1d1, #afafaf);
   background-image:    -ms-linear-gradient(top, #d1d1d1, #afafaf);
   background-image:     -o-linear-gradient(top, #d1d1d1, #afafaf);
   background-image:        linear-gradient(top, #d1d1d1, #afafaf);
   -webkit-box-shadow:inset 1px 1px 0 #e3e3e3;
   -khtml-box-shadow: inset 1px 1px 0 #e3e3e3;
   -icab-box-shadow:  inset 1px 1px 0 #e3e3e3;
   -moz-box-shadow:   inset 1px 1px 0 #e3e3e3;
   -ms-box-shadow:    inset 1px 1px 0 #e3e3e3;
   -o-box-shadow:     inset 1px 1px 0 #e3e3e3;
   box-shadow:        inset 1px 1px 0 #e3e3e3;
 }
.buttonDarkGray:before,
.buttonDarkGray:after {
   border:1px solid #b4b4b4;
   border-bottom:1px solid #7b7b7b;
 }
span.buttonDarkGray:hover,
button.buttonDarkGray:hover{
   background:#afafaf;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#afafaf), to(#d1d1d1));
   background-image:-webkit-linear-gradient(top, #afafaf, #d1d1d1);
   background-image: -khtml-linear-gradient(top, #afafaf, #d1d1d1);
   background-image:  -icab-linear-gradient(top, #afafaf, #d1d1d1);
   background-image:   -moz-linear-gradient(top, #afafaf, #d1d1d1);
   background-image:    -ms-linear-gradient(top, #afafaf, #d1d1d1);
   background-image:     -o-linear-gradient(top, #afafaf, #d1d1d1);
   background-image:        linear-gradient(top, #afafaf, #d1d1d1);
 }
/* ---------------------------------------------- Цвет-3D кнопки - чёрный --- */
span.buttonBlack,
span.buttonBlack:hover,
button.buttonBlack,
button.buttonBlack:hover{
   color:#fff;
   border-bottom:0px solid #414141;
   text-shadow:0px 1px 0px #2f2f2f;
   background:#656565;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#656565), to(#444));
   background-image:-webkit-linear-gradient(top, #656565, #444);
   background-image: -khtml-linear-gradient(top, #656565, #444);
   background-image:  -icab-linear-gradient(top, #656565, #444);
   background-image:   -moz-linear-gradient(top, #656565, #444);
   background-image:    -ms-linear-gradient(top, #656565, #444);
   background-image:     -o-linear-gradient(top, #656565, #444);
   background-image:        linear-gradient(top, #656565, #444);
   -webkit-box-shadow:inset 1px 1px 0 #939393;
   -khtml-box-shadow: inset 1px 1px 0 #939393;
   -icab-box-shadow:  inset 1px 1px 0 #939393;
   -moz-box-shadow:   inset 1px 1px 0 #939393;
   -ms-box-shadow:    inset 1px 1px 0 #939393;
   -o-box-shadow:     inset 1px 1px 0 #939393;
   box-shadow:        inset 1px 1px 0 #939393;
 }
.buttonBlack:before,
.buttonBlack:after {
   border:1px solid #535353;
   border-bottom:1px solid #343434;
 }
.buttonBlack:after{
   border:1px solid #5a5a5a;
 }
span.buttonBlack:hover,
button.buttonBlack:hover{
   background:#444;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#444), to(#656565));
   background-image:-webkit-linear-gradient(top, #444, #656565);
   background-image: -khtml-linear-gradient(top, #444, #656565);
   background-image:  -icab-linear-gradient(top, #444, #656565);
   background-image:   -moz-linear-gradient(top, #444, #656565);
   background-image:    -ms-linear-gradient(top, #444, #656565);
   background-image:     -o-linear-gradient(top, #444, #656565);
   background-image:        linear-gradient(top, #444, #656565);
 }
/* --------------------------------------------- Цвет 3D-кнопки - розовый --- */
span.buttonPink,
span.buttonPink:hover,
button.buttonPink,
button.buttonPink:hover{
   color:#913944;
   border-bottom:0px solid #cb5462;
   text-shadow:0px 1px 0px #f9a0ad;
   background:#f56778;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#f997b0), to(#f56778));
   background-image:-webkit-linear-gradient(top, #f997b0, #f56778);
   background-image: -khtml-linear-gradient(top, #f997b0, #f56778);
   background-image:  -icab-linear-gradient(top, #f997b0, #f56778);
   background-image:   -moz-linear-gradient(top, #f997b0, #f56778);
   background-image:    -ms-linear-gradient(top, #f997b0, #f56778);
   background-image:     -o-linear-gradient(top, #f997b0, #f56778);
   background-image:        linear-gradient(top, #f997b0, #f56778);
   -webkit-box-shadow:inset 1px 1px 0 #fbc1d0;
   -khtml-box-shadow: inset 1px 1px 0 #fbc1d0;
   -icab-box-shadow:  inset 1px 1px 0 #fbc1d0;
   -moz-box-shadow:   inset 1px 1px 0 #fbc1d0;
   -ms-box-shadow:    inset 1px 1px 0 #fbc1d0;
   -o-box-shadow:     inset 1px 1px 0 #fbc1d0;
   box-shadow:        inset 1px 1px 0 #fbc1d0;
 }
.buttonPink:before,
.buttonPink:after{
   border:1px solid #ee8090;
   border-bottom:1px solid #b84d5a;
 }
span.buttonPink:hover,
button.buttonPink:hover{
   background:#f56778;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#f56778), to(#f997b0));
   background-image:-webkit-linear-gradient(top, #f56778, #f997b0);
   background-image: -khtml-linear-gradient(top, #f56778, #f997b0);
   background-image:  -icab-linear-gradient(top, #f56778, #f997b0);
   background-image:   -moz-linear-gradient(top, #f56778, #f997b0);
   background-image:    -ms-linear-gradient(top, #f56778, #f997b0);
   background-image:     -o-linear-gradient(top, #f56778, #f997b0);
   background-image:        linear-gradient(top, #f56778, #f997b0);
 }
/* ------------------------------------------ Цвет 3D-кнопки - фиолетовый --- */
span.buttonPurple,
span.buttonPurple:hover,
button.buttonPurple,
button.buttonPurple:hover{
   color:#7b5777;
   border-bottom:0px solid #946890;
   text-shadow:0px 1px 0px #eacae6;
   background:#e8c4e4;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d698d0));
   background-image:-webkit-linear-gradient(top, #e8c4e4, #d698d0);
   background-image: -khtml-linear-gradient(top, #e8c4e4, #d698d0);
   background-image:  -icab-linear-gradient(top, #e8c4e4, #d698d0);
   background-image:   -moz-linear-gradient(top, #e8c4e4, #d698d0);
   background-image:    -ms-linear-gradient(top, #e8c4e4, #d698d0);
   background-image:     -o-linear-gradient(top, #e8c4e4, #d698d0);
   background-image:        linear-gradient(top, #e8c4e4, #d698d0);
   -webkit-box-shadow:inset 1px 1px 0 #f2dcef;
   -khtml-box-shadow: inset 1px 1px 0 #f2dcef;
   -icab-box-shadow:  inset 1px 1px 0 #f2dcef;
   -moz-box-shadow:   inset 1px 1px 0 #f2dcef;
   -ms-box-shadow:    inset 1px 1px 0 #f2dcef;
   -o-box-shadow:     inset 1px 1px 0 #f2dcef;
   box-shadow:        inset 1px 1px 0 #f2dcef;
 }
.buttonPurple:before,
.buttonPurple:after{
   border:1px solid #da9fd4;
   border-bottom:1px solid #865d82;
 }
span.buttonPurple:hover,
button.buttonPurple:hover{
   background:#d698d0;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#d698d0), to(#e8c4e4));
   background-image:-webkit-linear-gradient(top, #d698d0, #e8c4e4);
   background-image: -khtml-linear-gradient(top, #d698d0, #e8c4e4);
   background-image:  -icab-linear-gradient(top, #d698d0, #e8c4e4);
   background-image:   -moz-linear-gradient(top, #d698d0, #e8c4e4);
   background-image:    -ms-linear-gradient(top, #d698d0, #e8c4e4);
   background-image:     -o-linear-gradient(top, #d698d0, #e8c4e4);
   background-image:        linear-gradient(top, #d698d0, #e8c4e4);
 }
/* ------------------------------------------- Цвет 3D-кнопки - бирюзовый --- */
span.buttonTurquoise,
span.buttonTurquoise:hover,
button.buttonTurquoise,
button.buttonTurquoise:hover{
   color:#437b7d;
   border-bottom:0px solid #4fa7aa;
   text-shadow:0px 1px 0px #9fd5d7;
   background:#b7f2f4;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#b7f2f4), to(#81e8eb));
   background-image:-webkit-linear-gradient(top, #b7f2f4, #81e8eb);
   background-image: -khtml-linear-gradient(top, #b7f2f4, #81e8eb);
   background-image:  -icab-linear-gradient(top, #b7f2f4, #81e8eb);
   background-image:   -moz-linear-gradient(top, #b7f2f4, #81e8eb);
   background-image:    -ms-linear-gradient(top, #b7f2f4, #81e8eb);
   background-image:     -o-linear-gradient(top, #b7f2f4, #81e8eb);
   background-image:        linear-gradient(top, #b7f2f4, #81e8eb);
   -webkit-box-shadow:inset 1px 1px 0 #d4f8f8;
   -khtml-box-shadow: inset 1px 1px 0 #d4f8f8;
   -icab-box-shadow:  inset 1px 1px 0 #d4f8f8;
   -moz-box-shadow:   inset 1px 1px 0 #d4f8f8;
   -ms-box-shadow:    inset 1px 1px 0 #d4f8f8;
   -o-box-shadow:     inset 1px 1px 0 #d4f8f8;
   box-shadow:        inset 1px 1px 0 #d4f8f8;
 }
.buttonTurquoise:before,
.buttonTurquoise:after {
   border:1px solid #87d3d5;
   border-bottom:1px solid #47989b;
 }
span.buttonTurquoise:hover,
button.buttonTurquoise:hover{
   background:#81e8eb;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#81e8eb), to(#b7f2f4));
   background-image:-webkit-linear-gradient(top, #81e8eb, #b7f2f4);
   background-image: -khtml-linear-gradient(top, #81e8eb, #b7f2f4);
   background-image:  -icab-linear-gradient(top, #81e8eb, #b7f2f4);
   background-image:   -moz-linear-gradient(top, #81e8eb, #b7f2f4);
   background-image:    -ms-linear-gradient(top, #81e8eb, #b7f2f4);
   background-image:     -o-linear-gradient(top, #81e8eb, #b7f2f4);
   background-image:        linear-gradient(top, #81e8eb, #b7f2f4);
 }
/* --------------------------------------------- Цвет 3D-кнопки - голубой --- */
span.buttonBlue,
span.buttonBlue:hover,
button.buttonBlue,
button.buttonBlue:hover{
   color:#42788e;
   border-bottom:0px solid #589cb6;
   text-shadow:0px 1px 0px #bee9fa;
   background:#abe4f8;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#74d0f4));
   background-image:-webkit-linear-gradient(top, #abe4f8, #74d0f4);
   background-image: -khtml-linear-gradient(top, #abe4f8, #74d0f4);
   background-image:  -icab-linear-gradient(top, #abe4f8, #74d0f4);
   background-image:   -moz-linear-gradient(top, #abe4f8, #74d0f4);
   background-image:    -ms-linear-gradient(top, #abe4f8, #74d0f4);
   background-image:     -o-linear-gradient(top, #abe4f8, #74d0f4);
   background-image:        linear-gradient(top, #abe4f8, #74d0f4);
   -webkit-box-shadow:inset 1px 1px 0 #b2e6f8;
   -khtml-box-shadow: inset 1px 1px 0 #b2e6f8;
   -icab-box-shadow:  inset 1px 1px 0 #b2e6f8;
   -moz-box-shadow:   inset 1px 1px 0 #b2e6f8;
   -ms-box-shadow:    inset 1px 1px 0 #b2e6f8;
   -o-box-shadow:     inset 1px 1px 0 #b2e6f8;
   box-shadow:        inset 1px 1px 0 #b2e6f8;
 }
.buttonBlue:before,
.buttonBlue:after{
   border:1px solid #8cc5d9;
   border-bottom:1px solid #4e8aa1;
 }
span.buttonBlue:hover,
button.buttonBlue:hover{
   background:#74d0f4;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#74d0f4), to(#abe4f8));
   background-image:-webkit-linear-gradient(top, #74d0f4, #abe4f8);
   background-image: -khtml-linear-gradient(top, #74d0f4, #abe4f8);
   background-image:  -icab-linear-gradient(top, #74d0f4, #abe4f8);
   background-image:   -moz-linear-gradient(top, #74d0f4, #abe4f8);
   background-image:    -ms-linear-gradient(top, #74d0f4, #abe4f8);
   background-image:     -o-linear-gradient(top, #74d0f4, #abe4f8);
   background-image:        linear-gradient(top, #74d0f4, #abe4f8);
 }
/* ---------------------------------------- Цвет 3D-кнопки - грязно-синий --- */
span.buttonDarkBlue,
span.buttonDarkBlue:hover,
button.buttonDarkBlue,
button.buttonDarkBlue:hover{
   color:#515f6a;
   border-bottom:0px solid #62727e;
   text-shadow:0px 1px 0px #c4d0da;
   background:#becbd6;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#becbd6), to(#8da5b7));
   background-image:-webkit-linear-gradient(top, #becbd6, #8da5b7);
   background-image: -khtml-linear-gradient(top, #becbd6, #8da5b7);
   background-image:  -icab-linear-gradient(top, #becbd6, #8da5b7);
   background-image:   -moz-linear-gradient(top, #becbd6, #8da5b7);
   background-image:    -ms-linear-gradient(top, #becbd6, #8da5b7);
   background-image:     -o-linear-gradient(top, #becbd6, #8da5b7);
   background-image:        linear-gradient(top, #becbd6, #8da5b7);
   -webkit-box-shadow:inset 1px 1px 0 #d8e0e6;
   -khtml-box-shadow: inset 1px 1px 0 #d8e0e6;
   -icab-box-shadow:  inset 1px 1px 0 #d8e0e6;
   -moz-box-shadow:   inset 1px 1px 0 #d8e0e6;
   -ms-box-shadow:    inset 1px 1px 0 #d8e0e6;
   -o-box-shadow:     inset 1px 1px 0 #d8e0e6;
   box-shadow:        inset 1px 1px 0 #d8e0e6;
 }
.buttonDarkBlue:before,
.buttonDarkBlue:after{
   border:1px solid #a1aeb7;
   border-bottom:1px solid #5d6b75;
 }
span.buttonDarkBlue:hover,
button.buttonDarkBlue:hover{
   background:#8da5b7;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#8da5b7), to(#becbd6));
   background-image:-webkit-linear-gradient(top, #8da5b7, #becbd6);
   background-image: -khtml-linear-gradient(top, #8da5b7, #becbd6);
   background-image:  -icab-linear-gradient(top, #8da5b7, #becbd6);
   background-image:   -moz-linear-gradient(top, #8da5b7, #becbd6);
   background-image:    -ms-linear-gradient(top, #8da5b7, #becbd6);
   background-image:     -o-linear-gradient(top, #8da5b7, #becbd6);
   background-image:        linear-gradient(top, #8da5b7, #becbd6);
 }
/* --------------------------------------------- Цвет 3D-кнопки - зеленый --- */
span.buttonGreen,
span.buttonGreen:hover,
button.buttonGreen,
button.buttonGreen:hover{
   color:#5d7731;
   border-bottom:0px solid #799545;
   text-shadow:0px 1px 0px #d5e8aa;
   background:#cae285;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#cae285), to(#a3cd5a));
   background-image:-webkit-linear-gradient(top, #cae285, #a3cd5a);
   background-image: -khtml-linear-gradient(top, #cae285, #a3cd5a);
   background-image:  -icab-linear-gradient(top, #cae285, #a3cd5a);
   background-image:   -moz-linear-gradient(top, #cae285, #a3cd5a);
   background-image:    -ms-linear-gradient(top, #cae285, #a3cd5a);
   background-image:     -o-linear-gradient(top, #cae285, #a3cd5a);
   background-image:        linear-gradient(top, #cae285, #a3cd5a);
   -webkit-box-shadow:inset 1px 1px 0 #cce3a1;
   -khtml-box-shadow: inset 1px 1px 0 #cce3a1;
   -icab-box-shadow:  inset 1px 1px 0 #cce3a1;
   -moz-box-shadow:   inset 1px 1px 0 #cce3a1;
   -ms-box-shadow:    inset 1px 1px 0 #cce3a1;
   -o-box-shadow:     inset 1px 1px 0 #cce3a1;
   box-shadow:        inset 1px 1px 0 #cce3a1;
 }
.buttonGreen:before,
.buttonGreen:after{
   border:1px solid #98b85b;
   border-bottom:1px solid #6d883b;
 }
span.buttonGreen:hover,
button.buttonGreen:hover{
   background: #a3cd5a;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#a3cd5a), to(#cae285));
   background-image:-webkit-linear-gradient(top, #a3cd5a, #cae285);
   background-image: -khtml-linear-gradient(top, #a3cd5a, #cae285);
   background-image:  -icab-linear-gradient(top, #a3cd5a, #cae285);
   background-image:   -moz-linear-gradient(top, #a3cd5a, #cae285);
   background-image:    -ms-linear-gradient(top, #a3cd5a, #cae285);
   background-image:     -o-linear-gradient(top, #a3cd5a, #cae285);
   background-image:        linear-gradient(top, #a3cd5a, #cae285);
 }
/* ---------------------------------------------- Цвет 3D-кнопки - жёлтый --- */
span.buttonYellow,
span.buttonYellow:hover,
button.buttonYellow,
button.buttonYellow:hover{
   color:#996633;
   border-bottom:0px solid #b98a37;
   text-shadow:0px 1px 0px #fedd9b;
   background:#feda71;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febe4d));
   background-image:-webkit-linear-gradient(top, #feda71, #febe4d);
   background-image: -khtml-linear-gradient(top, #feda71, #febe4d);
   background-image:  -icab-linear-gradient(top, #feda71, #febe4d);
   background-image:   -moz-linear-gradient(top, #feda71, #febe4d);
   background-image:    -ms-linear-gradient(top, #feda71, #febe4d);
   background-image:     -o-linear-gradient(top, #feda71, #febe4d);
   background-image:        linear-gradient(top, #feda71, #febe4d);
   -webkit-box-shadow:inset 1px 1px 0 #fee9aa;
   -khtml-box-shadow: inset 1px 1px 0 #fee9aa;
   -icab-box-shadow:  inset 1px 1px 0 #fee9aa;
   -moz-box-shadow:   inset 1px 1px 0 #fee9aa;
   -ms-box-shadow:    inset 1px 1px 0 #fee9aa;
   -o-box-shadow:     inset 1px 1px 0 #fee9aa;
   box-shadow:        inset 1px 1px 0 #fee9aa;
 }
.buttonYellow:before,
.buttonYellow:after{
   border:1px solid #eab551;
   border-bottom:1px solid #9f7630;
 }
span.buttonYellow:hover,
button.buttonYellow:hover{
   background: #febe4d;
   background-image:-webkit-gradient(linear, left top, left bottom, from(#febe4d), to(#feda71));
   background-image:-webkit-linear-gradient(top, #febe4d, #feda71);
   background-image: -khtml-linear-gradient(top, #febe4d, #feda71);
   background-image:  -icab-linear-gradient(top, #febe4d, #feda71);
   background-image:   -moz-linear-gradient(top, #febe4d, #feda71);
   background-image:    -ms-linear-gradient(top, #febe4d, #feda71);
   background-image:     -o-linear-gradient(top, #febe4d, #feda71);
   background-image:        linear-gradient(top, #febe4d, #feda71);
 }
/* ------------------------------------------------------------------------ Нажатие 3D-кнопки --- */
span.button3D:active,
button.button3D:active{
   border:none;
   bottom:-2px;
   margin-bottom:7px;
   -webkit-box-shadow:0 1px 1px #fff;
    -khtml-box-shadow:0 1px 1px #fff;
     -icab-box-shadow:0 1px 1px #fff;
      -moz-box-shadow:0 1px 1px #fff;
       -ms-box-shadow:0 1px 1px #fff;
        -o-box-shadow:0 1px 1px #fff;
           box-shadow:1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.3);
    color:#DCDCDC;
    outline:none;
 }
span.button3D:active:before,
span.button3D:active:after,
button.button3D:active:before,
button.button3D:active:after{
   border:none;
   -webkit-box-shadow:none;
    -khtml-box-shadow:none;
     -icab-box-shadow:none;
      -moz-box-shadow:none;
       -ms-box-shadow:none;
        -o-box-shadow:none;
           box-shadow:none;
}
/* ------------------------------------------------------------------------ Обычная 3D-кнопка --- */
button.buttonBasic{ 
   margin:2px;
   padding:0px;
   float:none;
   display:inline-block;
 }
button.buttonBasic,
button.buttonBasic:before,
button.buttonBasic:after{ 
   line-height:12px;
 }
button.buttonBasic:active{
   margin-bottom:2px;
 }
/* ------------------------------------------------------------------------ Средняя 3D-кнопка --- */
button.buttonMiddle{ 
    margin:0px 3px 0px;
    padding:0px;
    top:-1px;
    float:none;
    display:inline-block;
}
button.buttonMiddle,
button.buttonMiddle:before,
button.buttonMiddle:after{ 
    height:12px;
    width:50px;
    line-height:12px;
}
button.buttonMiddle:active{
    margin-bottom:0px;
}
/* ---------------------------------------------------------------------- Маленькая 3D-кнопка --- */
button.buttonSmall{ 
   margin:0px 3px 0px;
   padding:0px;
   top:-1px;
   float:none;
   display:inline-block;
 }
button.buttonSmall,
button.buttonSmall:before,
button.buttonSmall:after{ 
   height:12px;
   width:14px;
   line-height:12px;
 }
button.buttonSmall:active{
   margin-bottom:0px;
 }

/* ------------------------------------------------------------------------------------- Конец -- */