/* FONT */
body		    { font-family: Verdana, Arial, Helvetica, sans-serif; }


/* STANDARD */
.clear 	{ clear: both; }
.break 	{ margin-top: 12px; clear: both; }
.right 	{ text-align: right }
.center { text-align: center }
.bold, strong { font-weight: bold; }

.float-left { float: left; }
.float-right { float: right; }

.border { border: 1px solid #444 }

/* HEADERS */
h1, h2, h3, .title { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #111111; margin: 0px; }
h1 { font-size: 1.7em; padding: 0px 0px 12px 0px;}
h2 { font-size: 1.25em; padding: 5px 0px 0px 0px;}
h3 { font-size: 1.1em; padding: 6px 0px 2px 0px; font-family: Verdana;}


/* LINKS
a         { color: #002448; text-decoration: underline; }
a:link    { color: #002448; text-decoration: underline; }
a:visited { color: #002448; text-decoration: underline; }
a:hover   { color: #006699; text-decoration: underline; }
a img 	  { border: 0px }
*/

.intro h2 a:link, .intro h2 a:visited { text-decoration: none; color: #111111; }
.intro h2 a:hover { text-decoration: underline; color: #111111; }

.menu_link a, .menu_link a:visited { display: block;	text-decoration: none; }
.menu_link a:hover { text-decoration: underline; }
.menu_link .level0 { padding-top: 5px; }
.menu_link .level1 { padding-left: 10px; }
.menu_link .level2 { padding-left: 20px; }
.selected1 { font-weight: bold; }


/* MAIN LAYOUT - same column with as fn.no */
/*
 * page:           982px (including 1px border)
 * content-left:   220px
 * content-right:  220px 
 * content-main:   700px
 * content-center: 460px
 */

body {
	background-image: url("../images/background-fade.png");
	background-repeat: repeat-x;
	background-attachment: fixed;
	text-align: center;
    font-size: 0.7em; }

#page {
	background-color: #FFFFFF;
    border: 1px solid black;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	text-align: left;
    width: 980px; }

#header { 
	padding: 0px 10px 0px 10px; 
	background-color: #1674BA; 
	height: 51px; }

#globalis_logo 	{ 
	float: left; padding: 0px 2px 2px 6px; }

#una_logo { 
	float: right; 
	padding: 1px 8px 0px 0px; }

#path { 
	padding: 4px 2px 8px 20px; 
}

#content-left {
	float: left; 
	display: inline;
    width: 220px;
	padding: 0px 20px 5px 20px; }

#content-main {
	float: left;
	width: 700px;
	padding-bottom: 15px; }
	
#content-main-left {
	float: left;
	width: 980px; 
	padding: 0px 0px 15px 20px;}

.content-center {
	float: left;
	width: 460px; }

.content-center-left {
	float: left;
	width: 700px; }
	
.content-center-all {
	float: left;
	width: 920px; }

.content-right {
	float: left;
	width: 220px;
	padding: 0px 0px 15px 20px; }

#footer { 
	clear: both; 
	text-align: center; 
}


/* TOP MENU AND SEARCH */

#top_menu {
	background-image: url("../images/background_menu.gif");
	background-repeat: repeat-x; 
	padding: 7px 18px 7px 12px;
}
	
#top_menu a { 
	color: #ffffff;
	display: block;
	float: left; 
	text-decoration: none; 
	margin: 3px 8px 0px 8px; }

#top_menu a:hover { 
	text-decoration: underline; }

#search {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
}

#search input.searchText {
	font-size: 1.0em;
	width: 110px;
	padding: 1px;
	margin: 0px;
 	background-color: #BDDAEF;
	border: 1px solid #2B2E31;
}

#search input.searchButton {
	cursor: pointer;
	font-size: 1.0em;
	margin: 0px;
	color: #10497A;
	font-weight: bold;
	background-color: #BDDAEF;
	border: 1px solid #2B2E31;
}

/* FORM */
form { margin: 0px; padding: 0px; }
.knapper { margin-top: 4px; }

