.checkbox {
	position:relative;

	height: 13px;
	width: 16px;

	display:inline-block;
	
	background-image: url('../icons/controls.png');
	background-position: -3px 752px;
	vertical-align: middle;
	padding-top: 0px;
	background-repeat: repeat-y;
	margin-bottom: 2px;
}

.checkbox.large, .checkbox.large.promptColourDefault{height: 20px; width: 24px; background: url('../icons/largeCheckboxSprite.png') no-repeat -3px -185px;}
.checkbox.large.promptColour1 {background-position: -73px -185px;}
.checkbox.large.promptColour2 {background-position: -143px -185px;}
.checkbox.large.promptColour3 {background-position: -213px -185px;}
.checkbox.large.promptColour4 {background-position: -283px -185px;}
.checkbox.large.promptColour5 {background-position: -353px -185px;}
.checkbox.large.promptColour6 {background-position: -423px -185px;}
.checkbox.large.promptColour7 {background-position: -493px -185px;}
.checkbox.large.promptColour8 {background-position: -563px -185px;}
.checkbox.large.promptColour9 {background-position: -633px -185px;}

.checkbox.foreground {position: absolute;}

.checkbox.checked, 
.checkbox.checked.promptColourDefault {background-position: -3px 657px;}
.checkbox.checked.promptColour1 {background-position: -73px 657px;}
.checkbox.checked.promptColour2 {background-position: -143px 657px;}
.checkbox.checked.promptColour3 {background-position: -213px 657px;}
.checkbox.checked.promptColour4 {background-position: -283px 657px;}
.checkbox.checked.promptColour5 {background-position: -353px 657px;}
.checkbox.checked.promptColour6 {background-position: -423px 657px;}
.checkbox.checked.promptColour7 {background-position: -493px 657px;}
.checkbox.checked.promptColour8 {background-position: -563px 657px;}
.checkbox.checked.promptColour9 {background-position: -633px 657px;}

.checkbox.disabled, 
.checkbox.disabled.promptColourDefault {background-position: -3px 695px;}
.checkbox.disabled.promptColour1 {background-position: -73px 695px;}
.checkbox.disabled.promptColour2 {background-position: -143px 695px;}
.checkbox.disabled.promptColour3 {background-position: -213px 695px;}
.checkbox.disabled.promptColour4 {background-position: -283px 695px;}
.checkbox.disabled.promptColour5 {background-position: -353px 695px;}
.checkbox.disabled.promptColour6 {background-position: -423px 695px;}
.checkbox.disabled.promptColour7 {background-position: -493px 695px;}
.checkbox.disabled.promptColour8 {background-position: -563px 695px;}
.checkbox.disabled.promptColour9 {background-position: -633px 695px;}

.checkbox.disabled.hover, 
.checkbox.disabled.hover.promptColourDefault {background-position: -3px 695px;}
.checkbox.disabled.hover.promptColour1 {background-position: -73px 695px;}
.checkbox.disabled.hover.promptColour2 {background-position: -143px 695px;}
.checkbox.disabled.hover.promptColour3 {background-position: -213px 695px;}
.checkbox.disabled.hover.promptColour4 {background-position: -283px 695px;}
.checkbox.disabled.hover.promptColour5 {background-position: -353px 695px;}
.checkbox.disabled.hover.promptColour6 {background-position: -423px 695px;}
.checkbox.disabled.hover.promptColour7 {background-position: -493px 695px;}
.checkbox.disabled.hover.promptColour8 {background-position: -563px 695px;}
.checkbox.disabled.hover.promptColour9 {background-position: -633px 695px;}

.checkbox.disabled .checkbox.checked, 
.checkbox.disabled .checkbox.checked.promptColourDefault {background-position: -3px 638px;}
.checkbox.disabled .checkbox.checked.promptColour1 {background-position: -73px 638px;}
.checkbox.disabled .checkbox.checked.promptColour2 {background-position: -143px 638px;}
.checkbox.disabled .checkbox.checked.promptColour3 {background-position: -213px 638px;}
.checkbox.disabled .checkbox.checked.promptColour4 {background-position: -283px 638px;}
.checkbox.disabled .checkbox.checked.promptColour5 {background-position: -353px 638px;}
.checkbox.disabled .checkbox.checked.promptColour6 {background-position: -423px 638px;}
.checkbox.disabled .checkbox.checked.promptColour7 {background-position: -493px 638px;}
.checkbox.disabled .checkbox.checked.promptColour8 {background-position: -563px 638px;}
.checkbox.disabled .checkbox.checked.promptColour9 {background-position: -633px 638px;}

