/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope. TE
 *


 */
@import url(/assets/jscalendar/calendar-system-fec961d57fdb6a26ecd6bc67a726d562ee4a9dfe7483381b401aedd9620ef54e.css);
div.error {
  border: red solid 1px;
  padding: 6px;
  border-radius: 8px;
  color: red;
  display: inline-block; }
  div.error .suggest {
    text-align: right;
    color: black; }
    div.error .suggest a,
    div.error .suggest a:link,
    div.error .suggest a:visited {
      font-style: italic; }

/**** my form ***************************************************************/
img.required {
  width: 8px;
  vertical-align: 0.1em;
  margin-left: 4px; }

form.my .hint {
  font-size: 80%;
  line-height: 1.1em;
  color: #999999; }
  form.my .hint p {
    font-size: inherit;
    line-height: inherit; }
  form.my .hint p,
  form.my .hint p {
    margin: 4px 0px; }

form.my fieldset {
  background: #fafaff;
  border: solid 1px #dddddd;
  border-radius: 8px;
  padding: 6px;
  display: inline-block; }

form.my .how-to {
  display: inline-block; }
  form.my .how-to .title {
    position: relative;
    color: blue;
    font-style: italic;
    margin: 2px 0 2px 16px;
    font-size: 90%; }
    form.my .how-to .title img {
      height: 20px;
      margin-right: 6px;
      vertical-align: bottom; }
  form.my .how-to .title:hover .how-to-info {
    display: inline-block;
    z-index: 10;
    bottom: 1px; }
  form.my .how-to .how-to-info {
    white-space: normal;
    display: none;
    background-color: white;
    position: absolute;
    width: 360px;
    padding: 24px;
    border: 4px #999999 solid;
    border-radius: 24px;
    color: black;
    font-style: normal; }
    form.my .how-to .how-to-info h2 {
      margin: 0 0 16px 0;
      font-size: 1.7em; }
    form.my .how-to .how-to-info ul {
      margin-left: 12px;
      padding: 0; }
    form.my .how-to .how-to-info em {
      border: #dddddd 1px solid;
      display: inline-block;
      padding: 2px 4px;
      font-style: normal;
      font-family: monospace;
      line-height: 1.1em;
      background-color: #f3f3f3;
      border-radius: 6px;
      color: blue; }
    form.my .how-to .how-to-info mark {
      display: inline-block;
      line-height: 1em;
      padding: 2px; }

form.my .error {
  border: solid 3px red; }

form.my label {
  background-color: inherit;
  padding: 6px !important;
  display: inline-block; }

form.my span.label-text {
  border-radius: 4px 4px 0 0;
  background-color: #5B5B60;
  color: #dddddd;
  padding: 3px 10px 4px 10px;
  line-height: 1.6em;
  display: inline;
  white-space: nowrap; }
  form.my span.label-text img {
    width: 8px;
    vertical-align: 0.1em;
    margin-left: 4px; }

form.my span.label-text:after {
  content: "\a";
  white-space: pre-wrap; }

form.my input[type=image] {
  display: inline-block;
  height: 1.2em;
  vertical-align: middle;
  max-width: 1.2em;
  margin: 4px !important; }

form.my select.right {
  text-align: right; }

form.my .info {
  vertical-align: top;
  display: inline-block;
  margin: 10px; }
  form.my .info p {
    line-height: 1.1em;
    font-size: 80%;
    color: #999999; }

form.my div.row {
  display: table-row;
  margin: 0;
  padding: 0;
  line-height: 0; }
  form.my div.row label {
    display: table-cell; }

form.my div.error-listing {
  margin: 0 0 12px 24px; }
  form.my div.error-listing h2 {
    text-align: left; }
  form.my div.error-listing ul {
    margin: 0 0 0 24px;
    list-style-type: '\26d4'; }
    form.my div.error-listing ul li {
      padding-left: 4px; }

/*** model menu *************************************************************/
span.has-menu {
  position: relative;
  vertical-align: top;
  display: inline-block;
  white-space: normal; }
  span.has-menu .model-menu {
    border: solid 1px #cccccc;
    background-color: #fafaff;
    padding: 16px;
    border-spacing: 3px;
    /* if display: table then padding won't work, but this will */
    border-collapse: separate;
    position: absolute;
    z-index: 100;
    top: auto;
    display: none;
    text-align: center !important;
    font-size: 15px;
    font-family: roboto, verdana, arial;
    font-weight: normal;
    line-height: 1.7em; }
    span.has-menu .model-menu a {
      display: inline;
      padding: 2px;
      white-space: nowrap; }
    span.has-menu .model-menu a:after {
      content: "\a";
      white-space: pre; }
    span.has-menu .model-menu div {
      white-space: nowrap; }

span.has-menu:hover div.model-menu {
  display: table; }

/*** for auto complete ********************************************************/
div.auto_complete {
  width: 350px;
  background: #fff;
  position: absolute;
  z-index: 10; }
  div.auto_complete ul {
    border: 1px solid #888;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none; }
    div.auto_complete ul li {
      margin: 0;
      padding: 3px; }
    div.auto_complete ul li.selected {
      background-color: #ffb; }
    div.auto_complete ul ul strong.highlight {
      color: #800;
      margin: 0;
      padding: 0; }

#pic-blackout.hide {
  background-color: white;
  width: 100%;
  height: 1px;
  display: none;
  position: absolute;
  opacity: 0;
  z-index: 200;
  /* other attributes must be defined in html */
  left: 0px;
  top: 0px;
  transition: background-color 3s; }

#pic-blackout.show {
  display: block;
  opacity: 0.8;
  background-color: black;
  transition: background-color 3s; }

#large-pic {
  margin: 0pt auto;
  position: absolute;
  top: 0%;
  background-color: #fff;
  visibility: hidden;
  padding: 12px;
  z-index: 201; }

.draggable-thing {
  position: relative;
  cursor: move; }

/*** bits and pieces **********************************************************
*/
img.tools {
  max-width: 0.7em !important;
  max-height: 0.7em !important;
  vertical-align: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  clear: none !important;
  border: none !important; }

/*** bits and pieces **********************************************************
*/
div.shout-notice .debug {
  margin: 1em;
  padding: 12px;
  max-width: 800px;
  max-height: 30em;
  overflow: scroll;
  background-color: #dddddd; }

div.shout-notice .rows {
  margin: 1em;
  font-size: 110%; }

div.shout-notice .query {
  margin: 1em;
  padding: 12px;
  max-width: 800px;
  max-height: 20em;
  overflow: scroll;
  background-color: #ffe; }

/*** for the list of weblinks *************************************************/
.weblinks .list {
  margin: 8px 16px 0 0;
  padding: 0;
  list-style-type: none; }

.weblinks li {
  padding-bottom: 8px;
  padding-top: 8px; }

.weblinks .edit {
  display: none; }

.weblinks .view {
  /* width is in viewport definitions */
  padding-left: 20px;
  margin: 4px 0;
  line-height: 1.2em;
  text-indent: -20px; }
  .weblinks .view a {
    color: #000000; }
  .weblinks .view img {
    vertical-align: text-top; }
  .weblinks .view .title {
    vertical-align: 1px;
    font-weight: bold; }
  .weblinks .view .title:after {
    content: "\a";
    white-space: pre; }
  .weblinks .view .comment {
    font-size: 95%; }
    .weblinks .view .comment .par-break {
      height: 0.5em; }

.weblinks .new {
  text-align: left;
  font-size: 13px;
  margin: 4px 12px 8px 200px; }

.weblinks .view-image {
  border-radius: 2px;
  margin: 0 6px 0 12px;
  max-height: 140x;
  max-width: 110px;
  float: right; }

.tasting-note {
  padding: 2px;
  line-height: 1.2;
  color: black;
  border-right: 1px solid #EFD6AA;
  border-bottom: 1px solid #EFD6AA;
  background-color: #FFF6D3;
  color: #963; }

.item-note {
  margin-left: 6px;
  padding: 6px 4px 6px 4px;
  line-height: 13px;
  color: #653202;
  font-size: 11px;
  border-right: 1px solid #EFD6AA;
  border-bottom: 1px solid #EFD6AA;
  background-color: #FFF6D3; }

.link {
  font-size: 80%;
  background-color: #fff; }

fieldset {
  border-style: none; }

body {
  margin: 0;
  padding: 0;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #38230E;
  border-top: 8px solid #902;
  background: #EFE6CE; }

/* links */
a:link,
a:visited {
  color: #268CCD;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

/* page structure **************************************************
*/
#wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0;
  padding: 0 0 20px 0;
  background: linear-gradient(to bottom, #ffffff 0px, #F6F1DE 75px); }
  #wrap .left-margin,
  #wrap .right-margin {
    flex: 1; }
  #wrap .split-content {
    display: flex;
    flex-direction: row; }
  #wrap #wrap-inner {
    width: 800px;
    margin: 0 auto;
    padding: 0 15px;
    padding-top: 65px;
    font-size: 12px;
    text-align: left; }
    #wrap #wrap-inner #content {
      order: 2;
      width: 490px;
      padding: 0 0 0 20px;
      border-left-style: solid;
      border-left-width: 1px;
      border-left-color: #E0D0B1; }
    #wrap #wrap-inner #sidebar {
      order: 1;
      width: 270px;
      padding-right: 10px;
      margin: 0 0 20px 0; }

/*** shared header characteristics *****************************************
*/
.dave {
  background: url(/assets/banner_dave.png) no-repeat top left;
  background-size: 233px 42px; }

.thure {
  background: url(/assets/banner_thure.png) no-repeat top left;
  background-size: 233px 42px; }

.mike {
  background: url(/assets/banner.png) no-repeat top left;
  background-size: 233px 42px; }

form#search-top {
  white-space: nowrap; }

#header strong {
  padding: 0 0 0 12px;
  font-weight: normal;
  color: #963;
  background: url(/assets/wine/icon-fstar.gif) no-repeat 0 1px; }

/**** normal header including dash board ************************************
*/
div#top {
  height: 83px;
  margin: 0;
  padding: 0; }

#header.normal {
  margin: 0;
  font-size: 95%;
  text-align: left;
  background-color: #4A0015; }

#header.normal #menu {
  height: 83px;
  position: relative;
  width: 800px;
  margin: 0 auto; }

#header.normal span.logo {
  float: left;
  margin: 0;
  padding: 20px 0;
  /*text-indent: -9999px;*/ }

#header .logo span {
  display: block;
  width: 213px;
  height: 42px; }

