/**
 * $Horde: horde/themes/screen.css,v 1.111 2006/06/11 21:33:03 chuck Exp $
 */

/* Global default styles. */
* {
  /* Zero out all padding and margins to start with for better
     * cross-browser control. */
  padding: 0;
  margin: 0;
}

body {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: #fff;
  color: #000;
}

body.scrollbar-quirk {
  margin-right: 15px;
}

p {
  margin-bottom: 10px;
}

img,
.img,
.img:active,
.img:hover,
.img:visited,
.image {
  border: none;
  vertical-align: middle;
  background: transparent;
}
/* This must be declared seperately or IE will ignore all of the selectors. */
input[type="image"] {
  border: none;
  vertical-align: middle;
  background: transparent;
}

ins {
  background: #cfc;
}
del {
  background: #fcc;
}

br.spacer {
  font-size: 8px;
}

.leftAlign {
  text-align: left;
}
.rightAlign {
  text-align: right;
}
.leftFloat {
  float: left;
}
.rightFloat {
  float: right;
}

.box {
  padding: 3px;
  border: 1px dashed #999;
  background: #fff;
}
.solidbox {
  border: 1px solid #000;
}
.greybox {
  border: 1px solid #000;
  background: #e9e9e9;
}
.headerbox {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #fff;
}
.roundedBox {
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.roundedTop {
  -moz-border-radius-topright: 15px;
  -moz-border-radius-topleft: 15px;

  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
.roundedBottom {
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;

  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.header {
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 15px;
  padding: 3px;
}
.header a:hover,
a.header:hover {
  color: #333;
}
.header img {
  vertical-align: bottom;
}
.header ul {
  float: right;
  text-align: right;
  font-size: 12px;
}
.header li {
  list-style: none;
  display: inline;
}

.nowrap {
  white-space: nowrap;
}
.clear {
  clear: both;
  line-height: 0;
  height: 0;
}

a {
  color: blue;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.selected {
  background: #bbcbff;
}
.selected-over {
  background: #cef;
}

/* Table styles. */
table {
  border: none;
}
td,
th {
  padding: 1px;
}
th {
  color: #333;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}
td {
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
ul.linedRow {
  list-style-type: none;
}
.linedRow,
tr.linedRow td,
table.linedRow td,
ul.linedRow li {
  color: #000;
  background: #fff;
  border-bottom: 1px solid #ddd;
}
table.linedRow,
ul.linedRow {
  border-bottom: none;
}
.linedRowSelectedCol,
td.linedRowSelectedCol,
table.linedRow td.linedRowSelectedCol {
  color: #000;
  background: #f3f3f3;
  border-bottom: 1px solid #ddd;
}
.selectedRow,
tr.selectedRow td {
  background: #ffc;
}
.selectedRow:hover,
tr.selectedRow td:hover,
.selectedRow-over,
tr.selectedRow-over td {
  background: #ffd;
}
table.nopadding td,
table.nopadding th {
  padding: 0;
}
.sortup {
  background: #bbcbff url("graphics/za.png") center left no-repeat;
  padding-left: 10px;
}
.sortdown {
  background: #bbcbff url("graphics/az.png") center left no-repeat;
  padding-left: 10px;
}
/* Alternating styles. item0, item1 are deprecated. */
.striped,
.rowEven,
.item0 {
  background: #eee;
}
.rowOdd,
.item1 {
  background: #ddd;
}

.widget {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

.light {
  color: #fff;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.smallheader {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
small,
.small {
  font-size: 10px;
}

small9,
.small9 {
  font-size: 9px;
}

small8,
.small8 {
  font-size: 8px;
}

.control {
  color: #000;
  background: #ccc;
  border-bottom: 1px solid #999;
}
.item {
  color: #000;
  background: #eee;
}
.accessKey {
  text-decoration: underline;
}
.text {
  color: #000;
  background: #fff;
}

/* Form styles. */
.form table {
  width: 100%;
  padding: 2px;
  border-collapse: collapse;
}
.htmlarea .statusBar .statusBarTree a {
  font: inherit;
}
.htmlarea table {
  width: auto;
}
.form-error {
  color: #f00;
}
input,
select {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}
input {
  padding: 1px;
}
option {
  padding: 0px 5px 0px 3px;
}
.checkbox {
  border: 0;
  height: 14px;
  width: 14px;
  background: transparent;
}
.button {
  cursor: pointer;
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
  padding: 1px 6px;
}
a.button {
  padding: 2px 8px;
  font-weight: normal;
  text-decoration: none;
}

.fixed {
  font-size: 13px;
  font-family: monospace, fixed;
}

/* Styles for email-like messages. */
.signature {
  color: #ccc;
}
.signature-fixed {
  color: #ccc;
  font-size: 13px;
  font-family: monospace, fixed;
}
.citation {
  margin: 1em 0;
  padding-left: 1em;
  border-left-width: 1px;
  border-left-style: solid;
}
.quoted1 {
  color: #606;
  border-left-color: #606;
}
.quoted2 {
  color: #077;
  border-left-color: #077;
}
.quoted3 {
  color: #900;
  border-left-color: #900;
}
.quoted4 {
  color: #009;
  border-left-color: #009;
}
.quoted5 {
  color: #b60;
  border-left-color: #b60;
}

/* Various popup and status layers. */
.notice {
  font-weight: bold;
  color: #000;
  background: #ffc;
  border: 1px solid #aaa;
  padding: 1px;
  padding-left: 5px;
  margin-bottom: 1px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.tooltip,
div.nicetitle {
  font: 11px/12px Verdana, Arial, serif;
  color: #000;
  background: #ffc;
  border: 1px solid #000;
  padding: 5px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
div.nicetitle {
  position: absolute;
  overflow: hidden;
  opacity: 0.9;
}
div.nicetitle pre {
  font-family: "Lucida Console", monospace, fixed;
}
.inProgress {
  font: 10px Geneva, Arial, Helvetica, sans-serif;
  padding: 2px;
  color: #fff;
  background: #f00;
}

/* Tree styles. */
.treeRow {
  overflow: hidden;
  min-height: 20px;
  clear: both;
}

/* Menu styles. */
#menu {
  overflow: hidden;
  min-height: 50px;
  font-family: Verdana, Helvetica, sans-serif;
  margin-bottom: 8px;
}
#menu ul {
  padding: 5px;
}
#menu li {
  list-style-type: none;
  text-align: center;
  margin: 2px;
  float: left;
}
#menu a {
  display: block;
  white-space: pre;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  padding: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#menu h1 {
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 48px;
  vertical-align: bottom;
}
#menu input,
#menu select {
  margin-top: 16px;
}
#menuBottom {
  margin-top: -8px;
  padding: 4px;
  float: right;
  text-align: right;
  font-size: 11px;
  background: #eee;
}

/* Sidebar styles. */
.sidebar #menu {
  margin: 0;
}
#sidebarPanel {
  -moz-border-radius-bottomright: 15px;
  border-bottom-right-radius: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
  background: #eee;
  white-space: nowrap;
}
#sidebarPanel span,
#sidebarPanel a {
  color: #000;
  white-space: pre;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
}
#sidebarPanel span.toggle {
  cursor: pointer;
}
#sidebarPanel a:hover {
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #000;
}

