* {
  margin: 0;
  padding: 0; }

body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #678FC2;
  font-size: 1em;
  color: black;
  font-weight: bold;
  padding: 10px 30px 0 30px; }

a, a:link, a:visited, a:active, a:hover {
  text-decoration: none;
  color: black; }

img {
  border: 0 none; }

fieldset {
  padding: 10px 0 15px 0;
  font-size: 85%;
  width: auto; }
  fieldset legend {
    font-size: 1.2em;
    margin-left: 10px; }
  fieldset div {
    padding: 0 20px; }

label {
  display: block; }

ul li {
  list-style: none;
  line-height: 20px; }

table {
  width: 100%;
  border-collapse: collapse; }
  table tr td {
    vertical-align: top; }

h3 a {
  font-size: 0.8em; }

form input, form textfield, form textarea {
  border: 1px #aed0ea solid;
  padding: 5px 5px;
  height: 15px; }
form textarea {
  height: auto; }

#header {
  color: white; }
  #header .login {
    display: inline; }
    #header .login a {
      color: white;
      margin-left: 10px;
      vertical-align: top;
      font-size: 0.9em; }
    #header .login ul {
      list-style: none;
      margin: 10px 0 0 0;
      padding: 0; }
      #header .login ul li {
        display: inline;
        margin: 0;
        padding: 3px 6px;
        background-color: white;
        border-top: 1px black solid;
        border-left: 1px black solid;
        border-right: 1px black solid;
        line-height: 24px; }
        #header .login ul li a {
          font-size: 1em;
          color: black;
          margin: 0; }

#page {
  background-color: white;
  padding: 20px 25px;
  border: 1px black solid;
  margin-top: -1px; }
  #page a {
    color: #4183C4; }
    #page a img {
      border: none; }
  #page h3 {
    margin-bottom: 8px; }
  #page #content {
    width: 790px;
    margin: 10px auto; }

#map {
  margin: 5px 0;
  clear: right; }
  #map #map_canvas {
    height: 350px;
    border: 1px black solid;
    margin: 0 auto; }
  #map .map_text {
    font-size: 85%; }

.button {
  height: 27px;
  font-weight: bold;
  margin: 15px 0; }

.nav a {
  margin-right: 15px; }

.tools a {
  margin-left: 15px;
  float: right; }

.box {
  border: 1px black solid;
  padding: 20px;
  clear: right;
  margin-top: -1px; }

.menus {
  margin: 0 auto; }
  .menus .show .title {
    font-size: 2em;
    margin-bottom: 5px; }
  .menus .show .panel {
    color: #5d5b49;
    text-align: center;
    border: 1px #CCC solid;
    text-align: center;
    font-size: 0.9em;
    font-family: "Times New Roman",Georgia,Serif;
    font-style: italic;
    padding: 40px 20px;
    background-color: #fffdea;
    margin-bottom: 20px;
    clear: right; }
    .menus .show .panel .category {
      margin-bottom: 15px; }
      .menus .show .panel .category .items {
        line-height: 25px; }
        .menus .show .panel .category .items a {
          color: #5d5b49;
          font-style: italic; }
  .menus .edit {
    padding-top: 26px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    text-align: left;
    margin-top: -23px; }
    .menus .edit fieldset {
      margin: 15px 0; }
    .menus .edit table {
      border-collapse: collapse;
      border-spacing: 0 0; }
    .menus .edit .categories fieldset {
      width: 250px;
      margin-right: 20px; }

.categories h3 {
  font-size: 1em; }

.accounts .index .nav a {
  margin-right: 5px; }

.items fieldset {
  width: auto; }
.items .nav ul {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0; }
  .items .nav ul li {
    display: inline;
    margin: 0;
    padding: 3px 6px;
    background-color: white;
    border-top: 1px black solid;
    border-left: 1px black solid;
    border-right: 1px black solid;
    line-height: 24px; }
    .items .nav ul li a {
      font-size: 1em;
      color: black;
      margin: 0; }
