/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30 Nov, 2015, 2:39:00 PM
    Author     : user
*/

input[type=checkbox].css-checkbox {
    position:absolute; z-index:-1000; left:-1000px; 
    overflow: hidden; clip: rect(0 0 0 0); height:1px;
    width:1px; margin:-1px; padding:0; border:0;
}
input[type=checkbox].css-checkbox + label.css-label {
    padding-left:22px;
    height:15px; 
    display:inline-block;
    line-height:22px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:24px;
    vertical-align:middle;
    cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -18px;
}
input[type=checkbox].css-checkbox:disabled + label.css-label {
    opacity: .3;
}
label.css-label {
    background-image:url(../images/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0px;
}

input[type=radio].css-radio {
    position:absolute; z-index:-1000; left:-1000px; 
    overflow: hidden; clip: rect(0 0 0 0); height:1px;
    width:1px; margin:-1px; padding:0; border:0;
}
input[type=radio].css-radio + label.css-radiolabel {
    padding-left:20px;
    height:20px; 
    display:inline-block;
    line-height:22px;
    background-repeat:no-repeat;
    background-position: -0px 0;
    font-size:24px;
    vertical-align:middle;
    cursor:pointer;
}
input[type=radio].css-radio:checked + label.css-radiolabel {
    background-position: -20px 0;
}
label.css-radiolabel {
    background-image:url(../images/radio.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0px;
}