/* -- Hain Elements -- */
.wrapper {
    min-height: 100%;
    position: relative;
}

.container {
    padding-bottom: 293px;
}

footer {
    min-height: 293px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

    footer .container {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 0;
    }

.navbar-wrapper .container {
    padding-bottom: 0;
}

.hiddenField {
    display: none;
}

.sub-title {
    font-size: 14px;
    margin-bottom: 3px;
    font-weight: 300;
    vertical-align: baseline;
}

/* ----  TELERIK ---- */
.telerik_controls {
    display: inline-block !important;
    height: 30px !important;
    padding: 4px 6px !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
    line-height: 30px !important;
    color: #555555 !important;
    vertical-align: middle !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
}

.rcCalPopup {
    line-height: 18px !important;
}

/* ----  BUTTONS ---- */
.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #a40b0f;
    *background-color: #691012;
    background-image: -moz-linear-gradient(top, #a40b0f, #691012);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a40b0f), to(#691012));
    background-image: -webkit-linear-gradient(top, #a40b0f, #691012);
    background-image: -o-linear-gradient(top, #a40b0f, #691012);
    background-image: linear-gradient(to bottom, #a40b0f, #691012);
    background-repeat: repeat-x;
    border-color: #a40b0f #a40b0f #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    font-style: normal;
}

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
        color: #ffffff;
        background-color: #691012;
        *background-color: #691012;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #003399 \9;
    }

.carousel-control {
    z-index: 11;
}

.tuhono-form .btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #6e7927;
    *background-color: #4a551a;
    background-image: -moz-linear-gradient(top, #6e7927, #4a551a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6e7927), to(#4a551a));
    background-image: -webkit-linear-gradient(top, #6e7927, #4a551a);
    background-image: -o-linear-gradient(top, #6e7927, #4a551a);
    background-image: linear-gradient(to bottom, #6e7927, #4a551a);
    background-repeat: repeat-x;
    border-color: #6e7927 #6e7927 #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .tuhono-form .btn-primary:hover,
    .tuhono-form .btn-primary:active,
    .tuhono-form .btn-primary.active,
    .tuhono-form .btn-primary.disabled,
    .tuhono-form .btn-primary[disabled] {
        color: #ffffff;
        background-color: #4a551a;
        *background-color: #4a551a;
    }

    .tuhono-form .btn-primary:active,
    .tuhono-form .btn-primary.active {
        background-color: #003399 \9;
    }

.tuhono-form .btn {
    margin: 0 0 0 8px;
    vertical-align: top;
    padding: 4px 6px;
}

/*-- NAVIGATION --*/
.navbar .nav {
    float: right;
    margin: 3px 0 0;
    background: transparenturl(images/line_nav.jpg) right 8px no-repeat;
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    color: #8a171a;
    background-color: transparent;
    border-bottom: #8a171a 5px solid;
}

.navbar .nav > li {
    padding: 12px 12px 6px 12px;
    background: transparent url(images/line_nav.jpg) left 8px no-repeat;
}

ul.nav li ul {
    display: none;
}

    ul.nav li ul a:link, ul.nav li ul a:visited {
    }

    ul.nav li ul a:hover, ul.nav li ul a:active {
        display: block;
    }

.navbar .nav > li > a {
    padding: 0 0 5px 0;
    white-space: nowrap;
    display: inline;
}

.span8 {
    margin-top: 20px;
    margin-left: 8px;
}

div.iwi-info table tr {
    vertical-align: top;
    line-height: 35px;
}

.nav-seconds.seconds {
    height: auto !important;
    overflow: visible !important;
    position: relative;
}

@media (min-width: 768px) and (max-width: 979px) {
    .navbar .nav {
        background-color: #FFF;
        position: relative;
        z-index: 15;
        text-align: center;
    }

        .navbar .nav > li {
            padding: 4px 12px;
            background: #f4f2e7 none;
        }

    .navbar-inverse .btn-navbar {
        color: #5a5a5a;
        background-color: #f3f1e7;
        margin-top: 15px;
    }

    footer {
        display: none !important;
        visibility: hidden;
    }

    .container {
        padding-bottom: 20px;
    }
}

@media (min-width: 300px) and (max-width: 767px) {
    .navbar .nav {
        background-color: rgba(245,245,245,0.9);
        position: relative;
        z-index: 15;
        text-align: center;
        width: 100%;
    }

        .navbar .nav > li {
            padding: 4px 0 0 0;
            background: transparent none;
        }

    footer {
        display: none !important;
        visibility: hidden;
    }

    .navbar .container {
        padding-bottom: 20px;
    }

    /*.span6 .col-blok-min {
        max-width: 200px;
    }*/

    .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:link, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
        background-color: transparent;
        border-bottom: #999 1px solid;
    }

    .navbar-inverse .nav > li > a {
        color: #686239;
        border-bottom: #999 1px solid;
    }

        .navbar-inverse .nav > li > a:hover {
            color: #686239;
            border-bottom: #999 1px solid;
        }

    .nav-collapse .dropdown-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .navbar .brand:link, .navbar .brand:visited, .navbar .brand:active, .navbar .brand:hover {
        padding: 0 20px 0 0;
        background-image: none;
        background: transparent url(images/logo_tuhono_mem.png) left top no-repeat;
        width: 222px;
        height: 80px;
        z-index: 10;
        position: relative;
        border-bottom: none;
        margin-top: 28px;
    }

    .navbar .btn-navbar {
        margin-top: 112px;
    }

    .navbar .btn-navbar {
        padding: 7px 0 11px 11px;
        margin-right: 0;
        margin-left: 0px;
        width: 100%;
        position: absolute;
        border-radius: 0;
    }
}

@media (min-width: 600px) and (max-width: 800px) {
    .nav-collapse, .nav-collapse.collapse {
        top: 37px;
    }

    .wrapper {
        background-position: center 131px;
    }

    .carousel {
        margin-bottom: -12px;
        margin-top: -47px;
    }

    .navbar-wrapper .container {
        width: 100%;
    }

    .navbar .nav {
        background-color: rgba(245,245,245,0.9);
        position: relative;
        z-index: 15;
        text-align: center;
        width: 100%;
    }

        .navbar .nav > li {
            padding: 4px 0 0 0;
            background: transparent none;
        }

    .container {
        padding-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    .navbar .btn-navbar {
        padding: 7px 0 10px 11px;
        margin-right: 0;
        margin-left: -21px;
        width: 100%;
        position: absolute;
        border-radius: 0;
        top: 77px;
    }

    .nav-collapse, .nav-collapse.collapse {
        overflow: hidden;
        position: absolute;
        top: 124px;
        right: 0;
        box-shadow: 1px 1px 4px #333;
        z-index: -1;
        width: 100%;
    }

    .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:link, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
        background-color: transparent;
        border-bottom: #999 1px solid;
    }

    .navbar-inverse .nav > li > a {
        color: #686239;
        border-bottom: #999 1px solid;
    }

        .navbar-inverse .nav > li > a:hover {
            color: #686239;
            border-bottom: #999 1px solid;
        }

    .navbar .brand:link, .navbar .brand:visited, .navbar .brand:active, .navbar .brand:hover {
        padding: 0 20px 0 0;
        background-image: none;
        background: transparent url(images/logo_tuhono_mem.png) left top no-repeat;
        width: 222px;
        height: 80px;
        z-index: 10;
        position: relative;
        border-bottom: none;
        margin-top: 28px;
    }

    .container {
        padding-bottom: 20px;
    }
}

@media (max-width: 480px) {

    .carousel {
        display: none;
    }

    .navbar .brand:link, .navbar .brand:visited, .navbar .brand:active, .navbar .brand:hover {
        padding: 0 20px 0 0;
        background-image: none;
        background: transparent url(images/logo_tuhono_mem.png) left top no-repeat;
        width: 222px;
        height: 80px;
        z-index: 10;
        position: relative;
        border-bottom: none;
        margin-top: 28px;
    }

    .wrapper {
        background-position: center 131px;
        padding-bottom: 20px;
    }

    .navbar .btn-navbar {
        margin-top: 112px;
    }

    .navbar .btn-navbar {
        padding: 7px 0 10px 11px;
        margin-right: 0;
        margin-left: 0px;
        width: 100%;
        position: absolute;
        border-radius: 0;
    }

    .container {
        padding-bottom: 20px;
    }
}

@media (max-width: 320px) {

    .navbar-inner {
        margin: -20px;
    }

    .carousel {
        margin-left: 0;
        margin-right: 0;
    }

        .carousel .container {
        }

        .carousel .item {
            height: 151px;
        }

        .carousel img {
            height: auto;
        }

    .carousel-caption {
        width: 65%;
        padding: 0 70px;
        margin-top: 50px;
    }

        .carousel-caption h1 {
            font-size: 30px;
        }

        .carousel-caption .lead,
        .carousel-caption .btn {
            font-size: 18px;
        }

    .marketing .span4 + .span4 {
        margin-top: 40px;
    }

    .featurette-heading {
        font-size: 30px;
    }

    .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
    }

    .carousel-control {
        height: 80px;
        margin-top: 0;
        font-size: 120px;
        text-shadow: 0 1px 1px rgba(0,0,0,.4);
        background-color: transparent;
        border: 0;
    }

    .carousel-control {
        position: absolute;
        top: 40%;
        left: 15px;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        font-size: 60px;
        font-weight: 100;
        line-height: 30px;
        color: #ffffff;
        text-align: center;
        background: #222222;
        border: 3px solid #ffffff;
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        border-radius: 23px;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

        .carousel-control.right {
            right: 15px;
            left: auto;
        }

    .container {
        padding-bottom: 20px;
    }
}

@media(min-width: 769px) and (max-width: 1024px) {
    .mobile-member-profile-span4 {
        width: 74% !important;
    }

    .members .span5 {
        width: 73% !important;
    }

    .mobile-member-span6 {
        width: 100% !important;
        background-image: none !important;
    }

    .mobile-member-span3 {
        width: 76% !important;
        margin-left: 231px !important;
    }
}

@media(min-width: 769px) {
    .span6 .col-blok-min {
        max-width: 482px;
    }
}

/*---- MAILER MEDIA QUERIES ----*/
@media (min-width: 768px) and (max-width: 1024px) {
    .blok1 {
        width: 589px;
    }

        .blok1 .span4 {
            width: 380px;
        }

        .blok1 .span2 {
            width: 160px;
        }

    .top-margin-other {
        margin-top: 92px;
    }

    .mobile-member-header-margin {
        margin-top: 23px !important;
    }

    .mobile-iwi-dropdown-td div {
        width: 500px !important;
    }

    .mobile-member-row {
        padding-left: 0px !important;
    }

    .mobile-member-span6 {
        margin-left: 0px !important;
    }

    .members .span4 {
        width: 414px;
    }

    .members .span9 {
        padding-left: 0px !Important;
        padding-top: 20px;
        margin-left: 0px;
    }

    .mobile-member-span7 {
        width: 687px !important;
    }

    .mobile-member-eecprofile-div {
        width: 100% !important;
    }

    .mobile-member-whakapapa-headerdiv {
        width: 687px !important;
    }

    .familyinfo-table tr td input {
        width: 193px !important;
    }

    .mobile-member-marae-maindiv {
        width: 687px !important;
    }

    .mobile-marae-dropdown-td div {
        width: 500px !important;
    }

    .mobile-container-for-registerpage {
        padding-left: 13px;
    }

    .mobile-fblogin-button-div {
        margin-right: 130px !important;
    }
}

@media (min-width: 801px) and (max-width: 1024px) {
    .span6 {
        width: 590px;
    }
}

@media (max-width: 800px) {
    .blok1 {
        width: 682px;
    }

        .blok1 .span4 {
            width: 435px;
            margin-bottom: 220px;
        }

        .blok1 .span2 {
            width: 195px;
        }

    .row {
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

        .row .span3 {
            width: 100%;
            padding-right: 0;
            /*Related to making site mobile friendly*/
            margin-left: 0px;
        }

        .row .span6 {
            width: 100%;
            /*Related to making site mobile friendly*/
            margin-left: 0px;
        }

    .level2 div.iwi-info .span6 {
        width: 100%;
    }

    .col-blok {
        margin-right: 0;
    }

    .span3 .col-blok-h {
        min-height: auto;
    }

    .span3 .col-blok-min {
        margin-left: 15px;
    }

    .span6 .col-blok-min {
        margin-left: 15px;
    }

    .level2 .tabdata {
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .col-blok-h {
        padding-left: 0;
        padding-right: 0;
    }

    .blok1 {
        width: 588px;
    }

        .blok1 .span4 {
            width: 568px;
            margin-bottom: 214px;
            padding: 0 12px;
            border-right: none;
        }

        .blok1 .span2 {
            width: 100%;
            border-top: #FFF 15px solid;
            padding: 6px 12px 0 12px;
        }

    .row .span3 {
        width: 100%;
    }

    .span3 .col-blok-h {
        min-height: auto;
        width: auto;
        padding-left: 11px;
        padding-right: 11px;
    }

    .row .span6 {
        width: 100%;
    }

    .span6 .col-blok-min {
        min-height: auto;
        padding-left: 0;
        padding-right: 0;
        max-width: 450px;
    }

    .level2 .tabdata {
        max-width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 599px) {
    .blok1 {
        width: 100%;
    }

        .blok1 .span4 {
            width: 100%;
            margin-bottom: 214px;
        }

    .container {
        padding-bottom: 20px;
    }
}

@media (min-width: 320px) and (max-width: 568px) {
    .mobile-textmargin-signinpage {
        margin-right: 50px !important;
    }

    .mobile-member-span3 {
        width: 100% !important;
    }

    .mobile-member-setting-tdlabel {
        width: 98px;
    }
}

@media(min-width: 569px) and (max-width: 768px) {
    .span3 .col-blok-min {
        width: 85% !important;
    }

    .mobile-member-header-margin {
        margin-top: 35px !important;
    }

    .span2 {
        width: 168px !important;
    }

    .mobile-member-span3 {
        width: 100% !important;
    }

    .mobile-iwi-dropdown-td div {
        width: 400px !important;
    }

    .members .span9 {
        padding-left: 0px !Important;
        padding-top: 20px;
        margin-left: 0px;
    }

    .mobile-member-row {
        padding-left: 15px !important;
    }

    .mobile-member-whakapapa-headerdiv {
        width: 100% !important;
        margin-left: 0px;
    }

    .mobile-member-span7 {
        width: 100% !important;
        margin-left: 0px;
    }

    .mobile-member-marae-maindiv {
        width: 100% !important;
        margin-left: 0px;
    }

    .mobile-marae-dropdown-td div {
        width: 400px !important;
    }

    .mobile-trusteeprofile-infodiv {
        width: auto !important;
    }

    .mobile-container-for-registerpage {
        padding-left: 0px !important;
        margin-left: 9px;
    }

    .mobile-member-profile-span4 {
        margin-left: 0px !important;
        width: 100% !important;
    }

    .mobile-member-menu {
        top: 77px !important;
        margin-top: -1px !important;
    }

    .familyinfo-table tr td input {
        width: 177px !important;
    }

    .mobile-fblogin-button-div {
        margin-right: 214px !important;
    }

    .span6 .col-blok-min {
        width: 85% !important;
    }

    .mobile-member-eecprofile-div {
        margin-left: 0px !important;
    }

    .mobile-member-span3 {
        margin-left: 0px !important;
    }
}

@media(min-width: 569px) and (max-width: 1024px) {
    .span2 {
        width: 25% !important;
    }

    .members .span2:first-child {
        margin-left: -12px !important;
    }

    .member-button-margin {
        margin-right: 225px;
    }
}

@media (max-width:567px) {
    .mobile-tabs li {
        width: 100%;
    }

        .mobile-tabs li a {
            padding-left: 20px !important;
        }
}

@media (max-width: 568px) {
    /*Related to making site mobile friendly*/
    .carousel {
        display: none;
    }

    .top-margin-home {
        margin-top: 90px;
    }

    .mobile-container-for-registerpage {
        width: 100% !important;
    }

    .mobile-form-registerpage-td-lineheight {
        width: 103px;
    }

    .mobile-signin-button {
        width: 174px !important;
    }

    .mobile-member-header-margin {
        margin-top: 42px !important;
    }

    .mobile-member-span6 {
        padding-right: 0px !important;
    }

    .members .span2:first-child {
        margin-left: -4px !important;
    }

    .members .span4 {
        width: 100% !important;
        margin-top: 20px;
        margin-left: 6px;
    }

    .mobile-member-row {
        padding-left: 9px !important;
        padding-right: 0px !important;
    }

    .members .span5 {
        padding-top: 20px;
        padding-left: 6px;
    }

    .members .span9 {
        padding-left: 0px !Important;
        padding-top: 10px;
    }

    .mobile-member-span7 {
        width: 100% !important;
        margin-left: 6px;
        padding-right: 6px;
    }

    .mobile-member-marae-maindiv {
        padding-right: 6px;
    }

    .mobile-member-span3 .col-blok-h {
        margin-left: 6px !important;
    }

    .mobile-member-eec-dottedline {
        display: none;
    }

    .mobile-member-profile-button-div {
        margin-right: 22px;
    }

    .mobile-member-menu {
        margin-top: 96px !important;
    }

    .mobile-member-profile-table tr td input {
        width: 250px;
    }

        .mobile-member-profile-table tr td input[type=checkbox] {
            width: unset !important;
        }

    .mobile-member-profile-table tr td select {
        width: 266px;
    }

    .mobile-iwi-dropdown-td div {
        width: 250px !important;
    }

    .mobile-marae-dropdown-td div {
        width: 250px !important;
    }

    .mobile-member-col-blok-h {
        padding-top: 0px !important;
    }

    .mobile-member-drop-menu {
        top: 108px !important;
    }

    .memberh5-font {
        margin-top: 15px;
    }
}

@media(min-width: 569px) and (max-width: 740px) {
    .mobile-member-drop-menu {
        top: 32px !important;
    }
}

@media(min-width: 741px) and (max-width: 768px) {
    .mobile-member-drop-menu {
        top: 108px !important;
    }
}

@media (min-width: 481px) and (max-width: 568px) {
    .mobile-fblogin-button-div {
        margin-right: 138px !important;
    }

    .familyinfo-table tr td input {
        width: 74px !important;
    }

    .mobile-form-registerpage-input input {
        width: 260px !important;
    }

    .span3 .col-blok-min {
        width: 80% !important;
    }

    .span6 .col-blok-min {
        width: 80% !important;
    }

    .member-button-margin {
        margin-right: 220px;
    }
}

@media (max-width: 480px) {
    .span6 .col-blok-min {
        min-height: auto;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0px;
        padding-top: 8px;
    }

    .mobile-fblogin-button-div {
        margin-right: 0px !important;
    }

    .whakapapa-table-header {
        display: none;
    }

    .mobile-familyinfo-table-firsttd {
        display: none;
    }

    .mobile-label-tr {
        display: block;
    }

    .mobilephone-label-bold-tr {
        display: block;
        font-weight: bold;
    }

    .familyinfo-table tr td input {
        width: 102px !important;
    }

    .mobile-view-first-td {
        display: none;
    }

    .mobile-phone-signin-input input {
        width: 87% !important;
    }

    .mobile-phone-alignment {
        text-align: center !important;
    }

    .mobile-register-buttonexisting {
        text-align: center !important;
    }

    .mobile-iwi-dropdown-td {
        padding-bottom: 10px;
    }

    .mobile-phone-removeleft-padding {
        padding-left: 0px !important;
    }

    .mobile-marae-dropdown-td div {
        padding-bottom: 10px !important;
    }

    .member-account-settings-table tr td input {
        width: 245px !important;
    }

    .span3 .col-blok-min {
        min-height: auto;
        padding-left: 0;
        padding-right: 0;
        width: 100% !important;
        margin-left: 0px;
        padding-top: 8px;
    }

    .mobile-secondtab {
        border-bottom: 1px solid rgb(221, 221, 221) !important;
    }

    .member-button-margin {
        float: left !important;
        margin-right: 0px !important;
        margin-left: 118px;
    }
}

@media (min-width:481px) {
    .mobile-label-tr {
        display: none;
    }

    .mobilephone-label-bold-tr {
        display: none;
    }
}

@media (min-width: 481px) and (max-width: 1024px) {
    .mobile-register-buttonexisting {
        text-align: right;
    }
}

@media (max-width: 320px) {
    .mailer .span4 {
        width: 100%;
        border-right: none;
    }

    .mailer .span2 {
        width: 100%;
        margin-left: 0;
    }

    /*Related to making site mobile friendly*/
    /*.mailer {
        background: #f3f1e7 url(images/img_header1.png) -545px 85px no-repeat;
    }*/

    /*.explicit-td-style {
        text-align: right;
        padding-right: 15px !important;
        padding-left: 0px !important;
    }*/

    .mobile-tabs li {
        width: 100%;
    }

        .mobile-tabs li a {
            padding-left: 20px !important;
        }

    /*.mobile-secondtab {
        border-bottom: 1px solid rgb(221, 221, 221) !important;
    }*/

    .mobile-textmargin-signinpage {
        margin-right: 18px !important;
    }

    .mobile-form-registerpage-td-lineheight {
        line-height: 18px !important;
        width: 56px;
    }

    .mobile-lineheight-iwipage {
        line-height: 18px !important;
    }

    .level2 .st-accordion a:link, .level2 .st-accordion a:visited, .level2 .trust ul a:link, .level2 .trust ul a:visited {
        padding-left: 0;
    }

    .mobile-member-chk input {
        width: auto !important;
    }

    .mobile-iwi-dropdown-td-label {
        width: 60px !important;
    }

    .mobile-member-whakapapa-tablelabel {
        padding-left: 0px !important;
        line-height: 20px !important;
    }

    .mobile-member-whakapapa-gender table {
        width: 150px !important;
    }

    .mobile-member-setting-tdlabel {
        min-width: unset !important;
        max-width: unset !important;
        width: 94px;
        line-height: 20px !important;
        padding-left: 0px !important;
    }

    .familyinfo-table tr td {
        padding-left: 10px;
    }
}

/*Related to making site mobile friendly*/
@media (max-width: 1024px) {
    .btn-large {
        padding: 4px 12px;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .col-blok-h {
        min-height: 220px;
    }

    .side-top {
        display: none;
    }

    .side-mid {
        display: none;
    }

    h1 {
        font-size: 20px;
    }

    .mobile-registerpage-button {
        float: none;
    }

    input[type=checkbox] {
        width: 15px;
        height: 15px;
    }

    input[type=radio] {
        width: 17px !important;
        height: 17px !important;
    }

    .mobile-info-text {
        padding-left: 0px !important;
    }

        .mobile-info-text a {
            font-size: 14px !important;
        }

    .mobile-span6 {
        margin-left: 0px !important;
        padding-right: 0px !important;
    }

    #linkUsername {
        display: none;
    }

    #linkPassword {
        display: none;
    }

    .mobile-forgotpassowrd-link {
        display: block !important;
    }

    .members .span9 {
        width: 100% !important;
    }

    .foot-strip-r {
        width: 0px !important;
    }

    .foot-strip {
        width: 0px !important;
    }

    .icon-remove {
        background-image: url(images/icon-remove-mobile.png) !important;
        border-radius: 4px;
        height: 16px !important;
        width: 17px !important;
    }

    .mobile-member-tbl-addtamaraki {
        width: 100% !important;
    }

    .mobile-member-whakapapa-gendertable table {
        width: 150px !important;
    }

    .mobile-member-setting-buttontd {
        padding-left: 0px !important;
        min-width: unset !important;
        max-width: unset !important;
        text-align: center !important;
        padding-right: 10px;
    }

    .mobile-member-eectd td {
        width: auto !important;
    }

    .mobile-member-iwi-addcontainer a {
        float: none;
    }

    .mobile-member-iwi-addcontainer {
        text-align: right;
    }

    .mobile-member-whakapapa-addbutton-div {
        margin-right: 0px !important;
        padding-bottom: 0px !important;
        padding-top: 10px;
    }

        .mobile-member-whakapapa-addbutton-div input {
            float: none;
        }

    .familyinfo-table tr td {
        line-height: 20px !important;
    }

    .mobile-navbar-lineheight ul li {
        line-height: 36px !important;
        text-align: left;
        margin-left: 10px;
    }

        .mobile-navbar-lineheight ul li a {
            border-bottom: 0px !important;
        }

    .mobile-navbar-lineheight ul {
        margin-top: 0px !important;
    }

    .level2 h1 {
        margin-left: 25px;
    }

    .my-account-description-bottom {
        padding-top: 0px;
    }

    .mobile-member-span3 {
        margin-top: 0px !important;
    }

        .mobile-member-span3 .col-blok-h {
            padding-top: 0px !important;
        }

    input, select, textarea {
        font-size: 16px !important;
    }

    .RadComboBox_Metro .rcbInput
    {
        height:22px !important;
    }
}

@media(max-width: 768px) {
    .col-blok-h {
        min-height: 0px;
    }

    .top-margin-other {
        margin-top: 74px;
    }

    .mobile-member-signoutbutton-container {
        display: block !important;
        float: right !important;
        margin-top: 51px !important;
        margin-right: 7px;
    }

    .mobile-member-eecprofile-div {
        margin-top: 0px !important;
    }

    .mobile-member-header-margin {
        padding-bottom: 0px !important;
    }

    .horiz-shad {
        width: 100% !important;
    }

    .mobile-menutable-for-member {
        display: none;
    }

    .mobile-member-col-blok-h {
        padding-left: 0px !important;
        min-height: 0px !important;
    }

    .mobile-member-span5 {
        margin-left: 0px;
        width: 100% !important;
    }
}
/*end of changes related to mobile site*/

@media(min-width:769px) {
    .mobile-member-drop-menu {
        display: none !important;
    }
}

ul.af_list {
    z-index: 999;
}