/*

Uniform Theme: Agent
Version: 1.0
By: Collin Allen
License: Creative Commons Share Alike
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/

*/

/* Global Declaration */


div.checker span
{
  background-image: url(./img/sprite-agent.png);
  background-repeat: no-repeat;
}


.checker, 
.checker *{
	margin: 0;
	padding: 0;
}

/* SPRITES */
/* Checkbox */

div.checker {
  margin-top:  6px;
  width: 14px;
  height: 14px;
}

div.checker input {
  width: 14px;
  height: 14px;
}

div.checker span {
  background-position: 0px -2px;
  height: 14px;
  width: 14px;
}

div.checker:active span, 
div.checker.active span {
	background-position: -20px -2px;
}

div.checker.focus span,
div.checker:hover span {
	background-position: -40px -2px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
	background-position: -60px -2px;
}

div.checker span.checked {
	background-position: -80px -2px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
	background-position: -99px -2px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
	background-position: -120px -2px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
	background-position: -139px -2px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
	background-position: -159px -2px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
	background-position: -179px -2px;
}

/* PRESENTATION */


/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.checker input:focus{
  outline: 0;
}

/* checker */

 div.checker {
	position: relative;
	float: left;
}

 div.checker span {
	display: block;
	float: left;
	text-align: center;
}

div.checker input {
  opacity: 0;
  display: inline-block;
}