/*
## layout.css - Contains style for page layout
*/

/* Normalizes margin and padding */
* { 
  margin: 0;
  padding: 0;
}

/* Normalizes article content elements */
.article p,
.article dl.fileObject,
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article .image-box,
.article ol,
.article ul,
.article .flashContent,
.article .mediaPlayer,
.article .user-table,
.article .bordered-user-table,
.article .outlined-user-table,
.article .outlined-horizontal-user-table,
.article .horizontal-user-table,
.article .outlined-vertical-user-table,
.article .vertical-user-table,
.article .user-box,
.article form {
  margin-bottom: 12px;
}

img, fieldset {
  border: 0;
}

a {
  text-decoration: underline;
/*
  text-decoration: none;
  color: #009ee0;
*/
  color: #0000ee;
}

a:hover {
  text-decoration: underline;
}

ul, ol {
  padding-left: 30px;
  list-style-position: outside;
}

/** 75% sets medium size to 12px in standard browsers **/
body {
  font: 81.25% Arial, Helvetica, sans-serif;
  color: #333;
}

img {
  display: block;
}

input {
  font-size: 100%;
}

/********************
## Framework style ##
********************/
#wrapper {
	margin:10px auto;
	width:960px;
}

#content {
	float: left;
	width: 520px;
	margin-left:30px;
	position:relative;
}

#footer {
	background:url(../GFX/footerGrad-01.jpg) top left repeat-x;
	border-top:1px solid #dae2e4;
	line-height:29px;
	color:#ffffff;
	font-size:85%; /* aprox 11px when 13px std. */
	padding:0px 5px 0px 10px;
}
#footer a {
	color:#ffffff;
}
/****************
## LEFT COLUMN ##
*****************/
#leftColumn {
	float: left;
	width: 180px;
}

/*****************
## RIGHT COLUMN ##
******************/

.feed{
  margin-top:-10px;

}

#rightColumn {
	float: right;
	width: 200px;
}
#rightColumn h2 {
  margin-bottom: 5px;
  font-size: 100%;
}
#rightColumn .textInput {
	border:1px solid #cac3bf;
	margin-bottom:5px;
	width:100%;
}
#rightColumn .gradBox {
  background:url(../GFX/rightBoxGrad-01.jpg) top left repeat-x #d2d6d9;
  padding:10px;
  margin-bottom:10px;
  float: left;
}
#rightColumn .gradBox a {
	color:#a30000;
	text-decoration:underline;
}
#rightColumn .gradBox .button {
	cursor: hand;
	cursor: pointer;
	background:url(../GFX/newsletterButtonGrad-01.jpg) top left repeat-x #770000;
	color:#ffffff;
	border:0;
	height:23px;
	text-transform:uppercase;
	padding:0 10px 0 10px;
	font-size:85%;
	font-family: Arial, Helvetica, sans-serif;
	float:right;
}
#rightColumn .gradBox h3 {
	margin-bottom:12px;
	color:#000000;
	font-weight:normal;
	font-size:115.5%;
}
#rightColumn #newsletterAddUser {
}

#rightColumn .article {
  clear: both;
}

#rightColumn .article .image-box {
  margin-bottom: 10px;
  clear: left;
}

#rightColumn .container {
  padding: 10px;
}

#labourRSS {
  padding: 10px;
  margin-top: 20px;
}

#labourRSS ul li {
  font-size: 92%;
}

#rightColumn .container ul,
#labourRSS ul {
  padding: 0px;
  list-style: none;
}

#rightColumn .container ul li,
#labourRSS ul li {
  margin-bottom: 10px;
}

div.shareFacebook {
  background:url(../GFX/rightBoxGrad-01.jpg) top left repeat-x #d2d6d9;
  padding:10px;
  margin-bottom:10px;
  clear:both;
}

div.shareFacebook a {
  background:transparent url(../GFX/facebookBig.png) scroll no-repeat center left;
  padding:8px 0 8px 40px;
  display:block;
  color:#486AA7;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
/*
#content h2,
#content .article h1 {
  margin-bottom: 21px;
  font-size: 115%;
}
*/
#content .article h1 {
	font-size:185%;
	font-weight:normal;
	margin-bottom:10px;
}
#content .article h2 {
	font-size:154%;
	font-weight:normal;
}
#content .article h3 {
	font-size:115.5%;
	font-weight:bold;
}
#content .article h4 {
	font-size:115.5%;
	font-weight:normal;
}
#content .article h5 {
	font-size:100%;
	font-weight:bold;
}

#content .summary,
#content .article {
  padding-bottom: 13px;
}

