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


	/* sizes -------- */
	.style-9.small.button { 
	    font-size  : 11px; 
        padding    : 0 19px 2px; 
        width      : auto; 
        height     : 29px; 
        line-height: 27px; 
     }
     
	.style-9.button, 
    .style-9.medium.button { 
        font-size  : 12px; 
        padding    : 0 32px 2px; 
        width      : auto; 
        height     : 32px; 
        line-height: 30px; 
    }  
    
	.style-9.large.button { 
	    font-size  : 18px; 
        padding    : 0 45px 2px; 
        width      : auto; 
        height     : 42px; 
        line-height: 40px; 
     }
     
     
    /* Corners ---------- */  
    .style-9.button.button.small  { -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; }
    .style-9.button.button,
    .style-9.button.button.medium { -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; }
    .style-9.button.button.large  { -moz-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px; }   
    
    
    /* style-9 yellow */
    .style-9.button.yellow {
        background        : #ffd338;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDMzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjljMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #ffd338 0%, #ff9c01 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd338), color-stop(100%,#ff9c01));
        background        : -webkit-linear-gradient(top,  #ffd338 0%,#ff9c01 100%);
        background        : -o-linear-gradient(top,  #ffd338 0%,#ff9c01 100%);
        background        : -ms-linear-gradient(top,  #ffd338 0%,#ff9c01 100%);
        background        : linear-gradient(top,  #ffd338 0%,#ff9c01 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd338', endColorstr='#ff9c01',GradientType=0 );
        box-shadow        : 0 -1px 0 0 #b26e01 inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #b26e01 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #b26e01 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
        color             : #7b540b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.39);
    }
               
    .style-9.button.yellow:hover {
        background        : #ffbf24;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf24', endColorstr='#ffbf24');
        box-shadow        : 0 -1px 0 0 #b28519 inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #b28519 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #b28519 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
        color             : #7b540b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.39);
    }
    
    .style-9.button.yellow:active,
    .style-9.button.yellow.active {
        background        : #ff9f03;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWYwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQxMzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #ff9f03 0%, #ffd137 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9f03), color-stop(100%,#ffd137));
        background        : -webkit-linear-gradient(top,  #ff9f03 0%,#ffd137 100%);
        background        : -o-linear-gradient(top,  #ff9f03 0%,#ffd137 100%);
        background        : -ms-linear-gradient(top,  #ff9f03 0%,#ffd137 100%);
        background        : linear-gradient(top,  #ff9f03 0%,#ffd137 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f03', endColorstr='#ffd137',GradientType=0 );
        box-shadow        : 0 -1px 0 0 #b29126 inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #b29126 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #b29126 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
        color             : #7b540b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.39);
    }        
      
      
    /* style-9 blue */
    .style-9.button.blue, .style-9.button.blue:hover, .style-9.button.blue:active, .style-9.button.blue.active{
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);        
    } 
    
    .style-9.button.blue {
        background        : #5ba6f4;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYTZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YThkZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #5ba6f4 0%, #4a8dd8 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba6f4), color-stop(100%,#4a8dd8));
        background        : -webkit-linear-gradient(top,  #5ba6f4 0%,#4a8dd8 100%);
        background        : -o-linear-gradient(top,  #5ba6f4 0%,#4a8dd8 100%);
        background        : -ms-linear-gradient(top,  #5ba6f4 0%,#4a8dd8 100%);
        background        : linear-gradient(top,  #5ba6f4 0%,#4a8dd8 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba6f4', endColorstr='#4a8dd8',GradientType=0 );
        box-shadow        : 0 -1px 0 0 #346297 inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #346297 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #346297 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
    }
    
    .style-9.button.blue:hover {
        background        : #5298e5;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#5298e5', endColorstr='#5298e5');
        box-shadow        : 0 -1px 0 0 #396aa0 inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #396aa0 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #396aa0 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
    }
    
    .style-9.button.blue:active,
    .style-9.button.blue.active {
        background        : #4a8dd8;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhOGRkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YmE2ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #4a8dd8 0%, #5ba6f4 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a8dd8), color-stop(100%,#5ba6f4));
        background        : -webkit-linear-gradient(top,  #4a8dd8 0%,#5ba6f4 100%);
        background        : -o-linear-gradient(top,  #4a8dd8 0%,#5ba6f4 100%);
        background        : -ms-linear-gradient(top,  #4a8dd8 0%,#5ba6f4 100%);
        background        : linear-gradient(top,  #4a8dd8 0%,#5ba6f4 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a8dd8', endColorstr='#5ba6f4',GradientType=0 );
        box-shadow        : 0 -1px 0 0 #4074aa inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #4074aa inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #4074aa inset, 0 -1px 0 0 rgba(255,255,255,0.7);
    } 
    

    /* style-9 green */
    .style-9.button.green {
        background        : #5cb401;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVjYjQwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzkwMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #5cb401 0%, #439002 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5cb401), color-stop(100%,#439002));
        background        : -webkit-linear-gradient(top,  #5cb401 0%,#439002 100%);
        background        : -o-linear-gradient(top,  #5cb401 0%,#439002 100%);
        background        : -ms-linear-gradient(top,  #5cb401 0%,#439002 100%);
        background        : linear-gradient(top,  #5cb401 0%,#439002 100%);
        filter             : progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cb401', endColorstr='#439002',GradientType=0 );
        box-shadow        : 0 -1px 0 0 #2f6501 inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #2f6501 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #2f6501 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-9.button.green:hover {
        background        : #4a9900;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a9900', endColorstr='#4a9900');
        box-shadow        : 0 -1px 0 0 #346b00 inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #346b00 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #346b00 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-9.button.green:active,
    .style-9.button.green.active {
        background        : #439002;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzOTAwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1Y2I0MDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #439002 0%, #5cb401 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#439002), color-stop(100%,#5cb401));
        background        : -webkit-linear-gradient(top,  #439002 0%,#5cb401 100%);
        background        : -o-linear-gradient(top,  #439002 0%,#5cb401 100%);
        background        : -ms-linear-gradient(top,  #439002 0%,#5cb401 100%);
        background        : linear-gradient(top,  #439002 0%,#5cb401 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#439002', endColorstr='#5cb401',GradientType=0 );
        box-shadow        : 0 -1px 0 0 #407d01 inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #407d01 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #407d01 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    
    /* style-9 red */
    .style-9.button.red {
        background        : #e13c3c;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxM2MzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDA0MDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #e13c3c 0%, #bd0402 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e13c3c), color-stop(100%,#bd0402));
        background        : -webkit-linear-gradient(top,  #e13c3c 0%,#bd0402 100%);
        background        : -o-linear-gradient(top,  #e13c3c 0%,#bd0402 100%);
        background        : -ms-linear-gradient(top,  #e13c3c 0%,#bd0402 100%);
        background        : linear-gradient(top,  #e13c3c 0%,#bd0402 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#e13c3c', endColorstr='#bd0402',GradientType=0 );
        box-shadow        : 0 -1px 0 0 #850302 inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #850302 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #850302 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-9.button.red:hover {
        background        : #c82120;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#c82120', endColorstr='#c82120');
        box-shadow        : 0 -1px 0 0 #8c1716 inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #8c1716 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #8c1716 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-9.button.red:active,
    .style-9.button.red.active {
        background        : #bf0605;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmMDYwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMjNkM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #bf0605 0%, #e23d3d 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf0605), color-stop(100%,#e23d3d));
        background        : -webkit-linear-gradient(top,  #bf0605 0%,#e23d3d 100%);
        background        : -o-linear-gradient(top,  #bf0605 0%,#e23d3d 100%);
        background        : -ms-linear-gradient(top,  #bf0605 0%,#e23d3d 100%);
        background        : linear-gradient(top,  #bf0605 0%,#e23d3d 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0605', endColorstr='#e23d3d',GradientType=0 );
        box-shadow        : 0 -1px 0 0 #9d2a2a inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #9d2a2a inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #9d2a2a inset, 0 -1px 0 0 rgba(255,255,255,0.7);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    } 
    
    
    /* style-9 light-gray */
    .style-9.button.light-gray {
        background        : #e7e9ec;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTllYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2M0YzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #e7e9ec 0%, #c3c4c7 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e9ec), color-stop(100%,#c3c4c7));
        background        : -webkit-linear-gradient(top,  #e7e9ec 0%,#c3c4c7 100%);
        background        : -o-linear-gradient(top,  #e7e9ec 0%,#c3c4c7 100%);
        background        : -ms-linear-gradient(top,  #e7e9ec 0%,#c3c4c7 100%);
        background        : linear-gradient(top,  #e7e9ec 0%,#c3c4c7 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e9ec', endColorstr='#c3c4c7',GradientType=0 );
        box-shadow        : 0 -1px 0 0 #898a8c inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #898a8c inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #898a8c inset, 0 -1px 0 0 rgba(255,255,255,0.7);
        color             : #657079;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.80);
    }
    
    .style-9.button.light-gray:hover {
        background        : #d0d1d4;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d1d4', endColorstr='#d0d1d4');
        box-shadow        : 0 -1px 0 0 #919294 inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #919294 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #919294 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
        color             : #657079;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.80);
    }
    
    .style-9.button.light-gray:active,
    .style-9.button.light-gray.active {
        background        : #c3c4c7;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzYzRjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U5ZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #c3c4c7 0%, #e7e9ec 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c4c7), color-stop(100%,#e7e9ec));
        background        : -webkit-linear-gradient(top,  #c3c4c7 0%,#e7e9ec 100%);
        background        : -o-linear-gradient(top,  #c3c4c7 0%,#e7e9ec 100%);
        background        : -ms-linear-gradient(top,  #c3c4c7 0%,#e7e9ec 100%);
        background        : linear-gradient(top,  #c3c4c7 0%,#e7e9ec 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c4c7', endColorstr='#e7e9ec',GradientType=0 );
        box-shadow        : 0 -1px 0 0 #a1a2a4 inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #a1a2a4 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #a1a2a4 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
        color             : #657079;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.80);
    }  
    
    
    /* style-9 dark-gray */
    .style-9.button.dark-gray {
        background        : #5e5e5e;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTQxNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #5e5e5e 0%, #414141 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5e5e), color-stop(100%,#414141));
        background        : -webkit-linear-gradient(top,  #5e5e5e 0%,#414141 100%);
        background        : -o-linear-gradient(top,  #5e5e5e 0%,#414141 100%);
        background        : -ms-linear-gradient(top,  #5e5e5e 0%,#414141 100%);
        background        : linear-gradient(top,  #5e5e5e 0%,#414141 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#414141',GradientType=0 );
        box-shadow        : 0 -1px 0 0 #2e2e2e inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #2e2e2e inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #2e2e2e inset, 0 -1px 0 0 rgba(255,255,255,0.7);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.40);
    }
    
    .style-9.button.dark-gray:hover {
        background        : #464747;
        filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#464747', endColorstr='#464747');
        box-shadow        : 0 -1px 0 0 #313232 inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #313232 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #313232 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-9.button.dark-gray:active,
    .style-9.button.dark-gray.active {
        background        : #414141;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxNDE0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTVlNWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #414141 0%, #5e5e5e 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414141), color-stop(100%,#5e5e5e));
        background        : -webkit-linear-gradient(top,  #414141 0%,#5e5e5e 100%);
        background        : -o-linear-gradient(top,  #414141 0%,#5e5e5e 100%);
        background        : -ms-linear-gradient(top,  #414141 0%,#5e5e5e 100%);
        background        : linear-gradient(top,  #414141 0%,#5e5e5e 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#5e5e5e',GradientType=0 );
        box-shadow        : 0 -1px 0 0 #414141 inset, 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 #414141 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 #414141 inset, 0 -1px 0 0 rgba(255,255,255,0.7);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.40);
    }
    
    
    /* style-9 transparents */
    .style-9.button.transparent-black, .style-9.button.transparent-black:hover, .style-9.button.transparent-black:active, .style-9.button.transparent-black.active,
    .style-9.button.transparent-white, .style-9.button.transparent-white:hover, .style-9.button.transparent-white:active, .style-9.button.transparent-white.active{
        box-shadow        : 0 -1px 0 0 rgba(255,255,255,0.7);  
        -moz-box-shadow   : 0 -1px 0 0 rgba(255,255,255,0.7);
	    -webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.7);
    }
    
    .style-9.button.transparent-black { background: rgba(0, 0, 0, 0.4); color: #fff; }
    .style-9.button.transparent-black:hover { background: rgba(0, 0, 0, 0.5); }
    .style-9.button.transparent-black:active, .style-9.button.transparent-black.active { background: rgba(0, 0, 0, 0.3); }    

    .style-9.button.transparent-white { background: rgba(255, 255, 255, 0.4); color: #606060; }
    .style-9.button.transparent-white:hover { background: rgba(255, 255, 255, 0.5); }
    .style-9.button.transparent-white:active, .style-9.button.transparent-white.active { background: rgba(255, 255, 255, 0.3); }