/* ===  GENERAL PAGE STRUCTURE   =========================================== */
/* This section contains styles that defines the size and position of the
   container and placeholder div's.
*/

body, html 						{ height: 100%; }
body 							{ color: #000; background: #5E88A0 url(images/gradient.png) repeat-x center top; font-family: Arial, 
Helvetica, sans-serif; margin: 0;
    								padding: 0; font-size: 12px; line-height: 1.3; }
    								
#bg-container					{ background: transparent url(http://siv.hive.no/getfile.php/Bilder/Logo/background.png) no-repeat scroll top center; height: 100%; width: 100%; }
#container 						{ width: 1000px; margin: 0px auto 20px auto; overflow: hidden; }
#placeholder-top 				{ padding: 20px 10px 0 10px; overflow: hidden; height: 150pxpx;
    								background: transparent url(images/bg_top.png) no-repeat scroll center bottom; }
#placeholder-container 			{ background-color: #fff; width: 970px; margin-left: 14px; overflow: hidden; padding-bottom: 30px; }
#placeholder-left 				{ float:left; clear: both; width: 200px; margin-bottom: 10px; margin-top: 10px; }
#placeholder-content-no-left,
#placeholder-content-no-right 	{ width: 760px; padding: 0; float: left; overflow: hidden; }
#placeholder-content-no-left-no-right { padding: 0 10px 10px 200px; }
#placeholder-content 			{ float: left; width: 570px; }
#placeholder-right 				{ width: 175px; float: right; margin: 6px 18px 20px 0; overflow: hidden; }
#placeholder-bottom 			{ clear: both; color: #fff; font-weight: bold; background: transparent url('images/bg_bot.png') no-repeat 14px top;
    								font-size: 11px; padding-top: 5px; text-align: center; }

#placeholder-bottom a 			{ color: #fff; }
#placeholder-left .tile-content,
#placeholder-right .tile-content{ padding: 5px; }
#placeholder-left .tile-common,
#placeholder-right .tile-common { margin-bottom: 10px; }
#placeholder-bottom .tile-content { padding: 5px 10px; margin: 0; }
#placeholder-bottom .tile-content p { padding: .5em 0; margin: 0; }
#extra-1, #extra-2, #extra-3, #extra-4, #extra-5, #extra-6, #extra-7, #extra-8 {
    display: none;  
}

/* ===   SPECIAL COREPUBLISH ELEMENT STRUCTURE   =========================== */
/* This section contains structure styles for HTML content not generated by
   the frontend templates. This can be output from system functions in the
   CorePublish backend, or HTML generated by system classes in the frontend
   code.
   
   It is rarely necessary to alter these style definitions.
                                                                             */
.clear 							{ clear:both; }
.cpform-noborder 				{ border: 0; }
.list-thumbnail-left 			{ float: left; padding-right: 10px; margin-top: 2px; }
.list-thumbnail-right 			{ float: right; padding-left: 10px; margin-top: 2px; }
.list-thumbnail-center 			{ text-align: center; padding-bottom: 10px; margin-top: 2px; }
span.ajax-button-not-visible 	{ display: none; }
span.ajax-button-visible 		{ display: inline !important; }
#extended-debug-info 			{ margin-top: 100px; font-family: monospace; }
.programmatic-clearboth 		{ height: 0px; width: 0px; overflow: hidden; clear: both; }
.javascript-popup 				{ display: none; left: 300px; top: 100px; }
#content-link,
#content-link2					{ display: none; }

/* ===   VISUAL DESIGN (COLORS/FONT/BORDERS)   ============================= */
/* This section defines general visual styles for the site. The section is
   divided into sub-sections to improve readability.
                                                                             */

/* ---   VISUAL STYLING OF GENERAL HTML TAGS   ----------------------------- */

