/*CWR PORTAL STYLE */
img {border:none;}
* {
  margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul {
  margin: 0.5em 0;
}
h1, h2, h3{color:#000;}
h1{
font-size:18px;
/*padding-left:15px;*/
}

h2{
font-size:14px;

}

h3{
font-size:13px;
padding-left:15px;
}

p{
font-size:11px;
line-height:1.5;
/*padding-left:13px;*/
padding-right:13px;
}
a:link{
font-size:11px;
color:#254B8E;
text-decoration:none;
} 
a:hover{
font-size:11px;
text-decoration:none;
color:#25933D;
}
a:visited{
font-size:11px;
text-decoration:none;
color:#254B8E;
}
h1.title_page{
color:#7F7F7F;
font-size:17px;
margin:1em 12.7em -1.7em 11.2em;
}
#jumpMenu {
	position:absolute;
	top:-999em;
	left:-999em;
}

#print-logo {display:none;}
#utilities {
 font:12px;
	height:28px;
	margin:0 17px;
	background: url(../images/shadow-top.png) repeat-x 0 100%;
	text-align:right;
	margin:-7px auto;
	min-width: 760px;
	max-width: 1114px;
}
#utilities span {
	float:left;
	background: url(../images/shadow-left-angle.png) no-repeat 0px 24px;
	width:7px;
	height:28px;
}
#utilities ul {
	margin-top:14px;
	background: url(../images/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;
	text-decoration;none;
	font-weight:bold;
}
#utilities li a:hover,
#utilities li a:active {
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}

/* SHADOWS */
#shadow-left {
	padding-left:3px;
	width:990px;
	background: transparent  url(../images/shadow-left1.png) repeat-y 0 0;
	/*margin:0 17px;*/
	margin:0 auto;
	min-width: 760px;
	max-width: 1114px;
	text-align:left;	
}
#shadow-right {
	width:990px;
	padding-right:2px;
	background: url(../images/shadow-right1.png) repeat-y 100% 0;
}


/*---BEGIN LOGO BIOVERSITY---*/
#logo {
	float:left;width:156px;
	width:133px;
	height:115px;
	text-indent:-999em;
	letter-spacing:-999em;
         background: url(/fileadmin/templates/RECSEA-PGR/html/images/biov.png) no-repeat 0 0;
	/*background: url(http://typo3test2.bioversity.cgiar.org/RECSEA-PGR/html/images/biov2.jpg) no-repeat 0 0;*/
	margin-top:-130px;
	margin-left:19px;
	z-index:100;
}
 #logo a{
	display:block;
	width:133px;
	height:115px;
}
body  {
	font: 88.5% Verdana, Arial, Helvetica, sans-serif;
	background: #EFEFEF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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;
}

/*---END LOGO BIOVERSITY---*/




#container { 
	width:990px;
	/*max-width: 80em; */
	background: #FFFFFF url(../images/left-col2.png)repeat-y -0.1em;
	margin: 0 auto; 
	/*border: 1px solid #000000;*/
	text-align: left; 
	padding-bottom:1.3em;
} 
 #header { 
	/*background: transparent url(/fileadmin/templates/RECSEA-PGR/html/images/header.png) no-repeat 100% 1px; 
	height:190px;
        padding: 5px 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. */
} 


div.tx-lumophpinclude-pi1 input[type=text]{
       border:1px solid #003680;
       background-color:none;
       color:  #003680;
       height:18px;
  }
div.tx-lumophpinclude-pi1 input[type=submit]{
       border:1px solid #003680;
       background-color:#F2F3F4;
       color:  #003680;
  }
div.tx-lumophpinclude-pi1 input[type=submit]:hover{
       border:1px solid #F2F3F4;
       background-color:#F2F3F4;
       color:  #000;
  }


.thrColElsHdr #aim p{ 
font-weight:bold;
color:#0038A8;
text-align:right;
font-size:12pt;
margin-top:-3.9em;
}

/*** BEGIN BREADCRUMBS ***/
#breadcrumbs {
        margin-top:-0.6em;
	/*background:transparent url(../images/bread2.png) repeat-x scroll 0 0;*/
	background:#BED9BA;
	border-left:0px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
	/*height:33px;
	line-height:27px;*/
	height:35px;
        line-height:30px;
}