/* BOXES */
.box-header {
	background-color: #0a3466;
	padding: 2px 5px 3px 5px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold; }

.box-header a { 
	color: #ffffff;
	text-decoration: none; }

.box-header a:hover { 
	text-decoration: underline; }

.content-right .box, #content-left .box {
	background-color: #dfe8f6;
	border: 1px solid #99bbe8;
	margin-bottom: 10px;
	padding: 10px; }

.content-right .box input {
	font-size: 1.1em; }





/* FACTBOX 220px */
.factbox {
	float: right;
	width: 206px;
	border: 1px solid #1674BA;
	margin: 5px 0px 0px 10px;
	padding: 4px 6px 6px 6px;
	background-color: #ECF4FA; }

.factbox table, .factbox td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}


/* LISTS */
/* 
.full-view ul { list-style-type: disc; padding-left: 20px; }
.full-view li { margin-bottom: 5px; }
*/

.content-center ul, .content-right ul {
	list-style-type: disc; 
	margin-left: 15px;
	padding-left: 0;
	margin-bottom: 10px;
}

.content-center ol, .content-right ol {
	list-style-type: decimal; 
	margin-left: 19px;
	padding-left: 0px;
	margin-bottom: 10px;	
}

.content-center li, .content-right li {
	margin-bottom: 4px;
}



.content-right h2 {
	margin-bottom: 4px; }

/* Bytte til annen type? */
.content-right .box h2, #content-left .box h2 {
  padding: 0px 0px 13px 0px;
 }

.content-right .box li, #content-left .box li {
	margin-bottom: 15px; }


/* FIELDSET */
fieldset { padding: 0px 0px 10px 10px; margin: 10px 0px 15px 0px;}


.menyvalgt {
    font-weight: bold; }



#addthis{
	padding: 4px 0px 0px 11px;
	float: right; }

#comments {
	margin-top: 15px;
}

#login {
	margin-top: 15px;
}

.alert {
	background-color: #0A3466;
	text-align: center;
	color: #ffffff;
	padding: 5px;
	margin-bottom: 15px;
	font-weight: bold; }


/* Frame shown around embedded objects 9 */

.frame {
	background-color: #dfe8f6;
	border: 1px solid #99bbe8;	
	padding: 0px;
	margin: 0px 0px 10px 0px;
	text-align: left;
}

