text: // colour_baseline.less
  //
  // Baseline CSS for the Hathor colours.
  // Compilers should include this in their colour's imports, but not directly
  // compile using this file.
  // -----------------------------------------------------
  
  // Core variables and mixins
  @import "../../../../media/jui/less/mixins.less";
  
  // Bootstrap Buttons
  // Using override for Hathor to target specific instances only
  @import "buttons.less";
  
  // Bootstrap Forms
  // Using override for Hathor since we're not pulling in all Bootstrap form styles
  @import "forms.less";
  
  // Bootstrap Labels and Badges
  @import "../../../../media/jui/less/labels-badges.less";
  
  /*
   * General styles
   */
  body {
  	background-color: @bodyBackground;
  	color: @textColor;
  }
  
  h1 {
  	color: @textColor;
  }
  
  a:link {
  	color: @linkColor;
  }
  
  a:visited {
  	color: @linkColor;
  }
  
  /*
   * Overall Styles
   */
  #header {
  	background: @bodyBackground url(../images/j_logo.png) no-repeat;
  }
  
  #header h1.title {
  	color: @textColor;
  }
  
  #nav {
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  	border: 1px solid @mainBorder;
  }
  
  #content {
  	background: @bodyBackground;
  }
  
  #no-submenu {
  	border-bottom: 1px solid @mainBorder;
  }
  
  #element-box {
  	background: @bodyBackground;
  	border-right: 1px solid @mainBorder;
  	border-bottom: 1px solid @mainBorder;
  	border-left: 1px solid @mainBorder;
  }
  
  #element-box.login {
  	border-top: 1px solid @mainBorder;
  }
  
  /*
   * Various Styles
   */
  .enabled,
  .success,
  .allow,
  span.writable {
  	color: @successText;
  }
  
  .disabled,
  p.error,
  .warning,
  .deny,
  span.unwritable {
  	color: @errorText;
  }
  
  .nowarning {
  	color: @textColor;
  }
  
  .none,
  .protected {
  	color: @mainBorder;
  }
  
  span.note {
  	background: @bodyBackground;
  	color: @textColor;
  }
  
  div.checkin-tick {
  	background: url(../images/admin/tick.png) 20px 50% no-repeat;
  }
  
  /*
   * Overlib
   */
  .ol-foreground {
  	background-color: @altBackground;
  }
  
  .ol-background {
  	background-color: @successText;
  }
  
  .ol-textfont {
  	color: @textColor;
  }
  
  .ol-captionfont {
  	color: @bodyBackground;
  }
  
  .ol-captionfont a {
  	color: @linkColor;
  }
  
  /*
   * Subheader, toolbar, page title
   */
  div.subheader .padding {
  	background: @bodyBackground;
  }
  
  .pagetitle h2 {
  	color: @textColor;
  }
  
  div.configuration {
  	color: @textColor;
  	background-image: url(../images/menu/icon-16-config.png);
  	background-repeat: no-repeat;
  }
  
  div.toolbar-box {
  	border-right: 1px solid @mainBorder;
  	border-bottom: 1px solid @mainBorder;
  	border-left: 1px solid @mainBorder;
  	background: @bodyBackground;
  }
  
  div.toolbar-list li {
  	color: @textColor;
  }
  
  div.toolbar-list li.divider {
  	border-right: 1px dotted @hoverBackground;
  }
  
  div.toolbar-list a {
  	border-left: 1px solid @hoverBackground;
  	border-top: 1px solid @hoverBackground;
  	border-right: 1px solid @mainBorder;
  	border-bottom: 1px solid @mainBorder;
  	background: @altBackground;
  }
  
  div.toolbar-list a:hover {
  	border-left: 1px solid @NWBorder;
  	border-top: 1px solid @NWBorder;
  	border-right: 1px solid @SEBorder;
  	border-bottom: 1px solid @SEBorder;
  	background: @hoverBackground;
  	color: @toolbarColor;
  }
  
  div.btn-toolbar {
  	margin-left: 5px;
  	padding-top: 3px;
  }
  
  div.btn-toolbar li.divider {
  	border-right: 1px dotted @hoverBackground;
  }
  
  div.btn-toolbar div.btn-group button {
  	border-left: 1px solid @hoverBackground;
  	border-top: 1px solid @hoverBackground;
  	border-right: 1px solid @mainBorder;
  	border-bottom: 1px solid @mainBorder;
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  	padding: 5px 4px 5px 4px;
  }
  
  div.btn-toolbar div.btn-group button:hover {
  	border-left: 1px solid @NWBorder;
  	border-top: 1px solid @NWBorder;
  	border-right: 1px solid @SEBorder;
  	border-bottom: 1px solid @SEBorder;
  	background: @hoverBackground;
  	color: @toolbarColor;
  	cursor: pointer;
  }
  
  div.btn-toolbar a {
  	border-left: 1px solid @hoverBackground;
  	border-top: 1px solid @hoverBackground;
  	border-right: 1px solid @mainBorder;
  	border-bottom: 1px solid @mainBorder;
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  	padding: 6px 5px;
  	text-align: center;
  	white-space: nowrap;
  	font-size: 1.2em;
  	text-decoration: none;
  }
  
  div.btn-toolbar a:hover {
  	border-left: 1px solid @NWBorder;
  	border-top: 1px solid @NWBorder;
  	border-right: 1px solid @SEBorder;
  	border-bottom: 1px solid @SEBorder;
  	background: @hoverBackground;
  	color: @toolbarColor;
  	cursor: pointer;
  }
  
  div.btn-toolbar div.btn-group button.inactive {
  	background: @altBackground;
  }
  
  /*
   * Pane Slider pane Toggler styles
   */
  .pane-sliders .title {
  	color: @textColor;
  }
  
  .pane-sliders .panel {
  	border: 1px solid @mainBorder;
  }
  
  .pane-sliders .panel h3 {
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  	color: @linkColor;
  }
  
  .pane-sliders .panel h3:hover {
  	background: @hoverBackground;
  }
  
  .pane-sliders .panel h3:hover a {
  	text-decoration: none;
  }
  
  .pane-sliders .adminlist {
  	border: 0 none;
  }
  
  .pane-sliders .adminlist td {
  	border: 0 none;
  }
  
  .pane-toggler span {
  	background: transparent url(../images/j_arrow.png) 5px 50% no-repeat;
  }
  
  .pane-toggler-down span {
  	background: transparent url(../images/j_arrow_down.png) 5px 50% no-repeat;
  }
  
  .pane-toggler-down {
  	border-bottom: 1px solid @mainBorder;
  }
  
  /*
   * Tabs
   */
  dl.tabs dt {
  	border: 1px solid @mainBorder;
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  	color: @linkColor;
  }
  
  dl.tabs dt:hover {
  	background: @hoverBackground;
  }
  
  dl.tabs dt.open {
  	background: @bodyBackground;
  	border-bottom: 1px solid @bodyBackground;
  	color: @textColor;
  }
  
  dl.tabs dt.open a:visited {
  	color: @textColor;
  }
  
  dl.tabs dt a:hover {
  	text-decoration: none;
  }
  
  dl.tabs dt a:focus {
  	text-decoration: underline;
  }
  
  div.current {
  	border: 1px solid @mainBorder;
  	background: @bodyBackground;
  }
  
  /*
   * New parameter styles
   */
  div.current fieldset {
  	border: none 0;
  }
  
  div.current fieldset.adminform {
  	border: 1px solid @mainBorder;
  }
  
  /*
   * Login Settings
   */
  #login-page .pagetitle h2 {
  	background: transparent;
  }
  
  #login-page #header {
  	border-bottom: 1px solid @mainBorder;
  }
  
  #login-page #lock {
  	background: url(../images/j_login_lock.png) 50% 0 no-repeat;
  }
  
  #login-page #element-box.login {
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  }
  
  #form-login {
  	background: @bodyBackground;
  	border: 1px solid @mainBorder;
  }
  
  #form-login label {
  	color: @textColor;
  }
  
  #form-login div.button1 a {
  	color: @linkColor;
  }
  
  /*
   * Cpanel Settings
   */
  #cpanel div.icon a, .cpanel div.icon a {
  	color: @linkColor;
  	border-left: 1px solid @hoverBackground;
  	border-top: 1px solid @hoverBackground;
  	border-right: 1px solid @mainBorder;
  	border-bottom: 1px solid @mainBorder;
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  }
  
  #cpanel div.icon a:hover,
  #cpanel div.icon a:focus,
  .cpanel div.icon a:hover,
  .cpanel div.icon a:focus {
  	border-left: 1px solid @NWBorder;
  	border-top: 1px solid @NWBorder;
  	border-right: 1px solid @SEBorder;
  	border-bottom: 1px solid @SEBorder;
  	color: @linkColor;
  	background: @hoverBackground;
  }
  
  /*
   * Form Styles
   */
  fieldset {
  	border: 1px @mainBorder solid;
  }
  
  legend {
  	color: @textColor;
  }
  
  fieldset ul.checklist input:focus {
  	outline: thin dotted @textColor;
  }
  
  fieldset#filter-bar {
  	border-top: 0 solid @mainBorder;
  	border-right: 0 solid @mainBorder;
  	border-bottom: 1px solid @mainBorder;
  	border-left: 0 solid @mainBorder;
  }
  
  fieldset#filter-bar ol, fieldset#filter-bar ul {
  	border: 0;
  }
  
  fieldset#filter-bar ol li fieldset, fieldset#filter-bar ul li fieldset {
  	border: 0;
  }
  
  /* Note: these visual cues should be augmented by aria */
  .invalid {
  	color: @errorText;
  }
  
  /* must be augmented by aria at the same time if changed dynamically by js
  aria-invalid=true or aria-invalid=false */
  input.invalid {
  	border: 1px solid @errorText;
  }
  
  /* augmented by aria in template javascript */
  input.readonly, span.faux-input {
  	border: 0;
  }
  
  input.required {
  	background-color: @inputBackground;
  }
  
  input.disabled {
  	background-color: @disabledBackground;
  }
  
  input, select, span.faux-input {
  	background-color: @bodyBackground;
  	border: 1px solid @mainBorder;
  }
  
  /* Inputs used as buttons */
  input[type="button"], input[type="submit"], input[type="reset"] {
  	color: @linkColor;
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  }
  
  input[type="button"]:hover, input[type="button"]:focus,
  input[type="submit"]:hover, input[type="submit"]:focus,
  input[type="reset"]:hover, input[type="reset"]:focus {
  	background: @hoverBackground;
  }
  
  textarea {
  	background-color: @bodyBackground;
  	border: 1px solid @mainBorder;
  }
  
  input:focus, select:focus, textarea:focus, option:focus,
  input:hover, select:hover, textarea:hover, option:hover {
  	background-color: @hoverBackground;
  	color: @linkColor;
  }
  
  /*
   * Option or Parameter styles
   */
  .paramrules {
  	background: @altBackground;
  }
  
  span.gi {
  	color: @mainBorder;
  }
  
  /*
   * Admintable Styles
   */
  table.admintable td.key, table.admintable td.paramlist_key {
  	background-color: @altBackground;
  	color: @textColor;
  	border-bottom: 1px solid @mainBorder;
  	border-right: 1px solid @mainBorder;
  }
  
  table.paramlist td.paramlist_description {
  	background-color: @altBackground;
  	color: @textColor;
  	border-bottom: 1px solid @mainBorder;
  	border-right: 1px solid @mainBorder;
  }
  
  /*
   * Admin Form Styles
   */
  fieldset.adminform {
  	border: 1px solid @mainBorder;
  }
  
  /*
   * Table styles are for use with tabular data
   */
  table.adminform {
  	background-color: @bodyBackground;
  }
  
  table.adminform tr.row0 {
  	background-color: @bodyBackground;
  }
  
  table.adminform tr.row1 {
  	background-color: @hoverBackground;
  }
  
  table.adminform th {
  	color: @textColor;
  	background: @bodyBackground;
  }
  
  table.adminform tr {
  	border-bottom: 1px solid @mainBorder;
  	border-right: 1px solid @mainBorder;
  }
  
  /*
   * Adminlist Table layout
   */
  table.adminlist {
  	border-spacing: 1px;
  	background-color: @bodyBackground;
  	color: @textColor;
  }
  
  table.adminlist.modal {
  	border-right: 1px solid @mainBorder;
  	border-left: 1px solid @mainBorder;
  }
  
  table.adminlist a {
  	color: @linkColor;
  }
  
  table.adminlist thead th {
  	background: @bodyBackground;
  	color: @textColor;
  	border-bottom: 1px solid @mainBorder;
  }
  
  /*
   * Table row styles
   */
  table.adminlist tbody tr {
  	background: @bodyBackground;
  }
  
  table.adminlist tbody tr.row1 {
  	background: @bodyBackground;
  }
  
  table.adminlist tbody tr.row1:last-child td,
  table.adminlist tbody tr.row1:last-child th {
  	border-bottom: 1px solid @mainBorder;
  }
  
  table.adminlist tbody tr.row0:hover td,
  table.adminlist tbody tr.row1:hover td,
  table.adminlist tbody tr.row0:hover th,
  table.adminlist tbody tr.row1:hover th,
  table.adminlist tbody tr.row0:focus td,
  table.adminlist tbody tr.row1:focus td,
  table.adminlist tbody tr.row0:focus th,
  table.adminlist tbody tr.row1:focus th {
  	background-color: @hoverBackground;
  }
  
  table.adminlist tbody tr td,
  table.adminlist tbody tr th {
  	border-right: 1px solid @mainBorder;
  }
  
  table.adminlist tbody tr td:last-child {
  	border-right: none;
  }
  
  table.adminlist tbody tr.row0:last-child td,
  table.adminlist tbody tr.row0:last-child th {
  	border-bottom: 1px solid @mainBorder;
  }
  
  table.adminlist tbody tr.row0 td,
  table.adminlist tbody tr.row0 th {
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  }
  
  table.adminlist {
  	border-bottom: 0 solid @mainBorder;
  }
  
  table.adminlist tfoot tr {
  	color: @textColor;
  }
  
  /*
   * Table td/th styles
   */
  table.adminlist tfoot td,
  table.adminlist tfoot th {
  	background-color: @bodyBackground;
  	border-top: 1px solid @mainBorder;
  }
  
  /*
   * Adminlist buttons
   */
  table.adminlist tr td.btns a {
  	border: 1px solid @mainBorder;
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  	color: @linkColor;
  }
  
  table.adminlist tr td.btns a:hover,
  table.adminlist tr td.btns a:active,
  table.adminlist tr td.btns a:focus {
  	background-color: @bodyBackground;
  }
  
  /*
   * Saving order icon styling in admin tables
   */
  a.saveorder {
  	background: url(../images/admin/filesave.png) no-repeat;
  }
  
  a.saveorder.inactive {
  	background-position: 0 -16px;
  }
  
  /*
   * Saving order icon styling in admin tables
   */
  fieldset.batch {
  	background: @bodyBackground;
  }
  
  /**
   * Button styling
   */
  button {
  	color: @toolbarColor;
  	border: 1px solid @mainBorder;
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  }
  
  button:hover,
  button:focus {
  	background: @hoverBackground;
  }
  
  .invalid {
  	color: #ff0000;
  }
  
  /* Button 1 Type */
  .button1 {
  	border: 1px solid @mainBorder;
  	color: @linkColor;
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  }
  
  /* Use this if you add images to the buttons such as directional arrows */
  .button1 a {
  	color: @linkColor;
  /* add padding if you are using the directional images */
  /* padding: 0 30px 0 6px; */
  }
  
  .button1 a:hover,
  .button1 a:focus {
  	background: @hoverBackground;
  }
  
  /* Button 2 Type */
  .button2-left,
  .button2-right {
  	border: 1px solid @mainBorder;
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  }
  
  .button2-left a,
  .button2-right a,
  .button2-left span,
  .button2-right span {
  	color: @linkColor;
  }
  
  /* these are inactive buttons */
  .button2-left span,
  .button2-right span {
  	color: #999999;
  }
  
  .page span,
  .blank span {
  	color: @linkColor;
  }
  
  .button2-left a:hover,
  .button2-right a:hover,
  .button2-left a:focus,
  .button2-right a:focus {
  	background: @hoverBackground;
  }
  
  /**
   * Pagination styles
   */
  
  /* Grey out the current page number */
  .pagination .page span {
  	color: #999999;
  }
  
  /**
   * Tooltips
   */
  .tip {
  	background: #000000;
  	border: 1px solid #FFFFFF;
  }
  
  .tip-title {
  	background: url(../images/selector-arrow-std.png) no-repeat;
  }
  
  /**
   * Calendar
   */
  a img.calendar {
  	background: url(../images/calendar.png) no-repeat;
  }
  
  /**
   * JGrid styles
   */
  .jgrid span.publish {
  	background-image: url(../images/admin/tick.png);
  }
  
  .jgrid span.unpublish {
  	background-image: url(../images/admin/publish_x.png);
  }
  
  .jgrid span.archive {
  	background-image: url(../images/menu/icon-16-archive.png);
  }
  
  .jgrid span.trash {
  	background-image: url(../images/menu/icon-16-trash.png);
  }
  
  .jgrid span.default {
  	background-image: url(../images/menu/icon-16-default.png);
  }
  
  .jgrid span.notdefault {
  	background-image: url(../images/menu/icon-16-notdefault.png);
  }
  
  .jgrid span.checkedout {
  	background-image: url(../images/admin/checked_out.png);
  }
  
  .jgrid span.downarrow {
  	background-image: url(../images/admin/downarrow.png);
  }
  
  .jgrid span.downarrow_disabled {
  	background-image: url(../images/admin/downarrow0.png);
  }
  
  .jgrid span.uparrow {
  	background-image: url(../images/admin/uparrow.png);
  }
  
  .jgrid span.uparrow_disabled {
  	background-image: url(../images/admin/uparrow0.png);
  }
  
  .jgrid span.published {
  	background-image: url(../images/admin/publish_g.png);
  }
  
  .jgrid span.expired {
  	background-image: url(../images/admin/publish_r.png);
  }
  
  .jgrid span.pending {
  	background-image: url(../images/admin/publish_y.png);
  }
  
  .jgrid span.warning {
  	background-image: url(../images/admin/publish_y.png);
  }
  
  /**
   * Toolbar icons
   * These icons are used for the toolbar buttons
   * The classes are constructed dynamically when the toolbar is created
   */
  .icon-32-send {
  	background-image: url(../images/toolbar/icon-32-send.png);
  }
  
  .icon-32-delete {
  	background-image: url(../images/toolbar/icon-32-delete.png);
  }
  
  .icon-32-help {
  	background-image: url(../images/toolbar/icon-32-help.png);
  }
  
  .icon-32-cancel {
  	background-image: url(../images/toolbar/icon-32-cancel.png);
  }
  
  .icon-32-checkin {
  	background-image: url(../images/toolbar/icon-32-checkin.png);
  }
  
  .icon-32-options {
  	background-image: url(../images/toolbar/icon-32-config.png);
  }
  
  .icon-32-apply {
  	background-image: url(../images/toolbar/icon-32-apply.png);
  }
  
  .icon-32-back {
  	background-image: url(../images/toolbar/icon-32-back.png);
  }
  
  .icon-32-forward {
  	background-image: url(../images/toolbar/icon-32-forward.png);
  }
  
  .icon-32-save {
  	background-image: url(../images/toolbar/icon-32-save.png);
  }
  
  .icon-32-edit {
  	background-image: url(../images/toolbar/icon-32-edit.png);
  }
  
  .icon-32-copy {
  	background-image: url(../images/toolbar/icon-32-copy.png);
  }
  
  .icon-32-move {
  	background-image: url(../images/toolbar/icon-32-move.png);
  }
  
  .icon-32-new {
  	background-image: url(../images/toolbar/icon-32-new.png);
  }
  
  .icon-32-upload {
  	background-image: url(../images/toolbar/icon-32-upload.png);
  }
  
  .icon-32-assign {
  	background-image: url(../images/toolbar/icon-32-publish.png);
  }
  
  .icon-32-html {
  	background-image: url(../images/toolbar/icon-32-html.png);
  }
  
  .icon-32-css {
  	background-image: url(../images/toolbar/icon-32-css.png);
  }
  
  .icon-32-menus {
  	background-image: url(../images/toolbar/icon-32-menu.png);
  }
  
  .icon-32-publish {
  	background-image: url(../images/toolbar/icon-32-publish.png);
  }
  
  .icon-32-unblock {
  	background-image: url(../images/toolbar/icon-32-unblock.png);
  }
  
  .icon-32-unpublish {
  	background-image: url(../images/toolbar/icon-32-unpublish.png);
  }
  
  .icon-32-restore {
  	background-image: url(../images/toolbar/icon-32-revert.png);
  }
  
  .icon-32-trash {
  	background-image: url(../images/toolbar/icon-32-trash.png);
  }
  
  .icon-32-archive {
  	background-image: url(../images/toolbar/icon-32-archive.png);
  }
  
  .icon-32-unarchive {
  	background-image: url(../images/toolbar/icon-32-unarchive.png);
  }
  
  .icon-32-preview {
  	background-image: url(../images/toolbar/icon-32-preview.png);
  }
  
  .icon-32-default {
  	background-image: url(../images/toolbar/icon-32-default.png);
  }
  
  .icon-32-refresh {
  	background-image: url(../images/toolbar/icon-32-refresh.png);
  }
  
  .icon-32-save-new {
  	background-image: url(../images/toolbar/icon-32-save-new.png);
  }
  
  .icon-32-save-copy {
  	background-image: url(../images/toolbar/icon-32-save-copy.png);
  }
  
  .icon-32-error {
  	background-image: url(../images/toolbar/icon-32-error.png);
  }
  
  .icon-32-new-style {
  	background-image: url(../images/toolbar/icon-32-new-style.png);
  }
  
  .icon-32-delete-style {
  	background-image: url(../images/toolbar/icon-32-delete-style.png);
  }
  
  .icon-32-purge {
  	background-image: url(../images/toolbar/icon-32-purge.png);
  }
  
  .icon-32-remove {
  	background-image: url(../images/toolbar/icon-32-remove.png);
  }
  
  .icon-32-featured {
  	background-image: url(../images/toolbar/icon-32-featured.png);
  }
  
  .icon-32-unfeatured {
  	background-image: url(../images/toolbar/icon-32-featured.png);
  	background-position: 0% 100%;
  }
  
  .icon-32-export {
  	background-image: url(../images/toolbar/icon-32-export.png);
  }
  
  .icon-32-stats {
  	background-image: url(../images/toolbar/icon-32-stats.png);
  }
  
  .icon-32-print {
  	background-image: url(../images/toolbar/icon-32-print.png);
  }
  
  .icon-32-batch {
  	background-image: url(../images/toolbar/icon-32-batch.png);
  }
  
  .icon-32-envelope {
  	background-image: url(../images/toolbar/icon-32-messaging.png);
  }
  
  .icon-32-download {
  	background-image: url(../images/toolbar/icon-32-export.png);
  }
  
  .icon-32-bars {
  	background-image: url(../images/toolbar/icon-32-stats.png);
  }
  
  /**
   * Quick Icons
   * Also knows as Header Icons
   * These are used for the Quick Icons on the Control Panel
   * The same classes are also assigned the Component Title
   */
  .icon-48-categories {
  	background-image: url(../images/header/icon-48-category.png);
  }
  
  .icon-48-category-edit {
  	background-image: url(../images/header/icon-48-category.png);
  }
  
  .icon-48-category-add {
  	background-image: url(../images/header/icon-48-category-add.png);
  }
  
  .icon-48-generic {
  	background-image: url(../images/header/icon-48-generic.png);
  }
  
  .icon-48-banners {
  	background-image: url(../images/header/icon-48-banner.png);
  }
  
  .icon-48-banners-categories {
  	background-image: url(../images/header/icon-48-banner-categories.png);
  }
  
  .icon-48-banners-category-edit {
  	background-image: url(../images/header/icon-48-banner-categories.png);
  }
  
  .icon-48-banners-category-add {
  	background-image: url(../images/header/icon-48-category-add.png);
  }
  
  .icon-48-banners-clients {
  	background-image: url(../images/header/icon-48-banner-client.png);
  }
  
  .icon-48-banners-tracks {
  	background-image: url(../images/header/icon-48-banner-tracks.png);
  }
  
  .icon-48-checkin {
  	background-image: url(../images/header/icon-48-checkin.png);
  }
  
  .icon-48-clear {
  	background-image: url(../images/header/icon-48-clear.png);
  }
  
  .icon-48-contact {
  	background-image: url(../images/header/icon-48-contacts.png);
  }
  
  .icon-48-contact-categories {
  	background-image: url(../images/header/icon-48-contacts-categories.png);
  }
  
  .icon-48-contact-category-edit {
  	background-image: url(../images/header/icon-48-contacts-categories.png);
  }
  
  .icon-48-contact-category-add {
  	background-image: url(../images/header/icon-48-category-add.png);
  }
  
  .icon-48-purge {
  	background-image: url(../images/header/icon-48-purge.png);
  }
  
  .icon-48-cpanel {
  	background-image: url(../images/header/icon-48-cpanel.png);
  }
  
  .icon-48-config {
  	background-image: url(../images/header/icon-48-config.png);
  }
  
  .icon-48-groups {
  	background-image: url(../images/header/icon-48-groups.png);
  }
  
  .icon-48-groups-add {
  	background-image: url(../images/header/icon-48-groups-add.png);
  }
  
  .icon-48-levels {
  	background-image: url(../images/header/icon-48-levels.png);
  }
  
  .icon-48-levels-add {
  	background-image: url(../images/header/icon-48-levels-add.png);
  }
  
  .icon-48-module {
  	background-image: url(../images/header/icon-48-module.png);
  }
  
  .icon-48-menu {
  	background-image: url(../images/header/icon-48-menu.png);
  }
  
  .icon-48-menu-add {
  	background-image: url(../images/header/icon-48-menu-add.png);
  }
  
  .icon-48-menumgr {
  	background-image: url(../images/header/icon-48-menumgr.png);
  }
  
  .icon-48-trash {
  	background-image: url(../images/header/icon-48-trash.png);
  }
  
  .icon-48-user {
  	background-image: url(../images/header/icon-48-user.png);
  }
  
  .icon-48-user-add {
  	background-image: url(../images/header/icon-48-user-add.png);
  }
  
  .icon-48-user-edit {
  	background-image: url(../images/header/icon-48-user-edit.png);
  }
  
  .icon-48-user-profile {
  	background-image: url(../images/header/icon-48-user-profile.png);
  }
  
  .icon-48-inbox {
  	background-image: url(../images/header/icon-48-inbox.png);
  }
  
  .icon-48-new-privatemessage {
  	background-image: url(../images/header/icon-48-new-privatemessage.png);
  }
  
  .icon-48-msgconfig {
  	background-image: url(../images/header/icon-48-message_config.png);
  }
  
  .icon-48-langmanager {
  	background-image: url(../images/header/icon-48-language.png);
  }
  
  .icon-48-mediamanager {
  	background-image: url(../images/header/icon-48-media.png);
  }
  
  .icon-48-plugin {
  	background-image: url(../images/header/icon-48-plugin.png);
  }
  
  .icon-48-help_header {
  	background-image: url(../images/header/icon-48-help_header.png);
  }
  
  .icon-48-impressions {
  	background-image: url(../images/header/icon-48-stats.png);
  }
  
  .icon-48-browser {
  	background-image: url(../images/header/icon-48-stats.png);
  }
  
  .icon-48-searchtext {
  	background-image: url(../images/header/icon-48-stats.png);
  }
  
  .icon-48-thememanager {
  	background-image: url(../images/header/icon-48-themes.png);
  }
  
  .icon-48-writemess {
  	background-image: url(../images/header/icon-48-writemess.png);
  }
  
  .icon-48-featured {
  	background-image: url(../images/header/icon-48-featured.png);
  }
  
  .icon-48-sections {
  	background-image: url(../images/header/icon-48-section.png);
  }
  
  .icon-48-article-add {
  	background-image: url(../images/header/icon-48-article-add.png);
  }
  
  .icon-48-article-edit {
  	background-image: url(../images/header/icon-48-article-edit.png);
  }
  
  .icon-48-article {
  	background-image: url(../images/header/icon-48-article.png);
  }
  
  .icon-48-content-categories {
  	background-image: url(../images/header/icon-48-category.png);
  }
  
  .icon-48-content-category-edit {
  	background-image: url(../images/header/icon-48-category.png);
  }
  
  .icon-48-content-category-add {
  	background-image: url(../images/header/icon-48-category-add.png);
  }
  
  .icon-48-install {
  	background-image: url(../images/header/icon-48-extension.png);
  }
  
  .icon-48-dbbackup {
  	background-image: url(../images/header/icon-48-backup.png);
  }
  
  .icon-48-dbrestore {
  	background-image: url(../images/header/icon-48-dbrestore.png);
  }
  
  .icon-48-dbquery {
  	background-image: url(../images/header/icon-48-query.png);
  }
  
  .icon-48-systeminfo {
  	background-image: url(../images/header/icon-48-info.png);
  }
  
  .icon-48-massmail {
  	background-image: url(../images/header/icon-48-massmail.png);
  }
  
  .icon-48-redirect {
  	background-image: url(../images/header/icon-48-redirect.png);
  }
  
  .icon-48-search {
  	background-image: url(../images/header/icon-48-search.png);
  }
  
  .icon-48-finder {
  	background-image: url(../images/header/icon-48-search.png);
  }
  
  .icon-48-newsfeeds {
  	background-image: url(../images/header/icon-48-newsfeeds.png);
  }
  
  .icon-48-newsfeeds-categories {
  	background-image: url(../images/header/icon-48-newsfeeds-cat.png);
  }
  
  .icon-48-newsfeeds-category-edit {
  	background-image: url(../images/header/icon-48-newsfeeds-cat.png);
  }
  
  .icon-48-newsfeeds-category-add {
  	background-image: url(../images/header/icon-48-category-add.png);
  }
  
  .icon-48-weblinks {
  	background-image: url(../images/header/icon-48-links.png);
  }
  
  .icon-48-weblinks-categories {
  	background-image: url(../images/header/icon-48-links-cat.png);
  }
  
  .icon-48-weblinks-category-edit {
  	background-image: url(../images/header/icon-48-links-cat.png);
  }
  
  .icon-48-weblinks-category-add {
  	background-image: url(../images/header/icon-48-category-add.png);
  }
  .icon-48-tags {
  	background-image: url(../images/header/icon-48-tags.png);
  }
  
  /**
   * General styles
   */
  div.message {
  	border: 1px solid @mainBorder;
  	color: @textColor;
  }
  
  .helpFrame {
  	border-left: 0 solid @mainBorder;
  	border-right: none;
  	border-top: none;
  	border-bottom: none;
  }
  
  .outline {
  	border: 1px solid @mainBorder;
  	background: @bodyBackground;
  }
  
  /**
   * Modal Styles
   */
  dl.menu_type dt {
  	border-bottom: 1px solid @mainBorder;
  }
  
  ul#new-modules-list {
  	border-top: 1px solid @mainBorder;
  }
  
  /**
   * User Accessibility
   */
  
  /* Skip to Content Visual Styling */
  #skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {
  	color: @bodyBackground;
  	background: @linkColor;
  	border-bottom: solid #336 2px;
  }
  
  /**
   * Admin Form Styles
   */
  fieldset.panelform {
  	border: none 0;
  }
  
  /**
   * ACL STYLES relocated from com_users/media/grid.css
   */
  a.move_up {
  	background-image: url('../images/admin/uparrow.png');
  }
  
  span.move_up {
  	background-image: url('../images/admin/uparrow0.png');
  }
  
  a.move_down {
  	background-image: url('../images/admin/downarrow.png');
  }
  
  span.move_down {
  	background-image: url('../images/admin/downarrow0.png');
  }
  
  a.grid_false {
  	background-image: url('../images/admin/publish_x.png');
  }
  
  a.grid_true {
  	background-image: url('../images/admin/tick.png');
  }
  
  a.grid_trash {
  	background-image: url('../images/admin/icon-16-trash.png');
  }
  
  /**
   * ACL PANEL STYLES
   */
  
  /* All Tabs */
  
  tr.row1 {
  	background-color: @altBackground;
  }
  
  /* Summary Tab */
  table.aclsummary-table td.col2,
  table.aclsummary-table th.col2,
  table.aclsummary-table td.col3,
  table.aclsummary-table th.col3,
  table.aclsummary-table td.col4,
  table.aclsummary-table th.col4,
  table.aclsummary-table td.col5,
  table.aclsummary-table th.col5,
  table.aclsummary-table td.col6,
  table.aclsummary-table th.col6,
  table.aclmodify-table td.col2,
  table.aclmodify-table th.col2 {
  	border-left: 1px solid @mainBorder;
  }
  
  /* Icons */
  
  span.icon-16-unset {
  	background: url(../images/admin/icon-16-denyinactive.png) no-repeat;
  }
  
  span.icon-16-allowed {
  	background: url(../images/admin/icon-16-allow.png) no-repeat;
  }
  
  span.icon-16-denied {
  	background: url(../images/admin/icon-16-deny.png) no-repeat;
  }
  
  span.icon-16-locked {
  	background: url(../images/admin/checked_out.png) 0 0 no-repeat;
  }
  
  label.icon-16-allow {
  	background: url(../images/admin/icon-16-allow.png) no-repeat;
  }
  
  label.icon-16-deny {
  	background: url(../images/admin/icon-16-deny.png) no-repeat;
  }
  
  a.icon-16-allow {
  	background: url(../images/admin/icon-16-allow.png) no-repeat;
  }
  
  a.icon-16-deny {
  	background: url(../images/admin/icon-16-deny.png) no-repeat;
  }
  
  a.icon-16-allowinactive {
  	background: url(../images/admin/icon-16-allowinactive.png) no-repeat;
  }
  
  a.icon-16-denyinactive {
  	background: url(../images/admin/icon-16-denyinactive.png) no-repeat;
  }
  
  /* ACL footer/legend */
  
  ul.acllegend li.acl-allowed {
  	background: url(../images/admin/icon-16-allow.png) no-repeat left;
  }
  
  ul.acllegend li.acl-denied {
  	background: url(../images/admin/icon-16-deny.png) no-repeat left;
  }
  
  li.acl-editgroups,
  li.acl-resetbtn {
  	background-color: @altBackground;
  	border: 1px solid @mainBorder;
  }
  
  li.acl-editgroups a,
  li.acl-resetbtn a {
  	color: @linkColor;
  }
  
  li.acl-editgroups:hover,
  li.acl-resetbtn:hover,
  li.acl-editgroups:focus,
  li.acl-resetbtn:focus {
  	background-color: @hoverBackground;
  }
  
  /* ACL Config --------- */
  table#acl-config {
  	border: 1px solid @mainBorder;
  }
  
  table#acl-config th,
  table#acl-config td {
  	background: @altBackground;
  	border-bottom: 1px solid @mainBorder;
  }
  
  table#acl-config th.acl-groups {
  	border-right: 1px solid @mainBorder;
  }
  
  /**
  * Mod_rewrite Warning
  */
  #jform_sef_rewrite-lbl {
  	background: url(../images/admin/icon-16-notice-note.png) right top no-repeat;
  }
  
  /**
  * Permission Rules
  */
  
  #permissions-sliders .tip {
  	background: @bodyBackground;
  	border: 1px solid @mainBorder;
  }
  
  #permissions-sliders ul#rules,
  #permissions-sliders ul#rules ul {
  	border: solid 0 @mainBorder;
  	background: @bodyBackground;
  }
  
  ul#rules li .pane-sliders .panel h3.title {
  	border: solid 0 @mainBorder;
  }
  
  #permissions-sliders ul#rules .pane-slider {
  	border: solid 1px @mainBorder;
  }
  
  #permissions-sliders ul#rules li h3 {
  	border: solid 1px @mainBorder;
  }
  
  #permissions-sliders ul#rules li h3.pane-toggler-down a {
  	border: solid 0;
  }
  
  #permissions-sliders ul#rules .group-kind {
  	color: @textColor;
  }
  
  #permissions-sliders ul#rules table.group-rules {
  	border: solid 1px @mainBorder;
  }
  
  #permissions-sliders ul#rules table.group-rules td {
  	border-right: solid 1px @mainBorder;
  	border-bottom: solid 1px @mainBorder;
  }
  
  #permissions-sliders ul#rules table.group-rules th {
  	background: @hoverBackground;
  	border-right: solid 1px @mainBorder;
  	border-bottom: solid 1px @mainBorder;
  	color: @textColor;
  }
  
  ul#rules table.aclmodify-table {
  	border: solid 1px @mainBorder;
  }
  
  ul#rules table.group-rules td label {
  	border: solid 0 @mainBorder;
  }
  
  #permissions-sliders ul#rules .mypanel {
  	border: solid 0 @mainBorder;
  }
  
  #permissions-sliders  ul#rules  table.group-rules td {
  	background: @bodyBackground;
  }
  
  #permissions-sliders span.level {
  	color: @mainBorder;
  	background-image: none;
  }
  
  /*
   * Debug styles
   */
  .check-0,
  table.adminlist tbody td.check-0 {
  	background-color: @permissionDefault;
  }
  
  .check-a,
  table.adminlist tbody td.check-a {
  	background-color: @permissionAllowed;
  }
  
  .check-d,
  table.adminlist tbody td.check-d {
  	background-color: @permissionDenied;
  }
  
  /**
   * System Messages
   */
  
  #system-message dd ul {
  	color: @textColor;
  }
  
  #system-message dd.error ul {
  	color: @textColor;
  }
  
  #system-message dd.message ul {
  	color: @textColor;
  }
  
  #system-message dd.notice ul {
  	color: @textColor;
  }
  
  /** CSS file for Accessible Admin Menu
   * based on Matt Carrolls' son of suckerfish
   * with javascript by Bill Tomczak
   */
  
  /* Note: set up the font-size on the id and used 100% on the elements.
  	If ul/li/a are different ems, then the shifting back via non-js keyboard
  	doesn't work properly */
  
  /**
   * Menu Styling
   */
  #menu {
  /* this is on the main ul */
  	color: @textColor;
  }
  
  #menu ul.dropdown-menu {
  /* all lists */
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  	color: @textColor;
  }
  
  #menu ul.dropdown-menu li.dropdown-submenu {
  	background: url(../images/j_arrow.png) no-repeat right 50%;
  }
  
  #menu ul.dropdown-menu li.divider {
  	margin-bottom: 0;
  	border-bottom: 1px dotted @mainBorder;
  }
  
  #menu a {
  	color: @toolbarColor;
  	background-repeat: no-repeat;
  	background-position: left 50%;
  }
  
  #menu li {
  /* all list items */
  	border-right: 1px solid @mainBorder;
  	background-color: transparent;
  }
  
  #menu li a:hover, #menu li a:focus {
  	background-color: @hoverBackground;
  }
  
  #menu li.disabled a:hover,
  #menu li.disabled a:focus,
  #menu li.disabled a {
  	color: @mainBorder;
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  }
  
  #menu li ul {
  /* second-level lists */
  	border: 1px solid @mainBorder;
  }
  
  #menu li li {
  /* second-level row */
  	background-color: transparent;
  }
  
  /**
   * Styling parents
   */
  
  /* 1 level - sfhover */
  #menu li.sfhover a {
  	background-color: @hoverBackground;
  }
  
  /* 2 level - normal */
  #menu li.sfhover li a {
  	background-color: transparent;
  }
  
  /* 2 level - hover */
  #menu li.sfhover li.sfhover a, #menu li li a:focus {
  	background-color: @hoverBackground;
  }
  
  /* 3 level - normal */
  #menu li.sfhover li.sfhover li a {
  	background-color: transparent;
  }
  
  /* 3 level - hover */
  #menu li.sfhover li.sfhover li.sfhover a, #menu li li li a:focus {
  	background-color: @hoverBackground;
  }
  
  /* bring back the focus elements into view */
  #menu li li a:focus, #menu li li li a:focus {
  	background-color: @hoverBackground;
  }
  
  #menu li li li a:focus {
  	background-color: @hoverBackground;
  }
  
  /**
   * Submenu styling
   */
  #submenu {
  	border-bottom: 1px solid @mainBorder;
  /* border-bottom plus padding-bottom is the technique */
  /* This is the background befind the tabs */
  /*background: @bodyBackground;*/
  }
  
  #submenu li, #submenu span.nolink {
  	#gradient > .vertical(@gradientTop, @gradientBottom);
  	border: 1px solid @mainBorder;
  	color: @linkColor;
  }
  
  #submenu li:hover, #submenu li:focus {
  	background: @hoverBackground;
  }
  
  #submenu li.active, #submenu span.nolink.active {
  	background: @bodyBackground;
  	border-bottom: 1px solid @bodyBackground;
  }
  
  #submenu li.active a,
  #submenu span.nolink.active {
  	color: #000;
  }
  
  .element-invisible {
  	margin: 0;
  	padding: 0;
  }
  
  /* -- Codemirror Editor  ----------- */
  div.CodeMirror-wrapping {
  	border: 1px solid @mainBorder;
  }
  
  /* User Notes */
  table.adminform tr.row0 {
  	background-color: @bodyBackground;
  }
  
  ul.alternating > li:nth-child(odd) {
  	background-color: @bodyBackground;
  }
  
  ul.alternating > li:nth-child(even) {
  	background-color: @altBackground;
  }
  
  ol.alternating > li:nth-child(odd) {
  	background-color: @bodyBackground;
  }
  
  ol.alternating > li:nth-child(even) {
  	background-color: @altBackground;
  }
  
  /* Installer Database */
  #installer-database, #installer-discover, #installer-update, #installer-warnings {
  	border-top: 1px solid @mainBorder;
  }
  
  #installer-database p.warning {
  	background: transparent url(../images/admin/icon-16-deny.png) center left no-repeat;
  }
  
  #installer-database p.nowarning {
  	background: transparent url(../images/admin/icon-16-allow.png) center left no-repeat;
  }
  
  /* Override default bootstrap font-size */
  .input-append,
  .input-prepend {
  	font-size: 1.2em;
  }
  