h1 					{ font-size: 24px; font-weight: normal; }
h2 					{ font-size: 14px; font-weight: normal; }
h3 					{ font-size: 12px; color: #1b485a; }
.full-articlelist h3  { font-size: 14px; color: #1b485a; margin-bottom: 0; }
#placeholder-right h3 { font-size: 14px; color: #1b485a; }
a					{ text-decoration:none; }
a:link,
a:visited,
a:hover 			{ color: #1b485a; font-weight: bold; }
a:visited 			{ color: #568699; }
a:hover				{ color: #C03D6C; }
img 				{ border: 0; }
ul,
ul li 				{ padding:0; margin: 0; }
form 				{ margin: 0; padding: 0; }
a.submit,
input,
textarea,
select 				{ padding: 3px; border: 1px solid #c8d6dc; }

/* ---   COMMON TILE VISUAL STYLING   -------------------------------------- */
/* In this section you will find visual style definitions for classes common
   for all tiles, or a set of tiles (eg. all tiles in a placeholder).
                                                                             */

#placeholder-right .tile-top 		{ background: transparent url(images/tile-top.png) no-repeat center bottom; height: 10px; overflow: hidden; }
#placeholder-right .tile-content 	{ background: transparent url(images/tile-content.png) repeat-y center bottom; padding: 3px 10px 15px 13px; overflow: hidden; }
#placeholder-right .tile-bottom 	{ background: transparent url(images/tile-bottom.png) no-repeat center top; height: 10px; overflow: hidden; }
                                                                             
button.submit,
input.submit,
.cpform-button 						{ background: #C8D6DC; font-weight: bold; margin: .2em 0; font-size: 1em; color: #fff; }

span.required-field {
    color: #f00;
    font-weight: bold;
}

#placeholder-content h1,
#placeholder-content-no-right h1 	{ margin: 0;  line-height: 1.2em; font-weight:bold; color: #004368; padding: 20px 0 5px 0;  }

#placeholder-content h1.background,
#placeholder-content-no-right h1.background 	{ line-height: 1.2em; font-weight:bold; color: #004368; padding: 35px 0 33px 20px; margin: 10px 0 10px 0; background-repeat: no-repeat; }

#placeholder-content h3,
#placeholder-content-no-right h3 {
    margin: 0;
    padding: 0;
    color: #1B485A; /* #1B485A;*/
    font-size: 1.1em;
}

#placeholder-left .small-articledisplay-nolayout div.tile-content,
#placeholder-right .small-articledisplay-nolayout div.tile-content {
    border: none;
    padding: 0px;
}
#placeholder-content,
#placeholder-content-no-right {
    background-color: #fff;
}
#placeholder-content form,
#placeholder-content-no-right form {
    padding: 10px;
}

#placeholder-right h3 { font-weight: bold; padding: 6px 13px 4px 13px; margin: 0; background: transparent url(images/tile-content.png) repeat-y center center; }
#placeholder-right h3 span { display: block; width: 100%; border-bottom: solid 1px #007598; }

#placeholder-left .hotlinkslist-tile h3, 
#placeholder-right .hotlinkslist-tile h3,
#placeholder-left .metadatarelationlist h3, 
#placeholder-right .metadatarelationlist h3,
#placeholder-left .small-articledisplay h3,
#placeholder-left .facts-tile h3,
#placeholder-right .facts-tile h3,
#placeholder-right .small-articledisplay h3 {
    border-bottom:1px solid #33528F;
}

div.entitycomment td,
table.calendar-header td,
table.calendar-layout td,
div.searchlog-container td,
div.webshop-checkout td {
    vertical-align: top;    
}

/* ===   SPECIFIC TILE STYLING   =========================================== */
/* This section contains both structure and visual styling for specific tiles.
   The section is divided into sub-sections where definitions for a given tile
   are grouped together. We try to reuse definitions where possible. This
   means that there can be tile definitions for a tile outside the tiles
   sub-section.
                                                                             */

/* ---   LANGUAGE SELECTOR   ------------------------------------------------*/

#placeholder-top .language-selector h3 	{ display: none; }
#placeholder-top .language-selector 	{ width: 80px; text-align:right; float: right; padding: 7px 9px 6px 6px; }
#placeholder-top .language-selector ul,
#placeholder-top .language-selector li 	{ display: inline; padding-left: 5px; }

/* ---   PAGE HEADER   ------------------------------------------------------*/

#placeholder-top .logo-tile 			{ float: left; overflow: hidden; margin-bottom: 10px; }
.errorpage #placeholder-top .logo-tile 	{ float: left; overflow: hidden; margin-bottom: 0px; height: 90px; }

/* ---   HORIZONTAL MENU   --------------------------------------------------*/

/* Top main-menu */
#placeholder-top .horizontal-menu 		{ background: transparent url(images/menu_background.png) no-repeat scroll center; margin-top: 0px; overflow: hidden; width: 100%; height: 35px; float: left; }
#placeholder-top .horizontal-menu h3 	{ display: none; }
#placeholder-top .horizontal-menu ul,
#placeholder-top .horizontal-menu li 	{ list-style: none; display: block; float: left; }
#placeholder-top .horizontal-menu ul 	{ float: left; }
#placeholder-top .horizontal-menu li 	{ background: transparent url(images/spacer1.png) no-repeat left 4px; }
#placeholder-top .horizontal-menu li.first{ margin-left: 15px; background: none; }
#placeholder-top .horizontal-menu a:link,
#placeholder-top .horizontal-menu a:visited,
#placeholder-top .horizontal-menu a:hover { display: block; float: left; height: 30px; padding-top: 9px; font-size: 13px; padding-left: 10px; }
#placeholder-top .horizontal-menu li.active a:link,
#placeholder-top .horizontal-menu li.active a:visited,
#placeholder-top .horizontal-menu li.active a:hover,
#placeholder-top .horizontal-menu li.main-active a:link,
#placeholder-top .horizontal-menu li.main-active a:visited,
#placeholder-top .horizontal-menu li.main-active a:hover,
#placeholder-top .horizontal-menu li a:hover { background-color: #99C8D6; color: #004368; }
#placeholder-top .horizontal-menu a		{ color: #ffffff; padding-right:10px; }
.textinput								{ border:1px inset black; }
#placeholder-top .horizontal-menu a:visited	{ color: #ffffff; }

/* ---   ARTICLEDISPLAY   ---------------------------------------------------*/

.small-articledisplay ul,
.full-calendardisplay ul,
.full-articledisplay ul {
    margin: 1em;
    
}
.small-articledislplay ul li ul,
.full-articledisplay ul li ul {
    margin: 0;
}
.small-articledisplay ul li,
.full-articledisplay ul li,
.sitemap ul li,
.sitemap-hive ul li {
    display: list-item;
    list-style: square;
    list-style-position: outside;
    margin: 0 2em;
    padding: 0;
}

#placeholder-content-no-right .sitemap .tile-content {
    width:700px;
}

.sitemap-hive ul li ul {
    border: 1px dotted;
    margin:2px;
}
.sitemap-hive ul li.even {
    width: 300px;
    float: left;
    clear:both;
    float:left;

}
.sitemap-hive ul li.odd {
    width: 300px;
    float: left;
    
    float:right;

}

.sitemap-hive ul li ul li ul {
    border: none;
    } 
.sitemap-hive ul li ul li ul li {
    display: none;
}

.sitemap-hive ul li ul li ul li ul {
    border: none;
    }
.sitemap-hive ul li ul li ul li ul li {
    display: none;
}

.full-articledisplay li ul {
    margin-bottom: 1em;
}

.sitemap li ul {
    margin-bottom: 0em;
}
.article_image{
    width:100%;
}
.article_image table{
    margin: -5px;
}
.full-articledisplay .articleinfo {
color:#999999;
font-size:80%;
}

/* ---- TOP SEARCHINPUT ---- */

#placeholder-top div.small-searchinput 		{ float: right; width: 235px; clear: right; margin-top: 10px; text-align: right; margin-right: 3px; }
#placeholder-top div.small-searchinput h3 	{ display: none; }

/* ---   SITELOCATOR   ------------------------------------------------------*/

.sitelocator 		{ float:left; width: 85%; margin: 0; color: #000; padding: 7px 0 20px 20px; font-size: 11px; }
.sitelocator h3 	{ font-size: 11px; font-weight: normal; margin: 0; display: block; float:left; }
.sitelocator li 	{ background: url(images/sitelocator_separator_master.png) no-repeat right 4px;
						list-style: none; display: block; float:left; padding-right: 10px; padding-left: 3px; }
.sitelocator li.last  { background: none; }

/* ---   VERTICAL MENUS   ----------------------------------------------------*/

/* Top quicklinks-menu */
#placeholder-top .vertical-menu  				{ float: right; margin-right: 7px; }
#placeholder-top .vertical-menu li 				{ padding: 2px 0px 2px 10px; list-style-type: none; float: left; background: transparent url(images/verticalmenu-spacer.png) no-repeat 10px 5px }
#placeholder-top .vertical-menu li.first		{ background: none; }
#placeholder-top .vertical-menu li a			{ padding: 0px 0px 0px 10px; display: block; }
#placeholder-top .vertical-menu h3				{ display:none; }

/* Mainmenu left */
#placeholder-left .vertical-menu .tile-content 	{ margin: 0 0 0 17px; }
#placeholder-left .vertical-menu a				{ display: block; }
#placeholder-left .vertical-menu li 			{ padding: 6px 0px 6px 11px; list-style-type: none; border-bottom: 1px solid #c8d6dc; }
#placeholder-left .vertical-menu li.first 		{ border-top:1px solid #c8d6dc; }
#placeholder-left .vertical-menu li li 			{ list-style-type: disc; padding: 0; margin: 3px 0 3px 20px; border: none; }
#placeholder-left .vertical-menu li li.first 	{ border-top: none; }
#placeholder-left .vertical-menu li.active 		{ background: url(images/verticalmenu-active-bg.gif) repeat-x; }
#placeholder-left .vertical-menu h3				{ display:none; }

#placeholder-right .vertical-menu .tile-content { }
#placeholder-right .vertical-menu ul  			{ margin-left: 15px}
#placeholder-right .vertical-menu ul li 		{ padding: 2px 0px 2px 1px; list-style-type: disc; margin-left: 1px}
#placeholder-right .vertical-menu ul li a		{ display: block; }
#placeholder-right .vertical-menu li.active 	{ background: url(images/verticalmenu-active-bg.gif) repeat-x; }

/* ---   LINK TOOLBAR   -----------------------------------------------------*/

#placeholder-content .linktoolbar h3,
#placeholder-content-no-right .linktoolbar h3 	{ display: none; }
#placeholder-content .linktoolbar,
#placeholder-content-no-right .linktoolbar 		{ text-align: right; font-size: 80%; }
#placeholder-content .linktoolbar ul,
#placeholder-content-no-right .linktoolbar ul 	{ list-style-type: none; }

/* ---   ARTICLE DISPLAY   --------------------------------------------------*/

#placeholder-content .digest,
#placeholder-content-no-right .digest {
    font-weight: bold;
    font-size: 1em;
    margin: 2px 0 10px 0;
}

#placeholder-content .full-articlelist-twocolumn .digest,
#placeholder-content .full-articlelist .digest {
    font-weight: normal;
}
.small-articledisplay p {
    padding: 0;
    padding-bottom: 10px;
    margin: 0;
}

