@-ms-viewport {
    width: device-width
}

body {
    font-size: 16px;
    font-family: "Open Sans", Helvetica, Arial, Sans-serif;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    background: #FCFCFC
}

p {
    margin: 0 0 12px 0
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    word-break: keep-all
}

ul, ol {
    margin: 0 0 12px 0;
    padding: 0 0 0 20px
}

ul {
    list-style-type: disc
}

ol {
    list-style-type: decimal
}

#portal-column-one ol li, #portal-column-two ol li, #content ol li, #mini-nav ul li, #portal-column-one ul li, #portal-column-two ul li, #content ul li {
    display: list-item
}

#content {
    font-size: 1.1em;
    line-height: 1.6em
}

#content .h2, #content .h3, #content .h4, #content .h5, #content .h6, #content h2, #content h3, #content h4, #content h5, #content h6 {
    margin-top: .75em
}

#content h3.popover-title {
    margin-top: 0
}

#content .landing-box h5, #content .landing-box .h5 {
    background: transparent;
    padding-left: .6em;
    color: #58595b
}

#content .landing-box .h5:hover {
    background: #080037;
    color: #fff
}

#content .landing-box .grey-border {
    border: 0
}

#content .landing-box.grey-border {
    border: 0px
}

#content .collection.grey-border .block_item {
    border: 1px solid #eee
}

body.template-pagesection_view #portal-columns .h4, body.template-portalpage_view #portal-columns .h4, body.template-pagesection_view #portal-column-content .h4, body.template-portalpage_view #portal-column-content .h4, body.template-pagesection_view #portal-columns h4, body.template-portalpage_view #portal-columns h4, body.template-pagesection_view #portal-column-content h4, body.template-portalpage_view #portal-column-content h4, body.template-pagesection_view #portal-columns .h5, body.template-portalpage_view #portal-columns .h5, body.template-pagesection_view #portal-column-content .h5, body.template-portalpage_view #portal-column-content .h5, body.template-pagesection_view #portal-columns h5, body.template-portalpage_view #portal-columns h5, body.template-pagesection_view #portal-column-content h5, body.template-portalpage_view #portal-column-content h5 {
    margin-top: 0
}

body.template-pagesection_view #portal-columns #content, body.template-portalpage_view #portal-columns #content, body.template-pagesection_view #portal-column-content #content, body.template-portalpage_view #portal-column-content #content {
    font-size: 1em;
    line-height: 1.4em
}

body.template-pagesection_view #portal-columns #content .portlet li a, body.template-portalpage_view #portal-columns #content .portlet li a, body.template-pagesection_view #portal-column-content #content .portlet li a, body.template-portalpage_view #portal-column-content #content .portlet li a {
    padding-left: 1em
}

body.template-pagesection_view #portal-columns #content #portal .block_content, body.template-portalpage_view #portal-columns #content #portal .block_content, body.template-pagesection_view #portal-column-content #content #portal .block_content, body.template-portalpage_view #portal-column-content #content #portal .block_content {
    margin-top: .5em
}

body.template-pagesection_view #portal-columns #content #portal .padding-inner .block_content, body.template-portalpage_view #portal-columns #content #portal .padding-inner .block_content, body.template-pagesection_view #portal-column-content #content #portal .padding-inner .block_content, body.template-portalpage_view #portal-column-content #content #portal .padding-inner .block_content {
    margin-top: 0
}

body.template-pagesection_view #portal-columns #content #portal .padding-inner .footer_link, body.template-portalpage_view #portal-columns #content #portal .padding-inner .footer_link, body.template-pagesection_view #portal-column-content #content #portal .padding-inner .footer_link, body.template-portalpage_view #portal-column-content #content #portal .padding-inner .footer_link {
    margin-top: 0
}

body.template-pagesection_view #portal-columns #content .footer_link a, body.template-portalpage_view #portal-columns #content .footer_link a, body.template-pagesection_view #portal-column-content #content .footer_link a, body.template-portalpage_view #portal-column-content #content .footer_link a {
    padding-left: 1em;
    padding-right: .5em;
    background: #eee
}

body.template-pagesection_view #portal-columns #content .footer_link a:hover, body.template-portalpage_view #portal-columns #content .footer_link a:hover, body.template-pagesection_view #portal-column-content #content .footer_link a:hover, body.template-portalpage_view #portal-column-content #content .footer_link a:hover {
    background: #080037;
    color: #fff
}

body.template-pagesection_view #portal-columns #content .grey-grad .landing-box .block_item, body.template-portalpage_view #portal-columns #content .grey-grad .landing-box .block_item, body.template-pagesection_view #portal-column-content #content .grey-grad .landing-box .block_item, body.template-portalpage_view #portal-column-content #content .grey-grad .landing-box .block_item {
    border: 0
}

dd, dt {
    margin: 0 0 1em 0
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #58595b;
    margin: 0 0 12px 0;
    font-family: "Open Sans", Helvetica, Arial, Sans-serif;
    line-height: 1.3em
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    display: block
}

h1 {
    font-size: 2em;
    font-weight: 600
}

h2 {
    font-size: 1.6em;
    font-weight: 600
}

h3 {
    font-size: 1.6em
}

.h4, h4 {
    font-size: 1.4em
}

.h5, h5 {
    font-size: 1.3em
}

.h6, h6 {
    font-size: 1.2em
}

@media (min-width: 1279px) {
    .container {
        max-width: 1224px;
        width: 1224px
    }

    .container-portal {
        width: 1172px
    }

    .container-portal #portal .row {
        margin-left: -13px;
        margin-right: -13px
    }

    nav.container-fluid #nav li {
        width: 204px
    }
}

