/* Layout stylesheet */
body {
font-size: 62.5%; /* [1] */
}
#col-a {
float: right;
width: 100%;
}
#col-a[id] { /* [2] */
margin-left: -1px;
}
#col-b {
float: left;
/* width and margin-left must be equal */
margin-left: -210px;
width: 210px;
z-index: 10; /* [3] */
margin-top: -13px;
}
#col-b[id] { /* [2] */
margin-right: 1px;
}
#col-c {
float: right;
/* width and margin-right must be equal */
margin-right: -226px;
margin-top: -1px;
width: 223px;
z-index: 11; /* [3] */
}
.hide-left.home #col-c {
margin-right: -294px;
width: 292px;
overflow: hidden;
}
#col-c[id] { /* [2] */
margin-left: 1px;
}
#columns {
background: #fff;
border: 1px solid #BDC298;
margin-top: 13px;
}
.show-all #columns {
/* right padding eqaul to right column width, left to left column width */
padding: 0 223px 0 210px;
min-width: 565px;
}
.show-all.fixed #columns {
width: 565px;
margin-left: auto;
margin-right: auto;
}
.hide-left.home #columns {
padding: 0 294px 0 0;
}
.hide-left #columns {
padding: 0 223px 0 0;
}
.hide-left #col-b {
display: none;
}
.hide-right #columns {
padding: 0 0 0 210px;
}
.hide-right #col-c {
display: none;
}
.cols-wrapper {
width: 100%;
}
.cols-wrapper[class] {
padding-bottom: 0.1px; /* [4] */
}
.float-wrapper {
float: left;
width: 100%;
position: relative;
z-index: 0;
}
.float-wrapper[class] { /* [2] */
margin-right: -1px;
}
.sidecol {
position: relative;
/* try it without the hidden overflow */
}
.clear {
clear: both;
}
.none {
display: none;
}
/*
[1] Play nice with EMs in Opera 6 and IE Win.
[2] Support for Mozilla, but IE doesn't likes it.
[3] Z indices needed for link clickability in IE Mac and Opera 6.
[4] Mozilla needs a non zero value, seems to be a bug.
*/
/* Presentation stylesheet */
body {
font-size: 62.5%;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #333333;
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bkgd-body.png) #dde2b2 top left repeat-x;
}
/* IDs */
#main {
min-width: 50em;
margin-left: 3px;
margin-right: 5px;
margin-top: 18em;
}
#footer {
padding: 1.5em;
}
#footer p {
margin: 0;
text-align: center;
}
/* backgrounds */
.cols-wrapper {
background-color: white;
}
/* classes */
.main-content {
margin: 3em 1em 1em 1em;
}
.cols-wrapper {
border: 1px;
margin: 0 -1px;
}
.hide-left .cols-wrapper {
border-left: none;
margin-left: 0;
}
.hide-right .cols-wrapper {
border-right: none;
margin-right: 0;
}
.hide-both .cols-wrapper {
margin: 0;
}
a {
color:#369;
}
.col-a a:hover {
color:#fff;
background:#369;
text-decoration:none;
}
h1, h2, h3 {
margin:.8em 0 .2em 0;
padding:0;
}
p {
margin:.4em 0 .8em 0;
padding:0;
}
img {
}
img.pdf {
margin-top: -6px;
}
p, blockquote {
margin: 0 0 15px 0;
padding: 0;
}
a img { border: none; }
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
}
ul, ol, dl, dt, dd {
margin: 0;
padding: 0;
list-style: none;
}
a, a:link {
color: #06c;
text-decoration: none;
outline: 0;
}
a:visited {}
a:hover {text-decoration: underline;}
a:active {}
form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
legend {padding: 0;}
input, textarea, select {
font-size: 100%;
font-family: inherit;
margin: 0;
padding: 0;
}
.clear {clear: both;}
/* HTML5 Elements to Block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* Content Image Floats */
.img-left {
float: left;
margin: 0 10px 10px 0;
}
.img-right {
float: right;
margin: 0 0 10px 10px;
}
#languages {
float: right;
font-size: 1.1em;
}
#languages li {
background-color:#496D31;
float: left;
padding: 4px 13px 5px;
}
#languages li {
padding: 5px 13px;
}
#languages li.last {
background-color: #096639;
}
#languages a {
color: #FFFFFF;
}
#logo {
float: left;
font-size: 1.4em;
margin: 38px 0 0 20px;
text-transform: uppercase;
width: 480px;
}
#logo img {
float: left;
margin: 0px 11px 0 0;
}
#logo a, #logo a:link, #logo:visited, #logo a:hover {
color: #FFFFFF;
text-decoration: none;
}
#logo span {
margin-top: 14px;
display: block;
}
#search {
clear: right;
float: right;
font-size: 1.2em;
margin: 23px 5px 0 0;
display:block;
white-space: nowrap;
}
#search-text {
border: 1px solid #9FAE4A;
padding: 4px;
width: 178px;
}
#submit {
background-color: #CEDD80;
border: 3px solid #CEDD80;
color: #000;
cursor: pointer;
margin: 0 0 0 10px;
padding: 1px 0;
text-align: center;
}
#submit:hover {
border: 3px solid #DEEA9F;
}
#tool-nav {
margin: 9px 0 0;
clear: both;
}
#tool-nav li {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bullet-ltGreen.gif) no-repeat scroll left 4px transparent;
float: left;
margin: 0 14px 0 0;
padding: 0 0 0 18px;
}
#tool-nav li:first-child, #tool-nav li.first {
background-image: none;
padding: 0;
}
#tool-nav a {
color: #003300;
white-space: nowrap;
}
#footer {
clear: both;
color: #333333;
font-size: 1.1em;
font-weight: bold;
padding: 30px 25px 20px;
}
#footer ul {
float: right;
font-size: 1.091em;
}
#footer li {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/pipe-green.png) no-repeat scroll left 2px transparent;
display: inline;
padding: 0 10px 0 15px;
}
#footer li:first-child, #footer li.first {
background-image: none;
}
#footer a {
color: #315E01;
font-weight: normal;
}
#header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 90;
min-width: 988px;
}
#navigation {
width: 100%;
clear: both;
min-width: 988px;
background: #496D31;
float: left;
margin-top: 14px;
}
#navigation a.on {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bkgd-navOn.png) top left repeat-x #496D2F;
}
#section {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bkgd-section.png) #e2c84e top left repeat-x;
color: #54340A;
font-size: 1.8em;
line-height: 1.1;
padding: 13px 25px 10px 16px;
text-transform: uppercase;
}
.leftMenu li {display: inline;}
.leftMenu a {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bkgd-sectionNav.gif) transparent 15px 12px no-repeat;
border-bottom: 1px solid #d1dbae;
display: block;
color: #fff;
font-size: 1.2em;
padding: 9px 15px 9px 40px;
}
.leftMenu a:hover {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bkgd-sectionNavHover.gif) #aa5a19 15px 12px no-repeat;
text-decoration: none;
}
.leftMenu a.on {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bkgd-sectionNavOn.gif) #7a4820 15px 12px no-repeat;
text-decoration: none;
}
.leftMenu .last a {border: 0;}
#col-a {
padding-bottom: 1em;
font-size: 1.2em;
}
.leftMenu {
float: left;
margin-left: 13px;
padding-top: 0;
background-color: #61721C;
border-bottom: 9px solid #7A4820;
width: 190px;
z-index: 500;
}
#quick-links {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bkgd-quickLinks.png) #754b1a top left repeat-x;
font-size: 1.2em;
margin: 0;
padding: 10px 25px 25px 23px;
float: left;
width: 173px;
}
#quick-links h3 {
color: #e1d09b;
font-size: 1.714em;
margin: 0 0 10px 0;
}
#quick-links li {
padding: 0 0 0 0;
margin: 0 0 5px 0;
}
#quick-links a {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bullet-brown2.gif) transparent left 5px no-repeat;
padding-left: 15px;
color: #fff;
margin-bottom: 5px;
float: left;
clear: left;
}
#quick-links a span {
float: left;
display: block;
}
#databases{
clear: both;
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bkgd-databases3.gif) #B6A918 top left repeat-x;
border-top: 1px solid #fff;
font-size: 1.3em;
margin: 0 0 0 0px;
width: 221px;
padding-bottom: 0;
float: left;
}
#databases ul {
margin: 11px 0 -22px 50px;
}
.home #databases ul {
margin: 0 0 -42px 5em;
}
#databases li {margin: 0 0 10px 0;}
#databases a {
color: #fff;
padding: 1px 2px 0 0;
}
#databases a:hover {
color: #393939;
text-decoration: none;
}
#databases li.genie span.txt, #databases li.pluto span.txt{
}
#databases li.pluto {
    background-position: 0 0;
    height: 61px;
    margin-left: -50px;
    top: -17px;
    padding-left: 0;
    padding-top: 0px;
	padding-bottom: 0px;
	position:relative; }
