body            { font-family: sans-serif ;
                  color: black ;
                  margin: 0 ;
                  padding: 10px ;
                  background: #233779 url("/style/kuleramme.gif") no-repeat top right }
table, form     { margin: 0 ; padding: 0 }
.bredde         { max-width: 70em ;
                  text-align: left }
.kropp          { background-color: white }
a               { text-decoration: none ;
		  color: #1b43ba }
a:visited	{ color: #6b1bba }
a[href]:hover   { text-decoration: underline }
a.noline:hover  { text-decoration: none }
.invers,
.invers *       { background-color: #233779 ;
                  color: white ;
                  font-weight: bold }
.invers a       { color: #e0e0e0 }
.invers a:hover { color: white ;
                  text-decoration: none }
.ingress        { font-size: larger }

a.topp          { display: block ;
                  padding: 0 0 10px 0 }
.knapp          { text-align: right ;
                  padding: 3px 0 }
.knapp a        { background-color: #919bbc ;
                  color: #233779 ;
                  font-weight: bold ;
                  font-size: 90% ;
                  padding: 3px 1em;
                  border-left: 1px solid #233779 ;
                  border-bottom: 1px solid #233779 }
.knapp a:hover  { color: white ;
                  text-decoration: none }

.meny           { background: #919bbc url("/style/kurve1.gif") no-repeat bottom right ;
                  padding: 1ex 3ex 50px 1ex ;
                  width: 8em ;
                  font-weight: bold }
.meny a         { display: block ;
                  margin-top: 1.5ex ;
                  color: #233779 }
a.sub            { margin-left: 1em ;
                  font-weight: normal ;
                  margin-top: 0 }
a.subsub        { margin-left: 2em ;
                  font-weight: normal ;
                  margin-top: 0 ;
                  font-size: 80% }
#aktiv          { color: white }
.meny a:hover   { color: white ;
                  text-decoration: none }

.nyheter a      { color: #233779 ;
                  font-weight: bold }
.midt           { padding: 2ex 1ex 1ex 1ex ;
                  background: white;
                  }
.logoer         { padding: 2ex 1ex 1ex 1ex ;
                  width: 160px }
.bunn *         { color: #233779 ;
                  background: white ;
                  font-weight: bold ;
                  font-size: small ;
                  padding: 0.5ex 1ex }

h1		{ font-size: 120% ;
		  font-weight: bold }
h2		{ font-size: 100% ;
		  font-weight: bold }
h3		{ font-size: 100% ;
		  font-weight: bold ;
		  color: #808080 }
.dato		{ display: block ;
		  font-size: 80% ;
		  font-weight: normal }

tr.heading th	{ background-color: #233779 ;
		  color: white ;
		  border: 0px solid #919bbc ;
		  padding: .25ex .5ex }
.midt table td	{ 
		/*order: 1px solid #919bbc ;*/
		  background-color: white ;
		  padding: .25ex .5ex }

.sebra tr.sebra2 *		{ background-color: #c5cbdd } 
.sebra tr th			{ text-align: left }
.sebra tr.heading th a		{ color: #c5cbdd }
.sebra tr.heading th a:visited	{ color: #919bbc }
.sebra tr.sebra1 th,
.sebra tr.sebra2 th		{ font-weight: normal }
.sebra tr.subheading th		{ padding: 1em 0 1ex 0 }
.sebra tr td, .sebra tr th      { border-width: 0px 1px 0px 1px;
                                  border-color: white;
                                  border-color: #E5EBED;
                                  border-style: solid }
.sebra td a			{ font-weight: bold }
.sebra td.left, .sebra th.left   { border-left: 0 }
.sebra td.right, .sebra th.right { border-right: 0 }

table.blank td	{ border: 0 }

form[name="myform"] table tr th, 
form[name="myform"] table tr td	{ border: 0 }

.cover {
  float: left;
  margin: 0px 10px 10px 0px;
  text-align: center;
  font-size: smaller;
}

.cover img {
  border: 1px solid #ccc;
}

.publication .cover {
  float: left;
  margin: 0px 10px 0px 0px;
}

@media print {
.noprint, .meny { display: none }
.invers,
.invers *       { color: #233779 ;
                  background-color: white ;
                  background-image: none }
}
img {
	border: none;
}

.missing {
	color: red;
	font-style: italic;
}

.non-critical-miss {
	color: #AAA;
	font-style: italic;
}

.summary-td {
	font-style: italic;
}

tr.grey td {
	background-color: #ddd;
}
table .grid th {
	background-color: #7b87ae;
}
table .grid td, table .grid th {
	border: 2px solid #000;
}

.error, .success, .downtime {

	color: #000;
	margin-bottom: 6px;
	padding: 3px;		
}

.error {	
	background-color: #c38276;
	border: 1px solid #9b301c;
}

.success {
	background-color: #a3b0aa;
	border: 1px solid #667c72;
}

.downtime {
	background-color: #D11;
	border: 1px solid #711;

}

ul.tabs {
	list-style: none;
	margin-bottom: 35px;
	padding: 4px;
	border-bottom: 2px solid #000;
	height: 22px;
}
ul.tabs li {
	float: left;
	display: block;
	border: 1px solid #000;
	border-bottom: 2px solid #000;

	margin-left: 4px;
}
ul.tabs li a {
	display: block;
	height: 25px;
	color: #000;
	height: 19px;
	padding: 3px;
	background-color: #d3d7e4;	
}
ul.tabs li a:hover {
	background-color: #fff;
	text-decoration: none;
}	
ul.tabs li.active {
border-bottom: none;

}
ul.tabs li.active a {
	background-color: #fff;
	height: 21px;
	
}
.idp {
	margin-bottom: 35px;
}
.idp h2 {
	margin-bottom: 2px;
}
.idp img {
	padding: 3px;
	border: 1px solid #333;
	float: left;
	margin-right: 4px;
}

.bold {
	font-weight: bold;
}

#account {
	float: right;
	color: #FFF;
	margin-right: 150px;	
}
#account a:link, #account a:visited {
	color: #FFF;
	font-weight: bold;
}
#account a:hover {
	color: #d3d7e4;
	text-decoration: none;
}
#top {
	height: 60px;
}
#top img {
	float: left;
}

.bar {
	background-color: #233779;
	color: #FFF;
	padding: 5px 4px 5px 15px;
}
.bar h1 {
	text-transform: capitalize;
	display: inline;
	margin: 4px;
}
.row {
	height: 180px;
	clear: both;
	border-top: 4px solid #233779;
	text-align: center;
	margin-bottom: 1px;
	width: 872px;
	min-width: 872px;
}
.bar_small h1 {
	text-transform: capitalize;
	margin: 4px 0px 20px 0px;
	color: #FFF;
}
.bar_small {
	background-color: #233779;
	width: 110px;
	float: left;
	height: 180px;
}
#graphForm {
	margin: 5px;
	padding: 0px 10px 0px 10px;
}

#graphForm legend {
	font-size: 18px;
}