/* EUFGIS TEMPLATE */
* {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul {margin: 1em 0;}
h1, h2, h3{color:#0D7433;}h1{font-size:18px;padding-left:12px;}
h2{font-size:14px; padding-left:12px;}
h3{
  font-size:13px;
  padding-left:12px;
}
p{
  font-size:11px;
  line-height:1.5;
  padding-left:13px;
  padding-right:13px;
}
a{cursor:pointer;}
a:link{
  color:#0D7433;
  text-decoration:none;
} 
a:visited{text-decoration:none;color:#0D7433;}
/*---BEGIN LOGO */
#logo {
  float:left;
  width:173px;
  height:85px;
  margin-top:-7.5em;
  margin-left:8px;
  z-index:100;
}
#logo a{
  display:block;
  width:173px;
  height:85px;
}
/*---END LOGO */
body  {
  font: 88.5% Verdana, Arial, Helvetica, sans-serif;
  background: #C6C0BD;
  margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding: 0;
  margin-top:-1em;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  /*color: #000000;*/
}
#jumpMenu {
  position:absolute;
  top:-999em;
  left:-999em;
}
#print-logo {display:none;}
#utilities {
  height:28px;
  margin:0 17px;
  text-align:right;
  margin:0 auto;
  min-width: 760px;
  max-width: 1114px;
}
#utilities span {
  float:left;
  width:7px;
  height:28px;
}
#utilities ul {
  padding-top:8px;
  height:20px;
}
#utilities li {
  display:inline;
  padding:0 8px;
  border-right:2px solid #000;
}
#utilities li.last {border:none;}
#utilities li a:link,
#utilities li a:visited {
  color:#000;
  font-weight:bold;
}
#utilities li a:hover,
#utilities li a:active {
  color:#000;
  font-weight:bold;
  text-decoration:underline;
}
/* SHADOWS */
#shadow-left {
  padding-left:4px;
  margin:0 auto;
  min-width: 760px;
  max-width: 1114px;
  text-align:left;  
}
#shadow-right {padding-right:7px;}
#main {position:relative;z-index:0}
#col-bg2 {
  position:relative;
  z-index:0  
}
#container { 
  background: #FFFFFF url(../images/pix.png) no-repeat fixed;
  max-width:1114px;
  margin: -1.8em auto; /* the auto margins (in conjunction with a width) center the page */
  /*border: 1px solid #000000;*/
  text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
  background: #C6C0BD url(../images/banner.png) no-repeat scroll 100% 15px; 
  height:166px;
  padding: 12px 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#aim{
  margin-left:165px;
  margin-top:-4.5em;
}
#aim p{
  color:#036122;
  font-weight:bold;
  font-size:14pt;
  
}
#left-col{float:left;}
.euforgen{
  background:transparent url(../images/euforgen-log.png) no-repeat scroll 0 50%;
  display:block;
  font-size:9px;
  height:124px;
  margin:0;
  padding-left:12px;
  padding-top:0px;
  width:80px;
}
.containing_block{
  padding-left: 5px;
  padding-right:1px;
  padding-top:13px;
  font-size: 9px;
  line-height: 1.3em;
  width: 165px;}
