﻿/*******************************************************
** BODY AND MAIN STRUCTURE
********************************************************/
body
{
	background-color: #CFD7DA;
	margin: 10px auto;
	text-align: center;
}

td
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: black;
	text-decoration: none;
}

.container
{
	width: 780px;
	margin: auto;
	vertical-align: top;
	background: white;
	min-height: 400px;
	height: auto;
	text-align: left;
	border: solid 1px black;
	padding: 5px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	text-decoration: none;
}

.branding
{
	/*background: url(/Images/headerBg.gif);*/
	width: 780px;
	margin: auto;
	margin-bottom: 5px;
	vertical-align: top;
	background: white;
	text-align: left;
	border: solid 1px black;
	padding: 5px auto; /*display:block;*/
}

.content
{
	/*font-family: Arial, Helvetica, sans-serif; 	font-size: 12px ;  	color: black;*/
	vertical-align: top;
	border: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	text-align: left;
	border: solid 0px black;
}

.site-info
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}



/*******************************************************
** CONTENT
********************************************************/

.content td
{
	vertical-align: top;
}

.content-main
{
	color: black;
	width: 600px;
	height: 400px;
	padding: 10px 10px 0px 10px;
	vertical-align: top;
	text-align: left;
}

.content-width-primary
{
	width: 550px;
}

/*******************************************************
** NAVIGATION
********************************************************/
.nav-main
{
	width: 100%;
}

.nav-section
{
	width: 180px;
	font: bold 10px verdana;
	padding: 10px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	text-align: left;
}

/* Menu navigation */

td.NavLv1
{
	background-color: #005782;
	color: #FFFFFF;
	font-family: Verdana, Geneva, Sans-Serif;
	font-size: 12px;
	height: 17px;
	line-height: normal;
}

td.NavLv1Chosen
{
	background-color: #b0d4e4;
	font-family: Verdana, Geneva, Sans-Serif;
	font-size: 12px;
	height: 17px;
	line-height: normal;
}

td.NavMemberLogin, NavMemberLoginChosen
{
	background-color: #9fa615;
	font-family: Verdana, Geneva, Sans-Serif;
	font-size: 12px;
	height: 17px;
	line-height: normal;
}

td.NavLv2, NavLv2Chosen
{
	background-color: #FFFFFF;
	font-family: Verdana, Geneva, Sans-Serif;
	font-size: 12px;
	height: 17px;
	line-height: normal;
}


a.NavThin
{
	text-decoration: none;
	font-family: Verdana, Geneva, Sans-Serif;
	font-size: 10px;
	color: #000000;
}

a.NavThin:Hover
{
	text-decoration: none;
	font-family: Verdana, Geneva, Sans-Serif;
	font-size: 10px;
	color: #808080;
}

a.Nav:link, a.Nav:active, a.Nav:visited
{
	text-decoration: none;
	font-family: Verdana, Geneva, Sans-Serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	
}
a.Nav:hover
{
	text-decoration: none;
	font-family: Verdana, Geneva, Sans-Serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a.NavChosen:link, a.NavChosen:visited, a.NavChosen:hover
{
	text-decoration: none;
	font-family: Verdana, Geneva, Sans-Serif;
	font-size: 10px;
	color: #003366;
	font-weight: bold;
	text-decoration: none;

}

/*Membersarea*/
td.NavLv1b
{
	background-color: #D2E0D1;
	font-family: Verdana, Geneva, Sans-Serif;
	font-size: 12px;
	height: 17px;
	line-height: normal;
}

td.NavLv1bChosen
{
	background-color: #9fa615;
	font-family: Verdana, Geneva, Sans-Serif;
	font-size: 12px;
	height: 17px;
	line-height: normal;
}

/* End menu navigation */

/*******************************************************
** HEADERS
********************************************************/

h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 10px;
}

h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #356588;
	font-weight: bold;
	margin-bottom: 5px;
	
}

h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #356588;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0px;
}



/*******************************************************
** LINKS
********************************************************/

a.link-strong:link, a.link-strong:active, a.link-strong:visited
{
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

a.link-strong:hover
{
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}

a:link, a:active, a:visited
{
	color: #003366;
	text-decoration: none;
}

a:hover
{
	color: #003366;
	text-decoration: underline;
}
a.menu:link, a.menu:visited, a.menu:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	text-decoration: none;
}