.frame p { padding: 5px;}
.frame .object { margin-bottom: 5px; }
.frame .title { font-size: 1.3em; padding: 5px 0px 8px 5px; }
.frame .title a:link, .frame .title a:visited { text-decoration: none; color: #111111; }
.frame .title a:hover { text-decoration: underline; color: #111111; }


/* VIEW MODES */

.column-view {
	width: 220px;
	display: inline;
}

.column-view a {
	text-decoration: none;
}

.column-view a:hover { 
	text-decoration: underline; 
}

.column-spacing {
	margin-right: 20px;
	margin-bottom: 12px;
}

.column-spacing-none {
	margin-right: 0px;
	margin-bottom: 12px;
}


/* TABLES */
tr.bglight { background-color: #ECF4FA; }
tr.bgdark { background-color: #DCEBF6; }




.related {
	width: 100%;
	border-collapse: collapse;
}

.related td {
	padding: 2px;
 	border: 1px solid #AAD0EA;
}



/* CLASS COUNTRY AND COUNTRY GROUP */

.box-country, .box-group {
	background-color: #E0EEF8;
	width: 104px;
	height: 77px;
	text-align: center;
	margin: 0px 2px 2px 0px;
	padding: 8px 5px 3px 5px;
	float: left; }

.box-country img, .box-group img {
	margin-bottom: 3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; }

.box-country :hover img, .box-group :hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7; }

.column-group {
	text-align: center; }

.column-group img {
	border: 1px solid #0a3466;
	margin-bottom: 2px; }
	




/* CLASS REGION */

.column-region {
	text-align: center; }

.column-region img {
	border: 1px solid #0a3466;
	margin-bottom: 2px; }


/* CLASS TREATY */

.column-treaty {
	text-align: center; }

.column-treaty img {
	border: 1px solid #0a3466;
	margin-bottom: 2px; }



/* CLASS MAP */

.column-map {
	text-align: center; }

.column-map img {
	margin-bottom: 2px; }

.column-map .border{
	border: 1px solid #0a3466;
}

/* http://www.seifi.org/css/creating-thumbnails-using-the-css-clip-property.html */
.column-map .clipout {
  	position: relative;
  	width: 218px;
  	height: 134px;
}
.column-map .clipin {
  	position: absolute;
  	clip: rect(51px, 243px, 185px, 25px);
  	top: -51px;
  	left: -25px;
}

/* http://www.javascriptkit.com/dhtmltutors/cssimage.shtml */
.column-map img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; }

.column-map :hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7; }






.map_full {
	width: 100%;
	height: 420px;
}


.map_table { border-collapse: collapse; }


#legend { padding: 10px; }
.legend { margin-top: 5px; }
.map_legend { margin-top: 5px; }

.map_legend_color {
	clear: both;
	float: left;
	width: 15px;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	margin-top: 2px;
 	margin-right: 5px; }

.map_legend_text {
	padding-left: 15px;
	margin-top: 2px;
  	margin-right: 5px; }

.map_legend_symbol {
	vertical-align: middle;
	padding-top: 3px;
	margin-top: 2px;
	margin-right: 5px; }

.map_legend_symbol img {
	vertical-align: middle;
	width: 16px;
	margin-right: 5px; }




/***************** OpenLayers ********************/

.olControlPermalink { 
	visibility: hidden; 
}

.olControlLayerSwitcher input { 
	margin-right: 5px; 
}

.olControlAttribution  {
    right: 3px;
    bottom: 2px;  	
}

.olLayerGoogleCopyright {
    right: 3px;
    bottom: 2px;  
}
.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 2px !important;   
}







/* Paragraph */
p { padding-top: 0.2ex; padding-bottom: 1.8ex; margin: 0px; }

/* Lister
ul { margin: 0px 0px 11px 15px; padding: 0px; }
ol { margin: 0px 0px 0px 15px; padding: 11px; }
li { margin: 0px; padding: 0px;}
ol li { margin-bottom: 5px; }

li p {padding: 0px; margin: 0px;}
*/

/* Horisontal strek */
hr {margin: 0px; padding 0px;}

/* Datofelt til artikler */
.dato { font-family: Verdana, Arial, Helvetica, sans-serif;
         color: #ff6600;
		display: inline; }

/* Forfatter */
.forfatter { padding-top: 0ex; padding-bottom: 2ex; margin: 0px; }

/* Liten skrift */
.litenskrift, .forfatter, .bunntekst { font-family: Verdana, Arial, Helvetica, sans-serif;

						               color: #2E2E2E; }
.litenskrift { display: inline; }
.litenskrift a, litenskrift a:link, .litenskrift a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; }
.bunntekst a, bunntekst a:link, .bunntekst a:visited       { font-family: Verdana, Arial, Helvetica, sans-serif; }
.forfatter a, .forfatter a:link, .forfatter a:visited      { font-family: Verdana, Arial, Helvetica, sans-serif; }

p .litenskrift, p .dato { }



/* Ulik presentasjon av bilder */
.bilderamme   { margin: 2px 0px 0px 0px;
                border: 1px solid #202020;
				padding: 0px; }
.forsidebilde { padding: 6px 0px 0px 7px;
                vertical-align: top;
				float: right; }
