/* /////////////////////////////////////////////////////////////////////
 CONTENT / ICONS
//////////////////////////////////////////////////////////////////////*/

.icon {
	display:inline-block;
	vertical-align:middle;
	padding:0px;
	margin:0px;
}

.icon.transparent {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

/* SMALL */
.icon.small {
	background:url(../site_art/icons_small.png?201509152003) no-repeat;
	width:22px;
	height:22px;
	position:relative;
}

.icon.small.employee {
	background-position:0 0;
	width:17px;
}

.icon.small.managerleft {
	background-position:0 -22px;
	width:18px;
}

.icon.small.managerright {
	background-position:0 -44px;
	width:18px;
}

.icon.small.dashboard {
	background-position:0 -66px;
	height:16px;
	width:23px;
}
/* GREY HEADER ICONS */
/*
.header_mainmenu_items .icon.small.dashboard {
		background-position:-22px -66px;
	}
	
	.header_mainmenu_items li:hover .icon.small.dashboard, .header_mainmenu_items li.active .icon.small.dashboard{
		background-position:0px -66px;
	}
*/

.icon.small.reports {
	background-position:0 -88px;
	height:18px;
}
/* GREY HEADER ICONS */
/*
.header_mainmenu_items .icon.small.reports {
		background-position:-22px -88px;
	}
	
	.header_mainmenu_items li:hover .icon.small.reports, .header_mainmenu_items li.active .icon.small.reports{
		background-position:0px -88px;
	}
*/

.icon.small.companylevel {
	background-position:0 -110px;
	height:18px;
}

.icon.small.employees {
	background-position:0 -132px;
	height:19px;
}
/* GREY HEADER ICONS */
/*
.header_mainmenu_items li .icon.small.employees {
		background-position:-22px -132px;
	}
	
	.header_mainmenu_items li:hover .icon.small.employees, .header_mainmenu_items li.active .icon.small.employees{
		background-position:0px -132px;
	}
*/

.icon.small.organization {
	background-position:0 -154px;
	height:19px;
}

/* GREY HEADER ICONS */
/*	.header_mainmenu_items li .icon.small.organization {
		background-position:-22px -154px;
	}
	
	.header_mainmenu_items li:hover .icon.small.organization, .header_mainmenu_items li.active .icon.small.organization{
		background-position:0px -154px;
	}
*/

.icon.small.activities {
	background-position:0 -176px;
	width:19px;
	height:19px;
}

/* GREY HEADER ICONS */
/*	.header_mainmenu_items .icon.small.activities {
		background-position:-22px -176px;
	}
	
	.header_mainmenu_items li:hover .icon.small.activities, .header_mainmenu_items li.active .icon.small.activities{
		background-position:0px -176px;
	}
*/

.icon.small.settings {
	background-position:0 -198px;
	width:19px;
}

.icon.small.account {
	background-position:0 -220px;
	width:20px;
	height:14px;
}

.icon.small.calendar {
	background-position:0 -243px;
	width:18px;
	height:17px;
}
/* GREY HEADER ICONS */
/*	.header_mainmenu_items .icon.small.calendar {
		background-position:-22px -243px;
	}
	
	.header_mainmenu_items li:hover .icon.small.calendar, .header_mainmenu_items li.active .icon.small.calendar{
		background-position:0px -243px;
	}
*/
.icon.small.stopwatch {
	background-position:0 -266px;
	width:21px;
	height:19px;
}
/* GREY HEADER ICONS */
/*	.header_mainmenu_items .icon.small.stopwatch {
		background-position:-22px -264px;
	}
	
	.header_mainmenu_items li:hover .icon.small.stopwatch, .header_mainmenu_items li.active .icon.small.stopwatch{
		background-position:0px -264px;
	}
*/
.icon.small.logout {
	background-position:0 -286px;
	width:16px;
	height:17px;
}

.icon.small.alerts {
	background-position:0 -308px;
}

.icon.small.reports_saved {
	background-position:0 -330px;
}

.icon.small.budget {
	background-position:0 -352px;
}

.icon.small.weekmatrix {
	background-position:0 -374px;
}

.icon.small.search {
	background-position:0 -374px;
}

.icon.small.worktimer {
	background-position:0 -396px;
	height:20px;
	width:20px;
}

.icon.small.calendar_worktimer {
	background-position:0 -396px;
	height:20px;
	width:20px;
}

.icon.small.calendar_google {
	background-position:0 -418px;
	height:20px;
	width:20px;
}

.icon.small.calendar_exchange {
	background-position:0 -440px;
	height:20px;
	width:20px;
}

.icon.small.link {
	background-position:0px -462px;
	height:11px;
	width:7px;
}

.icon.small.link.green {
	background-position:0px -462px;
}

.icon.small.link.red {
	background-position:-8px -462px;
}

.icon.small.link.blue {
	background-position:-16px -462px;
}

.icon.small.arrow {
	height:11px;
	width:7px;
}

.icon.small.arrow.right {
	background-position:0px -484px;
}

	.icon.small.arrow.right.green {
	background-position:0px -484px;
	}
	
	.icon.small.arrow.right.red {
		background-position:-8px -484px;
	}
	
	.icon.small.arrow.right.blue {
		background-position:-16px -484px;
	}


.icon.small.arrow.left {
	background-position:0px -495px;
}

	.icon.small.arrow.left.green {
		background-position:0px -495px;
	}
	
	.icon.small.arrow.left.red {
		background-position:-8px -495px;
	}
	
	.icon.small.arrow.left.blue {
		background-position:-15px -495px;
	}

.icon.small.skype {
	background-position:0px -506px;
}

.icon.small.linkitems {
	background-position:0px -528px;
	width:20px;
	height:20px;
}

.icon.small.closedialog {
	background-position:0px -550px;
	width:21px;
	height:21px;
}

.icon.small.projects {
	background-position:0px -572px;
	height:19px;
}

.icon.small.tick {
	background-position:0px -594px;
	height:15px;
	width:16px;
}

.icon.small.tick.green {
	background-position:-22px -594px;
}

.icon.small.save {
	background-position:0px -616px;
	width:20px;

}

.icon.small.export {
	background-position:0px -638px;
	width:20px;
}

.icon.small.calendar_day {
	background-position:0px -660px;
	width:18px;
	height:17px;
}

.icon.small.calendar_week {
	background-position:0px -682px;
	width:18px;
	height:17px;
}

.icon.small.calendar_month {
	background-position:0px -703px;
	width:18px;
	height:17px;
}

.icon.small.calendar_quarter {
	background-position:0px -726px;
	width:18px;
	height:17px;
}

.icon.small.calendar_year {
	background-position:0px -748px;
	width:18px;
	height:17px;
}


.icon.small.zoom, .icon.small.zoomin {
	background-position:0px -770px;
	width:17px;
	height:17px;
}

.icon.small.zoomout {
	background-position:0px -836px;
	width:17px;
	height:17px;
}

.icon.small.nofilter {
	background-position:0px -792px;
	width:22px;
	height:16px;
}

.icon.small.layers {
	background-position:0px -814px;
	width:20px;
	height:21px;
}

.icon.small.layers:hover {
	background-position:-22px -814px;
}

.icon.small.modules {
	background-position:0px -858px;
	width:21px;
	height:16px;
}

.icon.small.hamburger {
	background-position:0px -880px;
	width:15px;
	height:15px;
}

.icon.small.hamburger_blue {
	background-position:-22px -880px;
	width:15px;
	height:15px;
}

.icon.small.hamburger_half {
	background-position:-22px -902px;
	width:7px;
	height:15px;
}


/* MEDIUM */
.icon.medium {
	background:url(../site_art/icons_medium.png) no-repeat;
	width:50px;
	height:50px;
}

.icon.medium.employee {
	background-position:0 0px;
}

.icon.medium.managerleft {
	background-position:0 -50px;
}

.icon.medium.managerright {
	background-position:0 -100px;
}

.icon.medium.dashboard {
	background-position:0 -150px;
}

.icon.medium.reports {
	background-position:0 -200px;
}

.icon.medium.companylevel {
	background-position:0 -250px;
}

.icon.medium.employees {
	background-position:0 -300px;
}

.icon.medium.organization {
	background-position:0 -350px;
}

.icon.medium.activities {
	background-position:0 -400px;
}

.icon.medium.settings {
	background-position:0 -450px;
}

.icon.medium.account {
	background-position:0 -500px;
}

.icon.medium.calendar {
	background-position:0 -550px;
}

.icon.medium.clock {
	background-position:0 -600px;
}

.icon.medium.logout {
	background-position:0 -650px;
}

.icon.medium.alerts {
	background-position:0 -700px;
}

.icon.medium.reports_saved {
	background-position:0 -750px;
}

.icon.medium.budget {
	background-position:0 -800px;
}

.icon.medium.weekmatrix {
	background-position:0 -850px;
}

.icon.medium.worktimer {
	background-position:0 -900px;
	height:45px;
}

.icon.medium.calendar_worktimer {
	background-position:0 -900px;
	height:45px;
}

.icon.medium.calendar_google {
	background-position:0 -950px;
	height:47px;
}

.icon.medium.calendar_exchange {
	background-position:0 -1000px;
}

.icon.medium.skype {
	background-position:0px -1150px;
}

.icon.medium.linkitems {
	background-position:0px -1200px;
	height:44px;
	width:40px;
}

.icon.medium.projects {
	background-position:0px -1250px;
	width:45px;
	height:45px;
}

/* FILE-TYPES */
.icon.files {
	background:url(../site_art/icons_files.png) no-repeat;
	width:16px;
	height:16px;
	margin-top:1px;
	margin-bottom:2px;
}

.icon.files.general {
	background-position:0 0px;
}

.icon.files.pdf {
	background-position:0 -16px;
}

.icon.files.excel {
	background-position:0 -32px;
}

.icon.files.csv {
	background-position:0 -48px;
}

.icon.files.csv_excel {
	background-position:0 -64px;
}

.icon.files.image {
	background-position:0 -80px;
}
.icon.files.word {
	background-position:0 -96px;
}
.icon.files.link {
	background-position:0 -112x;
}

.icon.files.powerpoint {
	background-position:0 -128px;
}

.icon.files.audio {
	background-position:0 -144px;
}

.icon.files.print {
	background-position:0 -160px;
}

.icon.files.mail {
	background-position:0 -176px;
}

/* FEATURES */
.icon.features {
	background:url(../site_art/icons_features.png?201509152003) no-repeat;
	width:12px;
	height:12px;
}

.icon.features.comment_off {
	background-position:0 0px;
}

.icon.features.comment_on {
	background-position:0 -12px;
}

.icon.features.delete {
	background-position:0 -24px;
}

.icon.features.edit {
	background-position:0 -36px;
}

.icon.features.visible_off {
	background-position:0 -48px;
}

.icon.features.visible_on {
	background-position:0 -60px;
}
.icon.features.add {
	background-position:0 -72px;
}

.icon.features.info {
	background-position:0 -84px;
}

.icon.features.link {
	background-position:0 -96px;
}
.icon.features.locked {
	background-position:0 -108px;
}

/* STATES */
.icon.status {
	background:url(../site_art/icons_status.png) no-repeat;
	width:10px;
	height:10px;
	margin-top:0px;
	margin-bottom:0px;
}

.icon.status.blue {
	background-position:0 0px;
}

.icon.status.green {
	background-position:0 -10px;
}

.icon.status.red {
	background-position:0 -20px;
}

.icon.status.grey {
	background-position:0 -30px;
}

/* FLAGS */
/* SMALL */
.icon.flags {
	background:url(../site_art/icons_flags_small.png) no-repeat;
	width:16px;
	height:11px;
}

.icon.flags.english, .icon.flags.en-us {
	background-position:0 0;
}

.icon.flags.dutch, .icon.flags.du-nl {
	background-position:0 -11px;
}

.icon.flags.german, .icon.flags.de-de {
	background-position:0 -22px;
}

.icon.flags.spanish {
	background-position:0 -33px;
}

.icon.flags.french {
	background-position:0 -44px;
}

.icon.flags.italian {
	background-position:0 -55px;
}

.icon.flags.american {
	background-position:0 -66px;
}

/* MEDIUM */
.icon.flags.medium {
	background:url(../site_art/icons_flags_medium.png) no-repeat;
	width:32px;
	height:32px;
}


/*////////////////////////////////////////////////////////////////////*/