.checkbox.enabled, 
.checkbox.enabled.promptColourDefault {background-position: -3px 733px;}
.checkbox.enabled.promptColour1 {background-position: -73px 733px;}
.checkbox.enabled.promptColour2 {background-position: -143px 733px;}
.checkbox.enabled.promptColour3 {background-position: -213px 733px;}
.checkbox.enabled.promptColour4 {background-position: -283px 733px;}
.checkbox.enabled.promptColour5 {background-position: -353px 733px;}
.checkbox.enabled.promptColour6 {background-position: -423px 733px;}
.checkbox.enabled.promptColour7 {background-position: -493px 733px;}
.checkbox.enabled.promptColour8 {background-position: -563px 733px;}
.checkbox.enabled.promptColour9 {background-position: -633px 733px;}

.checkbox.hover, 
.checkbox.hover.promptColourDefault {background-position: -3px 676px;}
.checkbox.hover.promptColour1 {background-position: -73px 676px;}
.checkbox.hover.promptColour2 {background-position: -143px 676px;}
.checkbox.hover.promptColour3 {background-position: -213px 676px;}
.checkbox.hover.promptColour4 {background-position: -283px 676px;}
.checkbox.hover.promptColour5 {background-position: -353px 676px;}
.checkbox.hover.promptColour6 {background-position: -423px 676px;}
.checkbox.hover.promptColour7 {background-position: -493px 676px;}
.checkbox.hover.promptColour8 {background-position: -563px 676px;}
.checkbox.hover.promptColour9 {background-position: -633px 676px;}

.checkbox.active, 
.checkbox.active.promptColourDefault {background-position: -3px 713px;}
.checkbox.active.promptColour1 {background-position: -73px 713px;}
.checkbox.active.promptColour2 {background-position: -143px 713px;}
.checkbox.active.promptColour3 {background-position: -213px 713px;}
.checkbox.active.promptColour4 {background-position: -283px 713px;}
.checkbox.active.promptColour5 {background-position: -353px 713px;}
.checkbox.active.promptColour6 {background-position: -423px 713px;}
.checkbox.active.promptColour7 {background-position: -493px 713px;}
.checkbox.active.promptColour8 {background-position: -563px 713px;}
.checkbox.active.promptColour9 {background-position: -633px 713px;}


.checkbox.large.checked, 
.checkbox.large.checked.promptColourDefault {background-position: -3px -107px;}
.checkbox.large.checked.promptColour1 {background-position: -73px -107px;}
.checkbox.large.checked.promptColour2 {background-position: -143px -107px;}
.checkbox.large.checked.promptColour3 {background-position: -213px -107px;}
.checkbox.large.checked.promptColour4 {background-position: -283px -107px;}
.checkbox.large.checked.promptColour5 {background-position: -353px -107px;}
.checkbox.large.checked.promptColour6 {background-position: -423px -107px;}
.checkbox.large.checked.promptColour7 {background-position: -493px -107px;}
.checkbox.large.checked.promptColour8 {background-position: -563px -107px;}
.checkbox.large.checked.promptColour9 {background-position: -633px -107px;}

.checkbox.large.disabled, 
.checkbox.large.disabled.promptColourDefault {background-position: -3px -55px;}
.checkbox.large.disabled.promptColour1 {background-position: -73px -55px;}
.checkbox.large.disabled.promptColour2 {background-position: -143px -55px;}
.checkbox.large.disabled.promptColour3 {background-position: -213px -55px;}
.checkbox.large.disabled.promptColour4 {background-position: -283px -55px;}
.checkbox.large.disabled.promptColour5 {background-position: -353px -55px;}
.checkbox.large.disabled.promptColour6 {background-position: -423px -55px;}
.checkbox.large.disabled.promptColour7 {background-position: -493px -55px;}
.checkbox.large.disabled.promptColour8 {background-position: -563px -55px;}
.checkbox.large.disabled.promptColour9 {background-position: -633px -55px;}

