/*
    Jumpeye framework    
	Version: 1.0.0
	www.jumpeye.com
	
	Created by Jumpeye Components
 
 
    Button style-4
*/

	/* sizes -------- */
	.style-4.small.button { 
	    font-size  : 11px; 
        padding    : 0 17px 3px; 
        width      : auto; 
        height     : 29px; 
        line-height: 26px; 
     }
     
	.style-4.button, 
    .style-4.medium.button { 
	    font-size  : 12px; 
        padding    : 0 33px 3px; 
        width      : auto; 
        height     : 32px; 
        line-height: 29px; 
     }  
     
	.style-4.large.button { 
	    font-size  : 18px; 
        padding    : 0 44px 3px; 
        width      : auto; 
        height     : 42px; 
        line-height: 39px; 
     }
     
     
    /* style-4 --------- */
    
    /* style-4 yellow */
    .style-4.button.yellow, .style-4.button.yellow:hover, .style-4.button.yellow:active, .style-4.button.yellow.active {
        border      : 1px solid #e2bb5b; 
        color       : #7b540b;
        text-shadow : 0 1px 0 rgba(255, 255, 255, 0.39);               
    }
    
    .style-4.button.yellow {
        background        : #fed66e;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZDY2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmIwNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #fed66e 0%, #ebb047 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed66e), color-stop(100%,#ebb047));
        background        : -webkit-linear-gradient(top,  #fed66e 0%,#ebb047 100%);
        background        : -o-linear-gradient(top,  #fed66e 0%,#ebb047 100%);
        background        : -ms-linear-gradient(top,  #fed66e 0%,#ebb047 100%);
        background        : linear-gradient(top,  #fed66e 0%,#ebb047 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed66e', endColorstr='#ebb047',GradientType=0 );
        -moz-box-shadow   : 1px 1px 0 0 #f9dfa6 inset, -1px -1px 0 0 #f9dfa6 inset;
        box-shadow        : 1px 1px 0 0 #f9dfa6 inset, -1px -1px 0 0 #f9dfa6 inset;  
	    -webkit-box-shadow: 1px 1px 0 0 #f9dfa6 inset, -1px -1px 0 0 #f9dfa6 inset;
    }
                       
    .style-4.button.yellow:hover {
        background        : #fdd068;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd068', endColorstr='#fdd068');
        box-shadow        : 1px 1px 0 0 #fee6ad inset, -1px -1px 0 0 #fee6ad inset;  
        -moz-box-shadow   : 1px 1px 0 0 #fee6ad inset, -1px -1px 0 0 #fee6ad inset;
	    -webkit-box-shadow: 1px 1px 0 0 #fee6ad inset, -1px -1px 0 0 #fee6ad inset;
    }
    
    .style-4.button.yellow:active, .style-4.button.yellow.active {
        background        : #ebb047;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViYjA0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWQ2NmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #ebb047 0%, #fed66d 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebb047), color-stop(100%,#fed66d));
        background        : -webkit-linear-gradient(top,  #ebb047 0%,#fed66d 100%);
        background        : -o-linear-gradient(top,  #ebb047 0%,#fed66d 100%);
        background        : -ms-linear-gradient(top,  #ebb047 0%,#fed66d 100%);
        background        : linear-gradient(top,  #ebb047 0%,#fed66d 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb047', endColorstr='#fed66d',GradientType=0 );
        -moz-box-shadow   : 1px 1px 0 0 #f4d59c inset, -1px -1px 0 0 #f4d59c inset;
        box-shadow        : 1px 1px 0 0 #f4d59c inset, -1px -1px 0 0 #f4d59c inset;  
	    -webkit-box-shadow: 1px 1px 0 0 #f4d59c inset, -1px -1px 0 0 #f4d59c inset;
    }  
    
    
    /* style-4 blue */
    .style-4.button.blue, .style-4.button.blue:hover, .style-4.button.blue:active, .style-4.button.blue.active {
        border      : 1px solid #5ca4ee;  
        color       : #fff;
        text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.4);              
    }
        
    .style-4.button.blue {
        background        : #63abf3;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzYWJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZDkzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #63abf3 0%, #4d93e3 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63abf3), color-stop(100%,#4d93e3));
        background        : -webkit-linear-gradient(top,  #63abf3 0%,#4d93e3 100%);
        background        : -o-linear-gradient(top,  #63abf3 0%,#4d93e3 100%);
        background        : -ms-linear-gradient(top,  #63abf3 0%,#4d93e3 100%);
        background        : linear-gradient(top,  #63abf3 0%,#4d93e3 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#63abf3', endColorstr='#4d93e3',GradientType=0 );
        -moz-box-shadow   : 1px 1px 0 0 #a6ccf5 inset, -1px -1px 0 0 #a6ccf5 inset;
        box-shadow        : 1px 1px 0 0 #a6ccf5 inset, -1px -1px 0 0 #a6ccf5 inset;  
	    -webkit-box-shadow: 1px 1px 0 0 #a6ccf5 inset, -1px -1px 0 0 #a6ccf5 inset;
    }
                       
    .style-4.button.blue:hover {
        background        : #5ca3ed;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ca3ed', endColorstr='#5ca3ed');
        box-shadow        : 1px 1px 0 0 #a7cdf5 inset, -1px -1px 0 0 #a7cdf5 inset;  
        -moz-box-shadow   : 1px 1px 0 0 #a7cdf5 inset, -1px -1px 0 0 #a7cdf5 inset;
	    -webkit-box-shadow: 1px 1px 0 0 #a7cdf5 inset, -1px -1px 0 0 #a7cdf5 inset;
    }
    
    .style-4.button.blue:active, .style-4.button.blue.active {
        background        : #4c92e2;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2M2FiZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #4c92e2 0%, #63abf3 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c92e2), color-stop(100%,#63abf3));
        background        : -webkit-linear-gradient(top,  #4c92e2 0%,#63abf3 100%);
        background        : -o-linear-gradient(top,  #4c92e2 0%,#63abf3 100%);
        background        : -ms-linear-gradient(top,  #4c92e2 0%,#63abf3 100%);
        background        : linear-gradient(top,  #4c92e2 0%,#63abf3 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c92e2', endColorstr='#63abf3',GradientType=0 );
        -moz-box-shadow   : 1px 1px 0 0 #9ec4ef inset, -1px -1px 0 0 #9ec4ef inset;
        box-shadow        : 1px 1px 0 0 #9ec4ef inset, -1px -1px 0 0 #9ec4ef inset;  
	    -webkit-box-shadow: 1px 1px 0 0 #9ec4ef inset, -1px -1px 0 0 #9ec4ef inset;
    } 
    
    
   /* style-4 green */
    .style-4.button.green, .style-4.button.green:hover, .style-4.button.green:active, .style-4.button.green.active {
        border      : 1px solid #74b624;  
        color       : #fff;
        text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.4);              
    }
    
    .style-4.button.green, .style-4.button.green:hover {
        -moz-box-shadow   : 1px 1px 0 0 #b2d985 inset, -1px -1px 0 0 #b2d985 inset;
        box-shadow        : 1px 1px 0 0 #b2d985 inset, -1px -1px 0 0 #b2d985 inset;  
	    -webkit-box-shadow: 1px 1px 0 0 #b2d985 inset, -1px -1px 0 0 #b2d985 inset;        
    }
       
    .style-4.button.green {
        background        : #7cc922;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjYzkyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MmEyMTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #7cc922 0%, #62a217 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7cc922), color-stop(100%,#62a217));
        background        : -webkit-linear-gradient(top,  #7cc922 0%,#62a217 100%);
        background        : -o-linear-gradient(top,  #7cc922 0%,#62a217 100%);
        background        : -ms-linear-gradient(top,  #7cc922 0%,#62a217 100%);
        background        : linear-gradient(top,  #7cc922 0%,#62a217 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cc922', endColorstr='#62a217',GradientType=0 );
    }
                       
    .style-4.button.green:hover {
        background        : #71b81e;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#71b81e', endColorstr='#71b81e');
    }
    
    .style-4.button.green:active, .style-4.button.green.active {
        background        : #62a217;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYTIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2M5MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #62a217 0%, #7cc923 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62a217), color-stop(100%,#7cc923));
        background        : -webkit-linear-gradient(top,  #62a217 0%,#7cc923 100%);
        background        : -o-linear-gradient(top,  #62a217 0%,#7cc923 100%);
        background        : -ms-linear-gradient(top,  #62a217 0%,#7cc923 100%);
        background        : linear-gradient(top,  #62a217 0%,#7cc923 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#62a217', endColorstr='#7cc923',GradientType=0 );
        -moz-box-shadow   : 1px 1px 0 0 #abcd81 inset, -1px -1px 0 0 #abcd81 inset;
        box-shadow        : 1px 1px 0 0 #abcd81 inset, -1px -1px 0 0 #abcd81 inset;  
	    -webkit-box-shadow: 1px 1px 0 0 #abcd81 inset, -1px -1px 0 0 #abcd81 inset;
    }
    
    
   /* style-4 red */
    .style-4.button.red, .style-4.button.red:hover, .style-4.button.red:active, .style-4.button.red.active {
        border      : 1px solid #df4d33;  
        color       : #fff;
        text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.4);              
    }
       
    .style-4.button.red {
        background        : #dc4a31;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjNGEzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNTM0MWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #dc4a31 0%, #b5341b 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc4a31), color-stop(100%,#b5341b));
        background        : -webkit-linear-gradient(top,  #dc4a31 0%,#b5341b 100%);
        background        : -o-linear-gradient(top,  #dc4a31 0%,#b5341b 100%);
        background        : -ms-linear-gradient(top,  #dc4a31 0%,#b5341b 100%);
        background        : linear-gradient(top,  #dc4a31 0%,#b5341b 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4a31', endColorstr='#b5341b',GradientType=0 );
        -moz-box-shadow   : 1px 1px 0 0 #ec9e90 inset, -1px -1px 0 0 #ec9e90 inset;
        box-shadow        : 1px 1px 0 0 #ec9e90 inset, -1px -1px 0 0 #ec9e90 inset;  
	    -webkit-box-shadow: 1px 1px 0 0 #ec9e90 inset, -1px -1px 0 0 #ec9e90 inset;
    }
                       
    .style-4.button.red:hover {
        background        : #da4930;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#da4930', endColorstr='#da4930');
        box-shadow        : 1px 1px 0 0 #eb9d8f inset, -1px -1px 0 0 #eb9d8f inset;  
        -moz-box-shadow   : 1px 1px 0 0 #eb9d8f inset, -1px -1px 0 0 #eb9d8f inset;
	    -webkit-box-shadow: 1px 1px 0 0 #eb9d8f inset, -1px -1px 0 0 #eb9d8f inset;
    }
    
    .style-4.button.red:active, .style-4.button.red.active {
        background        : #b5341b;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1MzQxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDRiMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #b5341b 0%, #dd4b32 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5341b), color-stop(100%,#dd4b32));
        background        : -webkit-linear-gradient(top,  #b5341b 0%,#dd4b32 100%);
        background        : -o-linear-gradient(top,  #b5341b 0%,#dd4b32 100%);
        background        : -ms-linear-gradient(top,  #b5341b 0%,#dd4b32 100%);
        background        : linear-gradient(top,  #b5341b 0%,#dd4b32 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5341b', endColorstr='#dd4b32',GradientType=0 );
        -moz-box-shadow   : 1px 1px 0 0 #d79184 inset, -1px -1px 0 0 #d79184 inset;
        box-shadow        : 1px 1px 0 0 #d79184 inset, -1px -1px 0 0 #d79184 inset;  
	    -webkit-box-shadow: 1px 1px 0 0 #d79184 inset, -1px -1px 0 0 #d79184 inset;
    }
    
    
   /* style-4 light-gray */
    .style-4.button.light-gray, .style-4.button.light-gray:hover, .style-4.button.light-gray:active, .style-4.button.light-gray.active {
        border      : 1px solid #bcbcbc;  
        color       : #303030;
        text-shadow : 0 1px 0 rgba(255, 255, 255, 0.5);              
    }
       
    .style-4.button.light-gray {
        background        : #d7d7d7;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZDdkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhY2FjYWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #d7d7d7 0%, #acacac 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(100%,#acacac));
        background        : -webkit-linear-gradient(top,  #d7d7d7 0%,#acacac 100%);
        background        : -o-linear-gradient(top,  #d7d7d7 0%,#acacac 100%);
        background        : -ms-linear-gradient(top,  #d7d7d7 0%,#acacac 100%);
        background        : linear-gradient(top,  #d7d7d7 0%,#acacac 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#acacac',GradientType=0 );
        -moz-box-shadow   : 1px 1px 0 0 #e9e9e9 inset, -1px -1px 0 0 #e9e9e9 inset;
        box-shadow        : 1px 1px 0 0 #e9e9e9 inset, -1px -1px 0 0 #e9e9e9 inset;  
	    -webkit-box-shadow: 1px 1px 0 0 #e9e9e9 inset, -1px -1px 0 0 #e9e9e9 inset;
    }
                       
    .style-4.button.light-gray:hover {
        background        : #c6c6c6;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c6c6', endColorstr='#c6c6c6');
        box-shadow        : 1px 1px 0 0 #e0e0e0 inset, -1px -1px 0 0 #e0e0e0 inset;  
        -moz-box-shadow   : 1px 1px 0 0 #e0e0e0 inset, -1px -1px 0 0 #e0e0e0 inset;
	    -webkit-box-shadow: 1px 1px 0 0 #e0e0e0 inset, -1px -1px 0 0 #e0e0e0 inset;
    }
    
    .style-4.button.light-gray:active,
    .style-4.button.light-gray.active {
        background        : #acacac;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjYWNhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #acacac 0%, #d6d6d6 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acacac), color-stop(100%,#d6d6d6));
        background        : -webkit-linear-gradient(top,  #acacac 0%,#d6d6d6 100%);
        background        : -o-linear-gradient(top,  #acacac 0%,#d6d6d6 100%);
        background        : -ms-linear-gradient(top,  #acacac 0%,#d6d6d6 100%);
        background        : linear-gradient(top,  #acacac 0%,#d6d6d6 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#acacac', endColorstr='#d6d6d6',GradientType=0 );
        -moz-box-shadow   : 1px 1px 0 0 #d3d3d3 inset, -1px -1px 0 0 #d3d3d3 inset;
        box-shadow        : 1px 1px 0 0 #d3d3d3 inset, -1px -1px 0 0 #d3d3d3 inset;  
	    -webkit-box-shadow: 1px 1px 0 0 #d3d3d3 inset, -1px -1px 0 0 #d3d3d3 inset;
    } 
    
    
   /* style-4 dark-gray */
    .style-4.button.dark-gray, .style-4.button.dark-gray:hover, .style-4.button.dark-gray:active, .style-4.button.dark-gray.active {
        border      : 1px solid #3d3e3e;  
        color       : #fff;
        text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.4);              
    }
       
    .style-4.button.dark-gray {
        background        : #525252;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDMxMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #525252 0%, #303131 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#303131));
        background        : -webkit-linear-gradient(top,  #525252 0%,#303131 100%);
        background        : -o-linear-gradient(top,  #525252 0%,#303131 100%);
        background        : -ms-linear-gradient(top,  #525252 0%,#303131 100%);
        background        : linear-gradient(top,  #525252 0%,#303131 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#303131',GradientType=0 );
        -moz-box-shadow   : 1px 1px 0 0 #a1a1a1 inset, -1px -1px 0 0 #a1a1a1 inset;
        box-shadow        : 1px 1px 0 0 #a1a1a1 inset, -1px -1px 0 0 #a1a1a1 inset;  
	    -webkit-box-shadow: 1px 1px 0 0 #a1a1a1 inset, -1px -1px 0 0 #a1a1a1 inset;
    }
                       
    .style-4.button.dark-gray:hover {
        background        : #535353;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#535353', endColorstr='#535353');
        box-shadow        : 1px 1px 0 0 #a2a2a2 inset, -1px -1px 0 0 #a2a2a2 inset;  
        -moz-box-shadow   : 1px 1px 0 0 #a2a2a2 inset, -1px -1px 0 0 #a2a2a2 inset;
	    -webkit-box-shadow: 1px 1px 0 0 #a2a2a2 inset, -1px -1px 0 0 #a2a2a2 inset;
    }
    
    .style-4.button.dark-gray:active,
    .style-4.button.dark-gray.active {
        background        : #303131;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwMzEzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTUxNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #303131 0%, #515151 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303131), color-stop(100%,#515151));
        background        : -webkit-linear-gradient(top,  #303131 0%,#515151 100%);
        background        : -o-linear-gradient(top,  #303131 0%,#515151 100%);
        background        : -ms-linear-gradient(top,  #303131 0%,#515151 100%);
        background        : linear-gradient(top,  #303131 0%,#515151 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#303131', endColorstr='#515151',GradientType=0 );
        -moz-box-shadow   : 1px 1px 0 0 #909090 inset, -1px -1px 0 0 #909090 inset;
        box-shadow        : 1px 1px 0 0 #909090 inset, -1px -1px 0 0 #909090 inset;  
	    -webkit-box-shadow: 1px 1px 0 0 #909090 inset, -1px -1px 0 0 #909090 inset;
    } 
    
    /* style-4 transparent-black */
    .style-4.button.transparent-black{
        border        : 1px solid rgba(0, 0, 0, 0.5);
        background     : rgba(0, 0, 0, 0.5);
        box-shadow     : inset 0 0 0 1px rgba(255, 255, 255, 0.5);
        -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
        -webkit-shadow : inset 0 0 0 1px rgba(255, 255, 255, 0.5);
        color          : #fff;
    }
    
  
    .style-4.button.transparent-black:hover {
        border         : 1px solid rgba(0, 0, 0, 0.4);
        background     : rgba(0, 0, 0, 0.4);
        box-shadow     : inset 0 0 0 1px rgba(255, 255, 255, 0.40);
        -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.40);
        -webkit-shadow :  inset 0 0 0 1px rgba(255, 255, 255, 0.40);
        color          : #fff;        
    } 
    
    .style-4.button.transparent-black:active, .style-4.button.transparent-black.active {
        border         : 1px solid rgba(0, 0, 0, 0.3);
        background     : rgba(0, 0, 0, 0.3);
        box-shadow     : inset 0 0 0 1px rgba(255, 255, 255, 0.3);
        -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
        -webkit-shadow : inset 0 0 0 1px rgba(255, 255, 255, 0.3);
        color          : #fff;         
    }    
    
    /* style-4 transparent-white */
    .style-4.button.transparent-white{
        border         : 1px solid rgba(255, 255, 255, 0.3);
        background     : rgba(255, 255, 255, 0.3);
        box-shadow     : inset 0 0 0 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
        -webkit-shadow : inset 0 0 0 1px rgba(0, 0, 0, 0.3);
        color          : #606060;           
    }
    
    .style-4.button.transparent-white:hover {
        border         : 1px solid rgba(255, 255, 255, 0.4);
        background     : rgba(255, 255, 255, 0.4);
        box-shadow     : inset 0 0 0 1px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4);
        -webkit-shadow : inset 0 0 0 1px rgba(0, 0, 0, 0.4);
        color          : #606060;         
    } 
    
    .style-4.button.transparent-white:active, .style-4.button.transparent-white.active {
        border         : 1px solid rgba(255, 255, 255, 0.2);
        background     : rgba(255, 255, 255, 0.2);
        box-shadow     : inset 0 0 0 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
        -webkit-shadow : inset 0 0 0 1px rgba(0, 0, 0, 0.2);
        color          : #606060;        
    }