/**
 * Checkbox Style
 */
.checkboxStyle {
  float:left;
	width:17px;
	height:17px;
	background: #f3f2ef;
	border-radius:25%;
	position: relative;
	-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	margin-right:5px;
}

/**
 * Create the checkbox button
 */
.checkboxStyle label {
	display: block;
	border-radius: 100px;

	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;
	
	width: 7px; 
	height: 7px; 
	-webkit-border-radius:100%; 
	-moz-border-radius:100%; 
	border-radius: 100%; 
	background: #cacaca;
	-webkit-box-shadow: 1px 1px 1px #333; 
	-moz-box-shadow: 1px 1px 1px #333; 
	box-shadow: 1px 1px 1px #333; 
	border:1px solid transparent;
}

/**
 * Create the checked state
 */
.checkboxStyle input[type=checkbox]:checked + label {
	background: #5fb703;
  border: solid 1px #94c11f; 
	background-image: -webkit-linear-gradient(bottom, #63c404, #599d00); 
	background-image: -moz-linear-gradient(bottom, #63c404, #599d00); 
	background-image: -o-linear-gradient(bottom, #63c404, #599d00); 
	background-image: -ms-linear-gradient(bottom, #63c404, #599d00); 
	background-image: linear-gradient(to top, #63c404, #599d00); 
  -webkit-box-shadow: 1px 1px 1px #333; 
	-moz-box-shadow: 1px 1px 1px #333; 
	box-shadow: 1px 1px 1px #333; 
}



/*  radio style */
.radioStyle {
  float:left;
	width:17px;
	height:17px;
	background: #f3f2ef;
	border-radius:100%;
	position: relative;
	-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	margin-right:5px;
}

/**
 * Create the checkbox button
 */
.radioStyle label {
	display: block;
	border-radius: 100px;

	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;
	width: 6px !important; 
	height: 6px !important; 
	-webkit-border-radius:100%; 
	-moz-border-radius:100%; 
	border-radius: 100%; 
	background: #cacaca;
	-webkit-box-shadow: 1px 1px 1px #333; 
	-moz-box-shadow: 1px 1px 1px #333; 
	box-shadow: 1px 1px 1px #333; 
	border:1px solid transparent;
}

/**
 * Create the checked state
 */
.radioStyle input[type=radio]:checked + label {
	background: #5fb703;
  border: solid 1px #94c11f; 
	background-image: -webkit-linear-gradient(bottom, #63c404, #599d00); 
	background-image: -moz-linear-gradient(bottom, #63c404, #599d00); 
	background-image: -o-linear-gradient(bottom, #63c404, #599d00); 
	background-image: -ms-linear-gradient(bottom, #63c404, #599d00); 
	background-image: linear-gradient(to top, #63c404, #599d00); 
  -webkit-box-shadow: 1px 1px 1px #333; 
	-moz-box-shadow: 1px 1px 1px #333; 
	box-shadow: 1px 1px 1px #333; 
}

/*  radio style */

/*round button on { width: 9px; height: 9px; -webkit-border-radius: 4px 5px 5px 4px/4px 4px 5px 5px; -moz-border-radius: 4px 5px 5px 4px/4px 4px 5px 5px; border-radius: 4px 5px 5px 4px/4px 4px 5px 5px; background-color: #fff; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.75), inset 1px 1px 1px rgba(255,255,255,.75); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.75), inset 1px 1px 1px rgba(255,255,255,.75); box-shadow: 1px 1px 1px rgba(0,0,0,.75), inset 1px 1px 1px rgba(255,255,255,.75); border: solid 1px #94c11f; background-image: -webkit-linear-gradient(bottom, #63c404, #599d00); background-image: -moz-linear-gradient(bottom, #63c404, #599d00); background-image: -o-linear-gradient(bottom, #63c404, #599d00); background-image: -ms-linear-gradient(bottom, #63c404, #599d00); background-image: linear-gradient(to top, #63c404, #599d00); }*/