@font-face {
	font-family: 'DIN-Engschrift';
	src: url('fonts/DIN.eot');
	src: local('DINEngschrift LT Alternate Regular'), local('DINEngschriftLT-Alternate'), url('fonts/DIN.ttf') format('truetype'), url('fonts/DIN.svg#DINEngschriftLT-Alternate') format('svg');
}


body { background: #000; font: 12px Arial, Helvetica, sans-serif; margin: 0; padding-top: 3px; }

input { font: 12px Arial, Helvetica, sans-serif; vertical-align: middle; }

/* Login
--------------------------------------------------*/

	.login { float: right; padding-top: 7px; }
	
	.login-text { background: url(http://www.planb.no/media/images/usermenu/text_login.png) no-repeat; color: #fff; display: block; float: left; margin: 0 6px 0 0; text-indent: -9000px; width: 244px; height: 27px; }
	
	.login-field-wrap { float: left; }
	.login-field { float: left; margin-left: 4px; position: relative; }
	.login-field label { color: #666; cursor: text; font-size: 12px; line-height: 28px; position: absolute; top: 0; left: 6px; vertical-align: middle; width: 100%; height: 27px; }
	.login-field input.inputfield { background: url(http://www.planb.no/media/images/usermenu/field_bg.png) top repeat-x; border: none; margin: 0; padding: 8px 5px 6px; width: 150px; }


/* User Menu
--------------------------------------------------*/

	.usermenu { color: #fff; font-family: DIN-Engschrift, Arial, Helvetica, sans-serif; font-size: 18px; height: 42px; line-height: 42px; text-transform: uppercase; }
	.usermenu a { color: #ffca1f; text-decoration: underline; }
	
		/* Browser Specific */
		html.chrome .usermenu { font-size: 16px; font-weight: bold; }
	
	.usermenu-profile { float: right; list-style: none; margin: 0 10px 0 0; padding: 0; }
	.usermenu-profile li { float: left; }

	.usermenu-menu { float: left; list-style: none; margin: 0 0 0 10px; padding: 0; position: relative; }
	.usermenu-menu li { float: left; margin-right: 20px; }
	
	.countbubble { background: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; position: absolute; top: -2px; right: 0px; text-align: center; width: 20px; height: 12px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
	.countbubble .arrow { border-left: 5px solid #fff; border-bottom: 5px solid #000; position: absolute; bottom: -5px; left: 6px; }