#header.normal ul {
  float: right;
  margin: 53px 0 0;
  padding: 0;
  font-size: 105%;
  list-style: none; }

#header.normal ul li {
  float: left;
  margin: 0 0 0 3px;
  padding: 0;
  background: #730021 url(/assets/wine/toptab-bg.gif) repeat-x bottom left; }

#header.normal ul li > a {
  float: left;
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  color: #fff; }

#header.normal ul li a:hover {
  background: #902; }

#header.normal li#to-top {
  display: none; }

#header.normal #dash {
  top: 83px;
  position: absolute;
  width: 780px;
  border-radius: 0 0 8px 8px;
  padding: 10px 10px;
  font-size: 10px;
  background-color: #EFE6CE;
  display: table; }
  #header.normal #dash #transaction_dash {
    display: table-cell;
    width: 460px;
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 1.4em; }
    #header.normal #dash #transaction_dash strong {
      padding: 0 0 0 12px;
      font-weight: normal;
      color: #963;
      background: url(/assets/wine/icon-fstar.gif) no-repeat 0 1px; }

#header.normal form#search-top {
  display: table-cell;
  text-align: right;
  margin: 0;
  padding: 0; }
  #header.normal form#search-top input,
  #header.normal form#search-top img {
    vertical-align: middle; }
  #header.normal form#search-top input#searchtop-text {
    font-size: 140%; }

/****** floating header and dash board ******************************************/
#header.fixed {
  z-index: 1;
  position: fixed;
  top: 0px;
  font-size: 95%;
  text-align: left;
  width: 100%; }

#header.fixed #menu {
  white-space: nowrap;
  position: static;
  height: 40px;
  width: 780px;
  margin: 0 auto;
  padding: 0 10px;
  border-radius: 0 0 8px 8px;
  background-color: #EFE6CE;
  box-shadow: 0px 8px 12px -8px rgba(0, 0, 0, 0.5);
  /*box-shadow: 0px 3px 3px #cccccc;*/ }

#header.fixed span.logo {
  display: none; }

#header.fixed ul {
  display: inline-block;
  float: left;
  padding-left: 0px;
  margin: 6px 0 0 2px;
  list-style: none; }

#header.fixed ul li {
  margin: 6px 0 0 0;
  padding: 0;
  display: inline-block; }

#header.fixed ul li a:hover {
  background: #902; }

#header.fixed ul li a {
  padding: 3px 4px;
  text-decoration: none;
  background-color: #730021;
  color: #fff; }

#header.fixed li#to-top {
  display: inline; }

#header.fixed li#to-top a {
  background-color: transparent; }

#header.fixed li#to-top img {
  vertical-align: middle;
  filter: saturate(6000%) hue-rotate(-280deg) brightness(150%); }

#header.fixed #dash {
  padding-top: 6px;
  position: static;
  float: right;
  display: flex; }

#header.fixed form {
  display: inline-block;
  float: right; }

#header.fixed #transaction_dash {
  display: inline-block;
  vertical-align: middle;
  font-size: 90%;
  padding-right: 6px; }

#header.fixed form#search-top {
  margin: 0;
  padding: 0; }
  #header.fixed form#search-top input {
    vertical-align: middle; }

#header.fixed #dash .transaction-time {
  display: none; }

.report-list div {
  display: list-item;
  margin: 0 0 3px 36px; }

/*------------------------------------------------------------
        Auto complete
        ------------------------------------------------------------*/
div.auto_complete {
  width: 350px;
  background: #fff;
  margin-top: 20px; }

div.auto_complete ul {
  border: 1px solid #888;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
  font-size: 11px; }

div.auto_complete ul li {
  margin: 0;
  padding: 3px; }

