body {
	background-image: url(../Content/NewLoginStyle/Login_bg.jpg);
	background-repeat: repeat-x;
	background-color: #F9FAFC;
	font-family: Arial;
	background-size: 100% 100%;
}

.headContainer {
	text-align: left;
	width: 973px;
	height: 88px;
	background-image: url(../Content/Toppblock.png);
	background-repeat: no-repeat;
	margin-bottom: 7px;
}

.blockTop {
	width: 972px;
	min-width: 972px;
	max-width: 972px;
	height: 62px;
	background-image: url(../Content/Block-topp.png);
	background-repeat: no-repeat;
}

.blockMiddle {
	text-align: left;
	width: 972px;
	min-width: 972px;
	max-width: 972px;
	height: 400px;
	background-image: url(../Content/Block-mitten.png);
	background-repeat: repeat-y;
}

.blockBottom {
	width: 972px;
	min-width: 972px;
	max-width: 972px;
	height: 95px;
	min-height: 95px;
	max-height: 95px;
	background-image: url(../Content/Block-botten.png);
	background-repeat: no-repeat;
}

.menyBlockMiddle {
	float: left;
	height: 36px;
	min-height: 36px;
	max-height: 36px;
	width: 863px;
	background-image: url(../Content/Pilpanel_mitt.png);
	background-repeat: repeat-x;
	font-size: 13px;
	margin-top: 25px;
	text-align: left;
	margin-left: 40px;
}

.menyBlockRight {
	float: left;
	min-width: 5px;
	width: 26px;
	max-width: 26px;
	height: 36px;
	min-height: 36px;
	max-height: 36px;
	background-image: url(../Content/Pilpanel_hoger.png);
	background-repeat: no-repeat;
	margin-top: 25px;
}

.leftArrowActive {
	float: left;
	color: #3eb4fe;
	background-image: url(../Content/Pilstart_gra.png);
	max-width: 135px;
	width: 135px;
	height: 32px;
	background-repeat: no-repeat;
	margin-top: 2px;
	text-align: center;
	padding-top: 8px;
}

.leftArrow {
	float: left;
	color: #000000;
	background-image: url(../Content/Pilstart_vit.png);
	max-width: 135px;
	width: 135px;
	height: 32px;
	background-repeat: no-repeat;
	margin-top: 2px;
	text-align: center;
	padding-top: 8px;
}

.otherArrowActive {
	float: left;
	color: #3eb4fe;
	background-image: url(../Content/Pil_gra.png);
	max-width: 135px;
	width: 135px;
	height: 32px;
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-left: -14px;
	text-align: center;
	padding-top: 8px;
}

.otherArrow {
	float: left;
	color: #000000;
	background-image: url(../Content/Pil_vit.png);
	max-width: 135px;
	width: 135px;
	height: 32px;
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-left: -14px;
	text-align: center;
	padding-top: 8px;
}

.leftArrow a {
	color: #000000;
	text-decoration: none;
}

	.leftArrow a:hover {
		color: #000000;
		text-decoration: underline;
	}

.otherArrow a {
	color: #000000;
	text-decoration: none;
}

	.otherArrow a:hover {
		color: #000000;
		text-decoration: underline;
	}

.underMenyBlockLeft {
	margin-left: 40px;
	float: left;
	width: 24px;
	height: 412px;
	background-image: url(../Content/Undermeny_vanster.png);
	background-repeat: no-repeat;
}

.underMenyBlockMiddle {
	float: left;
	width: 343px;
	height: 412px;
	background-image: url(../Content/Undermeny_mitten.png);
	background-repeat: repeat-x;
}

.underMenyBlockRight {
	float: left;
	width: 23px;
	height: 412px;
	background-image: url(../Content/Undermeny_hoger.png);
	background-repeat: no-repeat;
}

.underMenyRubrik {
	color: #3eb4fe;
	font-family: Arial;
	font-size: 21px;
	font-weight: bold;
}

.puff {
	float: left;
	background-image: url(../Content/Puff.png);
	height: 412px;
	width: 497px;
	margin-left: 3px;
}

.subContent {
	float: left;
	height: 135px;
	width: 881px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin-left: 43px;
	margin-top: 5px;
	max-height: 135px;
	overflow: auto;
}

.subArticle {
	margin-left: 20px;
	margin-top: 18px;
	max-width: 380px;
	width: 380px;
	float: left;
	font-size: 12px;
	margin-right: 20px;
}

.subRubrik {
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	color: #3eb4fe;
}

.newsContainer {
	float: left;
	width: 700px;
}

.newsArticle {
	font-size: 12px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
}

.credit {
	font-size: 12px;
}

a.passLink {
	color: #3eb4fe;
	text-decoration: none;
}

	a.passLink:hover {
		color: #6FC8FF;
		text-decoration: underline;
	}

a.favorite {
	color: darkorange;
	text-decoration: none;
}

a.supportLink {
	text-decoration: none;
	color: #000000;
}

.creditText {
	margin-top: 2px;
}

.creditImage {
	width: 71px;
	height: 12px;
}

.favoriteDiv {
	float: right;
	margin-top: 10px;
}

.headIcon {
	margin-top: 19px;
	margin-left: 37px;
	display: inline;
	width: 148px;
	height: 42px;
}

