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

	/* sizes -------- */
    .style-5.small.button { 
        font-size  : 11px; 
        padding    : 0 16px 1px; 
        width      : auto; 
        height     : 29px; 
        line-height: 28px; 
    }
    
    .style-5.button, 
    .style-5.medium.button { 
        font-size  : 12px; 
        padding    : 0 31px 1px; 
        width      : auto; 
        height     : 32px; 
        line-height: 31px; 
    }  
    
    .style-5.large.button { 
         font-size  : 18px; 
         padding    : 0 39px 1px; 
         width      : auto; 
         height     : 42px; 
         line-height: 41px; 
    }
    
    /* corners -------- */
    .style-5.button { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
    
    
    /* style-5 yellow */
    .style-5.button.yellow, .style-5.button.yellow:hover, .style-5.button.yellow:active, .style-5.button.yellow.active {
        color       : #7b540b;
        text-shadow : 0 1px 0 rgba(255, 255, 255, 0.39);            
    }
        
    .style-5.button.yellow {
        background        : #fed76f;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZDc2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmJlNTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #fed76f 0%, #f2be56 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed76f), color-stop(100%,#f2be56));
        background        : -webkit-linear-gradient(top,  #fed76f 0%,#f2be56 100%);
        background        : -o-linear-gradient(top,  #fed76f 0%,#f2be56 100%);
        background        : -ms-linear-gradient(top,  #fed76f 0%,#f2be56 100%);
        background        : linear-gradient(top,  #fed76f 0%,#f2be56 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed76f', endColorstr='#f2be56',GradientType=0 );
        box-shadow        : 0 1px 0 0 #fedf8a inset;  
        -moz-box-shadow   : 0 1px 0 0 #fedf8a inset;
	    -webkit-box-shadow: 0 1px 0 0 #fedf8a inset;
    }
    
               
    .style-5.button.yellow:hover {
        background        : #fdd068;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#fedc83', endColorstr='#f3c76e');
        box-shadow        : 0 1px 0 0 #fedc8e inset;  
        -moz-box-shadow   : 0 1px 0 0 #fedc8e inset;
	    -webkit-box-shadow: 0 1px 0 0 #fedc8e inset;
    }
    
    .style-5.button.yellow:active,
    .style-5.button.yellow.active {
        background        : #f2be56;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyYmU1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGQ2NmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #f2be56 0%, #fdd66e 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2be56), color-stop(100%,#fdd66e));
        background        : -webkit-linear-gradient(top,  #f2be56 0%,#fdd66e 100%);
        background        : -o-linear-gradient(top,  #f2be56 0%,#fdd66e 100%);
        background        : -ms-linear-gradient(top,  #f2be56 0%,#fdd66e 100%);
        background        : linear-gradient(top,  #f2be56 0%,#fdd66e 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2be56', endColorstr='#fdd66e',GradientType=0 );
        box-shadow        : 0 1px 0 0 #f4ca76 inset;  
        -moz-box-shadow   : 0 1px 0 0 #f4ca76 inset;
	    -webkit-box-shadow: 0 1px 0 0 #f4ca76 inset;
    }  
    
    
    /* style-5 blue */
    .style-5.button.blue, .style-5.button.blue:hover, .style-5.button.blue:active, .style-5.button.blue.active {
        color       : #fff;
        text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.2);            
    }
        
    .style-5.button.blue {
        background        : #63acf3;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzYWNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YjkxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #63acf3 0%, #4b91e1 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63acf3), color-stop(100%,#4b91e1));
        background        : -webkit-linear-gradient(top,  #63acf3 0%,#4b91e1 100%);
        background        : -o-linear-gradient(top,  #63acf3 0%,#4b91e1 100%);
        background        : -ms-linear-gradient(top,  #63acf3 0%,#4b91e1 100%);
        background        : linear-gradient(top,  #63acf3 0%,#4b91e1 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#63acf3', endColorstr='#4b91e1',GradientType=0 );
        box-shadow        : 0 1px 0 0 #8ac1f6 inset;  
        -moz-box-shadow   : 0 1px 0 0 #8ac1f6 inset;
	    -webkit-box-shadow: 0 1px 0 0 #8ac1f6 inset;
    }
    
               
    .style-5.button.blue:hover {
        background        : #61a9f1;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#61a9f1', endColorstr='#61a9f1');
        box-shadow        : 0 1px 0 0 #89bff5 inset;  
        -moz-box-shadow   : 0 1px 0 0 #89bff5 inset;
	    -webkit-box-shadow: 0 1px 0 0 #89bff5 inset;
    }
    
    .style-5.button.blue:active,
    .style-5.button.blue.active {
        background        : #4b91e1;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiOTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2M2FjZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #4b91e1 0%, #63acf3 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b91e1), color-stop(100%,#63acf3));
        background        : -webkit-linear-gradient(top,  #4b91e1 0%,#63acf3 100%);
        background        : -o-linear-gradient(top,  #4b91e1 0%,#63acf3 100%);
        background        : -ms-linear-gradient(top,  #4b91e1 0%,#63acf3 100%);
        background        : linear-gradient(top,  #4b91e1 0%,#63acf3 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b91e1', endColorstr='#63acf3',GradientType=0 );
        box-shadow        : 0 1px 0 0 #4b92e1 inset;  
        -moz-box-shadow   : 0 1px 0 0 #4b92e1 inset;
	    -webkit-box-shadow: 0 1px 0 0 #4b92e1 inset;
    }     
    
    
    /* style-5 green */
    .style-5.button.green, .style-5.button.green:hover, .style-5.button.green:active, .style-5.button.green.active {
        color       : #fff;
        text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.2);            
    }
        
    .style-5.button.green {
        background        : #7cc822;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjYzgyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NWE2MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #7cc822 0%, #65a618 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7cc822), color-stop(100%,#65a618));
        background        : -webkit-linear-gradient(top,  #7cc822 0%,#65a618 100%);
        background        : -o-linear-gradient(top,  #7cc822 0%,#65a618 100%);
        background        : -ms-linear-gradient(top,  #7cc822 0%,#65a618 100%);
        background        : linear-gradient(top,  #7cc822 0%,#65a618 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cc822', endColorstr='#65a618',GradientType=0 );
        box-shadow        : 0 1px 0 0 #9dd659 inset;  
        -moz-box-shadow   : 0 1px 0 0 #9dd659 inset;
	    -webkit-box-shadow: 0 1px 0 0 #9dd659 inset;
    }
    
               
    .style-5.button.green:hover {
        background        : #71b81e;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#71b81e', endColorstr='#71b81e');
        box-shadow        : 0 1px 0 0 #95ca56 inset;  
        -moz-box-shadow   : 0 1px 0 0 #95ca56 inset;
	    -webkit-box-shadow: 0 1px 0 0 #95ca56 inset;
    }
    
    .style-5.button.green:active,
    .style-5.button.green.active {
        background        : #65a718;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1YTcxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2M4MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #65a718 0%, #7cc822 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65a718), color-stop(100%,#7cc822));
        background        : -webkit-linear-gradient(top,  #65a718 0%,#7cc822 100%);
        background        : -o-linear-gradient(top,  #65a718 0%,#7cc822 100%);
        background        : -ms-linear-gradient(top,  #65a718 0%,#7cc822 100%);
        background        : linear-gradient(top,  #65a718 0%,#7cc822 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#65a718', endColorstr='#7cc822',GradientType=0 );
        box-shadow        : 0 1px 0 0 #8cbc52 inset;  
        -moz-box-shadow   : 0 1px 0 0 #8cbc52 inset;
	    -webkit-box-shadow: 0 1px 0 0 #8cbc52 inset;
    }
    
    /* style-5 red */
    .style-5.button.red, .style-5.button.red:hover, .style-5.button.red:active, .style-5.button.red.active {
        color       : #fff;
        text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.2);            
    }
        
    .style-5.button.red {
        background        : #f45543;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0NTU0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZTQwM2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #f45543 0%, #ce403e 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f45543), color-stop(100%,#ce403e));
        background        : -webkit-linear-gradient(top,  #f45543 0%,#ce403e 100%);
        background        : -o-linear-gradient(top,  #f45543 0%,#ce403e 100%);
        background        : -ms-linear-gradient(top,  #f45543 0%,#ce403e 100%);
        background        : linear-gradient(top,  #f45543 0%,#ce403e 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45543', endColorstr='#ce403e',GradientType=0 );
        box-shadow        : 0 1px 0 0 #f88072 inset;  
        -moz-box-shadow   : 0 1px 0 0 #f88072 inset;
	    -webkit-box-shadow: 0 1px 0 0 #f88072 inset;
    }
    
               
    .style-5.button.red:hover {
        background        : #da4930;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#da4930', endColorstr='#da4930');
        box-shadow        : 0 1px 0 0 #e37764 inset;  
        -moz-box-shadow   : 0 1px 0 0 #e37764 inset;
	    -webkit-box-shadow: 0 1px 0 0 #e37764 inset;
    }
    
    .style-5.button.red:active,
    .style-5.button.red.active {
        background        : #cd403e;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkNDAzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTU1NDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #cd403e 0%, #f55543 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd403e), color-stop(100%,#f55543));
        background        : -webkit-linear-gradient(top,  #cd403e 0%,#f55543 100%);
        background        : -o-linear-gradient(top,  #cd403e 0%,#f55543 100%);
        background        : -ms-linear-gradient(top,  #cd403e 0%,#f55543 100%);
        background        : linear-gradient(top,  #cd403e 0%,#f55543 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd403e', endColorstr='#f55543',GradientType=0 );
        box-shadow        : 0 1px 0 0 #da706e inset;  
        -moz-box-shadow   : 0 1px 0 0 #da706e inset;
	    -webkit-box-shadow: 0 1px 0 0 #da706e inset;
    } 
    
    
    /* style-5 light-gray */
    .style-5.button.light-gray, .style-5.button.light-gray:hover, .style-5.button.light-gray:active, .style-5.button.light-gray.active {
        color       : #303030;
        text-shadow : 0 1px 0 rgba(255, 255, 255, 0.5);            
    }
        
    .style-5.button.light-gray {
        background        : #d5d5d5;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWJlYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #d5d5d5 0%, #bebebe 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(100%,#bebebe));
        background        : -webkit-linear-gradient(top,  #d5d5d5 0%,#bebebe 100%);
        background        : -o-linear-gradient(top,  #d5d5d5 0%,#bebebe 100%);
        background        : -ms-linear-gradient(top,  #d5d5d5 0%,#bebebe 100%);
        background        : linear-gradient(top,  #d5d5d5 0%,#bebebe 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#bebebe',GradientType=0 );
        box-shadow        : 0 1px 0 0 #e0e0e0 inset;  
        -moz-box-shadow   : 0 1px 0 0 #e0e0e0 inset;
	    -webkit-box-shadow: 0 1px 0 0 #e0e0e0 inset;
    }
    
               
    .style-5.button.light-gray:hover {
        background        : #c6c6c6;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c6c6', endColorstr='#c6c6c6');
        box-shadow        : 0 1px 0 0 #d4d4d4 inset;  
        -moz-box-shadow   : 0 1px 0 0 #d4d4d4 inset;
	    -webkit-box-shadow: 0 1px 0 0 #d4d4d4 inset;
    }
    
    .style-5.button.light-gray:active,
    .style-5.button.light-gray.active {
        background        : #bebebe;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlYmViZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #bebebe 0%, #d6d6d6 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebebe), color-stop(100%,#d6d6d6));
        background        : -webkit-linear-gradient(top,  #bebebe 0%,#d6d6d6 100%);
        background        : -o-linear-gradient(top,  #bebebe 0%,#d6d6d6 100%);
        background        : -ms-linear-gradient(top,  #bebebe 0%,#d6d6d6 100%);
        background        : linear-gradient(top,  #bebebe 0%,#d6d6d6 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#d6d6d6',GradientType=0 );
        box-shadow        : 0 1px 0 0 #cecece inset;  
        -moz-box-shadow   : 0 1px 0 0 #cecece inset;
	    -webkit-box-shadow: 0 1px 0 0 #cecece inset;
    }
    
    
    /* style-5 dark-gray */
    .style-5.button.dark-gray, .style-5.button.dark-gray:hover, .style-5.button.dark-gray:active, .style-5.button.dark-gray.active {
        color       : #fff;
        text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.4);            
    }
        
    .style-5.button.dark-gray {
        background        : #555555;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTMyMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #555555 0%, #313232 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#313232));
        background        : -webkit-linear-gradient(top,  #555555 0%,#313232 100%);
        background        : -o-linear-gradient(top,  #555555 0%,#313232 100%);
        background        : -ms-linear-gradient(top,  #555555 0%,#313232 100%);
        background        : linear-gradient(top,  #555555 0%,#313232 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#313232',GradientType=0 );
        box-shadow        : 0 1px 0 0 #808080 inset;  
        -moz-box-shadow   : 0 1px 0 0 #808080 inset;
	    -webkit-box-shadow: 0 1px 0 0 #808080 inset;
    }
    
               
    .style-5.button.dark-gray:hover {
        background        : #4e4e4e;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e4e4e', endColorstr='#4e4e4e');
        box-shadow        : 0 1px 0 0 #7a7a7a inset;  
        -moz-box-shadow   : 0 1px 0 0 #7a7a7a inset;
	    -webkit-box-shadow: 0 1px 0 0 #7a7a7a inset;
    }
    
    .style-5.button.dark-gray:active,
    .style-5.button.dark-gray.active {
        background        : #313232;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #313232 0%, #555555 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313232), color-stop(100%,#555555));
        background        : -webkit-linear-gradient(top,  #313232 0%,#555555 100%);
        background        : -o-linear-gradient(top,  #313232 0%,#555555 100%);
        background        : -ms-linear-gradient(top,  #313232 0%,#555555 100%);
        background        : linear-gradient(top,  #313232 0%,#555555 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#313232', endColorstr='#555555',GradientType=0 );
        box-shadow        : 0 1px 0 0 #656565 inset;  
        -moz-box-shadow   : 0 1px 0 0 #656565 inset;
	    -webkit-box-shadow: 0 1px 0 0 #656565 inset;
    } 
    
    
    /* style-5 transparent-black */
    .style-5.button.transparent-black       { color: #fff; background: rgba(0, 0, 0, 0.4); }
    .style-5.button.transparent-black:hover { color: #fff; background: rgba(0, 0, 0, 0.5); } 
    .style-5.button.transparent-black:active,
    .style-5.button.transparent-black.active{ color: #fff; background: rgba(0, 0, 0, 0.3); }    
    
    /* style-5 transparent-white */
    .style-5.button.transparent-white       { color: #606060; background: rgba(255, 255, 255, 0.4); }
    .style-5.button.transparent-white:hover { color: #606060; background: rgba(255, 255, 255, 0.5); } 
    .style-5.button.transparent-white:active,
    .style-5.button.transparent-white.active{ color: #606060; background: rgba(255, 255, 255, 0.3); }