@import url("http://www.fagforbundet.no/styles/calendar.css");

/*******************************
 *******************************
 *
 * GENERAL
 *
 *******************************
 *******************************/
body {
	margin				: 0px;
	padding				: 0px;
	font-family			: Arial;
	font-size			: 9pt;
}

h1 {
	font-size			: 12pt;
	font-weight			: bold;
}

h2 {
	font-size			: 10pt;
	font-weight			: bold;
	margin				: 0px 0px 0px 0px;
}

h3 {
	font-size			: 10pt;
	font-weight			: bold;
	margin				: 0px 0px 5px 0px;
}

img {
	border	:	0px;
}

.divider, .clearer {
	clear				: both;
	line-height			: 0px;
}

table {
	font-size			: 11pt;
}

.box {
	font-size			: 8pt;
}

.box h2 a {
	color				: white;
	text-decoration		: none;
}

.box h2 a:hover {
	text-decoration		: underline;
}

.box ul {
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
}

.box ul li {
	margin				: 0px 0px 5px 0px;
}

.box.linklist {

}

.box.linklist ul li {

}

.book {
	margin				: 0px 20px;
}

/*******************************
 *******************************
 *
 * PAGE AREA
 *
 *******************************
 *******************************/
.pageArea {
	width				: 960px;
	margin				: 0px;
	padding				: 0px;
}


/*******************************
 *******************************
 *
 * HEADER AREA
 *
 *******************************
 *******************************/
.headerArea {
	width				: 100%;
	height				: 110px;
	background-color	: #A8011F;
	overflow			: hidden;
}

/*******************************
 * HEADER IMAGE
 ******************************/
 .headerArea .headerImage {
	float				: left;
	width				: 150px;
	height				: 110px;
	overflow			: hidden;
	background-color	: white;
}


/*******************************
 * HEADER CONTENT
 ******************************/
 .headerArea .headerContent {
	float				: left;
	padding-top			: 5px;
	overflow			: hidden;
	background-color	: #A8011F;
}

/*******************************
 * HEADER LOGO
 ******************************/
.headerArea .headerLogo {
	float				: left;
	padding-top			: 27px;
	width				: 235px;
	overflow			: hidden;
	background-color	: #A8011F;
}

.headerArea .headerLogo img {
	margin-left			: 15px;
	margin-top			: 0px;
}

.headerArea .subHeaderArea .locationImage {
	margin-top			: 8px;
	margin-left			: 10px;
}


.headerArea .subHeaderArea .locationImage2 {
	position			: relative;
	top					: 7px;
	left				: -45px;
	margin				: 0px;
	padding				: 0px;
}


.headerArea .searchArea {
	float				: left;
	height				: 90px;
	width				: 240px;
	overflow			: hidden;
}

.headerArea .searchContainer {
	padding-left		: 20px;
	padding-right		: 10px;
}

/*******************************
 * HEADER SEARCH
 ******************************/

.headerArea .search {
	margin-top			: 30px;
	float				: right;
	margin-top			: 0px;
}

.headerArea form {
	margin				: 0px;
}

.headerArea .searchArea table tr td {
	margin				: 0px;
	padding				: 0px;
}

.headerArea .searchArea input.searchText {
	width				: 160px;
	margin				: 0px;
}

.headerArea .searchArea input.searchButton {
	width				: 35px;
	border				: 1px solid silver;
	font-size			: 8pt;
	margin				: 0px;
	padding				: 1px 0px;
}

/********************************
 * TOOLBAR AREA
 ********************************/
 .toolbarArea {
 	margin				: 0px;
 	padding				: 0px;
 	height				: 20px;
 	overflow			: hidden;
}

.toolbarArea ul {
	margin				: 0px;
 	padding				: 0px;
}

 .toolbarArea ul li  {
 	float				: right;
 	margin-right		: 5px;
 	list-style-type		: none;
 }

 .toolbarArea ul li a {
 	color				: white;
 	font-size			: 8pt;
 	text-decoration		: none;
 }

 .toolbarArea ul li a:hover {
 	text-decoration		: underline;
 }


/*******************************
 * SHORTCUTS
 ******************************/
.shortcuts {
	height				: 60px;
	overflow			: hidden;
}

.shortcuts table {
	border-collapse		: collapse;
	margin				: 0;
	padding				: 0;
	margin-top			: 5px;
	width				: 210px;
	float				: right;
}

.shortcuts table td a {
	color				: white;
	font-size			: 7pt;
	padding-bottom		: 2px;
	text-decoration		: none;
}

