* { margin: 0; padding: 0; }

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px;
}

h2 {
	font-size: 14px;
	margin: -1px -1px 0;
	color: #fff;
}

h3 {
	font-size: 14px;
	margin-bottom: 5px;
}
	h3.green {
		font-size: 14px;
		color: #fff;
		padding: 5px 10px;
		margin: 0;
		background: #00c70e;
	}
h4 {
	font-size: 12px;
	margin-bottom: 2px;
}

a {
	color: #0099CC;
}
a:hover {
	text-decoration: none;
}

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

.clr {
	clear: both;
}

.alt {
	background: #f4f4f4;
}

p {
	margin-bottom: 10px;
}

ul,
ol {
	margin: 0 0 7px 20px;
}
	ul li,
	ol li {
		margin: 0 0 3px;
	}
	
#wrapper {
	width: 884px;
}	

#container {
	padding: 10px;
	border: 1px solid #ccc;
	width: 862px;
	min-height: 600px;
}
	#sidebar {
		width: 150px;
		float: left;
		margin: 0 10px 0 0;
		display: inline;
	}
		h1 {
			margin: 0 0 10px;
		}
		ul#menu {
			list-style: none;
			margin: 0;
		}
			ul#menu li {
				margin-bottom: 2px;
			}
				ul#menu li a,
				ul#menu li span {
					display: block;
					height: 19px;
					padding: 5px 10px 0;
				}
				ul#menu li a {
					text-decoration: none;
					font-weight: bold;
				}
			li#accounts {
				margin-top: 20px;
			}
				li#accounts a {					
					background: #f7f7f7;
					border: 1px solid #ccc;
					padding: 5px;
				}
				li#accounts.active a {
					background: #fefefe;
				}
			
	#content {
		float: left;
		display: inline;
		width: 700px;
		background: #fafafa;
		border: 1px solid #bfbfbf;
	}
						
#footer {
	margin: 0;
	height: 20px;
	border: 1px solid #ccc;
	border-top: 0;
	width: 872px;
	padding: 5px;
	background: #f6f6f6;
	list-style: none;
	color: #949494;
}
	#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#result {
	margin: 0 0 10px;
}
	table#result tr th {
		width: 150px;
	}
	table#result tr td {
		text-align: right;
	}
	
#page {
	padding: 10px;
}
	#page.videolist {
		padding: 10px 5px 5px 10px;
	}
	#textalert {
		padding: 5px 5px 5px 35px;
		background: #f4f4f4 url('../graphics/icon_alert.gif') no-repeat 6px center;
		font-weight: bold;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
		width: 658px;
	}
	
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;
	}
	

ul#edumenu {
	height: 23px;
	list-style: none;
	margin: 5px;
	font-size: 12px;
}
	ul#edumenu li {
		float: left;
		margin: 0 2px 0 0;
		display: inline;
	}
		ul#edumenu li a {
			display: block;
			background: #009307 url('../graphics/menu_corners_big_left.gif') no-repeat;
			color: #fff;
			text-decoration: none;
			font-weight: bold;
		}
		ul#edumenu li a span {
			display: block;
			padding: 4px 10px;
			background: url('../graphics/menu_corners_big_right.gif') no-repeat top right;
		}
		ul#edumenu li a.active,
		ul#edumenu li a:hover {
			background-color: #02ca0b;
		}

#tvmenu {
	height: 18px;
	background: #e5e5e5 url('../graphics/background_menu.gif') repeat-x;
	list-style: none;
  margin: 0;
}
  #tvmenu a {
    font-size: 11px;
	  color: #000;
  	text-decoration: none;
  }

	#tvmenu li {
		float: left;
		margin: 0 2px 0 0;
		display: inline;
	}
		#tvmenu li.right {
			float: right;
			margin: 0 0 0 2px;
			display: inline;
		}
		#tvmenu li a {
			display: block;
			padding: 2px 10px;
			font-weight: bold;
		}
		#tvmenu li a.active,
		#tvmenu li a:hover {
			background: #2a2a2a url('../graphics/background_menu_hover.gif') repeat-x;
			color: #fff;
		}

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

ul#index li {
	margin: 15px 0 0;
/*	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.gif') top left no-repeat;
	padding-top: 6px;
}

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

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

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.border {
		border: 1px solid #ccc;
		padding: 10px;
		background: #fff;
		margin: 20px 0 0;
	}
	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.button {
		margin: 5px 0 0;
	}
		
	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; /* 582 */
		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 #ccc;
		}
		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 .col-content {
				width: 500px;
			}
			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;
}

table.noborder td {
 border: 0;
 padding: 0;
}

table.company {
	border-collapse: collapse;
	border: 0;
	margin-bottom: 10px;
  width: 680px;
}
	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: 5px;
	margin: 0 0 10px;
	width: 280px;
	background: #fff;
}
	#errorBox p {
		margin-bottom: 0;
	}
	

	
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;
}

#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;
}

.size0 {
font-size: 12px;
line-height: 15px;
}

