﻿/*BUTTON CSS CREATED BY AIJAZ MANZOOR @ +91-9906485428 :: a.aijaaz12@gmail.com*/

.btn {
    background-color: #ccc;
    border: 1px solid #ccc;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 1.3;
    color: #f9f9f9;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .btn:hover {
        text-decoration: none;
        color: #fff;
    }

    .btn, .btn.btn-small {
        padding: 6px 12px;
        font-size: 11px;
    }

        .btn.btn-medium {
            padding: 8px 12px;
            font-size: 13px;
        }

        .btn.btn-large {
            font-size: 18px;
            padding: 8px 25px;
        }

        .btn.btn-orange {
            background: #f75b16;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f37222',endColorstr='#f75b16',GradientType=0);
            border: 1px solid #ec6723;
            background: -moz-linear-gradient(top,#f77219 1%,#fec6a7 3%,#f77219 7%,#f75b16 100%);
            background: -webkit-linear-gradient(top,#f77219 1%,#fec6a7 3%,#f77219 7%,#f75b16 100%);
            background: -o-linear-gradient(top,#f77219 1%,#fec6a7 3%,#f77219 7%,#f75b16 100%);
            background: -ms-linear-gradient(top,#f77219 1%,#fec6a7 3%,#f77219 7%,#f75b16 100%);
            background: linear-gradient(to bottom,#f77219 1%,#fec6a7 3%,#f77219 7%,#f75b16 100%);
        }

            .btn.btn-orange:hover {
                background: #f75b16;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef8722',endColorstr='#f75b16',GradientType=0);
                border: 1px solid #ee3a39;
                background: -moz-linear-gradient(top,#f28941 1%,#fec6a7 3%,#f28941 7%,#f75b16 100%);
                background: -webkit-linear-gradient(top,#f28941 1%,#fec6a7 3%,#f28941 7%,#f75b16 100%);
                background: -o-linear-gradient(top,#f28941 1%,#fec6a7 3%,#f28941 7%,#f75b16 100%);
                background: -ms-linear-gradient(top,#f28941 1%,#fec6a7 3%,#f28941 7%,#f75b16 100%);
                background: linear-gradient(to bottom,#f28941 1%,#fec6a7 3%,#f28941 7%,#f75b16 100%);
            }

            .btn.btn-orange:active {
                background: #f75b16;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec713b',endColorstr='#f75b16',GradientType=0);
                border: 1px solid #ec6723;
                background: -moz-linear-gradient(top,#f77219 0,#ed713b 10%,#f77219 25%,#f75b16 100%);
                background: -webkit-linear-gradient(top,#f77219 0,#ed713b 10%,#f77219 25%,#f75b16 100%);
                background: -o-linear-gradient(top,#f77219 0,#ed713b 10%,#f77219 25%,#f75b16 100%);
                background: -ms-linear-gradient(top,#f77219 0,#ed713b 10%,#f77219 25%,#f75b16 100%);
                background: linear-gradient(to bottom,#f77219 0,#ed713b 10%,#f77219 25%,#f75b16 100%);
            }

        .btn.btn-blue {
            background: #007fb8;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#059fc6',endColorstr='#007fb8',GradientType=0);
            border: 1px solid #004b91;
            background: -moz-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#007fb8 7%,#007fb8 100%);
            background: -webkit-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#007fb8 7%,#007fb8 100%);
            background: -o-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#007fb8 7%,#007fb8 100%);
            background: -ms-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#007fb8 7%,#007fb8 100%);
            background: linear-gradient(to bottom,#007fb8 1%,#6ebad5 3%,#007fb8 7%,#007fb8 100%);
        }

            .btn.btn-blue:hover {
                background: #007fb8;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ebad5',endColorstr='#007fb8',GradientType=0);
                border: 1px solid #004b91;
                background: -moz-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#059fc6 7%,#007fb8 100%);
                background: -webkit-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#059fc6 7%,#007fb8 100%);
                background: -o-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#059fc6 7%,#007fb8 100%);
                background: -ms-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#059fc6 7%,#007fb8 100%);
                background: linear-gradient(to bottom,#007fb8 1%,#6ebad5 3%,#059fc6 7%,#007fb8 100%);
            }

            .btn.btn-blue:active {
                background: #007fb8;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007fb8',endColorstr='#007fb8',GradientType=0);
                border: 1px solid #004b91;
                background: -moz-linear-gradient(top,#0073cf 0,#007fb8 10%,#007fb8 25%,#007fb8 100%);
                background: -webkit-linear-gradient(top,#0073cf 0,#007fb8 10%,#007fb8 25%,#007fb8 100%);
                background: -o-linear-gradient(top,#0073cf 0,#007fb8 10%,#007fb8 25%,#007fb8 100%);
                background: -ms-linear-gradient(top,#0073cf 0,#007fb8 10%,#007fb8 25%,#007fb8 100%);
                background: linear-gradient(to bottom,#0073cf 0,#007fb8 10%,#007fb8 25%,#007fb8 100%);
            }

        .btn.btn-gray {
            background: #666;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777',endColorstr='#666666',GradientType=0);
            border: 1px solid #333;
            background: -moz-linear-gradient(top,#888 1%,#c2c2c2 3%,#666 7%,#666 100%);
            background: -webkit-linear-gradient(top,#888 1%,#c2c2c2 3%,#666 7%,#666 100%);
            background: -o-linear-gradient(top,#888 1%,#c2c2c2 3%,#666 7%,#666 100%);
            background: -ms-linear-gradient(top,#888 1%,#c2c2c2 3%,#666 7%,#666 100%);
            background: linear-gradient(to bottom,#888 1%,#c2c2c2 3%,#666 7%,#666 100%);
        }

            .btn.btn-gray:hover {
                background: #666;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999',endColorstr='#666666',GradientType=0);
                border: 1px solid #000;
                background: -moz-linear-gradient(top,#888 1%,#aaa 3%,#808080 7%,#666 100%);
                background: -webkit-linear-gradient(top,#888 1%,#aaa 3%,#808080 7%,#666 100%);
                background: -o-linear-gradient(top,#888 1%,#aaa 3%,#808080 7%,#666 100%);
                background: -ms-linear-gradient(top,#888 1%,#aaa 3%,#808080 7%,#666 100%);
                background: linear-gradient(to bottom,#888 1%,#aaa 3%,#808080 7%,#666 100%);
            }

            .btn.btn-gray:active {
                background: #666;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#666666',GradientType=0);
                border: 1px solid #333;
                background: -moz-linear-gradient(top,#777 0,#666 10%,#777 25%,#666 100%);
                background: -webkit-linear-gradient(top,#777 0,#666 10%,#777 25%,#666 100%);
                background: -o-linear-gradient(top,#777 0,#666 10%,#777 25%,#666 100%);
                background: -ms-linear-gradient(top,#777 0,#666 10%,#777 25%,#666 100%);
                background: linear-gradient(to bottom,#777 0,#666 10%,#777 25%,#666 100%);
            }

        .btn.btn-white {
            color: #333;
            background: #f9f9f9;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f9f9f9',GradientType=0);
            border: 1px solid #c9c9c9;
            background: -moz-linear-gradient(top,#f9f9f9 1%,#fff 3%,#f9f9f9 7%,#f2f2f2 100%);
            background: -webkit-linear-gradient(top,#f9f9f9 1%,#fff 3%,#f9f9f9 7%,#f2f2f2 100%);
            background: -o-linear-gradient(top,#f9f9f9 1%,#fff 3%,#f9f9f9 7%,#f2f2f2 100%);
            background: -ms-linear-gradient(top,#f9f9f9 1%,#fff 3%,#f9f9f9 7%,#f2f2f2 100%);
            background: linear-gradient(to bottom,#f9f9f9 1%,#fff 3%,#f9f9f9 7%,#f2f2f2 100%);
        }

            .btn.btn-white:hover {
                color: #565656;
                background: #f4f4f4;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f4f4f4',GradientType=0);
                border: 1px solid #b3b3b3;
                background: -moz-linear-gradient(top,#fff 1%,#f9f9f9 3%,#fff 7%,#f2f2f2 100%);
                background: -webkit-linear-gradient(top,#fff 1%,#f9f9f9 3%,#fff 7%,#f2f2f2 100%);
                background: -o-linear-gradient(top,#fff 1%,#f9f9f9 3%,#fff 7%,#f2f2f2 100%);
                background: -ms-linear-gradient(top,#fff 1%,#f9f9f9 3%,#fff 7%,#f2f2f2 100%);
                background: linear-gradient(to bottom,#fff 1%,#f9f9f9 3%,#fff 7%,#f2f2f2 100%);
            }

            .btn.btn-white:active {
                color: #565656;
                background: #f9f9f9;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4',endColorstr='#f9f9f9',GradientType=0);
                border: 1px solid #c9c9c9;
                background: -moz-linear-gradient(top,#e4e4e4 0,#f9f9f9 10%,#f9f9f9 25%,#f2f2f2 100%);
                background: -webkit-linear-gradient(top,#e4e4e4 0,#f9f9f9 10%,#f9f9f9 25%,#f2f2f2 100%);
                background: -o-linear-gradient(top,#e4e4e4 0,#f9f9f9 10%,#f9f9f9 25%,#f2f2f2 100%);
                background: -ms-linear-gradient(top,#e4e4e4 0,#f9f9f9 10%,#f9f9f9 25%,#f2f2f2 100%);
                background: linear-gradient(to bottom,#e4e4e4 0,#f9f9f9 10%,#f9f9f9 25%,#f2f2f2 100%);
            }

        .btn.btn-green {
            background: #3b6e22;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b6e22',endColorstr='#3b6e22',GradientType=0);
            border: 1px solid #3b6e22;
            background: -moz-linear-gradient(top,#a4e388 1%,#67ae55 3%,#67ae55 7%,#578843 100%);
            background: -webkit-linear-gradient(top,#a4e388 1%,#67ae55 3%,#67ae55 7%,#578843 100%);
            background: -o-linear-gradient(top,#a4e388 1%,#67ae55 3%,#67ae55 7%,#578843 100%);
            background: -ms-linear-gradient(top,#a4e388 1%,#67ae55 3%,#67ae55 7%,#578843 100%);
            background: linear-gradient(to bottom,#a4e388 1%,#67ae55 3%,#67ae55 7%,#578843 100%);
        }

            .btn.btn-green:hover {
                background: #79bc64;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bc64',endColorstr='#79bc64',GradientType=0);
                border: 1px solid #3b6e22;
                background: -moz-linear-gradient(top,#a4e388 1%,#79bc64 3%,#79bc64 7%,#578843 100%);
                background: -webkit-linear-gradient(top,#a4e388 1%,#79bc64 3%,#79bc64 7%,#578843 100%);
                background: -o-linear-gradient(top,#a4e388 1%,#79bc64 3%,#79bc64 7%,#578843 100%);
                background: -ms-linear-gradient(top,#a4e388 1%,#79bc64 3%,#79bc64 7%,#578843 100%);
                background: linear-gradient(to bottom,#a4e388 1%,#79bc64 3%,#79bc64 7%,#578843 100%);
            }

            .btn.btn-green:active {
                background: #578843;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#578843',endColorstr='#578843',GradientType=0);
                border: 1px solid #3b6e22;
                background: -moz-linear-gradient(top,#578843 0,#578843 10%,#578843 25%,#578843 100%);
                background: -webkit-linear-gradient(top,#578843 0,#578843 10%,#578843 25%,#578843 100%);
                background: -o-linear-gradient(top,#578843 0,#578843 10%,#578843 25%,#578843 100%);
                background: -ms-linear-gradient(top,#578843 0,#578843 10%,#578843 25%,#578843 100%);
                background: linear-gradient(to bottom,#578843 0,#578843 10%,#578843 25%,#578843 100%);
            }

        .btn.btn-blue {
            background: #007fb8;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#059fc6',endColorstr='#007fb8',GradientType=0);
            border: 1px solid #004b91;
            background: -moz-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#007fb8 7%,#007fb8 100%);
            background: -webkit-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#007fb8 7%,#007fb8 100%);
            background: -o-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#007fb8 7%,#007fb8 100%);
            background: -ms-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#007fb8 7%,#007fb8 100%);
            background: linear-gradient(to bottom,#007fb8 1%,#6ebad5 3%,#007fb8 7%,#007fb8 100%);
        }

            .btn.btn-blue:hover {
                background: #007fb8;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ebad5',endColorstr='#007fb8',GradientType=0);
                border: 1px solid #004b91;
                background: -moz-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#059fc6 7%,#007fb8 100%);
                background: -webkit-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#059fc6 7%,#007fb8 100%);
                background: -o-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#059fc6 7%,#007fb8 100%);
                background: -ms-linear-gradient(top,#007fb8 1%,#6ebad5 3%,#059fc6 7%,#007fb8 100%);
                background: linear-gradient(to bottom,#007fb8 1%,#6ebad5 3%,#059fc6 7%,#007fb8 100%);
            }

            .btn.btn-blue:active {
                background: #007fb8;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007fb8',endColorstr='#007fb8',GradientType=0);
                border: 1px solid #004b91;
                background: -moz-linear-gradient(top,#0073cf 0,#007fb8 10%,#007fb8 25%,#007fb8 100%);
                background: -webkit-linear-gradient(top,#0073cf 0,#007fb8 10%,#007fb8 25%,#007fb8 100%);
                background: -o-linear-gradient(top,#0073cf 0,#007fb8 10%,#007fb8 25%,#007fb8 100%);
                background: -ms-linear-gradient(top,#0073cf 0,#007fb8 10%,#007fb8 25%,#007fb8 100%);
                background: linear-gradient(to bottom,#0073cf 0,#007fb8 10%,#007fb8 25%,#007fb8 100%);
            }



            .nodecor
            {
                text-decoration:none;
            }