/* HEADERS ------------------------------------------------------------------ */

#body-user #header,
#body-settings #header,
#body-public #header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	height: 45px;
	line-height: 2.5em;
	background-color: #c2c73f;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



/* LOGO and APP NAME -------------------------------------------------------- */



#header .logo {
	background-image: url(../img/logo2.svg);
	background-repeat: no-repeat;
	width: 255px;
	height: 120px;
	margin: 0 auto;
}

#header .logo-wide {
	background-image: url(../img/logo-wide.svg);
	background-repeat: no-repeat;
	width: 150px;
	height: 36px;
}

#header .logo-icon {
	/* display logo so appname can be shown next to it */
	display: inline-block;
	background-image: url(../img/logo-icon2.svg);
	background-repeat: no-repeat;
	width: 62px;
	height: 34px;
}



/* USER MENU -----------------------------------------------------------------*/

#settings {
	float: right;
	color: #ecedcf;
	cursor: pointer;
}

#expand * {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70);
	cursor: pointer;
}
#expand:hover, #expand:focus, #expand:active { color:#fff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; }