.containing_block a{color:#000}
#euforgen{clear:both;}
.eulogo{
  background:transparent url(../images/eu-flag.png) no-repeat scroll 0 0;
  margin:2em 0 0 0.5em;
  padding-bottom:6px;
}
.eulogo p{
  font-size:9px;
  line-height:1.3em;
  margin-left:-4px;
  margin-top:0;
  width:138px;
}
.eulogo a{color:#000}
/**BEGIN***BREADCRUMBS & SEARCH BAR*****/
#breadcrumbs{
  font-size:10px;
  margin-bottom:11px;
  margin-left:1.3em;
}
#searchBar {
  float:right;
  margin-right:2px;
  margin-top:-0.8em;
}
#searchBar input[type=text] {
  width:128px;
  color:#0D7433;
  border:1px solid #64a32d;
}
#searchBar input[type=submit] {
  background-color:#FDD891;
  border:1px solid #64A32D;
  color:#64A32D;
  font-size:10px;
  font-weight:bold;
}
.thrColElsHdr #searchBar input[type=submit]:hover {
  border:1px solid #64a32d;
  color:#000;
  background-color:#fdd891;
}
div.tx-lumophpinclude-pi1 input[type=text]{
  border:1px solid #0D7433;
  background-color:none;
  color:  #0D7433;
  height:18px;
}
div.tx-lumophpinclude-pi1 input[type=submit]{
  border:1px solid #0D7433;
  background-color:#FDD891;
  color:  #0D7433;
}
div.tx-lumophpinclude-pi1 input[type=submit]:hover{
  border:1px solid #FDD891;
  background-color:#DFE8DF;
  color:  #000;
}
#breadcrumbs p {margin-top:0;padding-top:3px; }
/*POP UP*/
#popup{width:50px;}
#popup div.menu_form_header{
  background: #DFE8DF;
  border:1px solid #BADEC4;
}
#popup div.menu_form_body{
  font-size:11px;
  line-height:1.1em;
  border:1px solid #BADEC4;
  font-size:11px;
  font-weight:none;
  background:#EDEDED;
  padding-top:0;
  padding-bottom:0;
}
#popup div.menu_form_body a {
  font-weight:normal;
  font-size:11px;
  color:#015092;
}
#popup div.menu_form_body a:hover{color:#000;}
/**BEGIN***BREADCRUMBS & SEARCH BAR***END**/
.thrColElsHdr #sidebar1 {
  float: left; 
  width: 11em; /* since this element is floated, a width must be given */
  background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
  padding: 15px 0; /* top and bottom padding create visual space within this div */
}
#right-col {
  border:1px solid #B7D1C0;
  float: right; 
  margin-top:0.8em;
  width:215px; 
  background: #ededed; /* the background color will be displayed for the length of the content in the column, but no further */
  padding: 14px 0; /* top and bottom padding create visual space within this div */
}
#right-col h2{
  border-bottom:1px solid #B7D1C0;
  margin-top:-1.01em;
  background-color:#dfe8df;
  color:#0D7433;
  padding-left:4px;
  padding-top:5px;
  text-align:center;
  /*font-size:13pt;*/
  float:right;
  width:13.5em;
  height:35px;
}
#right-col-content {padding:0 10px;}
#right-col-content div,
#right-col-content p,
#right-col-content li  {
  padding-left:10px;
  padding-right:10px;
  margin-bottom:1em;
}
/* RIGHT COLUMN */
#right-col-content div.related_information_title,
#right-col-content h4   {
  font-size:11px;
  font-weight:bold;
  color:#000;
  border-bottom:5px solid #badec4;
}
#right-col-content p.bodytext {padding-left:2px; font-size:11px;}
#right-col-content a:link,
#right-col-content a:visited {
  color:#015092;
  font-size:11px;
}
.thrColElsHdr #mainContent {margin:1em 1em 2em 0;}  
.thrColElsHdr #mainContent h1{
  color:#0D7433;
  margin-top:-.1em;}
/*---BEGIN LIST STYLE  TYPE---*/
.thrColElsHdr #mainContent  ul{padding-left:0px;}
.thrColElsHdr #mainContent  ul li{
  font-size:11px;
  line-height:1.5em;
  list-style-type:none;
  padding-left:31px;
  background: url(../images/bullet.png)no-repeat scroll 0.5em .8ex;
  list-style-type:none;
}
.thrColElsHdr #mainContent  ol{
  font-size:11px;
  line-height:1.5em;
  list-style-type:decimal;
  padding-left:57px;
}
/*---END LIST STYLE  TYPE---*/
#copyright{
  font-size:x-small;
  margin:28px 28px 5px;
  padding-bottom:12px;
  text-align:center;
}
.thrColElsHdr #logo_eu { 
  margin-left:9px;
  /*float:left;
  margin-top:-128px;
  */} 
