/* start: extension/hioa/design/hioa/stylesheets/screen/global/tags.css */
/**
 * global/tags
 * Styles for html tags only
 */

/* Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	font-size:100%;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset, img {
	border:0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

ul {
	list-style:none;
}

caption, th {
	text-align:left;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

q:before, q:after {
	content:'';
}

abbr, acronym {
	border:0;
}

table, tr, td{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

* {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

/* Tags */

body {
	font: 71% Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:200;
	color:#ffffff;	
}

h1, h2, h3, h4, h5, h6 {
	margin-top:0;
}

a {
	color:#fff;	
	font-size:1em;
}

a img {
	border:none;
}

p {
	line-height: 1.3em;
	font-size:1.1em;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

ul li {
	list-style-type:none;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-size: 3em;
	line-height: 1.5em;
	background:transparent;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-size: 1.7em;
	line-height: 1.2em;
	background:transparent;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-size: 1.8em;
	line-height: 1.2em;
	background:transparent;
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-size: 1.2em;
	line-height: 1.5em;
	background:transparent;
}

p {
	color: #000;
	font-size: 1.1em;
	line-height: 1.3em;
	background:transparent;
}

em{

}

em.italic{
	font-style:italic;
}
strong {
	font-weight: bold;
}

div.bodyText table{
	margin:10px 0;
	border:1px solid #999;
	padding:2px;
	table-layout: fixed;
	word-wrap:	break-word;
}

div.bodyText table tr{
border-bottom:1px solid #999;
}

div.bodyText table tr td{
padding:4px;

}


/*BODYTEXT SPECIAL RULES*/

div.bodyText ul:not(.courses-list)
,div.bodyText ol:not(.courses-list)
{
padding:0px 0 18px 0;
margin-left:24px;
}
div.bodyText ol{
padding:12px 0 18px 0;
margin-left:27px;
}

div.bodyText ul li{
padding-bottom:2px;
list-style:disc;
}

div.bodyText ol li{
padding-bottom:2px;

}
em.italic{
	font-style:italic;
}

/* end: extension/hioa/design/hioa/stylesheets/screen/global/tags.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/global/generic.css */
/**
 * global/generic
 * Generic classes
 */
 
/* General */

.clearfloat {
  clear:both;
  height:0;
  font-size:1px;
  line-height:0px;
}

.hiddenTxt {
  display: none;
}

.last {
  width:auto;
}

span.metaData {
  color: #E47126;
  font-size: 0.9em !important;
  float: left;
  margin-top: 3px;
}

span.metaData p {
	float: left;
}

.image_bottom_clear {
	clear: both;
	margin-bottom: 22px;
}

/* Generic form class */

form.form {
  float:left;
  width:100%;
  margin-top:50px;
  margin-bottom:300px;
}

form.form fieldset {
  float:left;
  width:100%;
}

form.form fieldset label {
  float:left;
  width:30%;
  padding:4px 3px;
  margin-bottom:10px;
  margin-right:20px;
  text-align:right;
}

form.form fieldset input {
  border:2px solid #e5e5e5;
  -moz-border-radius: 4px 4px 4px 4px;
  box-shadow:inset 0 0 5px #e5e5e5;
  -moz-box-shadow:inset 0 0 5px #e5e5e5;
  background:#fff;
  margin-bottom:10px;
}

form.form fieldset span {
  float:left;
  width:100%;
  display:block;
  margin-top:5px;
}

form.form fieldset span label {
  float:left;
  margin:0px;
}

form.form fieldset span input {
  float:left;
  margin:5px 0 0 20px;
}

form.form fieldset input[type="text"] {
  float:left;
  padding:3px 3px;
  width: 50%;
}

form.form fieldset input[type="password"] {
  float: left;
  padding:3px 3px;
  width: 50%;
}

form.form fieldset textarea {
  float:left;
  width:60%;
  padding:4px 3px;
  border:2px solid #e5e5e5;
  -moz-border-radius: 4px 4px 4px 4px;
  box-shadow:inset 0 0 5px #e5e5e5;
  -moz-box-shadow:inset 0 0 5px #e5e5e5;
  background:#fff;
  margin-bottom:10px;
}

form.form fieldset select {
  float:left;
  width:272px;
  padding:4px 3px;
  border:1px solid #e5e5e5;
  -moz-border-radius: 4px 4px 4px 4px;
  box-shadow:inset 0 0 5px #e5e5e5;
  -moz-box-shadow:inset 0 0 5px #e5e5e5;
  background:#fff;
}

form.form fieldset select.selected {
	background:none;
}

form.form fieldset option {
  width:245px;
  padding:1px 3px;
  background:#fff;
  border:none;
}

form.form fieldset .submit {
  text-transform:uppercase;
  background: none repeat scroll 0 0 #E77126;
  color: #FFFFFF;
  display: block;
  float: right;
  font-weight: bold;
  letter-spacing: 0.02em;
  padding: 4px 12px 4px 12px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor:pointer;
  margin-top:10px;
  border:none;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  box-shadow:0 0 5px #b7b7b7;
  -moz-box-shadow:0 0 8px #b7b7b7;
  -webkit-box-shadow:0 0 8px #b7b7b7;
  border-radius: 15px;
}

/*Pagenavigator*/

div.pagenavigator{
float:left;
width:100%;
font-size:1.1em;
}

div.pagenavigator a{
text-decoration:underline;
}

div.pagenavigator a:hover{
text-decoration:none;
}

div.pagenavigator span.next{
margin-right:5px;
}

div.pagenavigator span.pages{
padding:0 2px;
}

div.pagenavigator span.other{
margin-left:3px;
}

div.pagenavigator span.current{
  background:#000;
  color:#fff;
  padding:1px 3px;
  font-weight:bold;
  border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
}




/* end: extension/hioa/design/hioa/stylesheets/screen/global/generic.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/framework/common.css */
/**
 * framework/common
 * Generic framework styles
 * Top-level html structure:
 * .container
 * 	#top
 * 		.contentWrapper
 * 	#maincontent
 * 		.contentWrapper
 *  #footer
 * 		.inner
 * 			.contentWrapper
 */
 
/* .container */

.container {
	text-align:left;
	margin: 0;
	background: #fff;
	width: 100%;
}
body.article .container{
	background: #e7e6e2;
}

/* .container #top */

.container #top{}

#printLogo { 
	display:none;
	float:left;
}

/* .container #maincontent */

.container #maincontent{}

/* .container #footer */

.container #footer{}

/* .container #top .contentWrapper, .container #maincontent .contentWrapper, .container #footer .inner .contentWrapper  */

.contentWrapper {
	margin: 0 auto;
	padding:0;
	position: relative;
	max-width: 1224px;
}

body.frontpage div#maincontent .contentWrapper {
	max-width: 967px;
}

body.frontpage.width-large div#maincontent div.contentWrapper {
	width: 1224px;	
	max-width: 1224px;
}

body.article div#maincontent div.contentWrapper {
	max-width: 717px;	
}
body.article.width-large div#maincontent div.contentWrapper {
	max-width: 1207px;
}

body.article.width-medium div#maincontent div.contentWrapper {
	max-width: 1170px;
}

body.article.width-medium-rightcontent-down div#maincontent {	
	background-color: #fff;
}

div#maincontent div.contentWrapper {
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;	
}
#hidnav {	    
    text-align: left;    
}

ul#hidnav  li a { 
	color: #0033CC;
	position: absolute; 
	left: -10000px; 
	width: 1px; 
	height: 1px; 
	overflow: hidden; 
}
ul#hidnav  li a:focus
, ul#hidnav  li a:active { 
	position: static; 
	left: 0; 
	width: auto; 
	height: auto; 
	overflow: visible; 
	text-decoration: underline; 
}










/* end: extension/hioa/design/hioa/stylesheets/screen/framework/common.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/framework/top.css */
/**
 * framework/top
 * Inherits framework/common
 * Top-level html structure:
 * #top
 * 	.contentWrapper
 * 		#logo
 * 		#navcontainer
 * 			#topMenu
 * 			#search
 * 			#Nav
 */
 
/* #top */

#top {
	background-color: #000;
	min-height: 110px;
	z-index: 9999;
	padding: 0 0 0 25px;
}


xxbody.frontpage.width-small #top {/*IPAD FIX IF IMAGE NOT SCALABLE*/
width:97%;
}

/* #top .contentWrapper */

body.width-medium div#top div.contentWrapper{
	max-width: 1100px;
}

body.width-small div#top div.contentWrapper,
body.width-smaller div#top div.contentWrapper,
body.width-smallest div#top div.contentWrapper{
	max-width: 800px;
}

#top .contentWrapper {
	padding: 0;
	position:relative;
	overflow:visible;
}

/* #top .contentWrapper a#logo */

a#logo {
}

#top .contentWrapper a#logo img {
	position:absolute;
	left:0;
	top: 21px;
	width: 110px;
	height: inherit;
}

#top .contentWrapper img#printLogo {
	display:none;
}

/* #top .contentWrapper div#navcontainer */
ul#topMenu li.textResizer{
padding:0 0 0 5px;
margin:0px;
vertical-align:top;
}

ul#topMenu li.textResizer a{
text-align:center;
cursor:pointer;
padding:0px 5px;
border:none;
}

ul#topMenu li.textResizer a.textResizer-0 {
font-size:10px;
padding-top:4px;
}

ul#topMenu li.textResizer a.textResizer-1 {
font-size:12px;
padding-top:4px;
}
ul#topMenu li.textResizer a.textResizer-2{
font-size:14px;
padding-top:3px;
}
ul#topMenu li.textResizer a.textResizer-3{
font-size:16px;
}

/* #top .contentWrapper div#navcontainer */

div#navcontainer {
	position:absolute;
	left: 236px;
	right:0;
}

/* #top .contentWrapper div#navcontainer ul#topMenu */

ul#topMenu {
	float: right;
	margin:10px 0 15px 0;
}

ul#topMenu li {
	float:left;
	display:inline;
}

ul#topMenu li a,
ul#topMenu li a:visited {
	font-size:0.9em;
	padding:0 12px;
	letter-spacing:0.005em;
	border-right:1px solid #5b5b5b;
	text-decoration:none;
	color:#FFF;
}

uxlab.n
ul#topMenu li a:hover {
	color:#EA7126;
	text-decoration:none;
}

.text-resize a {
	text-align:center !important;
	cursor:pointer !important;
	padding:0px 2px !important;
	border:none !important;
}

.text-resize-small {
	font-size:10px !important;
	margin-left: 3px !important;
}
.text-resize-medium {
	font-size:12px !important;
}
.text-resize-big {
	font-size:14px !important;
}

/* #top .contentWrapper div#navcontainer div#search */

div#search {	
	float: right;
	clear:right;
}

div#search form {
	float: left;
	width: 400px;
	padding: 0px;
}


div#search form input.searchField:focus
,div#search form input.searchField:focus ~ #searchbutton
,#searchbutton:focus
{
	border: 1.5px solid #E77126;
}
div#search form input.searchField:focus ~ #searchbutton
,#searchbutton:focus
{
	padding: 5px 5px 5px 3px;
	border-left: 0px;
}
div#search form input.searchField:focus {
	border-right:0px;
	padding: 0px 0px 0px 8px;
}

div#search form input.searchField {
	float: left;
	outline: none;
	background: #FFF;
	padding: 1px 0px 1px 10px;
	border: none;
	height: 26px;
	width: 56%;
	margin-left: 140px;
	font-size: 1.1em;
}

#searchbutton {
	background-color: #ffffff;
	padding: 7px 5px 5px 3px;
	border-radius: 0px;
	border: 0px;
	height: 16px;
}
.searchstringlabel {
	display:none;
}

body.english div#search form input.searchField{
	width: 68%;
}

body.english div#search form input.submit {
	width: 19%;
}

#ezautocomplete {
	z-index: 2000;
}

#ezautocompletecontainer {
	background-color:	#fff;
	margin-top:			2px;
	z-index:			2000 !important;
	position:			absolute;
	box-shadow:			5px 5px 5px #000;
	margin-left:		6px;
}
#ezautocompletecontainer div {
	color: #000;
	cursor: pointer;
	padding: 2px 5px 2px 5px;
}
#ezautocompletecontainer div span {
	float: right;
}

#ezautocompletecontainer .active {
	background-color: #E7E6E2;
}




/* #top .contentWrapper div#navcontainer ul#Nav */

ul#Nav {
	float:left;
	width:100%;
	margin-top: 10px;
	margin-left: 20px;
}

ul#Nav li {
	float:left;
	display:inline;
}

ul#Nav li a,
ul#Nav li a:visited {
	color:#FFF;
	font-size:1.2em;
	letter-spacing:0.008em;
	padding:4px 10px;
	border-right:1px solid #5b5b5b;
	text-decoration:none;
}

ul#Nav li a:hover {
	color:#EA7126;
}

ul#Nav li a.selected {
	color:#EA7126;
	text-decoration:none;
}


/*NAVIGATION MOBILE*/

nav select {
  display: none;
}


/* Crise banner */

div#crise_banner
{
	background-color: #FF0000;
	color: #FFF;
	padding: 20px 10% 10px 10%;
	font-size: 1.4em;
	position: fixed;
	z-index: 5000;
	left: 0em;
	right: 0em;
	top: 0em;
	float: left;
}
div#crise_banner p {
	color: #FFF;
}
div#crise_banner a {
	color: #0033cc;
}

div#crise_banner h2 {
	font-weight: bold;
	color: #FFF;
	font-family: Georgia;
	font-size: 28px;
	padding: 0px;
	margin: 0px;
	letter-spacing:0px;
}

/* Sticky banner */

div#sticky_banner
{
	background-color: #ffe200;
	color: #000;
	padding: 10px 10% 10px 10%;
	font-size: 1.4em;
	position: fixed;
	z-index: 5000;
	left: 0em;
	right: 0em;
	top: 0em;
	float: left;
}
div#sticky_banner p {
	color: #000;
}
div#sticky_banner a {
	color: #0033cc;
}

div#sticky_banner h2 {
	font-weight: bold;
	color: #FFF;
	font-family: Georgia;
	font-size: 28px;
	padding: 0px;
	margin: 0px;
	letter-spacing:0px;
}

/* end: extension/hioa/design/hioa/stylesheets/screen/framework/top.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/framework/maincontent.css */
/**
 * framework/maincontent
 * Inherits framework/common
 * Top-level html structure:
 * #maincontent
 * 	.contentWrapper
 */
 
/* #maincontent */

div#maincontent{}


/* end: extension/hioa/design/hioa/stylesheets/screen/framework/maincontent.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/framework/maincontent-containers.css */
/**
 * framework/maincontent-containers
 * Inherits framework/maincontent
 * Top-level html structure:
 * #maincontent (see maincontent.css)
 * 	.section
 * 		.block
 *  .Col (or .Col.right)
 * 		.ColWrapper
 * 			.block
 *  .block
 * The order and number of .section, .Col, .block might vary
 * TODO: Refactoring
 */

/* #maincontent .secton */

div.section {
	float: left;
	width: 695px;
	margin-right: 25px; 
}
body.article.width-small div.section,
body.article.width-smaller div.section,
body.article.width-smallest div.section{
	margin-left: 10px;
}

/* Not refactored, but everything below belongs to div.section div.block */
div.section div.block {
	float: left;
	width: 335px;
	margin-right: 25px;
	margin-bottom: 25px;
}
div.section div.block div.blockContent {/*Block content*/
	float: left;
	width: 335px;
	padding: 12px 0 0px 0;
}

div.section div.block div.blockContent div.block_studies{/*Block studies*/
    color: #282828;
    float: left;
    font-size: 1.1em;
    line-height: 1.45em;
    padding: 12px 0 0;
    width: 335px;
}

p.extra_line {
	display: none;
	height: 10px;
}

div.extraline_dots {
	border-top:1px dotted #ccc;
	width: 97%;
	float: left;
	clear: both;
	margin-left: 20px;
	margin-bottom: 10px;
}

div.section div.block.last {
	margin-right: 0px;
}
div.section div.block p {/*Block content list*/
	margin-bottom: 15px;
	padding: 0 15px !important;
}
div.section div.Col div.ColWrapper div.block p {
	padding-left: 0px !important;
}


div.section div.Col div.ColWrapper div.block ul.list {
	padding-top: 0px;
}

div.section div.block h3 {/*Subheader*/
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
}
div.section div.block div.blockContent h3{
	font-weight:bold;
	font-size: 1.3em;
	line-height: 1em;
	margin: 4px 0;
	padding: 0 15px;
}

div.section div.block strong {
	padding: 0 0px;
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	background:transparent;
}
body.article.contact div.section div.block strong{
	padding: 0;
}
div.section div.block.contact {/*BLOCK CONTACT CARD*/
	float:left;
	width:100%;
	border-bottom:1px solid #000;
	color:#000;
	padding:10px 0;
	background:transparent;
}
div.section div.block.contact.twoCol {
	float:left;
	width:100%;
	border-bottom:1px solid #000;
}
div.section div.block.contact h2 {
	float:left;
	width:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.3em;
	padding:0 0 5px 0;
	margin:0 0 30px 0;
	color:#000;
	background:none;
	background:transparent;
}
div.section div.block.contact h3 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
div.section div.block.contact div.repeater div.vcard div.adr {
	width:80%;
}
div.section div.block.contact div.repeater div.vcard a {
	float:left;
	display:block;
	width:100%;
}
div.section div.block.contact div.repeater div.vcard {
}
div.section div.block.contact.twoCol div.repeater {/*Two col---------*/
	float:left;
	width:49.2%;
	margin:0 10px 25px 0;
}
div.section div.block.contact.twoCol div.repeater {
	float:left;
	width:49.2%;
	min-height:240px;
	margin:0 10px 10px 0;
}
div.section div.block.contact.twoCol div.repeater div.vcard {
	float:left;
	width:90%;
	margin-bottom:10px;
}
div.section div.block.contact div.repeater {/*Three col-------------*/
	float:left;
	width:32.3%;
	margin:0 10px 10px 0;
	min-height:150px;
}
div.section div.block.contact div.repeater.last {
	margin-right:0px;
}
div.section div.block.contact div.repeater.last div.vcard div.adr {
	margin-top:0px;
}
div.section div.block.contact div.repeater div.vcard {/*vcard*/
	float:left;
	width:100%;
	margin-bottom:10px;
}
div.section div.block.contact div.repeater div.vcard span {
	float:left;
	width:100%;
	padding:1px 0;
}
div.section div.block.contact div.repeater div.vcard div.adr {
	float:left;
	width:100%;
	margin-top:15px;
}
div.section div.block.contact div.repeater div.vcard span.email a {
	width:83%;
	float:right;
}
div.section div.block.newsList {/*BLOCK NEWSLIST*/
}
div.section div.block.newsList div.blockContent ul {
	padding-top: 0px;
}
div.section div.block.newsList div.blockContent ul li {
	float: left;
	padding: 0px;
	display: block;
}
div.section div.block.newsList div.blockContent ul li a:hover {
	background:#e7e6e2;
}
div.section div.block.newsList div.blockContent ul li a img {
	float: left;
	margin-right: 25px;
}
div.section div.block.newsList div.blockContent ul li a span.date {
	color: #b65718;
    font-size: 1em;
    margin-bottom: -1px;
    margin-top: -4px;
	float:left;
	padding: 0;
	font-weight:normal;
}

div.section div.block.newsList div.blockContent ul li a span.newsdate {
	margin-top:0px;
	margin-right: 4px;
	font-size: 1.18em;
	padding: 0 11px 50px 0 !important;
	font-weight: bold !important;
}
div.section div.block.newsList div.blockContent ul li a span.date-with-icon {
	padding-bottom: 0px !important;
	padding-right: 0px !important;
	font-size: 1em;
}
div.section div.block.newsList div.blockContent ul li a span.title-with-icon {
	float: right;
	width: 64%;
}

img.icon-with-date {
	float:left;
	clear:both;
}

span.newstitle {
	float: left;
	width: 62%;
}

div.section div.block.newsList div.blockContent ul li a em {
	float: left;
	width:60%;
	line-height:1.3em;
	text-decoration:underline;
}
div.section div.block.newsList div.blockContent ul li a span.text {
	width:60%;
	line-height: 1.34em;
	padding-top: 1px;
	padding-bottom: 0px;
	display: block;
}
div.section div.block.blogg {/*BLOCK BLOGG*/
}
div.section div.block.blogg div.blockContent ul {
	padding-top: 0px;
}
div.section div.block.blogg div.blockContent ul li {
	float: left;
	padding: 0px;
	display: block;
}
div.section div.block.blogg div.blockContent ul li a img {
	float: left;
	margin-right: 23px;
}
div.section div.block.blogg div.blockContent ul li a span.date {
	color: #b65718;
    font-size: 1em;
    margin-bottom: -1px;
    margin-top: -2px;
	float:left;
	padding: 0;
	font-weight:normal;
}
div.section div.block.blogg div.blockContent ul li a span.text {
	float: left;
	width: 210px;
	display: block;
	padding-top: 3px;
	padding-bottom: 0px;
}
div.section div.block ul#imageGallery {/*Image gallery*/
	float: left;
	width: 335px;
	margin-top: 23px;
}
div.section div.block ul#imageGallery li {
	float: left;
	width: 74px;
	margin-right: 13px;
	margin-bottom: 13px;
}
div.section div.block ul#imageGallery li.removeMargin {
	margin-right: 0px;
}
div.section div.block ul#imageGallery li a {
	float: left;
	padding: 0;
	margin: 0;
}
div.section div.block ul#imageGallery li a img {
	border: none;
}
div.section div.block a#galleryLink:hover {
	text-decoration: none;
}


body.article div.block h2 {
	margin-bottom: 1px;
	padding: 15px 12px 13px 12px;
	background:url(/extension/hioa/design/hioa/images/bg_blockH2.png) repeat-x top left;
}
body.article div.block h3 {
	padding: 5px 5px 3px 12px;
}
div.section div.block.publications {/*Publications*/
	float: left;
	clear: left;
	width: 645px;
	padding:25px 25px 60px 25px;
	background: #e7e6e2;
}
div.section div.block.publications div.text {
	padding-right:20px;
}
div.section div.block.publications div.text ul {
	padding:10px 15px;
}
div.section div.block.publications div.text ul li {
	padding:3px 0;
	list-style:disc;
	list-style-position:outside;
}

/* #maincontent .Col */

div.Col {
	float: left;
	width: 245px;
	padding: 0 0 20px 0;
}

body.article.width-small div.Col,
body.article.width-smaller div.Col,
body.article.width-smallest div.Col{
	margin-left: 15px;
}

/* #maincontent .ColWrapper */

div.ColWrapper {
	float: left;
	width: 205px;
	padding: 28px 20px 30px 20px;
	background: #e7e6e2;
	margin-bottom: 18px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px; /*IE 9*/
}

/* #maincontent .Col .ColWrapper */

div.ColWrapperMainContent {
	float: left;
	width: 96%;
	padding: 18px 10px 30px 20px;
	background: #e7e6e2;
	margin-bottom: 18px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px; /*IE 9*/
}


div.Col div.ColWrapper ul {
	padding: 5px 0 0 0px;
	margin: 2px 0;
}

div.Col div.ColWrapper div.block ul.list {
	padding-top: 0px; 
}

div.Col div.ColWrapper ul li {
	list-style: none;
}

body.width-mini div.Col div.ColWrapper ul li a {
	position: relative;
	top: -4px;
}

div.Col div.ColWrapper ul li a {
	text-decoration: underline;
	display: block;
	padding: 2px 0 3px  0px;
}

div.Col div.ColWrapper ul li a:hover {
	text-decoration: none;
}

div.Col div.ColWrapper ul.topMenu {
	list-style: none;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 13px;
	border-top: none;
	margin-top:0px;
}

div.Col div.ColWrapper ul.topMenu li {
	list-style: none;
}

div.Col div.ColWrapper ul.topMenu li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	list-style: none;
	padding: 4px 0 4px 22px;
	background: url(/extension/hioa/design/hioa/images/arrowToplistRC.png) no-repeat left center;
}

/* #maincontent .Col .ColWrapper .block */

div.ColWrapper div.block {
	padding: 0 0 10px 0;
	margin-bottom: 12px;
/*	border-bottom: 1px solid #5c5c5a; */  
}

div.ColWrapper div.block.last {
	padding: 0 0 10px 0;
	/*border-bottom: 1px solid #5c5c5a;*/
}

div.ColWrapper div.block h4 {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.03em;
	border-bottom: 1px solid #5c5c5a;
	border-top: 1px solid #5c5c5a;
	margin-bottom: 5px;
	padding:5px 0;
	font-size: 1.1em;
}

/* Not refactored, but everything below belongs to div.ColWrapper.facts */

div.ColWrapper.facts {
	color: #000;
	background:#e7e6e2;
	padding-top:25px;
	line-height: 1.42em;
}
div.ColWrapper.facts div.block {
	float:left;
	padding:0px 0 15px 0;
	border-bottom: 1px solid #5c5c5a;
	margin-bottom:10px;
	width:205px;
}
div.ColWrapper.facts div.block.first {
	padding-bottom:20px;
}
div.ColWrapper.facts div.block h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	padding:3px 0 10px 0;
	border-bottom: 1px solid #5c5c5a;
	margin-bottom:10px;
}
div.ColWrapper.facts div.block strong {
	width:100%;
	padding:10px 0 3px 0;
	display:block;
}
div.ColWrapper.facts div.block form {
	float:left;
}
div.ColWrapper.facts div.block form div.wrapper {
	float:left;
	width:200px;
	padding-bottom:15px;
}
div.ColWrapper.facts div.block form div.wrapper p {
	float:left;
	width:60px;
	padding:0 5px;
}
div.ColWrapper.facts div.block form div.wrapper div.count {
	float:left;
	width:60px;
	padding:0 5px;
}
div.ColWrapper.facts div.block form div.wrapper p {
	float:left;
	width:60px;
}
div.ColWrapper.facts div.block form div.wrapper input {
	clear:left;
	margin-top:3px;
	cursor:pointer;
}
div.ColWrapper.facts div.block form div.wrapper label {
	cursor:pointer;
	margin-left:3px;
}
div.ColWrapper.facts div.block form input.submit {
	background: #E77126;
	color: #FFFFFF;
	padding:4px 12px;
	cursor: pointer;
	-webkit-box-shadow: 0 0 5px #888888;
	-moz-box-shadow: 0 0 5px #888888;
	letter-spacing: 0.02em;
	font-weight: bold;
	border-radius: 10px;
}
div.ColWrapper.facts div.vcard {/*Right Col vcard*/
	float:left;
	width:210px;
	margin-bottom:10px;
}
div.ColWrapper.facts div.vcard a.fn.org.larger {
	float:left;
	display:block;
	font-size:1.2em;
	margin:10px 0 15px 0;
	width:100%;
}
div.ColWrapper.facts.contact div.block p, div.ColWrapper.facts.contact div.block ul {
}
div.ColWrapper.facts div.vcard div.adr {
	float:left;
	width:210px;
	margin-bottom:10px;
}
div.ColWrapper.facts div.vcard span {
	width:100%;
	display:block;
	padding:1px 0;
}
div.ColWrapper.facts div.vcard span.email {
}
div.ColWrapper.facts div.vcard span.email a {
	width:80%;
	float:right;
}
div.ColWrapper.facts div.block ul {
	padding: 5px 0 0px 0;
}
div.ColWrapper.facts div.block ul li {
	color:#000;
}
div.ColWrapper.facts div.block h2 {
	color: #000;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	margin-bottom: 10px;
	background:transparent;
}
div.ColWrapper.facts div.block p {
	color: #000;
	margin-bottom: 5px;
	line-height: 1.2em;
}
/* Not refactored, but everything below belongs to div.Col.right */

div.Col.right {
	float: left;
	padding: 0 0 20px 0px;
	background: #fff;
	width: 245px;
}
body.width-large div.Col.right {
	width: 215px;
}

body.article.width-large div.Col.right{
	margin-left:25px;
}