.topIcon1 {
	margin-left: 590px;
	margin-bottom: 2px;
	width: 36px;
	height: 36px;
}

.topIcon {
	margin-bottom: 2px;
	width: 36px;
	height: 36px;
}

.loginBox {
	padding-left: 30px;
	font-size: 12px;
	color: #737373;
}

.loginInput {
	width: 285px;
	margin-bottom: 10px;
}

.newsNews {
	padding-left: 30px;
	max-height: 570px;
	overflow: auto;
	width: 900px;
	height: 570px;
}

.arrow_box {
	position: relative;
	background: rgba(0,0,0,0.5);
	border: 0px solid #555;
	-moz-box-shadow: 0px 0px 2px #000;
	-webkit-box-shadow: 0px 0px 2px #000;
	box-shadow: 0px 0px 2px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

	.arrow_box:after, .arrow_box:before {
		bottom: 100%;
		left: 80%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.arrow_box:after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #665757;
		border-width: 20px;
		margin-left: -20px;
	}

	.arrow_box:before {
		border-color: rgba(245, 245, 245, 0);
		border-bottom-color: #665757;
		border-width: 23px;
		margin-left: -23px;
	}

#supportInfo {
	display: none;
	right: 10px;
	top: 80px;
	position: absolute;
	font-family: Verdana, Geneva, sans-serif;
	padding: 20px;
	color: #fff;
}

.wrapper-dropdown-5 {
	/* Size & position */
	position: relative;
	margin: 0 auto;
	/* Styles */
	cursor: pointer;
	outline: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

	.wrapper-dropdown-5:after { /* Little arrow */
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 52%;
		right: 15px;
		margin-top: -3px;
		border-width: 6px 6px 0 6px;
		border-style: solid;
		border-color: #666 transparent;
	}

	.wrapper-dropdown-5 .dropdown {
		/* Size & position */
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		/* Styles */
		background: #fff;
		border-radius: 5px 5px 5px 5px;
		border: 1px solid rgba(0,0,0,0.2);
		border-top: none;
		border-bottom: none;
		list-style: none;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		/* Hiding */
		max-height: 0;
		overflow: hidden;
	}

		.wrapper-dropdown-5 .dropdown li {
			padding: 0 10px;
		}

			.wrapper-dropdown-5 .dropdown li a {
				display: block;
				text-decoration: none;
				color: #999;
				font-size: 12px;
				padding: 10px 0;
				transition: all 0.3s ease-out;
				border-bottom: 1px solid #e6e8ea;
			}

			.wrapper-dropdown-5 .dropdown li:last-of-type a {
				border: none;
			}

			.wrapper-dropdown-5 .dropdown li i {
				margin-right: 5px;
				color: inherit;
				vertical-align: middle;
			}
			/* Hover state */
			.wrapper-dropdown-5 .dropdown li:hover a {
				color: #333;
			}
	/* Active state */
	.wrapper-dropdown-5.active {
		border-radius: 5px 5px 0 0;
		box-shadow: none;
		border-bottom: none;
		color: white;
	}

		.wrapper-dropdown-5.active:after {
			border-color: #666 transparent;
		}

		.wrapper-dropdown-5.active .dropdown {
			border-bottom: 1px solid rgba(0,0,0,0.2);
			border-top: 1px solid rgba(0,0,0,0.2);
			max-height: 400px;
			box-shadow: 0px 0px 4px #ccc;
		}

.loginDiv {
	padding: 20px 40px;
	background-color: rgba(255,255, 255, 0.7);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	max-width: 320px;
	margin: 0 auto;
	margin-top: 14%;
}

.loginTextBox {
	color: #555;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	border: none;
	width: 100%;
}

	.loginTextBox:focus {
		outline: none !important;
	}

.loginTable {
	-moz-box-shadow: inset 0px 1px 1px #ddd;
	-webkit-box-shadow: inset 0px 1px 1px #ddd;
	box-shadow: inset 0px 1px 1px #ddd;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
}

.loginButton {
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	border: none;
	-moz-box-shadow: 0px 1px 1px #777;
	-webkit-box-shadow: 0px 1px 1px #777;
	box-shadow: 0px 1px 1px #777;
	cursor: pointer;
	padding: 8px 30px;
	width: 100%;
	margin-top: 10px;
}

	.loginButton:active {
		-moz-box-shadow: 0px -1px 1px #888;
		-webkit-box-shadow: 0px -1px 1px #888;
		box-shadow: 0px -1px 1px #888;
		outline: none;
	}

.ahLogin {
	background-color: #FFA834;
}

	.ahLogin:hover {
		background-color: #E49A37;
	}

.kgLogin {
	background-color: #58b9da;
}

	.kgLogin:hover {
		background-color: #48A3C2;
	}

.epLogin {
	background-color: #b21e8d;
}

	.epLogin:hover {
		background-color: #831367;
	}

.loLogin {
	background-color: #32861b;
}

	.loLogin:hover {
		background-color: #186E00;
	}

.eduLogin {
	background-color: #da2028;
}

	.eduLogin:hover {
		background-color: #BB1C23;
	}

.supportImg {
	cursor: pointer;
	margin-top: -8px;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 50px white inset; /* Change the color to your own background color */
	-webkit-text-fill-color: #333;
}