.lfbutton {
    display: inline-block;
    font-family: Arial, Verdana, sans-serif;
    line-height: 12px;
    color: #000;
    overflow: hidden;
    font-size: 12px;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    background-color: #f4f4f4;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #f4f4f4), to( #d0d0d0));
    background-image: -moz-linear-gradient(top,  #f4f4f4,  #d0d0d0 100%);
    background-image: -webkit-linear-gradient(top,  #f4f4f4,  #d0d0d0 100%);
    background-image: -o-linear-gradient(top,  #f4f4f4,  #d0d0d0 100%);
    background-image: -ms-linear-gradient(top,  #f4f4f4,  #d0d0d0 100%);
    border: 1px solid #f3f3f3;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 2px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 2px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 2px 2px rgba(0, 0, 0, .2);
    -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 2px 2px rgba(0, 0, 0, .2);
    -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 2px 2px rgba(0, 0, 0, .2);
    padding: 6px 10px;
}
.lfbutton.lfrounded {
    border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -ms-border-radius: 15px 15px 15px 15px;
    -o-border-radius: 15px 15px 15px 15px;
}
.lfbutton:hover {
    text-decoration: none;
    background-color: #d0d0d0;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #d0d0d0), to( #f4f4f4));
    background-image: -moz-linear-gradient(top,  #d0d0d0,  #f4f4f4 100%);
    background-image: -webkit-linear-gradient(top,  #d0d0d0,  #f4f4f4 100%);
    background-image: -o-linear-gradient(top,  #d0d0d0,  #f4f4f4 100%);
    background-image: -ms-linear-gradient(top,  #d0d0d0,  #f4f4f4 100%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .3);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .3);
    -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .3);
    -o-box-shadow: 0 2px 2px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .3);
    text-shadow: 0 1px 0 #fff;
}
.lfbutton:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .3);
    -ms-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .3);
}
.lfbutton.lfblue {
    border: 1px solid #004b77;
    background-color: #0072b4;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #0072b4), to( #006097));
    background-image: -moz-linear-gradient(top,  #0072b4,  #006097 100%);
    background-image: -webkit-linear-gradient(top,  #0072b4,  #006097 100%);
    background-image: -o-linear-gradient(top,  #0072b4,  #006097 100%);
    background-image: -ms-linear-gradient(top,  #0072b4,  #006097 100%);
}
.lfbutton.lfblue:hover {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    background-color: #006097;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #006097), to( #0072b4));
    background-image: -moz-linear-gradient(top,  #006097,  #0072b4 100%);
    background-image: -webkit-linear-gradient(top,  #006097,  #0072b4 100%);
    background-image: -o-linear-gradient(top,  #006097,  #0072b4 100%);
    background-image: -ms-linear-gradient(top,  #006097,  #0072b4 100%);
}
.lfbutton.lfgreen {
    border: 1px solid #2a7700;
    background-color: #42bc00;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #42bc00), to( #359700));
    background-image: -moz-linear-gradient(top,  #42bc00,  #359700 100%);
    background-image: -webkit-linear-gradient(top,  #42bc00,  #359700 100%);
    background-image: -o-linear-gradient(top,  #42bc00,  #359700 100%);
    background-image: -ms-linear-gradient(top,  #42bc00,  #359700 100%);
}
.lfbutton.lfgreen:hover {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    background-color: #359700;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #359700), to( #42bc00));
    background-image: -moz-linear-gradient(top,  #359700,  #42bc00 100%);
    background-image: -webkit-linear-gradient(top,  #359700,  #42bc00 100%);
    background-image: -o-linear-gradient(top,  #359700,  #42bc00 100%);
    background-image: -ms-linear-gradient(top,  #359700,  #42bc00 100%);
}
.lfbutton.lfred {
    border: 1px solid #7d0000;
    background-color: #c40000;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #c40000), to( #a20000));
    background-image: -moz-linear-gradient(top,  #c40000,  #a20000 100%);
    background-image: -webkit-linear-gradient(top,  #c40000,  #a20000 100%);
    background-image: -o-linear-gradient(top,  #c40000,  #a20000 100%);
    background-image: -ms-linear-gradient(top,  #c40000,  #a20000 100%);
}
.lfbutton.lfred:hover {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    background-color: #a20000;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #a20000), to( #c40000));
    background-image: -moz-linear-gradient(top,  #a20000,  #c40000 100%);
    background-image: -webkit-linear-gradient(top,  #a20000,  #c40000 100%);
    background-image: -o-linear-gradient(top,  #a20000,  #c40000 100%);
    background-image: -ms-linear-gradient(top,  #a20000,  #c40000 100%);
}
.lfbutton.lfyellow {
    border: 1px solid #908700;
    background-color: #f5e700;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #f5e700), to( #b7ac00));
    background-image: -moz-linear-gradient(top,  #f5e700,  #b7ac00 100%);
    background-image: -webkit-linear-gradient(top,  #f5e700,  #b7ac00 100%);
    background-image: -o-linear-gradient(top,  #f5e700,  #b7ac00 100%);
    background-image: -ms-linear-gradient(top,  #f5e700,  #b7ac00 100%);
}
.lfbutton.lfyellow:hover {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    background-color: #b7ac00;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #b7ac00), to( #f5e700));
    background-image: -moz-linear-gradient(top,  #b7ac00,  #f5e700 100%);
    background-image: -webkit-linear-gradient(top,  #b7ac00,  #f5e700 100%);
    background-image: -o-linear-gradient(top,  #b7ac00,  #f5e700 100%);
    background-image: -ms-linear-gradient(top,  #b7ac00,  #f5e700 100%);
}
.lfbutton.lforange {
    border: 1px solid #8e4d00;
    background-color: #fd8900;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #fd8900), to( #bb6500));
    background-image: -moz-linear-gradient(top,  #fd8900,  #bb6500 100%);
    background-image: -webkit-linear-gradient(top,  #fd8900,  #bb6500 100%);
    background-image: -o-linear-gradient(top,  #fd8900,  #bb6500 100%);
    background-image: -ms-linear-gradient(top,  #fd8900,  #bb6500 100%);
}
.lfbutton.lforange:hover {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    background-color: #bb6500;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #bb6500), to( #fd8900));
    background-image: -moz-linear-gradient(top,  #bb6500,  #fd8900 100%);
    background-image: -webkit-linear-gradient(top,  #bb6500,  #fd8900 100%);
    background-image: -o-linear-gradient(top,  #bb6500,  #fd8900 100%);
    background-image: -ms-linear-gradient(top,  #bb6500,  #fd8900 100%);
}
.lfbutton.lfbig {
    font-size: 16px;
    line-height: 16px;
    padding: 7px 10px;
}
.lfbutton.lfanimated:hover {
    padding: 6px 15px;
}
.lfbutton.lfanimated.lfbig:hover {
    padding: 7px 20px;
}
.lfbutton lfrounded {
    border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -ms-border-radius: 20px 20px 20px 20px;
    -o-border-radius: 20px 20px 20px 20px;
}