/* Default styles */
body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  margin: 0px;
  padding: 0px;
}

td,th {
  font-size: 10px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px 0px 4px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000033;
  text-decoration: none;
}

h1 { 
  font-size: 18px;
}

h2 { 
  font-size: 14px;
}

h3 { 
  font-size: 12px;
}

h4, h5, h6 { 
  font-size: 10px;
}

p {
  margin: 0px 0px 10px 0px;
}

form { 
  margin: 0px;
  padding: 0px;
}

img {
  display: block;
}

input, select, textarea {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  border: 1px solid #7B9CBD;
  margin: 0px;
  width: 99%;
}

input.iButton { 
  width: auto;
  background-color: #e7edf8;
  font-weight: bold;
  padding: 2px 6px;
  margin-top: 4px;
  float: right;
  color: #000000;
}

input.iCheckbox { 
  width: auto;
}

label { 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  color: #000033;  
  display: block;
  padding-top: 4px;
}

.iTitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000033;
  text-decoration: none;
}

.iHeading {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000033;
  text-decoration: none;
}

.iIntro {
  font-size: 11px;
  color: #000000;
}

.iText {
  color: #000000;
}

.iCalendarTable {
  border-collapse: collapse;
  border: 1px solid #d4d0c8;
  width: 100%;
}

.iCalendarTable td {
  background-color: #e7edf8;
  border: 1px solid #d4d0c8;
  width: 14%;
  height: 50px;
  vertical-align: top;
}

.iCalendarTable td div {
  white-space: nowrap;
  overflow: hidden;
}

.iCalendarTable .iInmonth {
  background-color: #fff;
}

.iCalendarTable .iWeek {
  background-color: #fff;
  text-align: center;
  height: auto;
}

.iCalendarTable .iMonth {
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  background-color: #fff;
  height: auto;
}

.iCalendarTable .iDayofmonth {
  font-weight: bold;
  padding-right: 3px;
  text-align: right;
}

.iEventInfo { 
  width: 100%;
  background-color: #e7edf8;  
  border: 1px solid #d4d0c8;
}

.iEventInfo span { 
  font-weight: bold;
  padding-left: 2px;
}

.iEventInfo span.iMoreInfo { 
  padding-left: 20px;
}

br.iClear {
  font-size: 0px;
  clear: both;
  height: 0px;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
}

.iDate, .iCaption, .iPhotographer {
  color: #999999;
  margin: 0px;
}

.iFile {
  clear:  both;
  margin-bottom: 5px;
}

.iFlashfile {
}

.iFrame {
  border: 1px solid #ccc;
}

.iFrameTitle {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  border: 1px solid #fff;
  background-color: #e7edf8;
  color: #000000;
  margin: 0px;
  padding: 2px 6px;
}

.iFrameContent {
  background-color: #fff;
  padding: 4px;
}

.iHasevents {
}

.iFull {
  float: none;
  margin-bottom: 8px;
}

.iLeft {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}

.iRight {
  float: right;
  margin-left: 8px;
  margin-bottom: 8px;
}

.iRight img, .iLeft img, .iFull img { 
  padding: 2px;
  border: 1px solid #4d4d4d;
  background-color: #fff;
}

.iNoBorder img {
  border: 0px;
  padding: 0px;
}

.iSearch {
  height: auto !important;
  height: 1%;
  clear: right;
}

a {
  color: #000033;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #333366;
  text-decoration: underline;
}

.iLink { 
}

.iColumnTable { 
  border-collapse: collapse;
}

.iColumnSpace { 
}

.iColumnSpaceLine { 
  background: url(/share/columnline.gif) repeat-y 50%;
}

.iColumnData { 
}

.iCompact { 
  margin-bottom: 0px;
  padding-bottom: 0px;
}

div.iHr {
  height: 15px;
  background: url(/share/hr.gif) repeat-x 50% 50%;
}

div.iHr hr { 
  display: none;
}

.iMore {
}

.SUBJECTFIELD { 
  display: none;
}

.iMeetingQuestion {
  padding: 6px;
  border-bottom: 1px dotted #e6e6e6;
  color: #000033;
}

