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

/*******************************
 *******************************
 *
 * GENERAL
 *
 *******************************
 *******************************/
body {
	margin				: 0px;
	padding				: 0px;
	font-family			: Arial;
	text-align			: left;
	font-size			: 1em;
}

html {
	font-size: 100%;
}

h1 {
	font-size			: 1em;
	font-weight			: bold;
}

h2 {
	font-size			: 1.1em;
	font-weight			: bold;
	margin				: 0px 0px 0px 0px;
}

h3 {
	font-size			: 1.1em;
	font-weight			: bold;
	margin				: 0px 0px 5px 0px;
}

h4 {
	font-size			: 0.95em;
	font-weight			: bold;
	margin				: 0px 0px 5px 0px;
}

h5 {
	font-size			: 0.8em;
	font-weight			: bold;
	margin				: 0px 0px 5px 0px;
}

h6 {
	font-size			: 3em;
	font-weight			: bold;
	margin				: 0px 0px 5px 0px;
}
 

img {
	border				: 0px;
}

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

table {
	font-size			: 0.95em;
}

.box {
	font-size			: 0.90em;
}

.box h2 {
	font-size			: 1em;
}

.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 {

}

.box table {
	font-size	:	1em;
}

.book {
	margin				: 0px 20px;
}

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


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

/*******************************
 * HEADER IMAGE
 ******************************/
 .headerArea .headerImage {
	float				: left;
	width				: 9.375em;
	height				: 6.875em;
	overflow			: hidden;
	/*background-color	: white;*/
	background-color	: #A8011F;
	
}


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

/*******************************
 * HEADER LOGO
 ******************************/
.headerArea .headerLogo {
	float				: left;
	padding-top			: 27px;
	width				: 14.6875em;
	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				: 5.625em;
	width				: 15em;
	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				: 12em;
	height				: 1.25em;
	margin				: 0px;
}

.headerArea .searchArea input.searchButton {
	width				: 3.3em;
	border				: 1px solid silver;
	font-size			: 0.70em;
	margin				: 0px;
	padding				: 1px 0px;
}

/********************************
 * TOOLBAR AREA
 ********************************/
 .toolbarArea {
 	margin				: 0px;
 	padding				: 0px;
 	height				: 1.25em;
 	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			: 0.70em;
 	text-decoration		: none;
 }

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


/*******************************
 * SHORTCUTS
 ******************************/
.shortcuts {
	height				: 3.75em;
	overflow			: hidden;
}

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

.shortcuts table td a {
	color				: white;
	font-size			: 0.60em;
	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				: 6.875em;
}

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

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

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

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

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

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

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

.breadcrumbArea .breadcrumb {
	padding				: 2px 10px;
	font-size			: 0.70em;
}

.breadcrumbArea .breadcrumb a {
	color				: black;
}


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

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

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

.bodyArea .menuContent .authArea {
	background-color	: #e6e6e6;
	font-size			: 0.70em;
	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			: 0.70em;
}

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

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

.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			: 0.70em;
	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						: 8.125em;
}

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

table.menuElement tr td {
	font-size					: 0.70em;
	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				: 33.75em;
}

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

.bodyArea .mainArea .contentPane {
	width				: 32.8125em;
}

/*******************************
 * FULLSIZE
 ******************************/
.bodyArea .mainArea.fullsize {
	width				: 50.625em;
}

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

.bodyArea .mainArea.fullsize .contentPane {
	width				: 49.375em;
}

.bodyArea .mainArea.fullsize .contentPane .fullsize {
	width				: 49.375em;
}


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

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

.loginForm .helptext td {
	font-size			: 0.75em;
	font-weight			: normal;
	font-style			: italic;
}

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


/*******************************
 * SIDEBAR AREA
 ******************************/
 .bodyArea .sideBarArea {
	float				: right;
	width				: 21.5em;
	overflow			: hidden;
	padding				: 0px 0px 20px 5px;
	font-size			: 0.75em;
}

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

}

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

