@charset "UTF-8";

/*
 * 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.
 */

/* The application-specific styles that cannot be expressed with bootstrap options.
*/

.htmlWithFooter {
    position: relative;
    min-height: 100%;
}
.htmlWithFooter body {
    margin-bottom: 492px;
}
.sticky-footer {
    position: absolute;
    bottom: 0;
    min-height: 370px;
    width: 100%;
}
@media screen and (max-width: 1199px) {
    .htmlWithFooter body {
        margin-bottom: 552px;
    }
}
@media screen and (max-width: 1023px) {
    .sticky-footer  {
        position: static;
    }
    .htmlWithFooter body {
        margin-bottom: 0;
    }
}

body {
    background-color: #fdfdfd;
}

h1, h2, h3, h4, h5, h6 {
    padding: .75em 0 .15em;
    margin: 0;
    font-weight: 500;
}

h4 {
    line-height: 25px;
}

h1, h2 {
    padding-bottom: .25em;
}

h1, h2 {
    color: #69a203;
}

h3, h4, h5, h5 {
    color: #8fbc3f;
}

h1+h2, h1+h3, h1+h4, h1+h5, h1+h6, h2+h3, h2+h4, h2+h5, h2+h6, h3+h4, h3+h5, h3+h6, h4+h5, h5+h6 {
    padding-top: .275em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    display: inline-block;
}

p > img:first-child.pull-left {
    margin-top: 6px;
}

.lead > img:first-child.pull-left {
    margin-top: 9px;
}

img.pull-left {
    margin-right: 2em;
    margin-bottom: 1em;
}

table {
    hyphens: auto;
}

.table {
    margin: 20px 0;
}

.big-thead > tr > th, .big-thead > thead > tr > th {
    font-size: 120%;
}

.table > tr > th, .table > thead > tr > th, .table > tbody > tr > th {
    color: #69a203;
}

.table tr:first-child, .table >  tbody > tr:first-child > th, .table  tr:first-child > td {
    border-top: none;
}

.table td, .table th {
    border-top-color: #a2be7a;
    border-bottom-color: #a2be7a;
}

.table > thead > tr:last-child > th {
    border-bottom: 1px solid #a2be7a;
}

.table-striped tbody tr td {
    background-color: #ffffff;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: #e9f1d9;
}

.table-bordered > tr > th, .table-bordered  > thead > tr > th {
    color: white;
    background-color: #69a203;
}

.table-bordered {
    border-color: #acc48c;
}

.table-bordered > tr > th, .table-bordered > thead >tr > th {
    border-color: #9cc15a;
    text-align: center;
    vertical-align: middle;
}

.table-bordered td {
    border-left-color: #cedcba;
    border-right-color: #cedcba;
}

.table-dark {
    background-color: #efd;
}

td.white {
    background-color: white;
}

td.highlighted {
    background-color: #8b4;
    border-color: #556b2f;
}

.clear {
    clear: both;
}

a, a:hover {
    color: #2491d0;
}

/* bootstrap override */
.nav-pills.nav-stacked > li > a, .nav-list > li > a {
    color: #707070;
    border-radius: 0;
}

