/* 
Stilark for DN Lakseregister
Produsert av Olav Øyen for Molecule Digital Agency
http://www.molecule.no/

Hovedstiler med tabeller og skjema
Søkbare stikkord i toppen, kategorisert etter plassering.
*/

/* Reset */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* Grunnstiler html, body*/

html {}

body {
  background: #e7ecef;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  }

a {
	color: #005ba2;
}

/* Header - topp med logo og bilde */

div#header {
	/*background: url(../img/bg-dnlogoheader.png) no-repeat #fff;*/
	background: url(../img/bg-Mdirlogoheader1.jpg) no-repeat #fff;
	height: 63px;
	margin: 0 auto;
	text-indent: -9999px;
	width: 955px;
}

div#headerKAT {
	/*background: url(../img/bg-dnlogoheader.png) no-repeat #fff;*/
	background: url(../img/bg-MdirlogoheaderKAT.jpg) no-repeat #fff;
	height: 63px;
	margin: 0 auto;
	text-indent: -9999px;
	width: 955px;
}
div#headerFS {
	/*background: url(../img/bg-dnlogoheader.png) no-repeat #fff;*/
	background: url(../img/bg-MdirlogoheaderFS.jpg) no-repeat #fff;
	height: 63px;
	margin: 0 auto;
	text-indent: -9999px;
	width: 955px;
}
div#headerSR {
	/*background: url(../img/bg-dnlogoheader.png) no-repeat #fff;*/
	background: url(../img/bg-MdirlogoheaderFS.jpg) no-repeat #fff;
	height: 63px;
	margin: 0 auto;
	text-indent: -9999px;
	width: 955px;
}
div#headerFSS {
	/*background: url(../img/bg-dnlogoheader.png) no-repeat #fff;*/
	background: url(../img/bg-MdirlogoheaderFS.jpg) no-repeat #fff;
	height: 63px;
	margin: 0 auto;
	text-indent: -9999px;
	width: 955px;
}
div#headerADM {
	/*background: url(../img/bg-dnlogoheader.png) no-repeat #fff;*/
	background: url(../img/bg-MdirlogoheaderADM.jpg) no-repeat #fff;
	height: 63px;
	margin: 0 auto;
	text-indent: -9999px;
	width: 955px;
}
/* Dataheader - linje for data */

div#data-header {
	background: #005ba2;
	color: #dedede;
	height: 100px;
	margin: 0 auto;
	text-align: left;
	width: 945px;
	padding: 5px;
}
div#data-header2 {
	background: #005ba2;
	color: #dedede;
	height: 30px;
	margin: 0 auto;
	text-align: left;
	width: 945px;
	padding: 5px;
}

div#data-header h1 {
	font-size: 20px;
	font-weight: bold;
}

div#data-header h2 {
	font-size: 16px;
	font-weight: bold;
}

div#data-header p {
	font-size: 12px;
	font-weight: normal;
}

/* Tabeller under Dataheader */

table.dhhtabell  {margin: 0; width: 99%; vertical-align: top; text-align: left;}
table.dhhtabell  td {vertical-align: top;}

table.dhtabell  {
	margin: 0;
	width: 99%;
	text-align: left;
}

table.dhtabell  td { padding: 0 10px; line-height: 85%; vertical-align: middle;}
table.dhtabell  td a { padding: 1px 0; }
table.dhtabell  tr.hoyre td {text-align: right;}

table.dhtabell  tr.over td,
table.dhtabell  td:hover { cursor: default; color: #fff;}
table.dhtabell  tr:hover a {}

/* Tablinje - linje for tabs og nn/bm språkvalg */

div#tabline {
	background: #005ba2;
	height: 26px;
	margin: 0 auto;
	text-align: left;
	width: 955px;
}

div#tabline p{
	font-size: 12px;
}

div.langblock {
	background: #fff;
	color: #005ba2;
	float: left;
	height: 15px;
	padding: 6px 6px 6px 10px;
	text-align: left;
	width: 191px;
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px; 
}

div#tabline ul {
	list-style: none;
}

div#tabline li {
	float: left;
	margin: 0 0 0 2px;
}
	
div#tabline li a {
	background: #9cbed9;
	color: #005BA2;
	padding: 6px 10px;
	height: 15px;
	font-weight: bold;
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-moz-border-radius-topleft: 5px; 
	-webkit-border-top-left-radius: 5px;
	font-size: 12px;
	text-decoration: none;
	display: block;
}

div#tabline li a:hover { background: url(../img/bg-tabs-on.png) repeat-x #fff; }
div#tabline li .on { background: #fff; }

/* Hovedkontainer - Innholdskontainer med venstre kolonne + senterkolonne */

div#report {
	background: #fff;
	clear: both;
	height: 100%;
	margin: 0 auto;
	overflow: auto;
	text-align: left;
	/*width: 955px;*/
}
div#report h1 {
	font-size: 18px;
	font-weight: normal;
	color: #005ba2;
}

div#report h2 {
	font-size: 16px;
	color: #005ba2;
}

div#report p {
	font-size: 12px;
	color: #005ba2;
}



div#container {
	background: #fff;
	clear: both;
	height: 100%;
	margin: 0 auto;
	overflow: auto;
	text-align: center;
	width: 955px;
}
div#publiccontainer {
	background: #fff;
	clear: both;
	height: 100%;
	margin: 0 auto;
	overflow: auto;
	text-align:left;
	width: 955px;
}
div#leftcol {
	background: #fff;
	color: #005ba2;
	float: left;
	height: 100%;
	padding: 10px;
	text-align: left;
	width: 187px;
}

