* { margin: 0; padding: 0; }

html, body {
	height: 100%;
}

body {
	background: #f2f2f2 url('../graphics/bg_pattern.gif');
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: -moz-scrollbars-vertical;
}
body#msgback {
	background: #f2f2f2;
}

h2 {
	font-size: 1.2em;
	padding: 5px 10px 10px;
	height: 22px;
	color: #fff;
	background: url('../graphics/background_headline.gif') no-repeat;
}

h3 {
	font-size: 1.2em;
	color: #fff;
	padding: 5px 10px 0;
	height: 22px;
	margin-bottom: 10px;
	background: #00c70e;
}
h4 {
	font-size: 1.1em;
	margin-bottom: 5px;
}

a {
	font-size: 11px;
	font-weight: bold;
	color: #0099CC;
}
a:hover {
	text-decoration: none;
}

img {
	border: 0;
	vertical-align: top;
}

.clear {
	clear: both;
}

.alt {
	background: #f4f4f4;
}

p {
	margin-bottom: 10px;
}

#banner {
	background: #f4f4f4;
	padding-bottom: 10px;
	display: block;
}

ul#partners {
	list-style: none;
	float: right;
	margin-right: 0px;
	display: inline;
	width: 220px;
}
	ul#partners li {
		text-align: center;
		margin-bottom: 5px;
	}
		ul#partners li img {
			margin-bottom: 5px;
		}
	