@media (min-width: 1001px) and (max-width: 1278px) {
    .container {
        max-width: 1150px;
        width: 1150px
    }

    .container-portal {
        width: 1098px
    }

    nav.container-fluid #nav li {
        width: 192px
    }

    nav.container-fluid #nav li:last-of-type {
        width: 190px
    }

    body nav.container-fluid #nav .megamenu {
        max-height: 340px;
        height: 350px
    }

    body nav.container-fluid #nav .nav li a.megatitle {
        font-size: 1em;
        padding: .4em .2em .3em .2em
    }

    body nav.container-fluid #nav ul.nav li a span.active {
        line-height: 1.2
    }
}

@media (min-width: 1001px) and (max-width: 1169px) {
    .container {
        max-width: 970px;
        width: 970px
    }

    .container-portal {
        width: 918px
    }

    nav .nav .megamenu .row .description {
        min-height: 310px
    }

    #content {
        font-size: 1em;
        line-height: 1.4em
    }

    header {
        font-size: .9em
    }

    nav.container-fluid #nav li {
        width: 162px
    }

    nav.container-fluid #nav li:last-of-type {
        width: 160px
    }
}

.mobile-show {
    display: none
}

@media (min-width: 321px) and (max-width: 1000px) {
    .container {
        max-width: 800px
    }

    body header #tabs .tab-content form {
        width: 100%
    }

    .landing-box .nav-tabs li {
        width: 100%
    }

    nav.container-fluid #nav li {
        width: 100%
    }

    #mini-nav .fa-angle-double-left {
        display: none
    }

    body.mobile #mini-nav .fa-angle-double-left {
        display: block
    }

    #portal-columns .portlet {
        width: 100%
    }

    #portal-column-one, #portal-column-two {
        padding: 0
    }

    body main #portal-columns .hidden-menu-left {
        width: 100%
    }

    #mini-nav .portlet.preview {
        width: 300px
    }

    header #loggedin #active {
        display: none
    }

    header #loggedin #active a#profile {
        height: 20px;
        padding: 1em;
        top: 10px
    }
}

@media (min-width: 100px) and (max-width: 1000px) {
    body header #tabs .tab-content #search-info, body header #tabs .tab-content form {
        width: 100%
    }

    header #portal-header #portal-logo {
        position: absolute;
        left: 0;
        top: 15px
    }

    header #portal-header #portal-logo #logo {
        margin: .4em 0 0
    }

    header #search #top-right {
        position: absolute;
        top: 0px;
        margin-top: 0;
        right: .3em
    }

    header #search #tabs {
        margin-top: 1em
    }

    header #portal-header #logo {
        margin: .4em 0 0
    }

    header #portal-header #bmenu {
        display: block;
        float: right
    }

    body nav.container-fluid .navbar-nav {
        margin: 0;
        position: static
    }

    body nav.container-fluid #nav {
        left: 1em;
        position: absolute;
        right: 10px;
        top: 0;
        width: 90%
    }

    body nav.container-fluid #nav ul.nav li {
        border-bottom: 1px solid #ddd
    }

    body nav.container-fluid #nav ul.nav li ul li {
        border-bottom: 0
    }

    body nav.container-fluid #nav li .megamenu {
        background: #080037;
        position: static;
        max-height: 100%;
        top: 0
    }

    body nav.container-fluid #close-menu {
        display: none
    }

    nav.container-fluid .megamenu .row .description {
        min-height: 100px
    }

    nav.container-fluid .megamenu .row .description .mega-more {
        bottom: 0;
        left: 0;
        position: relative
    }

    nav.container-fluid #nav li, nav.container-fluid #nav li .megamenu, nav.container-fluid #nav li .megamenu div, nav.container-fluid #nav li .megamenu div.sub {
        width: 100%
    }

    .container {
        max-width: 100%;
        width: 100%
    }

    body.template-portalpage_view #portal-column-content #content-core .landing-box, nav.container-fluid #nav li {
        width: 100%
    }

    nav.container-fluid #nav li .megamenu, nav.container-fluid #nav li .megamenu div, nav.container-fluid #nav .submenu {
        max-height: 100%;
        height: 100%
    }

    nav.container-fluid #nav .sub ul {
        display: none
    }

    #mini-nav .fa-angle-double-left {
        display: none
    }

    .mobile-show, body.mobile #mini-nav .fa-angle-double-left {
        display: block
    }

    #mini-nav .portlet.preview {
        width: 300px
    }

    #portal-column-one, #portal-column-two {
        padding: 0
    }
}

@media (min-width: 100px) and (max-width: 420px) {
    #banner-image {
        display: none
    }

    body.template-search #portal-column-content {
        padding: 0
    }

    img#logo {
        width: 100%
    }

}

body.fullscreen #portal-columns.container {
    max-width: 100%;
    width: 100%;
    box-shadow: 0
}

body.fullscreen #portal-columns #portal-breadcrumbs {
    max-width: 1224px
}

body.fullscreen #portal-columns.box-shadow {
    box-shadow: 0 0 0 #fff
}

body.fullscreen #portal-column-one {
    width: 291px
}

body.fullscreen footer {
    background: #080037;
    margin-bottom: 6em;
    box-shadow: 3px 3px 3px #727272
}

body.fullscreen footer .box-shadow {
    box-shadow: 0 0 0 #fff
}

body.fullscreen footer .container {
    margin-bottom: 0em
}


