body.mobile-view-layout {
	--mobile-brand-contrast-color: #7c7c7c;
}

body.auth {
	background: #cccdcf; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccdcf 0%, #a2a4a7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccdcf), color-stop(100%,#a2a4a7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccdcf 0%, #a2a4a7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccdcf 0%, #a2a4a7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccdcf 0%, #a2a4a7 100%); /* IE10+ */
	background: linear-gradient(top,  #cccdcf 0%, #a2a4a7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccdcf', endColorstr='#a2a4a7',GradientType=0 ); /* IE6-9 */
}

/* Header */
.main-header {
	background: #ffffff;
}
	
	#header-flair {
		display: none;
	}
		/* Primary Navigation */
		.navigation.primary .division .list .page {
			background: #f7f7f7;
		}
			.navigation.primary .division .list .page.active {
				background: #7c7c7c;
			}
			
			.navigation.primary .division .list .page .navlink {
				color: #6d6d6d;
			}
				.navigation.primary .division .list .active .navlink {
					color: #ffffff;
				}
					
					ul.primary .division .list .home .navlink .navicon { background-position:  -24px -24px; }
					ul.primary .division .list .profile .navlink .navicon { background-position: -12px  -24px; }
					ul.primary .division .list .profiles .navlink .navicon { background-position: -12px  -24px; }
					ul.primary .division .list .payroll .navlink .navicon { background-position: -24px  -24px; }
					ul.primary .division .list .invoicing .navlink .navicon { background-position: -36px  -24px; }
					ul.primary .division .list .reports .navlink .navicon { background-position: -48px  -24px; width: 11px; }
					ul.primary .division .list .communication .navlink .navicon { background-position: -59px  -24px; width: 13px; }
					ul.primary .division .list .config .navlink .navicon { background-position: -72px  -24px; }
					ul.primary .division .list .leave .navlink .navicon { background-position: -84px  -24px;}
					ul.primary .division .list .expenses .navlink .navicon { background-position: -96px  -24px;}
					ul.primary .division .list .timesheets .navlink .navicon { background-position: -108px  -24px;}
					ul.primary .division .list .entity .navlink .navicon { background-position: -120px  -24px; width: 15px; }
					
					ul.primary .division .list .home .active .navicon { background-position: 0px 0px; }
					ul.primary .division .list .profile .active .navicon { background-position: -12px 0px; }
					ul.primary .division .list .profiles .active .navicon { background-position: -12px 0px; }
					ul.primary .division .list .payroll .active .navicon { background-position: 0px 0px; }
					ul.primary .division .list .invoicing .active .navicon { background-position: -36px 0px; }
					ul.primary .division .list .reports .active .navicon { background-position: -48px 0px; width: 11px; }
					ul.primary .division .list .communication .active .navicon { background-position: -59px 0px; width: 13px; }
					ul.primary .division .list .config .active .navicon { background-position: -72px 0px; }
					ul.primary .division .list .leave .active .navicon { background-position: -84px 0px;}
					ul.primary .division .list .expenses .active .navicon { background-position: -96px 0px;}
					ul.primary .division .list .timesheets .active .navicon { background-position: -108px 0px;}
					ul.primary .division .list .entity .active .navicon { background-position: -120px 0px; width: 15px; }
					
					
		#header-links,
		body.pdf-html .pdf-detail,
		body.pdf-html .pdf-detail-er {
			color: #2d2c27;
		}
			#header-links a,
			body.pdf-html .detail-job {
				color: #79c1f9;
			}
		
		#header-border {
			background-color: #7c7c7c;
		}

/* Page */
#branding-wrapper {
	border-top: 1px solid #7c7c7c;
}
	ul.secondary {
		background: #7c7c7c;
		margin-top: -1px;
	}
		ul.secondary .division .list .page .navlink {
			border-right-color: #9e9e9e;
			color: #79c1f9;
		}
		ul.secondary .division .list .active .navlink {
			color: #ffffff;
		}
		
		h1, h2, h3, h4, h5, h6 { color: #333; }
		h3.drag {
			background: #5d6b71;
			text-shadow: 0px -1px 1px rgba(0,0,0,0.25);
		}
		h4.feed-header {
			color: #333;
		}