a, a:active, a:hover, a:visited {
  text-decoration: none;
  color: #000;
  outline: none;
}
body, html {
  width: 100%;
  height: 100%;
  font-family: sans-serif;
}
body {
  display: box;
  box-orient: vertical;
  font-size: 12px;
  background: #eee;
}
body > header {
  border-bottom: 1px solid #ccc;
}
body > header > h1 {
  float: left;
  font-size: 20px;
  font-weight: bold;
  padding: 6px 6px 6px 35px;
  background: url(/static/images/icon_32x32.png) no-repeat 1px 1px;
}
body > header > h1 a {
  text-shadow: 0 1px 0 #fff;
  transition: all 0.1s ease 0s;
}
body > header > h1 a:hover {
  color: #666;
}
body > header > nav.app {
  float: right;
  border-left: 1px solid #ccc;
}
body > header > nav.app > ul > li {
  display: block;
  float: left;
  border-left: 1px solid #fff;
  border-right: 1px solid #ccc;
}
body > header > nav.app > ul > li input {
  margin: 6px;
  width: 300px;
}
body > header > nav.app > ul > li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
  background: linear-gradient(#f4f4f4 0%, #ececec 100%), #ececec;
  color: #666;
  text-shadow: 1px 1px 0 #fff;
  text-decoration: none;
}
body > header > nav.app > ul > li a:focus, body > header > nav.app >
ul > li a:hover {
  background: linear-gradient(#eeeeee 0%, #dddddd 100%), #dddddd;
  color: #333;
  text-decoration: none;
}
body > header > nav.app > ul > li a:active {
  background: linear-gradient(#dddddd 0%, #eeeeee 100%), #eeeeee;
  color: #333;
  text-decoration: none;
  text-shadow: -1px -1px 0 #eeeeee;
}
body > header > nav.app > ul > li.notifications {
  display: none;
}
body > nav.messages {
  height: 9.077em;
  min-height: 3.077em;
  position: relative;
  overflow: auto;
  border-top: 1px solid #fff;
  background: #fff;
}
body > nav.messages > table {
  width: 100%;
}
body > nav.messages > table > thead > tr {
  background: #eee;
  color: #333;
}
body > nav.messages > table > thead > tr > th {
  padding: 0.25em;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
  text-align: left;
}
body > nav.messages > table > tbody > tr {
  cursor: pointer;
  height: 1em;
  transition: all 0.1s ease 0s;
  color: #333;
  background: #fff;
}
body > nav.messages > table > tbody > tr:hover {
  color: #000;
}
body > nav.messages > table > tbody > tr:nth-child(even) {
  background: #f0f0f0;
}
body > nav.messages > table > tbody > tr.selected {
  background: Highlight;
  color: HighlightText;
}
body > nav.messages > table > tbody > tr.deleted {
  text-decoration: line-through;
}
body > nav.messages > table > tbody > tr td {
  padding: 0.25em;
}
body .resizer {
  padding-bottom: 5px;
  cursor: ns-resize;
}
body .resizer > .ruler {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}
body > article {
  display: box;
  box-orient: vertical;
  box-flex: 1;
}
body > article > aside.no-message-mark {
  display: none;
}
body > article.loading-message > *, body > article.no-message > * {
  display: none !important;
}
body > article.loading-message > aside.no-message-mark, body >
article.no-message > aside.no-message-mark {
  display: box !important;
  box-pack: center;
  box-align: center;
  box-flex: 1;
  font-size: 64px;
  font-weight: bold;
  user-select: none;
  cursor: default;
  color: rgba(255, 255, 255, 0.5);
  text-shadow: rgba(170, 170, 170, 0.5) 1px 1px 1px;
}
body > article.loading-message > aside.no-message-mark > div, body >
article.no-message > aside.no-message-mark > div {
  display: none;
}
body > article.no-message div.no-message {
  display: block !important;
}
body > article.loading-message div.loading-message {
  display: block !important;
}
body > article > header {
  overflow: hidden;
  *zoom: 1;
}
body > article > header > dl.meta {
  overflow: hidden;
  *zoom: 1;
  padding: 0 0.5em 0.5em;
}
body > article > header > dl.meta dd, body > article > header >
dl.meta dt {
  padding: 0.25em;
  white-space: nowrap;
}
body > article > header > dl.meta dt {
  float: left;
  clear: left;
  width: 8em;
  margin-right: 0.5em;
  text-align: right;
  font-weight: bold;
  color: #666;
  text-shadow: 0 1px 0 #fff;
}
body > article > header > dl.meta dd.subject {
  font-weight: bold;
}
body > article > header > dl.meta .attachments > ul {
  display: inline;
}
body > article > header > dl.meta .attachments > ul > li {
  display: inline-block;
  margin-right: 0.5em;
}
body > article > header > dl.meta .attachments > ul > li > a {
  color: #00e;
}
body > article > header > nav.views > ul {
  padding: 0 0.5em;
  border-bottom: 1px solid #ccc;
}
body > article > header > nav.views > ul > li.tab {
  display: inline-block;
}
body > article > header > nav.views > ul > li.tab > a {
  display: inline-block;
  padding: 0.5em;
  border: 1px solid #ccc;
  background: #ddd;
  color: #333;
  border-width: 1px 1px 0 1px;
  cursor: pointer;
  text-shadow: 0 1px 0 #eee;
}
body > article > header > nav.views > ul > li.tab:not(.selected:hover)
> a {
  background: #eee;
}
body > article > header > nav.views > ul > li.tab.selected > a {
  background: #fff;
  color: #000;
  height: 13px;
  box-shadow: 1px 1px 0 #ccc;
  margin-bottom: -2px;
}
body > article > header > nav.views > ul > li.action {
  display: inline-block;
  float: right;
  margin: 0 0.25em;
}
body > article > iframe.body {
  display: box;
  box-flex: 1;
  background: #fff;
}
.button {
  padding: .5em 1em;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: linear-gradient(#f4f4f4 0%, #ececec 100%), #ececec;
  color: #666666 !important;
  text-shadow: 1px 1px 0 #fff;
  text-decoration: none;
}
.button:focus, .button:hover {
  border-color: #999;
  border-bottom-color: #666;
  background: linear-gradient(#eeeeee 0%, #dddddd 100%), #dddddd;
  color: #333333 !important;
  text-decoration: none;
}
.button:active {
  border-color: #666;
  border-bottom-color: #999;
  background: linear-gradient(#dddddd 0%, #eeeeee 100%), #eeeeee;
  color: #333333 !important;
  text-decoration: none;
  text-shadow: -1px -1px 0 #eeeeee;
}
.hidden {
  display: none;
}
.no-close .ui-dialog-titlebar-close {
  display: none;
}
.ui-widget {
  font-size: 1em;
  line-height: 1.1em;
}
p + p {
  margin-top: 1em;
}