#wrapper {
	width: 996px;
	height: auto;
	min-height: 100%;
	margin-top: -30px;
	background: #f4f4f4;
	border-right: 1px solid #d9d9d8;
}
* html #wrapper {
	height: 100%;
}	
	#header {
		padding-top: 30px;
		margin: 0 0 10px;
	}
	#container {
		padding: 0 5px 10px 7px;
	}
		
		ul#menu {
			float: left;
			list-style: none;
			width: 140px;
			margin-right: 9px;
		}
			ul#menu li {
				margin-bottom: 2px;
			}
				ul#menu li a,
				ul#menu li span {
					display: block;
					height: 19px;
					padding: 5px 10px 0;
					background: #009b0b url('../graphics/menu_corners.gif') no-repeat;
				}
				ul#menu li a {
					color: #fff;
					text-decoration: none;
				}
				ul#menu li a:hover,
				ul#menu li a.active {
					background-color: #036c00;
				}	
				ul#menu li span {
					color: #e4e4e4;
				}			
					
				ul#menu li#userDisplay {
					background: #fff;
					padding: 5px;
					margin-bottom: 10px;
					border: 1px solid #009b0b;
				}
					ul#menu li#userDisplay ul {
						list-style: none;
						margin: 5px 0 0;
					}
						ul#menu li#userDisplay ul li a {
							color: #009b0b;		
							background: none;
							border: 0;
							margin: 0;
							padding: 0;
							height: auto;		
						}
				
		#content {
			float: left;
			display: inline;
			width: 610px; /* 610 */
			margin-bottom: 10px;
			background: #fff url('../graphics/content_bottom.gif') no-repeat bottom center;
		}
			#content #inner {
				float: left;
				width: 374px;
				padding: 0 10px 10px;
			}
				#content #inner.fullWidth {
					width: 590px; /* 590 */
				}
				#content #inner h2 {
					margin-bottom: 10px;
				}
					#content #inner h2.nomargin {
						margin-bottom: 0;
					}
					
				#inner h3 {
				/* unsure if this is used */
					background: url('../graphics/inner_headline.gif') no-repeat;
				}
					#inner.fullWidth h3 {
						background: url('../graphics/inner_headline_full.gif') no-repeat;
					}
					
				#informationMovie {
					float: left;
					padding: 3px;
					width: 316px;
					height: 250px;
					border: 1px solid #f2f2f2;
				}
				
				ol, ul.list {
					margin: 5px 0 5px 20px;
				}
				
				ul.listMenu {
					list-style: none;
					margin-bottom: 10px;
				}
			
				#inner div.block {
					padding: 0;
				}
	
				/* högerkolumn*/
				#sidebar {
					float: right;
					display: inline;
					width: 206px; /* 206 */
					margin: 0 10px 10px 0;
					background: #e4e4e4 url('../graphics/sidebar_bottom.gif') no-repeat bottom center;
				}			
					#sidebar h3 {
						margin: 0;
						background: url('../graphics/sidebar_headline.gif') no-repeat;
					}
						#sidebar h3.top {
							background: url('../graphics/sidebar_top.gif') no-repeat;
						}
					#sidebar p {
						padding: 5px;
					}
						#sidebar p.textpuff a {
							font-size: 1.1em;
						}
						
					#sidebar div.more {
						padding: 5px;
						text-align: right;
						border-top: 1px solid #ccc;
					}
					#sidebar ul {
						margin: -10px 0 0;
						padding-left: 25px;
					}
						#sidebar ul li {
							margin-bottom: 5px;
						}
					
					form#frmLogin {
						text-align: right;
						width: 196px; /* 196 */
						padding: 5px 5px 10px;
					}
						form#frmLogin label {
							display: block;
							text-align: left;
						}
						form#frmLogin label input {
							display: block;
							margin: 2px 0 3px;
							width: 192px; /* 192 */
						}
						form#frmLogin input[type="submit"] {
							cursor: pointer;
      				float: left;
						}
				
				/* Formulär för inloggning */					
				form#login {
					background: #f9f9f9;
					padding: 5px;
					border: 1px solid #48cb00;
					width: 241px;
					margin-bottom: 10px;
					float: left;
					display: inline;
				}
					form#login label {
						display: block;
					}
					form#login input[type="text"],
					form#login input[type="password"] {
						display: block;
						margin: 2px 0 5px;
						width: 236px;
					}
					form#login input[type="submit"] {
						background: #48cb00;
						border: 0;
						color: #fff;
						font-weight: bold;
						padding: 2px;
						cursor: pointer;
						float: left;
					}
					form#login a {
						float: right;
						margin-top: 5px;
						display: inline;
					}
					
				/* Nyheter */
				div.news {
					padding: 5px;
				}
					div.news small {
						display: block;
					}
					div.news span a {
						float: right;
					}
					div.news h3 {
						margin-bottom: 5px;
					}
					div.news div#meta {
						border-top: 1px solid #ccc;
						text-align: right;
						padding: 5px 0 0;
						margin-top: 10px;
					}
					
				
				div.item {
					padding: 5px;
				}
					div.item input {
						float: left;
						margin: 12px 10px 0 0;
					}
					
					.margintop {
						margin-top: 10px;
					}
					
				
				div.exam {
					padding: 5px;
					border: 1px solid #f0f0f0;
					margin: 0 0 5px;
				}
					div.exam h4 {
						margin: 0 0 2px;
						padding: 0 0 3px;
						border-bottom: 1px dashed #e1e1e1;
					}
					#inner div.exam ul, div.exam ul li {
						margin: 0;
						padding: 0;
						list-style: none;
					}
										
				/* Formulär för kommentarer */
				form#frmCommentary {
					margin-top: 10px;
					border: 1px solid #ccc;
					padding: 5px;
				}
					form#frmCommentary h3 {
						margin-bottom: 5px;
					}
					form#frmCommentary label {
						display: block;
					}
						form#frmCommentary input[type="text"] {
							display: block;
							margin: 2px 0 5px;
							width: 200px;
						}
						form#frmCommentary textarea {
							display: block;
							margin: 2px 0 5px;
							height: 70px;
							width: 358px;
						}
						form#frmCommentary input[type="submit"] {
							margin-right: 5px;
						}
				
				/* Kommentarer */	
				div#comments {
					margin-top: 10px;
				}
					div#comments h3 {
						margin: 0;
					}
					div.comment {
						padding: 5px;
					}
						div.comment small {
							display: block;
							border-bottom: 1px solid #e1e1e1;
							margin-bottom: 3px;
						}
						div.comment p {
							margin: 0;
						}
						
#footer {
	height: 22px;
	width: 956px;
	padding: 7px 20px 0;
	background: #f4f4f4 url('../graphics/background_footer.gif') repeat-x;
	border-top: 1px solid #d9d9d8;
	border-right: 1px solid #d9d9d8;
	list-style: none;
	color: #666;
}
	#footer li {
		float: left;
		margin: 0 10px 0 0;
	}
	#footer li.right {
		float: right;
		margin: 0 0 0 10px;
	}
	#footer li a {
		color: #666;
	}
	
div#error {
	width: 300px;
	background: #fff;
	border: 1px solid #0066cc;
	margin: 200px auto 0;
	padding: 10px;
	text-align: center;
}