.small-articledisplay .articlelist-link-external ul,
.small-articledisplay .articlelist-link-external ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.metadatarelationlist ul li,
.hotlinkslist-tile ul li,
.small-articlelist .articlelist-link-external ul li,
.full-articledisplay .articlelist-link-external ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}


/* ---   PAGE FOOTER   ------------------------------------------------------*/

#placeholder-bottom a {
    font-weight: bold;
}
#placeholder-bottom a:hover {
	text-decoration: underline;
}

#coretrek-colofon {
    margin: 10px auto;
    font-size: 0.8em;
    color: #ccc;
	text-align: center;
}

#coretrek-colofon a:link,
#coretrek-colofon a:visited {
    color: #fff;
    text-decoration: none;
}
#coretrek-colofon a:hover {
	color: #fff;
    text-decoration: underline;
}


/* ---   NEWSLETTER AND SUGGESTION FORM   -----------------------------------*/

.newsletter-form .tile-content input.textinput,
.suggestionform .tile-content input.textinput {
    width: 95%;
    margin-bottom: .5em;
}
.login-form .tile-content input.textinput {
	width: 140px;
	margin-bottom: .5em;
	display: block;
}
.full-searchinput .submit,
.small-searchinput .tile-content input.submit {
    background: transparent url("images/btn_search.png") no-repeat center center;
    border: 0px;
    color: #fff;
    width: 40px;
    font-size: 0;
    height: 23px;
    position: relative;
    top: -4px;
}
.small-searchinput .tile-content input.search_lang_en_GB {
    background: transparent url("images/btn_search_en.png") no-repeat center center;
    width: 60px;
}
.newsletter-form .tile-content span {
    margin: 1em 0;
}
.suggestionform .tile-content textarea {
    width: 95%;
    font-size: 120%;
}
#newsletter-form-register div {
    margin: 10px auto 10px auto;
}

