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

#website {
    word-break: break-word;
    width: 95vw;
    margin-left: 10px;
}

#referral-button-most-right {
    text-align: -webkit-center;
}

img.e-mail-referral-button {
    width: 100px;
    text-align: -webkit-center;
}

.e-mail-button,
  .fb-share-button, 
  .twitter-share-button,
  .linkedin-share-button {
    transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform-origin: top left;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
}

#testimonials_webpage {
    font-size: 15px;
    color: #9e2001;
    text-align: center;
}

*:focus {
    outline: 0 !important;
}

textarea {
    resize: none;
}

* {
    padding: 0;
    margin: 0;
}

form#user-register #edit-conf-mail-wrapper {
    margin-bottom: 20px;
}

form#nia2match-password input#edit-submit.form-submit,
form#user-register.no-error input#edit-submit.form-submit, 
form#user-register.error input#edit-submit.form-submit,
form#user-login.no-error input#edit-submit.form-submit,
form#user-login.error input#edit-submit.form-submit {
    margin: 10px;
    display: inline-block;
    text-align: center;
    width: 150px;
    padding: 10px 0px 5px 0px;
    border: none;
    border-top-color: #d3aaa9;
    background-color: #bb403d;
    color: white;
    cursor: pointer;
    font-size: 16px;
    text-decoration: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bb403d), to(#bb403d));
    background: -webkit-linear-gradient(top, #bb403d, #bb403d 12%, #bb403d 19%, #bb403d 50%, #bb403d 85%, #bb403d 88%, #bb403d);
}

form#user-register.no-error input#edit-mail.form-text,
form#user-register.error input#edit-mail.form-text,
form#user-register.no-error input#edit-conf-mail.form-text,
form#user-register.error input#edit-conf-mail.form-text,
form#user-register.no-error input#edit-pass-pass1.form-text,
form#user-register.no-error input#edit-pass-pass2.form-text,
form#user-login.error input#edit-pass.form-text,
form#user-login.error input#edit-name.form-text,
form#user-login.no-error input#edit-pass.form-text,
form#user-login.no-error input#edit-name.form-text {
    width: 260px;
    height: 25px;
    background-color: antiquewhite;
}

form#user-pass.error input#reset-password.form-submit,
form#user-pass.no-error input#reset-password.form-submit {
    margin: 10px;
    padding: 8px 8px 5px 8px;
    border-top-color: #d3aaa9;
    background-color: #bb403d;
    color: white;
    font-size: 15px;
    line-height: 17px;
    cursor: pointer;
    text-decoration: none;
}


/* payment radio buttons */
#edit-panes-payment-payment-method-cgp-ideal,
#edit-panes-payment-payment-method-cgp-creditcard,
#edit-panes-payment-payment-method-cgp-giropay,
#edit-panes-payment-payment-method-cgp-directebanking,
#edit-panes-payment-payment-method-cgp-banktransfer,
#edit-panes-payment-payment-method-paypal-wps,
#edit-panes-payment-payment-method-free-order,
#edit-panes-payment-payment-method-cgp-mistercash  {display:none;}




@media only screen 
and (min-device-width : 20.625em) 
and (max-device-width : 30.000em) {
/* Styles 330px & 480px*/



#parent_cart_checkout_panes {
    font-size: 14px;
}



/* single checkout page */
img.checkout_image {
    width: 50%; 
    height: auto;
    text-align: center;
}
img.checkout_image_life {
width: 50%; height: auto;
    /* text-align: center; */
} 
img.checkout_image_month {
width: 40%; height: auto;
    /* text-align: center; */
} 



    #referral-button-wrapper {
        margin: 5px 0px 10px 20px;
        display: -webkit-box;
    }

    #referral-button-left {
        float: left;
        margin-right: 45px;
    }

    #referral-button-center {
        display: inline-block;
    }

    #referral-button-right {
        margin-left: 50px;
    }

    .uc-order-history.sticky-enabled.sticky-table th:nth-child(2) {
        display: none;
    }

    .uc-order-history.sticky-enabled.sticky-table td:nth-child(2) {
        display: none;
    }


/* ------  layout welcome pagina  */

    .mb-wrap-welcome {
        /* width: 310px; */
        margin: 20px auto;
        padding: 10px;
        position: relative;
    }

    .mb-wrap-welcome p {
        margin: 0;
        padding: 0;
    }

    .mb-wrap-welcome blockquote {
        margin: 0;
        padding: 0;
        position: relative;
    }

    .mb-style-3-welcome {
       /* width: 310px;  /* 500px; */
    }

    .mb-style-3-welcome blockquote {
        background: #fff;
        padding: 30px;
        border-radius: 5px;
        box-shadow: inset 0 2px 0 rgba(188, 147, 200, 0.7),
                -5px -4px 25px rgba(0, 0, 0, 0.3);
    }

    .mb-style-3-welcome blockquote p {
        font-family: 'Alegreya', serif;
        font-size: 16px;
        color: #b4b4b4;
        font-weight: 200;
        line-height: 20px;
        /*font-style: italic;
        /* text-indent: 100px; */
        position: relative;
    }

/* -------------------  */


/* ------  layout partner pagina  */

    .mb-wrap-partner {
        width: 100%;
  /* 300px; */
        margin: 20px auto;
        padding: 10px;
        position: relative;
    }

    .mb-wrap-partner p {
        margin: 0;
        padding: 0;
    }

    .mb-wrap-partner blockquote {
        margin: 0;
        padding: 0;
        position: relative;
    }

    .mb-style-3-partner {
        width: auto;
  /* 500px; */
    }

    .mb-style-3-partner blockquote {
        background: #fff;
        padding: 30px;
        border-radius: 5px;
        box-shadow: inset 0 2px 0 rgba(188, 147, 200, 0.7),
                -5px -4px 25px rgba(0, 0, 0, 0.3);
    }

    .mb-style-3-partner blockquote p {
        font-family: 'Alegreya', serif;
        font-size: 14px;
        color: #b4b4b4;
        font-weight: 200;
        line-height: 20px;
        /*font-style: italic;
        /* text-indent: 100px; */
        position: relative;
    }

/* -------------------  */




/* ----  quotes layout ---- */

    .mb-wrap {
	/* width: 300px;
	margin: 20px auto; */
        padding: 10px;
        position: relative;
    }

    .mb-wrap p {
        margin: 0;
        padding: 0;
    }

    .mb-wrap blockquote {
        margin: 0;
        padding: 0;
        position: relative;
    }

    .mb-style-3 {
	/* width: 500px; */
    }

    .mb-style-3 blockquote {
        background: #fff;
        padding: 30px;
        border-radius: 5px;
        box-shadow: inset 0 2px 0 rgba(188, 147, 200, 0.7), 
		-5px -4px 25px rgba(0, 0, 0, 0.3);
    }

    .mb-style-3 blockquote:after, 
.mb-style-3 blockquote:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .mb-style-3 blockquote:after {
        border-top-color: #ffffff;
        border-width: 10px;
        left: 65%;
        margin-left: -10px;
    }

    .mb-style-3 blockquote:before {
        border-top-color: rgba(0,0,0,0.01);
        border-width: 11px;
        left: 65%;
        margin-left: -11px;
    }

    .mb-style-3 blockquote p {
        font-family: 'Alegreya', serif;
        font-size: 20px;
        color: #b4b4b4;
        font-weight: 400;
        line-height: 30px;
        font-style: italic;
        text-indent: 100px;
        position: relative;
    }

    .mb-style-3 blockquote p:before {
        content: '\201C';
        font-family: serif;
        font-style: normal;
        font-weight: 700;
        position: absolute;
        font-size: 175px;
        top: 0px;
        left: -105px;
        color: #aa1f22;
        text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
    }

    .mb-style-3 .mb-attribution {
        text-align: right;
        padding: 20px 100px 20px 20px;
        position: relative;
    }

    .mb-style-3 .mb-author {
        font-family: 'Alegreya SC', serif;
        font-weight: 700;
        font-size: 18px;
        color: #aa1f22;
        text-shadow: 0 1px 1px rgba(255,255,255,0.7);
    }




/* ---- quotes layout --- */






    img.forum-responsive-shrink {
        width: 100%;
        height: auto;
    }

    img.blog-responsive-shrink {
        width: 100%;
        height: auto;
    }

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

    #edit_profile_top {
        display: none;
    }

    #register_flow_top, #payment_flow_topbar {
        /* display: none; */
    }


/* --------------------- flow image on top of register page --- */

    .container {
	/* width: 990px;         
	margin: 0 auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 110%; */
    }

    .steps {
	/* background: #aaa;  */
	/* padding: 1px 0;
	overflow: hidden;   /* Met de waarde hidden wordt de inhoud weergegeven tot de afmetingen van het element bereikt zijn, maar er worden geen schuifbalken geplaatst. */
    }

    .steps ul, .steps li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .steps ul {
        float: left;
    }

    .steps li {
        float: left;
	/* width: 270px; */
    }

    .steps li a {
        display: block;
	/* padding: 15px 20px; */
        background: #d0d0d0;
        color: #fff;
	/* line-height: 1.5em; */
        text-decoration: none;
    }

    .steps li a strong {
        font-size: 1em;
	margin-left: 10px;
    }

    .steps li a[class='selected'] {
        background: #666;
    }

    .steps li.step, .steps li.step a {
        position: relative;
        z-index: 4;
                    /*  step 1  */
        font-size: 15px;
    }

    .steps li.step-2, .steps li.step-2 a {
        z-index: 3;
    }

    .steps li.step-3, .steps li.step-3 a {
        z-index: 2;
    }

    .steps li.step-4, .steps li.step-4 a {
        z-index: 1;
    }

    .steps li.step-1 a, .steps li.step-2 a, .steps li.step-3 a, .steps li.step-4 a {
        background: transparent url(/system/files/images/step.png) center right no-repeat;
	/* padding-right: 25px; */
        width: 25vw;
  /* 85px; */
        word-break: break-word;
        height: 60px;
    }

    .steps li.step-2, .steps li.step-3, .steps li.step-4 {
        margin-left: -30px;
    }

    .steps li.step-2 a {
        padding-left: 30px;
    }

    .steps li.step-3 a {
        padding-left: 30px;
    }

    .steps li.step-4 a {
        padding-left: 30px;
        padding-right: 0px;
        background-position: center left;
    }

    .steps li.step a[class='selected'] {
        background: transparent url(/system/files/images/step_over.png) center right no-repeat;
        width: 25vw;
    }

    .steps li.step-4 a[class='selected'] {
        background-position: center left;
    }

/* ----------------- flow image on top page --------------------------  */



    .dropbtn {
        background-color: transparent;
  /* #4CAF50; */
        color: white;
    /* padding: 6px; */
        font-size: 25px;
        cursor: pointer;
        font-weight: bold;
        border: none;
    }

    .dropbtn:hover, .dropbtn:focus {
        background-color: transparent;
  /* #3e8e41; */
    }

    .dropdown {
        position: relative;
        display: inline-block;
        top: -40px;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #d8d8d8;
    /* min-width: 160px; */
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        margin-left: 5px;
        z-index: 30;
    }

    .dropdown-content a {
        color: black;
    /* padding: 12px 16px; */
        text-decoration: none;
        display: block;
        padding: 10px;
        font-weight: bold;
    }

    .dropdown a:hover {
        background-color: #f1f1f1
    }

    .show {
        display: block;
   /* width: 360px !important; */
        width: 98vw;
        height: 40vh;
        font-size: 1.2em;
        margin-top: 20px;
    }

    #edit-language-wrapper {
        display: none;
    }



/* to align the payment methods horizontally   */


    #cart-pane {
 /* height: 95px;
 padding: 14px; */
    }  

/* #coupon-pane {
 float:left;
} */

    #checkout-form-bottom {
 /* float:left; */
 /* position: absolute; */
 /*position: element(#coupon-pane); */
 /* left: 915px;
 top: 295px; */
    }

/* #payment-pane {
clear:both;
} */


    #payment-pane .form-item {
        display: inline;
    /* margin-right: 20px;    /* 20px */
    /* margin-left: 20px;     /* 20px */
    }

    #coupon-pane {
    /* width: 70%; */
        padding: 0px;
    }

    #coupon-pane .form-item {
        display: inline;
        margin-right: 27px;
    /* 20px */
        margin-left: 27px;
     /* 20px */
    }


/*#checkout-form-bottom
input[type="submit"][name="op"][class="form-submit ucSubmitOrderThrobberNoReview-processed"] { 
    position: absolute;
    left:  955px;
    top: 278px;
} */


    #checkout-form-bottom
input[type="submit"][name="op"][id="edit-cancel"][class="form-submit"] {
        visibility: hidden;
	display: none;
    }

    #payment_details
input[type="text"][name="uc_default_payment_msg"][id="edit-uc-default-payment-msg"] {
        visibility: hidden;
	display: none;
    }

    button.go_to_myprofile {
        display: inline-block;
        text-align: center;
        width: 150px;
        padding: 10px 0px 5px 0px;
        border: none;
        border-top-color: #d3aaa9;
        background-color: #bb403d;
        color: white;
        cursor: pointer;
        font-size: 16px;
        text-decoration: none;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }

    #checkout-form-bottom
input[type="submit"][name="op"][class="form-submit ucSubmitOrderThrobberNoReview-processed"] {
        background-color: #ffec64;
        /* border: 2px solid #ffaa22; */
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        display: inline-block;
        cursor: pointer;
        color: #333333;
        /* padding:43px 84px;  */
        /* padding: 35px; */
        text-decoration: none;
        font-family: Arial;
        font-size: 25px;
        color: black;
        width: 100vw;
        float: left;
	/* margin-top: -20px; */
        height: 70px;
    }

    #checkout-form-bottom
input[type="submit"][name="op"][class="form-submit ucSubmitOrderThrobberNoReview-processed"]:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
        background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
        background-color: #ffab23;
    }

    #coupon-pane
input[type="submit"][id="edit-panes-coupon-apply"][class="form-submit"] {
  /*  visibility: hidden; */
    }