div.auto_complete ul li.selected {
  background-color: #A6CCE4; }

div.auto_complete ul strong.highlight {
  color: #800;
  margin: 0;
  padding: 0; }

/* ------------------------------------------------------------
	content
  ------------------------------------------------------------ */
.duty-paid {
  background-color: #E8FABE !important; }

#content h2 {
  margin: 5px 0 10px 0;
  padding: 0;
  font-family: Georgia;
  font-size: 200%;
  font-weight: normal;
  color: #902; }
  #content h2 span.has-menu > a {
    color: #902; }

h1,
h2 {
  margin: 5px 0 15px 0;
  padding: 0;
  font-family: Georgia;
  font-size: 180%;
  font-weight: normal;
  color: #902; }
  h1 > a,
  h1 > a:link,
  h1 > a:visited,
  h2 > a,
  h2 > a:link,
  h2 > a:visited {
    color: #902;
    text-decoration: underline; }

#content h2 em.subhead {
  display: block;
  margin-top: 5px;
  padding-bottom: 20px;
  font-size: 60%;
  font-family: Georgia;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #4A0015;
  background: url(/assets/wine/hr-bg-tan.gif) no-repeat 50% 100%; }

#content h2 em {
  font-style: normal;
  color: #4A0015; }

#content h2 em.sub {
  font-size: 70%; }

#content h2 em.tag {
  padding: 0 0 0 22px; }

#content h2 em.title {
  color: #902; }

#content h3 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 130%;
  color: #963; }
  #content h3 > .has-menu > a {
    color: #963; }

#content h3.wine-list {
  position: relative;
  margin: 1em 0 0 0;
  padding: 3px 6px;
  font-size: 100%;
  color: #630;
  border: 1px solid #E0D0B1;
  border-bottom: none;
  background-color: #F4E6C9; }

#content h3.wine-list em {
  font-style: normal;
  font-weight: normal;
  font-size: 90%;
  color: #963; }

#content h4 {
  clear: both;
  margin: 28px 0 6px 0;
  padding: 9px 0 20px 0;
  font-size: 110%;
  font-family: Georgia;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  color: #663;
  border-top: 1px solid #E0D0B1;
  background: url(/assets/wine/hr-bg-tan.gif) no-repeat 50% 100%; }

#content h4.alt {
  padding-top: 0;
  text-align: left;
  background: none; }

#content h4.notes {
  padding: 0 0 0 22px; }

#content h5 {
  margin: 0 0 5px 0;
  padding: 0;
  font-family: Georgia;
  font-weight: normal;
  font-size: 140%;
  color: #963; }

#content p {
  margin-top: 6px;
  margin-bottom: 0px;
  padding: 0; }

#content p.update {
  margin-top: -10px;
  text-align: right; }

#content ul {
  margin: 0 0 1.5em 30px;
  padding: 0;
  list-style: none; }

#content ul li {
  margin: 0 0 7px 0;
  padding: 0 0 0 15px;
  line-height: 1.3em; }

#content ul li img {
  vertical-align: middle; }

#content code {
  font-family: Monaco, monospace;
  font-size: 110%;
  color: #963; }

#content abbr {
  border: none; }

.ajax {
  padding: 0 0 0 25px; }

