.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {clear: both;}

.clearfix {*zoom: 1;}

.prettycheckbox,
.prettyradio {
    display: inline-block;
    padding:0;
    margin-bottom:-8px;
}

.prettycheckbox,
.prettyradio:checked {
    display: inline-block;
    padding:0;
    margin-bottom:-8px;
	 color: #49bc48;
}

.prettycheckbox a,
.prettyradio a{
    width: 30px;
    height: 30px;
    background: url(../img/check/prettyCheckable-snow.png) top left no-repeat;
    display: block;
    float: left;
    cursor: pointer;
    margin:0;
}

.prettycheckbox.skyblue [data-dir="DS9"] + a,
.prettyradio.skyblue [data-dir="DS9"] + a{ background-image: url(../img/check/DS9/prettyCheckable-skyblue.png);}

.prettycheckbox.lac [data-dir="DS9"] + a,
.prettyradio.lac [data-dir="DS9"] + a{ background-image: url(../img/check/DS9/prettyCheckable-lac.png);}

.prettycheckbox.snow [data-dir="DS3"] + a,
.prettyradio.snow [data-dir="DS3"] + a{ background-image: url(../img/check/DS3/prettyCheckable-snow.png);}

.prettycheckbox.blue [data-dir="DS3"] + a,
.prettyradio.blue [data-dir="DS3"] + a{ background-image: url(../img/check/DS3/prettyCheckable-blue.png);}

.prettycheckbox.green [data-dir="DS3"] + a,
.prettyradio.green [data-dir="DS3"] + a{ background-image: url(../img/check/DS3/prettyCheckable-green.png);}

.prettycheckbox.red [data-dir="DS3"] + a,
.prettyradio.red [data-dir="DS3"] + a{ background-image: url(../img/check/DS3/prettyCheckable-red.png);}

.prettycheckbox.orange [data-dir="DS3"] + a,
.prettyradio.orange [data-dir="DS3"] + a{ background-image: url(../img/check/DS3/prettyCheckable-orange.png);}

.prettycheckbox.sand [data-dir="DS3"] + a,
.prettyradio.sand [data-dir="DS3"] + a{ background-image: url(../img/check/DS3/prettyCheckable-sand.png);}

.prettycheckbox.black [data-dir="DS3"] + a,
.prettyradio.black [data-dir="DS3"] + a{ background-image: url(../img/check/DS3/prettyCheckable-black.png);}

.prettycheckbox.white [data-dir="DS10"] + a,
.prettyradio.white [data-dir="DS10"] + a{ background-image: url(../img/check/DS10/prettyCheckable-white.png);}

.prettycheckbox.gray [data-dir="DS10"] + a,
.prettyradio.gray [data-dir="DS10"] + a{ background-image: url(../img/check/DS10/prettyCheckable-gray.png);}

.prettycheckbox.black [data-dir="DS10"] + a,
.prettyradio.black [data-dir="DS10"] + a{ background-image: url(../img/check/DS10/prettyCheckable-black.png);}

.prettycheckbox.clear [data-dir="DS10"] + a,
.prettyradio.clear [data-dir="DS10"] + a{ background-image: url(../img/check/DS10/prettyCheckable-clear.png);}

.prettycheckbox.orange [data-dir="DS10"] + a,
.prettyradio.orange [data-dir="DS10"] + a{ background-image: url(../img/check/DS10/prettyCheckable-orange.png);}

.prettycheckbox.red [data-dir="DS10"] + a,
.prettyradio.red [data-dir="DS10"] + a{ background-image: url(../img/check/DS10/prettyCheckable-red.png);}

.prettycheckbox.purple [data-dir="DS10"] + a,
.prettyradio.purple [data-dir="DS10"] + a{ background-image: url(../img/check/DS10/prettyCheckable-purple.png);}

.prettycheckbox.classicblue [data-dir="DS10"] + a,
.prettyradio.classicblue [data-dir="DS10"] + a{ background-image: url(../img/check/DS10/prettyCheckable-classicblue.png);}

.prettycheckbox.skyblue [data-dir="DS10"] + a,
.prettyradio.skyblue [data-dir="DS10"] + a{ background-image: url(../img/check/DS10/prettyCheckable-skyblue.png);}

.prettycheckbox.anthracite [data-dir="DS10"] + a,
.prettyradio.anthracite [data-dir="DS10"] + a{ background-image: url(../img/check/DS10/prettyCheckable-anthracite.png);}









.prettyradio a {background-position: 0 -120px;}

.prettycheckbox a:focus,
.prettyradio a:focus {outline: 0 none;}

.prettycheckbox a:focus{background-position: 0 -30px;}
.prettyradio a:focus{background-position: 0 -150px;}

.prettycheckbox a.checked{ background-position: 0 -60px; }
.prettyradio a.checked { background-position: 0 -180px; }

.prettycheckbox a.checked:focus{ background-position: 0 -90px; }
.prettyradio a.checked:focus { background-position: 0 -210px; }

.prettycheckbox label,
.prettyradio label {
  display: block;
  float: left;
  margin: 6px 5px;
  cursor: pointer;
  font-size:17px;
}

label.highlight {
  display: block;
  float: left;
  margin: 6px 5px;
  cursor: pointer;
  font-size:17px;
    color: #49bc48;
}

.prettycheckbox.disabled a,
.prettyradio.disabled a,
.prettycheckbox.disabled label,
.prettyradio.disabled label{
  cursor:not-allowed;
}

.prettycheckbox.disabled a {
  background-position: 0 -240px;
}

.prettyradio.disabled a {
  background-position: 0 -270px;
}
.prettycheckbox label {
	display: none !important;
}

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: middle;
  text-align:center;
}

.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

label.highlight {
  display: block;
  float: left;
  margin: 6px 5px;
  cursor: pointer;
  font-size:17px;
    color: #49bc48;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}