/*	Her defineres alle fonter, tekstfarger og bakgrunnsfarger som skal brukes. */
/*	Det er kun her en skal endre, og ingen andre plasser!*/


/* ------------- HOVEDOVERSKRIFT, OMSLUTTENDE TABELLER OG BAKGRUNNER ------------- */

/* Bakgrunnsrad for hovedoverskrift over stegene i bookingprosessen (over progressbaren)*/

body, body.td
{
	font-size: 10px;
	background-color: #f8faf6;
	background: #f8faf6;
	}

.BackgroundMainHeader
{
	background-color: #f8faf6;
	background: #f8faf6;
	height: 30px;
	vertical-align: middle;
	width: 100%;
}

/* hovedoverskrift over progressbar i bookingprosessen */
.FontMainHeader
{
	font-size: 20px;
	color: #5e82a3;
	padding-left: 5px;
	font-weight: Normal;
	font-family: Arial;
}

/* ------------- PROGRESSBAR ------------- */

/*Padding og størrelse på bord rundt selve progressbaren*/
.ProgressbarLine
{
	border: solid 1px #191919;
	height: 8px; 
}

/* Fargen på selve "fremgangen" */
.ProgressActiveColor
{
	background-color: #afbcdb;
}

/* Bakgrunnsfarge innenfor progressbaren */
.ProgressInactiveColor
{
	background-color: Gainsboro;
}

/*Teksten over progressbaren */
.ProgressbarText
{
	font-family: Arial;
	font-size: 10;
	color: #112B75;
}

/* Padding over og under progressbaren */ 
.ProgressBar
{
	padding-top: 15px;
	padding-bottom: 5px;
	background-color: #f8faf6;
}


/* ------------- DYBDEINFORMASJONEN ------------- */

/* Tabell for dybdeinformasjon */
.DepthInfoOutsideTable
{
	width: 716px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	border: none;
}

/* hovedoverskrift på dybdeinformasjonen ( både helt øverst og innenfor innholdstabellen */
.DepthInfoMainHeader
{
	color: #ffffff;
	font-size: 16px;
	padding-left: 0px;
	font-weight: bold;
	background: #5e82a3;
	background-color: #5e82a3;
	height: 36px;
	padding-left: 3px;
	padding-right: 2px;
	font-family: Arial;
}

/* Bakgrunnsfarge bak menyfanene for dybdeinformasjon */
.BackgroundAndPadding
{
	background: #f8faf6;
	background-color: #f8faf6;
	border: solid 0px;
	padding: 0px 0px 0px 0px;
}

/* Teksten på menyfaner for dybdeinformasjon samt menyelementer for valg av enhet under "våre rom/enheter" */

