/* Styles for "NCFF" - overrides main.css */

/* ------------------------- Tags -----------------------------*/
body
{
	background: url(/images/ncff/bg-body-ncff.png) no-repeat scroll center 0 #eceff0;
}

A {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted;
}
A:visited {
	COLOR: #be2930
}

h1,h2,h3,h4,h5,h6 {
	COLOR: #485259;
}
/*-------------------------General------------------------------*/
#page .read-more:hover,
#page .read-more:focus,
#page .read-more:active,
#page .open-doc:hover,
#page .open-doc:focus,
#page .open-doc:active{
	border-bottom:1px dotted #be2930;
	color: #be2930;
}
/* ------------------------- Header -----------------------------*/
#header {
	BORDER-RIGHT: #5e696f 1px solid; BACKGROUND: url(../images/ncff/bg-header.png) #be2930 repeat-x; BORDER-LEFT: #5e696f 1px solid; min-height:130px;
}

#header H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 30px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 5px;
}
#header H1 a{
	color: #fff
}


/* ------------------------- Footer -----------------------------*/

#footer div{
	background:url(../images/ncff/bg-footer-divider.png) no-repeat center 0;
}
#footer A:hover {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted
}
#footer A:hover {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted
}
#footer A:hover {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted
}
#footer img.right{
	margin-left:300px;
	float:none;
    margin-bottom:0;
}
#footer a.imglink  {
    border-bottom:0 none;
}

/* ----------------------- main header ---------------------------*/

#main-header .headertext {
	background:url(../images/ncff/bg-heading-ncff.png) no-repeat scroll 0 0 #eceff0;
}
#main-header H1 {
	COLOR: #be2930; 
}
#main-header .notheme {
	COLOR: #be2930
}
#main-header H1.notheme {
	COLOR: #be2930
}
#main-header span{
	border: solid 1px #bec6cb;
}

/* ----------------------- main content ---------------------------*/

#main-content H1 {
	COLOR: #485259;
}
#main-content h2 a{
	color:#485259;
	BORDER-BOTTOM: #485259 1px dotted;
}

#main-content .custom-page-list LI SPAN {
	COLOR: #be2930
}

#main-content hr{
	border-top:1px solid #bec6cb;
	background:url(/images/ncff/bg-divider-big.png) no-repeat center -1px;
}

#main-content #page-ingress-list li
{
	background: url(../images/ncff/bg-divider-big.png) no-repeat center bottom;

}

#main-content table{
	border-top:1px solid #bec6cb;
	border-right:1px solid #bec6cb;
}
#main-content td,
#main-content th{
	border-left:1px solid #bec6cb;
	border-bottom:1px solid #bec6cb;
}
#main-content td{
	color:#5e696f;
}
#main-content .alternate td{
		background:#eceff0;
	}
#main-content th{
	background:#5e696f;
}

#main-content .xform td{
	color:#5e696f;
}
#main-content-wrapper .page-list a{
		color:#3c474e;
		background:url(/images/ncff/ico-arrow-link-list-item.png) no-repeat right 8px;
	}	
	#main-content-wrapper .page-list a.newwindow{
		background:url(/images/ncff/ico-arrow-link-list-outitem.png) no-repeat 433px 8px;		
	}
#main-content-wrapper .page-list{
	background:#eceff0;
	border-right:1px solid #bec6cb;
	border-bottom:2px solid #bec6cb;
}
	#main-content-wrapper .page-list li{
		border-top:1px solid #bec6cb;
	}
	#main-content-wrapper .page-list a:hover,
	#main-content-wrapper .page-list a:active,
	#main-content-wrapper .page-list a:focus{
		color:#be2930;
	}	
	#main-content-wrapper .page-list .first a{
		border-top:1px solid #eceff0;		
	}
	
#main-content .custom-page-list li span {
	color:#be2930;
}

#page .read-more:active{
	border-bottom:1px dotted #be2930;
	color: #be2930;
}
/*---------Document list---------*/
#main-content div.AspNet-TreeView .alternate{
		background:#eceff0;
}
/*---------Person list---------*/
#main-content .personalsearchresult #page-ingress-list li.alternate {
    background:#eceff0;
}