/* Pager. */
.pager {
  text-align: center;
}

/* Tab styles. */
.tabset {
  float: left;
  width: 100%;
  font-weight: bold;
  background: url("graphics/tab_bottom.gif") repeat-x bottom;
}
.tabset ul {
  margin-top: 4px;
  padding-left: 10px;
  list-style: none;
}
.tabset li {
  float: left;
  margin-top: -3px;
  margin-left: 2px;
  white-space: nowrap;
}
.tabset li a {
  color: #000;
  background-color: #e9e9e9;
  padding: 2px 0.5em;
  display: block;
  border: 1px solid #000;
  border-bottom-color: #e9e9e9;

  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;

  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.tabset li a:hover {
  text-decoration: none;
  background-color: #fff;
}
.tabset li.activeTab a {
  border-bottom: 1px solid #000;
  background-color: #000;
  color: #fff;
}
.tabset li.activeTab a:hover {
}
.tabset img {
  display: block;
  float: left;
  padding-right: 2px;
}

/* Preferences overview. */
.prefsOverview div {
  float: left;
}
.prefsOverview div div {
  padding-left: 10px;
  width: 95%;
}
.prefsOverview h2 {
  font-size: 18px;
  font-weight: bold;
}
.prefsOverview dt a {
  display: block;
  padding: 2px;
  font-weight: bold;
  border: 1px solid #000;
  border-bottom: 1px solid #446;
  background: #e9e9e9;
}
.prefsOverview dd {
  padding: 2px;
  margin-bottom: 10px;
  color: #000;
  background: #fff;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

/* Block styles. */
.currentBlock {
  border: 2px solid red;
}

/* Help styles. */
body.help_about,
body.help_entry {
  margin: 0.5em;
}
body.help_sidebar {
  overflow: hidden;
}
.helplink {
  cursor: help;
}
.help {
  background: #fff;
  color: #000;
}
.help h1 {
  font-size: 15px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.help h2 {
  padding-top: 1em;
  padding-bottom: 0.5em;
  font-size: 13px;
}
.help p {
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
}
.help em {
  display: block;
  padding: 5px;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
}
.help em.helpTip {
  color: #090;
  background: #e0f0e0;
}
.help em.helpWarn {
  color: #900;
  background: #f0e0e0;
}

/* Source markup styles. */
table.lineNumbered * {
  font-family: monospace;
  font-size: 12px;
  line-height: 16px;
}
.lineNumbered th {
  background: #e9e9e9;
  border-right: 1px solid #e0e0e0;
  border-bottom: none;
  padding-left: 10px;
  padding-right: 10px;
  text-align: right;
}
.lineNumbered td {
  vertical-align: top;
  width: 100%;
  white-space: pre;
  background: #fff;
  padding-left: 10px;
}
.parentheses {
  color: #2a6;
  font-weight: bold;
}
.comment {
  color: #aac;
}
.htag {
  color: #569;
  background: #d5d6da;
  font-weight: bold;
}
.metac {
  color: #0ff;
  background: #d5d6da;
}
.id {
  color: #e82;
  background: #e4e4e0;
}
.attr {
  color: #6af;
}
.value {
  color: #d46;
}
.color {
  color: #f57;
}
.eol {
  color: #26e;
}
.url {
  color: #962;
}
.file {
  color: #444;
  background: #fe4;
}
.class {
  font-style: italic;
}

/* Drop shadows. */
.dropShadow {
  float: left;
  background: url("graphics/shadow.png") no-repeat bottom right !important;
  background: url("graphics/shadow.gif") no-repeat bottom right;
  margin: 10px 0 0 5px;
}

.dropShadow img {
  display: block;
  position: relative;
  background: #fff;
  border: 1px solid #666;
  margin: -3px 5px 5px -3px;
  padding: 2px;
}

.item0-hi {
  background: #ccccff;
}

.item1-hi {
  background: #aaaacc;
}

#horizon {
  color: white;
  background-color: transparent;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 1px;
  overflow: visible;
  visibility: visible;
  display: block;
}

#logincontent {
  font-family: Verdana, Geneva, Arial, sans-serif;
  background-color: transparent;
  margin-left: -350px;
  position: absolute;
  /*  top: -200px; */
  left: 50%;
  width: 700px;
  height: 400px;
  visibility: visible;
}

.log-header {
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #000;
  background: #e9e9e9;
}

.log-message {
}

.log-warn {
}

.log-error {
}

.statusContainer {
  background-color: #dddddd;
}

span.statusMsg {
  color: #000000;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  margin: 2px 6px;
}

/* MIME styles. */
.mimeStatusMessage,
.mimeStatusWarning,
.mimeHeaders,
.mimePartInfo {
  padding: 1px;
  margin-bottom: 2px;
}
.mimeStatusMessage *,
.mimeStatusWarning *,
.mimePartInfo * {
  font-family: Verdana, Arial, serif;
  font-size: 7.5pt;
}
.mimeStatusMessage {
  color: #000;
  background: #ffc;
  border: 1px solid #fff760;
  width: 100%;
}
.mimeStatusWarning {
  border: 1px solid #800;
  background: #e81222;
  color: #fff;
  width: 100%;
}
.mimeHeaders {
  border: 1px solid #ccc;
  background: #f9f9f9;
  width: 100%;
  font-size: 13px;
  font-family: monospace, fixed;
}
.mimePartInfo {
  border: 1px solid #ccc;
  background: #f9f9f9;
}
.mimePartInfo,
.mimePartInfo a {
  color: #666;
}
.mimeStatusIcon {
  vertical-align: middle;
  width: 1%;
}
.download {
  padding: 2px 20px 2px 0;
  background: transparent url("graphics/download.png") center right no-repeat;
}

/* Calendar Popup. */
table.calendarPopup {
  border: 1px solid #ccc;
  background: #fff;
  width: auto;
}
.calendarPopup thead {
  font-weight: bold;
}
.calendarPopup th {
  border-bottom: 1px solid #ccc;
}
.calendarPopup tbody {
  text-align: right;
}
.calendarPopup td {
  font-family: tahoma;
  font-size: 8pt;
}
.calendarPopup a {
  color: black;
  display: block;
  padding: 2px;
}
.calendarPopup tbody a:hover {
  background: #ffc;
}
.calendarPopup .current {
  font-weight: bold;
  background: #eef;
}
.calendarPopup .today {
  font-weight: bold;
}

/* Redbox styles. */
#RB_overlay {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 100%;
  background-color: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
#RB_loading {
  z-index: 101;
  width: 66;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
  padding-bottom: 66px;
  text-align: center;
  background: url("graphics/redbox_spinner.gif") no-repeat bottom center;
}
#RB_window {
  z-index: 102;
  background-color: #fff;
  display: block;
  text-align: left;
  overflow: hidden;
  margin: 20px auto 0 auto;
  position: fixed;
  position: absolute;
}

#RB_confirm {
  width: 20em;
  padding: 1em;
  border: 1px solid #ccc;
  background: #ffc;
}
#RB_confirm input {
  margin: 0.2em;
}