﻿/*	
	solely to be used in conjunction with ../images/didbook-application-icon-sprite-sheet.png 
	which is generated by [didbook_ApplicationIcons_WebExport.png] in [didbook > Development > Planning > Visual Design]
*/


[class^="db-icon-"],
[class*=" db-icon-"] {
  display: inline-block;
  width: 50px;
  height: 62px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 62px;
  vertical-align: text-top;
  background-image: url("../images/didbook-application-icon-sprite-sheet.png");
  background-position: 50px 62px;
  background-repeat: no-repeat;
}

[class^="db-icon-"].no-shadow,
[class*=" db-icon-"].no-shadow {
	height: 50px;
	line-height: 50px;
}

.db-icon-CrystalBall_Icon_BrainQuestion			{background-position: 0			0;}
.db-icon-CrystalBall_Icon_PositiveBarChart		{background-position: -80px		0;}
.db-icon-CrystalBall_Icon_Link					{background-position: -160px	0;}
.db-icon-CrystalBall_Icon_Star					{background-position: -240px	0;}
.db-icon-CrystalBall_Icon_ColouredList			{background-position: -320px	0;}
.db-icon-CrystalBall_Icon_MyGuests				{background-position: -400px	0;}

.db-icon-CrystalBall_Icon_MyTargets				{background-position: 0			-80px;}
.db-icon-CrystalBall_Icon_UpDownArrows			{background-position: -80px		-80px;}
.db-icon-CrystalBall_Icon_Heart					{background-position: -160px	-80px;}
.db-icon-CrystalBall_Icon_Money					{background-position: -240px	-80px;}
.db-icon-CrystalBall_Icon_DixonsStars			{background-position: -320px	-80px;}
.db-icon-CrystalBall_Icon_db					{background-position: -400px	-80px;}

.db-icon-CrystalBall_Icon_Me					{background-position: 0			-160px;}
.db-icon-CyrstalBall_Emoticon_Smile1			{background-position: -80px		-160px;}
.db-icon-CyrstalBall_Emoticon_Smile2			{background-position: -160px	-160px;}
.db-icon-CyrstalBall_Emoticon_Smile3			{background-position: -240px	-160px;}
.db-icon-CrystalBall_Icon_WX					{background-position: -320px	-160px;}
.db-icon-CrystalBall_Icon_MyCharacter			{background-position: -400px	-160px;}

.db-icon-CrystalBall_Icon_Home					{background-position: 0			-240px;}
.db-icon-CrystalBall_Icon_MondrianGrid			{background-position: -80px		-240px;}
.db-icon-CrystalBall_Icon_Plus_Green			{background-position: -160px	-240px;}
.db-icon-CrystalBall_Icon_Blank_1				{background-position: -240px	-240px;}
.db-icon-CrystalBall_Icon_Blank_2				{background-position: -320px	-240px;}
.db-icon-CrystalBall_Icon_MyUserPhoto			{background-position: -400px	-240px;}

.db-icon-CrystalBall_Icon_Users					{background-position: 0			-320px;}
.db-icon-MyImages, 
.db-icon-MyFiles, 
.db-icon-MyVideos								{background-position: -80px		-320px;}
.db-icon-CrystalBall_Icon_Errors				{background-position: -160px	-320px;}
.db-icon-CrystalBall_Icon_ImprovementFormula	{background-position: -240px	-320px;}
.db-icon-CrystalBall_Icon_Insight				{background-position: -320px	-320px;}
.db-icon-CrystalBall_Icon_TOFOLLOW3				{background-position: -400px	-320px;}

.db-icon-CrystalBall_Icon_MyProfile				{background-position: 0			-400px;}
.db-icon-CrystalBall_Icon_PersonalStatement		{background-position: -80px		-400px;}
.db-icon-CrystalBall_Icon_TOFOLLOW4				{background-position: -160px	-400px;}
.db-icon-CrystalBall_Icon_TOFOLLOW5				{background-position: -240px	-400px;}
.db-icon-CrystalBall_Icon_TOFOLLOW6				{background-position: -320px	-400px;}
.db-icon-CrystalBall_Icon_TOFOLLOW7				{background-position: -400px	-400px;}




/* --------------------------------------------------------------------------------------------------------------- */
/* application specific misc icons */
/* --------------------------------------------------------------------------------------------------------------- */


.db-icon-sad-face {
	background-position: -680px -290px;
	width: 12px;
	height: 12px;
	line-height: 16px;
}

.db-icon-showcase {
	background-position: -641px -261px;
	width: 24px;
	height: 25px;
	line-height: 25px;	
}

.db-icon-application {
	background-position: -712px -261px;
	width: 22px;
	height: 22px;
	line-height: 22px;	
}

.db-icon-plus-green {
	background-position: -678px -259px;
	width: 22px;
	height: 22px;
	line-height: 22px;
}

.db-icon-tick-blue {
	background-position: -600px -260px;
	width: 21px;
	height: 20px;
	line-height: 20px;
}

.db-icon-tick-green {
	background-position: -600px -280px;
	width: 21px;
	height: 20px;
	line-height: 20px;
}