div.Col.right, div.Col.right span {
	color:#282828;
}
div.Col.right a.goTo {
	float: left;
	display: block;
	margin-bottom: 10px;
	padding-left: 25px;
	text-decoration: underline;
	background: url(/extension/hioa/design/hioa/images/arrow_ImageGallery.png) no-repeat left center;
	clear:left;
}
div.Col.right a.goTo:hover {
	text-decoration: none;
}
div.Col.right div.ColWrapper {
	float: left;
	width: 245px;
	padding: 0 0 20px 0;
	background: #fff;
	margin-bottom: 25px;
	-moz-border-radius: 0px;
	/*Removes round corners from Col*/
	-webkit-border-radius:0px;
}
body.width-large div.Col.right div.ColWrapper {
	width: 215px;
}
div.Col.right div.ColWrapper div.block-separator {
	margin-top: 22px;
}

div.Col.right div.ColWrapper h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: bold;
	border-top: 1px solid #282828;
	border-bottom: 1px solid #282828;
	padding: 4px 0;
	clear: left;
	margin-bottom:10px;
}

div.Col.right div.ColWrapper div.block {
	float:left;
	padding:0 0 0 0;
	border:none;
	width: 100%
}
div.Col.right div.ColWrapper ul li {
	list-style: none;
	margin-bottom: 15px;
}



/* div.block */

div#maincontent div.section div.block.newsList div.blockContent ul li a {
	display: block;
    line-height: 1.75em;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 8px 10px;
}

div#maincontent div.section div.block.blogg div.blockContent ul li a {
	display: block;
    float: left;
    margin-left: 0;
    margin-right: 3px;
    padding: 8px 10px;
}

div#maincontent div.section div.block.blogg div.blockContent ul li a:hover {
	background: #e7e6e2;
}

div#maincontent div.section div.block.blogg div.blockContent ul li a em {
	width: 210px;
	float: left;
	display: block;
	text-decoration: underline;
}

/* div.block.wideGray */

div#maincontent div.section div.block.wideGray {
	float: left;
	clear: left;
	width: 695px;
	max-height: 220px;
	background: #e7e6e2;
}
div#maincontent div.section div.block.wideGray img {
	width: 220px;
	float: left;
}
div#maincontent div.section div.block.wideGray div.text {
	width: 405px;
	padding: 20px 10px 20px 30px;
	float: left;
}
div#maincontent div.section div.block.wideGray div.text h3 {
	font-family: Georgia,Helvetica,Serif;
    font-size: 1.9em;
    font-weight: normal;
    line-height: 1em;
    padding-top: 7px;
}
div#maincontent div.section div.block.wideGray div.text p {
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 22px 4px;
	color:#000;
}


/* div.block.wideGray.teaser */

div#maincontent div.section div.block.wideGray.teaser {
	max-height: 155px;
}
div#maincontent div.section div.block.wideGray.teaser img {
	width: 155px;
}
div#maincontent div.section div.block.wideGray.teaser div.text {
	width: 500px;
	padding-top: 25px;
}
div#maincontent div.section div.block.wideGray.teaser div.text h3 {
	font-size: 2.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 10px;
}
div#maincontent div.section div.block.wideGray.teaser div.text p {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	color:#000;
}



div#maincontent a.goTo {
	float: left;
	display: block;
	margin-top:20px;
	padding-left: 25px;
	text-decoration: underline;
	background:url(/extension/hioa/design/hioa/images/readMoreArrow.png) no-repeat left center;
}

div#maincontent div.Col.right a.goTo {
	margin-top:9px;
	float:left;
}

div#maincontent a.goTo:hover {
	text-decoration: none;
}

div#maincontent div.ColWrapper.facts a.orderCourse, div#maincontent div.ColWrapper a.orderCourse {
	display: block;
	margin: 25px 0 10px 0;
	float: right;
	text-decoration: underline;
}

div#maincontent div.ColWrapper.facts a.orderCourse {
}

div#maincontent div.ColWrapper.facts a.orderCourse:hover, div#maincontent div.ColWrapper a.orderCourse:hover {
	text-decoration: none;
}

div#maincontent div.ColWrapper.facts a.apply, div#maincontent div.ColWrapper a.apply, .orderBlock a.apply {
	color: #FFFFFF;
	display: block;
	font-size: 1.4em;
	float: right;
	font-weight: bold;
	padding: 10px 30px 10px 30px;
	text-decoration: none;
	border-radius: 10px 10px 10px 10px;
	background: none repeat scroll 0 0 #E77126;
	cursor: pointer;
	margin-top:10px;
}




/* Read more button */

div#maincontent div.section div.block.wideGray div.text a.readMore {
	padding-left: 5px;
	margin-top: 10px;
	font-size: 1.2em;
	display: block;
	text-decoration: underline;
}
div#maincontent div.section div.block.wideGray div.text a.readMore:hover{
	text-decoration: none;
}

div#firstGrid {
	float: left; 
	width: 695px; 
	margin-right: 20px;
	margin-bottom: 25px;
}

div.firstGridUnderBox, div.firstGridUnderBoxrightBox {
	float: left; 
	width: 335px; 
	margin-right: 25px;
}

div.firstGridUnderBoxrightBox {
	float: right;
	margin-right: 0px;
}

#bibsys_search_oria {
	padding: 20px;
    box-sizing: border-box;
    width: 100%;
    background-color: #F1F0EE;
}
#bibsys_search_oria input[type=text] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 36px;
    padding: 2px 5px;
	width: calc(100% - 35px);
	float: left;
	border-right: 0px;
	box-sizing: border-box;
}
#bibsys_search_oria h2 {
	color: #000;
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: .25em;
}
#bibsys_search_oria input[type="image"] {
	background-color: #fff;
	padding: 8px 8px 8px 8px; 
	border: 1px solid #CCCCCC;
	border-left: 0px;
	height: 18px;
    width: 18px;
    box-sizing: content-box;
}


.highlightsbox p a {
	background: url("/extension/hioa/design/hioa/images/article/arrowToplistRC.png") no-repeat scroll left center transparent;
	padding: 4px 0 4px 22px;
	font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.4em;
    list-style: none outside none;
	display: block;
}


/*Studiepresentation EN / Faktaboks */
.key_facts b {
	font-weight: bold;
}

/*BEGIN Studiepresentasjon*/
.block_application_left {
	float: left;
	width: 45%;
}
.block_application_right {
	float: right;
	width: 45%;
}
.application {
	width: 100% !important;
	border-top: 1px solid #9f9f9c;
	border-bottom: 1px solid #9f9f9c;
	padding: 10px 0px 15px 0px !important;
	color: #282828;
	font-size: 1.1em;
}
.application span {
	margin-left: 0px !important;
	float: left;
	clear: both;
}
.application .block_application_title { 
	margin-top: 5px;
	font-size: 1.1em;
    font-weight: bold;
}
.application h2 {
	margin-bottom: 5px;
	color: #000;
	background: none !important;
	padding-left: 0px !important;
	padding: 0px !important;
}
div.block_application_left .orderBlock a.apply  {
	float: left;
	padding: 7px 30px;
} 
div.block_application_left .orderBlock {
	clear: both;
	float:left;
	margin-top: 10px;	
}
div.block.studies {
	width: 100% !important;
}
div.block.studies h2 {
	color: #000;
	background: none !important;
	padding-left: 0px !important;
	padding: 0px !important;
}
div.block.studies div.blockContent, div.block.studies div.block_studies {
	width:100% !important;
	padding: 0px !important;
}

div.blockContent div.block_studies p {
	padding: 0px !important;
}
div.studie_main_info {

}

div.application.application div.block_application_right p
,div.application.application div.block_application_left p
{
	margin-left: 0px;
	padding-left: 0px !important;
}

.application.application ol {
	list-style-position: inside;
}

.application.application ul li { 
	list-style-type: disc;
	list-style-position: inside;
}

div.block_studies ul li { 
	list-style-type: disc;
	list-style-position: inside;
}


div.block_studie_level2 {
	float: left;
	clear: both;
	width: 205px;
	margin-bottom: 20px;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #e4e4e2;
	border-color: #E7E6E2;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 0 0 2px 2px #e4e4e2;
	-webkit-box-shadow: 0 0 2px 2px #e4e4e2;
	box-shadow: 0 0 2px 2px #f0f0ef;
	line-height: 1.43em;
	
	
	
	padding: 20px 20px 20px 20px;
}

div.block_studie_level2 h2 {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 1.6em;
    font-weight: bold;
	color: #000;
}

div.block_studie_level2 label {
    font-weight: bold;
    color: #000;
    width: 100%;
}

div#important-information div.block {
    width: 245px;
}

div#important-information div.block.studie_right_picture {
    margin-top: 20px;
}

div.studie_right_box  p:not(:first-child) {
    margin-top: 10px;
}
div#important-information div.block.studie_right_box h2 {
    background: none;
    color: #000;
    margin-left: 0px;
    margin-bottom: 7px;
    padding-left: 0px;
    padding-bottom: 0px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.7em;
    font-weight: bold;
}

div#important-information div.block.read_more {

}

div#important-information div.block.read_more span
,div.p_show_more
{
    display:none;
}

div#important-information div.block img {
    max-width: 250px;
    height: auto;
}

div#application_and_admission {
    margin-top: 20px;
}

div.studie_main_info div.course_year {
    margin-bottom: 10px;
}

div.studie_main_info div.block_result_list.whitebox h2 {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1.8em;
}
div.studie_main_info div.block_result_list.whitebox h3 {
    font-family: Arial, Helvetica, sans-serif !important;
}

div.studie_main_info div#mainFeatured div.textWrapper {
    width: 360px !important;
}
div.studie_main_info div#mainFeatured div.textWrapper p {
    width: 100% !important;
}
div#application_and_admission div {
    width: 45%;
    float: left;
}

div#application_and_admission div:nth-child(even) {
    clear: both;
    margin-right: 20px;
}
div#application_and_admission h3 {
    font-size: 1.2em;
}
div#application_and_admission div.orderBlock {
    float:right;
    margin-right: 0px;
    margin-bottom: 7px;
}
/*#course_plan_overview > div:nth-child(3) > h3 > a*/
div#course_plan_overview div.course_year h3.course_year_title a {
    float: right;
    margin-right: 20px;
    text-decoration: none;
    color: #277D90;
}

div#course_plan_overview div.course_year h3.course_year_title:hover {
	cursor: pointer;
}

h2#more_info_about_study {
    margin: 10px 0px 10px 0px;
    float: left;
}
/*END Studiepresentasjon*/

p.extraline {
	float: left;
	height:  15px;
	clear: both;
	width: 100%;
}


#right-content {
	width: 405px;
	float:	left;
}


div.block .image a { text-decoration:none }

/*

Sak: Studiepresentasjoner: Studiepresentasjoner: Style beskrivelsesfelt i mapper
Jira-saksnr: FRONTHIOA-923
Endring utført dato: 12.12.16
Impementert dato:

*/


/*

Backend/PHP: Lage fullstendig brødsmulesti. <li><a class="current">dirname</a></li>
Backend/PHP: Legge til class="ingress" i <p> for innhold som kommer fra sammendrag-feltet i eZ.

*/

div.folder { /* Eksisterende selector i global CSS, linje 6171. NB: Sekke at det ikke virker inn på andre sidemaler */

	width: 100% !important; /* Eksisterende property i CSS, ny value */
	border: none !important; /* Eksisterende property i CSS, ny value */
	margin-top: 12px; /* Ny declaration */

}

div.folder div.ingress p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.46em;
	line-height: 1.2em;
	color: #282828;
	margin-bottom: 20px;
}

div.folder div.content-view-line h2::before { /* Eksisterende selector i global CSS, linje 6275 */

	content: url(http://www.hioa.no/extension/hioa/design/hioa/images/article/arrowToplistRC.png) ; /* Eksisterende property. Ny value */
	position: relative; /* Ny declaration */
	top: 4px; /* Ny declaration */

}



.blockContent .attribute-long p { /* Ny selector og declarations. NB: dobbeltsjekk at den ikke virker inn på <p> i andre sidemaler */
	margin-top: 0.6em;
}

/* Nye CSS selectors og declarations under her */

.blockWrapper .content-view-line .class-course_plan,
.blockWrapper .content-view-line .class-file,
.blockWrapper .content-view-line .class-programme_description,
.blockWrapper .content-view-line .class-folder { /* Ny selector og declarations */
	margin-top: 6px;
}

.class-course_plan .attribute-short,
.class-file .attribute-short { /* Ny selectors og declarations */

	margin-left: 24px;

}

div.content-view-line h2 { /* Ny selector og declarations */

	font-size: 1em !important;
	margin-bottom: 0.2em !important;
	letter-spacing: 0 !important;

}

div.content-view-line h2 a { /* Ny selector og declarations */

	margin: 0 0 0 4px;
	padding: 0 0 4px 0 !important;

}

body.article.basic.wide div.folder div.blockWrapper {
	margin-top: 20px;
	border-bottom: 0px;
}

label.label_search {
	display:none;
}

/* end: extension/hioa/design/hioa/stylesheets/screen/framework/maincontent-containers.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/framework/footer.css */
/**
 * framework/footer
 * Inherits framework/common
 * Top-level html structure:
 * #footer
 * 	.inner
 * 		.contentWrapper
 * 			#footerMenuContainer
 * 				.footerMenu
 * 				.footerMenu
 * 				.footerMenu
 * 				.footerMenu
 * 				.imagelink
 */
 
/* #footer */

#footer {
	width: 100%;
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 12px;
	background-color: #000;
}

/* Generic styles */

#footer p {
	font-size: 12px;
	color: #fff;
	margin-top: 10px;
}

#footer a,
#footer a:visited {
	color: #ea7126;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* #footer .inner */

#footer .inner {
	padding: 0;
	padding: 0 25px;
}

/* #footer .inner .contentWrapper */

#footer .inner .contentWrapper {
	padding-top: 20px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 50px;
}

/* #footer .inner .contentWrapper .footerMenu */

#footer .footerMenu {
	/*width: 21%;*/
	width: 20%;
	float: left;
	margin-bottom: 10px;
}

#footer .footerMenu.last {
	width: auto;
}

#footer .footerMenu .footerMenuHeader {
	font-weight: 200;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 1.2em;
	color: #fff;
}

#footer .footerMenu .linkedin {
	background: url("/extension/hioa/design/hioa/images/icon-linkedin-16x16.png") no-repeat left center transparent;
}

#footer .footerMenu .instagram {
	background: url("/extension/hioa/design/hioa/images/icon-instagram-16x16.png") no-repeat left center transparent;
}

#footer .footerMenu .googleplus {
	background: url("/extension/hioa/design/hioa/images/google-plus-16x16.png") no-repeat left center transparent;	
}
#footer .footerMenu .facebook {
	background: url("/extension/hioa/design/hioa/images/icon-facebook-16x16.png") no-repeat left center transparent;
}

#footer .footerMenu .twitter {
	background: url("/extension/hioa/design/hioa/images/icon-twitter-16x16.png") no-repeat left center transparent;
}

#footer .footerMenu .flickr {
	background: url("/extension/hioa/design/hioa/images/icon-flickr-16x16.png") no-repeat left center transparent;
}

#footer .footerMenu .youtube {
	background: url("/extension/hioa/design/hioa/images/icon-youtube-16x16.png") no-repeat left center transparent;
}


/* #footer .inner .contentWrapper .imagelink */

#footer .imagelink {
	padding: 0 0 0 27px;
	display: block;
	height: 16px;
	margin: 5px 10px 0 0;
}

#footer .imagelink.fortilsatte {
	float: left;
	background: url("/extension/hioa/design/hioa/images/footermenu_foransatte.png") no-repeat left top transparent;
	margin-top: 0px;
	margin-bottom: 10px;
}


#ezLink:hover{
	text-decoration: none !important;
}
#ezLink {
	width: 30px;
}
div#ez {
	color: transparent;
	width: 30px;
	height: 30px;		
	border: none;
	float:right;
	padding-right: -25px;
}


/* end: extension/hioa/design/hioa/stylesheets/screen/framework/footer.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/ui/breadcrumb.css */
body.width-small #maincontent div#breadCrumb ul,
body.width-smaller #maincontent div#breadCrumb ul,
body.width-smallest #maincontent div#breadCrumb ul{
	margin-left: 15px;
} 
div#maincontent div#breadCrumb {
	width: 100%;
}
div#maincontent div#breadCrumb ul {
	padding: 10px 0 21px 0;
	margin: 0px;
	list-style: none;
}
div#maincontent div#breadCrumb ul li {
	color: #000;
	display: inline;
	background:transparent;
}
div#maincontent div#breadCrumb ul li a {
	font-weight: normal;
	font-style: normal;
	padding: 10px 15px 10px 3px;
	background: url(/extension/hioa/design/hioa/images/arrowBreadcrumb.png) no-repeat right center transparent;
	color: #000;
	text-decoration: none;
}
div#maincontent div#breadCrumb ul li:first-child a {
	padding-left: 0px;
}
div#maincontent div#breadCrumb ul li a.current {
	color: #b65718;
	font-weight: bold;
	background:none;
}
div#maincontent div#breadCrumb ul li a:hover {
	color: #e47126;
	text-decoration: none;
}

/* end: extension/hioa/design/hioa/stylesheets/screen/ui/breadcrumb.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/ui/helpbox.css */
div#maincontent div.contentWrapper div#helpBox {
	width: 205px;
	padding: 25px 24px 0px 24px;
	min-height: 289px;
	margin-bottom: 13px;
	float: left;
	background: url(/extension/hioa/design/hioa/images/bg_helpBox.png) no-repeat top center;
	margin-left: -4px;
}
div#maincontent div.contentWrapper div#helpBox h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #FFF;
	background:transparent;
}
div#maincontent div.contentWrapper div#helpBox p{
	padding: 5px 0;
	margin-bottom: 15px;
	color: #FFF;
	min-height: 50px;
	background:transparent;
}
div#maincontent div.contentWrapper div#helpBox ul {
	width: 205px;
	margin: 8px 0px;
	float: left;
}
div#maincontent div.contentWrapper div#helpBox ul li {
	float: left;
	margin-bottom: 10px;
}
div#maincontent div.contentWrapper div#helpBox ul li img {
	float: left;
	margin-right: 10px;
}
div#maincontent div.contentWrapper div#helpBox ul li a {
	float: left;
	font-weight: bold;
	text-decoration: underline;
}
div#maincontent div.contentWrapper div#helpBox ul li span {
	float: left;
	width: 120px;
}
/* end: extension/hioa/design/hioa/stylesheets/screen/ui/helpbox.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/ui/socialmedia.css */
/* Social media toolbar */


div.socialMedia {
	float:right;		
	padding:5px 0px 0px 0px;
}

div.socialMedia ul {	
	display:inline;
	padding:0px;
	margin-left: 10px;
}
div.socialMedia ul li {
	float:left;
	list-style:none;
}
div.socialMedia ul li a {
	padding-left:20px;
	margin-left:15px;
	text-decoration: underline;
}
div.socialMedia ul li a#facebook {
	background:url(/extension/hioa/design/hioa/images/icon-facebook-16x16.png) no-repeat left center;
}
div.socialMedia ul li a#twitter {
	background:url(/extension/hioa/design/hioa/images/icon-twitter-16x16.png) no-repeat left center;
}
div.socialMedia ul li a#tips {
	background:url(/extension/hioa/design/hioa/images/icon-message-16x16.png) no-repeat left center;
}
div.socialMedia ul li a#print {
	background:url(/extension/hioa/design/hioa/images/print_icon.gif) no-repeat left center;
}


/*Social medias*/

div.Col.right div.ColWrapper ul#socialMedia {
	width: 200px;
	padding: 10px 0;
	overflow: hidden;
}
div.Col.right div.ColWrapper ul#socialMedia li {
	display: inline;
	float: left;
}
div.Col.right div.ColWrapper ul#socialMedia li a {
	float: left;
	padding: 0;
	text-indent: -5000px;
	height: 42px;
	width: 43px;
	display: block;
	margin-right: 5px;
}
div.Col.right div.ColWrapper ul#socialMedia li a.facebook {
	background: url(/extension/hioa/design/hioa/images/facebookIcon.png) no-repeat center left;
}
div.Col.right div.ColWrapper ul#socialMedia li a.twitter {
	background: url(/extension/hioa/design/hioa/images/twitterIcon.png) no-repeat center left;
}

/* end: extension/hioa/design/hioa/stylesheets/screen/ui/socialmedia.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/ui/studyabroad.css */
div#studyAbroad {
	width: 252px;
	min-height: 235px;
	float: left;
	margin-left: -4px;
}
div#studyAbroad a {
	width: 205px;
	min-height: 235px;
	padding: 25px 24px 10px 24px;
	margin-bottom:21px;
	display: block;
	background: url(/extension/hioa/design/hioa/images/bg_abroad.png) no-repeat top center;
	text-indent: -5000px;
}
div#studyAbroad h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #FFF;
	background:transparent;
}
div#studyAbroad p {
	padding: 5px 0;
	margin-bottom: 15px;
	color: #FFF;
	min-height: 50px;
	background:transparent;
}
/* end: extension/hioa/design/hioa/stylesheets/screen/ui/studyabroad.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/ui/vcard.css */
/*Vcard/ Microformats*/
ul li {
	font-family: Arial,Helvetica,sans-serif !important;
}

div#vcard_right_content {
	float: left;
	width: 250px;
}
div.vcard {
	float:left;
	width: 695px;
	padding:0;
	margin-bottom:10px;
	color: #282828;
}
div.vcard div.vcard_data {
	float: left;
	width: 490px;
}

div.vcard span.unit a {
	font-size: 16px;
}

div#div_groups a
, div#div_projects a
{
	float: left;
	clear: both;
}

div.vcard a 
,div.div_right_content a
,div.vcard_data_field_view a
{
	text-decoration: none !important;
	color: #277d90 !important;
}

div.vcard a:hover
,div.div_right_content a:hover
,div.vcard_data_field_view a:hover {
	text-decoration: underline !important;
}

div.vcard div.vcard_data div {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 3px;
	padding: 3px;
	min-height: 17px;
}

div.vcard span {
	width: 100px;
}

div.vcard span.content {
	width: 70%;
	float: left; 
}

div.vcard span.type {
	position:absolute;
	left:-5000px;
}
div.vcard h1 {
	color:#000;
	background:transparent;
}
div.vcard img.photo {
	float:left;
	margin-bottom: 6px;
}
img.photo_fade {
	opacity: 0.3; 
}
#span_text_reserved_picture {
	top: -130px;
	margin-left: 20px;
	font-weight: bold;
	position: relative;
}

div.vcard h1 {
	background: none repeat scroll 0 0 transparent;
    color: #000000;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 2.95em;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.15em;
    margin-bottom: 0px;
}
div.vcard h1.fn span.given-name {
	margin-right:5px;
}
div.vcard h1.fn span.family-name {
	margin-right:5px;
}
div.vcard span.title, div.vcard span.email, div.vcard div.tel, div.vcard div.adr, div.vcard .socialMedias {
	float:left;
	width:66%;
	margin-top:4px;
}
div.vcard span.email a {
	float:left;
}
div.vcard span.title {
	float:left;
	width:66%;
	margin-top: 10px;
}
div.vcard span.text {
	float:left;
	margin-right:20px;
	width:100% !important;
	font-weight: bold;
}
div.vcard .street-address {
	float:left;
	margin-right:5px;
}
#logout {
	float: right;
}
#form_feedback {
	background-color: #EA7126;		
	float: left;
	border-radius: 8px 8px 8px 8px;
	padding: 20px 20px 20px 20px;
}
#form_feedback input, fieldset select, textarea { 
	float:left;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #E5E5E5;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 5px #E5E5E5 inset;
    margin-bottom: 10px;
	color: #000;
}

#form_feedback input[type=submit] {
	float: left;
	clear: both;
}
#login_box {
	background-color: #EA7126;
	width: 40%;	
	text-align: center;
	float: left;
	margin-left: 30%;
	padding: 20px 20px 20px 20px;
	border-radius: 8px 8px 8px 8px;
}

#login_box h2 {
	margin-bottom: 20px;
}

label {
    float: left;
    margin-bottom: 10px;
    padding: 0px 3px;
    text-align: left;
    width: 32%;
	clear: both;
	color: #000;
}

#login_box input, fieldset select, fieldset textarea { 
	float:left;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #E5E5E5;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 5px #E5E5E5 inset;
    margin-bottom: 10px;
	
}
#login_box input {
	margin-right: 40px;
}

#login_box p{
 clear: both;
 color: #000;
 margin-bottom: 15px;
}


.vcard_box {
	float: left;
	clear: both;	
	width: 100%;
	margin-bottom: 10px;
}

.vcard_box h2 {
	font-size: 1.2em;
	color: #000;
	padding: 3px;
	margin-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
}
.vcard_box .label {
	float: left;
	width:  26%;	
}
.vcard_box .value {
	float: left;
	width: 70%;
	margin-bottom: 15px;
}

.vcard_box .value a {
	margin-right: 5px;	
}


#vcard_discipline h2 {
	font-size: 1.6em;
	padding-left: 0px;
}
#projects h4 {
	margin-top: 0px;
	margin-bottom: 10px;
}
div.Col.cv {
	padding: 0 0 20px !important;
}

div.block.cv {
	width: 100% !important;
}

#vcard_publications h2 {
	margin-bottom: 0px; 
	border-radius: 10px 10px 0px 0px;
    
}

#vcard_publications_facets {
	
	padding: 5px 0px 15px 0px;
	min-height: 20px;
	border-bottom: 1px solid #e7e6e2;
}

.vcard_publications_facets_input {
	float: left;		
	width: auto !important;
	margin-right: 10px;
}

.vcard_publications_facets_input input {
	float: left;
	margin-right: 3px;
}

.vcard_publications_item {
	margin: 10px 0 10px 0;
	padding: 0 15px 0 0px;	
	float: left;
	clear: both;
}

.vcard_publications_item_title {
	float: left;
	clear: both;
	width: 100% !important;
	font-weight: bold;
}

#vcard_publications_display {
	width: 100%;
	float: left;
	border-radius: 0px 0px 15px 15px !important;
	margin-bottom: 10px;
}

vcard_publications_display h2 {
	background-color: #f6f6f6;
}

#projects a{
	float: left;
	clear: both;
	margin-bottom: 7px;
}
#vcard_publications_facets_input input {
	margin-right: 10px;
	float: left;
}
.vcard_publications_item_title_field_isbn {
	float: left;
	clear: both;
	width: 100% !important;
}
.trigger_show_all {
	float: left;
	padding: 20px 20px 0px 0px;
	clear: both;
}
/*BEGIN GUI for data feedback*/
.dialog_trigger {
	display: none;
}
.dialog_trigger img {
	height: 15px;
}
#dialog p {
	font-size: 1.2em;
	float: left;
	clear: both;
}

#dialog a {
	color: #277D90;
}


.form_description {
	font-size: 0.9em !important;
	float: left;
	clear: both;	
}

.form_description_under {
	font-size: 0.9em !important;
	float: left;
	clear: both;	
	margin-top: 5px;
}

.form_modified {
	margin-top: 10px;
}
.form_modified input {
}
.form_clear_both {
	clear: both;
}

.form_modified .label {
	font-weight: bold;
	margin-top: 5px;
	float: left;
	clear: both;
}
.form_modified .content
{
	float: left;
	clear: both;
}

.ui-dialog-titlebar-close {
  visibility: hidden;
}
.ui-dialog .ui-dialog-buttonpane button {
	background: none repeat scroll 0 0 #277D90;
    border: medium none;
    border-radius: 15px 15px 15px 15px !important;
    box-shadow: 0 0 8px #B7B7B7;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: bold;
    letter-spacing: 0.02em;
    margin-top: 10px;
    padding: 4px 20px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    float: left;
}

#title_other_text_no, #title_other_text_en, #title_other_english_translation_trigger {
	display: none;
	margin-top: 2px;
}

.form_modified input
,#dialog input
, fieldset select
, fieldset textarea {
	float:left;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #E5E5E5;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 5px #E5E5E5 inset;
    margin-bottom: 10px;
	width: 60%;
	padding: 4px 3px;
	color: #555;
	width: 390px;
	margin-bottom: 0px;
}

#dialog div {
	float: left;
}

.form_modified select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 5px #E5E5E5 inset;
    float: left;
    padding: 4px 3px;   
}

.block_invisible_data {
	border-top: #B7B7B7 dotted 1px;
	margin: 7px 0px 5px 0px !important;
	padding-top: 7px;
	font-weight: bold;
	float: left;
	width: 67%;
}