#breadcrumbs span {
font-size:11px;
margin-left:13px;
color:#000;
}
#breadcrumbs span a{color:#000;}
#breadcrumbs span a:hover{color:#fff;}

/***END BREADCRUMBS***/


/***BEGIN SEARCH BAR STYLE***/
#searchBar{
float:right;
margin-top:-1.7em;
padding-top:0.8em;
/*width:202px;*/
margin-right:3px;
}
 #searchBar input[type=text] {
	width:128px;
	border:2px solid #fff;
}
 #searchBar input[type=submit] {
	border:1px solid #fff;
	color:#254B8C;
	background:#F2F3F4;
}
/***END SEARCH BAR STYLE***/

 #visual {
	height:73px;
	/*background: url(../images/title.png) no-repeat;*/
}
#visual img{
        width:100%;
	height:auto;
	background-position: 1% 1%;
	margin-top:0px;
	
	
}
#visual  h1{
	font-size:34px;
	color:#fff;
	}



 #right-col {
       border:1px solid #DFDFDF;
	float: right; 
       /*width:13.7em;*/
       WIDTH:200PX; 
       background: #F1FFEF; /* the background color will be displayed for the length of the content in the column, but no further */
       padding: 14px 0;
       margin-top:35px;

}
 #right-col h2{
/*border:1px solid #fff;*/
margin-top:-1.1em;
background:#BED9BA;
color:#000;
padding-left:4px;
padding-top:5px;
margin-bottom:3px;
text-align:center;
/*font-size:13pt;*/
float:right;
/*width:14.6em;*/
width:197px;
font-size:13px;
line-height:1.5em;
height:31px;
}

 #right-col-content {

	padding:0 10px;
}

#right-col-content div,
#right-col-content p,
#right-col-content li  {
padding-left:3px;
padding-right:3px;
margin-bottom:1em;
}



#right-col-content div.related_information_title, #right-col-content h4{
        padding-top:21px;
        border-bottom:5px solid #BED9BA;
   	padding-bottom:1px;
	padding-left:5px;
	margin:2.4em 0 1em;
	font-weight:bold;
	font-size:.8em;
      
}
#right-col-content p.bodytext{
padding-left:4px;
}
#right-col-content a:link,
#right-col-content a:visited {
      color:#015092;
      font-size:11px;
}




.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p{
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	/*margin-right: 10px;*/
}

 #mainContent {margin:3.1em 14.7em 0.1em 13.5em;} 
 #mainContent h1{color:#000;}


/*---BEGIN LIST STYLE  TYPE---*/

#mainContent  ul{ padding-left:30px;}
#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;
}

 #mainContent  ol{
font-size:11px;
line-height:1.5em;
list-style-type:decimal;
padding-left:31px;
}

/*---END LIST STYLE  TYPE---*/

/* MENU 4 */

#menu4  {
        padding:0.5em 0 0.5em;
	border:1px solid #cadeaa;
	border-width: 1px 0;
	font-size: 0.9em;
	/*line-height:1.5em;*/
	margin-right:14em;
	margin-bottom:2em;
        /*clear:both;*/
	padding-top:1em;
}
#menu4 div a:link,
#menu4 div a:visited {
	color: #333;
}
#menu4 div a:hover,
#menu4 div a:active {
	color: #333;
}

/* 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;
}
/*POP UP*/
#popup{width:50px;}

#popup div.menu_form_header{
background: #003680;
color:#fff;
border:1px solid #244989;

}
#popup div.menu_form_body{
font-size:11px;
line-height:1.1em;
border:1px solid #244989;
font-size:11px;
font-weight:none;
background:#F2F3F4;
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:#244989;
}
#popup div.menu_form_body a:hover{color:#000;}
/*--end POPUP---*/




/*** menu bar ***/