/* to align the ubercart payment methods with the logos  */
    fieldset img {
        vertical-align: middle;
        padding-bottom: 30px;
        margin-right: 10px;
        margin-left: 10px;
    }

    body {
        background-color: #d0d0d0;
    	/* grey color background */
        font: 12pt/130% Verdana, Helvetica, Arial, sans-serif;
    }

    ul {
        margin-top: 5px;
        padding-left: 10px;
    }

    li {
        margin-left: 20px;
        margin-bottom: 5px;
    }

    table {
        border-collapse: separate;
	/* background-color: #ebebeb; */
        margin-right: 15px;
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: bold;
    }

    h1 {
        font: 2em/100% Arial, sans-serif;
    }

    h2 {
        font: 2em/100% Arial, sans-serif;
        padding-bottom: 11px;
        display: none;
    }

    h3 {
        font: 1.6em/100% Arial, sans-serif;
        padding-bottom: 10px;
    }

    h4 {
        font: 1.3em/100% Arial, sans-serif;
        padding-bottom: 9px;
    }

    h5 {
        font: 1.2em/100% Arial, sans-serif;
        padding-bottom: 8px;
    }

    h6 {
        font: 1em/100% Arial, sans-serif;
        padding-bottom: 6px;
    }

    a {
        text-decoration: none;
        color: #0000ff;
        outline: 0 none;
    }

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

    .block-locale .active {
        display: none;
    }

    .screen {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #6f2805;
    	/* red color background */
        display: none;
    }

    .comment {
        margin: 10px 0;
        border: 1px solid #666666;
        background-color: #f8f8f8;
    }

    .comment h3 {
        padding: 10px;
        padding-bottom: 5px;
    }

    .comment .submitted {
        padding: 10px;
    }

    .comment .content {
        padding: 10px 10px;
    }

    .comment ul.links {
        padding: 3px 0;
        border-top: 1px solid #666666;
        background-color: #f0f0ff;
    }

    .comment-unpublished {
        background-color: #ffe0e0;
    }

    .comment .new {
        display: block;
        float: right;
        color: red;
        padding-right: 5px;
        padding-top: 5px;
        font-style: italic;
        font-size: 120%;
    }

    .home-page-body {
        position: relative;
        margin: 0 auto;
        width: 100vw;
 /* 1280px; */
    }

    .home-page-background {
        background-color: #ebebeb;
 /* default to edge color */
        height: 100vh;
        width: 100%;
        position: absolute;
        z-index: 1;
	/* display: none; */
    }

    .home-page-red-background {
        background-color: white;
 /* default to edge color */
        height: 100vh;
	/* width: 1280px; */
        margin: 0 auto;
	/*background: -webkit-radial-gradient(center, ellipse cover, #c30000 0%, #c30000 5%, #6f2805 95%);
	background: -moz-radial-gradient(center, circle cover, #c30000 0%, #c30000 5%, #6f2805 95%);
	background: -ms-radial-gradient(center, circle cover, #c30000 0%, #c30000 5%, #6f2805 95%);
	background: -o-radial-gradient(center, circle cover, #c30000 0%, #c30000 5%, #6f2805 95%);
	background: radial-gradient(ellipse 50% 50%, #c30000 0%, #c30000 5%, #6f2805 95%); */
    }

    .home-page-foreground-wrapper {
        position: absolute;
        z-index: 2;
        width: 100%;
        background-color: white; /* #ebebeb; */
    }

    .home-page-foreground {
        position: relative;
        width: 100%;
  /* vw -  1280px; */
        margin: 0 auto;
        padding: 0;
        background-color: white;
    }

    .home-page-foreground-gray-area {
        position: absolute;
        top: 530px;
        height: 5px;
        width: 100%;
    }

    .home-page-top-blocks {
        padding-top: 5px;
        float: right;
        color: white;
        height: 23px;
        font-size: 0px;
    }

    .home-page-top-blocks h2 {
        display: none;
    }

    .home-page-top-blocks > div {
        float: right;
	/* padding-right: 70px;
	font-size: 70%; */
    }

    .home-page-top-blocks p {
        margin: 0;
    }

    .home-page-top-blocks ul {
        margin: 0;
        padding: 0;
    }

    .home-page-top-blocks li {
        margin: 0;
        padding: 0 10px;
        float: left;
        list-style-type: none;
        list-style-image: none;
    }

    .home-page-primary-menu-bar-wrapper {
        clear: both;
	/* margin-left: 103px; */
	/* padding-left: 12px; */
	/* border-top: 1px solid #ae8374;
	border-bottom: 1px solid #e1d6d3; */
	/* background: transparent url(/sites/nia2match.com/themes/nia2match-theme/images/menu-left-edge.png) no-repeat 0 0; */
	/* margin-bottom: 10px; */
    }

    .home-page-primary-menu-bar {
	/* padding-right: 12px; */
	/* background: transparent url(/sites/nia2match.com/themes/nia2match-theme/images/menu-right-edge.png) no-repeat 100% 0; */
        border: none;
    }

    .home-page-primary-menu-bar-inside {
        background-color: #d0d0d0;
        height: 62px;
        border: none;
    }

    .home-page-primary-menu-bar-inside > div {
	/* float: right; */
    }

    .home-page-primary-menu-bar-inside a {
        color: black;
        text-decoration: none;
    }

    .home-page-logo {
	/* padding-left: 30px; */
        float: right;
    }

    .home-page-primary-menu {
	/* width: 827px; */
    }

    .home-page-primary-menu .block-menu {
	/* float: right; */
        padding-top: 20px;
    }

    .home-page-primary-menu h2 {
        display: none;
    }

    .home-page-primary-menu ul {
	/* margin: 20px 0 0 5px; */
        padding: 0;
        display: none;
    }

    ul.menu li {
        margin: 0;
    }

    .home-page-primary-menu li {
        margin: 0;
        padding: 0 20px;
        float: left;
        list-style-type: none;
        list-style-image: none;
        font-size: 130%;
        border-right: 2px solid #b40802;
    }

    .home-page-primary-menu li.last {
        border-right: none;
    }

    .home-page-login-item {
    }

    .home-page-register-area > div {
        position: absolute;
    }

    .home-page-register-block {
        padding: 70px 0 0 682px;
    }

    .home-page-register-block-top {
        padding-left: 70px;
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/background-register-area-top.png) no-repeat 70px 0;
        width: 372px;
        height: 7px;
    }

    .home-page-register-block-body {
        padding: 0 0 10px 70px;
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/background-register-area-body.png) repeat-y 70px 0;
        width: 372px;
    }

    .home-page-register-title {
        font: 140% "Century Gothic", Times , serif;
        padding: 5px 0;
        color: #731d00;
        text-align: center;
    }

    .home-page-register-block-body form {
        margin: 0;
    }

    .home-page-register-block-body form fieldset {
        border: none;
        margin: 0;
        padding: 0;
    }

    .home-page-register-block-body form fieldset legend,
.home-page-register-block-body form label,
.home-page-register-block-body form .description,
.home-page-register-block-body form .mail-confirm,
.home-page-register-block-body form .password-strength,
.home-page-register-block-body form .password-confirm {
        display: none;
    }

    .home-page-register-block-body form input[type="text"],
.home-page-register-block-body form input[type="password"] {
        margin: 10px auto 12px auto;
        display: block;
        padding: 1px 0 0 6px;
        border-top: 3px solid #a5a6a8;
        border-left: 1px solid #c7c9ca;
/*	border-bottom: 1px solid #d4d4d4;   */   /* this line of code seems to disturb Safari browser - strange curves are then shown in register area   */
        border-left: 1px solid #c8cacc;
        border-radius: 7px;
        width: 285px;
        height: 40px;
        color: #797979;
        font-size: 120%;
        background-color: #d3d5d7;
        background: -webkit-linear-gradient(top, #d3d5d7, #dcdee0);
        background: -moz-linear-gradient(top, #d3d5d7, #dcdee0);
        background: -ms-linear-gradient(top, #d3d5d7, #dcdee0);
        background: -o-linear-gradient(top, #d3d5d7, #dcdee0);
        background: linear-gradient(to bottom, #d3d5d7, #dcdee0);
    }

    #edit-terms-of-use-wrapper  /* text terms & conditions  */ {
        font-size: 55%;
        line-height: 110%;
        margin: 0 35px 20px;
        height: 10px;
    }

    #edit-terms-of-use-wrapper input {
        display: block;
        float: left;
        margin-right: 8px;
    }

    #edit-terms-of-use-wrapper label {
        display: block;
        float: left;
        padding-left: 0;
	/*width: 245px;*/
    }

    #edit-terms-of-use-wrapper .form-required {
        display: none;
    }

    .home-page-register-block-bottom {
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/background-register-area-bottom.png) no-repeat 0 100%;
        width: 488px;
        height: 65px;
    }

    .home-page-register-block input[type="submit"] {
        display: block;
        outline: 0 none;
        margin: 16px auto 4px;
        padding: 5px 8px 5px 8px;
        border: 1px solid #546333;
        border-top-color: #738c3d;
        border-radius: 7px;
        background-color: #168db9;
        color: white;
        box-shadow: 0px 8px 3px -6px rgba(0,0,0,0.5);
        font-size: 270%;
        width: 240px;
        height: 70px;
        cursor: pointer;
        background: -webkit-linear-gradient(left, #117d9f, #168db9 45%, #168db9 55%, #2c7890);
        background: -moz-linear-gradient(left, #117d9f, #168db9 45%, #168db9 55%, #2c7890);
        background: -ms-linear-gradient(left, #117d9f, #168db9 45%, #168db9 55%, #2c7890);
        background: -o-linear-gradient(left, #117d9f, #168db9 45%, #168db9 55%, #2c7890);
        background: linear-gradient(to right, #117d9f, #168db9 45%, #168db9 55%, #2c7890);
        text-decoration: none;
    }

    .home-page-register-block input[type="submit"][disabled] {
        background: -webkit-linear-gradient(left, #616161, #6e6e6e 45%, #6e6e6e 55%, #646464);
        background: -moz-linear-gradient(left, #616161, #6e6e6e 45%, #6e6e6e 55%, #646464);
        background: -ms-linear-gradient(left, #616161, #6e6e6e 45%, #6e6e6e 55%, #646464);
        background: -o-linear-gradient(left, #616161, #6e6e6e 45%, #6e6e6e 55%, #646464);
        background: linear-gradient(to right, #616161, #6e6e6e 45%, #6e6e6e 55%, #646464);
    }

    input::-moz-focus-inner {
        border: 0;
    }

    .home-page-title {
        padding: 530px 0 0 630px;
        color: #731d00;
        font: 290%/110% "Trebuchet MS", "Century Gothic", Times, serif;
        text-shadow: 3px 2px 2px #aaaaaa;
    }

    .home-page-main-area {
        padding: 0;
	/* margin: 50px 170px; */
        color: black;
    }

    .other-pages-gray-box {
	/* padding: 10px; */
	/* background-color: #e8e8e8; */
	/* border-radius: 5px; */
	/* border-top: 1px solid #AE8374; */
	/* border-right: 2px solid #E1D6D3; */
	/* border-bottom: 2px solid #E1D6D3; */
	/* min-height: 400px; */
	/* width: 100vw;   1024px; */
	/* box-shadow: 0 17px 30px -12px #000000; */
    }
/*
.other-pages-gray-box {
	position: relative;
	-webkit-box-shadow: 0px 17px 30px -12px hsla(0, 0%, 0%, 1);  
	-moz-box-shadow: 0px 17px 30px -12px hsla(0, 0%, 0%, 1); 
	-o-box-shadow: 0px 17px 30px -12px hsla(0, 0%, 0%, 1); 
	-ms-box-shadow: 0px 17px 30px -12px hsla(0, 0%, 0%, 1); 
	box-shadow: 0px 17px 30px -12px hsla(0, 0%, 0%, 1);  
}
.other-pages-gray-box:before, .other-pages-gray-box:after
{
	position: absolute;
	content: "";
	width: 15%;
	bottom: 20px;
	-webkit-box-shadow: 0 0 48px 30px hsla(0, 0%, 0%, .3);
	-moz-box-shadow: 0 0 48px 30px hsla(0, 0%, 0%, .3);
	-o-box-shadow: 0 0 48px 30px hsla(0, 0%, 0%, .3);
	-ms-box-shadow: 0 0 48px 30px hsla(0, 0%, 0%, .3);
	box-shadow: 0 0 48px 30px hsla(0, 0%, 0%, .3);
	z-index: -10;
}
.shadow-arch-edges:before {
  left: 110px;
  transform: skewY(-122.5deg);
}

.shadow-arch-edges:after{
  right: 110px;
  transform: skewY(122.5deg);
}
*/

    .home-page-register-error {
        display: none;
        padding: 150px 0 0 440px;
    }

    .home-page-register-error-inside {
        padding: 0 10px;
        border: 2px solid #168db9;
        border-radius: 7px;
        background-color: #ffdbd1;
        color: #7f1d02;
        width: 300px;
        font-size: 70%;
    }

    div.error {
        padding: 5px 10px;
    }

    .home-page-register-error-inside h3 {
        text-align: center;
        font-size: 100%;
    }

    #login_popup_block {
        display: none;
 /* hide by default */
        position: absolute;
        width: 330px;
        height: 300px;
        border: 1px solid black;
        border-radius: 5px;
        padding-left: 10px;
        background-color: white;
        box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.3);
        z-index: 3;
        margin-left: 10px;
        margin-top: 100px;
    }

    #login_popup_block #login_close_button {
        padding: 5px;
        width: 32px;
        height: 32px;
        float: right;
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/close-cross-32x32.png) no-repeat 5px 5px;
    }

    #login_popup_block h2 {
        color: #444444;
        margin: 0;
        padding: 10px 0 0 0;
        font-weight: bold;
    }

    #block-nia2match-user_login {
        display: none;
 /* hide until the JS shows it to avoid flashing */
    }

    #login_popup_block #user-login-form {
        text-align: left;
    }

    #login_popup_block #user-login-form .form-item label {
        margin-bottom: 5px;
    }

    #login_popup_block #user-login-form .form-item label .form-required {
        display: none;
    }

    #login_popup_block #user-login-form .form-item input {
        border: 1px solid #cccccc;
        border-radius: 3px;
        font-size: 16px;
        padding: 5px;
        width: 90%;
    }

    #login_popup_block #user-login-form input.form-submit {
        width: 90%;
        display: inline-block;
        margin: 0px 10px;
        padding: 8px 8px 5px 8px;
        border: 1px solid #546333;
        border-top-color: #738c3d;
        border-radius: 7px;
        background-color: #819e43;
        color: white;
        box-shadow: 0px 8px 3px -6px rgba(0,0,0,0.5);
        font-size: 24px;
        font-weight: bold;
        line-height: 30px;
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cded8c), to(#789146));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* IE 10 */
        background: -ms-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* CSS */
        background: linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
        text-decoration: none;
        margin-top: 20px;
    }

    #login_popup_block #user-login-form input.form-submit:hover {
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df6864), to(#7b1d1a));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #adcd6c, #6d8b2e 12%, #617e23 19%, #617e23 50%, #617e23 85%, #58741e 88%, #587126);
	/* IE 10 */
        background: -ms-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* CSS */
        background: linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
        color: white;
    }

    #login_popup_block #user-login-form .item-list .first {
        display: none;
    }

    #login_popup_block #user-login-form .item-list .last {
        margin-top: 10px;
        margin-right: 20px;
        list-style-type: none;
        list-style-image: none;
        text-align: right;
    }

    #login_popup_block #user-login-form .item-list .last a {
        color: #4466ff;
        font-size: 10px;
        text-decoration: none;
    }

    #login_popup_block #user-login-form .item-list .last a:hover {
        color: #cc4400;
    }

    #forum table th:nth-child(3),
#forum table th:nth-child(4),
#forum table th:nth-child(5) {
        display: none;
    }

    #forum table td:nth-child(3),
#forum table td:nth-child(4),
#forum table td:nth-child(5) {
        display: none;
    }

    #forum table {
        border-spacing: 0;
        border-collapse: collapse;
        width: 100%;
    }

    #forum table th {
	/* background: url(/sites/nia2match.com/themes/nia2match-theme/images/forum-title-gradient.png) repeat-x 0 0; */
        height: 25px;
        padding: 0 10px;
        text-align: center;
        border: 1px solid black;
        background-color: #818ee0;
    }

    #forum table th a {
        font-weight: normal;
	/*font-size: 11px;*/
        color: white;
    }

    #forum table th img {
        padding-left: 5px;
    }

    #forum table td {
        padding: 2px 5px;
        border: 1px solid #888888;
    }

    #forum table tr.even td {
        background-color: #e8e8f8;
    }

    #block-block-12 .content {
        font-size: 150%;
    }

    h1.forum-name {
        font-size: 200%;
        font-weight: bold;
        padding-bottom: 20px;
    }

    h1.forum-name a {
        color: black;
    }

    div.forum-node {
        padding-bottom: 20px;
    }

    div.forum-node h3 {
        padding: 20px 20px;
        font-size: 26px;
        font-style: italic;
        font-weight: bold;
    }

    .forum-post-new {
        float: right;
    }

    div.forum-node table th:nth-child(1) {
        display: none;
    }

    div.forum-node table td:nth-child(1) {
        display: none;
    }

    div.forum-node table {
        border-spacing: 0;
        border-collapse: collapse;
        width: 100%;
    }

    div.forum-node table th {
	/* background: url(/sites/nia2match.com/themes/nia2match-theme/images/forum-title-gradient.png) repeat-x 0 0; */
        background-color: #818ee0;
        height: 25px;
        padding: 0 5px;
        border: 1px solid black;
        color: white;
        font-size: 12px;
        display: none;
    }

    div.forum-node table td {
        padding: 2px 5px;
        border: 1px solid black;
    }

    div.forum-node table th.author,
div.forum-node table td.author {
        width: 120px;
    }

    div.forum-node th div.comment-count {
        float: right;
        font-weight: normal;
    }

    div.forum-node div.meta {
        font-size: 90%;
    }

    div.forum-node td.forum-links {
        background: #f0f0ff;
        padding: 10px 0;
    }

    div.forum-node td.forum-links ul.links {
        border: none;
        margin: 0;
        padding: 0;
    }

    div.forum-comment div.comment {
        border: none;
        margin: 0 0 5px 0;
    }

    div.forum-comment table {
        border-spacing: 0;
        border-collapse: collapse;
        width: 100%;
    }

    div.forum-comment table th {
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/forum-title-gradient.png) repeat-x 0 0;
        height: 25px;
        padding: 0 5px;
        border: 1px solid black;
        color: white;
        vertical-align: middle;
    }

    div.forum-comment table th span.new {
        padding-top: 0;
        font-size: 90%;
        color: #ff0000;
        text-shadow: #ffffff 0px 0px 5px;
    }

    div.forum-comment table td {
        padding: 2px 5px;
        border: 1px solid black;
    }

    div.forum-comment table th.author,
div.forum-comment table td.author {
        width: 120px;
    }

    div.forum-comment table td {
        vertical-align: top;
    }

    div.forum-comment div.meta {
        font-size: 90%;
    }

    div.forum-comment td.forum-links {
        background: #f0f0ff;
        padding-top: 14px;
        height: 28px;
    }

    div.forum-comment td.forum-links div.buttons {
        float: right;
    }

    div.forum-comment .comment td.forum-links ul.links {
        border: none;
        background: transparent;
    }

    #comments .box {
        padding-top: 20px;
    }

    #comments .box h2 {
        font-size: 150%;
    }

    #comments .box #edit-comment-wrapper label,
div.forum #comments fieldset {
        display: none;
    }

    #block-menu-secondary-links {
        text-align: center;
    }

    #block-menu-secondary-links h2 {
        display: none;
    }

    #block-menu-secondary-links ul {
        margin: 0 auto;
        display: inline;
        text-align: left;
        list-style-type: none;
        list-style-image: none;
    }

    #block-menu-secondary-links li {
        list-style-type: none;
        list-style-image: none;
        display: inline;
    }

    #block-menu-secondary-links li a {
        font-size: 10pt;
        color: #007C92;
        text-decoration: none;
    }

    #block-menu-secondary-links li a:hover {
        color: #B28C4D;
    }

    .view-build-support .view-content {
        background-color: white;
    }