.grey-grad {
    background: transparent;
    background: -moz-linear-gradient(top, rgba(239, 239, 243, 0) 0%, rgba(239, 239, 243, 0.75) 75%, #b8baca 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(239, 239, 243, 0)), color-stop(75%, rgba(239, 239, 243, 0.75)), color-stop(100%, #b8baca));
    background: -webkit-linear-gradient(top, rgba(239, 239, 243, 0) 0%, rgba(239, 239, 243, 0.75) 75%, #b8baca 100%);
    background: -o-linear-gradient(top, rgba(239, 239, 243, 0) 0%, rgba(239, 239, 243, 0.75) 75%, #b8baca 100%);
    background: -ms-linear-gradient(top, rgba(239, 239, 243, 0) 0%, rgba(239, 239, 243, 0.75) 75%, #b8baca 100%);
    background: linear-gradient(to bottom, rgba(239, 239, 243, 0) 0%, rgba(239, 239, 243, 0.75) 75%, #b8baca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00efeff3', endColorstr='#b8baca', GradientType=0)
}


nav.container-fluid {
    background: #ff9600
}

main {
    background: #fff;
    background: -moz-linear-gradient(top, #d8d8d8 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8d8d8), #FCFCFC 400px, color-stop(100%, #FCFCFC));
    background: -webkit-linear-gradient(top, #d8d8d8 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: -o-linear-gradient(top, #d8d8d8 0%, #FCFCFC 400px, grad-end 100%);
    background: -ms-linear-gradient(top, #d8d8d8 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: linear-gradient(to bottom, #d8d8d8 0%, #FCFCFC 400px, #FCFCFC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8d8d8, endColorstr=#FCFCFC, GradientType=0)
}

body.section-manage-ips-and-asns nav.container-fluid {
    background: #170e5d
}

body.section-manage-ips-and-asns main {
 }

body.section-manage-ips-and-asns #nav ul .manage-ips-and-asns a.megatitle {
    border-bottom: 2px solid #170e5d
}

body.section-analyse nav.container-fluid {
    background: #ffbb00
}

body.section-analyse main {
    background: #fff;
    background: -moz-linear-gradient(top, #b8a466 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8a466), #FCFCFC 400px, color-stop(100%, #FCFCFC));
    background: -webkit-linear-gradient(top, #b8a466 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: -o-linear-gradient(top, #b8a466 0%, #FCFCFC 400px, grad-end 100%);
    background: -ms-linear-gradient(top, #b8a466 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: linear-gradient(to bottom, #b8a466 0%, #FCFCFC 400px, #FCFCFC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b8a466, endColorstr=#FCFCFC, GradientType=0)
}

body.section-analyse #nav ul .analyse a.megatitle {
    border-bottom: 2px solid #ffbb00
}

body.section-participate nav.container-fluid {
    background: #007233
}

body.section-participate main {
    background: #fff;
    background: -moz-linear-gradient(top, #00602e 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00602e), #FCFCFC 400px, color-stop(100%, #FCFCFC));
    background: -webkit-linear-gradient(top, #00602e 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: -o-linear-gradient(top, #00602e 0%, #FCFCFC 400px, grad-end 100%);
    background: -ms-linear-gradient(top, #00602e 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: linear-gradient(to bottom, #00602e 0%, #FCFCFC 400px, #FCFCFC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00602e, endColorstr=#FCFCFC, GradientType=0)
}

body.section-participate #nav ul .participate a.megatitle {
    border-bottom: 2px solid #007233
}

body.section-support nav.container-fluid {
    background: #DAC056
}

body.section-support main {
    background: #fff;
    background: -moz-linear-gradient(top, #C3C6B7 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C3C6B7), #FCFCFC 400px, color-stop(100%, #FCFCFC));
    background: -webkit-linear-gradient(top, #C3C6B7 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: -o-linear-gradient(top, #C3C6B7 0%, #FCFCFC 400px, grad-end 100%);
    background: -ms-linear-gradient(top, #C3C6B7 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: linear-gradient(to bottom, #C3C6B7 0%, #FCFCFC 400px, #FCFCFC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C3C6B7, endColorstr=#FCFCFC, GradientType=0)
}

body.section-support #nav ul .support a.megatitle {
    border-bottom: 2px solid #DAC056
}

body.section-publications nav.container-fluid {
    background: #c8bd93
}

body.section-publications main {
    background: #fff;
    background: -moz-linear-gradient(top, #968e6e 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #968e6e), #FCFCFC 400px, color-stop(100%, #FCFCFC));
    background: -webkit-linear-gradient(top, #968e6e 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: -o-linear-gradient(top, #968e6e 0%, #FCFCFC 400px, grad-end 100%);
    background: -ms-linear-gradient(top, #968e6e 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: linear-gradient(to bottom, #968e6e 0%, #FCFCFC 400px, #FCFCFC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#968e6e, endColorstr=#FCFCFC, GradientType=0)
}

body.section-publications #nav ul .publications a.megatitle {
    border-bottom: 2px solid #c8bd93
}

body.section-about-us nav.container-fluid {
    background: #4d1e5b
}

body.section-about-us main {
    background: #fff;
    background: -moz-linear-gradient(top, #3a1644 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a1644), #FCFCFC 400px, color-stop(100%, #FCFCFC));
    background: -webkit-linear-gradient(top, #3a1644 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: -o-linear-gradient(top, #3a1644 0%, #FCFCFC 400px, grad-end 100%);
    background: -ms-linear-gradient(top, #3a1644 0%, #FCFCFC 400px, #FCFCFC 100%);
    background: linear-gradient(to bottom, #3a1644 0%, #FCFCFC 400px, #FCFCFC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3a1644, endColorstr=#FCFCFC, GradientType=0)
}

body.section-about-us #nav ul .about-us a.megatitle {
    border-bottom: 2px solid #4d1e5b
}

nav.container-fluid {
    font-size: 1em;
    height: 2.3em
}

nav.container-fluid a:visited, nav.container-fluid a {
    position: static;
    color: #575756
}

nav.container-fluid a:hover {
    color: #fff
}

nav.container-fluid #nav {
    padding: 0;
    position: relative;
    z-index: 4
}

nav.container-fluid #nav .nav {
    width: 100%
}

nav.container-fluid .nav li {
    width: 16.666%;
    text-align: center;
    border-right: 1px solid #ccc;
    position: static
}

nav.container-fluid .navbar-nav > li > a {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.25)
}

nav.container-fluid li:last-of-type {
    border-right: 0px
}

nav.container-fluid #nav .nav li a.megatitle {
    padding: .2em;
    line-height: 1.4em;
    background: #eee
}

nav.container-fluid #nav .nav li a.megatitle i {
    float: right;
    font-size: 1.1em;
    line-height: 1.3;
    padding: 0 4px 0 2px
}

nav.container-fluid #nav ul li a.megatitle {
    border-bottom: 2px solid #eee
}

nav.container-fluid #nav ul h6, nav.container-fluid #nav ul li a.megatitle.active, nav.container-fluid #nav ul li a.megatitle:hover {
    background: #080037;
    color: #fff
}

nav.container-fluid #nav ul .manage-ips-and-asns a.megatitle:hover i, nav.container-fluid #nav ul .manage-ips-and-asns a.megatitle i {
    color: #453e7d
}

nav.container-fluid #nav ul .manage-ips-and-asns a.megatitle:hover {
    border-bottom: 2px solid #170e5d
}

nav.container-fluid #nav ul .analyse a.megatitle:hover i, nav.container-fluid #nav ul .analyse a.megatitle i {
    color: #FEC845
}

nav.container-fluid #nav ul .analyse a.megatitle:hover {
    border-bottom: 2px solid #ffbb00
}

nav.container-fluid #nav ul .participate a.megatitle:hover i, nav.container-fluid #nav ul .participate a.megatitle i {
    color: #338e5c
}

nav.container-fluid #nav ul .participate a.megatitle:hover {
    border-bottom: 2px solid #007233
}

nav.container-fluid #nav ul .support a.megatitle:hover i, nav.container-fluid #nav ul .support a.megatitle i {
    color: #E9DB8E
}

nav.container-fluid #nav ul .support a.megatitle:hover {
    border-bottom: 2px solid #DAC056
}

nav.container-fluid #nav ul .publications a.megatitle:hover i, nav.container-fluid #nav ul .publications a.megatitle i {
    color: #d3caa9
}

nav.container-fluid #nav ul .publications a.megatitle:hover {
    border-bottom: 2px solid #c8bd93
}

nav.container-fluid #nav ul .about-us a.megatitle:hover i, nav.container-fluid #nav ul .about-us a.megatitle i {
    color: #714b7c
}

