input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
    opacity   : 0;
    /*display: none;*/
    position: absolute;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
    display      : inline-block;
    line-height  : 29px;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span {
    display          : inline-block;
    width: 20px;
    height: 20px;
    margin: 0.25em 0.5em 0.25em 0;
    border: 1px solid rgb(192,192,192);
    background       : rgb(224,224,224);
    background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
    vertical-align   : bottom;
}

input[type=radio   ]:not(old) + label > span {
    border-radius: 100%;
    vertical-align: top;

}

input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
    background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

input[type=checkbox]:not(old):checked + label > span:before{
    content     : '✓';
    display     : block;
    width       : 1em;
    color       : rgb(153,204,102);
    font-size   : 0.875em;
    line-height : 1em;
    text-align  : center;
    text-shadow : 0 0 0.0714em rgb(115,153,77);
    font-weight : bold;
}

input[type=radio]:not(old):checked +  label > span > span{
    display          : block;
    width: 10px;
    height: 10px;
    margin: 4px;
    border: 1px solid rgb(68, 68, 68);
    border-radius: 100%;


    background: #7E7E7E;
}

input[type=radio   ]:not(old) + label > div {
}

.teglalap .felsorolas_radio {
    border-radius: 0;
    width: 100%;
    height: 37px;
}
.teglalap input[type=radio]:not(old):checked + label > span > span {
    display: block;
    width: auto;
    height: auto;
    margin: 2px;
    border: none;
    border-radius: 0;
    background: #7e7e7e;
    color: #ffffff;
}
.teglalap .label {
    display: block;
    width: 100%;
}

.tablazatban {
    border-collapse: collapse;
}

.tablazatban .teglalap .felsorolas_radio {
    line-height: initial;
    font-size: 12px;
    background-image: none;
    display: block;
    font-weight: bold;
}
.kerdoiv table.tablazatban tr td {
    border: 1px solid #dddddd;
    padding: 0;
    height: 100%;
    vertical-align: middle;
    width: auto;
}
.tablazatban .felsorolas_radio {
    background: transparent;
    border: none;
}
.teglalap input[type=radio]:not(old):checked + label {
    background: #7e7e7e;
    color: #ffffff;
    padding-right: 0px;
    padding-left: 0;
}
.tablazatban .teglalap input[type=radio]:not(old):checked + label > span > span {
    margin: 0;
}
.tablazatban .teglalap label {
    width: 100%;
    height: 100%;
    display: block;
}
.tablazatban .teglalap label {
    margin: 0;
    padding: 10px 0;
}