.iMeetingAnswer {
  padding: 6px 6px 6px 12px;
}

input.iMeetingSkip {
  background-color: #fcc;
  margin-right: 5px;
}

input.iMeetingSend {
  background-color: #cfc;
  margin-right: 5px;
}

.iGuestAnswer {
  border: 2px solid #e6e6e6;
  padding: 6px;
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 10px;
}

* html .iGuestAnswer {
  height: 1%;
}

.iGuestQuestion {
  border: 1px solid #e6e6e6;
  padding: 6px;
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 10px;
}

* html .iGuestQuestion {
  height: 1%;
}

.iQAgoup {
  border: 1px solid #e6e6e6;
  background-color: #fff;
  margin-bottom: 10px;
}

.iQAgoup h3 {
  padding: 0px 6px;
}

.iQAgoup .iDate {
  padding: 3px 6px;
  border-bottom: 1px solid #e6e6e6;
  background-color: #efefef;
}

.iSitemap a.iSitemap1 {
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000033;
  text-decoration: none;
}

.iSitemap li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin: 0px;
  padding: 0px;
}

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

.iSitemap div {
  margin-left: 16px;
}

.iSitemap a.iSitemap1:hover {
  color: #000033;
  font-weight: bold;
}

.iSitemap a.iSitemap2 {
  text-decoration: none;
  color: #999999;
}

.iSitemap a.iSitemap2:hover {
  color: #999999;
}

.iSitemap a.iSitemap3 {
  text-decoration: none;
  color: #999999;
}

.iSitemap a.iSitemap3:hover {
  color: #999999;
}

.iTemperature, .iTemperatureMinus {
  font-size: 18px;
  color: #900;
}

.iTemperatureMinus {
  color: #009;
}

.iFaqSelectionTitle {
  width: 70%;
  float: left;
  clear: left;
  border-bottom: 1px solid #d4d0c8;
}

.iFaqSelectionDate {
  float: right;
  width: 30%;
  text-align: center;
  border-bottom: 1px solid #d4d0c8;
}

/* Custom styles */
/************************************************************
===============================================
@SITE STRUCTURE
#Please don't touch
Header, Content, Sub-content,Local-navigation, Main-navigation, Footer
We use the first letters to organize our layout.
================================================
*************************************************************/
.showgrid {
  background: url() repeat;
}

.noh #header, .noc #content, .nos #sub-content, .nol #local-navigation, .nom #main-navigation, .nof #footer {
  display: none;
}

.container {
  padding: 0 10px;
}

#content-container {
  position: relative;
  margin-bottom: 1.5em;
}

.asset-hidden {
  display: none;
}

.box {
  margin: 0;
  padding: 0;
  background: transparent;
}

.white-box {
  background: #fff;
}

.right {
  float: right;
}

.left {
  float: left;
}

.asset-image {
  border: 1px solid #6D6F71;
  padding: 4px;
}

.asset-image-right {
  margin: 0 0 9px 10px;
}

.asset-image-left {
  margin: 0 10px 9px 0;
}

.h1, h2, h3, h4, h5, h6, .h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: bold;
}

/*################################################################*/
/*#################################################################*/
body {
  background: url(/sfiles/7/89/5/picture/bakgrunn_nett_ny.jpg) repeat;
}

.container {
  background: url(/sfiles/0/76/6/picture/bg-content.jpg) repeat;
}

#main-navigation {
  margin-bottom: 1.5em;
  background: url(/sfiles/7/09/5/picture/bg-menu.jpg) repeat 0 0;
}

#main-navigation ul {
  margin: 0;
}

#main-navigation ul li {
  float: left;
  display: inline;
}

#main-navigation ul ul {
  display: none;
}

#menu-level1 {
  overflow: hidden;
  height: 36px;
}

#menu-level1 ul li a {
  height: 26px;
  padding: 5px;
  float: left;
  display: inline;
  color: #fafafa;
  line-height: 26px;
  background: url(/sfiles/8/09/5/picture/bg-item.jpg) no-repeat right 50%;
  text-transform: uppercase;
}

