/* Økonomisk Rapport
   Created: 03.08.10
   Author:  Ragnar Mogård Bergem
   ----------------------------------------------------*/


/*	
	OVERRIDE
		Header
	HEADER
		Quicklinks
		Searchform
		Servicelinks
	MENU
	ICONS
*/

/* =WALLPAPER
   ----------------------------------------------------*/

#wallpaperadleft {
	position: absolute;
	top: 196px;
	width: 150px;
	left: -155px;
}

#wallpaperadright {
	position: absolute;
	top: 196px;
	width: 150px;
	right: -155px;
}


/* =OVERRIDE OF STYLE
   ----------------------------------------------------*/
	
	/*===== Header =====*/
	.ztorm_body, .head {
		background-image: url(../gfx/header_bg.png);
	}
	
	
	/*===== Form =====*/
	
	.uiTextbox, .uiTextarea {
		background:#fff url(../gfx/textbox_bg.png) repeat-x top;
		padding: 6px;
		color: #9c9c9c;
	}
	
	.uiTextbox:hover, .uiTextbox:focus, .uiTextarea:hover, .uiTextarea:focus {color: #333;}

	/*===== Generic =====*/
	
	a {
		color: #a31e22;
	}
	
	/*===== Red box =====*/
	.redHeaderBox .inner > header {
		background-image: url(../gfx/redheader_bg.png);
		background-color:#c02427;
	}
	
	/*===== Button =====*/
	.uiButton {
		background-image: url(../gfx/button.png);
		background-color:#c02427;
	}
	
	.uiButton:hover {
		background-image: url(../gfx/button_hover.png);
		background-color:#c02427;
	}
	
	
	/*===== Live edit hack =====*/
	#zone_2_1.dz {
		background:#FAF8BB url(../gfx/header_bg.png) repeat-x;
		padding-bottom: 10px;
		padding-top: 0px;
	}
	
	


/* =HEADER
   ----------------------------------------------------*/

#or_siteHeader {
	position: relative;
	padding: 10px;
	height: 88px;
	zoom: 1;
}

	/*===== Logo =====*/
	
	#or_logo {
		margin-top: 17px;
		display: block;
		float: left;
	}
	

	/*===== Searchform =====*/
	
	#or_searchForm {
		position: absolute;
		right: 10px;
		top: 42px;
		display: block;
		*position:relative;
		*right:0px;
		*top:22px;
		*float:right;
		*width:195px;
	}

	#or_searchForm .searchfield {
		width: 150px;
		color: #9c9c9c;
		border-color: #e1e2e1;
		*display:block;
		*float:left;
		border: 1px solid #ddd;
	}
	
	
	#or_searchForm .search_button {
		background: #ececec url(../gfx/search_submit.png) center center no-repeat;
		border: 1px solid #e1e2e1;
		border-left: 0px;
		color: #fff;
		padding: 0px;
		width: 30px;
		height: 27px;
		float: right;
		display: block;
	}

	#or_searchForm .search_button:hover {
		background-color: #efefef;
		cursor: pointer;
	}

	/*===== Servicelinks =====*/
	
	#or_menuServices {
		position: absolute;
		right: 10px;
		bottom: -29px;
	}
	
	#or_menuServices li {
		margin-left: 10px;
		float: right;
	}

	#or_menuServices a {
		display: block;
		font-size: 12px;
		color: #ededed;
	}

/* =MENU
   ----------------------------------------------------*/

.menuPrimaryLevel {
	display: block;
	*overflow: hidden;
	_overflow: hidden;
}

.menuPrimaryLevel:after, .menuSecondaryLevel:after {
	content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x";
	visibility:hidden;
	clear:both;
	height:0!important;
	display:block;
	line-height:0;
	font-size:xx-large;
	overflow:hidden;
}

.menuPrimaryLevel li {
	float: left;
	height: 39px;
	padding-top: 2px;
}

.menu_link {
	height: 100%;
	display: block;
	line-height: 39px;
	font-size: 16px;
	padding: 0px 15px;
	color: #f3e8e8;
	border-right: 1px solid #a5483a;
	position: relative;
	text-decoration: none;
}


.menu_link_active, .menu_link:hover, .menu_link_subactive {
	background: #7a1922;
}

.menuPrimaryLevel .menu_link_active:after, .menuPrimaryLevel .menu_link_subactive:after {
	content: '';
	display: block;
	width: 17px;
	height: 4px;
	margin: 0 auto;
	background: url(../gfx/menu_active_arrow.png) center center no-repeat;
}