table#prices {
	width: 374px;
	border-collapse: collapse;
	border: 0;
	border: 1px dashed #ccc;
	background: #f0f0f0;
	margin: 10px 0 20px;
}
	table#prices tr {
		text-align: left;
		vertical-align: top;
	}
		table#prices tr th {
			padding: 5px;
			border: 1px dashed #e1e1e1;
		}
		table#prices tr td {
			padding: 5px;
			border: 1px dashed #e1e1e1;
		}
			table#prices tr td.alignRight {
				text-align: right;
			}

table#result {
	margin: 0 0 10px;
}
	table#result tr th {
		width: 150px;
	}
	table#result tr td {
		text-align: right;
	}
			
#inner ul {
	margin: 0 15px 10px;
}
	#inner ul li {
		margin: 0 0 2px;
	}
					
#inner ul.toolMenu, #tmenu ul.toolMenu  {
	margin: 0 0 10px;
	list-style: none;
	height: 24px;
	background: #fff;
	border-bottom: 1px solid #00c70e;
}
	#inner ul.toolMenu li, #tmenu ul.toolMenu li {
		float: left;
	}
	#inner ul.toolMenu li.right, #tmenu ul.toolMenu .right {
		float: right;
	}
	
	#inner ul.toolMenu li a, #tmenu ul.toolMenu li a {
		display: block;
		padding: 5px 10px;
		text-decoration: none;
	}
	#inner ul.toolMenu li a:hover, #tmenu ul.toolMenu li a:hover {
		color: #00c70e;
	}
	#inner ul.toolMenu li a.active, #tmenu ul.toolMenu li a.active {
		background: #00c70e;
		color: #fff;
	}
	#inner ul.toolMenu li a.active:hover, #tmenu ul.toolMenu li a.active:hover {
		color: #fff;
	}

/* används till fördjupning CMS */
ul#index {
  margin-left: 0;
  list-style: none;
}

ul#index li {
				 margin-top: 15px;
				 font-size: 11pt;
				 text-decoration: none;
				 font-weight: bold;
				 color: #999999;
}

ul#index li a {
				 font-size: 11pt;
				 text-decoration: none;
				 color: #009b0b;
}

ul#index li a:hover {
				 text-decoration: underline;
}


div#subbox {
	background: url('../graphics/subindex-top-695.gif') top left no-repeat;
	padding-top: 6px;
}

div#subbox div {
  padding-bottom: 6px;
	background: url('../graphics/subindex-bottom-695.gif') bottom left no-repeat;
}

ul#subindex {
	width: 683px;
	margin: 0px;
  padding: 0px;
  padding-left: 10px;
  border-left: 1px solid #036c00; 
  border-right: 1px solid #036c00;
	list-style: none;
}

ul#subindex li {
						margin-top: 0px;
				 font-size: 10pt;
				 color: #999999;
}

ul#subindex li a {
				 font-size: 10pt;
				 text-decoration: none;
				 color: #000000;
}

ul#subindex li a:hover {
						text-decoration: underline;
						color: #036c00;
}

form.general {
	margin: 0 0 10px;
}
	form.general label {
		display: block;
	}
	form.general input.text {
		width: 300px;
		display: block;
		margin: 2px 0 5px;
	}
	
	form.general input[type="text"],
	form.general input[type="password"],
	form.general select {
		width: 285px;
		display: block;
		margin: 2px 0 5px;
	}
		form.general select option {
			padding: 0 3px;
		}
		form.general input.numeric {
			width: 60px;
		}
		
	form.general input[type="checkbox"] {
		float: left;
		margin: 0 5px 0 0;
		display: inline;
	}
	table#radios tr {
		text-align: left;
		vertical-align: middle;
	}
		table#radios tr td {
			border: 0;
		}
		table#radios tr td label {
			margin: -3px 0 0;
		}
		table#radios tr td.radio {
			width: 15px;
		}
		
	form.general textarea {
		width: 567px;
		height: 200px;
		display: block;
		margin: 2px 0 5px;
	}
	form.general textarea.smallText {
		width: 358px;
	}
	
	
