/*
 * Copyright 2010-2025 Bloomreach
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *  http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Defaults */
* {
  margin: 0;
  padding: 0;
}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

/* Removes list-style from lists, lists are more often used without a list style */
ol, ul {
  list-style: none;
}

/* no underlined links by default */
a {
  text-decoration: none
}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}

/* Default tables don't have borders */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Removes border from fieldset and img */
fieldset, img {
  border: 0;
}

/* Left-aligns text in caption and th */
caption, th {
  text-align: left;
}

/* ======================================== */

body.hippo-root #doc3 {
  margin: 0;
}

#hd {
  text-align: left;
}

#bd {
  text-align: left;
}

.wicket-modal {
  text-align: left
}

#wicketAjaxDebugWindow {
  text-align: left;
}

.hippo-window #wicketDebugLink {
  display: none;
}

.hippo-window #wicketDebugLink {
  display: none;
}

/* Hippo Global CSS tools */
/* ================================================ */
.hippo-global-fullwidth {
  width: 100%;
}

.hippo-global-halfwidth {
  width: 50%;
}

.hippo-global-alignmiddle {
  text-align: center;
  vertical-align: middle
}

.hippo-global-clearer {
  clear: both;
  height: 0px;
}

.hippo-global-hideme {
  display: none;
}

.hippo-global-floatleft {
  float: left
}

.hippo-global-align-bottom {
  vertical-align: bottom
}

/* remove the background in dialog windows */
.hippo-window {
  background: none
}

/* Global font setting */

.hippo-root,
.hippo-root table tr td,
.hippo-root table tr th {
  font-family: tahoma, arial, sans-serif, helvetica;
  font-size: 11px;
}

/* default Link colour */
.hippo-root a {
  color: #333333;
}

.wicket-modal a {
  color: #000066;
}

/* default buttons */
.hippo-root button, .hippo-root input[type="button"], .hippo-root input[type="submit"] {
  font-size: 12px;
  padding: 4px;
  margin: 2px;
}

/* highlights */
.hippo-global-highlight li,
.hippo-global-highlight li a span,
.hippo-global-highlight li,
.hippo-root table tr.selected td,
.hippo-root table tr.selected td,
.hippo-root table tr.selected td a,
.hippo-global-highlight a {
  background: #fedc89
}

/* Login */
/* ================================================ */
.hippo-body-back-hack {
  background: white;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 150px;
}

.hippo-login-panel {
  background: transparent url(images/loginback.png) repeat-y scroll center top;
  margin: 100px auto;
  position: relative;
  text-align: left;
  width: 460px;
}

.hippo-login-panel h2 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: normal;
  color: white;
  height: 122px;
  padding-top: 0px;
  background: transparent url(images/loginhead.png) no-repeat scroll center top;
}

.hippo-login-panel-form table {
  width: 300px;
}

.hippo-login-panel-form label {
  color: #333333;
  display: block;
}

.hippo-login-panel-form h2 span {
  font-size: 12px;
  display: block
}

.hippo-login-panel-form table tr td {
  padding: 2px;
  vertical-align: middle
}

.hippo-login-form-container {
  padding-left: 75px;
  padding-right: 75px;
}

.hippo-login-panel-form select, .hippo-login-panel-form input.hippo-form-text, .hippo-login-panel-form input.hippo-form-password {
  color: #333333;
  width: 178px;
  padding: 2px;
}

.hippo-login-panel select {
  padding: 0;
  width: 186px;
}

.hippo-login-panel input.hippo-form-submit {
  padding: 6px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 5px;
}

.hippo-login-panel-copyright {
  color: #999999;
  padding-bottom: 20px;
  text-align: center;
  margin-top: 23px;
  background: url("images/loginbottom.png") no-repeat bottom center
}

/* Login feedback */

.hippo-login-feedback ul {
  text-align: left;
  margin-left: 60px;
  margin-right: 60px;
  border: 1px solid #69849f;
  color: #69849f;
  background-color: #fff8d5;
  margin-bottom: 15px;
  font-weight: bold;
  background-image: url("images/icons/dialog-information-32.png");
  background-repeat: no-repeat;
  background-position: 10px 5px;
  padding-left: 70px;
  min-height: 35px;
  padding-top: 8px;
  height: auto;
}

.hippo-login-feedback ul li {
  list-style-type: disc;
  margin-bottom: 5px;
}

/* Hippo Modal feedback */

.hippo-modal-feedback ul {
  margin-top: 5px;
  text-align: left;
  margin-left: 45px;
  margin-right: 45px;
  border: 1px solid #69849f;
  color: #69849f;
  background-color: #fff8d5;
  margin-bottom: 15px;
  font-weight: bold;
  background-image: url("images/icons/dialog-information-32.png");
  background-repeat: no-repeat;
  background-position: 10px 5px;
  padding-left: 70px;
  min-height: 35px;
  padding-top: 8px;
}

.hippo-modal-feedback ul li {
  list-style-type: disc
}

/* Wicket Ajaxloader */
/* ================================================ */
.hippo-root .wicket-ajax-indicator {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  visibility: visible;
  background: url("images/ajaxback.png") repeat-x;
  width: 25px;
  padding: 4px;
}

.hippo-dialog-picker .wicket-ajax-indicator, .hippo-window .hippo-root .wicket-ajax-indicator {
  position: absolute;
  bottom: 16px;
  left: 12px;
  background: transparent;
  top: auto;
}

/* Header */
/* ================================================ */
.hippo-header-home {
  background: url("images/hippologo.png") no-repeat;
  text-indent: -9999px;
  display: block;
  width: 29px;
  height: 24px;
  margin-left: 5px;
}

.hippo-logout-username {
  position: absolute;
  left: 40px;
  top: 5px;
  color: white;
  font-weight: bold;
  text-transform: capitalize
}

/* TabsPlugin perspective switcher (left buttons) */
/* ================================================ */
.tabbed-panel-layout-left {
  background: url("images/tabs-vertical-back.png") repeat-y
}

.hippo-tabs-perspective ul.hippo-tabs-perspective-tabs {
  position: absolute;
  top: 0px;
  width: 50px;
  left: 0px;
  padding-top: 50px;
}

.hippo-tabs-perspective ul.hippo-tabs-perspective-tabs li {
  height: 52px;
}

.hippo-tabs-perspective ul.hippo-tabs-perspective-tabs li.selected {
  background: url("images/tab-active.png") no-repeat center center
}

.hippo-tabs-perspective ul.hippo-tabs-perspective-tabs li span {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
}

.hippo-tabs-perspective ul.hippo-tabs-perspective-tabs li span a {
  display: block;
  height: 100%;
  width: 100%
}

.hippo-tabs-perspective ul.hippo-tabs-perspective-tabs li span a span {
  display: none
}

.hippo-tabs-perspective ul.hippo-tabs-perspective-tabs li.tab0 span {
  background-image: url(images/icons/home-32.png);
}

.hippo-tabs-perspective ul.hippo-tabs-perspective-tabs li.tab1 span {
  background-image: url(images/icons/emblem-documents-32.png);
}

.hippo-tabs-perspective ul.hippo-tabs-perspective-tabs li.tab3 span {
  background-image: url(images/icons/groups-32.png);
}

.hippo-tabs-perspective ul.hippo-tabs-perspective-tabs li.tab2 span {
  background-image: url(images/icons/controlpanel-32.png);
}

.hippo-tabs-perspective ul.hippo-tabs-perspective-tabs li.tab0 .close {
  background-image: none
}

/* TabsPlugin Document switcher */
/* ================================================ */
.hippo-tabs-documents-top .tab-row {
  margin-left: 400px;
}

.hippo-tabs-documents-top {
  width: auto;
  position: relative;
  text-align: left;
}

.hippo-tabs-documents-top ul {
  margin-top: 3px;
  height: 25px;
  margin-left: 5px;
}

.hippo-tabs-documents-top ul li {
  display: block;
  float: left;
  position: relative;
}

.hippo-tabs-documents-top .hippo-tabs-documents-close {
  background: transparent url(images/hippo-tab-close.png) no-repeat scroll 0 0;
  height: 14px;
  width: 14px;
  position: absolute;
  right: 5px;
  text-indent: -9999px;
  top: 4px;
  background-position: -18px 0px;
}

.hippo-tabs-documents-top .hippo-tabs-documents-close:hover {
  background-position: 0px 0px;
}

.hippo-tabs-documents-top .selected .hippo-tabs-documents-tab {
  font-weight: bold;
  text-decoration: none;
  color: black
}

.hippo-tabs-documents .selected .hippo-tabs-documents-tab, .hippo-tabs-documents .hippo-tabs-documents-tab {
  font-weight: normal;
  white-space: nowrap;
  display: block;
  float: left;
  height: 14px;
  width: 130px;
  background: red;
  background: url("images/documenttabs.png") no-repeat;
  margin-right: 2px;
  padding: 4px;
  color: #999999;
}

.hippo-tabs-documents .selected .hippo-tabs-documents-tab {
  background-position: 0px -22px;
  color: #666666
}

.hippo-tabs-documents .selected .hippo-tabs-documents-tab:hover {
  background-position: 0px -22px;
  color: #666666
}

.hippo-tabs-documents .selected .hippo-tabs-documents-tab:active {
  background-position: 0px -22px
}

.hippo-tabs-documents .hippo-tabs-documents-tab {
  background-position: 0px 0px
}

.hippo-tabs-documents .hippo-tabs-documents-tab:hover {
  background-position: 0px -66px;
  color: #666666
}

.hippo-tabs-documents .hippo-tabs-documents-tab:active {
  background-position: 0px -66px
}

.hippo-tabs-documents .hippo-tabs-documents-tab span.icon-16 {
  padding-left: 20px;
  background-position: 0px 3px
}

/* Logout */
/* ================================================ */
.hippo-logout {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 10;
  padding: 6px;
  color: white;
  padding-top: 5px;
  text-align: right;
  padding-right: 9px;

}

.hippo-logout li {
  display: inline
}

.hippo-logout li span.hippo-logout-name {
  color: white;
  font-weight: bold;
  text-transform: capitalize
}

.hippo-logout a:hover {
  text-decoration: underline
}

.hippo-logout li a {
  color: white;
  background-image: url("images/close.png");
  background-repeat: no-repeat;
  background-position: right 1px;
  padding-right: 18px;
}

.hippo-logout li a:hover {
  color: white;
  background-position: right -15px;
  background-repeat: no-repeat;
  padding-right: 18px;
}

.hippo-browser-search {
  margin: 3px;
}

/* Default Table lists */
/* ================================================ */
.hippo-list-details {
  border-collapse: collapse;
  width: 100%;
}

.hippo-list-details tr td.icon-16 {
  height: 16px;
  width: 16px;
  padding: 0px;
}

.hippo-list-details tr td.icon-16 span {
  display: block;
  height: 16px;
  width: 16px;
  margin-left: 2px;
}

.hippo-list-details tr td.icon-16 span {
  background-repeat: no-repeat;
  background-position: center center;
}

.hippo-list-details tr th {
  padding: 0px;
  padding-left: 4px;
  border-left: 1px solid #afafaf;
  border-bottom: 1px solid #afafaf;
  background: url("images/hippo-list-details-th-back.png") repeat-x;
}

