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

	/* sizes -------- */
	.style-7.small.button { 
	    font-size  : 11px; 
        padding    : 0 21px 3px; 
        width      : auto; 
        height     : 29px; 
        line-height: 26px; 
     }
     
	.style-7.button, 
    .style-7.medium.button { 
        font-size  : 12px; 
        padding    : 0 34px 3px; 
        width      : auto; 
        height     : 32px; 
        line-height: 29px; 
    }  
    
	.style-7.large.button { 
	    font-size  : 18px; 
        padding    : 0 46px 3px; 
        width      : auto; 
        height     : 42px; 
        line-height: 39px; 
     }
     
     
    /* Corners ---------- */     
    .style-7.button { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
    
    
    /* style-7 yellow */
    .style-7.button.yellow {
        border            : 1px solid #D79200;
        background        : #ffbb00;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZGMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmJhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #ffbb00 0%, #ffdc00 50%, #ffba00 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbb00), color-stop(50%,#ffdc00), color-stop(100%,#ffba00));
        background        : -webkit-linear-gradient(top,  #ffbb00 0%,#ffdc00 50%,#ffba00 100%);
        background        : -o-linear-gradient(top,  #ffbb00 0%,#ffdc00 50%,#ffba00 100%);
        background        : -ms-linear-gradient(top,  #ffbb00 0%,#ffdc00 50%,#ffba00 100%);
        background        : linear-gradient(top,  #ffbb00 0%,#ffdc00 50%,#ffba00 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb00', endColorstr='#ffba00',GradientType=0 );
        box-shadow        : 0 1px 0 0 #ffd55f inset, 1px 0 0 0 #ffe75f inset, -1px 0 0 0 #ffe85f inset, 0 -1px 0 0 #ebb42f inset, 0 -2px 0 0 #eba900 inset;  
        -moz-box-shadow   : 0 1px 0 0 #ffd55f inset, 1px 0 0 0 #ffe75f inset, -1px 0 0 0 #ffe85f inset, 0 -1px 0 0 #ebb42f inset, 0 -2px 0 0 #eba900 inset;
	    -webkit-box-shadow: 0 1px 0 0 #ffd55f inset, 1px 0 0 0 #ffe75f inset, -1px 0 0 0 #ffe85f inset, 0 -1px 0 0 #ebb42f inset, 0 -2px 0 0 #eba900 inset;
        color             : #7b540b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.50);
    }
    

    .style-7.button.yellow:hover {
        border            : 1px solid #d79200;
        background        : #ffba00;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2ZmZGMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmJhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #ffba00 0%, #ffdc00 52%, #ffba00 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffba00), color-stop(52%,#ffdc00), color-stop(100%,#ffba00));
        background        : -webkit-linear-gradient(top,  #ffba00 0%,#ffdc00 52%,#ffba00 100%);
        background        : -o-linear-gradient(top,  #ffba00 0%,#ffdc00 52%,#ffba00 100%);
        background        : -ms-linear-gradient(top,  #ffba00 0%,#ffdc00 52%,#ffba00 100%);
        background        : linear-gradient(top,  #ffba00 0%,#ffdc00 52%,#ffba00 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba00', endColorstr='#ffba00',GradientType=0 );
        box-shadow        : 0 1px 0 0 #ffd55f inset, 1px 0 0 0 #ffe75f inset, -1px 0 0 0 #ffe85f inset, 0 -1px 0 0 #ebb42f inset;  
        -moz-box-shadow   : 0 1px 0 0 #ffd55f inset, 1px 0 0 0 #ffe75f inset, -1px 0 0 0 #ffe85f inset, 0 -1px 0 0 #ebb42f inset;
	    -webkit-box-shadow: 0 1px 0 0 #ffd55f inset, 1px 0 0 0 #ffe75f inset, -1px 0 0 0 #ffe85f inset, 0 -1px 0 0 #ebb42f inset;
        color             : #7b540b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.50);
    }
    

    .style-7.button.yellow:active,
    .style-7.button.yellow.active {
        border            : 1px solid #d79200;
        background        : #ffbb00;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZGMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmJhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #ffbb00 0%, #ffdc00 50%, #ffba00 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbb00), color-stop(50%,#ffdc00), color-stop(100%,#ffba00));
        background        : -webkit-linear-gradient(top,  #ffbb00 0%,#ffdc00 50%,#ffba00 100%);
        background        : -o-linear-gradient(top,  #ffbb00 0%,#ffdc00 50%,#ffba00 100%);
        background        : -ms-linear-gradient(top,  #ffbb00 0%,#ffdc00 50%,#ffba00 100%);
        background        : linear-gradient(top,  #ffbb00 0%,#ffdc00 50%,#ffba00 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb00', endColorstr='#ffba00',GradientType=0 );
        box-shadow        : 0 1px 0 0 #ffd55f inset, 1px 0 0 0 #ffe75f inset, -1px 0 0 0 #ffe85f inset, 0 -1px 0 0 #ffd65f inset;  
        -moz-box-shadow   : 0 1px 0 0 #ffd55f inset, 1px 0 0 0 #ffe75f inset, -1px 0 0 0 #ffe85f inset, 0 -1px 0 0 #ffd65f inset;
	    -webkit-box-shadow: 0 1px 0 0 #ffd55f inset, 1px 0 0 0 #ffe75f inset, -1px 0 0 0 #ffe85f inset, 0 -1px 0 0 #ffd65f inset;
        color             : #7b540b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.50);
    } 
    
    
    /* style-7 blue */
    .style-7.button.blue {
        border            : 1px solid #386da8;
        background        : #4b92e1;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiOTJlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzYzYWJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YjkyZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #4b92e1 0%, #63abf3 50%, #4b92e1 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b92e1), color-stop(50%,#63abf3), color-stop(100%,#4b92e1));
        background        : -webkit-linear-gradient(top,  #4b92e1 0%,#63abf3 50%,#4b92e1 100%);
        background        : -o-linear-gradient(top,  #4b92e1 0%,#63abf3 50%,#4b92e1 100%);
        background        : -ms-linear-gradient(top,  #4b92e1 0%,#63abf3 50%,#4b92e1 100%);
        background        : linear-gradient(top,  #4b92e1 0%,#63abf3 50%,#4b92e1 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b92e1', endColorstr='#4b92e1',GradientType=0 );
        box-shadow        : 0 1px 0 0 #8fbbed inset, 1px 0 0 0 #9dcaf7 inset, -1px 0 0 0 #9dcaf7 inset, 0 -1px 0 0 #6394ca inset, 0 -2px 0 0 #4381c6 inset;  
        -moz-box-shadow   : 0 1px 0 0 #8fbbed inset, 1px 0 0 0 #9dcaf7 inset, -1px 0 0 0 #9dcaf7 inset, 0 -1px 0 0 #6394ca inset, 0 -2px 0 0 #4381c6 inset;
	    -webkit-box-shadow: 0 1px 0 0 #8fbbed inset, 1px 0 0 0 #9dcaf7 inset, -1px 0 0 0 #9dcaf7 inset, 0 -1px 0 0 #6394ca inset, 0 -2px 0 0 #4381c6 inset;
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.20);
    }
    

    .style-7.button.blue:hover {
        border            : 1px solid #386da8;
        background        : #4b92e1;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiOTJlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzYzYWJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YjkyZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #4b92e1 0%, #63abf3 50%, #4b92e1 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b92e1), color-stop(50%,#63abf3), color-stop(100%,#4b92e1));
        background        : -webkit-linear-gradient(top,  #4b92e1 0%,#63abf3 50%,#4b92e1 100%);
        background        : -o-linear-gradient(top,  #4b92e1 0%,#63abf3 50%,#4b92e1 100%);
        background        : -ms-linear-gradient(top,  #4b92e1 0%,#63abf3 50%,#4b92e1 100%);
        background        : linear-gradient(top,  #4b92e1 0%,#63abf3 50%,#4b92e1 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b92e1', endColorstr='#4b92e1',GradientType=0 );
        box-shadow        : 0 1px 0 0 #8fbbed inset, 1px 0 0 0 #9dcaf7 inset, -1px 0 0 0 #9dcaf7 inset, 0 -1px 0 0 #6394ca inset;  
        -moz-box-shadow   : 0 1px 0 0 #8fbbed inset, 1px 0 0 0 #9dcaf7 inset, -1px 0 0 0 #9dcaf7 inset, 0 -1px 0 0 #6394ca inset;
	    -webkit-box-shadow: 0 1px 0 0 #8fbbed inset, 1px 0 0 0 #9dcaf7 inset, -1px 0 0 0 #9dcaf7 inset, 0 -1px 0 0 #6394ca inset;
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.20);
    }
    

    .style-7.button.blue:active,
    .style-7.button.blue.active {
        border            : 1px solid #386da8;
        background        : #4b92e1;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiOTJlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzYzYWJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YjkyZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #4b92e1 0%, #63abf3 50%, #4b92e1 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b92e1), color-stop(50%,#63abf3), color-stop(100%,#4b92e1));
        background        : -webkit-linear-gradient(top,  #4b92e1 0%,#63abf3 50%,#4b92e1 100%);
        background        : -o-linear-gradient(top,  #4b92e1 0%,#63abf3 50%,#4b92e1 100%);
        background        : -ms-linear-gradient(top,  #4b92e1 0%,#63abf3 50%,#4b92e1 100%);
        background        : linear-gradient(top,  #4b92e1 0%,#63abf3 50%,#4b92e1 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b92e1', endColorstr='#4b92e1',GradientType=0 );
        box-shadow        : 0 1px 0 0 #8fbbed inset, 1px 0 0 0 #9dcaf7 inset, -1px 0 0 0 #9dcaf7 inset, 0 -1px 0 0 #8fbced inset;  
        -moz-box-shadow   : 0 1px 0 0 #8fbbed inset, 1px 0 0 0 #9dcaf7 inset, -1px 0 0 0 #9dcaf7 inset, 0 -1px 0 0 #8fbced inset;
	    -webkit-box-shadow: 0 1px 0 0 #8fbbed inset, 1px 0 0 0 #9dcaf7 inset, -1px 0 0 0 #9dcaf7 inset, 0 -1px 0 0 #8fbced inset;
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.20);
    } 
    
    
    /* style-7 green */
    .style-7.button.green {
        border            : 1px solid #346304;
        background        : #438300;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzODMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzUzYTMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzgzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #438300 0%, #53a300 50%, #438300 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#438300), color-stop(50%,#53a300), color-stop(100%,#438300));
        background        : -webkit-linear-gradient(top,  #438300 0%,#53a300 50%,#438300 100%);
        background        : -o-linear-gradient(top,  #438300 0%,#53a300 50%,#438300 100%);
        background        : -ms-linear-gradient(top,  #438300 0%,#53a300 50%,#438300 100%);
        background        : linear-gradient(top,  #438300 0%,#53a300 50%,#438300 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#438300', endColorstr='#438300',GradientType=0 );
        box-shadow        : 0 1px 0 0 #8ab25f inset, 1px 0 0 0 #93c55f inset, -1px 0 0 0 #93c55f inset, 0 -1px 0 0 #5b8430 inset, 0 -2px 0 0 #396f01 inset;  
        -moz-box-shadow   : 0 1px 0 0 #8ab25f inset, 1px 0 0 0 #93c55f inset, -1px 0 0 0 #93c55f inset, 0 -1px 0 0 #5b8430 inset, 0 -2px 0 0 #396f01 inset;
	    -webkit-box-shadow: 0 1px 0 0 #8ab25f inset, 1px 0 0 0 #93c55f inset, -1px 0 0 0 #93c55f inset, 0 -1px 0 0 #5b8430 inset, 0 -2px 0 0 #396f01 inset;
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.20);
    }
    

    .style-7.button.green:hover {
        border            : 1px solid #346304;
        background        : #438300;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzODMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzUzYTMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzgzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #438300 0%, #53a300 50%, #438300 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#438300), color-stop(50%,#53a300), color-stop(100%,#438300));
        background        : -webkit-linear-gradient(top,  #438300 0%,#53a300 50%,#438300 100%);
        background        : -o-linear-gradient(top,  #438300 0%,#53a300 50%,#438300 100%);
        background        : -ms-linear-gradient(top,  #438300 0%,#53a300 50%,#438300 100%);
        background        : linear-gradient(top,  #438300 0%,#53a300 50%,#438300 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#438300', endColorstr='#438300',GradientType=0 );
        box-shadow        : 0 1px 0 0 #8ab25f inset, 1px 0 0 0 #93c55f inset, -1px 0 0 0 #93c55f inset, 0 -1px 0 0 #5b8430 inset;  
        -moz-box-shadow   : 0 1px 0 0 #8ab25f inset, 1px 0 0 0 #93c55f inset, -1px 0 0 0 #93c55f inset, 0 -1px 0 0 #5b8430 inset;
	    -webkit-box-shadow: 0 1px 0 0 #8ab25f inset, 1px 0 0 0 #93c55f inset, -1px 0 0 0 #93c55f inset, 0 -1px 0 0 #5b8430 inset;
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.20);
    }
    

    .style-7.button.green:active,
    .style-7.button.green.active {
        border            : 1px solid #346304;
        background        : #438300;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzODMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzUzYTMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzgzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #438300 0%, #53a300 50%, #438300 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#438300), color-stop(50%,#53a300), color-stop(100%,#438300));
        background        : -webkit-linear-gradient(top,  #438300 0%,#53a300 50%,#438300 100%);
        background        : -o-linear-gradient(top,  #438300 0%,#53a300 50%,#438300 100%);
        background        : -ms-linear-gradient(top,  #438300 0%,#53a300 50%,#438300 100%);
        background        : linear-gradient(top,  #438300 0%,#53a300 50%,#438300 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#438300', endColorstr='#438300',GradientType=0 );
        box-shadow        : 0 1px 0 0 #8ab25f inset, 1px 0 0 0 #93c55f inset, -1px 0 0 0 #93c55f inset, 0 -1px 0 0 #8ab35f inset;  
        -moz-box-shadow   : 0 1px 0 0 #8AB25F inset, 1px 0 0 0 #93c55f inset, -1px 0 0 0 #93c55f inset, 0 -1px 0 0 #8ab35f inset;
	    -webkit-box-shadow: 0 1px 0 0 #8ab25f inset, 1px 0 0 0 #93c55f inset, -1px 0 0 0 #93c55f inset, 0 -1px 0 0 #8ab35f inset;
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.20);
    } 
    
    
    /* style-7 red */
    .style-7.button.red {
        border            : 1px solid #710100;
        background        : #bd0402;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkMDQwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UxM2MzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDA0MDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #bd0402 0%, #e13c3c 50%, #bd0402 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd0402), color-stop(50%,#e13c3c), color-stop(100%,#bd0402));
        background        : -webkit-linear-gradient(top,  #bd0402 0%,#e13c3c 50%,#bd0402 100%);
        background        : -o-linear-gradient(top,  #bd0402 0%,#e13c3c 50%,#bd0402 100%);
        background        : -ms-linear-gradient(top,  #bd0402 0%,#e13c3c 50%,#bd0402 100%);
        background        : linear-gradient(top,  #bd0402 0%,#e13c3c 50%,#bd0402 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd0402', endColorstr='#bd0402',GradientType=0 );
        box-shadow        : 0 1px 0 0 #d76362 inset, 1px 0 0 0 #ec8585 inset, -1px 0 0 0 #ec8585 inset, 0 -1px 0 0 #a43332 inset, 0 -2px 0 0 #9a0706 inset;  
        -moz-box-shadow   : 0 1px 0 0 #d76362 inset, 1px 0 0 0 #ec8585 inset, -1px 0 0 0 #ec8585 inset, 0 -1px 0 0 #a43332 inset, 0 -2px 0 0 #9a0706 inset;
	    -webkit-box-shadow: 0 1px 0 0 #d76362 inset, 1px 0 0 0 #ec8585 inset, -1px 0 0 0 #ec8585 inset, 0 -1px 0 0 #a43332 inset, 0 -2px 0 0 #9a0706 inset;
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.20);
    }
    

    .style-7.button.red:hover {
        border            : 1px solid #710100;
        background        : #bd0402;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkMDQwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UxM2MzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDA0MDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #bd0402 0%, #e13c3c 50%, #bd0402 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd0402), color-stop(50%,#e13c3c), color-stop(100%,#bd0402));
        background        : -webkit-linear-gradient(top,  #bd0402 0%,#e13c3c 50%,#bd0402 100%);
        background        : -o-linear-gradient(top,  #bd0402 0%,#e13c3c 50%,#bd0402 100%);
        background        : -ms-linear-gradient(top,  #bd0402 0%,#e13c3c 50%,#bd0402 100%);
        background        : linear-gradient(top,  #bd0402 0%,#e13c3c 50%,#bd0402 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd0402', endColorstr='#bd0402',GradientType=0 );
        box-shadow        : 0 1px 0 0 #d76362 inset, 1px 0 0 0 #ec8585 inset, -1px 0 0 0 #ec8585 inset, 0 -1px 0 0 #a43332 inset;  
        -moz-box-shadow   : 0 1px 0 0 #d76362 inset, 1px 0 0 0 #ec8585 inset, -1px 0 0 0 #ec8585 inset, 0 -1px 0 0 #a43332 inset;
	    -webkit-box-shadow: 0 1px 0 0 #d76362 inset, 1px 0 0 0 #ec8585 inset, -1px 0 0 0 #ec8585 inset, 0 -1px 0 0 #a43332 inset;
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.20);
    }
    

    .style-7.button.red:active,
    .style-7.button.red.active {
        border            : 1px solid #710100;
        background        : #bd0402;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkMDQwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UxM2MzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDA0MDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #bd0402 0%, #e13c3c 50%, #bd0402 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd0402), color-stop(50%,#e13c3c), color-stop(100%,#bd0402));
        background        : -webkit-linear-gradient(top,  #bd0402 0%,#e13c3c 50%,#bd0402 100%);
        background        : -o-linear-gradient(top,  #bd0402 0%,#e13c3c 50%,#bd0402 100%);
        background        : -ms-linear-gradient(top,  #bd0402 0%,#e13c3c 50%,#bd0402 100%);
        background        : linear-gradient(top,  #bd0402 0%,#e13c3c 50%,#bd0402 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd0402', endColorstr='#bd0402',GradientType=0 );
        box-shadow        : 0 1px 0 0 #d76362 inset, 1px 0 0 0 #ec8585 inset, -1px 0 0 0 #ec8585 inset, 0 -1px 0 0 #d86564 inset;  
        -moz-box-shadow   : 0 1px 0 0 #d76362 inset, 1px 0 0 0 #ec8585 inset, -1px 0 0 0 #ec8585 inset, 0 -1px 0 0 #d86564 inset;
	    -webkit-box-shadow: 0 1px 0 0 #d76362 inset, 1px 0 0 0 #ec8585 inset, -1px 0 0 0 #ec8585 inset, 0 -1px 0 0 #d86564 inset;
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.20);
    }     
    
    
    /* style-7 light-gray */
    .style-7.button.light-gray {
        border            : 1px solid;
        border-color      : #ccc #ccc #b6b6b6 #ccc; 
        background: #e9e9e9;
        background: -moz-linear-gradient(top,  #e9e9e9 0%, #f7f7f7 52%, #ededed 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(52%,#f7f7f7), color-stop(100%,#ededed));
        background: -webkit-linear-gradient(top,  #e9e9e9 0%,#f7f7f7 52%,#ededed 100%);
        background: -o-linear-gradient(top,  #e9e9e9 0%,#f7f7f7 52%,#ededed 100%);
        background: -ms-linear-gradient(top,  #e9e9e9 0%,#f7f7f7 52%,#ededed 100%);
        background: linear-gradient(to bottom,  #e9e9e9 0%,#f7f7f7 52%,#ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ededed',GradientType=0 );
        box-shadow        : 0 1px 0 0 #f2f2f2 inset, 1px 0 0 0 #fafafa inset, -1px 0 0 0 #fafafa inset, 0 -1px 0 0 #fafafa inset, 0 -2px 0 0 #ddd inset;  
        -moz-box-shadow   : 0 1px 0 0 #f2f2f2 inset, 1px 0 0 0 #fafafa inset, -1px 0 0 0 #fafafa inset, 0 -1px 0 0 #fafafa inset, 0 -2px 0 0 #ddd inset;
	    -webkit-box-shadow: 0 1px 0 0 #f2f2f2 inset, 1px 0 0 0 #fafafa inset, -1px 0 0 0 #fafafa inset, 0 -1px 0 0 #fafafa inset, 0 -2px 0 0 #ddd inset;
        color             : #474747;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.90);
    }
    

    .style-7.button.light-gray:hover {
        border            : 1px solid #ccc;
        border-bottom     : 1px solid #b6b6b6;
        background: #e9e9e9;
        background: -moz-linear-gradient(top,  #e9e9e9 0%, #f7f7f7 54%, #ededed 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(54%,#f7f7f7), color-stop(100%,#ededed));
        background: -webkit-linear-gradient(top,  #e9e9e9 0%,#f7f7f7 54%,#ededed 100%);
        background: -o-linear-gradient(top,  #e9e9e9 0%,#f7f7f7 54%,#ededed 100%);
        background: -ms-linear-gradient(top,  #e9e9e9 0%,#f7f7f7 54%,#ededed 100%);
        background: linear-gradient(to bottom,  #e9e9e9 0%,#f7f7f7 54%,#ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ededed',GradientType=0 );
        box-shadow        : 0 1px 0 0 #f2f2f2 inset, 1px 0 0 0 #fafafa inset, -1px 0 0 0 #fafafa inset, 0 -1px 0 0 #fafafa inset, 0 -2px 0 0 #ededed inset;  
        -moz-box-shadow   : 0 1px 0 0 #f2f2f2 inset, 1px 0 0 0 #fafafa inset, -1px 0 0 0 #fafafa inset, 0 -1px 0 0 #fafafa inset, 0 -2px 0 0 #ededed inset;
	    -webkit-box-shadow: 0 1px 0 0 #f2f2f2 inset, 1px 0 0 0 #fafafa inset, -1px 0 0 0 #fafafa inset, 0 -1px 0 0 #fafafa inset, 0 -2px 0 0 #ededed inset;
        color             : #474747;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.50);
    }
    

    .style-7.button.light-gray:active,
    .style-7.button.light-gray.active {
        border            : 1px solid #ccc;
        border-bottom     : 1px solid #b6b6b6;
        background: #e9e9e9;
        background: -moz-linear-gradient(top,  #e9e9e9 0%, #f7f7f7 52%, #ededed 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(52%,#f7f7f7), color-stop(100%,#ededed));
        background: -webkit-linear-gradient(top,  #e9e9e9 0%,#f7f7f7 52%,#ededed 100%);
        background: -o-linear-gradient(top,  #e9e9e9 0%,#f7f7f7 52%,#ededed 100%);
        background: -ms-linear-gradient(top,  #e9e9e9 0%,#f7f7f7 52%,#ededed 100%);
        background: linear-gradient(to bottom,  #e9e9e9 0%,#f7f7f7 52%,#ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ededed',GradientType=0 );
        
        box-shadow        : 0 1px 0 0 #f2f2f2 inset, 1px 0 0 0 #fafafa inset, -1px 0 0 0 #fafafa inset, 0 -1px 0 0 #fff inset, 0 -2px 0 0 #ddd inset;  
        -moz-box-shadow   : 0 1px 0 0 #f2f2f2 inset, 1px 0 0 0 #fafafa inset, -1px 0 0 0 #fafafa inset, 0 -1px 0 0 #fff inset, 0 -2px 0 0 #ddd inset;
	    -webkit-box-shadow: 0 1px 0 0 #f2f2f2 inset, 1px 0 0 0 #fafafa inset, -1px 0 0 0 #fafafa inset, 0 -1px 0 0 #fff inset, 0 -2px 0 0 #ddd inset;

        color             : #474747;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.50);
    } 
    
        
    /* style-7 dark-gray  */
    .style-7.button.dark-gray {
        border-top        : 1px solid #303030;
        border-right      : 1px solid #111;
        border-bottom     : 1px solid #111;
        border-left       : 1px solid #202020;
        background        : #343535;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzUzNTM1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDM1MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #343535 0%, #535353 51%, #343535 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#343535), color-stop(51%,#535353), color-stop(100%,#343535));
        background        : -webkit-linear-gradient(top,  #343535 0%,#535353 51%,#343535 100%);
        background        : -o-linear-gradient(top,  #343535 0%,#535353 51%,#343535 100%);
        background        : -ms-linear-gradient(top,  #343535 0%,#535353 51%,#343535 100%);
        background        : linear-gradient(top,  #343535 0%,#535353 51%,#343535 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#343535', endColorstr='#343535',GradientType=0 );
        box-shadow        : 0 1px 0 0 #808181 inset, 1px 0 0 0 #939393 inset, -1px 0 0 0 #939393 inset, 0 -1px 0 0 #4a4a4a inset, 0 -2px 0 0 #262626 inset;  
        -moz-box-shadow   : 0 1px 0 0 #808181 inset, 1px 0 0 0 #939393 inset, -1px 0 0 0 #939393 inset, 0 -1px 0 0 #4a4a4a inset, 0 -2px 0 0 #262626 inset;
	    -webkit-box-shadow: 0 1px 0 0 #808181 inset, 1px 0 0 0 #939393 inset, -1px 0 0 0 #939393 inset, 0 -1px 0 0 #4a4a4a inset, 0 -2px 0 0 #262626 inset;
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.20);
    }
    

    .style-7.button.dark-gray:hover {
        border-top        : 1px solid #303030;
        border-right      : 1px solid #111;
        border-bottom     : 1px solid #111;
        border-left       : 1px solid #202020;
        background        : #343535;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzUzNTM1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDM1MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #343535 0%, #535353 51%, #343535 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#343535), color-stop(51%,#535353), color-stop(100%,#343535));
        background        : -webkit-linear-gradient(top,  #343535 0%,#535353 51%,#343535 100%);
        background        : -o-linear-gradient(top,  #343535 0%,#535353 51%,#343535 100%);
        background        : -ms-linear-gradient(top,  #343535 0%,#535353 51%,#343535 100%);
        background        : linear-gradient(top,  #343535 0%,#535353 51%,#343535 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#343535', endColorstr='#343535',GradientType=0 );
        box-shadow        : 0 1px 0 0 #808181 inset, 1px 0 0 0 #939393 inset, -1px 0 0 0 #939393 inset, 0 -1px 0 0 #4a4a4a inset;  
        -moz-box-shadow   : 0 1px 0 0 #808181 inset, 1px 0 0 0 #939393 inset, -1px 0 0 0 #939393 inset, 0 -1px 0 0 #4a4a4a inset;
	    -webkit-box-shadow: 0 1px 0 0 #808181 inset, 1px 0 0 0 #939393 inset, -1px 0 0 0 #939393 inset, 0 -1px 0 0 #4a4a4a inset;
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.20);
    }
    

    .style-7.button.dark-gray:active,
    .style-7.button.dark-gray.active {
        border-top        : 1px solid #303030;
        border-right      : 1px solid #111;
        border-bottom     : 1px solid #111;
        border-left       : 1px solid #202020;
        background        : #343535;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzUzNTM1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDM1MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #343535 0%, #535353 51%, #343535 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#343535), color-stop(51%,#535353), color-stop(100%,#343535));
        background        : -webkit-linear-gradient(top,  #343535 0%,#535353 51%,#343535 100%);
        background        : -o-linear-gradient(top,  #343535 0%,#535353 51%,#343535 100%);
        background        : -ms-linear-gradient(top,  #343535 0%,#535353 51%,#343535 100%);
        background        : linear-gradient(top,  #343535 0%,#535353 51%,#343535 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#343535', endColorstr='#343535',GradientType=0 );
        box-shadow        : 0 1px 0 0 #808181 inset, 1px 0 0 0 #939393 inset, -1px 0 0 0 #939393 inset, 0 -1px 0 0 #828282 inset;  
        -moz-box-shadow   : 0 1px 0 0 #808181 inset, 1px 0 0 0 #939393 inset, -1px 0 0 0 #939393 inset, 0 -1px 0 0 #828282 inset;
	    -webkit-box-shadow: 0 1px 0 0 #808181 inset, 1px 0 0 0 #939393 inset, -1px 0 0 0 #939393 inset, 0 -1px 0 0 #828282 inset;
        color             : #fff;
        text-shadow       : 0 1px 0 rgba(0, 0, 0, 0.20);
    }  
    
    
    /* style-7 transparent-black */
    .style-7.button.transparent-black{
        border         : 1px solid rgba(0, 0, 0, 0.4);
        background     : rgba(0, 0, 0, 0.4);
        box-shadow     : inset 0 0 0 1px rgba(255, 255, 255, 0.4);
        -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
        -webkit-shadow : inset 0 0 0 1px rgba(255, 255, 255, 0.4);
        color          : #fff;
    }
    
  
    .style-7.button.transparent-black:hover {
        border         : 1px solid rgba(0, 0, 0, 0.5);
        background     : rgba(0, 0, 0, 0.5);
        box-shadow     : inset 0 0 0 1px rgba(255, 255, 255, 0.50);
        -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.50);
        -webkit-shadow : inset 0 0 0 1px rgba(255, 255, 255, 0.50);
        color          : #fff;        
    } 
    
    .style-7.button.transparent-black:active, .style-7.button.transparent-black.active {
        border         : 1px solid rgba(0, 0, 0, 0.3);
        background     : rgba(0, 0, 0, 0.3);
        box-shadow     : inset 0 0 0 1px rgba(255, 255, 255, 0.3);
        -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
        -webkit-shadow : inset 0 0 0 1px rgba(255, 255, 255, 0.3);
        color          : #fff;         
    }    
    
    /* style-7 transparent-white */
    .style-7.button.transparent-white{
        border         : 1px solid rgba(255, 255, 255, 0.4);
        background     : rgba(255, 255, 255, 0.4);
        box-shadow     : inset 0 0 0 1px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4);
        -webkit-shadow : inset 0 0 0 1px rgba(0, 0, 0, 0.4);    
        color          : #606060;       
    }
    
    .style-7.button.transparent-white:hover {
        border         : 1px solid rgba(255, 255, 255, 0.5);
        background     : rgba(255, 255, 255, 0.5);
        box-shadow     : inset 0 0 0 1px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
        -webkit-shadow : inset 0 0 0 1px rgba(0, 0, 0, 0.5); 
        color          : #606060;        
    } 
    
    .style-7.button.transparent-white:active, .style-7.button.transparent-white.active {
        border         : 1px solid rgba(255, 255, 255, 0.3);
        background     : rgba(255, 255, 255, 0.3);
        box-shadow     : inset 0 0 0 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
        -webkit-shadow : inset 0 0 0 1px rgba(0, 0, 0, 0.3);
        color          : #606060;         
    }