.checkbox.large.disabled.hover, 
.checkbox.large.disabled.hover.promptColourDefault {background-position: -3px -55px;}
.checkbox.large.disabled.hover.promptColour1 {background-position: -73px -55px;}
.checkbox.large.disabled.hover.promptColour2 {background-position: -143px -55px;}
.checkbox.large.disabled.hover.promptColour3 {background-position: -213px -55px;}
.checkbox.large.disabled.hover.promptColour4 {background-position: -283px -55px;}
.checkbox.large.disabled.hover.promptColour5 {background-position: -353px -55px;}
.checkbox.large.disabled.hover.promptColour6 {background-position: -423px -55px;}
.checkbox.large.disabled.hover.promptColour7 {background-position: -493px -55px;}
.checkbox.large.disabled.hover.promptColour8 {background-position: -563px -55px;}
.checkbox.large.disabled.hover.promptColour9 {background-position: -633px -55px;}

.checkbox.large.disabled .checkbox.checked, 
.checkbox.large.disabled .checkbox.checked.promptColourDefault {background-position: -3px -133px;}
.checkbox.large.disabled .checkbox.checked.promptColour1 {background-position: -73px -133px;}
.checkbox.large.disabled .checkbox.checked.promptColour2 {background-position: -143px -133px;}
.checkbox.large.disabled .checkbox.checked.promptColour3 {background-position: -213px -133px;}
.checkbox.large.disabled .checkbox.checked.promptColour4 {background-position: -283px -133px;}
.checkbox.large.disabled .checkbox.checked.promptColour5 {background-position: -353px -133px;}
.checkbox.large.disabled .checkbox.checked.promptColour6 {background-position: -423px -133px;}
.checkbox.large.disabled .checkbox.checked.promptColour7 {background-position: -493px -133px;}
.checkbox.large.disabled .checkbox.checked.promptColour8 {background-position: -563px -133px;}
.checkbox.large.disabled .checkbox.checked.promptColour9 {background-position: -633px -133px;}

.checkbox.large.enabled, 
.checkbox.large.enabled.promptColourDefault {background-position: -3px -3px;}
.checkbox.large.enabled.promptColour1 {background-position: -73px -3px;}
.checkbox.large.enabled.promptColour2 {background-position: -143px -3px;}
.checkbox.large.enabled.promptColour3 {background-position: -213px -3px;}
.checkbox.large.enabled.promptColour4 {background-position: -283px -3px;}
.checkbox.large.enabled.promptColour5 {background-position: -353px -3px;}
.checkbox.large.enabled.promptColour6 {background-position: -423px -3px;}
.checkbox.large.enabled.promptColour7 {background-position: -493px -3px;}
.checkbox.large.enabled.promptColour8 {background-position: -563px -3px;}
.checkbox.large.enabled.promptColour9 {background-position: -633px -3px;}

.checkbox.large.enabled.hover, 
.checkbox.large.enabled.hover.promptColourDefault {background-position: -3px -81px;}
.checkbox.large.enabled.hover.promptColour1 {background-position: -73px -81px;}
.checkbox.large.enabled.hover.promptColour2 {background-position: -143px -81px;}
.checkbox.large.enabled.hover.promptColour3 {background-position: -213px -81px;}
.checkbox.large.enabled.hover.promptColour4 {background-position: -283px -81px;}
.checkbox.large.enabled.hover.promptColour5 {background-position: -353px -81px;}
.checkbox.large.enabled.hover.promptColour6 {background-position: -423px -81px;}
.checkbox.large.enabled.hover.promptColour7 {background-position: -493px -81px;}
.checkbox.large.enabled.hover.promptColour8 {background-position: -563px -81px;}
.checkbox.large.enabled.hover.promptColour9 {background-position: -633px -81px;}

.checkbox.large.active, 
.checkbox.large.active.promptColourDefault {background-position: -3px -29px;}
.checkbox.large.active.promptColour1 {background-position: -73px -29px;}
.checkbox.large.active.promptColour2 {background-position: -143px -29px;}
.checkbox.large.active.promptColour3 {background-position: -213px -29px;}
.checkbox.large.active.promptColour4 {background-position: -283px -29px;}
.checkbox.large.active.promptColour5 {background-position: -353px -29px;}
.checkbox.large.active.promptColour6 {background-position: -423px -29px;}
.checkbox.large.active.promptColour7 {background-position: -493px -29px;}
.checkbox.large.active.promptColour8 {background-position: -563px -29px;}
.checkbox.large.active.promptColour9 {background-position: -633px -29px;}


.checkbox-control {
	position: absolute;
	top: 0px;
	left: 0px;

	height: 13px;
	width: 13px;

	margin: 0;
	margin-right: 2px;
	padding: 0;
	border: 0;

	opacity: 0.0;
}

.checkbox-control.large {
	height: 20px;
	width: 20px;
}

.diagnostics {
	outline: 1px solid green;
}