body {
    font-family: Arial, Helvetica, sans-serif;
    color: #303030;
    font-size: 12px;
    text-align: center;
    background: #fff;
    margin: 0;
    padding: 0;
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

a:link {
    color: #313131;
    text-decoration: none;
}

a:visited {
    color: #313131;
    text-decoration: none;
}

a:hover {
    color: #7f7f7f;
    text-decoration: underline;
}

a:active {
    color: #7f7f7f;
    text-decoration: none;
}

a:active, a:focus {
    outline: 0;
}

h1 {
    font-size: 18px;
    font-weight: normal;
}

h2 {
    font-weight: normal;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
}

table img {
    max-width: none !important;
}

iframe {
    max-width: 100%;
}

* {
    -moz-box-sizing: border-box; /* Firefox 1, probably can drop this */
    -webkit-box-sizing: border-box; /* Safari 3-4, also probably droppable */
    box-sizing: border-box; /* Everything else */
}

sub {
    vertical-align: middle;
}

.HelveticaNeue, h1, h2, h3, h4 {
    font-family: 'Open Sans', sans-serif;
    line-height: 100%;
    font-weight: 600;
}

    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
        text-decoration: none;
    }

a.redButton {
    background: #e51937;
    padding: 2px 5px;
    color: #FFF;
    border-radius: 2px;
    color: #FFF;
}

    a.redButton:hover {
        background: #0055a5;
        text-decoration: none;
    }

a.blueButton {
    background: #0055a5;
    padding: 2px 5px;
    color: #FFF;
    border-radius: 2px;
    color: #FFF;
}

    a.blueButton:hover {
        background: #e51937;
        text-decoration: none;
    }

.red, a.red {
    color: #e51937;
}

.blue, a.blue {
    color: #0055a5;
}

.largeText {
    font-size: 15px;
    font-weight: bold;
}

.imgRight {
    float: right;
    padding: 2px;
    background: #ebecec;
    border: 1px solid #d0d2d2;
    margin: 0 0 10px 10px;
}

#mobile-header {
    display: none;
    position: absolute;
    left: 5px;
    top: 15px;
}

    #mobile-header a {
        background: url(../design_images/menu.svg);
        background-size: 30px 30px;
        width: 30px;
        height: 30px;
        display: block;
    }

/* Top */
#topContainer {
    float: left;
    width: 100%;
    background: url(../design_images/bg-header.png) repeat-x 0 0;
}

.header {
    height: 118px;
    width: 85%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

    .header .main_logo {
        float: left;
    }

    .header .social {
        position: absolute;
        top: 0;
        right: 325px;
        padding: 5px;
    }

        .header .social .rss, .header .social .facebook, .header .social .linkedin {
            width: 21px;
            height: 21px;
            float: left;
        }

        .header .social .rss {
            background: url(../design_images/btn-rss.png) no-repeat 0 0;
        }

        .header .social .facebook {
            background: url(../design_images/btn-facebook.png) no-repeat 0 0;
        }

        .header .social .linkedin {
            background: url(../design_images/btn-linkedin.png) no-repeat 0 0;
        }

            .header .social .rss:hover, .header .social .facebook:hover, .header .social .linkedin:hover {
                opacity: 0.5;
            }

.sidr-class-social {
    background: #e51937;
    padding: 6px;
}

.header .newsletterBtn {
    background: url(../design_images/newsletterBg.png) no-repeat bottom left;
    width: 167px;
    height: 29px;
    color: #c3152f;
    padding: 9px 10px 7px 45px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    right: 157px;
    top: 0;
}

.header .login {
    position: absolute;
    top: -140px;
    right: 0;
    width: 150px;
    height: 170px;
    padding: 5px;
    background: url(../design_images/V1b-conference-work_05.png) 0 bottom no-repeat;
    z-index: 100;
}

    .header .login .button, .header .login .buttonB {
        color: #c3152f;
        padding: 4px 10px 10px 45px;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        display: block;
        height: 25px;
        cursor: pointer;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .header .login .loginFields, .loggedIn {
        position: absolute;
        bottom: 30px;
        left: 45px;
        text-align: left;
        font-size: 11px;
        width: 100px;
        padding: 0 0 8px;
        color: #fff;
    }

        .header .login .loginFields input[type='checkbox'] {
            margin: -1px;
            margin-top: 3px;
        }

        .header .login .loginFields label {
            font-size: 11px;
            color: #eee;
            margin-left: 3px;
            position: absolute;
            bottom: 45px;
            height: 5px;
            cursor: pointer;
        }

        .header .login .loginFields a, .loggedIn a {
            color: #FFF;
            font-size: 10px;
        }

        .header .login .loginFields .textfield, .loggedIn .textfield {
            font-size: 11px;
            width: 90px;
            border: 1px solid #FFF;
            border-radius: 2px;
            margin: 0 0 5px;
        }

.sidr-class-login {
    padding: 10px;
    font-size: 12px;
    float: left;
    width: 100%;
}

    .sidr-class-login label {
        float: left;
    }

    .sidr-class-login a {
        float: left;
        width: 100%;
    }

#sidr-id-cbRememberMe {
    float: left;
}

.submitButton {
    font-size: 10px;
    width: 50px;
    background: #0055a5;
    border: 1px solid #0055a5;
    border-radius: 2px;
    margin: 0 0 3px;
    color: #FFF;
    cursor: pointer;
}

.sidr-class-button {
    display: none;
}

.sidr-class-submitButton {
    font-size: 14px;
    float: right;
    padding: 4px;
    width: 50px;
    background: #0055a5;
    border: 1px solid #0055a5;
    border-radius: 2px;
    margin: 0 0 3px;
    color: #FFF;
    cursor: pointer;
}

.submitButton:hover {
    background: #0067c8;
}

.sidr-class-topRightNav {
    text-align: left;
}

.topRightNav {
    float: right;
    margin: 55px 0 0 0;
    padding: 0;
}

    .topRightNav li {
        position: relative;
        list-style: none;
        float: left;
        margin: 0;
        padding-bottom: 15px;
    }

        .topRightNav li:nth-child(1) {
            border-left: 0 solid #FFF;
        }

        .topRightNav li a {
            font-weight: normal;
            color: #FFF;
            font-size: 13px;
            padding: 0;
        }

    .topRightNav > li > a {
        padding: 0 7px 18px 0;
    }

        .topRightNav > li > a:after {
            content: "|";
            padding-left: 7px;
        }

    .topRightNav > li:last-child > a:after {
        content: none;
        padding-left: 0;
    }

    .topRightNav li a:hover {
        color: #fcccd3;
        text-decoration: none;
    }

    .topRightNav li:hover ul, .topRightNav li ul:hover {
        display: inline-block;
    }

    .topRightNav li ul {
        -webkit-border-bottom-right-radius: 5px;
        padding: 5px 0;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        display: none;
        position: absolute;
        top: 31px;
        left: 0;
        z-index: 1000;
        background: #5a0a16;
        width: 190px;
        list-style: none;
    }

        .topRightNav li ul li {
            padding: 5px 10px;
            border: none;
            width: 100%;
        }

            .topRightNav li ul li:last-child {
                -webkit-border-bottom-right-radius: 5px;
                -webkit-border-bottom-left-radius: 5px;
                -moz-border-radius-bottomright: 5px;
                -moz-border-radius-bottomleft: 5px;
                border-bottom-right-radius: 5px;
                border-bottom-left-radius: 5px;
            }

            .topRightNav li ul li a:hover {
                color: #FFF;
            }

            .topRightNav li ul li:hover {
                background: #85091c;
            }

#mainNav {
    float: left;
    width: 100%;
    margin: 6px 0 0;
}

    #mainNav ul {
        margin: 0 0 0 10px;
        padding: 0;
        list-style: none;
    }

        #mainNav ul li {
            margin: 0;
            padding: 0;
            float: left;
            background: url(../design_images/nav-divider.png) right top repeat-y;
            height: 33px;
        }

            #mainNav ul li a {
                padding: 7px 15px;
                display: block;
                color: #FFF;
                font-size: 13px;
                font-weight: bold;
                font-family: 'Open Sans', sans-serif;
                font-weight: 300;
            }

            #mainNav ul li.active, #mainNav ul li.membersarea.active {
                background: #e0e0e0;
            }

            #mainNav ul li:hover, #mainNav ul li:hover.membersarea {
                background: #e0e0e0;
            }

                #mainNav ul li:hover a, #mainNav ul li.active a, #mainNav ul li.membersarea a {
                    color: #000;
                    text-decoration: none;
                }

            #mainNav ul li.membersarea {
                background: #0055a5;
            }

                #mainNav ul li.membersarea a {
                    color: #fff;
                }

.topSearch {
    float: right;
    width: 160px;
    background: #FFF;
    border-radius: 3px;
    padding: 2px;
    position: absolute;
    top: 93px;
    right: 0;
}

    .topSearch input[type='text'], .sidr-class-topSearch input[type='text'] {
        width: 133px;
        padding: 3px;
        font-size: 12px;
        border: none;
        float: left;
    }

    .topSearch .btnSearch {
        float: left;
    }

.sidr-class-topSearch {
    float: left;
    width: 100%;
    border-radius: 3px;
    padding: 10px;
}

    .sidr-class-topSearch input[type='text'] {
        width: 210px !important;
    }

    .sidr-class-topSearch .btnSearch {
        float: left;
        margin-top: 6px !important;
    }

.navDropdown {
    background: #e0e0e0;
    margin: -1px 0 0;
    float: left;
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
}

.navDropdownContainer {
    width: 85%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding: 20px 10px 25px;
    display: table;
}