.forsidebilde_ramme { padding: 6px 0px 0px 7px;
                vertical-align: top;
				float: right;
				border: 1px solid #000000; }
.bildetekst   { font-family: Verdana, sans-serif;
				color: #606060;
				text-align: left; }
.bildetekst p {  }
.bildetekst a, .bildetekst a:link, .bildetekst a:visited { font-family: Verdana, sans-serif; color: #606060; }




/****************** Layout *********************/



/* Bruk */
#graph_properties{
	float: right;
	display: inline;
	border: 1px solid #000000;
	background-color: #FFE269;
	padding: 11px 5px 11px 5px;
	margin: 4px 0px 0px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;	}



/* Høyre kolonne med bakgrunnsfarge */
#infokolonne{
    border-bottom: 1px solid #1366B9;
    border-left: 1px solid #1366B9;
    float: right;
    width: 139px;
	padding: 11px 11px 1px 11px;
	margin: 0px 0px 0px 0px;
	background-color: #C5E3FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;	}


#oppslagRamme {
    float: right;
    padding-right: 8px;
	 }


.farge { background-color: #1366B9; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif;	}

.fargeboks {border: 1px solid #000000; width: 15px;}
.kartramme {border: 1px solid #000000; }


/****************** XML tekstfelt *********************/

.infoboks {
	width: 100%;
	margin: 5px 0px 11px 0px;
	padding: 3px 7px 3px 7px;
	background-color: #EEEEEE; }

.tekstramme {
    border: 1px solid #1366B9;
	margin-top: 11px;
	margin-bottom: 11px;
	background-color: #F1F8FF;
	padding: 15px; }

.tekstramme_utenfyll {
    border: 1px solid #1366B9;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 11px 11px 1px 11px; }

.source {	}

.source p {
	display: inline;
	padding: 0px;
	margin: 0px; }


/****************** Bildejustering *********************/

div.imageleft, div.imageright {
    padding-top: 5px;
    padding-bottom: 2px;
    display: inline;
    clear: both; }

/* Kan kuttes ut */
div.imagejustify {
    margin-top: 11px;
    margin-bottom: 11px;
    clear: both; }

div.imagecenter {
    padding-top: 4px;
    padding-bottom: 11px;
    text-align: center;	}

div.imageleft {
	float: left;
	padding-right: 8px; }

div.imageright {
  	float: right;
	padding-left: 5px; }

.frame .imageright { 
	padding-right: 5px; }

img.ramme {
	border: 1px solid #000000; }



/****************** Indikatortabell *********************/

.mdgtab {
	background-color: #FFE68D;
}

.mdgtab td {
	padding: 2px 3px 0px 3px;
	border: 1px solid #C75B37;
}

#indtab {
	table-layout: auto;
	width: 100%;
	background-color: #FFE68D;
	border-collapse: collapse;
}

#indtab col.normal {
	vertical-align: top;
}

#indtab col.verdier,  .mdgtab .verdier{
	background-color: #FFDB5D;
	text-align: right;
	vertical-align: top;
	width: 75px;
}

#indtab col.verdier2 {
	background-color: #E7AF79;
	text-align: right;
	vertical-align: top;
	width: 75px;
}

#indtab h2 {
	margin-top: 5px;
}

#indtab tr.kategori {

}

#indtab td {
	padding: 2px 3px 0px 3px;
	border: 1px solid #C75B37;
}

#indtab td.buttons {
	margin: 0px;
	padding: 0px;
}

#indtab td.blank {
	background-color: #ffffff;
	border-bottom: 1px solid #C75B37;
}

#indtab .blank {
	background-color: #ffffff;
	border: 0px solid #C75B37;
}


/****************** Ext JS *********************/

.no-icon {
	display : none;
	background-image:url('../images/s.gif') !important;
}

.arrow_out {
	background-image: url(../images/icons/arrow_out.png) !important;
}


/**********************************************/


/* INFO BOX */

