/* cmsms stylesheet: Simplex_Core modified: Saturday, July 7, 2018 9:56:38 AM */
/* =====================================BASE STYLES===================================== */article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}/* taken from HTML5 Boilerplate http://h5bp.com */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}audio, canvas, video {display: inline-block;*display: inline;*zoom: 1}audio:not([controls]) {display: none}[hidden] {display: none}/* text selection */.content-wrapper ::-moz-selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}.content-wrapper ::selection {background: #f39c2c;background: rgba(243,156,44,0.7);color: #555;text-shadow: none}/* Consistent box sizing and appearance */input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*width: 13px;*height: 13px}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none}/* Remove inner padding and border in FF3/4 */button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}/** 1. Remove default vertical scrollbar in IE6/7/8/9* 2. Allow only vertical resizing*/textarea {overflow: auto;vertical-align: top;resize: vertical}ul, ol {margin: 1em 0;padding: 0 0 0 17px}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}/* Redeclare monospace font family */pre, code, kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace;font-size: 1em }/* Improve readability of pre-formatted text in all browsers */pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}p {margin: 0px;}/* Hide from both screenreaders and browsers */.hidden {display: none !important;visibility: hidden}/* Hide only visually, but have it available for screenreaders */.visuallyhidden {border: 0;clip: rect(0,0,0,0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto}/* Hide visually and from screenreaders, but maintain layout */.invisible {visibility: hidden}/* correct text resizing */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}body {margin: 0;font-size: 1em;/* -webkit-font-smoothing: antialiased */}/* =====================================12 COLUMN GRID===================================== *//* ================================Desktop================================ *//* the wraping container */.container {width: 92%;min-width: 980px;max-width: 1260px}/* align the site */.leftaligned {margin: 0 auto 0  0}.rightaligned {margin: 0 0 0 auto}.centered {margin: 0 auto}/* Global Grid layout */.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;position: relative;margin-left: .96%;margin-right: .96%}/* alpha and omega classes remove margins, aplha = no margin left, omega = no margin right */.alpha { margin-left: 0 }.omega { margin-right: 0 }/* Grid sizes up to 12 columns */.container .grid_1 { width:6.333% }.container .grid_2 { width:14.667% }.container .grid_3 { width:23.0% }.container .grid_4 { width:31.333% }.container .grid_5 { width:39.667% }.container .grid_6 { width:48.0% }.container .grid_7 { width:56.333% }.container .grid_8 { width:64.667% }.container .grid_9 { width:73.0% }.container .grid_10 { width:81.333% }.container .grid_11 { width:89.667% }.container .grid_12 { width:98.0% }/* Prefix to add extra space left */.container .prefix_1 { padding-left:8.333% }.container .prefix_2 { padding-left:16.667% }.container .prefix_3 { padding-left:25.0% }.container .prefix_4 { padding-left:33.333% }.container .prefix_5 { padding-left:41.667% }.container .prefix_6 { padding-left:50.0% }.container .prefix_7 { padding-left:58.333% }.container .prefix_8 { padding-left:66.667% }.container .prefix_9 { padding-left:75.0% }.container .prefix_10 { padding-left:83.333% }.container .prefix_11 { padding-left:91.667% }/* Suffix to add extra space right */.container .suffix_1 { padding-right:8.333% }.container .suffix_2 { padding-right:16.667% }.container .suffix_3 { padding-right:25.0% }.container .suffix_4 { padding-right:33.333% }.container .suffix_5 { padding-right:41.667% }.container .suffix_6 { padding-right:50.0% }.container .suffix_7 { padding-right:58.333% }.container .suffix_8 { padding-right:66.667% }.container .suffix_9 { padding-right:75.0% }.container .suffix_10 { padding-right:83.333% }.container .suffix_11 { padding-right:91.667% }/* Push columns to right */.container .push_1 { left:8.333% }.container .push_2 { left:16.667% }.container .push_3 { left:25.0% }.container .push_4 { left:33.333% }.container .push_5 { left:41.667% }.container .push_6 { left:50.0% }.container .push_7 { left:58.333% }.container .push_8 { left:66.667% }.container .push_9 { left:75.0% }.container .push_10 { left:83.333% }.container .push_11 { left:91.667% }/* Pull columns to left */.container .pull_1 { left:-8.333% }.container .pull_2 { left:-16.667% }.container .pull_3 { left:-25.0% }.container .pull_4 { left:-33.333% }.container .pull_5 { left:-41.667% }.container .pull_6 { left:-50.0% }.container .pull_7 { left:-58.333% }.container .pull_8 { left:-66.667% }.container .pull_9 { left:-75.0% }.container .pull_10 { left:-83.333% }.container .pull_11 { left:-91.667% }/* =====================================Tablet (Portrait)===================================== */@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {.container {width: 92%;min-width: 768px;max-width: 1024px}}/* =====================================Smartphones (Portait)===================================== */@media only screen and (max-width: 320px) {.container {width: 92%;min-width: 300px;max-width: 320px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;float: none}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 321px) and (max-width: 767px) {.container {width: 92%;min-width: 321px;max-width: 767px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;display: block;float: none}}/* =====================================Smartphones (Portrait & Landscape)===================================== */@media only screen and (min-width: 300px) and (max-width: 767px) {.container .prefix_1,.container .prefix_2,.container .prefix_3,.container .prefix_4,.container .prefix_5,.container .prefix_6,.container .prefix_7,.container .prefix_8,.container .prefix_9,.container .prefix_10,.container .prefix_11,.container .suffix_1,.container .suffix_2,.container .suffix_3,.container .suffix_4,.container .suffix_5,.container .suffix_6,.container .suffix_7,.container .suffix_8,.container .suffix_9,.container .suffix_10,.container .suffix_11 {padding-right: 0;padding-left: 0}.container .push_1,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9,.container .push_10,.container .push_11,.container .pull_1,.container .pull_2,.container .pull_3,.container .pull_4,.container .pull_5,.container .pull_6,.container .pull_7,.container .pull_8,.container .pull_9,.container .pull_10,.container .pull_11 {left: auto;right: auto}}/* =====================================iPhone 4, iPad2, Retina stuff ?===================================== */@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {/* if you buy me one i might test and add something here */}/* =====================================CLEARING FLOATS===================================== */.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}.cf:before,.cf:after,.row:before,.row:after{content: "";display: table}.cf:after,.row:after{clear: both}.cf,.row {*zoom: 1}
/* cmsms stylesheet: Simplex_Layout modified: Wednesday, February 9, 2022 7:05:16 PM */
/* =====================================BASIC STYLES===================================== */body {background: #fff;font-family: 'Open Sans', 'Arial', sans-serif;font-size: 12px;color: #000000;line-height: 1.5}/* you can change appearance of the page by adding or removing #boxed id to body tag. */body#boxed {background: #d8dbdc /*url(https://old.evta-online.eu/uploads/simplex/images/boxed-bg.gif)*/ repeat}/* add some space inside the boxed container */#boxed .container {/*padding: 10px 30px 0px 30px;*/}a img {border: none}/* you can use these classes to align images to left or right */.right {float: right}.left {float:left}/* if image needs some space add this class to img tag* so at the end a left floating image would be <img src='some.jpg' class='left spacing' alt='foo' />*/.spacing {margin: 10px}.spacing.left {margin: 10px 10px 10px 0}.spacing.right {margin: 10px 0 10px 10px}/* or add a 2 px border to image or something, change as you need it */.border {border: 2px solid #e9e9e9}/* some styling for code chunks */code, samp, kbd {font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', monospace;color: #000000}pre code {line-height: 1.4;font-size: 11px}pre {padding: 10px;margin: 10px 0;overflow: auto;width: 93%;background: #eeeeee;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px}/* target IE7 and IE6 */*:first-child+html pre {padding-bottom: 20px;overflow-y: hidden;overflow: visible;overflow-x: auto}* html pre {padding-bottom: 20px;overflow: visible;overflow-x: auto}/* horizontal ruler */hr {border: solid #e9e9e9;border-width: 1px 0 0 0;clear: both;margin: 10px 0 30px 0;height: 0}/* =====================================COMMON TYPOGRAPHY===================================== *//* link default styles */a {color: #40b3df;}a:visited {color: #17649a}a:hover {color: #000000;transition: transform 0.6s ease-out;-webkit-transition: color 0.6s ease-out;-moz-transition: color 0.6s ease-out;-o-transition: color 0.6s ease-out;text-decoration: underline}a:focus {outline: thin dotted}a:hover, a:active {outline: 0}/* add icon to links with class external */a.external span {display: inline-block;width: 9px;height: 9px;text-indent: -999em;margin: 0 3px;/* using sprite image, but left as reference to single imagebackground: transparent url(https://old.evta-online.eu/uploads/simplex/images/external-icon.png) no-repeat 0 0*/background: transparent url(https://old.evta-online.eu/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -130px;}a.external:hover span {background-position: -10px -139px}/* default heading styles */h1,h2,h3 {font-family: 'Open Sans', 'Arial', sans-serif;}h1 {font-family: 'Open Sans Condensed', 'Arial', sans-serif;color: #17649a;margin: 10px 0;font-size: 2em;}h2 {font-family: 'Open Sans Condensed', 'Arial', sans-serif;color: #17649a;margin: 0;text-transform: uppercase;font-size: 1.5em;}h3 {color: #17649a;font-weight: 700;font-size: 1.1em;margin: 15px 0px 0px 0px;}/* blockquotes and cites */blockquote,blockquote p {font-size: 14px;line-height: 1.5;color: #000000;font-style: italic;font-family: Georgia, Times New Roman, serif}blockquote {margin: 0 0 20px 0;padding: 9px 10px 10px 19px;border-left: 5px solid #eeeeee}blockquote cite {display: block;font-size: 12px;color: #000000}blockquote cite:before {content: "\2014 \0020";}blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {font-family: Georgia, Times New Roman, serif;}/* =====================================LAYOUT===================================== *//* wrapping the page in a box */#wrapper {/*margin-top: 10px;border-top: 5px solid #a8cb17*/}#headwrapper {margin: 10px auto;padding-top:10px;/*background: #fff url(https://old.evta-online.eu/uploads/simplex/images/evta-countries.jpg) no-repeat 100% 10px;*//*width: 90%;*/}#navwrapper {margin: 0 auto;width: 90%;}/* you can switch appearance of the page by adding or removing id #boxed to body tag */#boxed #wrapper {background: #fff;/*box-shadow: 2px 2px 8px #000000*/}/* ------ HEADER SECTION ------ *//* if you need height or something for header part add style here */.header {}.box {width: 100%;height: 92px;margin: 0 auto;background: url(https://old.evta-online.eu/uploads/simplex/images/evta-countries_trbkg1.png) no-repeat 80% -3px;opacity: 1;}/* the logo */.logo {margin-top: 5px;position: relative;}.top .header {margin-top: 10px;background: #fff;border-top: 5px solid #a8cb17;background: #ffffff url(https://old.evta-online.eu/uploads/simplex/images/logo-lines.png) no-repeat 50% 35px;}/* ------ NAVIGATION ------ *//* first level */nav.main-navigation {z-index: 990;height: 31px;line-height: 24px;margin-top: 10px;background: #17649a;}nav.main-navigation > #navwrapper > ul {float:right;padding: 0}nav.main-navigation > #navwrapper > ul > li {float: left;padding: 3px 0px;margin:0 12px;position: relative}nav.main-navigation > #navwrapper > ul > li:first-child,nav.main-navigation > #navwrapper > ul > li.first {margin-left: 0}nav.main-navigation > #navwrapper > ul > li:last-child,nav.main-navigation > #navwrapper > ul > li.last {margin-right: 0}nav.main-navigation > #navwrapper > ul > li > a,nav.main-navigation > #navwrapper > ul > li.sectionheader span {font-family: 'Open Sans Condensed', 'Arial Narrow Bold', sans-serif;color: #fff;text-decoration: none;font-size: 14px;font-weight: 700;cursor: pointer;text-transform: uppercase}/* Second Level */nav.main-navigation #navwrapper ul li ul {top: -999em;left: -999em;position: absolute;display: block;height: 0px;width: 200px;padding: 10px;background: #fff;background: rgba(255,255,255,.95);box-shadow: 1px 1px 8px #000000;-webkit-box-shadow: 1px 1px 8px #000000;-moz-box-shadow: 1px 1px 8px #000000;-o-box-shadow: 1px 1px 8px #000000;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border: 1px solid #e9e9e9}nav.main-navigation > #navwrapper > ul > li:hover > ul {height: auto;z-index: 9999;top: 30px;right: 0;left: auto;display: block}nav.main-navigation #navwrapper ul ul li {position: relative;line-height: 1;margin: 0;padding: 0;border-bottom: 1px dotted #e9e9e9}nav.main-navigation #navwrapper ul ul li a {line-height: 1.4em;}/* third level */nav.main-navigation > #navwrapper > ul > li > ul > li:hover > ul {height: auto;top: 0;right: auto;left: -210px;z-index: 999;display: block}/* navigation text color */nav.main-navigation #navwrapper ul li li a,nav.main-navigation #navwrapper ul li li.sectionheader span {padding: 6px 12px;font-family: 'Open Sans', 'Arial', sans-serif;text-transform: none;font-weight: normal;font-size: 12px;text-decoration: none;color: #000000;display: block}nav.main-navigation #navwrapper a:hover,nav.main-navigation #navwrapper a.current,nav.main-navigation #navwrapper li.sectionheader span:hover,nav.main-navigation #navwrapper li.sectionheader span.current,nav.main-navigation #navwrapper li.sectionheader span.parent,nav.main-navigation #navwrapper ul ul li a:hover,nav.main-navigation #navwrapper ul ul li a.current {color: #40b3df}/* bottom part of header*/.header-bottom {height: 55px;line-height: 55px}/* catchphrase */.phrase span {font-family: 'Open Sans', 'Arial', sans-serif;text-transform: uppercase;color: #ddd;font-size: 16px;font-weight: 700}/* search */.search {text-align: right;}/* webkit browser add icons to input of type search, we dont want it here now */input.search-input::-webkit-search-decoration,input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration {-webkit-appearance:none}/* styling the search input field */input.search-input {border: 1px solid #eeeeee;height: 17px;line-height: 17px;outline: 0;margin: 13px 0 0 0;width: 165px;padding: 5px 0 3px 35px;font-size: 11px;color: #000000;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;/* using sprite image, left as reference to single imagebackground: #fff url(https://old.evta-online.eu/uploads/simplex/images/search-icon.png) 10px 50% no-repeat*/background: #fff url(https://old.evta-online.eu/uploads/simplex/images/simplex-sprite.png) 0px -434px no-repeat}input.search-input:focus {border: 1px solid #40b3df;width: 240px;box-shadow: 0 0 3px #40b3df;-webkit-box-shadow: 0 0 3px #40b3df;-moz-box-shadow: 0 0 3px #40b3df;-o-box-shadow: 0 0 3px #40b3df;}/* ------ BANNER AREA ------ */.banner {overflow: hidden;background: #fff}/* left text in blue box */.banner-text {padding:0 0 0 1%;position: relative;float: left;max-height: 275px;width: 30.333%}.banner-text ul {padding: 32px 0;}.banner-text li {list-style: none;display: block;color: #17649a;text-shadow: 0px 1px 0 #a8cb17, 0 -1px 0 rgba(0,0,0,0.3);font-size: 36px;font-weight: 700;transition: all 2s linear;-webkit-transition: all 1.5s linear;-moz-transition: all 1.5s linear;-o-transition: all 1.5s linear;display: block}/* animating unordered list text in banner */.banner-text li:hover {text-indent: 120px;opacity: 0;transform: scale(2) rotate(35deg);-webkit-transform: scale(2) rotate(35deg);-moz-transform: scale(2) rotate(35deg);-o-transform: scale(2) rotate(35deg)}/* images on the right */.banner-image {display: block;position: relative;width: 100%;overflow: hidden;height: 200px;background: #fff;}.banner-image div {position: absolute;z-index: 0;width: 100%;overflow: hidden;display: block;top: 0;left: 0;}.banner-image img {display: block;height: auto;bottom: 0;width: 100%;}/* ------ CONTENT AREA ------ */.content-wrapper {padding: 20px;}.content-top {background: url(https://old.evta-online.eu/uploads/simplex/images/dots.gif) repeat-x 0 50%;font-family: 'Open Sans', 'Arial', sans-serif;color: #000000;font-style: italic;line-height: 20px}/* breadcrumbs */.breadcrumb {display: inline-block;background: #fff;width: auto;padding-right: 6px}.breadcrumb a {color: #000000;display: inline-block;width: auto;background: #fff}/* print button */a.printbutton {display: block;padding-left: 6px;width: 16px;height: 16px;float:right;text-indent: -999em;/* using sprite image, left as reference to single imagebackground: #fff url(https://old.evta-online.eu/uploads/simplex/images/print-icon.png) no-repeat 6px -16px;*/background: #fff url(https://old.evta-online.eu/uploads/simplex/images/simplex-sprite.png) no-repeat -4px -94px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out}a.printbutton:hover {/* using sprite image, left as reference to single imagebackground: #fff url(https://old.evta-online.eu/uploads/simplex/images/print-icon.png) no-repeat 6px 0;*/background: #fff url(https://old.evta-online.eu/uploads/simplex/images/simplex-sprite.png) no-repeat -4px -78px;}/* news module summary -> content */.content .news-summary  span.heading {display: none}.content .news-article {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #e9e9e9}.content .news-summary ul.category-list {margin: 15px 0}.content .news-summary ul.category-list li a,.news-summary ul.category-list li span {border-radius: 4px}.news-summary ul.category-list li span {opacity: .4}/* news module summary -> sitewide (content + sidebar) *//* article heading */.news-article h3 {margin: 0 0 10px 0}.news-article h3 a {color: #17649a;font-size: 1em;text-decoration: none;font-weight: 700;}.news-article h3 a:hover {color:  #40b3df;}/* date circle, well square for IE  */.news-article .date {background: #a8cb17;color: #17649a;display: block;float:left;width: 80px;padding: 6px;height: 80px;border-radius: 5px;text-align: left;font-family: 'Open Sans Condensed', 'Arial Narrow Bold', sans-serif;font-size: 1.8em;line-height: 1.1em;}.news-article .day {font-size: 20px;line-height: 1;padding-bottom: 2px;font-style: italic;display: block}.news-article.month {font-size: 11px;display: block}/* author and category */.news-article .author,.news-article .category {font-family: 'Open Sans', 'Arial', sans-serif;display: block;padding-left: 60px;font-size: 11px;font-style: italic}/* category list on top of summary */.news-summary ul.category-list {margin:15px 0 0 0;padding:0;list-style: none}.news-summary ul.category-list li {float:left;display: block;width: auto;margin-right: 5px}.news-summary ul.category-list li a,.news-summary ul.category-list li span {display: block;color: #000000;padding: 4px 8px;background: #eeeeee;border-radius: 4px 4px 0 0;text-decoration: none;font-size: 11px;text-transform: uppercase}.news-summary ul.category-list li a:hover {color: #40b3df}.news-summary .paginate {font: italic 11px/1.2 Georgia, Times New Roman, serif;}.news-summary .paginate a {padding: 0 3px;}.news-meta {background: #eeeeee;padding: 10px;margin: 10px 0}/* more link */.more,.more a,/* back link */.back,.back a,/* previous, next links */.previous a,.next a,.previous,.next {color: #40b3df;text-decoration: none}/* hover behavior of more, next, previous links */.more a:hover,.back a:hover,.previous a:hover,.next a:hover {text-decoration: underline}.previous,.next {padding: 6px 0;}/* align next link to right */.previous {float:left;}.next {float: right}/* ------ SIDEBAR AREA ------ */div.left-menu {background: #eeeeee;padding: 15px;width: 80%;}div.left-menu ul {list-style-type: none;margin: 5px 0 0 0;padding: 0;}div.left-menu ul li {margin: 2px 0px;}div.left-menu ul li a {font-family: 'Open Sans', 'Arial Narrow Bold', sans-serif;text-decoration: none;color: #17649a;}div.left-menu ul li a:hover, div.left-menu ul li a.current, div.left-menu ul li .menuactive, div.left-menu ul li.menuactive.menuparent.parent ul li.menuactive a.menuactive {color: #40b3df;}div.left-menu ul li ul {margin: 0px 0px 0px 10px;}div.left-menu ul li.menuactive.parent ul li a {color: #17649a;}.side-image {width: 89%;margin-top: 15px;}/* news module summary -> sidebar */.sidebar .news-summary  span.heading {color: #17649a;font-family: 'Open Sans Condensed', 'Arial Narrow Bold', sans-serif;font-size: 2em;margin: 0 0 15px 0;display: block}.sidebar .news-summary .heading span {display: inline-block;width: auto;background: #fff;padding-right: 6px}.sidebar .news-article .news-content {width: 80%;margin-left: 20%;}.sidebar .news-article .NewsSummaryPostdate {float:left;width: 20%;margin-top: 3px;}.content .news-article .news-content {width: 70%;margin-left: 30%;}.content .news-article .NewsSummaryPostdate {float:left;width: 30%;color: #17649a;font-weight: 700;}.sidebar .news-article {/*padding: 15px;*/position: relative;/*background: #eeeeee;*/margin-bottom: 20px;/*border-radius: 0 0 6px 0*/}/* creating a bubble box with css3 */.sidebar .news-article:before {content:'';position: absolute;bottom: -15px;right: 25px;width: 10px;height: 35px;}/* ------ FOOTER AREA ------ *//* footer wrapper */.footer {position: relative;background: #eeeeee;border-top: 5px solid #a8cb17;margin: 25px 0 10px 0;padding: 20px 0}/* copyright text */.copyright {padding-top: 15px}.copyright p {color: #000000;font-size: 11px;padding-left: 20px;text-align: left;}/* social icons */.footer ul.social {padding: 0 0 10px 20px;margin: 0}.footer .social li {float:left;margin: 0;padding: 0;list-style: none;margin-right: 6px}.footer .social li a {display: block;width: 24px;height: 24px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;text-indent: -999em}.footer .social li.facebook a {/* using sprite image, left as reference to single imagebackground: transparent url(https://old.evta-online.eu/uploads/simplex/images/facebook-icon.png) no-repeat 0 -24px*/background: transparent url(https://old.evta-online.eu/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -260px}.footer .social li.facebook a:hover {/* using sprite image, left as reference to single imagebackground: transparent url(https://old.evta-online.eu/uploads/simplex/images/facebook-icon.png) no-repeat 0 0*/background: transparent url(https://old.evta-online.eu/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -236px}.footer .social li.twitter a {/* background: transparent url(https://old.evta-online.eu/uploads/simplex/images/twitter-icon.png) no-repeat 0 -24px */background: transparent url(https://old.evta-online.eu/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -192px}.footer .social li.twitter a:hover {/* background: transparent url(https://old.evta-online.eu/uploads/simplex/images/twitter-icon.png) no-repeat 0 0 */background: transparent url(https://old.evta-online.eu/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -168px}.footer .social li.linkedin a {/* background: transparent url(https://old.evta-online.eu/uploads/simplex/images/linkedin-icon.png) no-repeat 0 -24px */background: transparent url(https://old.evta-online.eu/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -328px}.footer .social li.linkedin a:hover {/*  background: transparent url(https://old.evta-online.eu/uploads/simplex/images/linkedin-icon.png) no-repeat 0 0 */background: transparent url(https://old.evta-online.eu/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -304px}.footer .social li.youtube a {/* background: transparent url(https://old.evta-online.eu/uploads/simplex/images/youtube-icon.png) no-repeat 0 -24px */background: transparent url(https://old.evta-online.eu/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -396px}.footer .social li.youtube a:hover {/* background: transparent url(https://old.evta-online.eu/uploads/simplex/images/youtube-icon.png) no-repeat 0 0 */background: transparent url(https://old.evta-online.eu/uploads/simplex/images/simplex-sprite.png) no-repeat -10px -372px}/* back to top anchor */.back-top a {display: inline-block;width: auto;padding: 8px;border-left: 5px solid #fff;border-right: 5px solid #fff;font:  normal italic 11px/20px Georgia, Times New Roman, serif;text-decoration: none;color: #000000;background: #eeeeee;color: #000000;border-radius: 10px 0 10px 0;-webkit-border-radius: 10px 0 10px 0;-moz-border-radius: 10px 0 10px 0;-o-border-radius: 10px 0 10px 0;position: absolute;top: -14px;left: 48%}/* Footer navigation */.footer-navigation {padding-top: 15px}.footer-navigation > ul > li {float:left;width: 32.333%;margin-bottom: 10px;}.footer-navigation > ul > li > a,.footer-navigation > ul > li span.sectionheader {font-family: 'Open Sans', 'Arial', sans-serif;color: #000000;text-decoration: none;display: block;font-weight: 700;}/* second level */.footer-navigation > ul ul {margin-top: 4px}.footer-navigation > ul > li li {float: none;width: 100%;display: block}.footer-navigation > ul > li li a,.footer-navigation > ul > li.sectionheader li a,.footer-navigation > ul > li li span.sectionheader  {text-decoration: none;font-family: 'Open Sans', 'Arial', sans-serif;font-weight: normal;text-transform: none;display: block;padding: 2px 0;color: #000000}.footer-navigation > ul > li li a:hover {color: #40b3df}
/* cmsms stylesheet: Navigation_Simple_Vertical modified: Saturday, July 7, 2018 9:56:38 AM */
/******************** MENU *********************/
#menu_vert {
	margin: 0;
	padding: 0;
}
#menu_vert ul {
/* remove any bullets */
	list-style: none;
/* margin/padding set in li */
	margin: 0px;
	padding: 0px;
}
#menu_vert ul ul {
	margin: 0;
