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

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

.hidden {
  display: none;
}

/* IE6 box */
#ie6msg {
  border: 3px solid #090; 
  margin: -30px 0 8px; 
  background: #cfc; 
  color: #000;
}

#ie6msg h4 {
  margin: 8px; 
  padding: 0;
}

#ie6msg p {
  margin: 8px; 
  padding: 0;
}

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

img, fieldset {
  border: 0;
}

a {
  text-decoration: none;
  color: #c9171d;
}

a:hover {
  text-decoration: underline;
}

ul, ol {
  padding-left: 20px;
}

/** 75% sets medium size to 12px in standard browsers **/
body {
  padding-bottom: 20px;
  font: 75% Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  background: #E8E8E8 url(body.gif) repeat-x 0 0;
}

#background {
  position: absolute;
  width: 50%;
  top: 0;
  left: 0;
  height: 35px;
  background: #E8E8E8 url(background.gif) repeat-x 0 0;
}

h1, h2, h3, h4, h5 {
  font-size: 100%;
  font-weight: normal;
}

h1 { font-size: 200%; }
h2 { font-size: 167%; }
h3 { font-size: 150%; }
h4 { font-size: 116%; }

img {
  display: block;
}

input {
  font-size: 100%;
}

/********************
## Framework style ##
********************/
#wrapper {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: 952px;
}

#container {
  padding: 0 50px;
  border: 1px solid #DCDCDC;
/*  background-color: #F5F5F5 url(wrapper2.gif) repeat-x 0 0;*/
  background-color: #FFF;
}

#header {
  height: 101px;
}

#logo {
  float: left;
  margin: 21px 0 0 7px;
}

#top {
  padding: 0 50px;
  height: 88px;
  background: transparent url(top.gif) no-repeat 100% 0;
}

#searchForm {
  float: right;
  width: 475px;
  padding-top: 35px;
}

#searchForm label {
  font-size: 117%;
  margin-right: 8px;
  display: block;
}

#searchForm .query {
  width: 355px;
  float: left;
  display: inline;
  margin-right: 5px;
  padding: 6px 14px;
  font-size: 117%;
  line-height: 18px;
}

#breadcrumbs {
  padding-bottom: 28px;
  clear: both;
  font-size: 83%;
}

#breadcrumbs a {
  color: #C8171D;
}

#breadcrumbs a.active {
  color: #444;
}

#main {
  padding-bottom: 12px;
}

#leftColumn {
  float: left;
  width: 170px;
x  padding-top: 28px;
}

#mainColumn {
  float: right;
  width: 662px;
}

#footer {
  clear: both;
  padding-top: 12px;
  background: transparent url(Bunntekst_strek-over_850x3.png) no-repeat 0 0;
  color: #595959;
  font-size: 83%;
}

#footer .footerContent {
  margin-bottom: 10px;
}

#content {
x  padding-top: 28px;
}

#speaker {
  display: none;
}

/* TODO: add styles for customer footer */

/********
## ADS ##
********/

.adFolder {
  padding: 0;
  clear: both;
  list-style: none;
}

#opinionAds {
  float: right;
}

#opinionAds li {
  margin-bottom: 10px;
}


/******************
## NEWSLETTER ##
******************/


#content form#newsletterForm fieldset {
  margin:0;
  padding:0;
  border: none;
}

form#newsletterForm legend {
  display: none;
}

form#newsletterForm ol {
  list-style: none;
  margin:0;
  padding:0;
}

.newsletter_form li {
  clear: none;
}


.newsletter_form input.email {
  display: block;
  padding: 7px 5px;
  margin: 5px 0;
  width: 250px;
}

.newsletter_form input.button {
  font-size: 14px;
  padding: 3px;
}

/******************
## SIZE SELECTOR ##
******************/

#sizeSelector {
  position: relative;
  z-index: 100;
}

#sizeSelector span {
  line-height: 0px;
  cursor: pointer;
  padding-right: 5px;
}

#sizeSelector #small {
  font-size: 1.0em;
}

#sizeSelector #medium {
  font-size: 1.33em;
}