div#centercol {
	background: #fff;
	border-left: 1px solid #bed3e4;
	float: right;
	height: 100%;
	padding: 9px;
	text-align: left;
	width: 728px;
}
div#centercol h1{
	font-size: 16px;
	font-weight: normal;
	color: #005ba2;
}

div#container h5 {
	font-size: 14px;
	font-weight: normal;
	color: #005ba2;
}

div#container h2 {
	font-size: 16px;
	color: #005ba2;
}

div#container p {
	font-size: 12px;
	color: #005ba2;
}
	
/* Tabeller under hovedkontainer */

table.ctabell  {margin: 0; width: 99%;}
table.ctabell thead {}
table.ctabell thead th{color:#333333;text-align:left; font-weight:normal;text-transform:uppercase; padding: 5px 10px 5px 10px;}

/* ny */
table.ctabell th{font-size: 12px;color:#333333;text-align:left; font-weight:bold;text-transform:uppercase; padding: 5px 10px 5px 10px;}


/*table.ctabell  td {padding: 5px 10px 5px 10px;line-height: 120%; vertical-align: middle; background: #e2eefa;}*/
table.ctabell  td {font-size: 12px; font-weight: normal; padding: 5px 10px 5px 10px;line-height: 120%; vertical-align: top; background: #e2eefa;}
table.ctabell  td a { padding: 10px 0 ; }
table.ctabell  tr.odd td { background: #fff;}

table.ctabell  tr.over td,
table.ctabell  tr:hover td { cursor: default; background: #d8eca3; }
table.ctabell  tr:hover a {}


/* Tabeller under hovedkontainer - Forskriftmodulen */

table.ctabell_fs  {margin: 0; width: 99%;}
table.ctabell_fs thead {}
table.ctabell_fs thead th{color:#333333;text-align:left; font-weight:normal;text-transform:uppercase; padding: 5px 10px 5px 10px;}

/* ny */
table.ctabell_fs th{font-size: 12px;color:#333333;text-align:left; font-weight:bold;text-transform:uppercase; padding: 5px 10px 5px 10px;}


/*table.ctabell_fs  td {padding: 5px 10px 5px 10px;line-height: 120%; vertical-align: middle; background: #e2eefa;}*/
table.ctabell_fs  td {font-size: 12px; color: #005ba2;  font-weight: normal; padding: 2px 1px 2px 1px;line-height: 120%; vertical-align: top; background: #e2eefa; table-layout:fixed;}
table.ctabell_fs  td a { padding: 10px 0 ; }
table.ctabell_fs  tr.odd td {background: #fff;}

table.ctabell_fs  tr.over td,
table.ctabell_fs  tr:hover td {cursor: default;}
table.ctabell_fs  tr:hover a {}

table.ctabell_fs_datoer td {font-size: 12px; color: #005ba2;  font-weight: normal; padding: 2px 1px 2px 1px;line-height: 120%; vertical-align: top; background: #e2eefa; table-layout:fixed;}

/* Skjema under hovedkontainer */

input, textarea, select {
	width: auto;
}

input, textarea, select { /* overskriver standard nettleserstil */
  /*background: #fff repeat-x;*/
  background: none; /* endret for å ungå hvit ramme rundt ikon*/ 
  border-top: 1px solid #bbb;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #bbb;
  margin-top: 3px !important;
  padding: 4px !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

input[disabled] {
  background: #eee;
  cursor: not-allowed;
}

input:focus, textarea:focus, select:focus {
	background: #f4f4f4;
	border-color: #9cc;
}

input.success:focus, textarea.success:focus, input.fieldWithSuccess:focus, textarea.fieldWithSuccess:focus {
  border-color: #c6d880;
}

input.alert:focus, textarea.alert:focus, input.fieldWithErrors:focus, textarea.fieldWithErrors:focus {
  border-color: #fbc2c4;
}

form .hjelper { /* Hjelpeinformasjon i skjemafelt */
	float: left;
	margin: 0;
	font-style: normal;
	color: #828282;	
}

form .error {
	color: #ff0000;
}

form .button {
	/*margin:  0;*/
	padding: 3px;
	background-color: #e7ecef;
}

/*Varslinger */

a.close {position: absolute; top: 5px; right: 5px; padding-right: 15px; color:#990000; background: url(../img/icons/cross_small.png) no-repeat right center; font-size:9px}

div.notification {
	position: relative;
	margin: 5px 0 10px 0;
	background-image: url(../img/highlight_green.gif);
	z-index: 0;
}

div.notification em {padding: 15px; font-style:normal; display: block}
div.notification em img {margin-right: 10px; position: relative; top: 3px;}

/*Varslinger, variasjoner*/
div.feil {border: 1px solid #d7bbb8; background: url(../img/highlight_red.gif) repeat-x #f6dcd9;}
div.bekreft {border: 1px solid #cad3a6; background: url(../img/highlight_green.gif) repeat-x #dfe9b8;}
div.obs {border: 1px solid #dbd6a1; background: url(../img/highlight_yellow.gif) repeat-x #f8f2b7;}
div.info {border: 1px solid #b8c6d2; background: url(../img/highlight_blue.gif) repeat-x #dae6f1;}

	
/* Footer - Fotnoter & sluttekster */

div#footer {
	background: #fff;
	height: 60px;
	margin: 0 auto;
	border-top: 1px solid #bed3e4;
	padding: 5px;
	text-align: center;
	width: 945px;
}

div#footer p {
	font-size: 12px;
	color: #005ba2;
}