﻿

        .ListControl input[type=checkbox]
        {
            display: none;
        }

        .ListControl label
        {
            display: inline;
            float: left;
            color: #333;
            cursor: pointer;
            text-indent: 20px;
            white-space: nowrap;
        }
        
        
        /*Check Box*/
        .ListControl input[type=checkbox] + label
        {
            display          : block;
            width            : 1em;
            height           : 1em;
            vertical-align   : middle;
            line-height      : 1em;
            font-size        : 14px;
            border           : 0.1025em solid rgb(192,192,192);
            border-radius    : 0.25em;
            background       : rgb(255,255,255);
            background-image : -moz-linear-gradient(rgb(240,240,240),rgb(255,255,255));
            background-image : -ms-linear-gradient(rgb(240,240,240),rgb(255,255,255));
            background-image : -o-linear-gradient(rgb(240,240,240),rgb(255,255,255));
            background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(255,255,255));
            background-image : linear-gradient(rgb(240,240,240),rgb(255,255,255));
			-webkit-border-radius: 0.25em; 
			-moz-border-radius: 0.25em; 
          
        }

        .ListControl input[type=checkbox]:checked + label::before
        {
            content         : "\2714";
            color           : #EC2244;
            height          : 1em;
            line-height     : 1.1em;
            width           : 1em;
            font-weight     : 900;
            margin-right    : 6px;
            margin-left     : -20px;
        }
        
         .ListControl input[type=checkbox]:disabled + label::before
        {
            content         : "\2714";
            color           : #EC2244;
            height          : 1em;
            line-height     : 1.1em;
            width           : 1em;
            font-weight     : 900;
            margin-right    : 6px;
            margin-left     : -20px;
        }
        
        /*Radio Button*/
        .ListControl input[type=radio] + label  
        {
            display          :block;
            width            : 1em;
            height           : 1em;
            border           : 0.0625em solid rgb(192,192,192);
            border-radius    : 1em;
            background       : rgb(211,168,255);
            background-image : -moz-linear-gradient(rgb(240,240,240),rgb(211,168,255));
            background-image : -ms-linear-gradient(rgb(240,240,240),rgb(211,168,255));
            background-image : -o-linear-gradient(rgb(240,240,240),rgb(211,168,255));
            background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(211,168,255));
            background-image : linear-gradient(rgb(240,240,240),rgb(211,168,255));
            vertical-align   : middle;
            line-height      : 1em;
            font-size        : 14px;
			-webkit-border-radius: 1em; 
			-moz-border-radius: 1em; 
        }

        .ListControl input[type=radio]:checked + label::before
        {
            content         : "\2716";
            color           : #fff;
            display         : inline;
            width           : 1em;
            height          : 1em;
            margin-right    : 6px;
            margin-left     : -20px;
        }