#sizeSelector #large {
  font-size: 1.5em;
}

/******************
## COMMON STYLES ##
******************/
h4.boxTitle {
  color: #fff;
  background: #a1a1a1;
  padding: 5px 20px;
  margin-bottom: 0;
}

div.box {
  border-bottom: 1px solid #f0f0f0;
}

div.box .content {
  padding: 15px 10px;
}


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

#content #objectResponse .error,
#content #objectResponse .success,
#content #objectResponse .loading {
  text-align: right;
  padding-right: 5px;
}

#content #objectResponse .error {
  color: red;
}

#content #objectResponse .success {
  color: green;
}

#content #objectResponse .loading {
  color: grey;
}

#content #tipsForm {
  float: right;
  width: 440px;
  margin: 0;
}

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

#content #tipsForm .col {
x  margin-bottom: 4px;
}

#content #tipsForm label {
  display: block;
  float: left;
  width: 120px;
  text-align: right;
  padding: 5px 10px 5px 0;
x  color: #636363;
  font-size: 92%;
}

#content #tipsForm .button {
  float: right;
  margin-right: 5px;
}

#content #tipsForm .text {
  width: 303px;
  padding: 5px 0;
}

/*************
## VI MENER ##
*************/

#campaignColumn {

}

/************
## MOT OSS ##
************/

#mediaCalendar {
  margin: 25px 0 10px;
  font-size: 92%;
  float: right;
  display: inline;
  width: 210px;
  border: 1px solid #D9D9D9;
}

#mediaCalendar h2 {
  background: transparent url(mediaCalendar.gif) no-repeat 0 0;
  width: 100%;
  height: 56px;
}

#mediaCalendar h2 span {
  display: none;
}

#mediaCalendar li {
  margin-bottom: 15px;
}

#mediaCalendar ul,
#mediaCalendar .noEvents {
  padding: 0 20px;
  list-style: none;
}

#mediaCalendar li span {
  display: block;
  clear: both;
}

#eventContent #eventAttributes td.variable {
  font-weight: bold;
  width: 80px;
}

#eventContent .eventDescription {
  margin-top: 10px;
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/

#content .article .byline {
  margin-bottom: 10px;
}

#content .folderpath {
  padding-left: 0;
  margin-bottom: 3px;
  list-style: none;
  font-size: 92%;
}

#content .folderpath li {
  display: inline;
  padding-right: 11px;
  margin-right: 2px;
  background: transparent url(folderpath.gif) no-repeat 100% 4px;
}

#content .folderpath li.last {
  background: none;
  padding-right: 0;
}

#content .folderpath a {
  text-decoration: underline;
}

#content .folderpath a:hover {
  text-decoration: none;
}

#content #searchResults .summary h2 a {
  color: #000;
}

#content .searchResult,
.folderContents #content .summary,
.folderContents #content .article {
  padding: 0 28px 20px 20px;
  clear: both;
}

.folderContents #content .articles {
  background: transparent url(newsDivider.gif) no-repeat 0 0;
}

.folderContents #content .first {
  background: none;
}

.folderContents #content .odd,
.folderContents #content .even,
.contentArticles #content .odd,
.contentArticles #content .even {
  clear: none;
  padding: 42px 28px 20px 20px;
  border-top: 4px solid #E1E1E1;
}

.contentArticle #content .article {
  padding: 0 28px 16px 20px;
}

.folderContents #content .first .summary,
.folderContents #content .first .article {
  padding-top: 0;
}

#content .summary .date em,
#content .article .date em,
#content .summary .author,
#content .article .author {
  margin-bottom: 0;
  font-style: normal;
  color: #646464;
  font-size: 83%;
}

#content .summary .date,
#content .article .date {
  margin-bottom: 0;
}

#content .article img.summaryImage {
  margin-bottom: 5px;
}

#content .summary a.summaryImage,
#content .summary .summaryImageNoLink {
  float: right;
  margin: 0 0 10px 5px;
}

#content .odd {
  float: left;
  display: inline;
  width: 283px;
}