/* Tabeller */
table {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
	table tr {
		text-align: left;
		vertical-align: top;
	}
		table tr.dark {
			background: #f2f2f2;
		}
		table tr td,
		table tr th {
			padding: 3px;
			border: 1px solid #f4f4f4;
		}
		table tr th {
			background: #f4f4f4;
		}
			table tr td.col-company {
				width: 200px;
			}
			table tr td.col-dispatch {
				width: 30px;
			}
			table tr td.col-erase {
				width: 50px;
			}
			table tr td.col-result {
				width: 75px;
				text-align: right;
			}
			table tr td.col-center,
			table tr th.col-center {
				text-align: center;
			}
			table tr td.col-right {
				text-align: right;
			}
			table tr td.paging {
				background: #f4f4f4;
			}
			table tr.row-fcontrols {
				background: #f4f4f4;
			}
			table tr.row-fcontrols td {
				border-bottom: 1px solid #ccc;
			}
			table tr td.col-date {
				width: 105px;
			}
			table tr td.col-starter {
				width: 180px;
			}
			table tr td.col-question {
				width: 200px;
			}
			table tr td.col-answer,
			table tr th.col-answer {
				width: 110px;
				text-align: center;
			}
			table tr td.col-correct,
			table tr th.col-correct {
				width: 60px;
				text-align: center;
			}
			table tr th.col-sum {
				text-align: right;
			}
			table tr td ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
		table tr td h3 {
			margin: 0;
		}
		
.nomargin {
	margin: 0;
}

.b0 {
 border: 0;
}

table.company {
	border-collapse: collapse;
	border: 0;
	margin-bottom: 10px;
}
	table.company tr th {
		width: 140px;
	}
	
.formGroup {
	border: 1px solid #ccc;
	padding: 5px 5px 10px;
	margin-bottom: 10px;
}
	.formGroup h4 {
		margin: 0 0 3px;
		color: #009b0b;
	}
	
.right {
	float: right;
}

.tools {
	padding: 5px;
	margin: 0 0 10px;
	border: 1px solid #f0f0f0;
}
	.tools a {
		margin-right: 10px;
	}

/* Fördjupning */
dt {
	font-weight: bold;
}	
dd {
	margin: 0 0 10px;
}
ul#breadcrumbs {
	list-style: none;
	margin: -5px 0 10px;
	height: 25px;

}
	ul#breadcrumbs li {
		float: left;
	}
		ul#breadcrumbs li span {
			padding: 0 5px;
		}
		ul#breadcrumbs li a {
			color: #666;
		}
		ul#breadcrumbs li a:hover,
		ul#breadcrumbs li a.active {
			color: #0099cc;
		}
		
div.left {
	width: 285px;
	margin: 0 20px 0 0;
	float: left;
	display: inline;
}
		
div.right {
	width: 285px;
	float: right;
}

img.framed {
	border: 1px solid #e1e1e1;
	padding: 3px;
	background: #fff;
}

img.right {
	float: right;
	margin: 0 0 5px 10px;
	display: inline;
}

img.left {
	float: left;
	margin: 0 10px 5px 0;
	display: inline;
}

div.centered {
	text-align: center;
	margin-bottom: 10px;
}

table#statistik {
	width: auto;
}
	table#statistik tr th,
	table#statistik tr td {
		padding: 3px 5px;
	}
	table#statistik tr th {
		background: #fefefe;
	}
	
#errorBox {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 0 0 10px;
}
	#errorBox p {
		margin-bottom: 0;
	}

#infoBox {
	border: 1px dashed #0099cc;
	padding: 3px;
	width: 260px;
	float: right;
	margin: 15px 0 0 10px;
	display: inline;
}

.backBtn {
	float: right;
	display: block;
	width: 60px;
	text-align: center;
	padding: 2px;
	margin: 0 0 10px;
	background: #0ac917;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
.backBtn:hover {
	background: #008009;
}
	
ul#error {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 0 10px;
}
	ul#error li {
		color: #CC0000;
		list-style: none;
		margin: 0 0 3px;
	}
		ul#error li.head {
			font-weight: bold;
			color: #000;
			border-bottom: 1px solid #CC0000;
		}
		
div.msg {
	border: 1px solid #339900;
	color: #339900;
	margin: 5px 0 10px;
	padding: 5px;
	font-weight: bold;
}

.size0, .size0 a {
font-size: 9pt;
}

.size1, .size1 a {
font-size: 12pt;
}

.size2, .size2 a {
font-size: 16pt;
}

.size0 ul#index li, .size0 ul#index li a {
font-size: 10pt;
}

.size1 ul#index li, .size1 ul#index li a {
font-size: 12pt;
}

.size2 ul#index li, .size2 ul#index li a {
font-size: 16pt;
}

.size0 h3, .size1 h3, .size2 h3 {
	font-size: 14px;
}


#navhelp {
	float: right;
	margin: 0 0 0 10px;
	display: inline;
}

div.info {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5px 0;
}