.size1 {
font-size: 16px;
line-height: 19px;
}

.size2 {
font-size: 20px;
line-height: 23px;
}

.size0 h3, .size0 h4 {
font-size: 14px;
line-height: 16px;
}

.size1 h3, .size1 h4 {
font-size: 18px;
line-height: 20px;
}

.size2 h3, .size2 h4 {
font-size: 22px;
line-height: 24px;
}

.bold {
			font-weight: bold;
				
}

#guide {
	margin: 0 0 10px 5px;
	float: right;
}

ul.toolMenu {
	margin: 0 0 10px;
	list-style: none;
	height: 24px;
	border-bottom: 1px solid #00c70e;
}
	ul.toolMenu li {
		float: left;
	}
	
	ul.toolMenu li a {
		display: block;
		padding: 5px 10px;
		text-decoration: none;
	}
	ul.toolMenu li a:hover {
		color: #00c70e;
	}
	ul.toolMenu li a.active {
		background: #00c70e;
		color: #fff;
	}
	ul.toolMenu li a.active:hover {
		color: #fff;
	}
	
#login {
	float: right;
	width: 200px;
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	margin: 0 0 0 10px;
	display: inline;
}
	#login label {
		display: block;
		font-weight: bold;
		margin: 0 0 3px;
	}
	#login input {
		width: 194px;
		display: block;
		margin: 0 0 5px;
	}
	#login input.button {
		width: auto;
		padding: 0 5px;
	}
	
.image {
	margin: 0 0 10px;
}

div.column {
	float: left;
	margin: 0 20px 0 0;
	display: inline;
	width: 320px;
}

#flashguide {
	width: 590px;
	margin: 0 auto 10px;
}

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

table#examdata {
	border: 0;
	width: 100%;
}
	table#examdata td {
		border: 0;
		padding: 0 0 3px;
	}
	
ul.tags {
	list-style: none;
	height: 20px;
	margin: 0 0 5px;
}
	ul.tags li {
		margin: 0 3px 0 0;
		display: inline;
		float: left;
	}
		ul.tags li a {
			display: block;
			padding: 2px;
			border: 1px solid #ccc;
			background: #f0f0f0;
			text-decoration: none;
			color: #000;
		}
		ul.tags li a:hover {
			background: #fff;
		}
		

#slide {
	border-collapse: collapse;
	border: 0;
}
	#slide td {
		padding: 0;
		border: 0;
	}
	#slide td#image {
		width: 400px;
		padding: 0 0 0 20px;
		text-align: center;
	}
	#slide h3 {
		margin: 0 0 10px;
	}
	#slide ul {
		list-style: disc;
		padding: 0 0 0 20px;
	}
table#nav {
	height: 45px;
	width: 680px;
	margin: 20px 0 0;
	border-collapse: collapse;
	border: 0;
}
	table#nav tr {
		height: 45px;
	}
	table#nav.overlay {
		margin: -45px 0 0;
	}
	table#nav td {
		padding: 0;
		border: 0;
	}
		table#nav td#left {
			text-align: left;
		}
		table#nav td#right {
			text-align: right;
		}
		table#nav td img {
			width: 150px;
			height: 45px;
			behavior: url('iepngfix.htc'); 
		}

#tryck {
	background: url('../graphics/themes/kommun/puff.gif') no-repeat;
	padding: 10px 12px 12px 10px;
	width: 300px;
	height: 45px;
	float: right;
	color: #fff;
	font-size: 12px;
}
	#tryck strong {
		font-size: 14px;
	}
	
table#prices {
	margin: 10px 0;
	width: 99%;
}
table#prices tr.odd {
	background: #f7f7f7;
}

table#prices th {
	padding: 0 10px;
}
table#prices td {
	padding: 5px 10px;
	border: 1px solid #ccc;
	font-size: 13px;
}
	table#prices .medium {
		width: 100px;
	}
	table#prices .small {
		width: 15px;
	}
	table#prices  .va {
		vertical-align: middle;
	}

input.radio {
	float: left;
	display: inline;
	margin: 2px 5px 0 0;
}

#orderbutton {
	float: right;
}
table.order {
	width: 288px;
	margin: 0 0 10px;
}
	table.order .small {
		width: 15px;
	}
	table.order .medium {
		width: 100px;
	}
	table.order .va {
		vertical-align: middle;
	}

#infopuff {
	float: right;
	width: 344px;
}
	#infopuff div {
		width: 320px;
		height: 102px;
		padding: 11px 13px 3px 11px;
		color: #fff;
		font-size: 13px;
		margin: 0 0 10px;
	}

