.clearfix{*zoom:1} .clearfix:before, .clearfix:after{display:table;content:""} .clearfix:after{clear:both} .hide-text{overflow:hidden;text-indent:100%;white-space:nowrap} .input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} div#navContainer{background:#678298;font-family:'Roboto Condensed',sans-serif;font-weight:normal} div#navContainer .container{padding-left:0;padding-right:0} div#navContainer .navbar-collapse{padding:0;border:0} div#navContainer .navbar-default, div#navContainer .navbar{background:0;border:0} div#navContainer .navbar-default ul, div#navContainer .navbar ul, div#navContainer .navbar-default ul li a:link, div#navContainer .navbar ul li a:link, div#navContainer .navbar-default ul li a.active, div#navContainer .navbar ul li a.active, div#navContainer .navbar-default ul li a:visited, div#navContainer .navbar ul li a:visited{background-color:#678298} div#navContainer .navbar-default ul li a:hover, div#navContainer .navbar ul li a:hover, div#navContainer .navbar-default ul li a:focus, div#navContainer .navbar ul li a:focus, div#navContainer .navbar-default ul li a.highlighted, div#navContainer .navbar ul li a.highlighted{background-color:#96a8b3} div#navContainer .navbar-default ul li.L0, div#navContainer .navbar ul li.L0{font-size:18px} div#navContainer .navbar-default ul li.L0 li, div#navContainer .navbar ul li.L0 li{font-size:16px} div#navContainer .navbar{margin-bottom:0} div#navContainer a{color:#fff} div#sideNav{background:#7f9cbe;font-family:'Roboto Condensed',sans-serif;font-weight:normal;font-size:20px;padding:10px 0;margin-bottom:20px} div#sideNav ul{padding:0;list-style:none} div#sideNav li.L0>a{padding:6.66666666667px 20px;font-size:24px;color:#fff;display:block;text-shadow:0 1px 3px rgba(0,0,0,0.25)} div#sideNav li.L1{padding:5px 0 5px 20px;font-size:18px} div#sideNav li.L1 li{padding-left:10px;list-style:none;font-size:.85em} div#sideNav li.L1 a, div#sideNav li.L1 a.active{display:block;text-shadow:0 1px 1px rgba(0,0,0,0.25);padding-right:10px} div#sideNav li.L1 li.active>a, div#sideNav li.L0 li.active>a{color:#366084;text-shadow:1px 1px 0 rgba(255,255,255,0.25);font-weight:bold;font-size:1.05em} div#sideNav li.L1 a, div#sideNav li.L1 a:link, div#sideNav li.L1 a:visited, div#sideNav li.L1 a:active, div#sideNav li.L1 a:focus{color:#fff} div#sideNav li.L1.exp{background:#879cb6} .navbar-toggle{color:#fff} div#contentWrapper div.index-content h2{margin:0;color:#008080} div#contentWrapper div.index-content div.in-focus-item h3, div#contentWrapper div.index-content div.in-focus-item h2, div#contentWrapper div.index-content div.in-focus-item h1{font-weight:normal;margin:0;padding:20px 0;color:#788399;font-size:18px;text-transform:uppercase} div#contentWrapper div.index-content div#index-tab-panel ul.nav-tabs, div#contentWrapper div.index-content ul.nav-tabs{margin:12px 0 5px} div#contentWrapper div.index-content div#index-tab-panel ul.nav-tabs li a, div#contentWrapper div.index-content ul.nav-tabs li a{text-transform:uppercase;font-size:17px;font-family:'Roboto Condensed',sans-serif;color:#879cb6;padding:3.33333333333px 20px} div#contentWrapper div.index-content div#index-tab-panel ul.nav-tabs li.active a, div#contentWrapper div.index-content ul.nav-tabs li.active a{color:#788399} div#contentWrapper div.index-content div.tab-content{padding-top:10px} div#contentWrapper div.index-content div.tab-content ul{padding:0} div#contentWrapper div.index-content div.tab-content ul li{font-size:12px;padding:0 0 10px;margin:0 0 10px;border-bottom:1px dotted #ccc;list-style:none} .twitter-time-line{background:#fff;padding:0} .twitter-time-line li.tweet{float:left;padding:0 0 10px;margin:0 0 10px;list-style:none;border-bottom:1px dotted #ccc} .twitter-time-line li.tweet div.tweet-text{font-size:12px;padding-bottom:5px} .twitter-time-line li.tweet div.tweet-date{float:left;font-size:11px;color:#666} .twitter-time-line li.tweet ul.tweet-intents{display:none;float:right;margin-top:-5px} .twitter-time-line li.tweet ul.tweet-intents li{font:normal 8pt Arial,Helvetica,sans-serif;display:inline;list-style:none;padding-left:5px} .twitter-time-line li.tweet ul.tweet-intents span{margin:0;padding:0;display:none} .twitter-time-line li.tweet ul.tweet-intents div.spritewrap{background:transparent url(/cdn/img/twitter/everything-spritev2.png) no-repeat;height:16px;width:16px;margin:0 2px;float:left} .twitter-time-line li.tweet ul.tweet-intents li.tw-reply div.spritewrap {background-position: 0 0} .twitter-time-line li.tweet ul.tweet-intents li.tw-retwitt div.spritewrap {background-position:-80px 0} .twitter-time-line li.tweet ul.tweet-intents li.tw-favour div.spritewrap {background-position:-32px 0} .twitter-time-line li.tweet ul.tweet-intents li.tw-reply div.spritewrap-hover {background-position:-16px 0} .twitter-time-line li.tweet ul.tweet-intents li.tw-retwitt div.spritewrap-hover {background-position:-96px 0} .twitter-time-line li.tweet ul.tweet-intents li.tw-favour div.spritewrap-hover {background-position:-48px 0} .twitter-time-line li.tweet ul.tweet-intents:after{clear:both} .twitter-time-line li.last-tweet{border:0} div#carouselContainer{height:420px;background:#b6c7d1} div#carouselContainer .carousel-control .icon-prev, div#carouselContainer .carousel-control .icon-next, div#carouselContainer .carousel-control .glyphicon-chevron-left, div#carouselContainer .carousel-control .glyphicon-chevron-right{top:25%} div#carouselContainer .carousel-indicators{top:10px;margin-top:5px} div#carouselContainer .carousel-indicators li{border-radius:15px;height:15px;margin:5px;width:15px} div#carouselContainer div.carousel-inner{height:420px;background:#777} div#carouselContainer div.carousel-inner div.carousel-caption{text-align:left;right:0;left:0;bottom:0;padding:10px 20px;color:#000;background:transparent url('/img/opacity-white-80.png');text-shadow:none} div#carouselContainer div.carousel-inner div.carousel-caption h1{font-family:'Roboto Condensed',sans-serif;font-weight:bold;text-transform:none;letter-spacing:0;font-size:22px;color:#333;padding:0 0 5px;margin:0} div#carouselContainer div.carousel-inner div.carousel-caption h1 a{color:#000} div#carouselContainer div.carousel-inner div.carousel-caption h1 a:hover{color:#165a85;text-decoration:none} div#carouselContainer div.carousel-inner div.carousel-caption p{font-family:'Roboto',sans-serif;font-size:15px;color:#000;margin:0;padding:0;line-height:18px} div#carouselContainer div.carousel-inner div.item{height:420px} div#carouselContainer div.carousel-inner div.item div.container{height:420px} div#carouselContainer div.carousel-inner div.item div.container.carousel-image{height:100%;background-repeat:no-repeat;background-position:center center;background-size:100% 100%} div#carouselContainer div.carousel-inner div.item a.btn{background:0;border:1px solid #777;font-size:14px;margin:10px 0 5px;color:#000} div#carouselContainer div.carousel-inner div.item a.btn:hover{color:#efefef;border:1px solid #165a85;background:#165a85;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} div#mini-calendar{padding-top:20px} div#mini-calendar .eventsCalendar-day-header{text-align:center} div#mini-calendar .eventsCalendar-daysList li a{font-size:12px} div#mini-calendar a.arrow{width:60px;height:15px;display:block;color:#666;font-size:10px;top:-3px;text-decoration:none} div#mini-calendar a.arrow span{display:block;padding:2px 5px 0} div#mini-calendar a.prev{ left:10px;text-align: left} div#mini-calendar a.next{right:10px;text-align:right} div#mini-calendar a.arrow:after{border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-width:6px;top:50%;margin-top:-4px;z-index:10} div#mini-calendar a.next:after{ left:100%; border-left-color:#333;margin-right:15px} div#mini-calendar a.prev:after{right:100%;border-right-color:#333; margin-left:25px} div#mini-calendar a.monthTitle{text-decoration:none;color:#333;font-size:13px;font-weight:bold} div#mini-calendar div.eventsCalendar-monthWrap{border-bottom:1px dotted #666} div#mini-calendar div.eventsCalendar-currentTitle{height:20px;margin:0 60px} div#mini-calendar li.eventsCalendar-day{padding:5px 0;background-color:#fff;width:14.2857142857%} div#mini-calendar li.eventsCalendar-day.dayWithEvents{padding:3.33333333333px 0;background-color:#efefef} div#mini-calendar .eventsCalendar-daysList li.current{background-color:#069} div#mini-calendar .eventsCalendar-daysList li.current a:link, div#mini-calendar .eventsCalendar-daysList li.current a:active, div#mini-calendar .eventsCalendar-daysList li.current a:visited{color:#fff} div#mini-calendar li.eventsCalendar-day-header{background:#e6e6e6;color:#666;font-size:9px;padding:2px 0;margin:6.66666666667px 0} div#mini-calendar .eventsCalendar-list time{display:block;color:#666;font-size:11px;padding:0 0 2.5px} div#mini-calendar .eventsCalendar-list time small{margin:0 6.66666666667px;display:none} div#mini-calendar .eventCalendar-wrap{top:10px} div#mini-calendar ul.eventsCalendar-daysList{width:100%;margin:0;padding:0} img.aLeft{margin:0 1.5em .2em 0;float:left} img.aRight{margin:0 1.5em .2em 0;float:right} img.aLeftHalf, .aLeftHalf {float:left; max-width:50%;margin-right:20px} img.aRightHalf,.aRightHalf{float:right;max-width:50%; margin-left:20px} img.aLeftFull{max-width:100%} img.aRightFull{max-width:100%} img.aLeftFull:before,img.aLeftFull:after,img.aRightFull:before,img.aRightFull:after{content:" ";clear:both} img.captionedImage{border:0} a.video-youtube-half,div.video-youtube-half{float:left;max-width:100%;margin-right:20px;padding:0 20px 0 0} a.video-youtube-full,div.video-youtube-full{max-width:100%} div.buttons-list-row{padding:0 0 20px} div.buttons-list-row>div img{margin-bottom:10px} div.buttons-list-row>div p{font-size:.95em; text-align:left} ol.buttons-list-row, ul.buttons-list-row{display:block;padding-left:0;margin-left:0} ol.buttons-list-row li, ul.buttons-list-row li{list-style:none;font-size:.9em} ol.buttons-list-row li img, ul.buttons-list-row li img{margin-bottom:20px} ol.buttons-list-row-overlay, ul.buttons-list-row-overlay{float:left;max-width:100%;margin-right:20px;padding:0 20px 0 0} ol.buttons-list-row-overlay li, ul.buttons-list-row-overlay li{list-style:none;font-size:1em} ol.buttons-list-row-overlay li a, ul.buttons-list-row-overlay li a, ol.buttons-list-row-overlay li a:link, ul.buttons-list-row-overlay li a:link, ol.buttons-list-row-overlay li a:focus, ul.buttons-list-row-overlay li a:focus{color:#fff;text-shadow:1px 1px 3px #000} ol.buttons-list-row-overlay li img, ul.buttons-list-row-overlay li img{position:relative} ol.buttons-list-row-overlay li div, ul.buttons-list-row-overlay li div{position:absolute;bottom:0;left:0;display:block;padding:10px 20px} a.button-read-more{color:darker(#b6c7d1,10%);font-size:12px;border-color:#b6c7d1} a.button-read-more i.glyphicon{margin-left:5px} table.table-zebra, table.table-zebra-nowrap{border-collapse:collapse;border-spacing:0;width:100%;height:100%;margin:0;padding:0} table.table-zebra tr td, table.table-zebra-nowrap tr td{vertical-align:top;border:1px solid #efefef;border-width:0 1px 1px 0;padding:10px 6.66666666667px} table.table-zebra tr:first-child, table.table-zebra-nowrap tr:first-child, table.table-zebra tr:first-child td, table.table-zebra-nowrap tr:first-child td, table.table-zebra th, table.table-zebra-nowrap th, table.table-zebra tr.table-header td, table.table-zebra-nowrap tr.table-header td, tr.table-header{background:#b6c7d1;color:#366084;font-weight:bold;vertical-align:middle} table.table-zebra tr td.subhead, table.table-zebra-nowrap tr td.subhead{background:#d1c0b6;font-weight:bold;vertical-align:middle; white-space:nowrap} table.table-zebra tr:nth-child(2n+3), table.table-zebra-nowrap tr:nth-child(2n+3){background:#efefef} table.table-zebra tr:nth-child(2n+3) td, table.table-zebra-nowrap tr:nth-child(2n+3) td{border:1px solid #fff} table.table-zebra-nowrap tr:first-child, table.table-zebra-nowrap tr:first-child td, table.table-zebra-nowrap th{white-space:nowrap} table.table-bs-standard tr:first-child, table.table-bs-striped tr:first-child, table.table-bs-striped-hover tr:first-child, table.table-bs-standard tr:first-child td, table.table-bs-striped tr:first-child td, table.table-bs-striped-hover tr:first-child td, table.table-bs-standard th, table.table-bs-striped th, table.table-bs-striped-hover th{color:#366084;font-weight:bold;vertical-align:middle;border-bottom-width:3px} table.stdtable{border-collapse:collapse;margin:5px 5px 10px} table.stdtable th, table.stdtable thead td{background:#ddd none repeat scroll 0;border-color:#ccc #aaa #aaa #ccc;border-style:solid;border-width:1px;font-size:12px;padding:2px 5px} table.stdtable td{border-bottom:1px solid #aaa;border-left:1px solid #c6c6c6;border-right:1px solid #aaa;padding:2px 5px;vertical-align:top} table.stdtable tr.alt td {background:#f6f6f6 none repeat scroll 0} table.stdtable td.subhead{background:#f6f6f6 none repeat scroll 0;font-weight:bold} p.clear{clear:both} p.v-7{clear:both} p.this-oosa-version{clear:both} div.pillRight{float:right;width:400px} div.pillLeft{float:left;width:300px} a.embed-youtube{display:block} a._include{background-color:#ededed;color:#666;padding-left:10px;padding-right:10px;text-decoration:none;-webkit-box-shadow:-2px 2px 4px 2px rgba(0,0,0,0.29);-moz-box-shadow:-2px 2px 4px 2px rgba(0,0,0,0.29);box-shadow:-2px 2px 4px 2px rgba(0,0,0,0.29);position:relative} a._include:after, .arrow_box:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none} a._include:after {border-color:rgba(237,237,237,0);border-left-color:#ededed;border-width:10px;margin-top:-10px} a._include:before{border-color:rgba(181,181,181,0);border-left-color:#b5b5b5;border-width:11px;margin-top:-11px} div#contentWrapper div.snippet-01-image-block-right{width:33.33333333%;float:right; padding-left:20px;padding-bottom:20px} div#contentWrapper div.snippet-01-image-block-left {width:33.33333333%;float: left;padding-right:20px;padding-bottom:20px} div#contentWrapper div.snippet-01-image-block-right, div#contentWrapper div.snippet-01-image-block-left img{width:100%} div#contentWrapper div.snippet-02-image-block-left, div#contentWrapper div.snippet-02-image-block-right{float:left;padding:0 20px 20px 0;width:50%} div#contentWrapper div.snippet-02-image-block-left img, div#contentWrapper div.snippet-02-image-block-right img{width:100%} div#contentWrapper div.snippet-02-image-block-right{float:right;padding:0 20px} div#contentWrapper div.snippet-07-item{padding:5px 0} div#contentWrapper div.snippet-07-item .snippet-07-image-block{padding:0 20px 5px 0} div#contentWrapper div.snippet-07-item p{line-height:1.5em} div#contentWrapper div.snippet-09-wrapper div.snippet-09-right-block{padding:0 0 10px 20px; float:right} div#contentWrapper div.snippet-09-wrapper div.snippet-09-left-block{padding:0 20px 10px 0; float:left} div#contentWrapper div.snippet-09-wrapper div.snippet-09-image{padding-bottom:20px} td.docTableTitle{color:#788399;font-size:18px;text-transform:uppercase;font-family:"Roboto Condensed",sans-serif} path:not([fill^="#f5f5f5"]):hover{cursor:pointer;fill:#7f9cbe} body#site-body{background:#fff} div#headerContainer{padding-top:20px} div#headerContainer div#header-logo .icon-unoosa-logo{font-size:70px} div#headerContainer div#header-logo h1{padding:0 0 13.3333333333px;margin:0} div#headerContainer div#header-logo h1 a, div#headerContainer div#header-logo h1 a:link, div#headerContainer div#header-logo h1 a:hover, div#headerContainer div#header-logo h1 a:active{color:#333;text-decoration:none} div#headerContainer div#header-logo h1 a span, div#headerContainer div#header-logo h1 a:link span, div#headerContainer div#header-logo h1 a:hover span, div#headerContainer div#header-logo h1 a:active span{display:none} div#headerContainer div#header-logo h1 .org-full-split01{font-weight:bold;margin-left:68px;padding-top:3px} div#headerContainer div#header-logo h1 .org-full-split02{font-size:22px;margin-left:68px} form#search button{background:#b6c7d1;color:#fff} form#search button, form#search input{border-color:#b6c7d1} form#search input{box-shadow:none} div#footer{background:#274660} div#footer div{padding-top:10px;padding-bottom:10px} div#footer div h3{font-family:'Roboto Condensed',sans-serif;color:#b2b8c5;padding:10px 0 20px;margin:0} div#footer div h4{font-family:'Roboto Condensed',sans-serif;color:#fff; padding: 0 0 10px;margin:0} div#footer div p{color:#91b4d2;font-weight:normal} div#footer div p a{color:#fff} div#footer div#latest-container .latest-item{padding:0 0 13.3333333333px} div#footer div#latest-container .latest-item .latest-item-date{padding:0;font-size:11px;font-style:italic} div#footer div#latest-container .latest-item .latest-item-title{padding:5px 0 0} div#footer div#latest-container .latest-item .latest-item-title a{color:#91b4d2} div#footer div#latest-container .latest-item .latest-item-title a:hover, div#footer div#latest-container .latest-item .latest-item-title a:focus{color:#fff} div#subfooter{background:#000} div#subfooter .subfooter-content{padding:20px;font-size:12px;color:#586c78;text-align:center} ul#breadcrumbs{padding:10px 0 10px 15px;margin:0} ul#breadcrumbs li{list-style:none;display:inline;font-size:12px} ul#breadcrumbs li:after{content:" > ";color:#999} ul#breadcrumbs li.bc-last a{color:#666} ul#breadcrumbs li.bc-last:after{content:""} div.eventsCalendar-list-wrap p.eventsCalendar-subtitle{font-family:'Roboto Condensed',sans-serif;color:#586c78;font-weight:normal;font-size:16px;margin:0;padding:6.66666666667px 0} div.eventsCalendar-list-wrap ul.eventsCalendar-list{margin:0;padding:0;font-size:12px} div.eventsCalendar-list-wrap ul.eventsCalendar-list li.event{list-style:none;padding:0 0 0px;margin:0 0 10px;border-bottom:1px dotted #ccc} h3.accordeonHeader{position:relative;padding:20px 0 10px 20px;cursor:pointer} h3.accordeonHeader:before{content:"";width:16px;height:16px;position:absolute;left:0;top:22px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogPGc+DQogIDxwYXRoIGQ9Im0xLDNsMTQsNWwtMTQsNWwwLC0xMHoiIGZpbGw9ImJsYWNrIi8+DQogPC9nPg0KPC9zdmc+) center center no-repeat;-moz-transition:all 500ms 200ms ease;-webkit-transition:all 500ms 200ms ease;-o-transition:all 500ms 200ms ease;transition:all 500ms 200ms ease} h3.accordeonHeader.expanded:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} div#contentWrapper h3.accordeonHeader{text-transform:none;margin:0;line-height:1.4em} div#contentWrapper p.accordeonItem{padding-left:20px} div#contentWrapper .gallery-image-container .date{font-size:12px;margin:20px 0 5px} div#contentWrapper .gallery-image-container h3{margin:0 0 20px} div#contentWrapper ul#photo-set-pager{clear:both;padding:10px 0 0;text-align:center} div#contentWrapper ul#photo-set-pager li{display:inline;list-style:none;padding:2px 5px} div#contentWrapper ul#photo-set-pager li a:link, div#contentWrapper ul#photo-set-pager li a:visited, div#contentWrapper ul#photo-set-pager li a:active {text-decoration:none} div#contentWrapper ul#photo-set-pager li a:hover {text-decoration:underline} div#contentWrapper ul#photo-set-pager li a.currentPage{font-weight:bold;color:#333;font-size:14px} div#contentWrapper ul#photo-set-pager li.pagerNextLink, div#contentWrapper ul#photo-set-pager li.pagerPreviousLink{text-transform:uppercase;padding:0 20px} div#contentWrapper figcaption{color:#999;font-size:.8em;padding:5px 0;font-style:italic} div#contentWrapper figure{display:table} div#contentWrapper img, div#contentWrapper figcaption{vertical-align:bottom;width:100%} .audio-player{width:100%;margin:0 0 10px} .audio-player div.mejs-container, .audio-player .mejs-audio{background:#fff;width:100%;height:30px} #video-overlay-container{background:#000;z-index:9999;width:640px;height:480px;display:none;border:20px solid black;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.7);-moz-box-shadow:0 0 30px rgba(0,0,0,0.7);box-shadow:0 0 30px rgba(0,0,0,0.7)} #video-overlay-container a.close{content:"X"} div#contentWrapper div.media-box .box-item-title{padding-bottom:10px} div#contentWrapper div.media-box ul{margin:0;padding:0} div#contentWrapper div.media-box ul li{list-style:none} div#contentWrapper ul li.whatsnew-item{margin-bottom:10px;list-style:none} div#contentWrapper ul li.last-item{margin-bottom:0} div#contentWrapper ul li div.whatsnew-item-title{font-size:12px} div#contentWrapper div.media-box div.video-description p img, div#contentWrapper div.media-box div.audio-description p img{margin:0 0 5px} div#contentWrapper div.media-box div.video-description a:link, div#contentWrapper div.media-box div.audio-description a:link, div#contentWrapper div.media-box div.video-description a:visited, div#contentWrapper div.media-box div.audio-description a:visited, div#contentWrapper div.media-box div.video-description a:active, div#contentWrapper div.media-box div.audio-description a:active{text-decoration:none;color:#333} div#contentWrapper div.media-box div.video-description a:hover, div#contentWrapper div.media-box div.audio-description a:hover{text-decoration:none;color:#666} div#contentWrapper div.media-box video#video-player{display:none} div#contentWrapper div.media-box div.toggle-description p{padding:5px 0 0} div#contentWrapper div.media-box div.toggle-description p.first{padding:0} div#contentWrapper div.media-box div.toggle-description .hide{display:none} div#contentWrapper{padding-bottom:20px} div#contentWrapper h1, div#contentWrapper h2, div#contentWrapper h3{font-family:'Roboto Condensed',sans-serif;font-weight:normal;color:#366084} div#contentWrapper h1{font-size:34px} div#contentWrapper h2{font-size:26px;padding:20px 0;color:#006d5b} div#contentWrapper h2:before, div#contentWrapper h2:after{content:' ';display:block;clear:both} div#contentWrapper h3{color:#788399;font-size:18px;text-transform:uppercase} div#contentWrapper h3.hide{display:none} div#contentWrapper p{line-height:1.8em;padding:0 0 10px; text-align:justify} div#contentWrapper img.autoSize{width:auto;height:auto} div#contentWrapper a._include{background-color:transparent;color:transparent;padding-left:0;padding-right:0;text-decoration:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;position:relative} div#contentWrapper .arrow_box:before, div#contentWrapper a._include:after, div#contentWrapper a._include:before{border:0} div#contentWrapper figure.aRightHalf{float:right;display:inline} div#contentWrapper figure.aRightHalf figcaption{float:right} div#contentWrapper .whatsnew-item-date, div#contentWrapper .box-item-date{display:block;color:#666;font-size:11px;font-style:italic;padding:0 0 2.5px} div#contentWrapper .whatsnew-item-title p, div#contentWrapper .box-item-date p{margin:0;padding:0} #footer #latest-container ul{padding:0} #footer #latest-container ul li{list-style:none;color:#fff;font-size:12px;padding:0} #footer #latest-container ul li span{text-transform:uppercase;color:#788399;font-weight:bold;padding-right:5px} .clearfix:before, .clearfix:after{display:table;content:""} .clearfix:after{clear:both} .hide-text{overflow:hidden;text-indent:100%;white-space:nowrap} .input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} #contentWrapper .page-social-buttons, #contentWrapper .page-social-buttons p{text-align:center} #contentWrapper .page-social-buttons a.btn{width:60px;height:60px;margin:0 5px} #contentWrapper .page-social-buttons a.btn span{display:block;font-size:30px;margin:11px auto} #contentWrapper .page-social-buttons a.btn:hover span{color:#fff} #header-social a, #contentWrapper .page-social-buttons a{width:38px;text-align:center;background:#b6c7d1;border:0;font-size:20px;font-family:'Roboto Condensed',sans-serif;padding:3px 10px;color:#fff} #header-social a:hover, #contentWrapper .page-social-buttons a:hover {-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #header-social a:hover#social-btn-twitter, #contentWrapper a:hover#social-btn-twitter, #contentWrapper a.social-btn-twitter-class:hover {background-color:#55acee} #header-social a:hover#social-btn-facebook, #contentWrapper a:hover#social-btn-facebook, #contentWrapper a.social-btn-facebook-class:hover{background-color:#3b5998} #header-social a:hover#social-btn-flickr, #contentWrapper a:hover#social-btn-flickr, #contentWrapper a.social-btn-flickr-class:hover {background-color:#ff0084} #header-social a:hover#social-btn-youtube, #contentWrapper a:hover#social-btn-youtube, #contentWrapper a.social-btn-youtube-class:hover {background-color:#cd201f} #header-social a:hover#social-btn-ig, #contentWrapper a:hover#social-btn-ig, #contentWrapper a.social-btn-ig-class:hover {background-color:#517fa4} #contentWrapper a.social-btn-un-class:hover {background-color:#4891dc} #contentWrapper a.social-btn-mail-class:hover {background-color:#436f8e} #contentWrapper a.social-btn-gplus-class:hover {background-color:#dd4b39} #contentWrapper a.social-btn-rss-class:hover {background-color:#f26522} div#eventTitle, div#eventTitle p {text-align:center} div#eventTitle h2, div#eventTitle h3 {font-weight:bold} .infobutton { float:right; padding:5px; margin:0 0 5px 20px; font-size:26px; color:#008080; background-color: #fff; text-align:center; border:1px solid #777; border-radius:15px; } .infobutton:hover + .hoverbox, .hoverbox:hover { max-height:800px; opacity:1; border-radius:15px; padding:20px; -webkit-transition:all .9s ease-in-out; -moz-transition:all .9s ease-in-out; -o-transition:all .9s ease-in-out; transition:all .9s ease-in-out; } .hoverbox { background-color: #efefef; opacity:0; max-height:0; text-align:justify; } @media only screen and (min-width:1200px){ .container{width:1200px} .left-column,.right-column,ul#topNavMenu{width:280px} ul#topNavMenu{width:1200px} div#searchForm form{width:240px} .center-column{width:560px} #partners-logo{width:560px} #top-nav-bar-index,#topNavContainerIndex{height:300px} #rotating-image-container,#rotatingImage{width:1200px} .rotating-image-item{width:1200px} .rotating-image{width:900px} .rotating-image-text{width:300px} #rotating-image-pager{right:320px} #mobile-nav-toggle{display:none} } @media only screen and (min-width:940px) and (max-width:1200px){ .container{width:940px} .left-column,.right-column,ul#topNavMenu{width:215px} ul#topNavMenu{width:940px} div#searchForm form{width:175px} .center-column{width:430px} #partners-logo{width:430px} #top-nav-bar-index,#topNavContainerIndex{height:300px} #rotating-image-container,#rotatingImage{width:940px} .rotating-image-item{width:940px} .rotating-image{width:705px} .rotating-image-text{width:235px} #rotating-image-pager{right:255px} #mobile-nav-toggle{display:none} } @media only screen and (min-width:720px) and (max-width:940px){ .container{width:720px} .left-column,.right-column,ul#topNavMenu{width:160px} ul#topNavMenu{width:720px} div#searchForm form{width:120px} .center-column{width:320px} #partners-logo{width:320px} #top-nav-bar-index,#topNavContainerIndex{height:300px} #rotating-image-container,#rotatingImage{width:720px} .rotating-image-item{width:720px} .rotating-image{width:540px} .rotating-image-text{width:180px} #rotating-image-pager{right:200px} #mobile-nav-toggle{display:none} } @media only screen and (min-device-width:768px) and (max-device-width:1024px){ div#headerContainer div#header-logo .icon-unoosa-logo{font-size:44px} div#headerContainer div.btn-toolbar a.btn{width:34px;font-size:16px} div#headerContainer #header-search #search{height:28px} div#headerContainer #header-search #search .input-group-btn button{height:28px;padding-top:3px} div#headerContainer #header-search .form-control{height:28px} div#navContainer .navbar-default ul li.L0 li, div#navContainer .navbar ul li{font-size:15px} div#navContainer .navbar-default ul li.L0 li.L0, div#navContainer .navbar ul li.L0{font-size:15px} div#navContainer .navbar-default ul li.L0 li.L0 a, div#navContainer .navbar ul li.L0 a{padding:15px 8px} div#navContainer .navbar-default ul li.L0 li.L1, div#navContainer .navbar ul li.L1, div#navContainer .navbar-default ul li.L0 li.L2, div#navContainer .navbar ul li.L2, div#navContainer .navbar-default ul li.L0 li.L3, div#navContainer .navbar ul li.L3{font-size:14px} div#navContainer .navbar-default ul li.L0 li.L1 a, div#navContainer .navbar ul li.L1 a, div#navContainer .navbar-default ul li.L0 li.L2 a, div#navContainer .navbar ul li.L2 a, div#navContainer .navbar-default ul li.L0 li.L3 a, div#navContainer .navbar ul li.L3 a{padding:7px 8px} div#navContainer .navbar-default ul li.L0 li a, div#navContainer .navbar ul li a{padding:15px 8px} } @media only screen and (max-device-width:480px){ .container-fluid{padding:0} #languageContainer{padding:0 10px} body *{float:none} div#headerContainer div#header-logo .icon-unoosa-logo{font-size:40px} div#headerContainer div#header-social .btn-toolbar, div#headerContainer div#header-search .btn-toolbar, div#headerContainer div#header-social form#search, div#headerContainer div#header-search form#search{margin-bottom:6.66666666667px} div#headerContainer #mobile-nav-toggle{float:right;padding:10px} div#headerContainer #mobile-nav-toggle div.icon-list{color:#088fc3;font-size:28px;font-weight:normal} #navContainer .navbar{min-height:30px} #navContainer .navbar .navbar-header .navbar-toggle{margin-top:6.66666666667px;margin-bottom:6.66666666667px;padding:5px 10px} #navContainer .navbar .navbar-header .navbar-toggle i.fa{font-size:11px} #navContainer .navbar #website-nav{font-size:90%} #navContainer .navbar #website-nav ul.navbar-nav{margin:0} #contentWrapper p{text-align:left} #contentWrapper div#carouselContainer{height:300px} #contentWrapper div#carouselContainer .carousel-indicators{top:3.33333333333px} #contentWrapper div#carouselContainer div.carousel-inner{height:300px} #contentWrapper div#carouselContainer div.carousel-inner div.carousel-caption{top:150px} #contentWrapper div#carouselContainer div.carousel-inner div.carousel-caption h1{font-family:'Roboto Condensed',sans-serif;letter-spacing:-0.5px;font-size:19px;color:#333;padding:0 0 5px;margin:0} #contentWrapper div#carouselContainer div.carousel-inner div.carousel-caption h1 a{color:#000} #contentWrapper div#carouselContainer div.carousel-inner div.carousel-caption h1 a:hover{color:#165a85;text-decoration:none} #contentWrapper div#carouselContainer div.carousel-inner div.carousel-caption p{font-size:13px} #contentWrapper div#carouselContainer div.carousel-inner div.item{height:600px} #contentWrapper div#carouselContainer div.carousel-inner div.item div.container{height:300px} #contentWrapper div#carouselContainer div.carousel-inner div.item div.container.carousel-image{height:150px} #contentWrapper div#carouselContainer div.carousel-inner div.item a.btn{font-size:12px;margin:5px 0 3.33333333333px} #contentWrapper .index-content h2, #contentWrapper .index-content h3{padding-left:10px} #contentWrapper .index-content .in-focus-item p{padding:5px 10px} #contentWrapper .index-content .in-focus-item h2{padding:20px 10px 10px;font-size:20px} #contentWrapper .index-content #news-content ul.nav-tabs li a{padding:10px 6.66666666667px} #contentWrapper .index-content #news-content ul.nav-tabs li.active a{color:#006d5b} #contentWrapper .index-content #news-content li.whatsnew-item{margin-left:10px;margin-right:10px} #contentWrapper .index-content .eventsCalendar-subtitle{margin-left:10px} #contentWrapper .index-content .eventsCalendar-list li{margin-left:10px;margin-right:10px} #contentWrapper .index-content .twitter-time-line .tweet{margin-left:10px;margin-right:10px} #contentWrapper h2{margin-top:0;margin-bottom:0;padding:10px 0;font-size:26px;letter-spacing:-1px} #contentWrapper div.snippet-01-image-block-left{float:none;width:100%;padding:0} #contentWrapper div.snippet-01-image-block-left p{font-size:12px;line-height:16px} div#footer .container{padding:0} div#footer .container #latest-container .latest-item-date{padding:0;font-size:10px;font-style:italic} div#footer .container #latest-container .latest-item-title{padding-top:5px} #rotating-image-pager,#partners-logo{display:none} .rotating-image{width:100%;display:block} #website-nav{padding:0 0 20px} #languageContainer #language-bar div.icon-container{font-size:16px} #languageContainer #language-bar div.langSwitcher ul#languageSwitch{font-size:10px} #languageContainer #language-bar div.langSwitcher ul#languageSwitch li{padding:6.66666666667px 0 5px} #languageContainer #language-bar div.langSwitcher ul#languageSwitch li a:link, #languageContainer #language-bar div.langSwitcher ul#languageSwitch li a:visited, #languageContainer #language-bar div.langSwitcher ul#languageSwitch li a:active{text-decoration:none} #languageContainer .loginLink div.login-info{font-size:10px;padding:5.71428571429px 0 0} #languageContainer .loginLink div.login-info .login-user{padding:6.66666666667px 0 5px} }