/* Refrences:
http://stackoverflow.com/questions/306252/how-to-align-checkboxes-and-their-labels-consistently-cross-browsers
*/

/* style for the element acting as the CheckBox */
.checkBox  {
    border-width: 0px;
    display: table;
    
    margin:0px;
    padding: 0px;

    overflow: hidden; 
    white-space: nowrap;
    
    /* IE padding fix */
    #margin-right:-5px;
    #padding-left: 5px;
    #text-indent: -5px;
    
}

/* style for the radio button of the input */
.checkBox div input  
{
    border-width: 0px;
    margin:0px;
    padding: 0px;

    display:inline-block;
    position: relative; 
    vertical-align: middle;
    
} 

/* style for the container of the text */
.checkBox div span 
{ 
    border-width: 0px;
    margin:0px;
    padding: 0px;
 
    display:inline-block;
    position: relative; 
    vertical-align: middle; 
  
    white-space: normal;
}