/** code to support one line entries in registration pages **/
    html.js .node-phase form#node-form fieldset .form-checkboxes .form-item {
        clear: none;
    }

    .node-phase .field-box-field_languages .form-checkboxes .form-item {
        float: left;
        clear: none;
        margin-right: 20px;
    }

    .node-phase .field-box-field_languages .form-checkboxes .form-item label {
        white-space: nowrap;
    }

    .node-phase .field-box-field_clothes_uiterlijk .form-checkboxes .form-item {
        float: left;
        clear: none;
        margin-right: 20px;
    }

    .node-phase .field-box-field_clothes_uiterlijk .form-checkboxes .form-item label {
        white-space: nowrap;
    }

    .node-phase .node-form .form-item {
        clear: left;
        float: left;
    }

    .node-phase .node-form .form-item .form-radios .form-item {
        clear: none;
    }

    .node-phase .node-form .form-item label {
        display: inline-block;
	font-size: 14px;
	/* width: 487px;
	padding-top: 7px;
	padding-right: 5px;
	float: left; */
    }

    .node-phase .node-form .form-item label.option {
        display: inline;
        margin-right: 10px;
        font-size: 90%;
        padding-top: 0;
        width: auto;
    }

    .node-phase .node-form .form-item div.form-radios,
.node-phase .node-form .form-item div.form-checkboxes {
	/* width: 487px; */
        margin-top: 0;
	/* float: left; */
    }

    .node-phase .node-form textarea {
	/* width: 487px; */
        width: 90vw;
    }

    .node-phase .node-form .form-item#edit-language-wrapper {
        display: none;
    }

    .node-phase form.error .node-form .no-error {
        display: none;
    }

    .nia2match-button-red,
div.forum-node td.forum-links ul.links a,
#node-form a.form-button-cancel {
        display: inline-block;
        margin: 0px 10px;
        padding: 8px 8px 5px 8px;
        border: 1px solid #78312f;
        border-top-color: #d3aaa9;
        border-radius: 7px;
        background-color: #bb403d;
        color: white;
        box-shadow: 0px 8px 3px -6px rgba(0,0,0,0.5);
        font-size: 15px;
        line-height: 17px;
        cursor: pointer;
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8884), to(#9b3d3a));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #ff8884, #ef5754 12%, #d84441 19%, #c23d3a 50%, #b13835 85%, #aa3936 88%, #9b3d3a);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #ff8884, #ef5754 12%, #d84441 19%, #c23d3a 50%, #b13835 85%, #aa3936 88%, #9b3d3a);
	/* IE 10 */
        background: -ms-linear-gradient(top, #ff8884, #ef5754 12%, #d84441 19%, #c23d3a 50%, #b13835 85%, #aa3936 88%, #9b3d3a);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #ff8884, #ef5754 12%, #d84441 19%, #c23d3a 50%, #b13835 85%, #aa3936 88%, #9b3d3a);
	/* CSS */
        background: linear-gradient(top, #ff8884, #ef5754 12%, #d84441 19%, #c23d3a 50%, #b13835 85%, #aa3936 88%, #9b3d3a);
        text-decoration: none;
    }

    a.nia2match-button-red:hover,
input.nia2match-button-red:hover,
div.forum-node td.forum-links ul.links a:hover,
#node-form a.form-button-cancel:hover {
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df6864), to(#7b1d1a));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* IE 10 */
        background: -ms-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* CSS */
        background: linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
        color: white;
    }


#edit-panes-coupon-code {
    width: 160px;
    height: 35px;
    margin-left: 8px;
    background-color: bisque;
    margin-bottom: 10px;
}



    .blog-nodes ul.links li a,
.node-phase .node-form .form-submit,
.node-form input.form-button.form-btn.form-button-cancel,
#uc-cart-checkout-form input[type="submit"][id="edit-panes-coupon-apply"],
div#comments input.form-submit,
.nia2match-button-blue {
        display: inline-block;
        margin: 5px;
        /* padding: 8px 8px 5px 8px; */
        background-color: #3d76bb;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
	height: 35px;
        color: white;
        font-size: 17px;
        cursor: pointer;
	border-radius: 0px;
        width: 32vw; 
        margin-bottom: 10px;
        text-decoration: none;
	border: 0;
        /* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#34639b), to(#34639b));
        /* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #34639b, #34639b 12%, #34639b 19%, #34639b 50%, #34639b 85%, #34639b 88%, #34639b);
    }

    .blog-nodes ul.links li a:hover,
a.nia2match-button-blue:hover,
.node-phase .node-form .form-submit:hover,
.node-form input.form-button.form-btn.form-button-cancel:hover,
input.nia2match-button-blue:hover {
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93aecf), to(#14437b));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #93aecf, #4081be 12%, #2061ae 19%, #1d569b 50%, #184986 85%, #164780 88%, #14437b);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #93aecf, #4081be 12%, #2061ae 19%, #1d569b 50%, #184986 85%, #164780 88%, #14437b);
	/* IE 10 */
        background: -ms-linear-gradient(top, #93aecf, #4081be 12%, #2061ae 19%, #1d569b 50%, #184986 85%, #164780 88%, #14437b);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #93aecf, #4081be 12%, #2061ae 19%, #1d569b 50%, #184986 85%, #164780 88%, #14437b);
	/* CSS */
        background: linear-gradient(top, #93aecf, #4081be 12%, #2061ae 19%, #1d569b 50%, #184986 85%, #164780 88%, #14437b);
        color: white;
    }

    .nia2match-button-green {
        display: inline-block;
        margin: 0px 10px;
        padding: 8px 8px 5px 8px;
        border: 1px solid #546333;
        border-top-color: #738c3d;
        border-radius: 7px;
        background-color: #819e43;
        color: white;
        box-shadow: 0px 8px 3px -6px rgba(0,0,0,0.5);
        font-size: 15px;
        line-height: 17px;
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cded8c), to(#789146));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* IE 10 */
        background: -ms-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* CSS */
        background: linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
        text-decoration: none;
    }

    a.nia2match-button-green:hover,
input.nia2match-button-green:hover {
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df6864), to(#7b1d1a));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #adcd6c, #6d8b2e 12%, #617e23 19%, #617e23 50%, #617e23 85%, #58741e 88%, #587126);
	/* IE 10 */
        background: -ms-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* CSS */
        background: linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
        color: white;
    }

    a.nia2match-button-disabled {
        background: -webkit-linear-gradient(top, #a1a1a1, #777777 12%, #636363 19%, #595959 50%, #525252 85%, #515151 88%, #515151);
        background: -moz-linear-gradient(top, #a1a1a1, #777777 12%, #636363 19%, #595959 50%, #525252 85%, #515151 88%, #515151);
        background: -ms-linear-gradient(top, #a1a1a1, #777777 12%, #636363 19%, #595959 50%, #525252 85%, #515151 88%, #515151);
        background: -o-linear-gradient(top, #a1a1a1, #777777 12%, #636363 19%, #595959 50%, #525252 85%, #515151 88%, #515151);
        background: linear-gradient(top, #a1a1a1, #777777 12%, #636363 19%, #595959 50%, #525252 85%, #515151 88%, #515151);
        border: 1px solid #404040;
        border-top-color: #b3b3b3;
        border-bottom-color: black;
        color: #e0e0e0;
    }

    .blog-nodes .node-odd,
.blog-nodes .node-even {
        border: 1px solid #d0d0d0;
        margin-bottom: 20px;
        padding: 10px;
    }

    .blog-nodes ul.links li a {
        margin-top: 10px;
    }

    .node .meta {
	/* margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e0e0e0; */
    }

    .node .submitted {
        font-style: italic;
        font-size: 12px;
        display: none;
    }

    .node ul.links {
        display: block;
        margin-top: 20px;
        padding-top: 10px;
        border-top: 1px solid #e0e0e0;
    }

    #checkout-form-bottom {
	/* border: solid 2px #a9a9a9; */
        height: 50px;
    }

    .breadcrumb {
        font-size: 80%;
    }

    .questions-to-admin table,
.verification-user-list table {
        border-top: 1px solid black;
        border-left: 1px solid black;
        border-spacing: 0;
    }

    .questions-to-admin table th,
.verification-user-list table th {
        background-color: #cccccc;
    }

    .questions-to-admin table th,
.questions-to-admin table td,
.verification-user-list table th,
.verification-user-list table td {
        padding: 5px;
        border-bottom: 1px solid black;
        border-right: 1px solid black;
    }

    .questions-to-admin table tr.even,
.verification-user-list table tr.even {
        background-color: #eeddee;
    }

    .footer {
        text-align: center;
        display: none;
    }

    .footer #footer-block {
        padding-bottom: 12px;
    }

    .footer #copyright {
        clear: both;
        padding-bottom: 20px;
        color: #917246;
        font-size: 10px;
    }

    .footer #copyright {
        clear: both;
        padding-bottom: 20px;
        color: #A19276;
        font-size: 10px;
    }

    .footer #host {
        font-size: 9px;
    }

    .footer #host a {
        color: #A19276;
        text-decoration: none;
    }


/* lightbox2 does not include a close box anymore... */
    #lightbox.contact-popup {
        text-align: left;
    }

    #lightbox.mo-feedback #imageDataContainer #imageData #bottomNav,
#lightbox.contact-popup #imageDataContainer #imageData #bottomNav,
#lightbox.nia2match-help #imageDataContainer #imageData #bottomNav,
#lightbox.parentframe #imageDataContainer #imageData #bottomNav {
        margin-bottom: 0;
        height: 0px;
    }

    #lightbox.mo-feedback #imageDataContainer #imageData #bottomNav #bottomNavClose,
#lightbox.contact-popup #imageDataContainer #imageData #bottomNav #bottomNavClose,
#lightbox.nia2match-help #imageDataContainer #imageData #bottomNav #bottomNavClose,
#lightbox.parentframe #imageDataContainer #imageData #bottomNav #bottomNavClose {
        margin-top: 0;
    }

    #lightbox.mo-feedback #imageDataContainer,
#lightbox.mo-feedback #bottomNavClose,
#lightbox.contact-popup #imageDataContainer,
#lightbox.contact-popup #bottomNavClose,
#lightbox.nia2match-help #imageDataContainer,
#lightbox.nia2match-help #bottomNavClose,
#lightbox.parentframe #bottomNavClose {
        display: none;
    }

    #lightbox.contact-popup #modalContainer form {
        border: 1px outset #cccccc;
        padding: 10px 10px;
        overflow: auto;
    }

    #contact-mail-page .form-text {
        width: 300px;
    }

    #contact-mail-page .form-textarea {
        width: 350px;
    }

    .meeting-warning {
        color: red;
        font-weight: bold;
        border: 1px solid red;
        background-color: #fff0f0;
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 10px;
    }

    .meeting-list {
        width: 95%;
        border-top: 1px solid black;
        border-left: 1px solid black;
        border-spacing: 0;
    }

    .meeting-list th {
        text-align: center;
        background-color: #d0d0d0;
    }

    .meeting-list th,
.meeting-list td {
        width: 32%;
        padding: 5px;
        border-bottom: 1px solid black;
        border-right: 1px solid black;
    }

    .meeting-list tr.odd {
        background-color: #f0ffff;
    }

    .meeting-list span.meeting-yes {
        color: red;
        font-weight: bold;
    }
}

/* ---------------------------------- responsive for 330-480 devices -------------------  */





@media only screen 
and (max-device-width : 20.5625em) {
/* Styles 329px */


#parent_cart_checkout_panes {
    font-size: 12px;
}



/* single checkout page */
img.checkout_image {
    width: 50%;
    height: auto;
    text-align: center;
}
img.checkout_image_life {
width: 50%; height: auto;
    /* text-align: center; */
}
img.checkout_image_month {
width: 40%; height: auto;
    /* text-align: center; */
}



    #referral-button-wrapper {
        margin: 5px 0px 10px 5px;
        display: -webkit-box;
    }

    #referral-button-left {
        float: left;
        margin-right: 35px;
    }

    #referral-button-center {
        display: inline-block;
    }

    #referral-button-right {
        margin-left: 40px;
    }

    .uc-order-history.sticky-enabled.sticky-table th:nth-child(2) {
        display: none;
    }

    .uc-order-history.sticky-enabled.sticky-table td:nth-child(2) {
        display: none;
    }



/* ------  layout welcome pagina  */

    .mb-wrap-welcome {
        width: 300px;
  /* 300px; */
        margin: 20px auto;
        padding: 10px;
        position: relative;
    }

    .mb-wrap-welcome p {
        margin: 0;
        padding: 0;
    }

    .mb-wrap-welcome blockquote {
        margin: 0;
        padding: 0;
        position: relative;
    }

    .mb-style-3-welcome {
        width: 300px;
  /* 500px; */
    }

    .mb-style-3-welcome blockquote {
        background: #fff;
        padding: 30px;
        border-radius: 5px;
        box-shadow: inset 0 2px 0 rgba(188, 147, 200, 0.7),
                -5px -4px 25px rgba(0, 0, 0, 0.3);
    }

    .mb-style-3-welcome blockquote p {
        font-family: 'Alegreya', serif;
        font-size: 16px;
        color: #b4b4b4;
        font-weight: 200;
        line-height: 20px;
        /*font-style: italic;
        /* text-indent: 100px; */
        position: relative;
    }

/* -------------------  */



/* ------  layout partner pagina  */

    .mb-wrap-partner {
        width: 100%;
  /* 300px; */
        margin: 20px auto;
        padding: 10px;
        position: relative;
    }

    .mb-wrap-partner p {
        margin: 0;
        padding: 0;
    }

    .mb-wrap-partner blockquote {
        margin: 0;
        padding: 0;
        position: relative;
    }

    .mb-style-3-partner {
        width: auto;
  /* 500px; */
    }

    .mb-style-3-partner blockquote {
        background: #fff;
        padding: 30px;
        border-radius: 5px;
        box-shadow: inset 0 2px 0 rgba(188, 147, 200, 0.7),
                -5px -4px 25px rgba(0, 0, 0, 0.3);
    }

    .mb-style-3-partner blockquote p {
        font-family: 'Alegreya', serif;
        font-size: 14px;
        color: #b4b4b4;
        font-weight: 200;
        line-height: 20px;
        /*font-style: italic;
        /* text-indent: 100px; */
        position: relative;
    }

/* -------------------  */

/* ----  quotes layout ---- */

    .mb-wrap {
	/* width: 300px;
	margin: 20px auto; */
        padding: 10px;
        position: relative;
    }

    .mb-wrap p {
        margin: 0;
        padding: 0;
    }

    .mb-wrap blockquote {
        margin: 0;
        padding: 0;
        position: relative;
    }

    .mb-style-3 {
	/* width: 500px; */
    }

    .mb-style-3 blockquote {
        background: #fff;
        padding: 30px;
        border-radius: 5px;
        box-shadow: inset 0 2px 0 rgba(188, 147, 200, 0.7), 
		-5px -4px 25px rgba(0, 0, 0, 0.3);
    }

    .mb-style-3 blockquote:after, 
.mb-style-3 blockquote:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .mb-style-3 blockquote:after {
        border-top-color: #ffffff;
        border-width: 10px;
        left: 65%;
        margin-left: -10px;
    }

    .mb-style-3 blockquote:before {
        border-top-color: rgba(0,0,0,0.01);
        border-width: 11px;
        left: 65%;
        margin-left: -11px;
    }

    .mb-style-3 blockquote p {
        font-family: 'Alegreya', serif;
        font-size: 20px;
        color: #b4b4b4;
        font-weight: 400;
        line-height: 30px;
        font-style: italic;
        text-indent: 100px;
        position: relative;
    }

    .mb-style-3 blockquote p:before {
        content: '\201C';
        font-family: serif;
        font-style: normal;
        font-weight: 700;
        position: absolute;
        font-size: 175px;
        top: 0px;
        left: -105px;
        color: #aa1f22;
        text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
    }

    .mb-style-3 .mb-attribution {
        text-align: right;
        padding: 20px 100px 20px 20px;
        position: relative;
    }

    .mb-style-3 .mb-author {
        font-family: 'Alegreya SC', serif;
        font-weight: 700;
        font-size: 16px;
        color: #aa1f22;
        text-shadow: 0 1px 1px rgba(255,255,255,0.7);
    }




/* ---- quotes layout --- */



    img.forum-responsive-shrink {
        width: 100%;
        height: auto;
    }

    img.blog-responsive-shrink {
        width: 100%;
        height: auto;
    }

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

    #edit_profile_top {
        display: none;
    }

    #register_flow_top, #payment_flow_topbar {
       /* display: none; */
    }


