body {
                    font : normal  12px;
             font-family : "Liberation Sans", Arial, Helvetica, sans-serif;
                  height : 100%;
                  margin : 0;
                 padding : 0;
              text-align : center;
                   width : 100%;
}
a,
a:visited {
                   color : #2d8b8c;
         text-decoration : none;
}
a:hover,
a:active {
                   color : #f90;
                  cursor : pointer;
}
ul,
li {
         list-style-type : none;
}
#map {
                   clear : both;
                  height : 550px;
                position : relative;
                   width : 810px;
}
#main {
                   float : left;
                  height : 550px;
                   width : 810px;
}
#EmbedLink {
        background-image : url("../img/link_button_bg.png");
                  height :  15px;
                  margin :   1px 0   1px   5px;
                 padding : 0;
}
#EmbedLink span {
	margin: 0 5px 0 20px;
	padding: 0;
}
#sidebar {
       border-left-color : #000;
       border-left-width :   1px;
            border-style : solid;
            border-width :   0px   1px;
                   float : right;
               font-size :  12px;
                  height : 550px;
                 padding : 0;
                   width : 210px;
                overflow :  auto ;
}
#sidebar .legend {
                 margin : .5em;
}
#sidebar .legendTitle {
	font-weight: bold;
	padding: .5em 0;
}
#MemberCountries {
}
#wrapper {
                  margin : 0  auto;
              text-align : left;
                   width : 1024px;
}
#top {
       background-repeat : no-repeat;
                   color : rgb(11, 50, 93);
                   float : left;
               font-size :  25px;
                  height : 120px;
             text-shadow : rgb(204, 204, 204)   2px   2px   2px;
          vertical-align : bottom;
                   width : 1024px;
}
#title {
                   color : #036;
                 display : block;
               font-size :  30px;
              font-style : normal;
             font-weight : bold;
                    left : 0.5em;
                  margin : 0;
                 padding : 0;
             text-shadow : #CCC   2px   2px   2px;
                     top : 0.5em;
}
#topBar {
        background-color : rgb(51, 102, 153);
                   clear : both;
                   color : white;
               font-size :  12px;
              margin-top :  10px;
           padding-right :  10px;
              text-align : right;
}
#topBar a,
#topBar a:visited {
                   color : #fff;
                  cursor : pointer;
}
#topBar a:hover,
#topBar a:active {
                   color : #f90;
                  cursor : pointer;
}
#bottomBar1 {
        background-color : rgb(51, 102, 153);
                   clear : both;
                   color : white;
               font-size :  12px;
             line-height : 1.5em;
              margin-top :  10px;
              text-align : right;
}
#bottomBar1 a,
#bottomBar1 a:visited {
                   color : #fff;
}
#bottomBar1 a:hover,
#bottomBar1 a:active {
                   color : #f90;
}
#bottomBar2 {
            border-color : #693;
            border-right : 0 solid #693;
            border-style : solid;
            border-width :   1px 0 0;
                   clear : both;
                  height :   1px;
           margin-bottom :  30px;
              margin-top :   1px;
}
#disclaimer {
                   clear : both;
               font-size :  12px;
             padding-top :  20px;
                   width : 100%;
}
#disclaimer p {
                 padding :   0px  10px;
}
#embed {
              border-top :   1px solid;
              margin-top :  20px;
}
#embed-code textarea {
                  height : 300px;
}
.embed-link {
                   color : black;
         text-decoration : underline;
}

/**
*	OL CSS Stuff to be moved progressively
* 	to js/vendor/ol3/ol3-figismap.css
*					|
*					V
*/

.olControlLoadingPanel {
        background-image : url(../img/loading.gif);
     background-position : center;
       background-repeat : no-repeat;
                 display : none;
}
.olControlMousePosition {
                  bottom :   0px;
                 display : block;
                    left :   9px;
                position : absolute;
}
.olControlAttribution {
                   color : Blue;
                 display : block;
               font-size :  12px !important;
              font-style : normal;
                    left :  50px;
                position : absolute;
                     top : 0.5em;
}

.olControlGraticuleActive svg g text * {
	font-size: 11px;
}
.olControlGraticuleActive svg g polyline {
	opacity: .7;
}

.FigisMapLegend {
              border-top :   1px solid;
                   clear : both;
               font-size :  12px;
             padding-top :  20px;
              text-align : left;
                   width : 100%;
}
.FigisMapLegend div {
                 display : inline;
            margin-right : 1em;
              text-align : center;
}
.FigisMapLegend div img {
            margin-right :   3px;
          vertical-align : middle;
}

/**
*					^
*					|
*/

#e-link {
        background-color : rgb(51, 102, 153);
                 display : none;
                 height : 100px;
                 padding: .5em 0;
}
#e-link div {
                   color : white;
                 padding : .5em 0;
              text-align : center;
}
#e-link label {
               font-size :  10px;
}
#legend {
           margin-bottom :   0px;
}
.legend img {
          vertical-align : middle;
}