nav.container-fluid #nav ul .about-us a.megatitle:hover {
    border-bottom: 2px solid #4d1e5b
}

nav.container-fluid #nav li a.megatitle i.active {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

nav.container-fluid #nav ul a.megatitle:hover i {
    color: #fff
}

nav.container-fluid #nav .megamenu {
    background: #080037;
    text-align: left;
    padding: 1.9em;
    display: none;
    position: absolute;
    top: 2.3em;
    left: 0;
    max-height: 300px;
    height: 300px;
    overflow: hidden
}

nav.container-fluid .megamenu div {
    margin-bottom: 1em
}

nav.container-fluid .megatitle {
    font-size: 1.2em;
    height: 30px
}

nav.container-fluid .megamenu .description {
    color: #9c99af;
    min-height: 250px
}

nav.container-fluid .mega-more {
    border-top: 1px solid #fff;
    padding-top: 5px;
    position: absolute;
    left: 15px;
    bottom: 0
}

nav.container-fluid .mega-more a {
    display: block;
    width: 100%
}

nav.container-fluid .h6, nav.container-fluid .h6:visited, nav.container-fluid .mega-more a {
    color: #fff;
    font-weight: bold;
    font-size: .9em
}

nav.container-fluid .mega-more i {
    font-size: 1.4em;
    margin-left: 5px;
    float: right
}

nav.container-fluid #nav .megamenu div.sub {
    width: 20%;
    display: block;
    margin-right: 1em
}

nav.container-fluid #nav .megamenu .h6 {
    margin-bottom: .3em
}

nav.container-fluid #nav .nav .megamenu ul li a {
    font-size: .9em;
    color: #eee
}

nav.container-fluid #nav .megamenu ul {
    margin: .5em 0 0;
    padding: 0 0 .9em
}

nav.container-fluid #nav .megamenu ul li {
    text-align: left;
    list-style: none;
    font-weight: normal;
    border-right: 0;
    width: 100%;
    display: list-item
}

nav.container-fluid #close-menu, nav.container-fluid #nav .megamenu h6 a {
    color: #fff
}

nav.container-fluid #close-menu {
    position: absolute;
    top: 3.5em;
    right: 1em;
    display: none;
    cursor: pointer;
    padding: 0px 3px;
    opacity: .8;
    line-height: 1.2em;
    z-index: 10
}

nav.container-fluid #close-menu span {
    margin-left: .4em
}

.padding {
    padding: 1em
}

.margin {
    margin: 1em
}

.margin-top {
    margin: 0;
    margin-top: 1em
}

.margin-no-top {
    margin: 1em;
    margin-top: 0 !important
}

.margin-left {
    margin-left: 1em
}

.margin-right {
    margin-right: 1em
}

.margin-left-1 {
    margin-left: 1px
}

.margin-right-1 {
    margin-right: 1px
}

.padding-top {
    padding: 0;
    padding-top: 1em
}

