/* 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/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/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/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/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 */