foodsoft/public/stylesheets/main.css

/* General rules ... */
body {
  background-color: #fff;
  color: black;
  margin: 0;
  padding: 1% 0 0 0;
  min-width: 990px;
  font-size: 62.5%;
  font-family: verdana, arial, sans-serif; }

#loader {
  position: fixed;
  top: 1px;
  right: 1px;
  background: #FFF;
  padding: 10px;
  color: black;
  border-width: 2px;
  border-style: solid;
  border-color: #ed0606; }

a, a:visited {
  text-decoration: underline;
  color: black; }

a:hover {
  color: #ed0606; }

h1, h2 {
  color: #ed0606; }

h1 {
  font-size: 2.2em;
  line-height: 0.8em;
  padding: 1em 0 5px 5%;
  margin: 0 0 1em 0;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #ed0606; }

h2 {
  font-size: 1.4em;
  margin-top: .5em; }

h3 {
  font-size: 1em;
  margin-top: 1.5em; }

input {
  color: #2e2e2e; }

abbr, acronym {
  cursor: help; }

#login {
  margin: auto;
  width: 27em;
  font-size: 1.2em; }

#login #meta {
  margin-top: 2em;
  padding-top: .3em;
  border-top: 1px dotted #ED0606;
  color: #2e2e2e; }

#header {
  margin: 0;
  padding: 0; }

#logo {
  background: #ed0606;
  height: 1.1em;
  width: 8em;
  padding: 0 20px;
  text-align: left;
  line-height: 54px;
  font-size: 54px;
  overflow: hidden;
  letter-spacing: -3px;
  margin: 0; }
  #logo a, #logo a:hover {
    color: white;
    background-color: #ed0606;
    text-decoration: none; }
  #logo a span {
    color: #ed0606;
    background: #FFF;
    padding-right: 0.1em;
    font-weight: bold;
    border-top-width: 2px;
    border-top-style: dotted;
    border-top-color: #ed0606; }

#logininfo {
  position: absolute;
  top: 3px;
  right: 10px;
  font-size: 1em; }
  #logininfo ul {
    list-style: none; }
    #logininfo ul li {
      margin: 0 3px;
      float: left; }
  #logininfo a {
    padding: 0.2em;
    color: #737272;
    font-weight: bold; }
  #logininfo a:hover {
    color: #ed0606; }

#main {
  background: #FFF;
  padding: 0;
  margin: 0; }

#infobar {
  width: 10%;
  min-width: 5em;
  float: right;
  padding: 2.6em 1em;
  margin: 3em 0 0 0;
  border-left: 1px dotted #ED0606;
  font-size: 1.2em; }
  #infobar h3 {
    color: #ED0606; }
  #infobar ul {
    list-style: none; }
  #infobar li {
    margin: .3em 0 0 -3em; }

.menu, #start_nav {
  border: 2px solid #e3e3e3;
  background: #f5f5f5;
  padding: 0 10px 0px 5px;
  float: left; }
  .menu ul,   #start_nav ul {
    list-style-type: none;
    margin: 0 0 0.2em 0;
    padding: 0; }
    .menu ul li,     #start_nav ul li {
      border-bottom: 1px solid #dedede;
      color: #666;
      margin: 0.8em 0 0 0;
      font-weight: bold; }
      .menu ul li a:link, .menu ul li a:visited,       #start_nav ul li a:link, #start_nav ul li a:visited {
        display: block;
        padding: 0.25em 1em;
        text-decoration: none;
        width: 12em; }
      .menu ul li a:hover, .menu ul li a:focus,       #start_nav ul li a:hover, #start_nav ul li a:focus {
        background-color: #e3e3e3; }
      .menu ul li ul,       #start_nav ul li ul {
        margin: 0;
        padding: 0; }
        .menu ul li ul li,         #start_nav ul li ul li {
          border-top: 1px solid #dedede;
          border-bottom: none;
          margin: 0;
          font-weight: normal; }
          .menu ul li ul li a:link, .menu ul li ul li a:visited,           #start_nav ul li ul li a:link, #start_nav ul li ul li a:visited {
            width: 11.5em;
            padding: 0 1em 0.1em 1.5em;
            font-weight: normal;
            text-decoration: none; }

.menu {
  position: absolute;
  top: 100px;
  right: 1px; }

#content {
  padding: .5em 0 2.5em 0;
  margin: 0 0 0 1em;
  background: #FFF;
  font-size: 1.3em;
  width: 95%;
  float: left; }