.nav-buttons > .nav-pills.nav-stacked > li > a {
    background-image: linear-gradient(#ffffff, #efefef);
    background-image: -webkit-linear-gradient(#ffffff, #efefef);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 1px 1px 7px;
    overflow: hidden;
}

.nav-buttons > .nav-pills.nav-stacked > li:first-child > a, .nav-plain .nav-pills.nav-stacked > li:first-child > a {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.nav-plain .nav-pills.nav-stacked > li:first-child > a {
    margin-top: 0;
}

.nav-buttons > .nav-pills.nav-stacked > li.active:last-child > a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/*.nav-buttons > .nav-pills.nav-stacked:last-child > li.active:last-child > a ,*/
/*.nav-pills.nav-stacked:last-child > li.active:last-child > a {*/
/*border-bottom-left-radius: 7px;*/
/*border-bottom-right-radius: 7px;*/
/*margin-bottom: 0;*/
/*}*/
/*.nav-buttons > .nav-pills.nav-stacked > li.active:last-child > a {*/
/*border-bottom-left-radius: 0;*/
/*border-bottom-right-radius: 0;*/
/*}*/

.nav-pills.nav-stacked > li > a:hover,
.nav-list > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
    color: #5BACD6;
    background-color: transparent;
}

.nav-pills.nav-stacked {
    background-color: #F3F3F3;
    border-radius: 7px;
}

.nav-buttons > .nav-pills > li.active > a,
.nav-buttons > .nav-pills > li.active > a:hover {
    background-image: linear-gradient(#9BB945, #7CA12E);
    background-image: -webkit-linear-gradient(#9BB945, #7CA12E);
    text-shadow: 0 2px .2em rgba(0, 0, 0, .25);
}

.nav-pills.nav-stacked > .active > a,
.nav-collapse .nav > .active > a,
.nav-collapse .nav > .active > a:hover,
.nav-pills.nav-stacked > .active > a:hover,
.nav-list > .active > a,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-list > .active > a:hover {
    /*background: #7CA12E;*/
    background: #60900F;
    color: white;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}

.navbar > .navbar-inner {
    border-radius: 0;
    border-left: none;
    border-right: none;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner{
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
}

.btn {
    box-shadow: -1px 2px 2px rgba(0, 0, 0, .25);
}

.input-append .btn {
    box-shadow: none;
}

.inline-block {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

#printMsg {
    display: none;
}

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

.color-green {
    color: #5c8b1b;
}

.color-gray {
    color: gray;
}

#videoModal {
    width: 670px;
}

#videoModalBody {
    max-height: 580px
}

.important {
    font-weight: bold;
}

#contentcol ul.articleList li {
    background: url('//s3.amazonaws.com/img.mynetdiary.com/src/landing/article_icon.png') no-repeat;
    padding-left: 25px;
    margin-top: 5px;
}

#testimonialsSide {
    margin-left: 1em;
}

.articleTable td {
    background-color: #f3f4d5;
    border: 1px solid #C3C3C3;
    padding: 10px;
    font-size: 0.9em;
    text-align: center;
}

.articleTable th {
    color: #ffffff;
    background-color: #adc061;
    border-right: 1px solid #ffffff;
    padding: 3px;
    text-align: center;
}

.articleTable th.rightmost {
    border-right: 1px solid #C3C3C3;
}

.articleTable th.rowHeader {
    border-bottom: 1px solid #c3c3c3;
}

.articleTable td.highlighted {
    background-color: #99ff99;
}

.articleTable td.white {
    background-color: white;
}

.popover-content {
    color: #333;
    font-weight: normal;
}

.articleStartImage {
    float: left;
    margin: 0 2.5em 1em 0;
}

.articleStartImageRight {
    float: right;
    margin: 0 2.5em 0 1em;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.mynetdiary {
    font-weight: bold;
    color: #9fb634;
}

#pageWhyDiary .arg {
    background-repeat: no-repeat;
    padding-left: 50px;
}

#pageWhyDiary #arg1 {
    background-image: url('//s3.amazonaws.com/img.mynetdiary.com/src/landing/arg_1.png');
}

#pageWhyDiary #arg2 {
    background-image: url('//s3.amazonaws.com/img.mynetdiary.com/src/landing/arg_2.png');
}

#pageWhyDiary #arg3 {
    background-image: url('//s3.amazonaws.com/img.mynetdiary.com/src/landing/arg_3.png');
}

#pageWhyDiary #arg4 {
    background-image: url('//s3.amazonaws.com/img.mynetdiary.com/src/landing/arg_4.png');
}

#learnMoreTopicList li {
    font-weight: bold;
}

#learnMoreTopicList li li, #mobileTopicList li li, .nav-plain > ul > li > ul > li {
    font-weight: normal;
    margin-left: 1em;
}

pre {
    white-space: pre-line;
}

.openCommunity h2:first-child {
    padding-top: 0.25em;
}

.openCommunity h3, .openCommunity h4 {
    padding-top: 0.5em;
    margin-bottom: 0.125em;
}

h2>img {
    vertical-align: baseline;
    margin: 0 .75em 0 0;
}

#contentcol .landingImage {
    float: left;
    padding: 10px 30px 0 0;
}

#contentcol .landingImageRight {
    float: right;
    padding: 10px 0 30px 0;
}

#contentcol .landingSection {
    clear: both;
}

#contentcol ul.big li {
    padding: 10px 0 5px 40px;
    margin-top: 5px;
    background: url('/img/check_bullet.png') no-repeat 0 10px;
}

#contentcol ul.big li {
    padding: 10px 0 5px 40px;
    margin-top: 5px;
    background: url('/img/check_bullet.png') no-repeat 0 10px;
}

.badHighlight,.badHighlight>* {
    background-color: #ffff99;
}

.goodHighlight,.goodHighlight>*  {
    background-color: #9df698;
}

.intermediateHighlight,.intermediateHighlight>* {
    background-color: #98e2d1;
}

img.image-inline {
    max-height: 1.25em;
}

#contentcol .screenshot {
    background: url("//s3.amazonaws.com/img.mynetdiary.com/screenshots/iphone_screenshot_bg.png") no-repeat scroll 0 0 transparent;
    left: 0;
    width: 340px;
    height: 410px;
    overflow: hidden;
    top: 0;
    float: right;
}