/*------------------------related content-------------------------*/
#related-content .related-main-content{
	background: url(../images/ncff/bg-divider-small.png) no-repeat center bottom;
}



/* ----------------------- read-more ---------------------------*/

#page .read-more {
	BACKGROUND: url(../images/ncff/ico-arrow-read-more.png) no-repeat 0px 5px; 
	}
#page .read-more:hover {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted
}
#page .read-more:focus {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted
}
#page .read-more:active {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted
}

/* ----------------------- Bread-crumbs --------------------------*/

#bread-crumbs A:hover {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted
}
#bread-crumbs A:focus {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted
}
#bread-crumbs A:active {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted
}

/* -------------------------- Paging -----------------------------*/
#paging-links .number {
	background: #bec6cb url(../images/ncff/bg-paging-link.png) repeat-x 0 bottom;
	border-right: solid 1px #3c474e;
	color: #3c474e;
}

#paging-links a.number:hover,
#paging-links a.number:active,
#paging-links a.number:focus{
	background: #da2f36 url(../images/ncff/bg-paging-active-link.png) repeat-x 0 bottom;
}
#paging-links .currentpage {
	background: #da2f36 url(../images/ncff/bg-paging-active-link.png) repeat-x 0 bottom;
	color: #fff;
}
#paging-links .prev {
	background: url(../images/ncff/bg-paging-left-arrow.png) no-repeat center bottom;
}
#paging-links .next {
	background: url(../images/ncff/bg-paging-right-arrow.png) no-repeat center bottom;
}


/* ------------------ Functions-navigation -----------------------*/
#functions-navigation li{
	border-left:1px solid #bec6cb;
}

/* --------------------- Main-navigation ------------------------*/

#main-navigation{
	border-top:1px solid #be2930;
}
#main-navigation .main-menu{
	background:#BE2930 url(../images/ncff/bg-main-nav-link.png) repeat-x 0 bottom;
}
#main-navigation .main-menu LI {
	BACKGROUND: url(../images/ncff/bg-main-nav-link.png) #be2930 repeat-x 0px bottom;
}
#main-navigation .main-menu A {
	BACKGROUND: url(../images/ncff/bg-main-nav-separator.png) no-repeat right bottom;
}
#main-navigation .main-menu a.selected span span,
#main-navigation .main-menu a:hover span span,
#main-navigation .main-menu a:focus span span,
#main-navigation .main-menu a:active span span{
	background:#da2f36;
}
#main-navigation .main-menu a.selected span,
#main-navigation .main-menu a:hover span,
#main-navigation .main-menu a:focus span,
#main-navigation .main-menu a:active span{
	BACKGROUND: url(../images/ncff/bg-main-nav-hover.png) repeat-x center bottom
}


/* ------------------------- Secondary Navigation -----------------------------*/
#secondary-navigation h2.menu-heading{
	background: url(../images/ncff/bg-menu-heading.png) no-repeat 0 bottom;
}
	#secondary-navigation h2.menu-heading a{
		background:#da2f36;	
	}


/* first level */ 

#secondary-navigation ul li{	
	background: url(../images//ncff/bg-second-nav-item.png) repeat-y;
}
#secondary-navigation ul span{
	border-bottom:1px solid #bec6cb;
}

#secondary-navigation ul a{
	color:#485259;
}
#secondary-navigation ul a:hover,
#secondary-navigation ul a:focus,
#secondary-navigation ul a:active{
	background:#da2f36;
}

#secondary-navigation ul a.selected{
	background:#da2f36;
}
#secondary-navigation ul a.selected-parent{
	background:#da2f36 url(../images/ncff/ico-arrow-down-hover.png) no-repeat 207px 10px;
}
#secondary-navigation ul a.selected-parent:hover,
#secondary-navigation ul a.selected-parent:focus,
#secondary-navigation ul a.selected-parent:active{
	background:#da2f36 url(../images/ncff/ico-arrow-down-hover.png) no-repeat 207px 10px;
}
#secondary-navigation ul a.parent{
	background: url(../images/ncff/ico-arrow-right.png) no-repeat 207px 10px;		
}