body div.posterpage .info-box,
body div.posterpage span.info-box
{
	display:block;
	width:250px;
	float:right;
	background:#f5f5f5 url('../images/bg_infobox.png') no-repeat 252px 10px;
	padding:8px 12px 14px 12px;
	border:1px solid #fff;
	 -moz-box-shadow: 0px 0px 2px #999;
    -webkit-box-shadow: 0px 0px 2px #999;
    box-shadow:0px 0px 2px #999;
    font-size:13px;
    line-height:18px;
   	margin:10px 0 18px 18px;
}
body div.posterpage .body_text .info-box p,
body div.posterpage .body_text .info-box span
{
	font-size:12px;
	line-height:18px;
}
body div.posterpage .info-box p
{
	padding-bottom:8px;
}
body div.posterpage span.info-box
{
	display:inline;
}
body div.posterpage .info-box.left
{
	float:left;
	margin-left:1px;
	margin-right:18px;
}
body div.posterpage .info-box.right
{
	float:right;
	margin-left:18px;
	margin-right:0;
}

body div.posterpage ul,
body div.posterpage li
{
	list-style:none;
}
body div.posterpage .body_text .info-box li
{
	padding-bottom:5px;
	font-size:12px;
	line-height:18px;
}

body div.posterpage .info-box h2
{
	font-size:16px;
	line-height:18px;
}



/****************** IntenseDebate ********************/
/* http://www.intensedebate.com/docs/css-documentation/
 * 
 */

/* Hide "Comments" because it's not translated */
#idc-container-parent #idc-commentcount_label, #idc-container-parent #idc-commentcount_wrap {
	display: none;
	color: white;
}

#idc-container-parent #idc-container, #idc-container-parent #idc-container h3 {
	margin: 0;
	padding: 0;
}

#idc-container-parent #idc-container div {
	font-size: 11px;
}

#idc-container-parent #idc-container h3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #111111;
	font-size: 1.2em;
	padding-top: 5px;
}

/* CYCLE SLIDESHOW */
.cycle-slideshow
{
    width:100%;
    height:auto;
    float:left;
    clear:both;
    position:relative;
    margin-bottom:20px;
    padding-bottom:20px;
    margin-top:12px;
    border-bottom:1px solid #ccc;
    overflow:hidden;
}
.cycle-slides
{
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}
.cycle-slide
{
    width:100%;
    float:left;
    clear:both;
}
.cycle-slide-info
{
    width:100%;
    clear:both;
    margin-top:12px;
    font-size:13px;
    text-align:left;
}
.cycle-slide-desc
{
	text-align:left;
}
.cycle-nav 
{
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
}
.cycle-nav-next,
.cycle-nav-prev
{
    width:50%;
    overflow:hidden;
    text-indent:-999em;
    position:absolute;
    top:0;
}
.cycle-nav-next {
    right:0;
    z-index:1;
    background:transparent url('../images/bg_nav_next.png') no-repeat center center;
}
.cycle-nav-prev {
    left:0;
    z-index:2;
    background:transparent url('../images/bg_nav_prev.png') no-repeat center center;
}
.cycle-slide img
{
	width:100%;
	height:auto;
	image-rendering:optimizeQuality;
	-ms-interpolation-mode:bicubic;
}