.navDropdown .close {
    background: url(../design_images/close.png) no-repeat center -3px #c4c4c4;
    height: 20px;
    width: 100%;
    height: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

    .navDropdown .close:hover {
        opacity: 0.8;
    }

.navDropdownContainer .Col01 {
    width: 35%;
    float: left;
}

.navDropdownContainer .Col02 {
    width: 34%;
    float: left;
    margin: 0 2% 15px;
}

.navDropdownContainer .Col03 {
    width: 27%;
    float: left;
    margin: 0 0 15px;
    position: relative;
}

    .navDropdownContainer .Col01 h3, .navDropdownContainer .Col02 h3, .navDropdownContainer .Col03 h3 {
        color: #2f2f2f;
        font-size: 15px;
        background: url(../design_images/div-horiz.png) repeat-x 0 bottom;
        padding: 0 0 8px;
        margin: 0 0 8px;
    }

.navDropdownContainer .Col01 img {
    border: 2px solid #FFF;
}

.navDropdownContainer .Col01 p {
    margin: 5px 0;
}

.navDropdownContainer .Col02 .overview {
    position: relative;
    margin: 0 0 15px;
}

    .navDropdownContainer .Col02 .overview .all, .navDropdownContainer .Col03 .all {
        float: right;
        margin-top: 6px;
        color: #575757;
        font-size: 11px;
        font-weight: normal;
        background: url(../design_images/arrow-right-grey.png) right 2px no-repeat;
        padding: 0 13px 0 0;
    }

        .navDropdownContainer .Col02 .overview .all:hover, .navDropdownContainer .Col03 .all:hover {
            color: #0055a5;
            text-decoration: none;
        }

    .navDropdownContainer .Col02 .overview ul, .navDropdownContainer .Col02 .overview li {
        margin: 0;
        padding: 0;
        font-size: 11px;
        list-style: none;
    }

    .navDropdownContainer .Col02 .overview li {
        background: #d9d9d9;
        border-bottom: 1px solid #cacaca;
        padding: 4px 5px;
        margin: 0 0 2px;
    }

        .navDropdownContainer .Col02 .overview li:nth-child(even) {
            background: #e2e2e2;
        }

        .navDropdownContainer .Col02 .overview li:hover {
            opacity: 0.7;
        }

        .navDropdownContainer .Col02 .overview li a {
            text-decoration: none;
            display: block;
        }

        .navDropdownContainer .Col02 .overview li span.date {
            color: #0055a5;
            width: 50px;
            padding: 0 5px 0 0;
            margin: 0 5px 0 0;
            background: url(../design_images/divider-small.png) right 0 no-repeat;
        }

        .navDropdownContainer .Col02 .overview li span.more {
            color: #e51937;
        }

.navDropdownContainer .highlightbox {
    background: #d3d3d3;
    border-radius: 5px;
    float: left;
    font-size: 11px;
    padding: 10px 5px;
    width: 100%;
    min-height: 179px;
}

    .navDropdownContainer .highlightbox h4 {
        color: #2f2f2f;
        font-size: 14px;
        background: url(../design_images/div-horiz.png) repeat-x 0 bottom;
        padding: 0 0 8px;
        margin: 0 0 8px;
    }

    .navDropdownContainer .highlightbox img {
        float: left;
        width: 32%;
    }

    .navDropdownContainer .highlightbox div {
        float: left;
        width: 68%;
        padding: 0 0 0 8px;
    }

    .navDropdownContainer .highlightbox p {
        padding: 0;
        margin: 0 0 8px;
    }

    .navDropdownContainer .highlightbox div.double {
        float: left;
        width: 30%;
        margin: 0px 13% 10px;
        text-align: center;
        padding: 0;
    }

    .navDropdownContainer .highlightbox div.double2 {
        float: left;
        width: 30%;
        margin: 0px 13% 10px 0;
        text-align: center;
        padding: 0;
    }

        .navDropdownContainer .highlightbox div.double img, .navDropdownContainer .highlightbox div.double2 img {
            width: 100%;
        }

/* Mid */
#midContainer {
    float: left;
    width: 100%;
}

#midContent {
    width: 85%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    padding-top: 10px;
}

.bottomArea {
    width: 100%;
    float: left;
}

    .bottomArea > div {
        background: #ebecec;
        border: 1px solid #d0d2d2;
    }

.box01 {
    float: left;
    width: 680px;
    height: 350px;
    margin: 3px 3px 3px 0;
    background: #ebecec;
    position: relative;
    border: 1px solid #d0d2d2;
}

/*SLIDER*/
.slider-wrap {
    width: 69%;
    margin: 0 1% 1% 0;
    position: relative;
}

.stripViewer .panelContainer .panel ul {
    text-align: left;
    margin: 0;
}

.stripViewer, .wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 350px;
    background-position: center center !important;
    background-size: cover !important;
}

    .stripViewer .panelContainer {
        position: relative;
        left: 0;
        top: 0;
    }

        .stripViewer .panelContainer .panel {
            float: left;
            height: 100%;
            position: relative;
            width: 419px;
        }

.stripNavL, .stripNavR, .stripNav {
    display: none;
}

.nav-thumb {
}

.newsNav {
    position: absolute;
    top: 0;
    right: 0;
    width: 315px;
    z-index: 10;
}

#movers-row, #movers-row-2 {
    margin: 0;
}

    #movers-row div, #movers-row-2 div {
        float: left;
        margin: 0 0 0 16px;
        height: 70px;
        background: url(../design_images/bg-news-home.png) repeat-x;
    }

        #movers-row div span, #movers-row-2 div span {
            font-size: 11px;
        }

        #movers-row div:hover, #movers-row-2 div:hover {
            opacity: 0.9;
        }

        #movers-row div a.cross-link, #movers-row-2 div a.cross-link {
            display: block;
        }

            #movers-row div a.cross-link:hover, #movers-row-2 div a.cross-link:hover {
                text-decoration: none;
            }

            #movers-row div a.cross-link p, #movers-row-2 div a.cross-link p {
                padding: 10px 20px;
                margin: 0;
                display: block;
                height: 50px;
            }

.photo-meta-data {
    background: url(../design_images/bg-black-op.png);
    padding: 10px 40px 10px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    z-index: 5;
}

    .photo-meta-data span {
        font-size: 13px;
    }

#movers-row div a.current p span.red, #movers-row div a.current p span.blue, #movers-row-2 div a.current p span.red, #movers-row-2 div a.current p span.blue {
    color: #FFF;
}

#movers-row div a.current, #movers-row-2 div a.current {
    background: url(../design_images/bg-news-home-active.png) no-repeat left top;
    color: #FFF;
    margin: 0 0 0 -16px;
}

    #movers-row div a.current p, #movers-row-2 div a.current p {
        padding: 10px 20px 10px 36px;
        margin: 0;
        display: block;
    }

.back {
    float: left;
}

.box02, .box04, .box05, .box06, .box07, .boxMarket, .boxHomeCont {
    float: left;
    width: 100%;
    background: url(../design_images/ico-calendar.png) no-repeat 9px 3px #ebecec;
    position: relative;
    padding: 5px;
}

.box02, .box05, .box07, .boxMarket {
    border: 1px solid #d0d2d2;
}

#homeEventsOverview {
    width: 30%;
}

.boxNav {
    background: #ebecec;
    margin: 0;
    height: auto;
    padding: 4px 0;
    width: 100%;
}

    .boxNav ul {
        margin: 10px 13px;
        padding: 0;
        list-style: none;
    }

    .boxNav li {
        margin: 0 5px;
        padding: 0;
        background: url(../design_images/div-horiz-light.png) repeat-x left bottom;
        float: none;
    }

        .boxNav li a {
            padding: 5px 5px 5px 15px;
            background: url(../design_images/arrow-right-small-red.png) no-repeat 0 6px;
            display: block;
        }

            .boxNav li a:hover {
                background: url(../design_images/arrow-right-grey.png) no-repeat 0 6px;
                text-decoration: none;
                color: #e51937;
            }

        .boxNav li ul li {
            margin: 0 10px;
            font-size: 11px;
            padding: 0;
            background: url(../design_images/div-horiz-light.png) repeat-x left bottom;
            float: none;
        }

.box02.sub {
    margin: 2% 0;
}

.box02 h2, .box04 h2, .box05 h2, .box06 h2, .box07 h2, .boxMarket h2, .boxHomeCont h1 {
    color: #2f2f2f;
    font-size: 18px;
    background: url(../design_images/div-horiz.png) repeat-x 0 bottom;
    padding: 0 0 8px 29px;
    margin: 3px 0 8px;
}

.boxgrid {
    width: 100%;
    line-height: 16px;
    height: 24px;
    margin-bottom: 3px;
    float: left;
    overflow: hidden;
    position: relative;
    color: #FFF;
}

    .boxgrid h5 {
        font-size: 12px;
        margin: 0;
        font-weight: normal;
    }

    .boxgrid a {
        color: #303030;
        font-size: 12px;
        padding: 5px 8px;
        float: left;
        width: 100%;
        text-decoration: none;
        background: #d8d8d8;
    }

        .boxgrid a:hover {
            background: #c9c9c9;
        }

#homeEventsOverview .date-wrapper, #eventsSide .date-wrapper {
    font-weight: bold;
    border-right: 1px solid #6c6c6c;
    float: left;
    padding-right: 6px;
    margin-right: 6px;
}

.boxgrid img {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
}

.booknow {
    background: #0055a5;
    padding: 3px;
    font-size: 10px;
    float: right;
    display: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}

.fullybooked {
    background: #e51937;
    padding: 3px;
    font-size: 10px;
    float: right;
    display: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}

#subEventsOverview .booknow, #subEventsOverview .fullybooked {
    position: absolute;
    top: 7px;
    left: 5px;
    font-size: 12px;
}

.boxgrid .booknow, .boxgrid .fullybooked {
    top: 4px;
    right: 3px;
}

.boxcaption {
    float: left;
    width: 100%;
}

.caption .boxcaption {
    top: 110px;
    left: 0;
    line-height: 14px;
}

.boxContainerCenter {
    width: 33%;
    float: left;
    margin-right: 1%;
}

.boxContainerLeft, .boxContainerMenu {
    width: 30%;
    float: left;
}

.boxContainerRight {
    width: 30%;
    float: left;
}

.boxContainerMenu {
    width: 30%;
}

.box03 {
    float: left;
    width: 100%;
    margin: 0;
}

    .box03.ads {
        border: 5px solid #FFF;
        bottom: 0;
    }

.col1 .box03.ads {
    position: absolute;
}

.box03.sub {
    width: 100%;
    margin: 0 3px 2% 0;
}

.box03 img {
    width: 100%;
    height: auto;
}

.box03.sub img {
    width: 100%;
    height: auto;
}

/*.boxHighlight { float: left; width: 380px; height: 170px; margin: 0 3px 3px 0; background: #ebecec; position: relative; border: 1px solid #d0d2d2; }*/
.boxHighlight {
    float: right;
    width: 100%;
    height: auto;
    margin: 0 0 2% 0;
    border: 5px solid #FFF;
    background: #ebecec;
    position: relative;
}

    .boxHighlight img {
        width: 100%;
    }