/* ---   LOGIN FORM   -------------------------------------------------------*/

#login-form-error,
#login-form-message,
#newsletter-form-error,
#newsletter-form-message,
.suggestionform .suggestionform-error,
.suggestionform .suggestionform-message,
#searchlog-container-error-message,
#entitycomment-form-error,
#entitycomment-form-message {
    color: #C03D6C;
    font-weight: bold;
    border: 1px solid #888;
    padding: 5px;
    margin-bottom: 5px;
    text-align: center;
}
#login-form-message,
#newsletter-form-message,
#entitycomment-form-message,
.suggestionform .suggestionform-message {
    color: #279634;
}
#login-form-changepassword,
#login-form-lostpassword-container {
    display: none;
}
#login-form-container .submit {
	background: transparent url(images/logg-inn.png) no-repeat center center;
	font-size: 0;
	height: 25px;
	width: 72px;
	float: right;
	border: none;
}
#login-form-container .login_lang_en_GB {
	background: transparent url(images/login.png) no-repeat center center;
}

/* ---   ARTICLE COMMENT   --------------------------------------------------*/

.entitycomment {
    margin: 40px 0 15px 0;
}
.entitycomment h3 {
    padding: 0;
    margin: 0;
}
.entitycomment h2,
.entitycomment-form h3 {
    padding: 5px;
    margin: 0;
}
.entitycomment ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 10px 0;
}
#placeholder-content .entitycomment li,
#placeholder-content .entitycomment-form-content {
    border-top: none;
    padding: 5px;
    margin: 0;
}
#placeholder-content .entitycomment li {
    list-style-type: none;
    border-top: 1px solid #c8d6dc;
    border-bottom: 1px solid #c8d6dc;
    margin-bottom: 10px;
}
#placeholder-content .entitycomment-trackback {
    padding-top: 30px;  
}
#placeholder-content .entitycomment-trackback li {
    list-style-type: none;
    background-color: #f1f2e7;
    border-top: 1px solid #c8d6dc;
    border-bottom: 1px solid #c8d6dc;
    margin-bottom: 10px;
}
.entitycomment-trackback p {
    font-style: italic; 
}
.entitycomment-byline {
    color: #888;
    font-size: .75em;
    font-style: italic;
}
.entitycomment .tile-content {
    padding: 0;
    margin: 0;
}
.entitycomment-form-content table {
    width: 100%;
}
.entitycomment-form-content input {
    width: 325px;
}
.entitycomment-form-content textarea {
    width: 325px;
}
.entitycomment-form-content textarea {
    height: 100px;
}
.entitycomment-form-content .submit {
    width: auto;
}
.entitycomment-urls {
    text-align: right;
}

/* ---   CAPCTHA   ----------------------------------------------------------*/

.capctha-info-container {
    padding-bottom: 15px;   
}
.captcha-regenerate {
    float: left;
}
.captcha-info {
    float: right;
}
.capctha-end {
    height: 1px;
    overflow: hidden;
    clear: both;    
}

/* ---   ARTICLE/RSS LISTS   ------------------------------------------------*/
/* rsslist and small articlelist used on frontpage */

