/*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:15px;
}

h2{
font-size:14px;
padding-left:15px;
}

h3{
font-size:13px;
padding-left:15px;
}

p{
font-size:11px;
line-height:1.5;
padding-left:13px;
padding-right:13px;
}
a:link{
color:#0D7433;
text-decoration:none;
} 
a:visited{
text-decoration:none;
color:#0D7433;
}



/*---BEGIN LOGO BIOVERSITY---*/
#logo {
  float:left;
        width:156px;
  width:250px;
  height:115px;
  text-indent:-999em;
  letter-spacing:-999em;
        background: url("/fileadmin/templates/eufgis.org/img/EUFGIS_logo.png") no-repeat 0 0;
  /*background: url(http://typo3test2.bioversity.cgiar.org/RECSEA-PGR/html/img/biov2.jpg) no-repeat 0 0;*/
  margin-top:-7.8em;
  margin-left:19px;
  z-index:100;
}
 #logo a{
  display:block;
  width:133px;
  height:115px;
}
/*---END LOGO BIOVERSITY---*/
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;
  background: url(http://typo3test2.bioversity.cgiar.org/eufgis.org/img/shadow-top.png) repeat-x 0 100%;
  text-align:right;
  margin:0 auto;
  min-width: 760px;
  max-width: 1114px;
}
#utilities span {
  float:left;
  background: url(http://typo3test2.bioversity.cgiar.org/eufgis.org/img/shadow-left-angle.png) no-repeat 0px 24px;
  width:7px;
  height:28px;
}
#utilities ul {
  padding-top:8px;
  background: url(http://typo3test2.bioversity.cgiar.org/eufgis.org/img/shadow-right-angle.png) no-repeat 100% 100%;
  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;
  background: url(http://typo3test2.bioversity.cgiar.org/eufgis.org/img/shadow-left.png) repeat-y 0 0;
  /*margin:0 17px;*/
  margin:0 auto;
  min-width: 760px;
  max-width: 1114px;
  text-align:left;  
}

#shadow-right {
  padding-right:7px;
  background: url(http://typo3test2.bioversity.cgiar.org/eufgis.org/img/shadow-right.png) repeat-y 100% 0;
}

#main {
  background:#FFF url(http://typo3test2.bioversity.cgiar.org/eufgis.org/img/left-col.png) repeat-y 0 0;
  position:relative;
  z-index:0
}
#col-bg2 {
  background:transparent url(http://typo3test2.bioversity.cgiar.org/eufgis.org/img/right-col.png) repeat-y 100% 0;
  position:relative;
  z-index:0  
}
 
 #container { 
  max-width: 80em; 
  background: #FFFFFF url(/fileadmin/templates/eufgis.org/img/pix.png) no-repeat fixed;
        max-width:1114px;
  margin: 0 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(/fileadmin/templates/eufgis.org/img/header.png) no-repeat scroll 100% 15px; 
  height:211px;
        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 p{
color:#036122;
font-weight:bold;
margin-left:280px;
font-size:14pt;
text-transform:uppercase;
margin-top:-3.1em;
}

 #eulogo{
background:transparent url(/fileadmin/templates/eufgis.org/img/eu-flag.gif) no-repeat scroll 100% 50%;
clear:both;
float:left;
height:65px;
margin-bottom:15px;
margin-left:25px;
/*margin-top:74px;*/
margin-top:162px;
width:100px;


}

#eulogo p{
font-size:9px;
width:120px;
margin-top:70px;
margin-left:-12px;
}
/**BEGIN***BREADCRUMBS & SEARCH BAR*****/

 #breadcrumbs{
background-color:#FEE5B5;
font-size:10.5px;
height:29px;
line-height:25px;
margin-bottom:2px;
margin-top:-0.5em;
margin-bottom:0.1em;
padding-left:14px;
text-align:left;
}

 #searchBar {
  float:right;
  width:-1px;
        margin-top:-1.9em;
}
 #searchBar input[type=text] {
  width:128px;
        color:#0D7433;
  border:1px solid #64a32d;
}
#searchBar input[type=submit] {
  border:1px solid #64a32d;
  color:#64a32d;
  background-color:#fdd891;
}
.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;
  }
  #mainContent .csc-default{
    float:left;
  }

 #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-family:"Trebuchet MS",Verdana,Arial,sans-serif;
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:13.7em; /* since this element is floated, a width must be given */
  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 {
        /*border:1px solid #F0dadc;*/
   margin:1em 14em 0.1em 13em;/* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
} 
.thrColElsHdr #mainContent h1{
color:#0D7433;
margin-top:-.1em;}


/*---BEGIN LIST STYLE  TYPE---*/

.thrColElsHdr #mainContent  ul{padding-left:30px;}
.thrColElsHdr #mainContent  ul li{
font-size:11px;
line-height:1.5em;
list-style-type:none;
padding-left:31px;
background: url(/fileadmin/templates/eufgis.org/img/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-bottom:5px;
margin-top:10px;
padding-bottom:12px;
text-align:center;
}


.thrColElsHdr #footer { 
  padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
  background:#DDDDDD;
} 
.thrColElsHdr #footer p {
  margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
  padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
  float: right;
  margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
  float: left;
  margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#mainMenu {
  float:left;
  Position:absolute;
  margin-left:190px;
  z-index:1;
  width:67%;
  top:20px;
}
#mainMenu h2 {position:absolute;top:-999em;left:-999em;}
#mainMenu ul li ul {display:none;}
#mainMenu ul {height:35px;width:80%;/*background-color:#FFF*/}
#mainMenu ul li {float:left;}
#mainMenu ul li ul {position:absolute;z-index:2;}
#mainMenu ul li ul li ul li{float:none;}