.shortcuts.tvnett table td a {
	color				: black;
}

.shortcuts table td a:hover {
	text-decoration		: underline;
}

.shortcuts table td.col1 {
	width				: 110px;
}

.shortcuts table td.col3 {
	text-align			: right;
}

/********************************
 * MAIN HEADER AREA
 ********************************/
.mainHeaderArea {
	height				: 90px;
	float				: left;
	margin-right		: 10px;
	width				: 560px;
}

/********************************
 * SUBHEADER AREA
 ********************************/

 .subHeaderArea {
 	height				: 20px;
 	margin				: 0px;
 	padding				: 0px;
 	position			: relative;
 	left				: 60px;
 	top					: 0px;
 }

 .subHeaderArea img {
 	margin-left			: 10px;
 	padding				: 0px;
 }

/********************************
 * BREADCRUMB AREA
 ********************************/

.breadcrumbArea {
	height				: 20px;
	width				: 810px;
	overflow			: hidden;
	float				: left;
	background-color	: #ff9454;
	margin-top			: 2px;
}

.breadcrumbArea .breadcrumb {
	padding				: 2px 10px;
	font-size			: 8pt;
}

.breadcrumbArea .breadcrumb a {
	color				: black;
}


/*******************************
 *******************************
 *
 * BODY AREA
 *
 *******************************
 *******************************/
.bodyArea {
	width				: 100%;
	overflow			: hidden;
}

/*******************************
 * MENU AREA
 ******************************/
 .bodyArea .menuArea {
	float				: left;
	width				: 150px;
	overflow			: hidden;
	background-color	: #FFE7DB;
}

.bodyArea .menuContent {
	background-color	: white;
}

.bodyArea .menuContent .authArea {
	background-color	: #e6e6e6;
	font-size			: 8pt;
	border-bottom		: 1px solid black;
	border-right		: 1px solid #c8c8c8;
	padding				: 10px 2px;
}

.bodyArea .menuContent .authArea p {
	padding				: 0px;
	margin				: 0px;
	color				: black;
	font-size			: 8pt;
}

.bodyArea .menuContent .authArea a {
	color				: black;
}

.bodyArea .menuContent .teaser {
	background-color	: #FF7222;
	padding				: 4px 15px;
	color				: white;
	text-align			: center;
}

.bodyArea .menuContent .teaser a {
	color				: white;
	text-decoration		: none;
}


.bodyArea .menuContent ul {
	margin				: 0px;
	padding				: 0px;
	list-style-type		: none;
}

.bodyArea .menuContent li {
	display				: block;
	background-color	: #FFE7DB;
	margin				: 0px;
	padding				: 0px;
}

.bodyArea .menuContent li a {
	background-color	: #FF9152;
	display				: block;
	margin				: 1px 0px 0px 0px;
	padding				: 3px;
	color				: black;
	font-size			: 8pt;
	text-decoration		: none;
	text-align			: left;
}

.bodyArea .menuContent li li a {
	margin				: 0px;
	padding				: 3px 3px 3px 15px;
}

.bodyArea .menuContent li li li a {
	padding				: 3px 3px 3px 25px;
}

.bodyArea .menuContent li a.active {
	font-weight			: bold;
}

.bodyArea .menuContent li a.active:hover {
	font-weight			: bold;
}

.bodyArea .menuContent li.active ul li.inactive a {
	font-weight			: normal;
}

.nav.primary {

}

.nav.primary ul li a:hover {
	background-color	: #d2b9a3;
}

.bodyArea .menuContent .nav.primary ul li {
	/*background-color	: #eee !important;*/

}

.bodyArea .menuContent .nav.primary ul li a {
	padding-right		: 15px;
	padding-left		: 10px;
}

.bodyArea .menuContent .nav.primary.breadcrumb ul li a {
	padding-left		: 2px;
}


.nav.primary.breadcrumb ul li {
	background-image	: none;
	padding-left		: 0px;
}


.nav.primary ul li ul li a {
	background-color	: transparent !important;
}

.nav.primary ul li a.collapsed {
	background-image	: url('../images/menu-collapsed.gif');
	background-position : 98% center;
	background-repeat	: no-repeat;
}

.nav.primary ul li ul li a:hover {
	background-color	: #ccc !important;
}

.nav.sections {
	margin-top			: 5px;
	padding-top			: 8px;
	background			: top url('http://www.fagforbundet.no/venstremeny_fagforbundet.no/web-content/knapper/seksjoner.jpg') no-repeat;
}


/*******************************
 * MENU COLORS
 ******************************/