#placeholder-right .newsarchivelink li,
#placeholder-left .newsarchivelink li 			{ margin: 0 0 -1em 0; padding-top: 1em; padding-bottom: 15px; }
.small-rsslist,
.small-fading-content-tile,
.small-articlelist								{ width:360px; margin-left: 20px; float: left; }
.small-rsslist h3,
.small-fading-content-tile h3, 
.small-articlelist h3							{ font-weight: normal; border-bottom: 2px solid #1B485A; font-size: 14px;}
.small-fading-content-tile .header,
.small-articlelist .header						{ border-bottom: none !important; }
.small-fading-content-tile ul li 				{ list-style-type:none;}
.small-fading-content-tile #smallFadeDisplay 	{ height: 140px; }
.small-fading-content-tile #smallFadeDisplay p  { font-size:0.8em; }
.small-rsslist ul li,
.small-articlelist ul li						{ list-style-type: disc; clear: both; margin-left: 20px; }
.small-fading-content-tile #smallFadeDisplay li,
.small-articlelist ul li li						{ border:none; }
.small-rsslist .date,
.small-articlelist ul li .date,
.small-articlelist ul li .entry-prefix			{ display:none; }
.small-fading-content-tile #smallFadeDisplay img,
.small-articlelist ul li img					{ float:left; margin-right:5px; padding:1px; max-width: 60px; border:1px solid #E3E0D9; }
.small-rsslist ul li a,
.small-fading-content-tile #smallFadeDisplay h3 a,
.small-articlelist ul li a						{ font-size: 12px; color: black; font-weight: normal; }
.small-calendarlist .tile-content li,
.small-articlelist li,
.small-rsslist li,
.metadatarelationlist li 						{ padding: 0 0 0.5em 0; }
#placeholder-left .small-rsslist h3,
#placeholder-right .small-rsslist h3 			{ background: url(images/rss-icon.gif) no-repeat right; background-position: 179px 8px; border-bottom: 1px solid #C8D6DC; }
#placeholder-content .small-rsslist h3 			{ font-size: 1.5em; margin: 0 0 15px 0 !important; padding-left: 20px; background: transparent url(images/rss-icon.gif) no-repeat left; }
#placeholder-content .small-rsslist h3 a 		{ color: #000; font-weight: normal; }
#placeholder-content .small-rsslist ul 			{ margin-bottom: 20px; }
#placeholder-content .small-rsslist li a 		{ display: inline; }
#placeholder-content .small-rsslist span.date 	{ display: block; }

.list-navigation								{ padding-top: 15px; }
.list-navigation,
.list-navigation-text 							{ text-align: center; clear:both; }

.small-rsslist h3 a								{ color: #1B485A; font-weight: normal; }

.full-articlelist-twocolumn,
.full-articledisplay							{ padding: 0 0 0 10px; margin-bottom: 0px; /* overflow: hidden; */ }
.full-articlelist 								{ padding: 15px 10px 0 20px; margin-bottom: 0px; overflow: hidden; }
.full-articlelist p 							{ margin: 3px 0 0 0; }
.full-articlelist .date 						{ font-size: 11px; }

.full-articlelist h2{
    font-weight: bold;
    font-size: 13px;
    color: #ad0340; 
    border-bottom:1px solid #ad0340;
}
.full-articlelist .full-articledisplay h2{
    color: #000;    
    border-bottom: none;
}
.full-articlelist .full-articledisplay ul li {
    list-style-type: square;
    }
.full-articlelist ul li {

}
.full-articlelist-twocolumn ul li {
    list-style-type: none;
    width: 215px;
    border-top: 1px solid #e3e0d9;
    border-bottom: none;
    padding-bottom: 5px;
}
.full-articlelist-twocolumn .list-thumbnail-left img {
    max-width: 80px;
    padding: 1px;
    border: 1px solid #e3e0d9;
}

.full-articlelist .articlelist-link-external ul li,
.full-articlelist-twocolumn .articlelist-link-external ul li {
    padding-bottom: 0px;
}

.full-articlelist ul li li,
.full-articlelist-twocolumn ul li li{
    border-bottom: none;
    border-top: none;
    background:none;
}
.full-articlelist ul li .list-thumbnail-right img,
.full-articlelist ul li .list-thumbnail-left img {
    width: 80px;
    padding:1px;
    border: 1px solid #e3e0d9;
    /*margin-bottom: 5px;   */
}

/* regular articlelist and searchresult */

.full-articlelist ul li 											{ clear: both; float:left; width:100%; padding-bottom: 10px; padding-top: 5px;
																		 list-style-type: none; border-bottom: 1px solid #e3e0d9; }

.full-articlelist ul li.first 										{ border-top: 1px solid #e3e0d9; }

/* frontpage main articlelist special view */
.frontpage .full-articledisplay										{ padding: 0 0 0 20px; }
.frontpage .full-articledisplay p									{ margin-bottom: 2px; }
.frontpage .toolbar													{ display: none; }
.frontpage .full-articlelist										{ padding-left: 0px; padding-right: 0; padding-top: 0; }
.frontpage .full-articlelist ul li h1								{ display: none; }
.frontpage .full-articlelist ul li 									{ float:left; width:190px; border: none; clear: none; text-align: right; padding-top: 0; }
.frontpage .full-articlelist ul li p								{ margin: 0; }
.frontpage .full-articlelist ul li .full-articledisplay				{ padding: 0; }

.full-articlelist .articlelist-link-internal ul li,
.full-articlelist-twocolumn .articlelist-link-internal ul li {
    clear: none;
    padding: 0 0 15px 0;
}

.full-articlelist-twocolumn li.even {

    float: right;
    width: 275px;
    padding-left: 5px;
}
.full-articlelist-twocolumn li.odd {
    clear: both;
    float: left;
    width: 270px;
    padding-right: 5px;
}

    div.mstasSearchResultTile ul li#headers{     
             font-weight:bold;   
     }   
         
     div.mstasSearchResultTile a {   
             font-weight:normal;     
             color:black;
             text-decoration: none;      
     }
    div.mstasSearchResultTile ul a span.name {
        text-decoration: underline;
    }
     
     div.mstasSearchResultTile a:hover{      
             text-decoration: underline;
             color: #C03D6C;     
     }
 
     div.mstasSearchResultTile li#headers a{
            font-weight:bold;
     }   
         
     div.mstasSearchResultTile li.odd{   
             background-color:#fff;      
     }   
         
     div.mstasSearchResultTile li.even{      
             background-color:#F1F2E7;   
     }
     
         
     div.mstasSearchResultTile ul li#headers div.name,   
     div.mstasSearchResultTile ul span.name{     
             float:left;     
             width:220px;    
     }   
         
     div.mstasSearchResultTile ul li#headers div.level,      
     div.mstasSearchResultTile ul span.level{    
             float:left;     
             width:75px;     
     }   
         
     div.mstasSearchResultTile ul li#headers div.studypoints,    
     div.mstasSearchResultTile ul span.studypoints{      
             float:left;     
             width:60px;
             text-align:center;      
     }   
         
     div.mstasSearchResultTile ul li#headers div.start,      
     div.mstasSearchResultTile ul span.start{    
             float:left;     
             width:90px;
             padding-left:8px;
     }   
         
     div.mstasSearchResultTile ul li#headers div.campus,     
     div.mstasSearchResultTile ul span.campus{   
             float:left;     
             width:100px;    
     }   
         
     div.mstasSearchResultTile ul li#headers div.department,     
     div.mstasSearchResultTile ul span.department{   
             float:left;     
             width:70px;
             display: none;
                 
     }
    
    div.mstasArticleSearch{
        clear:both;
        width:400px;
        border:1px solid rgb(200,200,200);
        background-color:rgb(248,248,248);
    }
    
    div.mstasArticleSearch textarea,
    div.mstasArticleSearch select {
        width:180px !important;
    }
    
    div.mstasArticleSearch input{
        width:172px;
    }
    
    div.mstasArticleSearch .submit{
        width:380px !important;
        background-color:green;
    }
    
    div.mstasArticleSearch h2,
    div.mstasArticleSearch b{
        padding-left:10px;
    }
    
    


/* ---   SLIDESHOW   --------------------------------------------------------*/

.slideshow {
    margin-bottom: 10px;
}
.slideshow div.tile-content {
    text-align: center;
}
#placeholder-content .slideshow form {
    background: none;
    display: inline;
    padding: 0;
}
#placeholder-content .slideshow-before {
    margin-top: 5px;
}
#placeholder-content .slideshow-image {
    padding: 0px 0 10px 0;
}
.slideshow-before {
    clear: both;
}
.slideshow-previous span,
.slideshow-next span {
    display: none;
}
.slideshow-previous,
.slideshow-next {
    height: 8px;
    width: 9px;
    background: url(images/next.gif) no-repeat;
    border: none;
    float: right;
    padding-bottom: 10px;
}
.slideshow-previous {
    background-image: url(images/previous.gif);
    float: left;
}
.slideshow .tile-content,
.random-image .tile-content {
    text-align: center;
    padding: 10px;
}
.slideshow .tile-content,
.random-image .tile-content {
    text-align: center;
}
#placeholder-content .slideshow .tile-content,
#placeholder-content-no-right .slideshow .tile-content {
    padding: 0px;
}