.thrColElsHdr #logo_eu p {
  margin: 0; 
  padding: 53px 0 0 0; 
}
/* Miscellaneous classes for reuse */
.fltrt { margin-left: 8px;}
.fltlft { 
  float: left;
  margin-right: 8px;
}
.clearfloat { 
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
#mainMenu{
  background:none repeat scroll 0 0 #FEE5B5;
  border-top:4px solid #6AB22E;
  font-size:12px;
  height:30px;
  margin-top:-16px;
  padding-left:5px;
  padding-right:5px;
  text-transform:uppercase;
}
#mainMenu a{color:#000}
#mainMenu ul li{display:inline; padding:8px 10px; line-height:1.8em; height:30px; }
#mainMenu ul li:hover{background:#FDBD3A; height:30px}
#mainMenu ul{
  height:27px;
  margin-left:170px;
  margin-top:4px;
}
#mainMenu li.active{background:#FDBD3A}
#mainMenu li.active a {color:#000;}
/*** menu bar styles  ***/
#secMenu{
  float:left;
  /*margin-bottom:18px;*/ margin-bottom: 0px;
  margin-top:5px
}
ul, menu, dir{list-style-type:none;}
ul.menu,
.menu ul{
  text-transform:none;
  border:1px solid #f0dadc;
  width:19em;
  z-index:1;
  margin: 0;
  padding: 0;
  cursor: default;
  list-style-type: none;
}
ul.menu{
  /*width:11.3em;*/
  width:14.3em;
  border:1px solid #f0dadc;
  /*font-size: 12pt;*/
  font-size:12px;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif ;
  color: #FFF;
  text-align: left;
  float: left;
  /*margin-right: 1em;*/
  line-height:1.7em;
}
ul.menu>li{
  /*border-left:7px solid #FCD116;*/
  border-bottom: 1px solid #FDF5E4;
  margin: 0;
  padding: 2px 10px;
}
ul.menu li>ul{
  border-bottom: 1px solid #f0dadc;
  display: none;
  position: absolute;
  width: 20ex;
  left: 20ex;
  margin-top: -1.4em;
  margin-left: 9px;
}
ul.menu li:hover>ul{
  display : block;
}
.menu ul li a{
  display: block;
  padding: 2px 10px;
}
#cont_main{
  margin:0.7em 0.9em 0.1em 12.1em;
  padding-bottom:5px;
}
/*** Menu styles***/
#menuCurr, #menuAct, #menuCurr a, #menuAct a{
  background-color:#fee5b5;
  color: #d95e4c;
}
#menuCurr, #menuAct, #menuCurr a:hover, #menuAct a:hover{color:#d95e4c;}
#noActiveMenu{background-color:#fee5b5;}
#noActiveMenu:hover{background:#FDBD3A}
#noActiveMenu a:link, #noActiveMenu a:visited{color:#000;}
#subMenuCurr {
  background:#fff url(../images/bullet.png)no-repeat scroll 1em;
  color:#d95e4c;
  font-size:12px;
  border-bottom:1px solid #FEE5B5;
  padding-left:25px;
}
#subMenuCurr a{color:#D95E4C;}
#subMenuCurr:hover{background:#fff url(../images/bullet.png)no-repeat scroll 1em;}
#subMenuAct {
  background:#FEE5B5 url(../images/bullet.png)no-repeat scroll 1em;
  font-size:12px;
  padding-left:25px;
}
#subNoActiveMenu{
  background:#fff url(../images/bullet.png)no-repeat scroll 1em;
  font-size:12px;
  padding-left: 25px;
  border-bottom:1px solid #FEE5B5;
}
#subMenuAct a{color:#D95E4C;border-bottom:1px solid #FEE5B5;}
#subNoActiveMenu a:link, #subNoActiveMenu a:visited{color:#000;}
ul.menu,.menu ul,.menu ul li a{
  background-color: #fff;
  color: #369;
}
.menu a{text-decoration: none;}
#footer_cont{/*  float:left;*/width:14em;}
div.csc-textpic-intext-left div.csc-textpic-imagewrap {margin:3px 3px 3px 18px;}
ul.quick{
  clear:both;
  float:left;
  margin-top:41px;
  padding-left:14px;
  font-size:12px;
  line-height:1.5em;
}
ul.quick li{
  background:#FFFFFF url(../images/bullet.png) no-repeat scroll 1em 50%;
  padding-left:30px;
}
ul.quick li a{color:#000;}
ul.quick li.title{padding-left:11px}
.tx-wfqbe-pi1{
  font-size:12px;
  clear:none;
}
.wfqbe_search_label, #search_gd2 label{
  font-size:11px;
  font-weight:bold;
  padding-right:5px;
}
#FIELD_WFQBE_JUSTIFICATION_NAME_4, 
#FIELD_WFQBE_SITU_NAME_3, 
#FIELD_WFQBE_TARGET_SPECIES_2,
#FIELD_WFQBE_COUNTRY_NAME_1, 
#FIELD_WFQBE_SITU_NAME_4,
#FIELD_WFQBE_SYSTEM_NAME_5,
#FIELD_WFQBE_MANAGEMENT_NAME_6,
#FIELD_WFQBE_REPRODUCING_TREES_7,
#FIELD_WFQBE_OTHER_SPECIES_3
{
  border:1px solid #64A32d;
  font-size:11px;
  margin-top:8px;
  padding-left:2px;
  padding-right:15px;
}
#FIELD_WFQBE_LATITUDE_8,
#FIELD_WFQBE_LONGITUDE_9,
#FIELD_WFQBE_MIN_ELEVATION_10,
#FIELD_WFQBE_MAX_ELEVATION_11,
#FIELD_WFQBE_MIN_UNIT_12,
#FIELD_WFQBE_MAX_UNIT_13{
  border: 1px solid #64A32D;
  font-size: 11px;
  height: 20px;
  margin-top: 8px;
  padding-left: 2px;
  padding-right: 15px;
  width: 28px;
}
div#fragment-13 #FIELD_WFQBE_COUNTRY_NAME_1,
div#fragment-13 #FIELD_WFQBE_TARGET_SPECIES_2,
#FIELD_WFQBE_UNIT_TYPE_3{
  border:1px solid #64A32d;
  font-size:11px;
  margin-top:8px;
  padding-left:0px;
  padding-right:0;
  width:400px;
  height: 20px;
}
#FIELD_WFQBE_JUSTIFICATION_NAME_7, #FIELD_WFQBE_MANAGEMENT_NAME_6{
  border:1px solid #64A32d;
  font-size:11px;
  margin-top:8px;  
  padding-left:2px;
  width: 79%;
}
.wfqbe_block input[type=submit], .wfqbe_block input[type=reset], .submitSearch input[type=submit]{
  background:#FCCE66;
  border:1px solid #FFF;
  color:#3B3D3C;
  font-size:12px;
  font-weight:bold;
  height:22px;
  margin-top:10px;
  padding:1px 5px 5px 0px;
  width:70px;
  cursor:pointer;
  border-radius:5px;
  box-shadow:0 2px 1px #CCCCCC;
}
.submitSearch input[type=submit]:hover,.wfqbe_block input[type=submit]:hover, .wfqbe_block input[type=reset]:hover{background:#FDA300}
div#multicolumn_data_1 p, div#multicolumn_data_2 p {
  float:left;
  margin-bottom:0px;
  margin-left:13px;
  margin-right:0;
  margin-top:2px;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
  width:205px;
}
div#multicolumn_1 {margin:0 auto;}
div#multicolumn_1 p, div#multicolumn_2 p {
  float:left;
  margin-bottom:5px;
  margin-left:13px;
  margin-right:0;
  margin-top:6px;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
  width:205px;
}
/*LOGIN FORM*/
#login{clear:both; width:172px;}
span.label_log{font-size:11px;}
input.input_log{/*width:100px*/}
span.logged{font-size:11px;}
.tx-felogin-pi1{margin:0 auto; width:400px; background: none repeat scroll 0 0 #FEE5B5;
  border-bottom: 3px solid #69B22D;
  border-top: 3px solid #69B22D;
}
.tx-felogin-pi1 table{margin-top:5px;}
input.input_log:focus, input.forgot_input:focus{border:2px solid #6AB22E; background:#E7EFE0}
input.log_submit[type=submit]{
  border:1px solid #848484;
  background:#FDBD3A;
  font-size:12px;
  cursor:pointer;
}
.tx-felogin-pi1 legend{display:none}
.tx-felogin-pi1 fieldset {
    margin: 11px 10px;
    padding: 0 10px;
}
.tx-felogin-pi1 > div {
    font-size: 11px;
    padding: 0 11px;
}
input.log_submit[type=submit]:hover{
  border:1px solid #848484;
  background:#FDBD3A;
  font-size:12px;
  cursor:pointer;
}
.forgot{font-size:11px; text-align:center; padding-top:2px;}
fieldset.login_field{
  border:1px solid #C6C0B;
  margin-left:18px
}
legend.login_legend{font-size:12px; font-weight:bold;}
label{font-size:11px;}
img.tx-srfreecap-pi2-image{margin-left:0px; margin-top:2px; border:1px solid #DFDFDF}
/*div#map-container{height:650px;}*/
#csvContent, #csvResponse{font-size:11px;}
#csvBox{   background: none repeat scroll 0 0 #FEE5B5;
  border-bottom: 2px solid #6AB22E;
  border-top: 2px solid #6AB22E;
  padding: 4px;}  
/*GD2*/
#search_gd2 .selectForm{
  border: 1px solid #64A32D;
  font-size: 12px;
  width:400px;
  height: 20px;
  margin-top: 8px;
  padding-left: 0;
  padding-right: 0;
}