/* floated photos + diagrams */
img.thumb {
  float: right;
  margin: 0 0 10px 15px;
  padding: 5px;
  border: 4px double #E7DAC0;
  background: #fff; }

.diagram {
  text-align: center; }

.diagram em {
  display: block;
  font-style: normal; }

/*** new calendar ********************************************************
*/
div.cal .controls {
  display: table;
  margin: 0 auto 12px auto;
  font-size: 200%;
  font-family: Georgia;
  font-weight: bold; }
  div.cal .controls .nav {
    display: table-cell;
    width: 3em;
    text-align: center; }
  div.cal .controls .month {
    display: table-cell;
    width: 10em;
    color: #A90026;
    text-align: center; }

div.cal .content {
  background: linear-gradient(180deg, #ffffff 0px, #FAF7EC 40px);
  border-radius: 12px; }
  div.cal .content .week-header {
    text-align: center; }
    div.cal .content .week-header .week-no {
      color: #996633;
      border-bottom: 1px solid #996633;
      display: inline-block;
      font-style: italic;
      padding: 0 3em;
      margin: 1.2em 0 1.5em 0;
      letter-spacing: 0.4em; }
  div.cal .content .week {
    -moz-column-count: 7;
    -moz-column-gap: 1px;
    column-count: 7;
    column-gap: 1px;
    text-align: center;
    padding: 6px; }
    div.cal .content .week .day {
      display: table;
      width: 100%;
      -webkit-column-break-inside: avoid;
      border-radius: 10px;
      margin: 1px 0; }
      div.cal .content .week .day .day-name {
        display: table-cell;
        height: 100%;
        width: 3.5em;
        vertical-align: middle;
        font-weight: bold; }
      div.cal .content .week .day .day-num {
        padding: 0 1.1em 4px 4px;
        font-family: Georgia;
        font-size: 200%;
        color: #A90026;
        text-align: center; }
    div.cal .content .week .in-month {
      background-color: #EFE6CE; }
    div.cal .content .week .out-month {
      background: repeating-linear-gradient(-45deg, rgba(169, 0, 38, 0.1), rgba(169, 0, 38, 0.1) 1px, #EFE6CE 1px, #EFE6CE 5px); }
  div.cal .content .item {
    box-sizing: border-box;
    width: 100%;
    padding: 1px;
    display: inline-block;
    margin: 0 0 1px 0; }
    div.cal .content .item span.has-menu {
      margin: 1px 0 2px 0;
      display: inline-block;
      hyphens: auto; }
    div.cal .content .item span.has-menu a {
      overflow-x: hidden; }
  div.cal .content .drink {
    background: linear-gradient(to bottom, #E6E6E6 0%, #CCCCCC 20%, #CCCCCC 80%, #BFBFBF 100%); }
  div.cal .content .wine {
    background: linear-gradient(to bottom, #FCF0D4 0%, #F9E7BD 20%, #F9E7BD 80%, #EDDCB4 100%); }
  div.cal .content .present {
    background: linear-gradient(to bottom, #FBDBC6 0%, #FAC9AA 20%, #FAC9AA 80%, #E8BA9E 100%); }
  div.cal .content .batch {
    background: linear-gradient(to bottom, #F3FFD6 0%, #E8FABE 20%, #E8FABE 80%, #D7E8B0 100%); }

/****** new value list / report ***********************************************/
div.section {
  margin: 16px 0 16px 0; }

table.section {
  border-spacing: 0;
  font-size: 12px;
  width: 100%;
  margin: 8p 0 20px 0;
  padding: 0;
  border: 1px solid #E0D0B1;
  border-collapse: separate; }
  table.section tr.header-row th {
    font-size: 12px;
    background: #F4E6C9 url(/assets/wine/winelist-bg.gif) repeat-x scroll left top;
    text-align: center;
    color: #663300;
    border-left: solid 1px #E0D0B1; }
  table.section tr.header-row th:first-child {
    border-left: 0; }
  table.section tr {
    margin: 0 0 0 0;
    border-bottom: 1px solid #F0EADA; }
    table.section tr td,
    table.section tr th {
      margin: 0 0 0 0;
      padding: 6px 3px;
      border-bottom: 1px solid #F0EADA; }
    table.section tr td {
      font-size: 11px; }
    table.section tr td.value {
      text-align: center; }
    table.section tr td.drunk {
      background-color: #CCCCCC;
      text-align: right;
      width: 1%; }
    table.section tr td.exist {
      background-color: #F9E7BD;
      text-align: right;
      width: 1%; }
    table.section tr td.store {
      background-color: #A6CCE4;
      text-align: right;
      width: 1%; }
    table.section tr td.ready {
      background-color: #FAC9AA;
      text-align: right;
      width: 1%; }
    table.section tr td.drink {
      background-color: #A90026;
      color: white;
      text-align: right;
      width: 1%; }
  table.section .separator {
    border-right: solid 1px #E0D0B1;
    border-left: solid 1px #E0D0B1;
    padding: 0;
    width: 2px; }
  table.section .right-bar {
    text-align: right;
    padding: 0px; }
  table.section .left-bar {
    text-align: right;
    padding: 0px; }
  table.section .drink a {
    color: white; }
  table.section .empty-total {
    width: 5px; }
  table.section tr.totals {
    background-color: #FBF8EB; }

table.section tr:nth-child(odd),
table.section-simple tr:nth-child(odd) {
  background-color: #fff; }

table.section tr:nth-child(even),
table.section-simple tr:nth-child(even) {
  background-color: #FBF8EB; }

table.section td a,
table.section-simple td a {
  color: black; }

table.section-simple {
  border-spacing: 0;
  font-size: 12px;
  margin: 24p 0 20px 0;
  padding: 0;
  border: 1px solid #E0D0B1;
  border-collapse: collapse;
  display: inline-block; }
  table.section-simple tr td {
    margin: 0 0 0 0;
    padding: 6px 3px;
    border-bottom: 1px solid #F0EADA; }

/*** dict list / report *******************************************************/
.path {
  color: #963; }

.path .chunk a {
  margin: 5px 0 15px 0;
  padding: 0;
  font-family: Georgia;
  font-size: 180%;
  font-weight: normal;
  color: #902; }

.path .section {
  display: inline-block;
  width: 70px; }

div.dict-glimpse {
  text-align: center;
  margin: 1em; }

table.legend td {
  font-size: 10px;
  padding: 0px 6px 0 6px;
  line-height: 18px;
  height: 18px;
  background-color: #F6F1DE; }

table.legend {
  float: right; }

table.dict-list {
  font-size: 12px;
  width: 100%;
  margin: 8px 0 20px 0;
  padding: 0;
  border: 1px solid #E0D0B1; }

table.dict-list tr td,
table.dict-list tr th {
  margin: 0 0 0 0;
  padding: 6px 3px;
  border-bottom: 1px solid #F0EADA;
  background-color: #FBF8EB; }

table.dict-list tr td {
  color: #996633;
  font-size: 90%; }

table.dict-list tr.alt-row td {
  background-color: #fff; }

table.dict-list tr.header-row th {
  font-size: 12px;
  background: #F4E6C9 url(/assets/wine/winelist-bg.gif) repeat-x scroll left top;
  text-align: center;
  color: #663300;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #E0D0B1; }

table.dict-list tr td.drunk {
  background-color: #CCCCCC;
  text-align: right;
  width: 1%; }

table.dict-list tr td.exist {
  background-color: #F9E7BD;
  text-align: right;
  width: 1%; }

table.dict-list tr td.store {
  background-color: #A6CCE4;
  text-align: right;
  width: 1%; }

table.dict-list tr td.ready {
  background-color: #FAC9AA;
  text-align: right;
  width: 1%; }

table.dict-list tr td.drink {
  background-color: #A90026;
  color: white;
  text-align: right;
  width: 1%; }

table.dict-list tr td.left-bar {
  text-align: right;
  border-right-style: double;
  border-right-width: 4px;
  border-right-color: #E0D0B1;
  padding: 0px; }

table.dict-list tr td.right-bar {
  text-align: right;
  border-left-style: double;
  border-left-width: 4px;
  border-left-color: #E0D0B1;
  padding: 0px; }

.drunk-bar {
  float: right;
  height: 18px;
  background: linear-gradient(to bottom, #ececec 0%, #cbcbcb 50%, #bfbfbf 51%, #d8d8d8 100%); }

.exist-bar {
  height: 18px;
  background: linear-gradient(to bottom, #faf2de 0%, #edd8a7 50%, #ecd08e 51%, #f4e3ba 100%);
  float: left; }

.store-bar {
  height: 18px;
  background: linear-gradient(to bottom, #dfeef9 0%, #abcfeb 50%, #94c5ea 51%, #bedcf2 100%);
  float: left; }

.ready-bar {
  height: 18px;
  background: linear-gradient(to bottom, #ffe7d9 0%, #f8bc9a 50%, #fbab7d 51%, #fdccaf 100%);
  float: left; }

.drink-bar {
  height: 18px;
  background: linear-gradient(to bottom, #d60245 0%, #8a0831 50%, #770328 51%, #ab0338 100%);
  float: left; }

table.dict-list td a {
  color: black; }

table.dict-list td.drink a {
  color: white; }

/***************************************************************** dict list ***/
/*** cellar listing *********************************************************
*/
div.cellar div.bin {
  display: inline-table;
  background-color: #ffffff;
  border-right: 1px solid #E6DCC1;
  border-bottom: 1px solid #E6DCC1;
  width: 19%;
  margin: 0; }
  div.cellar div.bin div.active {
    background-color: #FAC9AA; }
  div.cellar div.bin div.content {
    padding: 4px 0; }
    div.cellar div.bin div.content .name {
      text-align: center; }
  div.cellar div.bin div.data {
    display: table;
    vertical-align: middle; }
    div.cellar div.bin div.data .bar-indicator {
      width: 4px;
      height: 18px; }
    div.cellar div.bin div.data .overspill {
      background: linear-gradient(to bottom, #d60245 0%, #8a0831 50%, #770328 51%, #ab0338 100%); }
    div.cellar div.bin div.data .transactions {
      width: 80%;
      text-align: center;
      font-size: 85%;
      display: table-cell;
      color: #996633; }
  div.cellar div.bin div.bar {
    vertical-align: middle;
    display: table-cell;
    width: 40px; }
    div.cellar div.bin div.bar .bottles-bar {
      height: 18px;
      background: linear-gradient(to bottom, #faf2de 0%, #edd8a7 50%, #ecd08e 51%, #f4e3ba 100%);
      float: left; }
  div.cellar div.bin div.over {
    display: table-cell; }
  div.cellar div.bin div.value {
    white-space: nowrap;
    padding: 0 4px;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 85%;
    color: #996633; }
  div.cellar div.bin div.n-bottles {
    background-color: #F9E7BD;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    width: 20px; }

div.cellar .bin:nth-child(10n+1),
div.cellar .bin:nth-child(10n+2),
div.cellar .bin:nth-child(10n+3),
div.cellar .bin:nth-child(10n+4),
div.cellar .bin:nth-child(10n+5) {
  background-color: #FBF8EB; }

div.cellar .total-n-bottles {
  text-align: right;
  padding: 12px 0 20px 0; }

/*** table with stuff ******************************************************
  */
table.wine-list {
  width: 100%;
  margin: 8px 0 4px 0;
  padding: 0;
  border: 1px solid #E0D0B1;
  border-spacing: 0; }
  table.wine-list th {
    font-size: 80%;
    background: linear-gradient(to bottom, #f5ecd5 0%, #f2e2c1 100%);
    text-align: center;
    color: #663300;
    padding-left: 0px; }
  table.wine-list td,
  table.wine-list th {
    vertical-align: top;
    margin: 0 0 0 0;
    padding: 6px 3px;
    border-bottom: 1px solid #F0EADA;
    background-color: #FBF8EB; }
    table.wine-list td .price,
    table.wine-list th .price {
      color: #902; }
  table.wine-list td.date {
    white-space: nowrap;
    text-align: center; }
    table.wine-list td.date span.has-menu {
      white-space: nowrap; }
  table.wine-list td.number {
    text-align: right; }
  table.wine-list td.order {
    display: grid;
    gap: 2px 8px;
    grid-template-columns: min-content min-content 1fr; }
    table.wine-list td.order .nowrap {
      white-space: nowrap; }

td.status {
  text-align: center;
  white-space: nowrap;
  font-style: italic; }

div.label {
  background-color: #963;
  color: white;
  font-size: 80%;
  line-height: 1em;
  display: inline-block;
  padding: 1px 2px;
  border-radius: 3px; }

table.single {
  border-top: 1px solid #E0D0B1; }

table.wine-list tr:nth-child(odd) th,
table.wine-list tr:nth-child(odd) td,
#weblink tr:nth-child(odd) td,
.dict-results tr:nth-child(odd) td {
  background-color: #fff; }

table.wine-list tr.last th,
table.wine-list tr.last td {
  border-bottom: none; }

table.wine-list tr th em.region {
  display: block;
  font-size: 90%;
  font-weight: normal;
  font-style: normal;
  color: #963; }

table.wine-list tr td,
#weblink table td {
  font-size: 11px;
  color: #963; }

table.wine-list img {
  float: left;
  margin: 4px; }

table.wine-list .bottle-count {
  margin: 4px 4px 0 0;
  text-align: right; }

table.wine-list .date {
  white-space: nowrap; }

table.selection td {
  width: 33% !important; }
  table.selection td div.bottle-count {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 12px; }

/* point score style */
strong.score {
  font-family: Georgia, serif;
  font-size: 160%;
  line-height: 1em;
  font-weight: bold;
  color: #902; }

table.wine-list tr td strong.score {
  display: inline-block; }

strong.score em {
  font-size: 11px;
  line-height: 1em;
  font-weight: normal;
  font-style: normal;
  color: #963; }

strong.score a {
  font-family: "Lucida Grande", Verdana, sans-serif; }

/* year number */
strong.year {
  font-family: Georgia, serif;
  font-size: 150%;
  line-height: 1em;
  color: #996633; }

strong.year b {
  font-weight: bold;
  color: #902;
  font-size: 110%; }

/* label or big bottle on wine page */
div#summary {
  display: table;
  vertical-align: middle; }
  div#summary div#bottle {
    display: table-cell;
    vertical-align: top;
    text-align: center; }
    div#summary div#bottle img {
      max-width: 140px;
      max-height: 400px;
      margin: 0 0 20px 10px; }
    div#summary div#bottle h4 {
      float: right;
      width: 94px;
      height: 131px;
      margin: 0 0 20px 20px;
      padding-top: 121px;
      font-size: 160%;
      font-family: Georgia;
      font-weight: normal;
      font-style: normal;
      text-align: center;
      color: #630;
      border: none;
      background: url(/assets/wine/bigbottle-red.gif) no-repeat top left; }
    div#summary div#bottle h4.white {
      background-image: url(/assets/wine/bigbottle-white.gif); }
    div#summary div#bottle h4.sparkling {
      background-image: url(/assets/wine/bigbottle-bubbly.gif); }
    div#summary div#bottle h4.blush {
      background-image: url(/assets/wine/bigbottle-pink.gif); }
    div#summary div#bottle h4.dessert {
      background-image: url(/assets/wine/bigbottle-dessert.gif); }
    div#summary div#bottle h4 em {
      display: block;
      padding-bottom: 12px;
      font-style: normal;
      background: url(/assets/wine/icon-yearmark.gif) no-repeat bottom center; }
    div#summary div#bottle h4 em span.non-vintage {
      font-size: 60%; }
  div#summary div #info {
    display: table-cell; }

/* reviews on wine page (hreview microformat) */
div.score-note {
  margin: 3px 0 12px 0;
  padding: 15px;
  border-bottom: 1px solid #E5DFC7;
  border-right: 1px solid #E5DFC7;
  background: #fff; }

td.hreview,
div.hreview {
  margin: 15px 0 8px 0;
  width: 310px;
  padding: 15px;
  border-bottom: 1px solid #E5DFC7;
  border-right: 1px solid #E5DFC7;
  background: #fff; }

/* review stuff from here downwards might go */
#content div.hreview h5 {
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  text-indent: -9000px; }

div.hreview img.photo {
  float: left;
  margin: 0 10px 4px 0;
  padding: 4px;
  border: 1px solid #E5DFC7;
  background: #fff; }

div.hreview span.reviewer {
  margin: 0 0 6px 0;
  font-weight: bold;
  font-size: 120%; }

div.hreview abbr.dtreviewed {
  float: right;
  margin: 3px 0 0 0;
  font-size: 90%;
  font-weight: bold;
  font-style: normal;
  color: #963; }

div.hreview abbr.rating {
  display: block;
  margin: 0 0 2px 0;
  padding: 4px;
  font-family: Georgia, serif;
  font-size: 140%;
  font-weight: bold;
  color: #902;
  border: 2px solid #E5DFC7; }

div.hreview abbr.rating em {
  font-size: 70%;
  font-weight: normal;
  font-style: normal;
  color: #963; }

div.hreview blockquote.description {
  margin: 2px 0 6px 68px;
  padding: 0;
  font-size: 100%;
  line-height: 1.5em; }

#content div.hreview p.tags {
  clear: left;
  margin: 0;
  padding: 2px 0 3px 17px;
  font-size: 90%;
  line-height: 2.3em;
  text-align: left;
  color: #963; }

/* messages */
#errorExplanation {
  margin: 0 0 25px 0;
  padding: 20px;
  border-top: 2px solid #EFD6AA;
  border-bottom: 2px solid #EFD6AA;
  background-color: #FFF6D3; }

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

	sidebar

  ------------------------------------------------------------ */
#sidebar p {
  margin: 3px 0 15px 0;
  padding: 0;
  font-size: 90%;
  line-height: 1.4em; }

#sidebar h4 {
  margin: 10px 0 0 0;
  padding: 7px 0 18px 0;
  font-family: Georgia;
  font-size: 100%;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal;
  text-align: center;
  color: #663;
  border-top: 1px solid #E0D0B1;
  background: url(/assets/wine/hr-bg-tan.gif) no-repeat 50% 100%; }

#sidebar h4 span {
  font-style: italic; }

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

	footer

  ------------------------------------------------------------ */
#footer {
  clear: both;
  margin: 0;
  padding: 30px 0 40px 0;
  font-size: 95%;
  color: #963; }

#footer-inner {
  width: 800px;
  margin: 0 auto 10px auto;
  padding: 0 15px;
  text-align: left;
  font-size: 11px; }

#footer p {
  margin: 0 0 8px 0;
  padding: 0; }

#footer a {
  color: #630; }

#footer p#hosted-by {
  float: right;
  margin-top: 0; }

#footer p#copyright {
  margin-top: 20px;
  padding: 2px 0; }

#footer p#copyright img {
  margin: 0 6px 0 0;
  vertical-align: middle;
  border-right: 1px solid #DCD1B3;
  border-bottom: 1px solid #DCD1B3; }

#footer p#copyright a#tundrofav:hover {
  background: none; }

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

	data tables

  ------------------------------------------------------------ */
table.data {
  width: 500px;
  margin: 0 30px 2em 30px;
  padding: 0;
  border-collapse: collapse; }
  table.data td div.open {
    background-color: #A90026;
    color: white;
    display: inline-block;
    padding: 2px; }

table.data th,
table.data td {
  font-size: 12px;
  margin: 0;
  padding: 5px 10px;
  border-bottom: 1px dotted #E0D0B1; }

table.data tr.last th,
table.data tr.last td {
  border-bottom: none; }

table.data th {
  text-align: left;
  color: #630; }

table.data th.score {
  vertical-align: middle; }

table.data td.icon {
  width: 15px; }

div.spacer {
  height: 1.5em; }

div.spacer-x2 {
  height: 3.0em; }

/*********************** viewing wine *****************************************/
.vintage {
  font-size: 11px; }

.other-vintages {
  float: right;
  width: 160px;
  column-count: 3; }
  .other-vintages div.year {
    white-space: nowrap; }
    .other-vintages div.year span.count {
      font-size: 0.8em; }
    .other-vintages div.year strong.score {
      font-size: 0.8em;
      float: right; }

#searchers div.searchers .searcher {
  width: 11em;
  display: inline-block;
  padding: 3px 3px 3px 0;
  font-weight: bold;
  color: #996633;
  line-height: 1.4em; }

#searchers .buttons {
  float: right; }

/******************************************************************************/
/* for wine data */
table.wine {
  width: 340px;
  margin: 0 0 15px 0; }

table.wine th {
  padding: 5px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap; }

table.wine td a.rel-tag {
  font-size: 90%;
  line-height: 2.2em; }

.neg {
  color: #999; }

.pos {
  color: #902; }

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

	misc.

  ------------------------------------------------------------ */
.hide,
hr {
  display: none; }

a img {
  border: none; }

/* ---------------------- my own stuff --------------------------- */
fieldset {
  padding: 6px; }

.box-input {
  font-family: arial;
  font-size: 90%; }

.label-key {
  font-weight: bold;
  background-color: #EFD6AA;
  color: #fff;
  padding-left: 4px;
  padding-right: 4px;
  opacity: 0.4; }

.label-text {
  font-size: 12px;
  font-weight: bold;
  color: #996633;
  line-height: 1.4em; }

.label-top-margin {
  margin-top: 4px; }

.fields-box {
  background: #FFF6D3 url(/assets/wine/search-bg.gif) repeat-x scroll left top; }

/****** weblinks **************************************************
*
*   override from wl
*/
.weblinks .list {
  margin: 0 !important; }

.weblinks .view {
  padding-left: 12px !important;
  text-indent: -8px !important; }
  .weblinks .view span.has-menu {
    background-color: #FFF6D3;
    font-size: 100%;
    border-right: 1px solid #EFD6AA;
    border-bottom: 1px solid #EFD6AA;
    display: inline-block;
    padding: 5px 6px 5px 11px;
    margin-bottom: 4px;
    border-radius: 4px; }
    .weblinks .view span.has-menu > a {
      color: #268CCD !important; }
      .weblinks .view span.has-menu > a .title {
        font-weight: normal !important; }
      .weblinks .view span.has-menu > a img {
        vertical-align: 0px;
        margin: 0 3px;
        max-height: 11px; }

.weblinks .new {
  text-align: center !important;
  font-size: 90% !important;
  margin: 8px 0 !important; }

.weblinks .view-image {
  float: none !important;
  margin: 4px auto !important;
  max-width: 100% !important;
  display: block; }

.weblinks .comment:before {
  content: "\a";
  white-space: pre; }

/****** the reports menu ****************************************************
*/
#reports-menu-link:hover #reports-menu {
  display: block; }

#reports-menu {
  opacity: 0.9;
  border: solid 1px #cccccc;
  background-color: #730021;
  padding: 16px;
  position: absolute;
  z-index: 100;
  right: 100%;
  top: -12px;
  display: none;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.7em;
  border: 2px solid #C4002B;
  border-radius: 4px; }
  #reports-menu a {
    color: #ffffff;
    padding: 4px 8px;
    white-space: nowrap; }
  #reports-menu a:hover {
    background-color: #C4002B;
    text-decoration: none; }

/****** menu ***************************************************************
*  overriding rorutils.scss
*/
/*** model menu *************************************************************/
span.has-menu {
  position: relative; }
  span.has-menu .model-menu {
    opacity: 0.9;
    border: solid 1px #cccccc;
    background-color: #730021;
    padding: 16px;
    position: absolute;
    z-index: 100;
    right: 100%;
    top: -12px;
    display: none;
    text-align: center !important;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.7em;
    border: 2px solid #C4002B;
    border-radius: 4px; }
    span.has-menu .model-menu a {
      display: block !important;
      color: #ffffff;
      padding: 4px 8px;
      white-space: nowrap; }
    span.has-menu .model-menu a:hover {
      background-color: #C4002B;
      text-decoration: none; }
    span.has-menu .model-menu a:after {
      content: "\a";
      white-space: pre; }
    span.has-menu .model-menu div {
      white-space: nowrap; }

span.has-menu:hover div.model-menu {
  display: block; }

/*** additions to menu ***/
span.has-menu .model-menu div.note {
  height: 160px;
  background-color: #F6F1DE;
  color: black;
  width: 200px;
  text-align: left;
  line-height: 17px;
  padding: 6px; }
  span.has-menu .model-menu div.note img {
    float: left;
    max-height: 160px;
    padding-right: 6px; }
  span.has-menu .model-menu div.note .title a {
    font-size: 14px;
    font-weight: bold;
    color: #990022;
    margin-bottom: 2px;
    white-space: normal; }
  span.has-menu .model-menu div.note .title a:hover {
    color: #ffffff; }
  span.has-menu .model-menu div.note .text {
    font-size: 14px;
    color: #996633;
    margin-bottom: 2px;
    white-space: normal; }

.view-comnt-left {
  width: 240px;
  margin-left: 15px;
  margin-bottom: 12px;
  font-size: 11px; }

.view-image {
  text-align: center;
  margin-top: 4px;
  margin-bottom: 4px;
  background-color: white;
  border: 4px double #E7DAC0;
  max-width: 250px; }

.comment-para {
  margin-top: 2px;
  margin-bottom: 2px;
  line-height: 1.2; }

.comment-sep {
  height: 4px; }

div.menu img {
  float: left;
  margin-right: 4px; }

div.menu .title {
  font-size: 12px;
  font-weight: bold;
  color: #990022;
  margin-bottom: 2px;
  white-space: normal; }

div.menu .text {
  font-size: 12px;
  color: #996633;
  margin-bottom: 2px;
  white-space: normal; }

h2 {
  margin: 5px 0 15px 0;
  padding: 0;
  font-family: Georgia;
  font-size: 180%;
  font-weight: normal;
  color: #902; }

div.pretty-cellar table.cellar {
  margin-top: 1.5em;
  text-align: center;
  border: 0;
  border-collapse: collapse; }
  div.pretty-cellar table.cellar td {
    margin: 0; }
  div.pretty-cellar table.cellar .box-no {
    color: white;
    font-size: 90%;
    text-align: left; }
  div.pretty-cellar table.cellar div.cart {
    margin: 0px;
    padding: 0px;
    height: 60px;
    text-align: center; }
  div.pretty-cellar table.cellar td.box {
    background: linear-gradient(to bottom, #0A0A0A 0%, #666666 20%, #666666 30%, #1a1e1a 60%, #0a0e0a 100%);
    width: 100px;
    height: 70px;
    border-top-style: solid;
    border-top-width: 4px;
    border-right-style: solid;
    border-right-width: 4px;
    border-color: #B5AE9C; }
  div.pretty-cellar table.cellar td.leftbox {
    background: linear-gradient(to bottom, #0A0A0A 0%, #666666 20%, #666666 30%, #1a1e1a 60%, #0a0e0a 100%);
    width: 104px;
    height: 70px;
    border-top-style: solid;
    border-top-width: 4px;
    border-right-style: solid;
    border-right-width: 4px;
    border-left-style: solid;
    border-left-width: 4px;
    border-color: #B5AE9C; }
  div.pretty-cellar table.cellar .box_spacer {
    width: 50px;
    height: 70px; }
  div.pretty-cellar table.cellar td.outbox {
    width: 54px;
    height: 70px;
    border-top-style: solid;
    border-top-width: 4px;
    border-color: #C1BAA7; }

div.pretty-cellar .bottle-grabber {
  position: relative;
  max-height: 58px; }

div.pretty-cellar div.unassigned .title {
  margin-bottom: 12px; }

div.pretty-cellar td.bottomborder {
  width: 76px;
  height: 1px;
  border-top-style: solid;
  border-top-width: 4px;
  border-color: #B5AE9C; }

div.pretty-cellar td.bottom {
  width: 76px;
  height: 1px; }

/*** index page ***********************************************************
*/
ul.tasks li {
  margin: 4px 0 4px 0; }

.table-index {
  font-size: 12px; }

.table-index th {
  padding: 8px 0 6px 0;
  text-align: center;
  font-size: 130%;
  color: #963; }

/************************************************************* index page ***/
/*** query form *************************************************************/
.query-table {
  margin: 4px 0 8px 0; }

/************************************************************ query form ****/
h3 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 130%;
  color: #963; }

/* error messages */
div.confirm {
  color: #667938;
  border-top: 2px solid #CDDDA8;
  border-bottom: 2px solid #CDDDA8;
  background: #E5EED1 url(/assets/wine/icon-check-green.gif) no-repeat 15px 14px; }

#content div.alert {
  background: #F9E7BD none repeat scroll 0% 0%;
  border-bottom: 2px solid #EAC46A;
  border-top: 2px solid #EAC46A;
  margin: 15px 0pt;
  padding: 10px 15px; }

#content div.error h4 {
  border: medium none;
  color: #996633;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size: 110%;
  letter-spacing: 0pt;
  margin: 0pt;
  padding: 0pt 0pt 0pt 20px;
  text-align: left;
  text-transform: none; }

#content div.error ol {
  color: #996633;
  margin: 15px 0pt 0pt;
  padding-bottom: 0pt; }

.action-icon {
  margin-right: 2px; }

/* viewing pictures */
#pic-blackout {
  background-color: #001;
  position: absolute;
  left: 0px;
  top: 0px; }

#large-pic {
  margin: 0pt auto;
  position: absolute;
  top: 0%;
  background-color: #F6F1DE;
  visibility: hidden;
  padding: 12px; }

/* transactions */
table.simple {
  font-size: 11px; }

table.simple tr td {
  padding: 2px; }

.transaction-check,
table.wine-list tr td.transaction-check {
  display: none; }

table.simple tr td.open,
table.wine-list tr td.open {
  background-color: #A90026;
  color: white; }

table.simple tr td.suspended,
table.wine-list tr td.suspended {
  background-color: #FAC9AA; }

.wine-list img.wine-icon {
  max-height: 27px; }

.wine-list img.wine-medium {
  max-height: 160px; }

.notice {
  background: #F9E7BD none repeat scroll 0% 0%;
  border-bottom: 2px solid #EAC46A;
  border-top: 2px solid #EAC46A;
  margin: 15px 0pt;
  padding: 10px 15px; }

table.wine-list tr td.highlight {
  background-color: #F9E7BD;
  border-bottom: 2px solid #EAC46A;
  border-top: 2px solid #EAC46A;
  margin: 15px 0pt;
  padding: 10px 15px; }

div.top {
  margin-top: -6em !important; }

div.recents {
  transform: rotate(-0.5deg);
  background-color: #EFE6CE60;
  border: solid 1px #C4002B60;
  padding: 6px 6px 6px;
  border-radius: 4px;
  margin: 2em auto 2em auto;
  width: 250px; }
  div.recents table.section tr td {
    font-size: 80%;
    padding: 4px 4px; }
  div.recents table.section td.date {
    text-align: center;
    white-space: nowrap; }

form.grid {
  display: inline-grid;
  grid-template-columns: 20% min-content min-content;
  gap: 16px; }
  form.grid fieldset {
    place-self: start left; }
  form.grid .two-rows {
    grid-row-start: span 2; }
  form.grid .three-rows {
    grid-row-start: span 3; }
  form.grid div.controls {
    grid-row-start: span 4;
    padding: 0.5em;
    line-height: 2em;
    border-right: 1px solid #E0D0B1; }
    form.grid div.controls input {
      display: block;
      margin: 2em auto; }

form.my fieldset {
  background: url(/assets/wine/search-bg.gif) repeat-x scroll left top #FFF6D3;
  border: 1px solid #DFD0A1;
  border-radius: 8px;
  padding: 12px;
  margin: 0;
  position: relative; }
  form.my fieldset .hint {
    font-size: 10px;
    color: #963;
    white-space: normal; }
  form.my fieldset label {
    background-color: transparent;
    padding: 2px; }
    form.my fieldset label span.label-text {
      font-size: 12px;
      font-weight: bold;
      color: #996633;
      line-height: 1.4em;
      padding: 0 0 4px 0;
      background-color: transparent; }

form.my fieldset.nowrap {
  white-space: nowrap; }

form.my input[type=submit] {
  margin-top: 1.0em; }

/*** entry form *************************************************************/
form .note {
  margin: 4px 0 6px 20px;
  font-size: 11px;
  color: #963; }

#content form p {
  margin: 3px 0 5px 0;
  padding: 0; }

#content p.form-item {
  margin: 0 0 5px 0;
  padding: 0; }

form img.form-icon {
  vertical-align: middle; }

form input#entry_search_year {
  width: 100px; }

/****** view bin **********************************************/
.duty-status {
  color: #963;
  margin: 0.5em 0 0.5em 0; }

/*** multi search ******************************************************
*/
.indicator {
  display: none;
  background: url(/assets/rorutils/indicator-61c92d7ffd90d1ff3c48aa04f986c168e2669ea15f6b6e8e9f4fd17f0aea28e0.gif) no-repeat left;
  padding-left: 30px; }

.result-controls {
  margin: 8px 6px 6px 6px; }

.result-sum-box {
  text-align: left;
  padding-bottom: 1px;
  margin-bottom: 6px; }

.result-sum {
  font-family: georgia;
  font-size: 18px;
  line-height: 32px;
  padding: 4px 0 0 12px; }

.result-sum a {
  color: #902;
  font-weight: bold; }

.area {
  white-space: nowrap;
  padding: 1px 6px 1px 6px;
  border-radius: 3px; }

.result {
  padding: 4px 0 12px 0;
  display: none; }

.bar {
  /* careful, is shared with .bar of wrong/right counters */
  margin: 0px 0 0px 0; }

.result h2 {
  display: none; }

div.dict-results {
  -moz-column-count: 3;
  -moz-column-gap: 16px; }

.dict-results table:nth-child(odd) {
  margin: 0; }

.dict-results table:nth-child(even) {
  margin: 16px 0 16px 0; }

/* more for that table format in 'wine-list' */
#weblink table td {
  vertical-align: top; }

div.transaction div.list {
  margin: 1em 0 1em 1em; }

div.transaction table.wine-list {
  display: table-cell; }

div.show-label .batch {
  margin-top: 2em;
  line-height: 2em; }

div.show-label .drink_action {
  display: block;
  padding: 1em;
  margin: 1em auto; }

div.show-label .wine-picture {
  display: block;
  margin: 0px auto;
  max-height: 400px; }

div.order ol li::marker,
div.order ol span.wine,
div.order ol span.wine > .has-menu > a {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 18px;
  color: #963;
  font-weight: normal; }

div.order ol li .bottles {
  margin-top: 0.5em; }

div.order ol li .batch {
  margin: 1em 0 0 0; }

div.order ol li .wrap {
  margin: 1em 0 1em 3em;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  width: 60%; }

div.order ol li .image {
  margin-right: 1em; }
  div.order ol li .image img {
    max-height: 20em; }

div.order ol li .wine-list {
  margin-left: 1em;
  margin-bottom: 2em; }

div.history .price {
  display: inline-block;
  width: 4em;
  text-align: right; }

div.history .count {
  display: inline-block;
  width: 1em;
  text-align: right; }

div.login {
  text-align: center; }
  div.login input[type=submit] {
    margin: 1.5em auto 2em auto; }

/*** narrow screen *********************************************************
*/
@media all and (max-width: 799px) {
  #wrap {
    flex-direction: column; }
    #wrap .left-margin {
      order: 2; }
    #wrap .right-margin {
      order: 3; }
    #wrap .recents {
      margin: 3em auto 0 auto; }
    #wrap div.top {
      margin-top: 3em !important; }
    #wrap .split-content {
      flex-direction: column; }
    #wrap #wrap-inner {
      width: 100%;
      padding: 65px 0 0 0; }
      #wrap #wrap-inner #content {
        float: none;
        width: 100%;
        padding: 0;
        border-left: 0; }
      #wrap #wrap-inner #sidebar.sidebar-first {
        order: -1; }
      #wrap #wrap-inner #sidebar.sidebar-last {
        order: 2; }
      #wrap #wrap-inner #sidebar {
        float: none;
        width: 100%;
        box-sizing: border-box; }
  #header.normal #dash {
    width: 100%;
    box-sizing: border-box; }
    #header.normal #dash #transaction_dash {
      width: 70%; }
  #header.normal #menu {
    width: 100%;
    box-sizing: border-box; }
  #header.normal div.top-menu {
    background: url(/assets/rorutils/white-hamburger-menu.png) no-repeat center;
    margin: 3em 0.5em 0 0;
    background-size: 20px 20px; }
  #header.fixed #menu {
    width: 100%;
    box-sizing: border-box; }
  #header.fixed div.top-menu {
    background: url(/assets/rorutils/hamburger-menu.png) no-repeat center;
    margin: 1em 0.5em 0 0;
    background-size: 20px 20px; }
  #header div.top-menu {
    /* hamburger menu */
    display: inline-block;
    padding: 0;
    float: left;
    height: 20px;
    width: 20px;
    background-size: 20px 20px; }
    #header div.top-menu ul {
      position: absolute;
      box-sizing: border-box;
      top: 0px;
      left: 0px;
      z-index: 10;
      background-color: #730021;
      display: none;
      margin: 0;
      padding: 5em 0 12px 0;
      list-style: none;
      border-radius: 0 0 12px 12px; }
      #header div.top-menu ul li#to-top {
        display: none !important; }
      #header div.top-menu ul li {
        background: #730021;
        width: 90%;
        position: relative;
        display: block !important;
        box-sizing: border-box;
        padding: 0.3em 2em;
        margin: 0;
        float: none; }
      #header div.top-menu ul a {
        float: none;
        display: block !important;
        color: #fff;
        text-decoration: none;
        font-family: "Arial", "Helvetica", "sans-serif";
        color: white;
        font-size: 1.5em;
        padding: 0.3em;
        line-height: 1.5em;
        text-transform: uppercase; }
      #header div.top-menu ul a:hover {
        background-color: #C4002B;
        color: #ffffff; }
      #header div.top-menu ul a#menucurrent,
      #header div.top-menu ul a#menuhighlight {
        padding: 0;
        color: #aaa;
        border-bottom: #aaaaaa 4px solid; }
  #header div.top-menu:hover ul {
    box-sizing: border-box;
    display: block; }
  #footer-inner {
    box-sizing: border-box;
    width: 100%; }
  #header #dash .transaction-time {
    display: none; }
  #wrap {
    padding: 4px; }
  span.has-menu > a {
    pointer-events: none; }
  span.has-menu {
    position: floating !important; }
    span.has-menu div.model-menu {
      border-radius: 12px;
      position: absolute;
      background-color: #730021;
      top: 1em;
      left: 1px;
      z-index: 20;
      width: 50vw; }
      span.has-menu div.model-menu a {
        color: #fff;
        text-decoration: none;
        display: block;
        font-family: "Arial", "Helvetica", "sans-serif";
        color: white;
        font-size: 16px;
        padding: 0.3em;
        line-height: 1.5em;
        text-transform: uppercase; }
      span.has-menu div.model-menu a:hover {
        background-color: #990022;
        color: #ffffff; }
  form.grid {
    grid-template-columns: min-content; }
    form.grid div.controls {
      order: 10;
      border-right: 0; }
  div.weblinks {
    margin: 0 auto;
    width: 90%; }
  div#summary div#info {
    display: block; }
  div#summary div#bottle {
    display: block; }
    div#summary div#bottle img {
      max-width: 30vw;
      max-height: 50vw; }
  #reports-menu {
    position: fixed;
    top: 10px;
    left: 100px;
    width: 15em;
    font-size: 12px; }
  div.cal .content .week {
    -moz-column-count: 5;
    column-count: 5; }
  table.section tr td,
  table.section tr th {
    padding: 6px 1px; } }

/*** very narrow screen ****************************************************
*/
@media all and (max-width: 500px) {
  div.cellar div.bin {
    width: 33%; }
  div.cellar .bin:nth-child(n) {
    /* reset first */
    background-color: #ffffff; }
  div.cellar .bin:nth-child(6n+1),
  div.cellar .bin:nth-child(6n+2),
  div.cellar .bin:nth-child(6n+3) {
    background-color: #FBF8EB; }
  div.cal .content .week {
    -moz-column-count: 3;
    column-count: 3; } }

/*** wide screen ***********************************************************
*/