/* --------------------- flow image on top of register page --- */

    .container {
	/* width: 990px;         
	margin: 0 auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 110%; */
    }

    .steps {
	/* background: #aaa;  */
	/* padding: 1px 0;
	overflow: hidden;   /* Met de waarde hidden wordt de inhoud weergegeven tot de afmetingen van het element bereikt zijn, maar er worden geen schuifbalken geplaatst. */
    }

    .steps ul, .steps li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .steps ul {
        float: left;
    }

    .steps li {
        float: left;
	/* width: 270px; */
    }

    .steps li a {
        display: block;
	/* padding: 15px 20px; */
        background: #d0d0d0;
        color: #fff;
	/* line-height: 1.5em; */
        text-decoration: none;
    }

    .steps li a strong {
        font-size: 1em;
        margin-left: 10px;
    }

    .steps li a[class='selected'] {
        background: #666;
    }

    .steps li.step, .steps li.step a {
        position: relative;
        z-index: 4;
                    /*  step 1  */
        font-size: 11px;
    }

    .steps li.step-2, .steps li.step-2 a {
        z-index: 3;
    }

    .steps li.step-3, .steps li.step-3 a {
        z-index: 2;
    }

    .steps li.step-4, .steps li.step-4 a {
        z-index: 1;
    }

    .steps li.step-1 a, .steps li.step-2 a, .steps li.step-3 a, .steps li.step-4 a {
        background: transparent url(/system/files/images/step.png) center right no-repeat;
	/* padding-right: 25px; */
        width: 24vw;
  /* 80px; */
        word-break: break-word;
        height: 60px;
    }

    .steps li.step-2, .steps li.step-3, .steps li.step-4 {
        margin-left: -30px;
    }

    .steps li.step-2 a {
        padding-left: 35px;
    }

    .steps li.step-3 a {
        padding-left: 35px;
    }

    .steps li.step-4 a {
        padding-left: 36px;
        padding-right: 3px;
        background-position: center left;
    }

    .steps li.step a[class='selected'] {
        background: transparent url(/system/files/images/step_over.png) center right no-repeat;
        width: 22vw;
    }

    .steps li.step-4 a[class='selected'] {
        background-position: center left;
    }

/* ----------------- flow image on top page --------------------------  */


    .dropbtn {
        background-color: transparent;
  /* #4CAF50; */
        color: black;
    /* padding: 6px; */
        font-size: 25px;
        cursor: pointer;
        font-weight: bold;
        border: none;
    }

    .dropbtn:hover, .dropbtn:focus {
        background-color: transparent;
  /* #3e8e41; */
    }

    .dropdown {
        position: relative;
        display: inline-block;
        top: -45px;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #d8d8d8;
    /* min-width: 160px; */
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        margin-left: 5px;
        z-index: 30;
    }

    .dropdown-content a {
        color: black;
    /* padding: 12px 16px; */
        text-decoration: none;
        display: block;
        padding: 10px;
        font-weight: bold;
    }

    .dropdown a:hover {
        background-color: #f1f1f1
    }

    .show {
        display: block;
   /* width: 360px !important; */
        width: 98vw;
        height: 55vh;
        font-size: 1.2em;
        margin-top: 20px;
    }

    #edit-language-wrapper {
        display: none;
    }



/* to align the payment methods horizontally   */


    #cart-pane {
 /* height: 95px; 
 padding: 14px; */
    }  

/* #coupon-pane {
 float:left;
} */

    #checkout-form-bottom {
 /* float:left; */
 /* position: absolute; */
 /*position: element(#coupon-pane); */
 /*left: 915px;
 top: 295px; */
    }

/* #payment-pane {
clear:both;
} */


    #payment-pane .form-item {
        display: inline;
    /* margin-right: 20px;    /* 20px */
    /* margin-left: 20px;     /* 20px */
    }

    #coupon-pane {
    /* width: 70%; */
        padding: 0px;
    }

    #coupon-pane .form-item {
        display: inline;
        margin-right: 27px;
    /* 20px */
        margin-left: 27px;
     /* 20px */
    }


/*#checkout-form-bottom
input[type="submit"][name="op"][class="form-submit ucSubmitOrderThrobberNoReview-processed"] { 
    position: absolute;
    left:  955px;
    top: 278px;
} */


    #checkout-form-bottom
input[type="submit"][name="op"][id="edit-cancel"][class="form-submit"] {
	display: none;
        visibility: hidden;
    }

    #payment_details
input[type="text"][name="uc_default_payment_msg"][id="edit-uc-default-payment-msg"] {
        display: none;
        visibility: hidden;
    }

    button.go_to_myprofile {
        display: inline-block;
        text-align: center;
        width: 150px;
        padding: 10px 0px 5px 0px;
        border: none;
        border-top-color: #d3aaa9;
        background-color: #bb403d;
        color: white;
        cursor: pointer;
        font-size: 16px;
        text-decoration: none;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }

    #checkout-form-bottom
input[type="submit"][name="op"][class="form-submit ucSubmitOrderThrobberNoReview-processed"] {
        background-color: #ffec64;
        /* border-radius:6px; */
        /* border:2px solid #ffaa22; */
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        display: inline-block;
        cursor: pointer;
        color: #333333;
        /* padding:43px 84px;  */
        /* padding: 35px; */
        text-decoration: none;
        font-family: Arial;
        font-size: 25px;
        color: black;
        width: 100vw;
        float: left;
	/* margin-top: -20px; */
        height: 60px;
    }

    #checkout-form-bottom
input[type="submit"][name="op"][class="form-submit ucSubmitOrderThrobberNoReview-processed"]:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
        background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
        background-color: #ffab23;
    }

    #coupon-pane
input[type="submit"][id="edit-panes-coupon-apply"][class="form-submit"] {
  /*  visibility: hidden; */
    }



/* to align the ubercart payment methods with the logos  */
    fieldset img {
        vertical-align: middle;
        padding-bottom: 30px;
        margin-right: 5px;
        margin-left: 0px;
    }

    body {
        background-color: #d0d0d0;
    	/* grey color background */
        font: 12pt/130% Verdana, Helvetica, Arial, sans-serif;
    }

    ul {
        margin-top: 5px;
        padding-left: 10px;
    }

    li {
        margin-left: 20px;
        margin-bottom: 5px;
    }

    table {
        border-collapse: separate;
        background-color: white;
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: bold;
    }

    h1 {
        font: 2em/100% Arial, sans-serif;
    }

    h2 {
        font: 2em/100% Arial, sans-serif;
        padding-bottom: 11px;
        display: none;
    }

    h3 {
        font: 1.6em/100% Arial, sans-serif;
        padding-bottom: 10px;
    }

    h4 {
        font: 1.3em/100% Arial, sans-serif;
        padding-bottom: 9px;
    }

    h5 {
        font: 1.2em/100% Arial, sans-serif;
        padding-bottom: 8px;
    }

    h6 {
        font: 1em/100% Arial, sans-serif;
        padding-bottom: 6px;
    }

    a {
        text-decoration: none;
        color: #0000ff;
        outline: 0 none;
    }

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

    .block-locale .active {
        display: none;
    }

    .screen {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #6f2805;
    	/* red color background */
        display: none;
    }

    .comment {
        margin: 10px 0;
        border: 1px solid #666666;
        background-color: #f8f8f8;
    }

    .comment h3 {
        padding: 10px;
        padding-bottom: 5px;
    }

    .comment .submitted {
        padding: 10px;
    }

    .comment .content {
        padding: 10px 10px;
    }

    .comment ul.links {
        padding: 3px 0;
        border-top: 1px solid #666666;
        background-color: #f0f0ff;
    }

    .comment-unpublished {
        background-color: #ffe0e0;
    }

    .comment .new {
        display: block;
        float: right;
        color: red;
        padding-right: 5px;
        padding-top: 5px;
        font-style: italic;
        font-size: 120%;
    }

    .home-page-body {
        position: relative;
        margin: 0 auto;
        width: 100vw;
 /* 1280px; */
    }

    .home-page-background {
        background-color: #ebebeb;
 /* default to edge color */
        height: 100vh;
        width: 100%;
        position: absolute;
        z-index: 1;
	/* display: none; */
    }

    .home-page-red-background {
        background-color: white;
 /* default to edge color */
        height: 100vh;
	/* width: 1280px; */
        margin: 0 auto;
	/* background: -webkit-radial-gradient(center, ellipse cover, #c30000 0%, #c30000 5%, #6f2805 95%);
	background: -moz-radial-gradient(center, circle cover, #c30000 0%, #c30000 5%, #6f2805 95%);
	background: -ms-radial-gradient(center, circle cover, #c30000 0%, #c30000 5%, #6f2805 95%);
	background: -o-radial-gradient(center, circle cover, #c30000 0%, #c30000 5%, #6f2805 95%);
	background: radial-gradient(ellipse 50% 50%, #c30000 0%, #c30000 5%, #6f2805 95%); */
    }

    .home-page-foreground-wrapper {
        position: absolute;
        z-index: 2;
        width: 100%;
        background-color: white;
    }

    .home-page-foreground {
        position: relative;
        width: 100%;
  /* 100vw -  1280px; */
        margin: 0 auto;
        padding: 0;
    }

    .home-page-foreground-gray-area {
        position: absolute;
        top: 530px;
        height: 5px;
        width: 100%;
    }

    .home-page-top-blocks {
        padding-top: 5px;
        float: right;
        color: white;
        height: 23px;
    }

    .home-page-top-blocks h2 {
        display: none;
    }

    .home-page-top-blocks > div {
        float: right;
	/* padding-right: 70px;
	font-size: 70%; */
        font-size: 0px;
    }

    .home-page-top-blocks p {
        margin: 0;
    }

    .home-page-top-blocks ul {
        margin: 0;
        padding: 0;
    }

    .home-page-top-blocks li {
        margin: 0;
        padding: 0 10px;
        float: left;
        list-style-type: none;
        list-style-image: none;
    }

    .home-page-primary-menu-bar-wrapper {
        clear: both;
	/* margin-left: 103px; */
	/* padding-left: 12px; */
	/* border-top: 1px solid #ae8374;
	border-bottom: 1px solid #e1d6d3; */
	/* background: transparent url(/sites/nia2match.com/themes/nia2match-theme/images/menu-left-edge.png) no-repeat 0 0; */
	/* margin-bottom: 15px; */
    }

    .home-page-primary-menu-bar {
	/* padding-right: 12px; */
	/* background: transparent url(/sites/nia2match.com/themes/nia2match-theme/images/menu-right-edge.png) no-repeat 100% 0; */
        border: none;
    }

    .home-page-primary-menu-bar-inside {
        background-color: #d0d0d0;
        height: 62px;
        border: none;
    }

    .home-page-primary-menu-bar-inside > div {
	/* float: right; */
    }

    .home-page-primary-menu-bar-inside a {
        color: black;
        text-decoration: none;
    }

    .home-page-logo {
	/* padding-left: 30px; */
        float: right;
    }

    .home-page-primary-menu {
	/* width: 827px; */
    }

    .home-page-primary-menu .block-menu {
	/* float: right; */
        padding-top: 20px;
    }

    .home-page-primary-menu h2 {
        display: none;
    }

    .home-page-primary-menu ul {
	/* margin: 20px 0 0 5px; */
        padding: 0;
        display: none;
    }

    ul.menu li {
        margin: 0;
    }

    .home-page-primary-menu li {
        margin: 0;
        padding: 0 20px;
        float: left;
        list-style-type: none;
        list-style-image: none;
        font-size: 130%;
        border-right: 2px solid #b40802;
    }

    .home-page-primary-menu li.last {
        border-right: none;
    }

    .home-page-login-item {
    }

    .home-page-register-area > div {
        position: absolute;
    }

    .home-page-register-block {
        padding: 70px 0 0 682px;
    }

    .home-page-register-block-top {
        padding-left: 70px;
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/background-register-area-top.png) no-repeat 70px 0;
        width: 372px;
        height: 7px;
    }

    .home-page-register-block-body {
        padding: 0 0 10px 70px;
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/background-register-area-body.png) repeat-y 70px 0;
        width: 372px;
    }

    .home-page-register-title {
        font: 140% "Century Gothic", Times , serif;
        padding: 5px 0;
        color: #731d00;
        text-align: center;
    }

    .home-page-register-block-body form {
        margin: 0;
    }

    .home-page-register-block-body form fieldset {
        border: none;
        margin: 0;
        padding: 0;
    }

    .home-page-register-block-body form fieldset legend,
.home-page-register-block-body form label,
.home-page-register-block-body form .description,
.home-page-register-block-body form .mail-confirm,
.home-page-register-block-body form .password-strength,
.home-page-register-block-body form .password-confirm {
        display: none;
    }

    .home-page-register-block-body form input[type="text"],
.home-page-register-block-body form input[type="password"] {
        margin: 10px auto 12px auto;
        display: block;
        padding: 1px 0 0 6px;
        border-top: 3px solid #a5a6a8;
        border-left: 1px solid #c7c9ca;
/*	border-bottom: 1px solid #d4d4d4;   */   /* this line of code seems to disturb Safari browser - strange curves are then shown in register area   */
        border-left: 1px solid #c8cacc;
        border-radius: 7px;
        width: 285px;
        height: 40px;
        color: #797979;
        font-size: 120%;
        background-color: #d3d5d7;
        background: -webkit-linear-gradient(top, #d3d5d7, #dcdee0);
        background: -moz-linear-gradient(top, #d3d5d7, #dcdee0);
        background: -ms-linear-gradient(top, #d3d5d7, #dcdee0);
        background: -o-linear-gradient(top, #d3d5d7, #dcdee0);
        background: linear-gradient(to bottom, #d3d5d7, #dcdee0);
    }

    #edit-terms-of-use-wrapper  /* text terms & conditions  */ {
        font-size: 55%;
        line-height: 110%;
        margin: 0 35px 20px;
        height: 10px;
    }

    #edit-terms-of-use-wrapper input {
        display: block;
        float: left;
        margin-right: 8px;
    }

    #edit-terms-of-use-wrapper label {
        display: block;
        float: left;
        padding-left: 0;
	/*width: 245px;*/
    }

    #edit-terms-of-use-wrapper .form-required {
        display: none;
    }

    .home-page-register-block-bottom {
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/background-register-area-bottom.png) no-repeat 0 100%;
        width: 488px;
        height: 65px;
    }

    .home-page-register-block input[type="submit"] {
        display: block;
        outline: 0 none;
        margin: 16px auto 4px;
        padding: 5px 8px 5px 8px;
        border: 1px solid #546333;
        border-top-color: #738c3d;
        border-radius: 7px;
        background-color: #168db9;
        color: white;
        box-shadow: 0px 8px 3px -6px rgba(0,0,0,0.5);
        font-size: 270%;
        width: 240px;
        height: 70px;
        cursor: pointer;
        background: -webkit-linear-gradient(left, #117d9f, #168db9 45%, #168db9 55%, #2c7890);
        background: -moz-linear-gradient(left, #117d9f, #168db9 45%, #168db9 55%, #2c7890);
        background: -ms-linear-gradient(left, #117d9f, #168db9 45%, #168db9 55%, #2c7890);
        background: -o-linear-gradient(left, #117d9f, #168db9 45%, #168db9 55%, #2c7890);
        background: linear-gradient(to right, #117d9f, #168db9 45%, #168db9 55%, #2c7890);
        text-decoration: none;
    }

    .home-page-register-block input[type="submit"][disabled] {
        background: -webkit-linear-gradient(left, #616161, #6e6e6e 45%, #6e6e6e 55%, #646464);
        background: -moz-linear-gradient(left, #616161, #6e6e6e 45%, #6e6e6e 55%, #646464);
        background: -ms-linear-gradient(left, #616161, #6e6e6e 45%, #6e6e6e 55%, #646464);
        background: -o-linear-gradient(left, #616161, #6e6e6e 45%, #6e6e6e 55%, #646464);
        background: linear-gradient(to right, #616161, #6e6e6e 45%, #6e6e6e 55%, #646464);
    }

    input::-moz-focus-inner {
        border: 0;
    }

    .home-page-title {
        padding: 530px 0 0 630px;
        color: #731d00;
        font: 290%/110% "Trebuchet MS", "Century Gothic", Times, serif;
        text-shadow: 3px 2px 2px #aaaaaa;
    }

    .home-page-main-area {
        padding: 0;
	/* margin: 50px 170px; */
        color: black;
    }

    .other-pages-gray-box {
	/* padding: 10px; */
	/* background-color: #e8e8e8; */
	/* border-radius: 5px; */
	/* border-top: 1px solid #AE8374; */
	/* border-right: 2px solid #E1D6D3; */
	/* border-bottom: 2px solid #E1D6D3; */
	/* min-height: 400px; */
	/* width: 100vw;   1024px; */
	/* box-shadow: 0 17px 30px -12px #000000; */
    }
/*
.other-pages-gray-box {
	position: relative;
	-webkit-box-shadow: 0px 17px 30px -12px hsla(0, 0%, 0%, 1);  
	-moz-box-shadow: 0px 17px 30px -12px hsla(0, 0%, 0%, 1); 
	-o-box-shadow: 0px 17px 30px -12px hsla(0, 0%, 0%, 1); 
	-ms-box-shadow: 0px 17px 30px -12px hsla(0, 0%, 0%, 1); 
	box-shadow: 0px 17px 30px -12px hsla(0, 0%, 0%, 1);  
}
.other-pages-gray-box:before, .other-pages-gray-box:after
{
	position: absolute;
	content: "";
	width: 15%;
	bottom: 20px;
	-webkit-box-shadow: 0 0 48px 30px hsla(0, 0%, 0%, .3);
	-moz-box-shadow: 0 0 48px 30px hsla(0, 0%, 0%, .3);
	-o-box-shadow: 0 0 48px 30px hsla(0, 0%, 0%, .3);
	-ms-box-shadow: 0 0 48px 30px hsla(0, 0%, 0%, .3);
	box-shadow: 0 0 48px 30px hsla(0, 0%, 0%, .3);
	z-index: -10;
}
.shadow-arch-edges:before {
  left: 110px;
  transform: skewY(-122.5deg);
}

.shadow-arch-edges:after{
  right: 110px;
  transform: skewY(122.5deg);
}
*/

    .home-page-register-error {
        display: none;
        padding: 150px 0 0 440px;
    }

    .home-page-register-error-inside {
        padding: 0 10px;
        border: 2px solid #168db9;
        border-radius: 7px;
        background-color: #ffdbd1;
        color: #7f1d02;
        width: 300px;
        font-size: 70%;
    }

    div.error {
        padding: 5px 10px;
    }

    .home-page-register-error-inside h3 {
        text-align: center;
        font-size: 100%;
    }

    #login_popup_block {
        display: none;
 /* hide by default */
        position: absolute;
        width: 300px;
        height: 300px;
        border: 1px solid black;
        border-radius: 5px;
        padding-left: 10px;
        background-color: white;
        box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.3);
        z-index: 3;
        margin-left: 15px;
        margin-top: 100px;
    }

    #login_popup_block #login_close_button {
        padding: 5px;
        width: 32px;
        height: 32px;
        float: right;
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/close-cross-32x32.png) no-repeat 5px 5px;
    }

    #login_popup_block h2 {
        color: #444444;
        margin: 0;
        padding: 10px 0 0 0;
        font-weight: bold;
    }

    #block-nia2match-user_login {
        display: none;
 /* hide until the JS shows it to avoid flashing */
    }

    #login_popup_block #user-login-form {
        text-align: left;
    }

    #login_popup_block #user-login-form .form-item label {
        margin-bottom: 5px;
    }

    #login_popup_block #user-login-form .form-item label .form-required {
        display: none;
    }

    #login_popup_block #user-login-form .form-item input {
        border: 1px solid #cccccc;
        border-radius: 3px;
        font-size: 16px;
        padding: 5px;
        width: 90%;
    }

    #login_popup_block #user-login-form input.form-submit {
        width: 90%;
        display: inline-block;
        margin: 0px 10px;
        padding: 8px 8px 5px 8px;
        border: 1px solid #546333;
        border-top-color: #738c3d;
        border-radius: 7px;
        background-color: #819e43;
        color: white;
        box-shadow: 0px 8px 3px -6px rgba(0,0,0,0.5);
        font-size: 24px;
        font-weight: bold;
        line-height: 30px;
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cded8c), to(#789146));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* IE 10 */
        background: -ms-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* CSS */
        background: linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
        text-decoration: none;
        margin-top: 20px;
    }

    #login_popup_block #user-login-form input.form-submit:hover {
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df6864), to(#7b1d1a));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #adcd6c, #6d8b2e 12%, #617e23 19%, #617e23 50%, #617e23 85%, #58741e 88%, #587126);
	/* IE 10 */
        background: -ms-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* CSS */
        background: linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
        color: white;
    }

    #login_popup_block #user-login-form .item-list .first {
        display: none;
    }

    #login_popup_block #user-login-form .item-list .last {
        margin-top: 10px;
        margin-right: 20px;
        list-style-type: none;
        list-style-image: none;
        text-align: right;
    }

    #login_popup_block #user-login-form .item-list .last a {
        color: #4466ff;
        font-size: 10px;
        text-decoration: none;
    }

    #login_popup_block #user-login-form .item-list .last a:hover {
        color: #cc4400;
    }

    #forum table th:nth-child(3),