.home_block {
	margin-top: 10px;
	font-style: italic;
	min-height: 17px;
}

#person_search_info {
	background-color: #DDD;
	border-radius: 8px 8px 8px 8px;
	float: left;
	padding: 20px;
	margin-bottom: 40px;
	width: 100%;
}
#person_search_info h3 {
	margin-bottom: 15px;
}
#no_changes {
	margin-top: 20px;
	font-weight: bold;
	color: #000;
}

#no_changes input { 
	margin-right: 5px;	
}

#changes_receip {
	float: right;
	background: none repeat scroll 0 0 #E77126;
    border: medium none;
    border-radius: 15px 15px 15px 15px !important;
    box-shadow: 0 0 8px #B7B7B7;
    color: #FFFFFF;
	padding: 5px 20px 5px 20px;
	cursor: pointer;
	display: none;
}

#form_description_content {
	float: left;
}
.language_trigger {
	margin-top: 7px;
	margin-bottom: 3px;
}

#form_homedata_trigger
, #form_name_trigger
, #form_sections_trigger
, #form_title_trigger 
, #form_description_trigger
,.edit_url_trigger
{
	margin-right: 5px;
	text-decoration: none;
	float: right;
}

.unit span.content {
	width:300px !important;
}
.unit span.content span.arrows {
	font-weight: bold;
	font-size: 1.1em;	
	letter-spacing:-2px;
	margin-right: 5px;
	font-family: Arial;
}
.unit_row {
	float: left;
	clear: both;
	width:400px !important;
	font-size: 14px;
}

#modified_room_office {
	width: 150px;
}

.form_description_whitespace {
	margin-top: 10px;
	float: left;
	clear: both;
}
.section_form {
	margin-top: 10px;
	float: left;
	clear: both;
}
.unit_row_form {
	float: left;
	clear: both;
}

#mobile_reservation 
,#photo_reservation
{
	width: auto !important;
	box-shadow: none !important;
	margin-right: 7px;
}

#phone_format_warning, #mobile_format_warning {
	display: none;
	border: 2px solid #D21145;
    clear: both;
    color: #D21145;    
    margin-bottom: 10px;
	margin-right: 7px;
    position: relative;
    width: 95%;
	padding: 5px;
	
}

.form_warning_show
,.form_warning 
,#feilFil
{
	
	border: 2px solid #D21145;
    clear: both;
    color: #D21145;    
    margin-top: 20px;
    margin-bottom: 10px;
	margin-right: 7px;
    position: relative;
    width: 95%;
	padding: 5px;
}
.form_warning 
,#feilFil {
	display: none;
}

.form_warning_show {
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 10px !important;
	color: #D21145 !important;    
}
/*END GUI for data feedback*/


/*BEGIN PERSON Publications*/
.vcard_publications_item span {
	margin-right: 3px;
}
.vcard_publications_item  a {	    
    word-wrap: break-word;      /* IE 5+ */
}
.vcard_publications_item  strong {
	width: 100%;
	float: left;
}
.vcard_publications_item .project_persons span {
	float: left;
	clear: none;
	width: auto;
	margin-right: 5px;
	margin-bottom: 0px;
}

.old_projects {
	display: none;
	float:left;
	margin-bottom: 7px;
}

.vcard_publications_item em {
	font-style: italic;
}
.vcard_publications_item .project_persons {
	clear: both;	
}

.vcard_publications_item_title_field {
	float: left;
	width: auto !important;
	margin-right: 3px;
}

/*END PERSON Publications*/

/*BEGIN list employees (filter vitenskapsdisipliner land etc... fra cristin*/

#display_employees_filter {
	width: 695px;
}
#display_employees_filter h1 {	
	color: #000;
}
#filter_value {
	font-size: 1.1em;
	font-weight: bold;
}
#display_employees_filter ul {
	margin-top: 30px;
}

ul.form_description li {
	float: left;
	clear: both;
	margin-left: 20px;

	list-style-type: disc;
}

#display_employees_filter ul li {	
	float: left;
	width: 42%;
	margin-right: 37px;
	padding: 0px 0px 0px 0px;
}

body.width-mini #display_employees_filter ul li {
    width: 55%;
}

#display_employees_filter ul li a span {
	float: left;
}
#display_employees_filter img {	
	max-height: 67px;
}

#display_employees_filter ul li a {
	border-top: 1px solid #B2B2B2;
	text-decoration: none;
	color: #000;
	float: left;
	width: 100%;
	padding: 10px 10px 10px 10px;
}
#display_employees_filter ul li a:active,
#display_employees_filter ul a:hover {
	background:#e7e6e2;
}

#display_employees_filter ul a:focus {
	outline:none;
}



#display_employees_filter .employee_title
, #display_employees_filter .employee_phone 
, #display_employees_filter .employee_email {	
	clear: left;
}
#display_employees_filter .employee_picture {
	float: right;
}

#display_employees_filter .employee_title {
	max-width: 80%;
}

/*END list employees (filter vitenskapsdisipliner land etc... fra cristin*/

/*BEGIN project page*/
.display_project h1 {
	background: none repeat scroll 0 0 transparent;
    color: #000000;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 2.95em;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.15em;
    margin-bottom: 13px;
}

.display_project p {
	margin-bottom: 10px;	
}
.project_summary_text, .project_description_text  {
	font-size: 1.2em !important;
	line-height: 1.45em !important;
}
.project_description_text {
	margin-bottom: 30px;
}
.project_persons span {
	float: left;
	clear: both;
	margin-bottom: 7px;
}
.project_persons {
	float: left;	
}

#projects_info h4 {
	float: left;
	clear: both;
	width: 100%;
}
#projects_info div {
	float: left;
	clear: both;
}

.project_summary, .project_description {	
	width: 100%;
	font-size: 1.6em;
    padding-left: 0;
	color: #000000;
	margin-bottom: 10px;
	float: left;
	clear: both;
}

.project_classification {
	float: left;
	clear: both;
	margin-bottom: 20px;
}

.project_classification a {
	margin-right: 7px;	
}
#theEmail {
	width: 66%;
}
#theEmail + strong {
	float: left;
	width: 50%;
}
#theEmail span.content {
	width: 50%;
}

/*END project page*/

/*INI arbeidsomraader*/



#arbeidsomraader 
,#div_desciption
,#div_project
,#div_groups 
,#div_services
,#vcard_discipline
,#vcard_publications
,#div_projects
{
	float:left;
	padding: 20px;
	border: 1px solid #e4e4e2;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 96%;
	margin-top: 17px;
}
#arbeidsomraader h2
,#right-content-vcard h2
,.div_right_content h2
,#div_desciption h2
,#div_projects h2
,#div_groups h2
,#div_services h2
,#div_reservasjoner h2
,#vcard_discipline h2
,#vcard_publications h2
{
	font-size: 1.7em;
	font-family: Arial;
	color:#333;
	margin-bottom: 5px;
}
#previous_projects_trigger {
	margin-top: 5px;
	font-weight: bold;
}
.closed_project {
	display: none;
}
#vcard_discipline span {
	float: left;
}
#vcard_discipline span.label {
	clear: both;
	font-weight: bold;
	width: 20%;
}
#vcard_discipline span.value {
	margin-bottom: 10px;
	clear: both;
}

#vcard_discipline span.value a:not(:last-child):after 
,div#div_services a:not(:last-child):after 
{
    content: ",";
} 


#arbeidsomraader-search {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;	
	padding: 23px 6px;	
	float: left;
	margin-top: 8px;
	font-size:20px;
	width: 400px !important;
}
#tagsResult ul 
,#tagsResult ul li
{
	float: left;
}
#right-content-vcard 
,.div_right_content
{
	border: 1px solid #e4e4e2;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 8px 8px;	
	float: left;
	width: 250px !important;
	margin-bottom: 17px;
}

/*.vcard_data_field */

#form_photo_trigger {
	float: right;
	display: block;
} 

.vcard_data_field {
	cursor: pointer;
}

#div_field_photo {
	margin-right: 3px;
	margin-bottom: 8px;
}


div#right-content-vcard .vcard_data_field_view {
	padding-left: 0px;
}

.vcard_data_field:not(#div_field_photo)
,.vcard_data_field_view:not(#div_field_photo)
{
	padding: 5px 15px 5px 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.vcard_data_field:not(#div_field_photo) {
	cursor: pointer;	
}


#right-content-vcard .vcard_data_field:not(#div_field_photo) {
	margin-top: 5px;
}

#div_navigate_tags #tags_level_1{
	float: left;
	width:30%;
	height: 100%;
}
.tags_level2{
	clear: both;
	float: left;
}


#div_navigate_tags #tags_level_1 a{
	float: left;
	clear: both;
}

#div_tagsReslt {
	clear: both;
	float: left;
}

#div_list_links {
	width: 100%;
}
#div_list_links .vcard_data_field:not(#div_field_photo) {
	padding: 2px !important;
	margin-top: 1px;
}

#list_links span {
	float: left;
	clear: both;
}

.vcard_links
, .vcard_links .text_title 
, .vcard_links .content

{
	clear:both;
	float: left;
}
.vcard_links span.text_title {
	font-weight: bold;
}
 
.vcard_links input {
	border: #000 solid 1px;
}
#div_img_reservation {
	float: left;
	clear: both;
}
.vcard_data_field
,.vcard_data_field_view
,.working_areas_selected 
,.vcard_data_field_clear 
{
	float: left;
}

.working_areas_selected {
	margin-top: 10px;
}

.vcard_data_field_clear
,.working_areas_selected {
	clear: left;
}

.vcard_name {
	width: 60%;
}



span#vcard_title {
	font-size: 1.7em;
	width: 75%;
}

ul#new_tags li {
	float: left;
	margin-top: 		3px;
	margin-right: 		2px;
	background-color: 	#F1F0EE;
	padding: 			3px 12px 3px 12px;
	border-radius: 		7px;
}

ul#user_tags
,ul#new_tags {
	float: left;
	clear: both;
}



ul#user_tags li {
	float: left;
	margin-right: 2px;
	padding: 0px 0px 3px 0px;	
}

ul#user_tags li:not(:last-child):after {
    content: ",";
} 

ul#user_tags a {

}




a.trigger_delete_tag {
	text-decoration: none !important;
	color:  #277D90 !important;
	margin-left: 5px;
	font-weight: bold;
}

ul#tagsResult li {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 308px;
}
ul#tagsResult li a {
	color: #515151;
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 5px;
}

select#select_level_one {
	margin-top: 5px;
	padding: 4px;
	min-width: 250px;
	border: 1px solid #ccc;
}

#div_tagsReslt {
	width: 100%;
}



.tags_level2 li 
,#div_tagsReslt li
{
	background-color: #F1F0EE;
	border-radius: 7px;
	color: #282828;
	float: left;
	list-style-type: none;
	width: 42%;	
	margin-top: 4px;
	margin-right: 5px;
	padding: 3px 12px 3px 12px;
}

.tags_level2 li:not(:first-child) {
	/*margin-left: 5px;	*/
}


a.trigger_new_tag
{
	text-decoration: none !important;
	width: 100%;
	display: block;
}
a.trigger_new_tag:link {
	color: #282828;
}



#arbeidsomraader-navigation a {
	float: left;
	margin-top: 12px;
	margin-right: 10px;
	margin-bottom: 3px;
	color: #277D90;
}

#arbeidsomraader-navigation
,#div_arbeidsomraader_search
,#div_navigate_tags 
{
	float:left;
	clear: both;
}

#div_arbeidsomraader_search
,#div_navigate_tags  
{

}

.content_html {
	white-space: pre-line;
	float: left;
	clear: both;
}

.background {
	float: left;
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}
#receipt h3 {
	margin-bottom: 7px;
}

.background strong 
,.working_areas_selected strong
,.div_right_content strong
{
	margin-top: 7px;
	float: left;
	clear: both;
}

.vcard_data_content p {
	float: left;
	clear: both;
}

textarea 
,.div_right_content textarea
{
	width: 470px;
	height: 205px;
	font-size: 1.4em;
	float: left;
	clear: both;
}

.vcard_data_field_no_edit {
	float: left;
	padding: 5px 0px;
}

.language_trigger {
	float: left;
	margin-right: 5px;

}

.vcard_name {
	font-size: 1.6em;
	font-weight: bold;
}

#right-content-vcard .dialog_trigger 
,.div_right_content .dialog_trigger
{
	float: right;
}
#div_field_name
,#div_field_title
,#div_field_section {
	width: 67%;
}
.the_section span.text {
	width: 80% !important;
	font-size: 14px;
}
div.the_section {
	width: 100% ;
	margin-bottom: 5px;
	float: left;
}
#right-content-vcard .vcard_data_field
,#right-content-vcard .vcard_data_field_view {
	width: 235px;	
}
#right-content-vcard .vcard_data_field .text 
,#right-content-vcard .vcard_data_field_view .text
{
	width: 70% !important;
}
#right-content-vcard .vcard_data_field .text_with_100 {
	width: 80% !important;
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
	font-weight: bold;
}
#div_andre_media_content {
	float: left;
	clear: both;
}

#div_andre_media_content a img {
	margin-right: 5px;
}

.div_other_media {
	float: left;
	margin-bottom: 3px;
}
.div_other_media img {
	float: left;
	margin-right: 10px;
	width: 22px;
	height: auto;
	padding-top: 3px;
}
.div_other_media input {
	float: left;
}
.div_other_media a {
	margin-top: 5px;
}

ul#ul_other_media li input {
	width: 350px;
}




#file-form {
	float: left;
	clear: both;
	margin-top: 10px;
}


#file-form #upload_file_div
{
	margin-top: 10px;
}

#upload_file_div #file-select 
,#file-form #link_url
{

	width:340px;
}

#file-form #link_til_cv_div input 
,#file-form #link_til_cv_div strong
,#file-form #upload_file_div input
,#file-form #upload_file_div strong
{
	float: left;
	clear: both;
}

#file-form input[type=radio] {
	float: left;
	width: auto;

}

#file-form input[type=file] {
	float: left;
	clear: all;
}

#file-form input[type=text]
,#file-form button 
{
	float: right;
}
#file-form div {
	float:left;
	clear: both;
}

.info_box {
	background-color: #DDD;
	border-radius: 8px 8px 8px 8px;
	float: left;
	padding: 20px;
	margin-bottom: 40px;
	width: 92%;
}
#toggle_instructions_trigger
,#toggle_instructions_trigger_out
,#form_tags_trigger
 {
	float:right;
}

#instructions p {
	margin-top: 10px;
}

#instructions ul li
,#instructions ol li {
	padding: 2px;
}


#instructions ul li:first-child
,#instructions ol li:first-child 
{
	margin-top: 7px;
	font-weight: bold;
	list-style-type: none;
}
#instructions ul li:not(:first-child)
,#instructions ol li:not(:first-child) 

{
	margin-left: 15px;
}
#instructions ul li:not(:first-child) 
,.form_description ul li
{
	list-style-type: disc !important;
}

ul.form_description {
	margin-top: 10px;
}
ul.form_description li {
	margin-left: 13px;
}

p.form_description {
	margin-bottom: 5px;
}
#send_changes_trigger {
	margin-top: 10px;
	float: left;
	clear: both;
	background: none repeat scroll 0 0 #277D90;
	border: medium none;
	border-radius: 10px !important;
	box-shadow: 0 0 8px #B7B7B7;
	color: #FFFFFF;
	padding: 5px 20px 5px 20px;
	cursor: pointer;
}
#cancel_trigger {
	float: left;
	margin-top: 17px;
	margin-left: 10px; 
}
.new_block {
	margin-top: 7px;
}

.form_url_content {
	margin-bottom: 7px;
}
#url_lable {
	margin-bottom: 3px !important;
}

#empty_background_no 
,#empty_background_en
{
	float: left;
	clear: both;
}

#ul_other_media {
	float: left;
	margin-top: 12px;
}
#empty_other_media {
	float: left;
}
#no_feeds {
	float: left;
	clear: both;
}
#div_feed_twitter {
	margin-top: 10px;
}

#div_feed_twitter  span
,#div_feed_media span
,#div_feed_hioa_blog span
{
	float: left;
	clear: both;
	margin-top: 5px;
	font-weight: bold;
}
#div_feed_twitter  input
,#div_feed_media input
,#div_feed_hioa_blog input
{
	float: left;
	clear: both;
	margin-bottom: 3px;
}

#div_feed_twitter  a
,#div_feed_media a
,#div_feed_hioa_blog a  
{
	float: left;
}

#div_feeds_content {
	float: left;
	clear: both;
}
#div_feeds_content .content {
	width: 100% !important;
}

#list_feeds .text 
,#list_cv .text
{
	margin-bottom: 3px;
}

#content_latest_news_no
,#content_latest_news_en
,#empty_latest_news_no
,#empty_latest_news_en
{
	float: left;
	clear: both;
}
#div_new_url_trigger {
	min-height: 15px;
}

#div_cv_content {
	float: left;
	clear: both;
}

ul#receipt_content {
	margin-top: 20px;
	margin-bottom: 20px;
}

ul#receipt_content li {
	float: left;
	width: 100%;
	padding: 6px 0px 2px 6px; 
	border-top: 1px solid #aaa;
}
ul#receipt_content li:last-child {
	border-bottom: 1px solid #aaa;	
	margin-bottom: 10px;
}

ul#receipt_content li span {
	float: left;
}
ul#receipt_content li span:first-child {
	width:25%;
}
ul#receipt_content li span:last-child {
	width: 70%;
}
.separator
,#separator {
	float: left;
	border-bottom: 1px solid #E4E4E2;
	margin: 5px 0px 5px 3px;
	width: 95%;
}
.separator {
	margin-top: 8px;
	margin-bottom: 8px;
}
#hioa_flickr {
	float:left;
	clear: both;
}
#hioa_flickr_id {
	width: 370px !important;
	margin-top: 10px;
}
.delete_value_input {
	float: right;
	margin-top: 15px;
	margin-left: 10px;
}
.line_otrs_warning {
	color: #D21145;
}
#warning_otrs_hr 
,#warning_otrs_bit
{
	display: none;
	float: left;
	clear: both;
}
.max_char {
	float: right !important;
}

ul.feed_twitter + a {
	float: left;
	margin-top: 7px;
}
ul.feed_twitter li span.name {
	margin-right: 2px;
	font-weight: bold;
}
ul.feed_twitter li span.date
, ul.feed_twitter li span.name
{
	float:left;
	margin-top: 10px;
}

ul.feed_twitter li span.date {
	margin-top: 12px;
	font-size: 0.8em;
}

ul.feed_twitter li img {
	clear: both;
	float: left;
	margin-right:5px;
	margin-top: 10px;
	width: 40px;
	height: 40px;
}
ul.feed_twitter li span.tweet {
	float: left;
	width: 197px;
}

#div_feeds_content {
	float: left;
	clear: both;
}
#div_feeds_content li {
	float: left;
	clear: both;
}
#div_feeds_content span.text {
	margin-top: 7px;
}
#div_feeds_content span.content {
	margin-bottom: 5px;
	float: left;
}
ul#feed_media li {
	padding-top: 5px;
	padding-bottom: 5px;
}

ul#feed_media li a {
	float:left;
}
ul#feed_media li span.theDate
,ul#feed_media li span.theSource
{
	font-size: 0.8em;
	color: #515151;
	margin-bottom: 1px;
	float: left;	
}

ul#feed_media li span.theDate
,ul#feed_media li span.theDescription {
	clear: both;
	float: left;
	width: 100%;
}

.content_html_link {
	white-space: pre-line;
}

a#vCardLink:hover {
	text-decoration: underline !important;
}

div#vcard_publications_display p.footnote
{
	margin: 8px 0 8px 0;
	float: left;
	clear: both;
}


div.publication_block div.the_publication li {
	float: left;
	list-style-type: none;
	margin-right: 3px;
}
/*END*/

/* end: extension/hioa/design/hioa/stylesheets/screen/ui/vcard.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/ui/driftsmelding.css */
body.article div.driftsmelding{
	border: 4px solid #d21145;
	color: #d21145;
	margin-bottom:25px;
	position:relative;
	line-height:8px;
	clear: both;
	width: 100%;
}

body.article div.driftsmelding span.message{
	position:absolute;
	left: 65px;
	top:16px;
}

body.article div.driftsmelding img{
	margin: 4px 20px 4px 14px;
	width: 31px;
	height: 31px;
}
body.article div.driftsmelding a{
	position:absolute;
	right: 25px;
	top:16px;
	background: url("/extension/hioa/design/hioa/images/driftsmelding_arrows.png") no-repeat left transparent;
	color: #d21145;
	text-decoration:none;
 	padding: 1px 0 0 20px;
}
body.article div.driftsmelding a:hover{
	text-decoration:underline;
}


/* end: extension/hioa/design/hioa/stylesheets/screen/ui/driftsmelding.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/ui/interview.css */
/* div.block.wideGray.teaser */
div#maincontent div.section div.interviewWrapper{
	width: 695px;
	margin: 25px  0 0 0 !important;
	float:none;
	clear:both;
	padding: 25px 0 0 0 !important;
}

div#maincontent div.section div.interviewWrapper.single,
div#maincontent div.section div.interviewWrapper.double{
	height: 155px;
}
div#maincontent div.section div.interviewWrapper.tripple{
	height: 310px;
}

div#maincontent div.section div.interviewWrapper div.interview {
	float: left;
	background-color: #e7e6e2;
}
div#maincontent div.section div.interviewWrapper.single div.interview {
	width: 100%;
}

div#maincontent div.section div.interviewWrapper.tripple div.interview{
	width: 215px;
	margin-right: 25px;
}
div#maincontent div.section div.interviewWrapper.double div.interview{
	width: 335px;
	margin-right: 25px;
	min-height: 155px;
}
div#maincontent div.section div.interviewWrapper.tripple div.interview.last,
div#maincontent div.section div.interviewWrapper.double div.interview.last{
	margin-right: 0;
}
div#maincontent div.section div.interviewWrapper div.interview a,
div#maincontent div.section div.interviewWrapper div.interview a:visited{
	color: #000000;
	text-decoration: none;
}
div#maincontent div.section div.interviewWrapper div.interview a:hover{
	text-decoration: underline;
}
div#maincontent div.section div.interviewWrapper div.interview img {
	width: 155px;
	float: left;
}
div#maincontent div.section div.interviewWrapper.tripple div.interview img {
	margin: 0 auto;
	width: 215px;
	float:none;
}
div#maincontent div.section div.interviewWrapper.tripple div.interview div.text  {
	min-width: 200px;
	width: 140px;
	min-height: 130px;
}


div#maincontent div.section div.interviewWrapper div.interview div.text{
	float: left;
} 
div#maincontent div.section div.interviewWrapper.single div.interview div.text{
	padding: 20px 10px 20px 30px;
}
div#maincontent div.section div.interviewWrapper.double div.interview div.text{
    padding: 25px 20px 0 20px ;
    width: 140px;
}
div#maincontent div.section div.interviewWrapper.tripple div.interview div.text{
    padding: 25px 20px 20px ;
    width: 140px;
}


div#maincontent div.section div.interviewWrapper.tripple div.interview div.text p {
	width: 155px;
}


div#maincontent div.section div.interviewWrapper.single div.interview div.text {
	width: 405px;
	padding: 20px 10px 20px 30px;
}

div#maincontent div.section div.interviewWrapper.single div.interview div.text p {
	padding-left: 0px !important;
}

div#maincontent div.section div.interviewWrapper div.interview div.text h3 {
	font-family: Georgia,Helvetica,Serif;
    font-weight: normal;
    line-height:1.3em;
    font-size: 1.5em;
}
div#maincontent div.section div.interviewWrapper.single div.interview div.text h3 {
	
	font-size: 1.9em;
	line-height: 1em;
}
div#maincontent div.section div.interviewWrapper div.interview div.text p {
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 0px !important;
	margin-bottom: 0;
	color:#000;
}
div#maincontent div.section div.interviewWrapper.single div.interview div.text p {
	font-size: 1.2em;
	padding: 22px 4px;
}


div#maincontent div.section div.block.interview {
	height: 155px;
}
div#maincontent div.section div.block.interview img {
	width: 155px;
}
div#maincontent div.section div.block.interview div.text {
	width: 500px;
	padding-top: 25px;
}
div#maincontent div.section div.block.interview div.text h3 {
	font-size: 2.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 10px;
}
div#maincontent div.section div.block.interview div.text p {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	color:#000;
}
/* end: extension/hioa/design/hioa/stylesheets/screen/ui/interview.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/ui/video.css */
div#maincontent div.section div.videoWrapper{
	padding: 25px 0 !important;
	margin: 25px 0 !important;
	float: left;
}
div#maincontent div.section div.videoWrapper div.inner{
	background-color: #e7e6e2;
}

div#maincontent div.section div.videoWrapper div.video{
	float:left;
	line-height: 0;
}
div#maincontent div.section div.videoWrapper div.metaData{
	padding: 25px 20px;
	width: 179px;
	float:left;
}
div#maincontent div.section div.videoWrapper div.metaData h3{
	font-family: Georgia,Helvetica,Serif;
    font-weight: normal;
    line-height:1.3em;
    font-size: 1.5em;
}

div#maincontent div.section div.videoWrapper div.metaData p{
	
}

div#maincontent div.section div.videoWrapper div.metaData a:hover{
	text-decoration: none;
}

/* end: extension/hioa/design/hioa/stylesheets/screen/ui/video.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/ui/imagebrowser.css */
div#maincontent div.section div.imageBrowser{
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	padding: 25px 0;
	margin: 25px 0;
}

div#maincontent div.section div.imageBrowser div.inner div.images{
	height: 135px;
}

div#maincontent div.section div.imageBrowser p{
	margin-bottom:20px;
	line-height: 1em;
}

div#maincontent div.section div.imageBrowser img{
	height: 135px;
	width: 135px;
	margin-right: 9px;
	float:left;
}

div#maincontent div.section div.imageBrowser img.last{
	height: 135px;
	width: 135px;
	margin: 0;
}

div#maincontent div.section div.imageBrowser span.left,
div#maincontent div.section div.imageBrowser span.right{
	width: 50px;
	height: 135px;
	display:block;
}

div#maincontent div.section div.imageBrowser span.left{
	float: left;
	background: url(/extension/hioa/design/hioa/images/imgbrowse_left.png) 11px center #000 no-repeat;

	margin-right: 15px;
}
div#maincontent div.section div.imageBrowser span.left:hover{
	cursor: pointer;
	background: url(/extension/hioa/design/hioa/images/imgbrowse_left.png) 11px center #EA7126 no-repeat;
}
div#maincontent div.section div.imageBrowser span.right{
	float:right;
	background: url(/extension/hioa/design/hioa/images/imgbrowse_right.png) 18px center #000 no-repeat;
}
div#maincontent div.section div.imageBrowser span.right:hover{
	cursor: pointer;
	background: url(/extension/hioa/design/hioa/images/imgbrowse_right.png) 18px center #EA7126 no-repeat;
}
/* end: extension/hioa/design/hioa/stylesheets/screen/ui/imagebrowser.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/ui/jqueryui-tabs/jquery-ui-1.9.2.custom.css */
/*! jQuery UI - v1.9.2 - 2013-06-05
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.tabs.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em 1.4em 0;}

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { background: #E7E6E2 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border-bottom: 1px solid #aaaaaa; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #999999; background: #ccc; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #E7E6E2; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #E7E6E2 repeat-x; font-weight: bold; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(/extension/hioa/design/hioa/stylesheets/screen/ui/jqueryui-tabs/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/extension/hioa/design/hioa/stylesheets/screen/ui/jqueryui-tabs/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/extension/hioa/design/hioa/stylesheets/screen/ui/jqueryui-tabs/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/extension/hioa/design/hioa/stylesheets/screen/ui/jqueryui-tabs/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/extension/hioa/design/hioa/stylesheets/screen/ui/jqueryui-tabs/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/extension/hioa/design/hioa/stylesheets/screen/ui/jqueryui-tabs/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/extension/hioa/design/hioa/stylesheets/screen/ui/jqueryui-tabs/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/extension/hioa/design/hioa/stylesheets/screen/ui/jqueryui-tabs/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/extension/hioa/design/hioa/stylesheets/screen/ui/jqueryui-tabs/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/extension/hioa/design/hioa/stylesheets/screen/ui/jqueryui-tabs/images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { 
	-moz-border-radius-bottomleft: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
	-khtml-border-bottom-left-radius: 4px; 
	border-bottom-left-radius: 4px; 
	-moz-border-radius-bottomright: 0px; 
	-webkit-border-bottom-right-radius: 0px; 
	-khtml-border-bottom-right-radius: 0px; 
	border-bottom-right-radius: 0px !important;
	
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/extension/hioa/design/hioa/stylesheets/screen/ui/jqueryui-tabs/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/extension/hioa/design/hioa/stylesheets/screen/ui/jqueryui-tabs/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
/* end: extension/hioa/design/hioa/stylesheets/screen/ui/jqueryui-tabs/jquery-ui-1.9.2.custom.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/template/frontpage.css */
/**
 * template/frontpage
 * Inherits framework
 */
 