/* ---   IMAGEFOLDER   ------------------------------------------------------*/
.multimediafolder div.multimediafolder-item {
    float: left;
    height: 145px;
    width: 135px;
    overflow: hidden;   
}
.multimediafolder div.multimediafolder-item a:link,
.multimediafolder div.multimediafolder-item a:visited,
.multimediafolder div.multimediafolder-item a:hover {
    font-weight: normal;
    font-size: 0.75em;
    text-decoration: none;
}
.multimediafolder table {
    width: 100%;    
    border-collapse: collapse;
}
.multimediafolder th {
    text-align: left;
    background-color: #007598;
    color: white; 
}
.multimediafolder td {
    padding: 2px 5px 3px 5px;   
}
.multimediafolder td.even {
    background-color: #EBF0F3;  
}
.multimediafolder tr.desc {
	text-decoration: italic;
}
#placeholder-right .multimediafolder th,
#placeholder-right .multimediafolder .size,
#placeholder-right .multimediafolder .desc {
	display: none;
}
.hiddenimage {
    display: none;
}

.miniimage {
    margin:-30px 0 0 10px;
    padding:5px;
    position:absolute;
    text-align:left;
    
}
.miniimage img {
    max-width: 80px;
    border: 1px solid #E3E0D9;
    padding: 1px;
}

/* ---   CALENDAR   ---------------------------------------------------------*/

.calendar-previous,
.calendar-next {
    height: 8px;
    width: 9px;
    background-image: url(images/previous.gif);
    background-repeat: no-repeat;
    border: none;
}
.calendar-next {
    background-image: url(images/next.gif);
}
#placeholder-right .small-calendar-popup {
    display: none;
}
#placeholder-content .small-calendar-popup {
    display: block;

/* Hennings tillegg */
    background: none; 
}

#placeholder-content .small-calendar-popup h4 {
    display: none;
}
#placeholder-content .small-calendar-popup {
list-style:none;
}

#placeholder-content .small-calendar-popup-close {
    display: none;
}

#placeholder-content .small-calendar td{
    text-align: left;
    height: 50px;
    max-width: 78px;
    min-width: 70px;
    overflow:hidden;
}

.datepicker table,
.small-calendar table {
    width: 100%;
    border-collapse: collapse;
}

.datepicker td,
.small-calendar td {
    text-align: center;
}
.small-calendar .calendar-header td.previous,
.small-calendar .calendar-header td.next {
    width: 15%;
    text-align: left;
}
.small-calendar .calendar-header td.next {
    text-align: right;
}
.small-calendar ul,
.small-calendar li {
    margin: 0;
    list-style:none
}
.small-calendarlist .tile-content li {
    padding: 0 0 0 0;
    padding-top: 3px;
}

.small-calendarlist h3{
    border-bottom: 1px #33528f solid;   
}

.small-calendarlist .tile-content li a,
.small-articlelist li a,
.hotlinkslist-tile li a,
.small-rsslist li a,
.metadatarelationlist li a {
    display: block;
}
.small-calendar-popup {
    display:inline;
    position: inherit; 
    background: url(images/popup_calendar.png);
    border: 2px solid #fff;
    text-align: left;
    padding-left: 0px;
    padding-top: 5px;

}
#placeholder-right .small-calendar-popup {
    margin-left: -300px;
}
.small-calendar-popup h4 {
    font-size: 120%;
    padding: 0;
    margin: 0;
}
.small-calendar-popup-close {
    text-align: right;
}
a.window-close-button {
    text-indent: 9999px;
    border: 0px;
    background: url(images/close.gif) no-repeat;
    display: block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 10px;
}
.small-calendar div.tile-content div.small-calendar-popup ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.datepicker-popup table.calendar-layout td,
.small-calendar .calendar-layout td {
    border: 1px solid #c8d6dc;
    background: #fff;
}
.datepicker-popup td.today,
.small-calendar td.today {
    background: #c8d6dc;
    font-weight: bold;
}
.datepicker .calendar-layout td.inactive,
.small-calendar td.inactive {
    background: #f1f2e7;
}

