/* CONTENT */

.intro,
.head,
.functions,
.filters,
.body,
.footer {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

.intro {
	margin-bottom: 20px;
}

.intro .head {
	padding: 2px 0 15px 0;
	border-top: 1px solid #aaa;
}

.intro .head h3 {
	font-size: 11px;
	padding-bottom: 4px;
	line-height: 140%;
}

.intro .head h3 a {
	text-decoration: underline;
	color: black;
}

.intro .head h3 a:hover {
	text-decoration: none;
}

#tabContent {
	float: left;
	padding-top: 20px;
}

.navigation .head {
	margin: 0 0 5px 0;
	border-top: 1px solid #ccc;
}

.diagram .head,
.table .head,
.description .head {
	border-top: 1px solid #ccc;
	margin: 0 0 10px 0;
}

.footer {
	padding-top: 10px;
}

.filters {
	margin: 0 0 10px 0;
}

.functions {
	padding: 10px 0 15px 0;
	margin: -20px 0 10px 0;
	background-color: #e9e9e8;
}

.functions p {
	margin: 0;
	padding: 5px 0 0 0;
}

.functions p a {
	color: #336699;
	text-decoration: underline;
}

.functions p a:hover {
	text-decoration: none;
}

.component-head 
{
    padding: 8px 0 5px 0;
	margin: 0 0 5px 0;
	float: left;
	width: 100%;
	background: none;
	border-bottom: none;
}

.component-head h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
    padding:0 0 10px;
    margin:0;
    float:left;
    width:100%;
}

.component-head h2 em {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
}

.component-head .ChartHeader
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	font-weight: normal;
	padding-bottom: 2px;
	padding-left: 2px;
}

.component-head h3 {
	float: left;
	/*width: 180px;*/
}

.component-head h4 {
	font-size: 11px;
	padding-bottom: 4px;
}

.component-head-breadcrumb {
    font-size: 11px;
	padding-bottom: 4px;
	/*margin-top: 15px;*/
}

.component-head-breadcrumb a {
    /*color: #336699;*/
	text-decoration: underline;
	font-weight: bold;
}

.component-head-breadcrumb a:hover {
	text-decoration: none;
}

.graph {	
	border-top: 1px solid #CCC;   /* fase 4 */
	margin: 0 0 30px 0;
	padding: 0;
	float: left;
	width: 570px;
}

.graph .visuals {	
	background-color: #f1f0ef;
	margin-top: 10px; 
	margin-bottom: 10px;
	margin-left: -6px;
	height: 305px;
	width: 570px;
	float: left;
}

.graph-small {
	margin-left: -7px;
}

.graph .visuals .graph-big {
	margin-left: -21px;	
}

.graph .pageTools {
	float: left;
}

.graph .pageTools ul li {
	font-size: 11px;
	float: left;
	margin: 0 15px 5px 0;	
}

.graph .pageTools ul li a {
	color: black;
	height: 16px;
	display: block;
	float: left;
	text-decoration: underline;
	width: 140px;
}

.graph .pageTools ul li a:hover {
	text-decoration: none;
}

a.xls {
	background-image: url(img/xls-icon.gif);	
	background-position: left;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;		
}