#secondary-navigation ul a.parent:hover,
#secondary-navigation ul a.parent:focus,
#secondary-navigation ul a.parent:active{
	background:#da2f36 url(../images/ncff/ico-arrow-right-hover.png) no-repeat 207px 10px;
}

#secondary-navigation ul .expanded a.parent{
	background: url(../images/ncff/ico-arrow-down.png) no-repeat 207px 10px;		
}
#secondary-navigation ul .expanded a.parent:hover,
#secondary-navigation ul .expanded a.parent:focus,
#secondary-navigation ul .expanded a.parent:active{
	background:#da2f36 url(../images/ncff/ico-arrow-down-hover.png) no-repeat 207px 10px;	
}

/* second level */
#secondary-navigation ul ul span.child a{
    border-left:1px solid #bec6cb;	
	background-color: #eceff0;
	border-right: 3px solid #BEC6CB;
}
#secondary-navigation ul ul span.child a:hover,
#secondary-navigation ul ul span.child a:focus,
#secondary-navigation ul ul span.child a:active
{
   background:#da2f36;
}
#secondary-navigation ul ul a{
	border-left:1px solid #bec6cb;	
}
#secondary-navigation ul ul a.selected-parent{
	background:#da2f36 url(../images/ncff/ico-arrow-down-hover.png) no-repeat 194px 10px;
}
#secondary-navigation ul ul a.selected-parent:hover,
#secondary-navigation ul ul a.selected-parent:focus,
#secondary-navigation ul ul a.selected-parent:active{
	background:#da2f36 url(../images/ncff/ico-arrow-down-hover.png) no-repeat 194px 10px;
}
#secondary-navigation ul ul a.parent{
	background: url(../images/ncff/ico-arrow-right.png) no-repeat 194px 10px transparent;		
}
#secondary-navigation ul ul span.child a.parent:hover,
#secondary-navigation ul ul span.child a.parent:focus,
#secondary-navigation ul ul span.child a.parent:active{
	background:#da2f36 url(../images/ncff/ico-arrow-right-hover.png) no-repeat 194px 10px;
}

#secondary-navigation ul ul a.parent:hover,
#secondary-navigation ul ul a.parent:focus,
#secondary-navigation ul ul a.parent:active{
	background:#da2f36 url(../images/ncff/ico-arrow-right-hover.png) no-repeat 194px 10px;
}
#secondary-navigation ul ul .expanded a.parent{
	background: url(../images/ncff/ico-arrow-down.png) no-repeat 194px 10px;		
}
#secondary-navigation ul ul .expanded a.parent:hover,
#secondary-navigation ul ul .expanded a.parent:focus,
#secondary-navigation ul ul .expanded a.parent:active{
	background:#da2f36 url(../images/ncff/ico-arrow-down-hover.png) no-repeat 194px 10px;	
}

/* ------------------------- Quick-search -----------------------------*/

#search-links {
color:#bec6cb;
}

/* ------------------------------ Personal Search ---------------------- */
#personalsearchform
{
	background:#eceff0 url(../images/ncff/bg-divider-big.png) no-repeat center bottom;
	overflow: hidden;
	padding: 10px 18px 15px;
}
#uidsearchform
{
	background:#eceff0 url(../images/ncff/bg-divider-big.png) no-repeat center bottom;
	overflow: hidden;
	padding: 10px 18px 15px;
}

/* ------------------------- Startpage -----------------------------*/

.startpage #flash-container {
    background:#bec6cb  none repeat scroll 0 0;
    height:150px;
}
.startpage .page-list-container {
	BORDER-RIGHT: #bec6cb 1px solid; BACKGROUND: #7d8d96; BORDER-BOTTOM: #bec6cb 2px solid
}
.startpage .page-list-container h2{
		color:#fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size:1.5em;
		font-weight:normal;
		padding:6px 18px 6px 18px;
		background: url("/images/start-page-list-head-grey.png") repeat-x scroll 0 0 #5e696f;
	}