#content .even {
  float: right;
  display: inline;
  width: 283px;
}

#content .article h1 {
  font-size: 300%;
  color: #C2161B;
  font-weight: bold;
}

#content .article h1.small {
  font-size: 150%;
}

#content .summary h1,
#content .summary h2 {
  margin-bottom: 0;
  font-size: 117%;
  font-weight: bold;
}

#content .summary h1 a,
#content .summary h2 a {
  color: #C2161B;
}

#content .summary .text,
#content .summary .readmore {
x  color: #949494;
  font-size: 92%;
}

#content .summary .frpTvSummary {
  background: transparent url(frp-tv-summary.jpg) no-repeat 0 0;
  display: inline;
  float: left;
  height: 24px;
  margin: 0;
  position: relative;
  width: 69px;
  z-index: 999;
}

#content .summary .frpTvSummary span {
  display: none;
}

#content .article .text {
  font-size: 117%;
  font-weight: bold;
}

#content #articleTools {
  padding: 0 28px 0 20px;
}

#content #articleTools ul.menu {
  text-align: right;
  margin-bottom: 5px;
}

#content #articleTools .menu li {
  display: inline;
x  margin-left: 5px;
}

#content #articleTools .menu li a {
  padding: 5px 0;
  display: inline-block;
  width: 150px;
  background-color: #A8A8A8;
  color: #FFF;
  text-align: center;
}

#content #articleTools .menu li a.active {
  background-color: #C8171D;
}

#content #articleTools .button {
  width: 100px;
  color: #FFF;
  background-color: #A8A8A8;
  border: 1px solid #656565;
}

#content #articleTools .tab {
  padding: 5px 0;
  background-color: #F0F0F0;
  border: 1px solid #DFDFDF;
}

#content #articleTools dl {
  float: left;
  padding: 15px 0;
  display: inline;
  width: 175px;
  padding-left: 29px;
  font-size: 92%;
}

#content #articleTools dt {
  margin-bottom: 15px;
  color: #545454;
  font-weight: bold;
}

#content #articleTools #sharing {
  float: left;
  width: 130px;
  list-style: none;
  padding-left: 5px;
  font-size: 92%;
}

#content #articleTools #sharing li {
  padding-left: 20px;
  margin-bottom: 8px;
  background: transparent url(Facebook_logo_16x16.png) no-repeat 0 50%;
}

#content #articleTools #sharing li a {
  color: #636363;
}

#content #articleTools #sharing li.tipafriend {
  background-image: url(Send_til_en_venn_logo_16x16.png);
}

#content #articleTools #sharing li.nettby {
  background-image: url(Nettby_logo_16x16.png);
}

#content #articleTools #sharing li.twitter {
  background-image: url(Twitter_logo_16x16.png);
}



.quote {
  padding: 11px 19px 3px;
  background-color: #E1E1E1;
  font-size: 92%;
}

#content .quote h4 {
  margin-bottom: 3px;
  text-transform: uppercase;
  font-weight: bold;
  color: #C8171D;
}

.folderContents #content .quote .article {
  padding: 0;
  border: none;
}

/* TODO: get latest css from standardmaler.no, and add style to own stylesheet */
/*************************
## OBJECT COMMENTS VIEW ##
*************************/
#comments {
   padding: 20px 0;
   border-bottom: 1px solid #F0F0F0;
}

#comments dt {
  background: url(quote.gif) top left no-repeat;
  padding-left: 25px;
}

#comments dd {
  padding-left: 25px;
  margin-top: 4px;
  margin-bottom: 14px;
}

form#commentForm {
  width: 100%;
  margin: 0;
  padding: 20px 0;
}

form#commentForm fieldset {
  padding: 0;
}

#commentForm input.block {
  width: 40%;
}


/**************
## PAGINATOR ##
**************/

.paginator {
  padding: 14px 0 0 20px;
  border-top: 4px solid #E1E1E1;
  clear: both;
  text-transform: uppercase;
  font-size: 92%;
  text-align: right;
}

.paginator .next,
.paginator .prev {
  width: 8px;
  height: 13px;
}