.box04 {
    width: 100%;
    height: 353px;
    font-size: 11px;
}

    .box04.media {
        background: url(../design_images/ico-media.png) no-repeat 9px 6px #ebecec;
    }

    .box04 .arrowLink, .box06 .arrowLink {
        color: #575757;
        background: url(../design_images/arrow-right-grey.png) right 2px no-repeat;
        padding: 0 12px 0 0;
        position: absolute;
        right: 10px;
        top: 10px;
    }

        .box04 .arrowLink:hover, .box06 .arrowLink:hover {
            color: #e51937;
            text-decoration: none;
        }

    .box04 .mainVid {
        margin: 10px 0;
    }

    .box04 .video_holder {
        position: relative;
        padding-bottom: 70%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .box04 .mainVid h3 {
        padding: 18px 10px 8px;
        margin: 0;
        font-size: 14px;
        background: url(../design_images/div-horiz.png) repeat-x 0 bottom;
    }

    .box04 .mainVid p {
        padding: 10px;
        margin: 0;
    }

    .box04 .mainVid iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .box04 .smallVid {
        position: relative;
        width: 136px;
        float: left;
        padding: 2px;
    }

        .box04 .smallVid:hover {
            opacity: 0.8;
        }

        .box04 .smallVid a:hover {
            text-decoration: none;
        }

        .box04 .smallVid .playBtn {
            position: absolute;
            top: 30px;
            left: 57px;
        }

        .box04 .smallVid h5 {
            font-size: 11px;
            color: #383838;
            margin: 3px 0;
        }

    .box04.media.small {
        height: 214px;
    }

        .box04.media.small .arrowLink {
            position: absolute;
            right: 10px;
            top: 7px;
        }

        .box04.media.small .smallVid, .box04.media.small .mainVid h3, .box04.media.small .mainVid p {
            display: none;
        }

    .box04.poll {
        width: 100%;
        background: url(../design_images/ico-poll.png) no-repeat 9px 6px #ebecec;
        margin-top: 6px;
    }

        .box04.poll h2 {
            margin-bottom: -2px;
        }

.box05 {
    background: url(../design_images/ico-members.png) no-repeat 6px 8px #e51937;
    background-size: 30px 17px;
    border: 1px solid #b7142c;
    color: #FFF;
    margin: 0 0 3px;
    font-size: 11px;
    padding-bottom: 10px;
}

    .box05 h2 {
        background: url(../design_images/div-horiz-red.png) repeat-x 0 bottom;
        margin: 3px 0 15px;
        padding: 0 0 8px 35px;
    }

        .box05 h2 a {
            color: #FFF;
        }

a.arrowLink {
    color: #fff;
    background: url(../design_images/arrow-right-white.png) right 2px no-repeat;
    padding: 0 12px 0 0;
    float: left;
}

.box05 .arrowLink:hover {
    text-decoration: none;
    opacity: 0.7;
}

.box05 .searchMembers {
    background: url(../design_images/divider-small-red.png) 0 0 no-repeat;
    float: left;
    margin: 0;
    position: absolute;
    right: 9px;
}

    .box05 .searchMembers div {
        background: #FFF;
        border: 2px;
        border-radius: 3px;
        margin: 0 0 0 15px;
        padding: 1px;
        float: left;
    }

    .box05 .searchMembers input[type='text'] {
        width: 130px;
        border: none;
        font-size: 12px;
        float: left;
    }

    .box05 .searchMembers .btnSearch {
        float: left;
        margin-top: 1px;
        cursor: pointer;
    }

.box05 .featuredMember {
    background: #c3152f;
    border-radius: 3px;
    padding: 10px;
    float: left;
    width: 100%;
    margin: 23px 0 0;
}

    .box05 .featuredMember h4 {
        color: #FFF;
        background: url(../design_images/div-horiz-red.png) repeat-x 0 bottom;
        padding: 0 0 8px;
        font-size: 14px;
        margin: 0 0 10px;
    }

    .box05 .featuredMember img {
        float: left;
        width: 30%;
        height: 30%;
        border: 2px solid #FFF;
        border-radius: 3px;
    }

    .box05 .featuredMember p {
        float: left;
        margin: 0 0 0 4%;
        width: 66%;
    }

    .box05 .featuredMember a {
        font-weight: bold;
        color: #FFF;
    }

.box05 .featured {
    position: absolute;
    top: 81px;
    right: 4px;
}

.box06 .searchResources {
    float: left;
    margin: 0 0 8px;
    width: 100%;
}

    .box06 .searchResources div {
        background: #FFF;
        float: left;
        width: 100%;
    }

    .box06 .searchResources input[type='text'] {
        width: 90%;
        border: none;
        font-size: 12px;
        float: left;
    }

    .box06 .searchResources input[type='image'] {
        float: right;
        margin-top: 1px;
        cursor: pointer;
    }

.memberDirectory {
    background: #e51937;
    text-align: center;
    width: 49%;
    margin: 10px 2% 2% 0;
    padding: 15px 10px;
    text-decoration: none;
    color: #FFF;
    display: block;
    float: left;
    position: relative;
    min-height: 157px;
}

    .memberDirectory .iconLink {
        padding-top: 25px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }

    .memberDirectory h3 {
        margin-top: 60px;
    }

        .memberDirectory h3 a {
            font-size: 13px;
            margin-top: 12px;
            color: #FFF;
        }

.businessDirectory {
    background: #0055a5;
    text-align: center;
    width: 49%;
    margin: 10px 0 2% 0;
    padding: 15px 10px;
    text-decoration: none;
    color: #FFF;
    display: block;
    float: left;
    min-height: 157px;
}

    .businessDirectory img {
        float: left;
        width: 100%;
        margin-bottom: 8px;
    }

    .businessDirectory h3 {
        margin: 0 0 5px;
        text-align: left;
    }

        .businessDirectory h3 a {
            font-size: 13px;
            color: #FFF;
        }

    .memberDirectory .arrowLink, .businessDirectory .arrowLink {
        float: none;
        display: table;
        margin: 0 auto;
        color: #FFF;
    }

.box06 {
    background: url(../design_images/ico-resources.png) no-repeat 6px 4px #ebecec;
    width: 100%;
    margin: 0 0 0 0;
    font-size: 11px;
}

    .box06 table, .boxMarket table {
        width: 100%;
        text-align: center;
        float: left;
    }

        .box06 table tr, .boxMarket table tr {
            background: #dfdfdf;
        }

            .box06 table tr:hover, .boxMarket table tr:hover {
                opacity: 0.8;
            }

            .box06 table tr:nth-child(even), .boxMarket table tr:nth-child(even) {
                background: #d8d8d8;
            }

        .box06 table td, .boxMarket table td {
            border-bottom: 1px solid #cfcfcf;
            border-top: 2px solid #ebecec;
            padding: 3px 5px;
            background: url(../design_images/divider-small-02.png) 0 0 no-repeat;
        }

            .box06 table td.title, .boxMarket table td.title {
                background: none;
                font-size: 12px;
                text-align: left;
            }

            .box06 table td a, .boxMarket table td a {
                display: block;
                color: #383838;
            }

                .box06 table td a:hover, .boxMarket table td a:hover {
                    text-decoration: none;
                }

    .box06 .arrowLink, .boxMarket .arrowLink {
        float: left;
    }

.boxMarket .searchResources {
    background: url(../design_images/divider-small.png) 0 0 no-repeat;
}


.boxMarket {
    background: url(../design_images/ico-graph.png) no-repeat 6px 4px #ebecec;
    width: 364px;
    height: 160px;
    margin: 0 0 3px 0;
    font-size: 15px;
}

    .boxMarket table {
        margin: 5px 0 10px 0;
    }

        .boxMarket table td.title {
            font-size: 15px;
            text-align: left;
            color: #303030;
        }

        .boxMarket table td {
            color: #e51937;
        }

.col1 {
    float: left;
    width: 35%;
    margin-right: 1%;
    position: relative;
}
/*.boxHomeCont { background: url(../design_images/ico-malta.png) no-repeat 6px 4px #ebecec; width: 580px; height: 160px; margin: 0 0 3px ; font-size: 11px; }*/
.boxHomeCont {
    background: url(../design_images/ico-malta.png) no-repeat 15px 14px #ebecec;
    width: 100%;
    margin: 0 0 10px;
    float: left;
    padding: 16px;
    border: 0;
    line-height: 140%;
}

.box07 {
    background: url(../design_images/ico-message.png) no-repeat 6px 4px #ebecec;
    height: 214px;
    margin: 0 0 3px 0;
    font-size: 11px;
}


.box09 {
    background: url(../design_images/ico-resources.png) no-repeat 6px 4px #ebecec;
    width: 310px;
    height: 220px;
    margin: 0 15px 15px 0;
    font-size: 11px;
    float: left;
}

    .box09 table {
        width: 100%;
        margin: 10px 0 0;
        text-align: center;
        float: left;
    }

        .box09 table tr {
            background: #dfdfdf;
        }

            .box09 table tr:hover {
                opacity: 0.8;
            }

            .box09 table tr:nth-child(even) {
                background: #d8d8d8;
            }

        .box09 table td {
            border-bottom: 1px solid #cfcfcf;
            border-top: 2px solid #ebecec;
            padding: 3px 5px 3px 7px;
            background: url(../design_images/divider-small-02.png) center left no-repeat;
        }

            .box09 table td.title {
                background: none;
                font-size: 12px;
                text-align: left;
            }

            .box09 table td a {
                display: block;
                color: #383838;
            }

                .box09 table td a:hover {
                    text-decoration: none;
                }

    .box09 .arrowLink {
        float: left;
    }

    .box09 .searchResources {
        background: url(../design_images/divider-small.png) 0 0 no-repeat;
    }

    .box09:nth-child(odd) {
        margin-right: 0;
    }

    .box09 .scrollPane {
        height: 174px;
        width: 98%;
        background-color: #f1f1f1;
        border: solid 1px #ccc;
        overflow: auto;
        margin-left: 2px;
    }

    .box09.search {
        width: 632px;
        min-height: 364px;
    }

        .box09.search .scrollPane {
            width: 98%;
            height: 322px;
            margin-left: 5px;
            margin-top: 34px;
        }

    .box09 h2 {
        margin-left: 33px;
        margin-top: 9px;
        margin-bottom: 8px;
        padding-bottom: 0;
        float: left;
    }
/* Bottom Container*/
#bottomContainer {
    float: left;
    width: 100%;
}

#footer {
    width: 85%;
    max-width: 1200px;
    margin: 10px auto 20px;
    text-align: left;
    position: relative;
    border-top: 4px solid #e51937;
    font-size: 11px;
    background-color: #FFF;
}

    #footer a:hover {
        text-decoration: none;
        color: #e51937;
    }

    #footer .newsletter {
        width: 185px;
        height: 23px;
        text-align: center;
        margin: 0 auto;
        padding: 3px 0 0 25px;
        display: table;
        background: url(../design_images/bg-newsletter.png) 0 0 no-repeat;
        color: #FFF;
        font-size: 12px;
        cursor: pointer;
    }

        #footer .newsletter a {
            color: #fff;
        }

    #footer .leftCol {
        width: 77%;
        padding: 10px 8px;
        float: left;
    }

        #footer .leftCol ul {
            width: 50%;
            float: left;
            margin: 0;
            padding: 0;
            list-style: none;
        }

            #footer .leftCol ul li {
                background: url(../design_images/arrow-right-small-red.png) no-repeat 0 2px;
                padding: 2px 10px 2px 13px;
                width: 50%;
                float: left;
            }

    #footer .midCol {
        width: 280px;
        padding: 10px 10px;
        float: left;
        background: url(../design_images/divider-vert-grey.png) repeat-y right 0;
        display: none;
    }

        #footer .midCol h4 {
            margin: 0;
            padding: 0 0 10px;
            font-size: 14px;
        }

        #footer .midCol ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            #footer .midCol ul li {
                padding: 3px;
                margin: 5px 0;
                height: 40px;
            }

                #footer .midCol ul li img {
                    float: left;
                    margin: 0 5px 0 0;
                }

    #footer .rightCol {
        width: 23%;
        padding: 0 0 10px;
        float: right;
        text-align: right;
    }

        #footer .rightCol div.bottom {
            margin: 60px 0 0;
        }

        #footer .rightCol .addthis_button_pinterest_pinit {
            display: none;
        }