#forum table th:nth-child(4),
#forum table th:nth-child(5) {
        display: none;
    }

    #forum table td:nth-child(3), 
#forum table td:nth-child(4),
#forum table td:nth-child(5) {
        display: none;
    }

    #forum table {
        border-spacing: 0;
        border-collapse: collapse;
        width: 100%;
        font-size: 12px;
    }

    #forum table th {
	/* background: url(/sites/nia2match.com/themes/nia2match-theme/images/forum-title-gradient.png) repeat-x 0 0; */
        height: 25px;
        padding: 0 10px;
        text-align: center;
        border: 1px solid black;
        background-color: #818ee0;
    }

    #forum table th a {
        font-weight: normal;
	/*font-size: 11px;*/
        color: white;
    }

    #forum table th img {
        padding-left: 5px;
    }

    #forum table td {
        padding: 2px 5px;
        border: 1px solid #888888;
    }

    #forum table tr.even td {
        background-color: #e8e8f8;
    }

    #block-block-12 .content {
        font-size: 150%;
    }

    h1.forum-name {
        font-size: 150%;
        font-weight: bold;
        padding-bottom: 20px;
    }

    h1.forum-name a {
        color: black;
    }

    div.forum-node {
        padding-bottom: 20px;
        font-size: 14px;
    }

    div.forum-node h3 {
        padding: 10px 10px;
        font-size: 20px;
        font-style: italic;
        font-weight: bold;
    }

    .forum-post-new {
        float: right;
    }

    div.forum-node table th:nth-child(1) {
        display: none;
    }

    div.forum-node table td:nth-child(1) {
        display: none;
    }

    div.forum-node table {
        border-spacing: 0;
        border-collapse: collapse;
        width: 100%;
    }

    div.forum-node table th {
	/* background: url(/sites/nia2match.com/themes/nia2match-theme/images/forum-title-gradient.png) repeat-x 0 0; */
        background-color: #818ee0;
        height: 25px;
        padding: 0 5px;
        border: 1px solid black;
        color: white;
        font-size: 12px;
        display: none;
    }

    div.forum-node table td {
        padding: 2px 5px;
        border: 1px solid black;
    }

    div.forum-node table th.author,
div.forum-node table td.author {
        width: 120px;
    }

    div.forum-node th div.comment-count {
        float: right;
        font-weight: normal;
    }

    div.forum-node div.meta {
        font-size: 90%;
    }

    div.forum-node td.forum-links {
        background: #f0f0ff;
        padding: 10px 0;
    }

    div.forum-node td.forum-links ul.links {
        border: none;
        margin: 0;
        padding: 0;
    }

    div.forum-comment div.comment {
        border: none;
        margin: 0 0 5px 0;
    }

    div.forum-comment table {
        border-spacing: 0;
        border-collapse: collapse;
        width: 100%;
    }

    div.forum-comment table th {
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/forum-title-gradient.png) repeat-x 0 0;
        height: 25px;
        padding: 0 5px;
        border: 1px solid black;
        color: white;
        vertical-align: middle;
    }

    div.forum-comment table th span.new {
        padding-top: 0;
        font-size: 90%;
        color: #ff0000;
        text-shadow: #ffffff 0px 0px 5px;
    }

    div.forum-comment table td {
        padding: 2px 5px;
        border: 1px solid black;
    }

    div.forum-comment table th.author,
div.forum-comment table td.author {
        width: 120px;
    }

    div.forum-comment table td {
        vertical-align: top;
    }

    div.forum-comment div.meta {
        font-size: 90%;
    }

    div.forum-comment td.forum-links {
        background: #f0f0ff;
        padding-top: 14px;
        height: 28px;
    }

    div.forum-comment td.forum-links div.buttons {
        float: right;
    }

    div.forum-comment .comment td.forum-links ul.links {
        border: none;
        background: transparent;
    }

    #comments .box {
        padding-top: 20px;
    }

    #comments .box h2 {
        font-size: 150%;
    }

    #comments .box #edit-comment-wrapper label,
div.forum #comments fieldset {
        display: none;
    }

    #block-menu-secondary-links {
        text-align: center;
    }

    #block-menu-secondary-links h2 {
        display: none;
    }

    #block-menu-secondary-links ul {
        margin: 0 auto;
        display: inline;
        text-align: left;
        list-style-type: none;
        list-style-image: none;
    }

    #block-menu-secondary-links li {
        list-style-type: none;
        list-style-image: none;
        display: inline;
    }

    #block-menu-secondary-links li a {
        font-size: 10pt;
        color: #007C92;
        text-decoration: none;
    }

    #block-menu-secondary-links li a:hover {
        color: #B28C4D;
    }

    .view-build-support .view-content {
        background-color: white;
    }

/** code to support one line entries in registration pages **/
    html.js .node-phase form#node-form fieldset .form-checkboxes .form-item {
        clear: none;
    }

    .node-phase .field-box-field_languages .form-checkboxes .form-item {
        float: left;
        clear: none;
        margin-right: 20px;
    }

    .node-phase .field-box-field_languages .form-checkboxes .form-item label {
        white-space: nowrap;
    }

    .node-phase .field-box-field_clothes_uiterlijk .form-checkboxes .form-item {
        float: left;
        clear: none;
        margin-right: 20px;
    }

    .node-phase .field-box-field_clothes_uiterlijk .form-checkboxes .form-item label {
        white-space: nowrap;
    }

    .node-phase .node-form .form-item {
        clear: left;
        float: left;
    }

    .node-phase .node-form .form-item .form-radios .form-item {
        clear: none;
    }

    .node-phase .node-form .form-item label {
        display: inline-block;
        width: 90vw;
	font-size: 12px;
	/* padding-top: 7px; */
	/* padding-right: 5px; */
	/* float: left; */
    }

    .node-phase .node-form .form-item label.option {
        display: inline;
        margin-right: 10px;
        font-size: 90%;
        padding-top: 0;
        width: auto;
    }

    .node-phase .node-form .form-item div.form-radios,
.node-phase .node-form .form-item div.form-checkboxes {
	/* width: 487px; */
        margin-top: 0;
	/* float: left; */
    }

    .node-phase .node-form textarea {
	/* width: 487px; */
        width: 90vw;
    }

    .node-phase .node-form .form-item#edit-language-wrapper {
        display: none;
    }

    .node-phase form.error .node-form .no-error {
        display: none;
    }

    .nia2match-button-red,
div.forum-node td.forum-links ul.links a,
#node-form a.form-button-cancel {
        display: inline-block;
        margin: 0px 10px;
        padding: 8px 8px 5px 8px;
        border: 1px solid #78312f;
        border-top-color: #d3aaa9;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background-color: #bb403d;
        color: white;
        box-shadow: 0px 8px 3px -6px rgba(0,0,0,0.5);
        font-size: 15px;
        line-height: 17px;
        cursor: pointer;
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8884), to(#9b3d3a));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #ff8884, #ef5754 12%, #d84441 19%, #c23d3a 50%, #b13835 85%, #aa3936 88%, #9b3d3a);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #ff8884, #ef5754 12%, #d84441 19%, #c23d3a 50%, #b13835 85%, #aa3936 88%, #9b3d3a);
	/* IE 10 */
        background: -ms-linear-gradient(top, #ff8884, #ef5754 12%, #d84441 19%, #c23d3a 50%, #b13835 85%, #aa3936 88%, #9b3d3a);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #ff8884, #ef5754 12%, #d84441 19%, #c23d3a 50%, #b13835 85%, #aa3936 88%, #9b3d3a);
	/* CSS */
        background: linear-gradient(top, #ff8884, #ef5754 12%, #d84441 19%, #c23d3a 50%, #b13835 85%, #aa3936 88%, #9b3d3a);
        text-decoration: none;
    }

    a.nia2match-button-red:hover,
input.nia2match-button-red:hover,
div.forum-node td.forum-links ul.links a:hover,
#node-form a.form-button-cancel:hover {
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df6864), to(#7b1d1a));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* IE 10 */
        background: -ms-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* CSS */
        background: linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
        color: white;
    }


#edit-panes-coupon-code {
    width: 130px;
    height: 35px;
    margin-left: 8px;
    background-color: bisque;
    margin-bottom: 10px;
}


    .blog-nodes ul.links li a,
.node-phase .node-form .form-submit,
.node-form input.form-button.form-btn.form-button-cancel,
#uc-cart-checkout-form input[type="submit"][id="edit-panes-coupon-apply"],
div#comments input.form-submit,
.nia2match-button-blue {
        display: inline-block;
        margin: 5px;
        /* padding: 8px 8px 5px 8px; */
	/* border: 1px solid #35659f; */
	/* border-top-color: #b9cadf; */
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        height: 35px;
	/* border-radius: 5px; */
        background-color: #3d76bb;
        color: white;
	/* box-shadow: 0px 8px 3px -6px rgba(0,0,0,0.5); */
        font-size: 14px;
	/* line-height: 17px; */
        cursor: pointer;
        width: 30vw;
	border: 0;
        text-decoration: none;
        /* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#34639b), to(#34639b));
        /* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #34639b, #34639b 12%, #34639b 19%, #34639b 50%, #34639b 85%, #34639b 88%, #34639b);
    }


    .blog-nodes ul.links li a:hover,
a.nia2match-button-blue:hover,
.node-phase .node-form .form-submit:hover,
.node-form input.form-button.form-btn.form-button-cancel:hover,
input.nia2match-button-blue:hover {
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93aecf), to(#14437b));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #93aecf, #4081be 12%, #2061ae 19%, #1d569b 50%, #184986 85%, #164780 88%, #14437b);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #93aecf, #4081be 12%, #2061ae 19%, #1d569b 50%, #184986 85%, #164780 88%, #14437b);
	/* IE 10 */
        background: -ms-linear-gradient(top, #93aecf, #4081be 12%, #2061ae 19%, #1d569b 50%, #184986 85%, #164780 88%, #14437b);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #93aecf, #4081be 12%, #2061ae 19%, #1d569b 50%, #184986 85%, #164780 88%, #14437b);
	/* CSS */
        background: linear-gradient(top, #93aecf, #4081be 12%, #2061ae 19%, #1d569b 50%, #184986 85%, #164780 88%, #14437b);
        color: white;
    }

    .nia2match-button-green {
        display: inline-block;
        margin: 0px 10px;
        padding: 8px 8px 5px 8px;
        border: 1px solid #546333;
        border-top-color: #738c3d;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background-color: #819e43;
        color: white;
        box-shadow: 0px 8px 3px -6px rgba(0,0,0,0.5);
        font-size: 15px;
        line-height: 17px;
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cded8c), to(#789146));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* IE 10 */
        background: -ms-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* CSS */
        background: linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
        text-decoration: none;
    }

    a.nia2match-button-green:hover,
input.nia2match-button-green:hover {
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df6864), to(#7b1d1a));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #adcd6c, #6d8b2e 12%, #617e23 19%, #617e23 50%, #617e23 85%, #58741e 88%, #587126);
	/* IE 10 */
        background: -ms-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* CSS */
        background: linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
        color: white;
    }

    a.nia2match-button-disabled {
        background: -webkit-linear-gradient(top, #a1a1a1, #777777 12%, #636363 19%, #595959 50%, #525252 85%, #515151 88%, #515151);
        background: -moz-linear-gradient(top, #a1a1a1, #777777 12%, #636363 19%, #595959 50%, #525252 85%, #515151 88%, #515151);
        background: -ms-linear-gradient(top, #a1a1a1, #777777 12%, #636363 19%, #595959 50%, #525252 85%, #515151 88%, #515151);
        background: -o-linear-gradient(top, #a1a1a1, #777777 12%, #636363 19%, #595959 50%, #525252 85%, #515151 88%, #515151);
        background: linear-gradient(top, #a1a1a1, #777777 12%, #636363 19%, #595959 50%, #525252 85%, #515151 88%, #515151);
        border: 1px solid #404040;
        border-top-color: #b3b3b3;
        border-bottom-color: black;
        color: #e0e0e0;
    }

    .blog-nodes .node-odd,
.blog-nodes .node-even {
        border: 1px solid #d0d0d0;
        margin-bottom: 20px;
        padding: 10px;
    }

    .blog-nodes ul.links li a {
        margin-top: 10px;
    }

    .node .meta {
	/* margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e0e0e0; */
    }

    .node .submitted {
        font-style: italic;
        font-size: 11px;
        display: none;
    }

    .node ul.links {
        display: block;
        margin-top: 20px;
        padding-top: 10px;
        border-top: 1px solid #e0e0e0;
    }

    #checkout-form-bottom {
	/* border: solid 2px #a9a9a9; */
        height: 50px;
    }

    .breadcrumb {
        font-size: 80%;
    }

    .questions-to-admin table,
.verification-user-list table {
        border-top: 1px solid black;
        border-left: 1px solid black;
        border-spacing: 0;
    }

    .questions-to-admin table th,
.verification-user-list table th {
        background-color: #cccccc;
    }

    .questions-to-admin table th,
.questions-to-admin table td,
.verification-user-list table th,
.verification-user-list table td {
        padding: 5px;
        border-bottom: 1px solid black;
        border-right: 1px solid black;
    }

    .questions-to-admin table tr.even,
.verification-user-list table tr.even {
        background-color: #eeddee;
    }

    .footer {
        text-align: center;
        display: none;
    }

    .footer #footer-block {
        padding-bottom: 12px;
    }

    .footer #copyright {
        clear: both;
        padding-bottom: 20px;
        color: #917246;
        font-size: 10px;
    }

    .footer #copyright {
        clear: both;
        padding-bottom: 20px;
        color: #A19276;
        font-size: 10px;
    }

    .footer #host {
        font-size: 9px;
    }

    .footer #host a {
        color: #A19276;
        text-decoration: none;
    }


/* lightbox2 does not include a close box anymore... */
    #lightbox.contact-popup {
        text-align: left;
    }

    #lightbox.mo-feedback #imageDataContainer #imageData #bottomNav,