#secMenu li.section-title{border-bottom:1px solid #fff; border-top:1px solid #fff;}
#secMenu li.section-title  {
padding-top:4px;
/*background:transparent url(../images/bread2.png) repeat scroll 0 0;*/
background:#BED9BA;
color:#000;
}
#secMenu li.section-title a:link, #secMenu li.section-title a:visited {color:#000; display:block; padding-top:8px;}
#secMenu li.section-title a:hover{color:#000;}
#secMenu li.section-title:hover{
background:transparent url(../images/bread3.png) repeat scroll 0 0;
}
#secMenu{
margin: 0.em auto;
float:left;
}

ul, menu, dir{list-style-type:none;}
ul.menu,
.menu ul{
text-transform:none;
/*border-width:1px 0;*/
/*border:1px solid #fff;*/
width:19em;
z-index:1;
margin: 0;
padding: 0;
cursor: default;
list-style-type: none;
}

ul.menu{
	width:173px;
	/*border:1px solid #fff;*/
	border-bottom:none;
	font-size: 12pt;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif ;
	color: #FFF;/*
text-align: left;
float: left;
/*margin-right: 1em;*/
}

ul.menu>li{
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 2px 6px 2px 12px;
}

ul.menu li>ul{
	border-bottom: 1px solid #fff;
	display: none;
	position: absolute;
	width: 20ex;
	left: 20ex;
	margin-top: -1.4em;
	margin-left: 9px;
}
ul.menu li>ul li{
	clear:left;
	display:block;
    /*border:solid;*/
    position: absolute;
    border-bottom: 1px solid #fff; 
    padding-left:35px;
}
ul.menu li:hover>ul{
	display : block;
}

.menu ul li a{
	display: block;
	padding: 2px 10px;
}

/*** Menu styles***/


li.menuCurr, li.menuAct {
border-bottom:1px solid #fff;
border-right:1px solid #D7D7D7;
background:transparent url(../images/bread3.png) repeat scroll 0 0;
color: #254B8E;
font-weight:bold;
}

/*#menuAct a:hover{color:#fff;}*/

li.noActiveMenu{
	/*background:transparent url(../images/bread2.png) repeat scroll 0 0;*/
	background:#BED9BA;
	color:#000;
	/*border-right: 1px solid #24498A;*/
}
li.noActiveMenu:hover{
    /*border-right: 1px solid #24498A;*/
    /*border-bottom:1px solid #24498A;*/
    color:#254B8E;
    background:transparent url(../images/bread3.png) repeat scroll 0 0;
    }
	
