/* ---------------------------------------------
	FancyBoxes
------------------------------------------------ */
/* Width and height of the _whole_ image that is used for all 3 states */
span.fancybox_holder {
  width: 20px;
  height: 60px;
}

/* width and height is the widt of your FancyBox. With margin-right you can set the space between the label text and the box
 * with margin-top you can adjust the vertical position of your box */
span.fancybox_holderWrap {
  width: 20px;
  height: 18px;
  margin-right:1px;
  margin-top:-3px;
}


/* specify your background-images */
label.fancybox_checkbox span.fancybox_holder {
  background: url(box-tick.png) 0px 0px no-repeat;
}
label.fancybox_radio span.fancybox_holder {
  background: url(circle-tick.png) 0px 0px no-repeat;
}

/* Space between two label-lines */
label.fancybox_box {
  margin-top:5px;
  text-indent: 0 !important;
  padding-left: 3px !important;
}

/* checked-state, if you use a bigger or smaller image you need to adjust the background-position accordingly */
label.fancybox_checked span.fancybox_holder, label.fancybox_checked span.fancybox_holder {
  top: -40px !important;
}
/* hover-state */
label.fancybox_checkbox.fancybox_hover span.fancybox_holder, label.fancybox_radio.fancybox_hover span.fancybox_holder {
  top: -20px;
}

/* focus-state */
label.fancybox_focus
{
	background-color:#efefef; 
}
label.fancybox_checked {
	background: #feffcc;
	}



/* ----- YOU DON'T NEED TO EDIT THE VALUES UNDERNEATH ----- */
label.fancybox_inline {
  float: left;
  margin: 0 10px 0 0;
}
input.fancybox_hidden {
  position: absolute;
  left: -10000px;
}
label.fancybox_box span.fancybox_holder {
  display: block;
  position: absolute;
}


label.fancybox_box  span.fancybox_holderWrap {
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
}

label.fancybox_box span.fancybox_holder {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}