﻿input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;

    font-size:smaller;
}

    input[type=checkbox].css-checkbox + label.css-label {
        padding-left: 20px;
        min-height: 16px;
        display: inline-block;
        /*line-height: 16px;*/
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 15px;
        vertical-align: top;
        cursor: pointer;

        font-size:smaller;
        background-image: url(../../images/checkbox/depressedUncheck.png);
    }

    input[type=checkbox].css-checkbox:checked + label.css-label {
        background-image: url(../../images/checkbox/depressedChecked.png);
    }

.css-label {
    margin:3px;
    font-size:smaller;
}

.chkList input[type=checkbox] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;

    font-size:smaller;
}

   .chkList input[type=checkbox] + label {
        padding-left: 20px;
        height: 15px;
        display: inline-block;
        line-height: 15px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 15px;
        vertical-align: middle;
        cursor: pointer;

        font-size:smaller;
    }

    .chkList input[type=checkbox]:checked + label {
        background-position: 0 -15px;
    }

.chkList label {
    background-image: url(../../images/checkbox/depressed.png);
    margin:3px;
    font-size:smaller;
}

input[type=radio].css-radio {
							display:none;
						}

						input[type=radio].css-radio + label.css-radiolabel {
							padding-left:25px;
							min-height:19px; 
							display:inline-block;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:smaller;
							vertical-align:middle;
							cursor:pointer;

                            font-size:smaller;
                            background-image: url(../../images/radioButtons/rb5UnChecked.png);

						}

						input[type=radio].css-radio:checked + label.css-radiolabel {
                            vertical-align:middle;
                            background-image: url(../../images/radioButtons/rb5Checked.png);
						}
						label.css-radiolabel {
                            vertical-align:middle;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}


/*Radio Button List Style Sheet*/
.rblList input[type=radio]{
							display:none;
						}

						.rblList input[type=radio] + label {
							padding-left:25px;
							height:19px; 
							display:inline-block;
							line-height:20px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:smaller;
							vertical-align:middle;
							cursor:pointer;

						}

						.rblList input[type=radio]:checked + label {
							background-position: 0 -19px;
						}
						.rblList label {
				background-image:url('../../images/radioButtons/rb5.png');
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}