.sideBarArea .sideBarContent .article.single {
	font-size			: 1em;
}

.sideBarContent {
	font-size	:	1em;
}

/* firefox-fix pressekontakter */
.bodyArea .sideBarArea .pressekontakter table {
	float: left;
}


/*******************************
 *******************************
 *
 * FOOTER AREA
 *
 *******************************
 ******************************/
.footerArea {
	width				: 100%;
	height				: 6.25em;
	text-align			: center;
	font-size			: 0.70em;
}

/*******************************
 *******************************
 *
 * 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.even p.abstract, .articles .article.odd p.abstract {
	font-size	:	0.75em;
}


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

.articles ul.continueArchiveList, .articles ul.continueArchiveList li {
	font-size	:	0.85em;
}

.articles ul.continueArchiveList li a {
	font-size	:	1em;
}

.archiveLink, .archiveLink a{
	font-size	:	0.90em; 
}

.article.single {
	font-size			: 0.75em;
	font-family			: Arial;
}

.article.single table {
	font-size			: 1em;
	font-family			: Arial;
}

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

.article.single h1 {
	font-size			: 1.55em;
	margin-top			: 0px;
}

.article.single .byline {
	font-size			: 1em;
	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			: 0.65em;
	font-style			: italic;
}

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

.archive h2 {
	font-size	:	1em;
}
.archive, .archive ul {
	font-size	:	0.85em;
}

/*******************************
 * 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			: 0.75em;
	font-weight			: bold;
 }

 .rss ul li {
 	margin-bottom		: 10px;
 	font-size			: 0.9em;
 	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;
}


/*******************************
 *******************************
 *
 * CALENDAR
 *
 *******************************
 *******************************/

 .calendar.event {

 }

 .calendar.event table td {
	font-size	:	0.85em;
}

 
 .calendar.event table span.label {
 	font-weight			: bold;
 }


 .calendar.event .description {
	margin-top			: 15px;
 }

.calendarListing .event {
	margin-bottom: 2px;
	font-size		:	0.75em;
}

.calendar.month h2{
	font-size	:	0.8em;
}




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


 .tipafriend {
 	font-size		: 1em;
 	margin-top		: 10px;
 }

 .tipafriend table tr td, .tipafriend form, .tipafriend input, .tipafriend textarea {
 	font-size		: 1em;
 }
 
 .tipafriend textarea {
	font-size		: 1.3em;
 }
 
 .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	:	38.5em;
	float	:	left;
	padding	:	0px;
	margin	:	0px;
	list-style	:	none;
}

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

.toggleArticleList ul li h2 {
	float				:	left;
	width				:	38.5em;
	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	:	85%;
}

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

/*******************************
 *******************************
 *
 * NEW NEWSLETTER SUBSCRIBE LIST
 *
 *******************************
 *******************************/	

.newNewsletter {
	font-size: 0.85em;
} 
 
.newNewsletter input#username,
.newNewsletter input#usernameend {
	width: 220px;
} 

.newNewsletter .newsletters {
	padding	:	15px 0px;
}

.newNewsletter .newsletters p {
	margin	:	0px 0px 6px 0px;
	font-weight: bold;
}

hr.newsletterbreak {
	margin	:	15px 0px;
}

.newNewsletter .messages {
	border: 1px solid #ccc;
	background-color	:	#eee;
	padding: 5px;
	margin: 5px 0px;
	width:100%;
}

.newNewsletter .errormessage {
	border: 1px solid #ff1e00;
	background-color	:	#fff0ee;
	padding: 5px;
	margin: 5px 0px;
}

	.newNewsletter .messages UL {
		list-style:none;
		margin:10px 0;
		padding:0;
	}
	
	.newNewsletter .messages LI {
		margin:0;
		padding-left:32px;
		margin-bottom:10px;
	}
	
	.newNewsletter .messages LI.success {
		background: transparent url(/images/success.gif) left top no-repeat;
	}
	.newNewsletter .messages LI.failure {
		background: transparent url(/images/failure.gif) left top no-repeat;
	}