/*
 * Copyright (c) 2013 MyNetDiary, Inc.
 *
 * This document and the product to which it pertains are distributed under licenses restricting their use, copying, distribution, and decompilation.
 * This document may not be changed without prior written authorization of MyNetDiary and its licensors, if any.
 */

body#index-page {
    background-color: #fdfdfd;
}

h1, h2, h3, h4, h5, h6 {
    color: #5C8B1B;
}

a:hover {
    color: #33A0D1;
    text-decoration: underline;
}

blockquote {
    font-style: normal;
}

#index-page .carousel {
    margin-bottom: 0;
}

.bg-green {
    background-color: rgb(68, 113, 11);
}

.you-dont {
    margin-top: 20px;
    text-align: center;
    font-size: 3.5em;
    font-weight: bold;
    color: white;
    line-height: 142%;
    padding: 0 20px;
}

.text-shadow {
    text-shadow: 0 2px 5px rgba(137, 184, 26, .75);
}

.natural-diet {
    font-size: 2.07em;
    color: white;
    text-align: center;
    color: rgb(236, 247, 164);
    line-height: 142%;
    margin-bottom: 1em;
    font-weight: normal;
    padding: 0 1em;
}

.register-now {
    font-size: 3.07em;
    font-weight: bold;
    color: rgb(78, 124, 27);
    text-align: center;
    line-height: 142%;
    text-shadow: 0 1px -1px rgba(0, 0, 0, 0.75);
}

.registe-now:before {
    content: 'Register Now';
    color: rgba(0, 0, 0, 0.75);
    position: relative;
    top: -1px;
}

.join-block {
    box-shadow: 0 29px 16px -24px rgba(0, 0, 0, .75);
    border-radius: 6px;
    background-color: white;
    padding: 0 1em;
    margin-bottom: 2em;
    text-align: center;
    z-index: 2;
    position: relative;
}

.joined-mnd {
    font-size: 1.8em;
    line-height: 132%;
    text-align: center;
}

.hr-split-gradient {
    background: -moz-radial-gradient(center -370px 0deg, circle cover, gray 0px, rgba(127, 127, 127, 0.2) 370px, rgba(255, 255, 255, 0) 400px);
    background: -ms-radial-gradient(center -370px 0deg, circle cover, gray 0px, rgba(127, 127, 127, 0.2) 370px, rgba(255, 255, 255, 0) 400px);
    background: -webkit-gradient(radial, 50% -370, 0, 50% -370, 400, from(gray), to(rgba(255, 255, 255, 0)), color-stop(94%, rgba(127, 127, 127, 0.2)));
    background: -o-radial-gradient(center -370px 0deg, circle cover, gray 0px, rgba(127, 127, 127, 0.2) 370px, rgba(255, 255, 255, 0) 400px);
    background: radial-gradient(center -370px 0deg, circle cover, gray 0px, rgba(127, 127, 127, 0.2) 370px, rgba(255, 255, 255, 0) 400px);
    width: 100%;
    height: 30px;
    margin-top: 20px;
}

.banner {
    border-radius: 5px;
    max-width: 100%;
    display: inline-block;
    *width: 100%;
}

.banner-shadow {
    box-shadow: 0 29px 16px -24px rgba(0, 0, 0, .75)
}

.top-gradient {
    min-height: 85px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(247, 247, 247)), color-stop(11%, rgb(243, 243, 243)), color-stop(36%, rgb(255, 255, 255)), color-stop(85%, rgb(255, 255, 255)));
    background-image: -moz-linear-gradient(top, rgb(250, 250, 250) 0%, rgb(243, 243, 243) 11%, rgb(255, 255, 255) 36%, rgb(255, 255, 255) 85%, rgb(250, 250, 250) 100%);
}

.top-row {
    padding-top: 7px;
}

.mynetdiary-underline {
    background-image: url('//s3.amazonaws.com/img.mynetdiary.com/src/common/underline.png');
    background-position: 50% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    color: white;
}