.FontBoldLinkBlackNoDecoration,
.FontBoldLinkBlackNoDecoration:link,
.FontBoldLinkBlackNoDecoration:hover,
.FontBoldLinkBlackNoDecoration:visited
{
	color: #ffffff; 
	font-family: Arial;
	text-transform: none;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

/* Ikke-valgt (passiv) menytab for enheter under "våre rom/våre enheter" på dybdeinformasjonen */
.SubTab
{
	text-align: center;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	height: 16px;
	background-color: #afbcdb;
	text-transform: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;
	color: #ffffff; 
}

/* Valgt (aktiv) menytab for enheter under "våre rom/våre enheter" på dybdeinformasjonen */
.SelectedSubTab
{
	text-align: center;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left: 5px;
	padding-right: 5px;
	height: 16px;
	text-transform: none;
	font-size: 10px;
	font-weight: bold;
	background-color: #5e82a3;
	color: #ffffff;
	font-family: Arial;
}

/* ------------- MODULER: "MIN BESTILLING", SORTBY, KART, "DIN BOOKING" OG "HVA SKJER UNDER OPPHOLDET?" ------------- */

/*Bakgrunn på headere for "Min bestilling" og Kartmodul i høyre kolonne for bookingprosessen */
.BlueSectionHeader
{
	background: #71bd1f;
	background-color: #71bd1f;
	font-family: Arial;
	color: #ffffff;
	text-transform: none;
	font-size: 11px;
	font-weight: bold;
	height: 16px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 2px;

}

/* Bunnlinjen for totalsum i handlekurv-modulen i høyre kolonne. TODO: Brukes det andre steder også?  */
.GreenSectionHeader
{
	height: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	background: #71bd1f;
	background-color: #71bd1f;
	font-family: Arial;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: capitalize;
}

/*Farge på link til søk i ulike kategorier i "Min bestilling"-modulen */
.FontBoldLink
{
	color: #000000;
	font-family: Arial;
	text-transform: none;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline; 
}

/* ------------- PAKKEBESTILLING ------------- */
/* Bord rundt "bannerannonsen" for pakker */
.ThinBorderPackage
{
	border: solid 1px #5e82a3;
	background: green;
	background-color: green;
}

/* Dette brukes bl.a. til "til dato" i søk etter dato for pakke TODO !!! HVOR ELLERS BRUKES DETTE HER OG HVA BRUKES DET TIL? */
.formTextNoPadding
{
	font-size: 10px;
	font-family: Arial;
	font-weight: bold;
	color: #000000;
}


/* ------------- PRODUKTER OG BOOKBARE ELEMENTER I RESULTATER OG BOOKINGPROSESS ------------- */

/* Hvit bakgrunn som legges bak hvert produkt/bookbar enhet i lister og bookingprosess */
.WhiteBackgroundWithNoPadding
{
	background: #ffffff;
	background-color: #ffffff;
}

/* Teksten i pristabellen i bookingprosessen */
.PriceTable
{
	font-size: 12px;
	font-weight: normal;
	background-color: #f8faf6;
}

/* Overskriftsrader i skjemaer (hovedoverskriftene "Velg type overnatting" etc.) 
/*TODO: Det er ikke alle...Hva er forskjellen på dette og de andre?*/

.YellowSectionHeaderWithTopBorder
{
	color: #ffffff;
	background: #5e82a3;
	background-color: #5e82a3;
	border-top: solid 1px #000000;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: capitalize;
	height: 16px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}

/*TODO: Hvor brukes alle disse forskjellige bordene ? */
/* Bord rundt hovedinnholdstabell og moduler i høyre kolonne */
.BlueTableBorder, .BlueTableBorderActList, .BlueTableBorder2px, .BlueTableBorder1px, .BlueTableBorderNoPadding
{
	background: #ffffff;
	background-color: #ffffff;
	border: solid 1px #5e82a3;
}
/* Bord rundt indre hovedinnholdstabell dersom denne eksisterer. TODO: hvorfor finnes det både en indre og en ytre?*/
/* border on subsection */
.ThinBorder
{
	border: solid 1px #191919;
	background: #FFFFFF;
	background-color: #FFFFFF;
}

/* Oversikriften per produktelement/enhetselement i resultatlisten/bookingprosessen */
.FontFormTextMediumBold
{
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

/*Link for "les mer.." */
.FontLinkNoDecoration
{
	color: #5e82a3;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}


/* Tekstfarge på hovedknappene i bunnlinjen: Søk, neste, forrige m.m. */
.StandardTextButtonText
{
	color: #ffffff;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	height: 10px;
	padding-right: 3px;
}

/* Overskrift over "hovedinnholdet" i dybdeinformasjonen (på samme linje som "Online booking"; Våre enheter, fasiliteter etc) */
/* Overskrift "enhet" i modulen i høyre kolonne som viser de enhetene man booker: "Din booking for 'produktnavn' " */
/*"Gå videre til kontaktopplysninger" i siste steg av bestillingsbildet */
.FontFormTextHeaderBold
{
	font-family: Arial;
	text-transform: none;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}


/* TODO: Hvor brukes alt dette her? */
/* Farge på teksten i øverste seksjonsoverskrift i søkebildet for overnatting. TODO: Brukes denne andre steder? */
.YellowSectionHeaderNoCap, .YellowSectionHeaderNoCapBorder, .StandardTextButtonTextCenter
{
	color: #000000;
}

/* Bord på toppen av seksjonsheaderradene*/
.1pxBlueTopBorder
{
	border-top: solid 0px #000000;
}

/* ------------- AKTIVITETSGUIDE ------------- */

/* Aktivitetsguide: styles på "hoved"-menyelement ("hovedmenyelementer"; aktiviteter, opplevelser, attraksjoner)*/
.GeneralSectionHeaderDarkOrange
{
	background-color: #5e82a3;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 8px;
	padding-right: 8px;
	height: 15px;
	border-top: solid 1px #000000;
}

/* Aktivitetsguide: styles på "under"-menyelement (aktivitetsselskaper, andre aktiviteter etc.)*/

.GeneralSectionHeaderNoPadding
{
	background-color: #afbcdb;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	height: 15px;
	border-top: solid 1px #000000;
}

/* Aktivitetsguide: styles på seksjonsheaderrad i søkebildet (feks "Søk"-overskriften)*/

.GeneralSectionHeader
{
	background-color: #5e82a3;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 8px;
	padding-right: 8px;
	height: 15px;
	border-top: solid 1px #000000;
}


/* Styles for "hovedknapp" i bunnlinjen på aktivitetssøket. TODO: hvorfor brukes ikke den samme taggen som for overnattingsdelen på denne knappen? */
.button
{
	background-color: #e9ece5;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	height: 45px;
	width: 70px;
	text-align: right;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
}

/* Aktivitetsguide: Bakgrunnsfarge bak menytabbene over aktiviteter */
.ActivityLeftMenuBackground
{
	background: #f8faf6;
	background-color: #f8faf6;
}

/* Bord under aktivitetselementene i resultatlisten for aktiviteter */
.BottomBorder
{
	border-bottom: solid 2px #5e82a3;

}

/* Ledig kapasitet i kapasitetskalenderen over aktivitetsdager ut mot den reisende*/
.CapacityAvailable
{
	background: #71bd1f;
	background-color: #71bd1f;
}

/* Tatt kapasitet i kapasitetskalenderen over aktivitetsdager ut mot den reisende*/
.CapacityBooked
{
	background: red;
	background-color: red;
}


/* Bord til venstre for innholdstabellen for dato/nøkkelordssøk på aktiviteter. TODO !!! HVOR ELLERS BRUKES DETTE HER OG HVA BRUKES DET TIL? */
.Border1pxLeft
{
	border-left: solid 1px #5e82a3;
	background-color: #f2f2f2;
}

/* ------------- MENYFANER ------------- */

/* Ikke-valgte (passive) "Hovedmenyfaner" (dvs. feks. "nytt søk" eller "Hotell og B&B") */
.MainTab
{
	text-align: center;
	text-decoration: none;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 8px;
	padding-right: 8px;
	border: none;
	height: 18px;
	font-family: Arial;
	color: #ffffff;
	text-transform: none;
	font-size: 10px;
	font-weight: bold;
	background: #afbcdb;
	background-color: #afbcdb;
}

/* Valgte (aktive) "Hovedmenyfaner" (dvs. feks. "nytt søk" eller "Hotell og B&B") */
.SelectedMainTab,
.SelectedMainTab:link,
.SelectedMainTab:visited,
.SelectedMainTab:hover

{
	text-align: center;
	text-decoration: none;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 8px;
	padding-right: 8px;
	border: none;
	height: 18px;
	font-family: Arial;
	color: #ffffff;
	text-transform: none;
	font-size: 10px;
	font-weight: bold;
	text-transform: none;
	font-size: 10px;
	font-weight: bold;
	background: #5e82a3;
	background-color: #5e82a3;
}


/* Valgt (aktiv) menyfane på dybdeinformasjonen */
.ProductInfoSelectedTab
{
	background: #5e82a3;
	background-color: #5e82a3;
	text-align: center;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 8px;
	padding-right: 8px;
	height: 16px;
	font-family: Arial;
	color: #000000;
	text-transform: none;
	font-size: 10px;
	font-weight: bold;
}

/* Ikke-valgte (passive) menyfaner på dybdeinformasjonen */
.ProductInfoTab
{
	text-align: center;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 8px;
	padding-right: 8px;
	height: 16px;
	color: #ffffff;
	background: #afbcdb;
	background-color: #afbcdb;
	text-transform: none;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial;
}

/* ------------- DIVERSE CONTROLS I SIDENE ------------- */

/* TODO: Eksempler på hvor alle brukes? */

.70pxTextBox
{
	height: 21px;
	width: 70px;
	padding-top: 2px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	font-family: Arial;
}

.200pxTextBox
{
	height: 21px;
	width: 200px;
	padding-top: 2px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;	
	font-family: Arial;	
}

.150pxTextBox
{
	height: 21px;
	width: 150px;
	padding-top: 2px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;	
	font-family: Arial;
}

.200pxDropDownList
{
	width: 200px;
	height: 21px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	font-family: Arial;		
}

.150pxDropDownList
{
	width: 150px;
	height: 21px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;	
	font-family: Arial;		
}

.2DigitDropDownList
{
	width: 40px;
	height: 21px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;		
	font-family: Arial;
}

.3DigitDropDownList
{
	width: 45px;
	height: 21px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	font-family: Arial;			
}

.3LetterDropDownList
{
	width: 45px;
	height: 21px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	font-family: Arial;		
}

.4DigitDropDownList
{
	width: 55px;
	height: 21px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	font-family: Arial;			
}

.LongMonthDropDownList
{
	width: 75px;
	height: 21px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	font-family: Arial;			
}

.ShortDateDropDownList
{
	width: 84px;
	height: 21px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	font-family: Arial;			
}

/* SLUTT PÅ KATEGORISERTE ELEMENTER: HER BEGYNNER ROTET :
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------


/*Fonttype for diverse */
.YellowSectionHeaderNoPadding, .YellowSectionHeader, 
.AltLineDark, .AltLineLight, 
.StandardTextButtonLayout, .SmallTextButtonLayout, .StandardTextButtonLayoutPackage, .StandardTextButtonTextCenter,
.FontBoldLinkWhiteNoDecoration, .FontEmptySearchListMessage, .FontBoldLinkUpperCaseNoDecoration, .FontFormTextItalic, .FontFormTextBoldRed, 
.SectionHeaderGrey, .YellowSectionHeaderNoCap, .RedSectionHeaderNoCap, 
.StandardTextButtonTextCenter2, .FontFormTextMediumBold2, .BlueSectionHeader2, 
.YellowSectionHeaderNoCapBorder, .LightBackgroundSmallerText, .SmallerText, 
.GreenSectionHeaderNoLeftPadding, .AltLineLightPadLight, .AltLineDarkPadLight, .TextColorWhite
{
	font-family: Arial;
}


/* TODO!!! Hvor brukes dette ??*/
.RadioButtonText
{
	font-family: Arial;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
}

/* TODO!!! Hvor brukes dette ??*/
A, A:link, A:visited, A:active, A:hover
{
	font-family: Arial;
	font-size: 10px;
	text-decoration: none; 
}

/* font på tekst som sier at et element ikke har bookbar kapasitet på søkt dato */
.FontNotBookableResult
{
	font-family: Arial;
	color: #d9d9d9;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
/* TODO!!! Hvor brukes dette ??*/
.FontHeaderUpperCaseBlack
{
	font-family: Arial;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}



/* Overskrifter i skjemaer ("ønsket beliggenhet etc") */
.FontHeaderCapitalizeBlack
{
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: capitalize;
	font-family: Arial;
	color: #000000;

}


/* TODO!!! Hvor brukes dette ??*/
.FontHeaderUpperCaseWhite
{
	font-family: Arial;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}

/* TODO!!! Hvor brukes dette ??*/
.FontHeaderCapitalizeWhite
{
	color: #ffffff;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: capitalize;
}


/* TODO!!! Hvor brukes dette ??*/
.FontFormText
{
	font-family: Arial;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
}


/* Font på tekst for "Valgfritt" i søkebildet. Andre steder ? */
.FontFormTextFadedItalic
{
	font-family: Arial;
	color: Gray;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	padding-left: 2px;
}

/* TODO!!! Hvor brukes dette ??*/
.FontFormTextBoldUpperCase
{
	font-size: 10px;
	font-weight: Bold;
	text-transform: uppercase;
	font-family: Arial;
	color: #000000;
}

/* TODO!!! Hvor brukes dette ??*/
.FontFormTextBold
{
	text-transform: none;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial;
}

/* TODO!!! Hvor brukes dette ??*/
.FontFormTextSmall
{
	font-family: Arial;
	color: #000000;
	font-size: 38px;
	font-weight: normal;
}

/* overskrif på moduler i høyre kolonne i bookingprosessen ("Min bestilling", "Kart" etc) */
/* Hedmark vil ha hvit skrift på overskrifter i moduler i høyrekolonne i bookingløpet */
.TextColorWhite, .GreenSectionHeaderNoLeftPadding, .FontBoldLinkWhiteNoDecoration, .FontBoldLinkUpperCaseNoDecoration, .YellowSectionHeaderNoPadding
{
	color: #ffffff;
}

/* tekstfarge på "vanlig" tekst på sidene */
.TextColorBlack, .AltLineDark, .AltLineLight, .StandardTextButtonLayout, .SmallTextButtonLayout, .StandardTextButtonLayoutPackage, .FontEmptySearchListMessage, .FontFormTextItalic, .SectionHeaderGrey, .RedSectionHeaderNoCap, .StandardTextButtonTextCenter2, .FontFormTextMediumBold2, .AltLineLightPadLight, .AltLineDarkPadLight
{
	color: #000000;
}

 .YellowSectionHeader
 {
	color: #ffffff;
}
 
 
/* tekstfarge for diverse feilmeldinger */
.FontFormTextBoldRed
{
	color: Red;
}

/* diverse tekster, feks "valgfritt" i søkebildet */
.TextColorGray, .TextColorGray10px
{
	color: Gray;
}




/* Font på bookingknapper */
.StandardTextButtonLayout, .SmallTextButtonLayout, .StandardTextButtonLayoutPackage, .StandardTextButtonTextCenter, .StandardTextButtonTextCenter2
{
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}


/* TODO !!! Hvor er denne brukt? */
.formTextNormalNoPaddingRedBig
{
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	color: #FF0000;
}

/* Overskrifter i skjemaer ("ønsket beliggenhet etc") */
.YellowSectionHeader, .YellowSectionHeaderNoPadding, .SectionHeaderGrey
{
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: capitalize;
}

/* TODO!!! Hvor brukes dette ??*/
.YellowSectionHeaderNoCap, .RedSectionHeaderNoCap, .YellowSectionHeaderNoCapBorder
{
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: none;
}



/* "Totalsum for bestillingen"-raden i siste bilde (oppsummeringen) før bekreftelse av pakkebestilling. TODO!!! Hvor ellers brukes dette ??*/

.GreenSectionHeaderNoLeftPadding
{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: capitalize;
	background: #63A744;
	background-color: #63A744;
}

/* Diverse tekster  ?? */
.TextColorGray10px
{
	font-size: 11px;
	font-weight: normal;
}

/* TODO!!! Hvor brukes dette ??*/
.fontFormTextPaddedLeft
{
	font-size: 30px;
	font-weight: normal;
	padding-left: 3px;
}

/* TODO!!! Hvor brukes dette ??*/
.FontFormTextMedium, .FontEmptySearchListMessage
{
	font-size: 12px;
	font-weight: normal;
}

/* TODO!!! Hvor brukes dette ??*/
.FontFormTextMediumBold2
{
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 55px;
}

/* Teksten på "Pakker"-knappen */
.FontFormTextMediumBoldUpperCase, .FontBoldLinkUpperCaseNoDecoration
{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}


/* Font på diverse tekster: på menyfaner, kontaki for tilbyderen i tellusfooter, header i min bestiling, linjer i min bestilling modulen, sorteringsboks, kartboks m.m. */
.AltLineDark, .AltLineLight, .FontBoldLinkWhiteNoDecoration, .FontFormTextBoldRed, .BlueSectionHeader2, .AltLineLightPadLight, .AltLineDarkPadLight
{
	text-transform: none;
	font-size: 10px;
	font-weight: bold;
}

/* Font på tilbydernavnet i tellusfooter per element i resultatsiden. Andre steder ?? */
.FontFormTextItalic
{
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
}




/* TODO!!! Hvor brukes dette ??*/
.LightBackgroundSmallerText, .SmallerText
{
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}


/* TODO!!! Hvor brukes dette ??*/
.BGColor2, .BlueTableBorderActList, .BlueTableBorder2px, .BlueTableBorder1px, BlueTableBorderNoPadding
{
	background: #5e82a3;
	background-color: #5e82a3;
}

/* TODO: Hvor brukes denne? 
*/
.BGColor3
{
	background: red;
	background-color: red;
}
/*TODO!!! HVA BRUKES ALLE DISSE TINGENE TIL?? */
/* Bakgrunn på inaktiv (ikke valgt) menytab på nest øverste nivå.
 Eksempel: Meny for dybdeinformasjon i resultatlisten*/
.BGColor5, .YellowSectionHeader, .YellowSectionHeaderNoPadding, .YellowSectionHeaderNoCap, .YellowSectionHeaderNoCapBorder, .SortByHeaderNPPurple
{
	background: #5e82a3;
	background-color: #5e82a3;
}

/* TODO !!! UKJENT BRUK?? HVOR HØRER DENNE TIL? */
.BlueSectionHeader2
{
	background: yellow;
	background-color: yellow;
}

/* TODO !!! UKJENT BRUK?? HVOR HØRER DENNE TIL? */
.BGColor7
{
	background: red;
	background-color: red;
}


/* Bakgrunn på hovednavigeringsknapper. "Neste", "Bestill" etc. */
.BGColor4, .StandardTextButtonLayout, .SmallTextButtonLayout, .StandardTextButtonLayoutPackage
{
	background: #5e82a3;
	background-color: #5e82a3;
}

/* UKJENT BRUK?? HVOR HØRER DENNE TIL? */
.RedSectionHeaderNoCap
{
	background: #5e82a3;
	background-color: #5e82a3;
}


/* UKJENT BRUK?? HVOR HØRER DENNE TIL? */
/*  Bakgrunn på "sub" tabs (OFF).
 Eksempel: Meny for dybdeinformasjon*/
.BGColor6
{
	background: blue;
	background-color: blue;
}



/* UKJENT BRUK?? HVOR HØRER DENNE TIL? */
/*Bakgrunner i tabeller/rader, o.l., lysere grønn. Ikke i bruk */
.BGColor8
{
	background: #CDEED7;
	background-color: #CDEED7;
}

/* UKJENT BRUK?? HVOR HØRER DENNE TIL? */
/*Bakgrunner i tabeller/rader, o.l., lysere grønn. Ikke i bruk */
.BGColor9
{
	background: #E6F6EB;
	background-color: #E6F6EB;
}


/* UKJENT BRUK?? HVOR HØRER DENNE TIL? */
/* Rød. Slett farge */
.BGColor10
{
	background: pink;
	background-color: pink;
}

/* UKJENT BRUK?? HVOR HØRER DENNE TIL? */
/* Sort, bla tekst farge */
.BGColor11
{
	background: Silver;
	background-color: Silver;
}

/* Bakgrunn i tabell/rader. Alternerende Mørk */
.BGColor12, .AltLineDark, .DarkGrayPriceTableRow, .DarkGrayBackgroundNoPadding, .AltLineDarkPadLight
{
	background: #e9ece5;
	background-color: #e9ece5;
}

/* Bakgrunn i tabell/rader. Alternerende Lys*/
.BGColor13, .AltLineLight, .LightBackgroundWithTopBorder, .LightBackgroundWithPadding, .LightBackground, .LightBackgroundSmallerText, .LightGrayPriceTableRow, .LightBackgroundWithBottomBorder, .LightGrayBackgroundNoPadding, .LightBackgroundLeftBorder, .AltLineLightPadLight, .LightGrayBackground
{
	background: #f8faf6;
	background-color: #f8faf6;
}


/*PADDINGER OG BORDER */
/* Padding inne i de opprinnelig lysegrå alternerende linjene */
.LightGrayBackground
{
	padding-left: 2px;
}
/* 1 px border på toppen av linjer. TODO !!! : hva brukes alle disse elementene til? */
.TopBorder1, .LightBackgroundWithTopBorder, .YellowSectionHeaderNoCapBorder, .RedSectionHeaderNoCap
{
	border-top: solid 1px #000000;
}

/* 1 px border på toppen av linjer. TODO !!! : hva brukes alle disse elementene til? */
.4pxBlueTopBorder
{
	border-top: solid 4px #5e82a3;
}

/* Bakgrunn i tabell/rader. Alternerende Lys Uten bord i bunnen. TODO!!! : Hvor brukes dette ? */
.LightBackgroundWithBottomBorder
{
	border-bottom: solid 1px #5e82a3;
}

/* 1 px bord på venstre side av elementer. TODO!!! : Hvilke elementer er dette ? Bare knappene ? */
.LeftBorder1, .StandardTextButtonLayout, .SmallTextButtonLayout, .StandardTextButtonLayoutPackage
{
	border-left: solid 1px #5e82a3;
}

/* 1 px bord på høyre side av elementer. TODO!!! : Hvilke elementer er dette ? */
.1pxBlueRightBorder
{
	border-right: solid 1px #5e82a3;
}
/* 1 px "dotted" bord i bunnen av elementer. TODO!!! : Hvilke elementer er dette ? */
.1pxDottedBottomBorder
{
	border-bottom: dotted 1px #85a4ce;
}
/* 1 px "dotted" bord på venstre side av elementer. TODO!!! : Hvilke elementer er dette ? */
.1pxDottedLeftBorder
{
	border-left: dotted 1px #85a4ce;
}

/* 1 px bord TODO!!! : I hvilke elementer brukes dette ? */
.1pxBorderBlue
{
	border: solid 1px #5e82a3;
}

/* 2 px bord TODO!!! : I hvilke elementer brukes dette ? */
.2pxBorderBlue
{
	border: solid 2px #5e82a3;
}
/* 4 px bord TODO!!! : I hvilke elementer brukes dette ? */
.4pxBorderBlue
{
	border: solid 4px #5e82a3;
}

/* Margin som setter hvor langt inn på siden hele siden skal settes */
BODY
{
	margin-left: 2px;
	margin-top: 1px;
}

/* størrelse og padding på overskriftsrader i skjemaer og i moduler til høyre. TODO: Hvorfor justerer ikke dette total-linjen i "Min bestilling"-modulen? */
.YellowSectionHeader, .YellowSectionHeaderNoCap, .RedSectionHeaderNoCap, .BlueSectionHeader2, .SectionHeaderGrey, .YellowSectionHeaderNoCapBorder
{
	height: 16px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}

/* TODO !!! UKJENT BRUK?? HVOR HØRER DENNE TIL? */
.SectionHeaderGrey
{
	height: 36px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}


/* MasterPage-tabellen. TODO: Kan ikke se at denne tar noen effekt noe sted? */
.MasterPageTable, .MainOutsideTable
{
	width: 924px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	border-bottom: none;
	border-right: solid 5px;
	border-left: none;
	border-top: none;
}


/* TODO !!! UKJENT BRUK?? HVOR HØRER DENNE TIL? */
.FontBookingSignature
{
	color: #191919;
	font-family: Blackadder ITC;
	font-weight: bold;
}

/* Paddingen for annenhver linje */
.AltLineLight
{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 1px;
	padding-right: 1px;
	height: 27px;
}

/* Paddingen for annenhver linje */
.AltLineDark
{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 1px;
	padding-right: 1px;
	height: 27px;
}

/* TODO !!! UKJENT BRUK?? HVOR HØRER DENNE TIL? */
.AltLineDarkPadLight
{
	padding-top: 10px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	height: 17px;
	font-weight: normal;
}

/* TODO !!! UKJENT BRUK?? HVOR HØRER DENNE TIL? */
.AltLineLightPadLight
{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	height: 17px;
	font-weight: normal;
}


/* TODO !!! UKJENT BRUK?? HVOR HØRER DENNE TIL? */
.BlueTableBorderNoPadding
{
	border: solid 0px #5e82a3;
	padding: 0px 0px 0px 0px;
}

/* TODO !!! UKJENT BRUK?? HVOR HØRER DENNE TIL? */
.BlueTableBorderActList
{
	border: solid 0px;
	padding: 2px 0px 2px 0px;
}

/* TODO !!! UKJENT BRUK?? HVOR HØRER DENNE TIL? */
.BlueTableBorder2px
{
	border: solid 0px;
	padding: 2px 2px 2px 2px;
}

/* TODO !!! UKJENT BRUK?? HVOR HØRER DENNE TIL? */
.BlueTableBorder1px
{
	border: solid 0px;
	padding: 1px 1px 1px 1px;
}

/* TODO !!! UKJENT BRUK?? HVOR HØRER DENNE TIL? */
.BlueTableBorderNoPadding
{
	border: solid 1px;
	padding: 0px 0px 0px 0px;
}
/* TODO !!! UKJENT BRUK?? HVOR HØRER DENNE TIL? */
.BlueTableBorderWith2px
{
	border: solid 0px;
	padding: 4px 4px 4px 4px;
}

/* Størrelse på de blå knappene, f.eks "Søk", "Neste" m.m.*/
/* TODO: Finne ut hvorfor ikke dette er brukt over alt? (i aktivitetssøket feks?) */
.StandardTextButtonLayout
{
	height: 40px;
	width: 108px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 2px;
	padding-right: 2px;
}

/* TODO !!! UKJENT BRUK?? HVOR HØRER DENNE TIL? Når man endrer på disse har det ingen effekt i pakkedelen*/
.StandardTextButtonLayoutPackage, .StandardTextButtonLayoutPackage2 /* de blå knappene, f.eks "Søk", "Neste" m.m.*/
{
	height: 40px;
	width: 88px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

/* de blå knappene, men ikke så høye f.eks "Søk på dato" i aktivitetssøket m.m.*/
.SmallTextButtonLayout
{
	height: 10px;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 2px;
}

/* TODO !!! UKJENT BRUK?? HVOR HØRER DENNE TIL? */
.StandardTextButtonTextCenter
{
	height: 22px;
	padding-right: 3px;
	padding-left: 18px;
	padding-bottom: 4px;
}
/* TODO !!! UKJENT BRUK?? HVOR HØRER DENNE TIL? */
.StandardTextButtonTextCenter2
{
	height: 22px;
	padding-right: 3px;
	padding-left: 18px;
	padding-bottom: 4px;
}

/* TODO !!! HVOR BRUKES ALT DETTE HER OG HVA BRUKES DET TIL? */
.LightBackgroundWithTopBorder, .NoPadding, .LightBackgroundWithBottomBorder, .LightBackground, .LightBackgroundLeftBorder, .LightBackgroundSmallerText, .SmallerText
{
	padding: 0px 0px 0px 0px;
}
/* TODO !!! HVOR BRUKES ALT DETTE HER OG HVA BRUKES DET TIL? */
.LightBackgroundWithTopBorder, .LightBackgroundWithBottomBorder, .LightBackground, .LightBackgroundLeftBorder, .LightBackgroundSmallerText, .SmallerText
{
	height: 100%;
}

/* TODO !!! HVOR BRUKES ALT DETTE HER OG HVA BRUKES DET TIL? */
.LightBackgroundWithPadding
{
	padding-bottom: 2px;
	padding-top: 1px;
	padding-left: 3px;
	padding-right: 4px;
}

/* TODO !!! HVOR BRUKES ALT DETTE HER OG HVA BRUKES DET TIL? */
.LightBackgroundLeftBorder
{
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border-left: solid 1px #5e82a3;
}

/* TODO !!! HVOR BRUKES ALT DETTE HER OG HVA BRUKES DET TIL? */
.8pxBottomPadding
{
	padding-bottom: 8px;
}


/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
.GreenSectionHeaderNoLeftPadding
{
	height: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
}


/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
.FontBoldLinkWhiteNoDecoration, .FontBoldLinkWhiteNoDecoration:link, .FontBoldLinkWhiteNoDecoration:visited, .FontBoldLinkWhiteNoDecoration:hover, .FontBoldLink:a:hover
{
	text-decoration: none;
}

/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
.FontEmptySearchListMessage
{
	padding-bottom: 22px;
	padding-top: 22px;
	padding-left: 12px;
	padding-right: 2px;
}

/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
.WhiteBackgroundWith1pxPadding
{
	padding: 1px 1px 1px 1px;
}
/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
.WhiteBackgroundWith2pxPadding
{
	padding: 2px 2px 2px 2px;
}

/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
.NormalTextBox
{
	font-weight: normal;
	font-size: 12px;
	font-family: Arial;
}


/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
.SortByHeaderNP, .SortByHeaderNPPurple
{
	color: #ffffff;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border: none;
	height: 18px;
}
/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
.SortByHeaderNPBiggerBolder
{
	color: #191919;
	font-family: Arial, Arial;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border: none;
	height: 18px;
}
/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
.SortByHeaderNP2
{
	color: #191919;
	font-family: Arial, Arial;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border: none;
}
/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
.SortByHeaderNP2Bold
{
	color: #191919;
	font-family: Arial, Arial;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border: none;
}




/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
/* top borders */
.BlueBackgroundWithTopBottomBorder
{
	border-top: solid 1px #cccccc;
	background: #cccccc;
	background-color: #cccccc;
}

/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
/* frame */
SubTabBackground
{
	background: #ffffff;
	background-color: #ffffff;
	border: solid 10px #191919;
}

/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
/* myoldbookings */
.MorkeblaaHeader
{
	font-family: Arial;
	font-size: 11px;
	background-color: #112B75;
	color: Fuchsia;
	font-weight: bold;
}

/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
/* myoldbookings */
.OppsummeringTotal
{
	background-color: #71bd1f;
	color: White;
	font-weight: bold;
	font-family: Arial;
}

/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
/* spacing between tabs */
.Spacing
{
	padding-bottom: 15px;
}

/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
/* sub header about product info */
.ProductInfoSubHeader
{
	padding-top: 25px;
	padding-bottom: 15px;
}




/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
/* prices in package */
.PriceColor
{
	color: Red;
}

/* moved */
td.ButtonWithLeftBorderCell
{
	border-left: solid 1px #5e82a3;
	background-color: #e9ece5;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	height: 45px;
	width: 100px;
	text-align: right;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
}



/* ------------- ANDRE BROWSERE ENN IE ------------- */

/* firefox mods */
.FontBoldLinkBlackNoDecoration, .FontBoldLinkBlackNoDecoration:link, .FontBoldLinkBlackNoDecoration:hover, .FontBoldLinkBlackNoDecoration:visited
{
	text-decoration: none;
}

.FontBoldLinkWhiteNoDecoration, .FontBoldLinkWhiteNoDecoration:link, .FontBoldLinkWhiteNoDecoration:hover, .FontBoldLinkWhiteNoDecoration:visited
{
	text-decoration: none;
}


.FontLinkNoDecoration, .FontLinkNoDecoration:link, .FontLinkNoDecoration:hover, .FontLinkNoDecoration:visited
{
	text-decoration: none;
}


.FontBoldLink:link, .FontBoldLink:hover, .FontBoldLink:visited
{
	text-decoration: none;
}

/* Revert fixes */
.ResultSetBackground
{
	background-color: #f8faf6;
	background: #f8faf6;
}

.ResultItemSpacing
{
	padding-top: 1px;
}


/* ------------- ANTATT OVERFLØDIG - KAN TAS BORT?  ------------- */
/* todo!!! hvor hører denne til? Bør jo være progressbaren, men det tar ingen effekt? */
.fontprogressbar
{
	font-size: 28px;
	font-weight: bold;
	font-family: Arial;
	color: Gray;
}


/* TODO!!! hvor hører denne til? */
.DepthInfoProductHeader
{
	font-size: 5px;
	color: #ffffff;
	padding-left: 0px;
	font-weight: bold;
}

/* TODO hvor brukes dette? */
.BGColor1, .WhiteBackgroundWith1pxPadding
{
	background: pink;
	background-color: pink;
}

/* TODO !!! HVOR BRUKES DETTE HER OG HVA BRUKES DET TIL? */
.SystemFont
{
	font-family: Arial;
}

/* Capacitycalendar classes */
.CapCalendarFull
{
	padding:0;
	background-color:Red;
	color:Red;
	height:16px;
	width:17px;
}

.CapCalendarFree
{
	height:16px;
	width:17px;
	padding:0;
	background-color:green;
	color:Green;
}

.CapCalendar
{
	background:#ECF7FA;	
	border-spacing:1;
	letter-spacing:0;
	word-spacing:0;
	padding:0;
	border:solid 2 black;
}
/* End capacitycalendar classes */

.modalBackground {
  background-color:Gray;
  filter:alpha(opacity=70);
  opacity:0.7;
}