#search .asset {
  background: transparent;
}

.asset-search input {
  width: 65%;
  display: inline;
  margin: 0;
}

.asset-search input.submit {
  width: 20%;
  padding: 4px}

#main-navigation .asset-search {
  height: 18px;
  margin-top: 9px;
}

#main-navigation .asset-search input {
  height: 18px;
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
}

#main-navigation .asset-search input.text {
  width: 98px;
  margin-right: 10px;
}

#menu-level2 ul {
}

#menu-level2 ul li a {
  height: 17px;
  padding: 5px;
  float: left;
  display: inline;
  color: #fafafa;
  line-height: 17px;
}

#logo {
  background: #CC1F1E;
  height: 43px;
  padding-top: 20px;
  text-align: center;
}

#logo img {
  margin: 0 auto;
}

/*------------------------SUBContent-------------------*/
#sub-content .inner {
  border: 1px solid #6D6F71;
  padding: 9px;
  background: #fff;
}

.cleanAir h3 {
  color: #5e5e5e;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: -1px;
}

.last-issue .asset-date {
  color: #CD1F1E;
  font-weight: bold;
  font-size: 9px;
  border-bottom: 1px solid #333;
  margin-bottom: 0.75em;
  padding-bottom: 0.375em;
}

.last-issue .asset-caption {
  border-bottom: 1px solid #333;
}

.last-issue .asset-caption h3 {
  text-transform: uppercase;
  margin: .375em 0;
  padding: .375em 0;
  font-weight: bold;
  letter-spacing: -1px;
}

.asset-tracking, .asset-catSelection {
  margin: 0.75em 0 1.5em;
}

.asset-tracking-title h2, .asset-catSelection-title h2 {
  text-transform: uppercase;
  font-size: 12px;
}

#sub-content .asset-entry-title h2 {
  padding: 0;
  margin: 0;
  _margin-bottom: .75em;
}

#sub-content .asset-entry-title h2 a {
  color: #CD1F1E;
  font-size: 10px;
  background: url(/sfiles/0/29/5/picture/bg-tracking.gif) no-repeat left 50%;
  _background-position: 0 0;
  padding-left: 10px;
  line-height: 10px;
}

/*------------------------Content-------------------*/
#content {
  font-size: 12px;
  min-height: 500px;
  height: auto!important;
  height: 500px;
}

#content p {
  padding: 0 5px;
  _padding-right: 10px;
}

.main-image {
  border: 1px solid #6D6F71;
  text-align: center;
  padding: 10px;
  margin-bottom: 1.5em;
  background: #fff;
}

.main-image img {
  margin: 0 auto;
}

.last-entries {
  padding: 0 9px;
  border: 1px solid #6D6F71;
  margin-bottom: 1.5em;
}

.last-entries .span-6 {
  width: 220px;
}

.last-entries .box-entry {
  margin: .75em 0;
}

.asset-catSelection .asset-entry-title h2 a {
  color: #CC1F1E;
  font-size: 10px;
}

.asset-entry-title h2 a {
  color: #333;
}

.asset-entry-title h2 a:visited, .asset-entry-title h2 a:hover {
  color: #333333;
  text-decoration: none;
}

.asset-entry-more a {
  color: #CD1F1E;
}

.frame-annonse {
  min-height: 90px;
  height: auto!important;
  height: 90px;
  background: #4F4C4C;
  margin: .75em 0;
}

.frame-annonse .asset-frame-title {
  display: none;
}

.asset-entryFull-excerpt {
  font-weight: bold;
}

/*------------------------LocalNavigation- Right column-------------------*/
#local-navigation .box {
  background: #fff;
}

#local-navigation .asset-frame-title {
  background: #0077A7;
}

#local-navigation .frame-annonse {
  margin: 0;
}

#local-navigation .box-frame {
  border: 1px solid #000;
}

#local-navigation .asset-frame-title h2 {
  color: #fff;
  margin-bottom: 0;
}

#local-navigation .frame-annonse .box-frame {
  border: 0px solid #000;
}