.bodyArea .menuContent .menuRoot {
	background-color			: rgb(255, 125, 47);
}

.bodyArea .menuContent .menuLevel1 {
	background-color			: rgb(255, 145, 82);

 }

.bodyArea .menuContent .menuLevel2 {
	background-color			: rgb(255, 184, 140);

 }

.bodyArea .menuContent .menuLevel3 {
	background-color			: rgb(255, 224, 206);

 }

.bodyArea .menuContent .menuLevel4 {
	background-color			: rgb(255, 245, 240);

}

.bodyArea .menuContent .menuLevel5 {
	background-color			: rgb(255, 252, 251);
}

.bodyArea .menuContent .menuLevel6 {
	background-color			: white;
}

/******************************
 * MENU ELEMENT
 ******************************/

table.menuElement {
	margin						: 0px;
	padding						: 0px;
	width						: 130px;
}

table.menuElement tr  {
	margin						: 0px;
	padding						: 0px;
}

table.menuElement tr td {
	font-size					: 8pt;
	text-align					: left;
	padding						: 0px;
}



/*******************************
 * MAIN AREA
 ******************************/
.bodyArea .mainArea {
	float				: left;
	overflow			: hidden;
}

.bodyArea .mainContent {
	padding				: 0px 10px;
	background-color	: white;
}

/*******************************
 * NORMAL
 ******************************/
.bodyArea .mainArea {
	width				: 540px;
}

.bodyArea .mainArea .mainContent {
	padding-right		: 0px;
}

.bodyArea .mainArea .contentPane {
	width				: 525px;
}

/*******************************
 * FULLSIZE
 ******************************/
.bodyArea .mainArea.fullsize {
	width				: 810px;
}

.bodyArea .mainArea.fullsize .mainContent {
	padding-right		: 0px;
}

.bodyArea .mainArea.fullsize .contentPane {
	width				: 790px;
}

.bodyArea .mainArea.fullsize .contentPane .fullsize {
	width				: 790px;
}


/*******************************
 * LOGIN FORM
 ******************************/
.loginForm table {
	margin				: 10px 0px;
	border-color		: black;
	border-width		: 1px;
	border-style		: solid;
	width				: 465px;
}

.loginForm td {
 	font-weight			: bold;
 	padding				: 4px;
}

.loginForm .helptext td {
	font-size			: 12px;
	font-weight			: normal;
	font-style			: italic;
}

.loginForm .disclaimer {
	font-size			: 11px;
	font-weight			: normal;
	font-style			: italic;
	color				: #A0A0A0;
	text-align			: center;
}


/*******************************
 * SIDEBAR AREA
 ******************************/
 .bodyArea .sideBarArea {
	float				: right;
	width				: 260px;
	overflow			: hidden;
	padding				: 0px 0px 20px 5px;
}

 .bodyArea .sideBarArea h2 {
 	color				: white;
 	background-color	: #A8011F;
 	padding				: 5px;
 	margin-bottom: 5px;
	float: left;
	width: 100%;

}

.bodyArea .sideBarArea A IMG {
	border:0;
}


/*******************************
 *******************************
 *
 * FOOTER AREA
 *
 *******************************
 ******************************/
.footerArea {
	width				: 100%;
	height				: 100px;
	text-align			: center;
	font-size			: 8pt;
}

/*******************************
 *******************************
 *
 * ARTICLES
 *
 *******************************
 *******************************/
.articles .article {
	clear				: both;
}

.articles .article .date {
	float				: right;
	font-size			: 85%;
	margin-left			: 5px;
}

.articles .article .abstractImage {
	margin				: 0px;
	margin-bottom		: 5px;
}

.articles .article.odd .abstractImage {
	float				: left;
	margin-right		: 5px;
}

.articles .article.even .abstractImage {
	float				: right;
	margin-left			: 5px;
}

.articles .article .readmore {
	margin-left			: 5px;
}

.article.single {
	font-size			: 9pt;
	font-family			: Arial;
}

.article.single p {
	margin				: 0;
	padding				: 0;
	margin-top			: 0px;
	margin-bottom		: 12px;
}

.article.single h1 {
	font-size			: 14pt;
	margin-top			: 0px;
}

.article.single .byline {
	font-size			: 9pt;
	border-bottom		: 1px dashed silver;
	margin-bottom		: 10px;
}


.article.single .byline p.author {
	font-style			: italic;
	float				: left;
}

.article.single .byline p.date {
	float				: right;
}

.article.single .imageArea {
	margin				: 10px 0px;
}

.article.single .imageArea img {

}