.padding-no-top {
    padding: 1em;
    padding-top: 0
}

.padding-no-bottom {
    padding: 1em;
    padding-bottom: 0
}

.padding-left {
    padding-left: 1em
}

body .no-padding {
    padding: 0
}

body .no-margin {
    margin: 0
}

body .no-border {
    border: 0
}

body .no-box-shadow {
    box-shadow: 0
}

body .no-background {
    background: none
}

body .no-rounded {
    border-radius: 0
}

#portal-columns {
    background: #fff;
    padding: 1.3em 0 2.3em 0
}

#portal-column-content, #portal-column-one, #portal-column-two {
    position: relative;
    min-height: 300px
}

#portal-column-content {
    margin-bottom: .5em
}

#portal-column-one {
    padding-left: 0
}

.padding-inner .block_content {
    padding: 1em
}

#content .padding-inner.grey {
    background: transparent
}

#content .padding-inner.grey .header, #content .padding-inner.grey .block_content {
    background: #f9f9f9
}

#content .landing-box.grey h5 {
    color: #58595b
}

#content .landing-box.grey.portlet .h5, #content .landing-box.grey.portlet h5 {
    color: #fff
}

#content .padding-inner.grey-border {
    border: 0px
}

#content .padding-inner.grey-border .block_content {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee
}

#content .padding-inner.grey-border .header {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee
}

#content .padding-inner.grey-border-top .block_content {
    border-top: 1px solid #eee
}

#content .padding-inner.grey-border-bottom .block_content {
    border-bottom: 1px solid #eee
}

#content .padding-inner.grey-border-left .block_content {
    border-left: 1px solid #eee
}

#content .padding-inner.grey-border-right .block_content {
    border-right: 1px solid #eee
}

#portal-column-two {
    padding-right: 0
}

#portal-breadcrumbs {
    margin: 0 0 12px 0;
    padding-bottom: 1em;
    padding-left: 2em;
    padding-right: 2em
}

#portal-breadcrumbs.collapsed {
    padding-left: 55px
}

body #portal-column-content {
    padding: 0 2em
}

body #portal-column-content .byline {
    font-size: 95%;
    color: #7A7A7A
}

body #portal-column-content .footer-byline {
    font-size: 90%;
    font-style: italic
}

#plone-document-byline {
    margin: 0 0 12px 0
}

#browser-notification img {
    float: right;
    cursor: pointer
}

#browser-notification p {
    margin: 0 auto
}

.box-shadow {
    box-shadow: 3px 3px 3px #727272
}

.landing-boxes .landing-box {
    float: left
}

.landing-box ul {
    margin: 1em 0;
    padding: 0
}

.landing-box ul li {
    list-style: none
}

.landing-box ul li a {
    color: #58595b;
    width: 100%;
    display: block
}

.landing-box ul li a:hover {
    background: #080037;
    color: #fff;
    text-decoration: none
}

#portal-columns .margin-bottom {
    margin-bottom: 1em
}

#portal-columns .no-style {
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent
}

#portal-column-content .white-bg {
    background: #fff
}

#portal-column-content.col-md-6 .container-portal, #portal-column-content.col-md-9 .container-portal {
    width: 100%
}

.content-max-width h1, .content-max-width h2, .content-max-width h3, .content-max-width h4, .content-max-width h5, .content-max-width h6, .content-max-width p, .content-max-width li {
    max-width: 700px
}

#cookiepopup {
    display: None
}

footer .container {
    margin-bottom: 6em;
    background: #080037;
    padding: 1em 0
}

footer a, footer a:visited {
    color: #dcddde;
    border-right: 1px solid #eee;
    padding: 0 .6em 0 .4em
}

footer a:last-of-type {
    border-right: 0
}

footer a:hover .fa:before, footer a:focus, footer a:hover {
    color: #ff7700;
    text-decoration: none
}

footer #footer-links {
    text-align: right;
    line-height: 2
}

footer .fa:before {
    font-family: FontAwesome;
    font-size: 1.5em;
    line-height: 1.3em;
    color: #fff;
    padding: .2em
}

footer .fa-sl-f:before {
    content: "\f09a";
    padding-left: 0
}

footer .fa-sl-i:before {
    content: "\f16d"
}

footer .fa-sl-t:before {
    content: "\f099"
}

footer .fa-sl-l:before {
    content: "\f0e1"
}

footer .fa-sl-y:before {
    content: "\f167"
}

footer .fa-sl-g:before {
    content: "\f09b"
}

#scrollToTop {
    width: 40px;
    height: 40px;
    padding: 10px 20px;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 75px;
    right: 20px;
    display: none;
    background: url('/++resource++ripe.plonetheme.images/top.png') no-repeat 0 0
}

.hiddenStructure {
    display: none
}

#scrollToTop:hover {
    text-decoration: none
}

#portal-columns .grey {
    background: #f9f9f9
}

#portal-columns .grey ul li a, #portal-columns .grey .read-more a, #portal-columns .grey .footer_link a {
    background: #eee
}

#portal-columns .grey .read-more a:hover, #portal-columns .grey .footer_link a:hover {
    background: #080037;
    color: #fff
}

#portal-columns .grey ul li {
    margin-bottom: 1px
}

#portal-columns .grey ul li:last-of-type {
    margin-bottom: 0
}

#portal-columns .grey .h4, #portal-columns .grey .h5 {
    color: #00d1d1
}

#portal-columns .grey a {
    color: #00abab
}

#portal-columns .grey li a:hover, #portal-columns .grey h4, #portal-columns .grey h5 {
    color: #fff;
    background: #080037
}

#portal-column-one .grey-border {
    border-left: 0
}