/* *********************************** tables */
table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  margin: 0; }
  table thead th, table tbody td, table th, table td {
    padding: 0.3em; }
  table thead tr {
    background-color: #efefef; }
  table th {
    color: black; }
  table tr.odd, table tr.even {
    border-top: 1px solid #DDDDDD; }
  table tr.odd, table tr.odd input {
    background-color: #F6F6F6; }
  table tr.even {
    background-color: #FBFBFB; }
  table tr.unavailable, table tr.unavailable a {
    color: grey; }
  table tr.unavailable a:hover {
    color: #ED0606; }
  table tr.just_updated {
    color: #008000; }
  table tr.selected, table tr.active {
    background-color: #ffffc2; }
  table tr.click-me {
    cursor: pointer; }

table.list tr {
  border: 1px solid #e3e3e3; }
table.list tbody tr:hover {
  background-color: #EEEEDD; }

table tfoot tr {
  background-color: #fff; }
  table tfoot tr td {
    padding-top: 0.8em; }

tr.edit_inline {
  background-color: #ffff72; }
  tr.edit_inline td, tr.edit_inline span {
    padding: 0.5em 0.2em; }

div.legend, div.legend table th {
  color: grey;
  font-size: .8em;
  background: none; }

form table {
  border: none; }

table.ordered_articles {
  background-color: #fff; }
  table.ordered_articles tbody tr:hover {
    background-color: #EEEEDD; }
  table.ordered_articles a {
    display: block; }
  table.ordered_articles tr.results:hover {
    background-color: none; }
  table.ordered_articles table tfoot {
    font-weight: bold; }

td.currency, td.actions {
  text-align: right;
  padding-right: 0.5em; }

td.closed {
  background: url(/images/arrow_right_red.png) no-repeat center left; }
  td.closed a {
    display: block;
    text-decoration: none;
    padding-left: 20px; }

td.open {
  background: url(/images/arrow_down_red.png) no-repeat center left; }

div.edit_form {
  border: 2px solid #e3e3e3;
  background: #f5f5f5;
  padding: 0 0.8em 0.8em 0.8em;
  margin: 5px 0;
  color: black; }

#edit_article, #edit_box {
  position: fixed;
  top: 5em;
  left: 10em;
  width: 55em;
  background: #FBFBFB;
  padding: 3em;
  padding-top: 1em;
  border-width: 3px;
  border-style: solid;
  border-color: #ed0606; }

div.box {
  border-left: 2px solid #78b74e;
  padding-left: 5px; }

div.single_column, div.left_column, div.right_column {
  margin: .5em .5em 1.5em .5em; }

div.single_column {
  width: 100%; }

div.left_column {
  width: 40%;
  float: left; }

div.right_column {
  margin-bottom: 3em;
  width: 55%;
  float: right; }

div.box_title {
  background: #78b74e;
  padding: 5px 10px; }
  div.box_title h2, div.box_title h2 a {
    color: #FFF;
    margin: 0; }
  div.box_title h2 {
    font-size: 1.3em; }

div.column_content {
  background: #e4eed6;
  color: black;
  padding: 10px;
  margin-bottom: 2em; }
  div.column_content h2 {
    color: black;
    font-size: 1.3em;
    margin: 1em 0 0 0; }
  div.column_content #links {
    float: right; }

tr.current_price {
  background: #cdee9e; }

li.check div.spinner {
  display: block;
  height: 5px;
  width: 21px;
  background-image: url(/images/dots-white.gif);
  line-height: 16px;
  float: left;
  margin-right: 5px;
  background-position: center center;
  background-repeat: no-repeat; }

span.used, span.unused {
  font-weight: bold; }

span.used {
  color: #008000; }

span.unused {
  color: #ed0606; }

span.total {
  font-size: 80%; }

table#order {
  text-align: center; }
  table#order input {
    font-size: 80%; }
  table#order th#col_required, table#order th#col_tolerance {
    width: 145px; }
  table#order th#col_packages, table#order th#col_left_units {
    width: 50px; }
  table#order td#col_left_units {
    color: #ed0606; }
  table#order td {
    padding: 0.6em; }
  table#order td.name, table#order tr.note td {
    text-align: left;
    padding-left: 10px; }
  table#order tfoot tr {
    background-color: #e4eed6; }
  table#order tfoot td {
    padding-right: 10px; }
  table#order tr.note {
    background-color: #FBFBFB;
    font-size: 0.9em;
    border-bottom: 1px solid #DDDDDD; }
    table#order tr.note td {
      padding-left: 20px; }

#newComment {
  margin: 1em; }

.comment {
  border-bottom: 1px dotted black;
  padding: .5em 0 1em .5em; }
  .comment .timestamp {
    font-size: 0.8em;
    color: grey; }

#editOrderNav a {
  color: #fff;
  font-weight: bold; }
#editOrderNav ul {
  margin: 0;
  padding: 0; }
  #editOrderNav ul li {
    display: inline;
    list-style: none;
    margin-right: 1em; }

.accepted {
  color: green;
  font-weight: bold; }

.done, .done a, .done .accepted {
  color: grey;
  font-weight: normal; }

ul.autocomplete .nick, ul.autocomplete .informal {
  margin: auto; }
ul.autocomplete .nick {
  font-weight: bold; }
ul.autocomplete .informal {
  color: grey;
  margin-left: 1em; }

#element_navigation {
  position: relative;
  top: -1em;
  left: 5%; }