/*constructor of buttons*/
/*bt (main class for all buttons)*/
.bt{
    display: inline-block;
    font-size: 13px;
    }
    a.bt:hover{text-decoration: none}

.bt.input{padding: 0 !important}
    .bt.input input{
        width: 100%;
        height: 100%;
        border: none;
        display: block;
        background: none;
        padding:0 12px;
        color: #ffffff;
        cursor: pointer;
    }
/*end:bt*/

/*buttons types*/
/*type small*/
.bt.small{
    padding: 0 8px;
    height: 19px;
    line-height: 20px;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.bt.small + .dd-panel{
    top: 21px
}

/*end:type small*/
.bt.smaller{
    padding: 0 8px;
    height: 23px;
    line-height: 22px;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.bt.smaller + .dd-panel{
    top: 25px
}

/*end:type small*/
/*type normal*/
.bt.normal{
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.bt.normal + .dd-panel{
    top: 28px
}

/*end:type normal*/

/*type middle*/
.bt.middle{
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.bt.middle + .dd-panel{top: 34px}

 .bt.big{
     padding: 0 12px;
     height: 36px;
     line-height: 36px;
     text-decoration: none;
     min-width: 96px;
     text-align: center;
     font-size: 13px;
 }

 .bt.big + .dd-panel{
     top: 34px
 }

/*end:type middle*/

/*type rounded*/
.bt.rounded{
    padding: 0 12px;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
    border-radius: 2px;
    min-width: 75px;
    text-align: center;
    font-size: 13px;
}

.bt.rounded + .dd-panel{
    top: 26px
}

/*end:type rounded*/
/*type rounded-middle*/
.bt.rounded-middle{
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
    border-radius: 2px;
    min-width: 75px;
    text-align: center;
    font-size: 16px;
}

.bt.rounded-middle + .dd-panel{
    top: 34px
}

/*end:type rounded-middle*/

.bt.rounded-big{
    padding: 0 12px;
    height: 36px;
    line-height: 36px;
    text-decoration: none;
    border-radius: 2px;
    min-width: 75px;
    text-align: center;
    font-size: 16px;
}

.bt.rounded-big + .dd-panel{
    top: 34px
}

/*end:type rounded*/
/*type normal-right-pointer*/
.bt.normal-right-pointer{
    padding: 0 10px 0 12px;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.bt.normal-right-pointer + .dd-panel{
    top: 28px
}

.bt.normal-right-pointer span{
    border-right: 1px solid #F68E47;
    box-shadow: -1px 0 0 0 #E5530E inset;
    display: inline-block;
    height: 25px;
    line-height: 24px;
    margin-right: 10px;
    margin-top: 1px;
    padding-right: 20px;
}

/*end:type normal-right-pointer*/

 /*type big-right-pointer*/
 .bt.big-right-pointer{
     padding: 0 10px 0 12px;
     height: 36px;
     line-height: 36px;
     text-decoration: none;
     font-size: 13px;
 }

 .bt.big-right-pointer + .dd-panel{
     top: 36px
 }

 .bt.big-right-pointer span{
     border-right: 1px solid #FFFFFF;
     display: inline-block;
     height: 36px;
     line-height: 36px;
     text-align: center;
     padding:0 32px;
 }

 /*end:type normal-right-pointer*/

/*type rounded-4*/
.bt.rounded-4{
    height: 24px;
    line-height: 24px;
    text-decoration: none;
    border-radius: 4px;
    min-width: 75px;
    text-align: center;
}

.bt.rounded-4 span{
    display: inline-block;
    line-height: 14px;
    min-width: 65px;
    border: 1px solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    padding: 4px 12px;
}

.bt.rounded-4 + .dd-panel{
    top: 26px
}

.bt.rounded-4-middle{
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    border-radius: 4px;
    min-width: 75px;
    text-align: center;
    font-size: 13px;
}

.bt.rounded-4-middle>span{
    border: 1px solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    padding: 0 12px;
    line-height: 26px;
    display: inline-block;
}

.bt.rounded-4-middle + .dd-panel{
    top: 26px
}

/*end:type rounded-4*/

/*end:buttons types*/

/*type of styles*/
/*style orange*/
.bt.orange{
    border: 1px solid #f66700;
    text-shadow: 0 1px 0 #d85b0e;
    color: #fff;
    background: #f47013;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 0 #f8a468;
    position: relative;
    z-index: 2;

    background: -moz-linear-gradient(top, #f47013 0%, #f0550e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f47013), color-stop(100%, #f0550e));
    background: -webkit-linear-gradient(top, #f47013 0%, #f0550e 100%);
    background: -o-linear-gradient(top, #f47013 0%, #f0550e 100%);
    background: linear-gradient(to bottom, rgba(244, 112, 19, 1) 0%, rgba(240, 85, 14, 1) 100%);
}

.bt.orange:hover{
    color: #fff;
    text-shadow: 0 -1px 0 #e17823;
    border-color: #fe7e00;
    text-decoration: none;
    background: #ff9931;

    box-shadow: inset 0 1px 0 0 #ffc78e;
    background: -moz-linear-gradient(top, #ff9931 0%, #ff6414 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9931), color-stop(100%, #ff6414));
    background: -webkit-linear-gradient(top, #ff9931 0%, #ff6414 100%);
    background: -o-linear-gradient(top, #ff9931 0%, #ff6414 100%);

    background: linear-gradient(to bottom, rgba(255, 153, 49, 1) 0%, rgba(255, 100, 20, 1) 100%);
}

.bt.orange:active{
    text-shadow: 0 -1px 0 #e16c1f;
    border-color: #fe7e00;
    background: #ff7826;

    box-shadow: inset 0 1px 0 0 #ffa670;
    background: -moz-linear-gradient(top, #ff7826 0%, #ff922e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7826), color-stop(100%, #ff922e));
    background: -webkit-linear-gradient(top, #ff7826 0%, #ff922e 100%);
    background: -o-linear-gradient(top, #ff7826 0%, #ff922e 100%);

    background: linear-gradient(to bottom, rgba(255, 120, 38, 1) 0%, rgba(255, 146, 46, 1) 100%)
}

/*end:style orange*/

/*style orange2*/
  .bt.orange2{
     color: #fff;
     background: #FC8300;
     }
     a.bt.orange2:hover{
         color: #fff;
         text-decoration: none;
         background: #ff9931;
     }
     a.bt.orange2:active{
         border-color: #fe7e00;
         background: #ff7826;
     }
/*end:style orange*/

/*style yellow*/
.bt.yellow{
    color: #000000;
    background-color: #FFF700;
    text-shadow: 0 1px 0 #E4E206;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 22px;
    border: 1px solid #B12B1F;
    box-shadow: 0 1px 1px #CC1162;
}

.bt.yellow:hover{
    background-color: #FFF64F;
    text-decoration: none;
    border: 1px solid #AF2640;
}

.bt.yellow:active{
    background-color: #E3CD00;
    border: 1px solid #B6272B;
    box-shadow: none;
}

/*end:style yellow*/

/*style black*/
.bt.black{
    border: 1px solid #000000;
    text-shadow: -1px -1px 0 #2D2D2D;
    color: #ff7f20;
    background: #474747;
    text-transform: uppercase;

    background: -moz-linear-gradient(top, #474747 0%, #2d2d2d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #474747), color-stop(100%, #2d2d2d));
    background: -webkit-linear-gradient(top, #474747 0%, #2d2d2d 100%);
    background: -o-linear-gradient(top, #474747 0%, #2d2d2d 100%);

    box-shadow: inset 0 1px 0 0 #6e6e6e;
    background: linear-gradient(to bottom, rgba(71, 71, 71, 1) 0%, rgba(45, 45, 45, 1) 100%);
}

.bt.black:hover{
    color: #fff;
    text-shadow: 0 -1px 0 #2D2D2D;
    border-color: #000000;
    text-decoration: none;
    background: #686868;

    box-shadow: inset 0 1px 0 0 #888888;

    background: -moz-linear-gradient(top, #686868 0%, #424242 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #686868), color-stop(100%, #424242));
    background: -webkit-linear-gradient(top, #686868 0%, #424242 100%);
    background: -o-linear-gradient(top, #686868 0%, #424242 100%);

    background: linear-gradient(to bottom, rgba(104, 104, 104, 1) 0%, rgba(66, 66, 66, 1) 100%);
}

.bt.black:active{
    text-shadow: 0 -1px 0 #2D2D2D;
    border-color: #000000;
    background: #373737;

    box-shadow: inset 0 1px 0 0 #616161;

    background: -moz-linear-gradient(top, #373737 0%, #5c5c5c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373737), color-stop(100%, #5c5c5c));
    background: -webkit-linear-gradient(top, #373737 0%, #5c5c5c 100%);
    background: -o-linear-gradient(top, #373737 0%, #5c5c5c 100%);

    background: linear-gradient(to bottom, rgba(55, 55, 55, 1) 0%, rgba(92, 92, 92, 1) 100%);
}

/*end:style black*/

/*style black2*/
.bt.black2{
    background: #2c2c2c;
    color: #fff;
    text-transform: uppercase;
    }
    .bt.black2:hover{background: #383838}
    .bt.black2:active{background: #222222}
/*end:style black2*/

/*style pink*/
.bt.pink{
    text-shadow: 0 1px 0 #D9489C;
    color: #ffffff;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 0 #e8068f;

    background: #e5458d;
    /*
    background: -moz-linear-gradient(top, #d80384 0%, #b60061 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d80384), color-stop(100%, #b60061));
    background: -webkit-linear-gradient(top, #d80384 0%, #b60061 100%);
    background: -o-linear-gradient(top, #d80384 0%, #b60061 100%);
    background: linear-gradient(to bottom, rgba(216, 3, 132, 1) 0%, rgba(182, 0, 97, 1) 100%);
    */
}

.bt.pink:hover{
    color: #fff;
    text-shadow: 0 -1px 0 #d31287;
    text-decoration: none;
    box-shadow: inset 0 1px 0 0 #ec0792;
    background: #ec0792;

    background: -moz-linear-gradient(top, #ec0792 0%, #da0080 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec0792), color-stop(100%, #da0080));
    background: -webkit-linear-gradient(top, #ec0792 0%, #da0080 100%);
    background: -o-linear-gradient(top, #ec0792 0%, #da0080 100%);

    background: linear-gradient(to bottom, rgba(236, 7, 146, 1) 0%, rgba(218, 0, 128, 1) 100%);
}

.bt.pink:active{
    text-shadow: 0 -1px 0 #d31287;
    box-shadow: inset 0 1px 0 0 #e8068e;
    background: #db0080;

    background: -moz-linear-gradient(top, #db0080 0%, #eb0691 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #db0080), color-stop(100%, #eb0691));
    background: -webkit-linear-gradient(top, #db0080 0%, #eb0691 100%);
    background: -o-linear-gradient(top, #db0080 0%, #eb0691 100%);

    background: linear-gradient(to bottom, rgba(219, 0, 128, 1) 0%, rgba(235, 6, 145, 1) 100%);
}

/*end:style black*/
/*style orange*/
.bt.blue{
    border: 1px solid #0083c2;
    text-shadow: 0 -1px 0 #007aab;
    color: #fff;
    background: #00a4f1;
    font-size: 13px;

    box-shadow: inset 0 1px 0 0 #91d8f9;
    background: -moz-linear-gradient(top, #00a4f1 0%, #019cdd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a4f1), color-stop(100%, #019cdd));
    background: -webkit-linear-gradient(top, #00a4f1 0%, #019cdd 100%);
    background: -o-linear-gradient(top, #00a4f1 0%, #019cdd 100%);

    background: linear-gradient(to bottom, rgba(0, 164, 241, 1) 0%, rgba(64, 25, 205, 1) 100%);
}

.bt.blue:hover{
    color: #fff;
    text-decoration: none;
    background: #21b1f5;

    background: -moz-linear-gradient(top, #21b1f5 0%, #019ddf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #21b1f5), color-stop(100%, #019ddf));
    background: -webkit-linear-gradient(top, #21b1f5 0%, #019ddf 100%);
    background: -o-linear-gradient(top, #21b1f5 0%, #019ddf 100%);

    background: linear-gradient(to bottom, rgba(33, 177, 245, 1) 0%, rgba(1, 157, 223, 1) 100%)
}

.bt.blue:active{
    color: #fff;
    text-shadow: 0 -1px 0 #007aab;
    border-color: #0083C2;
    box-shadow: inset 0 1px 0 0 #0193d0;
    background: #0199da;

    background: -moz-linear-gradient(top, #0199da 0%, #009ae3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0199da), color-stop(100%, #009ae3));
    background: -webkit-linear-gradient(top, #0199da 0%, #009ae3 100%);
    background: -o-linear-gradient(top, #0199da 0%, #009ae3 100%);

    background: linear-gradient(to bottom, rgba(1, 153, 218, 1) 0%, rgba(0, 154, 227, 1) 100%);
}

/*end:style blue*/

/*style gray*/
.bt.gray{
    border: 1px solid #E9E9E9;
    text-shadow: 0 1px 0 #fff;
    color: #004FAF;
    background: #F9FAFA;
    font-size: 11px;
    text-transform: uppercase;
    box-shadow: 0 0 2px #E6E6E6;
    }
    .bt.gray:hover{background: #F5F5F5}
    .bt.gray:active{
        color: #C42E29;
        text-decoration: none;
        box-shadow: none;
    }

/*style gray*/


/*style gray2*/
 .bt.gray2{
     background: #EFF0F0;
     color: #595959;
     font-size: 11px;
     text-shadow: 0 1px 0 #fff;
     text-transform: uppercase;
     }
     .bt.gray2:hover{background: #F5F5F5}
     .bt.gray2:active{
         text-decoration: none;
     }

/*style gray2*/

.bt.dark-blue{
    border: 1px solid #3994C5;
    text-shadow: 0 1px 0 #fff;
    color: #ffffff;
    background: #3994C5;
    font-size: 13px;
    text-transform: uppercase;
    }
    .bt.dark-blue:hover{background: #3994C5}
    .bt.dark-blue:active{color: #ffffff}


/*style gr-gray*/
.bt.gr-gray{
    border: 1px solid #bababa;
    text-shadow: #fff 0 1px 0;
    color: #5b5b5b;
    background: #F5F5F5;

    background: -moz-linear-gradient(top, #F5F5F5 0%, #D3D3D3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(100%, #D3D3D3));
    background: -webkit-linear-gradient(top, #F5F5F5 0%, #D3D3D3 100%);
    background: -o-linear-gradient(top, #F5F5F5 0%, #D3D3D3 100%);

    background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(211, 211, 211, 1) 100%);
}

.bt.gr-gray:hover{
    color: #5b5b5b;
    box-shadow: 0 0 3px #bababa;
    background: #F8F8F8;

    background: -moz-linear-gradient(top, #F8F8F8 40%, #D1D1D1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #F8F8F8), color-stop(100%, #D1D1D1));
    background: -webkit-linear-gradient(top, #F8F8F8 40%, #D1D1D1 100%);
    background: -o-linear-gradient(top, #F8F8F8 40%, #D1D1D1 100%);

    background: linear-gradient(to bottom, rgba(248, 248, 248, 1) 0%, rgba(209, 209, 209, 1) 100%);
}

.bt.gr-gray:active{
    box-shadow: 0 1px 1px #BABABA inset;
    text-shadow: none;
    background: #F8F8F8;

    background: -moz-linear-gradient(top, #D9D9D9 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D9D9D9), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #D9D9D9 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #D9D9D9 0%, #FFFFFF 100%);

    background: linear-gradient(to bottom, rgba(217, 217, 217, 1) 0%, rgba(255, 255, 255, 1) 100%)
}

.bt.rounded-middle.gr-gray{
    height: 30px;
    line-height: 30px;
}

/*style gr-violet*/
.bt.gr-violet{
    color: #fff;
    background: #8216C8;

    background: -moz-linear-gradient(top, #8216C8 0%, #6404A8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8216C8), color-stop(100%, #6404A8));
    background: -webkit-linear-gradient(top, #8216C8 0%, #6404A8 100%);
    background: -o-linear-gradient(top, #8216C8 0%, #6404A8 100%);

    background: linear-gradient(to bottom, rgba(130, 22, 200, 1) 0%, rgba(100, 4, 168, 1) 100%);
}

/*end:style gr-gray*/
/*style gr-gray-2*/
.bt.gr-gray-2{
    border: 1px solid #C5C5C5;
    text-shadow: #fff 0 1px 0;
    color: #5b5b5b;
    background: #DFDFDF;

    box-shadow: inset 0 1px 0 0 #EEEEEE;
    background: -moz-linear-gradient(top, #DFDFDF 0%, #D5D5D5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DFDFDF), color-stop(100%, #D5D5D5));
    background: -webkit-linear-gradient(top, #DFDFDF 0%, #D5D5D5 100%);
    background: -o-linear-gradient(top, #DFDFDF 0%, #D5D5D5 100%);

    background: linear-gradient(to bottom, rgba(223, 223, 223, 1) 0%, rgba(213, 213, 213, 1) 100%);
}

.bt.gr-gray-2:hover{
    color: #5b5b5b;
    box-shadow: 0 0 3px #bababa;
    background: #EEEEEE;

    background: -moz-linear-gradient(top, #EEEEEE 40%, #DCDCDC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #EEEEEE), color-stop(100%, #DCDCDC));
    background: -webkit-linear-gradient(top, #EEEEEE 40%, #DCDCDC 100%);
    background: -o-linear-gradient(top, #EEEEEE 40%, #DCDCDC 100%);

    box-shadow: inset 0 1px 0 0 #ffffff;
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 40%, rgba(220, 220, 220, 1) 100%);
}

.bt.gr-gray-2:active{
    text-shadow: none;
    background: #DCDCDC;

    box-shadow: inset 0 1px 0 0 #ffffff;
    background: -moz-linear-gradient(top, #DCDCDC 0%, #EEEEEE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DCDCDC), color-stop(100%, #EEEEEE));
    background: -webkit-linear-gradient(top, #DCDCDC 0%, #EEEEEE 100%);
    background: -o-linear-gradient(top, #DCDCDC 0%, #EEEEEE 100%);

    background: linear-gradient(to bottom, rgba(220, 220, 220, 1) 0%, rgba(238, 238, 238, 1) 100%);
}

.bt.rounded-middle.gr-gray{
    height: 30px;
    line-height: 30px;
}

/*end:style gr-gray*/
/*style gr-green*/
.bt.gr-green{
    color: #fff;
    background: #34BC0F;

    background: -moz-linear-gradient(top, #34BC0F 0%, #018609 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #34BC0F), color-stop(100%, #018609));
    background: -webkit-linear-gradient(top, #34BC0F 0%, #018609 100%);
    background: -o-linear-gradient(top, #34BC0F 0%, #018609 100%);

    background: linear-gradient(to bottom, rgba(52, 188, 15, 1) 1%, rgba(1, 134, 9, 1) 100%);
}

.bt.gr-green:hover{
    box-shadow: 0 0 3px #5FD128;
    background: #5FD128;
    color: #fff;
    background: -moz-linear-gradient(top, #5FD128 40%, #06AB1C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #5FD128), color-stop(100%, #06AB1C));
    background: -webkit-linear-gradient(top, #5FD128 40%, #06AB1C 100%);
    background: -o-linear-gradient(top, #5FD128 40%, #06AB1C 100%);

    background: linear-gradient(to bottom, rgba(95, 209, 40, 1) 0%, rgba(6, 171, 28, 1) 100%);
}

.bt.gr-green:active{
    box-shadow: 0 1px 1px #018209 inset;
    background: #018209;
    color: #fff;

    background: -moz-linear-gradient(top, #018209 0%, #23AD01 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #018209), color-stop(100%, #23AD01));
    background: -webkit-linear-gradient(top, #018209 0%, #23AD01 100%);
    background: -o-linear-gradient(top, #018209 0%, #23AD01 100%);

    background: linear-gradient(to bottom, rgba(1, 130, 9, 1) 0%, rgba(35, 173, 1, 1) 100%);
}

/*end:style gr-green*/

/*style gr-orange*/
.bt.gr-orange{
    border-top: 1px solid #ECAB60;
    border-bottom: 1px solid #D57000;
    color: #fff;
    text-shadow: 0 -1px 0 #EBA04D;
    background: #FE941A;

    background: -moz-linear-gradient(top, #FE941A 0%, #D57000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FE941A), color-stop(100%, #D57000));
    background: -webkit-linear-gradient(top, #FE941A 0%, #D57000 100%);
    background: -o-linear-gradient(top, #FE941A 0%, #D57000 100%);

    background: linear-gradient(to bottom, #FE941A 1%, #D57000 100%);
}

.bt.gr-orange:hover{
    border-top: 1px solid #EFB675;
    border-bottom: 1px solid #DD8C2E;
    color: #fff;
    background: #FEA94D;

    background: -moz-linear-gradient(top, #FEA94D 40%, #DD8C2E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #FEA94D), color-stop(100%, #DD8C2E));
    background: -webkit-linear-gradient(top, #FEA94D 40%, #DD8C2E 100%);
    background: -o-linear-gradient(top, #FEA94D 40%, #DD8C2E 100%);

    background: linear-gradient(to bottom, #FEA94D 0%, #DD8C2E 100%);
}

.bt.gr-orange:active{
    border-top: 1px solid #E4A660;
    border-bottom: 1px solid #FE941A;

    color: #fff;
    background: #D57000;

    background: -moz-linear-gradient(top, #D57000 0%, #FE941A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D57000), color-stop(100%, #FE941A));
    background: -webkit-linear-gradient(top, #D57000 0%, #FE941A 100%);
    background: -o-linear-gradient(top, #D57000 0%, #FE941A 100%);

    background: linear-gradient(to bottom, #D57000 0%, #FE941A 100%);
}


.bt.middle.gr-orange{
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}
/*end:style gr-green*/

/*style gr-red-3d*/
.bt.gr-red-3d{
    font-family: 'HeliosCondRegular';
    color: #fff;
    border: 1px solid #a61230;
    box-shadow: 0 2px 0 #A71737;
    text-shadow: 0 -1px 0 #A91D39;
    text-transform: uppercase;
    background: #d1465e;

    background: -moz-linear-gradient(top, #d1465e 0%, #C53458 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1465e), color-stop(100%, #c53458));
    background: -webkit-linear-gradient(top, #d1465e 0%, #C53458 100%);
    background: -o-linear-gradient(top, #d1465e 0%, #C53458 100%);

    background: linear-gradient(to bottom, rgba(209, 70, 94, 1) 0%, rgba(197, 52, 88, 1) 100%);
}

.bt.gr-red-3d span{
    border: 1px solid #da6075;
}

.bt.gr-red-3d:hover{
    background: #e74762;
    border: 1px solid #ba1a3a;

    background: -moz-linear-gradient(top, #e74762 40%, #d6355c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #e74762), color-stop(100%, #d6355c));
    background: -webkit-linear-gradient(top, #e74762 40%, #d6355c 100%);
    background: -o-linear-gradient(top, #e74762 40%, #d6355c 100%);

    background: linear-gradient(to bottom, rgba(231, 71, 98, 1) 40%, rgba(214, 53, 92, 1) 100%);
}

.bt.gr-red-3d:hover span{
    border: 1px solid #f55c77
}

.bt.gr-red-3d:active{
    box-shadow: none;
    margin-bottom: -2px;
    margin-top: 2px;
    border: 1px solid #a61230;
    background: #D0445D;

    background: -moz-linear-gradient(top, #d1465e 0%, #C53458 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1465e), color-stop(100%, #C53458));
    background: -webkit-linear-gradient(top, #d1465e 0%, #C53458 100%);
    background: -o-linear-gradient(top, #d1465e 0%, #C53458 100%);

    background: linear-gradient(to bottom, rgba(209, 70, 94, 1) 0%, rgba(197, 52, 88, 1) 100%);
}

.bt.gr-red-3d:hover span{
    border: 1px solid #da6075
}

/*disable*/
.bt.gr-red-3d.disable{
    margin-bottom: 0;
    border: 1px solid #adadad;
    box-shadow: 0 2px 0 #b2b2b2;
    text-shadow: 0 -1px 0 #b9b9b9;
    background: #c5c5c5;

    background: -moz-linear-gradient(top, #c5c5c5 0%, #bdbdbd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c5c5c5), color-stop(100%, #bdbdbd));
    background: -webkit-linear-gradient(top, #c5c5c5 0%, #bdbdbd 100%);
    background: -o-linear-gradient(top, #c5c5c5 0%, #bdbdbd 100%);

    background: linear-gradient(to bottom, rgba(197, 197, 197, 1) 0%, rgba(189, 189, 189, 1) 100%);
}

.bt.gr-red-3d.disable span{
    border: 1px solid #c5c5c5;
    cursor: default;
}

.bt.gr-red-3d.disable:active{
    margin-bottom: 0;
    margin-top: 0;
}

.ie9 .bt.gr-red-3d{
    /* bug whith filter*/
    border-radius: 0;
    box-shadow: none;
}

/*end:style gr-red-3d*/

/*style gr-red-3d*/
.bt.gr-blue-3d{
 font-family: 'HeliosCondRegular';
 color: #fff;
 border: 1px solid #2F528E;
 box-shadow: 0 2px 0 #2F528E;
 text-shadow: 0 -1px 0 #5C7DB7;
 text-transform: uppercase;
 background: #5F7FBA;

 background: -moz-linear-gradient(top, #5F7FBA 0%, #5077AD 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5F7FBA), color-stop(100%, #5077AD));
 background: -webkit-linear-gradient(top, #5F7FBA 0%, #5077AD 100%);
 background: -o-linear-gradient(top, #5F7FBA 0%, #5077AD 100%);

 background: linear-gradient(to bottom, #5F7FBA 0%, #5077AD 100%);
}

.bt.gr-blue-3d span{
 border: 1px solid #7692C6;
 cursor: pointer;
}

.bt.gr-blue-3d:hover{
 background: #7298c8;
 border: 1px solid #3A62A5;

 background: -moz-linear-gradient(top, #7298c8 40%, #6090be 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #7298c8), color-stop(100%, #6090be));
 background: -webkit-linear-gradient(top, #7298c8 40%, #6090be 100%);
 background: -o-linear-gradient(top, #7298c8 40%, #6090be 100%);

 background: linear-gradient(to bottom, #7298c8 40%, #6090be 100%);
}

.bt.gr-blue-3d:hover span{
 border: 1px solid #8EA8D1
}

.bt.gr-blue-3d:active{
 box-shadow: none;
 margin-bottom: -2px;
 margin-top: 2px;

    background: #7298c8;
    border: 1px solid #3A62A5;

    background: -moz-linear-gradient(top, #7298c8 40%, #6090be 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #7298c8), color-stop(100%, #6090be));
    background: -webkit-linear-gradient(top, #7298c8 40%, #6090be 100%);
    background: -o-linear-gradient(top, #7298c8 40%, #6090be 100%);

    background: linear-gradient(to bottom, #7298c8 40%, #6090be 100%);
}

.bt.gr-blue-3d:active span{
    border: 1px solid #8EA8D1
}

/*disable*/
.bt.gr-blue-3d.disable{
 margin-bottom: 0;
 border: 1px solid #adadad;
 box-shadow: 0 2px 0 #b2b2b2;
 text-shadow: 0 -1px 0 #b9b9b9;
 background: #c5c5c5;

 background: -moz-linear-gradient(top, #c5c5c5 0%, #bdbdbd 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c5c5c5), color-stop(100%, #bdbdbd));
 background: -webkit-linear-gradient(top, #c5c5c5 0%, #bdbdbd 100%);
 background: -o-linear-gradient(top, #c5c5c5 0%, #bdbdbd 100%);

 background: linear-gradient(to bottom, rgba(197, 197, 197, 1) 0%, rgba(189, 189, 189, 1) 100%);
}

.bt.gr-blue-3d.disable span{
 border: 1px solid #c5c5c5;
 cursor: default;
}

.bt.gr-blue-3d.disable:active{
 margin-bottom: 0;
 margin-top: 0;
}

.ie9 .bt.gr-blue-3d{
 border-radius: 0;
 box-shadow: none;
}

/*end:style gr-red-3d*/

/*style gray3*/
.bt.gray3{
     position: relative;
     background: #dedede;
     border: 1px solid #dedede;
     color: #595959;
     font-size: 11px;
     font-weight: normal;
 }
.bt.gray3:hover{
     background: #e66534;
     border: 1px solid #e66534;
     color:#ffffff;
     font-weight: normal;
 }
/*end:style gray3*/

 /*style gr-orange-dark*/
 .bt.gr-orange-dark {
     color: #fff;
     background: #f06b37;

     background: -moz-linear-gradient(top, #f06b37 0%, #d96132 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f06b37), color-stop(100%, #d96132));
     background: -webkit-linear-gradient(top, #f06b37 0%, #d96132 100%);
     background: -o-linear-gradient(top, #f06b37 0%, #d96132 100%);

     background: linear-gradient(to bottom, #f06b37 1%, #d96132 100%);

     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f06b37', endColorstr='#d96132',GradientType=0 ); /* IE6-8 */
 }

 .bt.gr-orange-dark:hover{
     color: #fff;
     background: #ff7f4c;

     background: -moz-linear-gradient(top, #ff7f4c 0%, #f56e38 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7f4c), color-stop(100%, #f56e38));
     background: -webkit-linear-gradient(top, #ff7f4c 0%, #f56e38 100%);
     background: -o-linear-gradient(top, #ff7f4c 0%, #f56e38 100%);

     background: linear-gradient(to bottom, #ff7f4c 0%, #f56e38 100%);

     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f4c', endColorstr='#f56e38',GradientType=0 ); /* IE6-8 */
 }

 .bt.gr-orange-dark:active{

     color: #fff;
     background: #d96132;

     background: -moz-linear-gradient(top, #d96132 0%, #f06b37 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d96132), color-stop(100%, #f06b37));
     background: -webkit-linear-gradient(top, #d96132 0%, #f06b37 100%);
     background: -o-linear-gradient(top, #d96132 0%, #f06b37 100%);

     background: linear-gradient(to bottom, #d96132 0%, #f06b37 100%);

     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d96132', endColorstr='#f06b37',GradientType=0 ); /* IE6-8 */
 }
/*gr-red*/
.bt.gr-red{
    color: #fff;
    text-shadow: 0 1px 0 #D26161;
    background: #bf3939;

    background: -moz-linear-gradient(top, #bf3939 0%, #d94141 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf3939), color-stop(100%, #d94141));
    background: -webkit-linear-gradient(top, #bf3939 0%, #d94141 100%);
    background: -o-linear-gradient(top, #bf3939 0%, #d94141 100%);

    background: linear-gradient(to bottom, #bf3939 1%, #d94141 100%);
}

.bt.gr-red:hover{
    background: #cc3d3d;

    background: -moz-linear-gradient(top, #cc3d3d 40%, #e54545 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #cc3d3d), color-stop(100%, #e54545));
    background: -webkit-linear-gradient(top, #cc3d3d 40%, #e54545 100%);
    background: -o-linear-gradient(top, #cc3d3d 40%, #e54545 100%);

    background: linear-gradient(to bottom, #cc3d3d 0%, #e54545 100%);
}

.bt.gr-red:active{
    background: #bf3939;

    background: -moz-linear-gradient(top, #d94141 0%, #bf3939 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d94141), color-stop(100%, #bf3939));
    background: -webkit-linear-gradient(top, #d94141 0%, #bf3939 100%);
    background: -o-linear-gradient(top, #d94141 0%, #bf3939 100%);

    background: linear-gradient(to bottom, #bf3939 0%, #d94141 100%);
}
/*end:g-red*/

 /*cbf3939-d94141*/
 .bt.cbf3939-d94141{
     color: #fff;
     text-shadow: 0 1px 0 #D26161;
     background: #bf3939;

     background: -moz-linear-gradient(top, #d94141 0%, #bf3939 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d94141), color-stop(100%, #bf3939));
     background: -webkit-linear-gradient(top, #d94141 0%, #bf3939 100%);
     background: -o-linear-gradient(top, #d94141 0%, #bf3939 100%);

     background: linear-gradient(to bottom, #d94141 0%, #bf3939 100%);
 }

 .bt.cbf3939-d94141:hover{
     background: #cc3d3d;

     background: -moz-linear-gradient(top, #e54545 0%, #cc3d3d 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e54545), color-stop(100%, #cc3d3d));
     background: -webkit-linear-gradient(top, #e54545 0%, #cc3d3d 100%);
     background: -o-linear-gradient(top, #e54545 0%, #cc3d3d 100%);

     background: linear-gradient(to bottom, #e54545 0%, #cc3d3d 100%);
 }

 .bt.cbf3939-d94141:active{
     background: #bf3939;

     background: -moz-linear-gradient(top, #bf3939 0%, #d94141 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf3939), color-stop(100%, #d94141));
     background: -webkit-linear-gradient(top, #bf3939 0%, #d94141 100%);
     background: -o-linear-gradient(top, #bf3939 0%, #d94141 100%);

     background: linear-gradient(to bottom, #bf3939 1%, #d94141 100%);
 }
 /*end:cbf3939-d94141*/

/*end:type of styles*/
/*end constructor of buttons*/

/*constructor of drop down*/
.dd-box{
    position: relative;
    display: inline-block;
}

/*dd-panels*/
.bt + .dd-panel{
    display: none;
    position: absolute;
    top: 16px;
    left: 0;
    background-color: #fff;
    font-size: 13px;
    z-index: 3;
    margin: 0;
}

.bt:hover + .dd-panel,
.bt + .dd-panel:hover{
    display: block
}

/*end:dd-panels*/

/*dd-panels types of styles*/
/*black*/
.dd-panel.black{
    background-color: #333333;
    border: 1px solid #383838;
    border-top: none;
    min-width: 99%;
    max-width: 99%;
    overflow: hidden;
}

.dd-panel.black li, .dd-panel.black li a{
    color: #fff;
    text-shadow: 0 -1px 0 #0e0e0e;
}

.dd-panel.black li{
    padding: 4px 12px 6px;
    white-space: nowrap;
}

.dd-panel.black li:hover{
    background-color: #444444;
}

.dd-panel.black li a{
    text-decoration: none
}

/*end:black*/

/*white-gray*/
.dd-panel.white-gray{
    background-color: #fff;
    border: 1px solid #BABABA;
    box-shadow: 0 0 2px #BABABA;
    border-top: none;
}

.dd-panel.white-gray li, .dd-panel.white-gray li a{
    color: #272727;
    text-shadow: 0 -1px 0 #fff;
}

.dd-panel.white-gray li{
    padding: 5px 12px;
    white-space: nowrap;
}

.dd-panel.white-gray li:nth-child(2n){
    background-color: #F7F7F7;
}

.dd-panel.white-gray li:hover a{
    color: #C42E29
}

.dd-panel.white-gray li a{
    display: block;
    text-decoration: none;
}

/*end:white-gray*/
/*grey*/
.dd-panel.grey{
    width: 99%;
    background-color: #f5f5f5;
    border: 1px solid #dde3e7;
    border-top: none;
    margin-top: -2px;
}

.dd-panel.grey li, .dd-panel.grey li a{
    color: #272727;
}

.dd-panel.grey li{
    padding: 8px;
    border-top: 1px solid #dde3e7;
    box-shadow: 0 1px 0 0 #ffffff inset;
    cursor: pointer;
}

.dd-panel.grey li:hover,
.dd-panel.grey li a:hover{
    text-decoration: underline;
}

.dd-panel.grey li a{
    text-decoration: none
}

/*end:grey*/
 /*orange*/
 .dd-panel.orange{
     background-color: #e66534;
     min-width: 100%;
     max-width: 100%;
     overflow: hidden;
     padding: 5px 0;
 }

 .dd-panel.orange li, .dd-panel.orange li a{
     color: #fff;
 }

 .dd-panel.orange li{
     padding: 1px 10px 6px;
     white-space: nowrap;
 }

 .dd-panel.orange li a{
     text-decoration: none
 }
 .dd-panel.orange li a:hover {
     text-decoration: underline;
 }
 /*end:orange*/

/*end:dd-panels*/
/*end:constructor of drop down*/

/*fix ie*/
.ie8 .bt.normal-right-pointer span{
    height: 26px;
    line-height: 25px;
    margin-top: 0;
}
/*fix ie*/