a.menu:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	text-decoration: underline;
}



a.link-small, a.link-small:active, a.link-small:visited
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	/*font-weight: bold;*/
}
a.link-small:hover
{
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
	/*font-weight: bold;*/
}


a.link-member, a.link-member:active, a.link-member:visited
{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-family:Arial;
	/*font-weight: bold;*/
}
/*******************************************************
** LABELS
********************************************************/

.label-caption
{
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #818181;
}

.label-grid
{
	font-weight: bold;
	text-align: right;
}

.label-attention
{
	font-weight: bold;
	color: red;
}

.label-strong
{
	font-weight: bold;
	color: #808080;
}

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
	font-weight: normal;
}

.label-soft
{
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.label-small
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.label-small-strong
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B4B4B;
	font-weight: bold;
}

.label-ingress
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	/*font-weight:  bold;*/
	color: #000000;
	/*padding-top: 10px;*/
	padding-bottom: 10px;
	letter-spacing: 0.7px;
}
/*******************************************************
** FORM ELEMENTS
********************************************************/

.input-standard
{
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
}

.input-small
{
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	width: 100px;
}

.input-dropdown
{
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
}

.input-button
{
	font-size: 9px;
	font-family: verdana, arial, helvetica, sans-serif;
}


/*******************************************************
** BACKGROUND COLOR
********************************************************/

.background-first
{
	background-color: #EEEEDD;
}

.background-second
{
	background-color: #F5F5F5;
}

.background-third
{
	background-color: #EEEEEE;
}

.background-forth
{
	background-color: #E5E9C2;
}


/*******************************************************
** ROUNDED CORNERS
********************************************************/

div.rounded
{
	background: transparent url(../Images/hornth.gif) no-repeat top right;
	display: inline-block;
}

div.rounded div
{
	background: transparent url(../Images/horntv.gif) no-repeat top left;
}

div.rounded div div
{
	background: transparent url(../Images/hornbh.gif) no-repeat bottom right;
}

div.rounded div div div
{
	background: transparent url(../Images/hornbv.gif) no-repeat bottom left;
	padding: 10px;
}

div.rounded div div div div
{
	background: transparent;
}


/*******************************************************
** OTHER
********************************************************/

li
{
	list-style-image: url(../Images/listDot.gif);
}

p
{
	margin-top: 0px;
}

img
{
	border-width: 0px;
}

.table-header-first
{
	background: #D4D0C8;
	height: 30px;
	font-weight: bold;
}

.table-header-second
{
	background: #A8AF52;
	height: 30px;
	font-weight: bold;
}

.box-attention
{
	background-color: #CCDEE6;
	height: 34px;
}
.box-style-header
{
	background-color: #5C85D6;
}

.box-style-bottom
{
	background-color: #CCDEE6;
}

hr
{
	width: 100%;
	color: White;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: White;
	border: 0; 
	Height:2px;
}
	


/*******************************************************
** PRINTFRIENDLY PAGE
********************************************************/

@media print
{
	body
	{
		font-size: 10px;
		background-color: White;
	}
	.branding
	{
		display: none;
	}
	.nav-section
	{
		display: none;
	}
}

/******nytt******/
div.transbox
  {
  width: 250px;
  height: 40px;
  text-align: right;
  margin-bottom:10px;
  margin-top: 10px;
  
  background-color: #ffffff;
  
  /* for IE */
  filter: alpha(opacity=80);
  /* CSS3 standard */
  opacity: 0.8;
  }

div.transbox-login
  {
  width: 250px;
  height: 40px;
  text-align: right;
  
  background-color: #7A9C11;
  
  /* for IE */
  filter: alpha(opacity=70);
  /* CSS3 standard */
  opacity: 0.5;
  }
  
  div.box-products
  {
  width: 246px;
  height: 30px;
  text-align: right;
  margin-bottom:5px;
  margin-top: 5px;  
  background-color: #ccdee6;
  /*background-color: #b4e9f4*/
  }
  
  div.box-login
  {
  width: 246px;
  height: 120px;
  text-align: left;
  margin-bottom:10px;
  margin-top: 5px;
  background-color: #cbcf81; /*fabb78*/
  }
  

