/* ================================
    CSS STYLES FOR THE LFVPortal
    v1.0, 10/2020
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg
{
	padding-top:0;
	margin:0px;
	background-color: #ea0000;
}

/* background color for the content part of the pages */

Body
{
	margin-top:0;
	margin-bottom:0;
	border:0;
    background-color: white;
}


/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle
{	padding-top:0;
	font-weight: bold;
	font-size: 14px;
	color: white;
	font-family: Verdana Bold, Helvetica, sans-serif;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: white;
    border-color: white;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg
{
	background-image: url(images/ModuleHead.gif);
	border-left-color: red;
	border-bottom-color: red;
	border-top-color: red;
	background-color:Gray;
	border-right-color: red;
	color: white;
}
    
/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}   

/* hyperlink style for the site links */
A.SiteLink:link
{
	color: white;
	text-decoration: none;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:#efeefe;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#1effee;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:white;
}

/* style for separator between site links */
.Accent
{
    color: Black;
    font-weight:    bold;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

.MessageDeleted
{
	font-weight: normal;
	font-size: 11px;
	color: white;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: red;
} 
.Invoiced
{
	font-weight: normal;
	font-size: 11px;
	color: white;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: gray;
}
.Avsluttet
{
	font-weight: normal;
	font-size: 11px;
	color: white;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: red;
} 


/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #DC143C;
}

.ItemTitleBlue    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #00008B;
}
/* GENERAL */
/* style for module titles */
.Head
{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 4px;
	color: #000066;
	font-family: Tahoma;
}
A.Head:link
{
	color: #000066;
	text-decoration: none;
}

A.Head:visited  {
    text-decoration:    none;
    color:#000066;
}

A.Head:active   {
    text-decoration:    none;
    color:#000066;
}

A.Head:hover
{
	color: red;
	font-style: italic;
	text-decoration: underline;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #DC143C;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
	text-align: justify;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px    
}
.Pal
{
	font-weight: normal;
	font-size: 9px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: justify;
}

/* text style used for most text rendered by modules */
.NormalSmall
{
	font-weight: normal;
	font-size: 9px;
	line-height: 9px;
	font-family: Verdana, Helvetica, sans-serif;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
	font-weight: bold;
	font-size: 11px;
	color: #003399;
	font-family: Verdana, Helvetica, sans-serif;
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

.NormalDefault
{
	font-weight: bold;
	font-size: 12px;
	color:  #228B22 ;
	font-family: Verdana, Helvetica, sans-serif;
	background-color:  #FFEFD5 ;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #DC143C;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #DC143C;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #DC143C;
}

A.CommandButton:hover
{
	color:  #4B0082;
	text-decoration: underline;
}
    



/* GENERIC */
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #DC143C;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #DC143C;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #DC143C;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #DC143C;
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: #DC143C;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #DC143C;
}

A:link
{
	color: blue;
	text-decoration: underline;
}

A:visited
{
	color:  #8B008B ;
	text-decoration: underline;
}

A:active    {
    text-decoration:    underline;
    color:  Black;
}

A:hover
{
	color: red;
	text-decoration: underline;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color:  #696969 ;
    height:1pt;
    text-align:left
}

.ContactTab
{
	font-weight: bold;
	font-size: 14pt;
	color: white;
	font-family: Tahoma;
	background-color: #993300;
	text-align: center;
}

.SmallLink
{
	font-weight: bold;
	font-size: 10px;
	color:  #00008B ;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
	text-align: center;
} 
.TableStyle
{
	border-right: #000033 3px double;
	border-top: #000033 3px double;
	margin: 0px;
	border-left: #000033 3px double;
	border-bottom: #000033 3px double;
}

.TableStyleLow
{
	border-right: #DCDCDC  1px solid;
	border-top: #DCDCDC  1px solid;
	margin: 0px;
	border-left: #DCDCDC  1px solid;
	border-bottom: #DCDCDC  1px solid;
}

.TableStyleCampaign
{
	margin: 0px;
	border-right: #ea0000 1px solid;
	border-bottom: #ea0000 1px solid;
}

.StrongTitle
{
	font-weight: bold;
	font-size: medium;
	color: #1E90FF ;
	font-style: italic;
	font-family: Tahoma;
}
.StrongTitleBlack
{
	font-weight: bold;
	font-size: medium;
	color: black;
	font-style: italic;
	font-family: Tahoma;
}