.paginator .next a,
.paginator .prev a {
  display: block;
  width: 100%;
  height: 100%;
}

.paginator .next a {
  background: transparent url(next.gif) no-repeat 0 50%;
}

.paginator .prev a {
  background: transparent url(prev.gif) no-repeat 0 50%;
}

.paginator .prev span,
.paginator .next span {
  display: none;
}

.paginator .pages {
  display: inline;
  float: right;
  padding: 0;
}

.paginator .pages li {
  display: inline;
  float: left;
  padding: 2px;
}


/**************
## CANDIDATE ##
**************/

#content #calendarNavigation {
  background-color: #C9171D;
  padding: 10px;
}

#content #calendarNavigation form {
  float: right;
  width: 466px;
  margin-bottom: 0;
}

#content #calendarNavigation .button {
  display: inline;
  margin-bottom: -12px;
}

#content #calendarNavigation h2 {
  color: #FFF;
  float: left;
  margin-bottom: 0;
  display: inline;
}

#content #calendarNavigation input.default {
  width: 190px;
  margin-right: 0;
  margin-bottom: 0;
  display: inline;
  font-size: 106%;
  padding: 5px 0;
}

#content #calendarNavigation input.date {
  width: 90px;
  margin-right: 5px;
  text-align: center;
  color: #BE1E2D;
}

#infoCandidate {
  padding: 0;
  list-style: none;
  font-size: 92%;
}

#infoCandidate li {
  line-height: 16px;
}

.candidateImage {
  margin-bottom: 30px;
  min-height: 214px;
  height: auto!important;
  height: 214px;
  padding-right: 30px;
  text-align: right;
  background: transparent url(kandidat.jpg) no-repeat 0 0;
}

.candidateImage h1 {
  padding-top: 60px;
  font-size: 183%;
  color: #CE3539;
  font-weight: bold;
}

.candidateImage h1 span {
  color:#000000;
  display:block;
  font-size:72%;
  font-weight:normal;
}

#infoCandidate li.communities a {
  float: left;
  display: inline;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#infoCandidate li.communities a span {
  display: none;
}

#infoCandidate li a.facebook {
  background-image: url(Facebook_logo_16x16.png);
}


#infoCandidate li a.flickr {
  background-image: url(Flickr_logo_16x16.png);
}

#infoCandidate li a.nettby {
  background-image: url(Nettby_logo_16x16.png);
}

#infoCandidate li a.twitter {
  background-image: url(Twitter_logo_16x16.png);
}

/*********
## BLOG ##
*********/

#content #blog #articleTools {
  padding: 0;
}

.contentArticle #content #blog .article {
  padding: 0; 
}

#content #blog {
  padding: 0 28px 16px 20px;
}

#content #blog h3 {
  display: block;
  padding: 14px 15px;
  color: #FFF;
  font-size: 117%;
  background-color: #CE3539;
}

#content #blog h3 a {
  color: #FFF;
}

/***************
## DICTIONARY ##
***************/

#navDictionary,
#navOtherThemes,
#navCandidates {
x  padding: 0 28px 16px 20px;
}

#navCandidates {
  font-size: 92%;
}

#content #navOtherThemes .article {
  padding: 0;
}

#navDictionary dt,
#navOtherThemes dt,
#navCandidates dt {
  padding: 5px 15px;
  background: #E8E8E8 url(Pluss.gif) no-repeat 99% 50%;
  cursor: pointer;
}

#navOtherThemes dt {
  margin-bottom: 2px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: #C8171D;
}

#navCandidates dt {
x  margin-bottom: 2px;
}

#navDictionary dd,
#navOtherThemes dd,
#navCandidates dd {
  background-color: #E8E8E8;
}

#navOtherThemes dd {
  background-color: transparent;
  font-size: 92%;
}

#navDictionary dt.active,
#navOtherThemes dt.active,
#navCandidates dt.active {
  background-image: url(Minus.gif);
}

#navDictionary dt.loading,
#navOtherThemes dt.loading,
#navCandidates dt.loading {
  background-image: url(loadinfo.net.gif);
}