/* padding right sets second level li in on right from first li */
	padding: 0px 5px 0px 0px;
/* replaces bottom of li.menuactive menuparent, looks like li below it, set in 5px more, is sitting on top of it */
	background: transparent url(https://old.evta-online.eu/uploads/ngrey/liup.gif) no-repeat right -4px;
}
#menu_vert li {
/* remove any bullets */
	list-style: none;
/* negative bottom margin pulls them together, images look like one border between */
	margin: 0px 0px -1px;
/* bottom padding pushes "a" up enough to show our image */
	padding: 0px 0px 4px 0px;
/* you can set your own image here */
	background: transparent url(https://old.evta-online.eu/uploads/ngrey/liup.gif) no-repeat right bottom;
}
#menu_vert li.currentpage {
	padding: 0px 0px 3px 0px;
}
#menu_vert li.menuactive {
	margin: 0;
	padding: 0px;
/* replaced by image in ul ul */
	background: none;
}
#menu_vert li.menuactive ul {
	margin: 0;
}
#menu_vert li.activeparent {
	margin: 0;
	padding: 0px;
}
/* fix stupid IE6 bug with display:block; */
* html #menu_vert li {
	height: 1%;
}
* html #menu_vert li a {
	height: 1%;
}
* html #menu_vert li hr {
	height: 1%;
}
/** end fix **/
/* first level links */
div#menu_vert a {
/* IE6 has problems with this, fixed above */
	display: block;