#portal-column-two .grey-border {
    border-right: 0
}

.grey-border {
    border: 1px solid #eee
}

.grey-border-top {
    border-top: 1px solid #eee
}

.grey-border-bottom {
    border-bottom: 1px solid #eee
}

.grey-border-left {
    border-left: 1px solid #eee
}

.grey-border-right {
    border-right: 1px solid #eee
}

#portal-columns #content .tab-items ul, #portal-columns #content .grey ul, .collections ul, #tabs ul {
    margin: 0
}

#portal-columns #content .tab-items .nav-tabs, #portal-columns #content .grey .nav-tabs, .collections .nav-tabs, #tabs .nav-tabs {
    border-bottom: 0
}

#portal-columns #content .tab-items .nav-tabs li, #portal-columns #content .grey .nav-tabs li, .collections .nav-tabs li, #tabs .nav-tabs li {
    background: #eee
}

#portal-columns #content .tab-items .nav-tabs li a, #portal-columns #content .grey .nav-tabs li a, .collections .nav-tabs li a, #tabs .nav-tabs li a {
    border-radius: 0;
    padding: .5em 1.25em;
    color: #58595b
}

#portal-columns #content .tab-items .nav-tabs li.active a, #portal-columns #content .grey .nav-tabs li.active a, .collections .nav-tabs li.active a, #tabs .nav-tabs li.active a {
    color: #ff9600
}

#portal-columns #content .tab-items .tab-content, #portal-columns #content .grey .tab-content, .collections .tab-content, #tabs .tab-content {
    border: 1px solid #eee
}

#portal-columns #content .tab-items span.Title, #portal-columns #content .grey span.Title, .collections span.Title, #tabs span.Title {
    color: #00abab
}

#portal-columns #content .tab-items a:hover span.Title, #portal-columns #content .grey a:hover span.Title, .collections a:hover span.Title, #tabs a:hover span.Title {
    color: #fff
}

#content .collections ul li {
    border-right: 1px solid #fff
}

#content .collections ul li.active {
    border-right: 0 solid #fff
}

#portal-columns #content .grey .nav-tabs li a:hover {
    background: #eee
}

dt {
    margin-bottom: 0
}

.blue-hover {
    background: #080037;
    color: #fff
}

.more {
    background: #eee;
    display: block;
    padding: 5px 10px
}

body #portal-column-content .analyse {
    background: #ffbb00
}

.portlet ul {
    margin: 0;
    padding: 0
}

.portlet li {
    list-style: none
}

.portlet li > ul > li {
    padding: 0 0 0 2em
}

.portlet li .portletItemDetails, .portlet li a {
    padding: .5em 1.8em .5em 2em;
    display: block
}

.portlet ul > li:hover i {
    background: transparent
}

.portlet a:hover, .portlet a:focus {
    text-decoration: none
}

.portlet li i {
    padding: 0 .2em
}

.portlet li.active i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #fff
}

.portlet ul li.child i {
    position: absolute;
    display: inline-block;
    font-size: 1.5em;
    cursor: pointer;
    margin: .2em;
    right: 0;
    padding: 0 .5em;
    top: 2px
}

.portlet ul > li > ul li a:hover {
    background: #fff;
    color: #00abab
}

.portlet ul > li {
    border-bottom: 1px solid #eee;
    padding: 0
}

.portlet ul > li:last-of-type {
    border-bottom: 0px
}

.portlet ul li.child {
    position: relative
}

.portlet ul li.child a {
    color: #58595b
}

.portlet ul li.active a {
    background: #080037;
    color: #fff
}

.portlet ul li.active ul a {
    background: #fff;
    color: #58595b
}

.portlet ul > li > ul > li {
    border-bottom: 0 solid #00abab
}

.portlet span.Title, .portlet .item-details {
    display: block
}

.portlet .portletItem p {
    padding-left: 1em;
    padding-right: 1em
}

.portlet .portletItem p:first-of-type {
    margin-top: 1em
}

.portlet .portletItem p:last-of-type {
    margin-bottom: 1em
}

.landing-box .h4:hover, header .portlet .h4:hover, #portal-columns .portlet .h4:hover, .landing-box h4:hover a, header .portlet h4:hover a, #portal-columns .portlet h4:hover a, .landing-box .footer_link a:hover, header .portlet .footer_link a:hover, #portal-columns .portlet .footer_link a:hover, .landing-box .read-more a:hover, header .portlet .read-more a:hover, #portal-columns .portlet .read-more a:hover, .landing-box .h6:hover, header .portlet .h6:hover, #portal-columns .portlet .h6:hover, .landing-box h6:hover a, header .portlet h6:hover a, #portal-columns .portlet h6:hover a, .landing-box .h5:hover, header .portlet .h5:hover, #portal-columns .portlet .h5:hover, .landing-box h5:hover a, header .portlet h5:hover a, #portal-columns .portlet h5:hover a, .landing-box ul > li a:hover, header .portlet ul > li a:hover, #portal-columns .portlet ul > li a:hover, .landing-box ul > li:hover i, header .portlet ul > li:hover i, #portal-columns .portlet ul > li:hover i, .landing-box ul > li i:hover + a, header .portlet ul > li i:hover + a, #portal-columns .portlet ul > li i:hover + a {
    background: #080037;
    color: #fff;
    text-decoration: none
}

.landing-box ul li.active a:hover, header .portlet ul li.active a:hover, #portal-columns .portlet ul li.active a:hover {
    text-decoration: underline
}

.landing-box ul li.active ul li a:hover, header .portlet ul li.active ul li a:hover, #portal-columns .portlet ul li.active ul li a:hover {
    text-decoration: none
}