#episodes {
	margin: 0 0 0 -6px;
	width: 706px;
}
#episodes ul {
	padding: 0;
	width: 347px;
	margin: 5px 0 0 6px;
	float: left;
	list-style: none;
	display: inline;
}
	#episodes ul li {
		margin: 0 0 5px;
    list-style-position: outside;
	}
	#episodes ul li a,
	#episodes ul li div{
		display: block;
		width: 345px;
		height: 40px;
		color: #000;
		margin: 0;
		font-weight: normal;
		text-decoration: none;
		border: 1px solid #afafaf;
		background: #f1f1f1 url('../graphics/background_episode.jpg') repeat-x left center;
	}
	#episodes ul li div {
		color: #666;
	}
	#episodes ul li a:hover {
		color: #fff;
		border: 1px solid #2f761c;
		background: #3a8825 url('../graphics/background_episode_hover.jpg') repeat-x left center;
	}
		#episodes ul li span {
			display: block;
			padding: 4px 5px;
		}
		#episodes ul li img {
			float: left;
			margin: 0 10px 0 0;
			display: inline;
			height: 40px;
			width: 50px;
		}
		#episodes ul li img.na {
			width: 150px;
			height: 16px;
			float: right;
			border: 0;
			display: inline;
			margin: 0;
		}
		#episodes ul li img.watched {
			float: right;
			border: 0;
			width: 26px;
			height: auto;
			display: inline;
			margin: 4px 2px 0 0;
		}
		#episodes ul li strong {			
			font-size: 13px;
		}
		#episodes ul li small,
		#episodes ul li small strong {
			font-size: 12px;
		}
		
#episode {
	margin: 0;
}
	#episode.help {
		margin: -8px -10px -10px;
	}
	#episode h3 {
		background: #232323 url('../graphics/background_h3_video.gif') repeat-x;
		height: 22px;
		color: #fff;
		margin: 0;
		padding: 4px 0 0 5px;
	}
		#episode.help h3 {
			margin: 0 0 10px;
		}
		#episode h3 a {
			color:#FFFFFF;
			display:inline;
			float:right;
			font-size:13px;
			height:22px;
			margin:-4px 0 0;
			padding:4px 10px 0;
			text-decoration:none;
		}
		h3 a:hover,
		h3 a.active {
			background: #00a40b url('../graphics/background_h3_video_hover.gif') repeat-x;
		}
		
	#episode img {
		float: right;
		margin-bottom: 10px;
	}

	#episode ol {
		float: left;
		width: 218px;
		border: 1px solid #ccc;
		background: #f4f4f4;
		padding: 5px 5px 5px 25px;
		margin: 0 0 20px;
	}

	#episode dl {		
		float: left;
		width: 238px;
		padding: 5px;
		border: 1px solid #ccc;
		background: #f4f4f4;
	}
 
	#episode dt {
		font-weight: bold;
	}

	#episode dd {
		margin: 0 0 5px;
	}
		
h3.cat {
	background: url('../graphics/background_videocat.gif') repeat-x;
	margin: 5px 0 0 6px;
	padding: 3px 5px;
	color: #fff;
}

#nametag {
	background: #333;
	padding: 5px;
	color: #fff;
}

div.catInfo {
	border: 1px solid #ccc;
	background: #F9F9F9;
	padding: 3px;
	margin: 5px 0 0 6px;
}

#ended {
	height: 404px;
	background: #000;
	padding: 10px;
	list-style: none;
	color: #fff;
	margin: 0;
}
	#ended li {
		float: left;
		margin: 10px;
		width: 320px;
		text-align: center;
		font-size: 14px;
	}
		#ended li#demo {
			width: 560px;
			padding: 0 50px;
			font-weight: bold;
			font-size: 14px;
		}
			#ended li#demo h3 {
				background: none;
				padding: 0;
				margin: 0 0 10px;
			}
			#ended li#demo a img {
				margin: 20px 0 0;
			}
		#ended li h4 {
			text-align: left;
		}
		#ended li a {
			color: #fff;
			font-size: 13px;
			text-decoration: none;
		}
			#ended li a:hover {
				color: #70CD58;
			}
	#ended li div.ep {
		margin: 0 0 10px;
		text-align: left;
	}
		#ended li div.ep a {
			display: block;
			width: 320px;
			height: 40px;
			color: #000;
			margin: 0;
			font-weight: normal;
			text-decoration: none;
			border: 1px solid #afafaf;
			background: #f1f1f1 url('../graphics/background_episode.jpg') repeat-x left center;
		}
		#ended li div.ep a:hover {
			color: #fff;
			border: 1px solid #2f761c;
			background: #3a8825 url('../graphics/background_episode_hover.jpg') repeat-x left center;
		}
			#ended li div.ep span {
				display: block;
				padding: 4px 5px;
			}
			#ended li div.ep a img {
				float: left;
				margin: 0 10px 0 0;
				display: inline;
				height: 40px;
				width: 50px;
			}
			#ended li div.ep a strong {			
				font-size: 13px;
			}
			#ended li div.ep a small,
			#ended li div.ep a small strong {
				font-size: 12px;
			}
			
#trailerEnded {
	width: 460px;
	height: 344px;
	padding: 40px 110px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
	background: #000;
	color: #fff;
}
	#trailerEnded a {
		color: #fff;
	}
	#trailerEnded p {
		margin: 0 0 10px;
	}
	#trailerEnded .space {
		margin: 0 0 40px;
	}