/* body.frontpage */
 
body.frontpage {
	background:#ecebe7;
	width:100%;
}

/* body.frontpage ... div.imageWrapper  */

body.frontpage div.imageWrapper {
	width:100%;
	overflow:hidden;
	margin:auto;

}

/* Generic  */

body.frontpage p,
body.frontpage li {
	color:#fff;
	background:transparent;
}


body.frontpage img.theme {
	position:absolute;
	top:110px;
	left:0;
	width:100%;
	min-width:746px;
}

/* Framework overrides  */

body.frontpage .container {
	position:relative;
	background:none;	
}

body.frontpage div#maincontent {
	background: url("/extension/hioa/design/hioa/images/forside_shadow.png") repeat-x left top;
	padding: 0;
	color: #000000;
	overflow: hidden;
	padding:0 15px;
}



/* Teasers */

body.frontpage .largeTeaser,
body.frontpage .smallTeaser {
	padding: 0px;
	width: 100%;
}

body.frontpage .smallTeaser {
	margin-bottom: 8px;
}

body.frontpage .teasercontent {
	padding: 5px 10px;
	margin: 0 15px;
}
body.frontpage .teasercontent .teaserContentWrapper{
	padding-bottom:20px;

}
body.frontpage .smallTeaser {
	color: #fff;
}

body.frontpage .smallTeaser .teasercontent{
	background: url("/extension/hioa/design/hioa/images/smallteaserbg1x1.png") repeat left top transparent;
}

body.frontpage .smallTeaser p {
	letter-spacing: 0.3px;
	margin-top: 10px;
}

/*If only link
body.frontpage #teasers a.goTo {
	position: absolute;
	bottom: 20px;
	left: 20px;
	background:url(/extension/hioa/design/hioa/images/readMoreArrow.png) no-repeat left center;
	display:none;
}*/
/*If linklist*/

body.frontpage #teasers div.goTo {			
	background:url(/extension/hioa/design/hioa/images/readMoreArrow.png) no-repeat left center;
	width:100%;
	padding-left:20px;	
	margin-top: 30px;
	position:absolute; 
	bottom:10px;
}



body.frontpage .largeTeaser a{
	/*font-weight: bold;*/
	text-decoration: underline;
	color: #0033cc;
	background:transparent;
}

body.frontpage .largeTeaser a:hover{
	text-decoration: none;
}

body.frontpage #maincontent .smallTeaser a {
	letter-spacing: 0.3px;
	color: #fff;
	background: url("/extension/hioa/design/hioa/images/teaserHeaderArrow.png") no-repeat left transparent;
	font: 71.42857142857143% Georgia,serif;
	padding: 0px 0 0 45px;
	font-size: 28.3px;

}

body.frontpage.width-small #maincontent .smallTeaser a {
	
}

body.frontpage .largeTeaser {
}
body.frontpage .largeTeaser .teasercontent{
	background:url(/extension/hioa/design/hioa/images/testbg_teaserContentWrapper.png) repeat left;
	padding-bottom: 35px;

}


body.frontpage .largeTeaser h2 {
	color: #000;
	font: 71.42857142857143% Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	background:transparent;
}

body.frontpage .largeTeaser p {
	color: #000;
	background:transparent;
}

body.frontpage div#maincontent .blogPost {
	font-size: 12px;
}

body.frontpage div#maincontent div.largeTeaser .blogPost p.date {
	margin-bottom: 0px;
	color: #e77126;
	font-size: 1em;
	background:transparent;
}

body.frontpage .teaserFullsizeImage {
	margin-bottom: 18px;
	width:100%;
}

body.frontpage div#maincontent div.largeTeaser, 
body.frontpage div#maincontent div.smallTeaser {
	position: relative;
}

body.frontpage .blog .blogPost{
	border-bottom: solid 1px #C9C9C9;
    margin-bottom: 11px;
	display:block;
	vertical-align:top;
	position: relative;
}

body.frontpage .blog .blogPost img{
	width:33%;
	float:left;
	max-width: 81px;
}
body.frontpage .blog .blogpostcontent{
	margin:0 0 10px 3%;
	width: 64%;
	float:left;
}

body.frontpage .blog .blogPost.last {
	border-bottom: none 0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

body.frontpage .blogPostTeaser img {
	margin-right: 10px;
}

body.frontpage .largeTeaser h3 {
	margin-bottom: 10px;
	font: 71.42857142857143% Georgia,serif;
	font-size: 23px;
	margin-top: -3px;
}

body.frontpage .largeTeaser h3 a {
font-weight:normal;
color:#000;
font-size:1em;
text-decoration:underline;
word-wrap:break-word;
}

body.frontpage .largeTeaser h3 a:hover {
text-decoration:none;
}

body.frontpage .largeTeaser.news .datewrapper{
	display:table;
	margin-bottom:15px;
}

body.frontpage .largeTeaser.news .dates {
	margin-bottom: 15px;
}

body.frontpage .largeTeaser.news .dates .date {
	float: left;
	width: 45px;
	font-size:1.18em;
	color: #b65718;
	font-weight: bold;
	background:transparent;
}

body.frontpage .largeTeaser.news .dates .title {
	max-width: 219px;
    padding-left: 45px;
}

/* body.frontpage ... .rightbox */

body.frontpage .rightbox {
	color: #fff;
	margin: 0 0 6px 0;
	width: 240px;
	text-align: center;
	display: block;
	background:transparent;
	position: relative;
}

body.frontpage .rightbox h3 {
	color: #fff;
	margin-bottom: 10px;
	font: 71.42857142857143% Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	font-weight: 400;
	background:transparent;
	text-transform:uppercase;
}


body.frontpage .rightbox span {
	color: #fff;
	background:transparent;
}

/* body.frontpage ... .column */

body.frontpage #teaserWrapper{
	float: left;
	/*width: 967px;*/
	max-width: 967px;
}

body.frontpage.width-small #teaserWrapper{
	width: 100%;
	max-width: 967px;
}

body.frontpage.width-smaller #teaserWrapper{
	width: 764px
}
body.frontpage.width-smaller .column.four.wrapped{
	width: 764px;
}

body.frontpage #teaserWrapper .column{
	margin-top: 8px;
	float: left;		
	/*width: 33%; OLD CODE!
	margin-right:3px*/
}

body.frontpage .column.four {
	float: left;
	margin-left: -6px;
}

div.border{
	margin: 0 15px;
	height: 15px;

}
div.corner{
	width: 15px;
	height: 15px;
	position:absolute;	
}

body.frontpage .smallTeaser .smallteaser_bottom,
body.frontpage .largeTeaser .largeteaser_bottom,
body.frontpage .smallTeaser .smallteaser_top,
body.frontpage .largeTeaser .largeteaser_top,
body.frontpage div.rightbox.snakkMedOss_top,
body.frontpage div.rightbox.snakkMedOss_bottom,
body.frontpage div.rightbox.driftsmelding_top,
body.frontpage div.rightbox.driftsmelding_bottom{
	height:15px;
	margin: 0;
	padding: 0;
	position:relative;
}

/* small teaser frame start*/
body.frontpage .smallTeaser .smallteaser_top .corner.left{
	background: url("/extension/hioa/design/hioa/images/smallteaserframe_UL.png")  no-repeat transparent;
}

body.frontpage .smallTeaser .smallteaser_top .border{
	background: url("/extension/hioa/design/hioa/images/smallteaserframe_top.png") repeat-x transparent;
}

body.frontpage .smallTeaser .smallteaser_top .corner.right{
	right:0;
	top:0;
	background: url("/extension/hioa/design/hioa/images/smallteaserframe_UR.png") no-repeat transparent;
}

body.frontpage .smallTeaser .smallteaser_bottom .corner.left{
	background: url("/extension/hioa/design/hioa/images/smallteaserframe_LL.png")  no-repeat transparent;
}

body.frontpage .smallTeaser .smallteaser_bottom .border{
	background: url("/extension/hioa/design/hioa/images/smallteaserframe_bottom.png") repeat-x transparent;
}

body.frontpage .smallTeaser .smallteaser_bottom .corner.right{
	background: url("/extension/hioa/design/hioa/images/smallteaserframe_LR.png") no-repeat transparent;
	right:0;
	top:0;
}

body.frontpage .smallTeaser .smallteaser_left{
	position:absolute;
	top:15px;
	bottom:15px;
	left:0;
	background: url("/extension/hioa/design/hioa/images/smallteaserframe_left.png") repeat-y transparent;
	width: 15px;
}

body.frontpage .smallTeaser .smallteaser_right{
	background: url("/extension/hioa/design/hioa/images/smallteaserframe_right.png") repeat-y transparent;
	width: 15px;
	position:absolute;
	top:15px;
	bottom:15px;
	right:0;
}

/* small teaser frame end*/
/* large teaser frame start*/

body.frontpage .largeTeaser .largeteaser_top .corner.left{
	background: url("/extension/hioa/design/hioa/images/largeteaserframe_UL.png")  no-repeat top left transparent;
}

body.frontpage .largeTeaser .largeteaser_top .border{
	background: url("/extension/hioa/design/hioa/images/largeteaserframe_top.png") repeat-x transparent;
}

body.frontpage .largeTeaser .largeteaser_top .corner.right{
	right:0;
	top:0;
	background: url("/extension/hioa/design/hioa/images/largeteaserframe_UR.png") no-repeat transparent;
}

body.frontpage .largeTeaser .largeteaser_bottom .corner.left{
	background: url("/extension/hioa/design/hioa/images/largeteaserframe_LL.png")  no-repeat transparent;
}

body.frontpage .largeTeaser .largeteaser_bottom .border{
	background: url("/extension/hioa/design/hioa/images/largeteaserframe_bottom.png") repeat-x top left transparent;	
}

body.frontpage .largeTeaser .largeteaser_bottom .corner.right{
	background: url("/extension/hioa/design/hioa/images/largeteaserframe_LR.png") no-repeat transparent;
	right:0;
	top:0;
}

body.frontpage .largeTeaser .largeteaser_left{
	width: 15px;
	position:absolute;
	top:15px;
	bottom:15px;
	left:0;
	background: url("/extension/hioa/design/hioa/images/largeteaserframe_left.png") repeat-y transparent;
	width: 15px;
}

body.frontpage .largeTeaser .largeteaser_right{
	background: url("/extension/hioa/design/hioa/images/largeteaserframe_right.png") repeat-y transparent;
	position:absolute;
	top:15px;
	bottom:15px;
	right:0;
	width: 15px;
}

/*Driftsmelding*/

body.frontpage div.driftsmelding div.content{
	background-color: #d31145;
}

body.frontpage .driftsmelding .driftsmelding_top .corner.left{
	background: url("/extension/hioa/design/hioa/images/front_driftsmeldingframe_UL.png")  no-repeat top left transparent;
}

body.frontpage .driftsmelding .driftsmelding_top .border{
	background: url("/extension/hioa/design/hioa/images/front_driftsmeldingframe_top.png") repeat-x transparent;
}

body.frontpage .driftsmelding .driftsmelding_top .corner.right{
	right:0;
	top:0;
	background: url("/extension/hioa/design/hioa/images/front_driftsmeldingframe_UR.png") no-repeat transparent;
}

body.frontpage .driftsmelding .driftsmelding_bottom .corner.left{
	background: url("/extension/hioa/design/hioa/images/front_driftsmeldingframe_LL.png")  no-repeat transparent;
}

body.frontpage .driftsmelding .driftsmelding_bottom .border{
	background: url("/extension/hioa/design/hioa/images/front_driftsmeldingframe_bottom.png") repeat-x top left transparent;	
}

body.frontpage .driftsmelding .driftsmelding_bottom .corner.right{
	background: url("/extension/hioa/design/hioa/images/front_driftsmeldingframe_LR.png") no-repeat transparent;
	right:0;
	bottom:0;
}

body.frontpage .driftsmelding .driftsmelding_left{
	width: 15px;
	position:absolute;
	top:15px;
	bottom:15px;
	left:0;
	background: url("/extension/hioa/design/hioa/images/front_driftsmeldingframe_left.png") repeat-y transparent;
	width: 15px;
}

body.frontpage .driftsmelding .driftsmelding_right{
	background: url("/extension/hioa/design/hioa/images/front_driftsmeldingframe_right.png") repeat-y transparent;
	position:absolute;
	top:15px;
	bottom:15px;
	right:0;
	width: 15px;
}

/*Snakk Med Oss*/

body.frontpage div.snakkMedOss div.content{
	background-color: #57831B;
}

body.frontpage .snakkMedOss .snakkMedOss_bottom{
	position:relative;
}

body.frontpage .snakkMedOss .snakkMedOss_top .corner.left{
	background: url("/extension/hioa/design/hioa/images/front_snakkMedOssframe_UL.png")  no-repeat top left transparent;
}

body.frontpage .snakkMedOss .snakkMedOss_top .border{
	background: url("/extension/hioa/design/hioa/images/front_snakkMedOssframe_top.png") repeat-x transparent;
}

body.frontpage .snakkMedOss .snakkMedOss_top .corner.right{
	right:0;
	top:0;
	background: url("/extension/hioa/design/hioa/images/front_snakkMedOssframe_UR.png") no-repeat transparent;
}

body.frontpage .snakkMedOss .snakkMedOss_bottom .corner.left{
	background: url("/extension/hioa/design/hioa/images/front_snakkMedOssframe_LL.png")  no-repeat transparent;
}

body.frontpage .snakkMedOss .snakkMedOss_bottom .border{
	background: url("/extension/hioa/design/hioa/images/front_snakkMedOssframe_bottom.png") repeat-x top left transparent;	
}

body.frontpage .snakkMedOss .snakkMedOss_bottom .corner.right{
	background: url("/extension/hioa/design/hioa/images/front_snakkMedOssframe_LR.png") no-repeat transparent;
	right:0;
	bottom:0;
}

body.frontpage .snakkMedOss .snakkMedOss_bottom div.decoration{ 	
	bottom: -26px;
    height: 31px;
    position: absolute;
    right: 24%;
    width: 42px;
}

body.frontpage .snakkMedOss .snakkMedOss_left{
	width: 15px;
	position:absolute;
	top:15px;
	bottom:15px;
	left:0;
	background: url("/extension/hioa/design/hioa/images/front_snakkMedOssframe_left.png") repeat-y transparent;
	width: 15px;
}

body.frontpage .snakkMedOss .snakkMedOss_right{
	background: url("/extension/hioa/design/hioa/images/front_snakkMedOssframe_right.png") repeat-y transparent;
	position:absolute;
	top:15px;
	bottom:15px;
	right:0;
	width: 15px;
}

/* Wrapped Column Four*/

body.frontpage div.column.four.wrapped{
	width:100%;
	padding: 6px 0 25px 6px;
	max-width:967px;
}

body.frontpage div.column.four.wrapped .rightboxWrapper{
	width:49%;
	float: left;
    padding-right: 6px;
}
body.frontpage.width-smaller .column.four.wrapped .rightboxWrapper{
	width: 49%;
}

body.frontpage div.column.four.wrapped .rightbox{
	float:left;
	width: 100%;
}
body.frontpage div.column.four .rightbox .boxContentWrapper{
    padding: 0 15px;
}

body.frontpage div.column.four .rightbox .boxContentWrapper .content{
	padding: 15px 0 20px 0;
}

body.frontpage div#maincontent div.contentWrapper{

	max-width: 967px;
}
body.frontpage.width-large div#maincontent div.contentWrapper{
	width: 1225px;
	max-width: 1225px;
}
/* CHAT */
#chatBox {
	padding-top: 2px;
}



/*black-boxes-container*/
.black-boxes-container {
	float:left;
}
/* boxes common*/
.boxes-common {		
	margin-bottom: 20px;
	margin-left: 0px !important;
	margin-right: 18px;
	text-align: center;
	-webkit-box-shadow: 0px 1px 10px 2px rgba(47,47,45,0.39);
	-moz-box-shadow: 0px 1px 10px 2px rgba(47,47,45,0.39);
	box-shadow: 0px 1px 10px 2px rgba(47,47,45,0.39);
	border-radius: 10px 10px 10px 10px;	
	padding: 20px 10px 10px 10px !important;	
	width: 240px;
}
.boxes-common:not(.white-column-front-box) h3 { 
	font: 71.42857142857143% Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 10px;
}
/* REDBOX */
.red-front-box {
	background-color: #D31145 !important;
	color: #fff;	
}
.red-front-box a {
	margin-left: 0px !important;
}
.red-front-box p {
	margin-left: 0px !important;
	color: #000 !important;
}

/*Black Boxes*/
.black-box  {
	/*width: 282px !important;*/
	background-color: #353232;
	text-align: left;
	padding-left: 10px;
	height: 106px;
	float: left;
}

/* GRØNBOX*/
.green-front-box {	
	background-color: #627D20 !important;
	color: #fff;		
}  
.green-front-box a {
	margin-left: 0px !important;
}
.green-front-box p {
	margin-left: 0px !important;
	color: #000 !important;
}

/* White BOX*/
.white-column-front-box {
	width: 282px !important;
	color: #000;			
	background-color: #fff !important;
	text-align: left;
}
.white-column-front-box a {
	margin-left: 0px !important;
}
.white-column-front-box p {
	margin-left: 0px !important;
	color: #000 !important;
}


/* Yellow BOX*/
.yellow-front-box {
	background-color: #ffe200 !important;
	color: #000;
}

.yellow-front-box a {
	margin-left: 0px !important;
	color: #0033cc !important;
}
.yellow-front-box p {
	margin-left: 0px !important;
	margin-top: 10px;
	color: #000 !important;
}





/* White BOX*/
.white-front-box {		
	color: #000;			
	background-color: #fff !important;
}  
.white-front-box a {
	margin-left: 0px !important;
}
.white-front-box p {
	margin-left: 0px !important;
	color: #000 !important;
	margin-top: 10px;
}



/* body.frontpage ... #topBubble */


div.bubble:before, div.bubble:after {
    content: " ";
    height: 0;
    position: absolute;
    width: 0;
}
div.speech:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FFFFFF transparent transparent #FFFFFF;
    border-image: none;
    border-style: solid;
    border-width: 20px;
    left: 468px;
    top: -8px;
}
div.bubble:before, div.bubble:after {
    content: " ";
    height: 0;
    position: absolute;
    width: 0;
}
div.bubble {
	padding-top: 15px;
    background-color: #FFFFFF;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */	
    border: 8px solid #FFFFFF;
    -webkit-box-shadow: 0px 1px 10px 2px rgba(47,47,45,0.39);
	-moz-box-shadow: 0px 1px 10px 2px rgba(47,47,45,0.39);
	box-shadow: 0px 1px 10px 2px rgba(47,47,45,0.39);
	border-radius: 10px 0px 10px 10px;	
    line-height: 100px;
    margin: 76px 0;	
	position: relative;    
    width: 461px;
	height: 130px;
}
 
body.frontpage.width-medium div.bubble {
	margin: 60px 0 40px 0;
}

body.frontpage.width-small div.bubble {
	margin: 35px 0 30px 0;
}

body.frontpage.width-smaller  div.bubble {
	margin: 35px 0 30px 0;
}


body.frontpage div.bubble p {
	margin-bottom: 10px;
}

body.frontpage div.bubble .content {
	padding: 5px 35px 20px 35px;
	width: 393px;
	height: 100px;
}

body.frontpage div.bubble p {
	color: #000;
	background:transparent;
}

body.frontpage div.bubble a:hover {
	text-decoration: none;
}

body.frontpage #topBubble a {
	font-weight: bold;
	text-decoration: underline;
	color: #0033cc;
	background:transparent;
}

body.frontpage #topBubble h3 {
	margin-bottom: 10px;
	font: 71.42857142857143% Georgia,serif;
	font-size: 1.9em;
}

body.frontpage #topBubble h3 a {
	color:#000000;
	font-weight:normal;
	margin-bottom: 10px;
	font-size: 1em;
}

body.frontpage #topBubble h3 a:hover {
	color:#000000;
	font-weight:normal;
	margin-bottom: 10px;
	font-size: 1em;
}

body.frontpage div.styled-select {
	clear: both;
	float: left;
}

/* end: extension/hioa/design/hioa/stylesheets/screen/template/frontpage.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/template/article.css */
/**
 * template/article
 * Inherits framework
 */

/* Article */

body.article {
	background-image: none;
	color: #515151;
}

/* overrides of framework's maincontent */

body.article div#maincontent {
	/*background-color: #e7e6e2;*/
	position:relative;
    padding-bottom: 40px;
}

body.article div#topShadow{
	position:absolute;
	top: 0;
	left:0;
	right:0;
	height: 23px;
	z-index: 999;
	background: url("/extension/hioa/design/hioa/images/forside_shadow.png") repeat-x left top transparent;
}
/* contentWrapper overrides */

body.article div.contentWrapper {
	padding: 16px 5px 25px;
	overflow:hidden;	
	background-color: #fff;
	position:relative;
}
body.article.extraPadding div#maincontent div.contentWrapper{
	padding: 16px 15px 75px; /* Tofik endret fra 25px */
}
body.article div#footer div.contentWrapper{
	background: #000;
}

/* generic */

body.article p {
	font-family: Arial, Helvetica, sans-serif;
	color: #282828;
	font-size: 1em;
	line-height: 1.42em;
}

body.article div.bodyText p {
	font-size: 1.2em;
    line-height: 1.45em;
	margin-bottom: 15px;
}

body.article a {
	color:#0033cc;
	text-decoration:underline;
}

body.article div.bodyText ul,
body.article div.bodyText ol{
    font-size: 1.2em;
    line-height: 1.45em;
}

body.article div.bodyText ol > li > ol {
	padding: 6px 0 5px;
}

body.article div.bodyText ul>li>ul
,body.article div.bodyText ol > li > ol
{
	font-size: 1em;
}
body.article div.bodyText ul>li>ul{
	padding: 0px 0px 5px 0px;
}


/* body.article ... div#mainFeatured */
body.article div#mainFeatured {
	width: 635px;
}
body.article div#slider-id {
	/*width: 93%;*/
}

body.article div#slider-id p {
	color: #000;
}

body.article div#slider-id h2 {
    line-height: 1.3em;
    margin: 15px 0px 9px 0;
    word-spacing: 0.05em;
    font-size: 2.1em;
    font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
}

body.article div#slider-id h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    letter-spacing: 0.04em;
    font-size: 1.5em;
}

body.article div#slider-id p {
    letter-spacing: 0.4px;^M
    font-size: 1.15em;^M
    line-height:1.4em;^M
    margin: 9px 0;^M
    width: 70%;^M
    color: #fff;^M
    background:transparent;^M
}

body.article div.section div#slider-id p {
	width: 380px;
}

body.article div#slider-id a.readMore:hover {
	text-decoration: none;
}



body.article div#slider-id img {
	position:relative;
	top:0;
	left:0;
	z-index:100;
}

body.article div#slider-id div.panel-container div.panel div.panel-wrapper div.textWrapper {
	left: 24px;
	max-height: 200px;
    position: relative;
    top: -232px;
    z-index: 200;
	width:428px;
}

body.article div#slider-id div.panel-container div.panel div.panel-wrapper div.textWrapper h1 {
	color: #000;
}

.coda-slider-wrapper .coda-slider .panel-container .panel {
    height: 260px;
    margin-bottom: 25px;
}

body.article div#slider-id div.panel-container div.panel div.panel-wrapper ul {
	width:600px;
	/*position:absolute;
	bottom: 32px;*/
	z-index: 300;
}

body.article div#slider-id div.panel-container div.panel div.panel-wrapper ul li {
	min-width:160px;
	margin-right:10px;
	margin-top:26px;
}

body.article div#slider-id div.panel-container div.panel div.panel-wrapper ul li a {
	font-size: 1.1em;
	margin-top: 15px;
	color: #000;
	background: url(/extension/hioa/design/hioa/images/teaserHeaderArrow.png) no-repeat left center transparent;
	padding: 10px 50px;
	min-width:160px;
	margin-right:10px;
}

body.article div#slider-id div.panel-container div.panel div.panel-wrapper ul li a:hover {
	text-decoration:none;
}

body.article div#mainFeatured h2 {
	line-height: 1.3em;
	margin: 15px 0px 9px 0;
	word-spacing: 0.05em;
	font-size: 2.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

body.article div#mainFeatured h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.04em;
	font-size: 1.5em;
}
body.article div#mainFeatured h3 {
	color: #fff;	
}
body.article div#mainFeatured p {
	letter-spacing: 0.4px;
	font-size: 1.15em;
	line-height:1.4em;
	margin: 9px 0;
	width: 70%;
	color: #fff;
	background:transparent;
}

body.article div.section div#mainFeatured p {
	width: 380px;
}

body.article div#mainFeatured a.readMore:hover {
	text-decoration: none;
}

body.article div#mainFeatured {
	float: left;
	width: 93%;
	min-height:220px;
	padding: 20px 30px;
	margin-bottom: 25px;
	color: #fff;
	position:relative;
	background:transparent;
}

body.article div#mainFeatured img {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

body.article div#mainFeatured div.textWrapper {
	left: 24px;
	max-height: 200px;
    position: absolute;
    top: 32px;
    z-index: 200;
	width:428px;
}

body.article div#mainFeatured ul {
	width:600px;
	/*position:absolute;
	bottom: 32px;*/
	z-index: 300;
}

body.article div#mainFeatured ul li {
	min-width:160px;
	margin-right:10px;
	margin-top:26px;
	margin-bottom: 20px;
}

body.article div#mainFeatured ul li a {
	font-size: 1.1em;
	margin-top: 15px;
	color: #fff;
	background: url(/extension/hioa/design/hioa/images/teaserHeaderArrow.png) no-repeat left center transparent;
	padding: 10px 50px;
	min-width:160px;
	margin-right:10px;
}
body.article div#mainFeatured ul li a:hover {
	text-decoration:none;
}

/* body.article ... div.ColWrapper */

body.article div.ColWrapper.facts.contact a {
	display:block;
}

body.article div.ColWrapper.facts.contact a.larger {
	float:left;
	display:block;
	font-size:1.2em;
	margin:10px 0 15px 0;
	width:100%;
}

/* body.article ... ul.list */

body.article ul li,
body.article ol li{
	color: #282828;
}

body.article ul.list li a{
	display: block;
    float: left;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    padding: 5px 15px;
    text-decoration: none;
	min-width: 305px;
}

body.article div.Col.right ul.list li a{ /* Special style for ul.list a in right column */
	width: 100%;
	background: none;
	font-weight: normal;
    display: block;
    padding: 0;
    text-decoration:underline;
	margin-top: 5px;
}




body.article ul.list li a:hover {
	background:#e7e6e2;
}

body.article ul.list {
	padding: 0px 0 10px 0;
	margin-top: -3px;
}



body.article ul.list li { 
	float: left;
	display:block;
	width: 100%;
}
body.article.extraPadding div.Col.right ul.list li a {
	min-width: 0px;
}
body.article ul.list li a span.date {
	float:left;
	padding:0 11px 50px 0;
	font-size:1.18em;
	color:#e57126;
	font-weight: bold;
	text-decoration:none;
}

body.article ul.list li a em {
	float:left;
	width:83%;
	text-decoration: underline;
}

body.article ul.list li a span.text {
	float: left;
	color:#282828;
	text-decoration:none;
	line-height:1.45em;
	width:83%;
}