#content .summary h1 {
  font-size: 110%;
/*
  font-weight: normal;
*/
  margin-bottom: 0;
}

#content .summary h2 {
  font-size: 110%;
/*
  font-weight: normal;
*/
  margin-bottom: 0;
  width: 360px;
}
#content .summary h1 a {
  color: #000000;
  text-decoration:none;
}

#content .summary h2 a {
  color: #000000;
  text-decoration:none;
  width: 360px;
}

#content .summary img {
  float: right;
  margin-top: -15px;
  margin-left: 10px;
}

#content .article .text {
 font-size:115.5%;
 margin-bottom:8px;
/*
  font-weight: bold;
*/
}

#content hr {
  height: 1px;
  margin: 15px 0;
  border: 0 none;
  background: url(../GFX/line.gif) top left repeat-x;
}

#content .summary .date {
  color:#7c868a;
  font-size:85%;
  margin:5px 0;
}

#content .article .dateAndAuthor {
  color:#7c868a;
  font-size:85%;
  margin-bottom:12px;
}
.moreLink {
 display:block;
 margin-top:5px;
}
/**************
## FRONTPAGE ##
**************/
#frontpage {
}
#frontpage .topFrontpageArticle {
	padding-right: 20px;
	padding-left:440px;
	/*height:250px;*/
	height:200px;
}
#frontpage #content {
	width: 739px;
	margin-left:0px;
	margin-bottom: 12px;
}
#frontpage #leftColumn {
	width:370px;
}
#frontpage #leftColumn h2 {
	font-size:154%;
	font-weight:normal;
	margin-bottom:5px;
}
#frontpage #leftColumn h2 a {
	text-decoration:none;
	color:#000000;
}
#frontpage #leftColumn h3 {
	font-size:100%;
	margin-bottom:3px;
	font-weight:normal;
}
#frontpage #leftColumn .frontpageArticles {
	padding-left:10px;
}
#frontpage .topFrontpageArticle h1,
#frontpage .topFrontpageArticle h2 {
	font-size:185%;
	margin:0;
	padding: 20px 0 10px 0;
	/*padding: 20px 0 20px 0;*/
	font-weight:normal;
}
#frontpage .topFrontpageArticle p {
	margin-bottom:12px;
}
#frontpage #midColumn {
	width:311px;
	float:right;
	margin-right:20px;
}
#frontpage .archiveLink {
	display:block;
	float:right;
}
#frontpage #frontpageCalendar {
	border:1px solid #e7edee;
	padding:10px;
}
#frontpage #frontpageCalendar .calendarTable {
	width:auto;
}
#frontpage #rssFeed {
	padding:20px 12px 0px 12px;
}
#frontpage #midColumn h3 {
	font-size:115.5%;
	font-weight:normal;
	margin-bottom:10px;
}
#frontpage #rssFeedList {
	list-style-type:none;
	margin:0;
	padding:0;
}
#frontpage .rssItem {
	font-size:92.5%;
	margin:0 0 1em 0;
	padding:0;
}
#frontpage .rssItem a {
	display:block;
}
#frontpage .summary {
	margin-bottom:30px;
}
#frontpage .summary img {
	float:left;
	margin:0 12px 12px 0;
}
#frontpage #dailyQuestion {
	width:180px;
}

#frontpage #dailyQuestion .button {
	cursor: hand;
	cursor: pointer;
	float:none;
}

#frontpage #dailyQuestion #question {
	margin-bottom:8px;
}
#frontpage #dailyQuestion .alternative {
	line-height:1.5em;
}
#frontpage #dailyQuestion .alternatives {
	margin-bottom:8px;
}
#frontpage #dailyQuestion .alternative .radio {
	margin-right:5px;
}
#frontpage #dailyQuestion .alternative .alternativeName {
	width:80px;
	float:left;
}
#frontpage #dailyQuestion .alternative .quantity {
	width:20px;
	float:left;
	text-align:right;
	padding-right:3px;
}
#frontpage #dailyQuestion .alternative .quantityGraphic {
	width:70px;
	float:left;
	height:0.8em;
	overflow:hidden;
	margin-top:0.2em;
}
#frontpage #dailyQuestion .alternative .quantityGraphicValue {
	background:#a30101;
}
#frontpage #extranetArticles {
  width: 180px;
}
#frontpage #extranetArticles ul {
  padding-left: 0;
  list-style: none;
}
#frontpage #extranetArticles li {
  line-height: 22px;
}

/***********
## HEADER ##
************/
#header {
  background: url(../GFX/headerBG.gif) top left repeat-y;
  width: 960px;
  height: 129px;
  position: relative;
}