#local-navigation .asset-children .asset {
  margin: 9px;
}

/*-------------------TOGGLE----------*/
/*-------TABS Important-------*/
.ui-tabs-hide {
  display: none;
}

.asset-toggle {
  margin-bottom: 1.5em;
}

.asset-tabs ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.asset-tabs li {
  float: left;
  display: inline;
  padding: 0;
  margin: 0;
}

.asset-tabs li a {
  float: left;
  display: inline;
  padding: 0 5px 0 10px;
  font-size: 10px;
  font-weight: normal;
  background: url(/sfiles/8/09/5/picture/bg-item.jpg) no-repeat right 50%;
  text-transform: uppercase;
}

.asset-tabs ul {
  background: #0077A7;
}

.asset-tabs li.ui-tabs-selected a {
}

.asset-tabs a {
  color: #fafafa;
  height: 18px;
  line-height: 18px;
}

.asset-toggle .asset {
  background: #fff;
  color: #fafafa;
}

.asset-toggle .iFull {
  margin-bottom: 0;
}

.asset-toggle h2 {
  font-size: 16px;
  padding-left: 10px;
}

.asset-toggle .asset-children {
  margin: 0 auto;
  padding: 10px;
  min-height: 180px;
}

.asset-toggle .asset a {
  color: #fafafa;
}

/**
##Avoid duplication: 
##Since we show the title of the children object in tabs, so I try to avoid duplicate them
##First I tried to use display:none and then display:inline
##But display:inline effects how the div will be displayed. Then I used text-intend
***/
.asset-toggle .asset-children .asset-title {
  text-intend: -99999999px;
  height: 0;
}

.asset-toggle .asset-children .box .box .asset-title {
  text-intend: 0;
  height: auto;
}

/***
### end avoid duplication
***/
/** FORUM **/
#forum-section {
  padding-top: 0.75em;
  padding-bottom: 1.5em;
}

#forum-section .forum-table th, #forum-section .table-innlegg th, #forum-section div.overskrift {
  font-size: 13px;
  color: #fff;
  padding: 5px;
  background: #4c4c4c;
}

#forum-section .table-innlegg {
  padding-top: 10px;
}

#forum-section table h2, #forum-section div.overskrift h2 {
  font-size: 14px;
}

#forum-section .forum-table tr {
  border-bottom: 1px solid #3333FF;
  background: #E2EDF3;
}

#forum-section .forum-table tr.odd {
  background: #fff;
}

#forum-section .forum-table tr.even {
  background: #E6DDCD;
}

#forum-section td {
  padding: 5px;
  font-size: 11px;
  line-height: 1.8em;
}

#forum-section td.title , #forum-section td h2, #forum-section div.overskrift , #forum-section div.overskrift h2 {
  background: #4c4c4c;
  color: #fff;
}

#forum-section div.overskrift , #forum-section div.overskrift h2 {
  background: none;
  font-size: 11px;
}

#forum-section td.meta-data {
  background: #fff;
  border-bottom: 1px solid #666;
}

#forum-section td.meta-data .dato {
  padding-left: 20px;
}

#forum-section td.text-innhold {
  background: #E2EDF3;
  border-bottom: 1px solid #fafafa;
}

#forum-section .new-thread {
  margin: 10px 0 0;
}

#forum-section .new-thread a {
  background: #4c4c4c;
  color: #fff;
  width: auto;
  padding: 5px 8px;
}

#forum-section .innlegg-form form {
  border: 1px solid #8A8275;
  padding: 10px 10px 15px;
  display: block;
  background: #E2EDF3;
  margin-bottom: 10px;
}

#forum-section .innlegg-form input {
  height: 14px;
  border: 1px solid #9AC1D7;
  width: 90%;
}

#forum-section .innlegg-form input.iButton {
  height: 24px;
  background: #CD1F1E;
  width: auto;
  margin-right: 90%;
  color: #fafafa;
}

#forum-section .innlegg-form textarea {
  border: 1px solid #9AC1D7;
  width: 90%;
}

/**** Latest albums && profiler --***/
.lastPicture {
  margin-bottom: .75em;
  min-height: 140px;
}

