/* $Id: system.css,v 1.48 2008/01/09 09:56:39 goba Exp $ */

/*

** HTML elements

*/

body.drag {

  cursor: move;

}

th.active img {

  display: inline;

}

tr.even, tr.odd {

  background-color: #eee;

  border-bottom: 1px solid #ccc;

  padding: 0.1em 0.6em;

}

tr.drag {

  background-color: #fffff0;

}

tr.drag-previous {

  background-color: #ffd;

}

td.active {

  background-color: #ddd;

}

td.checkbox, th.checkbox {

  text-align: center;

}

tbody {

  border-top: 1px solid #ccc;

}

tbody th {

  border-bottom: 1px solid #ccc;

}

thead th {

  text-align: left; /* LTR */

  padding-right: 1em; /* LTR */

  border-bottom: 3px solid #ccc;

}

/*

** Other common styles

*/

.breadcrumb {

  padding-bottom: .5em

}

div.indentation {

  width: 20px;

  height: 1.7em;

  margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */

  padding: 0.42em 0 0.42em 0.6em; /* LTR */

  float: left; /* LTR */

}

div.tree-child {

  background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */

}

div.tree-child-last {

  background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */

}

div.tree-child-horizontal {

  background: url(../../misc/tree.png) no-repeat -11px center;

}

.error {

  color: #e55;

}

div.error {

  border: 1px solid #d77;

}

div.error, tr.error {

  background: #fcc;

  color: #200;

  padding: 2px;

}

.warning {

  color: #e09010;

}

div.warning {

  border: 1px solid #f0c020;

}

div.warning, tr.warning {

  background: #ffd;

  color: #220;

  padding: 2px;

}

.ok {

  color: #008000;

}

div.ok {

  border: 1px solid #00aa00;

}

div.ok, tr.ok {

  background: #dfd;

  color: #020;

  padding: 2px;

}

.item-list .icon {

  color: #555;

  float: right; /* LTR */

  padding-left: 0.25em; /* LTR */

  clear: right; /* LTR */

}

.item-list .title {

  font-weight: bold;

}

.item-list ul {

  margin: 0 0 0.75em 0;

  padding: 0;

}

.item-list ul li {

  margin: 0 0 0.25em 1.5em; /* LTR */

  padding: 0;

  list-style: disc;

}

ol.task-list li.active {

  font-weight: bold;

}

.form-item {

  margin-top: 1em;

  margin-bottom: 1em;

}

tr.odd .form-item, tr.even .form-item {

  margin-top: 0;

  margin-bottom: 0;

  white-space: nowrap;

}

tr.merge-down, tr.merge-down td, tr.merge-down th {

  border-bottom-width: 0 !important;

}

tr.merge-up, tr.merge-up td, tr.merge-up th {

  border-top-width: 0 !important;

}

.form-item input.error, .form-item textarea.error, .form-item select.error {

  border: 2px solid red;

}

.form-item .description {

  font-size: 0.85em;

}

.form-item label {

  display: block;

  font-weight: bold;

}

.form-item label.option {

  display: inline;

  font-weight: normal;

}

.form-checkboxes, .form-radios {

  margin: 1em 0;

}

.form-checkboxes .form-item, .form-radios .form-item {

  margin-top: 0.4em;

  margin-bottom: 0.4em;

}

.marker, .form-required {

  color: #f00;

}

.more-link {

  text-align: right; /* LTR */

}

.more-help-link {

  font-size: 0.85em;

  text-align: right; /* LTR */

}

.nowrap {

  white-space: nowrap;

}

.item-list .pager {

  clear: both;

  text-align: center;

}

.item-list .pager li {

  background-image:none;

  display:inline;

  list-style-type:none;

  padding: 0.5em;

}

.pager-current {

  font-weight:bold;

}

.tips {

  margin-top: 0;

  margin-bottom: 0;

  padding-top: 0;

  padding-bottom: 0;

  font-size: 0.9em;

}

dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {

  font-family: inherit;

  font-size: inherit;

  width: 14em;

}

dl.multiselect dd.a, dl.multiselect dd.a .form-item {

  width: 8em;

}

dl.multiselect dt, dl.multiselect dd {

  float: left; /* LTR */

  line-height: 1.75em;

  padding: 0;

  margin: 0 1em 0 0; /* LTR */

}