#lightbox.contact-popup #imageDataContainer #imageData #bottomNav,
#lightbox.nia2match-help #imageDataContainer #imageData #bottomNav,
#lightbox.parentframe #imageDataContainer #imageData #bottomNav {
        margin-bottom: 0;
        height: 0px;
    }

    #lightbox.mo-feedback #imageDataContainer #imageData #bottomNav #bottomNavClose,
#lightbox.contact-popup #imageDataContainer #imageData #bottomNav #bottomNavClose,
#lightbox.nia2match-help #imageDataContainer #imageData #bottomNav #bottomNavClose,
#lightbox.parentframe #imageDataContainer #imageData #bottomNav #bottomNavClose {
        margin-top: 0;
    }

    #lightbox.mo-feedback #imageDataContainer,
#lightbox.mo-feedback #bottomNavClose,
#lightbox.contact-popup #imageDataContainer,
#lightbox.contact-popup #bottomNavClose,
#lightbox.nia2match-help #imageDataContainer,
#lightbox.nia2match-help #bottomNavClose,
#lightbox.parentframe #bottomNavClose {
        display: none;
    }

    #lightbox.contact-popup #modalContainer form {
        border: 1px outset #cccccc;
        padding: 10px 10px;
        overflow: auto;
    }

    #contact-mail-page .form-text {
        width: 300px;
    }

    #contact-mail-page .form-textarea {
        width: 350px;
    }

    .meeting-warning {
        color: red;
        font-weight: bold;
        border: 1px solid red;
        background-color: #fff0f0;
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 10px;
    }

    .meeting-list {
        width: 95%;
        border-top: 1px solid black;
        border-left: 1px solid black;
        border-spacing: 0;
    }

    .meeting-list th {
        text-align: center;
        background-color: #d0d0d0;
    }

    .meeting-list th,
.meeting-list td {
        width: 32%;
        padding: 5px;
        border-bottom: 1px solid black;
        border-right: 1px solid black;
    }

    .meeting-list tr.odd {
        background-color: #f0ffff;
    }

    .meeting-list span.meeting-yes {
        color: red;
        font-weight: bold;
    }
}

/* ---------------------------------- responsive for till 329 -------------------  */




@media only screen
and (min-device-width : 30.0625em) {
/* Styles 481px */


/* single checkout page */
img.checkout_image {
    width: 210px;
    height: 154px;
    text-align: center;
}
img.checkout_image_life {
width: 308px; height: 222px;
    text-align: center;
}
img.checkout_image_month {
width: 209px; height: 153px;
    text-align: center;
}


    #website {
        word-break: break-word;
        margin-left: 10px;
        width: 900px;
    }

    #referral-button-wrapper {
        margin: 15px 0px 15px 300px;
        display: -webkit-box;
    }

    #referral-button-left {
        float: left;
        margin-right: 35px;
    }

    #referral-button-center {
        display: inline-block;
    }

    #referral-button-right {
        margin-left: 40px;
    }




/* ------  layout welcome pagina  */

    .mb-wrap-welcome {
        width: 310px;
  /* 300px; */
        margin: 20px auto;
        padding: 10px;
        position: relative;
    }

    .mb-wrap-welcome p {
        margin: 0;
        padding: 0;
    }

    .mb-wrap-welcome blockquote {
        margin: 0;
        padding: 0;
        position: relative;
    }

    .mb-style-3-welcome {
        width: 310px;
  /* 500px; */
    }

    .mb-style-3-welcome blockquote {
        background: #fff;
        padding: 30px;
        border-radius: 5px;
        box-shadow: inset 0 2px 0 rgba(188, 147, 200, 0.7),
                -5px -4px 25px rgba(0, 0, 0, 0.3);
    }

    .mb-style-3-welcome blockquote p {
        font-family: 'Alegreya', serif;
        font-size: 16px;
        color: #b4b4b4;
        font-weight: 200;
        line-height: 20px;
        /*font-style: italic;
        /* text-indent: 100px; */
        position: relative;
    }

/* -------------------  */


/* ------  layout partner pagina  */

    .mb-wrap-partner {
        width: 100%;
  /* 300px; */
        margin: 20px auto;
        padding: 10px;
        position: relative;
    }

    .mb-wrap-partner p {
        margin: 0;
        padding: 0;
    }

    .mb-wrap-partner blockquote {
        margin: 0;
        padding: 0;
        position: relative;
    }

    .mb-style-3-partner {
        width: auto;
  /* 500px; */
    }

    .mb-style-3-partner blockquote {
        background: #fff;
        padding: 30px;
        height: 250px;
        border-radius: 5px;
        box-shadow: inset 0 2px 0 rgba(188, 147, 200, 0.7), 
		-5px -4px 25px rgba(0, 0, 0, 0.3);
    }

    .mb-style-3-partner blockquote p {
        font-family: 'Alegreya', serif;
        font-size: 14px;
        color: #b4b4b4;
        font-weight: 200;
        line-height: 20px;
	/*font-style: italic;
	/* text-indent: 100px; */
        position: relative;
    } 




/* -------------------  */


/* ----  quotes layout ---- */

    .mb-wrap {
        width: 300px;
        margin: 20px auto;
        padding: 20px;
        position: relative;
    }

    .mb-wrap p {
        margin: 0;
        padding: 0;
    }

    .mb-wrap blockquote {
        margin: 0;
        padding: 0;
        position: relative;
    }

    .mb-style-3 {
        width: auto;
  /* 500px; */
    }

    .mb-style-3 blockquote {
        background: #fff;
        padding: 30px;
        border-radius: 5px;
        box-shadow: inset 0 2px 0 rgba(188, 147, 200, 0.7), 
		-5px -4px 25px rgba(0, 0, 0, 0.3);
    }

    .mb-style-3 blockquote:after, 
.mb-style-3 blockquote:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .mb-style-3 blockquote:after {
        border-top-color: #ffffff;
        border-width: 10px;
        left: 65%;
        margin-left: -10px;
    }

    .mb-style-3 blockquote:before {
        border-top-color: rgba(0,0,0,0.01);
        border-width: 11px;
        left: 65%;
        margin-left: -11px;
    }

    .mb-style-3 blockquote p {
        font-family: 'Alegreya', serif;
        font-size: 24px;
        color: #b4b4b4;
        font-weight: 400;
        line-height: 40px;
        font-style: italic;
        text-indent: 100px;
        position: relative;
    }

    .mb-style-3 blockquote p:before {
        content: '\201C';
        font-family: serif;
        font-style: normal;
        font-weight: 700;
        position: absolute;
        font-size: 175px;
        top: 0px;
        left: -105px;
        color: #aa1f22;
        text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
    }

    .mb-style-3 .mb-attribution {
        text-align: right;
        padding: 20px 330px 20px 20px;
        position: relative;
    }

    .mb-style-3 .mb-author {
        font-family: 'Alegreya SC', serif;
        font-weight: 700;
        font-size: 18px;
        color: #aa1f22;
        text-shadow: 0 1px 1px rgba(255,255,255,0.7);
    }




/* ---- quotes layout --- */




    img.forum-responsive-shrink {
        width: 521px;
        float: left;
        height: auto;
        margin: 0px 7px;
    }

    img.blog-responsive-shrink {
        width: 200px;
        float: left;
        height: auto;
        margin: 0px 7px;
    }

    img.partners_img_responsive {
        width: 250px;
        float: left;
        height: 250px;
        margin-left: 15px;
        margin-right: 15px;
    }


/* --------------------- flow image on top of register page --- */

    .container {
        width: 990px;
        margin: 0 auto;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 110%;
    }

    .steps {
	/* background: #aaa;  */
        padding: 1px 0;
        overflow: hidden;
   /* Met de waarde hidden wordt de inhoud weergegeven tot de afmetingen van het element bereikt zijn, maar er worden geen schuifbalken geplaatst. */
    }

    .steps ul, .steps li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .steps ul {
        float: left;
    }

    .steps li {
        float: left;
        width: 270px;
    }

    .steps li a {
        display: block;
        padding: 15px 20px;
        background: #d0d0d0;
        color: #fff;
        line-height: 1.5em;
        text-decoration: none;
    }

    .steps li a strong {
        font-size: 2em;
    }

    .steps li a[class='selected'] {
        background: #666;
    }

    .steps li.step, .steps li.step a {
        position: relative;
        z-index: 4;
                    /*  step 1  */
    }

    .steps li.step-2, .steps li.step-2 a {
        z-index: 3;
    }

    .steps li.step-3, .steps li.step-3 a {
        z-index: 2;
    }

    .steps li.step-4, .steps li.step-4 a {
        z-index: 1;
    }

    .steps li.step-1 a, .steps li.step-2 a, .steps li.step-3 a, .steps li.step-4 a {
        background: transparent url(/system/files/images/step.png) center right no-repeat;
        padding-right: 25px;
    }

    .steps li.step-2, .steps li.step-3, .steps li.step-4 {
        margin-left: -30px;
    }

    .steps li.step-2 a {
        padding-left: 45px;
    }

    .steps li.step-3 a {
        padding-left: 45px;
    }

    .steps li.step-4 a {
        padding-left: 45px;
        padding-right: 10px;
        background-position: center left;
    }

    .steps li.step a[class='selected'] {
        background: transparent url(/system/files/images/step_over.png) center right no-repeat;
    }

    .steps li.step-4 a[class='selected'] {
        background-position: center left;
    }

/* ----------------- flow image on top page --------------------------  */




    #myDropdown {
        display: none;
    }

    .dropdown {
        display: none;
    }

/* to align the payment methods horizontally   */

    #cart-pane {
        height: 95px;
        padding: 14px;
    }  

/* #coupon-pane {
 float:left;
} */


#payment-pane {
      height: 275px; }

    #checkout-form-bottom {
        position: relative;
        /* left: 830px; */
        top:  -458px;
    }

/* #payment-pane {
clear:both;
} */


    #payment-pane .form-item {
        display: inline;
        margin-right: 20px;
    /* 20px */
        margin-left: 20px;
     /* 20px */
    }

    #coupon-pane {
        width: 70%;
    }

    #coupon-pane .form-item {
        display: inline;
        margin-right: 27px;
    /* 20px */
        margin-left: 27px;
     /* 20px */
    }


/*#checkout-form-bottom
input[type="submit"][name="op"][class="form-submit ucSubmitOrderThrobberNoReview-processed"] { 
    position: absolute;
    left:  955px;
    top: 278px;
} */


    #checkout-form-bottom
input[type="submit"][name="op"][id="edit-cancel"][class="form-submit"] {
        visibility: hidden;
    }

    #payment_details
input[type="text"][name="uc_default_payment_msg"][id="edit-uc-default-payment-msg"] {
        visibility: hidden;
    }

    button.go_to_myprofile {
        display: inline-block;
        text-align: center;
        width: 150px;
        padding: 10px 0px 5px 0px;
        border: none;
        border-top-color: #d3aaa9;
        background-color: #bb403d;
        color: white;
        cursor: pointer;
        font-size: 16px;
        text-decoration: none;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }

    #checkout-form-bottom
input[type="submit"][name="op"][class="form-submit ucSubmitOrderThrobberNoReview-processed"] {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
        background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
        background-color: #ffec64;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        border: 1px solid #ffaa22;
        display: inline-block;
        cursor: pointer;
        color: #333333;
        /* padding:43px 84px;  */
        padding: 35px;
        text-decoration: none;
        font-family: Arial;
        font-size: 25px;
        color: white;
        /* margin-left: -110px;
	margin-top: 294px; */
	height: 117px;
    }

    #checkout-form-bottom
input[type="submit"][name="op"][class="form-submit ucSubmitOrderThrobberNoReview-processed"]:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
        background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
        background-color: #ffab23;
    }

    #coupon-pane
input[type="submit"][id="edit-panes-coupon-apply"][class="form-submit"] {
  /*  visibility: hidden; */
    }