/* MAP */
#map-canvas
{
    width:100%;
    border:1px solid #000;
    background:#000;
    margin:0;
    position:relative;
    overflow:visible;
    font-size:11px;
}
#map-canvas a,
#map-canvas a:visited,
#map-canvas a:active 
{
    color:#d07309;
}
#map-canvas a:hover
{
    text-decoration:none;
}
#map-canvas .marker-tooltip,
#map-canvas .marker-info
{
    width:auto;
    background:transparent url('../images/bg_marker-tooltip.png') no-repeat left center;
    position:absolute;
    display:block;
}
#map-canvas .marker-info 
{
    background-image:none;
    padding:10px 10px 5px 10px;
    width:280px;
    background-color:#fff;
    -moz-box-shadow: 1px 1px 1px #999;
    -webkit-box-shadow: 1px 1px 1px #999;
    box-shadow: 1px 1px 1px #999;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    z-index:1000;
}
#map-canvas .marker-info img
{
	width:120px;
	height:auto;
	border:1px solid #fff;
	 -moz-box-shadow: 0px 0px 1px #999;
    -webkit-box-shadow: 0px 0px 1px #999;
    box-shadow: 0px 0px 1px #999;
    display:inline;
}
#map-canvas .marker-info-content
{
	width:280px;
	float:left;
}
#map-canvas .marker-info-content p.marker-desc
{
	width:auto;
	font-size:11px;
}
#map-canvas .marker-info-content.half
{
	width:168px;
	float:left;
	margin-right:10px;
}
#map-canvas .marker-name,
#map-canvas .marker-url 
{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:10px;
    font-weight:bold;
    font-size:13px;
}
#map-canvas .marker-name
{
    border-bottom:1px solid #e1e1e1;
	padding-bottom:4px;
	line-height:18px;
}
#map-canvas .marker-url
{	
	font-size:11px;
	font-weight:normal;
	margin-bottom:0;
	line-height:14px;	
}
#map-canvas .marker-tooltip span
{
    width:120px;
    margin-left:7px;
    padding:6px 8px;
    display:block;
    -moz-box-shadow: 1px 1px 1px #999;
    -webkit-box-shadow: 1px 1px 1px #999;
    box-shadow: 1px 1px 1px #999;
    background-color:#fff;
}
#map-canvas .marker-tooltip
{
	font-size:12px;
	line-height:16px;
	font-weight:normal;
}
#map-canvas .marker-info span
{
    width:100%;
    display:block;
    margin-bottom:10px;
}
#map-canvas .marker-info .marker-close
{
    width:21px;
    height:21px;
    overflow:hidden;
    text-indent:-999em;
    background:transparent url('../images/marker_close.png') no-repeat center center;
    cursor:pointer;
    position:absolute;
    top:-5px;
    right:-9px;
    z-index:100;
}
#map-canvas #map-preloader 
{
	width:150px;
	padding:20px 20px 20px 45px;
	background:#fff url('../images/ajax-loader.gif') no-repeat 20px center;
	-moz-box-shadow: 1px 1px 1px #999;
    -webkit-box-shadow: 1px 1px 1px #999;
    box-shadow: 1px 1px 1px #999;
    text-align:center;
    z-index:200;
    position:absolute;
}

/* EDITS */
/* @author M. Mikkel Rummelhoff (mail@mmikkel.no) */

/* Add this */
#page .addthis_toolbox
{
	width:auto;
	margin-left:30px;
	padding-bottom:20px;
}

#page div.posterpage .addthis_toolbox
{
	margin-left:0;
}

/* Footer */
#footer 
{
	margin-top:12px;
	margin-bottom:20px;
}

/* Login */
#login
{
	width:auto;
	float:left;
	padding:10px;
	clear:both;
	margin:0;
}

/* Typo */
body div.posterpage
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
}
body div.posterpage .body_text,
body div.posterpage .body_text p
{
	font-size:14px;
	line-height:22px;
}
body div.posterpage .body_text h1,
body div.posterpage .body_text h2,
body div.posterpage .body_text h3 
{
	font-family: Arial, Helvetica, sans-serif;
}
body div.posterpage .body_text h1
{
	font-size:32px;
	line-height:normal;
	padding-top:5px;
}
body div.posterpage .body_text h2
{
	font-size:18px;
	line-height:22px;
}
body div.posterpage .body_text h2
{
	font-size:16px;
	line-height:18px;
}
body div.posterpage .body_text h2,
body div.posterpage .body_text h3
{
	padding-bottom:8px;
}
body div.posterpage .body_text a,
body div.posterpage .body_text a:visited,
body div.posterpage .body_text a:active
{
	color:#d07309;
}
body div.posterpage .body_text a:hover
{
	text-decoration:none;
}
body div.posterpage .bildetekst p
{
	font-size:12px;
	padding-top:3px;
	line-height:normal;
}
body div.posterpage .body_text ul
{
	margin-top:0;
	-webkit-margin-before:0;
}
body div.posterpage .body_text textarea
{
	width:100%;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#f4f3f3;
}