#extranetHeader {
  background: url(../GFX/ekstranettHeaderBG.gif) top left repeat-y;
  width: 960px;
  height: 129px;
  position: relative;
}

#intranetHeader {
  background: url(../GFX/intranett/intra_header.gif) top left repeat-y;
  width: 960px;
  height: 129px;
  position: relative;
}

#intranetLogoText {
  background: url(../GFX/intranett/intra_flttekst.gif) top left no-repeat;
  position: absolute;
  top: 41px;
  left: 161px;
  width: 535px;
  height: 30px;
}

#logo {
  position: absolute;
  top: 37px;
  left: 30px;
  width: 70px;
  height: 70px;
}

#logoText {
  background: url(../GFX/FLTTekst.gif) top left no-repeat;
  position: absolute;
  top: 41px;
  left: 161px;
  width: 535px;
  height: 30px;
}

#ekstranettLogoText {
  background: url(../GFX/ekstranettForbundet.gif) top left no-repeat;
  position: absolute;
  top: 41px;
  left: 161px;
  width: 535px;
  height: 30px;
}

#slogan {
  text-align: right;
  position: absolute;
  top: 75px;
  right: 263px;
  width: 535px;
  height: 25px;
}

#slogan img {
  float: right;
}

#searchBox {
  text-align:right;
  position: absolute;
  top: 98px;
  right: 10px;
  width: 190px;
}
#searchBox .button {
  cursor: hand;
  cursor: pointer;
  background-color: transparent;
  color:#ffffff;
  border:0;
  height:23px;
  text-transform:uppercase;
  padding:0 0 0 5px;
  font-size:85%;
  font-family: Arial, Helvetica, sans-serif;
  /*float:right;*/
}
/*{
 text-transform:uppercase;
 color:#ffffff;
 text-decoration:underline;
 font-size:85%;
}*/
#searchBox #searchQuery {
 padding:3px 0 3px 5px;
 margin:0;
 height:13px;
 width:144px;
 font-size:85%;
 border:1px solid #dae1e4;
 vertical-align:middle;
 float: left;
}

/*******************
## EXTRANET LOGIN ##
********************/

#extranetLogin {
  display: none;
}

.fp_forgotten_password_form {
  display: none;
}

#wrapper .loginbox_new, #wrapper .update_password {
  margin: 0 auto 20px;
}

#loginContainer {
  background:url(../GFX/rightBoxGrad-01.jpg) top left repeat-x #d2d6d9;
  padding:10px;
  margin-bottom:10px;
  width: 235px;
  margin: 0px auto;
  padding: 12px;
  xwidth: 200px;
  xfloat: left;
}

#loginContainer .toggle_forgotten_pass {
  display: inline-block;
  margin: 5px 0 15px; 
}

#rightColumn #loginContainer {
  background:url(../GFX/intranett/intra_header.gif) top left repeat-x #F78F1E;
  padding:10px;
  margin-bottom:10px;
  margin: 0px auto;
  padding: 12px;
  width: 176px;
  margin-bottom: 10px;
}

#extranetLoginForm .button, #extranetPasswordForm .button {
  cursor: hand;
  cursor: pointer;
  background:url(../GFX/newsletterButtonGrad-01.jpg) top left repeat-x #770000;
  color:#ffffff;
  border:0;
  height:23px;
  text-transform:uppercase;
  padding:0 10px 0 10px;
  font-size:85%;
  font-family: Arial, Helvetica, sans-serif;
  float:right;
}

#rightColumn .gradBox #logoutForm .button {
	cursor: hand;
	cursor: pointer;
	background:url(../GFX/ekstranettButtonGrad.gif) top left repeat-x #770000;
	color:#ffffff;
	border:0;
	height:23px;
	text-transform:uppercase;
	padding:0 10px 0 10px;
	font-size:85%;
	font-family: Arial, Helvetica, sans-serif;
	float:right;
        margin-top: 4px;
}

#loginContainer .textInput {
	border:1px solid #cac3bf;
	margin-bottom:5px;
	width:100%;
}

.error {
  background: pink;
}
/*******************
## SEARCH RESULTS ##
********************/
.results h1, 
.results .queryString,
.results .paginator,
.results .totalHits {
	margin-bottom:12px;
}
.results .paginator {
	text-align:center;
}
.results .queryString span {
	font-weight:bold;
}
.results .paginator .pageNr {
	line-height:1.5em;
	background:#e7edee;
	margin-right:2px;
	padding-left:5px;
	padding-right:5px;
}
.results .paginator .prev {
	display:block;
	float:left;
	width:5em;
	text-align:left;
}
.results .paginator .next {
	display:block;
	float:right;
	width:5em;
	text-align:right;
}