#contentcol .screenshot5 {
    background: url("//img.mynetdiary.com.s3.amazonaws.com/src/screenshots/iphone5_screenshot_bg.png") no-repeat scroll 0 0 transparent;
    left: 0;
    width: 340px;
    height: 437px;
    overflow: hidden;
    top: 0;
    float: right;
}

#contentcol .screenshot img {
    padding-top: 1px;
    padding-left: 50px;
}

#contentcol .screenshot img, #contentcol .screenshot5 img {
    padding-top: 1px;
    padding-left: 53px;
}

.blogIndexImgContainer {
    margin-top: 1.5em;
    float: left;
    clear: both;
}

.blogPostImg {
}

.polaroid {
    padding: 0.75em 0.75em 0.875em 0.75em;
    background-color: white;
    box-shadow: 2px 2px 7px #888;
    border-bottom-right-radius: 6px 4px;
    max-width: 80%;
}

.polaroid .dk-lead {
    margin-top: 0.375em;
}

.dk-lead {
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
}

.rotate-3deg {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
}

.rotate2deg {
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
}

.searchThumb {
    max-width: 100px;
    max-height: 80px;
    float: left;
    padding-right: 1em;
}

.searhcResultItem {
    margin-bottom: 2em;
}

.partner_logo {
    padding: 1em;
    float: left;
    max-width: 185px;
}

.fitbit_logo {
    padding: 0 1em 2em 1em;
    width: 185px;
    float: left;
    clear: left;
}

.withings_logo {
    margin: 0 1em;
    width: 185px;
    float: left;
    clear: left;
}

.shadow {
    max-width: 100%;
    border-radius: 6px;
    border: 1px solid #d3d3d3;
    box-shadow: #d3d3d3 1px 3px 7px;
}

.sughtrm {
    font-weight: bold;
}

.foodSearchResultsEntry {
    padding: 1em;
}

.foodSearchEntryDesc:hover {
    background-color: #f5f5f5;
}

.catalogFood:hover {
    background-color: #f5f5f5;
}

/* food details table, used for nutriental data and custom foods */
.foodDetailsTable {
    padding: 0.5em;
    border: black 1px solid;
    background-color: white;
}

.foodDetailsTable h4 {
    font-size: 1.5em;
    font-weight: bold;
}

.foodDetailsTable h4, .foodDetailsTable .serving, .foodDetailsTable select, .foodDetailsTable .amount, .foodDetailsTable .nutrientRow, .foodDetailsTable .note {
    padding-left: 0.25em;
}

.foodDetailsTable .nutrientRow {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: black;
}

.foodDetailsTable .separator {
    height: 0.3em;
    background-color: black;
}

.foodDetailsTable .nutrientComponent {
    padding-left: 1em;
}

.foodDetailsTable .percentCaption {
    float: right;
    font-weight: bold;
}

.foodDetailsTable .name, .foodDetailsTable .keyName {
    float: left;
}

.foodDetailsTable .keyName {
    font-weight: bold;
}

.foodDetailsTable .percent {
    float: right;
    font-weight: bold;
}

.foodDetailsTable .percentCaption, .foodDetailsTable .percent, .foodDetailsTable .right {
    margin-right: 0.25em;
}

.foodDetailsTable .right {
    float: right;
}

.foodDetailsTable .otherNutrients {
    margin: 0 0.25em;
}

.foodDetailsTable .otherNutrients .rightCol {
    text-align: right;
}