.small-rsslist .tile-content .date,
.small-calendarlist .tile-content .date {
    color: #093A80;
    font-size: 0.90em;
    font-weight: bold;
}
.small-calendarlist .tile-content ul li {
    list-style-type: none;
}
.small-calendarlist .tile-content li a {
    background: transparent url(images/arrow1.png) no-repeat;
    background-position: left top;
    padding: 0px 0px 0px 15px;
    
}

.small-articlelist .simpleviewclass li a {
    background:transparent url(images/arrow1.png) no-repeat scroll left center;
    padding:0 0 0 15px;
}

.small-articlelist .simpleviewclass ul li .digest,
.small-articlelist .simpleviewclass ul li .list-thumbnail-left,
.small-articlelist .simpleviewclass ul li .list-thumbnail-right,
.small-articlelist .simpleviewclass ul li .articlelist-link-internal,
.small-articlelist .simpleviewclass ul li .articlelist-link-external {
    display: none;  
}
.small-articlelist .simpleviewclass ul li {
    border: none;
    padding: 0 0 0.3em;
    }
#placeholder-left .small-articlelist .simpleviewclass ul li h3,
#placeholder-right .small-articlelist .simpleviewclass ul li h3 {
    padding: 0 0 0.3em;
    
    }

#placeholder-content .calendar-header td{
font-size:140%;
font-weight:bold;
text-align:center;

}

/* ---   SEARCH   -----------------------------------------------------------*/

.full-searchinput 					{ margin-bottom: 30px; padding-left: 20px; }
.full-searchinput input.textinput 	{ margin-bottom: 0.5em; width: 200px; }

/* ---   DATEPICKER   -------------------------------------------------------*/

.datepicker-popup {
    display: none;
    padding: 10px;
    margin-left: 10px;
    background: url(images/popup_calendar.png);
    border: 2px solid #fff;
    width: 200px;
    text-align: center;
}
.datepicker {
    display: inline;
    padding-right: 20px;
}
.datepicker input {
    width: 75px;
}
.advanced-searchinput select {
    width: 400px;
}
.advanced-searchinput input.searchstring {
    width: 335px;
}
.datepicker-nav {
    display: inline;
}
.datepicker-nav a:link,
.datepicker-nav a:visited,
.datepicker-nav a:hover {
    text-decoration: none;
}
.datepicker-previousyear {
    padding-right: 5px;
}
.datepicker-nextyear {
    padding-left: 5px;
}
.datepicker-popup table.calendar-header {
    font-weight: bold;
}
.datepicker-nav {
    font-size: .75em;
}
.datepicker-nav a:link,
.datepicker-nav a:visited,
.datepicker-nav a:hover {
    text-decoration: none;
}
.datepicker-previousyear {
    padding-right: 5px;
}
.datepicker-nextyear {
    padding-left: 5px;
}
.advanced-searchinput select,
.advanced-searchinput input {
    margin-top: 5px;
}

/* ---   SIMPLE WEBSHOP   ---------------------------------------------------*/

.full-productdisplay-priceorder {
    float: right;
    background: #f1f2e7;
    padding: 5px 15px 10px 25px;
    margin: 10px 0 5px 5px;
}
#placeholder-content form {
    display: inline;
    padding: 0;
    margin: 0;
    background-color: transparent;
}
.full-productdisplay-priceorder .price,
.full-productdisplay-priceorder div {
    text-align: center;
    margin-top: 3px;
}
.full-productdisplay-priceorder input,
.full-productdisplay-priceorder select {
    margin-top: 5px;    
}
.full-productdisplay-priceorder label {
    float: left;
    width: 50px;
    margin-top: 7px;
    clear: both;
}
.full-productdisplay-priceorder .price {
    font-size: 1.25em;
    font-weight: bold;  
}
#placeholder-content .webshop-checkout .tile-content form {
    background-color: transparent;
}
.webshop-step-indicator {
    float: right;
}
.webshop-step-indicator ul {
    margin: 0px;
    padding: 0px;
}
.webshop-step-indicator li {
    list-style-type: none;
    display: block;
    float: left;
    width: 20px;
    border: 2px solid #c8d6dc;
    margin-left: 5px;
    text-align: center;
}
.webshop-step-indicator li.step-done {
    border: 2px solid #c8d6dc;
    background-color: #f1f2e7;
    font-weight: bold;
}
.webshop-step-indicator li.active {
    border: 2px solid #568699;
    background-color: #f1f2e7;
    color: #000;
    font-weight: bold;
}
.webshop-checkout table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-bottom: 20px;
}
.webshop-checkout table tr.even {
    background-color: #fff;
}
.webshop-checkout table tr.basetotal td {
    border-bottom: 3px double #000;
    padding-top: 10px;
}
.webshop-checkout fieldset {
    margin-bottom: 10px;
    background-color: #f1f2e7;
}
.webshop-checkout table tr th {
    text-align: left;
    font-style: italic;
    padding-bottom: 10px;
}
.webshop-checkout table tr th.right-align {
    text-align: right;
}
.webshop-checkout table tr.productrow td {
    vertical-align: top;
}
.webshop-checkout table td.currency {
    text-align: right;
    font-family: monospace;
    width: 100px;
}
.webshop-checkout table tr.productrow td.input,
.webshop-checkout table tr.productrow td.remove {
    text-align: right;
}
.webshop-checkout table tr.productrow td input.amountfield {
    width: 30px;
    text-align: right;
}
.webshop-checkout div.shippingtext {
    clear: both;
    padding-top: 15px;
}
.webshop-checkout input.error {
    border: 2px solid red;
}
.webshop-checkout input.submit {
    float: right;
}
.webshop-checkout div.errormessage fieldset {
    border: 2px solid #f00;
}
#placeholder-content .list-productdisplay form,
#placeholder-content-no-right .list-productdisplay form {
    background-color: transparent;
    display: inline;
}
.webshop-list-priceorder {
    float: right;
    padding: 5px 10px 5px 10px;
    margin-left: 10px;
    background-color: #f1f2e7;
    width: 180px;
    height: 30px;
    text-align: right;
}
.webshop-list-price {
    font-size: 1.25em;
    font-weight: bold;
    padding-top: 5px;
    float: left;    
}

