/**
 * Admin Styles
 */
div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,

div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,

div.item-list,
.menu {
  margin: 0;
  padding: 0;
}

div.admin .left {
  float: left;
  width: 48%;
}
div.admin .right {
  float: right;
  width: 48%;
}

div.admin-panel {
  background: #fff url(images/fieldset-gradient.png) repeat-x 0 0;
  padding: 1em 1em 1.5em;
}

div.admin-panel .description {
  margin-bottom: 1.5em;
}

div.admin-panel dl {
  margin: 0;
}

div.admin-panel dd {
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: -.2em;
  margin-bottom: .65em;
}

/** -----------------------------------------------------------
 * COLLAPSIBLE FIELDSETS
 */
fieldset {
  margin: 0.5em 0;
  padding: 1em;
  border: 1px solid #D34A2C;
  background: #fff url(images/fieldset-gradient.png) repeat-x 0 0;
}

*:first-child+html fieldset {
  padding: 0 1em 1em;
  background-position: 0 .75em;
  background-color: transparent;
}

*:first-child+html fieldset > .description,
*:first-child+html fieldset .fieldset-wrapper .description {
  padding-top: 1em;
}

/* Fix disappearing legend in Firefox */
fieldset legend {
	display: block;
}

*:first-child+html fieldset legend,
*:first-child+html fieldset.collapsed legend {
	display: inline;
}

html.js fieldset.collapsed {
	background: transparent;
	padding-top: 0;
	padding-bottom: .6em;
	border: 0;
}

html.js fieldset.collapsible legend a {
	padding-left: 1.2em;
	background: url(images/menu-expanded.gif) no-repeat 0% 50%;
}

html.js fieldset.collapsed legend a {
	background: url(images/menu-collapsed.gif) no-repeat 0% 50%;
}

/** -----------------------------------------------------------
 *  TABLES
 */

/* display tables wide and easy to read (width) */
table {
	margin: 1em 0;
	width: 100%; 
}

/* CUSTOMIZE ALL THE COLORS, BORDERS, PADDING BELOW <------------------------------------------------------------- customize */
thead th {
	border-bottom: 2px solid #333333;
	color: #333333;
	font-weight: bold;
}

th a {
	color: #333333;
}

th a:hover {
	color: #333333;
}

td, th {
	padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
	border: solid #888888;
	border-width: 1px 0;
}

/* tr.info ? */
tr.odd, tr.info {
	background-color: #DDDDDD;
}

tr.even {
	background-color: #EEEEEE;
}

/* color of the row beeing moved */
tr.drag {
	background-color: #AAFFAA;
}

/* color of the previously moved row (but not saved yet) */
tr.drag-previous {
	background-color: #FFFF88;
}

tr.odd td.active {
	background-color: #BBBBEE;
}

tr.even td.active {
	background-color: #CCCCFF;
}

/* for ex. region names on the Block configuration page */
td.region, td.module, td.container, td.category {
	border-top: 1.5em solid #FFFFFF;
	border-bottom: 1px solid #888888;
	background-color: #AAAAAA;
	color: #000000;
	font-weight: bold;
}

td.region, td.module, td.container, td.category {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #b4d7f0;
  background-color: #d4e7f3;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region, 
tr:first-child td.module,
tr:first-child td.container,
tr:first-child td.category {
	border-top-width: 0;
}

tr.menu-disabled {
	/*opacity: 0.5;*/
}
tr.odd td.menu-disabled,
tr.even td.menu-disabled {
	background-color: #FFFFFF;
}

/** -----------------------------------------------------------
 * USER PROFILE
 */
.profile {
	margin-top: 1.5em;
}

/* sectors in profile page (like 'History' etc.) */
.profile h3 {
	border-bottom: 0;
	margin-bottom: 0.5em;
}

/* contents of profile sectors */
.profile dl {
	margin: 0;
}

.profile dt {
	font-weight: normal;
	color: #898989;
	font-size: 0.92em;
	margin-top: 1.4em;
	margin-bottom: 0.45em;
}

.profile dd {
	margin-bottom: 1.6em;
}

/* ---------- OTHER STUFF ---------- */
.description {
	font-size: 0.9em;
	color: #888;
}