/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 31-Oct-2014, 15:37:13
    Author     : Internet

#for an id 
.for a class 
tag for a tage 
tag subtag subtag 
selector { property: value;  }
*/
/* ------------------------------------------------ */
/* FREYR0102 */
/* ------------------------------------------------ */
.fFreyr0102 {
    background-color: lightskyblue;
    /*padding-left: 100px;
      padding-right: 100px;*/
    min-width:1000px;
    max-width:1200px;  

}
/* ------------------------------------------------ */
/* FREYR0103 PRODUCTION */
/* ------------------------------------------------ */
.fFreyr0103 {
    background-color: lightskyblue;
    /*padding-left: 100px;
      padding-right: 100px;*/
    min-width:1000px;
    max-width:1200px;  

}
/* ------------------------------------------------ */
/* SECURE01 HEADER02 "*/
/* ------------------------------------------------ */
.fHeader02 {
    background-color: lightskyblue;
    /*padding-left: 100px;
      padding-right: 100px;*/
    min-width:1000px;
    max-width:1200px;  


}
/* ------------------------------------------------ */
/* SECURE01 HEADER02 "*/
/* ------------------------------------------------ */
.fMDL01 {
    background-color: lightskyblue;
    /*padding-left: 100px;
      padding-right: 100px;*/
    min-width:1000px;
    max-width:1200px;  


}
/* ------------------------------------------------ */
/* SECURE01 Beyla "*/
/* ------------------------------------------------ */
.fFreyrBeyla01 {
    background-color: lightskyblue;
    /*padding-left: 100px;
      padding-right: 100px;*/
    min-width:1000px;
    max-width:1200px;  


}
/* ------------------------------------------------ */
/* SECURE02 Beyla "*/
/* ------------------------------------------------ */
.fFreyrBeyla02 {
    background-color: lightskyblue;
    /*padding-left: 100px;
      padding-right: 100px;*/
    min-width:1000px;
    max-width:1200px;  


}
/* ------------------------------------------------ */
/* REGISTERNOW */
/* ------------------------------------------------ */
.fRegisterNow {
    background-color: lightskyblue;
    /*padding-left: 100px;
      padding-right: 100px;*/
    min-width:1000px;
    max-width:1200px;  


}
/* ------------------------------------------------ */
/* VIEWLOG01 */
/* ------------------------------------------------ */
.fViewLog01 {
    background-color: lightskyblue;
    /*padding-left: 100px;
      padding-right: 100px;*/
    min-width:1000px;
    max-width:1200px;  


}
/* ------------------------------------------------ */
/* MESSAGEHUB01 */
/* ------------------------------------------------ */
.fMessageHub01 {
    background-color: lightskyblue;
    /*padding-left: 100px;
      padding-right: 100px;*/
    min-width:1000px;
    max-width:1200px;  


}
/* ------------------------------------------------ */
/* All Widths */
/* ------------------------------------------------ */
.fLH {
    background-color: lightsteelblue;

    width:10%;

}
.fC {
    background-color: lightgoldenrodyellow;

    width:80%;

}
.fRH {
    background-color: lightsteelblue;

    width:10%;

}
/* ------------------------------------------------ */
/* CONSTANTS A */
/* ------------------------------------------------ */
.cHidden {
    
    visibility:hidden; 

}
/* ------------------------------------------------ */
/* HEADER SECTION A */
/* ------------------------------------------------ */
.fHeader {
    background-color: lightgrey;
    clear:both;

}
/* ------------------------------------------------ */
/* HEADER SECTION A.A BANNER */
/* ------------------------------------------------ */
.fBanner {
    clear:both;
    display: flex;
    min-height:100px;
    
    min-width:1000px;
    max-width:1200px;      

}
.fBannerLH {
    float:left;
}
.fBannerC {
    float:left;
}
.fBannerRH {
    float:left;
}
/* ------------------------------------------------ */
/* HEADER SECTION A.B MESSAGE */
/* ------------------------------------------------ */
.fMessage {
    clear:both;
    display: flex;    
    min-height:30px;
}
.fMessageLH {
    float:left;    
}
.fMessageC {
    float:left;    
}
.fMessageRH {
    float:left;    
}
/* ------------------------------------------------ */
/* HEADER SECTION A.C MENU BAR */
/* ------------------------------------------------ */
.fMenuBar {
    clear:both;
    display: flex;    
    min-height:40px;
}
.fMenuBarLH {
    float:left;    
}
.fMenuBarC {
    float:left;    
}
.fMenuBarRH {
    float:left;    
}
/* MENU BAR SINGLE LEVEL */
/* ------------------------------------------------ */
/* ------------------------------------------------ */