/*************
## CALENDAR ##
**************/
.calendarMonths {
	text-align:center;
	margin-bottom:5px;
}
.calendarName {
	margin-bottom:10px;
}
.calendarMonths .previousMonthLink {
	float:left;
	width:60px;
	text-align:left;
}
.calendarMonths .nextMonthLink {
	float:right;
	width:60px;
	text-align:right;
}
.calendarMonths h4 {
	text-transform: capitalize;
}
.calendarTable {
	font-size: 92.5%;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:16px;
}
.calendarTable td, .calendarTable th {
	text-align:center;
	background:#e7edee;
	/*width:2em;*/
	width: 25px;
	height: 25px;
	/*padding:0.2em;*/
}
.calendarTable td.hidden {
	background:#ffffff;
	color:#e7edee;
}
.calendarTable td.active {
	background:#a30101;
}
.calendarTable td.active a {
	color:#ffffff;
}
.events .event {
	font-size: 92.5%;
	margin-bottom:12px;
}
h3.eventName {
	margin:0 !important;
	padding:0 !important;
	font-size:100% !important;
	font-weight:normal !important;
}

/*************************
## IDIUM REFERENCE LOGO ##
*************************/
#idium {
 margin:10px 0 0 10px;
}

#idium a {
  font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #898989;
  text-transform: uppercase;
  text-decoration: none;
}

#idium span {
  font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  text-transform: lowercase;
  word-spacing: 3px;
  line-height: 23px;
  padding-left: 6px;
}

#idium img {
  width: 25px;
  height: 25px;
  float: left;
}
/*************
## CLEARFIX ##
*************/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
 }
/* End hide from IE-mac */

.basket {
  padding-left: 0;
  list-style: none;
}

.basket a {
  /*display: block;*/
  margin: 0 auto;
  width: 145px;
  padding: 2px 0;
  background: transparent url(../GFX/checkout.gif) no-repeat 0 0;
}

.basket a span {
  display: none;
}

#rightColumn #shoppingCart .gradBox {
  background: #F9F3F3 url(../GFX/shoppingCart.gif) repeat-x 0 100%;
  width: 180px;
}

#shoppingCart .box {
  padding: 5px 10px;
}

#shoppingCart .box h5 {
  margin-bottom: 12px;
  color: #501700;
}

#shoppingCart .price {
  font-size: 133%;
  line-height: 25px;
}

#productListBasket {
  padding: 10px 0;
}

#productListBasket dd {
  padding: 5px 0;
  border-bottom: 1px solid #E6C8C8;
}

#productListBasket dt {
  padding: 5px 0 0 0;
  font-weight: bold;
}

#productListBasket dd .total {
  float: right;
}

#shoppingCart .totalBasket {
  text-align: right;
  line-height: 28px;
  font-weight: bold;
}

.sosialemedier {
    border-top: 1px dotted #DAE2E4;
    display: block;
    margin: 0 0 10px;
    padding: 3px 0;
}

div.sosialemedier ul {
  list-style:none outside none;
  margin:0;
  padding:0;
  height: 35px;
}

div.sosialemedier ul li {
  float: left; 
  padding: 0 10px 0 0;
}


/*****************
## TIPS EN VENN ##
******************/

#content #tipsForm {
  background-color: #EFEFEF;
  border: 1px solid #EFEFEF;
  color: #f7f7f7;
  display: none;
  font-weight: bold;
  left: 0px;
  padding: 10px;
  position:relative;
  top: 5px;
  width: 180px;
  z-index: 10;
}

#content #tipsForm fieldset {
  margin:0;
  padding:0;
  border:0;
}

#content #tipsForm label,
#content #tipsForm h3 {
  color: #000;
  margin-bottom: 10px;
}

#content #tipsForm label {
  padding: 5px 0 2px;
}

#content #tipsForm input {
  padding: 3px;
  width: 97%;
  margin-bottom: 10px;
}

#content #tipsForm .button {
  margin-top: 8px;
  width: 66px;
}

#content div.toggle {
  width:auto;
  z-index:11;
}

#content.toggle a {
  color:#fff;
}

#tipsForm input.senderName.error,
#tipsForm input.senderEmail.error,
#tipsForm input.recipientEmail.error {
  background: #988c74;
}

/*****************
## Winorg frame ##
******************/

.winorg_frame {
  display:block;
  height: 800px;
  margin: 0 auto;
  width: 956px;
}