.items .index .items fieldset {
  margin-left: 20px; }
.items .show fieldset {
  font-size: 0.9em; }
.items .show li {
  margin-bottom: 6px; }
.items .edit #picture {
  margin: 0;
  padding: 0; }
  .items .edit #picture a {
    font-size: 0.75em; }

.jcrop-holder {
  text-align: left; }

.jcrop-vline, .jcrop-hline {
  font-size: 0;
  position: absolute;
  background: white; }

.jcrop-vline {
  height: 100%;
  width: 1px !important; }

.jcrop-hline {
  width: 100%;
  height: 1px !important; }

.jcrop-handle {
  font-size: 1px;
  width: 7px !important;
  height: 7px !important;
  border: 1px #eee solid;
  background-color: #333;
  *width: 9px;
  *height: 9px; }

.jcrop-tracker {
  width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline {
  background: yellow; }

.custom .jcrop-handle {
  border-color: black;
  background-color: #C7BB00;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.periods .show table {
  border-collapse: collapse; }
  .periods .show table th, .periods .show table td {
    padding: 3px; }
  .periods .show table th {
    background: #eee9e9;
    width: 33%; }
  .periods .show table tr td {
    text-align: center; }

table.nutrition {
  line-height: 15px;
  border: 1px solid black;
  table-layout: fixed;
  width: 275px;
  margin: 0;
  background-color: white;
  color: black; }
  table.nutrition tr {
    border-bottom: 1px solid black; }
    table.nutrition tr#title {
      border: none;
      line-height: 20px; }
    table.nutrition tr#calories td {
      border-bottom: 4px solid black; }
      table.nutrition tr#calories td.right {
        text-align: right;
        padding: 0;
        float: none; }
    table.nutrition tr#servings td {
      border-bottom: 6px solid black; }
    table.nutrition tr#minerals td {
      border-top: 4px solid black; }
  table.nutrition th {
    padding: 3px;
    border: 0;
    font-family: Arial;
    font-size: large;
    font-weight: bolder; }
  table.nutrition td {
    padding: 3px;
    font-family: Arial;
    font-size: x-small;
    border: 0;
    text-align: left; }
    table.nutrition td.dv {
      font-weight: bold;
      text-align: right; }
    table.nutrition td.sub {
      text-indent: 10px;
      width: 60%; }
    table.nutrition td.disclaimer {
      font-size: xx-small; }
  table.nutrition strong {
    font-weight: x-bolder; }

#flash_messages {
  text-align: center;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  margin-bottom: 15px; }
  #flash_messages p {
    margin: 0;
    padding: 0; }
  #flash_messages .error {
    border: 1px solid #9e0b0f;
    background: #ffcccc;
    color: #9e0b0f;
    margin: 10px;
    padding: 10px 8px; }
  #flash_messages .notice {
    border: 1px solid #f7941d;
    background: #fff799;
    color: #f7941d;
    margin: 10px;
    padding: 10px 8px; }


.menus {
  margin: 0 auto; }
  .menus .show .title {
    font-size: 2em;
    margin-bottom: 5px; }
  .menus .show .panel {
    color: #5d5b49;
    text-align: center;
    border: 1px #CCC solid;
    text-align: center;
    font-size: 0.9em;
    font-family: "Times New Roman",Georgia,Serif;
    font-style: italic;
    padding: 40px 20px;
    background-color: #fffdea;
    margin-bottom: 20px;
    clear: right; }
    .menus .show .panel .category {
      margin-bottom: 15px; }
      .menus .show .panel .category .items {
        line-height: 25px; }
        .menus .show .panel .category .items a {
          color: #5d5b49;
          font-style: italic; }
  .menus .edit {
    padding-top: 26px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    text-align: left;
    margin-top: -23px; }
    .menus .edit fieldset {
      margin: 15px 0; }
    .menus .edit table {
      border-collapse: collapse;
      border-spacing: 0 0; }
    .menus .edit .categories fieldset {
      width: 250px;
      margin-right: 20px; }