.fMenuBarUL {
    list-style-type : none;    
    margin : 0;
    padding : 0;
    overflow: hidden;
}
.fMenuBarLI {
    float: left;
}    
.fMenuBarA {
    display: block;
    width:200px;
    font-weight:bold;
    color: black;
    background-color: white;
    text-align: center;
    padding:4px;
    text-decoration:none;
    text-transform:uppercase;
}    
a.fMenuBarA:link, a.fMenuBarA:visited {
    background-color: white;
}
a.fMenuBarA:hover, a.fMenuBarA:active {
    background-color: lightgrey;
}
/* MENU BAR SINGLE LEVEL */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
ul.HorizLevelMenuUL {
    background-color: lightblue;
    position: relative;

    list-style: none;

    width: 95.6%;             
    overflow: visible;
    /* margin: 0 auto;
       width: 1024px;  */

}
ul.HorizLevelMenuLevel2UL {
    background-color: lightblue;

    list-style: none;

    width: 95.6%;           
    overflow: visible;
    /* margin: 0 auto;
       width: 1024px;  */
    /* margin: 0 auto;
       width: 1024px; */
}            
li.HorizLevelMenuLI {
    
    background-color: lightgrey;            
    display: inline-block;          
    
}            
li.HorizLevelMenuLevel2LI {
    
    background-color: lightsteelblue;          
    display: inline-block;      
    
}              
a.HorizLevelMenuA {
    display: block;
    padding: 0.25em 1em;
    text-decoration:none;
    text-transform:uppercase;    
    
    width:120px;
    text-align:center;                
}
a.HorizLevelMenuLevel2A {
    display: block;
    padding: 0.25em 1em;
    text-decoration:none;
    text-transform:uppercase;    
    width:120px;
    text-align:center;
}            
div.HorizLevelMenuLevel2DIV {
    
    background-color: lightsteelblue;
    width: 100%;
    position: absolute;
    display:none;
    /* left: -9999px;*/

}
li.HorizLevelMenuLI:hover  a.HorizLevelMenuA {
    
    background-color: lightsteelblue;
    
}
a.HorizLevelMenuLevel2A:hover {
    
    background-color: lightskyblue;
    
}            
li.HorizLevelMenuLI:hover  div.HorizLevelMenuLevel2DIV {
    
    left: 0;
    /* left: initial; */
    display: inline-block;   
    
}            
/* ------------------------------------------------ */
/* CONTENT SECTION B.A CONTENT */
/* ------------------------------------------------ */
.fContent { 
    
    background-color: lightblue;

}
.fLog {
    clear:both;      
    display: flex;     
    max-height:100px;   
}
.fLogLH {
    float:left;        
}
.fLogC {
    float:left;        
}
.fLogRH {
    float:left;        
}
.fContentProper {
    clear:both;      
    display: flex;    
/*    min-height: 800px;    */
}    
.fContentProperLH {
    float:left;        
}
.fContentProperC {
    float:left;        
}
.fContentProperCTable {
    width:100%;
}
.fContentProperCTableTDLeft {
    width:40%;
}
.fContentProperCTableTDCentre {
    width:20%;
}
.fContentProperCTableTDRight {
    width:40%;
}



.fContentProperRH {
    float:left;        

}
/* ------------------------------------------------ */
/* FOOTER SECTION C.A FOOTER */
/* ------------------------------------------------ */
.fFooter {
    background-color: lightgrey;
    clear:both;    
    display: flex;        
    min-height:100px;    
}
.fFooterLH {
    float:left;        
}
.fFooterC {
    float:left;        
}
.fFooterRH {
    float:left;        
}