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

	/* sizes -------- */
    .style-14.small.button { 
        font-size  : 11px; 
        padding    : 0 16px 2px; 
        width      : auto;  
        height     : 27px; 
        line-height: 26px; 
    }
    
    .style-14.button, 
    .style-14.medium.button { 
        font-size  : 12px; 
        padding    : 0 33px 2px; 
        width      : auto; 
        height     : 32px; 
        line-height: 31px; 
    }
    
    .style-14.button.large  { 
        font-size  : 18px; 
        padding    : 0 42px 2px; 
        width      : auto; 
        height     : 41px; 
        line-height: 39px; 
    }
    
    /* style-14 yellow */    
    .style-14.button.yellow {
        border     : 0;
        color      : #7b540b;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.28);   
    }        
    
    .style-14.button.yellow {
        background        : url(../../assets/ui/buttons/style-014/yellow.jpg);
        box-shadow        : 0 1px 0 #f5dead inset, 0 -1px 0 #cea14f inset, 1px 0 0 #f5d99f inset, -1px 0 0 #f5d99f inset;
        -moz-box-shadow   : 0 1px 0 #f5dead inset, 0 -1px 0 #cea14f inset, 1px 0 0 #f5d99f inset, -1px 0 0 #f5d99f inset;
        -webkit-box-shadow: 0 1px 0 #f5dead inset, 0 -1px 0 #cea14f inset, 1px 0 0 #f5d99f inset, -1px 0 0 #f5d99f inset;        
    }

    .style-14.button.yellow:hover {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(../../assets/ui/buttons/style-014/yellow.jpg);
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 100%), url(../../assets/ui/buttons/style-014/yellow.jpg);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0.05))), url(../../assets/ui/buttons/style-014/yellow.jpg);
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.05) 100%), url(../../assets/ui/buttons/style-014/yellow.jpg);
        background: -o-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.05) 100%), url(../../assets/ui/buttons/style-014/yellow.jpg);
        background: -ms-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.05) 100%), url(../../assets/ui/buttons/style-014/yellow.jpg);
        background: linear-gradient(to bottom,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.05) 100%), url(../../assets/ui/buttons/style-014/yellow.jpg);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#0d000000',GradientType=0 ), url(../../assets/ui/buttons/style-014/yellow.jpg);
        box-shadow        : 0 1px 0 #ebd5a8 inset, 0 -1px 0 #c29748 inset, 1px 0 0 #e5cc97 inset, -1px 0 0 #c79f53 inset;
        -moz-box-shadow   : 0 1px 0 #ebd5a8 inset, 0 -1px 0 #c29748 inset, 1px 0 0 #e5cc97 inset, -1px 0 0 #c79f53 inset;
        -webkit-box-shadow: 0 1px 0 #ebd5a8 inset, 0 -1px 0 #c29748 inset, 1px 0 0 #e5cc97 inset, -1px 0 0 #c79f53 inset;        
    }
    
    .style-14.button.yellow:active, .style-14.button.yellow.active {
        background        : url(../../assets/ui/buttons/style-014/yellow.jpg);
        box-shadow        : inset 0 0 18px 0 #804b00;
        -moz-box-shadow   : inset 0 0 18px 0 #804b00;
        -webkit-box-shadow: inset 0 0 18px 0 #804b00;
     }   
       
    
    /* style-14 blue */   
    .style-14.button.blue {
        border     : 0;
        background : url(../../assets/ui/buttons/style-014/blue.jpg);
        color      : #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);   
    }        
    
    .style-14.button.blue, .style-14.button.blue:hover{
        box-shadow        : 0 1px 0 #449fee inset, 0 -1px 0 #1c71b5 inset, 1px 0 0 #3a9dea inset, -1px 0 0 #1f7abf inset;
        -moz-box-shadow   : 0 1px 0 #449fee inset, 0 -1px 0 #1c71b5 inset, 1px 0 0 #3a9dea inset, -1px 0 0 #1f7abf inset;
        -webkit-box-shadow: 0 1px 0 #449fee inset, 0 -1px 0 #1c71b5 inset, 1px 0 0 #3a9dea inset, -1px 0 0 #1f7abf inset;         
    } 
    
    .style-14.button.blue:hover {
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==), url(../../assets/ui/buttons/style-014/blue.jpg);
        background        : -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/blue.jpg);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.1))), url(../../assets/ui/buttons/style-014/blue.jpg);
        background        : -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/blue.jpg);
        background        : -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/blue.jpg);
        background        : -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/blue.jpg);
        background        : linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/blue.jpg);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 ), url(../../assets/ui/buttons/style-014/blue.jpg);
    }
    
    .style-14.button.blue:active, .style-14.button.blue.active {
        background        : url(../../assets/ui/buttons/style-014/blue.jpg);
        box-shadow        : inset 0 0 18px 0 #00238c;
        -moz-box-shadow   : inset 0 0 18px 0 #00238c;
        -webkit-box-shadow: inset 0 0 18px 0 #00238c;
     }  
      
      
    /* style-14 green */   
    .style-14.button.green {
        border     : 0;
        color      : #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);  
        background : url(../../assets/ui/buttons/style-014/green.jpg); 
    }        
    
    .style-14.button.green, .style-14.button.green:hover {
        box-shadow        : 0 1px 0 #67cd0b inset, 0 -1px 0 #579510 inset, 1px 0 0 #68c90b inset, -1px 0 0 #5b9f0f inset;
        -moz-box-shadow   : 0 1px 0 #67cd0b inset, 0 -1px 0 #579510 inset, 1px 0 0 #68c90b inset, -1px 0 0 #5b9f0f inset;
        -webkit-box-shadow: 0 1px 0 #67cd0b inset, 0 -1px 0 #579510 inset, 1px 0 0 #68c90b inset, -1px 0 0 #5b9f0f inset;        
    }

    .style-14.button.green:hover {
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==), url(../../assets/ui/buttons/style-014/green.jpg);
        background        : -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/green.jpg);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.1))), url(../../assets/ui/buttons/style-014/green.jpg);
        background        : -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/green.jpg);
        background        : -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/green.jpg);
        background        : -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/green.jpg);
        background        : linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/green.jpg);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 ), url(../../assets/ui/buttons/style-014/green.jpg);
    }
    
    .style-14.button.green:active, .style-14.button.green.active {
        background        : url(../../assets/ui/buttons/style-014/green.jpg);
        box-shadow        : inset 0 0 18px 0 #185100;
        -moz-box-shadow   : inset 0 0 18px 0 #185100;
        -webkit-box-shadow: inset 0 0 18px 0 #185100;
     } 
     
      
    /* style-14 red */   
    .style-14.button.red {
        border     : 0;
        background : url(../../assets/ui/buttons/style-014/red.jpg);
        color      : #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);   
    }        
    
    .style-14.button.red, .style-14.button.red:hover {
        box-shadow        : 0 1px 0 #ef746f inset, 0 -1px 0 #b1352f inset, 1px 0 0 #e9645e inset, -1px 0 0 #bb3933 inset;
        -moz-box-shadow   : 0 1px 0 #ef746f inset, 0 -1px 0 #b1352f inset, 1px 0 0 #e9645e inset, -1px 0 0 #bb3933 inset;
        -webkit-box-shadow: 0 1px 0 #ef746f inset, 0 -1px 0 #b1352f inset, 1px 0 0 #e9645e inset, -1px 0 0 #bb3933 inset;        
    }

    .style-14.button.red:hover {
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==), url(../../assets/ui/buttons/style-014/red.jpg);
        background        : -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/red.jpg);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.1))), url(../../assets/ui/buttons/style-014/red.jpg);
        background        : -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/red.jpg);
        background        : -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/red.jpg);
        background        : -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/red.jpg);
        background        : linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/red.jpg);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 ), url(../../assets/ui/buttons/style-014/red.jpg);
    }
    
    .style-14.button.red:active, .style-14.button.red.active {
        background        : url(../../assets/ui/buttons/style-014/red.jpg);
        box-shadow        : inset 0 0 18px 0 #6f0300;
        -moz-box-shadow   : inset 0 0 18px 0 #6f0300;
        -webkit-box-shadow: inset 0 0 18px 0 #6f0300;
     } 
     
    /* style-14 light-gray */   
    .style-14.button.light-gray {
        border     : 0;
        background : url(../../assets/ui/buttons/style-014/light-gray.jpg);
        color      : #303030;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);   
    }        
    
    .style-14.button.light-gray, .style-14.button.light-gray:hover {
        box-shadow        : 0 1px 0 #e6e6e6 inset, 0 -1px 0 #9e9e9e inset, 1px 0 0 #d8d8d8 inset, -1px 0 0 #a5a5a5 inset;
        -moz-box-shadow   : 0 1px 0 #e6e6e6 inset, 0 -1px 0 #9e9e9e inset, 1px 0 0 #d8d8d8 inset, -1px 0 0 #a5a5a5 inset;
        -webkit-box-shadow: 0 1px 0 #e6e6e6 inset, 0 -1px 0 #9e9e9e inset, 1px 0 0 #d8d8d8 inset, -1px 0 0 #a5a5a5 inset;        
    }

    .style-14.button.light-gray:hover {
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==), url(../../assets/ui/buttons/style-014/light-gray.jpg);
        background        : -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/light-gray.jpg);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.1))), url(../../assets/ui/buttons/style-014/light-gray.jpg);
        background        : -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/light-gray.jpg);
        background        : -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/light-gray.jpg);
        background        : -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/light-gray.jpg);
        background        : linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/light-gray.jpg);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 ), url(../../assets/ui/buttons/style-014/light-gray.jpg);
    }
    
    .style-14.button.light-gray:active, .style-14.button.light-gray.active {
        background        : url(../../assets/ui/buttons/style-014/light-gray.jpg);
        box-shadow        : inset 0 0 18px 0 #4c4c4c;
        -moz-box-shadow   : inset 0 0 18px 0 #4c4c4c;
        -webkit-box-shadow: inset 0 0 18px 0 #4c4c4c;
     }      

    /* style-14 dark-gray */   
    .style-14.button.dark-gray {
        border     : 0;
        background : url(../../assets/ui/buttons/style-014/dark-gray.jpg);
        color      : #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);    
    }        
    
    .style-14.button.dark-gray, .style-14.button.dark-gray:hover {
        box-shadow        : 0 1px 0 #969696 inset, 0 -1px 0 #6d6d6d inset, 1px 0 0 #919191 inset, -1px 0 0 #737373 inset;
        -moz-box-shadow   : 0 1px 0 #969696 inset, 0 -1px 0 #6d6d6d inset, 1px 0 0 #919191 inset, -1px 0 0 #737373 inset;
        -webkit-box-shadow: 0 1px 0 #969696 inset, 0 -1px 0 #6d6d6d inset, 1px 0 0 #919191 inset, -1px 0 0 #737373 inset;        
    }

    .style-14.button.dark-gray:hover {
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==), url(../../assets/ui/buttons/style-014/dark-gray.jpg);
        background        : -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/dark-gray.jpg);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.1))), url(../../assets/ui/buttons/style-014/dark-gray.jpg);
        background        : -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/dark-gray.jpg);
        background        : -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/dark-gray.jpg);
        background        : -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/dark-gray.jpg);
        background        : linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%), url(../../assets/ui/buttons/style-014/dark-gray.jpg);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 ), url(../../assets/ui/buttons/style-014/dark-gray.jpg);
    }
    
    .style-14.button.dark-gray:active, .style-14.button.dark-gray.active {
        background        : url(../../assets/ui/buttons/style-014/dark-gray.jpg);
        box-shadow        : inset 0 0 18px 0 #292929;
        -moz-box-shadow   : inset 0 0 18px 0 #292929;
        -webkit-box-shadow: inset 0 0 18px 0 #292929;
     }      

    /* transparents */
    .style-14.button.transparent-black { background: rgba(0, 0, 0, 0.4); color: #fff; }
    .style-14.button.transparent-black:hover { background : rgba(0, 0, 0, 0.5); } 

    .style-14.button.transparent-black:active, .style-14.button.transparent-black.active {
        background        : rgba(0, 0, 0, 0.5);
        box-shadow        : inset 0 0 18px 0 rgba(0,0,0,0.5);
        -moz-box-shadow   : inset 0 0 18px 0 rgba(0,0,0,0.5);
        -webkit-box-shadow: inset 0 0 18px 0 rgba(0,0,0,0.5);
    }
            
    .style-14.button.transparent-white { background: rgba(255, 255, 255, 0.4); color: #606060; }
    .style-14.button.transparent-white:hover,    
    .style-14.button.transparent-white:active { background: rgba(255, 255, 255, 0.5); } 
    
    .style-14.button.transparent-white:active, .style-14.button.transparent-white.active {
        background        : rgba(255, 255, 255, 0.5);
        box-shadow        : inset 0 0 18px 0 rgba(0, 0, 0, 0.3);
        -moz-box-shadow   : inset 0 0 18px 0 rgba(255, 255, 255, 0.8);
        -webkit-box-shadow: inset 0 0 18px 0 rgba(255, 255, 255, 0.8);        
    }