.hippo-list-details tr th span {
  padding: 1px;
  padding-left: 3px;
  padding-right: 3px;
  display: block;
}

.hippo-list-details tr td {
  border-bottom: 1px solid #f4f4f4;
  padding: 4px 2px 5px 4px;
  border-right: none;
}

.hippo-list-details tr td:hover {
  cursor: pointer
}

.hippo-list-details th {
  cursor: pointer
}

.hippo-list-details th a {
  color: #666666;
}

.hippo-list-details tr.even.hippo-list-selected td, .hippo-list-details tr.odd.hippo-list-selected td {
  background: #ffe29a;
}

.hippo-list-details tr.even.hippo-list-selected, .hippo-list-details tr.odd.hippo-list-selected {
  background: #ffe29a;
}

.hippo-list-details .hippo-list-order-ascending {
  background: url('images/icons/arrow-sort-down-16.png') center right no-repeat;
  padding-right: 20px;
}

.hippo-list-details .hippo-list-order-descending {
  background: url('images/icons/arrow-sort-up-16.png') center right no-repeat;
  padding-right: 20px;
}

.hippo-list-details .hippo-list-order-none {
}

.hippo-typeslist, .asset-gallery-plugin, .hippo-list-search {
  margin-top: 25px;
}

.hippo-picker-list-details .hippo-typeslist, .hippo-picker-list-details .asset-gallery-plugin, .hippo-picker-list-details .hippo-list-search {
  margin-top: 0px;
}

/* images */
.hippo-list-details td.icon-48 {
  background: url("images/hippo-gallery-folder.png") no-repeat 4px center;
}

.hippo-list-details td.icon-48 span.folder-48 {
  background: transparent
}

.hippo-list-details td.icon-48 span.folder-48 span {
  background: transparent
}

.hippo-list-details td.icon-48 span span {
  display: block;
  height: 15px;
  width: 15px;
  background: white;
  margin-left: 2px;
  overflow: hidden
}

.hippo-list-details td.icon-48 span span img {
  height: 60px;
  width: auto
}

/* Wicket Table Paging */
/* ================================================ */
.hippo-list-paging {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url("images/hippo-paging-back.png") repeat-x left bottom;
  width: 100%;
  color: #afafaf
}

.hippo-list-paging .paging-label {
  color: #666;
}

.hippo-list-details tr.hippo-list-paging td {
  width: 630px;
  text-align: right;
}

.hippo-list-details .hippo-list-paging td {
  padding: 4px;
  text-align: center;
  border-bottom: 0px;
  width: 190px;
}

.hippo-list-paging td div {
  margin-top: 10px;
  margin-bottom: 2px;
  width: 100%;
}

.hippo-list-paging td a {
  padding: 3px;
  border: 1px solid #afafaf;
  color: #666;
}

.hippo-list-paging td span {
  padding: 3px;
}

.hippo-list-paging td a:hover {
  background: white;
  color: black;
  border: 1px solid #666666
}

.hippo-list-paging td span em, .hippo-list-paging td a em {
  font-style: normal
}

/* Dashboard */
/* ================================================ */
.hippo-perspective-dashboard .hippo-perspective-dashboard-panel {
  background: #ffffff;
  border: 1px solid #afafaf;
  border-right: 0px;
}

.hippo-perspective-dashboard .hippo-perspective-dashboard-panel h2 {
  color: #666666;
  padding: 8px;
  padding-left: 4px;
  padding-right: 4px;
  font-weight: bold;
  border-bottom: 1px dotted #afafaf;
}

.hippo-perspective-dashboard .hippo-list-details {
  width: 100%;
}

.hippo-perspective-dashboard .hippo-list-details tr td {
  padding: 6px;
  color: #666666;
}

.hippo-perspective-dashboard .hippo-list-details tr.even td {
  background: #e5ebf0
}

.hippo-perspective-dashboard .hippo-list-details tr td a {
  color: black;
  display: block;
}

.hippo-perspective-dashboard .hippo-list-details tr td a:hover {
  text-decoration: underline
}

.hippo-perspective-dashboard .hippo-list-details span.good {
  color: #1c9e16;
  font-weight: normal;
}

.hippo-perspective-dashboard .hippo-list-details span.bad {
  color: #bb1d24;
  font-weight: bold;
}

.hippo-perspective-dashboard .hippo-list-details span.strong {
  color: #000000;
  font-weight: bold;
}

.hippo-perspective-dashboard .hippo-list-details span.light {
  color: #999999;
  font-weight: lighter;
}

/* Dashboard shortcuts */
.hippo-perspective-dashboard-shorcuts {
  padding: 15px;
  padding-top: 5px;
}

.hippo-perspective-dashboard-shorcuts div div a {
  border-bottom: 1px solid #f2f2f2;
  display: block;
  padding-bottom: 10px;
  padding-top: 10px;
}

/* Shortcuts */
/* ================================================ */
.hippo-header-shortcuts {
  padding: 4px;
  position: absolute;
  top: 0px;
  right: 300px
}

.hippo-header-shortcuts div div {
  float: left;
  margin-right: 8px;
}

.hippo-header-shortcuts div div a {
  color: white
}

.hippo-header-shortcuts div div a.document-16 {
  background: none
}

.hippo-header-shortcuts div div a.website-add-16 {
  background: none
}

.hippo-header-shortcuts div div a.image-add {
  background: none
}

.hippo-header-shortcuts div div a.icon-16 {
  padding-left: 0px;
}

/* Shortcuts to places */
/* ================================================ */
.hippo-gotolinks li.documents-32 a {
  background: url("images/dashboard-goto-button.png") no-repeat;
}

.hippo-gotolinks li a {
  display: block;
  height: 52px;
  padding-left: 75px;
  width: 192px;
  padding-top: 25px;
  font-weight: bold;
  font-size: 11px
}

.hippo-gotolinks li a:hover {
  background-position: -267px 0px
}

.hippo-gotolinks li.documents-32 {
  background-image: none
}

/* Toolbar */
/* ================================================ */
.hippo-toolbar {
  padding: 0px;
  margin-left: 0px;
}

.hippo-toolbar .hippo-toolbar-section {
  display: block;
  float: left;
  color: #666666;
  padding-top: 0px;
  margin-right: 2px;
}

.hippo-toolbar .hippo-toolbar-section li {
  margin-right: 1px;
  float: left;
}

.hippo-toolbar .hippo-toolbar-section select {
  float: right;
  background: #32629b;
  color: white;
  margin: 0px;
  border: 1px solid white;
}

.hippo-toolbar .hippo-toolbar-section select option {
  background: white;
  color: #666666;
}

.hippo-toolbar .hippo-toolbar-section .hippo-toolbar-textitem-locked {
  height: 16px;
  width: 16px;
  margin-right: 0px;
}

.hippo-toolbar .hippo-toolbar-section .hippo-toolbar-textitem-caption {
  margin-right: 2px;
}

.hippo-toolbar .hippo-toolbar-section .hippo-toolbar-textitem-caption span,
.hippo-toolbar .hippo-toolbar-section .hippo-toolbar-textitem-status span {
  padding-left: 5px;
  color: black
}

body .hippo-toolbar .hippo-toolbar-section li a.hippo-toolbar-section-button-single {
  background: transparent;
}

body .hippo-toolbar .hippo-toolbar-section li a.hippo-toolbar-section-button-single:hover {
  border: 1px solid #000000;
}

.hippo-toolbar-section a.menu-action {
  padding-top: 2px;
  height: 16px;
}

/* Dropdown menu */
/* ================================================ */
.hippo-toolbar-menu-item {
  background: #f3f3f3 url("images/dropdownmenuback.png") repeat-y top left;
  padding: 1px;
  border: 1px solid #afafaf;
  position: absolute;
  top: 3px;
  left: 0px;
  width: 156px;
}

/* override from wicket styles */
.hippo-toolbar-section-button {
  width: 110px;
  display: block;
  height: 16px;
  padding-left: 4px;
  padding-top: 2px;
  border: 1px solid #e3e3e3;
  background: url("images/hippo-toolbar-menu-item.png") no-repeat right -20px;
  cursor: pointer;
  clear: left;
}

.hippo-toolbar-section-button:hover {
  border: 1px solid #000000;
  color: black
}

/* background: url("images/hippo-toolbar-menu-item.png") no-repeat top right;  */

.hippo-toolbar-menu-item-button {
  display: block;
  float: none;
  border: 1px solid transparent;
  padding: 2px;
  width: 150px;
}

/* override the default text-decoration: underline */
.hippo-root .hippo-toolbar-menu-item-button:hover {
  background: #fff6e0;
  border: 1px solid #afafaf;
  text-decoration: none
}

.hippo-toolbar-menu-item li {
  display: block;
  clear: left;
  margin-right: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
}

/* This is the context-menu header */
.hippo-toolbar-menu-item li span.header-item {
  display: block;
  padding: 2px;
}

.hippo-toolbar-menu-item li span.header-item {
  padding-left: 30px;
}

.hippo-toolbar-menu-item-button-icon {
  display: block;
  float: left;
  margin-right: 11px;
}

.hippo-toolbar-section li.icon-16 {
  padding-left: 0px;
  background-position: 3px 4px;
  width: 118px;
}

.hippo-toolbar-section span.icon-16 {
  display: block;
  height: 16px;
  width: 16px
}

.hippo-toolbar .hippo-toolbar-section li.menu-label-item {
  white-space: nowrap;
  padding-left: 4px;
  padding-right: 0px;
  padding-top: 2px;
}

.hippo-toolbar-section li.icon-16 div {
  position: relative
}

.menu-action {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  background-image: none;
  border: 1px solid #e3e3e3;
  display: block;
  cursor: pointer;
  min-width: 100px;
  height: 14px;
}

.menu-action:hover {
  border: 1px solid #000000;
  background-color: #fff6e0;
}

.menu-action.disabled:hover {
  border: 1px solid #e3e3e3;
  background-color: transparent;
}

.menu-action-text {
  width: 90px;
  height: 17px;
  vertical-align: top;
  padding-top: 0px;
  margin-top: 0px;
}

.menu-action-icon {
  padding-top: 0px;
}

.menu-label {
  padding-left: 4px;
  padding-right: 8px;
  padding-top: 3px;
  background-image: none;
  border: 0px solid #e3e3e3;
  display: block;
  min-width: 100px;
  height: 17px;
  white-space: nowrap;
}

.menu-spacer {
  width: 80px;
}

/* Default feedback */
/* ================================================ */
.hippo-feedback ul {
  text-align: left;
  margin-left: 60px;
  margin-right: 60px;
  border: 1px solid #69849f;
  color: #69849f;
  background-color: #fff8d5;
  margin-bottom: 15px;
  font-weight: bold;
  background-image: url("images/icons/dialog-information-32.png");
  background-repeat: no-repeat;
  background-position: 10px 5px;
  padding-left: 70px;
  min-height: 35px;
  height: 35px;
  padding-top: 8px;
}

.hippo-feedback ul li {
  list-style-type: disc
}

/* Windows */
/* ================================================ */
.hippo-window {
  background: none
}

.hippo-window .hippo-root {
  background: none
}

.hippo-window .hippo-root table.modal-contents {
  margin: 10px 25px 0px 25px;
}

.hippo-window .hippo-root table.modal-contents td {
  padding: 2px 5px 2px 5px;
}

