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

#container {
	background-image: url(images/canvas.png);
	background-repeat: repeat-y;
	width: 984px;
	margin: 0px auto 20px auto;
	overflow: hidden;
	padding: 0px 0px 0px 8px;	
	
}
#placeholder-top {
	width: 965px;
    height: 142px;
	padding: 0 0 0 0;
	margin-bottom: 1em;
	float: left;	
}


#placeholder-left {
	float:left;
	width: 200px;
	/*margin-bottom: 10px;*/
	margin-top: 15px;
	padding: 0px 0px 0px 5px;
}
#placeholder-content-no-right {
    padding: 20px 0px 20px 20px;
    width: 730px;
    padding-top: 16px;
    float: left;
    overflow: hidden;
}
#placeholder-content {
	float: left;
	width: 531px;
	padding: 24px 10px 0px 19px;
	
	overflow: hidden;
}

#placeholder-content-frontpage {
	float: left;
	width: 500px;
	padding: 15px 5px 0px 5px;
	
	overflow: hidden;
}

#placeholder-right {
	width: 200px;
	margin-bottom: 20px !important;
	float: left;
	padding-top: 28px;
	
}
#placeholder-right-frontpage {
	width: 260px;
	
	float: left;
	padding-top: 15px;
}
#placeholder-bottom {
	
	background-image: url(images/bottom.png);
	background-repeat: no-repeat;
	background-color: #EBEBED;
	
	/*padding-left: 8px;*/
	clear: both;
	height: 50px;
	position:relative;
	left: -8px;
	
}
#placeholder-left .tile-content,
#placeholder-right .tile-content,
#placeholder-right-frontpage .tile-content {
	padding: 10px;
}
#placeholder-left .tile-common,
#placeholder-right .tile-common,
#placeholder-right-frontpage .tile-common {
    margin-bottom: 5px;
}

#placeholder-bottom .tile-content {
	/*padding: 0px 10px 5px 0;*/
	/*margin: 0 0 0 45px;*/		
	
}
#placeholder-bottom .tile-content p {
	
	/*background-color: transparent;*/
	padding:  0;
	margin: 0;
	position: relative;
	top: 15px;
	left: 45px;
}

#placeholder-left .tile-content p {
	padding: 0px;
	margin: 0px;
}

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

.list-thumbnail-right,
.list-thumbnail-left {
    float: right;
    padding-left: 10px;
}
.list-thumbnail-center {
    text-align: center;
    padding-bottom: 10px;
}
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 {
	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   ----------------------------- */

body, html {
	height: 100%;
}
body {
	color: #000;
	background: #EBEBED;
	
	font-family: Verdana, Arial, Helvetical, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.6;
}
h1 {
	font-size: 1.8em; /* 10px x 2em = 20px */
	font-weight: normal;
}
h2 {
	font-size: 1.4em;
	font-weight: normal;
}
h3 {
	font-size: 1.2em;
}
a:link,
a:visited,
a:hover {
	color: #1b485a;
	font-weight: bold;
	text-decoration: underline;
}
a:visited {
	color: #568699;
	text-decoration: underline;
}
a:hover{
	color: #568699;
	text-decoration: none;
}
img {
	border: 0;
}
/* To set list styles for article content you will have to style the article
   content spesifically. Search for ".full-articledisplay ul".               */
ul,
ul li {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}
form {
	margin: 0;
	padding: 0;
}
a.submit,
input,
textarea,
select {
	padding: 3px;
	border: 1px solid #c8d6dc;
}

table {
	border-collapse: collapse;
	border-left: 0px;
	border-right: 0px;
}
td {
	border: 0px;
}

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

button.submit,
input.submit,
.cpform-button {
	background: #568699;
	color: #fff;
	border: 1px solid #1b485a;
	font-weight: bold;
	padding: 0 .5em 0 .5em;
	margin: .5em 0;	
	font-size: 1em;
}
span.required-field {
    color: #f00;
    font-weight: bold;
}
#placeholder-content h1,
#placeholder-content-frontpage h1,
#placeholder-content-no-right h1 {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	padding-bottom: .6em;
	font-size: 1.4em;
}
#placeholder-content h1 {
	padding-bottom: 0;
}

#placeholder-content-frontpage h1 {
	padding-bottom: .4em;
}
	

#placeholder-content h3,
#placeholder-content-frontpage h3,
#placeholder-content-no-right h3 {
	margin: 0;
	padding: 0;
}

#placeholder-content h3 a,
#placeholder-content-frontpage h3 a,
#placeholder-content-no-right h3 a{
	color: #32557b;
	text-decoration: none;
}

