@charset "utf-8";

body {
	background:#3e6b84 url(img/htnf.png); /* #171822 för mörk */
	margin:0px;
	padding:0px;
	font-family:Verdana;
	color:#2b2e3b;
}
a,a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#2b2e3b;
}

img {
	margin-left:2px;
	margin-bottom:-1px;
}

#footer {
	width:100%;
	height:20px;
	background:#fafafa;
	border-top:4px solid #454a5a;
	position:fixed;
	bottom:0px;
	left:0px;
	text-transform:uppercase;
	text-align:center;
	padding-top:5px;
	font-size:10px;	
	}

#menu {
	width:100%;
	height:25px;
	background:#fafafa;
	border-bottom:4px solid #454a5a;
	position:fixed;
	top:0px;
	left:0px;
	text-transform:uppercase;
	font-size:10px;	
	}
	#menu .items{
		width:100%;
		height:10px;	
		text-align:center;
		margin-top:1px;
		margin-left:20px;
	}
	#menu .items .item{
		display:block;
		font-weight:none !important;
		float:left;
		width:70px;
		padding-top:5px;
		padding-bottom:6px;
		cursor:default;
		padding-left:2px;
		padding-right:2px;
		font-weight:normal !important;
	}
	
	#menu .items .item2{
		float:left;
		width:70px;
		padding-top:5px;
		padding-bottom:6px;
		cursor:default;
		padding-left:2px;
		padding-right:2px;
	}
	#menu .items .log{
		float:left;
		
		padding-top:5px;
		padding-bottom:6px;
		cursor:default;
		padding-left:2px;
		padding-right:2px;
	}
	.item:hover{
		background:#474966;
		color:#fafafa;
	}
	.item2:hover{
		background:none !important;
		color:#2b2e3b !important;
	}
	
.wrapper {
	margin-left:20px;
	margin-top:40px;
}

.content {
	background:#fafafa;
	width:800px;
	border-top:3px solid #454a5a;
	border-bottom:3px solid #454a5a;
	border:3px solid #454a5a;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	float:left;
	margin-bottom:30px;
	padding:10px;
}

.topThree {
	background:#fafafa;
	width:200px;
	border-top:3px solid #454a5a;
	border-bottom:3px solid #454a5a;
	border:3px solid #454a5a;
	-moz-border-radius-topleft:20px;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	-webkit-border-bottom-left-radius:20px;
	position:absolute;
	z-index:100;
	top:40px;
	right:0px;
	padding:10px;
}

.text {
	padding:5px;
}

.title {
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	margin-bottom:5px;
}

.image {
	font-size:30px;
	text-transform:uppercase;
	margin-right:40px;
	float:right;
	padding:2px 4px 2px 4px;
	background:#fafafa;
	border-top:3px solid #454a5a;
	border-bottom:3px solid #454a5a;
}

#log {
	float:right;
	margin-right:30px;
	font-size:8px;
	}
	#log .field {
		height:15px;
		width:100px;
		border:1px solid #000000;
		margin-top:2px;
		color:#AAAAAA;
	}
	
	#log .fieldactive {
		height:15px;
		width:100px;
		border:1px solid #000000;
		margin-top:2px;
		color:#2b2e3b;
	}
	
	#log .btn {
	font-size:10px;
	height:16;
	border:1px solid #000000;
}

.table {
	border:2px solid #000000;
	padding:3px;
	-moz-border-radius:10px;
}

.table .tablehead {
	border-bottom:1px solid #000000;
	padding:5px;
	margin:0px;
}

.table .tablepart {
	padding:5px;
	padding-bottom:0px;
	margin:0px;
}

.changePass {
	width:200px;
	float:left;
}

.verticalFormRow {
	margin-top:3px;
}

.logo {
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:101;
}