@charset "utf-8";

a {
	color:#0062cb;
	text-decoration:underline;
}

a:active, a:focus {
	outline: 0;
}

a:hover {
	color:#000 !important;
}

html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

body {
	background-color: #f5f5f5;
	margin:0;
}

td {
	font:normal 12px arial,verdana;
}
		td.label {
			font:bold 12px arial,verdana;
		}

h3 {
	font:normal 10px verdana,arial;
	margin: 0ex 0px 1ex 0px;
	color:#666666;
}

.color {
	color:#0063b6;
}

.table-div {
	border-top:1px solid #aaa;
}

#top {
	width:787px;height:87px;
	margin:20px auto 0 auto;
	background:url(img/portal_top.png) no-repeat left top;
}

#top h1 {
	font:bold 25px arial,verdana;
	color:#fff;
	text-align:center;
	padding-top:32px;
}

#top-gcm {
	width:787px;height:87px;
	margin:20px auto 0 auto;
	background:url(img/GCM_Mina_sidor_statistik_Huvudbild.jpg) no-repeat left top;
}

#top-gotanet {
	width:787px;height:87px;
	margin:20px auto 0 auto;
	background:url(img/portal_top.png) no-repeat left top;
}

#top-gotanet h1 {
	font:bold 25px arial,verdana;
	color:#fff;
	text-align:center;
	padding-top:32px;
}

#top-koping {
	width:787px;height:87px;
	margin:20px auto 0 auto;
	background:url(img/portal_top.png) no-repeat left top;
}

#top-koping h1 {
	font:bold 25px arial,verdana;
	color:#fff;
	text-align:center;
	padding-top:32px;
}

#top-teleman {
	width:787px;height:87px;
	margin:20px auto 0 auto;
	background:url(img/portal_top.png) no-repeat left top;
}

#top-teleman h1 {
	font:bold 25px arial,verdana;
	color:#fff;
	text-align:center;
	padding-top:32px;
}

#top-telemob {
	width:787px;height:87px;
	margin:20px auto 0 auto;
	background:url(img/portal_top_telemob.png) no-repeat left top;
}

#top-telemob h1 {
	font:bold 25px arial,verdana;
	color:#fff;
	text-align:center;
	padding-top:32px;
}

#top-image {
	width:787px;height:87px;
	margin:20px auto 0 auto;
	#background:url(img/portal_top.png) no-repeat left top;
}

#content {
	width:787px;width:757px !important;
	margin:0 auto;padding:20px 15px 0 15px;
	background:#fff url(img/portal_bg.png) repeat-y left top;
}
		#content h1 {
			font:bold 14px arial,verdana;
			color:#cf3600;
		}

#container {
	margin:20px 10px 20px 10px;
}

#bottom {
	width:787px;width:727px !important;
	margin:0 auto 20px auto;padding:14px 30px 0 30px;
	background:url(img/portal_bottom.png) no-repeat left top;
	font:normal 11px arial,verdana;
	color:#4d4d4d;
}
		#bottom .left {
			float:left;
		}
		#bottom .right {
			float:right;
		}

#shortcut {
	background:url(img/shortcut_bg.png) repeat-x left top;
	float:left;
	width:100%;
	padding:0;margin:0;
}
		#shortcut li {
			padding:20px 0px 15px 0px;
			margin:0;
			display:inline;
			float:left;
			width:20%;
			text-align:center;
			font:normal 12px/2.5ex arial,verdana;
		}
				#shortcut li img {
					border:none;
					margin-bottom:2px;
				}
				#shortcut li#selected a {
					font-weight:bold;
					text-decoration:none;
					color:#000!important;
				}

.clearfix {
	clear:both;
	margin:0;padding:0;height:0;
}

#logindiv, #loginform {
	width:305px;
	margin:30px auto 30px auto;
	padding:0;
}
		#logindiv label, #loginform label {
			font:bold 12px/3.5ex arial,verdana;
			text-align:right;
			padding-right:5px;
			float:left;
			width:90px;
		}
		#logindiv p, #loginform p {
			margin-bottom:5px;
		}
		#logindiv .formfield, #loginform .formfield {
			font:normal 15px arial,verdana;
			width:200px;
			padding-left:2px;
		}

.blue #slatenav {position:relative;display:block;height:42px;margin:-17px -4px 0px -4px;font-size:11px;font-weight:bold;background:transparent url(img/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #slatenav ul {margin:0px;padding:0 0 0 10px;list-style-type:none;width:auto;}
.blue #slatenav ul li {display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a {display:block;float:left;color:#fff;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current {color:#fff!important;background:transparent url(img/blueslate_backgroundOVER.gif) no-repeat top center;}

.green #slatenav {position:relative;display:block;height:42px;margin:-17px -4px 0px -4px;font-size:11px;font-weight:bold;background:transparent url(img/greenslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.green #slatenav ul {margin:0px;padding:0 0 0 10px;list-style-type:none;width:auto;}
.green #slatenav ul li {display:block;float:left;margin:0 1px 0 0;}
.green #slatenav ul li a {display:block;float:left;color:#fff;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.green #slatenav ul li a:hover,.green #slatenav ul li a.current {color:#fff!important;background:transparent url(img/greenslate_backgroundOVER.gif) no-repeat top center;}