#placeholder-content p,
#placeholder-content-frontpage p,
#placeholder-content-no-right p {
	margin: 0 0 1em 0;
	padding: 0;
}
#placeholder-left h3,
#placeholder-right h3,
#placeholder-right-frontpage h3 {
	margin: 0;
	padding: 0px 0 0px 10px;
}
#placeholder-right h3,
#placeholder-right-frontpage h3 {
	padding-left: 10px;
}

#placeholder-top {
	color: #ffffff;
	text-decoration: none;
	background-color: #ffffff;
	background-image: url('images/Oversiktbilde_skumring_rev1_755.jpg');
	background-repeat: no-repeat;
	background-position: right 9px;	
	
}
#placeholder-right .tile-content,
#placeholder-right-frontpage .tile-content {
	background-color: #f1f2e7;
	/*border: 2px solid #c8d6dc;*/
}
#placeholder-left .small-articledisplay-nolayout div.tile-content,
#placeholder-right .small-articledisplay-nolayout div.tile-content,
#placeholder-right-frontpage .small-articledisplay-nolayout div.tile-content {
	background: none;
	border: none;
	padding: 0px;
}

#placeholder-right .small-articledisplay-nolayout p,
#placeholder-right-frontpage .small-articledisplay-nolayout p,
#placeholder-bottom .small-articledisplay-nolayout p{
	padding: 0px;
	margin: 0px;
}
	


#placeholder-content,
#placeholder-content-frontpage,
#placeholder-content-no-right {
	background-color: #fff;
}
#placeholder-content form,
#placeholder-content-no-right form {
	padding: 10px;
}
#placeholder-bottom {
	color: #1b485a;
}
#placeholder-bottom .tile-content {
	padding: 0px;
	text-align: center;
	margin: 0px;
}



#placeholder-left h3,
#placeholder-right h3,
#placeholder-right-frontpage h3 {
	/*background: #c8d6dc;*/
	/*color: #1b485a;*/
	background: #E8B925;
	color: #fff;
	height: 20px;	
	
}

#placeholder-left h3 {
	margin: 0px;
	padding: 0 0 0 9px;
	
	
}

#placeholder-left h3 span{
	position: relative;
	top: -1px;
	
	
	
	
	
}

#placeholder-left .vertical-menu h3 {
	display: none;
}

#placeholder-content form,
#placeholder-content-no-right form {
	background: #f1f2e7;
}
#placeholder-left h3,
#placeholder-right h3,
#placeholder-right-frontpage h3 {
	/*font-size: 1em;*/
	/*font-weight: bold;*/
	font-weight: 500;
	text-transform: uppercase;
	font-size: 13px;
}

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 {
	position:relative;
	top: 15px;
	left: 535px;
	/*margin: 0.1em 0 0 510px;*/
	width: 430px;
	text-align:right;
}

#placeholder-top .language-selector ul {
	padding: 0px;
	
}

#placeholder-top .language-selector li {
	display: inline;
	padding-left: 1px;
	
}


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

#placeholder-top .page-header span.logo {
	font-size: 2.5em;
}
#placeholder-top .page-header span.logo a:link,
#placeholder-top .page-header span.logo a:visited,
#placeholder-top .page-header span.logo a:hover {
    color: #fff;
}
#placeholder-top .page-header {
	
	float: left;
	position: absolute;
	top: 50px;
	padding-left: 5px;
}
#placeholder-top .page-header span.logo {
	padding: 0;
	margin: 0;
}

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

#placeholder-top .horizontal-menu h3 {
	display: none;
}
#placeholder-top .horizontal-menu {
	position: absolute;
	top: 132px;
	width: 960px;

	float: left;
}

#placeholder-top .horizontal-menu ul {
	float: left;
    margin: 0px 5px 0px 5px;
	width: 100%;
	background-color: #013b63;
    height: 20px;

}
#placeholder-top .horizontal-menu ul li {	
	/*margin: 0 13px 0px 13px;*/
	padding: 0px 15px 1px 13px;
	float: left;
	background-image: url('images/menu-vertical-bar.png');
	background-position: center right;
	background-repeat: no-repeat;
	
}

#placeholder-top .horizontal-menu .last{	
	background-image: none;
	
}

#placeholder-top .horizontal-menu a,
.language-selector a {
	color: #fff;
	text-decoration: none;
	/*font-weight: 500;*/
	font-weight: normal;
	text-transform: uppercase;	

}
#placeholder-top .horizontal-menu a:visited,
.language-selector a:visited {
	color: #fff;
}

#placeholder-top .horizontal-menu li.active a {
	color: #cd7b1c;
    
}

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