.iconlogo {
    margin: 0 0 0 -30px;
}

/* Right Advert */
.rightAdvert {
    position: fixed;
    top: 120px;
    right: -106px;
    background: #CCC;
    border-radius: 3px;
    padding: 3px;
}

    .rightAdvert .closeAD, .rightAdvert .openAD {
        position: absolute;
        top: 10px;
        left: -14px;
        width: 14px;
        height: 16px;
        background: url(../design_images/btn-close-open.png) no-repeat 0 0;
        cursor: pointer;
    }

    .rightAdvert .openAD {
        background: url(../design_images/btn-close-open.png) no-repeat 0 -16px;
    }

/* Content Pages */
.leftContent, .leftContentFull {
    float: right;
    width: 68%;
    margin: 3px 0 3px 2%;
    background: #fefefe;
    position: relative;
    border: 1px solid #dedede;
    padding: 15px;
}

.leftContentFull {
    float: left;
    width: 100%;
    margin: 3px 0 3px 0;
}

    .leftContent h1, .leftContentFull h1 {
        color: #2f2f2f;
        font-size: 22px;
        background: url(../design_images/div-horiz-light.png) repeat-x 0 bottom;
        padding: 0 0 8px 0;
        margin: 10px 0 8px;
    }

.leftContent p a {
    color: #7f7f7f;
    text-decoration: underline;
}

    .leftContent p a:hover {
        color: #e51937;
    }

.imageDocDetail {
    width: 182px;
    height: 122px;
    border-radius: 3px;
    float: right;
    box-shadow: 0 0 10px 0 #ccc;
}

/* Overview */
a.subscribeBtn {
    position: absolute;
    right: 15px;
    top: 22px;
    background: #0055a5;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 6px;
    text-transform: uppercase;
    color: #FFF;
}

.subscribeBtn:hover {
    background: #e51937;
    text-decoration: none;
}

.overviewA, .overviewB, .overviewW {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

    .overviewA.event {
        margin-left: -4px;
    }

        .overviewA.event li {
            width: 18%;
            padding-bottom: 30px !important;
        }

            .overviewA.event li .image {
                width: 100%;
                height: 110px;
                background-size: cover !important;
            }

    .overviewA li, .overviewB li {
        width: 48%;
        padding: 8px 8px 20px;
        margin: 10px 1% 0;
        position: relative;
        float: left;
        background: #e8e8e8;
        border: 1px solid #d0d2d2;
        border-radius: 3px;
        font-size: 12px;
    }

    .overviewB li {
        width: 19%;
        margin: 10px 1% 0 0;
        padding: 3px 3px 20px 3px;
    }

    .overviewB.gallery li {
        padding: 3px;
    }

    .overviewA .image, .overviewB .image {
        width: 100%;
        height: 130px;
        border-radius: 3px;
        background-size: cover !important;
    }

    .overviewA li img {
        width: 100%;
        height: auto;
        border-radius: 3px;
        background-size: cover !important;
    }

    .overviewB li img {
        width: 100%;
        border-radius: 3px;
    }

    .overviewA li h3, .overviewB li h3, .overviewB li h4 {
        padding-top: 10px;
        font-size: 14px;
        margin: 10px 0 5px;
        padding: 0 0 5px;
        color: #2f2f2f;
        background: url(../design_images/div-horiz.png) repeat-x 0 bottom;
    }

    .overviewB li h4 {
        font-size: 12px;
        height: auto;
    }

    .overviewA .redButton, .overviewA .blueButton, .overviewB .redButton, .overviewB .blueButton {
        position: absolute;
        left: 8px;
        bottom: 8px;
        text-decoration: none;
    }

    .overviewB li .thumb_holder {
        float: left;
        width: 100%;
        height: 140px;
        margin-bottom: 8px;
    }

#subEventsOverview .date-wrapper {
    position: absolute;
    background-color: #e51937;
    width: 45px;
    height: 55px;
    right: 12px;
    top: 12px;
    color: #fff;
}

    #subEventsOverview .date-wrapper .day, #subEventsOverview .date-wrapper .month, #subEventsOverview .date-wrapper .year {
        width: 45px;
        text-align: center;
        float: left;
    }

    #subEventsOverview .date-wrapper .day {
        padding-top: 3px;
        font-size: 25px;
    }

    #subEventsOverview .date-wrapper .month {
        font-size: 14px;
        padding-bottom: 2px;
    }

.date-wrapper .year {
    background: #0055a5;
    padding-top: 3px;
    font-size: 11px;
    padding-bottom: 1px;
}

.leftContent #subPageTemplate li {
    height: auto !important;
}

/*paging*/
#paging {
    float: left;
    width: 99%;
    margin: 20px 0;
    text-align: center;
    position: relative;
}

    #paging .left {
        position: absolute;
        top: 0;
        left: 0;
    }

    #paging .right {
        position: absolute;
        top: 0;
        right: 0;
        text-align: center;
    }

    #paging .center a {
        padding: 1px 3px;
        margin: 0 2px;
        background: #fff;
        border-radius: 3px;
        width: 23px;
        text-align: center;
    }

        #paging .center a.PagingSelected {
            background: #e51937;
            color: #fff;
            border-radius: 3px;
        }

    #paging .first {
        background: url(../design_images/paging-arrow-first.png) no-repeat top left;
        padding: 0 0 0 15px;
        margin: 0 10px 0 0;
        width: 15px;
        height: 15px;
        float: left;
    }

    #paging .last {
        background: url(../design_images/paging-arrow-last.png) no-repeat top right;
        padding: 0 15px 0 0;
        margin: 0 0 0 10px;
        width: 15px;
        height: 15px;
        float: right;
    }

    #paging .previous {
        background: url(../design_images/paging-arrow-previous.png) no-repeat top left;
        padding: 0 0 0 10px;
        margin: 0 10px 0 0;
        width: 15px;
        height: 15px;
        float: left;
    }

    #paging .next {
        background: url(../design_images/paging-arrow-next.png) no-repeat top right;
        padding: 0 10px 0 0;
        margin: 0 0 0 10px;
        width: 15px;
        height: 15px;
        float: right;
    }

    #paging a {
        text-decoration: none;
        font-size: 11px;
        color: #000;
        font-weight: bold;
    }

        #paging a:hover, #paging .selected {
            text-decoration: none;
            font-size: 11px;
            color: #e51937;
            font-weight: bold;
        }

.highlightClass {
    background-color: yellow;
    font-weight: bold;
}

.btnCalendar {
    float: left;
    width: 100%;
    min-height: 110px;
    margin: 5px 3px 3px 0;
    background: url(../design_images/bg-calendar-btn.png) #0055a5 no-repeat 0 0;
    color: #FFF;
    font-size: 11px;
    cursor: pointer;
}

    .btnCalendar div {
        margin: 0 10px 0 120px;
    }

    .btnCalendar h2 {
        background: url(../design_images/div-horiz-blue.jpg) repeat-x left bottom;
        margin: 12px 0;
        padding: 0 0 5px;
    }

    .btnCalendar p {
        margin: 2px 0;
    }

    .btnCalendar h2 a, .btnCalendar a {
        color: #FFF;
        font-weight: bold;
    }

.btnBecomeMember {
    float: left;
    width: 100%;
    height: 110px;
    margin: 0 3px 3px 0;
    padding: 5px 0;
    background: url(../design_images/bg-member-btn.png) #0055a5 no-repeat 0 0;
    color: #FFF;
    font-size: 11px;
    cursor: pointer;
}

    .btnBecomeMember div {
        margin: 0 10px 0 120px;
    }

    .btnBecomeMember h2 {
        background: url(../design_images/div-horiz-blue.jpg) repeat-x left bottom;
        margin: 12px 0;
        padding: 0 0 5px;
    }

    .btnBecomeMember p {
        margin: 2px 0;
    }

    .btnBecomeMember h2 a {
        color: #FFF;
        font-weight: bold;
        margin-top:;
    }

    .btnBecomeMember a {
        color: #FFF;
        margin-top: -3px;
        display: block;
    }

/* Contact Us */
#contactForm {
    float: left;
    padding: 0px 20px 0 0;
    margin: 12px 0 0;
    width: 49%;
}

    #contactForm .row {
        padding: 0 0 11px;
        position: relative;
        clear: both;
    }

        #contactForm .row input, #contactForm .row textarea, #contactForm .row select {
            background: #e8e8e8;
            border: 1px solid #d0d2d2;
            border-radius: 3px;
            width: 100%;
            font-size: 12px;
            margin: 0 0 10px;
            padding: 4px;
            border: 1px solid #ccc;
        }

        #contactForm .row textarea {
            height: 60px;
            overflow: auto;
            padding: 4px;
        }

        #contactForm .row .title {
            float: left;
            width: 100%;
            text-align: left;
        }

        #contactForm .row .radiobtngroup, #contactForm .checkboxes {
            float: left;
            width: 100px;
            text-align: left;
        }

            #contactForm .row .radiobtngroup input, #contactForm .checkboxes input {
                width: 20px;
            }

        #contactForm .row .error {
            z-index: 1000;
            color: #fd1a1a;
            position: absolute;
            right: -5px;
            top: -19px;
            padding: 5px;
            font-size: 11px;
            text-align: right;
            text-shadow: #ffc4c4 1px 1px 1px;
        }

.submitBtn input {
    background: #0055a5;
    border-radius: 3px;
    font-size: 14px;
    border: 1px solid #033c72;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    float: right;
}

    .submitBtn input:hover {
        background: #e51937;
        border: 1px solid #b31129;
        color: #FFF;
    }

#contactDetails {
    float: left;
    width: 49%;
    margin: -5px 0 0 2%;
}

#map {
    width: 640px;
    float: left;
    margin: 20px 0 0 0;
}

    #map iframe {
        background: #e8e8e8;
        border: 1px solid #d0d2d2;
        padding: 5px;
        margin: 0;
        border-radius: 3px;
    }

