/* Project name: eyapse Version: 1.0 Main colors: blue dark : #22428e; blue light : #2ac2eb; orange : #faa81a; */ /* general --------------------------------------------------------*/ html { height:100%; overflow-y:scroll;} body { margin:0; padding:0; width:100%; height:100%; color:#666 !important; font:100% Arial, Helvetica, sans-serif; background:#a2cd3a;} body * { font-size:100%;} body { line-height:1.5em; font-size:12px;} a, a:visited { color:#2ac2eb; text-decoration:underline; outline:none;} a:hover { color:#2ac2eb; text-decoration:none;} a span { cursor:pointer;} a img { border:none;} object { outline:none;} hr { display:none;} h1, h2, h3, h4, h5, h6 { font-weight:normal;color:#111;} h1 { font-size:3em;line-height:1;margin-bottom:0.5em; line-height:1.25em; font-weight:bold;} h2 { font-size:1.9em;margin-bottom:0.75em; line-height:1.25em; font-weight:bold;} h3 { font-size:1.5em; line-height:1em;margin-bottom:1em;} h4 { font-size:1.2em; line-height:1.25em;margin-bottom:1.25em;} h5 { font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 { font-size:1em;font-weight:bold;} #page-content p { font-size:100%;} .container { position:relative;} /* banner EC --------------------------------------------------------*/ #banner-ec { width:100%; line-height:1.26 !important; font-size:130%;} #banner-ec a { color:#fff !important;} #banner-ec td span.textYellow a { color:#FFEE38 !important;} /* color themes --------------------------------------------------------*/ h1.pagetitle { color:#fff; margin:0; padding:3px 10px 0.5em; font-size:2em; line-height:34px; font-weight:bold;} .color-box { width:730px; color:#fff; margin:1.5em 0 0; padding:1em 0 2em; overflow:hidden;} .color-box a { color:#fff !important;} p.nbr-results { margin:0 0 0 1.5em; padding:0;} .pagination { float:right; margin:0; padding:0; list-style:none;} .pagination li { float:left; margin:0 0 0 1em; padding:0 0 0 1em; border-left:1px solid #fff;} .pagination li.first { border:none;} .pagination li a { display:block;} /*********k*********/ #languageArrow { z-index:99999 !important; } #linkBoxLanguage { z-index:99998 !important; } #langsFormContainer { z-index:99999 !important; } /********k********/ .filterzone { position:relative; padding-top:1.5em; margin-bottom:1.5em; padding-bottom:1.5em; background:url("../../resources/images/bg-box-top.gif") no-repeat bottom left; } .filterzone h2 { margin:0; padding:0; line-height:32px;} * html .filterzone h2 { height:32px;} .filterzone h2 img { float:left; margin:0; padding:0 10px 0 0;} .filter { overflow:hidden;} .filter strong { display:block; margin:0 1em 0 0;} .filter ul { margin:0; padding:0;} .filter ul li { float:left; list-style:none;} .filter ul li.dropper { margin:1.5em 0 0;} .filter ul li a { font-weight:bold; font-size:14px;} .filter ul li ul li { margin-right:0.5em; padding-right:0.5em;} .filter ul li ul li a { font-weight:normal; font-size:12px;} .filter ul li ul li a:hover { background:none} .filterJS { position:absolute; top:1.5em; right:0;} .filterJS strong { float:left; display:block; margin:0 1em 0 0; line-height:30px;} .filterJS ul { float:left; margin:0; padding:0; list-style:none;} .filterJS ul li { float:left; margin-left:2px;} .filterJS ul li a { display:block; margin-left:2px; padding:0 25px 0 10px; line-height:30px; text-align:center; text-decoration:none !important; color:#555 !important; background:#f0f0f0 url("../../resources/images/arrow-filter-nav.gif") no-repeat right top;} .filterJS ul li ul li a { padding:0; text-decoration:underline !important;} .filterJS ul li ul li a:hover { text-decoration:none !important;} .filterJS ul li.open ul li a { color:#fff !important;} .filterJS ul li.open ul li a:hover { background:none !important;} /* green */ .tmp-green h1.pagetitle { background:url("../../resources/images/bg-title-page-green.gif") no-repeat bottom left;} .tmp-green h2 { margin-top:0;} .tmp-green h3 {} .tmp-green h4 { color:#A2CD3A;} .tmp-green #content-wrap a { color:#A2CD3A;} .tmp-green .color-box { background:url("../../resources/images/bg-title-page-green.gif") no-repeat bottom left;} .tmp-green .filterJS ul li a:hover { color:#fff !important; background:#A2CD3A url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} .tmp-green .filterJS ul li ul { background:#A2CD3A;} .tmp-green .filterJS ul li.open a { color:#fff !important; background:#A2CD3A url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} /* dark green */ .tmp-darkgreen h1.pagetitle { background:url("../../resources/images/bg-title-page-darkgreen.gif") no-repeat bottom left;} .tmp-darkgreen h2 { margin-top:0;} .tmp-darkgreen h3 {} .tmp-darkgreen h4 { color:#4faa63;} .tmp-darkgreen #content-wrap a { color:#4faa63;} /*.address ul li { font-weight:bold; color:#4faa63;}*/ /* blue */ .tmp-blue h1.pagetitle { background:url("../../resources/images/bg-title-page-blue.gif") no-repeat bottom left;} .tmp-blue #content-wrap a { color:#2ac2eb;} .tmp-blue .filterJS ul li a:hover { color:#fff !important; background:#2ac2eb url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} .tmp-blue .filterJS ul li ul { background:#2ac2eb;} .tmp-blue .filterJS ul li.open a { color:#fff !important; background:#2ac2eb url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} .tmp-blue .color-box { background:url("../../resources/images/bg-title-page-blue.gif") no-repeat bottom left;} /* orange */ .tmp-orange h1.pagetitle { background:url("../../resources/images/bg-title-page-orange.gif") no-repeat bottom left;} .tmp-orange #content-wrap a { color:#faa81a;} .tmp-orange .filterJS ul li a:hover { color:#fff !important; background:#faa81a url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} .tmp-orange .filterJS ul li ul { background:#faa81a;} .tmp-orange .filterJS ul li.open a { color:#fff !important; background:#faa81a url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} .tmp-orange .color-box { background:url("../../resources/images/bg-title-page-orange.gif") no-repeat bottom left;} .tmp-orange .list-box.even { background:#FFF9EF;} .tmp-orange .list-box p a span { color:#faa81a;} .greybox { background-color:#f3f3f3; margin:0;} .greybox ul { list-style-type:none; margin:0; padding:0 0 0 0.8em;} .greybox ul li { padding:0;} .greybox ul li a { color:#555 !important; font-size:1em;} /* orange */ .tmp-red h1.pagetitle { background:url("../../resources/images/bg-title-page-red.gif") no-repeat bottom left;} .tmp-red #content-wrap a { color:#C0322F;} .tmp-red .filterJS ul li a:hover { color:#fff !important; background:#C0322F url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} .tmp-red .filterJS ul li ul { background:#C0322F;} .tmp-red .filterJS ul li.open a { color:#fff !important; background:#C0322F url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} .tmp-red .color-box { background:url("../../resources/images/bg-title-page-red.gif") no-repeat bottom left;} .tmp-red .list-box.even { background:#FFEFEF;} .tmp-red .list-box p a span { color:#C0322F;} .green { background-color: #a2cd3a;} .orange { background-color: #faa81a;} .question { border-bottom:solid #d7d7d7 1px;} .question p { padding: 0 0 15px 0;} .top { background-image:url("../../resources/images/top.jpg") no-repeat 0 0; float:right; text-decoration:none; padding-right:2em;} .event p {float:right;} .lightorange { background-color:#fef6e8;} /* header --------------------------------------------------------*/ #header { width:100%; background:#fff url("../../../../../../system/modules/com.eyap.backend/resources/images/bg-header_de.gif") repeat-x;} /* web-tools */ ul#web-tools { width:160px; height:24px; margin:0; padding:40px 35px 15px; overflow:hidden;} ul#web-tools li { float:left; width:24px; height:24px; margin:0; padding:0 8px; list-style:none;} ul#web-tools li a { display:block; width:24px; height:0; padding:24px 0 0; overflow:hidden;} ul#web-tools li.lk-contrast a { background:url("../../resources/images/lk-contrast.gif") no-repeat 0 0;} ul#web-tools li.lk-fontsize a { background:url("../../resources/images/lk-fontsize.gif") no-repeat 0 0;} ul#web-tools li.lk-sendto a { background:url("../../resources/images/lk-sendto.gif") no-repeat 0 0;} ul#web-tools li.lk-print a { background:url("../../resources/images/lk-print.gif") no-repeat 0 0;} body.int #page-content { background:#fff url("../../resources/images/bg-header.gif") repeat-x;} body.int #page-content .container { background:url("../../resources/images/bg-top-int.gif") repeat-x; } body.int #header { height:77px;} body.int #logo {} body.int #rightcol {} body.int #content-wrap { padding:0 0 0 20px;} /* content --------------------------------------------------------*/ #page-content { width:100%; padding:0 0 20px; background:#fff;} #content-wrap { padding:0 20px;} /* navigation */ #page-content ul#navigation { width:190px; margin:0 0 20px; padding:10px 0 25px; background:url("../../resources/images/bg-navigation.gif") no-repeat bottom right;} #page-content ul#navigation li { width:188px; margin:0; padding:0; list-style:none;} #page-content ul#navigation li.last a { border:none;} #page-content ul#navigation li a { display:block; width:158px; padding:5px 15px; font-size:1.2em; color:#213e7f; text-decoration:none; border-bottom:1px solid #dfeff7;} #page-content ul#navigation li a:hover { text-decoration:underline;} #page-content ul#navigation li.current a { font-weight:bold; border-bottom-color:#9dcbda; background:#b1dce7;} #page-content ul#navigation li ul { margin:0; padding:0; background:#d5f3fb;} #page-content ul#navigation li ul li { width:158px; margin:0; padding:0 15px; font-size:0.85em;} #page-content ul#navigation li.current ul li a { background:none; padding:2px 0; font-weight:normal; border:none;} #page-content ul#navigation li.current ul li.current a { text-decoration:underline;} /* external links */ #page-content ul#external-links { width:190px; margin:0; padding:15px 0 0; background:url("../../resources/images/bg-external-links.gif") no-repeat top left;} #page-content ul#external-links li { margin:0; padding:0 0 15px; list-style:none;} #page-content ul#external-links li.last { background:url("../../resources/images/bg-external-links.gif") no-repeat bottom right;} #page-content ul#external-links li a { display:block; width:150px; height:56px; margin:0 20px; padding:0; background:#fff;} /* footer --------------------------------------------------------*/ #footer { width:100%; padding:100px 0 0; background:url("../../resources/images/bg-footer-green.gif") no-repeat top center;} #footer #logo-footer a { position:absolute; top:-100px; right:40px; width:190px; height:153px;} #footer .span-24 { margin-bottom:40px;} #footer .colborder { border-right:1px solid #fff;} #footer h3 { width:160px; height:32px; margin:0; padding:0 15px; line-height:30px; font-size:1.2em; font-weight:bold; color:#fff;} #footer h3 a { color:#fff; text-decoration:none;} #footer ul { margin:0; padding:9px 0 0 15px; color:#fff;} #footer ul li { margin:0; padding:0; list-style:disc;} #footer ul li a { font-size:0.95em; color:#fff;} #footer h3.green { background:url("../../resources/images/bg-title-footer-green.gif") no-repeat top left;} #footer h3.blue { background:url("../../resources/images/bg-title-footer-blue.gif") no-repeat top left;} #footer h3.red { background:url("../../resources/images/bg-title-footer-red.gif") no-repeat top left; position:relative; z-index:-9991;} #footer h3.orange { background:url("../../resources/images/bg-title-footer-orange.gif") no-repeat top left;} #footer h3.green-dark { background:url("../../resources/images/bg-title-footer-green-dark.gif") no-repeat top left;} /* homepage --------------------------------------------------------*/ /* header */ .homepage #header { width:100%; height:220px; padding-bottom:10px;} .homepage #banner-list { height:220px; display:block; overflow:hidden;/* background:url(../../../../../../system/modules/com.eyap.backend/resources/images/banners/banner1.jpg) no-repeat top left;*/} /* logo */ .homepage #header #logo { width:190px; height:220px;} /* quick-links */ .homepage #header ul#quick-links { width:190px; margin:0; padding:20px 20px 30px; background:url("../../resources/images/bg-quick-links.gif") no-repeat bottom right;} .homepage #header ul#quick-links li { width:190px; margin:0; padding:0; list-style:none;} .homepage #header ul#quick-links li a { display:block; width:150px; line-height:28px; margin:0; padding:0 0 0 40px; color:#22428e; text-decoration:none; font-weight:bold;} .homepage #header ul#quick-links li a:hover { color:#2ac2eb;} .homepage #header ul#quick-links li.lk-pictures a { background:url("../../resources/images/lk-pictures.gif") no-repeat center left;} .homepage #header ul#quick-links li.lk-videos a { background:url("../../resources/images/lk-videos.gif") no-repeat center left;} .homepage #header ul#quick-links li.lk-goodies a { background:url("../../resources/images/lk-goodies.gif") no-repeat center left;} /* participate box */ .homepage #actions-box { margin:0 0 1em; padding:10px 0 10px; color:#fff; background:url("../../resources/images/bg-actions.gif") no-repeat bottom right;} .homepage #actions-box h2 { margin:0 10px; color:#fff;} .homepage #actions-box h3 { margin:0 10px; padding:10px 0 10px 15px; color:#fff; font-size:1.2em; font-weight:bold; border-bottom:1px solid #fbbd51; cursor:pointer; background:url("../../resources/images/icon-arrow-right.gif") no-repeat center left;} .homepage #actions-box h3.current { border:none; background:url("../../resources/images/icon-arrow-bottom.gif") no-repeat center left;} .homepage #actions-box .element { margin:0 2px 0 0; padding:10px; background:#fcc254;} .homepage #actions-box .element * { color:#fff;} .homepage #actions-box .element p {} .homepage #actions-box #poll { width:100%; margin:0 0 1em; padding:0; text-align:left; overflow:hidden;} .homepage #actions-box #poll label { width:100%; display:block; margin:0 0 5px; display:block; font-weight:normal; overflow:hidden;} .homepage #actions-box #poll label input { float:left; height:1.5em; margin:0 10px 10px 0;} .homepage #actions-box #poll .p-footer { margin:1em 0;} .homepage #actions-box #poll .p-footer button { float:right; font:bold 1.2em Arial, Helvetica, sans-serif; color:#FAA81A; height:25px; border:none; background:#fff;} .homepage #actions-box #poll .p-footer ul { margin:0; padding:0; list-style:none;} .homepage #actions-box #poll .p-footer ul li { float:left; margin:0 5px 0 0; padding:0 5px 0 0; font-size:0.90em; line-height:25px; list-style:none;} /* content */ .homepage h1 { margin:0; padding:0 0 9px; font-size:2em; color:#22428e; font-weight:bold;} .homepage h1 a { color:#22428e; text-decoration:none;} .homepage h2 { margin:0; padding:0 0 9px;} .homepage h2.titlepage { width:430px; margin:0 0 9px; padding:0 20px 7px; color:#fff; background:url("../../resources/images/bg-focus-box.gif") no-repeat bottom right;} .homepage h2.titlepage a {color:#fff; text-decoration:none;} .homepage h3 {} .homepage p { margin:0; padding:9px 0; color:#666;} .homepage p.bluelight { color:#2ac2eb;} .homepage p.bluelight a { color:#2ac2eb; text-decoration:none;} .homepage p.bluelight a span { text-decoration:underline;} /* focus box */ .homepage .focus-box { width:470px; margin:30px 0; padding:7px 0 0; background:url("../../resources/images/bg-focus-box.gif") no-repeat top left;} .homepage .focus-box .focus-content { width:430px; padding:13px 20px 23px; overflow:hidden; background:url("../../resources/images/bg-focus-box.gif") no-repeat bottom right;} .homepage #viewer-box { float:left; width:160px; height:110px;} .homepage .focus-box .colr { float:right; width:250px;} .homepage .focus-box h2 { color:#fff;} .homepage .focus-box h2 a { color:#fff; text-decoration:none;} .homepage .focus-box p { color:#fff;} .homepage .focus-box p a { color:#fff; text-decoration:none;} .homepage .focus-box p a span { text-decoration:underline;} /* viewer */ .homepage .mask { position:relative; width:160px; height:110px; overflow:hidden;} .homepage .mask img { position:absolute; display:block; border:none; background:#fff;} .homepage #viewer { position:absolute;} /* news box */ .homepage .news-box { width:470px; padding:20px 0; overflow:hidden; border-bottom:1px solid #cacaca;} .homepage .news-box.last { border:none;} .homepage .news-box h3 { margin:0; padding:0; font-size:1.5em; line-height:24px; font-weight:bold; color:#2ac2eb;} .homepage .news-box p { padding:9px 0 0;} .homepage .news-box p a { color:#666666; text-decoration:none;} .homepage .news-box p a span { color:#2ac2eb; text-decoration:underline;} .homepage .news-box img { float:left; width:140px; margin:0 20px 0 0; padding:8px; background:#fff; border:1px solid #e5e5e5;} /* newsletter box */ .homepage #newsletter-box { width:200px; height:32px; margin:0 0 20px; padding:10px 15px; background:url("../../resources/images/bg-newsletter.gif") no-repeat top left;} .homepage #newsletter-box input.txt { float:left; display:block; width:138px; height:22px; line-height:0px; padding:6px 4px 0; margin:0; font:1em Arial, Helvetica, sans-serif; color:#faa81a !important; font-style:italic; background:#fff; border:1px solid #d59017;} * html .homepage #newsletter-box input.txt { display:inline-block;} .homepage #newsletter-box a { display:block; border:none; padding:0; margin:0; line-height:25px; font-size:1.2em; color:#FAA81A; border:3px double #FAA81A; text-align:center; background:#fff; font-weight:bold; font-style:italic; text-decoration:none;} button::-moz-focus-inner, button::-moz-focus-outer { margin:0; padding:0; border:none; background:#000;} /* videobox */ .homepage #video-box { width:200px; height:140px; margin:0 0 10px; padding:15px; background:url("../../resources/images/bg-video-box.gif") no-repeat top left;} /* community */ .homepage #community { width:230px; margin:0 0 20px;} .homepage #community h3 { margin:0; padding:0 0 9px; line-height:24px; font-size:1.2em; color:#22428e; font-weight:bold;} .homepage #community ul { width:228px; height:32px; margin:0; padding:0 1px; overflow:hidden;} .homepage #community ul li { width:32px; float:left; margin:0; padding:0 3px; list-style:none; } /* partners */ .box-2col { width:100%; padding-top:60px; background:url("../../resources/images/bg-box-top.gif") no-repeat top center;} .box-2col-content { width:730px; padding-bottom:60px; background:url("../../resources/images/bg-box-bottom.gif") no-repeat bottom center; overflow:hidden;} .box-2col-content .span-8 { margin-bottom:1.5em;} .box-2col-content p { margin:0;} .box-2col h2 { margin:0; padding:0;} .box-2col h2 a { text-decoration:none;} .box-2col a.more { float:right; margin:0.5em 0 0; font-weight:bold;} .box-2col ol { margin:0; padding:0 0 0 20px;} .box-2col ul { margin:0; padding:0 0 0 16px; list-style:circle;} .link-lg { padding:0 3px; font-size:0.90em; color:#666 !important; border:1px solid #999; text-decoration:none !important;} /* sponsors */ .row { margin:0 0 10px;} /* intro box */ .intro-box {} .intro-box img { padding:5px; background:#e5f3f7;} /* address */ .address { margin:20px 0 0;} .address h3 { margin:0 0 0.5em; padding:0; line-height:30px; border-bottom:1px solid #aaa;} .address h4 { margin:0; padding:0; line-height:24px; font-size:1em; color:#444; font-weight:bold;} .address ul { margin:0; padding:0; overflow:hidden;} .address ul li { float:left; margin:6px 10px 6px 0; padding:0 10px 0 0; line-height:18px; list-style:none; border-right:1px solid #ddd;} .address ul li.last { margin:6px 0; padding:0; border:none;} /* listing */ .list {float:left;width:100%;} .list-box { padding:15px; overflow:hidden; border-bottom:1px solid #eee;} .list-box.even {} .list-box.last { border:none;} .list-box h3 { margin:0; padding:0; font-size:1.5em; line-height:24px; font-weight:bold; color:#2ac2eb;} .list-box p { padding:9px 0 0;} .list-box p a { color:#666666 !important; text-decoration:none;} .list-box p a span { color:#2ac2eb; text-decoration:underline;} .list-box img { float:left; width:140px; margin:0 20px 0 0; padding:8px; background:#fff; border:1px solid #e5e5e5;} /* ambassadors */ .ambassadors { position:relative; background-color:#ededed; margin:1.4em 0 0 0; border:1px solid #ccc;} .ambassadors.open { background-color:#f3f3f3; border:1px solid #666; position:absolute;z-index:9999999999;} .ambassadors img { float:left; padding:10px;} .ambassadors ul li {} .ambassadors ul li img { float:left; padding:0;} .ambassadors p { margin:0; padding:0; line-height:52px;} .ambassadors p a { display:block; width:170px; margin:0; padding:0; color:#666 !important; text-decoration:none !important;} .ambassadors ul li p { line-height:normal;} .ambassadors.open ul { margin:0; padding:0; list-style:none;} .ambassadors.open ul li { margin:0; padding:10px 0; list-style:none; border-bottom:1px solid #ccc; line-height:normal; font-size:0.95em; overflow:hidden;} .ambassadors.open ul li.last { border:none;} .ambassadors.open ul li strong { display:block; padding-bottom:5px;} .ambassadors.open ul li strong a { display:inline; line-height:normal; color:#2AC2EB !important;} .ambassadors.open ul li strong a:hover { text-decoration:underline !important;} .ambassadors.open ul li br { display:none;} .ambassadors.open ul li img { border:5px solid #fff; margin-right:10px;} .ambassadors.open ul li {} /* partners --------------------------------------------------------*/ /* intro box */ .intro-box h3 { margin:15px 0 0; padding:0; line-height:30px; font-size:1.5em;} /* countries */ .organisation, .countries { margin:1.4em 0 0 0;} .organisation img, .countries img { float:left; padding:10px;} .organisation p, .countries p { margin:0; padding:0;} .organisation p a { display:block; width:auto; margin:0; padding:11px 0; line-height:24px; text-decoration:none !important;} .countries p a { display:block; width:auto; margin:0; padding:0; line-height:52px; text-decoration:none !important;} .tmp-green .countries { background-color:#f5faeb !important;} .tmp-blue .countries { background-color:#e3f6fb !important;} /* login box */ .login-box { width:710px !important; margin:30px 0; padding:1em 10px 2em !important;} .login-box h3 { margin:0; padding:0 0 0.5em; line-height:30px; font-size:1.5em; color:#fff; font-weight:bold;} .login-box form { width:auto; margin:0; padding:0; text-align:left; overflow:hidden;} .login-box form input.txt { float:left; display:block; width:190px; height:20px; margin:0 10px 0 0; padding:5px 4px 1px; font:1em Arial, Helvetica, sans-serif; background:#fff; border:1px solid #ccc;} .login-box form button { float:left; font:1em Arial, Helvetica, sans-serif; color:#666; height:28px; margin:0 10px 0 0; padding:0 10px; border:none; background:#fff; cursor:pointer;} .login-box form a { float:left; display:block; line-height:28px; font-size:0.90em;} /* common link */ a.top { float:right; display:block; line-height:30px; margin:0 20px 0 0; padding:0 15px 0 0; background:url("../../resources/images/top.jpg") no-repeat right 15px;} a.top:hover { text-decoration:none !important;} * html a.top { display:inline;} a.lk-action { display:block; width:290px; padding:9px; line-height:20px; text-align:center; font-size:1.2em; font-weight:bold;} /* 2 col */ .box-2col ol li { margin:0 0 0 15px; padding:0;} /* color tmp darkgreen */ .call-to-action { padding-top:30px;} .tmp-darkgreen a.lk-action { background:#6bba70; border:1px solid #3f9144; color:#fff !important;} /* media gallery --------------------------------------------------------*/ .gallery .picture-row { margin:2em 0;} .gallery .picture-item { background:#f3f3f3; border:1px solid #ccc;} .gallery .picture-item a { margin:5px; display:block; text-align:center; background:#fff;} .gallery .picture-item a:hover {} .gallery .picture-item p { padding:0; margin:0 0 5px !important; text-align:center; color:#444;} .picture-big { border:1px solid #ccc;} #banner-ec a:hover { background:none !important;} .question a { text-decoration:none /*Karen !important*/;} .question a:link { text-decoration:underline /*Karen !important*/;} /* newsletter */ .newsletter ul li a.pdf { display:inline-block; line-height:20px;} .onlineform { width:400px; } .webform_field { color:#666666 !important; font-family:Arial,Helvetica,sans-serif; } .webform_label { color:#666666 !important; font-family:Arial,Helvetica,sans-serif; background-color:#EEEEEE; width:320px; } .webform_label b { background-color:#FFFFFF; } .webform_label_multi { background-color:#EEEEEE; color:#666666 !important; font-family:Arial,Helvetica,sans-serif; vertical-align:top; } .webform_mandatory { color:#666666 !important; font-family:Arial,Helvetica,sans-serif; width:285px; } .webform_label_error{ color:#FF0000 !important; } { font-size:100%;} body { line-height:1.5em; font-size:12px;} a, a:visited { color:#2ac2eb; text-decoration:underline; outline:none;} a:hover { color:#2ac2eb; text-decoration:none;} a span { cursor:pointer;} a img { border:none;} object { outline:none;} hr { display:none;} h1, h2, h3, h4, h5, h6 { font-weight:normal;color:#111;} h1 { font-size:3em;line-height:1;margin-bottom:0.5em; line-height:1.25em; font-weight:bold;} h2 { font-size:1.9em;margin-bottom:0.75em; line-height:1.25em; font-weight:bold;} h3 { font-size:1.5em; line-height:1em;margin-bottom:1em;} h4 { font-size:1.2em; line-height:1.25em;margin-bottom:1.25em;} h5 { font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 { font-size:1em;font-weight:bold;} #page-content p { font-size:100%;} .container { position:relative;} /* banner EC --------------------------------------------------------*/ #banner-ec { width:100%; line-height:1.26 !important; font-size:130%;} #banner-ec a { color:#fff !important;} #banner-ec td span.textYellow a { color:#FFEE38 !important;} /* color themes --------------------------------------------------------*/ h1.pagetitle { color:#fff; margin:0; padding:3px 10px 0.5em; font-size:2em; line-height:34px; font-weight:bold;} .color-box { width:730px; color:#fff; margin:1.5em 0 0; padding:1em 0 2em; overflow:hidden;} .color-box a { color:#fff !important;} p.nbr-results { margin:0 0 0 1.5em; padding:0;} .pagination { float:right; margin:0; padding:0; list-style:none;} .pagination li { float:left; margin:0 0 0 1em; padding:0 0 0 1em; border-left:1px solid #fff;} .pagination li.first { border:none;} .pagination li a { display:block;} .filterzone { position:relative; padding-top:1.5em; margin-bottom:1.5em; padding-bottom:1.5em; background:url("../../resources/images/bg-box-top.gif") no-repeat bottom left; } .filterzone h2 { margin:0; padding:0; line-height:32px;} * html .filterzone h2 { height:32px;} .filterzone h2 img { float:left; margin:0; padding:0 10px 0 0;} .filter { overflow:hidden;} .filter strong { display:block; margin:0 1em 0 0;} .filter ul { margin:0; padding:0;} .filter ul li { float:left; list-style:none;} .filter ul li.dropper { margin:1.5em 0 0;} .filter ul li a { font-weight:bold; font-size:14px;} .filter ul li ul li { margin-right:0.5em; padding-right:0.5em;} .filter ul li ul li a { font-weight:normal; font-size:12px;} .filter ul li ul li a:hover { background:none} .filterJS { position:absolute; top:1.5em; right:0;} .filterJS strong { float:left; display:block; margin:0 1em 0 0; line-height:30px;} .filterJS ul { float:left; margin:0; padding:0; list-style:none;} .filterJS ul li { float:left; margin-left:2px;} .filterJS ul li a { display:block; margin-left:2px; padding:0 25px 0 10px; line-height:30px; text-align:center; text-decoration:none !important; color:#555 !important; background:#f0f0f0 url("../../resources/images/arrow-filter-nav.gif") no-repeat right top;} .filterJS ul li ul li a { padding:0; text-decoration:underline !important;} .filterJS ul li ul li a:hover { text-decoration:none !important;} .filterJS ul li.open ul li a { color:#fff !important;} .filterJS ul li.open ul li a:hover { background:none !important;} /* green */ .tmp-green h1.pagetitle { background:url("../../resources/images/bg-title-page-green.gif") no-repeat bottom left;} .tmp-green h2 { margin-top:0;} .tmp-green h3 {} .tmp-green h4 { color:#A2CD3A;} .tmp-green #content-wrap a { color:#A2CD3A;} .tmp-green .color-box { background:url("../../resources/images/bg-title-page-green.gif") no-repeat bottom left;} .tmp-green .filterJS ul li a:hover { color:#fff !important; background:#A2CD3A url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} .tmp-green .filterJS ul li ul { background:#A2CD3A;} .tmp-green .filterJS ul li.open a { color:#fff !important; background:#A2CD3A url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} /* dark green */ .tmp-darkgreen h1.pagetitle { background:url("../../resources/images/bg-title-page-darkgreen.gif") no-repeat bottom left;} .tmp-darkgreen h2 { margin-top:0;} .tmp-darkgreen h3 {} .tmp-darkgreen h4 { color:#4faa63;} .tmp-darkgreen #content-wrap a { color:#4faa63;} /*.address ul li { font-weight:bold; color:#4faa63;}*/ /* blue */ .tmp-blue h1.pagetitle { background:url("../../resources/images/bg-title-page-blue.gif") no-repeat bottom left;} .tmp-blue #content-wrap a { color:#2ac2eb;} .tmp-blue .filterJS ul li a:hover { color:#fff !important; background:#2ac2eb url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} .tmp-blue .filterJS ul li ul { background:#2ac2eb;} .tmp-blue .filterJS ul li.open a { color:#fff !important; background:#2ac2eb url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} .tmp-blue .color-box { background:url("../../resources/images/bg-title-page-blue.gif") no-repeat bottom left;} /* orange */ .tmp-orange h1.pagetitle { background:url("../../resources/images/bg-title-page-orange.gif") no-repeat bottom left;} .tmp-orange #content-wrap a { color:#faa81a;} .tmp-orange .filterJS ul li a:hover { color:#fff !important; background:#faa81a url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} .tmp-orange .filterJS ul li ul { background:#faa81a;} .tmp-orange .filterJS ul li.open a { color:#fff !important; background:#faa81a url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} .tmp-orange .color-box { background:url("../../resources/images/bg-title-page-orange.gif") no-repeat bottom left;} .tmp-orange .list-box.even { background:#FFF9EF;} .tmp-orange .list-box p a span { color:#faa81a;} .greybox { background-color:#f3f3f3; margin:0;} .greybox ul { list-style-type:none; margin:0; padding:0 0 0 0.8em;} .greybox ul li { padding:0;} .greybox ul li a { color:#555 !important; font-size:1em;} /* orange */ .tmp-red h1.pagetitle { background:url("../../resources/images/bg-title-page-red.gif") no-repeat bottom left;} .tmp-red #content-wrap a { color:#C0322F;} .tmp-red .filterJS ul li a:hover { color:#fff !important; background:#C0322F url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} .tmp-red .filterJS ul li ul { background:#C0322F;} .tmp-red .filterJS ul li.open a { color:#fff !important; background:#C0322F url("../../resources/images/arrow-filter-nav.gif") no-repeat right bottom;} .tmp-red .color-box { background:url("../../resources/images/bg-title-page-red.gif") no-repeat bottom left;} .tmp-red .list-box.even { background:#FFEFEF;} .tmp-red .list-box p a span { color:#C0322F;} .green { background-color: #a2cd3a;} .orange { background-color: #faa81a;} .question { border-bottom:solid #d7d7d7 1px;} .question p { padding: 0 0 15px 0;} .top { background-image:url("../../resources/images/top.jpg") no-repeat 0 0; float:right; text-decoration:none; padding-right:2em;} .event p {float:right;} .lightorange { background-color:#fef6e8;} /* header --------------------------------------------------------*/ #header { width:100%; background:#fff url("../../resources/images/bg-header.gif") repeat-x;} /* web-tools */ ul#web-tools { width:160px; height:24px; margin:0; padding:40px 35px 15px; overflow:hidden;} ul#web-tools li { float:left; width:24px; height:24px; margin:0; padding:0 8px; list-style:none;} ul#web-tools li a { display:block; width:24px; height:0; padding:24px 0 0; overflow:hidden;} ul#web-tools li.lk-contrast a { background:url("../../resources/images/lk-contrast.gif") no-repeat 0 0;} ul#web-tools li.lk-fontsize a { background:url("../../resources/images/lk-fontsize.gif") no-repeat 0 0;} ul#web-tools li.lk-sendto a { background:url("../../resources/images/lk-sendto.gif") no-repeat 0 0;} ul#web-tools li.lk-print a { background:url("../../resources/images/lk-print.gif") no-repeat 0 0;} body.int #page-content { background:#fff url("../../resources/images/bg-header.gif") repeat-x;} body.int #page-content .container { background:url("../../resources/images/bg-top-int.gif") repeat-x; } body.int #header { height:77px;} body.int #logo {} body.int #rightcol {} body.int #content-wrap { padding:0 0 0 20px;} /* content --------------------------------------------------------*/ #page-content { width:100%; padding:0 0 20px; background:#fff;} #content-wrap { padding:0 20px;} /* navigation */ #page-content ul#navigation { width:190px; margin:0 0 20px; padding:10px 0 25px; background:url("../../resources/images/bg-navigation.gif") no-repeat bottom right;} #page-content ul#navigation li { width:188px; margin:0; padding:0; list-style:none;} #page-content ul#navigation li.last a { border:none;} #page-content ul#navigation li a { display:block; width:158px; padding:5px 15px; font-size:1.2em; color:#213e7f; text-decoration:none; border-bottom:1px solid #dfeff7;} #page-content ul#navigation li a:hover { text-decoration:underline;} #page-content ul#navigation li.current a { font-weight:bold; border-bottom-color:#9dcbda; background:#b1dce7;} #page-content ul#navigation li ul { margin:0; padding:0; background:#d5f3fb;} #page-content ul#navigation li ul li { width:158px; margin:0; padding:0 15px; font-size:0.85em;} #page-content ul#navigation li.current ul li a { background:none; padding:2px 0; font-weight:normal; border:none;} #page-content ul#navigation li.current ul li.current a { text-decoration:underline;} /* external links */ #page-content ul#external-links { width:190px; margin:0; padding:15px 0 0; background:url("../../resources/images/bg-external-links.gif") no-repeat top left;} #page-content ul#external-links li { margin:0; padding:0 0 15px; list-style:none;} #page-content ul#external-links li.last { background:url("../../resources/images/bg-external-links.gif") no-repeat bottom right;} #page-content ul#external-links li a { display:block; width:150px; height:56px; margin:0 20px; padding:0; background:#fff;} /* footer --------------------------------------------------------*/ #footer { width:100%; padding:100px 0 0; background:url("../../resources/images/bg-footer-green.gif") no-repeat top center;} #footer #logo-footer a { position:absolute; top:-100px; right:40px; width:190px; height:153px;} #footer .span-24 { margin-bottom:40px;} #footer .colborder { border-right:1px solid #fff;} #footer h3 { width:160px; height:32px; margin:0; padding:0 15px; line-height:30px; font-size:1.2em; font-weight:bold; color:#fff;} #footer h3 a { color:#fff; text-decoration:none;} #footer ul { margin:0; padding:9px 0 0 15px; color:#fff;} #footer ul li { margin:0; padding:0; list-style:disc;} #footer ul li a { font-size:0.95em; color:#fff;} #footer h3.green { background:url("../../resources/images/bg-title-footer-green.gif") no-repeat top left;} #footer h3.blue { background:url("../../resources/images/bg-title-footer-blue.gif") no-repeat top left;} #footer h3.red { background:url("../../resources/images/bg-title-footer-red.gif") no-repeat top left;} #footer h3.orange { background:url("../../resources/images/bg-title-footer-orange.gif") no-repeat top left;} #footer h3.green-dark { background:url("../../resources/images/bg-title-footer-green-dark.gif") no-repeat top left;} /* homepage --------------------------------------------------------*/ /* header */ .homepage #header { width:100%; height:220px; padding-bottom:10px;} .homepage #banner-list { height:220px; display:block; overflow:hidden;/* background:url(../../../../../../system/modules/com.eyap.backend/resources/images/banners/banner1.jpg) no-repeat top left;*/} /* logo */ .homepage #header #logo { width:190px; height:220px;} /* quick-links */ .homepage #header ul#quick-links { width:190px; margin:0; padding:20px 20px 30px; background:url("../../resources/images/bg-quick-links.gif") no-repeat bottom right;} .homepage #header ul#quick-links li { width:190px; margin:0; padding:0; list-style:none;} .homepage #header ul#quick-links li a { display:block; width:150px; line-height:28px; margin:0; padding:0 0 0 40px; color:#22428e; text-decoration:none; font-weight:bold;} .homepage #header ul#quick-links li a:hover { color:#2ac2eb;} .homepage #header ul#quick-links li.lk-pictures a { background:url("../../resources/images/lk-pictures.gif") no-repeat center left;} .homepage #header ul#quick-links li.lk-videos a { background:url("../../resources/images/lk-videos.gif") no-repeat center left;} .homepage #header ul#quick-links li.lk-goodies a { background:url("../../resources/images/lk-goodies.gif") no-repeat center left;} /* participate box */ .homepage #actions-box { margin:0 0 1em; padding:10px 0 10px; color:#fff; background:url("../../resources/images/bg-actions.gif") no-repeat bottom right;} .homepage #actions-box h2 { margin:0 10px; color:#fff;} .homepage #actions-box h3 { margin:0 10px; padding:10px 0 10px 15px; color:#fff; font-size:1.2em; font-weight:bold; border-bottom:1px solid #fbbd51; cursor:pointer; background:url("../../resources/images/icon-arrow-right.gif") no-repeat center left;} .homepage #actions-box h3.current { border:none; background:url("../../resources/images/icon-arrow-bottom.gif") no-repeat center left;} .homepage #actions-box .element { margin:0 2px 0 0; padding:10px; background:#fcc254;} .homepage #actions-box .element * { color:#fff;} .homepage #actions-box .element p {} .homepage #actions-box #poll { width:100%; margin:0 0 1em; padding:0; text-align:left; overflow:hidden;} .homepage #actions-box #poll label { width:100%; display:block; margin:0 0 5px; display:block; font-weight:normal; overflow:hidden;} .homepage #actions-box #poll label input { float:left; height:1.5em; margin:0 10px 10px 0;} .homepage #actions-box #poll .p-footer { margin:1em 0;} .homepage #actions-box #poll .p-footer button { float:right; font:bold 1.2em Arial, Helvetica, sans-serif; color:#FAA81A; height:25px; border:none; background:#fff;} .homepage #actions-box #poll .p-footer ul { margin:0; padding:0; list-style:none;} .homepage #actions-box #poll .p-footer ul li { float:left; margin:0 5px 0 0; padding:0 5px 0 0; font-size:0.90em; line-height:25px; list-style:none;} /* content */ .homepage h1 { margin:0; padding:0 0 9px; font-size:2em; color:#22428e; font-weight:bold;} .homepage h1 a { color:#22428e; text-decoration:none;} .homepage h2 { margin:0; padding:0 0 9px;} .homepage h2.titlepage { width:430px; margin:0 0 9px; padding:0 20px 7px; color:#fff; background:url("../../resources/images/bg-focus-box.gif") no-repeat bottom right;} .homepage h2.titlepage a {color:#fff; text-decoration:none;} .homepage h3 {} .homepage p { margin:0; padding:9px 0; color:#666;} .homepage p.bluelight { color:#2ac2eb;} .homepage p.bluelight a { color:#2ac2eb; text-decoration:none;} .homepage p.bluelight a span { text-decoration:underline;} /* focus box */ .homepage .focus-box { width:470px; margin:30px 0; padding:7px 0 0; background:url("../../resources/images/bg-focus-box.gif") no-repeat top left;} .homepage .focus-box .focus-content { width:430px; padding:13px 20px 23px; overflow:hidden; background:url("../../resources/images/bg-focus-box.gif") no-repeat bottom right;} .homepage #viewer-box { float:left; width:160px; height:110px;} .homepage .focus-box .colr { float:right; width:250px;} .homepage .focus-box h2 { color:#fff;} .homepage .focus-box h2 a { color:#fff; text-decoration:none;} .homepage .focus-box p { color:#fff;} .homepage .focus-box p a { color:#fff; text-decoration:none;} .homepage .focus-box p a span { text-decoration:underline;} /* viewer */ .homepage .mask { position:relative; width:160px; height:110px; overflow:hidden;} .homepage .mask img { position:absolute; display:block; border:none; background:#fff;} .homepage #viewer { position:absolute;} /* news box */ .homepage .news-box { width:470px; padding:20px 0; overflow:hidden; border-bottom:1px solid #cacaca;} .homepage .news-box.last { border:none;} .homepage .news-box h3 { margin:0; padding:0; font-size:1.5em; line-height:24px; font-weight:bold; color:#2ac2eb;} .homepage .news-box p { padding:9px 0 0;} .homepage .news-box p a { color:#666666; text-decoration:none;} .homepage .news-box p a span { color:#2ac2eb; text-decoration:underline;} .homepage .news-box img { float:left; width:140px; margin:0 20px 0 0; padding:8px; background:#fff; border:1px solid #e5e5e5;} /* newsletter box */ .homepage #newsletter-box { width:200px; height:32px; margin:0 0 20px; padding:10px 15px; background:url("../../resources/images/bg-newsletter.gif") no-repeat top left;} .homepage #newsletter-box input.txt { float:left; display:block; width:138px; height:22px; line-height:0px; padding:6px 4px 0; margin:0; font:1em Arial, Helvetica, sans-serif; color:#faa81a !important; font-style:italic; background:#fff; border:1px solid #d59017;} * html .homepage #newsletter-box input.txt { display:inline-block;} .homepage #newsletter-box a { display:block; border:none; padding:0; margin:0; line-height:25px; font-size:1.2em; color:#FAA81A; border:3px double #FAA81A; text-align:center; background:#fff; font-weight:bold; font-style:italic; text-decoration:none;} button::-moz-focus-inner, button::-moz-focus-outer { margin:0; padding:0; border:none; background:#000;} /* videobox */ .homepage #video-box { width:200px; height:140px; margin:0 0 10px; padding:15px; background:url("../../resources/images/bg-video-box.gif") no-repeat top left;} /* community */ .homepage #community { width:230px; margin:0 0 20px;} .homepage #community h3 { margin:0; padding:0 0 9px; line-height:24px; font-size:1.2em; color:#22428e; font-weight:bold;} .homepage #community ul { width:228px; height:32px; margin:0; padding:0 1px; overflow:hidden;} .homepage #community ul li { width:32px; float:left; margin:0; padding:0 3px; list-style:none; } /* partners */ .box-2col { width:100%; padding-top:60px; background:url("../../resources/images/bg-box-top.gif") no-repeat top center;} .box-2col-content { width:730px; padding-bottom:60px; background:url("../../resources/images/bg-box-bottom.gif") no-repeat bottom center; overflow:hidden;} .box-2col-content .span-8 { margin-bottom:1.5em;} .box-2col-content p { margin:0;} .box-2col h2 { margin:0; padding:0;} .box-2col h2 a { text-decoration:none;} .box-2col a.more { float:right; margin:0.5em 0 0; font-weight:bold;} .box-2col ol { margin:0; padding:0 0 0 20px;} .box-2col ul { margin:0; padding:0 0 0 16px; list-style:circle;} .link-lg { padding:0 3px; font-size:0.90em; color:#666 !important; border:1px solid #999; text-decoration:none !important;} /* sponsors */ .row { margin:0 0 10px;} /* intro box */ .intro-box {} .intro-box img { padding:5px; background:#e5f3f7;} /* address */ .address { margin:20px 0 0;} .address h3 { margin:0 0 0.5em; padding:0; line-height:30px; border-bottom:1px solid #aaa;} .address h4 { margin:0; padding:0; line-height:24px; font-size:1em; color:#444; font-weight:bold;} .address ul { margin:0; padding:0; overflow:hidden;} .address ul li { float:left; margin:6px 10px 6px 0; padding:0 10px 0 0; line-height:18px; list-style:none; border-right:1px solid #ddd;} .address ul li.last { margin:6px 0; padding:0; border:none;} /* listing */ .list-box { padding:15px; overflow:hidden; border-bottom:1px solid #eee;} .list-box.even {} .list-box.last { border:none;} .list-box h3 { margin:0; padding:0; font-size:1.5em; line-height:24px; font-weight:bold; color:#2ac2eb;} .list-box p { padding:9px 0 0;} .list-box p a { color:#666666 !important; text-decoration:none;} .list-box p a span { color:#2ac2eb; text-decoration:underline;} .list-box img { float:left; width:140px; margin:0 20px 0 0; padding:8px; background:#fff; border:1px solid #e5e5e5;} /* ambassadors */ .ambassadors { position:relative; background-color:#ededed; margin:1.4em 0 0 0; border:1px solid #ccc;} .ambassadors.open { background-color:#f3f3f3; border:1px solid #666;} .ambassadors img { float:left; padding:10px;} .ambassadors ul li {} .ambassadors ul li img { float:left; padding:0;} .ambassadors p { margin:0; padding:0; line-height:52px;} .ambassadors p a { display:block; width:170px; margin:0; padding:0; color:#666 !important; text-decoration:none !important;} .ambassadors ul li p { line-height:normal;} .ambassadors.open ul { margin:0; padding:0; list-style:none;} .ambassadors.open ul li { margin:0; padding:10px 0; list-style:none; border-bottom:1px solid #ccc; line-height:normal; font-size:0.95em; overflow:hidden;} .ambassadors.open ul li.last { border:none;} .ambassadors.open ul li strong { display:block; padding-bottom:5px;} .ambassadors.open ul li strong a { display:inline; line-height:normal; color:#2AC2EB !important;} .ambassadors.open ul li strong a:hover { text-decoration:underline !important;} .ambassadors.open ul li br { display:none;} .ambassadors.open ul li img { border:5px solid #fff; margin-right:10px;} .ambassadors.open ul li {} /* partners --------------------------------------------------------*/ /* intro box */ .intro-box h3 { margin:15px 0 0; padding:0; line-height:30px; font-size:1.5em;} /* countries */ .organisation, .countries { margin:1.4em 0 0 0;} .organisation img, .countries img { float:left; padding:10px;} .organisation p, .countries p { margin:0; padding:0;} .organisation p a { display:block; width:auto; margin:0; padding:11px 0; line-height:24px; text-decoration:none !important;} .countries p a { display:block; width:auto; margin:0; padding:0; line-height:52px; text-decoration:none !important;} .tmp-green .countries { background-color:#f5faeb !important;} .tmp-blue .countries { background-color:#e3f6fb !important;} /* login box */ .login-box { width:710px !important; margin:30px 0; padding:1em 10px 2em !important;} .login-box h3 { margin:0; padding:0 0 0.5em; line-height:30px; font-size:1.5em; color:#fff; font-weight:bold;} .login-box form { width:auto; margin:0; padding:0; text-align:left; overflow:hidden;} .login-box form input.txt { float:left; display:block; width:190px; height:20px; margin:0 10px 0 0; padding:5px 4px 1px; font:1em Arial, Helvetica, sans-serif; background:#fff; border:1px solid #ccc;} .login-box form button { float:left; font:1em Arial, Helvetica, sans-serif; color:#666; height:28px; margin:0 10px 0 0; padding:0 10px; border:none; background:#fff; cursor:pointer;} .login-box form a { float:left; display:block; line-height:28px; font-size:0.90em;} /* common link */ a.top { float:right; display:block; line-height:30px; margin:0 20px 0 0; padding:0 15px 0 0; text-decoration:none !important; background:url("../../resources/images/top.jpg") no-repeat right 15px;} * html a.top { display:inline;} a.lk-action { display:block; width:290px; padding:9px; line-height:20px; text-align:center; font-size:1.2em; font-weight:bold;} /* 2 col */ .box-2col ol li { margin:0 0 0 15px; padding:0;} /* color tmp darkgreen */ .call-to-action { padding-top:30px;} .tmp-darkgreen a.lk-action { background:#6bba70; border:1px solid #3f9144; color:#fff !important;} /* media gallery --------------------------------------------------------*/ .gallery .picture-row { margin:2em 0;} .gallery .picture-item { background:#f3f3f3; border:1px solid #ccc;} .gallery .picture-item a { margin:5px; display:block; text-align:center; background:#fff;} .gallery .picture-item a:hover {} .gallery .picture-item p { padding:0; margin:0 0 5px !important; text-align:center; color:#444;} .picture-big { border:1px solid #ccc;} /* newsletter */ .newsletter ul li a.pdf { display:inline-block; line-height:20px;} .onlineform { width:270px; } .webform_field { color:#666666 !important; font-family:Arial,Helvetica,sans-serif; } .webform_label { color:#666666 !important; font-family:Arial,Helvetica,sans-serif; background-color:#EEEEEE; vertical-align:top; } .webform_label b { background-color:#FFFFFF; } .webform_label_multi { background-color:#EEEEEE; color:#666666 !important; font-family:Arial,Helvetica,sans-serif; vertical-align:top; } .webform_mandatory { color:#666666 !important; font-family:Arial,Helvetica,sans-serif; } .webform_label_error{ color:#FF0000 !important; } #pdfdownload { background:transparent none repeat scroll 0 0; clear:both; display:inline; margin-top:3px; padding:0 0 0; position:relative; text-decoration:none; vertical-align:text-bottom; } div.videoplay_container { margin: 110px 0px 0px 150px; cursor: pointer; background:transparent url("../../resources/images/play_transp.png") no-repeat scroll center; height:42px; position:absolute; width:42px; } div.img_style_video { background:#FFFFFF none repeat scroll 0%; border:0px solid #4F758F; margin:0px; padding:2px; } div.video_container { margin: 0px 0px 0px 3px; width: 346px; }