.hover-menu h3 {
    display: none;
}
.hover-menu a:link,
.hover-menu a:visited,
.hover-menu a:hover {
    color: #fff;
}
.hover-menu {
    float: right;
}
.popup-root div {
    display: inline;
    padding-right: 20px;
    position:absolute;
    z-index:50;
}
.popup-root div div {
    display: block;
    width: 180px;
    padding-right: 10px;
    white-space: nowrap;
}
.hovermenuitem span {
    padding: 0;
    display: block;
}
.hovermenuitem a:link,
.hovermenuitem a:visited,
.hovermenuitem a:hover {
    color: #1b485a;
}
.hovermenuitem {
    top:16px;   /* hovermenu sub offset to parent */
    left:40px;  /* hovermenu sub offset to parent */
    position:absolute;
    padding: 10px;
    z-index: 100;
    background: #c8d6dc;
    color: #1b485a;
    border: 2px solid #1b485a; 
}




.hovermenuitem {
    z-index: 110; 
}
.hovermenuitem
.hovermenuitem {
    z-index: 120;
}
.hovermenuitem
.hovermenuitem
.hovermenuitem {
    z-index: 130;
}
.hovermenuitem
.hovermenuitem
.hovermenuitem
.hovermenuitem {
    z-index: 140;
}
.hovermenuitem
.hovermenuitem
.hovermenuitem
.hovermenuitem {
    z-index: 150;
}






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

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

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

.sitelocator {
	float: left;
	position:absolute;
	top: 153px;
	width: 950px;
	margin-left: -200px;
	padding: 0px 0 0px 0;

}
.sitelocator li {
	background: url(images/sitelocator_separator_master.gif) no-repeat right .65em;
	font-size: 0.8em;
}
.sitelocator h3 {
	font-size: 0.8em;
	font-weight: normal;
	margin: 0;
	padding-left: 8px !important;
	display: block;
	float:left;
}
.sitelocator ul,
.sitelocator li {
	list-style: none;
	display: block;
	float:left;
	padding-right: 10px !important;
	padding-left: 5px !important;

}
.sitelocator ul li.first{
	margin-left: -7px;	
	
}
.sitelocator ul {
	
	
}
.sitelocator li.last {
	background: none;
}

#placeholder-content .sitelocator {
	margin-left: -214px;
}

/* ---   VERTICAL MENU   ----------------------------------------------------*/

#placeholder-left .vertical-menu {
	padding-top: 13px;
}

#placeholder-left .vertical-menu .tile-content {
	padding: 10px 0;
	background-color: #ebebed;
}
.vertical-menu ul {
	line-height: 1.5;
	
}
.vertical-menu li {
	
    padding: 1px 0 2px 13px;
}

.vertical-menu li li {
	
}
.vertical-menu li.first {
    border: 0;
}

.vertical-menu li li {
	border-bottom: 0;
	margin-right: 0px;
	margin-left: -10px;
	padding-left: 30px;
}
.vertical-menu li li li {
	border-bottom: 0;
	margin-right: 0px;
	margin-left: -30px;
	padding-left: 50px;
}
.vertical-menu li.active {
    /*background: url(images/verticalmenu-active-bg.gif) repeat-x;*/
    background-color: #013b63;
    
    
}

.vertical-menu a{
	text-decoration: none;
	text-transform: uppercase;
	color: #013b63;
}

.vertical-menu a:hover{
	color: #cd7b1c;
}

.vertical-menu li.active a{
	color: #fff;
	
}


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

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

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

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


.small-articledisplay p {
	padding: 0;
	padding-bottom: 10px;
	margin: 0;

}

#placeholder-content .full-articledisplay {
	padding-bottom: 8px;	
}

#placeholder-content .full-articledisplay object{
	position: relative;
	top: -3px;
		
}

#placeholder-content-frontpage .full-articledisplay {
	color: #32557b;	
}

#placeholder-content-frontpage .small-articledisplay-nolayout p{
	padding: 0;
	padding-bottom: 3px;
	margin: 0;	
}

#placeholder-content .full-articlelist li h3 {
	padding-bottom: 3px;
}

#placeholder-content .full-articlelist li {
	padding-right: 10px;
}
	
#placeholder-content .full-articlelist li p {
	font-weight: bold;
	margin-bottom: 5px;	
}



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

#placeholder-bottom a {
	font-weight: bold;
	
}

#placeholder-bottom .small-articledisplay-nolayout {
	padding-top: 3px;
	color: #000;	
}

#coretrek-colofon {
    position: absolute;
	padding: 0.8em 10px 0 22px;
	margin: 10px 0;
	float: left;
	z-index: 1;
	
	
}

#coretrek-colofon a {
    color: #c0c0c0;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;    
}

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

.newsletter-form .tile-content input.textinput,
.login-form .tile-content input.textinput,
.suggestionform .tile-content input.textinput,
.small-searchinput .tile-content input.textinput {
	width: 95%;
	margin-bottom: .5em;
}
.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: #962727;
    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;
}

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

