﻿/*
    Jumpeye framework    
	Version: 1.0.0
	www.jumpeye.com
	
	Created by Jumpeye Components
 
 
    Button style-11
*/

	/* sizes -------- */
    .style-11.small.button  { 
        font-size  : 11px; 
        padding    : 0 23px 6px; 
        width      : auto; 
        height     : 29px; 
        line-height: 23px; 
    }
        
    .style-11.button, 
    .style-11.medium.button { 
        font-size  : 12px; 
        padding    : 0 27px 6px; 
        width      : auto; 
        height     : 32px; 
        line-height: 26px; 
    } 
         
    .style-11.large.button { 
        font-size  : 18px; 
        padding    : 0 43px 6px; 
        width      : auto; 
        height     : 42px; 
        line-height: 36px; 
    }
    
    /* Corners -------- */
    .style-11.button.button.small { -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; }
    .style-11.button.button,
    .style-11.button.button.medium { -moz-border-radius: 21px; -webkit-border-radius: 21px; border-radius: 21px; }
    .style-11.button.button.large  { -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }
    
    
    /* style-11 yellow */
    .style-11.button.yellow {
        border            : 2px solid #fff;
        background        : #ffbb18;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmIxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYzQ0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmYjIxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmM0NGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZhYTEyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background        : -moz-linear-gradient(top,  #ffbb18 0%, #ffc44a 50%, #ffb215 51%, #ffc44a 100%, #ffaa12 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbb18), color-stop(50%,#ffc44a), color-stop(51%,#ffb215), color-stop(100%,#ffc44a), color-stop(100%,#ffaa12));
        background        : -webkit-linear-gradient(top,  #ffbb18 0%,#ffc44a 50%,#ffb215 51%,#ffc44a 100%,#ffaa12 100%);
        background        : -o-linear-gradient(top,  #ffbb18 0%,#ffc44a 50%,#ffb215 51%,#ffc44a 100%,#ffaa12 100%);
        background        : -ms-linear-gradient(top,  #ffbb18 0%,#ffc44a 50%,#ffb215 51%,#ffc44a 100%,#ffaa12 100%);
        background        : linear-gradient(top,  #ffbb18 0%,#ffc44a 50%,#ffb215 51%,#ffc44a 100%,#ffaa12 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb18', endColorstr='#ffaa12',GradientType=0 );
        color             : #7b540b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.39);
    }
    
    .style-11.button.yellow:hover {
        border            : 2px solid #fff;
        background        : #ffc230;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzIzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZDA1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmYzIzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background        : -moz-linear-gradient(top,  #ffc230 0%, #ffd05f 50%, #ffc230 51%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc230), color-stop(50%,#ffd05f), color-stop(51%,#ffc230));
        background        : -webkit-linear-gradient(top,  #ffc230 0%,#ffd05f 50%,#ffc230 51%);
        background        : -o-linear-gradient(top,  #ffc230 0%,#ffd05f 50%,#ffc230 51%);
        background        : -ms-linear-gradient(top,  #ffc230 0%,#ffd05f 50%,#ffc230 51%);
        background        : linear-gradient(top,  #ffc230 0%,#ffd05f 50%,#ffc230 51%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc230', endColorstr='#ffc230',GradientType=0 );
        color             : #7b540b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.39);
    }
    
    .style-11.button.yellow:active,
    .style-11.button.yellow.active {
        border            : 2px solid #fff;        
        background        : #ffc230;
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc230', endColorstr='#ffc230',GradientType=0 );
        color             : #7b540b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.39);
    }
    
    /* style-11 blue */
    .style-11.button.blue {
        border            : 2px solid #fff;
        background        : #459dff;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1OWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzRiYWJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzNjOTFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDg1ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #459dff 0%, #4babff 50%, #3c91ff 51%, #3485ff 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#459dff), color-stop(50%,#4babff), color-stop(51%,#3c91ff), color-stop(100%,#3485ff));
        background        : -webkit-linear-gradient(top,  #459dff 0%,#4babff 50%,#3c91ff 51%,#3485ff 100%);
        background        : -o-linear-gradient(top,  #459dff 0%,#4babff 50%,#3c91ff 51%,#3485ff 100%);
        background        : -ms-linear-gradient(top,  #459dff 0%,#4babff 50%,#3c91ff 51%,#3485ff 100%);
        background        : linear-gradient(top,  #459dff 0%,#4babff 50%,#3c91ff 51%,#3485ff 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#459dff', endColorstr='#3485ff',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-11.button.blue:hover {
        border            : 2px solid #fff;
        background        : #459dff;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1OWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZmYjNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzQ1OWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background        : -moz-linear-gradient(top,  #459dff 0%, #6fb3ff 50%, #459dff 51%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#459dff), color-stop(50%,#6fb3ff), color-stop(51%,#459dff));
        background        : -webkit-linear-gradient(top,  #459dff 0%,#6fb3ff 50%,#459dff 51%);
        background        : -o-linear-gradient(top,  #459dff 0%,#6fb3ff 50%,#459dff 51%);
        background        : -ms-linear-gradient(top,  #459dff 0%,#6fb3ff 50%,#459dff 51%);
        background        : linear-gradient(top,  #459dff 0%,#6fb3ff 50%,#459dff 51%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#459dff', endColorstr='#459dff',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-11.button.blue:active,
    .style-11.button.blue.active {
        border            : 2px solid #fff;        
        background        : #459dff;
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#459dff', endColorstr='#459dff',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    /* style-11 green */
    .style-11.button.green {
        border            : 2px solid #fff;
        background        : #53a300;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzUzYTMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzczYjAzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzQ5OTcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZThjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #53a300 1%, #73b03a 50%, #499700 51%, #3e8c00 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(1%,#53a300), color-stop(50%,#73b03a), color-stop(51%,#499700), color-stop(100%,#3e8c00));
        background        : -webkit-linear-gradient(top,  #53a300 1%,#73b03a 50%,#499700 51%,#3e8c00 100%);
        background        : -o-linear-gradient(top,  #53a300 1%,#73b03a 50%,#499700 51%,#3e8c00 100%);
        background        : -ms-linear-gradient(top,  #53a300 1%,#73b03a 50%,#499700 51%,#3e8c00 100%);
        background        : linear-gradient(top,  #53a300 1%,#73b03a 50%,#499700 51%,#3e8c00 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#53a300', endColorstr='#3e8c00',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-11.button.green:hover {
        border            : 2px solid #fff;
        background        : #53a300;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzYTMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzdhYjgzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzUzYTMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background        : -moz-linear-gradient(top,  #53a300 0%, #7ab83a 50%, #53a300 51%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53a300), color-stop(50%,#7ab83a), color-stop(51%,#53a300));
        background        : -webkit-linear-gradient(top,  #53a300 0%,#7ab83a 50%,#53a300 51%);
        background        : -o-linear-gradient(top,  #53a300 0%,#7ab83a 50%,#53a300 51%);
        background        : -ms-linear-gradient(top,  #53a300 0%,#7ab83a 50%,#53a300 51%);
        background        : linear-gradient(top,  #53a300 0%,#7ab83a 50%,#53a300 51%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#53a300', endColorstr='#53a300',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-11.button.green:active,
    .style-11.button.green.active {
        border            : 2px solid #fff;        
        background        : #53a300;
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#53a300', endColorstr='#53a300',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
   

    /* style-11 red */
    .style-11.button.red {
        border            : 2px solid #fff;
        background        : #fb1a1a;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZiMWExYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZhMTcxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYTE0MTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #fb1a1a 1%, #fc4c4c 50%, #fa1717 51%, #fa1414 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fb1a1a), color-stop(50%,#fc4c4c), color-stop(51%,#fa1717), color-stop(100%,#fa1414));
        background        : -webkit-linear-gradient(top,  #fb1a1a 1%,#fc4c4c 50%,#fa1717 51%,#fa1414 100%);
        background        : -o-linear-gradient(top,  #fb1a1a 1%,#fc4c4c 50%,#fa1717 51%,#fa1414 100%);
        background        : -ms-linear-gradient(top,  #fb1a1a 1%,#fc4c4c 50%,#fa1717 51%,#fa1414 100%);
        background        : linear-gradient(top,  #fb1a1a 1%,#fc4c4c 50%,#fa1717 51%,#fa1414 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb1a1a', endColorstr='#fa1414',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
               
    .style-11.button.red:hover {
        border            : 2px solid #fff;
        background        : #fb3131;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiMzEzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZiMzEzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background        : -moz-linear-gradient(top,  #fb3131 0%, #fc6060 50%, #fb3131 51%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb3131), color-stop(50%,#fc6060), color-stop(51%,#fb3131));
        background        : -webkit-linear-gradient(top,  #fb3131 0%,#fc6060 50%,#fb3131 51%);
        background        : -o-linear-gradient(top,  #fb3131 0%,#fc6060 50%,#fb3131 51%);
        background        : -ms-linear-gradient(top,  #fb3131 0%,#fc6060 50%,#fb3131 51%);
        background        : linear-gradient(top,  #fb3131 0%,#fc6060 50%,#fb3131 51%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb3131', endColorstr='#fb3131',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-11.button.red:active,
    .style-11.button.red.active {
        border            : 2px solid #fff;        
        background        : #fb3131;
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb3131', endColorstr='#fb3131',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    

    /* style-11 light-gray */
    .style-11.button.light-gray {
        border            : 2px solid #fff;
        background        : #d7d8db;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZDhkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RjZGVlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QyZDNkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZGNlZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #d7d8db 0%, #dcdee0 50%, #d2d3d6 51%, #cdced2 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d8db), color-stop(50%,#dcdee0), color-stop(51%,#d2d3d6), color-stop(100%,#cdced2));
        background        : -webkit-linear-gradient(top,  #d7d8db 0%,#dcdee0 50%,#d2d3d6 51%,#cdced2 100%);
        background        : -o-linear-gradient(top,  #d7d8db 0%,#dcdee0 50%,#d2d3d6 51%,#cdced2 100%);
        background        : -ms-linear-gradient(top,  #d7d8db 0%,#dcdee0 50%,#d2d3d6 51%,#cdced2 100%);
        background        : linear-gradient(top,  #d7d8db 0%,#dcdee0 50%,#d2d3d6 51%,#cdced2 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d8db', endColorstr='#cdced2',GradientType=0 );
        color             : #595a5b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.80);
    }
    
    .style-11.button.light-gray:hover {
        border            : 2px solid #fff;
        background        : #d7d8db;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Q3ZDhkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UwZTFlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZDhkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background        : -moz-linear-gradient(top,  #d7d8db 1%, #e0e1e3 50%, #d7d8db 51%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d7d8db), color-stop(50%,#e0e1e3), color-stop(51%,#d7d8db));
        background        : -webkit-linear-gradient(top,  #d7d8db 1%,#e0e1e3 50%,#d7d8db 51%);
        background        : -o-linear-gradient(top,  #d7d8db 1%,#e0e1e3 50%,#d7d8db 51%);
        background        : -ms-linear-gradient(top,  #d7d8db 1%,#e0e1e3 50%,#d7d8db 51%);
        background        : linear-gradient(top,  #d7d8db 1%,#e0e1e3 50%,#d7d8db 51%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d8db', endColorstr='#d7d8db',GradientType=0 );
        color             : #595a5b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.80);
    }
    
    .style-11.button.light-gray:active,
    .style-11.button.light-gray.active {
        border            : 2px solid #fff;        
        background        : #d7d8db;
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d8db', endColorstr='#d7d8db',GradientType=0 );
        color             : #595a5b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.80);
    }
    

    /* style-11 dark-gray */
    .style-11.button.dark-gray {
        border            : 2px solid #fff;
        background        : #434343;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNDM0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY4Njg2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzNiM2IzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjMyMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #434343 0%, #686868 50%, #3b3b3b 51%, #323232 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(50%,#686868), color-stop(51%,#3b3b3b), color-stop(100%,#323232));
        background        : -webkit-linear-gradient(top,  #434343 0%,#686868 50%,#3b3b3b 51%,#323232 100%);
        background        : -o-linear-gradient(top,  #434343 0%,#686868 50%,#3b3b3b 51%,#323232 100%);
        background        : -ms-linear-gradient(top,  #434343 0%,#686868 50%,#3b3b3b 51%,#323232 100%);
        background        : linear-gradient(top,  #434343 0%,#686868 50%,#3b3b3b 51%,#323232 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#323232',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.40);
    }
    
    .style-11.button.dark-gray:hover {
        border            : 2px solid #fff;
        background        : #434343;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNDM0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZlNmU2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzQzNDM0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background        : -moz-linear-gradient(top,  #434343 0%, #6e6e6e 50%, #434343 51%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(50%,#6e6e6e), color-stop(51%,#434343));
        background        : -webkit-linear-gradient(top,  #434343 0%,#6e6e6e 50%,#434343 51%);
        background        : -o-linear-gradient(top,  #434343 0%,#6e6e6e 50%,#434343 51%);
        background        : -ms-linear-gradient(top,  #434343 0%,#6e6e6e 50%,#434343 51%);
        background        : linear-gradient(top,  #434343 0%,#6e6e6e 50%,#434343 51%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#434343',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.40);
    }
    
    .style-11.button.dark-gray:active,
    .style-11.button.dark-gray.active {
        border            : 2px solid #fff;        
        background        : #434343;
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#434343',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.40);
    }
    
    .style-11.button.transparent-black, .style-11.button.transparent-black:hover, 
    .style-11.button.transparent-black:active,.style-11.button.transparent-black.active,
    .style-11.button.transparent-white, .style-11.button.transparent-white:hover, 
    .style-11.button.transparent-white:active,.style-11.button.transparent-white.active{
        -moz-background-clip   : border;  
    	-webkit-background-clip: border;
    	background-clip        : border-box; 
    } 
        
    .style-11.button.transparent-black { 
        background             : rgba(0, 0, 0, 0.4);
        border                 : 2px solid rgba(255,255,255,0.4); 
        color: #fff;
    }
    
    .style-11.button.transparent-black:hover {
        background             : rgba(0, 0, 0, 0.5);
        border                 : 2px solid rgba(255,255,255,0.5); 
        color: #fff;
    } 
    
    .style-11.button.transparent-black:active,
    .style-11.button.transparent-black.active {
        background             : rgba(0, 0, 0, 0.3);
        border                 : 2px solid rgba(255,255,255,0.3); 
        color: #fff;
    } 
    
    .style-11.button.transparent-white {
        background             : rgba(255, 255, 255, 0.4);
        border                 : 2px solid rgba(0,0,0,0.4); 
        color: #606060;
    }
    
    .style-11.button.transparent-white:hover {
        background             : rgba(255, 255, 255, 0.5);
        border                 : 2px solid rgba(0,0,0,0.5); 
        color: #606060;
    } 
    
    .style-11.button.transparent-white:active,
    .style-11.button.transparent-white.active {
        background             : rgba(255, 255, 255, 0.3);
        border                 : 2px solid rgba(0,0,0,0.3); 
        color: #606060;
    }            