#navDictionary dt.mod,
#navDictionary dd.mod,
#navCandidates dt.mod,
#navCandidates dd.mod {
  background-color: transparent;
}

#navDictionary dt.loadingmod,
#navOtherThemes dt.loadingmod,
#navCandidates dt.loadingmod {
  background-image: url(loadinfo.net.white.gif);
}

#navCandidates ul {
  padding-left: 100px;
  padding: 5px 0 5px 100px;
  margin-bottom: 0;
  list-style: none;
}

#navCandidates ul li {
  padding: 5px 0;
}

#navDictionary .dictionaryWords {
  float: left;
  display: inline;
  width: 200px;
  padding-left: 100px;
  list-style: none;
  font-size: 92%;
}

#navDictionary .dictionaryWords a {
  color: #000;
  line-height: 20px;
}

#navDictionary .article {
  background-color: #fff;
}

#content form.search {
  background-color: #C8171D;
  padding: 7px;
  width: auto;
  margin-bottom: 0;
}

#content form.search fieldset {
  padding: 0;
  border: none;
}

#content form.search .query {
  display:inline;
  width: 200px;
  float:left;
  font-size:117%;
  line-height:18px;
  padding:6px 14px;
}
  
/*****************
## IDIUM FOOTER ##
*****************/

.idium {
  margin: 10px auto;
  width: 175px;
}

.idium a:hover,
.idium a:active {
  text-decoration: none;
}

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

.idium img {
  float: left;
  margin-top: -3px;
}

.idium span {
  font-family: Century Gothic,Verdana,Arial,helvetica,sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: -8px 0 0;
  padding: 0 0 0 6px;
  text-transform: lowercase;
  word-spacing: 3px;
  color: #000;
}

#cv table {
  width: 100%;
  margin-bottom: 20px;

  border-left: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}

#cv table th {
  padding: 4px;

  background: #EEE;
  color: #D0161D;
  font: 11px/17px arial;
}

#cv table th.header {
  background: transparent;

  font: 16px/20px arial;
  color: #A00B0E;
}

#cv table td {
  padding: 4px;

  border-right: 1px solid #EEE;
  border-bottom: 1px solid #EEE;

  font: 11px/17px arial;
}

#cv table .mod td { background: #F6F6F6; }

#kandidat {
  min-height: 390px;
  height: auto!important;
  height: 390px;
}

#quote {
  float: right;
  display: inline;
  width: 370px;
  min-height: 100px;
  height: auto!important;
  height: 100px;
  padding-left: 15px;
  margin-top: 20px;

  font: 12px "century gothic", helvetica, arial, sans-serif;
}

#quote h3 {
  display: inline;
  padding-right: 25px;

  font: 2.5em "century gothic", helvetica, arial, sans-serif;
  color: #85868A;
}

#quote span {
  display: block;
  margin-top: 10px;
}

#quote h3 span {
  display: inline;
  margin: 0;
}


/********************
## VÅRE KANDIDATER ##
********************/

#kandidater ul {
  list-style: none;
}

#kandidater li {
  margin: 10px 0 10px 35px;
  padding-left: 0px;
}

#kandidater a {
  color: #B52525;

  border-bottom: 1px dashed #B52525;
}

#kandidater a:hover {
  border-bottom: 1px solid #B52525;
  text-decoration: none;
}


/*************
## KOMMENTARER ##
*************/



.contentArticle #content .comments 
{ 
  margin:0 30px 0 20px;
}

.contentArticle #content .commentList
{ 
  position:relative;
}



.contentArticle #content .comments h3
{ 
  border-bottom:1px solid #E9E9E9;
  padding:10px 0;
  margin:10px 0;
}

.contentArticle #content .commentList .comments h3
{ 
  border-bottom:1px solid #E9E9E9;
  padding:10px 0;
  margin:10px 0;
}

#content .comments .comment
{
  padding:5px 0;
  margin:5px 0;
  display:block;
  width:570px;
  float:none;
}


/*************
## 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 */