///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//LINEAR GRADIENT FROM TOP TO BOTTOM
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

    //color0,stop0,color1,stop1
    .linearGradientTopBottom2(@startColor: #eee, @endColor: white) {
            background-color: @startColor;
            background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
            background: -webkit-linear-gradient(top, @startColor, @endColor);
            background: -moz-linear-gradient(top, @startColor, @endColor);
            background: -ms-linear-gradient(top, @startColor, @endColor);
            background: -o-linear-gradient(top, @startColor, @endColor);
            filter : progid:DXImageTransform.Microsoft.gradient(@startColor, @endColor);
            background-image: -ms-linear-gradient(top,@startColor, @endColor);
    }
    //color0,stop0,color1,stop1,color2,stop2
    .linearGradientTopBottom3(@color1:#ccc,@stop1:0%,@color2:#ddd,@stop2:50%,@color3:#ccc,@stop3:100%){
        background-color:@color2;
        background:-webkit-gradient(linear,0% 0%, 0% 100%, color-stop(@stop1, @color1), color-stop(@stop2, @color2), color-stop(@stop3, @color3));
        background:-moz-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3);
        background:-ms-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3);
        background:-o-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3);
        background:linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3);
        -pie-background: linear-gradient(@color1, @color2, @color3);
        filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @color1, @color3));
        background-image: -ms-linear-gradient(top,@color1 @stop1, @color2 @stop2, @color3 @stop3);
    }
    //color0,stop0,color1,stop1,color2,stop2,color3,stop3,color4,stop4
    .linearGradientTopBottom4(@color1:#ccc,@stop1:0%,@color2:#ccc,@stop2:50%,@color3:#ddd,@stop3:51%,@color4:#ddd,@stop4:100%){
        background-color:@color2;
        background:-webkit-gradient(linear,0% 0%, 0% 100%, color-stop(@stop1, @color1), color-stop(@stop2, @color2), color-stop(@stop3, @color3), color-stop(@stop4, @color4));
        background:-moz-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4);
        background:-ms-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4);
        background:-o-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4);
        background:linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4);
        -pie-background: linear-gradient(@color1, @color2, @color3, @color4);
        filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @color1, @color4));
        background-image: -ms-linear-gradient(top,@color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4);
    }
    //color0,stop0,color1,stop1,color2,stop2,color3,stop3,color4,stop4,color5,stop5
    .linearGradientTopBottom5(@color1:#ccc,@stop1:0%,@color2:#ccc,@stop2:20%,@color3:#ddd,@stop3:20%,@color4:#ddd,@stop4:20%,@color5:#ddd,@stop5:100%){
        background-color:@color2;
        background:-webkit-gradient(linear,0% 0%, 0% 100%, color-stop(@stop1, @color1), color-stop(@stop2, @color2), color-stop(@stop3, @color3), color-stop(@stop4, @color4), color-stop(@stop5, @color5));
        background:-moz-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4, @color5 @stop5);
        background:-ms-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4, @color5 @stop5);
        background:-o-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4, @color5 @stop5);
        background:linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4, @color5 @stop5);
        -pie-background: linear-gradient(@color1, @color2, @color3, @color4, @color5);
        filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @color1, @color5));
        background-image: -ms-linear-gradient(top,@color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4, @color5 @stop5);
    }
    //color0,stop0,color1,stop1,color2,stop2,color3,stop3,color4,stop4,color5,stop5,color6,stop6
    .linearGradientTopBottom6(@color1:#ccc,@stop1:0%,@color2:#ccc,@stop2:16.6%,@color3:#ddd,@stop3:16.6%,@color4:#ddd,@stop4:16.6%,@color5:#ddd,@stop5:16.6%,@color6:#ddd,@stop6:100%){
        background-color:@color2;
        background:-webkit-gradient(linear,0% 0%, 0% 100%, color-stop(@stop1, @color1), color-stop(@stop2, @color2), color-stop(@stop3, @color3), color-stop(@stop4, @color4), color-stop(@stop5, @color5), color-stop(@stop6, @color6));
        background:-moz-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4, @color5 @stop5, @color6 @stop6);
        background:-ms-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4, @color5 @stop5, @color6 @stop6);
        background:-o-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4, @color5 @stop5, @color6 @stop6);
        background:linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4, @color5 @stop5, @color6 @stop6);
        -pie-background: linear-gradient(@color1, @color2, @color3, @color4, @color5, @color6);
        filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @color1, @color6));
        background-image: -ms-linear-gradient(top,@color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4, @color5 @stop5, @color6 @stop6);
    }
    //color0,stop0,color1,stop1,color2,stop2,color3,stop3,color4,stop4,color5,stop5,color6,stop6
    .linearGradientTopBottom7(@color1:#ccc,@stop1:0%,@color2:#ccc,@stop2:14.2%,@color3:#ddd,@stop3:14.2%,@color4:#ddd,@stop4:14.2%,@color5:#ddd,@stop5:14.2%,@color6:#ddd,@stop6:14.2%,@color7:#ddd,@stop7:100%){
        background-color:@color2;
        background:-webkit-gradient(linear,0% 0%, 0% 100%, color-stop(@stop1, @color1), color-stop(@stop2, @color2), color-stop(@stop3, @color3), color-stop(@stop4, @color4), color-stop(@stop5, @color5), color-stop(@stop6, @color6), color-stop(@stop7, @color7));
        background:-moz-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4, @color5 @stop5, @color6 @stop6, @color7 @stop7);
        background:-ms-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4, @color5 @stop5, @color6 @stop6, @color7 @stop7);
        background:-o-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4, @color5 @stop5, @color6 @stop6, @color7 @stop7);
        background:linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4, @color5 @stop5, @color6 @stop6, @color7 @stop7);
        -pie-background: linear-gradient(@color1, @color2, @color3, @color4, @color5, @color6, @color7);
        filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @color1, @color7));
        background-image: -ms-linear-gradient(top,@color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4, @color5 @stop5, @color6 @stop6, @color7 @stop7);
    }
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//HORIZONTAL LINEAR GRADIENT FROM LEFT TO RIGHT
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

    //color0,color1
    .horizontalGradientLeftRight2(@startColor: #eee, @endColor: white) {
        background-color: @startColor;
        background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
        background-image: -webkit-linear-gradient(left, @startColor, @endColor);
        background-image: -moz-linear-gradient(left, @startColor, @endColor);
        background-image: -ms-linear-gradient(left, @startColor, @endColor);
        background-image: -o-linear-gradient(left, @startColor, @endColor);
    }

    //color0,stop0,color1,stop1,color2,stop2
    .horizontalGradientLeftRight3(@color1:#ccc,@stop1:0,@color2:#ddd,@stop2:50%,@color3:#ccc,@stop3:100%) {
        background: #1e5799;
        background: -moz-linear-gradient(right, @color1 @stop1, @color2 @stop2, @color3 @stop3);
        background: -webkit-gradient(linear, left bottom, right bottom, color-stop(@stop1,@color1), color-stop(@stop2,@color2), color-stop(@stop3,@color3));
        background: -webkit-linear-gradient(to right, @color1 @stop1,@color2 @stop2,@color3 @stop3);
        background: -o-linear-gradient(to right, @color1 @stop1,@color2 @stop2,@color3 @stop3);
        background: -ms-linear-gradient(to right, @color1 @stop1,@color2 @stop2,@color3 @stop3);
        background: linear-gradient(to right, @color1 @stop1,@color2 @stop2,@color3 @stop3);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=@color1, endColorstr=@color3,GradientType=0 );
    }
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////