body {
  font-family: arial, 'Hiragino Sans GB', Tahoma, Helvetica, STHeiti;
  margin: 8px;
  color: black; }

  @media (min-width: 768px) {
    body {
      padding-top: 53px;   }
}

@media (max-width: 768px) {
  body {
    padding-top: 230px;   }
}

.container {
  width: 800px;
  margin-left: auto;
  padding-left: 10px; }

  table.forecast-table {
    border-collapse: collapse; }

    table.forecast-table, table.forecast-table th, table.forecast-table td {
      border: 1px solid gray;
      padding: 3px;
      text-align: center; }

      @media print {
        body {
          -webkit-print-color-adjust: exact;   }
}

.container {
  width: 900px; }

  #main table.forecast-table tr {
    border-left: solid 2px;
    border-right: solid 2px; }
    #main table.forecast-table tr .header {
      font-weight: normal;
      border-bottom: solid 2px; }
      #main table.forecast-table tr .title {
        background-color: lightyellow !important; }

#main table.forecast-table th {
  font-weight: normal;
  font-style: italic; }

  #main table.forecast-table .title {
    font-weight: bolder;
    border-top: solid 2px;
    border-bottom: solid 2px; }

    #main table.forecast-table tr:last-child {
      border-bottom: solid 2px; }

      .spacer {
        border-top: solid 2px; }

        .time {
          border-right: solid 2px !important; }

          .good_to_col {
            border-left: solid 2px !important;
            border-right: solid 2px !important; }

            .flashes {
              color: red; }

              .good_color {
                background-color: #80ff80 !important; }

                .bad_color {
                  background-color: #ff8080 !important; }

                  .color_0 {
                    background-color: #ff8080 !important; }

                    .color_1 {
                      background-color: #ff9080 !important; }

                      .color_2 {
                        background-color: #ffa080 !important; }

                        .color_3 {
                          background-color: #ffb080 !important; }

                          .color_4 {
                            background-color: #ffc080 !important; }

                            .color_5 {
                              background-color: #ffcf80 !important; }

                              .color_6 {
                                background-color: #ffdf80 !important; }

                                .color_7 {
                                  background-color: #ffef80 !important; }

                                  .color_8 {
                                    background-color: #ffff80 !important; }

                                    .color_9 {
                                      background-color: #efff80 !important; }

                                      .color_10 {
                                        background-color: #dfff80 !important; }

                                        .color_11 {
                                          background-color: #cfff80 !important; }

                                          .color_12 {
                                            background-color: #c0ff80 !important; }

                                            .color_13 {
                                              background-color: #b0ff80 !important; }

                                              .color_14 {
                                                background-color: #a0ff80 !important; }

                                                .color_15 {
                                                  background-color: #90ff80 !important; }

                                                  .color_16 {
                                                    background-color: #80ff80 !important; }

                                                    .good_disabled_color {
                                                      background-color: #e0ffe0 !important; }

                                                      .error {
                                                        color: red; }

                                                        #map {
                                                          width: 760px;
                                                          height: 400px; }

                                                          h4 {
                                                            margin-bottom: 15px;
                                                            font-size: inherit;
                                                            font-weight: bold; }

                                                            .tfr_warning {
                                                              color: orangered;
                                                              font-size: 14px; }

                                                              #main {
                                                                line-height: normal; }
                                                                #main label {
                                                                  font-weight: normal;
                                                                  margin-bottom: 0px; }

hr {
  margin-top: 7px;
  margin-bottom: 7px;
  border: 1px inset #eee; }

  #main p {
    margin: 14px 0 14px 0; }

    #main a {
      text-decoration: underline; }

      input[type=checkbox], input[type=radio] {
        margin: 3px 0.5ex; }

        .navbar-default {
          background: linear-gradient(#398CE1, #4168DA); }

          .white-shadow {
            color: white !important;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9); }

            #user_dropdown {
              padding: 10px 15px; }

              #user_dropdown img {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                border: 0 none; }

                .navbar-default .navbar-nav > .open > a,
                .navbar-default .navbar-nav > .open > a:focus,
                .navbar-default .navbar-nav > .open > a:hover {
                  background: linear-gradient(#4168DA, #398CE1); }

                  ul.dropdown-menu .glyphicon {
                    padding-right: 10px; }

                    table.feature-matrix {
                      box-sizing: border-box;
                      width: 100%; }
                      table.feature-matrix th, table.feature-matrix td {
                        border: none; }
                        table.feature-matrix thead > tr {
                          border-bottom: solid 1px black;
                          border-top: solid 1px black;
                          background-color: lightyellow;
                          font-style: italic; }
                          table.feature-matrix tr {
                            border-top: solid 1px #ccc;
                            border-bottom: solid 1px #ccc; }
                            table.feature-matrix th:first-child, table.feature-matrix td:first-child {
                              font-weight: bold;
                              color: black;
                              border-right: solid 1px black;
                              border-left: solid 1px black; }
                              table.feature-matrix tr.price-row > td {
                                border-bottom: solid 1px black;
                                border-top: solid 1px black; }
                                table.feature-matrix td, table.feature-matrix th {
                                  text-align: center;
                                  border-right: solid 1px black;
                                  font-size: 16px;
                                  padding: 6px;
                                  word-wrap: break-word; }
                                  table.feature-matrix th > td {
                                    border-top: solid 1px black;
                                    border-bottom: solid 1px black; }
                                    table.feature-matrix td {
                                      font-weight: bold;
                                      font-size: 16px; }
                                      table.feature-matrix .no {
                                        color: #ff4040;
                                        font-size: 16px; }
                                        table.feature-matrix .yes {
                                          color: #00e000;
                                          font-size: 16px; }
                                          table.feature-matrix .coming_soon {
                                            font-style: italic;
                                            font-weight: 100; }

.smartbanner {
  position: fixed; }

  .tm {
    font-size: 50%;
    top: -1em;
    vertical-align: super;
    position: relative;
    line-height: 0;
    vertical-align: baseline; }

    .nav > li > a {
      padding-left: 12px;
      padding-right: 12px; }

      .hobby-icon {
        border-radius: 6px;
        display: inline;
        margin-right: 5px;
        margin-left: -4px; }

        .question {
          font-weight: bold; }

          .faq-div {
            font-family: arial, 'Hiragino Sans GB', Tahoma, Arial, Helvetica, STHeiti;
            font-size: 14px; }

            .map-legend {
              border-color: #b2b2b2;
              background-color: #f8f8f8;
              color: #444;
              position: absolute;
              left: 0px;
              bottom: 0px;
              display: inline-block;
              margin: 10px 10px 30px 10px;
              z-index: 1000001;
              padding: 3px 6px;
              border-width: 1px;
              border-style: solid;
              border-radius: 2px;
              cursor: pointer;
              font-size: 12px;
              line-height: 15px; }

              .button {
                border-color: #b2b2b2;
                background-color: #f8f8f8;
                color: #444;
                position: relative;
                display: inline-block;
                margin: 0;
                padding: 0 12px;
                min-width: 52px;
                min-height: 47px;
                border-width: 1px;
                border-style: solid;
                border-radius: 2px;
                vertical-align: top;
                text-align: center;
                text-overflow: ellipsis;
                font-size: 16px;
                line-height: 42px;
                cursor: pointer; }

                .button.button-positive {
                  border-color: #0c60ee;
                  background-color: #387ef5;
                  color: #fff; }

                  .button.button-stable {
                    border-color: #b2b2b2;
                    background-color: #f8f8f8;
                    color: #444; }

                    #map .button {
                      font-size: small;
                      line-height: 30px;
                      min-width: initial;
                      min-height: initial; }

                      .savings {
                        color: darkgreen; }

                        .goodtostargaze-body {
                          color: #ddd;
                          background-color: black; }
                          .goodtostargaze-body input, .goodtostargaze-body select {
                            color: #fff !important;
                            background-color: #000;
                            border-width: 1px;
                            border-style: groove; }
                            .goodtostargaze-body .form-control {
                              color: #fff !important;
                              background-color: #000; }
                              .goodtostargaze-body .good_color {
                                background-color: #418041 !important; }
                                .goodtostargaze-body .bad_color {
                                  background-color: #804141 !important; }
                                  .goodtostargaze-body .good_disabled_color {
                                    background-color: black !important; }
                                    .goodtostargaze-body #main table.forecast-table tr .title {
                                      background-color: #666659 !important; }
                          .goodtostargaze-body .navbar-default {
                            background: linear-gradient(#112255, #11406f); }
                            .goodtostargaze-body .navbar-default .navbar-nav > .open > a,
                            .goodtostargaze-body .navbar-default .navbar-nav > .open > a:focus,
                            .goodtostargaze-body .navbar-default .navbar-nav > .open > a:hover {
                              background: linear-gradient(#11406f, #112255); }
                              .goodtostargaze-body .panel {
                                background-color: #222; }
                                .goodtostargaze-body .dropdown-menu {
                                  background-color: #222;
                                  border: 1px solid white; }
                                  .goodtostargaze-body .dropdown-menu li > a {
                                    color: white; }
                                    .goodtostargaze-body .dropdown-menu li > a:hover {
                                      color: #222;
                                      background-color: #aaa; }
                          .goodtostargaze-body .savings {
                            color: green; }
                            .goodtostargaze-body .container {
                              width: 1000px; }
                              .goodtostargaze-body #map {
                                width: 1000px;
                                height: 600px; }
                                .goodtostargaze-body .navbar-default {
                                  border-color: transparent; }
                                  .goodtostargaze-body hr {
                                    border: 1px inset #646464; }