/**************************/
/* Global variables       */
/**************************/
@variables {  
white0: rgb(255,255,255);
white1: rgb(242,242,242);
white2: rgb(230,230,230);
white3: rgb(217,217,217);
white4: rgb(191,191,191);

frvBlue: rgb(3,74,96); 

frvBackgroundColor: rgb(255,255,255); /* white0 */

frvFontFamily: Tahoma;
frvFontColor : black;

frvLineStyle: 1px solid rgb(3,74,96);  


frvMainMenuBG   : rgb(3,74,96); /* frvBlue */
frvMainMenuColor: white;

frvMenuBG       : rgb(230,230,230); /* white2 */
frvMenuColor    : rgb(3,74,96); /* frvBlue */


frvSectionHeaderBG : rgb(230,230,230); /* frvMenuBG */
frvSectionHeaderColor: rgb(3,74,96); /* frvBlue */

frvSectionBG       : rgb(242,242,242); /* white1 */


frvWindowBoxHeaderActive   : rgb(3,74,96);
frvWindowBoxHeaderInactive : rgb(61,120,138);

frvWindowBoxBG             : rgb(242,242,242); /* white1 */
}



BODY {
background-color: rgb(255,255,255); /* var(white0); */
padding         : 0px;
}

BODY, TD, SELECT, OPTION, DIV, A, INPUT, BUTTON {
margin          : 0;
font-family     : Tahoma; /* var(frvFontFamily) */
font-size       : 8pt; 
color           : black; /* var(frvFontColor) */
}


/**************************/
/* Main header            */
/**************************/
TD.mainHeader {
font-size       : 12pt;
color           : white;        /* var(frvMainMenuColor) */
background-color: rgb(3,74,96); /* var(frvMainMenuBG)    */
padding         : 0px;

}



/**************************/
/* Header for sections    */
/**************************/
TD.sectionHeader {
background-color: rgb(230,230,230); /* var(frvSectionHeaderBG) */
color           : rgb(3,74,96); /* frvSectionHeaderColor */
padding         : 0px;
font-weight     : bold;
border-bottom   : 2px solid rgb(3,74,96); /* var(frvLineStyle) */
}

/*********************************/
/* Section. Normal with a iframe */
/*********************************/
TD.section {
background-color: rgb(242,242,242); /* var(frvSectionBG) */
padding         : 0px;
}


/**************************/
/* IFRAME on main page    */
/**************************/
BODY.mainIFrame {
background-color: rgb(242,242,242); /* var(frvSectionBG); */
margin          : 0px;
padding         : 0px;
}

/**************************/
/* BODY in oceanChartFrame    */
/**************************/
BODY.chart {
vertical-align: middle;
background    : rgb(242,242,242); /* var(frvSectionBG) */;
}


/**************************/
/* Hyperlinks             */
/**************************/
@media screen {  
  A:visited, A:link, A:active  {
  color          : black; /* var(frvFontColor) */
  text-decoration: underline;
  }

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

}

@media print { 
A:visited, A:link, A:active  {
color          : black; /* var(frvFontColor) */
text-decoration: none;
cursor         : default;
}
}


/**************************/
/* Tables                 */
/**************************/
TABLE {
margin         : 0px;
padding        : 0px;
border-spacing : 0px;
border-collapse: collapse;
}

TABLE.outerBorder {
border         : 1px solid rgb(3,74,96); /* var(frvLineStyle) */
} 


TD.empty {
font-size    : 1pt; 
}

.tableHeader{
font-size       : 8pt; 
vertical-align  : middle; 
border-color    : rgb(3,74,96); /* var(frvLineStyle) */
background-color: rgb(230,230,230); /* var(frvSectionHeaderBG) */
color           : rgb(3,74,96); /* var(frvSectionHeaderColor) */ 
font-weight     : bold;
height          : 20px;
}

.borderBelow {
border-bottom  : 1px solid rgb(3,74,96); /* var(frvLineStyle) */
}

.tableHeaderSmall{
font-size       : 7pt; 
height          : 16px;
}






/* ***********************************
Button
************************************ */
BUTTON.text {
width          : 80;
height         : 20;
margin         : 0;
padding        : 0;
text-align     : center; 
vertical-align : middle; 
overflow       : auto;
}

BUTTON.image {
height         : 18;
margin         : 0;
padding        : 0;
text-align     : center; 
}