.startpage .page-list li {
	BORDER-TOP: #5e696f 1px solid;
	background:url("/images/page-list-bg-grey.png") repeat-x scroll 0 0 #bec6cb;
}
.startpage .page-list A {
	BORDER-TOP: #bec6cb 1px solid; 
	BACKGROUND: url(../images/ncff/ico-arrow-link-list-item-startpage.png) transparent no-repeat 278px 10px;
}
.startpage .main-entrance {
	BORDER-RIGHT: #5e696f 1px solid; BORDER-TOP: #5e696f 1px solid; BORDER-LEFT: #5e696f 1px solid; BORDER-BOTTOM: #5e696f 1px solid
}
.startpage .main-entrance h2{
	color:#3C474E; 
    font-size:1.5em;
    line-height:1.2em;
    margin-bottom:8px;
}
.startpage .main-entrance h3{
    font-size:1.2em;
	margin-bottom:8px;
	color:#3C474E;
}
.startpage .custom-page-list {
	BACKGROUND: url(../images/ncff/bg-custom-list-bottom-startpage.png) no-repeat 0px bottom;
}
.startpage .custom-page-list-inner {
	BORDER-RIGHT: #bec6cb 1px solid; BORDER-TOP: #bec6cb 1px solid; BORDER-LEFT: #bec6cb 1px solid
}
.startpage .alternate .custom-page-list {
	BACKGROUND: url(../images/ncff/bg-custom-list-bottom-startpage-alternate.png) no-repeat 0px bottom
}
.startpage .alternate .custom-page-list-inner {
	BORDER-RIGHT: #be2930 1px solid; BORDER-TOP: #be2930 1px solid; BORDER-LEFT: #be2930 1px solid
}
.startpage .custom-page-list H2 {
	BACKGROUND: url(../images/ncff/bg-custom-list-header.png) #be2930 repeat-x; BORDER-BOTTOM: #bec6cb 1px solid;
}
.startpage .alternate .custom-page-list H2 {
	BACKGROUND: url(../images/ncff/bg-custom-list-header-alternate.png) #5e696f repeat-x
}
.startpage .custom-page-list li span {
color:#5e696f;
}

.startpage .col {
padding-top:15px;
}

.custom-page-list A:hover {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted
}
.custom-page-list A:focus {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted
}
.custom-page-list A:active {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted
}

.startpage .prio-news{
	overflow:hidden;
	padding:8px 18px 18px;
}
.startpage .prio-news h2{
	color:#3C474E;
	font-size:1.5em;
	line-height:1.2em;
	margin-bottom:18px;
}	
	.startpage #prio-news-1,
	.startpage #prio-news-11,
	.startpage #prio-news-111{
		border-bottom:1px solid #bec6cb;
	}
	.startpage #prio-news-2{
		float:left;
		width:274px;
		border-right:1px solid #bec6cb;		
	}
	.startpage #prio-news-3{
		float:left;
		width:273px;
		border-left:1px solid #bec6cb;
		margin-left:-1px;
	}
	.startpage #all-news-link{
		border-bottom:1px solid #bec6cb;
		padding-left:460px;
	}
	
.startpage .prio-news .main-image{
	background:transparent url(../images/bg-main-image.png) no-repeat right bottom;
	margin:0 0 5px 8px;
	float:right;
}
.startpage .prio-news .main-image .border{
	background-image:none;
	max-width:140px;
	max-height:130px;
	overflow:hidden;
	padding:0;	
	float:left;
}
.startpage .prio-news .main-image{
	max-width:140px;/* needed for IE 8*/
}
/* ------------------------- Tabs -----------------------------*/

#main-content .tabs a{
	background:#7d8d96 url(../images/ncff/bg-tab.png) repeat-x 0 0;
}
	#main-content .tabs a:hover,
	#main-content .tabs a:focus,
	#main-content .tabs a:active,
	#main-content .tabs a.current{
		background:#be2930 url(../images/ncff/bg-tab-current.png) repeat-x 0 0;
}
	
#main-content .tab-content-area{
	background:url(../images/ncff/bg-tab-content-area.png) no-repeat 0 bottom;
}
#main-content .tab-content{
	border-top:6px solid #be2930;
	border-left:1px solid #be2930;
	border-right:1px solid #be2930;
}

/* ------------------------- Calendar -----------------------------*/