.menu_link:hover, .menu_link:active, .menu_link:focus {
	text-decoration: none;
}

.menu_link_first {border-left: 1px solid #a5483a;}



.menuSecondaryLevel {
	height: 38px;
	display: block;
}

.menuSecondaryLevel li {
	float: left;
	height: 38px;
	position: relative;
}

.menuSecondaryLevel a {
	font-size: 14px;
	color: #818181;
	border: 0px;
	line-height: 43px;
	padding: 0 13px;
}

.menuSecondaryLevel .menu_link_active, .menuSecondaryLevel .menu_link_subactive {
	background: transparent;
	font-weight: bold;
	color: #a31e22;
	
}

.menuSecondaryLevel a:hover {
	background: transparent;
	color: #a31e22;
}

.menu_level_3 {
	position: absolute;
	background: #ececec;
	border: 1px solid #e2e2e2;
	border-top: 0px;
	display: none;
	float: left;
}


.menuSecondaryLevel li:hover .menu_level_3 {
	display: block;
}

.menu_level_3 li {float: none;}
.menu_level_3 a {padding: 0px 20px; white-space: nowrap;}
.menu_level_3 a:hover {background: #dfdfdf;}

.menu_level_4 {
	display: none;
	display: none !important;
}

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

#or_siteFooter {
	width: 960px;
	margin: 0 auto;
	background: url(../gfx/bottom_bg.png) top repeat-x;
	padding: 37px 11px 0;
	height: 360px;
	position: relative;
}

#or_siteFooter h3 {
	font-size: 1.23em;
	color: #575757;
	border-bottom: 1px solid #dededd;
	padding-bottom: 0.2em;
	margin-bottom: 0px;
}

#or_siteFooter .maininfo {
	border-bottom:1px solid #DEDEDD;
	margin-bottom:20px;
	padding-bottom:20px;
}

.footer_left p {line-height: 1.5em;}
.footer_left {line-height: 1.6em;}

.footcont_wrapper {
	border-top: 1px solid #fff;
	padding-top: 13px;
}
	
.footer_left {padding-right: 30px; font-size: 12px;}
.footer_right {padding-left: 30px; font-size: 12px;}


.footer .maininfo {
	border-bottom: 1px solid #dededd;
	padding-bottom: 10px;
}

	/*===== Go to top ======*/
	#or_goToTop {
		font-size: 12px;
		color: #aaa;
		position: fixed;
		right: 10px;
		bottom: 10px;
		_display:none;
	}
	
	#or_goToTop:hover {
		color: #777;
	}
	
	/*===== Servicelinks ======*/
	.services {
		line-height:26px;
		margin-bottom:10px;
	}
	
	.services a {
		color: #626363;
		font-size: 1.07em;
	}


	/* ====== Promo ====== */
	
	.promo {
		border-top: 1px solid #fff;
		padding:15px 220px;
	}
	
	.promo .unit {
		padding-right: 30px;
	}
	
	.promo .last_unit {
		padding-right: 0px;
	}
	
	/* ====== Bajas ====== */
	
	#bajaslink {
		width: 86px;
		height: 38px;
		display: block;
		background: url(../gfx/bajas_faded.jpg) no-repeat;
		position: absolute;
		bottom:0px;
		right: 0px;
		
	}
	
	#bajaslink:hover {background: url(../gfx/bajas.jpg) no-repeat;}
	

/* =Custom box top right
   ----------------------------------------------------*/

.or_tinylist {
	width: 180px;
}

.or_tinylist h3 {
	font-weight: normal;
	font-size: 14px;
	padding: 3px 0;
	border-bottom: 1px solid #dededd;
}

.or_tinylist ul {
	margin-top: 5px;
}

.or_tinylist ul li {
	list-style:inside disc none;
	margin-bottom: 12px;
}

.or_tinylist ul li a {
	font-size: 12px;
	color: #545554;
}

.or_mostread h3 {
	background: url(../gfx/mostread.png) right 0px no-repeat;
}

.or_mostcomments h3 {
	background: url(../gfx/mostcomments.png) right 0px no-repeat;
}


.or_mostcomments {
	margin-top: 25px;
}


/* =ICONS
   ----------------------------------------------------*/
	
.or_icon {
	display: block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url(../gfx/services_icons.png);
	float: left;
	margin-right: 5px;
}

.or_icon.support {background-position: 0px 0px;}
.or_icon.ads {background-position: -16px 0px;}
.or_icon.newsletter {background-position: -16px -16px;}
.or_icon.subscription {background-position: 0px -16px;}
.or_icon.rss {background-position: 0px -32px;}