/*
* Project: prettyCheckable
* Description: jQuery plugin to replace checkboxes and radios
* Required: Font-Awesome (http://fortawesome.github.com/Font-Awesome)
* Author: Pierrick Aubin
* License: Licensed under the MIT License
*/

.prettycheckbox,
.prettyradio {
  display: inline-block;
  padding:0;
  margin:0;
  font-size: 13px;
}

.prettycheckbox.block {
  display: block;
}

.prettycheckbox a,
.prettyradio a{
  width: 15px;
  height: 15px;
  display: block;
  float: left;
  cursor: pointer;
  margin:0;
}

.prettycheckbox a,
.prettyradio a {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
margin-top: 4px;
background-color: #fAfAfA;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
text-align: center;
color: rgb(43, 123, 211);
line-height: 15px;
}

.prettycheckbox a {
-o-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.prettyradio a {
-o-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size: 8px;
line-height: 15px;
}

.prettycheckbox a:hover,
.prettyradio a:hover {
text-decoration: none;
color: rgb(43, 123, 211);
}

.prettycheckbox a.checked:before {
content: "\f00c";
}

.prettyradio a.checked:before {
content: "\f111";
}

.prettycheckbox a:focus,
.prettyradio a:focus {
outline: 0 none;
text-decoration: none;
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.prettycheckbox a.disabled,
.prettyradio a.disabled{ background:#e2e2e2; cursor: not-allowed;}

.prettycheckbox a.checked.disabled,
.prettyradio a.checked.disabled{ background:#e2e2e2; color:#7f7f7f;}

.prettycheckbox label,
.prettyradio label {
  display: block;
  float: left;
  margin: 3px 5px;
  cursor: pointer;
}