body {
	font-size: 0.8em;
	font-family: arial, "lucida console", sans-serif
}


/* -----------------------------------------------------------------------------
									STANDARD
----------------------------------------------------------------------------- */
img {
	float: left;
	border: none;
	margin: 0 15px 15px 0;
}

img.standardImage, a.standardImage img  {
	float: none;
	clear: both;
	display: block;
	margin: 0 auto 15px auto;
	border: dotted 1px #ccc;
}

h1 {
	font-size: 1.225em;
	color: #277b98;
}

h3 {
	font-size: 1.125em;
	color: #277b98;
}

.smallertext {
	font-size: 0.825em;
}

div#leftColumn, div#rightColumn {
	line-height: 1.3;
}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#c00} 
/*a:visited {color:#999} */
a:visited {color:#c00} 
a:hover,a:active {color:#069} 

/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
		
		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}

		/* TYPOGRAPHY */
		p, ul, ol {margin-bottom: 15px}
		h1, h2, h3, h4, h5, h6 {margin-bottom: 10px;}

/* LISTS */
ul {margin: 0 0 15px 20px; list-style-type: square;}
ol {margin: 0 0px 15px 20px;}
ul ul, ol ol {margin: 0 0 0 20px;}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
.clear, .clearer {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 


#content {margin: 0 50px}
	#content #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold}
	#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
	#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}
	
	.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold}
	
	.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
	.pagination p {position:relative;text-align:right}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
	.pagination p a:hover {background:#c00;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-1.45em;padding:0;border:none}
	
	/* TABLES */
	table {border: 2px solid #ccc;border-collapse:collapse;width:100%; margin-bottom: 15px;font-size:97%;}
	table td {padding: 5px; border: 1px solid #ccc}
	table td img {display:block;margin: 0 auto;float: none;}

	/* TABLES - calendar */
	.calendar {width:200px;font-size:92%}
		.calendar td {text-align:center;border: 1px solid #ddd}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
		a.morelink:hover {background: transparent url("images/sprites.gif") 5px -400px}
		.morelink span {position:absolute;left:-9999px;width:900px}
		
	/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
		ol.code {font-family: monospace;position:relative}
		ol.code li {color: #666;margin-bottom: 1px}
		ol.code code {color: #000;display: block}
		ol.code .cmt {color: #4077d2}
		li.tab0 code {padding-left: 4em}
		li.tab1 code {padding-left: 8em}
		li.tab2 code {padding-left: 12em}
		li.tab3 code {padding-left: 16em}
		li.tab4 code {padding-left: 20em}
		li.tab5 code {padding-left: 24em}
		ol.code li  {background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%}
		p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}



		/* -----------------------------------------------------------------------------
											MAIN PAGE
		----------------------------------------------------------------------------- */
		body#idlslideshow div#leftColumn h1,
		body#idlslideshow h2 {
			background: #379abd url('../wsimages/background_blue.jpg') repeat-x;
			color: #fff;
			padding: 0 14px;
			margin: 0 0 5px 0;
		}

			body#idlslideshow div#leftColumn h1 {
				font-size: 1.6em;
				line-height: 79px;
				height: 79px;
				overflow: hidden;
			}

			body#idlslideshow h2 {
				font-size: 1.2em;
				line-height: 33px;
				height: 33px;
				overflow: hidden;
			}

			body#idlslideshow h3 {
				font-size: 1.125em;
				color: #277b98;
				background-color: #fff;
				padding: 12px 14px 0 14px;
				margin: 0;
			}

		body#idlslideshow p {
			background-color: #fff;
			margin-bottom: 5px;
			padding: 12px 14px 12px 14px;
			height: 45px;
			line-height: 1;
		}

		body#idlslideshow .newsbox p {
			height: 97px;
		}

		body#idlslideshow img {
			margin: 0 0 4px 0;
			float: none;
		}
		

		
/* -----------------------------------------------------------------------------
									Skjemabygger
----------------------------------------------------------------------------- */
		form
			{
			border: solid 3px #ccc;
			padding: 10px 10px 10px 0;
			margin-bottom: 15px;
			float: left;
			width: 586px;
			}



		form fieldset
			{
			border: none;
			border-bottom: solid 1px #ccc;
			padding: 0px 0px 10px 10px;
			margin: 0;
			width: 585px;
			float: left;
			}


			form fieldset.w33percent
				{
				width: 180px;
				display: table-cell;
				}

			form fieldset.w50percent
				{
				width: 280px;
				display: table-cell;
				}

			fieldset.w66percent
				{
				width: 302px;
				display: table-cell;
				}

		form fieldset label
			{
			font-weight: bold;
			clear: both;
			display: block;
			}

		form fieldset input
			{
			display: block;
			width: 565px;
			padding: 2px;
			margin: 0px;
			}
			

			 form fieldset.w33percent input
			 	{
				width: 138px;
				}

			form fieldset.w50percent input
			 	{
				width: 240px;
				}

			 form fieldset.w66percent input
			 	{
				width: 292px;
				}
			
			form fieldset .checkbox {
				width: auto;
				float: left;
				clear: none;
				line-height: 16px;
				margin: 10px 10px 0 0;
			}
			
			form br {
				clear: both;
				width: 100%;
				height: 1px;
				overflow: hidden;
			}
			
			.statictext {
				display: block;
				margin-top: 10px;
			}
			
			input.submit {
				margin: 10px 0 10px 10px;
			}

/* Validation */
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}