/* some air for it */
	padding: 0.8em 0.3em 0.5em 1.5em;
/* this will be link color for all levels */
	color: #18507C;
/* Fixes IE7 whitespace bug */
	min-height: 1em;
/* no underline for links */
	text-decoration: none;
/* you can set your own image here this is tall enough to cover text heavy links */
	background: transparent url(https://old.evta-online.eu/uploads/ngrey/libk.gif) no-repeat right top;
}
/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
	font-size: 90%;
	padding: 0.8em 0.3em 0.5em 2.8em;
}
/* third level links, more padding */
div#menu_vert ul ul ul a {
	padding: 0.5em 0.3em 0.3em 3em;
}
/* hover state for all links */
div#menu_vert a:hover {
	background-color: transparent;
	color: #595959;
	text-decoration: underline;
}
div#menu_vert a.activeparent:hover {
	color: #595959;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_vert li.activeparent {
/* you can set your own image here */
	background: transparent url(https://old.evta-online.eu/uploads/ngrey/liup.gif) no-repeat right -65px;
/* white to contrast with background image */
	color: #fff;
}
div#menu_vert li.activeparent a.activeparent {
/* you can set your own image here */
	background: transparent url(https://old.evta-online.eu/uploads/ngrey/libk.gif) no-repeat right top;
/* to contrast with background image */
	color: #000;
}
div#menu_vert li a.parent {
/* takes left padding out so span image has room on left */
	padding-left: 0em;
}
div#menu_vert ul ul li a.parent {
/* increased padding on left offsets it from one above */
	padding-left: 0.9em;
}
div#menu_vert li a.parent span {
	display: block;
	margin: 0;
