/*Se le asigna a todo el form un estilo de fuente Verdana*/
#form-1{
    font-family: Verdana, Arial;
}
 
#form-1 legend{
    font-size: 20px;
    padding: 5px 10px;
}
 
#form-1 ul {
    float: left;
    width: 310px;
}
 
#form-1 li{
    float: left;
    list-style: none;
    padding: 5px 0;
    width: 50%;
}
 
#form-1 li input{
    /**float: left;*/
    height: auto;
    margin-right: 3px;
    vertical-align: middle;
    width: auto;
}
 
#form-1 label{
    clear: none;
    display: inline-block;
    /*float: left;*/
    height: auto;
    vertical-align: middle;
    width: auto;
    zoom: 1;
    display: inline;
}
 
/**
* Se comienza a asignar el tamaño que se quiere que tenga el checkbox Falso así como la imágen que lo tendrá
*/
#form-1 .footage-checkbox {
    background: url(../img/Ratio_Btn.jpg) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 21px;
    margin-right: 6px;
    width: 21px;
}
 
/*
* Es aquí donde a manera de sprite cuando el checkbox ficticio tenga la clase "checked" solo se recorrerá la imágen hacia arriba para dar el aspecto deseado
*/
#form-1 .footage-checkbox.checked {
    background-position: 0 -21px !important;
}