.lastPicture img, .preview img , .userIntro img {
  border: 3px solid #EADFCD;
}

.preview .thumb {
  margin-bottom: 1.5em;
}

.asset-lastAlbums-title h2 , .asset-albumMng h2 {
  background: #4c4c4c;
  color: #fafafa;
  height: 16px;
  padding: 5px;
  line-height: 16px;
}

.asset-albumMng h2 span a {
  font-size: 9px;
  padding-left: 20px;
  color: #E3B5B5;
}

.userIntro {
  margin-bottom: .75em;
  min-height: 100px;
}

#userProfile {
  margin-bottom: 1.5em;
}

#userProfile * {
  margin: 0;
  padding: 0;
}

#userProfile .userName {
  padding: 5px 10px;
  background: #333;
  color: #fafafa;
  margin-bottom: .75em;
}

#userProfile .mainImage {
  float: left;
  display: inline;
  margin-right: 10px;
}

#userProfile .mainImage img {
  border: 3px solid #EADFCD;
}

#userProfile dd dl {
  float: right;
}

#userProfile dd dt, #userProfile dd dd {
  float: left;
  padding-right: 10px;
}

#userProfile dd dt {
  clear: left;
}

#comments {
}

#comments * {
  margin: 0;
  padding: 0;
}

#comments h2 {
  background: #4c4c4c;
  color: #fafafa;
  padding: 5px 10px;
  margin-bottom: .75em;
}

#comments .odd .iFrameContent {
  background: #E5ECF9;
}

#comments .iFrameContent span {
  float: left;
  display: inline;
  padding: 3px 10px 3px 5px;
}

#comments .iFrameContent span.icon {
  padding-top: 5px;
}

#comments .iFrameContent p {
  clear: left;
}

#wComment {
  margin: .75em 0;
}

#wComment * {
  margin: 0;
  padding: 0;
}

#wComment form {
  text-align: center;
}

#wComment form fieldset {
  width: 460px;
  margin: 0 auto;
  text-align: left;
  border: none;
}

#wComment form h2 {
  background: #4c4c4c;
  color: #fafafa;
  padding: 5px 10px;
  margin-bottom: .75em;
  text-align: left;
}

#wComment form textarea {
  height: 200px;
  width: 460px;
  border-color: #ccc;
}

#wComment form .iButton {
  height: 17px;
  float: left;
  margin: .75em 0;
  background: #CD1F1E;
  color: #fafafa;
  border-color: #CD1F1E;
  padding: 0 5px 3px;
  line-height: 17px;
}

#merBilde {
}

#merBilde * {
  margin: 0;
  padding: 0;
}

#merBilde h2 {
  background: #4c4c4c;
  color: #fafafa;
  padding: 5px 10px;
}

#merBilde .iFrame {
  margin: .75em 0;
  border: none;
}

#merBilde .iFrame img {
  border: 3px solid #EADFCD;
}

.asset-entryFull-excerpt, .asset-entryFull-excerpt p {
  font-weight: bold;
}

/*==Important===*/
/* If they use lager image on fullvisning, I man not need to use theses*/
.asset-entryFull-excerpt, .asset-entryFull-text , .asset-emailFriend {
  float: left;
  display: inline;
  width: 100%;
}

.entryInfo-container {
  border-top: 1px solid #6D6F71;
  border-bottom: 1px solid #6D6F71;
  float: left;
  width: 100%;
  padding: 5px 0;
}

.asset-entryFull-date, .asset-entryFull-author {
  float: left;
  display: inline;
  margin-right: 10px;
}

.allComments {
  float: left;
  display: inline;
  width: 100%;
}

/***
-------------------------------------------------------Flyout gallery -------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------***/
#flyOut-album {
  position: relative;
}

flyOut-album img {
  position: relative;
  margin: 20px;
  border: 1px solid #444;
}

#loader {
  border: 1px solid #444;
}

#loader2 {
  background-color: #666;
  border: 5px dashed #444;
}

div#ss_s img#ss_l {
  border: 26px solid #333!important;
}