.landing-box .h4, header .portlet .h4, #portal-columns .portlet .h4, .landing-box h4, header .portlet h4, #portal-columns .portlet h4, .landing-box .h5, header .portlet .h5, #portal-columns .portlet .h5, .landing-box .h6 .read-more, header .portlet .h6 .read-more, #portal-columns .portlet .h6 .read-more, .landing-box h6, header .portlet h6, #portal-columns .portlet h6, .landing-box h5, header .portlet h5, #portal-columns .portlet h5 {
    padding: .2em 1em .2em 1.5em;
    background: #080037;
    margin: 0
}

.landing-box h5, header .portlet h5, #portal-columns .portlet h5, .landing-box h4, header .portlet h4, #portal-columns .portlet h4 {
    color: #fff
}

.landing-box .h5, header .portlet .h5, #portal-columns .portlet .h5, .landing-box .h4, header .portlet .h4, #portal-columns .portlet .h4 {
    color: #00d1d1
}

.landing-box .collection_item p, header .portlet .collection_item p, #portal-columns .portlet .collection_item p {
    margin-top: 1.2em
}

.landing-box a .item-details, header .portlet a .item-details, #portal-columns .portlet a .item-details {
    color: #58595b
}

.landing-box a:hover .item-details, header .portlet a:hover .item-details, #portal-columns .portlet a:hover .item-details {
    color: #fff
}

.landing-box .read-more a, header .portlet .read-more a, #portal-columns .portlet .read-more a, .landing-box .footer_link a, header .portlet .footer_link a, #portal-columns .portlet .footer_link a {
    padding: .5em 1em .5em 2em;
    display: block;
    color: #58595b;
    border-top: 1px solid #eee;
    min-height: 2.4em
}

.landing-box .read-more i, header .portlet .read-more i, #portal-columns .portlet .read-more i, .landing-box .footer_link i, header .portlet .footer_link i, #portal-columns .portlet .footer_link i {
    float: right;
    font-size: 1.5em;
    line-height: .9em
}

.landing-box .read-more a:hover, header .portlet .read-more a:hover, #portal-columns .portlet .read-more a:hover, .landing-box .footer_link a:hover, header .portlet .footer_link a:hover, #portal-columns .portlet .footer_link a:hover {
    color: #fff;
    list-style: none;
    text-decoration: none
}

#mini-nav {
    position: relative;
    width: 3%;
    float: left;
    margin-right: 14px
}

#mini-nav .portlet.navigation .Title i {
    margin-left: 0
}

#mini-nav .navigation {
    display: none
}

#mini-nav .portlet.mini {
    width: 100%;
    border-bottom: 0px
}

#mini-nav .portlet.preview {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1001;
    box-shadow: 3px 3px 3px #727272;
    width: 300px
}

#mini-nav .Title:after {
    content: "";
    clear: both
}

#mini-nav .Title i, .navigation .Title i {
    float: right;
    cursor: pointer;
    margin: .3em 0 .4em 0;
    padding: 0 .75em;
    font-size: 1.4em
}

#mini-nav .Title:hover i, .navigation .Title:hover i {
    color: #fff
}

#mini-nav .mini, #loggedin-box.portlet, #portal-columns .portlet.related_items, #portal-columns .portlet.navigation {
    border-bottom: 1px solid #eee
}

#mini-nav .mini .h5, #loggedin-box.portlet .h5, #portal-columns .portlet.related_items .h5, #portal-columns .portlet.navigation .h5, #mini-nav .mini .Title h5, #loggedin-box.portlet .Title h5, #portal-columns .portlet.related_items .Title h5, #portal-columns .portlet.navigation .Title h5, #mini-nav .mini .Title a.h5, #loggedin-box.portlet .Title a.h5, #portal-columns .portlet.related_items .Title a.h5, #portal-columns .portlet.navigation .Title a.h5 {
    background: #eee;
    color: #58595b
}

#mini-nav .mini .Title a.h5:hover, #loggedin-box.portlet .Title a.h5:hover, #portal-columns .portlet.related_items .Title a.h5:hover, #portal-columns .portlet.navigation .Title a.h5:hover {
    background: #080037;
    color: #fff
}

#mini-nav .mini li.child ul li a:hover, #loggedin-box.portlet li.child ul li a:hover, #portal-columns .portlet.related_items li.child ul li a:hover, #portal-columns .portlet.navigation li.child ul li a:hover {
    background: transparent;
    color: #00abab
}

#mini-nav .mini li a.current, #loggedin-box.portlet li a.current, #portal-columns .portlet.related_items li a.current, #portal-columns .portlet.navigation li a.current {
    color: #00abab
}

#mini-nav .mini .fa-angle-double-left:hover, #loggedin-box.portlet .fa-angle-double-left:hover, #portal-columns .portlet.related_items .fa-angle-double-left:hover, #portal-columns .portlet.navigation .fa-angle-double-left:hover {
    color: #000
}

#mini-nav .mini .h5 {
    background: #080037;
    color: #fff;
    box-shadow: 3px 3px 3px #727272;
    border-radius: 0 3px 3px 0
}

#portal-column-content.mini-menu {
    width: 100%
}

.portlet.preview {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1001;
    box-shadow: 3px 3px 3px #727272;
    width: 300px
}

.hidden-menu-left-content {
    margin-left: 38px
}

#search-info .grey-grad {
    display: none
}

#content .small {
    line-height: 1.4em
}

td.bluebackground, p.bluebackground, span.bluebackground {
    background-color: #c5ceff
}

td.greybackground, p.greybackground, span.greybackground {
    background-color: #e0e1e2
}

td.orangebackground, p.orangebackground, span.orangebackground {
    background-color: #f5e075
}