/* body.article ... div.Col */

body.article div.Col.right div.ColWrapper ul.list {
	float: none;
	xxwidth:245px;
}
body.article.width-large div.Col.right div.ColWrapper ul.list {
	width:215px;
}
body.article div.Col.right div.ColWrapper ul.list.extraPadding {
	margin-top:0px;
}
body.article div.Col.right div.ColWrapper ul.list.extraPadding li{
	margin-bottom:20px;
}

body.article div.Col.right div.ColWrapper ul.list.extraPadding li.last{
	margin-bottom:15px;
}

body.article div.Col.right div.ColWrapper ul {
	border: none;
}

body.article div.Col.right div.ColWrapper ul.list li span.date {
	color: #E77126;
	display: block;
    font-size: 1em;
    margin-bottom: -1px;
 	margin-top: -4px;
    padding: 0;
}

span.event_title {
	
}  
ul.goTo {
	float: left;
	clear: both;
}



/* body.article ... ul.calendarList */

body.article ul.calendarList {
	float:left;
	width:465px;
}

body.article ul.calendarList li {
	float:left;
	width:100%;
	min-height:105px;
	padding:10px 0;
	border-top:1px solid #b2b2b2;
}

body.article ul.calendarList li a:focus {
	outline:none;
}

body.article ul.calendarList li span.date {
	float:left;
	margin-right:10px;
	padding:0 10px 6px 0px;
	color:#e96f01;
	font-size:1.3em;
	font-weight:bold;
	min-height: 105px;
}

body.article ul.calendarList li a img {
	float:right;
	padding:0;
	margin:0 10px 0 0;
}

body.article ul.calendarList li a em {
	font-style:normal;
	width:60%;
	float:left;
	display:block;
	color:#0033CC;
	text-decoration:underline;
}

body.article ul.calendarList li a span.text {
	float:left;
	width:60%;
	display:block;
	color: #515151;
}

body.article ul.calendarList li a {
	float:left;
	width:100%;
	min-height:105px;
	padding:10px 4px;
	margin-left:-4px;
	text-decoration:none;
}

body.article ul.calendarList li a:active,
body.article ul.calendarList li a:hover {
	background:#e7e6e2;
}

.default-table{
	margin: 30px 0 5px;
}

.default-table th{
	border:1px solid black;
	background-color: #eee;
	color: #000;
	padding:5px;
}

/*noImage*/
body.article ul.calendarList li.noImage a em {
	width:70%;
}

body.article ul.calendarList li.noImage a span.text {
	width:86%;
}

/* body.article ... ul.searchList */

body.article ul.searchList li a {
	float:left;
	width:100%;
	min-height:69px;
	padding:10px 4px;
	margin-left:-4px;
	text-decoration:none;
}

body.article ul.searchList li {
	float:left;
	width:100%;
	min-height:69px;
	padding:10px 0;
	border-top:1px solid #b2b2b2;
}

body.article ul.searchList li a span.text {
	float:left;
	width:100%;
	display:block;
	color: #515151;
}

body.article ul.searchList li a em {
	font-style:normal;
	width:100%;
	float:left;
	display:block;
	color:#0033CC;
	text-decoration:underline;
}

body.article ul.searchList li a:active,
body.article ul.searchList li a:hover {
	background:#e7e6e2;
}

body.article ul.searchList li a:focus {
	outline:none;
}

body.article ul.searchList {
	float:left;
	width:465px;
}

/* Special article styles */

div.orderBlock {
	float:right;
	width:205px;
}

body.article table caption {
	display: none;
}

body.article table tbody tr td
,body.article table tbody tr th
{
	border: 1px solid black;
	color: #000;
	font-size: 1.2em;
}

body.article div.bodyText td p {
	font-size: 1em;
}

body.article div#maincontent div.section div.imageBrowser.noBorderTop,
body.article div#maincontent div.section div.videoWrapper.noBorderTop,
body.article div#maincontent div.section div.interviewWrapper.noBorderTop{
	margin-top: 0;
	border-top: none;
	padding-top: 0;
}

/*------ Article frame ------*/
body.article div#maincontent div.frameWrapper{
	margin: 0 auto;
	position:relative;
}
body.article.width-large div#maincontent div.frameWrapper{
	width:1247px;
}
body.article.width-large.extraPadding div#maincontent div.frameWrapper{
	width: 1267px;	
} 
body.article.width-medium div#maincontent div.frameWrapper{
	width:1007px;
}
body.article.width-medium.extraPadding div#maincontent div.frameWrapper{
	width: 1027px;	
} 
body.article.width-small div#maincontent div.frameWrapper,
body.article.width-smaller div#maincontent div.frameWrapper{
	width:757px;
}

body.article div#maincontent div.bodyframe_left{
	width: 15px;
	position:absolute;
	top:0px;
	bottom:15px;
	left:0;
	background: url("/extension/hioa/design/hioa/images/article_frame_left.jpg") repeat-y transparent;
	width: 15px;
}
body.article div#maincontent div.bodyframe_right{
	background: url("/extension/hioa/design/hioa/images/article_frame_right.jpg") repeat-y transparent;
	position:absolute;
	top:0px;
	bottom:15px;
	right:0;
	width: 15px;
}
body.article div#maincontent div.bodyframe_bottom{
	height:15px;
	margin: 0;
	padding: 0;
	position:relative;
}
body.article div#maincontent div.bodyframe_bottom div.left.corner{
	background: url("/extension/hioa/design/hioa/images/article_frame_corner_left.jpg")  no-repeat transparent;
}
body.article div#maincontent div.bodyframe_bottom div.border{
	background: url("/extension/hioa/design/hioa/images/article_frame_bottom.jpg") repeat-x top left transparent;	

}
body.article div#maincontent div.bodyframe_bottom div.right.corner{
	background: url("/extension/hioa/design/hioa/images/article_frame_corner_right.jpg") no-repeat transparent;
	right:0;
	top:0;
}

body.article div#maincontent div.bodyframe_bottom div.corner{
	width: 15px;
	height: 15px;
	position:absolute;	
}

ul#rss_studentliv {
	margin: 20px 0;	
	list-style-type: none;
	width: 70%;
}
ul#rss_studentliv li{	
	list-style-type: none;
	
	padding-bottom: 10px;
	margin-top: 10px;
}
ul#rss_studentliv a {	
	color: #0033CC;
	font-weight: bold;
	font-size: 1.5em;	
}
ul#rss_studentliv a:hover {
	
}

ul#rss_studentliv p {
	font-size: 1.11em;
    line-height: 1.45em;
    margin-top: 5px;
}


ul.float_left {
	float:left;
	font-size:1.1em !important;
}

.user-forgotpassword input {	
	border: 1px #000 solid;
}

table.gloria-table {
	float: left;
}

table.gloria-table
, table.gloria-table tr
, table.gloria-table tr td
{
    border: 0px #000 solid !important;
}  

table.gloria-table tr td img {
	max-width: 200px;
	height: auto;
}

div.main_image {
	float: right;
}
div.main_image  img {
	max-width: 200px;
	margin: 0px 0px 10px 10px;
}
/* KART */

#theMap{
	width: 100%;
	height: 650px;
	margin: 0px;
	border: 0px;
}
#theMapSandvika {
	width: 100%;
	height: 350px;
	margin: 0px;
	border: 0px;
}

/*SIFO vedlegg i artikkel mal*/
body.article.basic a.attachment {
	float: left;
	clear: both;
	margin-bottom: 5px;
	font-size: 1.2em;
}
span.sifo_subheading {
	font-weight: bold;
	font-size: 1.52em;
}
h2 span.sifo_subheading {
	font-weight: bold;
	font-size: 0.82em;
}
div.sifo-article h2 b a
,h2 span.sifo_subheading b {
	font-weight: bold;
	font-size: 0.82em;
}
div.sifo_publication_document {
	float: left;
	clear: both;
}

/* end: extension/hioa/design/hioa/stylesheets/screen/template/article.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/template/article-basic.css */
/**
 * template/article-basic
 * Inherits template/article
 */

body.article.basic #breadCrumb{
	margin-bottom: 35px;
}

body.article.basic h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.95em;
	line-height: 1.15em;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	margin-bottom: 13px;
	background:transparent;
}

body.article.basic h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;	
	line-height:1.2em;
	letter-spacing:0.03em;
	font-weight:bold;	
	color:#000;
	padding-top:15px;
	background:transparent;
	margin-bottom: 5px;
}

body.article.basic h2.header2 {
	font-size: 1.6em;
	font-weight: normal;
}
	
body.article.basic h3 {
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 1.5em;
	line-height: 1.48em;
	margin-bottom: 5px;
	background:transparent;
	font-weight:bold;
	padding-top:15px;
}

body.article.basic h4 {
	margin-bottom: 5px;
	padding-top:15px;
	font-size: 1.2em;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	background:transparent;
	font-weight:bold;
}

/*Used as sub headers/ Typography in article page*/
body.article.basic h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-style: italic;
	font-weight:normal;
	margin-bottom:5px;
	color: #000;
}

body.article.basic h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	margin-bottom:5px;
}

body.article.basic a {
	text-decoration: underline;
}

body.article.basic a:hover {
	text-decoration: none;
}

body.article.basic div.Col div.ColWrapper p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 1.1em;
	line-height: 1.58em;
	padding-bottom: 25px;
	background:transparent;
}

body.article.basic p.ingress {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.46em;
    line-height: 1.2em;
	color: #282828;
	margin-bottom: 20px;
}


div.bodyText div.attribute-image {
margin:10px 0 0 0;
}
div.bodyText div.attribute-caption p {
font-size:0.90em;
}

div.bodyText div.ImgWrapper{
	margin:10px 0 10px 0;
}
div.bodyText div.ImgWrapper span.metaData{
	font-size:0.90em;
}
div.bodyText div.ImgWrapper br{
	height:40px;
}

div.bodyText div.attribute-caption .caption{
	color: #000;
}

div.bodyText div.attribute-caption .photoBy{
	color:#e27125;
}

body.article.basic div.section div#Col {
	float: right;
	width: 215px;
	margin-right: 25px;
}

body.article.basic div.section div#Col div.ImgWrapper {
	margin-bottom:35px;
	font-size:0.90em;
}

body.article.basic div.section span.caption{
	float: left;
	color: #000;	
}

body.article.basic div.section span.photoBy{
	color: #b65718;
	float: left;
	clear: both;
	width: 100%;
	font-weight: bold;
}

body.article.basic div.bodyText p{
	
}
body.article.basic div.bodyText span.image {
	display:block;
	margin: 10px 0 0 0;
}
body.article.basic div.bodyText span.image img{
	display:block;
}
body.article.basic div.bodyText span.image.left {
	padding-right:15px;
	float: left;

}
div.research-group span.image.right {
	float: right;
}
div.research-group span.image.left {
	float:left;
	margin-left: 15px;
	padding: 0px 15px 0px 0px;
}
span.image.left + p {
	
}
body.article.basic div.bodyText span.image.right {
	padding-left:15px;
	float: right;
}
body.article.basic div.bodyText span.image.left {
	display:inline-block;
	padding-right:15px;
	float: left;
}
body.article.basic div.bodyText span.image.center {
	width:100%;
	margin: 10px auto;
	display:block;
	float: none;
}
body.article.basic div.bodyText p span.metaData{
	width:280px;
	display: block;
	font-size:0.9em;
	padding-right: 15px;
	margin-bottom: 3px;
}


/*Rules:bodyText*/
body.article.basic div.bodyText span.LargeDate {
	font-size:2.5em;
	font-weight:bold;
	color:#e96f01;
	padding-bottom:20px;
	display:block;
}

body.article.basic div.bodyText {
	float: right;
	width: 455px;
}

body.article.basic div.bodyText span {
	display: block;
}

body.article.basic div.bodyText.form {
	margin-left:300px;
}

body.article.basic div.bodyText div.ColWrapper {
	width: 640px;
	padding-top: 15px;
	padding-bottom: 25px;
	 margin: 10px 0 25px;
	background: #e7e6e2;
}

body.article.basic div.bodyText div.ColWrapper.factBox h3{ 
	font-family: Georgia, Helvetica, Serif;
	font-weight: normal;
	font-size:1.9em;
	line-height: 1em;
    padding-top: 10px;
}

body.article.basic div.bodyText div.ColWrapper p {
	padding: 10px 0 0 0;
}

body.article.basic div.Col div.ColWrapper {
	width: 205px;
	background: #e7e6e2;
}

/*Info blocks in articlepages*/
body.article.basic div#author {
	float: left;
	border-top:		1px solid #BDBBAF;
	border-bottom:	1px solid #BDBBAF;
	font-size:		0.9em;
	margin-bottom:	10px;
	width:			100%;
	padding-bottom: 3px;
	padding-top:	3px;
}
#infoArticle {
	float:left;
	width: 400px;
}
.author_name {
	font-weight:	bold;
	float:			left;
}
.author_date {
	float:	left;
	clear:	both;
}

body.article.basic p#Info {
	float:left;
	width:100%;
	font-size: 1.45em;
	line-height: 1.1em;
	padding-bottom:20px;
}

body.article.basic p#Info strong {
	padding:0 5px 0 0;
}

body.article.basic p#Info span#location {
	display:block;
}

body.article.basic p#Info span#time {
	display:block;
}

/*GENERIC LIST GENERATED FROM CMS*/
body.article.basic.wide div.blockWrapper{
width:455px;
margin-bottom:25px;
border-bottom: 1px solid #B2B2B2;
}

body.article.basic.wide div.line-repeater{
width:455px;
min-height:65px;
padding:10px 0;
border-top: 1px solid #B2B2B2;

}

body.article.basic.wide div.line-repeater h2{
font-family:Arial, Helvetica, sans-serif;
padding:0px;
font-size:1.1em;
margin-bottom:0px;
}

.textWrapper h1 {
	color : #FFF !important;
}



/*BEGIN KEY NUMBERS (NSD) OM HIOA SIDE*/

#key_numbers {
	min-height: 160px;
}
#key_numbers .kilde{
    margin-top: 7px;
}
#key_numbers #key_numbers_year {
	float: right;
	font-weight: bold;
}

#key_numbers label {
	float: left;
	margin-bottom: 2px;
	width: 50%;
}
#key_numbers .key_numbers_value {
	float: right;
}

.nsdDBH table {
	border: 0px;
	margin-bottom: 20px;
}
.nsdDBH table thead tr th {
	text-align: right;
	padding-right: 5px;
}
.nsdDBH table tbody tr td {
	min-width: 50px;
	border-top: 1px  solid #CCC !important;
	border-bottom: 0px !important;
	border-right: 0px !important;
	border-left: 0px !important;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
}
.nsdDBH table tbody tr:last-child td {
	border-bottom: 1px solid #CCC !important;
	margin-bottom: 2px;
}
 
.nsdDBH .label {
	text-align: left;
}

.nsdDBHTop h1 {
	margin-top: 10px;
	color: #000;
	font-size: 2.95em;
}

.nsdDBH h1 {
	color: #000;
	font-size: 1.75em;
}
.nsdDBH img {
	float: left;
}
.nsdDBH p {
	float: left;
	clear: both;
	margin-bottom: 15px;
}

/*END KEY NUMBERS (NSD) OM HIOA SIDE*/

/*BEGIN MAPPE MAL */

div.content-view-line h2 {
	font-size: 1.1em !important;
	font-weight: normal !important;
	padding: 3px !important;
}
div.content-view-line h2::before { 
    content: "•  ";
    font-size: 1.1em !important;
}
div.content-view-line div.attribute-file {
	display: none;
}
/*END MAPPE MAL */

/*BEGIN: MATH SIGNS FOR FORMULA*/
.sy {
    position: relative;
    text-align: center;
}
.oncapital, .onsmall {
    position: absolute;
    top: -1em;
    left: 0px;
    width: 100%;
    font-size: 70%;
    text-align: center;
}
.onsmall {
    top: -0.7em;
}
.fraction {
    display: inline-block;
    vertical-align: middle; 
    margin: 0 0.2em 0.4ex;
    text-align: center;
}
.fraction > span {
    display: block;
    padding-top: 0.15em;
}
.fraction span.fdn {border-top: thin solid black;}
.fraction span.bar {display: none;}
/*END: MATH SIGNS FOR FORMULA*/

#ledige_stillinger {
    height: 700px;
    width: 695px;
    border: 0px;
}

.youtubeDefault {
    width: 640px;
    height: 360px;
    border: 0px;
}

/* NIBR */
img#nibr_main_image {
    max-height: 460px;
}
img.nibr-article-image-right {
    margin-left: 10px;
}
img.nibr-article-image-left {
    margin-right: 10px !important;
}

img#nibr_main_image+em {
    display:block;
    clear: both;
}


div.nibr-article {


}

iframe#thePage {
	height: 1200px;
	width: 100%;
	border: 0px;
}

/* end: extension/hioa/design/hioa/stylesheets/screen/template/article-basic.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/template/article-basic-wide.css */
/**
 * template/article-basic-wide
 * Inherits template/article-basic
 */

body.article.basic.wide div.section {
/*	width:100%;*/
}
body.article.basic.wide div.section div.block {
	width:100%;
	margin-bottom:0px;
}

body.article.basic.wide div.bodyText {
	float: left;
	width: 695px;	
	padding-right: 15px;
	margin-top: -7px; 
}

body.article.basic.wide div.Col div.ColWrapper {
	width: 207px;
}
/* end: extension/hioa/design/hioa/stylesheets/screen/template/article-basic-wide.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/template/article-contact.css */
/**
 * template/article-contact
 * Inherits template/article
 */
 
body.article.contact.width-large div.section{
	width: 655px;
}

body.article.contact div.section div.block.contact.twoCol.last{
	border-bottom: none;
}

body.article.contact div.section div.block p{
	padding: 0;
}
/* body.article.contact ... div#maps */

body.article.contact div#maps {
	float:left;
	width: 100%;
}

body.article.contact div#maps div.map{
	float:left;
	margin-right:25px;
}

body.article.contact.width-large div#maps {
	width: 255px;
}

body.article.contact.width-large div.map {
	margin-right: 0;
}

body.article.contact div#maps h4 {
	width: 100%;
	margin-bottom:10px;
}

body.article.contact div#maps a#Oslo {
	display:block;
	width: 255px;
	min-height:185px;
	margin:10px 0 30px 0;
	background:url(/extension/hioa/design/hioa/images/map_Oslo.png) no-repeat 0 -197px;
}

body.article.contact div#maps a#Oslo:hover {
	display:block;
	min-height:185px;
	background:url(/extension/hioa/design/hioa/images/map_Oslo.png) no-repeat 0 0;
}

body.article.contact div#maps a#Kjeller {
	display:block;
	min-height:185px;
	width: 255px;
	margin:10px 0 30px 0;
	background:url(/extension/hioa/design/hioa/images/map_Kjeller.png) no-repeat 0 -197px;
}

body.article.contact div#maps a#Kjeller:hover {
	display:block;
	min-height:185px;
	background:url(/extension/hioa/design/hioa/images/map_Kjeller.png) no-repeat 0 0;
}
/* end: extension/hioa/design/hioa/stylesheets/screen/template/article-contact.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/template/article-course.css */
/**
 * template/article-course
 * Inherits template/article
 */

/* body.article.course ... div.mainFeatured */

body.article.course div.mainFeatured {
	min-height:214px;
	padding:0;
}

/* body.article.course ... div#mainFeatured */

body.article.course div#mainFeatured div.textWrapper {
	width:400px;
}

/* Main Featured Liquid */
/* body.article.course ... div#mainFeaturedWide */
body.article.course div.blockWrapper{
	width:470px;
	float:left;
}
body.article.course.width-large div.blockWrapper{
	width:937px;
}

body.article.course div#mainFeaturedWide {
	position:relative;
	height:214px;
	margin: 0 0 25px;
	background:#000;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 25px;
	clear:left;
}
body.article.course.width-small div#mainFeaturedWide,
body.article.course.width-smaller div#mainFeaturedWide{
	margin: 0 15px 25px;
}


body.article.course div#mainFeaturedWide h1{
	font-size: 2.5em;
}

body.article.course div#mainFeaturedWide img {
	position:absolute;
	top:0;
	right:-10px;
	right:0px;
}

body.article.course div#mainFeaturedWide div.textWrapper {
	position:absolute;
	top:47px;
	left:45px;
	z-index:400;
	width:75%;
}

body.article.course div#mainFeaturedWide div.textWrapper p {
	font-size: 1.2em;
	line-height:1.4em;
	margin: 12px 0;
	width: 70%;
	color: #fff;
	background:transparent;
}

body.article div#mainFeaturedWide div.textWrapper ul li {
        min-width:160px;
        margin-right:10px;
        margin-top:26px;
}

body.article div#mainFeaturedWide div.textWrapper ul li a {
        font-size: 1.1em;
        margin-top: 15px;
        color: #fff;
        background: url(/extension/hioa/design/hioa/images/teaserHeaderArrow.png) no-repeat left center transparent;
        padding: 10px 50px;
        min-width:160px;
        margin-right:10px;
}
body.article div#mainFeaturedWide div.textwrapper ul li a:hover {
        text-decoration:none;
}



/* body.article.course ... div.Col */

body.article.course div.Col {
	padding: 0 25px 25px 0;
}

body.article.course div.Col div.ColWrapper ul {
	border-bottom: 0;
	border-top: 0;
	margin: 0;
	padding: 0;
}

body.article.course div.Col h4 {
	font-family:Arial, Helvetica, sans-serif;
	padding:4px 0;
	border-top: 1px solid #B1AC9F;
	border-bottom: 1px solid #B1AC9F;
	margin: 20px 0 20px 0;
}

/*SEARCH COL*/
.blockSearch {
	width: 100%;
}
div.blockSearch>h4 {
	margin-top: 0px !important;
}

body.article.course .ColWrapper h2 {
	color: #000;
	font-size: 1.7em;
	font-family: Arial, Helvetica, sans-serif;
	background:transparent;
}

/* body.article.course ... div.section */

body.article.course div.section div.block.last {
	margin-right: 0;
}

/* body.article.course ... div.block */ 
body.article.course.width-medium div.blockWrapper {

}

body.article.course.width-medium div.blockWrapper div.block {
	width: 697px;
}

body.article.course.width-medium div.blockWrapper div.block.last.course,
body.article.course.width-small div.blockWrapper div.block.last.course,
body.article.course.width-smaller div.blockWrapper div.block.last.course {
margin-left:0px;
}


body.article.course.width-small div.blockWrapper,
/*body.article.course.width-small div.block,*/
body.article.course.width-smaller div.blockWrapper,
body.article.course.width-smaller div.block  {
width:428px;
}
body.article.course.width-small div.block {
    width: 100%;
}
body.article.course div.block {
	float: left;
	width: 456px;
	margin: 0;
}

body.article.course div.block.last.course {
	margin-left: 25px;
}

body.article.course div.block div.blockContent {
	padding: 23px 0;
}

body.article.course div.block h3 {
	background: none repeat scroll 0 0 #e7e6e2;
	margin-bottom: 25px;
	padding: 5px 12px 7px 15px;
	letter-spacing:0.03em;
	color: #333333;
	font-size: 1.2em;
	clear: both;
}
/* body.article.course ... .courses-list */

body.article.course .courses-list {
	display: block;
	float: left;
	margin-left: 5%; 
	margin-bottom: 25px;
	width: 100%;
}

body.article.course .courses-list a {
	text-decoration: none;
}

body.article.course .courses-list a:hover {
	text-decoration: underline;
}


body.article.course ul.courses-list li {
	margin:0 0 6px 0;
	list-style-type: disc;
	color: #2E318E;
	float: left;
	padding-right: 15px;
	width: 45%;
}

/* body.article.course ... ul.sort */

body.article.course ul.sort input[type=checkbox] {
	vertical-align: central;
	padding: 0;
	margin: 0;
	margin-right: 3px;
	margin-top: 1px;
}

/* body.article.course ... .sort */

body.article.course .sort label {
	color: #000;
	padding-left: 10px;
	background:transparent;
}

body.article.course .sort li {
	color: #000;
	padding-top: 3px;
	background:transparent;
	float: left;
	width: 100%;
}

body.article.course .sort li img {
	vertical-align: bottom;
}
body.article.course div.sort {
	margin-top: 10px;
}

/* Special article.course styles */

body.article.course a.oppdater {
	float: right;
	display: block;
	padding: 7px 12px 0px 12px;
	width: 72px;
	height: 22px;
	text-align: center;
	vertical-align:middle;
	font-weight:bold;
	letter-spacing:0.02em;
	color: #fff;
	background: #e77126;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	text-decoration:none;
}

body.article.course a.oppdater:hover {
	background-color: blue;
	text-decoration: none;
	background: #e77126;
}

body.article.course p.interesser {
	margin: 10px 0;
}

body.article.course p.interesser input {
	border: 1px solid #ccc;
	width: 90%;
	height: 20px;
	padding: 2px 5px;
	border-radius: 10px;
	background:#FFF;
}

.promo {
	display:none;
	float: left;
	clear: both;
}


.filter_li {
	width: 100%;
	padding-top: 5px !important;
}
.filter_li, .filter_li input, .filter_li span, .filter_li label {
	float: left;
}

.filter_li span, .filter_li label {
	width: 80%;
}
.filter_li label {
	clear: none;
	margin: 0px;
	padding-left: 0px !important;
}

/* BEGIN: ny stiudiemal - emner - programplan - fagplan */

div.course_plan {
	margin-bottom: 25px;
}
.course_plan h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.95em;
	color: #000;
	line-height: 1.15em;
	margin-bottom: 13px;
}
div.course_plan h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	line-height: 1.2em;
	letter-spacing: 0.03em;
	font-weight: bold;
	color: #000;
	background: transparent;
	margin-bottom: 5px;
	float: left;
	clear: both;
	width: 100%;
}
div.course_plan:not(.facts) h2 {
	padding-top: 15px;
}
.course_plan h2 {
	color: 		#000;
	font-size: 	2em; 
}
div.course_plan h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 1.2em;
	line-height: 1.48em;
	margin-bottom: 5px;
	background: transparent;
	font-weight: bold;
	padding-top: 15px;
}

div.studie_link_grey {
    width:              47%;
    float:              left;
    background-color:   #e7e6e2;
    margin-bottom:      10px;
    padding:            7px;
    border-radius:      5px;
}



div.studie_link_grey.odd {
    margin-left: 10px;
}
div.studie_link_grey.even {
    clear:both;
}

div.studie_right_box h2 {
    margin-bottom: 7px;
    font-size: 1.7em;
}

div.studie_link_grey a {
    font-size: 1.2em;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
div.studie_link_grey a:hover {
    text-decoration: underline;
}

div.course_plan p

 {
	line-height: 		1.45em;
	font-size: 			1.2em;
	padding-bottom: 	10px;
}

div.course_plan ul
,div.course_plan ol {
	line-height: 1.45em;
	font-size: 1.2em;
	margin-left: 24px;
}

div.course_plan ul li
,div.course_plan ol li {
	color: #282828;
	padding-bottom: 2px;
	list-style: disc;
}


.facts  label {
	float: 			left;
	clear: 			both;
	width: 			100%;
	padding-left: 	0px;
	margin: 		5px 0px 0px 0px;
	font-weight: 	bold;
}
.facts span {
	float: left;
	clear: both;
	width: 100%;
	color: #282828;
}

div.facts_costs {
	font-size: 11px;
}

.facts.course_plan span a.apply {
	color: #FFFFFF;
	display: block;
	font-size: 1.4em;
	float: left;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
	vertical-align: left;
	-moz-border-radius: 20px 20px 20px 20px;
	-moz-box-shadow: 0 0 5px #888888;
	-webkit-border-radius: 20px 20px 20px 20px;
	-webkit-box-shadow: 0 0 5px #888888;
	border-radius: 20px;
	background: none repeat scroll 0 0 #E77126;
	cursor: pointer;
	margin-top: 10px;
	width: 90%;
	margin-bottom: 15px;
	text-align: center;
}

.APA_stil p {
	margin-top: 10px;
	padding-bottom: 0px !important;
	padding-left: 1.5em;
    text-indent:-1.5em;
}

.APA_stil em.italic {
	margin-right: -3px;
}
span.text_facts_box p {
	padding-bottom: 0px;
	color: #282828;
	font-size: 1em;
}

#course_plan_literature_list {
	margin-bottom: 10px;
}

