/* ********************************************************** ------------- CONTENT ----------- 0. DEVELOPMENT SETTINGS 1. RESET 2. TOOLS 3. GENERAL 4. MAIN LAYOUT 5. HEAD 5.1 Wrapper 5.2 Container 5.3 Grid 6. NAVIGATION 6.1 MainMenu 6.2 SubMenu 6.3 Breadcrumbs 7. MAIN 7.1 Page Title 7.2 8. FOOTER A. EXT TOOLS ---------------------------------- *********************************************************** *//*#metanavigation */.languageSelector input{display:none}/********************************* 0. DEVELOPMENT SETTINGS *****************************************************************************/.dev{display:none}/********************************* 1. RESET *****************************************************************************/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0 none;vertical-align:top}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}:focus{outline:0 none}/* ** 1.1 Reset SitecoreEdits ** */.scWebEditInput,scChromeData{top:0 !important;padding:0 !important;margin:0 !important;line-height:inherit !important}/********************************* 2. TOOLS ****************************************************************************/.hidden{position:absolute;top:0;left:-9999px;width:1px;height:1px;overflow:hidden}.aural{background:none;color:#000;display:inline;height:0;left:-9999px;overflow:hidden;position:absolute;top:-10000px;width:0}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}.fll{float:left}.flr{float:right}.noPadding{padding:0 !important}.noMargin{margin:0 !important}.mt0{margin-top:0 !important}.mt30{margin-top:30px}.ml6{margin-left:6px}.emphasized{font-size:1.6em}.center{text-align:center}.skipLinks{color:#fff;left:-1200px;position:absolute;top:-1200px;z-index:1000}.fiftyPercent{width:50%}.clearThis{clear:both;float:none;display:inline-block}.row{display:block;float:none;overflow:hidden}.txt_dark{color:#454b50 !important}.solidD{background:#e6e9eb}.solidL{background:#f7f8f9}/********************************* 3. GENERAL ****************************************************************************/html{height:100%;font-family:Arial,sans-serif;font-size:100.01%}body{background:#d2e3f0 url(../png/bg_main_wrapper.png) repeat-x left top;color:#454b50;font:.813em/1.5em Arial,sans-serif;text-align:left}body.cen{background:#019bcf url(../png/bg_main_wrapper-2.png) repeat-x left top}h1{font-size:1.846em;line-height:1.2em;margin:0 0 10px}h2{margin:0 0 10px;padding-bottom:0;font-weight:bold;font-size:1.385em}h3{color:#454b50;font-size:1.231em;font-weight:bold}small.clearThis{font-size:.7em;font-weight:normal;margin-top:10px}h2 a,h2 a:link,h2 a:visited,h2 a:active,h2 a:hover,h2 a:focus{color:inherit;text-decoration:none}h2 a:hover,h2 a:focus{text-decoration:underline}.container h3:last-child{margin-bottom:0}.container p.date{font-size:.923em;margin-bottom:0}.container a.headline{font-weight:bold;color:#454b50}.container a.headline:hover,.container a.headline:focus{font-weight:bold;color:#006eba;text-decoration:none}/* ** 3.1 General Elements ** */.module{float:left}.file_link{margin-left:5px}.read-more-link{color:#006eba;font-weight:bold}.read-more-link:hover{text-decoration:underline}/* 3.1.1 Images */p.image .imageWrapper{background-color:#ff6a12;display:inline-block}p.image.left{text-align:left}p.image.right{text-align:right}p.image.left.float{float:left;margin-right:10px}p.image.right.float{float:right}.image .caption,.image .source{color:#fff;font-size:.95em;display:block;margin-top:7px;line-height:1.2em;padding:0 5px}.image .caption+.source{margin-top:4px}.image .source{margin-bottom:5px}/* 3.1.2 Links */a,a:link,a:visited,a:active,a:hover,a:focus{color:#006eba;text-decoration:none;font-weight:bold;cursor:pointer}a:hover,a:focus,a:hover span,a:focus span{text-decoration:underline;color:#006eba}.loginBox a:hover,.loginBox a:focus,.loginBox a:hover span,.loginBox a:focus span{color:#fff}.link_intern{background:url(../png/bg_link_intern.png) no-repeat 4px 5px;padding-left:23px;min-height:33px;display:inline-block}.link_extern{background:url(../png/bg_link_extern.png) no-repeat;padding-left:23px;min-height:33px;display:inline-block}.link_extern_custom_img{padding-left:13px;min-height:33px;display:inline-block}.link_media{background:url(../png/bg_link_media.png) no-repeat;padding-left:23px;min-height:33px;display:inline-block}.commoditiesList .link_media{margin-top:10px;min-height:0}.loginPanel{display:block}.loginPanel tabel{width:100%}/* ** 3.2 Headlines ** */.columns-L-and-C .module.fullWidth .containerHeadline{margin:-10px -20px 10px -10px;width:648px;border-bottom:6px solid #e6e9eb}.columns-L-and-C .module.fullWidth .noPadding .containerHeadline{margin:0}.home .columns-L-and-C .module.fullWidth .containerHeadline{width:588px}.iconHeadline{background:#e6e9eb url(../png/icon_titles_sprite.png) no-repeat right top;font-size:1.077em;font-weight:bold;height:48px;line-height:48px;width:100%}.iconHeadline span{padding-left:10px}.iconHeadline a{float:right;text-transform:none;color:#006eba !important;font-size:.929em;padding-right:10px}.iconHeadline.noIcon{background-image:none}.iconHeadline.iconBooks{background-position:right top}.iconHeadline.iconMessage{background-position:right -48px}.iconHeadline.iconDate{background-position:right -96px}.iconHeadline.iconTime{background-position:right -144px}.iconHeadline.iconWCO{background-position:right -192px}.iconHeadline.iconCalendar{background-position:right -240px}.iconHeadline.iconRealated{background-position:right -288px}.iconHeadline.iconInformation{background-position:right -336px}.iconHeadline.iconPhoto{background-position:right -384px}.iconHeadline.iconRecorder{background-position:right -432px}.iconHeadline.iconAnother{background-position:right -528px}.iconHeadline.iconTools{background-position:right -576px}/* ** 3.3 Lists ** *//* 3.3.1 Border List */.borderList{margin:-10px 0}.borderList li{border-bottom:6px solid #e6e9eb;margin:0 -10px;padding:10px 10px;overflow:hidden}.borderList li li{border:none;margin:0;padding:0}.borderList li:last-child{border:none}.borderList p{margin-bottom:0 !important}.borderList .txt_small{font-size:.923em}.borderList .sortByMonth{background:#f7f8f9;padding:3px 10px;text-align:right;color:#454b50;text-transform:uppercase;font-size:.923em}.teaserImg{margin-top:5px;margin-right:10px;margin-bottom:10}.flr.teaserImg,.flr .teaserImg{margin-left:10px}.grid2Col .borderList{display:inline}.grid2Col .borderList>li{background:#f7f8f9;margin:0;margin-bottom:10px;border-bottom:0}.grid2Col .borderList>li:last-child{margin-bottom:0}.container .borderList h3{font-size:1em}.inlineList>li{float:left}.list_style_v1 li{background:url("../png/list_style_v1.png") no-repeat left 5px;display:block;padding-left:15px}/* 3.3.2 bullet list */.bulletList li,.bulletList ul li{background:url("../png/bg_liststyle_blue.png") no-repeat left 7px;padding-left:17px}/* 3.3.3 list2Col */.list2Col{overflow:hidden}.list2Col li{width:48%;float:left;padding-right:2%}/* ** 3.4 Forms ** *//* 3.4.1 Market Forms *//* look for screen_form.css *//* 3.4.2 General Forms */input[type="text"],input[type="password"],select,textarea{background:url("../png/bg_input_small.png") repeat-x 0 0 #f9fafa;border:1px solid #a1a6a9;padding:2px}select option{margin:3px 0}label{text-transform:uppercase;padding-right:15px}input[type="checkbox"]{margin-right:5px;vertical-align:middle}input[type="checkbox"]+label{position:relative;top:1px;text-transform:none}.requiredFieldValidator{display:none}#contentCol .container.noBorder input{background:url("../png/bg_input_small.png") repeat-x 0 0 #f9fafa;border:1px solid #a1a6a9;margin-bottom:5px;min-height:24px;padding:4px 5px 3px;width:450px}#contentCol .container.noBorder select{margin-bottom:5px;width:462px;background:url("../png/bg_input_small.png") repeat-x 0 0 #f9fafa;border:1px solid #a1a6a9;min-height:18px;padding:3px 5px 3px}#contentCol .container.noBorder select option{margin:5px 0}/* 3.4.3 Tell A Friend */.tellAFriend .scfForm textarea{height:350px}/* ** 3.5 Buttons ** */button{border:none}.scButtonStd{border:0;border-radius:8px;color:#006eba;font-weight:bold;background:linear-gradient(to bottom,#fff 1%,#fff 50%,#d9ebf3 50%,#d9ebf3 100%);/* W3C */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#D9EBF3',GradientType=0);border:1px solid #c1ddec;margin:20px 0;padding:5px 10px;position:relative;cursor:pointer}.scButtonStd:after{content:'';width:100%;height:50%;position:absolute;top:0}/* ** 3.6 Language Selector ** */.langSelector{height:100%;width:100%;position:fixed;z-index:1000}.langSelector .langSelectorBg{opacity:.85;filter:alpha(opacity=85);position:absolute;width:100%;height:100%;background-color:#fff;z-index:1001}.langSelector #fancybox-outer.langSelectorWrapper{background:url("../png/logo_world_customs_organization.png") no-repeat 0 15px transparent;z-index:1002;margin:15% auto;width:40em;height:25em;position:relative;background-color:#fff}.langSelector .langSelectorWrapper #fancybox-content{width:auto;height:auto;padding-top:110px;padding-left:20px}.langSelector p{margin-bottom:5px}.langSelector label{text-transform:none;font-size:.923em}.langSelector select{width:20em}/********************************* 4. MAIN LAYOUT ***********************************************************************//* Breiten der Spalten können fix oder prozentual angegeben werden *//* Breiten der Spalten können fix oder prozentual angegeben werden *//* ** 4.1 Wrapper ** */.wco .bg_wrapper{background:transparent url(../jpg/bg_main.jpg) no-repeat left top;width:100%}.cen .bg_wrapper{background:transparent url(../bg_main.html) no-repeat left top;width:100%}.bg_helper{background:url(../png/bg_page_top.png) no-repeat left top transparent;display:block;height:8px;left:0;position:absolute;top:-8px;width:100%;z-index:1}#page_wrapper{background:url(../png/bg_page.png) repeat left top transparent;margin:25px 0 40px 90px;padding:0 8px;position:relative;width:976px}#mainpage{background-color:#fff;position:relative;top:-8px;width:976px;z-index:2}/* ** 4.2 Container ** */#headerWrapper,#mainWrapper,#footerWrapper{background-color:#fff}#mainWrapper{z-index:-1;position:relative}#headerWrapper{padding:20px 20px 0}#header{position:relative}.home #mainWrapper,.home #main{background-image:none}#mainWrapper{background:url(../png/bg_border_main.png) no-repeat 21px top #fff}.search #mainWrapper{z-index:1}#main{background:url(../png/bg_border.png) repeat-y 268px 1px transparent;display:block;margin:0 auto}#footer{display:block;margin:0 auto}#leftCol{width:286px;float:left}#rightCol{width:286px;float:right}.home #leftCol{width:346px;float:left}.home #rightCol{width:346px;float:right} /* Padding der Container muss der Rasterabstand sein - hier Rasterabstand 10px - Jeder Container * teilt sich mit den umliegenden jeweils 5px */ .container, .windchill { margin: 10px; padding: 10px; border: 6px solid #e6e9eb; position: relative; overflow: hidden } .container.solidHeadline { padding: 0 } .container.solidHeadline > * { margin: 10px } .container.solidHeadline .scWebEditInput > * { margin: 10px } .container.solidHeadline > h1, .container.solidHeadline > h2, .container.solidHeadline > h3, .container.solidHeadline > h4, .container.solidHeadline > h5, .container.solidHeadline > h6 { margin: 0 } .container.solidHeadline > h3 { background: #e6e9eb; padding: 10px 10px 13px; min-height: 19px; /*border-bottom: 6px solid #E6E9EB*/ } .container.solidHeadline > h1, .container.solidHeadline > h2, .container.solidHeadline > h4, .container.solidHeadline > h5, .container.solidHeadline > h6 { padding: 10px 10px 10px } .container.solidHeadline > .solidBG { background: #e6e9eb; overflow: hidden; padding-top: 3px } .container.solidHeadline > .solidBG p.image { margin-bottom: 0; margin-right: -10px; margin-left: 10px } /*ISSUE: WCO-113*/ .container.solidHeadline > p.image.right { margin-left: 15px; top: -16px; position: relative; right: -10px } * + html .container.solidHeadline > p.image.right { margin: 0; padding: 0; float: right; top: -5px; left: 0 } /*EOF ISSUE: WCO-113*/ .container.solidHeadline > h1 p, .container.solidHeadline > h2 p, .container.solidHeadline > h3 p, .container.solidHeadline > h4 p, .container.solidHeadline > h5 p, .container.solidHeadline > h6 p { margin: 0 } .home #leftCol .container { border: none } .home #leftCol .container { border: 6px solid #e6e9eb } .container.noPadding { padding: 0 } .container.noBorder { border: none } .search #leftCol .container { overflow: visible } /* ** 4.3 Grid ** */ .module.fullWidth { width: 100% } .module.fullWidth.link-list ul { margin: 0 0 0 20px; } .module.fullWidth.link-list ul li { list-style-type: disc; } /* 4.3.1 3Col */ .columns-L-and-C-and-R #contentCol { float: left; width: auto } .columns-L-and-C-and-R #contentCol .module.grid2Col { width: auto } .columns-L-and-C-and-R #contentCol .module.grid4Col { width: auto } .columns-L-and-C-and-R #contentCol .module.grid6Col { width: auto } /* 4.3.2 2Col Right */ .columns-C-and-R #contentCol { float: left; width: auto } .columns-C-and-R #contentCol .module.grid2Col { width: auto } .columns-C-and-R #contentCol .module.grid4Col { width: auto } .columns-C-and-R #contentCol .module.grid6Col { width: auto } /* 4.3.2 2Col Left */ .columns-L-and-C #leftCol .container { margin-left: 20px; margin-right: 37px } .home .columns-L-and-C #leftCol .container { margin-right: 10px } .columns-L-and-C #contentCol .container, .columns-L-and-C .windchill { margin-right: 20px } .columns-L-and-C #contentCol { float: right; padding-top: 10px; width: 690px } .home .columns-L-and-C #contentCol { float: right; width: 630px; padding-top: 0 } .columns-L-and-C #contentCol .module.grid2Col { width: 345px } .columns-L-and-C #contentCol .module.grid4Col { width: auto } .columns-L-and-C #contentCol .module.grid6Col { width: auto } /********************************* 5. HEAD ****************************************************************************/ /* ** 5.1 SearchBar ** */ #logo { padding: 5px 0 } /* ** 5.2 SearchBar ** */ #search { position: absolute; top: 63px; right: 20px; height: 1.5em; white-space: nowrap } #search input.keywords { background: transparent url(../png/bg_search.png) no-repeat left top; float: left; height: 32px; line-height: 32px; vertical-align: middle; border: none; padding: 0 10px; width: 16.1em; font-size: 1.231em } /* ** 5.3 ServiceMenu ** */ #metanavigation { position: absolute; position: absolute; top: 20px; right: 20px } * + html #metanavigation { width: 32% } * + html #servicemenue { display: inline !important } #metanavigation .languageSelector { vertical-align: top; margin-right: 15px; display: inline } #metanavigation .languageSelector .jqTransformSelectWrapper { margin-right: 15px } .languageSelector select { border-radius: 10px; font-size: .846em; margin-top: 0; height: 23px; padding: 0 15px } .nojs /*#metanavigation*/ .languageSelector input { display: inline-block } #servicemenue { display: inline-block; color: #5b6369; background-color: #e6e9eb; font-size: .846em; padding: 2px 12px; vertical-align: top } #servicemenue li { float: left } #servicemenue .separator { padding: 0 12px } #servicemenue a { color: #454b50; font-weight: normal } #servicemenue a:hover, #servicemenue a:hover { text-decoration: underline } /* ** 5.4 Banner ** */ * + html .bannerWrapper { position: relative; z-index: -1 } .bannerWrapper .banner { position: relative } .bannerWrapper .banner img { z-index: 1 } .bannerWrapper .banner h2 { position: absolute; color: #fff; text-transform: uppercase; z-index: 10; left: 20px; top: 44%; font-size: 1.846em; font-weight: normal } .bannerWrapper { padding: 10px 20px } /********************************* 6. NAVIGATION ****************************************************************************/ /* ** 6.1 MainMenu ** */ #menuWrapper { position: relative } #mainMenu { background: #8f9396 url(../png/bg_navi.png) no-repeat left top; width: 962px; padding-left: 32px; min-height: 57px; _height: 57px; position: relative; margin: 20px 0 0 -38px; font-size: .923em } /* CEN */ .cen #mainMenu { background: #8f9396 url(../png/bg_navi-2.png) no-repeat left top } #mainMenu .menuNav { border: none; float: left; margin: 0; width: auto; padding-right: 0 } #mainMenu .menuNav li { background-color: transparent; margin: 0 1px; color: #fff; float: left; width: auto } #mainMenu .menuNav li a span { color: #fff; padding: 0 20px; line-height: 40px; text-transform: uppercase; font-weight: bold } #mainMenu .menuNav li.selected a span, #mainMenu .menuNav li.active a span, #mainMenu .menuNav li:hover a span { position: relative; top: -12px } #mainMenu .menuNav.hover li.selected a span { top: 0 } .fr #mainMenu .menuNav li a span { padding: 0 20px } #mainMenu .menuNav li.home_item { margin-right: 30px } #mainMenu .menuNav li.home_item a { background: transparent url(../png/icon_home_item.png) no-repeat left top; width: 30px; height: 40px } /* CEN */ .cen #mainMenu .menuNav li.home_item a { background: transparent url(../png/icon_home_item-2.png) no-repeat left top } #mainMenu .menuNav li.home_item a span { text-indent: -9999px; display: inline-block } #mainMenu .menuNav li.home_item.selected, #mainMenu .menuNav li.home_item:hover, #mainMenu .menuNav li.home_item.active { background-color: transparent } #mainMenu .menuNav li.home_item.selected a span, #mainMenu .menuNav li.home_item.active a span, #mainMenu .menuNav li.home_item:hover a span { position: relative; top: 0 } #mainMenu .menuNav li.home_item.selected a, #mainMenu .menuNav li.home_item:hover a, #mainMenu .menuNav li.home_item.active a { background: transparent url(../png/icon_home_item_hover.png) no-repeat left top; color: inherit; bottom: 0; position: relative; z-index: 1000 } /* CEN */ .cen #mainMenu .menuNav li.home_item:hover a, .cen #mainMenu .menuNav li.home_item.active a { background: transparent url(../png/icon_home_item-2.png) no-repeat left top } #mainMenu .menuNav li.selected, #mainMenu .menuNav li:hover, #mainMenu .menuNav li.active { background-color: #e6e9eb } #mainMenu .menuNav li a { display: block; height: 100% } #mainMenu .menuNav li.selected a, #mainMenu .menuNav li:hover a, #mainMenu .menuNav li.active a { background: transparent url(../png/bg_main_menu_active.png) no-repeat center bottom; color: #454b50; bottom: -12px; position: relative; z-index: 1000 } #mainMenu .menuNav.hover li.selected a { background: none; bottom: 0 } #mainMenu .menuNav li.active a, #mainMenu .menuNav li.active a span, #mainMenu .menuNav li:hover a, #mainMenu .menuNav li:hover a span, #mainMenu .menuNav li a:hover, #mainMenu .menuNav li a:hover span, #mainMenu .menuNav li.selected a, #mainMenu .menuNav li.selected a span, #mainMenu .menuNav li.selected a:hover, #mainMenu .menuNav li.selected a:hover span { text-decoration: none; border: none; color: #454b50 } /*TODO*/ /* CEN */ .cen #mainMenu .menuNav li .SubMenuNav { background-color: #272e7f; border: none; display: block; left: -5000px; margin-left: 10px; width: 976px; padding: 0 8px 8px; position: absolute; top: 46px; z-index: 999 } .cen #mainMenu .menuNav li .SubMenuNav .SubMenuNavWrapper { border-bottom: 1px solid #272e7f } #mainMenu .menuNav li .SubMenuNav { background-color: #006eba; border: none; display: block; left: -5000px; margin-left: 10px; width: 976px; padding: 0 8px 8px; position: absolute; top: 46px; z-index: 999 } #mainMenu .menuNav li:hover .SubMenuNav { left: 0 } #mainMenu .menuNav li .SubMenuNav .SubMenuNavWrapper { border-bottom: 1px solid #006eba } #mainMenu .menuNav li ul.SubMenuNavBlock { width: auto; height: auto; display: inline-block; overflow: hidden; background: transparent url(../png/bg_main_menu.png) repeat-y left top; padding-left: 1px } #mainMenu .menuNav li ul.SubMenuNavBlock li { float: left; margin: 0; padding: 0 0 8px; width: 195px; text-transform: uppercase } #mainMenu .menuNav li ul.SubMenuNavBlock li:hover, #mainMenu .menuNav li ul.SubMenuNavBlock li.active { background: none } #mainMenu .menuNav li ul.SubMenuNavBlock li a, #mainMenu .menuNav li ul.SubMenuNavBlock li.current strong { display: block; padding: 10px 10px 2px 13px; font-weight: bold; text-align: left; line-height: 1.3em; color: #454b50; background: none; bottom: 0; left: 0 } #mainMenu .menuNav li ul.SubMenuNavBlock li.current strong { color: #006eba } #mainMenu .menuNav li ul.SubMenuNavBlock li a:hover, #mainMenu .menuNav li ul.SubMenuNavBlock li a:hover span, #mainMenu .menuNav li ul.SubMenuNavBlock li a:focus, #mainMenu .menuNav li ul.SubMenuNavBlock li a:focus span { color: #0071b9; text-decoration: underline } #mainMenu .menuNav li ul.SubMenuNavBlock li ul li, #mainMenu .menuNav li ul.SubMenuNavBlock li ul li:hover, #mainMenu .menuNav li ul.SubMenuNavBlock li ul li.active { float: none; width: auto; background: transparent url(../png/bg_liststyle_blue.png) no-repeat left 8px; list-style-position: outside; margin-left: 14px; padding: 0 0 0 7px } #mainMenu .menuNav li ul.SubMenuNavBlock li ul li a, #mainMenu .menuNav li ul.SubMenuNavBlock li ul li.current strong { text-transform: none; font-weight: normal; padding: 2px 10px 2px 5px } #mainMenu .menuNav li ul.SubMenuNavBlock li ul li.current strong { font-weight: bold } #mainMenu .menuNav li ul.SubMenuNavBlock.SubMenuFooterBlock { background: transparent url(../png/bg_main_menu_footer.png) repeat-y left top } #mainMenu .menuNav li ul.SubMenuNavBlock.SubMenuFooterBlock li a { color: #0071b9; font-size: 1.167em; padding-left: 20px; padding-bottom: 0 } #mainMenu .menuNav li ul.SubMenuNavBlock.SubMenuFooterBlock li p { text-transform: none; color: #333; padding-left: 20px; font-size: .917em } #mainMenu .menuNav li ul.SubMenuNavBlock.SubMenuFooterBlock li img { margin: 5px 20px } /* ** 6.2 SubMenu ** */ .columns-L-and-C #leftCol .container.subMenuContainer { margin-right: 0 } #subMenu { width: auto } #subMenu .menuNav { margin: 0; padding: 0 } #subMenu .menuNav li { display: inline-block; width: 100%; margin-bottom: 8px; padding-right: 6px; width: 238px } #subMenu .menuNav li.current { background: transparent url(../png/bg_submenu_active.png) no-repeat right 4px } #subMenu .menuNav li ul { background: #f7f8f9 url(../png/bg_submenu_level2_active.png) no-repeat 11px top; margin-left: -10px; padding: 13px 0 0 10px } #subMenu .menuNav li ul li a { text-transform: none; font-weight: normal; padding-left: 0; padding-right: 8px } #subMenu .menuNav li ul li strong { text-transform: none; padding-left: 0; padding-right: 8px } #subMenu .menuNav li ul li ul { background-color: #e6e9eb; margin-left: 0 } #subMenu .menuNav li ul li ul li { width: 228px } #subMenu .menuNav li ul li ul li a { width: 88% } #subMenu .menuNav li a:hover, #subMenu .menuNav li strong { color: #006eba } #subMenu .menuNav a, #subMenu .menuNav strong { text-transform: uppercase; font-weight: bold; color: #454b50; padding-bottom: 8px; display: block } /* ** 6.3 Breadcrumbs ** */ .home .navBreadcrumbs { display: none } /*CEN*/ .cen #headerWrapper { background: transparent url(../png/logo_cen.png) no-repeat center 10px } .home .navBreadcrumbs { margin: 10px 20px } #headerWrapper .navBreadcrumbs { margin: 2px 0 0; border: none } /*.navBreadcrumbs {margin: 0px 20px 10px; padding: 10px 0 10px 10px; border-bottom: dotted 1px #a2a5a7; border-top: dotted 1px #a2a5a7;}*/ .navBreadcrumbs { margin: 0 20px 10px } .navBreadcrumbs p { font-style: italic; font-size: .846em } .navBreadcrumbs span { padding-right: 5px; display: inline-block } .navBreadcrumbs span.separator { padding: 0 5px; background: transparent url(../png/bg_separator.png) center 7px no-repeat; height: 20px; width: 4px } .navBreadcrumbs a { font-weight: bold; color: #0071b9 } .navBreadcrumbs a:hover { text-decoration: underline } #footer .navBreadcrumbs { padding: 10px 0 10px 10px; border-bottom: dotted 1px #a2a5a7; border-top: dotted 1px #a2a5a7; display: block } /********************************* 7. MAIN ****************************************************************************/ .container p { margin-bottom: 8px } #contentCol .module .container { position: relative; z-index: 1; overflow: visible } p img { float: left; margin: 5px 10px 10px 0 } p.image img { margin: 0 } #contentCol .date-of-release { padding: 0 10px } #contentCol .languageSelector { margin-right: 15px } /* ** 7.1 Page Title ** */ #contentCol .module.pageTitle .container { min-height: 0 } /* ** 7.2 Special Elements ** */ /* 7.2.1 Homepage Topics */ .sliderWithPager ul { background-color: #f7f8f9; width: 284px; height: auto; overflow: hidden } .nojs .sliderWithPager ul { background-color: #f7f8f9; width: 284px; height: 440px; overflow-y: scroll } .sliderWithPager li { padding-bottom: 5px; width: 284px } .sliderWithPager h3 { padding: 8px 10px 2px; margin-bottom: 3px } .sliderWithPager h3 a { color: #454b50 } .sliderWithPager h3 a:hover, .sliderWithPager h3 a:focus { color: #006eba; text-decoration: none } .sliderWithPager p, .sliderWithPager .read-more-link { padding: 0 10px } .sliderWithPager p > .read-more-link { padding-left: 5px; padding-right: 0 } .read-more-link { margin-left: 3px } /* 7.2.2 Picturebox Teaser */ #pictureboxTeaser { background-color: #000; color: #fff; width: 100% !important; overflow: hidden } #pictureboxTeaser li { position: relative } #pictureboxTeaser .contentWrapper { padding: 6px 10px; background: transparent url(../png/bg_picturebox_black.png) top left repeat; bottom: 0; left: 0; position: absolute; width: 648px } #pictureboxTeaser.page-editor .contentWrapper { position: relative; background: none } #pictureboxTeaser h3 { color: #fff; padding-bottom: 7px; line-height: 1.4em } #pictureboxTeaser h3 a { color: #fff } #pictureboxTeaser h3 a:hover, #pictureboxTeaser h3 a:focus { text-decoration: underline; color: #fff } #pictureboxTeaser p { padding-bottom: 2px } #pictureboxTeaser p.image img { float: none } /*#pictureboxTeaser.image img {width:100%; height: auto;}*/ /*.home #pictureboxTeaser {max-height: 280px; height: 280px;}*/ .home #pictureboxTeaser .contentWrapper { width: 568px } .home #pictureboxTeaserNav { background: transparent url(../png/bg_button_picturebox_next_previous_home.png) top left no-repeat; background-size: 100%; height: 30px } #pictureboxTeaserNav { text-align: center; background: transparent url(../png/bg_button_picturebox_next_previous.png) top left no-repeat; height: 30px; padding-top: 14px; width: 100% } #pictureboxTeaserNav a { display: inline-block; width: 16px; height: 16px; text-indent: -9999px; background: transparent url(../png/bg_button_picturebox_state.png) top right no-repeat } #pictureboxTeaserNav a.activeSlide { display: inline-block; width: 16px; height: 16px; text-indent: -9999px; background: transparent url(../png/bg_button_picturebox_state.png) top left no-repeat } #pictureboxTeaserNext, #pictureboxTeaserPrev { position: absolute; bottom: 0; width: 16px; height: 16px; cursor: pointer } #pictureboxTeaserPrev { left: 4px; background: transparent url(../png/button_prev_grey.png) top left no-repeat } #pictureboxTeaserNext { right: 4px; background: transparent url(../png/button_next_grey.png) top right no-repeat } /* 7.2.3 Latest Edition */ .sliderWithoutPager ul { width: 284px; height: auto; overflow: hidden } .sliderWithoutPager li { padding-bottom: 0 } #leftCol .sliderWithoutPager li { width: 135px } .home #leftCol .sliderWithoutPager li { width: 224px } #contentCol .sliderWithoutPager li { width: 140px } #contentCol .grid2Col .sliderWithoutPager li { width: 222px } /* 7.2.4 PhotoBox */ #photobox { width: 200px } #photobox li { float: left; margin: 4px 2px 0 } #photobox p.image { margin: 4px 2px 0 } /* ** 7.2.5 GalleryOverview ** */ .galleryOverview .galleryDescription { font-weight: bold } .galleryOverview .galleryOverviewSlider { border-top: 1px solid #e6e9eb; margin: 5px -10px 0 } .nojs .galleryOverview .galleryOverviewSlider, .galleryOverviewSlider.noSlide { margin: 0 5px 5px 5px; display: block } .galleryOverview .jcarousel-container { border-top: 1px solid #e6e9eb; margin: 8px -10px 0 } #leftCol .galleryOverview .jcarousel-container { border-top: none; margin: 8px 0 0 } .galleryOverview .jcarousel-container .galleryOverviewSlider { border-top: none } .galleryOverview .galleryOverviewSlider li { float: left; display: inline-block; margin: 4px 2px 0 } .galleryOverview .borderList li { padding-bottom: 0 } .galleryOverview .galleryOverviewSlider img { opacity: .5; filter: alpha(opacity=50) } .galleryOverview .galleryOverviewSlider a:hover img, .galleryOverview .galleryOverviewSlider a:focus img { opacity: 1; filter: alpha(opacity=100) } .galleryLightboxNotes { font-size: .923em } .galleryLightboxTitle { font-weight: bold; margin-bottom: 2px } /* ** 7.2.6 Dropdown ** */ .dropdown, .dropdown_c { height: 40px; cursor: pointer } .dropdown { background: url(../png/dropdown_r_blue.png) right top no-repeat; position: relative; top: 5px; margin: 0 13px 0 0 } .dropdown_c { background: url(../png/dropdown_c_blue.png) left top no-repeat; display: block; margin-right: 20px; color: #fff !important; font-weight: bold; padding-left: 9px } .dropdown ul { display: none; position: absolute; top: 20px; z-index: 3; background: #fff; border: 1px solid #c0c2c4; padding: 5px; min-width: 170px; _width: 170px } .dropdown:hover ul, .dropdown:focus ul, .dropdown:active ul { display: block !important } .dropdown li { float: none } .dropdown li:hover { background: #006eba; color: #fff } .dropdown li:hover a { color: #fff; text-decoration: none } .dropdown li a { padding: 5px; display: block } /* ** 7.2.7 detailHeader ** */ .detailHeader { border-bottom: 6px solid #e6e9eb } .detailHeader > img { float: left; margin: 0 10px 10px 0; border: 1px dotted #000 } .detailHeader .fiftyPercent.fll.mr { margin-right: 2%; width: 48% } .detailHeader .label { margin-left: 8px; margin-bottom: 4px; display: inline-block } .detailHeader .box { background: #fff; padding: 3px 8px; font-weight: bold } .detailHeader .clearThis.row { padding: 15px 0 } /* ** 7.3 Generel Elements ** */ /* 7.3.1 Date Fields */ .borderList .dateFields { display: block; overflow: hidden } .borderList .dateFields .category, .borderList .dateFields .count, .borderList .dateFields .galleryTitle { float: left; display: inline-block; padding-right: 3px; font-size: .923em } .borderList .dateFields .date { float: left; font-size: .923em } /* 7.3.2 Icons */ .icon_print { background: url(../png/icon_print.png) no-repeat; position: relative; text-indent: -9999px; display: inline-block; width: 31px; height: 49px; margin: 0 13px } .icon_staf { background: url(../png/icon_staf.png) no-repeat; position: relative; text-indent: -9999px; display: inline-block; width: 42px; height: 36px; top: 7px; margin: 0 19px 0 13px } /********************************* 8. FOOTER **************************************************************************/ .footerGeneralWrapper { position: absolute; bottom: -35px; left: 34px } .cen .footerGeneralWrapper { bottom: 5px; left: 24px } #footer { position: relative } #footerGeneral { font-size: .846em; color: #666 } #footerService { padding: 10px 0 20px } #footerService h2 { margin-bottom: 0 } #footerService h2 > span { background: #e6e9eb url(../png/icon_titles_sprite.png) no-repeat left -480px; display: inline-block; line-height: 48px; padding-left: 48px } #footerService .container { margin: 0 20px } #footerService .container p { color: #333; font-size: .846em; line-height: 1.3em; margin-top: 3px } #footerService li { background-color: #f7f8f9; width: 124px; margin-right: 8px; margin-top: 10px; height: 74px; float: left; display: inline-block; padding: 8px 10px; position: relative; overflow: hidden } #footerService li.last { margin-right: 0 } #footerService li a { text-transform: uppercase; color: #0071b9; font-weight: bold; font-size: 1.077em } #footerService li a:hover { text-decoration: underline } #footerService li .ext-link a { background: transparent url(../png/icon_next_blue.png) top left no-repeat; bottom: 5px; height: 15px; position: absolute; right: 5px; text-indent: -9999px; width: 25px } #footerService li .ext-link a:hover { background: transparent url(../png/icon_next_blue.png) bottom left no-repeat } /********************************* A. EXT TOOLS **************************************************************************/ #eventPopup { position: absolute; border: 1px solid #777; background: #ccc; padding: 3px } #eventPopup p { margin: 0; padding: 0 } /* tooltip styling */ .tooltip { display: none; background: url(../png/black_arrow_big.png); font-size: 12px; height: 70px; width: 160px; padding: 25px; color: #fff } /* a .label element inside tooltip */ .tooltip .label { color: #ff0; width: 35px } .tooltip a { color: #ad4; font-size: 11px; font-weight: bold } /* ** A.1 Calendar ** */ .nojs .calendar { display: none } .calendar { min-height: 220px; min-width: 284px } .ui-datepicker { width: 284px; padding: 0 0 44px; display: none; position: relative } .ui-datepicker .ui-datepicker-header { position: absolute; bottom: 0; left: 0; padding: 0; background: transparent url(../png/bg_button_next_previous_home.png) top left no-repeat; height: 44px; width: 100% } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; bottom: 0; width: 16px; height: 16px; cursor: pointer } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next span { text-indent: -9999px } .ui-datepicker .ui-datepicker-prev { left: 4px; background: transparent url(../png/button_prev.png) top left no-repeat } .ui-datepicker .ui-datepicker-next { right: 4px; background: transparent url(../png/button_next.png) top right no-repeat } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { font-size: 1.077em; font-weight: bold; text-align: center; padding-top: 14px; color: #454b50 } .ui-datepicker .ui-datepicker-title select { margin: 1px 0 } .ui-datepicker select.ui-datepicker-month-year { width: 100% } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49% } .ui-datepicker .cal_highlight a { color: #fff; font-weight: bold } .ui-datepicker table { width: 100%; border-collapse: collapse; margin: 0 0 8px } .ui-datepicker tr { border-bottom: 2px solid #fff } .ui-datepicker th { background-color: #a1a6a9; border-right: 2px solid #fff; color: #fff; font-weight: bold; height: 32px; margin: 2px; padding: 0 10px 0 0; text-align: right; width: 26px } .ui-datepicker th:last-child, .ui-datepicker td:last-child { border-right: 0 } .ui-datepicker td { background-color: #e6e9eb; border-right: 2px solid #fff; height: 28px; padding-right: 10px; text-align: right } .ui-datepicker td.ui-datepicker-current-day { background-color: #454b50 } .ui-datepicker td.ui-datepicker-current-day a, .ui-datepicker td.ui-datepicker-current-day span { color: #fff; font-weight: bold } .ui-datepicker td span, .ui-datepicker td a { color: #808497 } .ui-datepicker td.cal_highlight a, .ui-datepicker td.cal_highlight span { color: #454b50 } .ui-datepicker td.cal_highlight.ui-datepicker-current-day a, .ui-datepicker td.cal_highlight.ui-datepicker-current-day span { color: #fff } .ui-datepicker a.ui-state-default { cursor: default } .ui-datepicker a.ui-state-default:hover { text-decoration: none } .ui-datepicker a.ui-state-default.ui-state-active, .ui-datepicker .cal_highlight a.ui-state-default { cursor: pointer } .ui-datepicker a.ui-state-default.ui-state-active:hover, .ui-datepicker .cal_highlight a.ui-state-default:hover { text-decoration: underline } .ui-datepicker .cal_highlight:hover { background-color: #454b50 } .ui-datepicker .cal_highlight:hover > a { color: #fff !important } .ui-dialog { background-color: #fff; border: 6px solid #e6e9eb; padding: 10px; position: absolute } .ui-dialog .ui-icon-closethick { position: absolute; right: 10px; top: 10px; text-indent: -9999px; background: transparent url(../png/button_close.png) top left no-repeat; width: 12px; height: 12px } .ui-dialog .ui-dialog-title { font-weight: bold; padding-bottom: 2px; display: inline-block } .ui-dialog .event-list { font-size: .923em } .ui-dialog .event-list a { text-decoration: none } .ui-dialog .event-list a:hover { text-decoration: underline } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display /**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* ** A.2 Carousel ** */ /* .sliderWithPager .jcarousel-container-horizontal {background: transparent url(/images/WCO/bg_button_next_previous.png) bottom left no-repeat; padding-bottom: 35px; position: relative; width: 100%;} */.sliderWithPager .jcarousel-container-horizontal,.sliderWithoutPager .jcarousel-container-horizontal{background:#f7f8f9 url(../png/bg_button_next_previous.png) bottom left no-repeat;padding-bottom:0;position:relative}.grid2Col .sliderWithPager .jcarousel-container-horizontal,.grid2Col .sliderWithoutPager .jcarousel-container-horizontal{background:#f7f8f9 url(../bg_button_next_previous_grid2col.html) bottom left no-repeat}#contentCol .fullWidth .sliderWithPager .jcarousel-container-horizontal,#contentCol .fullWidth .sliderWithoutPager .jcarousel-container-horizontal{background:#f7f8f9 url(../bg_button_next_previous_fullwidth.html) bottom left no-repeat}.sliderWithPager .jcarousel-container-horizontal .jcarousel-clip-horizontal{margin:0;padding:0 0 30px;overflow:hidden}.sliderWithoutPager .jcarousel-container-horizontal .jcarousel-clip-horizontal{margin:0 30px;overflow:hidden}.home .sliderWithPager .jcarousel-container-horizontal,.home .sliderWithoutPager .jcarousel-container-horizontal{background:#f7f8f9 url(../png/bg_button_next_previous_home.png) bottom left no-repeat}/*.home .sliderWithPager .jcarousel-container-horizontal {background: transparent url(/images/WCO/bg_button_next_previous_home.png) bottom left no-repeat;} */.galleryOverview .jcarousel-container-horizontal{background:transparent url(../png/bg_button_gallerybox_next_previous.png) bottom left no-repeat;padding-bottom:4px;position:relative;overflow:hidden}#leftCol .galleryOverview .jcarousel-container-horizontal{background:transparent url(../png/bg_button_gallerybox_small.png) bottom left no-repeat}.galleryOverview .jcarousel-container-horizontal .jcarousel-clip-horizontal{margin:0 37px;overflow:hidden}.galleryOverview .jcarousel-container-horizontal .jcarousel-prev-horizontal{background:transparent url(../png/button_prev_lightgrey.png) top left no-repeat;bottom:3px}.galleryOverview .jcarousel-container-horizontal .jcarousel-next-horizontal{background:transparent url(../png/button_next_lightgrey.png) top right no-repeat;bottom:3px}.jcarousel-container-horizontal .jcarousel-prev-horizontal,.jcarousel-container-horizontal .jcarousel-next-horizontal{position:absolute;bottom:0;width:16px;height:16px;cursor:pointer}.jcarousel-container-horizontal .jcarousel-prev-horizontal{left:4px;background:transparent url(../png/button_prev.png) top left no-repeat}.jcarousel-container-horizontal .jcarousel-next-horizontal{right:4px;background:transparent url(../png/button_next.png) top right no-repeat}.jcarousel-container-horizontal .jcarousel-items-count{bottom:5px;left:0;position:absolute;text-align:center;width:100%}.jcarousel-container-horizontal .jcarousel-items-count span,.jcarousel-container-horizontal .jcarousel-items-count strong{padding:0 3px}.nojs .latestEdition{height:170px;overflow-y:scroll;overflow-x:hidden;width:197px}.nojs .home .latestEdition{height:170px;overflow-y:scroll;overflow-x:hidden;width:284px}.nojs .latestEdition li{width:100%;background:#f7f8f9}.nojs #pictureboxTeaser li{display:none}.nojs #pictureboxTeaser li:first-child{display:block}/* ** A.3 Fancybox ** */#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(../png/gallery_loading.png)}#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}#fancybox-wrap{position:absolute;top:0;left:0;padding:0 20px;z-index:1101;outline:none;display:none}#fancybox-outer{position:relative;width:100%;height:100%;background:#fff}#fancybox-content{width:0;height:0;padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0 solid #e6e9eb;border-width:0}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101}#fancybox-close{position:absolute;top:-30px;right:-42px;width:12px;height:12px;background:transparent url(../png/button_close.png) no-repeat 0 0;cursor:pointer;z-index:1103;display:none}#fancybox-error{color:#444;padding:14px;margin:0}#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top}#fancybox-frame{width:100%;height:100%;border:none;display:block}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background:transparent;z-index:1102;display:none}#fancybox-left{left:0}#fancybox-right{right:0}#fancybox-left-ico,#fancybox-right-ico{background-repeat:no-repeat;position:absolute;top:50%;width:45px;height:44px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;visibility:visible;/* IE6 */}#fancybox-left-ico{background-image:url(../png/gallery_lightbox_prev.png);left:-60px}#fancybox-right-ico{background-image:url(../png/gallery_lightbox_next.png);left:auto;right:-60px}.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:13px;height:13px;z-index:1001;background-repeat:no-repeat}#fancybox-bg-n{top:-13px;left:0;width:100%;background-image:url(../png/gallery_lightbox_shadow_n.png);background-repeat:repeat-x}#fancybox-bg-ne{top:-13px;right:-13px;background-image:url(../png/gallery_lightbox_shadow_ne.png)}#fancybox-bg-e{top:0;right:-13px;height:100%;background-image:url(../png/gallery_lightbox_shadow_e.png);background-repeat:repeat-y}#fancybox-bg-se{bottom:-13px;right:-13px;background-image:url(../png/gallery_lightbox_shadow_se.png)}#fancybox-bg-s{bottom:-13px;left:0;width:100%;background-image:url(../png/gallery_lightbox_shadow_s.png);background-repeat:repeat-x}#fancybox-bg-sw{bottom:-13px;left:-13px;background-image:url(../png/gallery_lightbox_shadow_sw.png);background-position:right top}#fancybox-bg-w{top:0;left:-13px;height:100%;background-image:url(../png/gallery_lightbox_shadow_w.png);background-position:right top;background-repeat:repeat-y}#fancybox-bg-nw{top:-13px;left:-13px;background-image:url(../png/gallery_lightbox_shadow_nw.png);background-position:right top}#fancybox-title{margin-top:8px;z-index:1102}.fancybox-title-inside{padding-bottom:10px;text-align:left;color:#333;background:#fff;position:relative}.fancybox-title-outside{padding-top:10px;color:#fff}.fancybox-title-over{position:absolute;bottom:0;left:0;color:#fff;text-align:left}#fancybox-title-over{padding:10px;background-image:url('../fancy_title_over.html');display:block}/* IE6 */.fancybox-ie6 #fancybox-close{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../png/button_close.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../png/button_prev.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../png/button_next.png',sizingMethod='scale')}.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight+"px")}#fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression(-20+(document.documentElement.clientHeight?document.documentElement.clientHeight/2:document.body.clientHeight/2)+(document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px")}#fancybox-loading.fancybox-ie6 div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../png/gallery_loading.png',sizingMethod='scale')}/* IE6, IE7, IE8 */.fancybox-ie .fancybox-bg{background:transparent !important}.fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../png/gallery_lightbox_shadow_n.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../png/gallery_lightbox_shadow_ne.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../png/gallery_lightbox_shadow_e.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../png/gallery_lightbox_shadow_se.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../png/gallery_lightbox_shadow_s.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../png/gallery_lightbox_shadow_sw.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../png/gallery_lightbox_shadow_w.png',sizingMethod='scale')}.fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../png/gallery_lightbox_shadow_nw.png',sizingMethod='scale')}/* ** A.4 Input Transform ** */form.jqtransformdone div.rowElem{clear:both;padding:4px 0}/* A.4.1 Selects ** */.jqTransformSelectWrapper{margin-left:-2px;margin-bottom:5px;position:relative;height:24px;background:transparent url(../png/bg_select_left.png) no-repeat 0 0;border:1px solid #fff;float:left}.jqTransformSelectWrapper div span{font-size:.846em;float:none;position:absolute;white-space:nowrap;height:18px;line-height:14px;padding:5px 0 0 12px;overflow:hidden;cursor:pointer}.jqTransformSelectWrapper a.jqTransformSelectOpen{display:block;position:absolute;right:0;width:21px;height:24px;background:url(../png/bg_select_right.png) no-repeat center center #fff}.jqTransformSelectWrapper ul{position:absolute;width:43px;top:26px;left:0;list-style:none;background-color:#fff;border:solid 1px #c0c2c4;display:none;margin:0;padding:0;height:250px;overflow:auto;overflow-y:auto;z-index:10;height:auto !important}.jqTransformSelectWrapper ul li{border-bottom:1px solid #e6e9eb;margin:5px;padding:0;clear:none;float:none;background-color:#fff}.jqTransformSelectWrapper ul li:last-child{border:none}.jqTransformSelectWrapper ul a{font-size:.846em;display:block;padding:3px 5px;text-decoration:none;background-color:#fff;font-weight:normal;color:#006eba}.jqTransformSelectWrapper ul a.selected{background:#006eba;color:#fff}.jqTransformSelectWrapper ul a:hover,.jqTransformSelectWrapper ul a.selected:hover{background:#006eba;color:#fff}/* A.4.2 Hidden ** */.jqTransformHidden{display:none}/*SEARCH / TEMPORARY*/#pager-header{margin-top:5px;margin-bottom:5px}#pager{clear:right;margin:5 0 5 0}#pager li{display:inline;float:left;padding:0 3px}#searchdocs li{padding:5px;border:1px solid #eee;overflow:hidden}#searchdocs li img{max-width:250px;height:auto}#searchdocs em{background:#006eba;color:#fff;font-weight:bold}.pagebutton{background:#fff}.search .ui-datepicker .ui-datepicker-prev{background:none}.search .ui-datepicker .ui-datepicker-next{background:none}/* right *//* ** Hightlight ** */h2 a:hover .highlight,h2 a:focus .highlight,.highlight{background:#005580;padding:1px 3px;color:#fff}.bx{cursor:default}.bx.selected{cursor:pointer}/* Item Name: jQuery Carousel Evolution Author: Mapalla Author URI: http://codecanyon.net/user/Mapalla Version: 1.1 *//* _______________________________________________ *//* CONTAINER *//* _______________________________________________ */.carousel{position:relative;padding-top:15px;margin:0 auto;width:100%;height:280px;border:none;overflow:hidden;background:#f7f8f9 url(../png/bg_button_next_previous.png) bottom left no-repeat}.page-editor .carousel{overflow:visible;min-height:280px;height:auto}.home .carousel{background:#f7f8f9 url(../png/bg_button_next_previous_home.png) bottom left no-repeat}.home .carousel .description{font-size:1em}.carousel .description{position:relative;bottom:0;margin:0 auto;height:110px;z-index:300;font-size:.9em}.page-editor .carousel .description{height:auto}.carousel .description>div{width:96%;margin:0 2%;text-align:center}.carousel .description h3 a{margin:0 0 10px;font-weight:normal}.carousel .description .teaser{height:68px;overflow:hidden}.page-editor .carousel .description .teaser{height:auto}/* --- text highlight fix for firefox on pager click --- */.carousel *{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}/* _______________________________________________ *//* SLIDES *//* _______________________________________________ *//* slide container */.carousel .slides{margin:0 auto;padding:0;border:none;list-style:none;position:relative;overflow:visible}/* slide item */.carousel .slides .slideItem{position:absolute;cursor:pointer;overflow:hidden;padding:0;margin:0;border:none}.carousel .slides .slideItem a{display:block;text-decoration:none;margin:0;padding:0;border:none;outline:none}.carousel .slides .slideItem img{margin:0;padding:0;border:none;width:100%;height:100%}/* _______________________________________________ *//* DIRECTION BUTTON *//* _______________________________________________ */.carousel .prevButton,.carousel .nextButton{position:absolute;bottom:2px;width:9px;height:16px;background-repeat:no-repeat;z-index:9999;cursor:pointer}.carousel .nextButton{right:4px;background-image:url("../png/button_next.png")}.carousel .prevButton{left:4px;background-image:url("../png/button_prev.png")}/* _______________________________________________ *//* NAVIGATION BUTTON *//* _______________________________________________ *//* buttons container */.carousel .buttonNav{position:relative;margin:0 auto;z-index:999}/* numbers */.carousel .buttonNav .numbers{position:relative;float:left;margin:5px;color:#828282;cursor:pointer;font-weight:bold;text-decoration:none;font-size:1em;font-family:Arial,Verdana}.carousel .buttonNav .numbers:hover{color:#000;text-decoration:underline}.carousel .buttonNav .numberActive{background:none;color:#000;cursor:default}/* bullets */.carousel .buttonNav .bullet{position:relative;float:left;width:16px;height:16px;background:url(../bullet-white.html) no-repeat center;margin:5px;float:left;cursor:pointer}.carousel .buttonNav .bullet:hover{background:url(../bullet-black.html) no-repeat center}.carousel .buttonNav .bulletActive{background:url(../bullet-black.html) no-repeat center;cursor:default}/* ____________________________________________________________ *//* VIDEO *//* ____________________________________________________________ */.carousel .slides .spinner{background-color:#000;/* video preloader */}/* _____________________________ * /* SHADOW *//* _____________________________ */.carousel .shadow{width:100%;height:82px}.carousel .shadow .shadowLeft{background:url("../shadowleft.html") no-repeat;width:100px;height:82px;/* fix png problems in ie */-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale)";/* IE8 */filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../shadowleft-2.html',sizingmethod=scale);/* IE6 & 7 */}.carousel .shadow .shadowMiddle{height:82px;background:url("../shadowtile.html") repeat-x;/* fix png problems in ie */-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale)";/* IE8 */filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../shadowtile-2.html',sizingmethod=scale);/* IE6 & 7 */}.carousel .shadow .shadowRight{width:100px;height:82px;background:url("../shadowright.html") no-repeat;/* fix png problems in ie */-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale)";/* IE8 */filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../shadowright-2.html',sizingmethod=scale);/* IE6 & 7 */}/* ____________________________________________________________ *//* REFLECTION GRADIENT *//* ____________________________________________________________ *//* gradient color for Opera */.carousel .gradient{background-image:url(../gradient.html)}/********************************************************************************************************************** === Registration Form === **********************************************************************************************************************/.scfForm{overflow:hidden}.scfSectionBorderAsFieldSet{border:0!important}.scfForm label,.scfForm .scfRadioButtonListLabel,.scfForm .scfDateSelectorLabel{text-align:right;padding-right:15px;text-transform:uppercase;padding-top:2px}.scfForm .scfDateSelectorLabel{margin-top:14px!important}.scfForm .scfSectionContent>div{margin-bottom:10px;overflow:hidden}.scfForm input[type="radio"]{/*position: relative;*/top:2px;margin-right:5px}.scfForm .scfRequired{position:relative;left:-25px;top:-3px}#subscriptionArea #btnArea input[type="submit"],.scfForm input[type="submit"],.scfForm input[type="reset"],.roundBtn{background:url(../png/btn_submit.png) no-repeat;width:90px;min-height:28px;_height:28px;border:0;cursor:pointer;float:left}.scfForm input[type="submit"]:hover,.scfForm input[type="reset"]:hover,.roundBtn:hover{color:#006eba}.scfForm .scfSubmitButtonBorder{overflow:hidden;display:block;margin-top:15px;float:left;margin-left:204px}.registerForm .scfFooterBorder{margin-bottom:50px}.registerForm .scfForm .scfSubmitButtonBorder{position:absolute;bottom:15px}.registerForm .roundBtn.reset,.contactForm .roundBtn.reset{position:absolute;bottom:5px;left:325px}.contactForm .roundBtn.reset{bottom:0}.contactForm .scfCaptchaGeneralPanel{position:relative;left:15px}.contactForm .scfCaptchaGeneralPanel>label{padding-top:15px;display:inline-block;text-align:left}.registerForm .mailto{margin-bottom:55px}.registerForm{margin-left:9px}.registerForm.contact .scfCaptcha{margin-bottom:40px}.scfForm .scfDateSelectorGeneralPanel label,.scfForm .scfDateSelectorGeneralPanel select{width:30%;padding:0;margin-right:3%;text-align:left}.scfForm .scfDateSelectorGeneralPanel label,.loginPage label{margin-bottom:5px}.scfForm fieldset{padding:0;margin:0}.scfForm fieldset legend{padding:0;margin:0;color:#454b50;padding-top:15px}.scfForm fieldset>p{margin-bottom:15px;display:block}.scfForm h1,.scfForm h2,.scfForm h3,.scfForm h4,.scfForm h5,.scfForm h6{font-size:1.4em;color:#454b50}.scfForm .scfCheckboxBorder{margin-left:200px}.scfCaptchStrongTextPanel{width:375px;display:block;float:left}.scfCaptchaLimitGeneralPanel,.scfCaptchStrongTextPanel{width:100%!important}.scfCaptchaLimitGeneralPanel .scfRequired{position:relative;margin-right:-50px}.scfCaptchaGeneralPanel{margin-left:15px;margin-bottom:15px}.scfCaptchaLabelText{position:absolute;left:15px}*+html .scfCaptchaGeneralPanel .scfCaptchaLimitGeneralPanel .scfRequired{left:14px}table#subscriptionArea{width:100%;font-size:1.2em;font-family:Verdana,Arial,Helvetica,sans-serif}table#subscriptionArea fieldset legend{font-size:1.4em;overflow:hidden;margin:0 0 10px 0}table#subscriptionArea fieldset>div{overflow:hidden}table#subscriptionArea td>div{margin:0!important}table#subscriptionArea td>div.area.right{float:left;margin-top:15px!important;width:100%;text-align:left;padding-top:15px;border-top:1px solid #f3f3f3}table#subscriptionArea td>div.area.right input[type="text"]{background:url("../png/bg_input_small.png") repeat-x 0 0 #f9fafa;border:1px solid #a1a6a9;padding:2px;width:60%;font-size:13px}table#subscriptionArea input[type="checkbox"]{position:relative;top:1px}table#subscriptionArea label{font-weight:normal}/********************************************************************************************************************** === Login Form === **********************************************************************************************************************/.loginPage .form{padding:10px 0}.loginPage>table{width:100%}.loginPage>table .form li{margin-bottom:7px}.loginPage label{width:30%;text-align:right;display:inline-block;padding-right:11px}.loginPage input[type="text"],.loginPage input[type="password"]{width:60%}.loginPage>table .form li.noLabel{margin-left:202px}.loginPage li.noLabel label{width:90%;text-align:left;position:relative;top:2px}.loginPage input[type="submit"]{border:0;border-radius:8px;color:#000;background:linear-gradient(to bottom,#fff 1%,#fff 50%,#e6e9eb 50%,#e6e9eb 100%);/* W3C */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#E6E9EB',GradientType=0);border:1px solid #d5d9db;margin:20px 0;padding:6px 30px;position:relative;cursor:pointer}.loginPage input[type="submit"]:hover{color:#006eba}.loginPage .button{margin:15px 0 15px 200px;display:block;overflow:hidden}.loginPage .inlineList a{margin-left:5px}/********************************************************************************************************************** === Failtext === **********************************************************************************************************************/.failtext{font-size:larger;color:#f00;font:bold}/********************************************************************************************************************** === AGENDA TABLES (WINDCHILL) === **********************************************************************************************************************/.windchill meta,.windchill title{display:none}.windchill p,.windchill h6,.windchill h5,.windchill h4,.windchill h3,.windchill h2,.windchill h1{text-align:left!important}.windchill u{text-decoration:none !important}.windchill table,.def_tbl{display:block;width:625px!important;background:none;height:auto!important}.windchill table,.windchill table td,.def_tbl td,.def_tbl th{border:1px solid #e6e9eb!important}.windchill table td,.windchill table th,.def_tbl td,.def_tbl th{padding:13px;white-space:normal!important;background:none;text-align:left}.windchill table th,.def_tbl th{font-weight:bold}.windchill table,.def_tbl,.windchill p,.windchill font{color:#454b50!important}.windchill>br,.windchill hr{width:0;height:0;display:none;position:absolute}.windchill table td a/*, .def_tbl td a */{display:block}.windchill table,.def_tbl{margin:15px 0}.windchill>sup{font-size:1em}.windchill center{text-align:left}#ftn1{width:auto!important}/********************************************************************************************************************** === SOLR SEARCH FORM === **********************************************************************************************************************/#searchSolr>div{display:inline-block;margin:5px;float:none;clear:both;width:100%}#searchSolr>div>input{width:500px;float:right;margin-right:11px}#searchSolr>div>select{width:506px;float:right;margin-right:11px}.solrFacettsBox h2{font-size:1em}.tagcloud>li{margin-bottom:10px;overflow:hidden;clear:both;display:block}.tagcloud>li>label{width:85%;float:left;display:inline-block;padding-right:0;position:relative;top:-3px;padding-left:2px}.tagcloud>li>input{float:left}#resetSolrCalendar{margin-left:0;padding-left:0;margin-top:10px;font-weight:bold}#calendar{min-height:140px}#calendar input{margin-bottom:5px}#calendar label{text-transform:lowercase;display:inline-block}#searchdocs h2{font-size:1em}#searchdocs .docType,#searchdocs .date{font-weight:normal;font-size:.9em}#searchdocs .metaInfo{margin:5px 0}#searchdocs .image{display:inline-block;overflow:hidden;float:left}#searchdocs .image image{margin-bottom:3px}#searchdocs .image .caption{color:#000;text-align:center;font-size:.8em;font-weight:bold}#searchdocs .pdf_download{border-top:1px solid #eee;height:31px;padding-top:9px}#searchdocs .pdf_download img{margin-right:16px}#result #pagination{border-top:6px solid #e6e9eb;border-bottom:6px solid #e6e9eb;background:#f7f8f9;margin:0 -10px;margin-bottom:15px;padding:10px 10px 7px 10px}#pagination #pager{float:right;margin-right:0}#pagination #pager-header{float:left;padding-top:2px}/********************************************************************************************************************** === SLIDING DOORS BUTTONS === **********************************************************************************************************************//* .sdBtn {background: url(/images/WCO/rbtn_right.png) no-repeat right 1px; display: block; float: left; height: 29px; margin-right: 6px; padding-right: 7px; text-decoration: none;} .sdBtn span {background: transparent url(/images/WCO/rbtn_left.png) no-repeat 0 0; display: block; line-height: 17px; padding: 7px 3px 5px 12px;}*/.sdBtn{/* Sliding right image */background:transparent url('../rbtn_right.html') no-repeat scroll right 2px;display:block;float:left;height:32px;/* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */margin-right:6px;padding-right:4px;/* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH *//* FONT PROPERTIES */text-decoration:none;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal}.sdBtn:hover,.sdBtn:focus,.sdBtn:active{color:#006eba;cursor:pointer}.sdBtn span{/* Background left image */background:transparent url('../rbtn_left.html') no-repeat;display:block;line-height:18px;/* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */padding:7px 11px 5px 15px}#calendar{position:relative}#ui-datepicker-div{z-index:9999!important}@media screen and (-webkit-min-device-pixel-ratio:0){.sdBtn{/* Sliding right image */background:transparent url('../rbtn_right.html') no-repeat scroll right 1px}}#chrtCont{z-index:1;width:661px;min-height:1218px;font-family:Arial,Helvetica,sans-serif;line-height:15px;display:inline-block}#chrtCont>div{position:absolute;z-index:2}#chrtCont .bxWrap{display:inline-block;width:100%;position:relative}#chrtCont>div span{display:block;position:relative}.bx1{background:#a1a6a9;color:#fff;height:154px;left:50px;top:-1px;width:289px}.bx1 div.cont{padding:29px 0 0 22px}#bx2Cont,#bx3Cont{position:relative;/*top:200px;*/}.bx2{position:static;background:#f7f8f9;border:6px solid #e6e9eb;width:266px;left:0;margin-bottom:10px}.bx3{position:static;border:6px solid #e6e9eb;right:0;width:265px;margin-bottom:5px}.bx3 div.cont{padding:9px 0 9px 16px}#bx2Cont{float:left}#bx3Cont{width:277px;float:right}.bx4{bottom:0;background:#e6e9eb;width:217px;height:196px;float:left;position:static}.bx4>div{padding:20px 0 0 20px}.bx4>div#directorate{padding:0;position:relative;bottom:-30px}.bx4 .title{padding-bottom:3px;text-transform:none}.bx4 br{line-height:14px;display:block;margin-bottom:14px}#bxL3C2{margin:0 5px}.bx5{width:661px;height:378px;background:#e6e9eb;display:none;clear:both;position:relative}@media screen and (-webkit-min-device-pixel-ratio:0){.bx5{width:661px;height:378px;background:#e6e9eb;display:none;clear:both;position:relative;top:-2px}}.bx5 .connector{height:14px;position:static;width:auto;background:#fff url(../png/connectorbg.png) no-repeat 105px 0;clear:both}.bx5 div.cont{padding:22px 0}.bx5 .d1,.bx5 .d2,.bx5 .d3{float:left;width:203px;height:364px;margin-left:17px}.bx5 .d1,.bx5 .d2{background:url(../png/horizseperator.png) no-repeat right top}.bx5 .r1{height:75px;padding-bottom:17px}.bx5 .r2{height:99px;padding-bottom:17px}.bx5 .title{text-transform:none}.bx5 .name{display:block;width:auto}.bx5 .name:hover,.bx1 .name1:hover,.bx1 .name2:hover,.bx2 .name:hover,.bx3 .name:hover,.bx4 .name:hover{cursor:pointer;text-decoration:underline}.bx5 .topTitle{font-size:14px;text-transform:uppercase;padding-bottom:19px}div#js{position:relative;width:661px;display:inline-block;padding-top:15px}#bxL4N2 .connector{background-position:330px 0}#bxL4N3 .connector{background-position:550px 0}.title.blue{color:#006eba;margin-bottom:19px;text-transform:uppercase}.title{font-size:13px;font-weight:bold;text-transform:uppercase}.name{font-size:13px}.title1{font-size:19px;font-weight:bold;text-transform:uppercase;margin-bottom:9px}.name1{font-size:19px;margin-bottom:20px}.title2{font-size:15px;font-weight:bold;text-transform:uppercase;margin-bottom:3px}.name2{font-size:15px}#bxL2C1R2 span.title{border-top:1px solid #e6e9eb}#bxL2C1R2 span{line-height:32px;padding-left:16px}.bx2 .gryBg{background:#e6e9eb}#bxL2C1R1 div{padding:9px 0 9px 16px}.connector{background:#e6e9eb;width:6px;position:absolute;z-index:2}.deactive{background:#f2f4f5}#LineL1C1{height:30px;top:-74px;left:63px}#LineL1C2{height:100%}#LineL1C3{height:30px}#LineL2C1{height:15px}#LineL2C3{height:15px}#LineL2R1{width:452px;height:6px}#tooltip{width:352px;height:368px;position:absolute;z-index:3;background:url(../png/tooltip.png) no-repeat bottom right;display:none}#tooltip .cont{padding:61px 17px 0 45px;height:250px}#tooltip .cont .description{overflow:auto;max-height:130px;margin-bottom:14px}#tooltip .button{background:url(../png/button.png) no-repeat top left;color:#006eba;font-size:13px;font-weight:bold;text-align:center;width:90px;height:28px;line-height:28px;margin-right:14px;cursor:pointer;float:right;height:250px}#tooltip h4{font-size:18px;font-weight:bold;padding-bottom:10px}#tooltip .title{font-size:13px;font-weight:bold;text-transform:none;padding-bottom:10px}.block{display:block !important}/* Meeting Chart */#chrtCont2{position:relative;z-index:1;width:661px;height:1218px;font-family:Arial,Helvetica,sans-serif;line-height:15px;display:inline-block}#chrtCont2 a{color:#454b50}#chrtCont2 .selected{background:#00f;border-color:#00f}#col1,#col2,#col3{width:191px;float:left;z-index:2}#col1,#col3{margin:0 20px}#col1{margin:0 20px 0 24px}.bx{border:6px solid #e6e9eb;text-transform:uppercase;font:Arial,Helvetica,sans-serif;font-weight:bold;font-size:13px;background:#f7f8f9;line-height:16px;z-index:2}.bx div{padding:11px}.bx ul{padding-left:13px}.bx li{list-style:disc;padding-bottom:8px}#col1 .bx{margin-bottom:6px}#col3 .bx{margin-bottom:20px}.bx.gry1{background:#a1a6a9;border-color:#a1a6a9;text-align:center;color:#fff;font-size:19px}.bx.gry2{background:#e6e9eb;border-color:#e6e9eb;text-align:center;color:#454b50}.bx.white{background:#fff;color:#a1a6a9}#col1 .bx.gry1{margin-bottom:181px}#col2 .bx{text-align:center}#col1 .tip1 .largeToolTip .bx.gry1{margin-bottom:6px}.connArrow{position:absolute;z-index:2;z-index:2}#connArowCol1{background:url(../png/connc1.png) no-repeat top left;width:24px;height:630px}#connArowCol2{background:url(../png/connc2.png) no-repeat top left;width:20px;height:671px}#connArowCol3{background:url(../png/connc3.png) no-repeat top left;width:20px;height:237px}#connArowCol4{background:url(../png/connc4.png) no-repeat top left;width:23px;height:543px}#connArowR1{height:2px;background:#c9cfd3;width:192px}#connArowR2{height:2px;background:#c9cfd3;width:192px}.largeToolTip{background:url(../png/largetooltipbg.png) no-repeat bottom right;position:absolute;z-index:4;width:568px;height:830px}.largeToolTip>div{padding:30px 20px 10px 44px}.largeToolTip .bx{margin-bottom:6px;clear:both;width:423px}.largeToolTip .bx div{padding:8px 5px 8px 9px}.largeToolTip .bx.gry1{width:191px;margin:0 0 6px 112px}.largeToolTip .bx.gry2{width:268px;margin:0 0 6px 73px}.horzLine{width:2px;height:200px;background:#c9cfd3;position:absolute}.vertLine{width:10px;height:2px;background:#c9cfd3;position:absolute}#tooltip_1,#tooltip_2,#tooltip_3,#tooltip_4{display:none}#tooltip_2 .bx{width:489px}#tooltip_2 .bx.gry1{width:191px;margin:0 0 6px 145px}#tooltip_2 .bx.gry2{width:268px;margin:0 0 6px 104px}#tooltip_2 .bx div{padding:8px 4px 8px 6px}#tooltip_3 .bx{margin:0 auto;text-align:center}#tooltip_3 .bx.gry1{width:191px;margin:0 auto 6px}#tooltip_3 .bx.gry2{width:268px;margin:0 auto 6px}#tooltip_3 .bx div{padding:12px}#tooltip_3>div{padding:30px 50px}#tooltip4col1{width:200px;float:left}#tooltip4col2{width:200px;float:right}#tooltip4col1>div{padding-left:30px}#tooltip4col2>div{padding-right:30px}#tooltip_4 .bx{margin:0 auto 6px;text-align:center;width:auto;text-align:left}#tooltip_4 .bx.gry1{width:191px;margin:0 auto 23px;text-align:center}#tooltip_4 .bx.gry2{text-align:center}#tooltip_4>div{padding:30px 50px}#tooltip_4 .arrow{position:absolute}#tooltip_4 .arrow.arrowLeft{background:url(../png/arrow_left.png) no-repeat left top;width:22px;height:12px}#tooltip_4 .arrow.arrowRight{background:url(../png/arrow_right.png) no-repeat left top;width:22px;height:12px}#tooltip_4 .arrow.arrowUp{background:url(../png/arrow_up.png) no-repeat left top;width:12px;height:22px}.ac_results{padding:0;border:1px solid #000;background-color:#fff;overflow:hidden;z-index:99999}.ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0}.ac_results li{margin:0;padding:2px 5px;cursor:default;display:block;/* if width will be 100% horizontal scrollbar will apear when scroll mode will be used *//*width: 100%;*/font:menu;font-size:12px;/* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */line-height:16px;overflow:hidden}.ac_loading{background:#fff url('../indicator.html') right center no-repeat}.ac_odd{background-color:#eee}.ac_over{background-color:#0a246a;color:#fff}/* WCO LESS Build Notes: This build is a slow transition taking the existing css code and splitting, where nessescary into modular LESS includes for better readability and accessability on future work. Date: 16/02/15 - WCO Audit Work Implementation *//* * jQuery FlexSlider v2.4.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * *//* ==================================================================================================================== * RESETS * ====================================================================================================================*/.flex-container a:hover,.flex-slider a:hover,.flex-container a:focus,.flex-slider a:focus{outline:none}.slides,.slides>li,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}/* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flexslider .slides:after{content:"\20";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}/* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);-o-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);box-shadow:'' 0 1px 4px rgba(0,0,0,.2)}.flexslider .slides{zoom:1}.flexslider .slides img{height:auto}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:1;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:"flexslider-icon";font-size:40px;display:inline-block;content:'';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:''}.flex-direction-nav .flex-prev{left:10px}.flex-direction-nav .flex-next{right:10px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:''}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a .flex-play:before{content:''}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}/* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}.text-padding-left{padding-left:5px}._link-icon,.external-link-icon,.download-icon{display:inline-block;width:18px;height:30px;margin:0 5px;background-size:cover;vertical-align:top}.external-link-icon{background-image:url('../png/bg_link_extern.png')}.download-icon{background-image:url('../png/bg_link_media.png')}.clear{clear:both}.clear-after:after{content:'';display:table;clear:both}.container--borderless{border:0;padding:5px 0;width:100%;float:left;box-sizing:border-box;padding-right:30px}.container--bordered-content{display:block;float:none;width:auto;font-size:12px;padding-top:10px;padding:5px 0}.container--bordered-content>div,.container--bordered-content>section{padding:5px;border:5px solid #e6e9eb;border-bottom:0}.container--bordered-content>div:last-child,.container--bordered-content>section:last-child{border-bottom:5px solid #e6e9eb}.container--bordered-content h2{font-size:20px}.quick-search-btn{height:21px;padding:0 5px}a:hover .highlight{color:#fff}.pagination{width:100%;border-top:2px solid #eee;border-bottom:2px solid #eee}.pagination .returned-results{display:block;text-align:center}.pagination__container{display:table;box-sizing:border-box;width:100%;float:right;padding:5px 20px 5px 0}.pagination__container label{padding:0;text-transform:none}.pagination__section{display:table-cell;vertical-align:top}.pagination__section ul{float:right}.pagination__section:nth-child(2){text-align:center}.pagination__section:nth-child(3){text-align:right}.pagination fieldset{box-sizing:border-box;padding:0 5px}.pagination fieldset>div{display:inline-block}.pagination li{display:inline-block;float:left;margin-left:1px;padding:3px 2px}.pagination a{display:block;text-decoration:none;font-weight:100;padding:3px 2px;margin:-3px -2px}.pagination a:hover{text-decoration:underline}.pagination a.active{font-weight:600}.pagination a.disabled,.pagination a.disabled:hover{color:#999;cursor:default;text-decoration:none}.wco-date-skin .ui-datepicker{border:#f3f3f3 1px solid;padding:0;margin:0;-webkit-box-shadow:2px 2px 6px -2px #ccc;-moz-box-shadow:2px 2px 6px -2px #ccc;box-shadow:2px 2px 6px -2px #ccc}.wco-date-skin .ui-datepicker table{table-layout:fixed;border-collapse:collapse;border-spacing:0}.wco-date-skin .ui-datepicker th,.wco-date-skin .ui-datepicker td{font-weight:normal;width:31px;height:31px;padding:0;margin:0;border:none}.wco-date-skin .ui-datepicker th span,.wco-date-skin .ui-datepicker td span,.wco-date-skin .ui-datepicker th a,.wco-date-skin .ui-datepicker td a{padding:0;margin:0;color:#000;text-align:center;font-weight:bold;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;height:30px;width:30px;margin:1px;padding:5px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wco-date-skin .ui-datepicker th span:hover,.wco-date-skin .ui-datepicker td span:hover,.wco-date-skin .ui-datepicker th a:hover,.wco-date-skin .ui-datepicker td a:hover{background:#edefee}.wco-date-skin .ui-datepicker th span.ui-state-active,.wco-date-skin .ui-datepicker td span.ui-state-active,.wco-date-skin .ui-datepicker th a.ui-state-active,.wco-date-skin .ui-datepicker td a.ui-state-active{background:#009acf;color:#fff}.wco-date-skin .ui-datepicker td span{color:#d3d3d3;font-weight:normal}.wco-date-skin .ui-datepicker td span:hover{background:none}.wco-date-skin .ui-datepicker-title select{font-size:1.1em;border:#dedede 1px solid;background:transparent;width:auto}.wco-date-skin .ui-datepicker-title select.ui-datepicker-month{font-weight:bold;direction:rtl}.wco-date-skin .ui-datepicker-header{margin:0;margin-bottom:-66px;padding:15px 0 15px;background:#f7f8fa}.wco-date-skin .ui-datepicker-calendar thead{background:#f7f8fa;border-top:#edefee 1px solid;border-bottom:#edefee 1px solid}.wco-date-skin .ui-datepicker-calendar tbody{margin:5px 0 0;width:100%}.wco-date-skin .ui-datepicker-prev,.wco-date-skin .ui-datepicker-next{top:17px;text-decoration:none;color:#000;width:11px;padding:0 5px}.wco-date-skin .ui-datepicker-prev{left:5px}.wco-date-skin .ui-datepicker-prev:hover{left:4px}.wco-date-skin .ui-datepicker-next{right:5px}.wco-date-skin .ui-datepicker-next:hover{right:4px}.search-results{font-size:12px}.search-results>.search-result-row{border-top:1px solid #e6e9eb;padding:3px}.search-results>.search-result-row:first-child{border-top:0}.search-results img{width:150px;height:auto;max-height:150px;background-color:#e6e9eb;float:right;margin:5px 0 5px 10px}.search-results h4{margin:5px 0}.result-details{display:table;table-layout:fixed;width:100%}.result-details__type-container{display:table-cell;width:120px;text-align:left;padding-right:10px}.result-details__date-container{display:table-cell;padding:0 10px;width:auto}.result-details__relevance-container{display:table-cell;padding-left:10px;text-align:right}.search-filters label{display:block;font-size:14px;text-transform:none;font-weight:bold;padding:15px 0 5px 0}.search-filters input+label{font-weight:normal;font-size:14px;display:inline;padding:0}.search-filters .submit-btn{border:0;border-radius:8px;color:#000;background:linear-gradient(to bottom,#fff 1%,#fff 50%,#e6e9eb 50%,#e6e9eb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#E6E9EB',GradientType=0);border:1px solid #d5d9db;margin:10px 0;padding:6px 30px;position:relative;cursor:pointer}.search-filters span.iconHeadline{display:none}.search-filters li{padding-bottom:8px}.tabs{height:30px}.tabs .tab{min-width:120px;height:100%;float:left;box-sizing:border-box;padding:5px 15px;background-color:#fff;text-align:center;position:relative;bottom:-1px;border:1px solid #ccc;border-left:0;color:inherit;text-decoration:none;font-weight:normal}.tabs .tab:first-child{border-left:1px solid #ccc}.tabs .tab.active{border-bottom:0;outline:0}.tabs .tab:focus{outline:2px solid #7dc0e2;outline-offset:4px;z-index:3000}.tabs .tab:active,.tabs .tab.active:focus{outline:0}.tab-content{display:none}.page-editor .tab-content,.tab-content.active{display:block}.page-editor .tab-content{border-top:1px solid #ccc}.page-editor .tab-content>h1:first-child{margin-top:10px}.page-editor .tab-content:first-child{border-top:0}.tab-content-container{box-sizing:border-box;padding:15px 10px 10px 10px;font-size:11px;border:1px solid #ccc}.promo-panel{display:block;float:left;padding:10px;margin:10px 10px 10px 0;border:6px solid #e6e9eb;width:205px}.promo-panel img{float:left;width:100%;height:auto}.promo-panel .promo-header{width:100%;clear:left;padding:10px 0 0}#leftCol .promo-panel{margin:10px 0 10px 20px;width:283px}.collection{display:block;float:left;width:100%}.collection li{display:block;float:left;width:140px;margin:0 8px 10px 8px}.collection .promo-panel{width:140px;border:none;padding:0 4.7% 0 0}.collection .promo-panel img{height:auto}.content-fragment{float:left;width:100%}.main-text{padding:10px}.header-group{padding:10px}/* ** 6.4 LoginBox ** */.loginBox,.logoutBox{background:url(../png/bg_login_flyout.png) repeat-x 0 8px transparent;bottom:17px;display:block;height:20px;padding:11px 9px 9px;position:absolute;right:0}/*CEN*//*.cen .loginBox, .cen .logoutBox {background: url(/images/WCO/bg_login_flyout.png) repeat-x 0 8px transparent; bottom: 178px; display: block; height: 20px; padding: 11px 9px 9px; position: absolute; right: 0;}*//*.cen.search .loginBox, .cen.search .logoutBox {bottom: 59px;}*/.loginBox a,.logoutBox{color:#fff;text-transform:uppercase;font-size:.923em;font-weight:bold}.loginBox a.icon_user{float:left;display:block;padding-top:2px}.logoutBox a{color:#fff}.logoutBox a.icon_user{padding-top:5px;display:block}.loginBox .icon_dropDown{padding-top:3px}.loginBox .loginBoxWrapper,.logoutBox .logoutBoxWrapper{position:absolute;left:-9999px;top:-9999px;background-color:#8f9396;padding:20px 10px 15px}.loginBox .loginBoxWrapper label,.logoutBox .logoutBoxWrapper label{color:#fff;font-size:.923em;display:inline-block;white-space:nowrap;padding-top:2px;text-align:right}.loginBox .loginBoxWrapper td,.logoutBox .logoutBoxWrapper td{vertical-align:top}.loginBox .loginBoxWrapper ul.form,.logoutBox .logoutBoxWrapper ul.form{width:21em}.loginBox .loginBoxWrapper ul.form li,.logoutBox .logoutBoxWrapper ul.form li{margin-bottom:10px}.loginBox .loginBoxWrapper ul.form label,.logoutBox .logoutBoxWrapper ul.form label{padding-right:1.3em;width:6.5em}.loginBox .loginBoxWrapper ul.form input[type="text"],.loginBox .loginBoxWrapper ul.form input[type="password"],.logoutBox .logoutBoxWrapper ul.form input[type="text"],.loginBox .loginBoxWrapper ul.form input[type="password"]{float:right;width:13em}.loginBox .loginBoxWrapper ul.form .button,.logoutBox .logoutBoxWrapper ul.form .button{float:right}.loginBox .loginBoxWrapper ul.form .noLabel,.logoutBox .logoutBoxWrapper ul.form .noLabel{padding-left:7.5em;margin-left:0}/*.loginBox:hover .loginBoxWrapper, .logoutBox:hover .logoutBoxWrapper {left: auto; top: 40px; right: 0; z-index: 100;}*/.loginBox:hover .loginBoxWrapper,.logoutBox:hover .logoutBoxWrapper{left:auto;top:40px;right:0;z-index:100}*+html .loginBox:hover .loginBoxWrapper{width:325px}*+html .logoutBox:hover .logoutBoxWrapper{width:325px}*+html .loginBox .form{position:relative}*+html .loginBox .form label{float:left}*+html .loginBox .form .noLabel>input{float:left;margin-left:-8px;position:relative;top:3px}*+html .flr.inlineList{float:left}*+html .mainWrapper .flr.inlineList{float:right}*+html .mainWrapper .module.ContentTitle{float:none;clear:both}*+html .loginBox .form .button>input{position:absolute;right:0;line-height:23px}.logoutBoxWrapper{min-width:200px}.logoutBoxWrapper #userName{color:#fff;display:block;border-bottom:1px dashed #c1c3c5;margin-bottom:10px;padding-bottom:4px}.logoutBox ul li{list-style-type:disc;margin-left:12px}.icon_user{background:url(../png/icon_user_white.png) 0 5px no-repeat;padding-left:15px}.logoutBox .icon_user{background:url(../png/icon_user_white.png) left 5px no-repeat}.icon_dropDown{background:url(../png/icon_dropdown.png) right center no-repeat;padding-right:17px;display:block}.news-listing li{border:none;padding:0 10px}.bannerWrapper{position:relative}.bannerWrapper h2{position:absolute;color:#fff;text-transform:uppercase;z-index:10;left:40px;top:44%;font-size:1.846em;font-weight:normal}.contact-listing{clear:left}.contact-listing h2{padding:10px 10px 0 10px;font-size:1.077em;font-weight:bold;text-transform:uppercase}.contact-listing .contact{display:block}.contact-listing .contact .job-title{display:block;clear:left;margin-bottom:20px}.contact-listing .contact .details{float:left}.contact-listing .contact .details li{width:100%;float:left;clear:left}.contact-listing .contact img{float:right}.link-list .PreviewImage{height:20px;width:20px}#leftCol .link-list li{clear:left;width:100%}#leftCol .link-list li .link_extern_custom_img{padding-left:0}.content-slider .iconHeadline{margin-bottom:0;border-bottom:5px solid #e6e9eb}.teaser-panel .container{border:6px dashed #e6e9eb;padding:10px}#slider{height:427px;padding-bottom:50px;background:transparent url(../png/bg_button_picturebox_next_previous_home_wide.png) bottom center no-repeat;margin-bottom:0}#slider .slides li{position:relative;height:434px;/*img { height: 437px; }*/}#slider .slides li h3{position:absolute;width:580px;padding:20px;bottom:0;left:0;color:#fff;background:#000;font-weight:400;font-size:1em}#slider .flex-direction-nav a{top:auto;bottom:0;width:20px;height:20px}#slider .flex-direction-nav a:before,#slider .flex-direction-nav a:after{content:none}#slider .flex-direction-nav .flex-prev{text-indent:-9999px;background:transparent url(../png/button_prev_grey.png) top left no-repeat;left:7px;bottom:0}#slider .flex-direction-nav .flex-next{text-indent:9999px;background:transparent url(../png/button_next_grey.png) top left no-repeat;right:-6px;bottom:0}#slider .flex-direction-nav .flex-disabled{opacity:1 !important;filter:alpha(opacity=1);cursor:pointer}#slider .flex-control-nav{bottom:15px}#slider .flex-control-nav li a{background:#006eba}#slider .flex-control-nav li a.flex-active{background:#21a4ff}.slide-download-link{position:absolute;right:0;bottom:-65px}.image-gallery-slider{padding-top:15px}#carousel{margin-bottom:0}#carousel .slides>li{margin-right:15px;cursor:pointer}#carousel .flex-direction-nav{display:none}.secondary-lang-panel{margin-bottom:20px}.secondary-lang-panel.container .alert{background:#f7f4d6;border:1px solid #d6cf85;padding:10px;color:#947234;font-weight:bold;text-align:center}.secondary-lang-panel.container p:last-of-type{margin-bottom:0}.secondary-lang-panel label{text-transform:none;padding-right:20px}.secondary-lang-panel label,.secondary-lang-panel input{vertical-align:middle}.secondary-lang-panel input{margin-right:5px}.secondary-lang-panel tr{float:left}.secondary-lang-panel .return-to-default-lang{border:none;background:none;padding:0;margin:15px 0 0;color:#006eba;text-decoration:none;font-weight:bold;cursor:pointer}.secondary-lang-panel .return-to-default-lang:hover{text-decoration:underline}.secondary-lang-panel p .return-to-default-lang{margin:0}.meeting-container{margin-right:20px;margin-bottom:20px}.meeting__heading{margin-bottom:0;font-size:32px;line-height:32px;font-weight:bold}.meeting__subheading{color:#666;font-size:16px}.meeting__date{color:#666}.meeting-details{padding:10px;box-sizing:border-box}.meeting-content-container{padding:10px}table.content-table{width:100%;font-size:11px}table.content-table tbody>tr>td{vertical-align:top;padding:10px 5px}table.content-table .meeting-description-data{width:45%}table.content-table ul>li{padding-bottom:5px}.indent-level{display:block}.indent-level--1{padding-left:0}.indent-level--2{padding-left:40px}.indent-level--3{padding-left:60px}.indent-level--4{padding-left:80px}.social-links{float:left;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:5px;margin:10px 0 10px 20px;width:305px}.social-links--left{justify-content:flex-start}.social-links--right{justify-content:flex-end}.social-links__link{display:inline-block;border:none;margin:0 7px;width:32px;height:32px;text-decoration:none}.social-links--left .social-links__link:first-child{margin-left:0}.social-links--right .social-links__link:last-child{margin-right:0}.social-links__image{transition:opacity .25s ease-in;opacity:1}.social-links__image:hover{opacity:.5}