td.redbackground, p.redbackground, span.redbackground {
    background-color: #fcc394
}

td.bluebackground, p.bluebackground, td.greybackground, p.greybackground, td.orangebackground, p.orangebackground, td.redbackground, p.redbackground {
    padding: .55em .9em
}

span.bluebackground, span.greybackground, span.orangebackground, span.redbackground {
    padding: .2em .4em .1em
}

#content .callout {
    background: none repeat scroll 0 0 #eee;
    border-left: 1em solid #ccc;
    clear: both;
    padding: 1em
}

#portal-column-one .portletWrapper .pullquote, #portal-column-two .portletWrapper .pullquote, #content .pullquote {
    clear: right;
    color: #444;
    float: right;
    font-size: 2em;
    font-weight: bold;
    letter-spacing: -0.08em !important;
    line-height: 1.25em;
    margin: 0 1em .5em .5em;
    width: 35%;
    border-left: none
}

.img-100 {
    width: 100%
}

.smallText {
    font-size: 85%
}

.largeText {
    font-size: 140%
}

.orange-button, .green-button, .red-button, .blue-button {
    display: inline-block;
    padding: .5em 1em;
    margin: 0 0 0 .3em;
    color: #fff
}

a.orange-button, #content .grey a.green-button, #content .grey a.red-button, a.green-button, a.red-button, #content .grey a.blue-button, a.blue-button {
    color: #fff
}

.blue-button {
    background: #44465D
}

.green-button {
    background: #11a900
}

.red-button {
    background: #ff002f
}

.orange-button {
    background: #ff9600
}

.green-button:hover {
    background: #198400
}

.red-button:hover {
    background: #e80000
}

.blue-button:hover {
    background: #080037
}

a.orange-button:hover, a.green-button:hover, a.red-button:hover, a.blue-button:hover {
    text-decoration: none
}

.btn.green-button:focus, .btn.green-button:hover {
    color: #fff;
    background: #198400
}

.btn.red-button:focus, .btn.red-button:hover {
    color: #fff;
    background: #e80000
}

.btn.blue-button:focus, .btn.blue-button:hover {
    color: #fff;
    background: #080037
}

button[class$="-button"].disabled, input[class$="-button"].disabled, a[class$="-button disabled"], button[class$="-button"][disabled], input[class$="-button"][disabled], a[class$="-button"][disabled] {
    box-shadow: none;
    cursor: not-allowed;
    opacity: .65;
    pointer-events: none
}

input.green-button, input.red-button, input.blue-button {
    border: 0
}

#portal-columns .grey a.tag-link, .tag-link {
    color: #5c5d60;
    padding: .2em .5em
}

#portal-columns .grey a.tag-link:hover, .tag-link:hover {
    background: #5c5d60;
    color: #fff;
    text-decoration: none
}

.grey form h6, form.grey h6 {
    color: #ff9600
}

#content .select-height {
    height: 34px
}

.text-error, .error-text {
    color: #ff002f
}

.modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal .no-rounded {
    border-radius: 0
}

.modal.portlet .modal-content i.fa-close {
    padding: .75em 1em;
    color: #fff
}

.mobile #nav {
    display: none
}

#button-container {
    font-size: 12px;
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 75px;
    z-index: 100
}

#us_report_button {
    display: none
}

body.subsection-lir-portal #us_report_button {
    display: block
}

#button-container #us_report_button, #button-container a {
    float: right;
    background: #ff7700;
    border-radius: 6px 6px 0px 0px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #fff;
    font-size: 1.3em;
    padding: .5em 1em;
    text-decoration: none;
    margin-left: 1em
}

#button-container #us_report_button, #button-container #login-statement {
    font-size: 1.3em
}

#button-container #us_report_button {
    position: static;
    right: auto;
    left: auto;
    height: auto;
    line-height: 1.2em;
    background: #080037;
    display: block
}

#button-container #us_report_button:hover {
    height: auto
}

#button-container #us_report_button:before {
    font-family: FontAwesome;
    margin-right: 5px;
    content: "\f030";
    font-size: 1em
}

#button-container a.myButton:before {
    font-family: FontAwesome;
    margin-right: 5px;
    content: "\f0e6";
    font-size: 1.2em
}

.mobile #us_report_button svg {
    display: none
}

#portal-columns .ripe-accordion .panel-heading {
    background: #fff;
    padding: 0;
    margin: 0
}

#portal-columns .ripe-accordion .panel-heading .panel-title {
    padding: 0;
    margin: 0;
    position: relative
}

#portal-columns .ripe-accordion .panel-heading .panel-title a {
    display: block;
    padding: .5em 1em .5em 1em;
    text-decoration: none
}

#portal-columns .ripe-accordion .panel-heading .panel-title a:after {
    position: absolute;
    font-family: FontAwesome;
    top: 4px;
    right: 10px;
    content: "\f105";
    font-size: 1.5em;
    line-height: 1.1em
}

#portal-columns .ripe-accordion .panel-heading .panel-title a.active {
    background: #080037;
    color: #fff
}

#portal-columns .ripe-accordion .panel-heading .panel-title a.active:after {
    content: "\f107"
}

#portal-columns .ripe-accordion .panel {
    border: 0;
    border-bottom: 1px solid #eee;
    margin: 0;
    box-shadow: none;
    border-radius: 0
}

#portal-columns .ripe-accordion .panel .panel-body {
    border: 0
}

#portal-columns .ripe-accordion .panel-collapse.in {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee
}

.ripe-data-tables ul.pagination {
    width: 100%;
    list-style-type: none
}

.ripe-data-tables .dataTables_filter {
    float: right
}