/******************************************************************************
*
* FINER Cascading Stylesheet
* Elmer layout, used by the project in Brønnøysund
*
******************************************************************************/

/******************************************************************************
* BODY (default)
* Default body. This is when nothing else is specified.
******************************************************************************/
BODY{
	color : #000000;
	background-color : #EBEBEB;
	font-family : Verdana, Arial, Helvetica, Geneva, Sans-Serif;
	font-style : normal;
	text-decoration : none;
}

/******************************************************************************
* TABLE (default)
* Make sure that the right font and type is set in table
******************************************************************************/
TABLE{
	font-family : Verdana, Arial, Helvetica, Geneva, Sans-Serif;
	font-style : normal;
	text-decoration : none;
}

/******************************************************************************
 * Width and border of the main (middle) field
 *****************************************************************************/
TABLE.maininputfield{
	width : 432px;
	border : 0px;
}

/*The layout of the navigation buttons to the left*/
TABLE.tblinfo{
	border : 1pt solid #006666;
	width : 100%;
	height : 100%;
}

TABLE.group{
	border : 1pt;
	border-color : #006666;
	border-style : solid;
}

/* Navigation "tab"*/
TABLE.navigation{
	font-size : 65%;
	border : 1pt;
	border-color : #006666;
	border-style : solid;
	background-color : #CCCCCC;
}

/* Navigation "tab" when selected*/
TABLE.navigationselected{
	font-size : 65%;
	border : 1pt;
	border-color : #006666;
	border-style : solid;
	background-color : #FFCC80;
}

/******************************************************************************
* TR (default)
* Make sure that the right font and type is set in table
******************************************************************************/
TR{
	font-family : Verdana, Arial, Helvetica, Geneva, Sans-Serif;
	font-style : normal;
	text-decoration : none;
}

/******************************************************************************
* TD (default)
* Make sure that the right font and type is set in table
******************************************************************************/
TD{
	font-family : Verdana, Arial, Helvetica, Geneva, Sans-Serif;
	font-style : normal;
	text-decoration : none;
	text-align : left;
	vertical-align : top;
}

TD.navigationbuttons{
	text-align : right;
	vertical-align : bottom;
}

TD.navigationbuttonleft{
	text-align : left;
	vertical-align : bottom;
}

TD.navigation{
	text-align : center;
	vertical-align : middle;
}

/* Used in lists to define column header */
TD.listheader{
	border-top : #EEEEEE 1pt solid;
	border-bottom : #EEEEEE 1pt solid;
	background-color : #939393;
	color : #000000;
	font-size : 80%;
	font-style : normal;
	font-weight : bold;
	text-decoration : none;
	text-align : left;
}

/* Used in lists to define every other line normal*/
TD.listregular{
	border-top : #EEEEEE 1pt solid;
	border-bottom : #EEEEEE 1pt solid;
	background-color : #B4B4B4;
	color : #000000;
	font-size : 75%;
	font-style : normal;
	font-weight : bold;
	text-decoration : none;
	text-align : left;
}

/* Used in lists to define hypertext (Used in the agenda)*/
TD.listhypertext{
	border-top : #EEEEEE 1pt solid;
	border-bottom : #EEEEEE 1pt solid;
	background-color : #B4B4B4;
	color : #0000FF;
	font-size : 75%;
	font-style : underline;
	font-weight : normal;
	text-decoration : underline;
	text-align : left;
}

/* Used to define the text (red) for the error*/
TD.error{
	border-left : 1pt solid black;
	border-bottom : 1pt solid black;
	color : #FF0000;
	font-size : 80%;
	text-align : left;
	vertical-align : bottom;
}
 
/* just giving the background color of the logo*/ 
TD.logobackground{
	background-color : #FFFFFF;
}


/* just giving the background color of the title*/ 
TD.titlebackground{
	background-color : #006666;
}

/* just giving the background color of the title*/ 
TD.guidancebackground{
	background-color : #006666;
}

/*info box*/
TD.tdinfo{
	border : 1pt solid #006666;
	width : 100%;
	height : 100%;
	background-color : #BFd9d9;
}

/******************************************************************************
* UL (default)
* Default values for unordered lists
******************************************************************************/
UL{
	font-size : 70%;
	line-height : 170%;
	color : #000000;
	margin-left : 16px;
}

/******************************************************************************
* P (default)
* Default values for paragraphs
******************************************************************************/
P{
	font-size : 85%;
	color : #000000;
}

/******************************************************************************
* H3 (default)
* Default values for the H3
******************************************************************************/
H3{
	font-family : Verdana, Arial, Helvetica, Geneva, Sans-Serif;
	font-weight : bold;
	font-size : 85%;
	color : #000000;
	line-height : 90%;
}

/* Heding of the navigation bar*/
H3.navigationHeader{
	font-size : 65%;
	color : #000000;
}

/******************************************************************************
* INPUT (default)
* Default values for the INPUT
******************************************************************************/
INPUT{
	font-size : 85%;
}

/* Normal input appearance*/
INPUT.input{
	border : 1px solid;
	border-top-width : 1px;
	border-bottom-width : 1px;
	border-color : #000000 
}

/* Appearance when input is locked (disabled)*/
INPUT.input-locked{
	border : 1px solid;
	border-top-width : 1px;
	border-bottom-width : 1px;
	background-color : #EBEBEB;
	color : #CCCCCC;
	border-color : #CCCCCC;
}

/******************************************************************************
* A (default)
* Used as default hyperlink
******************************************************************************/
A:visited{
	color : #800080;
}

A:link{
	color : #003399;
}

A:hover{
	color : #CC0000;
}

/**************************************************************
* general classes used by different tags
***************************************************************/

/* Normal label*/
.normallabel{
	font-size : 80%;
	color : #000000;
}

/* Label used by disabeling*/
.lightlabel{
	font-size : 80%;
	color : #808080;
}

/* Bold label*/
.boldlabel{
	font-size : 80%;
	font-weight : bold;
	font-style : bold;
	color : #000000;
}

/* A label used as a secondary heading of a group*/
.grouplabel{
	font-size : 90%;
	font-weight : bold;
	font-style : bold;
	color : #000000;
}

/* Italic label*/
.italiclabel{
	font-size : 80%;
	font-style : italic;
	color : #000000;
}

/* Red label */
.redlabel{
	font-size : 80%;
	color : #FF0000;
}

/* Both light and italic label*/
.lightitaliclabel{
	font-size : 80%;
	font-style : italic;
	color : #808080;
}

/* Label showing the logon status*/
.navigationLabel{
	font-size : 65%;
	color : #000000;
	color : #FFFFFF;
}

/* Info text*/
.info{ 
	font-size : 80%; 
	color : #000000; 
}

/* Button text*/
.button{
	font-size : 85%; 
	color : #000000;
}

/* Main heading of the group*/
.groupheader{
	border : #006666 1pt solid;
	background-color : #006666;
	color : #E0D0F0;
	font-size : 100%;
	font-style : normal;
	font-weight : bold;
	text-decoration : none;
	text-align : left;
}

/* Color and width of navigation bar*/
.navigationbar{
	background-color : #CCCCCC;
	width : 142px;
}

/* Appearance of the main heading*/
.title{
	font-size : 130%;
	font-weight : bold;
	color : #FFCC80; /* #E6C71A; */
}