.box01 .menu {
    position: absolute;
    width: 35px;
    overflow: hidden;
    top: 10px;
    left: 0;
    z-index: 50;
    margin: 0;
    padding: 0;
}

    .box01 .menu li {
        list-style: none;
        width: 30px;
        overflow: hidden;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        margin-bottom: 5px;
    }

        .box01 .menu li img {
            max-width: none;
            float: right;
        }

        .box01 .menu li.active {
            width: 35px;
            overflow: hidden;
        }

.box01 .content {
}

/*New slider*/
#description {
    height: 350px;
    overflow: hidden;
}

    #description .viewport {
        float: left;
        width: 381px;
        height: 349px;
        overflow: hidden;
        position: relative;
    }

    #description .buttons {
        display: block;
        margin: 30px 10px 0 0;
        float: left;
    }

    #description .next {
        margin: 30px 0 0 10px;
    }

    #description .disable {
        visibility: hidden;
    }

    #description .overview {
        list-style: none;
        padding: 0;
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

        #description .overview li {
            float: left;
            margin: 0 20px 0 0;
            padding: 1px;
            width: 381px;
            height: 349px;
            border: 1px solid #dcdcdc;
        }

    #description .pager {
        position: absolute;
        top: 0;
        right: 0;
        width: 315px;
        z-index: 10;
        list-style: none;
    }

        #description .pager li {
            float: left;
            margin: 0 0 0 16px;
            height: 70px;
            background: url(../design_images/bg-news-home.png) repeat-x;
        }

            #description .pager li span {
                font-size: 11px;
            }

            #description .pager li:hover {
                opacity: 0.9;
            }

            #description .pager li a.cross-link {
                display: block;
            }

                #description .pager li a.cross-link:hover {
                    text-decoration: none;
                }

                #description .pager li a.cross-link p {
                    padding: 10px 20px;
                    margin: 0;
                    display: block;
                    height: 50px;
                }

    #description .active {
        color: #fff;
        padding: 3px 20px 10px 36px;
        margin: 0;
        display: block;
        background: url(../design_images/bg-news-home-active.png) no-repeat left top;
        color: #FFF;
        margin: 0 0 0 -16px;
    }

        #description .active .blue, #description .active .red {
            color: #fff;
        }

/*New slider*/
#international {
    visibility: hidden;
}

#local, #international {
    height: 350px;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

    #local .viewport, #international .viewport {
        float: left;
        width: 55%;
        height: 349px;
        overflow: hidden;
        position: relative;
    }

    #local .buttons, #international .buttons {
        display: block;
        margin: 30px 10px 0 0;
        float: left;
    }

    #local .next, #international .next {
        margin: 30px 0 0 10px;
    }

    #local .disable, #international .disable {
        visibility: hidden;
    }

    #local .overview, #international .overview {
        list-style: none;
        padding: 0;
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

        #local .overview li, #international .overview li {
            float: left;
            margin: 0 0 0 0;
            width: 381px;
            height: 349px;
        }

            #local .overview li img, #international .overview li img {
                width: 100%;
                height: 100%;
            }

    #local .pager, #international .pager {
        position: absolute;
        top: 0;
        right: 0;
        width: 45%;
        z-index: 10;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #local .pager li, #international .pager li {
            float: left;
            margin: 0;
            height: 70px;
            background: url(../design_images/bg-news-home.png) repeat-x;
            width: 100%;
        }

            #local .pager li span, #international .pager li span {
                font-size: 11px;
            }

            #local .pager li:hover, #international .pager li:hover {
            }

            #local .pager li a.cross-link, #international .pager li a.cross-link {
                display: block;
                height: 100%;
                width: 100%;
            }

                #local .pager li a.cross-link:hover, #international .pager li a.cross-link:hover {
                    text-decoration: none;
                }

                #local .pager li a.cross-link p, #international .pager li a.cross-link p {
                    padding: 10px 20px;
                    margin: 0;
                    display: block;
                    height: 66px;
                }

    #local .active, #international .active {
        background: url(../design_images/bg-news-home-active.png) no-repeat left top;
        color: #fff;
        width: 106% !important;
        padding: 3px 20px 10px 6%;
        display: block;
        color: #FFF;
        margin: 0 0 0 -6%;
    }

        #local .active .blue, #local .active .red, #international .active .blue, #international .active .red {
            color: #fff;
        }

#usage {
    height: 350px;
    overflow: hidden;
}

    #usage .viewport {
        float: left;
        width: 381px;
        height: 349px;
        overflow: hidden;
        position: relative;
    }

    #usage .buttons {
        display: block;
        margin: 30px 10px 0 0;
        float: left;
    }

    #usage .next {
        margin: 30px 0 0 10px;
    }

    #usage .disable {
        visibility: hidden;
    }

    #usage .overview {
        list-style: none;
        padding: 0;
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

        #usage .overview li {
            float: left;
            margin: 0 20px 0 0;
            padding: 1px;
            width: 381px;
            height: 349px;
            border: 1px solid #dcdcdc;
        }

    #usage .pager {
        position: absolute;
        top: 0;
        right: 0;
        width: 315px;
        z-index: 10;
        list-style: none;
    }

        #usage .pager li {
            float: left;
            margin: 0 0 0 16px;
            height: 70px;
            background: url(../design_images/bg-news-home.png) repeat-x;
        }

            #usage .pager li span {
                font-size: 11px;
            }

            #usage .pager li:hover {
                opacity: 0.9;
            }

            #usage .pager li a.cross-link {
                display: block;
            }

                #usage .pager li a.cross-link:hover {
                    text-decoration: none;
                }

                #usage .pager li a.cross-link p {
                    padding: 10px 20px;
                    margin: 0;
                    display: block;
                    height: 50px;
                }

    #usage .active {
        color: #fff;
        padding: 3px 20px 10px 36px;
        margin: 0;
        display: block;
        background: url(../design_images/bg-news-home-active.png) no-repeat left top;
        color: #FFF;
        margin: 0 0 0 -16px;
    }

        #usage .active .blue, #usage .active .red {
            color: #fff;
        }


/* Others */
.subWrapper {
    width: 900px;
    margin: 0 auto;
}

.hidden {
    display: none;
}

.fright {
    float: right;
}

.fleft {
    float: left;
}

.aright {
    text-align: right;
}

.aleft {
    text-align: left;
}

.spacetop {
    margin-top: 25px;
}

.spacebottom {
    margin-bottom: 25px;
}

.width330 {
    width: 330px;
}

.width420 {
    width: 421px;
}

.stext {
    font-size: 12px;
}

.buttoncontainer {
    width: 100%;
    padding: 6px;
}

a.btn.red {
    color: #fff;
    text-decoration: none;
}

.btn {
    text-align: center;
    text-shadow: 1px 1px #313131;
    color: #fff;
    cursor: pointer;
    padding: 5px 10px;
    float: right;
    margin-right: 5px;
    border: none;
    color: #fff;
    border-radius: 5px;
    transition: all 0.3s ease;
}

    .btn.red {
        background-color: #E51837;
        box-shadow: inset 0px -4px 10px -2px #CF1731;
    }

        .btn.red:hover {
            background-color: #0055A5;
            box-shadow: inset 0px -4px 10px -2px #00498E;
        }

    .btn.blue {
        background-color: #0055A5;
        box-shadow: inset 0px -4px 10px -2px #00498E;
    }

        .btn.blue:hover {
            background-color: #E51837;
            box-shadow: inset 0px -4px 10px -2px #CF1731;
        }

    .btn.red.back {
        float: left;
        margin-top: 25px;
        margin-left: 3px;
        text-decoration: none;
        color: #fff;
    }

        .btn.red.back:hover {
            text-decoration: none;
        }

    .btn.close {
        margin-top: -5px;
        margin-bottom: 11px;
    }

#navBack {
    float: left;
    margin-top: 4px;
}

select.large {
    width: 170px;
    height: 30px;
}

.btn.red.vcard {
    margin-top: 7px;
    float: left;
}

/* Member Profile */
.profile {
    font-family: arial;
    float: left;
    padding: 8px 6px;
}

    .profile .img {
        float: right;
        padding: 10px 15px;
        border: 1px solid #CCC;
        margin-bottom: 20px;
        width: 180px;
        margin-right: 15px;
    }

        .profile .img img {
            float: right;
            width: 100% !important;
        }

    .profile .profileCont {
        min-height: 100px;
        float: left;
        width: 100%;
        word-wrap: break-word;
    }

        .profile .profileCont h2 {
            margin: 0;
            background-color: #e51937;
            color: #fff;
            font-weight: bold;
            font-size: 14px;
            padding: 6px;
        }

        .profile .profileCont table {
            background: #FFF;
            float: left;
            width: 100%;
            margin-top: 15px;
        }

            .profile .profileCont table table {
                margin: 0;
            }

                .profile .profileCont table table table {
                    width: auto;
                }

        .profile .profileCont p:empty {
            display: none;
        }

/* Forms */
#tableOutline {
    width: 100%;
    min-height: 200px;
    float: left;
}

#tblCategories {
    padding-top: 5px;
    width: 33%;
    float: left;
}

    #tblCategories input {
        margin-bottom: 15px;
    }

    #tblCategories tr {
        width: 33%;
    }

#tblCategories2ndColumn {
    margin-top: 13px;
    width: 33%;
    float: left;
}

    #tblCategories2ndColumn tr {
        height: 33px;
    }

#tblCategories3rdColumn {
    margin-top: 13px;
    width: 33%;
    float: left;
}

    #tblCategories3rdColumn tr {
        height: 33px;
    }

.tooltip {
    display: none;
    background-color: #313131;
    color: #fff;
    margin-left: 3px;
    width: 89%;
    padding: 8px;
    margin-top: -8px;
}

.question {
    font-size: 11px;
    color: #b31524;
    width: 20px;
    display: inline !important;
}

    .question:hover {
        font-weight: bold;
    }

.actionbuttons {
    text-align: center;
    margin-top: 30px;
}

    .actionbuttons input {
        padding: 10px 15px;
        background-color: #E51837;
        box-shadow: inset 0px -4px 10px -2px #CF1731;
        color: #fff;
        text-align: center;
        text-shadow: 1px 1px #313131;
        border: none;
        cursor: pointer;
        font-size: 16px;
    }

        .actionbuttons input:hover {
            background-color: #0055A5;
            box-shadow: inset 0px -4px 10px -2px #00498E;
        }

#applyingfor {
    display: none;
}