/* to align the ubercart payment methods with the logos  */
    fieldset img {
        vertical-align: middle;
        padding-bottom: 30px;
    }

    body {
	/* background-color: #d0d0d0;    	/* grey color background */
        font: 12pt/130% Verdana, Helvetica, Arial, sans-serif;
    }

    ul {
        margin-top: 5px;
        padding-left: 10px;
    }

    li {
        margin-left: 20px;
        margin-bottom: 5px;
    }

    table {
        border-collapse: separate;
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: bold;
    }

    h1 {
        font: 2em/100% Arial, sans-serif;
    }

    h2 {
        font: 2em/100% Arial, sans-serif;
        padding-bottom: 11px;
    }

    h3 {
        font: 1.6em/100% Arial, sans-serif;
        padding-bottom: 10px;
    }

    h4 {
        font: 1.4em/100% Arial, sans-serif;
        padding-bottom: 9px;
    }

    h5 {
        font: 1.2em/100% Arial, sans-serif;
        padding-bottom: 8px;
    }

    h6 {
        font: 1em/100% Arial, sans-serif;
        padding-bottom: 6px;
    }

    a {
        text-decoration: none;
        color: #0000ff;
        outline: 0 none;
    }

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

    .block-locale .active {
        display: none;
    }

    .screen {
        position: fixed;
        width: 100%;
        height: 100%;
	/* background-color: #6f2805;    	/* red color background */
    }

    .comment {
        margin: 10px 0;
        border: 1px solid #666666;
        background-color: #f8f8f8;
    }

    .comment h3 {
        padding: 10px;
        padding-bottom: 5px;
    }

    .comment .submitted {
        padding: 10px;
    }

    .comment .content {
        padding: 10px 10px;
    }

    .comment ul.links {
        padding: 3px 0;
        border-top: 1px solid #666666;
        background-color: #f0f0ff;
    }

    .comment-unpublished {
        background-color: #ffe0e0;
    }

    .comment .new {
        display: block;
        float: right;
        color: red;
        padding-right: 5px;
        padding-top: 5px;
        font-style: italic;
        font-size: 120%;
    }

    .home-page-body {
        position: relative;
        margin: 0 auto;
        width: 1280px;
    }

    .home-page-background {
        display: none;
        background-color: #6f2805;
 /* default to edge color */
        height: 530px;
        width: 100%;
        position: absolute;
        z-index: 1;
    }

    .home-page-red-background {
        background-color: #6f2805;
 /* default to edge color */
        height: 530px;
        width: 1280px;
        margin: 0 auto;
        background: -webkit-radial-gradient(center, ellipse cover, #c30000 0%, #c30000 5%, #6f2805 95%);
        background: -moz-radial-gradient(center, circle cover, #c30000 0%, #c30000 5%, #6f2805 95%);
        background: -ms-radial-gradient(center, circle cover, #c30000 0%, #c30000 5%, #6f2805 95%);
        background: -o-radial-gradient(center, circle cover, #c30000 0%, #c30000 5%, #6f2805 95%);
        background: radial-gradient(ellipse 50% 50%, #c30000 0%, #c30000 5%, #6f2805 95%);
    }

    .home-page-red-background .large-dot {
        background: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0.0) 70%);
        background: -moz-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0.0) 70%);
        background: -ms-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0.0) 70%);
        background: -o-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0.0) 70%);
        background: radial-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0.0) 70%);
        width: 40px;
        height: 40px;
    }

    .home-page-red-background .small-dot {
        background: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.005) 55%, rgba(255, 255, 255, 0.0) 70%);
        background: -moz-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.005) 55%, rgba(255, 255, 255, 0.0) 70%);
        background: -ms-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.005) 55%, rgba(255, 255, 255, 0.0) 70%);
        background: -o-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.005) 55%, rgba(255, 255, 255, 0.0) 70%);
        background: radial-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.005) 55%, rgba(255, 255, 255, 0.0) 70%);
        width: 40px;
        height: 40px;
    }

    .home-page-red-background .bright-dot {
        background: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.005) 55%, rgba(255, 255, 255, 0.0) 70%);
        background: -moz-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.005) 55%, rgba(255, 255, 255, 0.0) 70%);
        background: -ms-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.005) 55%, rgba(255, 255, 255, 0.0) 70%);
        background: -o-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.005) 55%, rgba(255, 255, 255, 0.0) 70%);
        background: radial-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.005) 55%, rgba(255, 255, 255, 0.0) 70%);
        width: 40px;
        height: 40px;
    }

    .home-page-red-background .dot1-pos {
        position: absolute;
        padding: 67px 0 0 65px;
    }

    .home-page-red-background .dot2-pos {
        position: absolute;
        padding: 8px 0 0 165px;
    }

    .home-page-red-background .dot3-pos {
        position: absolute;
        padding: 163px 0 0 50px;
    }

    .home-page-red-background .dot4-pos {
        position: absolute;
        padding: 215px 0 0 60px;
    }

    .home-page-red-background .dot5-pos {
        position: absolute;
        padding: 110px 0 0 220px;
    }

    .home-page-red-background .dot6-pos {
        position: absolute;
        padding: 145px 0 0 1155px;
    }

    .home-page-red-background .dot7-pos {
        position: absolute;
        padding: 82px 0 0 1235px;
    }

    .home-page-red-background .dot8-pos {
        position: absolute;
        padding: 474px 0 0 1093px;
    }

    .home-page-red-background .dot9-pos {
        position: absolute;
        padding: 490px 0 0 642px;
    }

    .home-page-red-background .dot10-pos {
        position: absolute;
        padding: 445px 0 0 581px;
    }

    .home-page-foreground-wrapper {
        position: absolute;
        z-index: 2;
        width: 100%;
        background-color: white;
    }

    .home-page-foreground {
        position: relative;
        width: 1280px;
        margin: 0 auto;
        padding: 0;
    }

    .home-page-foreground-gray-area {
        position: absolute;
        top: 530px;
        height: 5px;
        width: 100%;
	/*background: -webkit-linear-gradient(top, #797877 5%, #999999 100%);
	background: -moz-linear-gradient(top, #797877 5%, #999999 100%);
	background: -ms-linear-gradient(top, #797877 5%, #999999 100%);
	background: -o-linear-gradient(top, #797877 5%, #999999 100%);
	background: linear-gradient(to bottom, #797877 5%, #999999 100%);*/
        background: -webkit-linear-gradient(top, #797877, rgba(120, 120, 120, 0));
        background: -moz-linear-gradient(top, #797877, rgba(120, 120, 120, 0));
        background: -ms-linear-gradient(top, #797877, rgba(120, 120, 120, 0));
        background: -o-linear-gradient(top, #797877, rgba(120, 120, 120, 0));
        background: linear-gradient(to bottom, #797877, rgba(120, 120, 120, 0));
    }

    .home-page-top-blocks {
        padding-top: 10px;
        float: right;
        color: white;
        height: 23px;
    }

    .home-page-top-blocks h2 {
        display: none;
    }

    .home-page-top-blocks > div {
        float: left;
        padding-right: 70px;
        font-size: 70%;
    }

    .home-page-top-blocks p {
        margin: 0;
    }

    .home-page-top-blocks ul {
        margin: 0;
        padding: 0;
    }

    .home-page-top-blocks li {
        margin: 0;
        padding: 0 10px;
        float: left;
        list-style-type: none;
        list-style-image: none;
    }

    .home-page-primary-menu-bar-wrapper {
        clear: both;
        margin-left: 103px;
        padding-left: 12px;
	/* border-top: 1px solid #ae8374;
	border-bottom: 1px solid #e1d6d3; */
        background: transparent url(/sites/nia2match.com/themes/nia2match-theme/images/menu-left-edge.png) no-repeat 0 0;
    }

    .home-page-primary-menu-bar {
        padding-right: 12px;
        background: transparent url(/sites/nia2match.com/themes/nia2match-theme/images/menu-right-edge.png) no-repeat 100% 0;
        border: none;
    }

    .home-page-primary-menu-bar-inside {
        background-color: #e8e8e8;
        height: 62px;
        border: none;
    }

    .home-page-primary-menu-bar-inside > div {
        float: left;
    }

    .home-page-primary-menu-bar-inside a {
        color: black;
        text-decoration: none;
    }

    .home-page-logo {
        padding-left: 30px;
    }

    .home-page-primary-menu {
        width: 827px;
    }

    .home-page-primary-menu .block-menu {
        float: right;
    }

    .home-page-primary-menu h2 {
        display: none;
    }

    .home-page-primary-menu ul {
        margin: 20px 0 0 40px;
        padding: 0;
    }

    ul.menu li {
        margin: 0;
    }

    .home-page-primary-menu li {
        margin: 0;
        padding: 0 20px;
        float: left;
        list-style-type: none;
        list-style-image: none;
        font-size: 130%;
        border-right: 2px solid #b40802;
    }

    .home-page-primary-menu li.last {
        border-right: none;
    }

    .home-page-login-item {
    }

    .home-page-register-area > div {
        position: absolute;
    }

    .home-page-hand-n-quraan {
	/* the padding is to make it easier with the width and height */
        padding: 15px 0 0 125px;
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/hand-and-quraan.png) no-repeat 125px 15px;
              /* kun je hoogte mee bepalen */
        width: 555px;
        height: 665px;
    }

    .home-page-heart-n-shadow {
	/* the padding is to make it easier with the width and height */
        padding: 19px 0 0 125px;
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/heart-and-shadow.png) no-repeat 125px 19px;
        width: 555px;
        height: 665px;
    }

    .home-page-register-block {
        padding: 70px 0 0 682px;
    }

    .home-page-register-block-top {
        padding-left: 70px;
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/background-register-area-top.png) no-repeat 70px 0;
        width: 372px;
        height: 7px;
    }

    .home-page-register-block-body {
        padding: 0 0 10px 70px;
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/background-register-area-body.png) repeat-y 70px 0;
        width: 372px;
    }

    .home-page-register-title {
        font: 140% "Century Gothic", Times , serif;
        padding: 5px 0;
        color: #731d00;
        text-align: center;
    }

    .home-page-register-block-body form {
        margin: 0;
    }

    .home-page-register-block-body form fieldset {
        border: none;
        margin: 0;
        padding: 0;
    }

    .home-page-register-block-body form fieldset legend,
.home-page-register-block-body form label,
.home-page-register-block-body form .description,
.home-page-register-block-body form .mail-confirm,
.home-page-register-block-body form .password-strength,
.home-page-register-block-body form .password-confirm {
        display: none;
    }

    .home-page-register-block-body form input[type="text"],
.home-page-register-block-body form input[type="password"] {
        margin: 10px auto 12px auto;
        display: block;
        padding: 1px 0 0 6px;
        border-top: 3px solid #a5a6a8;
        border-left: 1px solid #c7c9ca;
/*	border-bottom: 1px solid #d4d4d4;   */   /* this line of code seems to disturb Safari browser - strange curves are then shown in register area   */
        border-left: 1px solid #c8cacc;
        border-radius: 7px;
        width: 285px;
        height: 40px;
        color: #797979;
        font-size: 120%;
        background-color: #d3d5d7;
        background: -webkit-linear-gradient(top, #d3d5d7, #dcdee0);
        background: -moz-linear-gradient(top, #d3d5d7, #dcdee0);
        background: -ms-linear-gradient(top, #d3d5d7, #dcdee0);
        background: -o-linear-gradient(top, #d3d5d7, #dcdee0);
        background: linear-gradient(to bottom, #d3d5d7, #dcdee0);
    }

    #edit-terms-of-use-wrapper  /* text terms & conditions  */ {
        font-size: 55%;
        line-height: 110%;
        margin: 0 35px 20px;
        height: 10px;
    }

    #edit-terms-of-use-wrapper input {
        display: block;
        float: left;
        margin-right: 8px;
    }

    #edit-terms-of-use-wrapper label {
        display: block;
        float: left;
        padding-left: 0;
	/*width: 245px;*/
    }

    #edit-terms-of-use-wrapper .form-required {
        display: none;
    }

    .home-page-register-block-bottom {
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/background-register-area-bottom.png) no-repeat 0 100%;
        width: 488px;
        height: 65px;
    }

    .home-page-register-block input[type="submit"] {
        display: block;
        outline: 0 none;
        margin: 16px auto 4px;
        padding: 5px 8px 5px 8px;
        border: 1px solid #546333;
        border-top-color: #738c3d;
        border-radius: 7px;
        background-color: #168db9;
        color: white;
        box-shadow: 0px 8px 3px -6px rgba(0,0,0,0.5);
        font-size: 270%;
        width: 240px;
        height: 70px;
        cursor: pointer;
        background: -webkit-linear-gradient(left, #117d9f, #168db9 45%, #168db9 55%, #2c7890);
        background: -moz-linear-gradient(left, #117d9f, #168db9 45%, #168db9 55%, #2c7890);
        background: -ms-linear-gradient(left, #117d9f, #168db9 45%, #168db9 55%, #2c7890);
        background: -o-linear-gradient(left, #117d9f, #168db9 45%, #168db9 55%, #2c7890);
        background: linear-gradient(to right, #117d9f, #168db9 45%, #168db9 55%, #2c7890);
        text-decoration: none;
    }

    .home-page-register-block input[type="submit"][disabled] {
        background: -webkit-linear-gradient(left, #616161, #6e6e6e 45%, #6e6e6e 55%, #646464);
        background: -moz-linear-gradient(left, #616161, #6e6e6e 45%, #6e6e6e 55%, #646464);
        background: -ms-linear-gradient(left, #616161, #6e6e6e 45%, #6e6e6e 55%, #646464);
        background: -o-linear-gradient(left, #616161, #6e6e6e 45%, #6e6e6e 55%, #646464);
        background: linear-gradient(to right, #616161, #6e6e6e 45%, #6e6e6e 55%, #646464);
    }

    input::-moz-focus-inner {
        border: 0;
    }

    .home-page-title {
        padding: 530px 0 0 630px;
        color: #731d00;
        font: 290%/110% "Trebuchet MS", "Century Gothic", Times, serif;
        text-shadow: 3px 2px 2px #aaaaaa;
    }

    .home-page-main-area {
        padding: 0;
        margin: 50px 170px;
        color: black;
    }

    .other-pages-gray-box {
        padding: 10px;
	/* background-color: #e8e8e8; 
	border-radius: 5px;
	border-top: 1px solid #AE8374;
	border-right: 2px solid #E1D6D3;
	border-bottom: 2px solid #E1D6D3; */
        min-height: 400px;
        width: 1024px;
	/* box-shadow: 0 17px 30px -12px #000000; */
    }
/*
.other-pages-gray-box {
	position: relative;
	-webkit-box-shadow: 0px 17px 30px -12px hsla(0, 0%, 0%, 1);  
	-moz-box-shadow: 0px 17px 30px -12px hsla(0, 0%, 0%, 1); 
	-o-box-shadow: 0px 17px 30px -12px hsla(0, 0%, 0%, 1); 
	-ms-box-shadow: 0px 17px 30px -12px hsla(0, 0%, 0%, 1); 
	box-shadow: 0px 17px 30px -12px hsla(0, 0%, 0%, 1);  
}
.other-pages-gray-box:before, .other-pages-gray-box:after
{
	position: absolute;
	content: "";
	width: 15%;
	bottom: 20px;
	-webkit-box-shadow: 0 0 48px 30px hsla(0, 0%, 0%, .3);
	-moz-box-shadow: 0 0 48px 30px hsla(0, 0%, 0%, .3);
	-o-box-shadow: 0 0 48px 30px hsla(0, 0%, 0%, .3);
	-ms-box-shadow: 0 0 48px 30px hsla(0, 0%, 0%, .3);
	box-shadow: 0 0 48px 30px hsla(0, 0%, 0%, .3);
	z-index: -10;
}
.shadow-arch-edges:before {
  left: 110px;
  transform: skewY(-122.5deg);
}

.shadow-arch-edges:after{
  right: 110px;
  transform: skewY(122.5deg);
}
*/

    .home-page-register-error {
        display: none;
        padding: 150px 0 0 440px;
    }

    .home-page-register-error-inside {
        padding: 0 10px;
        border: 2px solid #168db9;
        border-radius: 7px;
        background-color: #ffdbd1;
        color: #7f1d02;
        width: 300px;
        font-size: 70%;
    }

    div.error {
        padding: 5px 10px;
    }

    .home-page-register-error-inside h3 {
        text-align: center;
        font-size: 100%;
    }

    #login_popup_block {
        display: none;
 /* hide by default */
        position: absolute;
        width: 300px;
        height: 300px;
        border: 1px solid black;
        border-radius: 5px;
        padding-left: 10px;
        background-color: white;
        box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.3);
        z-index: 20000;
    }

    #login_popup_block #login_close_button {
        padding: 5px;
        width: 32px;
        height: 32px;
        float: right;
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/close-cross-32x32.png) no-repeat 5px 5px;
    }

    #login_popup_block h2 {
        color: #444444;
        margin: 0;
        padding: 10px 0 0 0;
        font-weight: bold;
    }

    #block-nia2match-user_login {
        display: none;
 /* hide until the JS shows it to avoid flashing */
    }

    #login_popup_block #user-login-form {
        text-align: left;
    }

    #login_popup_block #user-login-form .form-item label {
        margin-bottom: 5px;
    }

    #login_popup_block #user-login-form .form-item label .form-required {
        display: none;
    }

    #login_popup_block #user-login-form .form-item input {
        border: 1px solid #cccccc;
        border-radius: 3px;
        font-size: 16px;
        padding: 5px;
        width: 90%;
    }

    #login_popup_block #user-login-form input.form-submit {
        width: 90%;
        display: inline-block;
        margin: 0px 10px;
        padding: 8px 8px 5px 8px;
        border: 1px solid #546333;
        border-top-color: #738c3d;
        border-radius: 7px;
        background-color: #819e43;
        color: white;
        box-shadow: 0px 8px 3px -6px rgba(0,0,0,0.5);
        font-size: 24px;
        font-weight: bold;
        line-height: 30px;
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cded8c), to(#789146));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* IE 10 */
        background: -ms-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* CSS */
        background: linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
        text-decoration: none;
        margin-top: 20px;
    }

    #login_popup_block #user-login-form input.form-submit:hover {
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df6864), to(#7b1d1a));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #adcd6c, #6d8b2e 12%, #617e23 19%, #617e23 50%, #617e23 85%, #58741e 88%, #587126);
	/* IE 10 */
        background: -ms-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* CSS */
        background: linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
        color: white;
    }

    #login_popup_block #user-login-form .item-list .first {
        display: none;
    }

    #login_popup_block #user-login-form .item-list .last {
        margin-top: 10px;
        margin-right: 20px;
        list-style-type: none;
        list-style-image: none;
        text-align: right;
    }

    #login_popup_block #user-login-form .item-list .last a {
        color: #4466ff;
        font-size: 10px;
        text-decoration: none;
    }

    #login_popup_block #user-login-form .item-list .last a:hover {
        color: #cc4400;
    }

    #forum table th:nth-child(3),
#forum table th:nth-child(4),
#forum table th:nth-child(5) {
        display: none;
    }

    #forum table td:nth-child(3),
#forum table td:nth-child(4),
#forum table td:nth-child(5) {
        display: none;
    }

    #forum table {
        border-spacing: 0;
        border-collapse: collapse;
        width: 100%;
    }

    #forum table th {
	/* background: url(/sites/nia2match.com/themes/nia2match-theme/images/forum-title-gradient.png) repeat-x 0 0; */
        height: 25px;
        padding: 0 10px;
        text-align: center;
        border: 1px solid black;
        background-color: #818ee0;
    }

    #forum table th a {
        font-weight: normal;
	/*font-size: 11px;*/
        color: white;
    }

    #forum table th img {
        padding-left: 5px;
    }

    #forum table td {
        padding: 2px 5px;
        border: 1px solid #888888;
    }

    #forum table tr.even td {
        background-color: #e8e8f8;
    }

    #block-block-12 .content {
        font-size: 150%;
    }

    h1.forum-name {
        font-size: 300%;
        font-weight: bold;
        padding-bottom: 20px;
    }

    h1.forum-name a {
        color: black;
    }

    div.forum-node {
        padding-bottom: 20px;
    }

    div.forum-node h3 {
        padding: 20px 20px;
        font-size: 26px;
        font-style: italic;
        font-weight: bold;
    }

    .forum-post-new {
        float: right;
    }

    div.forum-node table {
        border-spacing: 0;
        border-collapse: collapse;
        width: 100%;
    }

    div.forum-node table th {
	/* background: url(/sites/nia2match.com/themes/nia2match-theme/images/forum-title-gradient.png) repeat-x 0 0; */
        background-color: #818ee0;
        height: 25px;
        padding: 0 5px;
        border: 1px solid black;
        color: white;
        display: none;
    }

    div.forum-node table td {
        padding: 2px 5px;
        border: 1px solid black;
    }

    div.forum-node table th.author,