#databases li.pluto span {
margin-left: 0; }
#databases li.pluto span.logo {
    background: url("/system/modules/org.upov.internet.opencms.templates/resources/shared/images/upov-logos.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 65px;
    margin-top: 0;
    padding-top:0;
    width: 53px;
	display:block;
	margin-left: 0;
	top: 0;
	left: 0; }
#databases li.pluto span {
margin-top:0;
padding-top:29px; }
#databases li.genie {
    background-position: -65px 0;
    height: 61px;
    margin-left: -49px;
    margin-right: 0;
    margin-top: 0;
    padding-left: 52px;
    padding-top: 0;
}
#databases li span {
float: left;
}
#databases li.genie span {
margin-top: 0;
padding-top:22px;
}
#databases li.genie span.logo {
    background: url("/system/modules/org.upov.internet.opencms.templates/resources/shared/images/upov-logos.gif") no-repeat scroll 0 -65px transparent;
    float: left;
    height: 65px;
    margin-top: 0;
    width: 53px;
}
#databases li a:hover {
cursor: pointer;
}
#databases li.genie a:hover .logo {
background-position: -53px -65px;
}
#databases li.pluto a:hover .logo {
background-position: -53px 0;
}
#databases li.afterGenie {
margin-left: 3px;
float: left;
margin-top: -27px;
position: relative;
z-index: 5;
}
#databases li.afterGenie a {
padding: 7px 25px 7px 0;
}
#databases li a {
float: left;
}
.home #databases li {
clear: both;
}
#callout {
background-color: #eff2e8;
border-top: 1px solid #fff;
font-size: 1.2em;
margin: 0 0 0 1px;
padding: 10px 13px;
width: 194px;
}
#callout h3 {
color: #452708;
font-size: 1.5em;
margin: 0 0 15px 0;
text-align: right;
}
#callout img {margin: 0 0 10px 0;}
#breadcrumbs {
position: absolute;
top: 0;
left: 0;
margin: 12px 0 0px 16px;
}
#breadcrumbs li {
background-image: none;
color: #333131;
display: inline;
font-size: 0.917em;
padding: 0;
text-transform: uppercase;
}
#breadcrumbs a {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bkgd-breadcrumb.gif) transparent right 3px no-repeat;
color: #2D5384;
margin: 0 5px 0 0;
padding: 0 13px 0 0;
text-decoration: none;
}
#breadcrumbs a:hover {text-decoration: underline;}
#breadcrums a.last {
background: none;
}
#breadcrumbs span.hyphen {
display:none;
}
img.hero {margin: 0 0 20px 0;}
	.main-content h1, .main-content h2 {
	color: #5d600d;
}
.main-content h1 {
	margin: 0 0 15px 0;
	font-size: 2em;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
}
.main-content h2 {font-size: 1.667em; font-family: Arial, Verdana, Helvetica, sans-serif; margin-bottom:0.5em}
.main-content h3 {font-size: 1.4em; font-family: Arial, Verdana, Helvetica, sans-serif; margin-bottom:0.5em}
.main-content h4 {
}
.main-content h2.session {margin: 0;}
.main-content a {text-decoration: underline;}
.main-content a:hover {text-decoration: none;}
.main-content ul, .main-content ol {
margin: 0 20px 15px 20px;
}
.main-content li {margin: 0 0 5px 0;}
.main-content ul li {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/disc-orange.gif) transparent left 4px no-repeat;
padding: 0 0 0 15px;
}
.main-content .to-top {margin: 25px 0 0 0;}
.to-top a {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bkgd-toTop.gif) transparent left 2px no-repeat;
color: #4a4a4a;
padding: 0 0 0 15px;
text-decoration: none;
}
.to-top a:hover {background-position: bottom left;}
p.date {
color: #a0a0a0;
font-size: 1.333em;
font-style: italic;
}
table.documents {
    border-collapse: collapse;
    width: 100%;
}
table.documents th, table.documents td {
    padding: 5px 10px;
    vertical-align: top;
}
table tr.alt th, table tr.alt td {
    background-color: #F0F2EE;
}
table.documents thead th {
    background-color: #60721C;
    color: #FFFFFF;
    font-size: 1.2em;
}
table.documents td strong {
    color: #656565;
    text-align: left;
}
table.documents td img {
    margin: 0 5px 0 0;
    vertical-align: middle;
}
table.documents a {
    margin: 0 5px 0 0;
    text-decoration: none;
}
table.documents a:hover {
    text-decoration: underline;
}
table .file-info {
    color: #909090;
    font-size: 0.917em;
}
table.alt {
    border-collapse: collapse;
    width: 100%;
}
table.alt th, table.alt td {
    padding: 5px 10px;
    vertical-align: top;
}
table.alt thead th {
    border-bottom: 2px solid #60721C;
    color: #60721C;
    font-size: 1.1em;
}
table.alt tbody th, table.alt td {
    border-top: 1px solid #60721C;
}
.home #breadcrumbs {
display: none;
}
div.hero {
width: 100%;
height: 182px;
margin-bottom: 1.5em;
}
.about div.hero {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/cat01.jpg) repeat-x top left;
}
.members div.hero {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/cat02.jpg) repeat-x top left;
}
.resource div.hero {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/cat03.jpg) repeat-x top left;
}
.databases div.hero {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/cat04.jpg) repeat-x top left;
}
.meetings div.hero {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/cat05.jpg) repeat-x top left;
}
.news div.hero {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/cat06.jpg) repeat-x top left;
}
.home #hero {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/sunflowers-home2.jpg) no-repeat scroll left top transparent;
width: 690px;
height: 300px;
color: #fff;
margin-top: -12px;
margin-left: -12px;
}
.home #hero a {
color: #fff;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
}
.home #hero a:hover {
text-decoration: underline;
}
.home #hero .headline {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bkgd-hero.png) no-repeat scroll left top transparent;
padding: 10px 20px;
float: right;
text-align: right;
width: 417px;
}
.home #hero .headline p {
font-size: 1.2em;
line-height: 1.3em;
}
.home #hero .headline h1 {
font-family: Georgia,Times,serif;
color: #fff;
font-size: 2.1em;
white-space: nowrap;
}
p.welcome {
font-size: 1.2em;
padding-left: 27px;
clear: both;
}
div.welcome {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bkgd-welcome.gif) no-repeat scroll left top transparent;
padding-bottom: 8px;
margin-left:-23px;
margin-top: 2em;
float: left;
display: inline-block;
height: 40px;
}
.home div.welcome h1 {
background: #c3762a;
padding-left: 1.3em;
padding-right: 1em;
line-height:1.55em;
color: #fff !important;
}
.wrapper.home {
min-width: 866px;
padding-right: 133px;
}
.home #columns {
min-width: 688px;
}
.home.fixed #columns {
width: 688px;
margin-left: auto;
margin-right: auto;
}
.home #col-c {
margin-top: -10px;
}
.home #databases {
width: 292px;
float:left;
}
.home #callout {
width: 294px;
padding: 0;
float:left;
}
.home #callout p {
border-bottom: 1px solid #AFB587;
margin: 1.2em 1.8em 0;
padding: 0 0 1em;
}
.home #callout h3 {
color: #8E8138;
font-size: 2em;
line-height: 1;
margin: 1em 1em 15px 1em;
text-align:left;
}
.home #callout h3 .green {
color: #3E5812;
display: block;
font-size: 1.083em;
}
.home #callout h3 .margin {
font-size: 1.083em;
margin-left: 0.7em;
}
.home #callout h3 .brown {
color: #883C13;
font-size: 0.75em;
margin-top: 0.25em;
margin-left: 0.1em;
}
.home #callout a {
color: #393838;
}
.home #callout a#more-news {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bkgd-more.gif) no-repeat scroll left top transparent;
color: #FFFFFF;
display: block;
float: right;
font-family: Arial,Helvetica,sans-serif;
line-height: 24px;
min-width: 105px;
padding-left: 0.5em;
text-decoration: none;
}
.home #callout a#more-news:hover {
background-position: left bottom;
text-decoration: none;
}
.home #callout p.last {
border-bottom: none;
}
.home #quick-links h3 {
font-size: 2em;
}
.home #quick-links {
width: 100%;
}
.home #quick-links li {
padding-bottom: 0.2em;
font-size: 1.2em;
padding-left: 0;
}
.home #quick-links li a {
background: url(/system/modules/org.upov.internet.opencms.templates/resources/shared/images/bullet-brown.gif) transparent left 5px no-repeat;
padding-left: 25px;
}
.home .main-content {
margin-top: 1em;
}
.copyright {
float: left;
}
body.noGutter {
margin: 0;
}
body.noGutter #main {
margin-left: -2px;
margin-right: 0;
overflow: hidden;
margin-top: 16.5em;
}
.table-01, .table-02 {
width: 100%;
}
.table-01 td, .table-01 th, .table-02 td, .table-02 th {
padding: 2px 4px 2px 4px;
border-top: #000 none 1px;
border-left: #999 dashed 1px;
border-right: #999 none 1px;
border-bottom: #999 solid 1px;
vertical-align: top;
}
.table-01 th, .table-02 th {
text-align: left;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #036;
letter-spacing: 0em;
border-bottom-color: #a06320;
padding: 4px;
margin: 0px;
}
.required {
color:#C3762A;
}
.alert {
color:#C3762A; /* #C3762A #B36C25 #106015 */
font-weight: bold;
}
.alert a {
color:#B36C25; /* #C3762A #B36C25 #106015 */
font-weight: bold;
}
textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    background-color: white;
    border: 1px solid rgb(73, 109, 49);
	padding: 4px;
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1.4em; }
.table th, .table td {
	padding: 8px;
	vertical-align: top;
	border-top: 1px solid #b4b7b6;
	line-height: 1.2em;
	text-align: left; }
.table th {
	font-weight: bold; }
.table thead th {
	vertical-align: bottom; }
.table colgroup + thead tr:first-child th,
	.table colgroup + thead tr:first-child td,
	.table thead:first-child tr:first-child th,
	.table thead:first-child tr:first-child td {
	border-top: 0; }
.table tbody + tbody {
	border-top: 2px solid #b4b7b6; }
.table tbody tr td,
	.table tbody tr th {
	-webkit-transition: background-color 0.25s ease;
	-moz-transition: background-color 0.25s ease;
	-ms-transition: background-color 0.25s ease;
	-o-transition: background-color 0.25s ease;
	transition: background-color 0.25s ease; }
.table tbody tr:hover td,
	.table tbody tr:hover th {
	background-color: #e8eae8; }
.table-bordered {
	border: 1px solid #b4b7b6;
	border-left: 0;
	border-collapse: separate; }
.table-bordered th, .table-bordered td {
	border-left: 1px solid #b4b7b6; }
.table-bordered caption + thead tr:first-child th,
	.table-bordered caption + tbody tr:first-child th,
	.table-bordered caption + tbody tr:first-child td,
	.table-bordered colgroup + thead tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child td,
	.table-bordered thead:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child td {
	border-top: 0; }