.regform {
    width: 100%;
    float: left;
}

    .regform .info { /*height: 350px; max-height: 350px; overflow: auto; overflow-x: hidden; border: solid 1px #ddd; margin: 5px; margin-left: 0; margin-top: -29px; background-color: #fff; box-shadow: 3px 3px 20px 0 #eee; border-radius: 2px;*/
    }

        .regform .info .inner { /*padding: 10px;*/
        }

            .regform .info .inner p {
                font-size: 13px;
                line-height: 18px;
            }

    .regform .wizard {
        background-color: #fff;
        width: 100%;
        min-height: 484px;
        margin-top: 20px;
    }

        .regform .wizard .nav {
            float: left;
            width: 100%;
            color: #fff;
            font-weight: bold;
            margin-left: 1px;
        }

            .regform .wizard .nav .step {
                float: left;
                border-top: solid 1px #fff;
                padding: 5px;
                width: 20%;
                cursor: pointer;
                background-color: #E51837;
                border-right: solid 1px #fff;
                line-height: 23px;
                box-shadow: inset 0px -4px 10px -2px #CF1731;
                text-align: center;
                text-shadow: 1px 1px 2px 0 #313131;
                text-shadow: 1px 1px #313131;
            }

                .regform .wizard .nav .step.active {
                    background-color: #fff;
                    color: #313131;
                    box-shadow: none;
                    text-shadow: none;
                    border-top: solid 1px #ddd;
                }

                    .regform .wizard .nav .step.active:first-child {
                        border-left: solid 1px #ddd;
                    }

                    .regform .wizard .nav .step.active:last-child {
                        border-right: solid 1px #ddd;
                    }

                    .regform .wizard .nav .step.active:hover {
                        background-color: #fff;
                        color: #313131;
                        box-shadow: none;
                    }

                .regform .wizard .nav .step:hover {
                    background-color: #0055A5;
                    box-shadow: inset 0px -4px 10px -2px #00498E;
                }

                .regform .wizard .nav .step:last-child {
                    border-right: none;
                }

        .regform .wizard #chkTermsConditionsCorporate,
        .regform .wizard #cbUseCompanyInPress,
        .regform .wizard #cbTerms {
            position: relative;
            top: 2px;
            left: -5px;
        }

        .regform .wizard #cbTerms {
            top: -10px;
        }

        .regform .wizard #cbsAuthorise p {
            display: inline-block;
            margin: 2px 0px;
            width: 940px;
        }

        .regform .wizard #chkTermsConditionsAffiliate,
        .regform .wizard #cbAffiliateUsecompanyInPress,
        .regform .wizard #cbAffiliateterms {
            position: relative;
            top: 2px;
            left: -5px;
        }

        .regform .wizard #cbAffiliateterms {
            top: -10px;
        }

        .regform .wizard #cbsAuthoriseAfi p {
            display: inline-block;
            margin: 2px 0px;
            width: 90%;
        }

        .regform .wizard #affCSM {
            margin: 0px;
            position: relative;
            margin: 10px 0;
        }

        .regform .wizard .form-panel .inner {
            padding: 14px 13px 16px 23px;
            float: left;
            width: 100%;
            border: 1px solid #ddd;
            box-shadow: 3px 3px 20px 0 #eee;
            border-radius: 2px;
        }

            .regform .wizard .form-panel .inner .sub-info {
                font-size: 13px;
                font-style: italic;
                color: #747474;
            }

            .regform .wizard .form-panel .inner > table {
                font-size: 12px;
                margin-left: -2px;
                width: 100%;
            }

#divAffiliateRegistration table {
    width: 100%;
}

.regform .wizard .form-panel .inner > table tr td span {
    width: 100%;
    display: block;
    margin-left: 0;
}

    .regform .wizard .form-panel .inner > table tr td span.details {
        width: 100%;
        display: block;
        float: left;
        text-align: left;
        padding-right: 20px;
        padding-top: 8px;
    }

.regform .wizard .form-panel .inner table .membershipfees {
    float: left;
    position: relative;
    top: -27px;
}

    .regform .wizard .form-panel .inner table .membershipfees table {
        border: solid 1px #ccc;
        box-shadow: inset 0 0 5px 0 #eee;
        padding: 10px;
        width: 203px;
    }

.regform .wizard #subsidiary label {
    position: relative;
    top: -2px;
}

.regform .wizard input[type='text'], textarea {
    border: solid 1px #ccc;
    box-shadow: inset 0 0 5px 0 #eee;
}

.regform .wizard input[type='text'] {
    width: 95%;
    height: auto;
    margin-top: 2px;
    margin-bottom: 8px;
    padding: 5px 4px;
}

.regform .wizard textarea {
    width: 95%;
    margin-left: 0px;
    max-height: 30px;
    margin-bottom: 8px;
}

.regform .wizard .repsdetails .error-box {
    position: relative;
    left: 0;
    width: 95%;
}

.regsubmitcontainer {
    position: relative;
    top: -35px;
    right: 6px;
}


.watermarkOn {
    font-size: 12px;
    font-style: italic;
    color: #aaa;
}

.error-box {
    padding: 5px;
    z-index: 200;
    background-color: #CF1731;
    color: #fff;
    color: #fff;
    display: none;
    font-weight: bold;
    font-size: 12px;
    width: 95% !important;
}

.error-class {
    border: solid 1px #CF1731 !important;
    box-shadow: 1px 0px 10px 0 #ddd;
}

.sub-title {
    font-size: 12px;
    font-style: italic;
    margin-top: -5px;
}

.directory.graybox {
    width: 48%;
    margin-right: 2%;
}

.directory ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .directory ul ul {
        margin-left: 20px;
    }

.directory.tight ul li {
    margin-top: -7px;
}

.directory ul li a {
    height: 25px;
    font-size: 12px;
    padding: 0 10px 5px 25px;
    background: 8px 7px url(../design_images/small_cross_bullet.png) no-repeat;
    line-height: 28px;
    cursor: pointer;
    width: 100%;
    display: block;
}

    .directory ul li a:hover {
        border-radius: 3px;
        font-weight: bold;
        color: #fff;
        background: #e51937 8px 7px url(../design_images/small_cross_bullet-white.png) no-repeat;
        text-decoration: none;
    }

.graybox {
    background: #f1f1f1;
    position: relative;
    border: 1px solid #d0d2d2;
    float: left;
    margin-top: 3px;
    padding: 7px 10px;
}

    .graybox h3 {
        color: #2f2f2f;
        font-size: 17px;
        background: url(../design_images/div-horiz.png) repeat-x 0 bottom;
        padding: 2px 0 8px 0px;
        margin: 3px 0 8px;
        margin-bottom: 15px;
    }

/* Members Overview */
.boxesOverview {
    margin-top: 8px;
    float: left;
    min-height: 371px;
}

    .boxesOverview .item {
        background: #f1f1f1;
        border-radius: 3px;
        padding: 10px;
        float: left;
        width: 48%;
        margin: 0 2% 15px 0;
    }

        .boxesOverview .item h4 {
            color: #313131;
            background: url(../design_images/div-horiz-light.png) repeat-x 0 bottom;
            padding: 0 0 8px;
            font-size: 14px;
            margin: 0 0 10px;
        }

        .boxesOverview .item img {
            float: left;
            width: 30%;
            height: auto;
            border: 2px solid #FFF;
            border-radius: 3px;
        }

        .boxesOverview .item p {
            float: left;
            margin: 0 0 0 4%;
            width: 66%;
        }

        .boxesOverview .item a {
            font-weight: bold;
            color: #aaa;
        }

        .boxesOverview .item:hover {
            cursor: pointer;
            background-color: #e9e9e9;
        }

/* Back Buttons */
.back.directory a {
    float: left;
    color: #FFF;
    background: #0055a5;
    width: 100%;
    padding: 6px 8px;
    border-radius: 5px;
    opacity: 0.9;
}

    .back.directory a:hover {
        opacity: 1.0;
        text-decoration: none;
    }

.error-box-simple {
    position: absolute;
    padding: 10px;
    top: 400px;
    right: 0;
    background-color: red;
    color: #fff;
}

.top-members-search {
    width: 100%;
}

    .top-members-search #txtSearchTop {
        padding: 5px 3px;
        border-radius: 3px;
        border: solid 1px #bbb;
        margin-top: 0px;
        width: 220px;
    }

    .top-members-search #btnSearchTop {
        margin-bottom: -4px;
    }

.general-message-box {
    position: fixed;
    z-index: 1000;
    width: 100%;
    left: 0;
    top: 0;
    color: #313131;
    box-shadow: 0 0 10px 0 #3c3c3c;
    padding: 8px;
    font-weight: bold;
    display: none;
}

    .general-message-box.error {
        background-color: #FFF;
        color: #ca6b78;
    }

    .general-message-box.success {
        background-color: #FFF;
        color: rgb(92, 114, 68);
    }

    .general-message-box .close {
        cursor: pointer;
    }


.btnSearchFull, .sidr-class-btnSearchFull {
    background: url(../design_images/btn-search.png) no-repeat 0 bottom !important;
    width: 16px;
    height: 16px;
    float: right;
    border: none;
    margin: 3px 1px 0 0;
    cursor: pointer;
    padding: 9px;
}

#divCurrentMember {
    font-size: 11px;
    line-height: 11px;
    bottom: 4px;
    width: 92px;
    text-align: center;
}