.article.single .imageArea p.imageText {
	font-size			: 10px;
	font-style			: italic;
}

.article.single p.abstract {
	font-weight			: bold;
	font-size			: 9pt;
	margin-bottom		: 5px;
}


/*******************************
 * MAIN IMAGE
 ********************************/
/*
.mainImage img {
	width				: 485px;
}

.article.single .mainImage .imageDescription {
	background-color	: #eee;
	font-size			: 8.5pt;
	padding				: 4px;
}

.mainImage .imageDescription .imageTitle {
	font-weight			: bold;
}

.mainImage .imageByline {
	font-style			: italic;
}
*/


/*******************************
 *******************************
 *
 * RSS
 *
 *******************************
 *******************************/

 .rss ul {
 	list-style-type		: none;
 	margin				: 0px;
 	padding				: 0px;
 }

 .rss h2 {
	margin-top			: 0px;
	font-size			: 12px;
	font-weight			: bold;
 }

 .rss ul li {
 	margin-bottom		: 10px;
 	font-size			: 8pt;
 	margin-bottom		: 5px;

 }

/*******************************
 *******************************
 *
 * ERRORMESSAGE
 *
 *******************************
 *******************************/

.errorMessage {
	display				: block;
	border				: 2px solid red;
	padding				: 5px;
	background-color	: rgb( 255, 221, 221);
	color				: red;
}

/*******************************
 *******************************
 *
 * GENERIC PAGE TEMPLATE SETTINGS
 *
 *******************************
 *******************************/

.pageContent.generic .headerArea {
	background-color	: white;
}

.pageContent.generic .headerLogo {
	background-color	: white;
}

.pageContent.generic .headerContent {
	background-color	: white;
}



/*******************************
 *******************************
 *
 * TIP A FRIEND
 *
 *******************************
 *******************************/


 .tipafriend {
 	font-size		: 8pt;
 	margin-top		: 10px;
 }

 .tipafriend table tr td, .tipafriend form, .tipafriend input, .tipafriend textarea {
 	font-size		: 8pt;
 }

 .tipafriend table{
	float:left;
 }

/*******************************
 *******************************
 *
 * LINKLIST - TWOCOLS
 *
 *******************************
 *******************************/

	ul.twoCols {
		float		:	left;
		margin		:	0px;
		padding		:	0px;
		width		:	49%;
	}

	ul.twoCols li {
		margin		:	0px 0px 5px 3px;
		padding		:	0px;
		text-indent	:	-3px;
	}

/*******************************
 *******************************
 *
 * ARTICLE LIST - jQUERY TOGGLE
 *
 *******************************
 *******************************/

.toggleArticleList {

}

.toggleArticleList ul {
	width	:	540px;
	float	:	left;
	padding	:	0px;
	margin	:	0px;
	list-style	:	none;
}

.toggleArticleList ul li {
	margin	:	5px 0px;
	padding	:	0px;
}

.toggleArticleList ul li h2 {
	float				:	left;
	width				:	520px;
	background:#e8e8e8 url(http://www.fagforbundet.no/images/toggle-display.gif) no-repeat scroll right top;
	color				:	black;
	padding				:	2px 5px 2px 5px;
	cursor				:	pointer;
}

.toggleArticleList ul li h2.visible {
	background:#e8e8e8 url(http://www.fagforbundet.no/images/toggle-hide.gif) no-repeat scroll right top;
}

.toggleArticleList ul li h2.hidden {
	background:#e8e8e8 url(http://www.fagforbundet.no/images/toggle-display.gif) no-repeat scroll right top;
}



.toggleArticleList ul li .listBodytext {
	width	:	100%;
	float	:	left;
}

.toggleArticleList ul li .listBodytext table{
	width	:	100%;
}

.toggleArticleList ul li .listBodytext table tr td{
	width	:	44%;
	margin	:	0 3%;
	vertical-align	:	top;
}

/*******************************
 *******************************
 *
 * SHARE
 *
 *******************************
 *******************************/
 
ul.share {
	padding	:	2px 2px 0px 2px;
	margin	:	5px 0px 0px 0px;
	list-style	:	none;
	float		:	left;
	background-color	:	#eee;
}

		ul.share li {
			float	:	left;
			margin	:	0px 1px;
			padding	:	0px;
			line-height	:	16px;
			font-size	:	12px;
		}


/*******************************
 *******************************
 *
 * ARCHIVE
 *
 *******************************
 *******************************/
.archiveLink {
	margin	:	0px 0px 25px 0px;
}

div.filearchive-wrapper table#filearchive.filearchive{
	clear	:	both;	
}