/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect
*/
input[type=checkbox] {
    display:none; 
    margin:10px;
}
 
/*
  Change the look'n'feel of labels (which are adjacent to radiobuttons).
  Add some margin, padding to label
*/
input[type=checkbox] + label  {
    
    margin:5px;  
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 3px 7px;
    background-color: #e7e7e7;
    border-color: #ddd;
    border-width: 2px;
    border-style:solid;
    width:250px;
    text-align:left;    
    
}
input[type="checkbox"]:hover + label:hover 
{
	color: #fff;
  background-color: #7DBFFF;
   cursor: pointer;
}
/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
input[type=checkbox]:checked + label { 
   background-image: none;
   background-color:#99CC00;
   color:#ffffff;
}
.nopadImg {
	margin:0px;
	padding:0px;
}