/* Testimonials */
.testimonials {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .testimonials li {
        margin: 0 0 10px;
        padding: 0;
    }

    .testimonials h2 {
        padding: 15px;
        background: #ebecec;
        border: 1px solid #CCC;
        border-radius: 5px;
        margin: 0;
        font-style: italic;
    }

    .testimonials .aut {
        text-align: right;
        padding: 20px 0 0;
        background: url(../design_images/bg-testimonials.png) 600px 0 no-repeat;
        margin: -1px 15px 0 0;
    }

.redBar {
    background: #e51937;
    border: 1px solid #b7142c;
    border-radius: 3px;
    padding: 3px 10px;
    float: left;
    width: 625px;
    color: #FFF;
}

    .redBar .available {
        font-size: 11px;
        float: left;
        padding: 3px 0 0;
    }

        .redBar .available strong {
            font-size: 12px;
        }

    .redBar .blueButton {
        float: right;
    }

.blueButton a {
    color: #fff;
}

.breadcrums {
    float: right;
    background: #FEFEFE;
    border: 1px solid #EBECEC;
    color: #848484;
    font-size: 10px;
    padding: 2px 5px 2px 0;
    width: 68%;
    margin: 3px 0px 0;
}

    .breadcrums img {
        float: left;
        margin: 1px 3px 0 0;
    }

    .breadcrums a {
        color: #848484;
    }

        .breadcrums a:hover {
            color: #686868;
            text-decoration: none;
        }

.subBox {
    position: absolute;
    width: 100%;
    right: -1px;
    height: 60px;
    top: -66px;
}

    .subBox a {
        color: #fff;
    }

    .subBox h2 {
        margin-top: 7px;
        margin-left: 9px;
        color: #fff;
        background: url(../design_images/div-horiz-red.png) repeat-x 0 bottom;
        padding-bottom: 5px;
    }

    .subBox a:visited.arrowlink, .subBox.livestream a.arrowlink {
        position: absolute;
        top: 32px;
        left: 10px;
        line-height: 13px;
        color: #eee;
        background: url(../design_images/arrow-right-white.png) 275px 1px no-repeat;
    }

    .subBox a.arrowlink:hover {
        color: #fff;
    }

    .subBox.livestream {
        background: url(../design_images/ico-live.png) no-repeat 9px 6px #e51937;
        cursor: pointer;
        border: 1px solid #d0d2d2;
        color: #fff;
    }

.simple-overview a {
    text-decoration: underline;
    color: #aaa;
}

.simple-overview-item {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    float: left;
    border-bottom: solid 1px #c6c6c6;
}

/* ERROR PAGE */
.errorPage {
    min-height: 500px;
    height: auto !important;
    height: 500px;
    margin-top: 154px;
}

.logoError {
    width: 350px;
    height: 100px;
    margin: 10px auto;
    background: url(../design_images/error-logo.png) no-repeat;
}

    .logoError h2 {
        display: none;
    }

.contentError {
    text-align: center;
    background: #ebecec;
    border: 1px solid #d0d2d2;
    border-radius: 5px;
    width: 350px;
    margin: 0 auto;
    text-align: left;
    padding: 10px;
}

    .contentError h1 {
        font-size: 25px;
        margin: 0 0 10px;
    }

.profileCont a {
    color: #aaa;
}

.profileCont table a {
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.btnViewLargerMap {
    width: 100px;
    height: 53px;
    background: url(../design_images/btn-viewlargermap.jpg) no-repeat;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 370px;
    right: 20px;
}

.intlogo {
    width: 165px;
    margin-top: 10px;
}

#calendar {
    width: 100%;
    margin: 0 auto;
}

.loader {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.8;
    padding-top: 200px;
    text-align: center;
    width: 981px;
    height: 781px;
    z-index: 15;
    font-weight: bold;
    width: 100%;
    height: 1800px;
    font-size: 20px;
    opacity: 0.9;
    text-shadow: 1px 1px 0 #ccc;
    display: none;
}

/* Gallery Detail */
#gallery {
    float: left;
    padding: 0;
    margin: 0;
}

    #gallery li {
        list-style: none;
        width: 305px;
        float: left;
        height: 200px;
        border: 1px solid #5a0a16;
        margin: 5px;
        margin-bottom: 30px;
        cursor: zoom-in;
    }

        #gallery li a {
            text-decoration: none;
        }

        #gallery li img {
            width: 305px;
            height: 200px;
            cursor: -moz-zoom-in;
            cursor: -webkit-zoom-in;
        }

        #gallery li h5 {
            padding: 0;
            margin: 5px 0;
            font-size: 12px;
            padding-bottom: 10px;
        }

.gallery-popup-content {
    text-align: left;
}

    .gallery-popup-content h5 {
        margin: 0;
        padding: 0;
        margin-top: 5px;
        font-size: 13px;
    }

    .gallery-popup-content p {
        margin: 0;
        padding: 0;
        margin-top: 3px;
    }


.pinPopup {
    font-family: Arial;
}

    .pinPopup img {
        float: left;
    }

    .pinPopup h1 {
        margin-top: 0;
        padding-bottom: 0;
        margin-left: 3px;
        font-family: arial;
        font-size: 18px;
        color: #444;
        float: left;
        width: 174px;
    }

    .pinPopup a {
        color: #666;
        text-decoration: underline;
    }

        .pinPopup a:hover {
            color: #CF1731;
            text-decoration: underline;
        }

.sticky-wrapper {
    width: 30%;
    float: left;
}

    .sticky-wrapper .boxContainerMenu {
        width: 100%;
    }

    .sticky-wrapper .boxContainerRight {
        width: 100%;
    }

/*#tblMembershipFees tr { width: 50%; float: left; }
    #tblMembershipFees tr:first-child { width: 100%; }*/
#tblMembershipFees tr td.rbRow {
    width: 35px !important;
}

#tblMembershipFees tr td.dueRow {
    width: 50px !important;
}

#tblMembershipFees tr td.headRow {
    width: 107px !important;
}

/* 	RESULT STYLE  */
#UserCredentails {
    width: 490px;
    float: left;
}

    #UserCredentails input {
        float: left;
    }

    #UserCredentails td {
        height: 30px;
    }

        #UserCredentails td:nth-child(2) {
            width: 370px;
        }

.testresult {
    font-weight: bold;
    font-size: 13px;
    font-family: arial,helvetica,san-serif;
    color: #666;
    display: block;
    height: 21px;
    float: left;
    margin-top: 2px;
    margin-left: 5px;
}

    .testresult span {
        padding: 2px 20px 1px 10px;
        margin: 0px 0px 0px 20px;
        display: block;
        float: right;
        white-space: nowrap;
    }

.shortPass {
    background: url(images/red_Short.PNG) no-repeat 0 0;
}

    .shortPass span {
        background: url(images/red_Short.PNG) no-repeat top right;
    }

.badPass {
    background: url(images/red.png) no-repeat 0 0;
}

    .badPass span {
        background: url(images/red.png) no-repeat top right;
    }

.goodPass {
    background: url(images/yellow.png) no-repeat 0 0;
}

    .goodPass span {
        background: url(images/yellow.png) no-repeat top right;
    }

.strongPass {
    background: url(images/green.png) no-repeat 0 0;
}

    .strongPass span {
        background: url(images/green.png) no-repeat top right;
    }

#btnSubmitNewUser.disabled, #btnSubmitNewUser.disabled:hover {
    cursor: auto;
    background: #999999;
    border: 1px solid #111111;
    box-shadow: none;
}

.orderDetails {
    border: 1px solid #DFDFDF;
    background-color: #F9F9F9;
    width: 600px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
    color: #333;
    margin: 10px auto;
}

    .orderDetails td, .orderDetails th {
        border-top-color: white;
        border-bottom: 1px solid #DFDFDF;
        color: #555;
    }

        .orderDetails td:first-child, .orderDetails td:nth-child(3) {
            font-weight: bold;
        }

        .orderDetails td:nth-child(2) {
            border-right: 1px solid #DFDFDF;
        }

    .orderDetails th {
        text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
        font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
        font-weight: normal;
        padding: 7px 7px 8px;
        text-align: left;
        line-height: 1.3em;
        font-size: 14px;
    }

    .orderDetails td {
        font-size: 12px;
        padding: 4px 7px 2px;
        vertical-align: top;
    }

.OrderOverview {
    width: 600px;
    margin: 0 auto;
}

#tblServices {
    width: 100%;
    float: left;
}

    #tblServices input {
        margin-right: 10px;
        position: relative;
        top: 2px;
    }

#tblServices_error {
    float: left;
}

.OrdersOverview {
    width: 585px;
}

    .OrdersOverview th {
        font-weight: bold;
    }

#orderFrameContainer {
    position: relative;
}

    #orderFrameContainer .close {
        text-align: center;
        text-shadow: 1px 1px #313131;
        color: #fff;
        cursor: pointer;
        padding: 5px 10px;
        float: right;
        margin-right: -49px;
        border: none;
        background-color: #E51837;
        box-shadow: inset 0px -4px 10px -2px #CF1731;
        position: absolute;
        right: 12px;
        top: 3px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        display: none;
    }

        #orderFrameContainer .close:hover {
            background-color: #0055A5;
            box-shadow: inset 0px -4px 10px -2px #00498E;
        }

#receiptFrame {
    margin-left: -46px;
}

.membersPopup {
    position: absolute;
    top: -56px;
    right: 0;
    background: rgb(255, 224, 74);
    background: rgba(255, 224, 74, 0.9);
    color: #080809;
    font-size: 11px;
    padding: 5px 25px 5px 10px;
    border-radius: 4px;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
    z-index: 200;
}

    .membersPopup .arrow {
        background: url(../design_images/members-popup-arrow.png) 0 0 no-repeat;
        position: absolute;
        top: -6px;
        right: 10px;
        width: 44px;
        height: 6px;
    }

    .membersPopup .close {
        background: url(../design_images/close-small.png) 0 0 no-repeat;
        position: absolute;
        top: 5px;
        right: 5px;
        width: 14px;
        height: 14px;
        cursor: pointer;
    }

/* Home Popup */

.homepopup {
    background: url(../design_images/popup.jpg) #d91834;
    width: 402px;
    height: 362px;
    color: #FFF;
    text-align: center;
}

    .homepopup a {
        display: block;
        width: 402px;
        height: 362px;
    }

.spacer {
    float: left;
    margin: 55px 0;
}

.boxMarket table {
    width: 368px;
}

.megabutton {
    margin: 10px 0 0 0;
    width: 175px;
    height: 45px;
    font-size: 19px;
    padding-top: 6px;
    padding-bottom: 0;
    box-shadow: 0 0 5px 0 #CFCFCF;
    border: solid 1px #fff;
    background-color: #0055A5;
    color: #fff !important;
    text-decoration: none !important;
}

    .megabutton:hover {
        background-color: #2576c2 !important;
        box-shadow: none;
    }

#rblHeadCounts label {
    padding: 0 36px 0 0;
    cursor: pointer;
}

.btnRenew {
    position: absolute;
    bottom: -65px;
    width: 144px;
    left: -41px;
    height: 39px;
    background: url(../design_images/btnrenew.png) center center no-repeat;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .btnRenew:hover {
        background: url(../design_images/btnrenew_hover.png) center center no-repeat;
    }

#ddlCountries,
#ddlAffiliateCountries {
    width: 95%;
    padding: 4px 0px;
    margin-top: 2px;
    margin-bottom: 8px;
}

#recaptcha_widget_div #recaptcha_area {
    background: #e8e8e8;
    border: 1px solid #d0d2d2;
    width: 100% !important;
    padding: 5px;
}

#recaptcha_widget_div #recaptcha_table {
    width: 100% !important;
}

#recaptcha_widget_div #recaptcha_area input[type=text] {
    background: #FFF;
    padding: 5px !important;
}

.recaptchatable #recaptcha_image #recaptcha_challenge_image {
    height: auto;
    width: 100%;
}

.recaptchatable #recaptcha_image {
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
}

.recaptchatable .recaptcha_image_cell {
    height: auto !important;
}

    .recaptchatable .recaptcha_image_cell center {
        height: auto !important;
    }

.recaptcha_r4_c4, .recaptcha_r2_c1, .recaptcha_r2_c2, .recaptcha_r3_c3, .recaptcha_r1_c1 {
    display: none;
}

.recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell {
    background: none !important;
}

.wrapper11 {
    width: 100%;
}

.tempContainer1 .bignode div:last-child {
    width: 100% !important;
}