.hippo-window h1, .hippo-window h1 {
  margin-bottom: 10px;
  font-size: 16px;
}

.hippo-window-buttons {
  text-align: right;
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.hippo-window .wicketExtensionsWizardInnerTable .wicketExtensionsWizardButtonBar {
  padding-top: 10px;
}

.hippo-window-buttons input {
}

/* forms inside windows */
table.hippo-window-form {
  width: 100%;
}

.hippo-window-form {
  background: #f4f4f4;
  padding: 5px;
}

.hippo-window-form td input {
  background: white;
  border: 1px solid #afafaf;
  padding: 3px;
  line-height: 18px;
}

.hippo-window-form td {
  padding: 5px;
}

.hippo-window-form .hippo-form-select {
  width: 300px;
}

.hippo-window-form .hippo-form-input {
  width: 300px;
}

.hippo-window-form td.hippo-window-navigator,
.hippo-window-form table.hippo-search-section td {
  padding: 0px;
}

.hippo-window .notification {
  display: block;
  margin: 11px;
  padding: 12px;
  text-align: center;
  background: #ffccaa;
  border: 1px solid #ff9900;
}

.hippo-window .hippo-dialog-container {
  padding: 10px;
}

/* Dialogs, mini windows that ask a question */
.hippo-window-dialog {
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 5px;
  padding-left: 75px;
  padding-top: 20px;
  min-height: 200px;
}

.hippo-window-dialog-title {
  font-size: 11px;
}

.hippo-window-dialog-question {
  font-weight: bold
}

/* Wicket Modal windows overwrite */
.hippo-root div.wicket-modal div.w_grey div.w_top,
.hippo-root div.wicket-modal div.w_grey div.w_bottom,
.hippo-root div.wicket-modal div.w_grey div.w_topLeft,
.hippo-root div.wicket-modal div.w_grey div.w_topRight,
.hippo-root div.wicket-modal div.w_grey div.w_bottomRight,
.hippo-root div.wicket-modal div.w_grey div.w_bottomLeft,
.hippo-root div.wicket-modal div.w_grey a.w_close {
  background-image: url(images/box-grey.png);
}

.hippo-root div.wicket-modal div.w_grey_resize div.w_top,
.hippo-root div.wicket-modal div.w_grey_resize div.w_bottom,
.hippo-root div.wicket-modal div.w_grey_resize div.w_topLeft,
.hippo-root div.wicket-modal div.w_grey_resize div.w_topRight,
.hippo-root div.wicket-modal div.w_grey_resize div.w_bottomRight,
.hippo-root div.wicket-modal div.w_grey_resize div.w_bottomLeft,
.hippo-root div.wicket-modal div.w_grey_resize a.w_close {
  background-image: url(images/box-grey-resizable.png);
}

.hippo-root div.wicket-modal div.w_grey div.w_left,
.hippo-root div.wicket-modal div.w_grey div.w_right,
.hippo-root div.wicket-modal div.w_grey_resize div.w_left,
.hippo-root div.wicket-modal div.w_grey_resize div.w_right {
  background-image: url(images/box-grey2.png);
}

/* .hippo-root div.wicket-modal div.w_caption{background: url("images/box-blue-caption.png") repeat-x; height: 20px; padding: 6px;} */
.hippo-root div.wicket-modal div.w_caption {
  height: 24px;
  background: #999999;
  text-align: center;
  color: #f2f2f2
}

.hippo-root div.wicket-modal div.w_caption span {
  color: white;
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.hippo-root div.w_grey a.w_close {
  width: 44px;
  height: 18px;
  background-position: -154px -48px;
}

.hippo-root div.w_grey a.w_close:hover {
  background-position: -154px -66px;
  width: 44px;
  height: 18px;
}

.hippo-root div.w_grey_resize a.w_close {
  width: 44px;
  height: 18px;
  background-position: -154px -48px;
}

.hippo-root div.w_grey_resize a.w_close:hover {
  background-position: -154px -66px;
  width: 44px;
  height: 18px;
}

.hippo-root div.wicket-modal div.w_content {
  background: white url("images/box-blue-back.png") repeat-x bottom left;
}

.hippo-root div.wicket-modal div.w_content_3 {
  border: none
}

.hippo-root div.wicket-modal div.w_content_2 {
  padding-top: 0px
}

.hippo-root div.wicket-modal div.w_content_1 {
  margin-right: 7px;
}

.hippo-root div.wicket-modal div.w_right_1 {
  margin-left: 7px;
}

/* Overlay on full application on popup styling */
.hippo-root div.wicket-mask-dark {
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

/* Picker General Styling */
.hippo-picker {
/*background: url("images/picker-back.png") repeat-y;*/
  height: 356px;
}

.hippo-picker-tree {
  width: 193px;
  float: left;
  border-right: 1px solid #afafaf;
}

.hippo-picker-tree .hippo-tree {
  width: 193px;
}

.hippo-picker-list-details {
  height: 331px;
  margin-left: 0px;
  background: #ffffff url('images/silverBack3.png') repeat-x;
  width: auto;
  position: relative;
  overflow: auto
}

.hippo-picker-properties {
  clear: both;
  height: 35px;
  padding: 10px;
  margin-top: 0px;
  border-top: 1px solid #afafaf;
}

.hippo-picker .hippo-list-details .hippo-list-paging td {
  width: 630px;
  text-align: right;
}

.hippo-picker .hippo-window-form td input {
  width: 200px
}

/*
.hippo-list-paging{position: absolute; bottom: 0px; left: 0px; background: url("images/hippo-paging-back.png") repeat-x left bottom; width: 100%; color: #afafaf}
.hippo-list-details .hippo-list-paging td{padding: 4px; text-align: center; border-bottom: 0px; width: 190px;}
.hippo-list-paging td div{margin-top: 20px; margin-bottom: 2px; width: 100%;}
.hippo-list-paging td a{padding: 3px; color: #909090; border: 1px solid #afafaf}
.hippo-list-paging td span{padding: 3px;}
.hippo-list-paging td a:hover{background: white; color: black; border: 1px solid #666666}
.hippo-list-paging td span em, .hippo-list-paging td a em{font-style: normal}
*/

.hippo-picker-navigation {
  background: url("images/silver4.png") repeat-x;
  height: 20px;
  width: 635px;
  border-bottom: 1px solid #afafaf;
  margin-left: 194px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
}

.hippo-picker-list-details tr.hippo-list-paging td div {
  margin-bottom: 2px;
  margin-top: 10px;
  width: 100%;
}

.hippo-picker-navigation-buttons {
  background: url("images/hippo-picker-navigation-back.png") repeat-x;
}

.hippo-window-form td div.hippo-picker-navigation-buttons input, .hippo-picker-navigation-buttons input {
  float: left;
  padding: 0px;
  width: 24px;
  font-size: 11px;
  background: url("images/hippo-picker-navigation-buttons-back.png") no-repeat;
  background-position: 0px -20px;
  border: none;
  margin: 0px;
  text-indent: -9999px;
}

.hippo-window-form td div.hippo-picker-navigation-buttons input.up {
  background: url("images/hippo-picker-navigation-buttons-back.png") no-repeat;
  background-position: 0px -20px;
}

.hippo-picker-navigation-breadcrumbs {
  float: left;
  margin-left: 2px;
  background-image: url("images/hippo-picker-navigation-breadcrumb.png");
  background-position: left 20px;
  padding-left: 7px;
}

.hippo-picker-navigation-breadcrumbs li {
  display: block;
  float: left;
}

.hippo-picker-navigation-breadcrumbs li em,
.hippo-picker-navigation-breadcrumbs li a {
  display: block;
  float: left;
  height: 20px;
  background-image: url("images/hippo-picker-navigation-breadcrumb.png");
  background-repeat: no-repeat;
  background-position: right 0px;
  padding-right: 27px;
  line-height: 18px;
  color: #333333;
}

.hippo-picker-navigation-breadcrumbs li.firstlast em,
.hippo-picker-navigation-breadcrumbs li.firstlast a {
  background-position: right -40px
}

.hippo-picker-navigation-breadcrumbs li.first em,
.hippo-picker-navigation-breadcrumbs li.first a {
  background-position: top right;
  padding-right: 27px;
}

.hippo-picker-navigation-breadcrumbs li.last em,
.hippo-picker-navigation-breadcrumbs li.last a {
  background-position: right -40px;
}

.hippo-picker-navigation-breadcrumbs li a:hover {
  text-decoration: underline
}

/*
.hippo-picker-navigation-breadcrumbs li a:hover{background-position: right -20px}
.hippo-picker-navigation-breadcrumbs li.firstlast a:hover{background-position: right -60px}
.hippo-picker-navigation-breadcrumbs li.first a:hover{background-position: 0px 0px}
.hippo-picker-navigation-breadcrumbs li.last a:hover{background-position: 0px 0px}
*/

/* Image Picker */
.hippo-picker-properties label {
  float: left;
  margin-right: 5px;
  padding: 2px;
  line-height: 21px;
}

body .hippo-picker-properties div.text-input input {
  border: 1px solid #afafaf;
  padding: 4px;
  line-height: 16px;
  background: url("images/hippo-window-input-back.png") no-repeat;
  width: 535px
}

/*.hippo-picker-list-details table tr th{padding: 1px; padding-left: 4px; padding-bottom: 1px; border: 1px solid #afafaf; border-right: 0px; border-bottom: none;}*/

/* Referring documents */
.hippo-referring-documents {
  margin: 5px;
  height: 365px;
}

.hippo-referring-documents-list {
  height: 245px;
  position: relative;
  margin-top: 8px;
}

.hippo-delete-dialog .hippo-referring-documents {
  height: 240px;
}

.hippo-delete-dialog .hippo-referring-documents-list {
  height: 181px;
}

.hippo-depublish-dialog .hippo-referring-documents {
  height: 240px;
}

.hippo-depublish-dialog .hippo-referring-documents-list {
  height: 181px;
}

/* Wizard */
/* ================================================ */
.hippo-wizard {
}

.hippo-wizard-buttons {
  text-align: right;
  position: absolute;
  right: 15px;
  bottom: 15px;
}

/* Form elements */
/* ================================================ */
.hippo-select-file {
}

/* Reorder Plugin*/
/* ================================================ */
.hippo-reorder table {
  width: 480px;
}

.hippo-reorder .hippo-reorder-border {
  border: 1px solid #32629b;
  padding: 5px;
  height: 272px;
  overflow: auto;
  position: relative
}

.hippo-reorder .hippo-reorder-buttons {
  position: absolute;
  right: 0px;
  top: 1px;
  width: 30px;
}

.hippo-reorder .folderlist h3 {
  font-weight: normal;
  padding: 2px;
  padding-left: 6px;
  padding-bottom: 5px;
}

.hippo-reorder table tr td {
  padding: 0px;
}

.hippo-reorder table tr td {
  border-bottom: 1px solid #ffffff
}

.hippo-reorder table tr.selected td {
}

.hippo-reorder table * {
  cursor: pointer
}

.hippo-reorder table tr td.icon-16 {
  height: 16px;
  width: 16px;
  padding: 0px;
}

.hippo-reorder table tr td.icon-16 span {
  display: block;
  height: 16px;
  width: 16px;
  margin-left: 2px;
}

.hippo-reorder table tr td.icon-16 span {
  background-repeat: no-repeat;
  background-position: center center;
}

.hippo-reorder table {
  border-collapse: separate
}

.hippo-reorder table tr th {
  padding: 2px;
  padding-left: 4px;
  padding-bottom: 6px;
}

.hippo-reorder table tr td {
  padding: 2px;
  padding-left: 4px;
  padding-bottom: 4px;
}

/* Navigator */
/* ================================================ */
.hippo-browser-documents-small .hippo-perspective-title {
  color: white;
  padding: 2px;
  padding-left: 4px;
  float: left;
  padding-top: 5px;
}

.hippo-browser-documents-small {
  background: transparent
}

.hippo-browser-documents-small .hippo-browser-documents-small-folders h3 {
  font-weight: normal;
  padding: 2px;
  padding-left: 6px;
  padding-bottom: 5px;
}

.hippo-browser-documents-small .hippo-browser-documents-small-files {
  border-left: 1px solid #afafaf;
  border-right: 1px solid #afafaf;
  background: white;
}

.hippo-browser-documents-small .hippo-browser-documents-small-folders {
  background: #f4f4f4;
  border-left: 1px solid #afafaf;
  border-bottom: 0px;
  border-top: 0px
}

.hippo-browser-documents-small .hippo-browser-documents-small-files .hippo-list-details {
  clear: both;
}

.hippo-browser-documents-small .hippo-browser-documents-small-files {
  background: #ffffff url('images/document-list-back.png') repeat-x;
}

/* toolbar requires some tweaks here */
.hippo-browser-documents-small .hippo-browser-documents-workflow select {
  width: 180px;
  padding: 1px;
  margin: 2px;
  background: transparent;
  border: 1px solid white;
  color: white;
}

.hippo-browser-documents-small .hippo-browser-documents-workflow select option {
  color: #666666;
  background: white;
  padding: 1px;
}

/* Tree Plugin */

/* overriding standard wicket tree styling */
/*
.hippo-tree {overflow: scroll; -ms-overflow-y: auto; overflow-y: auto; -ms-overflow-x: hidden; overflow-x: hidden; width: 200px;  z-index: 1;}
*/

/* remove margins */
.hippo-tree div.wicket-tree {
  margin: 0px;
  border: none;
  width: auto;
}

/* make sure the first folder level in the tree doens't have a left padding */
.hippo-tree div.wicket-tree div.a_ {
  padding-left: 0px
}

.hippo-tree div.wicket-tree div.a_ div.a_ {
  padding-left: 1em
}

/* make the rows expand so it will activate the scrolling of the .hippotree div */
.hippo-tree div.wicket-tree,
.hippo-tree div.wicket-tree div.row,
.hippo-tree div.wicket-tree div.row-selected {
  overflow: visible;
  white-space: nowrap
}

.hippo-console-tree .hippo-tree div.wicket-tree {
  width: auto;
}

/* set row height to a little higher for better clickability */
.hippo-tree div.wicket-tree div.row,
.hippo-tree div.wicket-tree div.row-selected {
  padding-top: 2px;
  padding-bottom: 2px;
}

.hippo-tree div.wicket-tree div.row .hippo-tree-dropdown {
  visibility: hidden
}

.hippo-tree div.wicket-tree div.row .hippo-tree-dropdown-icon-container {
  background: transparent;
}

.hippo-tree div.wicket-tree div.row:hover .hippo-tree-dropdown-icon-container,
.hippo-tree div.wicket-tree div.row-selected:hover .hippo-tree-dropdown-icon-container {
  background-image: url("images/controls/folder-workflow-icon.png");
  background-repeat: no-repeat;
  background-position: -1px -2px;
}

.hippo-tree div.wicket-tree div.row-selected {
  background-image: url("images/controls/folder-background-selected.png");
}

/*background-position: 0px -20px;}*/

.hippo-tree div.wicket-tree div.row a,
.hippo-tree div.wicket-tree div.row-selected a {
  font-weight: normal;
  color: black;
}

/* IE6 workaround */
.hippo-tree div.wicket-tree div.context-hover .hippo-tree-dropdown-icon-container {
  background-image: url("images/controls/folder-workflow-icon.png");
  background-repeat: no-repeat;
  background-position: -1px -2px;
}

.hippo-tree div.wicket-tree div.context-hover-selected .hippo-tree-dropdown-icon-container {
  background-image: url("images/controls/folder-workflow-icon.png");
  background-repeat: no-repeat;
  background-position: -1px -2px;

}

.hippo-tree .wicket-tree span.plus,
.hippo-tree .wicket-tree span.minus {
  background-image: url("images/tree-icons.png");
  width: 14px;
}

.hippo-tree .wicket-tree span.junction,
.hippo-tree .wicket-tree span.junction-last,
.hippo-tree .wicket-tree span.corner,
.hippo-tree .wicket-tree span.indent-line,
.hippo-tree .wicket-tree span.indent-blank {
  background-image: none;
  width: 14px;
}

.hippo-tree .icon-16 {
  padding: 0px;
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin-right: 5px;
  margin-left: 3px;
}

/* mimetypes icons */
table tr.selected span.document-16, .document-16 {
  background-image: url("images/icons/document-16.png")
}

table tr.selected span.image-16, .image-16 {
  background-image: url("images/icons/image-16.png")
}

table tr.selected span.folder-16, .folder-16 {
  background-image: url("images/icons/folder-16.png")
}

table tr.selected span.folder-open-16, .folder-open-16 {
  background-image: url("images/icons/folder-open-16.png")
}

/* mimetypes icons for virtual trees */
table tr.selected span.document-virtual-16, .document-virtual-16 {
  background-image: url("images/icons/document-16.png")
}

table tr.selected span.folder-virtual-16, .folder-virtual-16 {
  background-image: url("images/icons/folder-virtual-16.gif")
}

table tr.selected span.folder-virtual-open-16, .folder-virtual-open-16 {
  background-image: url("images/icons/folder-virtual-open-16.gif")
}

/* Accordion */
.hippo-accordion-unit {
  background: #f4f4f4;
}

/* change the tree if he's inside an accordion */
.hippo-accordion-unit .hippo-tree .wicket-tree {
/*min-height: 100px;*/
  margin-bottom: 0px;
  padding-left: 0px;
  padding-top: 0px;
}

.hippo-accordion-unit h2 {
  background-image: url("images/accordion-unit-back2.png");
  background-repeat: repeat-x
}

.hippo-accordion-unit h2 a {
  background-image: url("images/accordion-unit-back.png");
  background-repeat: no-repeat;
  color: #666666;
  display: block;
  height: 14px;
  width: 100%;
  padding: 5px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #afafaf;
  font-weight: bold;
}

.hippo-accordion-unit h2 a span {
  padding-left: 20px;
}

.hippo-accordion-unit h2 a {
  background-position: 0px 0px
}

.hippo-accordion-unit h2 a:hover {
  background-position: 0px -96px
}

.hippo-accordion-unit h2 a:active {
  background-position: 0px -120px
}

.hippo-accordion-unit h2 a.focus {
  background-position: 0px -24px
}

.hippo-accordion-unit h2 a.focus:hover {
  background-position: 0px -48px
}

.hippo-accordion-unit h2 a.focus:active {
  background-position: 0px -72px
}

/* Show add-root button in tree*/
.hippo-accordion-unit-add {
  display: block;
  background-image: url("images/list-add-16.png");
  background-repeat: no-repeat;
  background-position: 0px 6px;
  text-align: left;
  padding-left: 21px;
  padding-top: 6px;
  margin-left: 5px;
  height: 20px;
  color: #333;
}

/* But hide it in pickers */
.wicket-modal .hippo-accordion-unit-add {
  display: none;
}

/* Hide the context-menu-left-click-icon as well */
.wicket-modal .hippo-tree-dropdown-icon-container {
  display: none;
}

/* Hippo tree addition */

.hippo-tree-dropdown-icon-container {
  display: none;
  position: absolute;
  left: -100px;
  top: -100px;
}

.container-selected {
  display: block;
  background-color: #F4F4F4;
  width: 20px;
  height: 20px;
}

.hippo-tree-dropdown-icon {
  display: block;
  width: 18px;
  height: 18px;
}

/* Document Preview Plugin */
/* ================================================ */
.hippo-preview-document-wrapper {
}

.hippo-preview-document {
  background: white url("images/hippo-shade.png");
  border-bottom: 1px solid #afafaf;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-left: 4px;
  padding-right: 20px;
}

.hippo-preview-document ol {
  list-style-type: decimal;
  list-style-position: inside
}

.hippo-preview-document ul {
  list-style-type: disc;
  list-style-position: inside
}

.hippo-preview-document strong {
  font-weight: bold;
}

.hippo-preview-document em {
  font-style: italic;
}

/* override some editors styling in preview mode */
.hippo-editor .hippo-preview-document .hippo-editor-field .hippo-editor-field-subfield {
  border: none;
  padding: 0px
}

.hippo-editor .hippo-preview-document .hippo-editor-field {
  font-size: 12px;
  line-height: 18px;
  font-family: arial, sans-serif, helvetica;
}

.hippo-preview-document .hippo-editor-field h3.hippo-editor-field-title span {
  font-size: 11px;
}

.hippo-preview-document div.odd  .hippo-editor-field {
  border-bottom: 1px dotted #afafaf
}

.hippo-preview-document div.even .hippo-editor-field {
  border-bottom: 1px dotted #afafaf
}

.hippo-preview-document .hippo-editor-field-textarea, .hippo-preview-document .hippo-editor-field-html-preview {
  min-height: 75px
}

/* Wrap the content of pre elements in document preview mode */
.hippo-preview-document .hippo-editor-field-html-preview pre {
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.hippo-editor .hippo-preview-document .hippo-editor-field .hippo-editor-field-subfield {
  background-image: none
}

.hippo-preview-document .hippo-editor-field {
  overflow: auto;
}

/* Editor Plugin */
/* ================================================ */
/* default background when nothing is selected */
.hippo-tabs-documents .tabbed-panel-layout-center {
  background: #f4f4f4 no-repeat center center
}

.hippo-editor {
  padding: 0px;
  background: white;
  border: 1px solid #afafaf;
  border-top: none;
  border-left: none;
}

.hippo-editor-top {
  background: transparent url("images/editor-back.png") repeat-x
}

.hippo-editor-top .hippo-toolbar {
  padding-left: 4px
}

.hippo-editor-template-editor {
  padding-top: 4px;
  background: transparent url("images/hippo-shade.png");
  padding-left: 4px;
}

.column-wrapper {
  width: 100%;
  overflow: auto;
}

.column-wrapper .col70 {
  width: 70%;
  float: left;
}

.column-wrapper .col30 {
  width: 30%;
  float: right;
}

.column-wrapper .col80 {
  width: 80%;
  float: left;
}

.column-wrapper .col20 {
  width: 20%;
  float: right;
}

.hippo-editor-template-editor .even .hippo-editor-field {
  background: #f0f6ff
}

.hippo-editor-template-editor .even .invalid .hippo-editor-field {
  background: #f00000
}

.hippo-editor-template-editor .odd .hippo-editor-field {
  background: #cee3f9
}

.hippo-editor-template-editor .odd .invalid .hippo-editor-field {
  background: #f00000
}

.hippo-editor {
  background: transparent url("images/hippo-shade.png")
}

/* feedback styling */
.hippo-editor-feedback {
  width: 70%;
  margin: 0px 10px 0px 0px;
  padding: 0px 5px;
  float: left;
  clear: left;
}

.hippo-editor-feedback ul {
  margin-bottom: 5px;
  -bottom: 5px;
  background-color: #ffdfdf;
  border: 2px solid #ff5050;
}

.hippo-editor-feedback li {
  height: 20px;
  padding: 5px 40px;
}

.hippo-editor-feedback .feedbackPanelERROR {
  display: list-item;
  background-color: #c00;
  color: #e3e3e3;
}

/* field styling */
.hippo-editor-field {
  padding: 8px;
  margin-bottom: 0px;
}

.hippo-editor-field-title {
  font-size: 11px;
  font-weight: bold;
  color: #666666;
  margin-bottom: 8px;
}

/* Text Input elements */
.hippo-window-form input,
.hippo-picker-properties input,
.hippo-editor-field textarea,
.hippo-editor-field select,
.hippo-editor-field input,
.hippo-editor-field-input {
  font-size: 12px;
  line-height: 18px;
  background: transparent;
  border: none;
  color: #333333;
  margin: 2px;
  font-family: arial, sans-serif, helvetica;
}

.hippo-editor-field input, .hippo-editor-field-input {
  width: 100%;
}

.hippo-editor-field textarea {
  margin: 0px;
  width: 100%;
  height: 150px;
}

.hippo-editor-field input[type="checkbox"] {
  width: auto;
}

.hippo-editor-field input[type="submit"] {
  width: auto;
  background: none;
}

/* link pickers plugin */
.hippo-editor-linkpicker-link {
  display: block;
  height: 24px;
}

.hippo-editor-linkpicker-link:hover {
  background-color: #f2f2f2;
}

.hippo-editor-linkpicker-link div.hippo-editor-field-subfield {
  padding: 4px;
}

.hippo-editor-linkpicker-link a.linefill {
  display: block;
}

.hippo-gallery-field-picker {
  width: 100%
}

.hippo-editor .hippo-editor-threepane .hippo-gallery-field-picker tr td {
  vertical-align: middle
}

/* date widget */
.hippo-editor-field .yui-date-time-field {
  padding-left: 4px;
}

.hippo-editor-field-datepicker
.yui-date-time-field {
  display: inline-block;
}

.yui-date-time-field-input {
  height: 24px;
  float: left;
}

.yui-date-time-field-reset {
  height: 24px;
  float: left;
}

.yui-date-time-field input {
  border: 1px solid #e3e3e3;
  padding: 2px;
  height: 14px;
  float: left;
}

.yui-date-time-field input.date {
  width: 45px;
}

.yui-date-time-field input.time {
  width: 17px;
}

.yui-date-time-field span.time-separator {
  float: left;
  margin-top: 4px;
}

.yui-date-time-field div.yui-skin-sam {
  height: 20px;
  margin-right: 10px;
  float: left;
  padding-top: 4px;
}

.yui-date-time-field input.today {
  border: 1px solid #e3e3e3;
  width: auto;
  padding: 2px;
  margin: 0px;
}

.yui-date-time-field a.today-link {
  margin-left: 5px;
  display: block;
  float: left;
  color: #107EC0;
  height: 21px;
  padding-top: 1px;
}

.yui-date-time-field a.today-link img {
  position: relative;
  top: 4px;
  margin-right: 5px;
}

.yui-date-time-field select {
  width: 70px
}

/* Xinha xml editor used in the hippo-editor-field-html plugin */

.hippo-editor-field-html {
  background: url("images/hippo-border.gif") repeat-x 0px 30px;
  padding: 0px;
}

.hippo-editor-field-html .htmlarea {
  background: transparent;
  border: 0px solid white;
  border-collapse: separate
}

.hippo-editor-field-html .htmlarea * {
  padding: 0px;
  margin: 0px;
  border: none;
}

/* hide the xinha status bar we don't need it */
x
.hippo-editor-field-html .htmlarea .statusBar {
  display: none
}

.hippo-editor-field-html .htmlarea tr td {
  vertical-align: top;
}

.hippo-editor-field-html .htmlarea tr td select {
  margin-top: 2px;
  font-size: 11px;
}

.hippo-editor-field-html .htmlarea .toolbar {
  background: white;
  border: none;
  border-bottom: 1px solid #B2B2B2;
  padding: 4px;
}

.hippo-editor-field-html .htmlarea .toolbar .button {
  background: none;
  border: none
}

.hippo-editor-field-html .htmlarea .toolbar a.button:hover {
  border: 1px solid #335500;
  padding: 0;
}

.hippo-editor-field-html .htmlarea .toolbar select {
  background: white;
  border: 1px solid #e3e3e3;
}

.hippo-editor-field-html .htmlarea .toolbar select option {
  padding: 1px;
  background: transparent
}

.hippo-editor-field-html .htmlarea .toolbar div {
  margin-bottom: 0px;
  padding: 0px;
  margin: 0px;
}

.hippo-editor-field-html .htmlarea .xinha_iframe {
  margin: 0;
}

.hippo-editor-field-html .htmlarea .xinha_fullscreen {
  margin-top: 0px;
  border: 1px solid #e3e3e3;
}

.hippo-editor-field-html .xinha_textarea {
  background: white;
}

.hippo-editor-field-html-preview a {
  text-decoration: underline;
}

.default-textarea textarea {
  width: 100%;
  height: 150px;
}

/* Xinha modal windows */
/*div.wicket-modal div.link-picker select { margin-bottom:10px;}
div.wicket-modal div.link-picker div.internal-link-label {margin-bottom: 10px;}
div.wicket-modal div.link-picker table {background-color: #e3e3e3;}
*/
div.wicket-modal div.wicket-tree {
  border: 0px;
}

/* select layout wizard step */
.create-type-select-layout td {
  text-align: center;
  height: 80px;
}

.create-type-select-layout .selected {
  background-color: #ccc;
}

/* field template editing */
.hippo-editor-template-field {
  padding: 2px;
  background-color: #bbb;
}

.hippo-editor-template-field-controls {
  height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: white;
}

.hippo-editor-template-field-controls.active {
  background-color: #fedc89;
}

.hippo-editor-template-field-controls ul {
  float: right;
}

.hippo-editor-template-field-controls li {
  display: inline;
}

.hippo-editor-template-field-controls li a {
  float: left;
  display: block;
  background-position: center center;
  width: 16px;
  height: 16px;
}

.hippo-editor-template-field-controls li a:hover {
  background-color: white;
}

.hippo-editor-template-field-controls .delete-16 {
  width: 49px;
  float: right;
}

.hippo-editor-template-field-controls .up {
  background-image: url("images/icons/arrow-sort-up-16.png")
}

.hippo-editor-template-field-controls .down {
  background-image: url("images/icons/arrow-sort-down-16.png")
}

.hippo-editor-template-field-controls .left {
  background-image: url("images/icons/arrow-sort-left-16.png")
}

.hippo-editor-template-field-controls .right {
  background-image: url("images/icons/arrow-sort-right-16.png")
}

.hippo-editor .hippo-editor-template-field-edit input {
}

.hippo-editor .hippo-editor-template-field-edit input[type=checkbox] {
  width: 20px;
}

.hippo-editor .hippo-editor-template-field-edit .hippo-editor-field-title {
  display: block
}

.hippo-editor .hippo-editor-template-field-edit table {
  margin-top: 5px;
}

.hippo-editor .hippo-editor-template-field-edit table tr td {
  color: #666666;
  padding: 2px;
}

.hippo-editor .hippo-editor-template-field-edit table tr td .disabled {
  color: #b2b2b2;
  padding: 2px;
}

.hippo-editor .hippo-editor-template-field-edit table.ordered {
  margin-top: 5px;
}

.hippo-editor .hippo-editor-template-field-new {
  height: 200px;
  overflow: auto;
}

.hippo-editor .hippo-editor-template-field-new li {
  list-style-type: none;
  margin-bottom: 5px;
  padding-top: 4px;
  padding-bottom: 2px;
}

.hippo-editor .hippo-editor-template-field-new li span em,
.hippo-editor .hippo-editor-template-field-new li a {
  background-image: url("images/icons/workflow-16.png");
  background-repeat: no-repeat;
  padding-left: 20px;
  display: inline;
}

.hippo-editor .hippo-editor-template-field-new li a:hover {
  text-decoration: underline
}

/* .hippo-editor .hippo-editor-template-field-new li span em{display: none;} */
.hippo-editor-template-field-edit {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 5px;
}

.hippo-editor-template-field-edit .hippo-editor-template-css {
}

.hippo-editor-template-field-edit .hippo-editor-template-css li div {
  width: 80%;
  float: left;
  overflow: hidden;
}

.hippo-editor-template-field-edit .hippo-editor-template-css li a {
  width: 15%;
  float: right;
}

.hippo-editor-template-field-edit .hippo-editor-field-subfield {
  background: white;
  border: 1px solid #B2B2B2;
}

/* subfields */
.hippo-editor .hippo-editor-field .hippo-editor-field-subfield-controls {
  background-color: transparent;
  width: 75px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 2px;
}

.hippo-editor .hippo-editor-field .hippo-editor-field-subfield-controls .up-16 {
  width: 18px;
  height: 16px;
  padding: 0;
  display: block;
  float: left;
}

.hippo-editor .hippo-editor-field .hippo-editor-field-subfield-controls .down-16 {
  width: 18px;
  height: 16px;
  padding: 0;
  display: block;
  float: left;
  margin-left: 4px;
}

.hippo-editor .hippo-editor-field .hippo-editor-field-subfield-controls .delete-16 {
  width: 18px;
  height: 16px;
  padding: 0;
  display: block;
  float: right;
  margin-right: 4px;
}

.hippo-editor .hippo-editor-field .add-16 {
  display: block;
  padding: 10px;
  background-color: white;
  border: 1px solid white;
  background-position: right center;
  margin-top: 8px;
}

.hippo-editor .hippo-editor-field .add-16:hover {
  border: 1px solid #EDF5FF;
  background-color: white
}

.hippo-editor .hippo-editor-field .hippo-editor-field-subfield {
  margin-bottom: 4px;
  background: white;
  border: 1px solid #B2B2B2;
}

.hippo-editor .hippo-editor-field .hippo-editor-field-subfield {
  position: relative;
}

.hippo-editor .template-type-wrapper .hippo-editor-field .hippo-editor-field-subfield {
  padding-right: 5px;
}

.hippo-editor .hippo-editor-field-subfield.invalid .hippo-editor-field-subfield-item {
  border-color: #f00000;
}

.hippo-editor .hippo-editor-field-value .hippo-editor-field-value-container {
  padding: 2px;
  margin: 0;
}

.hippo-editor .hippo-editor-field-value .hippo-editor-field-value-container input {
  margin: 0;
}

.hippo-editor .hippo-preview-document .hippo-editor-field-subfield-item {
  margin: 0;
  border: 0px;
}

/* sub sub fields */
.hippo-editor .hippo-editor-field .hippo-editor-field-subfield .hippo-editor-field-subfield {
  background-color: white;
  border: none;
  width: auto;
  margin-bottom: 4px;
  position: relative;
}

.hippo-editor .hippo-editor-field .hippo-editor-field-subfield .hippo-editor-field-subfield .hippo-editor-field-subfield {
  background-color: transparent;
  border: 1px solid #b2b2b2;
}

.hippo-editor .hippo-editor-field .hippo-editor-field-subfield .hippo-editor-field-subfield .add-16 {
}

.hippo-editor .hippo-editor-field .hippo-editor-field-subfield .hippo-editor-field-subfield .add-16:hover {
  border: 1px solid #EDF5FF;
  background-color: white
}

.hippo-editor .hippo-editor-field .hippo-editor-field-subfield .hippo-editor-field-subfield.dialog-link {
  padding: 2px 0 2px 1px;
  margin-right: 100px;
}

/* threepanes in editor */
.hippo-editor .hippo-editor-threepane {
  width: 100%
}

.hippo-editor .hippo-editor-threepane tr td {
  vertical-align: top
}

/* meta data */
.hippo-editor .hippo-editor-metadata {
  background: #f2f2f2;
  padding: 4px;
  padding-top: 0px;
  min-width: 200px;
}

/* Default Template Style */
/* ================================================ */
.hippo-editor .hippo-template-default-title input {
  font-size: 18px
}

/* Management Perspective */
/* ================================================ */
.hippo-perspective-management {
  padding-top: 25px;
}

.hippo-perspective-management .hippo-perspective-management-title {
  color: #666666;
  padding: 13px;
  border-bottom: 1px dotted #afafaf;
  font-weight: bold
}

.hippo-perspective-management-left {
  background: #ffffff;
  border: 1px solid #afafaf;
  border-right: none;
  border-top: none;
}

.hippo-perspective-management-center {
  background: white;
  border: 1px solid #afafaf;
  border-top: none;
}

.hippo-perspective-management-center .hippo-editor {
  border: none
}

.hippo-perspective-management-left ul {
  padding: 2px;
}

.hippo-perspective-management-left ul li a:hover {
  background-color: #EDF5FF
}

.hippo-perspective-management-left ul li a {
  display: block;
  padding: 4px;
  padding-left: 22px;
  background-repeat: no-repeat;
  background-position: left center
}

.hippo-perspective-management-left div.hippo-perspective-management-list-users ul li a {
  background-image: url("images/icons/user-16.png")
}

.hippo-perspective-management-left div.hippo-perspective-management-list-groups ul li a {
  background-image: url("images/icons/groups-16.png")
}

.hippo-perspective-management-left div.hippo-perspective-management-list-domains ul li a {
  background-image: url("images/icons/domain-16.png")
}

.hippo-perspective-management-left div.hippo-perspective-management-list-roles ul li a {
  background-image: url("images/icons/permissions-16.png")
}

.hippo-editor-users-groups {
  height: 188px;
  overflow: auto;
  border: 1px solid #4A84C8;
  background: url("images/icons/message-dropitem-128.png") no-repeat center 70px;
  margin-top: 10px;
}

.hippo-management-users-actions {
  display: inline;
}

.drop-user-48 {
  border: 2px inset #f2f2f2;
}

.drop-group-48 {
  border: 2px inset #f2f2f2
}

.drop-domain-48 {
  border: 2px inset #f2f2f2
}

.hippo-root .hippo-list-simple-container input[type="text"],
.hippo-root .hippo-list-simple-container input[type="button"] {
  padding: 3px;
  margin: 6px;
}

.hippo-list-simple-container {
  margin-bottom: 10px;
}

.hippo-list-simple {
  overflow: auto;
  height: 84px;
  border: 2px inset #f2f2f2;
}

.hippo-list-simple ul li a {
  display: block;
}

.hippo-perspective-management .hippo-list-details-instructions {
  color: #666666
}

.hippo-perspective-management .hippo-list-details tr td.hippo-list-details-instructions:hover {
  cursor: default
}

.hippo-perspective-management .hippo-list-details-scrollme {
  height: 150px;
  overflow: auto
}

.hippo-perspective-management .templateactions div {
  display: inline
}

.hippo-perspective-management .templateactions {
  background: #32629b;
  height: 38px;
}

/* Control panel */
/* ================================================ */
.hippo-controlpanel {
  margin-top: 25px;
}

.hippo-controlpanel-panel {
  padding: 15px;
}

.hippo-controlpanel .hippo-feedback {
  top: 15px;
  right: 15px;
  width: 500px;
}

.hippo-controlpanel .hippo-feedback ul {
  margin-left: 0px;
  margin-right: 0px
}

table.hippo-controlpanel-body {
  height: 100%;
  width: 100%;
  margin-bottom: 25px;
}

.hippo-controlpanel-body h2 {
  font-size: 20px;
  color: #0d496f;
  margin-top: 0px;
  margin-bottom: 15px;
}

.hippo-controlpanel-body h3 {
  font-size: 12px;
  font-weight: bold;
  color: #0d496f;
  margin-bottom: 5px;
}

.hippo-controlpanel-form {
}

.hippo-controlpanel-form tr td,
.hippo-controlpanel-form table tr td {
  padding: 4px;
  padding-left: 0px;
  vertical-align: top;
}

.hippo-controlpanel-form textarea {
  width: 400px;
  height: 200px
}

.hippo-controlpanel-form input[type="password"],
.hippo-controlpanel-form input[type="text"] {
  border: 1px solid #afafaf;
  padding: 3px;
  line-height: 16px;
}

.hippo-controlpanel .icons-128 {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 150px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #afafaf;
  border-bottom: 1px solid #afafaf;
  min-height: 128px;
}

.hippo-controlpanel-table-default {
  border: 1px solid #afafaf;
  border-collapse: separate
}

.hippo-controlpanel-table-default tr th {
  border-bottom: 1px solid #afafaf;
  border-left: none;
  border-right: 1px solid #afafaf;
  font-size: 12px;
  font-weight: bold;
  color: black;
  padding: 4px;
}

.hippo-controlpanel-table-default tr td {
  vertical-align: top
}

.hippo-controlpanel-table-default tr.navigation td {
  padding: 15px;
}

.hippo-controlpanel-table-default tr.navigation .navigatorLabel {
  font-size: 18px;
}

.hippo-controlpanel-table-default tr.navigation td em,
.hippo-controlpanel-table-default tr.navigation td a {
  padding: 8px;
  padding-left: 10px;
  padding-right: 10px;
  background: #f2f2f2;
  color: #666666;
  line-height: 13px;
  font-weight: bold
}

.hippo-controlpanel-table-default tr.navigation td a:hover {
  background: #afafaf;
  color: white
}

.hippo-controlpanel-table-default tr.navigation td em {
  color: #cccccc
}

.hippo-controlpanel-table-default tr td a {
  color: #0467B4
}

.hippo-controlpanel-table-default tr td:hover {
  cursor: default
}

.hippo-controlpanel-table-default tr.odd td {
  background: #f4f4f4;
  border-right: 1px solid #afafaf
}

.hippo-controlpanel-table-default tr.even td {
  background: white;
  border-right: 1px solid #afafaf
}

.hippo-controlpanel-table-nested {
  border-collapse: separate
}

.hippo-controlpanel-table-nested tr td {
  background: #f2f2f2;
  border: 1px solid white;
  border-bottom: none;
  border-top: none;
  padding: 4px;
  line-height: 15px;
}

.hippo-controlpanel-table-nested span.icon-16 {
  padding: 0px;
  padding-left: 17px;
  background-position: 0px 0px;
}

.hippo-controlpanel-table-nested span.icon-16 a {
  color: #cf2d27
}

.hippo-controlpanel-table-nested span.icon-16 a:hover {
  text-decoration: underline
}

.hippo-controlpanel-membership-item-label {
  display: block;
  width: 200px
}

.hippo-controlpanel-breadcrumbs {
  border-bottom: 1px dotted #afafaf;
  font-weight: bold
}

.hippo-controlpanel-breadcrumbs-backbutton {
  display: block;
  padding: 8px;
  padding-left: 4px;
}

.hippo-controlpanel-breadcrumbs span a, .hippo-controlpanel-breadcrumbs span em {
  font-weight: bold;
  color: #666666;
  padding: 4px 2px 4px 8px;
  background: url("images/hippo-controlpanel-breacrumbs-arrow.png") no-repeat left center;
  margin-right: 0px;
}

.hippo-controlpanel-breadcrumbs a:hover {
  text-decoration: underline
}

.hippo-controlpanel-navigation li {
  display: block;
  float: left
}

.hippo-controlpanel-navigation li span {
  display: block;
  float: left;
  font-weight: normal;
  color: #afafaf;
  font-size: 11px
}

.hippo-controlpanel-navigation li a {
  color: #666666;
  width: 150px;
  border: 1px solid #f2f2f2;
  height: 47px;
  padding: 10px;
  float: left;
  margin: 10px;
  padding-left: 80px;
  font-size: 12px;
  font-weight: bold
}

.hippo-controlpanel-navigation li a:hover {
  border: 1px solid #afafaf
}

div.hippo-controlpanel-actions-top {
  border-bottom: 1px solid #afafaf;
  border-top: none;
  text-align: left;
  padding-top: 2px;
  margin-bottom: 5px
}

.hippo-controlpanel-actions {
  padding: 10px;
  border-top: 1px solid #afafaf;
  text-align: right;
  padding-right: 25px;
  margin-top: 15px;
}

.hippo-controlpanel-actions input {
  padding: 15px;
  margin-left: 15px;
  margin-right: 15px;
}

.hippo-controlpanel-actions li {
  margin-left: 10px;
  cursor: pointer
}

.hippo-controlpanel-options {
  margin-top: 15px;
  padding-bottom: 15px;
}

.hippo-controlpanel-options li {
  list-style-type: disc;
  margin: 5px;
  color: #afafaf;
  list-style-position: inside;
  font-size: 12px;
}

.hippo-controlpanel-options li.delete {
  margin-top: 15px;
}

.hippo-controlpanel-options li a {
  font-size: 12px;
  color: #0467b4
}

.hippo-controlpanel-options li a:hover {
  text-decoration: underline;
  font-size: 12px;
  color: #0467b4
}

.hippo-root .hippo-controlpanel-actions a {
  padding: 6px;
  padding-left: 22px;
  display: block;
  float: left;
  border: 1px solid #afafaf;
  background-color: #f4f4f4;
  font-weight: bold;
}

.hippo-root .hippo-controlpanel-actions a:hover {
  background-color: #fff6e0;
  text-decoration: underline;
  cursor: pointer
}

.hippo-controlpanel-section-title {
  font-size: 14px;
  color: #69889c
}

.hippo-controlpanel-table-default {
}

.hippo-controlpanel-help-permissionsdiagram {
  background: url("images/hippo-controlpanel-help-permissions-en.png") no-repeat;
  width: 580px;
  height: 190px;
  background-position: bottom center;
  margin-bottom: 15px;
}

/* Global Icon Management */
/* ================================================ */
.icon-16 {
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 22px;
  padding-top: 2px;
  padding-bottom: 4px;
}

.icon-24 a {
  background-repeat: no-repeat;
  background-position: 4px 4px;
}

.icon-24 a {
  background-repeat: no-repeat;
  background-position: 4px 4px;
}

.icon-48 a {
  background-repeat: no-repeat;
  background-position: 8px 8px;
}

.icon-128 a {
  background-repeat: no-repeat;
  background-position: 8px 8px;
}

/* Microsoft mimetypes */
.mimetype-application-vnd-ms-excel-16,
.mimetype-application-excel-16,
.mimetype-application-x-excel-16,
.mimetype-application-vndms-excel-16,
.mimetype-application-x-msexcel-16 {
  background-image: url("images/icons/mimetypes/mimetype-xls-16.png")
}

.mimetype-application-vnd-ms-powerpoint-16,
.mimetype-application-vndms-powerpoint-16,
.mimetype-application-mspowerpoint-16,
.mimetype-application-powerpoint-16,
.mimetype-application-x-mspowerpoint-16 {
  background-image: url("images/icons/mimetypes/mimetype-ppt-16.png")
}

.mimetype-application-msword-16 {
  background-image: url("images/icons/mimetypes/mimetype-doc-16.png")
}

/* Microsoft Open XML mimetypes */
.mimetype-application-vnd-openxmlformats-officedocument-wordprocessingml-document-16 {
  background-image: url("images/icons/mimetypes/mimetype-docx-16.png")
}

.mimetype-application-vnd-openxmlformats-officedocument-spreadsheetml-sheet-16 {
  background-image: url("images/icons/mimetypes/mimetype-xlsx-16.png")
}

.mimetype-application-vnd-openxmlformats-officedocument-presentationml-presentation-16 {
  background-image: url("images/icons/mimetypes/mimetype-pptx-16.png")
}

/* OpenOffice 1 mimetypes */
.mimetype-application-vnd-sun-xml-writer-16 {
  background-image: url("images/icons/mimetypes/mimetype-sxw-16.png")
}

.mimetype-application-vnd-sun-xml-calc-16 {
  background-image: url("images/icons/mimetypes/mimetype-sxc-16.png")
}

.mimetype-application-vnd-sun-xml-impress-16 {
  background-image: url("images/icons/mimetypes/mimetype-sxi-16.png")
}

/* OpenOffice 2 mimetypes */
.mimetype-application-opendocument-16,
.mimetype-application-vnd-oasis-opendocument-text-16 {
  background-image: url("images/icons/mimetypes/mimetype-odt-16.png")
}

.mimetype-application-vnd-oasis-opendocument-spreadsheet-16 {
  background-image: url("images/icons/mimetypes/mimetype-ods-16.png")
}

.mimetype-application-vnd-oasis-opendocument-presentation-16 {
  background-image: url("images/icons/mimetypes/mimetype-odp-16.png")
}

/* General mimetypes */
.mimetype-image-16 {
  background-image: url("images/icons/mimetypes/mimetype-image-16.png")
}

.mimetype-audio-16 {
  background-image: url("images/icons/mimetypes/mimetype-audio-16.png")
}

.mimetype-video-16 {
  background-image: url("images/icons/mimetypes/mimetype-video-16.png")
}

.mimetype-application-pdf-16 {
  background-image: url("images/icons/mimetypes/mimetype-pdf-16.png")
}

.mimetype-application-x-shockwave-flash-16 {
  background-image: url("images/icons/mimetypes/mimetype-swf-16.png")
}

.mimetype-application-zip-16,
.mimetype-application-x-zip-compressed-16,
.mimetype-application-x-compressed-16,
.mimetype-multipart-x-zip-16 {
  background-image: url("images/icons/mimetypes/mimetype-zip-16.png")
}

.mimetype-application-rtf-16 {
  background-image: url("images/icons/mimetypes/mimetype-rtf-16.png")
}

.mimetype-text-16 {
  background-image: url("images/icons/mimetypes/mimetype-text-16.png")
}

.mimetype-application-octet-stream-16 {
  background-image: url("images/icons/mimetypes/mimetype-binary-16.png")
}

.document-48 {
  background-image: url("images/icons/document-48.png")
}

.users-48 {
  background-image: url("images/icons/groups-48.png")
}

.groups-48 {
  background-image: url("images/icons/groups-48.png")
}

/* control panel */
.users-48 {
  background-image: url("images/icons/user-48.png")
}

.groups-48 {
  background-image: url("images/icons/groups-48.png")
}

.groups-16 {
  background-image: url("images/icons/groups-16.png")
}

.documents-32 {
  background-image: url(images/icons/emblem-documents-32.png)
}

.permissions-48 {
  background-image: url("images/icons/permissions-48.png")
}

.controlpanel-48 {
  background-image: url("images/icons/controlpanel-48.png")
}

.commandline-48 {
  background-image: url("images/icons/commandline-48.png")
}

.system-properties-48 {
  background-image: url("images/icons/system-properties-48.png")
}

.system-info-48 {
  background-image: url("images/icons/system-info-48.png")
}

.state-review-16 {
  background-image: url("images/icons/state-review-16.gif")
}

.state-changed-16 {
  background-image: url("images/icons/state-changed-16.png")
}

.state-new-16 {
  background-image: url("images/icons/state-new-16.png")
}

.state-live-16 {
  background-image: url("images/icons/state-live-16.png")
}

.state-prev-new-16 {
  background-image: url("images/icons/state-prev-new-16.png")
}

.state-prev-changed-16 {
  background-image: url("images/icons/state-prev-changed-16.png")
}

.state-prev-live-16 {
  background-image: url("images/icons/state-prev-live-16.png")
}

.permissions-16 {
  background-image: url("images/icons/permissions-16.png")
}

.arrow-sort-down-16 {
  background-image: url("images/icons/arrow-sort-down-16.png")
}

.arrow-sort-up-16 {
  background-image: url("images/icons/arrow-sort-up-16.png")
}

.remove-field-16 {
  background-image: url("images/controls/close-control.gif")
}

.arrow-paging-previous-16 {
  background-image: url("images/icons/arrow-paging-previous-16.png")
}

.arrow-paging-next-16 {
  background-image: url("images/icons/arrow-paging-next-16.png")
}

.user-16 {
  background-image: url("images/icons/user-16.png")
}

.user-32 {
  background-image: url("images/icons/user-32.png")
}

.user-48 {
  background-image: url("images/icons/user-48.png")
}

.user-128 {
  background-image: url("images/icons/user-128.png")
}

.groups-16 {
  background-image: url("images/icons/groups-16.png")
}

.groups-32 {
  background-image: url("images/icons/groups-32.png")
}

.groups-48 {
  background-image: url("images/icons/groups-48.png")
}

.groups-128 {
  background-image: url("images/icons/groups-128.png")
}

.document-new-48 {
  background-image: url("images/icons/document-48.png")
}

.user-48 {
  background-image: url("images/icons/groups-48.png")
}

.folder-48 {
  background-image: url("images/icons/folder-32.png")
}

.image-add-48 {
  background-image: url("images/icons/image-add-48.png")
}

.image-add {
  background-image: url("images/icons/image-add-16.png");
}

.website-add-128 {
  background-image: url("images/icons/website-add-128.png")
}

.website-add-48 {
  background-image: url("images/icons/website-add-48.png")
}

.website-add-24 {
  background-image: url("images/icons/website-add-24.png");
}

.website-add-16 {
  background-image: url("images/icons/website-add-16.png");
}

.rename-128 {
  background-image: url("images/icons/rename-128.png")
}

.rename-48 {
  background-image: url("images/icons/rename-48.png")
}

.rename-24 {
  background-image: url("images/icons/rename-24.png");
}

.rename-16 {
  background-image: url("images/icons/rename-16.png");
}

.document-lock-16 {
  background-image: url("images/icons/document-lock-16.png")
}

.dialog-information-48 {
  background-image: url("images/icons/dialog-information-48.png")
}

.hippo-icon-question-48 {
  background-image: url("images/icons/dialog-question-48.png")
}

.panel-toggle-version-16 {
  background-image: url("images/icons/panel-toggle-version-16.png");
}

.panel-toggle-version-16 a:hover {
  cursor: pointer
}

.edit-16 {
  background-image: url("images/icons/edit-16.png")
}

.delete-16 {
  background-image: url("images/icons/edit-delete-16.png")
}

.clear-16 {
  background-image: url("images/icons/edit-clear-16.png");
  margin-left: 10px;
}

.add-16 {
  background-image: url("images/icons/list-add-16.png")
}

.remove-16 {
  background-image: url("images/icons/edit-delete-16.png")
}

.delete-inline-16 {
  background-image: url("images/icons/delete-inline-16.png")
}

.delete-inline-24 {
  background-image: url("images/icons/delete-inline-24.png")
}

.delete-inline-48 {
  background-image: url("images/icons/delete-inline-48.png")
}

.delete-inline-128 {
  background-image: url("images/icons/delete-inline-128.png")
}

a.up-16 {
  background-image: url("images/icons/go-up-16.png")
}

span.up-16 {
  background-image: url("images/icons/go-up-disabled-16.png")
}

a.down-16 {
  background-image: url("images/icons/go-down-16.png")
}

span.down-16 {
  background-image: url("images/icons/go-down-disabled-16.png")
}

/* temp quick hack */
.revert_ico {
  background-image: url("images/icons/document-revert-16.png")
}

.save_ico {
  background-image: url("images/icons/document-save-16.png")
}

.templateitemup_ico {
  background-image: url("images/icons/go-up.png")
}

.templateitemdown_ico {
  background-image: url("images/icons/go-down.png")
}

.reqdelete_ico {
  background-image: url("images/icons/workflow-requestdelete-16.png")
}

.reqpublish_ico {
  background-image: url("images/icons/workflow-requestpublish-16.png")
}

.reqdepublish_ico {
  background-image: url("images/icons/workflow-requestunpublish-16.png")
}

.reqschedpublish_ico {
  background-image: url("images/icons/workflow-requestpublish-16.png")
}

.reqscheddepublish_ico {
  background-image: url("images/icons/workflow-requestunpublish-16.png")
}

.publish-16, .publish_ico {
  background-image: url("images/icons/publish-16.png")
}

.depublish-16, .depublish_ico {
  background-image: url("images/icons/unplublish-16.png")
}

.publish-schedule-16 {
  background-image: url("images/icons/publish-schedule-16.png")
}

.copy-16 {
  background-image: url("images/icons/copy-16.png")
}

.move-16 {
  background-image: url("images/icons/move-16.png")
}

.depublish-schedule-16 {
  background-image: url("images/icons/unpublish-scheduled-16.png")
}

.reqcancel_ico {
  background-image: url("images/icons/unplublish-16.png")
}

.reqaccept_ico {
  background-image: url("images/icons/workflow-accept-16.png")
}

.reqreject_ico {
  background-image: url("images/icons/workflow-requestunpublish-16.png")
}

.adddocument_ico {
  background-image: url("images/icons/document-new-16.png")
}

.addfolder_ico {
  background-image: url("images/icons/folder-new-16.png")
}

.addextended_ico {
  background-image: url("images/icons/folder-extended-new-16.png")
}

.copymodelrequest_ico {
  background-image: url("images/icons/document-copy-16.png")
}

.editmodel_ico {
  background-image: url("images/icons/edit-16.png")
}

.createnamespace_ico {
  background-image: url("images/icons/document-new-16.png")
}

.modelreq_ico {
  background-image: url("images/icons/refresh-16.png")
}

.createtyperequest_ico {
  background-image: url("images/icons/document-new-16.png")
}

#context-menu-container {
  text-align: left;
  position: absolute;
  display: block;
  z-index: 10000;
  color: #000;
  padding: 3px;
  left: -1000px;
  top: -1000px;
}

#global-feedback-container {
  border: 1px solid #e3e3e3;
  background-color: #FFF6E0;
  color: #333333;
  padding-top: 2px;
}

li.feedbackPanelERROR {
  margin: 5px;
  display: inline;
}

table.hippo-defaultcontent td {
  vertical-align: top;
}

.smooth_load_workaround {
  display: none;
  left: -2000px;
  top: -2000px;
  position: absolute;
}

/* Apply scrollbars to modern browsers */
table.hippo-list-details > tbody {
  overflow-x: hidden;
  overflow-y: auto;
}

.navigator-center-body table.hippo-list-documents,
.navigator-center-body table.hippo-gallery-images,
.navigator-center-body table.hippo-gallery-assets,
.navigator-center-body table.hippo-typeslist,
.hippo-dialog-picker table.hippo-list-documents,
.hippo-dialog-picker table.hippo-gallery-images,
.hippo-dialog-picker table.hippo-gallery-assets {
  border-collapse: inherit;
  background-color: #fff;
}

table.hippo-currentactivity > tbody, table.hippo-todo > tbody {
  display: table-row-group;
  overflow-y: hidden;
  height: 100%;
}

.hippo-accordion-unit-center {
  -ms-overflow: auto;
  overflow: auto;
}

.hippo-accordion-unit-top {
  background-color: #ebebeb;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  white-space: nowrap;
  text-align: center;
}

.hippo-accordion-unit-bottom {
  background-color: #ebebeb;
  cursor: pointer;
  height: 26px;
  margin: 0;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

.hippo-revision-help {
  background-image: url("images/icons/dialog-information-32.png");
  background-repeat: no-repeat;
  background-position: 10px 5px;
  padding-left: 70px;
  padding-top: 8px;
  min-height: 35px;
  border: 1px solid #69849f;
  color: #69849f;
  background-color: #fff8d5;
}

/* Reposition the YUI-logger so that it does not block the logout link */
body.hippo-root div.yui-log-container {
  top: 30px;
  right: 5px;
}

/* Resource upload/properties */
.resource-values {
  font-size: 12px;
  padding: 10px;
  padding-top: 5px;
}

.resource-values label {
  display: block;
  float: left;
  margin-right: 10px;
}

.resource-values .simple-editor-value {
  float: left;
  color: #666;
}

.resource-values a {
  text-decoration: underline;
}

.resource-values ul {
  overflow: auto;
}

.resource-values ul li {
  list-style: none;
  float: left;
  min-width: 180px;
}

.resource-values ul li > span {
  padding-right: 5px;
}

.hippo-preview-document .resource-values {
  padding-left: 0px;
}

.resource-upload {
  margin-top: 10px;
  height: 75px;
}

.resource-upload input {
  clear: left;
  float: left;
}

.resource-upload input[type="submit"] {
  padding: 0;
  margin: 0;
}

/* Xinha preview style, taken form http://www.w3.org/TR/CSS2/sample.html */

/* default font settings */
.hippo-editor-field-html-preview h1 {
  font-size: 2em;
}

.hippo-editor-field-html-preview h2 {
  font-size: 1.5em;
}

.hippo-editor-field-html-preview h3 {
  font-size: 1.17em;
}

.hippo-editor-field-html-preview blockquote,
.hippo-editor-field-html-preview ul,
.hippo-editor-field-html-preview fieldset,
.hippo-editor-field-html-preview form,
.hippo-editor-field-html-preview ol,
.hippo-editor-field-html-preview dl,
.hippo-editor-field-html-preview dir,
.hippo-editor-field-html-preview menu {
  margin-top: 3px;
  margin-bottom: 3px;
}

.hippo-editor-field-html-preview h1,
.hippo-editor-field-html-preview h2,
.hippo-editor-field-html-preview h3,
.hippo-editor-field-html-preview h4,
.hippo-editor-field-html-preview h5,
.hippo-editor-field-html-preview h6,
.hippo-editor-field-html-preview p {
  margin-top: 0.7em;
  margin-bottom: 0.3em;
}

.hippo-editor-field-html-preview h5 {
  font-size: .83em;
}

.hippo-editor-field-html-preview h6 {
  font-size: .75em;
}

.hippo-editor-field-html-preview h1,
.hippo-editor-field-html-preview h2,
.hippo-editor-field-html-preview h3,
.hippo-editor-field-html-preview h4,
.hippo-editor-field-html-preview h5,
.hippo-editor-field-html-preview h6,
.hippo-editor-field-html-preview b,
.hippo-editor-field-html-preview strong {
  font-weight: bolder
}

.hippo-editor-field-html-preview blockquote {
  margin-left: 40px;
  margin-right: 40px
}

.hippo-editor-field-html-preview i,
.hippo-editor-field-html-preview cite,
.hippo-editor-field-html-preview em,
.hippo-editor-field-html-preview address {
  font-style: italic
}

.hippo-editor-field-html-preview pre,
.hippo-editor-field-html-preview tt,
.hippo-editor-field-html-preview code,
.hippo-editor-field-html-preview kbd,
.hippo-editor-field-html-preview samp {
  font-family: monospace
}

.hippo-editor-field-html-preview pre {
  white-space: pre
}

.hippo-editor-field-html-preview small,
.hippo-editor-field-html-preview sub,
.hippo-editor-field-html-preview sup {
  font-size: .83em
}

.hippo-editor-field-html-preview sub {
  vertical-align: sub
}

.hippo-editor-field-html-preview sup {
  vertical-align: super
}

.hippo-editor-field-html-preview s,
.hippo-editor-field-html-preview strike,
.hippo-editor-field-html-preview del {
  text-decoration: line-through
}

.hippo-editor-field-html-preview hr {
  border: 1px inset
}

.hippo-editor-field-html-preview ol,
.hippo-editor-field-html-preview ul,
.hippo-editor-field-html-preview dir,
.hippo-editor-field-html-preview menu,
.hippo-editor-field-html-preview dd {
  margin-left: 40px
}

.hippo-editor-field-html-preview ol {
  list-style-type: decimal;
}

.hippo-editor-field-html-preview ol ul,
.hippo-editor-field-html-preview ul ol,
.hippo-editor-field-html-preview ul ul,
.hippo-editor-field-html-preview ol ol {
  margin-top: 0;
  margin-bottom: 0
}

.hippo-editor-field-html-preview li {
  display: list-item;
}

.hippo-editor-field-html-preview ol li {
  list-style-type: decimal;
}

.hippo-editor-field-html-preview ul li {
  list-style-type: disc;
}

.hippo-editor-field-html-preview u,
.hippo-editor-field-html-preview ins {
  text-decoration: underline
}

.hippo-editor-field-html-preview br:before {
  content: "\A";
  white-space: pre-line
}

.hippo-editor-field-html-preview center {
  text-align: center
}

.hippo-window-form td input.grayedout {
  background-color: #F4F4F4;
}

.hippo-window-form td input.grayedin {
}

.hippo-window-form td a.action {
  color: #107EC0;
  width: 38px;
  float: right;
  margin-right: 10px;
  margin-top: 6px;
}

div.rte-preview-area {
  cursor: pointer;
  padding: 5px;
  background-color: transparent;
}

div.rte-preview-area:hover {
  background-color: #FFF6E0;
  color: #333;
}

div.rte-preview-area div.hippo-editor-field-html-preview:hover {
  background-color: #FFF6E0;
}

div.rte-preview-area:hover a {
  color: #333;
}

div.rte-preview-style {
  overflow: auto;
  min-height: 175px;
}

/* Tooltip styling without skin-sam*/
.hippo-root .yui-tt .bd {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  color: #000;
  border-color: #D4C237 #A6982B #A6982B #A6982B;
  border-width: 1px;
  border-style: solid;
  background-color: #FFEE69;
  font-size: 13px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.hippo-root .yui-tt {
  border-width: 0px;
}

.hippo-root .yui-tt.show-scrollbars .bd {
  overflow: auto;
}

.hippo-root .yui-tt-shadow-visible {
  overflow: auto;
}

.hippo-root .yui-tt-shadow {
  margin-top: 2px;
  top: 2px;
  right: -1px;
  left: -1px;
  bottom: -1px;
  background-color: #000;
  display: block;
  z-index: 0;
}

.hippo-root .yui-tt-shadow-visible {
  opacity: .12;
  filter: alpha(opacity = 12); /* For IE */
}

/* Workflow reject request dialog: textarea styling */
.hippo-window-form textarea.text-dialog-textarea {
  width: 420px;
  height: 150px;
}

/* Document diff styling */
span.hippo-diff-removed {
  text-decoration: line-through;
  background-color: #fdc6c6; /* light red */
}

div.hippo-diff-removed {
  text-decoration: line-through;
  background-color: #fdc6c6; /* light red */
}

span.hippo-diff-removed img {
  border: 5px solid #fdc6c6;
}

span.hippo-diff-added {
  background-color: #ccffcc; /* light green */
}

div.hippo-diff-added {
  background-color: #ccffcc; /* light green */
}

div.hippo-diff-added div.hippo-editor-field-textarea,
div.hippo-diff-removed div.hippo-editor-field-textarea {
  min-height: 0;
}

span.hippo-diff-added img {
  border: 5px solid #ccffcc;
}

table.compare td.compare-base {
  padding-right: 15px;
}

table.compare div.hippo-diff-removed, table.compare div.hippo-diff-added {
  float: left;
  padding: 0 10px 0 10px;
}

div.hippo-diff-removed div.resource-values, div.hippo-diff-added div.resource-values {
  padding: 0 10px 0 10px;
  clear: both;
}

/* Xinha dialo styling */
.hippo-root > .dialog {
  text-align: left;
  background-color: buttonface;
}

.hippo-root > .dialog table, .hippo-root > .dialog td, .hippo-root > .dialog tr {
  padding: 1px;
}

.hippo-root > .dialog > h1 {
  padding: 3px 10px;
  margin-bottom: 10px;
}

.hippo-root > .dialog fieldset {
  border: 2px groove #F0F0F0;
  padding: 0.2em 0.5em;
  margin: 0px 2px 0px 2px;
}

.hippo-root > .dialog div.buttons {
  text-align: right;
}

.hippo-root > .dialog div.space {
  padding: 2px;
}

.hippo-root > .dialog div.fl {
  float: left;
  padding: 2px 5px;
  text-align: right;
  width: 4em;
}

.hippo-root > .dialog div.fr {
  float: left;
  padding: 2px 5px;
  text-align: right;
  width: 7em;
}

/* Toggle button class is used in multiple plugin, to avoid clashes define it here */
.toggle-button {
  float: right; /*margin-bottom: 3px;*/
  padding-top: 2px;
  padding-right: 2px;
  position: static;
  padding-bottom: 3px;
}

.hippo-picker .toggle-button {
  padding: 0;
}

.hippo-picker .toggle-button > a > img {
  height: 16px;
  width: 30px;
}

.hippo-picker .toggle-button > a:focus {
  outline: 0;
}

table.wide-date-picker-panel {
  position: absolute;
  width: 841px;
  bottom: 82px;
}

.hippo-window .date-picker-dialog.hippo-referring-documents {
  height: 345px;
}

.hippo-window .date-picker-dialog.hippo-referring-documents .hippo-referring-documents-list {
  height: 235px;
}