a.doc {
	background-image: url(img/word-icon.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

a.csv {
	background-image: url(img/icon-csv.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

.graph .component-head .descriptionLeft {
	font-size: 10px;	
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-right: 15px;
	font-weight: bold;
	background-position: right top;
	background-repeat: no-repeat;
	color: white;	
}

.table {
	float: left;
	margin: 0 0 30px 0;
}

.description ul li,
.description p {
	float: left;
	font-size: 11px; 
	background-repeat: no-repeat;
	padding: 4px 0;
}

.description ul li .checkbox {	
	float: left;
	width: 18px;
	height: 18px;
	margin-left: -2px;
}

.description p {
	padding-left: 0;
	margin-left: 0;	
}

.one {
	background-image: url(img/graph-description-one.gif);
}

.two {
	background-image: url(img/graph-description-two.gif);
}

.three {
	background-image: url(img/graph-description-three.gif);
}

table {
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	width: 100%;
}

table a:hover {
	text-decoration: none;
}

table strong {
	font-size: 10px;
}

table strong a {
	color: black;
	text-decoration: none;
}

table strong a:hover {
	text-decoration: underline;
	background-repeat: no-repeat;
}

.diagram,
.navigation {
	float: right;
	margin: 0 0 20px 0;
	padding: 0;
}

.diagram#numbers {
	border-top: 1px solid #ccc;
	padding-top: 3px;
	margin-top: 10px;
}

table td,
table tr {
	padding: 3px 10px 4px 5px;
	border-bottom: 1px solid white;
	border-left: 1px solid #d0d7dd;
	min-width: 80px;
}

td.first {
	border-left: none;
}

tbody tr.odd  td {	
	background-color: #dce6ec;		
}

tbody tr.even td {
	background-color: #fff;			
}

tbody tr.selected td{    
    color: White;
    background-color: #e78800;
    font-weight:bold; 
}

.levelTwo {
	padding-left: 15px;
	background-image: url(img/levelTwo.gif);
	background-position: left 7px;
	background-repeat: no-repeat;
}

.listheader
{
    padding-bottom: 8px;    
}

.levelThree {
	padding-left: 27px;
	background-image: url(img/levelThree.gif);
	background-position: left 7px;
	background-repeat: no-repeat;
}

.levelTwo a,
.levelThree a {
	text-decoration: none;
	color: black;	
	}
	
.levelTwo a:hover,
.levelThree a:hover {
	text-decoration: underline;
	}

.floatleft {
	float: left; 
	padding: 3px 10px 10px 0; 
}
	
.floatright {
	float: right; 
	padding: 3px 0 10px 10px; 
}

.bar {
	background:transparent url("img/bar.gif") repeat scroll 0% 50%;
	color:#333333;
	display:block;
	height:11px;
	line-height:11px;
	text-align:left;

}
		
table.bartable td, table.bartable  tr {
    border-bottom:0px solid white;
    border-left:0px solid #D0D7DD;
    padding:1px 3px 1px 0px;
}

/* GRIDVIEW */
.GridViewStyle
{    
    margin-top: 20px;
    border: 1px solid white;    
}

.GridViewStyle a
{    
    text-decoration:none;    
}

.GridViewStyle a:hover
{
    cursor: pointer;
    text-decoration:underline;    
}

.GridViewListHeaderStyleFirst
{
    text-align: left;
    vertical-align: bottom;
    padding-bottom: 8px;  
    border-left:  1px solid white!important;
}

.GridViewListHeaderStyleFirstSortedAsc
{
    background:url("img/arrow-up-orange.gif") no-repeat scroll right top transparent;    
    text-align: left;
    vertical-align: bottom;
    padding-bottom: 8px;   
    border-left:  1px solid white!important;
}

.GridViewListHeaderStyleFirstSortedDesc
{
    background:url("img/arrow-down-orange.gif") no-repeat scroll right top transparent;    
    text-align: left;
    vertical-align: bottom;
    padding-bottom: 8px;   
    border-left:  1px solid white!important;
}

.GridViewListHeaderStyle
{
    text-align: left;
    vertical-align: bottom;
    padding-bottom: 8px;   
}

.GridViewListHeaderStyleSortedAsc
{
    background:url("img/arrow-up-orange.gif") no-repeat scroll right top transparent;    
    text-align: left;
    vertical-align: bottom;
    padding-bottom: 8px;   
}

.GridViewListHeaderStyleSortedDesc
{
    background:url("img/arrow-down-orange.gif") no-repeat scroll right top transparent;    
    text-align: left;
    vertical-align: bottom;
    padding-bottom: 8px;   
}

.GridViewListItemStyle
{
    border-left: 1px solid white!important;
}

.GridViewHeaderStyle th
{
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px solid white;
	border-left: 1px solid #d0d7dd;	
    padding-left: 5px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}

.GridViewHeaderStyle
{
    text-align: left;
    text-decoration: none;    
    font-weight: bold;
    font-size: smaller;  
}

.GridViewHeaderStyle a
{ 	
    color: Black;
}

.GridViewHeaderStyle a:hover
{ 
	/*text-decoration: underline;*/
	cursor: default;
}

.GridViewRowStyle
{
    background-color: #dce6ec;	         
}

.GridViewRowStyle a
{
    text-decoration:underline;
}

.GridViewAlternatingRowStyle
{
    background-color: #fff;	     	        
}

.GridViewAlternatingRowStyle a
{
    text-decoration:underline;       
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{   
    border-right: 0px;        
}

.GridViewPagerStyle td
{
    border-left: 1px solid white;  
    border-right: 1px solid white;  
}

.GridViewPagerStyle a
{
    text-decoration:underline; 
}

.GridViewPagerStyle a:hover
{
    text-decoration:none; 
}


/* GRIDVIEW */


/* hazardous waste div table */
.odd {	
	background-color: #dce6ec;	    
}

.even {
	background-color: #fff;		
}

.selected {
    /*color: White;
    background-color: white;*/
    font-weight:bold;
    padding: 3px 10px 4px 5px;
}

.selectedlinkbuttonstyle
{
    text-decoration:underline;
    color: #e78800;  
    font-weight:bold; 
}

.linkbuttonstyle
{
    text-decoration:underline;
    color:#336699;    
}

.linkbuttonstyle a:hover {
	text-decoration: none;
}

.emptyhazardouswastelisttext{	
	font-size: 14px;
	margin-left: 0px;
	color: black;
	font-weight: bold;	
	padding-left: 0px;
	padding-bottom: 10px;
}

.closedCompany
{
    position: absolute; 
    top: 142px; 
    left: 810px;
}

.checkbox {
	margin: -1px 2px 2px 0;
	width: 13px;
	height: 13px;
	overflow: hidden;
	border: none!important;
	}
	
.icon-water {
	/*background-image: url("img/icon-utslipp-til-vann-24x24.gif");*/
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 1px;
	padding-bottom: 1px;
	margin-right: 3px;
	background-color: #6998b3;	
	}

.icon-air {
	/*background-image: url("img/icon-utslipp-til-luft-24x24.gif");*/
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 1px;
	padding-bottom: 1px;
	margin-right: 3px;
	background-color: #acbe24;
	}

.icon-earth {
	/*background-image: url("/img/icon-utslipp-til-jord-24x24.gif");*/
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 1px;
	padding-bottom: 1px;
	margin-right: 3px;
	background-color: #cb7741;
	}
	
.icon-line-air {
    background-image:url("img/icon-line-air.gif");
}

.icon-line-air-total {
    background-image:url("img/icon-line-air-total.gif");
}

.icon-line-water {
    background-image:url("img/icon-line-water.gif");
}

.icon-line-kvote {
	background-image: url("img/icon-line-kvote.gif");
}
.icon-line-ground {
  background-image:url("img/icon-line-ground.gif");
}
.icon-line-all {
	background-image: url("img/icon-line-all.gif");
	}	
	
.icon-line-water-total {
	background-image: url("img/icon-line-water-total.gif");
	}	
	
.icon-line-water-total  {
    background-image:url("img/icon-line-water-total.gif");
}
	
li.compare {
	background: url(img/icon-line-compare.gif) no-repeat;
	}
	
li.compareWaste {
    background: url(img/icon-line-compare-blue.gif) no-repeat;
	}
	
li.compareClimateQuote {
    background: url(img/icon-line-compare2.gif) no-repeat;
	}
	
li.compareWater {
    background: url(img/icon-compare-single-l-blue.gif) no-repeat;
	}
	
li.IR {
	background-image: url(img/icon-line-IR.gif);
	}
	
.SFT-notes {
	font-style: normal;
	background-color: #ffffcc;
	padding: 10px 10px 10px 27px;
	margin: 0 0 10px 0;
	float: left;
	width: 723px;
	background-image: url(img/icon-information-12x12.gif);
	background-position: 10px 13px;
	background-repeat: no-repeat;
	}

.SFT-notes p a {
	border-bottom: 1px dotted #666;
	text-decoration: none;
	}
	
.SFT-notes p a.readmore {
	font-weight: bold;
	font-size: 10px;
	background-image: url(img/icon-expand-small.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 10px;
	text-decoration: none;
}

/*.description label {
	font-size: 10px;
	padding-left: 29px;
}*/

.description label {
	font-size: 11px;
	padding-right: 0px;
	padding-left: 33px;
	margin-right: 0px;
	/*font-weight: bold;*/
	background-position: 0px 1px;
	background-repeat: no-repeat;
	/*color: white;*/
}

.pageTools {
	float: right;
	padding: 0 0 10px 0;
	width: 160px;
	/*border-top: 1px solid #CCC;*/
}

.diagram p img {
	padding: 5px 0 8px 0;
}

.diagram .body h5 {
	width: 160px;
	}

.relations h3,
.pageTools h3 {
	font-size: 12px;
	}
	
td.firstText a {
	color: #336699;
	text-decoration: underline;	
}

.firstSortable
{
    cursor: pointer;
    border-left: none;    
}

.firstSortable:hover {
	text-decoration: underline;
}

#sortAsc {
    background:url("img/arrow-up-orange.gif") no-repeat scroll right top transparent;    
}

#sortDesc {
    background:url("img/arrow-down-orange.gif") no-repeat scroll right top transparent;
}

th.header
{ 
    cursor: pointer;    
    text-align: left;
    padding-bottom: 7px;    
    padding-left: 4px;
} 

th.header:hover
{     
    text-decoration: underline;  
} 

th.headerSortUp  
{ 
    background:url("img/arrow-up-orange.gif") no-repeat scroll right center transparent;        
} 

th.headerSortDown  
{    
    background:url("img/arrow-down-orange.gif") no-repeat scroll right center transparent;
} 

.navigation h3 
{
	font-size: 12px;
}

.hits 
{
	float:left;
	font-size:11px;
	width:100%;
	margin: 0 0 20px;
}

.description ul li.compare, .description ul li.compareWaste, .description ul li.compareWater, .description ul li.compareClimateQuote, .description ul li.IR 
{
    background-position:16px 1px;
    padding-left:51px;
}

.note {
	font-size: 10px;
	float: left;
	}
	
SPAN.searchword { background-color:yellow; }

#avfall-navi
{
    padding-top: 20px;
}

.highlight  
{    
    font-weight: bold;
    color: Black;
    /*background-color: #8CB1DA;*/
}