/*Programme plan etc */

div#navi_header {
	float: left;
	position: fixed;
    top: 5px;
    background-color: #e7e6e2;
    padding: 10px 0px 10px 10px;
}

div#navi_header.navi_closed {
	display: none;
}
a#trigger_toggle_navi {
	float: left;
	clear: both;
}

ul#programme_plan_navigation li
,ul#programme_plan_navigation_right li
,ul#navi_header_navigatior li 
,ul#navi_header_navigatior_right li
{
	list-style: none;
}

ul#programme_plan_navigation li a
,ul#programme_plan_navigation_right li a
,ul#navi_header_navigatior li  a 
,ul#navi_header_navigatior_right li  a 
{
	font-weight: bold;
	text-decoration: none;
	color: #277D90;
	font-size: 0.95em;
}

ul#programme_plan_navigation
,ul#programme_plan_navigation_right
,ul#navi_header_navigatior
,ul#navi_header_navigatior_right {
	float: left;
	width: 47%;
	margin-left: 0px;
}

body.width-medium ul#navi_header_navigatior,
body.width-medium ul#navi_header_navigatior_right,
body.width-small ul#navi_header_navigatior,
body.width-small ul#navi_header_navigatior_right {
	margin: 10px 0 10px 0;
}

body.width-mini ul#navi_header_navigatior {
 	margin-top: 10px;
}

body.width-mini ul#navi_header_navigatior_right {
	margin-bottom: 10px;
}

ul#navi_header_navigatior {
	clear: both;
}

ul#navi_header_navigatior 
,ul#navi_header_navigatior_right 
{
	display:none;
}

ul#navi_header_navigatior_right  {
	float: left;
}
/*EMNER LISTE*/
div#course_plan_overview {
	margin-top: 10px;
	float: left;
	clear: both;
	width: 100%;
}
div#course_plan_overview span.course_plan_overview_title {
	font-weight: bold;
	float: left;
}
div#course_plan_overview span.course_plan_overview_description {
	float: left;
	clear: both;
}

div#course_plan_overview div.course_plan_colors {
	color: #282828;
	float: right;
	clear: both;
	margin: 7px 0px 12px 0px;
}
div#course_plan_overview div.course_plan_colors span {
	border-top: solid 3px;	
	padding-top: 3px;
	min-width: 120px;
	display: block;
	float: left;
	color: #282828;
}

div#course_plan_overview div.course_plan_colors span#mandatory {
    border-color: #E77126;
    margin-right: 10px;
}
div#course_plan_overview div.course_plan_colors span#elective {
    border-color: #282828;
}
div.studies_semester a.course_box_link {
	color: #277D90;
	font-weight: bold;
}

div.course_year {
	width: 100%;
	float: left;
	clear: both;
}
div.course_year p.year_description {
	clear:both;
	top: -20px;
	position: relative;
}
div#courses_overview h3.course_year_title {
	background-color: #F2F1ED;
	float: left;
	width: 98.5%;
	padding: 4px 0px 4px 7px;
	margin-bottom: 0px;
}
ul.elective_selector {
	float:left;
}

div.course_plan_description_bottom {
	margin-top: -8px;
}

div.studies_semester
,div.studies_options 
,span.semester_points
,h3.studies_options_title
,span.studies_options_description
,div.profile
,span.profile_name
,span.profile_description
,div.programme_plan_description
,div.course_plan_description_bottom
{
	float: left;
	clear: both;
}

.programme_plan_description p {
	max-width: 700px;
}
.programme_plan_description table {
	font-size: 8.5px;
}

h1#program_plan_for {
	font-size: 1.7em;
	margin-bottom: 0px;
}
div.studies_semester {
	margin-bottom: 15px;
}
div.studies_semester div.semester_name {
	width: 70px;
	height: 60px;
	float: left;
	clear: left;
	margin-right: 5px;
	font-weight: bold;
	padding-top: 5px;
}

div.studies_semester div.semester_name {
	border-top: solid 3px;
    border-color: #e7e6e2;
}
div.studies_semester div.course_box {
	float: left;
	width: 150px;
	border-top: solid 3px;
    border-color: #E77126;
    margin-right: 5px;
    margin-bottom: 13px;
    padding-top: 5px;
    color: #277D90;
	font-weight: bold;
}
div.course_box span.course_credits {
	margin-left: 5px;
	color: #000;
}
div.studies_semester select.elective {
	border-color: #282828 !important;
	border-top: solid 3px;
	float: left;
	width: 150px;
	background: #fff;
	padding-top: 5px;
	color: #277D90;
	font-weight: bold;
}
div.studies_semester select.elective option {
	font-weight: bold !important;
}
div.studies_options {
	width:100%;
}

a.option_trigger.mobile {
	display:none;
}

a.option_trigger.active div.profile {
	text-align: center;
	background-color: #277D90;
	color: #fff;
	border: 1px solid #277D90;
}
div.profile:hover {
	background-color: #F2F1ED;
	/*color: #fff;*/
	border: 1px solid #277D90;
}
div.profile {
	width:23.1%;
	background-color: #fff;
	color: #277D90;
	float: left;
	clear: none;
	margin-right: 0px;
	padding:5px 5px 5px 5px;
	border: 1px solid;
}
div.profile_semesters {
	display:none;
}
h3.studies_options_title {
	padding-top: 7px !important;
	margin-bottom: 0px !important;
}
span.studies_options_description {
	width: 100%;
	margin-bottom: 5px;
}

span.profile_name {
	line-height:1.5em;
	min-height: 2em;
	text-align: center;
	vertical-align: middle;
	padding: 3px 10px 3px 10px;
	font-weight: bold;
}

span.profile_description {
	margin-top: 5px;
	margin-bottom: 10px;
}

div.block_program_date {
	padding: 10px 0px 0px 20px;
	border-top: 1px dotted #B1AC9F;
	border-bottom: 1px dotted #B1AC9F;
	float: left;
	width: 225px;
}

div.block_program_date label {
	width: 100%;
	padding-left: 0px;
}
div.block_program_date span {
	color: #000;
	line-height: 1.42em;
	float: left;
}
div.block_program_date span#approval {
	float: left;
	clear: both;
	margin-bottom: 10px;
}

div.block_program_date span#approval ul li{
	list-style-type: disc !important;
}

div.print_program {
	float: left;
	margin-top: 20px;
	display: none;
}
div.print_program a {
	float: left;
	clear: both;
	background-image: url("/extension/hioa/design/hioa/images/print_icon.gif");
	background-repeat: no-repeat;
	padding: 0px 0 4px 19px;
	list-style-type: none !important;
	color: #277D90;
	margin-left: 20px;
	text-decoration:none;
}
span.semester_points {
	color: #282828;
}
div.semester_subjects {
	float: left;
}


span.studies_author_date {
	float: left;
	clear: both;
	margin-top: 20px;
	border-top: 1px solid #BDBBAF;
	border-bottom: 1px solid #BDBBAF;
	padding: 10px 0px 10px 5px;
	width: 695px;
}
div.section div#important-information {
	width: 100% !important;
}
div.section div#important-information div.course_plan {
	width: 93% !important;
}

table.default tr td { 
	padding-left: 3px;
}


li.reset_all {
	margin-top: 10px;
	float: 	right;
}
/*Mobil*/

body.width-mini div.studies_semester div.semester_name 
,body.width-mini div.studies_semester div.course_box
,body.width-mini div.studies_semester select.elective
{
	width:100%;
}

body.width-mini ul#programme_plan_navigation
,body.width-mini ul#programme_plan_navigation_right 
{
	display:none;
}

body.width-mini ul#navi_header_navigatior
,body.width-mini ul#navi_header_navigatior_right {
	width: 93%;
}

body.width-mini div.course_plan ul
,body.width-mini div.course_plan ol
,body.width-mini div.section ul
,body.width-mini div.section ol
 {
	font-size: 17px !important;
	color: #282828;
}
body.width-mini table.default
, body.width-mini table.default p
, body.width-mini table tbody tr td
{
	font-size: 8px !important;
}
body.width-mini table.default tr td:first-child {
	width: 50px;
}
body.width-mini table.default {
	max-width: 97%;
}
body.width-mini table.default tr td { 
	max-width: 76px;
	padding-left: 1px;
}

body.width-mini div.programme_plan_description {
	max-width: 95%;
}

body.width-mini span.studies_author_date {
	width: 100%;
}
body.width-mini a.option_trigger.mobile {
	display: block;
}
body.width-mini a.option_trigger.mobile div {
	width: 95%;
}

body.width-mini a.option_trigger:not(.mobile) {
	display:none;
}

/* end: extension/hioa/design/hioa/stylesheets/screen/template/article-course.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/template/article-fronter.css */
body.article.fronter div.section div.block{
	margin-bottom: 0px;
	float: left:;
}
body.article.fronter div.section div.block.right{
	margin-right: 0;
	float: right;
}
body.article.fronter div.section div.block div.blockContent{
	height: 140px;
	padding: 0;
}
body.article.fronter div.section div.block h2{
	background: none;
	border-top: 1px solid #282828;
	border-bottom: 1px solid #282828;
	color: #282828;
	padding: 11px 0;
	line-height: 1em;
	width: 100%;
	margin: 0;
}

body.article.fronter div.section div.block div.blockContent h3{
	font-family: Georgia, serif;
	font-weight: normal;
	margin-top: 15px;
	padding: 0;
	font-size: 1.2em;
}


body.article.fronter div.section div.block p{
	padding: 0;
	margin-top: 15px;
	margin-bottom: 0;
}
body.article.fronter div.section div.block a{
	display: block;
	
}
body.article.fronter div.section div.block p a,
body.article.fronter div.section div.block ul a{
	display:inline;
	padding: 0;
}
body.article.fronter div.section div.block ul li{
	display: inline-block;
	height: 13px;
	border-right: 1px solid black;
	padding-right: 8px;
	padding-left: 4px;
}
body.article.fronter div.section div.block ul li.first{
	padding-left: 0;
}
body.article.fronter div.section div.block ul li.last{
	border: none;
}
body.article.fronter div.section div.block a:hover{
	text-decoration: none;
}
/* end: extension/hioa/design/hioa/stylesheets/screen/template/article-fronter.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/template/article-driftsmeldinger.css */
body.article div#maincontent ul.driftsmeldinger li{
	background: url(/extension/hioa/design/hioa/images/driftsmelding_excl.png) no-repeat;
	height: 30px;
	padding: 0 0 0 50px;
	font-size: 1.75em;
	font-weight:bold;
	margin-bottom: 20px;
}

/* end: extension/hioa/design/hioa/stylesheets/screen/template/article-driftsmeldinger.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/template/flexibox.css */

/*BEGIN FLEKSIBOKS*/

ul.cols2 {
	float: left;
	width: 100%;
	padding-bottom: 5px; 
}
ul.cols2 li {
	float: left;
	width: 49%;
}

div.block_result_list.greybox, div.block_result_list.tjenestebox  {
	float:left;
	background-color: #F1F0EE;
	padding: 10px 20px 10px 20px;
	margin-bottom: 20px;	
	border-radius: 10px;
	-moz-border-radius: 10px;
	width: 655px;
}
div#right-content div.block_result_list.greybox
,div#right-content div.block_result_list.tjenestebox 
,div#right-content div.block_result_list.whitebox
,div#right-content div.block_result_list.whiteboxnoborder 
{
	padding: 15px;
}

div.block_result_list.whiteboxnoborder { 
	float:left;
	padding: 10px 20px 10px 20px;
	margin-bottom: 20px;	
	width: 655px;
}


div.block_result_list.whitebox {
	width: 655px;
	padding: 10px 20px 10px 20px;
	margin-bottom: 20px;
	float:left;
	background-color: #fff;	
	border: 1px solid #e4e4e2;	
	
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 0 0 2px 2px #e4e4e2;
	-webkit-box-shadow: 0 0 2px 2px #e4e4e2;
	box-shadow: 0 0 2px 2px #f0f0ef;
}
div.block_result_list.whitebox.adv_search{
	width: 83%;
}
div.block_result_list.left {
	float:left;
	clear:left;
	margin-right: 10px;
}
div.block_result_list.right {
	float: right;
	clear: right;
	margin-left: 10px;
}

div.block_result_list.width_half {
	width: 42%;
}
div.block_result_list.highlightslist ul {
	margin-left: 0px;
}
div.block_result_list.highlightslist ul li {
	list-style-type: none;	
}

div.block_result_list.highlightslist li {
	background-image: url("/extension/hioa/design/hioa/images/article/arrowToplistRC.png");
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 4px 0 4px 19px;
	list-style-type: none !important;
}



div.block_result_list.greybox p , div.block_result_list.whitebox p {
	margin-bottom: 6px !important;
	clear: both;
}

  div.block_result_list.greybox h2
, div.block_result_list.whitebox h2
, div.block_result_list.greybox h3
, div.block_result_list.whitebox h3 
, div.block_result_list.tjenestebox  h2
, div.block_result_list.tjenestebox  h3 
{
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.7em;
    line-height: 1.2em; 
}  


.mr_fleksi_content table {
	border: 0px !important;
}
.mr_fleksi_content table tr {
	border-bottom: 0px !important;
}

.mr_fleksi_content table a {
	font-size: 14px;
}


div.mr_fleksi_description {
	color: #282828;	
}

div.mrflexibox:not(.tjenestebox) div.mr_fleksi_content {
	margin-top: 8px;
}

div.mr_fleksi_content_hide {
	display:none;
}
div.block_result_list table tr td {
	border:none !important;
}

div.block_result_list.tjenestebox  h3
, div.block_result_list.greybox h3
, div.block_result_list.whitebox h3  
, div.block_result_list.whiteboxnoborder h3  {
	font-size: 1.4em;
}



div.block_result_list.greybox ul
, div.block_result_list.whitebox ul 
, div.block_result_list.whiteboxnoborder ul
{
	padding-bottom: 0px; 
}  

div.flexibox.mr_fleksi_height_correction {
	margin-right: 20px;
}

div.flexibox.block_result_list.greybox ul li
, div.flexibox.block_result_list.whitebox ul li  
, div.flexibox.block_result_list.whiteboxnoborder ul li 
, div.flexibox.block_result_list.tjenestebox ul li 
{
	list-style-type: disc;	
	list-style-position: inside;
}

div.block_result_list ul.more_lines_block  {
	overflow: hidden;
}

div.block_result_list ul.more_lines_block  li{
	list-style-type: none;	
	margin-bottom: 10px;
	display:block;
}

div.block_result_list.width_half + br {
	display: none;
}
div.block_result_list h2 {
	color: #000;
	
}

div.block_result_list .image + h2 {
	
}

div.block_result_list .image {
	float:left;
	margin-right: 10px;
}

div.block_result_list p {
	margin-top: 5px;
}
div.block_result_list.tjenestebox span.image + h2 + p {
	width: 192px;
	float: left;
}

div.block_result_list.width_half div.mr_fleksi_content span.image + h2 + p {
	clear: none;
    float: left;
	width: 167px;
}

div.block_result_list.width_full div.mr_fleksi_content span.image + h2 ~ p {
	clear: none;
	float: left;
	/*width: 360px;*/ /*FRONTHIOA-926  OBS OBS, det kan generere problemer andre steder.*/
}

div#right-content div.block_result_list.width_full div.mr_fleksi_content span.image + h2 ~ p {
	width: 300px !important;
}

div.block_result_list.width_full span.ingress {
	width:77%;
}



div.block_result_list.tjenestebox.width_full span.image + h2 + p {
	width: 520px;
}

div.block_result_list.link:hover {
	background-color: #EBEAE6;
	box-shadow: 0 0 2px 2px #bababa;
}


div.block_result_list.tjenestebox {
	padding: 14px 14px 14px 14px;
	width: 44%;
	min-height: 89px;
}
div.block_result_list.tjenestebox.width_full {
	width: 96%;
}

div.block_result_list h2 a  
,div.block_result_list h3 a  
{
	text-decoration: none !important;
	color: #000;
}
div.block_result_list h2 a:hover  
, div.block_result_list h3 a:hover  

{
	text-decoration: underline !important;
}

div.mr_fleksi_height_correction.width_half.left {
	clear: both;
}

/*END FLEKSIBOKS*/


/*BEGIN right-content fleksiboks*/
div#right-content div.block_result_list {
	width : 400px;
	float: left;
}

/*responsive*/
body.article.width-medium-rightcontent-down div#right-content {
	width: 100%;
}
body.article.width-medium-rightcontent-down div#right-content div.block_result_list {
	width:655px;
}

div.flexibox.block_result_list ul li 
{
	list-style-type: none !important;
	float: left;
	margin-bottom: 6px;
	clear: both;
}

div.flexibox.block_result_list ul li img {
	float: left;
	margin-right: 10px;
	margin-bottom: 6px;
	width: 70px;	
}
div#right-content div.flexibox.block_result_list ul li img { 
	margin-right: 5px;
}
div.flexibox.block_result_list ul li img.publication_imain_image_arrow {
	width: auto;
	margin-bottom: 50px !important;
}



img.publication_imain_image_arrow + a {
	float: left !important;
}
div.flexibox.block_result_list:not(.width_half) ul li a {
	float: left;	
	margin-bottom: 4px;	
	display:block;
}
body.width-medium div#right-content div.flexibox.block_result_list:not(.width_half) ul li a {
	min-width: 	170px;
	width: 		170px;
}


div.flexibox.block_result_list ul li div.date ~a 
,div#right-content div.flexibox.block_result_list ul li img ~a 

{
	width:75%;
}

divflexibox.block_result_list ul li .ingress {
	float: left;
	clear:none !important;
	width: 86%;	
}

div#right-content ul li .ingress{
	/*width: 77%;	*/
}

div#right-content ul li .event {
	width: 89%;
	margin-bottom: 5px;
	margin-left: 40px;
}

div.flexibox.block_result_list ul.courses-list span.ingress {
	float: left;
	width: 72%;
}
body.width-medium div#right-content div.flexibox.block_result_list ul.courses-list span.ingress {
	width: 170px;
	margin-bottom: 7px;
}

body.width-medium div#right-content div.mr_fleksi_content iframe {
	width: 100%;
	height: 100%;
}

div.flexibox.block_result_list ul.courses-list a{
	float: left;
	min-width: 200px;
}
body.article.basic div.mr_fleksi_content h2 {
	padding-top: 0px !important;
	font-weight: normal;
	letter-spacing: 0px;
}
body.article.basic div.bodyText div.mr_fleksi_content span.image {
	margin-top: 0px !important;
}

div#right-content  div.block_result_list.whitebox h2
, div#right-content  div.flexibox.block_result_list h2 
{
	border-bottom: 1px solid #5C5C5A;
	padding-bottom: 10px;
}
div.flexibox.block_result_list ul {
	margin-top: 10px;
}

.blog-list .theSource {
	float: left;
}

.blog-list .theDate, 
.blog-list .theDescription{
	float: left;	
	clear: both;
}

.blog-list .theSource
,.blog-list .theDate {
	font-size: 0.8em;
	color: #515151;
	margin-bottom: 1px;
}

.blog-list .theDescription{
	margin-bottom: 6px;
}


.width-medium #right-content
,.width-small #right-content
{
	/*margin-left: 10px;*/
	width: 125px;
}
.width-medium div#right-content div.block_result_list 
,.width-small div#right-content div.block_result_list 
{
	width: 245px;
}

.block_result_list .date {
	color:#b65718;
	font-weight: bold;
	float: left;
	margin-right: 10px;	
}

div.flexibox.block_result_list.greybox .date {
	color: #984914;
}

div.flexibox.block_result_list ul li a {    
	float: none;
} 

#right-content .block_result_list .date {    
	margin-bottom: 10px;
} 
/*END right-content fleksiboks*/


/*BEGIN fleksiboks show more*/
div.block_result_list.whitebox
, div.block_result_list.greybox
, div.block_result_list.whiteboxnoborder
{
	overflow: auto;
	overflow-x: hidden;
}
div.block_result_list ul.courses-list li.show_more {
	display:none;	
}
a.fleksiboks_show_more_trigger {
	float: left;
	clear: both;
}

a.flexi_show_more {
	float:left;
	clear: both;
}
/*END fleksiboks show more*/

/*BEGIN FLEXILIST*/
#list_main_display div.flexilist_item {
	float: left;
	width:100%;
	margin-bottom: 20px;
	line-height: 17px;
	font-size: 1.1em;
}
#list_main_display div.block h3 {
	margin-bottom: 3px;
}

#list_main_display div.block h3+p {
	margin-bottom: 20px;
}
#list_main_display .flexilist_item img.publication_imain_image {
	float:left;
	margin-right: 10px;
}
#list_main_display .flexilist_item img.publication_imain_image:not(.arrow) {
	width: 89px;
}
#list_main_display .flexilist_item div.flexilist_item_content {
	float: left;
	width: 85%;	
}
#list_main_display .flexilist_item a.flexilist_item_title 
, #list_main_display .flexilist_item span.flexilist_item_sub_title
, #list_main_display .flexilist_item span.flexilist_item_serietitle
, #list_main_display .flexilist_item span.flexilist_item_document_download

{
	float: left;
	clear: both;
}
/*END FLEXILIST*/

/*BEGIN: width  1+1 1+2 og 1+3 */

div.width_1-1:not(.highlightslist) ul li:not(.no-picture ) a
,div.width_1-1:not(.highlightslist) ul li:not(.no-picture) a span.ingress
div.width_1-1:not(.highlightslist) ul li:not(.no-picture) a 
,div.width_1-2:not(.highlightslist) ul li:not(.no-picture) span.ingress
,div.width_1-3:not(.highlightslist) ul li:not(.no-picture) a 
,div.width_1-3:not(.highlightslist) ul li:not(.no-picture) span.ingress
{
	float: right !important;
	width: 71% !important;
}

div.width_1-1
,div.width_1-2 
,div.width_1-3
{
	width: 43% !important;
	float: left;	
}
div.width_1-1 + div.block_result_list
,div.width_1-2 + div.block_result_list
,div.width_1-2 + div.block_result_list + div.block_result_list 
,div.width_1-3 + div.block_result_list
,div.width_1-3 + div.block_result_list + div.block_result_list 
,div.width_1-3 + div.block_result_list + div.block_result_list + div.block_result_list 
{
	width: 42% !important;
	float: right;
	clear: none;
	margin-left: 0px;
	margin-right: 0px;
}

div.width_1-1 + div.block_result_list 
,div.width_1-2 + div.block_result_list 
,div.width_1-3 + div.block_result_list 
{
	margin-top: -2px;
}
/*END: width 1+1 1+2 og 1+3 */


/*BEGIN: HOTFIX NOVA Flexibox inn i en mr Flexibox*/
div.mrfkexibox div.flexibox.block_result_list.width_half {
	width:90%;
}
div.mrfkexibox div.flexibox.block_result_list.width_half a {
	min-width: 100%;
}


div.width_1-1 p
,div.width_1-2 p
,div.width_1-3 p
,div.width_1-1 + div.block_result_list p
,div.width_1-2 + div.block_result_list  p
,div.width_1-3 + div.block_result_list  p
{
	width: 195px;
	clear: none !important;
	float: left !important;
}

/*END: HOTFIX NOVA Flexibox inn i en mr Flexibox*/

/*BEGIN FLEXI inn i en MRFLEXI*/
div.mr_fleksi_content div.flexibox {
	margin-top: 10px;
	padding-left: 0px;
	width: 100%;
}
div.mr_fleksi_content div.flexibox h2 {
	/*font-size: 1em;*/
	/*font-weight: bold;*/
}
/*END FLEXI inn i en MRFLEXI*/

span.date_kriseweb {
    display:none !important;
}

h2.text-left {
	clear: both;
}

/* end: extension/hioa/design/hioa/stylesheets/screen/template/flexibox.css */

/* start: extension/hioa/design/hioa/stylesheets/ez_ajaxautocomplete.css */
div#ezautocomplete {
    z-index: 1000;
}
div#header .yui-ac-content li {
    cursor: default;
    display: block;
    float: none;
    list-style: none outside none;
    margin: 0;
    padding: 2px 5px;
    white-space: nowrap;
}
.customResult {
    display: block;
}
div#ezautocomplete .yui-ac, div#ezautocomplete .yui-ac-input {
    position: relative;
}
div#ezautocomplete .yui-ac-container {
    position: absolute;
    text-align: left;
    top: 1.6em;
}
div#ezautocomplete .yui-ac-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #808080;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    width: 100%;
    z-index: 9050;
}
div#ezautocomplete .yui-ac-shadow {
    background: none repeat scroll 0 0 #000000;
    margin: 0.3em;
    opacity: 0.1;
    position: absolute;
    width: 100%;
    z-index: 9049;
}
div#ezautocomplete .yui-ac iframe {
    opacity: 0;
    padding-bottom: 0.3em;
    padding-right: 0.3em;
}
div#ezautocomplete .yui-ac-content ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
div#ezautocomplete .yui-ac-content li {
    background-image: none;
    cursor: default;
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 2px 5px;
    white-space: nowrap;
}
div#ezautocomplete .yui-ac-content li.yui-ac-prehighlight {
    background: none repeat scroll 0 0 #BABABA;
}
div#ezautocomplete .yui-ac-content li.yui-ac-highlight {
    background: none repeat scroll 0 0 #B0B0B0;
    color: #FFFFFF;
}

/* end: extension/hioa/design/hioa/stylesheets/ez_ajaxautocomplete.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/ui/coda-slider.css */
/***********************************************************************
  jQuery Coda-Slider v3.0 - kevinbatdorf.github.com/codaslider
  Copyright (c) 2012 Kevin Batdorf
  This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
************************************************************************/
/********************************************
SASS stylesheet.

No idea what CSS preprocessing is all about? No problem... just use the style.css file instead.
If you want to learn more, check out this article by Chris Coyier

css-tricks.com/musings-on-preprocessing/

********************************************/

.coda-slider-wrapper {
  /*******************************************************
  *
  * Most common stuff you'll need to change 
  * will be below this line.
  *
  ********************************************************/
  /******************************************************
  * 
  * Main wrapper padding 
  *
  *******************************************************/
	background: none repeat scroll 0 0 transparent;
	color: #FFFFFF;
	float: left;
	/*margin-bottom: 25px;*/
	/*padding: 20px 30px;*/
	position: relative;
	width: 93%;
}
  
  .coda-slider-wrapper .coda-slider {
    /******************************************************
    * 
    * Inner wrapper styles 
    *
    *******************************************************/
    /*background: #f2f2f2;*/
	min-height: 220px;
	margin: 0px;
	padding: 0px;
    /******************************************************
    * 
    * Width of the container. Typically you will want to 
    * match this with the width of the panel as well. 
    *
    *******************************************************/
    width: 697px; 
  }
    
    .coda-slider-wrapper .coda-slider .panel {
      /******************************************************
      * 
      * Width of each individual panel. 
      * Typically you will want to match this with the width 
      * of the container as well. 
      *
      *******************************************************/
      width: 697px; 
    }
      
      .coda-slider-wrapper .coda-slider .panel .panel-wrapper {
        /******************************************************
        * 
        * Panel wrapper styles 
        *
        *******************************************************/
      }
  
  .coda-slider-wrapper .coda-nav {
    /******************************************************
    * 
    * Tab styles 
    *
    *******************************************************/ 
  }
    
    .coda-slider-wrapper .coda-nav .current {
      /******************************************************
      * 
      * Current tab styles 
      *
      *******************************************************/
      background: #0090FF; 
    }
    
    .coda-slider-wrapper .coda-nav a {
      /******************************************************
      * 
      * Tab styles 
      *
      *******************************************************/
      background: #000;
      color: #fff;
      margin-right: 1px;
      padding: 3px 6px; 
    }
    
    .coda-slider-wrapper .coda-nav a:hover {
      /******************************************************
      * 
      * Tab styles 
      *
      *******************************************************/
      background: #000;
      color: #fff;
      text-shadow: none; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
    /******************************************************
    * 
    * Arrow Styles 
    *
    *******************************************************/ 
  }
    
    .coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
      /******************************************************
      * 
      * Arrow Styles 
      *
      *******************************************************/
      background: #000;
      color: #fff;
      padding: 5px;
      width: 100px; 
    }
  
  .coda-slider-wrapper .coda-nav-left-arrow {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 25px;
    /*height: 25px;*/
    background: url(/extension/hioa/design/hioa/stylesheets/screen/img/arrow.png) no-repeat top left; 
    margin-top:50px;
  }