.db-icon-prompt {
	background-position: -550px -200px;
	width: 26px;
	height: 26px;
	line-height: 26px;
}

	.db-icon-prompt:hover {
		background-position: -600px -200px;
	}


/* --------------------------------------------------------------------------------------------------------------- */
/* My Targets  and My Guests icons */
/* --------------------------------------------------------------------------------------------------------------- */

[class^="db-target-icon-"],
[class*=" db-target-icon-"],
[class^="db-guest-icon-"],
[class*=" db-guest-icon-"]
 {
  display: inline-block;
  width: 40px;
  height: 48px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 48px;
  vertical-align: text-top;
  background-image: url("../images/didbook-application-icon-sprite-sheet.png");
  background-position: 40px 48px;
  background-repeat: no-repeat;
}

[class^="db-target-icon-"].no-shadow,
[class*=" db-target-icon-"].no-shadow, 
[class^="db-guest-icon-"].no-shadow,
[class*=" db-guest-icon-"].no-shadow 
{
	height: 40px;
	line-height: 40px;
}

.db-target-icon-not-agreed						{background-position: -550px	-0px;}
.db-target-icon-agreed							{background-position: -610px	-0px;}

.db-target-icon-in-progress						{background-position: -670px	-0px;}
.db-target-icon-in-progress-behind				{background-position: -730px	-0px;}

.db-target-icon-nearly-complete					{background-position: -550px	-60px;}		/* amber */
.db-target-icon-nearly-complete-behind			{background-position: -610px	-60px;}

.db-target-icon-complete-partially-met			{background-position: -670px	-60px;}
.db-target-icon-complete-target-met				{background-position: -730px	-60px;}		/* green */
.db-target-icon-complete-signed-off				{background-position: -550px	-120px;}
.db-target-icon-complete-missed					{background-position: -610px	-120px;}

/* this isn't used by targets but is needed for traffic lights */
.db-target-icon-red								{background-position: -730px	-120px;}	/* red */


/* --------------------------------------------------------------------------------------------------------------- */
/* My Guests icons */
/* --------------------------------------------------------------------------------------------------------------- */

.db-guest-icon-blue								{background-position: -550px	-330px;}
.db-guest-icon-green							{background-position: -610px	-330px;}
.db-guest-icon-red								{background-position: -670px	-330px;}
.db-guest-icon-orange							{background-position: -730px	-330px;}



/* --------------------------------------------------------------------------------------------------------------- */
/* Traffic Light Icons */
/* --------------------------------------------------------------------------------------------------------------- */

.db-traffic-light-icon-red
 {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  *margin-right: .3em;
  line-height: 20px;
  vertical-align: text-top;
  background-image: url("../images/didbook-application-icon-sprite-sheet.png");
  background-position: -650px -201px;
  background-repeat: no-repeat;
}
.db-traffic-light-icon-amber
 {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  *margin-right: .3em;
  line-height: 20px;
  vertical-align: text-top;
  background-image: url("../images/didbook-application-icon-sprite-sheet.png");
  background-position: -680px -201px;
  background-repeat: no-repeat;
}
.db-traffic-light-icon-green
 {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  *margin-right: .3em;
  line-height: 20px;
  vertical-align: text-top;
  background-image: url("../images/didbook-application-icon-sprite-sheet.png");
  background-position: -710px -201px;
  background-repeat: no-repeat;
}
.db-traffic-light-icon-none
 {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 20px;
  vertical-align: text-top;
  background-image: url("../images/didbook-application-icon-sprite-sheet.png");
  background-position: -740px -201px;
  background-repeat: no-repeat;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* Individual (non-sprite sheet) person icons */
/* --------------------------------------------------------------------------------------------------------------- */


/* used to identify the different types of site groups in the Site Group Group Manager */
.icon-person-students {
	background-image: url(../Images/people/users1.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 17px; /* 21 - 2px transparent border */
	margin-left: -2px; /* move left to compensate for the transparent border */
	height: 21px;
	line-height: 21px;
	vertical-align: text-top;
	background-position: 0 0;
}

.icon-person-example-students {
	background-image: url(../Images/people/users2.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 17px; /* 21 - 2px transparent border */
	margin-left: -2px; /* move left to compensate for the transparent border */
	height: 21px;
	line-height: 21px;
	vertical-align: text-top;
	background-position: 0 0;
}

.icon-person-staff {
	background-image: url(../Images/people/user1.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 17px; /* 21 - 2px transparent border */
	margin-left: -2px; /* move left to compensate for the transparent border */
	height: 21px;
	line-height: 21px;
	vertical-align: text-top;
	background-position: 0 0;
}

.icon-person-headteacher {
	background-image: url(../Images/people/user3.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 17px; /* 21 - 2px transparent border */
	margin-left: -2px; /* move left to compensate for the transparent border */
	height: 21px;
	line-height: 21px;
	vertical-align: text-top;
	background-position: 0 0;
}
.icon-person-admin {
	background-image: url(../Images/people/user_headphones.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 17px; /* 21 - 2px transparent border */
	margin-left: -2px; /* move left to compensate for the transparent border */
	height: 21px;
	line-height: 21px;
	vertical-align: text-top;
	background-position: 0 0;
}