.StrongTitleProduct
{
	font-weight: bold;
	font-size: medium;
	color: white;
	text-indent: 1cm;
	font-style: normal;
	font-family: Tahoma;
}

.StrongTitleProducer
{
	font-weight: bold;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Tahoma;
}

.SearchFont
{
	font-weight: bold;
	font-size: xx-small;
	color: white;
	font-family: Tahoma;
	font-variant: small-caps;
}
.Contact
{
	font-size: 7pt;
	color: white;
	font-family: Tahoma;
	font-variant: normal;
}
.Counter
{
	font-weight: bold;
	font-size: 7pt;
	color: lime;
	font-family: Tahoma;
	font-variant: small-caps;
}
.ProductDetails
{
	font-size: 8pt;
	font-family: Tahoma;
}
/* style of item titles on edit and admin pages */
.ProductDetailsHeaders    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #DC143C;
}

.ProductGroupItemTitle
{
	font-weight: bold;
	font-size: 11px;
	color: white;
	font-family: Verdana, Helvetica, sans-serif;
}
.TabBgNew
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background-color: white;
	color: black;
}
.SelectedTabNew
{
	font-weight: bold;
	font-size: 12px;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
.OtherTabsNew
{
	font-weight: bold;
	font-size: 11px;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: white;
}
.OtherTabsNewSmall
{
	font-weight: bold;
	font-size: 10px;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: white;
}
.ModuleHeadNew
{
	border-right: black 1px ridge;
	border-top: black 1px ridge;
	border-left: black 1px ridge;
	color: black;
	border-bottom: black 1px ridge;
	background-color: white;
}
.SmallInfo
{
	font-size: xx-small;
	color: white;
	font-family: Verdana, Helvetica, sans-serif;
}
.SmallTextbox
{
	font-size: xx-small;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
}
.HiddenHeading
{
	font-size: 0pt;
	color: white;
}
.BannerMenu
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
A.BannerMenu:link
{
	color: white;
	text-decoration: none;
}

A.BannerMenu:visited  {
    text-decoration:    none;
    color:white;
}

A.BannerMenu:active   {
    text-decoration:    none;
    color:white;
}

A.BannerMenu:hover
{
	color: white;
	font-style: italic;
	text-decoration: underline;
}
.Sitemap
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 5px;
}
A.Sitemap:link
{
	color:  #191970 ;
	text-decoration: none;
}

A.Sitemap:visited  {
 
    text-decoration:    none;
    color:#191970;
}

A.Sitemap:active   {
    text-decoration:    none;
    color:#191970;
}

A.Sitemap:hover
{
	color: red;
	font-style: italic;
	text-decoration: underline;
}
.BottomTable

{   
	height:17;
	background-color: #ea0000;
	font-family: Arial;
	FONT-SIZE: 11px;
	font-weight:600;
	COLOR: White;
	TEXT-DECORATION: none; 

}

a.BottomTable:link /* unvisited link */
{
	color: White; 
	 text-decoration: none;
}     
a.BottomTable:visited /* visited link */
 {
	color: White;
	text-decoration: none;
 }  
a.BottomTable:hover /* mouse over link */
{
	color: White;
	text-decoration:underline;
	font-style:italic;
}   
a.BottomTable:active  /* selected link */
{
	color: white;
	text-decoration: none;
}  

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


ul#mainBanners li { list-style-type:none; list-style-position:inside;text-decoration: none;border:0px;}
ul#mainBanners { overflow:hidden; clear:both; width:200px;}
ul#mainBanners li { background:url(banner.jpg) left top no-repeat; width:150px; height:50px; margin:0 10px 10px 0; float:left;}
ul#mainBanners li.last { margin-right:0;}
ul#mainBanners li a {border:0px; text-decoration: none;}

ul#mainBanners2 li { list-style-type:none; list-style-position:inside;text-decoration: none;border:0px;}
ul#mainBanners2 { overflow:hidden; clear:both; width:200px;}
ul#mainBanners2 li { background:url(banner.jpg) left top no-repeat; width:150px; height:50px; margin:0 10px 10px 0; float:left;}
ul#mainBanners2 li.last { margin-right:0;}