.coda-slider-wrapper .coda-nav-left-arrow a {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 0;
    height: 0;
    border:none;
  }

  .coda-slider-wrapper .coda-nav-left-arrow:hover {
    /************************************************
    * 
    * Graphical arrows hover left
    *
    *************************************************/
    background: url(/extension/hioa/design/hioa/stylesheets/screen/img/arrow.png) no-repeat bottom left; 
  }
  
  .coda-slider-wrapper .coda-nav-right-arrow {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 25px;
    /*height: 25px;*/
    background: url(/extension/hioa/design/hioa/stylesheets/screen/img/arrow.png) no-repeat top right; 
    margin-top:50px;
  }
.coda-slider-wrapper .coda-nav-right-arrow a {
    /******************************************************
    * 
    * Graphical arrow styles 
    *
    *******************************************************/
    width: 0;
    height: 0;
    background: none; 
    margin-top:0;
    border:none;
  }

  .coda-slider-wrapper .coda-nav-right-arrow:hover {
    /************************************************
    * 
    * Graphical arrows hover right
    *
    *************************************************/
    background: url(/extension/hioa/design/hioa/stylesheets/screen/img/arrow.png) no-repeat bottom right; 
  }

  .coda-slider-wrapper .coda-nav-left-arrow:active, .coda-slider-wrapper .coda-nav-right-arrow:active {
    /************************************************
    * 
    * Graphical arrows active
    *
    *************************************************/
    margin-top: 55px; 
  }
  
  .coda-slider-wrapper .loading {
    /******************************************************
    * 
    * Style for preloader 
    *
    *******************************************************/
    /*height: 100%;*/
    text-align: center; 
  }

  


.arrows .coda-slider {
  /******************************************************
  * 
  * Margin between slider and arrows 
  *
  *******************************************************/
  margin: 0 10px; 
}

/**********************************************************************
*
* Don't change anything below here unless you know what you're doing 
*
***********************************************************************/

.coda-slider-wrapper {
  /************************************************
  * 
  * Wrapper styles 
  *
  *************************************************/
  clear: both;
  overflow: auto; 
}
  
  .coda-slider-wrapper .coda-slider {
    /************************************************
    * 
    * slider styles 
    *
    *************************************************/
    float: left;
    overflow: hidden;
    position: relative; 
  }
    
    .coda-slider-wrapper .coda-slider .panel-container {
      /************************************************
      * 
      * Panel container styles 
      *
      *************************************************/
      position: relative;
    }
      
      .coda-slider-wrapper .coda-slider .panel-container .panel {
        /************************************************
        * 
        * Panel styles 
        *
        *************************************************/
        display: block;
        float: left;
      }
  
  .coda-slider-wrapper .coda-nav {
    /************************************************
    * 
    * Navigation tabs 
    *
    *************************************************/ 
  }
    
    .coda-slider-wrapper .coda-nav ul {
      /************************************************
      * 
      * Navigation tabs 
      *
      *************************************************/
      clear: both;
      display: block;
      margin: auto;
      overflow: hidden; 
    }
      
      .coda-slider-wrapper .coda-nav ul li {
        /************************************************
        * 
        * Navigation tabs 
        *
        *************************************************/
        display: inline; 
      }
        
        .coda-slider-wrapper .coda-nav ul li a {
          /************************************************
          * 
          * Navigation tabs 
          *
          *************************************************/
          display: block;
          float: left;
          text-decoration: none; 
        }
  
  .coda-slider-wrapper .coda-nav-left-arrow, .coda-slider-wrapper .coda-nav-right-arrow {
    /************************************************
    * 
    * Graphical arrows 
    *
    *************************************************/
    cursor: pointer;
    float: left;
  }
    
    .coda-slider-wrapper .coda-nav-left-arrow a, .coda-slider-wrapper .coda-nav-right-arrow a {
      /************************************************
      * 
      * Graphical arrows 
      *
      *************************************************/
      display: block; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-right {
    /************************************************
    * 
    * Html arrows 
    *
    *************************************************/
    float: left; 
  }
    
    .coda-slider-wrapper .coda-nav-left a, .coda-slider-wrapper .coda-nav-right a {
      /************************************************
      * 
      * Html arrow styles 
      *
      *************************************************/
      display: block;
      text-align: center;
      text-decoration: none; 
    }
  
  .coda-slider-wrapper .coda-nav-left, .coda-slider-wrapper .coda-nav-left-arrow {
    /************************************************
    * 
    * Html and graphical arrow styles 
    *
    *************************************************/
    clear: both; 
  }

/* end: extension/hioa/design/hioa/stylesheets/screen/ui/coda-slider.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/resize/resize.css */
/**
 * resize/resize
 * Inherits everything else
 * Body classes are set by javascript
 */
body.width-smallest{

}


body.width-small{

}

body.width-medium{

}

body.width-large{

}

body.width-smaller #maincontent div.Col{
	padding:0px;
	width:695px;
}


body.course.width-smaller #maincontent div.Col div.ColWrapper,
body.course.width-small #maincontent div.Col div.ColWrapper:not(#search_filter),
body.course.width-medium #maincontent div.Col div.ColWrapper{
	width:205px;
}
body.course.width-smaller #maincontent div.Col,
body.course.width-small #maincontent div.Col,
body.course.width-medium #maincontent div.Col{
	width:245px;
	padding: 0 25px 25px 0;
}

/*Small - smallest*/

body.width-small  div.black-boxes-container
,body.width-smaller div.black-boxes-container 
,body.width-small #teaserWrapper .column
,body.width-smaller #teaserWrapper .column

{
	width: 44%;
	margin-right: 5%;
}

body.width-small #topBubble
,body.width-smaller #topBubble 
{
	width: 340px;
}
body.width-small #topBubble .content
,body.width-smaller #topBubble .content
{
	width: 290px !important;
	
}
body.width-small div.speech:before 
,body.width-smaller div.speech:before 
{
	left: 348px;
}

body.width-small div.column.four.wrapped .rightboxWrapper
,body.width-smaller div.column.four.wrapped .rightboxWrapper
{
	width: 44% !important;
	margin-right: 17px;
}
body.width-small div.column.four.wrapped .rightboxWrapper
,body.width-smaller div.column.four.wrapped .rightboxWrapper
{
	padding-right: 10px;
}

body.width-small div#maincontent div.smallTeaser 
,body.width-smaller div#maincontent div.smallTeaser 
,body.width-small .white-column-front-box
,body.width-smaller .white-column-front-box

{
	width: 100% !important;
}

body.width-smaller .container {
	width: 750px;
}






/*Size medium*/


body.width-medium div.Col.right div.ColWrapper,
body.width-small div.Col.right div.ColWrapper,
body.width-smaller div.Col.right div.ColWrapper{
	width:695px;
}

body.width-medium:not(.extraPadding) div.Col  {
	margin-top: 20px;
}
body.width-small div#search_main {
	width: 510px !important;
}

body.width-medium div#search_main {
	width: 695px;
}
body.width-medium:not(.extraPadding) div#search_main div.search_content {
	width: 500px !important;
}

body.width-medium:not(.extraPadding)  div.Col:not(#block_search_filter)
, body.width-medium:not(.extraPadding)  div.ColWrapper:not(#search_filter)
, body.width-smaller:not(.extraPadding)  div.ColWrapper:not(#search_filter)
, body.width-smaller:not(.extraPadding)  div.ColWrapper:not(#search_filter)
{
	margin-right: 25px;
	padding-right: 15px;
    width: 655px !important;
}
body.width-medium:not(.extraPadding) .block_studie_level2 {
	width: 100%;
}

body.width-medium div.ColWrapper {
	margin-right: 20px;
}

/*Size small*/
body.width-small #maincontent div.Col{
	xxwidth:185px;
	width: 695px;
}

body.width-small #maincontent div.ColWrapper{
	width:655px;
}

body.article.basic.wide.width-small #maincontent div.Col{
	xxwidth:210px;
}

body.article.basic.wide.width-small #maincontent div.ColWrapper{
	width:655px;
}


/*Size Smallest*/
body.width-smaller #maincontent div.Col div.ColWrapper{
	width:655px; /* +20*2px padding = 695px*/
}

body.width-small #maincontent div.Col div.ColWrapper div.block,
body.width-smaller #maincontent div.Col div.ColWrapper div.block{
	float:left;
	width:190px;
	margin-right:25px;
	border:none;
}
body.width-small div#maincontent div.Col div.ColWrapper.factbox,
body.width-smaller div#maincontent div.Col div.ColWrapper.factbox{
	margin-top:25px;
}

body.width-small div#helpBox,
body.width-smaller div#helpBox{
	margin-right: 25px;
}


/*IE 8 Fix*/
.IEFix.fullsizeBlock img{
	right:-10px;
}

body.width-medium #maincontent div.Col.right div.ColWrapper div.block,
body.width-small #maincontent div.Col.right div.ColWrapper div.block,
body.width-smaller #maincontent div.Col.right div.ColWrapper div.block{
	float:left;
	width:335px;
	margin-left: 0;
	margin-right: 0;
}
body.width-medium #maincontent div.Col.right,
body.width-medium #maincontent div.Col.right div.ColWrapper,
body.width-small #maincontent div.Col.right div.ColWrapper,
body.width-smaller #maincontent div.Col.right div.ColWrapper {
	width: 695px;
}


/*Size MINI*/

body.width-mini {
	width: 100%;
	font-size: 18px;
}

body.width-mini p { font-size: 17px; }

body.width-mini a#logo img {	
	float: left;
	clear: both;	
	top: 10px !important;
}


body.width-mini div#navcontainer {
    left: 0px;
    position: relative;
    right: 0;	
}

body.width-mini .blog .blogpostcontent 
, body.width-mini #footerMenu
{
	font-size: 20px;
}
body.width-mini .blog .blogpostcontent {
	width:100%;
}

body.width-mini #top .contentWrapper a#logo img {	
	width: 118px;
	height: auto;
	background-color: #000;

}
body.width-mini a.logo-eng img {
	min-width: 350px !important;
}

a.logo-eng img { 
	min-width: 110px !important;
	max-width: 110px !important;
}

body.width-mini div.bubble .content
,body.width-mini div.topBubble .content 
,body.width-mini div.datewrapper {
	width: 95% !important;
}

body.width-mini .largeTeaser.news .dates .title {
	max-width: 80% !important;
	width: 100% !important;
	margin-left: 20px;
}

body.width-mini .teaserFullsizeImage {
	width: 95%;
}

body.width-mini ul.calendarList .teaserFullsizeImage {
	width: auto;
}

body.width-mini nav ul {
  display: none;
}

body.frontpage.width-mini .date {
	font-size: 17px !important;
}

body.frontpage.width-mini li.main-menu {
	display:none;
}

body.width-mini div#mobile-menu { 
	display:none;
	float: left;
	clear: both;
	width: 97%;
	z-index: 9;	
	position:absolute;	
	top: 50px;
	margin-left: 1.5%;
}

body.width-mini div#mobile-menu ul {
	display: block;
	float: left;
	clear: both;
	background-color: #FFF;
	width: 100%;
	border-radius: 0px 0px 10px 10px;
    box-shadow: 0 1px 10px 2px rgba(47, 47, 45, 0.39);
}
body.width-mini div#mobile-menu ul li {
	float: left;
	clear: both;
	width: 100%;
	border-bottom: 1px dotted #C9C9C9;	
	padding: 2px 0px 10px 10px;
}




body.width-mini div#mobile-menu ul li a {
	color: #000;
	float: left !important;
	font-size: 1.1em;
	margin-top: 0px !important;
	width: 100%;
}

body.width-mini .container #top {
	min-height: 95px;
}

body.width-mini div#search {
    display:none;
}

body.width-mini nav select {
	margin-top: 10px;
	display: inline-block;
	background-color: #fff;
	width: 90%;
	height: 70px;
	
}



body.width-mini .styled-select {
	margin-top: 290px;
}
body:not(.width-mini) nav ul {
	display: inline-block;
}
body:not(.width-mini) nav select {
	display: none;
}
 
body.width-mini .black-box {
	padding: 10px !important;
}

body:not(.width-mini) .black-box {
	width: 282px;
}
body:not(.width-mini) #hioa-toolbar {
	display : none;
}

body.width-mini #hioa-toolbar {
	background-color: #000;   
    background-repeat: repeat-x;
    height: 50px;
	width: 100%;
	border-bottom: dotted 1px #C9C9C9;
	
}

body.width-mini #hioa-toolbar div
,body.width-mini #hioa-toolbar a {
	padding-top: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
body.width-mini #hioa-toolbar a {
	float: right;
  	margin-left: 20px;
	margin-top: 5px;
 }


body.width-mini #hioa-toolbar div
,body.width-mini #hioa-toolbar a  { 
	position: relative;
	margin-left: 5px;
}

body.width-mini #hioa-toolbar div#mobile-menu-trigger {
	float: left;	
	padding-left: 24px;	
	font-size: 0;
}
body.width-mini #hioa-toolbar div:not(#mobile-menu-trigger) {
	float: right;
	margin-left: 20px;
}

body.width-mini #hioa-toolbar div:not(#mobile-menu-trigger):not(#mobile-search-tool-trigger) {
	margin-top: 5px;
}

body.width-mini #hioa-toolbar div#mobile-search-tool-trigger {
	padding-top: 10px;
	padding-right: 20px;
	font-size: 0;
}

body.width-mini #mobile-search-tool {
	width: 100%;
	background-color: #FFF;
}

body.width-mini #mobile-search-tool lable {
	float:left;
	color: #000;
	margin-right: 20px;
	font-size: 1.5em;
}
body.width-mini #searchtextMobile {
	float: left;
	border: 2px solid #dadada;
	width: 65%;
	font-size: 1.5em;
}
body.width-mini input.submit {
	padding: 5px;
	float: right;
	margin-right: 7px;
}

body.width-mini #mobile-search-tool {
	display:none;
	float:left;
	clear: both;
	height: 81px;
	position: absolute;
	top: 50px;
	z-index: 9;
	padding: 30px 5px 0px 5px ;
	border-radius: 0px 0px 10px 10px;
    box-shadow: 0 1px 10px 2px rgba(47, 47, 45, 0.39);
	margin-left: 1.5%;
	width: 95%;
}

body.width-mini img.theme {
	display:none;
}

body.width-mini div#topBubble {
	width: 95%;
	min-width: 282px;
	padding-top: 0px;
	margin-bottom: 30px;
	margin-top: 20px;
	/*the box is moved down under black boxes*/
	display:none;
}
body:not(.width-mini) div#topBubble {
	display:block;
}


body.width-mini div.black-boxes-container {
	display:none;
}
body.width-mini div.black-boxes-container.mobile {
	display:block;
	width: 100%;
	margin-bottom: 10px;
}
body:not(.width-mini) div.black-boxes-container {
	display:block;
}
body:not(.width-mini) div.black-boxes-container.mobile {
	display:none;
}


body.width-mini div.bubble .content  {
	height: 100% !important;
	
}

body.width-mini #teaserWrapper {
	width: 100% !important;
}

body.width-mini div#topBubble p{
	/*display:none;*/
}

body.width-mini div.speech:before {
	border-width: 0px;
	left: 0px;
}
body.width-mini .bubble {
	border-radius: 10px 10px 10px 10px;		
	height: auto !important;
	margin: 6px 0px 6px 0px;
}
body.width-mini .bubble .content {
	width: auto !important;
	padding: 5px 5px 5px 5px !important;
}

body.width-mini div.footerMenu{
	width: 100% !important;
}
body.width-mini div.column {
	width: 100% !important;	
	margin-top: -15px;
}

body.width-smaller .black-box 
,body.width-smaller .column.two 
,body.width-small .black-box 
,body.width-small .column.two
{
	clear:both;
}


body.width-mini div.column.four.wrapped {
	margin-top: -22px;
}

body.frontpage.width-smaller .column.four.wrapped .rightboxWrapper
,body.frontpage.width-small .column.four.wrapped .rightboxWrapper 
,body.frontpage.width-medium .column.four.wrapped .rightboxWrapper 

{
	width: 282px;
}

body.width-smaller #maincontent div.Col div.ColWrapper{
	width:655px; /* +20*2px padding = 695px*/
}

body.width-small #maincontent div.Col div.ColWrapper div.block,
body.width-smaller #maincontent div.Col div.ColWrapper div.block{
	float:left;
	width:190px;
	margin-right:25px;
	border:none;
}
body.width-small div#maincontent div.Col div.ColWrapper.factbox,
body.width-smaller div#maincontent div.Col div.ColWrapper.factbox{
	margin-top:25px;
}

body.width-small div#helpBox,
body.width-smaller div#helpBox{
	margin-right: 25px;
}

body.width-mini .teaserContentWrapper {
	/*margin-top: 5px;*/
}

body.width-mini .boxes-common {
	width: 95% !important;
	height: 100%;	
}

body.width-mini .boxes-common:first-child {
	margin-top: 10px;
}

body.width-mini .black-box p { 
	display:none;
}
body.width-mini .black-box a {
	font-size: 20px !important;	
	padding-left: 50px !important;
	display: block;
	width: 100% !important;
}

body.width-large .red-front-box
,body.width-large .white-front-box
,body.width-large .green-front-box
,body.width-large .yellow-front-box
{
	width: 218px !important;	
}


body.width-mini .red-front-box
,body.width-mini .white-front-box
,body.width-mini .green-front-box
,body.width-mini .yellow-front-box
{
	margin-bottom: 20px;
}

body.width-mini .white-column-front-box h2
,body.width-mini .white-column-front-box h3
{
	/*font-size: 1.1em;*/
}
body.width-mini .blogPost img {
	display:none;
}

body.width-mini.frontpage #newsFront {
	display: block;
}

body.width-mini .white-column-front-box {
	height: auto !important;
}

body.width-mini div.goTo 
{
	position: relative !important;
	
}

body.width-mini div.goTo a {
	font-size: 17px !important;
}

body.width-mini div#maincontent {
	/*padding-right: 7px;*/
}

body.width-mini .container {
	background-color: #fff;
}

body.width-mini .boxes-common h3 {
	font-size: 19px !important;
}

body.width-mini div#topShadow {
	display:none;
}

body.width-mini div#maincontent {
	margin-right: 7px;
	margin-left: 5px;
	background:none;
}

body.width-mini #footer {	
	margin-top: 20px;
}
body.width-mini #footer .inner  {	
	margin-top: 0px;	
}

body.width-mini div.container div#footer div.inner div.contentWrapper div#footerMenuContainer div.footerMenu 
{
	font-size: 18px;
}
body.width-mini div.container div#footer div.inner div.contentWrapper div#footerMenuContainer div.footerMenu p {
	font-size: 18px;
}


body.width-mini #footer .footerMenu .facebook 
,body.width-mini #footer .footerMenu .twitter 
,body.width-mini #footer .footerMenu .linkedin 
,body.width-mini #footer .footerMenu .instagram
,body.width-mini #footer .footerMenu .flickr
,body.width-mini #footer .footerMenu .fortilsatte
,body.width-mini #footer .footerMenu .googleplus
{
	background-image: none;
	height: auto;
	padding-left: 0px;
}

body.width-mini #footer .footerMenu .fortilsatte {
	margin-top: 15px;
}

body.width-mini div.footerMenu h4 {
	margin-top: 30px;
	font-size: 1.2em !important;
}

body.width-mini  .zero {
	display:block;	
}
body:not(.width-mini) #newsFront {
	display: none;
}
body:not(.width-mini) .zero {
	display:none;	
}


body.article.width-mini div#maincontent div.contentWrapper {
	padding-top: 0px;
}

body.article.width-mini div#breadCrumb {
	margin-bottom: 5px;
}

/*Artikkel mal*/

body.width-mini .socialMedia {
	display: none;
}
body.article.width-mini div.bodyText {
	margin-left: 5px;
	width: 95% !important;
}

body.width-mini #infoArticle {
	width: 100%;
	font-size: 16px;
}
body.article.width-mini div.container div#maincontent div.frameWrapper div.contentWrapper div#section div.section div.bodyText p {
	font-size: 16px;
}

body.article.width-mini div.bodyText span.image.right {
	float: left;
	padding-right: 10px;
	padding-left: 0px;	
	padding-bottom: 10px;
	max-width: 180px;
}
body.article.width-mini div.bodyText span.image.right img {
	max-width: 150px;
	height: auto;
}
body.article.width-mini.basic.wide div.bodyText {
	margin-bottom: 0px !important;
}

body.article.width-mini h1 {
	font-size: 32px;
}


/*Seksjonside*/
body.article.width-mini div#mainFeatured img 
,body.article.width-mini div#mainFeaturedWide img 
,body.article.width-mini div#slider-id img
,body.article.width-small div#mainFeatured img
{
	display:none;
}

div.section_title h1 {
	color: #000 !important;
} 

body.article.width-mini div#mainFeatured h2 
,body.article.width-mini div#mainFeaturedWide h2
,body.article.width-mini div#mainFeatured a
{
	color: #FFF !important;
}

body.width-mini .highlightsbox p a {
	background:url("/extension/hioa/design/hioa/images/article/arrowToplistRC.png") no-repeat scroll  transparent;
	background-position: 0px 10px;
	padding-top: 0px;
	margin-bottom: 5px;
}

body.article.width-mini ul.list li a span.date {
	padding-bottom: 5px;
}

body.article.width-mini ul.list li a span.event_title {
	float: left;
	clear:both;
}

body.article.width-mini ul.list li a span.text {
	width: 100%;
	font-size: 17px;
}

body.article.width-mini div#mainFeatured 
,body.article.width-mini div#mainFeaturedWide
,body.article.width-mini .coda-slider-wrapper .coda-slider .panel .panel-wrapper
,body.article.width-small div#mainFeatured
{
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 1px 10px 2px rgba(47, 47, 45, 0.39);
	margin-bottom: 20px;
	margin-left: 0 !important;
	margin-right: 18px;
	padding: 20px 10px 30px !important;        
	background-color: #353232;
	float: left;	
	padding-left: 10px;    
	width: 95%;
}
body.article.width-mini .coda-slider-wrapper .coda-slider .panel .panel-wrapper {
	min-height: 186px;
}
body.article.width-mini div#firstGrid {
	margin-right: 0px;
	width: 100%;
}

body.article.width-mini div#mainFeatured
, body.article.width-mini div#mainFeaturedWide
{
	font-size: 0.8em;
	height: auto;
	overflow: hidden;
	max-height: none;
	padding-right: 20px;
}

body.width-mini div#mainFeatured div.textWrapper 
,body.article.width-mini .coda-slider-wrapper .coda-slider .panel .panel-wrapper div.textWrapper {
	left: 16px;
}


body.width-mini div#mainFeatured ul li a {
	margin-right: 0px;
	padding: 10px 0px 10px 50px;
}

body.article.width-mini div#mainFeatured div.textWrapper
,body.article.width-mini div#mainFeatured ul
, body.article.width-mini div#mainFeaturedWide ul
, body.article.width-mini div#mainFeaturedWide div.textWrapper
,body.article.width-mini .coda-slider-wrapper .coda-slider .panel .panel-wrapper div.textWrapper {
	width: auto !important;
	z-index: 0;		
	max-height: none;
}
body.article.width-mini div.section div#mainFeatured p {
	width: auto;
}

body.article.width-mini div.section 
,body.article.width-mini div#right-content div.block_result_list
{
	width: 100%;
}
body.article.width-mini #right-content 
{
	width: 93%;
	margin-left: 0px;
}


body.width-mini div.firstGridUnderBoxrightBox {
	float: left;
}

body.frontpage.width-mini .blog .blogpostcontent {
	margin-left: 0px !important;
}


body.width-mini div#maincontent div.largeTeaser .blogPost p.date {
	font-size: 17px;
}

body.width-mini div.ColWrapper
,body.width-mini div.fullsizeBlock
,body.width-mini div.Col
{
	width: 93% !important;
}
body.width-mini div.block h2 {
	font-size: 21px;
	width: 100%;
}
body.width-mini div.section div.block
, body.width-mini div.firstGridUnderBox
, body.width-mini div.firstGridUnderBoxrightBox
, body.width-mini div.section div.block div.blockContent
{
	width: 100% !important;

}

body.width-mini div.Col.right div.ColWrapper {
	width:100%;
}

body.width-mini div.block_result_list.greybox
,body.width-mini  div.block_result_list.tjenestebox {
	width: 93%;
	margin-left: 0px;
	padding-left: 10px;
	height: auto !important;
}

body.width-mini div.block_result_list.right {
	float: left;
}

body.article.width-mini div.driftsmelding {
	line-height: inherit;
	float: left;
	padding: 7px;
	width: 95%;
}
body.article.width-mini div.driftsmelding span.message {
	top: 0px;
	float: left;
	left: 0px;
	position: relative;
	width: 85%;
	margin-left: 7px;
}

body.article.width-mini div.driftsmelding img {
	float:left;
	margin: 0px;
}
body.article.width-mini div.driftsmelding a {
	float: left;
	clear: both;
	top: 0px;
	margin-left: 65px;
	position: relative;
}

body.width-mini ul.list img { 
	width: auto;
}

/*SØK & Studiesøk*/


body.width-mini .studie_main_info .brodtekst {
	width: auto !important;
	margin-bottom: 10px;
	margin-top: 5px !important;
}

body.width-mini #icons_desctiption
,body.width-mini .search_icon
,body.width-small .search_icon
{
	display: none;
}
body.width-mini #search_main {
	width: 92% !important;
}

body.width-mini span.search_text label
,body.width-mini span.search_url
{
    display: none;

}

body.article.width-mini.course p.interesser input {
	font-size: 30px;
    height: 40px;
}

body.width-mini #search-form {
	display: none;
}


body.width-medium div.search_content_size2 
{
	/*width: 500px !important;*/
}

body.width-small div.search_content_size2 {
	width: 400px !important;
}

body.width-mini div.search_content_size2
,body.width-small div.search_content_size2
{
	width: 100% !important;
}
body.width-mini ul#filter_studies li:not(#li_filter_level) 
{
	display:none;
}

body.width-mini ul#filter_studies.sort li#li_filter_level ul#filter_level li.filter_li {
	display:block !important;
}

body.width-mini div#col_studies_filter {
	width:97%;
}

body.width-mini div.block h3 {
	width: 100%;
}


body.width-mini #studies_block_wrapper
,body.width-small #studies_block_wrapper
{
	width: 95%;
}

body.width-mini.course div.block 
{
	width: 100%;
}
body.width-mini ul.courses-list li {
	clear: both;
	width: 100% !important;
}

/*Studies template*/
body.width-mini div#maincontent div.section div.interviewWrapper {
	width: 100% !important;
}
body.width-mini div#maincontent div.section div.videoWrapper div.metaData {
	width: 100% !important;
}

body.width-mini div.block_studie_level2 {
	width: 91%;
}

body.width-mini .block_application_left {
	width: 100%;
}

body.width-mini .block_application_right {
	float:left;
	width: 100%;
}
body.width-mini div.block_application_left .orderBlock a.apply {
	padding: 5px 15px ;
}


body.width-medium.article.course div.blockWrapper {
	width: 100px !important;
}


/*Flexibox*/
body.width-mini div.block_result_list ul li .ingress {
	width: 77%;
}

body.width-mini div#right-content ul li .event {
	margin-left: 0px;
}

body.width-mini div.block_result_list.whitebox {
	width: 87% !important;
}
body.width-mini div.block_result_list {
    width: 97% !important;
}

/*width_full*/


/*Bibsys box*/
body.width-mini #bibsys_search {
	height: auto;
}
body.width-mini #bibsys_search ul li:not(:first-child) {
	display: none;
}


body.width-mini div.block_result_list.tjenestebox.width_full span.image + h2 + p 
,body.width-mini div.block_result_list.tjenestebox span.image + h2 + p
{
	width: 62%;
}

body.width-mini div.block_result_list.tjenestebox h2 {
	font-size: 24px;
}

