@font-face {
  font-family: 'Pictos';
  src: url('Pictos-web.eot');
  src: local('☺'),
         url('Pictos-web.woff') format('woff'), 
         url('Pictos-web.ttf') format('truetype'),
		url('Pictos-web.svg#webfontIyfZbseF') format('svg');
	font-weight: normal;
	font-style: normal;
}

.sprite{
	font-family:'Pictos';
	text-decoration:none;
}

.sprite span
{
	font-family:sans-serif;
	display:inline-block;	
	text-indent:-9999px;
}

.sprite:hover{
	outline:0;
	text-decoration: none;	
}

.spriteLink span:before,
.spriteLink span:after,
#projectList .states.custom a span:before
{
	font-family:pictos;
	font-weight:normal;
}

/*----------------------------*/

.sprite[rel=Delete]:before,
.spriteLink[rel=Delete] span:before,
.actions a[rel=Delete]:before
{
	content:"#";
}

.sprite[rel=Edit]:after,
.spriteLink[rel=Edit] span:before
{
	content:"p";
}

.sprite[rel=Cancel]:after
{
	content:"d";
}

.sprite[rel=Update]:after
{
	content:"3";
}

.sprite[rel=Clear]:after
{
	content:"*";
}

.sprite[rel=Search]:after
{
	content:"s";
}

.sprite[rel=Lock]:after
{
	content:"K";
	width:24px;
	display:inline-block;
}
.sprite[rel=Lock]:hover:after
{
	content:"(";
	width:24px;
	display:inline-block;
}

.sprite[rel=Unlock]:after
{
	content:"(";
	width:24px;
	display:inline-block;
}
.sprite[rel=Unlock]:hover:after
{
	content:"K";
	width:24px;
	display:inline-block;
}

.sprite[rel=Deny]:after
{
	content:"-";
}

.sprite[rel=Approve]:after
{
	content:"-";
}

.sprite[rel=Expand]:after
{
	content:"&";
}
.sprite[rel=Collapse]:after
{
	content:"_";
}
.sprite[rel=Calendar]:after
{
	content:"\\";
	font-size:1.4em;
}
.sprite[rel=Assignments]:after
{
	content:"U";
}
.sprite[rel=Password]:after
{
	content:"?";
}

/*----------------------------*/

.spriteLink[rel=Add] span:before,
.actions a[rel=Add]:before
{
	content:"&";
}
.actions a[rel=AddClient]:before
{
	content:"k";
}

.actions a[rel=Update]:before,
.actions a[rel=Finish]:before
{
	content:"3";
}

.actions a[rel=Invite]:before
{
	content:"M";
}

.actions a[rel=Cancel]:before
{
	content:"d";
}


.actions a[rel=Edit]:before
{
	content:"p";
}
.actions a[rel=Continue]:after
{
	content:"]";
}
.actions a[rel=Review]:before
{
	content:"s";
}
.actions a[rel=History]:before
{
	content:"t";
}

/*----------------------------*/

.spriteLink[rel=Back] span:before
{
	content:"[";
}
.spriteLink[rel=Roles] span:before,
.spriteLink[rel=Workflow] span:before
{
	content:"l";
}
.spriteLink[rel=Profile] span:before
{
	content:"U";
}
.spriteLink[rel=Login] span:before
{
	content:";";
}
/*.spriteLink[rel=Filter]:hover span:before
{
	content:"s";
}*/
.spriteLink[rel=Filter]:hover 
{
	text-decoration:underline;
}
.spriteLink[rel=Filter] 
{
	color:inherit;
}
.spriteLink[rel=Notes] span:after
{
	content:"F";
}
.spriteLink[rel=Warnings] span:after
{
	content:"!";
}
.spriteLink[rel=Exceptions] span:after
{
	content:"D";
}
.spriteLink[rel=Help] span:before
{
	content:"?";
}
.spriteLink[rel=Download] span:before
{
	content:"}";
}
.spriteLink[rel=Refresh] span:before
{
	content:"1";
}

/*------------------------------*/



.sprite[rel=Pending]:after,
.WorkflowContainer li.Pending div:before,
.states.custom.pending a span:before
{
	content:"t";
}
.sprite[rel="InProgress"]:after,
.WorkflowContainer li.Progress div:before,
.states.custom.progress a span:before
{
	content:"y";
}
.sprite[rel=Stalled]:after,
.WorkflowContainer li.Stalled div:before,
.states.custom.stalled a span:before
{
	content:"(";
}
.sprite[rel=Canceled]:after,
.WorkflowContainer li.Canceled div:before,
.states.custom.canceled a span:before
{
	content:"*";
}
.sprite[rel=Completed]:after,
.WorkflowContainer li.Completed div:before,
.states.custom.completed a span:before
{
	content:"3";
}
.sprite[rel=Aborted]:after,
.WorkflowContainer li.Aborted div:before,
.states.custom.aborted a span:before
{
	content:"d";
}
.sprite[rel=Filter]:before
{
	content:"s";
}

.sprite[rel=Add]:before
{
	content:"+";
}

/*------------------------------*/

.leftTabs li.active > div:after
{
	content:"4";
	font-family:pictos;
	color:#999;
	position:absolute;
	top:5px;
	right:10px;
}

.WorkflowContainer li.Pending div:before,
.WorkflowContainer li.Progress div:before,
.WorkflowContainer li.Stalled div:before,
.WorkflowContainer li.Canceled div:before,
.WorkflowContainer li.Completed div:before
{	
	font-family:Pictos;
	font-size:4em;
	line-height:0.87em;
	position:absolute;
	top:0em;
	left:0.1em;
	-webkit-transform:rotate(0.01deg);
	
}



.taskIssues li.Warning:before
{
	content:"!";
	font-family:pictos;	
	font-size:3em;
	position:absolute;
	top:-0.5em;
	left:0.1em;
}
.taskIssues li.Exception:before
{
	content:"D";
	font-family:pictos;	
	font-size:3em;
	position:absolute;
	top:-0.5em;
	left:0.1em;
	-webkit-transform:rotate(0.01deg);
}

/*------------------------------*/
.sprite.user:after
{
	content:"U";	
}.sprite.invitation:after
{
	content:"M";	
}

/*---------------------------------*/

#beecrumbs .sprite[rel=Home]:after
{
	content:"H";
}
#beecrumbs .sprite[rel=Back]:after
{
	content:"[";
}

/*--------------------------------*/

label.accordion-toggle:before
{
	content:"&";
	font-family:Pictos;
	padding-right:0.5em;
}
label.accordion-toggle-active:before
{
	content:"_";
	font-family:Pictos;
	padding-right:0.5em;
}