/* adds left padding taken out of "a.parent" */
	padding-left: 1.5em;
/* arrow on left for pages with children, points down, you can set your own image here */
	background: transparent url(https://old.evta-online.eu/uploads/ngrey/active.png) no-repeat 2px center;
}
div#menu_vert li a.parent:hover {
/* removes underline hover effect */
	text-decoration: none;
}
div#menu_vert li a.parent:hover span {
	display: block;
	margin: 0;
	padding-left: 1.5em;
/* arrow on left for pages with children, points right for hover, you can set your own image here */
	background: transparent url(https://old.evta-online.eu/uploads/ngrey/parent.png) no-repeat 2px center;
}
div#menu_vert li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
	padding-left: 0.35em;
}
div#menu_vert ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
	padding-left: 0.99em;
}
div#menu_vert li a.menuactive.menuparent span {
	display: block;
	margin: 0;
/* to contrast with non active pages */
	font-weight: bold;
	padding-left: 1.5em;
/* arrow on left for active pages with children, points right, you can set your own image here */
	background: transparent url(https://old.evta-online.eu/uploads/ngrey/parent.png) no-repeat 2px center;
}
div#menu_vert li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: #18507C;
}
div#menu_vert ul ul li a.activeparent {
	color: #fff;
}
/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert ul h3 {
	display: block;
/* some air for it */
	padding: 0.8em 0.5em 0.5em 1.5em;
/* this will be link color for all levels */
	color: #000;
/* instead of the normal font size for <h3> */
	font-size: 1em;
/* as <h3> normally has some margin by default */
	margin: 0;
/* you can set your own image here, same as "a" */
	background: transparent url(https://old.evta-online.eu/uploads/ngrey/libk.gif) no-repeat right top;
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert ul ul h3 {
	font-size: 90%;
	padding: 0.8em 0.5em 0.5em 2.8em;
/* you can set your own image here, same as "a" */
	background: transparent url(https://old.evta-online.eu/uploads/ngrey/libk.gif) no-repeat right top;
	color: #000;
}
/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
	padding: 0.6em 0.5em 0.2em 3em;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert li.sectionheader {
	border-right: none;
	padding: 0.8em 0.5em 0.5em 1.5em;
	background: transparent url(https://old.evta-online.eu/uploads/ngrey/libk.gif) no-repeat right top;
	line-height: 1em;
	margin: 0;
        color: #18507C;
        cursor:text;
}
/* separator */
div#menu_vert .separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	-padding: 2px 0 2px 0;
	background-color: #000;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;
/* for ie */
}
div#menu_vert li.separator hr {
	display: none;
/* this is for accessibility */
}
/* cmsms stylesheet: Module_News modified: Saturday, July 7, 2018 9:56:38 AM */
div#news {
/* margin for the entire div surrounding the news items */
	margin: 2em 0 1em 1em;
/* border set here */
	border: 1px solid #909799;
/* sets it off from surroundings */
	background: #f5f5f5;
}
div#news h2 {
	line-height: 2em;
/* you can set your own image here */
	background: url(https://old.evta-online.eu/uploads/ngrey/darknav.png) repeat-x left center;
	color: #f5f5f5;
	border: none
}
.NewsSummary {
/* padding for the news article summary */
	padding: 0.5em 0.5em 1em;
/* margin to the bottom of the news article summary */
	margin: 0 0.5em 1em 0.5em;
	border-bottom: 1px solid #ccc;
}
.NewsSummaryPostdate {
/* smaller than default text size */
	font-size: 90%;
/* bold to set it off from text */
	font-weight: bold;
}
.NewsSummaryLink {
/* bold to set it off from text */
	font-weight: bold;
/* little more room at top */
	padding-top: 0.2em;
}
.NewsSummaryCategory {
/* italic to set it off from text */
	font-style: italic;
	margin: 5px 0;
}
.NewsSummaryAuthor {
/* italic to set it off from text */
	font-style: italic;
	padding-bottom: 0.5em;
}
.NewsSummarySummary, .NewsSummaryContent {
/* larger than default text */
	line-height: 140%;
}
.NewsSummaryMorelink {
	padding-top: 0.5em;
}
#NewsPostDetailDate {
/* smaller text */
	font-size: 90%;
	margin-bottom: 5px;
/* bold to set it off from text */
	font-weight: bold;
}
#NewsPostDetailSummary {
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailCategory {
/* italic to set it off from text */
	font-style: italic;
	border-top: 1px solid #ccc;
	margin-top: 0.5em;
	padding: 0.2em 0;
}
#NewsPostDetailContent {
	margin-bottom: 15px;
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailAuthor {
	padding-bottom: 1.5em;
/* italic to set it off from text */
	font-style: italic;
}
/* more divs, left unstyled, just so you know the IDs of them */ 
#NewsPostDetailTitle {
}
#NewsPostDetailHorizRule {
}
#NewsPostDetailPrintLink {
}
#NewsPostDetailReturnLink {
}
div#news ul li {
	padding: 2px 2px 2px 5px;
	margin-left: 20px;
}
/* cmsms stylesheet: Accessibility and cross-browser tools modified: Saturday, July 7, 2018 9:56:38 AM */
/* accessibility */
/* menu links accesskeys */
span.accesskey {
	text-decoration: none;
}
/* accessibility divs are hidden by default, text, screenreaders and such will show these */
.accessibility, hr {
/* position set so the rest can be set out side of visual browser viewport */
	position: absolute;
/* takes it out top side */
	top: -999em;
/* takes it out left side */
	left: -999em;
}
/* definition tags are also hidden, these are also used for accessibility menu links */
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}
/* end accessibility */
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #18507C;
/* background image for the link to show wiki style arrow */
	background: url(https://old.evta-online.eu/uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(https://old.evta-online.eu/uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(https://old.evta-online.eu/uploads/NCleanBlue/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* clearing */
/* clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item. We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience. Do not edit if you dont know what you are doing*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	height: 0;
	clear: both;
	width: 90%;
	visibility: hidden;
}
#main .clear {
	height: 0;
	clear: right;
	width: 90%;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clear {
/* Hides from IE-mac \*/
	height: 1%;
	clear: right;
	width: 90%;
/* End hide from IE-mac */
}
/* end clearing */
/* cmsms stylesheet: Navigation_Simple_Horizontal modified: Saturday, July 7, 2018 9:56:38 AM */
/********************MENU*********************/
/* hack for IE6 */
* html div#menu_horiz {
/* hide ie/mac \*/
	height: 1%;
