body {
  background: #fff;
  color: #333;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10pt;
  text-align: center; }

h1 {
  color: #000; }

h2 {
  color: #000;
  font-size: 20pt;
  text-transform: uppercase;
  border-bottom: 1px solid #000; }
  h2 span {
    font-weight: normal;
    font-size: 15pt;
    text-transform: none;
    font-style: italic;
    display: block;
    margin-top: 1pt;
    margin-left: 20pt; }

h3 {
  color: #000; }
  h3.season {
    margin-bottom: 0px;
    text-transform: uppercase;
    color: black;
    border-bottom: 1px solid #000; }
  h3 img.avatar-small {
    margin-right: 10px; }

h4 {
  color: #000; }

table.form-container {
  background: #eee;
  padding: 10px;
  margin: 10px auto; }
  table.form-container tr td {
    width: 100px; }
table.full-shows-list {
  margin-bottom: 20px; }
  table.full-shows-list tr:hover: {
    background: #eee; }
table.pending-episodes, table.show-list {
  width: 100%; }
  table.pending-episodes th.actions, table.pending-episodes td.actions, table.show-list th.actions, table.show-list td.actions {
    width: 40px;
    padding-right: 20px; }
    table.pending-episodes th.actions img, table.pending-episodes td.actions img, table.show-list th.actions img, table.show-list td.actions img {
      width: 16px;
      height: 16px;
      padding: 1px; }
  table.pending-episodes th.watched, table.pending-episodes td.watched, table.show-list th.watched, table.show-list td.watched {
    text-align: right;
    width: 160px; }
  table.pending-episodes tr.show-header, table.show-list tr.show-header {
    background: #aaa;
    border-bottom: 10px solid black; }
    table.pending-episodes tr.show-header th.actions img, table.show-list tr.show-header th.actions img {
      width: 40px;
      height: 40px; }
    table.pending-episodes tr.show-header th.data, table.show-list tr.show-header th.data {
      font-size: 20px; }
    table.pending-episodes tr.show-header.up-to-date, table.show-list tr.show-header.up-to-date {
      opacity: 0.5; }
      table.pending-episodes tr.show-header.up-to-date th.watched a, table.show-list tr.show-header.up-to-date th.watched a {
        display: none; }
  table.pending-episodes tr.show-season, table.show-list tr.show-season {
    background: #ccc; }
    table.pending-episodes tr.show-season th, table.show-list tr.show-season th {
      padding: 4px;
      font-style: italic;
      font-weight: normal; }
  table.pending-episodes tr.show-episode:odd, table.show-list tr.show-episode:odd {
    background: #ddd; }
  table.pending-episodes tr.show-episode td.data time, table.show-list tr.show-episode td.data time {
    float: right; }
  table.pending-episodes tr.show-episode td.actions *, table.pending-episodes tr.show-episode td.watched *, table.show-list tr.show-episode td.actions *, table.show-list tr.show-episode td.watched * {
    visibility: hidden; }
  table.pending-episodes tr.show-episode:hover, table.show-list tr.show-episode:hover {
    background: #eee; }
    table.pending-episodes tr.show-episode:hover td.actions *, table.pending-episodes tr.show-episode:hover td.watched *, table.show-list tr.show-episode:hover td.actions *, table.show-list tr.show-episode:hover td.watched * {
      visibility: visible; }
  table.pending-episodes tr.more-episodes td, table.show-list tr.more-episodes td {
    padding: 4px;
    font-style: italic;
    font-weight: normal; }

td.metadata {
  vertical-align: top; }
  td.metadata p {
    margin: 0px;
    padding: 2px; }
  td.metadata h3 {
    margin: 0px;
    padding: 2px; }

ul.chapter-list {
  list-style-type: none;
  border-top: 1px solid #ddd;
  padding-left: 0px; }
  ul.chapter-list li {
    border-bottom: 1px solid #ddd;
    padding: 2px; }
    ul.chapter-list li:hover {
      background: #eee; }

img.avatar-small {
  width: 40px;
  height: 40px;
  border: 1px solid #000; }
img.avatar-big {
  width: 100px;
  height: 100px;
  border: 1px solid #000; }
img#logo {
  display: block;
  margin: 200px auto 0px auto; }
img#login {
  display: block;
  margin: 0px auto; }

a img {
  border: none; }

div#container {
  display: block;
  width: 800px;
  margin: 0px auto;
  text-align: left; }
div#header {
  height: 80px;
  margin-bottom: 20px; }
  div#header ul {
    float: right;
    list-style-type: none; }
    div#header ul li {
      float: left;
      padding-left: 10px; }
      div#header ul li a {
        color: black;
        text-decoration: none;
        width: 100px;
        background: #ddd;
        display: block;
        padding: 5px;
        border: 1px solid #aaa;
        text-align: center; }
  div#header img {
    float: left; }
div#main {
  clear: both; }
div#footer {
  border-top: 1px solid #000;
  font-size: 10pt;
  text-align: center; }