/* FIRST LEVEL */
#mainMenu ul li {background-color:#FFF}
#mainMenu ul li a:link,
#mainMenu ul li a:visited{
  display:block;
  margin-top:2px;
  margin-right:4px;
  width:99px;
  height:30px;
  padding-top:4px;
  border-top:7px solid #0D7433;
  font-family:Helvetica, Verdana, sans-serif;
  text-transform:uppercase;
  font-weight:bold;
  color: #0D7433;
  font-size:0.9em;
}
#mainMenu ul li.active a:link,
#mainMenu ul li.active a:visited {
  border-top:7px solid #ee3024;
  color: #000;
}
#mainMenu ul li a:hover,
#mainMenu ul li a:active {
  border-top:7px solid #ee3024;
  color: #000;
  text-decoration:none;
}
#mainMenu ul li a.active{
  border-top:7px solid #ee3024;
  color: #000;
  text-decoration:none;
}

/* SECOND LEVEL */
#mainMenu ul li ul {background-color:#FFF; width:auto; top:45px;}
#mainMenu ul li ul li a:link,
#mainMenu ul li ul li a:visited,
#mainMenu ul li.active ul li a:link,
#mainMenu ul li.active ul li a:visited {
  display:block;
  border-bottom:2px solid #6dae60;
  border-top:none;
  font-family:Trebuchet MS, Verdana, sans-serif;
  text-transform:uppercase;
  font-weight:bold;
  color:#000;
  font-size:0.8em;
  white-space:nowrap;
  padding:7px 7px 0;
  padding-bottom:0px !important;
  width:auto;
        margin-top:-1px;
  height:13px;
  margin-bottom:4px;

}
#mainMenu ul li ul li.active a:link,
#mainMenu ul li ul li.active a:visited,
#mainMenu ul li ul li a:hover,
#mainMenu ul li ul li a:active,
#mainMenu ul li.active ul li a:hover,
#mainMenu ul li.active ul li a:active {
  color:#FFF;
  background-color:#43953f;
  border-bottom:2px solid #43953f;
}

/* THIRD LEVEL */
#mainMenu ul li ul li ul {background-color:#80c377;width:250px;height:auto; top:1.4em;}
#mainMenu ul li ul li ul li {height:20px;overflow:hidden}
#mainMenu ul li ul li ul li {background-color:#80c377;}
#mainMenu ul li ul li ul li a:link,
#mainMenu ul li ul li ul li a:visited,
#mainMenu ul li.active ul li ul li a:link,
#mainMenu ul li.active ul li ul li a:visited,
#mainMenu ul li.active ul li.active ul li a:link,
#mainMenu ul li.active ul li.active ul li a:visited {
  display:block;
  float:none;
  border-bottom:none;
  border-top:none;
  font-family:Trebuchet MS, Verdana, sans-serif;
  text-transform:none;
  font-weight:bold;
  color:#FFF;
  font-size:1em;
  white-space:nowrap;
  padding:5px 7px;
        padding-bottom:5px !important;
  width:236px;
  height:auto;
  background-color:#80c377;
  margin:0;
}

#mainMenu ul li ul li ul li a:hover,
#mainMenu ul li ul li ul li a:active,
#mainMenu ul li.active ul li ul li a:hover,
#mainMenu ul li.active ul li ul li a:active,
#mainMenu ul li.active ul li.active ul li a:hover,
#mainMenu ul li.active ul li.active ul li a:active {
  background-color:#43953f;
}




/*** menu bar styles  ***/

#secMenu{
margin-top:5px;
/*margin: 0.em auto;*/
float:left;
}

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;
}

/*** 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 a:link, #noActiveMenu a:visited{color:#000;}
#subMenuCurr {
background:#fff url(/fileadmin/templates/eufgis.org/img/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(/fileadmin/templates/eufgis.org/img/bullet.png)no-repeat scroll 1em;}

#subMenuAct {
background:#FEE5B5 url(/fileadmin/templates/eufgis.org/img/bullet.png)no-repeat scroll 1em;
font-size:12px;
padding-left:25px;
}

#subNoActiveMenu{
    background:#fff url(/fileadmin/templates/eufgis.org/img/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;
}

ul.menu li a:hover,
.menu ul li a:hover{

}

ul.menu li:active,
.menu ul li a:active{
  
}


.menu a{
  text-decoration: none;
}


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(/fileadmin/templates/eufgis.org/img/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{
font-size:11px;
font-weight:bold;
padding:3px;
}

#FIELD_WFQBE_JUSTIFICATION_NAME_4, 
#FIELD_WFQBE_SITU_NAME_3, 
#FIELD_WFQBE_TARGET_SPECIES_2,
#FIELD_WFQBE_COUNTRY_NAME_1{
border:1px solid #64A32d;
font-size:11px;
margin-top:8px;
}
.wfqbe_block input[type=submit]{
background:transparent url(/fileadmin/templates/eufgis.org/img/search1.png) no-repeat scroll 0 0;
border:medium none;
color:#000;
font-size:12px;
font-weight:bold;
height:22px;
margin-top:10px;
padding-bottom:5px;
padding-left:0;
padding-right:6px;
padding-top:0px;
width:70px;
}
.wfqbe_block input[type=submit]:hover{background:transparent url(/fileadmin/templates/eufgis.org/img/search1_h.png) no-repeat scroll 0 0;}