body.width-mini div.block_result_list.greybox h2
,body.width-mini div.block_result_list.whitebox h2 
,body.width-mini div.block_result_list .image  h2
{
	word-wrap: break-word;
}


body.width-mini div.block_result_list.width_half {
	width: 93%;
}

/*vCard*/
body.width-mini div.vcard {
	width: 100%;
}


body.width-mini span.text 
,body.width-mini span.label
{
	margin-top: 10px;
	font-weight: bold;
	float:left;
	clear: both;
	width: 100%;
}

body.width-mini div.vcard .unit 
, body.width-mini div.vcard #theEmail
, body.width-mini div.vcard #theEmail .text
, body.width-mini div.vcard #theEmail .content
, body.width-mini div.vcard span.value
, body.width-mini div.vcard h1.fn
{
	float:left;
	clear:both;
	width: 100%;
}
body.width-mini div.vcard .unit .text {
	width: 50%;
}
body.width-mini div.vcard .unit .content {
	float: left;	
}


body.width-mini div.section div.block.newsList div.blockContent ul li a span.text {
	width: 100%;
}


body.article.width-mini ul.calendarList {
	width: 100%;
}



body.article.width-mini div.Col + div {
	margin-left: 0px !important;
}

body.article.width-mini ul.calendarList li a img {
	float:left;
}

body.article.width-mini ul.calendarList li a em {
	width: 100%;
}


body.article.width-mini ul.calendarList li a span.text {
	width: 100%;
}

body.article.width-smaller div.Col {
	margin-left: 0px;
	margin-top: 20px;
}

body.width-smaller #maincontent div.Col div.ColWrapper div.block {
	width: 100%;
}

body.width-smaller .research-group .ColWrapper 
body.width-smaller .research-group .ColWrapper 
{
	width: 100% !important;
}
body.width-smaller .research-group .research-persons-contact {
	width: 100%;
}

body.width-smaller div.research-group .block_result_list {
	width: 100%;
}

body.width-smaller div.research-group div.Col {
	width:90% !important;
}

body.width-mini div#application_and_admission div {
    width:90% !important;
    clear: both;
}
body.width-mini div.section div#important-information {
    width: 93% !important;
}
body.width-mini div.section div#important-information div.course_plan {
    width: 96% !important;
}
body.width-mini div.section div#important-information div {
    width: 96% !important;
}
body.width-mini div.studie_link_grey {
    width: 97% !important;
    clear: both;
    margin-left: 0px;
}

body.width-small div.section div#important-information {
    width: 97% !important;
    margin-left: 0px !important;
}
body.width-small div.section div#important-information div
,body.width-medium div.section div#important-information div{
    width: 97% !important;
    clear: both !important;
}

body.frontpage.width-mini .black-box p {
    display: block !important;
}

body.width-mini div.block_result_list.whitebox.adv_search
,body.width-small div.block_result_list.whitebox.adv_search
{
	/*display: none;*/
}

body.width-mini span.metaData span.caption {
	font-size:0-9em;
	width: 150px;
}

body.width-mini span.search_title {
 font-size: 1.0em;
}



/* end: extension/hioa/design/hioa/stylesheets/screen/resize/resize.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/template/front-social-feed.css */

.front-feeds {
		
        /* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, rgb(35,34,34) 0%,  rgb(235,234,230) 35% , rgb(255,255,255) 100%) !important;
        /* Firefox 3.6+ */
        background: -moz-linear-gradient(top, rgb(35,34,34) 0%,  rgb(235,234,230) 35% , rgb(255,255,255) 100%) !important;

        /* IE 10 */
        background: -ms-linear-gradient(top, rgb(35,34,34) 0%,  rgb(235,234,230) 35% , rgb(255,255,255) 100%) !important;

        /* Opera 11.10+ */
        background: -o-linear-gradient(top, rgb(35,34,34) 0%,  rgb(235,234,230) 35% , rgb(255,255,255) 100%) !important;
}

div#frontFeed {
        width: 98.8%;
        height: 338px;
        margin-left: 8px;
        padding-top: 10px;

        /* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, rgb(160,160,160) 0%,  rgb(235,234,230) 5% , rgb(235,234,230) 100%) !important;
        /* Firefox 3.6+ */
        background: -moz-linear-gradient(top, rgb(160,160,160) 0%,  rgb(235,234,230) 5% , rgb(235,234,230) 100%) !important;

        /* IE 10 */
        background: -ms-linear-gradient(top, rgb(160,160,160) 0%,  rgb(235,234,230) 5% , rgb(235,234,230) 100%) !important;

        /* Opera 11.10+ */
        background: -o-linear-gradient(top, rgb(160,160,160) 0%,  rgb(235,234,230) 5% , rgb(255,255,230) 100%) !important;
}
.width-medium div#frontFeed
,.width-small div#frontFeed
,.width-smaller div#frontFeed
{
	height: 430px;
}

#instagram_top  {
        float: left;
        margin-left: 20px;
        margin-top: 20px;
        display: none;
}
#instagram_top img {
        height: 282px;
        float: left;
}

div.insta-thumb-info {
    color: #FFFFFF;
    float: left;
    font-family: arial;
    font-size: 1.3em;
    font-weight: 900;
    height: 32px;
    margin-top: -40px;
    opacity: 0.6;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 3;
    clear: both;
}
div.insta-thumb-info span {
        margin-right: 5px;
}
div#frontFeed .instagram_top ul li {
        float: left;
}

div#instagram_description {
        margin-left: 20px;
        margin-bottom: 20px;
        margin-top: 20px;
        float: left;
        min-width: 306px;
        color: #000;
        width:500px;
}
.width-smaller div#instagram_description 
,.width-small div#instagram_description{
	width: 356px;
}

#instagram-logo  {
        float: left;
        margin-right: 15px;
}

div#instagram_description h1 {
        color: #000;
        font-size: 2.5em;
    margin-bottom: 10px;
}

div#instagram_description p {
        color: #000;
        min-height: 67px;
}

div#frontFeed ul.instagram_last  {
        float: left;
        margin-left: 20px;
}

.width-medium ul.instagram_last
,.width-small ul.instagram_last
,.width-smaller ul.instagram_last
{
	margin-top: 10px;
}

div#frontFeed ul.instagram_last li {
        float: left;
        margin-right: 20px;
}
.width-smaller ul.instagram_last li:last-child 
,.width-small ul li:last-child 
{
	/*display: none;*/
}


#instagram_last img {
        width: 140px;
}





h1.title {
    color:#000;
}

.bodyframe_right
,.bodyframe_left {display:none;}

div.frameWrapper { width: auto !important; }

/* end: extension/hioa/design/hioa/stylesheets/screen/template/front-social-feed.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/template/research-groups.css */
div.research-group div.block {
	font-size: 14.4px;
	line-height: 1.45em;
}

div.research-group div.block_result_list {
	margin-top: 25px;
}

div.research-group:not(.textWrapper) div.block h2 {
	background: none repeat scroll 0 0 transparent !important;
    color: #000000;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.85em;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.15em;
    padding-bottom: 5px !important;
}
div.research-group div.block h4 {
	border-bottom: 1px solid #5C5C5A !important;
    border-top: 1px solid #5C5C5A !important;
}

div.research-group div.block {
	width: 100% !important;
}

div.research-group  div.projects {
	
}

div.research-group ul.disciplines {
	margin-top: 10px;
	line-height: 1.45em;	
	font-size: 14.4px;
}

div.research-group ul {
    margin-bottom: 15px;
}

div.research-group ol {
    font-size: 1em;
    padding-left: 40px;
    margin-bottom: 15px;
}

div.research-group  div#vcard_publications h2 {
	padding-left: 0px;
}
div.research-group div.section div.block ul {
	padding-left: 12px;
}
div.research-group div.section div.block ul li {
	list-style-type:disc;
    margin-left: 16px;
}

div.research-group  div#vcard_publications {
	margin-top: 30px;
}
div.research-group div#vcard_publications_display {	
	padding-bottom: 20px;				
	border-radius: 0px 0px 10px 10px;
}
div.research-group div#vcard_publications_display ul {
	padding: 10px 10px 10px 10px;
	padding-left: 12px;
}

div.research-group div#vcard_publications_display ul li {
	margin-bottom: 5px;
    text-indent: -1.5em;
    margin-bottom: 10px;
}
div#vcard_publications_display ul li span {
    margin-right: 5px;
}

div#vcard_publications_display ul li span.publications_main_publication 
,div#vcard_publications_display ul li span.publications_journal 
,div#vcard_publications_display ul li span.publications_title_bok
,div#vcard_publications_display ul li span.publications_cursive
{
    
    font-style: italic;
}
span.publications_page_from {
    margin-right: 1px !important;
}

div.research-group div.Col {
	width: 215px !important;
}

div.research_project {
	padding-left: 15px;
}

div.research_project a#download_for_free{
    float: left;
    clear: both;
}
div.research_project h1 {
	background: none repeat scroll 0 0 transparent;
    color: #282828;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 2.95em;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.15em;
    margin-bottom: 13px;
}

div.research_project .ingress {
	color: #282828;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.46em;
    line-height: 1.2em;
    margin-bottom: 20px;
}

div.research-group .block_result_list {
	
}

div.research-group.section div.whitebox {
	width: 97%;
	padding-left: 0px;
}

div.research-group div.Col h4 {
	margin-bottom: 5px !important;
    margin-top: 27px !important;
}

div.publication_summary h2
, div.short_description h2 
{
	color: #000;
}
div.publication_summary {
    margin-top: 20px;
    display: none;
}
div.research_project em {
    font-weight: bold;
    font-size: 1.2em;
    float: left;
}
div.research_project ul {
    margin-bottom: 10px;
    font-size: 1.2em;
}
div.research_project ul:after {
    content:'';
    display:block;
    clear: both;
}
div.research_project ul li {
    float: left;
    clear: both;
}

div.research-group.block h2 {
    color: #282828;
     font-size: 1.46em;
     font-family: Arial,Helvetica,sans-serif;
     margin-bottom: 5px;
}
a#show_summary_trigger
,a#close_summary_trigger{
    font-size: 1.2em;
    float: left;
    clear: both;
}
div.research_project  p {
    font-size: 1.2em;
    margin-bottom: 20px;
}

div.research_project .short_description {
    margin-top: 10px;
    float: left;
    clear: both;
}
div.short_description p {
    float: left;
    clear: both;
}
div.research-group .Col .ColWrapper img {
    width: 205px;
}
div.research-group .Col .ColWrapper .publication_right_content_line p {
    line-height:normal;
}
div.research-group em {
	color: #282828;
}
div.research-group .Col .ColWrapper .publication_right_content_line em {
    font-weight: bold;
    clear: both;
    float:left;    
    margin-right: 5px;    
}
div.research-group .Col .ColWrapper .publication_right_content_line {
    margin-top: 10px;
}
div.research-group .Col .ColWrapper .publication_right_content_image {
    margin-bottom: 10px;
    border: 1px solid #B1AC9F !important;
}


div.research-group div.publication_summary  h2 {
	margin-bottom: 15px;
}
div.research-group div.publication_summary {
	line-height: 21px;
    float: left;
}
div.research-group div.publication_summary ul li,
div.research-group div.short_description ul li 
{
	list-style-type: disc;
	margin-left: 13px;
	line-height: 21px;
}

div.nibr_publication_document {
    margin-bottom: 10px;
}
div.nibr_publication_document label {
    padding: 0px 5px 0px 0px;
    float: none;
}

div.nibr_publications {
    float: left;
}
div.nibr_publications ul {
    float: left;
}
div.nibr_publications ul li {
    float: left;
    clear: both;
    margin-bottom: 7px;
}
div.nibr_publications span.nibr_publication_author {

    margin-right: 7px;
}
div.section div.block div.nibr_publications p {
    margin-bottom: 3px !important;
    padding-left: 0px !important;
}

div.nibr_publication_project {
    float: left;
    clear: both;
}
div.nibr_publication_project h2 {
  margin-bottom: 5px;
}

/*SIFO*/
div#Sifo_ansatte_list,
div#sifo_publications,
div#sifo_projects,
div.sifo_article,
div.sifo_externe_linker {
    float: left;
    clear: both;
}

div.nibr_publication_project ul li
,div.sifo_externe_linker ul li
,div.nibr_publication_project ul li
{
    margin-left: 0px !important;
    list-style-type: none !important;
}
div.nibr_publication_project {
    margin-top: 10px;
}

.sifo_publication_document {
    margin-bottom:20px;
}

.sifo_publication_document + div {
    clear:  both;

}

.cristin_prosject  {
    padding: 20px 12px 0px 12px
}
div.research-group div.block div.cristin_prosject h4 {
    color: #000000;
    padding-left: 0px !important;
    border: 0px solid #5C5C5A !important;
    font-family: Arial;
}

.cristin_project_summary {
    display: none;
    width:100% !important;
}
div.section div.block p.summary_paragraph {
    padding: 0px !important;
    width: 100%;
}
div.project_dates span {
    margin-right: 30px;

}
div.section div.project_results p {
    padding: 0px !important;
    margin: 0px !important;
    width: 100% !important;
}
div.project_results {
    display:none;
    margin-bottom:10px;
    width: 100%;
}
div.closeDescriptionTrigger {
    display:none;
}
div.cristin_prosject div {
    float: left;
    clear: both;
}

/* end: extension/hioa/design/hioa/stylesheets/screen/template/research-groups.css */

/* start: extension/hioa/design/hioa/stylesheets/screen/template/advanced_search.css */
.advanced_search h1 {
	color: #000;
}

body.width-medium.article.course div.advanced_search div.blockWrapper
{
	width: 100% !important;
	max-width: 410px !important;
}

.advanced_search div.pagenavigator {
	width: 100%;
}
.advanced_search div.pagenavigator span {
	float: left;
}

.search_line_publication_main_image {
	width: 90px;
	float: left;
}
.search_line_publication {
	
}

.filter_select {
	width: 97%;
}
.filter_check {
	margin-right: 4px;
	float: left;
	clear: both;
}

.span_filter_check {
	float: left;
	width: 160px;
}

body.width-small .span_filter_check,
body.width-mini .span_filter_check {
	width: 93% !important;
}

#filters h4 {
	float: left;
	width: 100%;
}

div#block_search_filter.full {
    width:100% !important;
}

div#block_search_filter.full div#search_filter {
    width:100% !important;
}


div#block_search_filter.full div#search_filter input#searchtext_filter {
    width: 98%;
}

div.block_search_filter.full {
    width:100%;
}


.advanced_search div#mainFeatured div.textWrapper p {
	width: 450px !important;
}
.advanced_search div.ingress p {
	margin-bottom: 20px;
}
div.section.advanced_search div.block p {
	padding-left: 0px !important;
}

body.article div.advanced_search div#mainFeatured {
	min-height: 175px;
}

body.article div.advanced_search div#mainFeatured img {	
	float:left;
}
body.article.course div.advanced_search .ColWrapper h2 {
	margin: 5px 0px 5px 0px;
	font-size: 20px;
}
body.article.course div.advanced_search .ColWrapper h4 {
	clear: both;
}
body.article.course div.advanced_search  input[type=text] {
	border: 1px solid #ccc;
	width: 95%;
	height: 20px;
	padding: 2px 5px;
	background: #FFF;
}
div.advanced_search .oppdater {
	background: none repeat scroll 0 0 #E77126;
	border: medium none;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0 0 5px #B7B7B7;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: right;
	font-weight: bold;
	letter-spacing: 0.02em;
	margin-top: 10px;
	padding: 4px 12px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-size: 15px;
	min-height: 15px;
	margin-bottom: 10px;
}

body.article.course div.advanced_search div.Col div.ColWrapper ul {
	font-size: 1em;
}
body.article.course div.advanced_search div#searchTop div#leftCol {
	float: left;
	width: 30%;
}

body.article.course div.advanced_search div#searchTop div#rightCol {
	float: right;
	width: 70%;
}

body.article.course div.advanced_search div#searchTop h4 {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

body.article.course div.advanced_search div#searchTop div#rightCol label {
	text-align:right;
	width: 49%;
	float:left;
}
body.article.course div.advanced_search div#searchTop div#rightCol select {
	float:right;
	width: 49%;
}

a.search_line_publication.has_image span.search_url {
	max-width: 500px;
	width: 500px;
	float:left;
}

.search_line_publication_main_image {
	width: 89px !important;
	height: auto !important;
	float:right;
	margin-top: -60px;
}

a.search_line_cristin span {
	float: left;
	width: 100%;
}

a.search_line_cristin span.cristin_title {
	font: 1.2em georgia;
}

a.search_line_cristin span.cristin_title
,a.search_line_cristin span.cristin_persons
,a.search_line_cristin span.journal_name_s
,a.search_line_publication span.attr_series_title_s
,a.search_line_publication span.attr_sub_title_s
{ 
	color: #000;
}
a.search_line_cristin span.journal_name_s {
	font-style: italic; 
}
a.search_line_publication span {
	float:left;
}
a.search_line_publication span.attr_series_title_s
,a.search_line_publication span.attr_sub_title_s 
{
	float: left;
	clear: both;
}

body.article.course div.advanced_search span.search_title
,body.article.course div.advanced_search span.cristin_title 
{
	font-weight: bold;
	color: #2A2A28;
	width: 85%;
}
body.article.course div.advanced_search span.attr_sub_title_s {
	width: 85%;
 }

#filters select {
	width: 206px;
}
#filters ul {
	float: left;
	width: 100%;
}

span.search_institute {
	color: #515151 !important;	
	font-style: italic;
	float: left;
	clear: both; 
}

ul.underlevel:not(:last-child) {
	float: left;
	margin-bottom: 10px !important;
}

ul.underlevel li:first-child {
	margin-bottom: 5px;
}
ul.underlevel li:not(:first-child) {
	margin-left: 20px;
}
li.underlevel {
	margin-bottom: 10px ;
	float: left;
}

ul.searchList li {
	list-style-type: none !important;
}

div#search-filter {
    float: left;
    clear: both;
    width: 100%;
}
input#searchFilterText {
    font-size: 2em;
    height: 2em;
    padding-left: 20px;
}
a.letterTrigger {
    padding-bottom: 5px;
}

ul#filter-tags {
    display:none;
}


div#ta-filter div#alfabeth-filter {
	float: left;
	width:95%;
	margin: 10px 100px 00px 20px ;
}
div#ta-filter div#alfabeth-filter a {
	margin-right: 1em;
	float: left;
	font-size: 1.3em ;
}
body.width-mini div#ta-filter div#alfabeth-filter a {
	min-width: 23px;
	/*    margin-left: 20px; */
}
body.width-mini div#alfabeth-filter {
	display:none;
}
#searchTop {
	margin-top: 20px;
}
.buttons {
	background-color: #e7e7e7;
	color: black;
	font-size: 1.1em;
	padding: 8px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	margin-right: 5px;
	opacity:0.75;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	-webkit-appearance: none;
	float: left;
}
.buttons:hover {
	opacity:1;
	cursor:pointer;
}
.buttons.selected {
	opacity:1;
}

ul#ul_filter select {
	width: 100%;
	margin-bottom: 20px;
}

body.article.width-mini div.advanced_search div#mainFeatured p {
	width: 95% !important;
}

ul#ul_filter h4:hover {
	cursor: pointer;
}



body.width-mini div.search_content div.article_thumb img {
	display:none;
}

/* end: extension/hioa/design/hioa/stylesheets/screen/template/advanced_search.css */

/* start: extension/hioa/design/hioa/stylesheets/ezfind.css */
div#search_controls
{
    float:left;
    margin-right:1%;
    width:25%;
}

div#search_results
{
    float:left;
    width:73%;
    padding-left: 5px;
}

ul#facet-list
{
    margin-left: 0;
}

ul.facet-list label {
	clear: none;
}

ul#active-facets-list
{
    margin-left: -15px;
}

ul#active-facets-list li
{
    list-style-type: none;
    list-style: none;
    background-image: none;
}

div.ajax-search-spellcheck
{
    margin-top: 3px;
    margin-bottom: 7px;
    font-style: italic;
    /* color: #F06020; */
    padding-bottom: 3px;
    padding-left: 2px;
}

div.ajax-search-facets
{
    margin-top: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border: 1px solid #F0F0F0;
    font-size: 90%;

    /* for IE */
    filter:'alpha(opacity=0)'; /* Will be faded in by the YUI animation */
    /* CSS3 standard */
    opacity: 0; /* Will be faded in by the YUI animation */

    /*height: 0;
    width: 0;*/
}

.choose_all {
	margin-top: 15px !important;
	color: #515151 !important;
	text-decoration:none !important;
}

/* HIOA CHANGES */

.oppdater {
    background: none repeat scroll 0 0 #E77126;
    border: medium none;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 5px #B7B7B7;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font-weight: bold;
    letter-spacing: 0.02em;
    margin-top: 10px;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

ul.sort {
	margin-bottom: 30px !important;
}
ul.facet-list {
	margin-bottom: 10px !important;
}
ul.facets {
	clear: both;
}

div.block h2 span {
	font-size: 0.7em;
	float: right;
}
.search_title {
	float: left;
	margin-bottom: 3px;
}
.search_text {
	color: #515151;
    display: block;
    float: left;
    width: 100%;
	font-weight: normal;
}
.search_text label {
	margin-bottom: 0px;
}

body.article ul.searchList {
    float: left;
    width: 100%;
    margin-left: 0px;
}

body.article ul.searchList li.search_list_no_description {
    min-height: 0px !important;
    padding: 0px;
}

body.article ul.searchList li.search_list_no_description {
    list-style: none;
  /*  border: none;*/
}

body.article ul.searchList li.search_list_no_description a {
    min-height: 0px;
    padding: 5px 0px 0px 0px;

}

div.Col div.ColWrapper ul li a {
	display: inline;
	margin-right: 5px;
}
/* HIOA CHANGES (pluss hioa-sok) */

body.article.course div.block.search { /* søk-css */
	float: left;
	width: 695px;
	margin: 0;
}

body.article.course form#sort_form {
    float: left;
	margin: 0 0 4px 0;
    width: 100%;
}

body.article.course form#sort_form select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    box-shadow: 0 0 5px #E5E5E5 inset;
    float: right;
    padding: 4px 3px;
    width: 55%;
}

body.article.course form#sort_form .submit {
    background: none repeat scroll 0 0 #E77126;
    border: medium none;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 5px #B7B7B7;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
 	float: right;
    font-weight: bold;
    letter-spacing: 0.02em;
    margin-top: 4px;
	margin-bottom: 4px;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
}

body.article.course form#sort_form label {
    float: left;
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 4px 3px;
    text-align: right;
    width: 35%;
}


body.article.course .sort_label { /* hioa-sok, ny css */
    background: none repeat scroll 0 0 transparent;
    color: #000;
    display: block;
	padding: 0 0 4px 4px;
    width: 180px;
    float:  left;
}
.sort_checkbox {
	float: left;
}

div.block h2 span {
	font-size: 0.7em;
	float: right;
}

span.search_url {
	color: #0033CC;
    	display: block;
	margin-bottom: 3px;
    	clear:both;
    	width: 100%;
	font-weight: normal;
	text-decoration: underline;
}

span.search_title {
	float: left;
	margin-bottom: 3px;
	font: 1.2em georgia;
	color: black;
    	text-decoration: underline;
}
span.search_time_place {
    float: left;
    margin-bottom: 3px;
    color: #000;
    clear: both;
    font-style: italic;
}

span.search_text {
	color: #515151;
    display: block;
    clear:both;
    width: 80%;
	font-weight: normal;
	line-height: 1.3em;
}

div.search_icon { /* hioa-sok:ny */
    float: left;
    width: 44px;
	height: 44px;
	font-weight: normal;
}


div.search_content { /* hioa-sok:ny */
    float: left;
	margin-left: 16px;
	font-weight: normal;
}

body.width-mini  div.search_content_size1 {
    width: 70%;
    float: left;
}

div.search_content_size1{
	margin-left: 0px;
	width: 523px;
	height: auto;
}


div.search_content_size2{
	width: 635px;
	height: auto;
}
li.search_list_no_description div.search_content_size2 {

}

div.article_thumb { /* hioa-sok:ny */
    float: right; 
    width: 89px;
	height: 89px;
}

div.article_thumb img{
	height: 90px;
	/*width: 89px;*/
}

div#searchTop{
    float: left;
    clear: both;
    width: 100%;
}

div.search div#searchTop div#leftCol{
	float: left;
	width: 50%;
}

div.search div#searchTop div#rightCol{
	float: right;
	width: 50%;
}

.selectAll{
	text-align: right;
	margin-right: 4px;
}

.filter span{
	display: block;
	float: left;
	width: 185px;
	padding: 0 0 4px 4px;
}

.searchList table.PersonInfo{
	
}

.searchList table.PersonInfo td.InfoType,
.searchList table.PersonInfo td.InfoData{
	padding: 2px 0 0;
	color: #515151;
}

.searchList table.PersonInfo td.InfoData{
	width: auto;
	border: none;
}

.searchList table.PersonInfo td.InfoType{
	width: 70px;
	border: none;
}
ul.searchList div.search_content .search_date{
	color: #515151;
	margin-top: 5px;
	margin-right: 17px;
	display: block;
	font-size: 0.9em;
	clear: both;
	float:left;
}

.icon_image {
	float: left;
	clear: both;
	margin-left: 17px;
}
.icon_title {
	float: left;
	height: 24px;
	padding-top: 7px;
	font-size: 1.4em;
	margin-left: 16px;
	clear: none;
	margin-bottom: 0px;
}
.search_text label {
	float: left;
}

li.search_list_no_description span.search_title {
    font-size: 1em;
    /*font-weight:normal !important;*/
}
li.search_list_no_description span.label_tag {
    font-size: 0.8em;
    float: left;
    clear: both;
    color: #2A2A28;
}



.icon_title a {
	color: #515151 !important;
	text-decoration: none !important;
}

div#search_filter {
    padding-bottom: 0px;
}

div#search_filter li {
    list-style: none;
}
div#search_filter h4 {
    padding-bottom: 0px !important;
}
body.width-mini div#search_filter h4
,body.width-mini div#search_filter select
,body.width-mini div#search_filter h4 + li
{
    /*display:none;*/
}



div#search_filter ul {
    margin-bottom: 10px;
}
div#search_filter h4 {
    float: left;
    width: 100%;
    margin-top: 0px
}
div#search_filter h4 a.expand {
    float: right;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


body.width-mini div#search_filter h4.h4_first_filter

{
    display:block;
}
.searchForm input[type=text]
,.searchFormFront input[type=text]{
    width:70%;
    height: 2em;
    border: 1px solid #d4d4d4;
    padding: 3px;
}
.searchForm input[type=submit] {
    height: 2.5em;
    border: 1px solid #d4d4d4;
    padding: 8px 20px 11px 20px;
    background-color: #277D90;
    color: #FFF;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1.12em;
    cursor: pointer;
}
.searchFormFront input[type=submit] {
    height: 2.5em;
    border: 1px solid #d4d4d4;
    padding: 8px 20px 11px 20px;
    background-color: #E77126;
    color: #FFF;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1.12em;
    cursor: pointer;
}
body.width-medium div.section.advanced_search div.block  {
    width: 695px !important;
}


div#ta-filter ul
,div#person-filter ul
{
    margin-left: 0;
    margin-bottom: 10px;
    max-height: 200px;
    height: auto;
    width: 98%;
    overflow-x:  auto;
    float: left;
    clear: both;
    padding: 10px 0px 0px 7px;
    border: 1px #ccc solid;
    border-top: 0px;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 8px;
}
::-webkit-scrollbar:horizontal {
    height: 12px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 1px solid #ffffff;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

/* end: extension/hioa/design/hioa/stylesheets/ezfind.css */

/* start: extension/ezfind/design/ezwebin/stylesheets/ezajax_autocomplete.css */
.ez-autocomplete .yui3-aclist-list {
    background: white;
}

.ez-autocomplete .yui3-aclist-item {
    background-image: none;
    display: block;
    text-align: left;
}

#header .ez-autocomplete .yui3-aclist-item {
    display: block;
}

.ez-autocomplete li.yui3-aclist-item-active {
    background: #B0B0B0;
    color: #FFF;
}

/* end: extension/ezfind/design/ezwebin/stylesheets/ezajax_autocomplete.css */