.top-transition {
    height: 3px;
    box-shadow: 0 3px 4px 0px rgba(123, 156, 60, .39);
    /*
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250,250,250)), to(rgb(247,247,247));
    background-image: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(250,250,250) 100%);
    */
    background-color: rgba(127, 127, 127, .5);
}

.link-cell a {
    padding: .75em 1em .25em;
}

.link-cell-right {
    text-align: right;
}

.highlight-text, a.highlight-text, a:hover .highlight-text {
    color: #c39949;
}

.achivements {
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 200;
}

.subsection {
    border-left: 1px solid #e3e3e3;
    padding: 0em;
    height: 5em;
}

.stats-box:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left-width: 1px;
}

.stats-box:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.stats-box {
    text-align: center;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #e3e3e3;
    padding: 5px 1px;
    background-color: white;
    display: inline-block;
    margin: 0;
    float: left;
    width: 30%;
    *zoom: 1;
    *display: inline;
}

.stats-box strong {
    font-size: 1.5em;
    line-height: 1.0em;
}

.stats-box small {
    font-weight: 300;
    font-size: 1rem;
}

.one-of-six {
    width: 14.667%;
    float: left;
    padding: 8px 1%;
    border: 0;
}

.subsections {
    text-align: center;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.subsection {
    color: #333;
    /*border-width: 1px 0 1px 1px;*/
    /*border-style: solid;*/
    border-color: rgba(0, 0, 0, 0.13) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.13);
    background-image: -moz-linear-gradient(top, #fdfdfd, #dedede);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#dedede));
    background-image: -webkit-linear-gradient(top, #fdfdfd, #dedede);
    background-image: -o-linear-gradient(top, #fdfdfd, #dedede);
    background-image: linear-gradient(to bottom, #fdfdfd, #dedede);
    background-color: #eee;
    background-repeat: repeat-x;
    border-radius: 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .18);
    *border: 1px solid #dedede;

}

.subsection-last {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right-color: rgba(0, 0, 0, 0.13);
    /*border-right-width: 1px;*/
}

.subsection-first {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

a:hover .subsection {
    background-image: -moz-linear-gradient(top, #D2E731, #3d7900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D2E731), to(#3d7900));
    background-image: -webkit-linear-gradient(top, #D2E731, #3d7900);
    background-image: -o-linear-gradient(top, #D2E731, #3d7900);
    background-image: linear-gradient(to bottom, #D2E731, #3d7900);
    background-color: #7b2;
    background-repeat: repeat-x;
    border-bottom-color: #3d7900;
    box-shadow: 0 1px 3px rgb(108, 163, 47);
    z-index: 10;
    position: relative;
    color: white;
}

.subsections a:hover {
    text-decoration: none;
}

.subsections:after {
    clear: both;
    font-style: normal;
}

.like-shadow {

}

.section-header {
    color: #5c8b1b;
    line-height: 1.2;
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
}

.section-subheader {
    font-size: 2.1em;
    color: #919191;
    font-weight: 200;
    line-height: 1.2;
    text-align: center;
    display: block;
}

.green-cross-list li {
    background: url('//s3.amazonaws.com/img.mynetdiary.com/src/index/plus.png') no-repeat 0px 0.5em;
    margin: 0.5em 0;
    padding: 0 0 0 14px;
}

.small-face-cell {
    width: 65px;
    vertical-align: top;
    padding: 0;
}

.small-face-cell img {
    max-width: 65px;
}

.facebook-box {
    font-size: 11px;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    color: #333333;
    font-weight: normal;
    line-height: 1.28;
}

.facebook-button {
    background: none repeat scroll 0 0 #ECEEF5;
    border: 1px solid #CAD4E7;
    border-radius: 3px 3px 3px 3px;
    color: #3B5998;
    cursor: pointer;
    padding: 2px 6px 4px;
    display: inline-block;
    border-collapse: collapse;
    border-spacing: 0;
    *zoom: 1;
    *display: inline;
}

.facebook-button:hover {
    border-color: #9DACCE;
}

.facebook-thumbup {
    background-image: url("//s3.amazonaws.com/img.mynetdiary.com/src/index/facebook.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-right: 3px;
    top: 3px;
    position: relative;
    background-position: 0 -45px;
    *zoom: 1;
    *display: inline;
}

.facebook-logo {
    background-image: url("//s3.amazonaws.com/img.mynetdiary.com/src/index/facebook.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    width: 14px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-left: 5px;
    *zoom: 1;
    *display: inline;
}

.facebook-container {
    display: inline-block;
    vertical-align: top;
    margin: 0 -20px 0 0px;
    clear: both;
    float: none;
}

.facebook-container .fb_iframe_widget iframe {
    position: inherit;
}

.higher-93-img {
    margin-top: -93px;
}

.higher-59-img {
    margin-top: -59px;
}

.higher-half-img {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    display: block;
}

.imaged-box {
    text-align: center;
}

.imaged-container {
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    background-color: white;
    padding: 0 4px 5px 6px;
}

.imaged-box hr {
    color: #e5e5e5;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.success-container {
    vertical-align: top;
    margin: 2px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    background-color: white;
    padding: 0 4px 5px 6px;
}

.success-container h4, a.green, a.green:hover, .color-green, a.color-green:hover {
    color: #5c8b1b;
}

.hid-details {
    display: hidden;
}

.under-nav-fake-anchor {
    position: relative;
    top: -10px;
}

.imaged-container {
    margin-top: 110px;
}

.success-container {
    margin-top: 60px;
}

.carousel-images {
    display: none;
}


.acceptAndChangeWhat {
    color: gray;
    font-size: 1.3em;
    text-decoration: none;
}

.sign-up-margin-top {
    margin-top: 1.15em;
}

.content-block-margin-top {
    padding-top: 32px;
}

.text-decoration-none, a.text-decoration-none:hover, a.text-decoration-none:active {
    text-decoration: none;
}

.vertical-align-baseline {
    vertical-align: baseline;
}

.facebook-block {
    margin-bottom: -2px;
}

.padding-bottom-24px {
    padding-bottom: 24px;
}

.carousel-cell {
    padding: 0;
    margin-bottom: 24px;
    line-height: 0;
}

.carousel-slide-max-width {
    max-width: 596px;
}

.register-now-max-width {
    max-width: 300px;
}

.register-now-image-higher {
    position: relative;
    top: -7px;
}

.hr-in-register-now {
    color: gray;
    width: 80%;
    margin-left: 10%;
}

h4 a, h4 a:hover, h4 a:active {
    color: inherit;
    font-weight: inherit;
}

.consumerreports-img {
    max-width: 289px;
}

.index-navbar, .index-navbar > * {
    text-align: center;
}

.index-navbar .navbar-inner > .nav {
    max-width: 900px;
    display: inline-block;
}

.index-navbar .navbar .nav {
    float: none;
}
.index-navbar .navbar{
    margin-bottom: 0;
}

@media (max-width: 767px) {

    .imaged-container {
        display: block;
    }

    .success-container {
        display: block;
    }

    .bottom-container {
    }

    .logo {
        max-width: 100%;
    }

    .top-gradient .logo{float: left;}
    .top-gradient .top-search-block{float: right; margin-top: 26px;}
    .top-gradient .top-search-block .btn{vertical-align: middle;}
    #top-search-input{width: 90px;}
    .top-row .form-search{margin-top: 0;}
    .top-gradient .three-stripes-phone-nav{position: static; margin-top: 0;}

    .accept-that, .change-that {
        display: block;
    }

    .youtube-box {
        display: block;
    }

    .padding-top-40px {
        padding-top: 30px;
    }

    .you-dont {
        margin-top: 10px;
        font-size: 2.5em;
        line-height: 125%;
    }

    .joined-mnd {
        font-size: 20px;
        line-height: 24px;
    }

    .section-header {
        font-size: 20px;
        line-height: 25px;
        padding-left: 0;
        padding-right: 0;
    }

    .section-subheader {
        font-size: 17.5px;
        line-height: 22px;
    }

    .natural-diet {
        font-size: 1.8em;
        line-height: 125%;
    }

    .link-cell a {
        padding: 0;
    }

    .link-cell {
        padding: .75em 1em .25em;
        text-align: center;
    }

    .carousel-cell {
        margin-left: -20px;
        margin-right: -20px;
        max-width: 100%;
    }
    #foodSuggest {
        margin-right: 0;
        padding-right: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        width: 77%;
    }
    .instant-search-glove .input-append-wideable {
        display: inline-block;
        width: 100%;
    }
    .instant-search-glove {
        margin-top: 1em;
    }
}

@media (handheld) {
    .handhelp-hidden {
        display: none;
    }
}

@media (min-width: 768px) {

    .imaged-container {
        width: 30%;
    }

    .youtube-box {
        display: inline-block;
    }

    .success-container {
        width: 20%;
    }

    .bottom-container {
        width: auto;
    }

    .logo {
        max-width: 41%;
    }

    .accept-that {
        margin-right: -4em;
        position: relative;
        z-index: 1;
    }

    .change-that {
        margin-left: -4em;
        position: relative;
        z-index: 1;
    }

    .instant-search-glove {
        text-align: center;
        border-radius: 32px;
        border-width: 0 0 1px 0px;
        border-style: solid;
        border-color: #f9f9f9 #f9f9f9 #eaeaea;
        display: inline-block;
        padding: 17px 18px;

        background: url("//s3.amazonaws.com/img.mynetdiary.com/src/index/glow.jpg") #f9f9f9 50% 0 no-repeat scroll;
        background-size: 94% 50%;
        /*
        shbackground-image: -moz-radial-gradient(50% 10%, 45% 25%, #ffffff 0, #ffffff 80%, #e9e9e9 90%);
        background-image: -ms-radial-gradient(50% 10%, 50% 25%, #ffffff 0, #ffffff 80%, #e9e9e9 90%);
        background-image: -o-radial-gradient(50% 10%, 50% 25%, #ffffff 0, #ffffff 80%, #e9e9e9 90%);
        background-image: -webkit-gradient(radial, 50% 10%, 0, 50% -900, 1000, from(#ffffff), to(#e9e9e9), color-stop(80%, #ffffff));
        background-image: radial-gradient(50% 10%, 45% 25%, #ffffff 0, #ffffff 80%, #e9e9e9 90%);
        */
        *zoom: 1;
        *display: inline;
    }

    .instant-search-glove input[type="text"], .instant-search-glove button {
        border-color: #efefef #f5f5f5 #f1f1f1;
    }

    .padding-top-40px {
        padding-top: 40px;
    }
    .section-header {
        padding-bottom: .5em;
    }

    .facebook-container {
        margin-left: 10px;
        padding-top: 47px;
    }
}

@media (max-width: 979px) {
    .dk-carousel-join .css-td {
        display: block;
    }

    .dk-carousel-join .css-td-inline {
        display: inline-block;
    }
}
@media (min-width: 980px) {
    .index-navbar .navbar .nav>li {
            float: none;
            display: inline-block;
    }
}

.carousel-round-corners, .carousel-round-corners > .active  img {
    border-radius: 4px;
    overflow: hidden;
}

.carousel-round-corners > .active.next img {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.carousel-round-corners > .active.left img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

@media (max-width: 667px) {
    .top-row{
        position: relative;
    }


    .top-gradient .container{
        padding-left: 0;
        padding-right: 0;
    }


    .top-gradient .logo{
        float: none;
    }


    .top-gradient .logo-img{
        margin: 0 auto;
    }


    .top-gradient .top-search-block{
        float: none;
        margin-top: 10px;
        margin-bottom: 10px;
    }


    #top-search-input{width: auto;}

}


@media (max-width: 630px) {
    .carousel-round-corners, .carousel-round-corners > .active  img {
        border-radius: 0;
    }
}

/*
html, body {
    background: fuchsia !important;
}
body * {
    background-color: #fdfdfd !important;
    border: #fdfdfd !important;
}/*
problem with body width from 759 to 799
*/