/* ---   IFRAME TILE   ------------------------------------------------------*/

#placeholder-left .iframe-tile iframe,
#placeholder-right .iframe-tile iframe {
    width: 176px;
    border: none;
    padding: 0;
    margin: 0;
}
#placeholder-content .iframe-tile h3 {
    display: none;
}
#placeholder-content .iframe-tile iframe {
    margin-top: 10px;
    width: 555px;
    border: none;
}
#placeholder-content-no-right .iframe-tile iframe {
    margin-top: 10px;
    width: 730px;
    border: none;
}

/* ---   DIRECT EDIT   ------------------------------------------------------*/

div.directedit-link-container {
    text-align: right;
}
div.directedit-link-container ul {
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0;
}
div.directedit-link-container li {
    display: inline !important;
}
.small-articledisplay div.directedit-link-container li {
    margin: 0px;
    padding-bottom: 2px;
}
div.directedit-link-container li a:link,
div.directedit-link-container li a:visited,
div.directedit-link-container li a:hover {
    padding: 0px 0px 4px 20px;
    margin-left: -5px;
    height: 16px;
    text-transform: none;
    background-repeat: no-repeat;
    border: 0px;
    text-decoration: none;
}
div.directedit-link-container li span {
    display: none;
}
div.directedit-link-container li a.edit-article {
    background-image: url(images/directedit/article-edit.gif);
}
div.directedit-link-container li a.new-article {
    background-image: url(images/directedit/article-new.gif);
}
div.directedit-link-container li a.delete-article {
    background-image: url(images/directedit/article-delete.gif);
}
div.directedit-link-container li a.new-category {
    background-image: url(images/directedit/category-new.gif);
}
div.directedit-link-container li a.edit-category {
    background-image: url(images/directedit/category-edit.gif);
}
div.directedit-link-container li a.delete-category {
    background-image: url(images/directedit/category-delete.gif);
}


#placeholder-bottom .directedit-link-container {
	display: none;
}

/* ---   LIGHTBOX   ---------------------------------------------------------*/

#lightbox-overlay {
    /* 
       Because of a Firefox bug (linux/osx) causing flash to become invisible
       when rendered above a fixed layer background, the lightbox javascript
       will override this background color, and set it to a transparent png
       image. Make sure that the image has the same color and opacity as the
       background configured here. The lightbox.js will by default set opacity
       to 80% and set background image to:
       projectroot/html/images/lightbox/ff-overlay-img.png
       
       More info: http://www.findmotive.com/2006/10/02/firefox-flash-bug-update/
    */
         
    z-index: 999;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#lightbox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
#lightbox-container {
    z-index: 1000;
    position: relative;
    border: 1px solid #dedede;
    top: 50px;
    margin: auto;
    overflow: hidden;
    width: 750px;
    max-height: 75%;  
    background: #fff;
}
#lightbox-spinner {
    background: #fff url(images/lightbox/spinner.gif) center no-repeat;
    width: 220px;
    height: 19px;
    margin: 15% auto;
}
#lightbox-container {
    padding: 15px 20px 10px 20px;
}
#lightbox-close-container {
    position: absolute;
    right: 0;
}
#lightbox-close span {
    display:none;
}
#lightbox-close {
    display: block;
    width: 101px;
    height: 9px;
    margin-right: 10px;
    background: url(images/lightbox/close-no.png) no-repeat 10px;
}

/* ---   TOOLTIP   ----------------------------------------------------------*/

#tooltip a:link,
#tooltip a:visited,
#tooltip a:hover {
    color: #000;    
}
#tooltip {
    color: #000;
}
#tooltip-top {
    background: url(images/tooltip-top.gif) no-repeat;
    height: 14px;
}
#tooltip-content {
    padding: 5px 10px 5px 10px;
    background: #fff588;
    border-right: 1px solid #746f32;
    border-bottom: 1px solid #746f32;
}

.toolbar { float: right; width: 20px; overflow: hidden; margin: 13px 5px 0 0; }
.print_link { background: url(images/print.gif) no-repeat; padding-left: 20px; display: block; }

html {overflow-y: scroll;}

.employeelist th { text-align: left; }
.employeelist .even { background-color: #EBF0F3; }

.uploadtile input { font-size: 8px; position: relative; left: -8px; margin: 5px 0 5px 0; }
.uploadtile input.submit { font-size: 12px; position: relative; left: 0px; margin: 0; }

.ctwebform-element-validationerror { font-weight: bold; color: red; }

.random-image { overflow: visible }
.random-image h3 { display: none; }
#placeholder-right .random-image .tile-content { padding: 0; }
#placeholder-right .random-image .tile-top { background: none; }
#placeholder-right .random-image .tile-bottom { background: none; text-align: center; font-style: italic; overflow: visible; }