div.forum-node table td.author {
        width: 120px;
    }

    div.forum-node th div.comment-count {
        float: right;
        font-weight: normal;
    }

    div.forum-node div.meta {
        font-size: 90%;
    }

    div.forum-node td.forum-links {
        background: #f0f0ff;
        padding: 10px 0;
    }

    div.forum-node td.forum-links ul.links {
        border: none;
        margin: 0;
        padding: 0;
    }

    div.forum-comment div.comment {
        border: none;
        margin: 0 0 5px 0;
    }

    div.forum-comment table {
        border-spacing: 0;
        border-collapse: collapse;
        width: 100%;
    }

    div.forum-comment table th {
        background: url(/sites/nia2match.com/themes/nia2match-theme/images/forum-title-gradient.png) repeat-x 0 0;
        height: 25px;
        padding: 0 5px;
        border: 1px solid black;
        color: white;
        vertical-align: middle;
    }

    div.forum-comment table th span.new {
        padding-top: 0;
        font-size: 90%;
        color: #ff0000;
        text-shadow: #ffffff 0px 0px 5px;
    }

    div.forum-comment table td {
        padding: 2px 5px;
        border: 1px solid black;
    }

    div.forum-comment table th.author,
div.forum-comment table td.author {
        width: 120px;
    }

    div.forum-comment table td {
        vertical-align: top;
    }

    div.forum-comment div.meta {
        font-size: 90%;
    }

    div.forum-comment td.forum-links {
        background: #f0f0ff;
        padding-top: 14px;
        height: 28px;
    }

    div.forum-comment td.forum-links div.buttons {
        float: right;
    }

    div.forum-comment .comment td.forum-links ul.links {
        border: none;
        background: transparent;
    }

    #comments .box {
        padding-top: 20px;
    }

    #comments .box h2 {
        font-size: 150%;
    }

    #comments .box #edit-comment-wrapper label,
div.forum #comments fieldset {
        display: none;
    }

    #block-menu-secondary-links {
        text-align: center;
    }

    #block-menu-secondary-links h2 {
        display: none;
    }

    #block-menu-secondary-links ul {
        margin: 0 auto;
        display: inline;
        text-align: left;
        list-style-type: none;
        list-style-image: none;
    }

    #block-menu-secondary-links li {
        list-style-type: none;
        list-style-image: none;
        display: inline;
    }

    #block-menu-secondary-links li a {
        font-size: 10pt;
        color: #007C92;
        text-decoration: none;
    }

    #block-menu-secondary-links li a:hover {
        color: #B28C4D;
    }

    .view-build-support .view-content {
        background-color: white;
    }

/** code to support one line entries in registration pages **/
    html.js .node-phase form#node-form fieldset .form-checkboxes .form-item {
        clear: none;
    }

    .node-phase .field-box-field_languages .form-checkboxes .form-item {
        float: left;
        clear: none;
        margin-right: 20px;
    }

    .node-phase .field-box-field_languages .form-checkboxes .form-item label {
        white-space: nowrap;
    }

    .node-phase .field-box-field_clothes_uiterlijk .form-checkboxes .form-item {
        float: left;
        clear: none;
        margin-right: 20px;
    }

    .node-phase .field-box-field_clothes_uiterlijk .form-checkboxes .form-item label {
        white-space: nowrap;
    }

    .node-phase .node-form .form-item {
        clear: left;
    }

    .node-phase .node-form .form-item .form-radios .form-item {
        clear: none;
    }

    .node-phase .node-form .form-item label {
        display: inline-block;
        width: 487px;
        padding-top: 7px;
        padding-right: 5px;
        float: left;
    }

    .node-phase .node-form .form-item label.option {
        display: inline;
        margin-right: 10px;
        font-size: 90%;
        padding-top: 0;
        width: auto;
    }

    .node-phase .node-form .form-item div.form-radios,
.node-phase .node-form .form-item div.form-checkboxes {
        width: 480px;
        margin-top: 0;
        float: left;
    }

    .node-phase .node-form textarea {
        width: 487px;
    }

    .node-phase .node-form .form-item#edit-language-wrapper {
        display: none;
    }

    .node-phase form.error .node-form .no-error {
        display: none;
    }

    .nia2match-button-red,
.nia2match-button-red-chat,
.nia2match-button-red-newchattopic,
.nia2match-button-red-Stop_contact,
.nia2match-button-red-candidate_profile,
.nia2match-button-green-archive,
.nia2match-button-green-edit-profile,
.nia2match-button-green-supportquestions, 
.nia2match-button-green-tatusIDcheck,
.nia2match-button-green-status_account, 
.nia2match-button-green-ID_upload,
.nia2match-button-green-FAQ,
.nia2match-button-green-blocklist,
div.forum-node td.forum-links ul.links a,
#node-form a.form-button-cancel {
        display: inline-block;
        margin: 0px 10px;
        padding: 8px 8px 5px 8px;
        border: 1px solid #78312f;
        border-top-color: #d3aaa9;
        border-radius: 7px;
        background-color: #bb403d;
        color: white;
        box-shadow: 0px 8px 3px -6px rgba(0,0,0,0.5);
        font-size: 15px;
        line-height: 17px;
        cursor: pointer;
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8884), to(#9b3d3a));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #ff8884, #ef5754 12%, #d84441 19%, #c23d3a 50%, #b13835 85%, #aa3936 88%, #9b3d3a);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #ff8884, #ef5754 12%, #d84441 19%, #c23d3a 50%, #b13835 85%, #aa3936 88%, #9b3d3a);
	/* IE 10 */
        background: -ms-linear-gradient(top, #ff8884, #ef5754 12%, #d84441 19%, #c23d3a 50%, #b13835 85%, #aa3936 88%, #9b3d3a);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #ff8884, #ef5754 12%, #d84441 19%, #c23d3a 50%, #b13835 85%, #aa3936 88%, #9b3d3a);
	/* CSS */
        background: linear-gradient(top, #ff8884, #ef5754 12%, #d84441 19%, #c23d3a 50%, #b13835 85%, #aa3936 88%, #9b3d3a);
        text-decoration: none;
    }

    a.nia2match-button-red:hover,
input.nia2match-button-red:hover,
div.forum-node td.forum-links ul.links a:hover,
#node-form a.form-button-cancel:hover {
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df6864), to(#7b1d1a));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* IE 10 */
        background: -ms-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* CSS */
        background: linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
        color: white;
    }


#edit-panes-coupon-code {
    width: 160px;
    height: 35px;
    margin-left: 5px;
    background-color: bisque;
    margin-bottom: 10px;
}


    .blog-nodes ul.links li a,
.node-phase .node-form .form-submit,
.node-form input.form-button.form-btn.form-button-cancel,
#uc-cart-checkout-form input[type="submit"][id="edit-panes-coupon-apply"],
div#comments input.form-submit,
.nia2match-button-blue-Share_reward,
.nia2match-button-blue-Halalmeeting,
.nia2match-button-blue-ask_admin,
.nia2match-button-blue-Changepassword,
.nia2match-button-blue {
        display: inline-block;
        margin: 0px 10px;
	width: 135px;
	height: 35px;
        /* padding: 8px 8px 5px 8px; */
        border: 1px solid #35659f;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
	/* border-top-color: #b9cadf; */
        background-color: #3d76bb;
        color: white;
	/* box-shadow: 0px 8px 3px -6px rgba(0,0,0,0.5); */
        font-size: 15px;
	/* line-height: 17px; */
        cursor: pointer;
	/* Safari 4-5, Chrome 1-9 */
        /* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b3ceef), to(#34639b));
	/* Safari 5.1, Chrome 10+ */
        /* background: -webkit-linear-gradient(top, #b3ceef, #60a1de 12%, #4081ce 19%, #3d76bb 50%, #3869a6 85%, #3667a0 88%, #34639b);
	/* Firefox 3.6+ */
        /* background: -moz-linear-gradient(top, #b3ceef, #60a1de 12%, #4081ce 19%, #3d76bb 50%, #3869a6 85%, #3667a0 88%, #34639b);
	/* IE 10 */
        /* background: -ms-linear-gradient(top, #b3ceef, #60a1de 12%, #4081ce 19%, #3d76bb 50%, #3869a6 85%, #3667a0 88%, #34639b);
	/* Opera 11.10+ */
        /* background: -o-linear-gradient(top, #b3ceef, #60a1de 12%, #4081ce 19%, #3d76bb 50%, #3869a6 85%, #3667a0 88%, #34639b);
	/* CSS */
        /* background: linear-gradient(top, #b3ceef, #60a1de 12%, #4081ce 19%, #3d76bb 50%, #3869a6 85%, #3667a0 88%, #34639b); */
        text-decoration: none;
    }

.nia2match-button-renew {
    display: inline-block;
    margin: 0 5px 5px 5px;
    text-align: center;
    padding: 10px 0 5px 0;
    border-top-color: #738c3d;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #e00;
    color: #fff;
    font-size: 9px;
    line-height: 155px;
    text-decoration: none;
    width: 5vw;
    height: 80px;
    float: right;
    /* background-image: url(../nia2match/images/nia2match_archive.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 35%; }

.nia2match-button-remove {
    display: inline-block;
    margin: 0 5px 5px 5px;
    text-align: center;
    padding: 10px 0 5px 0;
    border-top-color: #738c3d;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #e00;
    color: #fff;
    font-size: 9px;
    line-height: 155px;
    text-decoration: none;
    width: 5vw;
    height: 80px;
    float: right;
    /* background-image: url(../nia2match/images/nia2match_archive.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 35%; }

    .blog-nodes ul.links li a:hover,
a.nia2match-button-blue:hover,
.node-phase .node-form .form-submit:hover,
.node-form input.form-button.form-btn.form-button-cancel:hover,
input.nia2match-button-blue:hover {
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93aecf), to(#14437b));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #93aecf, #4081be 12%, #2061ae 19%, #1d569b 50%, #184986 85%, #164780 88%, #14437b);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #93aecf, #4081be 12%, #2061ae 19%, #1d569b 50%, #184986 85%, #164780 88%, #14437b);
	/* IE 10 */
        background: -ms-linear-gradient(top, #93aecf, #4081be 12%, #2061ae 19%, #1d569b 50%, #184986 85%, #164780 88%, #14437b);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #93aecf, #4081be 12%, #2061ae 19%, #1d569b 50%, #184986 85%, #164780 88%, #14437b);
	/* CSS */
        background: linear-gradient(top, #93aecf, #4081be 12%, #2061ae 19%, #1d569b 50%, #184986 85%, #164780 88%, #14437b);
        color: white;
    }

    .nia2match-button-green,
.nia2match-button-green-inbox {
        display: inline-block;
        margin: 0px 10px;
        padding: 8px 8px 5px 8px;
        border: 1px solid #546333;
        border-top-color: #738c3d;
        border-radius: 7px;
        background-color: #819e43;
        color: white;
        box-shadow: 0px 8px 3px -6px rgba(0,0,0,0.5);
        font-size: 15px;
        line-height: 17px;
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cded8c), to(#789146));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* IE 10 */
        background: -ms-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
	/* CSS */
        background: linear-gradient(top, #cded8c, #8dab4e 12%, #819e43 19%, #819e43 50%, #819e43 85%, #78943e 88%, #789146);
        text-decoration: none;
    }

    a.nia2match-button-green:hover,
input.nia2match-button-green:hover {
	/* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df6864), to(#7b1d1a));
	/* Safari 5.1, Chrome 10+ */
        background: -webkit-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Firefox 3.6+ */
        background: -moz-linear-gradient(top, #adcd6c, #6d8b2e 12%, #617e23 19%, #617e23 50%, #617e23 85%, #58741e 88%, #587126);
	/* IE 10 */
        background: -ms-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* Opera 11.10+ */
        background: -o-linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
	/* CSS */
        background: linear-gradient(top, #df6864, #cf3734 12%, #b82421 19%, #a21d1a 50%, #911815 85%, #8a1916 88%, #7b1d1a);
        color: white;
    }

    a.nia2match-button-disabled {
        background: -webkit-linear-gradient(top, #a1a1a1, #777777 12%, #636363 19%, #595959 50%, #525252 85%, #515151 88%, #515151);
        background: -moz-linear-gradient(top, #a1a1a1, #777777 12%, #636363 19%, #595959 50%, #525252 85%, #515151 88%, #515151);
        background: -ms-linear-gradient(top, #a1a1a1, #777777 12%, #636363 19%, #595959 50%, #525252 85%, #515151 88%, #515151);
        background: -o-linear-gradient(top, #a1a1a1, #777777 12%, #636363 19%, #595959 50%, #525252 85%, #515151 88%, #515151);
        background: linear-gradient(top, #a1a1a1, #777777 12%, #636363 19%, #595959 50%, #525252 85%, #515151 88%, #515151);
        border: 1px solid #404040;
        border-top-color: #b3b3b3;
        border-bottom-color: black;
        color: #e0e0e0;
    }

    .blog-nodes .node-odd,
.blog-nodes .node-even {
        border: 1px solid #d0d0d0;
        margin-bottom: 20px;
        padding: 10px;
    }

    .blog-nodes ul.links li a {
        margin-top: 10px;
    }

    .node .meta {
        margin-bottom: 20px;
        padding-bottom: 10px;
	/* border-bottom: 1px solid #e0e0e0; */
    }

    .node .submitted {
        font-style: italic;
        display: none;
    }

    .node ul.links {
        display: block;
        margin-top: 20px;
        padding-top: 10px;
        border-top: 1px solid #e0e0e0;
    }

    #checkout-form-bottom {
        border: none;
    }


    #parent_cart_checkout_panes {
        position: relative; 
    }

    .breadcrumb {
        font-size: 80%;
    }

    .questions-to-admin table,
.verification-user-list table {
        border-top: 1px solid black;
        border-left: 1px solid black;
        border-spacing: 0;
    }

    .questions-to-admin table th,
.verification-user-list table th {
        background-color: #cccccc;
    }

    .questions-to-admin table th,
.questions-to-admin table td,
.verification-user-list table th,
.verification-user-list table td {
        padding: 5px;
        border-bottom: 1px solid black;
        border-right: 1px solid black;
    }

    .questions-to-admin table tr.even,
.verification-user-list table tr.even {
        background-color: #eeddee;
    }

    .footer {
        text-align: center;
    }

    .footer #footer-block {
        padding-bottom: 12px;
    }

    .footer #copyright {
        clear: both;
        padding-bottom: 20px;
        color: #917246;
        font-size: 10px;
    }

    .footer #copyright {
        clear: both;
        padding-bottom: 20px;
        color: #A19276;
        font-size: 10px;
    }

    .footer #host {
        font-size: 9px;
    }

    .footer #host a {
        color: #A19276;
        text-decoration: none;
    }


/* lightbox2 does not include a close box anymore... */
    #lightbox.contact-popup {
        text-align: left;
    }

    #lightbox.mo-feedback #imageDataContainer #imageData #bottomNav,
#lightbox.contact-popup #imageDataContainer #imageData #bottomNav,
#lightbox.nia2match-help #imageDataContainer #imageData #bottomNav,
#lightbox.parentframe #imageDataContainer #imageData #bottomNav {
        margin-bottom: 0;
        height: 0px;
    }

    #lightbox.mo-feedback #imageDataContainer #imageData #bottomNav #bottomNavClose,
#lightbox.contact-popup #imageDataContainer #imageData #bottomNav #bottomNavClose,
#lightbox.nia2match-help #imageDataContainer #imageData #bottomNav #bottomNavClose,
#lightbox.parentframe #imageDataContainer #imageData #bottomNav #bottomNavClose {
        margin-top: 0;
    }

    #lightbox.mo-feedback #imageDataContainer,
#lightbox.mo-feedback #bottomNavClose,
#lightbox.contact-popup #imageDataContainer,
#lightbox.contact-popup #bottomNavClose,
#lightbox.nia2match-help #imageDataContainer,
#lightbox.nia2match-help #bottomNavClose,
#lightbox.parentframe #bottomNavClose {
        display: none;
    }

    #lightbox.contact-popup #modalContainer form {
        border: 1px outset #cccccc;
        padding: 10px 10px;
        overflow: auto;
    }

    #contact-mail-page .form-text {
        width: 300px;
    }

    #contact-mail-page .form-textarea {
        width: 350px;
    }

    .meeting-warning {
        color: red;
        font-weight: bold;
        border: 1px solid red;
        background-color: #fff0f0;
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 10px;
    }

    .meeting-list {
        width: 95%;
        border-top: 1px solid black;
        border-left: 1px solid black;
        border-spacing: 0;
    }

    .meeting-list th {
        text-align: center;
        background-color: #d0d0d0;
    }

    .meeting-list th,
.meeting-list td {
        width: 32%;
        padding: 5px;
        border-bottom: 1px solid black;
        border-right: 1px solid black;
    }

    .meeting-list tr.odd {
        background-color: #f0ffff;
    }

    .meeting-list span.meeting-yes {
        color: red;
        font-weight: bold;
    }
}