li.noActiveMenu a:link, li.noActiveMenu a:visited {color:#000;display:block;padding-top:8px;}
li.noActiveMenu a:hover, li.noActiveMenu  a:active {color:#254B8E;}

/*SECOND LEVEL OF THE MENU*/

li.subMenuCurr{
font-weight:bold;
background:#BED9BA;
border-bottom:1px solid #24498A;
font-size:12px;

}
li.subMenuCurr a, li.subMenuAct a{padding-left:8px; display:block; padding-top:8px;}
li.subMenuCurr:hover {
background:#F1FFEF /*url(../images/arrow_news.png) no-repeat 2ex*/;
color:#000;

}

li.subMenuAct, li.subNoActiveMenu{  
    /*border-right: 1px solid #24498A;*/
    border-bottom:1px solid #24498A;
    color:#254B8E;
    background:#F1FFEF  /* url(../images/arrow_news.png) no-repeat 2ex*/;
    font-size:12px;
    /*padding-left: 50px;*/
}
li.subNoActiveMenu a:link, li.subNoActiveMenu a:visited{display:block; padding-top:8px; color:#254B8E; padding-left:8px;}

/*THIRD LEVEL OF THE MENU*/
li.subbMenuCurr, li.subbMenuAct {
font-weight:bold;
/*border-right: 1px solid #24498A;*/
background:#F1FFEF url(../images/arrow_news.png) no-repeat 4.5ex;
border-bottom:1px solid #24498A;
font-size:12px;
padding-left:52px;
}
li.subbMenuCurr a, li.subbMenuAct a {padding-left:25px;}
li.subbMenuCurr:hover{
background:#F1FFEF /*url(../images/arrow_news.png) no-repeat 4.5ex*/;
color:#254B8E;
/*padding-left:52px;
border-bottom:1px solid #24498A;*/
}

li.subbNoActiveMenu{  
    border-bottom:1px solid #254B8E;
    color:#CE1126;
    background:#F1FFEF /*url(../images/arrow_news.png) no-repeat 4.5ex*/;
    font-size:12px;
    padding-left: 52px;
  /*  border-right: 1px solid #254B8E;*/
}
li.subbNoActiveMenu a:link, li.subbNoActiveMenu a:visited{display:block; padding-top:8px; color:#24498A; padding-left:26px;}



/*COPYRIGHT*/
div#copyright{margin-top:50px;}
div#copyright p{
 text-align:center;
 font-size:0.65em;
 line-height:1.5;
 margin:0em 0 0em 0; 
}
div#copyright a{
font-size:1.1em;
 }

dd.csc-textpic-caption{font-size:7pt}


/*popup imageslider*/

#sh_rdiv {
bottom:0.9em;
font-size:85%;
position:absolute;
right:0.27em;
}
#sh_rdiv a {
cursor:default;
display:block;
float:left;
margin:0 0.27em;
color:#fff;
position:relative;
text-decoration:none;
}
#sh_rdiv div {
float:left;
margin:1px;
padding:0.18em 0.27em;
}
#sh_rdiv .sc_dark div {
color:#000000;
}
#sh_rdiv span {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #555555;
color:#150417;
padding:0.45em;
position:absolute;
right:0.18em;
top:-2.45em;
visibility:hidden;
white-space:nowrap;
}
#sh_rdiv a:hover, #sh_rdiv a:hover span {
visibility:visible;
}
/*MAIL FORM*/
fieldset{
border-top:3px solid #BED9BA;
border-bottom:3px solid #BED9BA;
border-left:none;
border-right:none;
padding-bottom:10px;
}
label{padding-left:20px}
div.csc-mailform-field{font-size:11px}
p.csc-linkToTop {
font-size:8px;

}

#mailformName, #mailformLast_Name, #mailformCompany,
#mailformEmail{
border:1px solid #000000;
color:#003680;
height:18px;
margin-left:53px;
margin-top:14px;
width:350px;
}
#mailformCompany{margin-left:65px;}
#mailformEmail{margin-left:78px}
#mailformMessage{border:1px solid #000;
margin-top:14px;
width:350px;
margin-left:73px;
}
div.csc-mailform-field .csc-mailform-submit{font-size:11px; width:100px; margin-left:290px}
.csc-mailform-submit {
background:transparent url(http://www.cropwildrelatives.org/fileadmin/templates/CWR/images/search_n.png) no-repeat scroll 0 0;
border:medium none;
color:#000000;
font-size:13px;
font-weight:bold;
height:24px;
margin-top:20px;
padding:2px;
width:76px;
}
.csc-mailform-submit:hover {
background:transparent url(http://www.cropwildrelatives.org/fileadmin/templates/CWR/images/search_n_h.png) no-repeat scroll 0 0;
border:medium none;
color:#000000;
font-size:13px;
font-weight:bold;
height:24px;
margin-top:20px;
padding:2px;
width:76px;
}
#cse-search-results{margin-left:13em;}
form#cse-search-box {font-size:11px;}
.back{margin:3em 14.7em 0.1em 13.5em;}

/*Flexible Content - Green Box*/
#box_modules{clear:left;border:1px solid #CFCFCF; background:#E2EFE0; margin:9px 0 16px}
#box_modules p{padding:0 5px;}

/*Flexible content - Additional Box*/
.additional_box h2{  border-bottom:5px solid #BED9BA;}
.additional_box{
    border:1px solid #DFDFDF;
	background: #F1FFEF; 
	margin-top:25px;
	padding: 0 5px;
}
/*News Customization*/

div.result {
	border-bottom:1px dotted;
	padding-bottom:3px;
}
p.date{
	color:#7F7F7F; 
	font-size:10px; 
	line-height:1.3em; 
	margin-top:-8px
}
h4.news_room{margin:0.7em 0;}
.read{margin-top:2px}
div.result{border-bottom:1px dotted; padding-bottom:3px}
.result p {margin-bottom:2px}

#related_homepage, #home_container{display:none}