dl.multiselect .form-item {

  height: 1.75em;

  margin: 0;

}

/*

** Inline items (need to override above)

*/

.container-inline div, .container-inline label {

  display: inline;

}

/*

** Tab navigation

*/

ul.primary {

  border-collapse: collapse;

  padding: 0 0 0 1em; /* LTR */

  white-space: nowrap;

  list-style: none;

  margin: 5px;

  height: auto;

  line-height: normal;

  border-bottom: 1px solid #bbb;

}

ul.primary li {

  display: inline;

}

ul.primary li a {

  background-color: #ddd;

  border-color: #bbb;

  border-width: 1px;

  border-style: solid solid none solid;

  height: auto;

  margin-right: 0.5em; /* LTR */

  padding: 0 1em;

  text-decoration: none;

}

ul.primary li.active a {

  background-color: #fff;

  border: 1px solid #bbb;

  border-bottom: #fff 1px solid;

}

ul.primary li a:hover {

  background-color: #eee;

  border-color: #ccc;

  border-bottom-color: #eee;

}

ul.secondary {

  border-bottom: 1px solid #bbb;

  padding: 0.5em 1em;

  margin: 5px;

}

ul.secondary li {

  display: inline;

  padding: 0 1em;

  border-right: 1px solid #ccc; /* LTR */

}

ul.secondary a {

  padding: 0;

  text-decoration: none;

}

ul.secondary a.active {

  border-bottom: 4px solid #999;

}

/*

** Autocomplete styles

*/

/* Suggestion list */

#autocomplete {

  position: absolute;

  border: 1px solid;

  overflow: hidden;

  z-index: 100;

}

#autocomplete ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

#autocomplete li {

  background: #fff;

  color: #000;

  white-space: pre;

  cursor: default;

}

#autocomplete li.selected {

  background: #0072b9;

  color: #fff;

}

/* Animated throbber */

html.js input.form-autocomplete {

  background-image: url(../../misc/throbber.gif);

  background-repeat: no-repeat;

  background-position: 100% 2px; /* LTR */

}

html.js input.throbbing {

  background-position: 100% -18px; /* LTR */

}

/*

** Collapsing fieldsets

*/

html.js fieldset.collapsed {

  border-bottom-width: 0;

  border-left-width: 0;

  border-right-width: 0;

  margin-bottom: 0;

  height: 1em;

}

html.js fieldset.collapsed * {

  display: none;

}

html.js fieldset.collapsed legend {

  display: block;

}

html.js fieldset.collapsible legend a {

  padding-left: 15px; /* LTR */

  background: url(../../misc/menu-expanded.png) 5px 75% no-repeat; /* LTR */

}

html.js fieldset.collapsed legend a {

  background-image: url(../../misc/menu-collapsed.png); /* LTR */

  background-position: 5px 50%; /* LTR */

}

/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */

* html.js fieldset.collapsed legend,

* html.js fieldset.collapsed legend *,

* html.js fieldset.collapsed table * {

  display: inline;

}

/* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */

html.js fieldset.collapsible {

  position: relative;

}

html.js fieldset.collapsible legend a {

  display: block;

}

/* Avoid jumping around due to margins collapsing into collapsible fieldset border */

html.js fieldset.collapsible .fieldset-wrapper {

  overflow: auto;

}

/*

** Resizable text areas

*/

.resizable-textarea {

  width: 95%;

}

.resizable-textarea .grippie {

  height: 9px;

  overflow: hidden;

  background: #eee url(../../misc/grippie.png) no-repeat center 2px;

  border: 1px solid #ddd;

  border-top-width: 0;

  cursor: s-resize;

}

html.js .resizable-textarea textarea {

  margin-bottom: 0;

  width: 100%;

  display: block;

}

/*

** Table drag and drop.

*/

.draggable a.tabledrag-handle {

  cursor: move;

  float: left; /* LTR */

  height: 1.7em;

  margin: -0.4em 0 -0.4em -0.5em; /* LTR */

  padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */

  text-decoration: none;

}

a.tabledrag-handle:hover {

  text-decoration: none;

}

a.tabledrag-handle .handle {

  margin-top: 4px;

  height: 13px;

  width: 13px;

  background: url(../../misc/draggable.png) no-repeat 0 0;