#placeholder-right .newsarchivelink li,
#placeholder-left .newsarchivelink li {
	margin: 0 0 -1em 0;
	padding-top: 1em;
	border-top: #c8d6dc dashed 1px; 
}
.small-calendarlist .tile-content li,
.small-articlelist li,
.small-rsslist li,
.metadatarelationlist li {
	padding: 0 0 0 0;
}

#placeholder-left .small-articlelist .tile-content {
	padding-top: 5px;
	padding-bottom: 14px;
	
}

.small-articlelist li {
	background: url(images/list-bullet.jpg) no-repeat 5px 7px;
	padding-left: 19px;
	font-family: Arial, Helvetical, sans-serif;
	
}

.small-articlelist li span.date{
	display: none;
}

#placeholder-left .small-rsslist h3,
#placeholder-right .small-rsslist h3 {
    background: #c8d6dc url(images/rss-icon.gif) no-repeat right;
    background-position: 179px 8px;
}
#placeholder-left .metadatarelationlist h3,
#placeholder-right .metadatarelationlist h3 {
    background: #c8d6dc url(images/relation-icon.gif) no-repeat right;
    background-position: 176px 8px;
}
#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 {
	text-align: center;
	padding-top: 0px;
	margin-top: -4px;	
}
.list-navigation-text {
	text-align: center;
}
.full-articlelist-twocolumn,
.full-articledisplay,
.full-articlelist {
	padding-bottom: 0em;
}

#placeholder-content-frontpage .full-articledisplay {
	margin-top: 8px;	
	margin-left: 13px;
}

#placeholder-content-frontpage .full-articledisplay p{
	line-height: 1.4em;	
}

.full-articlelist ul li,
.full-articlelist-twocolumn ul li {
    padding-bottom: 8px;
}
.full-articlelist ul li {
    clear: both;
}
.full-articlelist .articlelist-link-internal ul li,
.full-articlelist-twocolumn .articlelist-link-internal ul li {
    clear: none;
    padding: 0 0 10px 0;
}
.full-articlelist-twocolumn li.odd {
    clear: both;
    float: left;
    width: 245px;
}
.full-articlelist-twocolumn li.even {
    float: right;
    width: 245px;
}

/* ---   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: #c8d6dc;
    color: #46485a;	
}
.multimediafolder td {
    padding: 2px 5px 3px 5px;	
}
.multimediafolder td.even {
    background-color: #f1f2e7;	
}

/* ---   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);
}
.small-calendar-popup {
    display: none;
}
.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: .5em 0;
}
.small-calendarlist .tile-content li {
	padding: 0 0 1.4em 0;
}
.small-calendarlist .tile-content li a,
.small-articlelist li a,
.small-rsslist li a,
.metadatarelationlist li a {
	display: block;
}

.small-articlelist li a {
	text-decoration: none;
	font-weight: normal;
	color: #000066;
}



#placeholder-left .small-articlelist {
	padding-top: 12px;
	background-color: #ebebed;	
	
}



.small-calendar-popup {
	position: absolute;
	width: 300px;
	background: url(images/popup_calendar.png);
	border: 2px solid #fff;
	text-align:left;
	padding: 10px;
}
#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;
}

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

.full-searchinput {
    margin-bottom: 30px;
}
.full-searchinput input.textinput {
    width: 300px;
}

/* ---   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: 510px;
    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);
}

/* ---   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;
    top: 200px;
    margin: auto;
    overflow: hidden;
    width: 190px;
    max-height: 75%;  
    background: transparent url(images/forecastshadow.png) no-repeat;
    
}
#lightbox-spinner {
    background: #fff url(images/lightbox/spinner.gif) center no-repeat;
    width: 190px;
    height: 19px;
    margin: 15% auto;
}
#lightbox-container {
    padding: 6px 0px 40px 6px;
}
#lightbox-close-container {
    position: absolute;
    right: 0;
    top: 320px;
}
#lightbox-close span {
    /*display:none;*/
    
}
#lightbox-close {
    display: block;
    width: 101px;
    height: 30px;
    margin-right: 14px;
    /*background: url(images/lightbox/close-no.png) no-repeat;*/
    background: url(images/forecastbtn.png) no-repeat;
    padding: 4px 0px 0px 24px;
    text-decoration: none;
    text-transform: uppercase;
    
    
}


	

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



#placeholder-right .small-articledisplay-nolayout h3 {
	margin-top: 14px;
}

#small-metadata-articledisplay h3,
#placeholder-right .small-articledisplay-nolayout h3 {
	font-size: 1em;
	font-weight: bold;
	background: transparent;
	color: #000;
	padding: 0;
	margin: 0px;
	position: relative;
	top: -5px;
}



/* ------------------------------------------------------------------------- */
/*     Design -  2007 MUX MediaLab, Norway                                   */
/*     CSS    -  2007 CoreTrek and MUX MediaLab (www.muxmedialab.no)         */
/* ------------------------------------------------------------------------- */