#resultListgd2 legend {
  border: 1px solid #0D7433;
  color: #0D7433;
  font-size: 90%;
  margin-left: 12px;
  padding: 3px 10px 6px;
  
}
#resultListgd2 a{cursor:pointer}
span.red, span.red a {color:orange;}
span.green, span.green a{color:green}
#resultListgd2  span.red,#resultListgd2  span.red a {color:orange;}
#resultListgd2  span.green, #resultListgd2  span.green a{color:green}
#loading{margin: 0 auto; width:100px;} #loading img{position:absolute;}
.GD2Country, .GD2Species{color:orange;}

#map-container {
  -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
  -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
  box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
  width: 100%;
  margin-top:10px;
}
#map { width: 100%;height: 570px;}
.ui-tabs-vertical { width: 35em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 15em;}
.info-windows{background:#fff; width:490px; border-radius:10px; padding:10px; box-shadow:0px 2px 3px #ccc}  
a.linkData {font-weight:bold;font-size:12px; padding: 9px 0; display: block; } 
.pop_eufgis h4{padding-left: 12px; color: #0D7433;}
.asd img{z-index:3000;}.asd{width:auto !important; border-radius:10px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:none;}
.thrColElsHdr #mainContent ul li.ui-state-default, .thrColElsHdr #mainContent ul li.ui-widget-content .ui-state-default,
.thrColElsHdr #mainContent ul li.ui-widget-header .ui-state-default{ border-bottom: 1px dashed #666666;line-height: 2em; min-height: 23px;padding-left: 10px;}
.ui-tabs-vertical .ui-tabs-nav{width:144px;}
.ui-tabs-vertical .ui-tabs-panel{margin-top:-20px;}
.ui-widget-header{border:none; background:none;}
.ui-tabs .ui-tabs-nav li a{padding:0px !important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:pointer;color:#2F8927}
.thrColElsHdr #mainContent .ui-tabs-vertical .ui-tabs-nav li{margin:0}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active{font-weight:bold;}
.pop_eufgis{ 
  border: medium none;
  margin-left: -44px;
  margin-top: 4px;
  height: 239px;
  overflow-y: scroll;
  padding-top: 9px;
  width: 251px;}
a.permalink{font-weight:normal; font-size:12px;}
#gd2form{border:none; background:#fff; color: #0D7433; font-weight:bold; font-size:14px;cursor:pointer; outline:0;}
#gd2form:hover{color:#000;outline:0;}
.gd2link{cursor:pointer;}
/*DATATABLE*/
.dataTable{float:left;width:100%; font-size:11px; border-collapse:collapse;border-bottom: 3px solid #2F8927;} .dataTables_filter{float:right;margin-top:-33px; margin-right:0px;}
.dataTable th{  border-bottom: 3px solid #2F8927; background:#fff;
  padding: 5px;
  text-transform: uppercase;}
.dataTable td{padding:5px; border-bottom:1px dashed #2F8927}
#detailsTable_paginate{float:right; font-size:11px; margin-top:-14px;}
.dataTables_info{font-size:11px;float:left;}.dataTable tr{background:#F1FFEF}.dataTable tr:hover{background:#FEE5B5}#detailsTable_previous{padding-right:14px;}#print{float:right; margin-top:-4px;}
table.dataTable thead .sorting{background:#fff url("../images/sort_both.png") no-repeat center right;}
table.dataTable thead .sorting_asc {background:#fff url("../images/sort_asc.png") no-repeat center right;}
table.dataTable thead .sorting_desc {background:#fff url("../images/sort_desc.png") no-repeat center right;}
#print {font-size:11px}.input_disable:hover{background:none;}
#submit_gd2 .input_disable{background:none;}
#span_marker{font-size: 12px;
  float: left;
  padding-left: 10px;
  margin-top: 4px;}
#wfqbe_id_notset div{display:inline}
.radiomap {  padding-right: 15px;}
.paginate_button {
    border: 1px solid #ccc;
    border-radius: 3px;
    display: inline;
    margin-right: 5px;
    padding-bottom: 2px;
    padding-left: 6px !important;
    padding-right: 7px;
    padding-top: 2px;
}
.thrColElsHdr #mainContent .paginate_button:hover{cursor:pointer;  background: none repeat scroll 0 0 #6ab22e;}
.thrColElsHdr #mainContent .paginate_button:hover a{color:#fff;}
.thrColElsHdr #mainContent .paginate_button.active {
    background: none repeat scroll 0 0 #6ab22e;
}
.thrColElsHdr #mainContent .paginate_button.active a {color: #fff !important;}.dataTables_length { float: right;}