.nav-link {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    padding-top: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bottom-box {
    background: -moz-radial-gradient(50% 10% 0deg, ellipse cover, #4f9702 0, rgba(61, 101, 16, 0) 55%);
    background: -ms-radial-gradient(50% 10% 0deg, ellipse cover, #4f9702 0, rgba(61, 101, 16, 0) 55%);
    background: -o-radial-gradient(50% 10% 0deg, ellipse cover, #4f9702 0, rgba(61, 101, 16, 0) 55%);
    background: -webkit-gradient(radial, 50% -10%, 0, 50% -700, 1000, from(#4f9702), to(rgba(61, 101, 16, 0)));
    overflow: hidden;
}

.bottom-circle {
    margin-right: 5px;
    margin-bottom: 5px;
}

.apple-box {
    background: url("/img/top-apple.png") #3B8302 75% 100% no-repeat scroll;
    overflow: hidden;
    margin-top: 1.5em;
}

.footer-column {
    padding-left: 15px;
    background: transparent;
    border: none;
    vertical-align: top;
}

.bottom-transition {
    height: 3px;
    overflow: hidden;
    background-color: #fdfdfd;
    background-image: -moz-linear-gradient(top, #fdfdfd, #f9f9f9, #fff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#fff), color-stop(.5, #f9f9f9));
    background-image: -webkit-linear-gradient(top, #fdfdfd, #f9f9f9, #fff);
    background-image: -o-linear-gradient(top, #fdfdfd, #f9f9f9, #fff);
    background-image: linear-gradient(to bottom, #fdfdfd, #f9f9f9, #fff);
    height: 2em;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    border-bottom: 3px solid #e0e0e0;
}

.signup-btn-margin {
    margin: 1rem 1em .75rem;
}

.bottom-pane {
    padding: 32px 2.2em 0.5em;
    background-color: #307500;
}

.white-link, a.white-link:hover,
.green-header-background .header-link, .green-header-background a.header-link:hover {
    color: #e6f6c9;
    line-height: 16px;
}

.top-gradient .header-link, .top-gradient a.header-link:hover {
    color: #5c8b1b;
}

.margin-bottom-5px {
    margin-bottom: 5px;
}

.control-group-alert {
    margin-left: 2em;
    margin-right: 2em;
}

.top-bottom-margins {
    margin-top: .5em;
    margin-bottom: .5em;
}

.green {
    color: #69a203;
}

.marked, .intermediateHighlight {
    background-color: #fafdd0;
    color: #222;
    padding: .25em;
    border-radius: .25em;
    margin: -.25em;
}

blockquote {
    padding: 0 0 0 12px;
    margin: 0 0 15px;
    border-left: 4px solid #eeeeee;
}

blockquote p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #555;
}

blockquote small {
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: #888888;
}

ul {
    list-style: none;
    margin-left: 2.25em;
    padding-left: 0;
}

ul>li:before {
    color: #7e7e7e;
    content: "•";
    width: 1em;
    padding: 0;
    display: inline-block;
    text-align: right;

    margin-left: -1.5em;
    margin-right: .5em;
}

ul.nav > li:before,
.nav li:before,
.pagination  ul > li:before,
.pagination li:before,
.pager li:before,
ul.unstyled > li:before,
.articleList li:before,
.typeahead > li:before,
.dropdown-menu > li:before,
.breadcrumb > li:before {
    display: none;

}

td ul {
    margin-left: 1.5em;
}

td ul > li:before {
    width: .5em;
    margin-left: -1em;
    margin-right: .25em;
}

td ul > li {
    margin-right: .25em;
}

/*.thumbsArticleList {*/
/*margin-left: 0;*/
/*}*/
/*.thumbsArticleList > li {*/
/*list-style: none;*/
/*display: inline-block;*/
/*max-width: 20em;*/
/*min-width: 34%;*/
/*min-height: 120px;*/
/*margin-right: 1.5em;*/
/*margin-bottom: 1.5em;*/
/*}*/
/*.thumbsArticleList > li:before {*/
/*display: none;*/
/*}*/
.unstyled li {
    clear: both;
}

.autoThumb {
    float: left;
    clear: both;
    margin: 0 0.5em 1em 0;
}

h1+form, h2+form, h3+form, h4+form, h5+form, h6+form {
    margin-top: 1.25em;
}

.form-main {
    padding: 10px;
    background-color: #f8f8f8;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    /*box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, .03);*/

    background-image: linear-gradient(rgba(247, 247, 247, 1), rgba(255, 255, 255, 0) 5px), radial-gradient(70% 100px at center -20px, white, rgba(255, 255, 255, .5) 80%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(rgba(246, 246, 246, 1), rgba(253, 253, 253, 0) 5px), -webkit-gradient(radial, 50% 30, 0, 50% -3000, 3099, from(rgba(255, 255, 255, .7)), to(rgba(248, 248, 248, .5)), color-stop(60%, rgba(255, 255, 255, .55)));
}

.form-main h2, .form-main h3, .form-main h4, .form-main p, .form-main .alert {
    margin-left: 20px;
    margin-right: 20px;
}

.form-main .control-group, .form-main .alert {
    margin-top: 20px;
    margin-bottom: 20px;
}

.signup.form-actions {
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
    margin-top: 0;
    background-color: #ececec;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .09);
    border-top: none;
    background-image: linear-gradient(#f4f4f4, #e9e9e9e);
    background-image: -webkit-linear-gradient(top, rgb(244, 244, 244) 0%, rgb(228, 228, 228) 100%);
}

.ellipse13 {
    background-image: radial-gradient(50% 50% at 50% 50%, #e9e9e9 0, rgba(233, 233, 233, 0) 90%);
    background-image: -webkit-radial-gradient(#e9e9e9, rgba(233, 233, 233, 0) 75%);
    height: 20px;
}

.cards-help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}

.top-row > * {
    vertical-align: bottom;
}

.top-block {
    margin-right: 2%;
    vertical-align: bottom;
}

.top-row .form-search {
    margin-bottom: -5px;
    margin-top: 30px;
}

.common-header {
    background-color: #3B8302;
}

.common-header .logo{
    float: left;
}

.common-header .form-search,
.common-header .quick-links{
    float: right;
}

.common-header .form-search{
    position: relative;
    min-width: 215px;
    margin-top: 26px;
    margin-bottom: 0;
}

.common-header .search-query{
    padding: 4px 14px;
    width: 100%;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    border: none;
    font-size: 15px;
    color: #aec99d;
    border-radius: 3px;
    background-color: #2e6e07;
    box-shadow: inset rgba(34, 75, 8, .29) 0 1px 1px, inset rgba(122, 190, 78, .35) 0 -1px 0;
}

.common-header .btn-search{
    position: absolute;
    right: 1px;
    top: 1px;
    padding-right: 10px;
    padding-left: 10px;
    height: 32px;
    box-shadow: none;
    background: #00ae00; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzAwYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #00ae00 0%, #00aa00 71%, #00a300 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #00ae00 0%,#00aa00 71%,#00a300 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #00ae00 0%,#00aa00 71%,#00a300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ae00', endColorstr='#00a300',GradientType=0 ); /* IE6-8 */
}

.common-header .btn-search .icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/img/icon-search.png) 50% 50% no-repeat;
}

.common-header .quick-links{
    padding-top: 33px;
    padding-right: 35px;
}

.common-header .quick-links > a{
    text-shadow: none;
    color: #e6f6c9;
    transition: all .15s ease-in-out 0s;
}

.common-header .quick-links > a:first-child::before{
    display: none;
}

.common-header .quick-links > a::before{
    padding: 0 10px 0 8px;
    font-size: 16px;
    color: #81b23f;
    content: "•";
}

.common-header .quick-links > a:hover{
    text-decoration: none;
    color: #fff;
}

.discussion-message-info, .lead.discussion-message-info {
    margin-bottom: 0;
}

.discussion-message-content {
    display: block;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
}

#sign-in-form > h3, #sign-up-form > h3 {
    margin-top: 0;
    padding-top: 0;
}

.adsense-120-240 {
    width: 120px;
}

.adsense_468x60 {
}

.adsense-block {
    background-color: #b3b3b3;
}

.explicit-search-btn {
    display: none;
}

.index-navbar .navbar-inner {
    text-align: center;
}

.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
    font-weight: normal;
}

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    *background-color: #539700;
    background-image: -moz-linear-gradient(top, #7eb300, #3d7900);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7eb300), to(#3d7900));
    background-image: -webkit-linear-gradient(top, #7eb300, #3d7900);
    background-image: -o-linear-gradient(top, #7eb300, #3d7900);
    background-image: linear-gradient(to bottom, #7eb300, #3d7900);
    background-repeat: repeat-x;
    border-color: #345d01 #345d01 #345d01;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7eb300', endColorstr='#ff3d7900', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    drop-shadow: 0 1px 1px rgba(127, 127, 127, .75);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    color: #ffffff;
    background-color: #3d7900;
}

.next-success-container {
    position: fixed;
    overflow: visible;
    top: 246px;
    right: 15px;
    z-index: 100;
}

.next-success {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    background: #222222;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.next-success:hover {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.alert-info {
    background-color: #ecf4e3;
    color: #959c91;
}

.alert {
    border: none;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .45);
    *border: 1px solid gray;
}

.icon-gray {
    opacity: 0.6;
    filter: alpha(opacity=60); /* msie */
}

/* junk styles */
.text-align-center {
    text-align: center;
}

.margins-auto {
    margin-left: auto;
    margin-right: auto;
}

.bottom-links {
    padding: 20px 0;
}

.mynetdiary-trademark {
    margin-bottom: 30px;
    color: #BFD8A5;
    font-size: 12px;
    line-height: 16px;
}

.mynetdiary-inc {
    font-size: 1.2em;
    color: white;
}

.fake-space {
    border-left: .25em solid transparent;
}

a.notLink, a.notLink:hover, a.notLink:active, a.notLink:visited {
    color: inherit;
    text-decoration: none;
}

#emails-section {
    display: block;
    margin-bottom: 10px;
}

.emails-section-help-inline {
    color: #b94a48;
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
}

.modal.fade.in {
    top: 34%;
}

.email-record-gd {
    padding: 0.2em;
}

.seal-container {
    padding: 1em 0;
}

.box {
    display: block;
    clear: both;
    margin-bottom: 2em;
}

.box img.pull-right {
    margin: 0 1em 1em 1em;
}

img.pull-right, a.pull-right > img {
    margin-left: 1em;
}

.iphoneFeaturesScreenShot {
    max-height: 762px
}

.logo-img {
    background-image: url("//s3.amazonaws.com/img.mynetdiary.com/src/common/new_logo@2x.png");
    background-size: 305px 74px;
    width: 305px;
    height: 74px;
}

.mynetdiary-diabetes-img {
    background-image: url("//s3.amazonaws.com/img.mynetdiary.com/src/common/mynetdiary-diabetes.png");
    background-size: 475px 74px;
    width: 475px;
    height: 74px;
    max-width: 100%;
}

.logo-white {
    background-image: url("/img/logo-white.png");
    background-size: 321px 84px;
    width: 321px;
    height: 84px;
}

.groupDiscountExplainImg {
    width: 300px;
    float: right;
    margin: 4px;
}

.paymentLogo {
    width: 40px;
}

.facebook-likebox {
    max-width: 100%;
    overflow-x: hidden;
}

.green-header-background {
    background-image: url('//s3.amazonaws.com/img.mynetdiary.com/src/common/header-stripe.jpg');
    background-repeat: repeat-x;
    min-height: 85px;
}

/* begin for index header */

.top-gradient-light {
    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%);
}

.adsense_160x600 {
    width: 160px;
    background-color: #fdfdfd;
}

.glyph-big-icon {
    margin-top: 28px;
    margin-left: -83px;
    float: left;
}

.glyph-container {
    margin-left: 100px;
}

.help-image-bubble {
    border: 1px solid #888888;
    border-radius: 5px;
    box-shadow: 0 1px 4px gray;
    background-color: #eeeeee;
    padding: 5px;
}

/* end for index header */

.sign-up-box {
    margin-top: 2em;
    margin-bottom: 2em;
}

.mealPlanScreenshotWidth {
    width: 640px;
}
.mealPlanScreenshot {
    box-shadow: 0 0.5em 1em gray;
    border-radius: 7px;
}

.mealPlanPaymentBox {
    opacity: 0.5;
    transition: all 0.5s ease 0.2s;
}

.mealPlanPaymentBox:hover {
    opacity: 1;
}

.paymentPictures {
    border: 1px solid #F0F0F0;
    border-radius: 3px;
    background-color: #F8F8F8;
    margin-bottom: 15px;
}

.paymentPicture {
    max-width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.col-md-3  {
    width: 25%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.jumbotron {
    padding: 48px 60px;
    border-radius: 6px;
    margin: 20px 0;
    font-size: 200%;
    line-height: 150%;
    background-color: #eee;
}

.section-logon{
    color: #424242;
    font-size: 15px;
}

.section-logon h1{
    padding-top: 20px;
    padding-bottom: 60px;
    font-size: 48px;
    font-weight: 300;
    color: #424242;
}

.section-logon h3{
    margin-bottom: 30px;
    font-size: 36px;
    color: #3ab42f;
    font-weight: 300;
}

.section-logon .form-horizontal{
    padding-right: 25px;
    border-right: 1px solid #ccc;
}

.section-logon .controls{
    margin-left: 220px;
}

.section-logon .control-label{
    padding-top: 15px;
    margin-bottom: 15px;
    width: 200px;
    font-size: 16px;
    font-weight: 700;
}

.section-logon .input-block-level{
    margin-bottom: 5px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 3px;
}

.section-logon .btn-go{
    position: relative;
    display: inline-block;
    padding: 0 50px 0 0;
    width: 100%;
    box-shadow: none;
    border: none;
    background: #eeaf41;
    border-radius: 0;
    text-shadow: none;
    line-height: 50px;
    text-align: center;
    overflow: hidden;
}

.section-logon .btn-go::after{
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 50px;
    background: #e6881a url(img/icon-chevron-right.png) 50% 50% no-repeat;
    content: "";
}

.section-logon .btn-go:hover{
    background: #eeab36;
}

.section-logon .btn-go:hover::after{
    background-color: #e6830e;
}

.section-logon .error .control-label{color: #424242;}
.section-logon .error .input-block-level{border-color: #ec633e;}
.section-logon .error .help-inline{color: #ec633e;}

.section-logon p{
    margin-bottom: 20px;
}

.section-logon .logonMaterials{
    margin-bottom: 10px;
}

.block-ipad{
    position: relative;
    margin-top: 80px;
    padding: 15px 130px 25px 30px;
    font-size: 17px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.block-ipad h3{
    margin: 0 0 10px;
    padding: 0;
}

.block-ipad .landingImageRight{
    position: absolute;
    right: 25px;
    top: -25px;
}

.block-ipad p{
    margin: 0;
}

/* Large Devices, Wide Screens */
@media (min-width : 980px) and (max-width : 1200px) {
    .section-logon .span-md-8{
        width: 66.6667%;
    }

    .section-logon .span-md-4{
        width: 31.2056%;
    }

    .section-logon .span4{
        width: 40.4255%;
    }
}

/* Medium Devices, Desktops */
@media (min-width : 768px) and (max-width : 979px) {
    .section-logon .span-sm-7{
        width: 58.3333%;
    }

    .section-logon .span-sm-5{
        width: 38.90427%;
    }

    .section-logon .span7,
    .section-logon .span4{
        float: none;
        width: auto;
    }

    .section-logon .span4{
        margin-left: 0;
    }

    .block-ipad .landingImageRight{
        right: 10px;
        top: 20px;
    }
}

@media (max-width: 767px) {

    h1 {
        font-size: 31.5px;
        line-height: 40px;
    }

    h1 small {
        font-size: 24.5px;
        line-height: 30px;
    }

    h2 {
        font-size: 24.5px;
        line-height: 30px;
    }

    h2 small {
        font-size: 17.5px;
        line-height: 22px;
    }

    h3, h4, .lead {
        font-size: 17.5px;
        line-height: 24px;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom,
    .navbar-static-top{
        margin-left: 0;
        margin-right: 0;
    }

    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container{
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .facebook-likebox {
        text-align: center;
        margin-left: -10px;
        margin-right: -20px;
    }

    .css-tr {
        display: block;
        text-align: center;
    }

    .css-table {
        display: block;
    }

    .css-td {
        display: block;
    }

    .css-td-inline {
        display: inline-block;
    }

    .css-td, .css-td-inline {
        padding: 0 1em 1.25em;
        margin-left: 12px;
        margin-right: 12px;
    }

    .apple-box, .green-background-image, .top-gradient, .common-header, .navbar {
        margin-left: -20px;
        margin-right: -20px;
    }

    .navbar .navbar-inner {
        border-left: 0;
        border-right: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .top-block {
        margin-right: 2%;
        margin-left: 2%;
    }

    .search-query::-webkit-input-placeholder, .search-query:-moz-placeholder, .search-query:-ms-placeholder {
        text-align: right;
    }

    .form-search .input-append-wideable {
        display: block;
        text-align: center;
    }

    .articleStartImage, .articleStartImageRight {
        max-width: 100%;
    }

    .row-fluid [class*="span"].nav-collapse-column {
        min-height: 0;
    }

    #contentcol .landingImage, #contentcol .landingImageRight, .articleStartImage, .articleStartImageRight {
        display: block;
        float: none;
    }

    .text-align-center-phone {
        text-align: center;
    }

    td ul.bullets {
        margin-left: 0.75em;
    }

    td ul.bullets > li:before {
        width: .375em;
        margin-left: -.375em;
        margin-right: .25em;
    }

    td ul.bullets > li {
        margin-right: 0;
    }

    div.full-width-phone {
        margin: 0 -20px;
        padding: 0;
        width: auto;
        display: block;
    }

    .form-main {
        padding: 20px 10px 10px;
    }

    .top-row {
        padding-top: 0;
    }

    .three-stripes-phone-nav .icon-bar {
        /* copy-paste from  bootstrap.css .navbar .btn-navbar .icon-bar */
        display: block;
        width: 18px;
        height: 2px;
        background-color: #f5f5f5;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        margin-top: 3px;

    }

    .three-stripes-phone-nav {
        display: inline-block;
        visibility: visible;
        margin: 26px 0 0 10px;
        max-width: 20%;
    }

    .icon-bar-btn {
        height: 20px;

        display: inline-block;
        *display: inline;
        padding: 4px 15px 4px 12px;
        margin-bottom: 0;
        *margin-left: .3em;
        font-size: 14px;
        line-height: 20px;
        *line-height: 20px;
        color: #333333;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        vertical-align: middle;
        cursor: pointer;
        background-color: #f5f5f5;
        *background-color: #e6e6e6;
        background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
        background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
        background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
        background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
        background-repeat: repeat-x;
        border: 1px solid #bbbbbb;
        *border: 0;
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        border-bottom-color: #a2a2a2;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        *zoom: 1;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .explicit-search-btn {
        text-align: left;
        padding: 15px 10px 0 20px;
    }

    .navbar .btn-navbar {
        display: none;
        margin-right: 0;
    }

    .navbar-inner {
        min-height: 0;
    }

    .glyph-container {
        margin-left: 50px;
    }

    .glyph-big-icon {
        margin-top: 21px;
        width: 34px;
        margin-left: -42px;
    }
    [class*="span"].nav-collapse, .uneditable-input[class*="span"].nav-collapse, .row-fluid [class*="span"].nav-collapse {
        /*Fix IOS7 iPhone collapsing to white box without expected menu items */
        height: auto;
        display: none;
    }

    .section-logon .form-horizontal{
        padding-right: 0;
        border: none;
    }
}

@media (max-width: 1200px) {
    .section-logon .control-label{
        float: none;
        width: auto;
    }

    .section-logon .control-group{
        margin-bottom: 0;
    }

    .section-logon .control-label{
        text-align: left;
    }

    .section-logon .controls{
        margin-left: 0;
    }

    .block-ipad{
        margin-top: 30px;
    }
}

@media (max-width: 979px) {
    .nav-collapse .nav > li > a {
        font-weight: normal;
    }

    #learnMoreTopicList > li > a,
    #mobileTopicList > li > a {
        font-weight: bold;
    }

    h1 {
        font-size: 31.5px;
    }

    h1 small {
        font-size: 17.5px;
    }

    h1,
    h2 {
        line-height: 35px;
    }

    h3 {
        line-height: 30px;
    }

    .index-navbar .navbar-inner {
        text-align: left;
    }

    .nav-collapse, .nav-collapse.collapse, .nav-collapse.collapse
    {
        /*Fix IOS7 iPhone collapsing to white box without expected menu items */
        height: auto;
        display: none;
    }

    .section-logon h1{
        padding-bottom: 35px;
        font-size: 42px;
    }

    .section-logon h3{
        font-size: 32px;
    }

    .container-fluid{
        padding-left: 0;
        padding-right: 0;
    }

    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{
        padding-right: 20px;
        padding-left: 20px;
        width: auto;
    }

    .navbar-inner{
        padding-right: 0;
        padding-left: 0;
    }

    .navbar .btn-navbar{
        margin-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .diabetes-search-block .form-search .input-medium {
        width: 125px;
    }
}

@media (min-width: 768px) {

    .css-tr {
        display: table-row;
        border-collapse: separate;
    }

    .css-table {
        display: table;
        margin-left: auto;
        margin-right: auto;
        border-collapse: separate;
        border-spacing: 10px;
        max-width: 100%;
    }

    .css-td, .css-td-inline {
        display: table-cell;
        vertical-align: top;
    }

    .top-block {
        display: inline-block;
    }

    .top-block:last-child {
        margin-right: 0;
    }

    .div-height-100 {
        padding-bottom: 20em;
        margin-bottom: -20em;
    }

    .nav-collapse-column {
        height: auto;
    }

    #navcol.nav-collapse-column {
        height: auto ! important;
    }

    .navbar > .navbar-inner > .nav-collapse > .nav > .active > a {
        margin-top: -1px;
        padding-bottom: 12px;
        margin-bottom: -2px;
    }

    .blogIndexImg {
        max-height: 110px;
        text-align: right;
        float: right;
        margin-top: 7px;
    }

    .blogIndexImgContainer {
        max-width: 110px;
        max-height: 110px;
        text-align: right;
    }

    .top-block.logo {
        margin-bottom: -18px;
    }
}

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

    .common-header .container{
        padding-left: 0;
        padding-right: 0;
    }

    .common-header .logo{
        float: none;
    }

    .common-header .logo-white{
        margin: 0 auto;
    }

    .common-header .form-search{
        float: none;
        margin: 5px 80px 10px 20px;
    }

    .common-header .three-stripes-phone-nav{
        position: absolute;
        bottom: 2px;
        right: 20px;
    }
}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (device-pixel-ratio: 2), (-moz-device-pixel-ratio: 2) {
    .logo-img {
        background-image: url("//s3.amazonaws.com/img.mynetdiary.com/src/common/new_logo@2x.png");
    }

    .mynetdiary-diabetes-img {
        background-image: url("//s3.amazonaws.com/img.mynetdiary.com/src/common/mynetdiary-diabetes@2x.png");
    }

    .logo-white {
        background-image: url("/img/logo-white@2x.png");
    }
}

.accordion-heading .accordion-toggle {
    background-color: rgb(242,242,242);
    color: #707070;
}
.getMyNetDiaryOption {
    display: none;
}

.help-screenshot {
    display: block;
    max-width: 544px;
    width: 100%;
    margin: 2em auto;
}

.help-screenshot-mobile {
    display: block;
    /*tag_screenshot_mobile*/
    max-width: 21em;
    margin: 2em auto;
}

.help-screenshot-wide {
    display: block;
    max-width: 900px;
}


.list-star-bulled-black > li:before {
    content: '\2605';
    color: #000000;
    margin-left: -1.8em;
}

.list-circle-bulled-white > li:before {
    content: '\26AC';
    color: #000000;
    margin-left: -1.8em;
}
.list-circle-bulled-dark > li:before {
    content: '\25CF';
    color: #000000;
    margin-left: -1.8em;
}

@media (min-width: 768px){
.wide-screen-hidden {
              display: none !important;
    }
}

.no_margin_bottom {
    margin-bottom: 0 !important;
}
.no_padding {
    padding: 0 !important;
}