/*Documents List Search*/
#overviewFiltersSection {
    padding: 5px 15px 15px;
    background: #EEE;
    float: left;
    border: 1px solid #DDD;
}

    #overviewFiltersSection .fieldTitle {
        width: 116px;
        float: left;
        line-height: 22px;
    }

    #overviewFiltersSection .filter {
        margin: 0px 0px 10px 0px;
    }

    #overviewFiltersSection label {
        display: inline-block;
        width: 100%;
        margin: 5px 5px 5px 0px;
        vertical-align: top;
        font-weight: bold;
        font-size: 13px;
    }

    #overviewFiltersSection input[type=text] {
        width: 300px;
        padding: 4px;
        clear: both;
        max-width: 100%;
    }

    #overviewFiltersSection ul {
        list-style: none;
        display: inline-table;
        padding-left: 0;
        margin: 3px 0px 0px 0px;
    }

    #overviewFiltersSection li {
        display: inline-block;
    }


        #overviewFiltersSection li label {
            width: 160px;
            margin-top: 3px;
            font-weight: normal;
            font-size: 12px;
        }

        #overviewFiltersSection li input {
            vertical-align: top;
        }

    #overviewFiltersSection .btn {
        margin-right: 20px;
        float: left;
        margin-top: 10px;
    }

/* Cookie consent*/
.cc-banner.cc-bottom {
	text-align:left;
}
		
@media print {
    /* Qalaroo Hide */
    #ki-pf, div#ki-pf.ki-pf {
        display: none !important;
    }

    .boxContainerMenu, .sticky-wrapper, #topContainer, #footer, #lblEventStatus, .rightAdvert {
        display: none !important;
    }
}

@media screen and (max-width: 1160px) {
    #midContent, .header, .navDropdownContainer, #footer {
        width: 92%;
    }

    .box05 .searchMembers, .box06 .searchResources {
        position: static;
        background: none;
        width: 100%;
        margin-top: 10px;
    }

        .box05 .searchMembers div, .box06 .searchResources div {
            margin: 0;
            width: 100%;
        }

        .box05 .searchMembers input[type='text'], .box06 .searchResources input[type='text'] {
            width: 90%;
        }

        .box05 .searchMembers .btnSearch, .box06 .searchResources .btnSearch {
            float: right;
        }

    .box05 .featuredMember {
        margin-top: 10px;
    }

    .box05 .featured {
        top: 97px;
    }
}

@media screen and (max-width: 1080px) {
    #midContent, .header, .navDropdownContainer, #footer {
        width: 97%;
    }

    .topRightNav > li > a {
        padding: 0 5px 18px 0;
    }

        .topRightNav > li > a:after {
            padding-left: 5px;
        }

    .topRightNav li a {
        font-size: 12px;
    }

    #footer .leftCol {
        width: 70%;
    }

    #footer .rightCol {
        width: 30%;
    }

    #footer .leftCol ul li {
        width: 100%;
    }

    .overviewA.event li {
        width: 23%;
    }
}

@media screen and (max-width: 955px) {
    .topSearch {
        width: 160px;
        margin: 5px;
        padding: 4px;
        position: absolute;
        top: 37px;
        right: 0;
    }

    #mobile-header {
        display: block;
    }

    .topRightNav {
        display: none;
    }

    .header .main_logo {
        margin: 0 auto;
        display: table;
        float: none;
    }

    .header {
        text-align: center;
    }

        .header .social {
            display: none;
        }

        .header .newsletterBtn {
            display: none;
        }

    .slider-wrap {
        width: 100%;
    }

    #homeEventsOverview {
        width: 65%;
        margin: 0 1% 1% 0;
    }

    .memberDirectory, .businessDirectory {
        margin-top: 0;
        margin-bottom: 2%;
        min-height: 186px;
    }

        .businessDirectory h3 a {
            margin-bottom: 8px;
        }

        .memberDirectory h3 a {
            font-size: 16px;
        }

    .boxContainerRight, .boxContainerMenu {
        width: 34%;
    }

    .leftContent, .breadcrums {
        width: 64%;
    }

    #divAffiliateRegistration .socialmediaaccounts td {
        width: 100%;
        float: left;
    }

    #divAffiliateRegistration .wizard .form-panel .inner table tr td {
        width: 100%;
        vertical-align: top;
        float: left;
    }

    #divAffiliateRegistration .wizard .form-panel .inner #tblServices tr td {
        width: 100%;
    }

    #divAffiliateRegistration .wizard .form-panel .inner #cbsAuthoriseAfi tr td {
        width: 100%;
    }

    #divCorporateRegistration .form-panel .inner table tr td {
        width: 100%;
        float: left;
        vertical-align: top;
        margin-bottom: 10px;
    }

    #divCorporateRegistration #tblCategories tr td {
        margin-bottom: 0;
    }

    #divCorporateRegistration .form-panel .inner table .membershipfees {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

        #divCorporateRegistration .form-panel .inner table .membershipfees table {
            width: 100%;
            float: left;
        }

    #divCorporateRegistration .form-panel .inner input[type='text'],
    #divCorporateRegistration .form-panel .inner textarea {
        width: 100%;
        float: left;
    }

    #divCorporateRegistration #ddlCountries, #divCorporateRegistration #ddlAffiliateCountries, #divCorporateRegistration #ddlFMMembers {
        width: 100% !important;
    }

    #divCorporateRegistration .categories {
        width: 100%;
    }

    #divCorporateRegistration.regform .wizard #cbsAuthorise p {
        width: 90%;
    }

    .error-box {
        float: left;
        width: 100% !important;
    }

    .overviewB li {
        width: 23%;
        margin: 10px 1% 0 0;
    }
}

@media screen and (max-width: 1050px) {
    .tags {
        margin: 25px 0 20px 0;
        width: 100%;
    }
}

@media screen and (max-width: 850px) {


    .navDropdownContainer .Col01 {
        width: 49%;
    }

    .navDropdownContainer .Col02 {
        margin: 0 0 0 3%;
        width: 48%;
    }

    .navDropdownContainer .Col03 {
        display: none;
    }

    .leftContent, .breadcrums {
        width: 60%;
    }

    .boxContainerMenu, .boxContainerRight {
        width: 38%;
    }

    .directory.graybox {
        width: 100%;
        margin-right: 0;
    }

    #careersFrame {
        height: 800px;
    }

    #mainNav ul li a {
        padding: 7px 10px;
    }

    #homeEventsOverview {
        width: 61%;
    }

    .box04 .arrowLink, .box06 .arrowLink {
        display: none;
    }


    .overviewB li {
        width: 32%;
        margin: 10px 1% 0 0;
    }
}

@media screen and (max-width: 780px) {
    .tags {
        text-align: left;
    }


        .tags .btn {
            width: 100%;
            margin-bottom: 5px;
        }
}

@media screen and (max-width: 720px) {


    .topSearch, .login {
        display: none;
    }

    .navDropdownContainer .Col01 {
        width: 45%;
    }

    .navDropdownContainer .Col02 {
        margin: 0 0 0 3%;
        width: 52%;
    }

    #footer .rightCol {
        width: 35%;
    }

    #footer .leftCol {
        width: 65%;
    }

    .leftContent {
        width: 100%;
    }

    .boxContainerRight {
        width: 48%;
    }

    .boxContainerMenu, .leftContent, .breadcrums {
        width: 100%;
    }

    #homeEventsOverview {
        width: 51%;
    }


    .col1 {
        float: left;
        width: 51%;
        margin-right: 1%;
        margin-top: 0;
    }

    .boxContainerCenter {
        width: 48%;
        margin-right: 0;
    }

    .boxContainerLeft {
        width: 100%;
        margin-top: 2%;
    }

    .box04 {
        margin-bottom: 0;
    }

    .boxHighlight {
        margin-bottom: 2%;
    }

    .box04 .arrowLink, .box06 .arrowLink {
        display: block;
    }

    .boxNav {
        margin-top: 2%;
    }

    table.fc-header {
        float: left;
        width: 100%;
    }

    .fc-header td {
        float: left;
        width: 100%;
        display: inline-block;
        text-align: left;
    }


    .overviewB li {
        width: 24%;
        margin: 10px 1% 0 0;
    }
}

@media screen and (max-width: 660px) {

    .navDropdownContainer .Col01 {
        width: 100%;
        margin: 0 0 4% 0;
    }

    .navDropdownContainer .Col02 {
        margin: 0;
        width: 100%;
    }

    a.redButton {
        padding: 4px 7px;
    }

    .actionbuttons input {
        width: 100%;
        margin-bottom: 6px;
        font-size: 14px;
    }

    #mainNav ul {
        margin: 0;
        width: 100%;
    }

        #mainNav ul li {
            width: 33.3%;
            border-bottom: 1px solid #9c1126;
        }

            #mainNav ul li a {
                border-bottom: 1px solid #cd4152;
            }

    .tempContainer1 .details .node div:first-child {
        width: 100% !important;
        text-align: left !important;
    }

    .tempContainer1 .details .node div:last-child {
        width: 100% !important;
    }
}

@media screen and (max-width: 580px) {


    .header {
        width: 96%;
    }

    .topSearch, .social {
        display: none;
    }

    #footer .leftCol, #footer .rightCol {
        width: 100%;
    }

        #footer .leftCol ul {
            width: 100%;
        }

            #footer .leftCol ul li {
                width: 50%;
            }

    #contactForm {
        width: 100%;
    }

    #contactDetails {
        width: 100%;
    }

    .btnViewLargerMap {
        top: 826px;
    }

    .regform .wizard .nav .step {
        width: 100%;
    }

    #mainNav ul li {
        width: 50%;
    }

    .col1 {
        width: 100%;
    }

    .boxContainerCenter {
        width: 100%;
        margin-top: 2%;
    }

    .box04 {
        height: auto;
    }

    #homeEventsOverview {
        width: 100%;
    }

    .boxContainerRight {
        width: 100%;
    }

    .memberDirectory, .businessDirectory {
        min-height: 0;
    }

    #local .pager, #international .pager {
        display: none;
    }

    #local .viewport, #international .viewport {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {

    .boxesOverview .item {
        width: 100%;
        margin: 0 2% 15px 0;
    }

    .overviewB li {
        width: 32%;
        margin: 10px 1% 0 0;
    }
}

@media screen and (max-width: 465px) {


    .navDropdownContainer .Col02 {
        display: none;
    }

    .overviewA li {
        width: 100%;
        margin-right: 0;
    }

    #footer .leftCol ul li {
        width: 100%;
        border-bottom: 1px solid #DDD;
        padding: 4px 0 5px 13px;
        background-position: 0 5px;
    }

    #careersFrame {
        height: 950px;
    }

    .header .main_logo img {
        width: 210px;
        margin-bottom: 10px;
    }

    .overviewA.event li {
        width: 49%;
    }
}

@media screen and (max-width: 400px) {
    .overviewB li {
        width: 49%;
        margin: 10px 1% 0 0;
    }
}


@media screen and (max-width: 300px) {
    .overviewB li {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .overviewA.event li {
        width: 100%;
        margin-right: 0;
    }
}