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

	/* sizes -------- */
	.style-2.small.button { 
	    font-size  : 11px; 
        padding    : 0 25px 3px; 
        width      : auto; 
        height     : 29px; 
        line-height: 26px; 
    }
    
	.style-2.button, 
    .style-2.medium.button {
	    font-size  : 12px; 
        padding    : 0 45px 3px; 
        width      : auto; 
        height     : 32px; 
        line-height: 29px; 
     }  
     
	.style-2.large.button { 
	    font-size  : 18px; 
        padding    : 0 61px 3px; 
        width      : auto; 
        height     : 42px; 
        line-height: 39px; 
     }
     
    /* Corners ---------- */          
    .style-2.button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
    
    /* style-2 -------- */ 
    .style-2.button,
    .style-2.button:hover,
    .style-2.button:active,
    .style-2.button.active {
	    -webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);
        -moz-box-shadow   : 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);
        box-shadow        : 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);        
    }
        
    /* style-2 yellow */ 
    
    .style-2.button.yellow, .style-2.button.yellow:hover,
    .style-2.button.yellow:active, .style-2.button.yellow.active {
	    -webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);
        -moz-box-shadow   : 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);
        box-shadow        : 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);
        color             : #7b540b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.6);         
    } 
     
    .style-2.button.yellow {
        border            : 1px solid #e2bc5c;
        background        : #fed76e;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZDc2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWFlNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #fed76e 0%, #eaae45 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed76e), color-stop(100%,#eaae45));
        background        : -webkit-linear-gradient(top,  #fed76e 0%,#eaae45 100%);
        background        : -o-linear-gradient(top,  #fed76e 0%,#eaae45 100%);
        background        : -ms-linear-gradient(top,  #fed76e 0%,#eaae45 100%);
        background        : linear-gradient(top,  #fed76e 0%,#eaae45 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed76e', endColorstr='#eaae45',GradientType=0 );
    } 
        
    .style-2.button.yellow:hover {
        border            : 1px solid #e2bc5c;
        background        : #fedc84;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZGM4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2M2NmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #fedc84 0%, #f3c66d 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fedc84), color-stop(100%,#f3c66d));
        background        : -webkit-linear-gradient(top,  #fedc84 0%,#f3c66d 100%);
        background        : -o-linear-gradient(top,  #fedc84 0%,#f3c66d 100%);
        background        : -ms-linear-gradient(top,  #fedc84 0%,#f3c66d 100%);
        background        : linear-gradient(top,  #fedc84 0%,#f3c66d 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedc84', endColorstr='#f3c66d',GradientType=0 );
    }    
    
    .style-2.button.yellow:active,
    .style-2.button.yellow.active {
        background        : #fddb83;
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fddb83', endColorstr='#fddb83',GradientType=0 );
    }
    
    /* style-2 blue */
    .style-2.button.blue, .style-2.button.blue:hover,
    .style-2.button.blue:active, .style-2.button.blue.active {
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.4);         
    }
        
    .style-2.button.blue {
        border            : 1px solid #024e8e;
        background        : #5aa6dd;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVhYTZkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDgxY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #5aa6dd 0%, #4481ce 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5aa6dd), color-stop(100%,#4481ce));
        background        : -webkit-linear-gradient(top,  #5aa6dd 0%,#4481ce 100%);
        background        : -o-linear-gradient(top,  #5aa6dd 0%,#4481ce 100%);
        background        : -ms-linear-gradient(top,  #5aa6dd 0%,#4481ce 100%);
        background        : linear-gradient(top,  #5aa6dd 0%,#4481ce 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#5aa6dd', endColorstr='#4481ce',GradientType=0 );
     } 
    
    .style-2.button.blue:hover {
        border            : 1px solid #024f8f;
        background        : #67b3ec;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3YjNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZDkzZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #67b3ec 0%, #4d93e4 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67b3ec), color-stop(100%,#4d93e4));
        background        : -webkit-linear-gradient(top,  #67b3ec 0%,#4d93e4 100%);
        background        : -o-linear-gradient(top,  #67b3ec 0%,#4d93e4 100%);
        background        : -ms-linear-gradient(top,  #67b3ec 0%,#4d93e4 100%);
        background        : linear-gradient(top,  #67b3ec 0%,#4d93e4 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#67b3ec', endColorstr='#4d93e4',GradientType=0 );
    }    
    
    .style-2.button.blue:active,
    .style-2.button.blue.active {
        border            : 1px solid #034f8f;
        background        : #5aa5dc;
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#5aa5dc', endColorstr='#5aa5dc',GradientType=0 );
    } 
    
    
    /* style-2 green */
    .style-2.button.green, .style-2.button.green:hover,
    .style-2.button.green:active, .style-2.button.green.active {
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.4);         
    }
           
    .style-2.button.green {
        border            : 1px solid #4f7d18;
        background        : #7dca23;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkY2EyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZDgyMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #7dca23 0%, #4d820d 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dca23), color-stop(100%,#4d820d));
        background        : -webkit-linear-gradient(top,  #7dca23 0%,#4d820d 100%);
        background        : -o-linear-gradient(top,  #7dca23 0%,#4d820d 100%);
        background        : -ms-linear-gradient(top,  #7dca23 0%,#4d820d 100%);
        background        : linear-gradient(top,  #7dca23 0%,#4d820d 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dca23', endColorstr='#4d820d',GradientType=0 );
    } 
    
    
    .style-2.button.green:hover {
        border            : 1px solid #4e7d18;
        background        : #85d02b;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg1ZDAyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YWE5MWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #85d02b 0%, #6aa91f 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85d02b), color-stop(100%,#6aa91f));
        background        : -webkit-linear-gradient(top,  #85d02b 0%,#6aa91f 100%);
        background        : -o-linear-gradient(top,  #85d02b 0%,#6aa91f 100%);
        background        : -ms-linear-gradient(top,  #85d02b 0%,#6aa91f 100%);
        background        : linear-gradient(top,  #85d02b 0%,#6aa91f 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#85d02b', endColorstr='#6aa91f',GradientType=0 );
    } 
    
    .style-2.button.green:active,
    .style-2.button.green.active {
        border            : 1px solid #4e7d18;
        background        : #7cc922;
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cc922', endColorstr='#7cc922',GradientType=0 );
    } 

   
    /* style-2 red */   
    .style-2.button.red {
        border            : 1px solid #b93938;
        background        : #f45442;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0NTQ0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMzMzMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #f45442 0%, #a33331 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f45442), color-stop(100%,#a33331));
        background        : -webkit-linear-gradient(top,  #f45442 0%,#a33331 100%);
        background        : -o-linear-gradient(top,  #f45442 0%,#a33331 100%);
        background        : -ms-linear-gradient(top,  #f45442 0%,#a33331 100%);
        background        : linear-gradient(top,  #f45442 0%,#a33331 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45442', endColorstr='#a33331',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.4);  
    } 
    
    .style-2.button.red:hover {
        border            : 1px solid #b93a38;
        background        : #f55e4e;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1NWU0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMTQ2NDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #f55e4e 0%, #e14645 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f55e4e), color-stop(100%,#e14645));
        background        : -webkit-linear-gradient(top,  #f55e4e 0%,#e14645 100%);
        background        : -o-linear-gradient(top,  #f55e4e 0%,#e14645 100%);
        background        : -ms-linear-gradient(top,  #f55e4e 0%,#e14645 100%);
        background        : linear-gradient(top,  #f55e4e 0%,#e14645 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55e4e', endColorstr='#e14645',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.4);  
    } 
    
    .style-2.button.red:active,
    .style-2.button.red.active {
        border            : 1px solid #b93a38;
        background        : #f45543;
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45543', endColorstr='#f45543',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.4);   
    } 
    

    /* style-2 ligth-gray */   
    .style-2.button.light-gray {
        border            : 1px solid #a1a3a4;
        background        : #d7d7d7;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZDdkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #d7d7d7 0%, #aaaaaa 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(100%,#aaaaaa));
        background        : -webkit-linear-gradient(top,  #d7d7d7 0%,#aaaaaa 100%);
        background        : -o-linear-gradient(top,  #d7d7d7 0%,#aaaaaa 100%);
        background        : -ms-linear-gradient(top,  #d7d7d7 0%,#aaaaaa 100%);
        background        : linear-gradient(top,  #d7d7d7 0%,#aaaaaa 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#aaaaaa',GradientType=0 );
        color             : #303030;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.5);  
    } 
    
    .style-2.button.light-gray:hover {
        border            : 1px solid #a1a3a4;
        background        : #d6d6d6;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOWI5YjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #d6d6d6 0%, #b9b9b9 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#b9b9b9));
        background        : -webkit-linear-gradient(top,  #d6d6d6 0%,#b9b9b9 100%);
        background        : -o-linear-gradient(top,  #d6d6d6 0%,#b9b9b9 100%);
        background        : -ms-linear-gradient(top,  #d6d6d6 0%,#b9b9b9 100%);
        background        : linear-gradient(top,  #d6d6d6 0%,#b9b9b9 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#b9b9b9',GradientType=0 );
        color             : #303030;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.5);  
    } 
    
    .style-2.button.light-gray:active,
    .style-2.button.light-gray.active {
        border            : 1px solid #A2A4A5;
        background        : #dedede;
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#dedede',GradientType=0 );
        color             : #303030;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.5);  
    } 
    
    
    /* style-2 dark-gray */   
    .style-2.button.dark-gray {
        border            : 1px solid #303030;
        background        : #3f4040;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNDA0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDMxMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #3f4040 0%, #303131 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f4040), color-stop(100%,#303131));
        background        : -webkit-linear-gradient(top,  #3f4040 0%,#303131 100%);
        background        : -o-linear-gradient(top,  #3f4040 0%,#303131 100%);
        background        : -ms-linear-gradient(top,  #3f4040 0%,#303131 100%);
        background        : linear-gradient(top,  #3f4040 0%,#303131 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4040', endColorstr='#303131',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.4);  
    } 
    
    .style-2.button.dark-gray:hover {
        border            : 1px solid #303030;
        background        : #525252;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NTQ2NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #525252 0%, #454646 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#454646));
        background        : -webkit-linear-gradient(top,  #525252 0%,#454646 100%);
        background        : -o-linear-gradient(top,  #525252 0%,#454646 100%);
        background        : -ms-linear-gradient(top,  #525252 0%,#454646 100%);
        background        : linear-gradient(top,  #525252 0%,#454646 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#454646',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.4);  
    } 
    
    .style-2.button.dark-gray:active,
    .style-2.button.darka-gray.active {
        border            : 1px solid #303030;
        background        : #3f4040;
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4040', endColorstr='#3f4040',GradientType=0 );
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.4);  
    } 
    
    
    /* style-2 transparent-black */
    .style-2.button.transparent-black{ color: #fff; background: rgba(0, 0, 0, 0.4); }
    
    .style-2.button.transparent-black:hover,
    .style-2.button.transparent-black-hover { color: #fff; background: rgba(0, 0, 0, 0.5); } 
    
    .style-2.button.transparent-black:active,  
    .style-2.button.transparent-black.active{ color: #fff; background: rgba(0, 0, 0, 0.3); }    
    
    /* style-2 transparent-white */
    .style-2.button.transparent-white{ color: #606060; background: rgba(255, 255, 255, 0.4); }
    
    .style-2.button.transparent-white:hover,  
    .style-2.button.transparent-white-hover{ color: #606060; background: rgba(255, 255, 255, 0.5); } 
    
    .style-2.button.transparent-white:active,  
    .style-2.button.transparent-white.active{ color: #606060; background: rgba(255, 255, 255, 0.3); }