#related-content .functionteaser
{
	background: #eceff0;
	border-right:2px solid #bec6cb;
	border-bottom: 4px solid #bec6cb;
}

#related-content .calendar .header a
{
	background: #be2930;
}

#related-content .calendar .weeks .row a.week
{
	background: #be2930;
}
	#related-content .calendar .weeks .index5 a.week
	{
		border-bottom:1px solid #be2930;		
	}
	#related-content .calendar .weeks .row a.day:hover,
	#related-content .calendar .weeks .row a.day:active,
	#related-content .calendar .weeks .row a.day:focus{
		background: #7d8d96;
	}
#related-content .calendar .weeks .index0 a
{
	border-top: solid 1px #be2930;
}

#related-content .calendar .weeks .days .col a
{
	border-right: solid 1px #be2930;
	border-bottom: solid 1px #be2930;
}
#related-content .calendar .weeks .days .first a
{
	border-left: solid 1px #be2930;
}

#related-content .calendar .weeks .days .today
{
	background-color: #be2930;
}
#related-content .calendar .weeks .days .out-of-month
{
	background-color: #eceff0;
	color:#7d8d96;
}

/* ------------------------- News & Events -----------------------------*/
.newspage #main-content,
.event-page #main-content
{
	background: url(../images/ncff/bg-divider-big.png) no-repeat center bottom;
}
.news-start-page .prio-news,
.events .prio-event{
	background: url(../images/ncff/bg-divider-big.png) no-repeat center bottom;
}


/* ------------------------- Alphabetical Index -----------------------------*/
.alphabetical-index #alphabetical-links{
	background: url(../images/ncff/bg-divider-alphabetical.png) no-repeat center bottom;
}

.alphabetical-index #alphabetical-links a{
	background: #eceff0 url(../images/ncff/bg-paging-link.png) repeat-x 0 bottom;
	border-right: solid 1px #3c474e;
	color: #3c474e;
}
.alphabetical-index #alphabetical-links a:hover,
.alphabetical-index #alphabetical-links a:focus,
.alphabetical-index #alphabetical-links a:active,
.alphabetical-index #alphabetical-links a.current{
	background:#da2f36 url(../images/ncff/bg-paging-active-link.png) repeat-x scroll 0 bottom;
}
/* ------------------------- site-map -----------------------------*/
#site-map ul ul{
	border-left:1px solid #bec6cb;
}
#site-map ul li{
	background:url(/images/ncff/bg-site-map-item.png) no-repeat -5px 10px;
}

#site-map A:hover {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted
}
#site-map A:focus {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted
}
#site-map A:active {
	COLOR: #be2930; BORDER-BOTTOM: #be2930 1px dotted
}

/* --------------------------- XForm --------------------------- */
.form fieldset
{
	border-color:#bec6cb;
}

.form .inputfieldtextbox input,
.form .inputfieldtextarea textarea,
.form .selectfield select
{
	border-color:#bec6cb;
}
/* ------------- Tabellayoutade formulär ----------- */
.xform fieldset
{
	border-color:#bec6cb;
}

/*---------------------------------teasers----------------------------*/
.teaser {
	background:url(../images/ncff/bg-teaser-rightbottom.png) no-repeat scroll right bottom transparent;
	border:1px solid #BEC6CB;
}
.teaser h2 {
	color: #be2930;
}

/* ------------------------- Clickable divs -----------------------------*/
.clickable:hover{
	background:#eceff0;
}
#main-content #news-list li.clickable:hover,
#main-content #page-ingress-list li.clickable:hover,
.news-start-page .prio-news.clickable:hover,
#main-content #news-list li.hover,
#main-content #page-ingress-list li.hover,
.news-start-page .prio-news.hover,
.events .prio-event.clickable:hover,
.events .prio-event.hover,
#main-content #image-list li.hover,
#main-content #image-list li.clickable:hover{
	background:#eceff0 url(../images/ncff/bg-divider-big.png) no-repeat center bottom;
}
.date {
color:#be2930;
}

#page .open-doc,
#page .open-window{
	background: url(/images/ncff/ico-arrow-link-list-outitem.png) no-repeat 0 0px;

}