/* end hide */
}
div#menu_horiz {
/* background color for the entire menu row */
	background-color: #243135;
/* insure full width */
	width: 100%;
/* set height */
	height: 49px;
	margin: 0;
}
div#menu_horiz ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
/* pushes the menu div up to give room above for background color to show */
	padding-top: 10px;
/* keeps the first menu item off the left side */
	padding-left: 10px;
}
/* menu list items */
div#menu_horiz li {
/* makes the list horizontal */
	float: left;
/* remove any default bullets */
	list-style: none;
/* still no margin */
	margin: 0;
}
/* the links, that is each list item */
div#menu_horiz a, div#menu_horiz h3 span, div#menu_horiz .sectionheader span {
/* pushes li out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 12px 15px 15px 0px;
/* still no margin */
	margin: 0;
/* removes default underline */
	text-decoration: none;
/* default link color */
	color: #FFF;
/* makes it hold a shape, IE has problems with this, fixed above */
	display: block;
}
/* hover state for links */
div#menu_horiz li a:hover {;
/* set your image here, dark grey image with white text set above*/
	background:  url(https://old.evta-online.eu/uploads/ngrey/nav.png) repeat-x left -50px;
}
div#menu_horiz a span {
/* compensates for no left padding on the "a" */
	padding-left: 15px;
}
div#menu_horiz li.parent a span {
/* no left padding on the "a" we can set it here, it lets us use the span for an image */
	padding-left: 20px;
/* set your image here, down arrow to note it has children, left side of text */
	background: url(https://old.evta-online.eu/uploads/ngrey/active.gif) no-repeat 0.3em center;
}
div#menu_horiz li.parent a:hover span {
	padding-left: 20px;
/* hover replaces default with right arrow image */
	background: url(https://old.evta-online.eu/uploads/ngrey/parent.gif) no-repeat 0.3em center;
}
div#menu_horiz li.menuactive a span {
	padding-left: 20px;
/* menuactive replaces default with right arrow image */
	background: url(https://old.evta-online.eu/uploads/ngrey/parent.gif) no-repeat 0.5em center;
	color: #000;
}
div#menu_horiz li.currentpage h3 span {
	padding-left: 12px;
/* menuactive replaces default with right arrow image */
	background: url(https://old.evta-online.eu/uploads/ngrey/nav.png) repeat-x left 0px;
	color: #000;
}
div#menu_horiz .sectionheader span {
/* compensates for no left padding on the "sectionheader" */
	padding-left: 15px;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_horiz li.menuactive, div#menu_horiz li.menuactive a:hover {
/* set your image here, light image with #000/black text set below*/
	background:  url(https://old.evta-online.eu/uploads/ngrey/nav.png) repeat-x left 0px;
	color: #000;
}