body.rdls_WebComponents_popup {
  background: #D7DCE1;
  text-align: center;
}
body.rdwecoPopup {
  background: #D7DCE1;
}
body.gfx {
  background-image: none;
}
/* ------------------------------------------------------------------------ *
 * 1. Styles always start with a lowercase letter                           *
 * 2. No underscores are to be used since older browser version tend to     *
 *    ignore such styles                                                    *
 * 3. Instead of underscores the CamelCaseNotation is to be used            *
 * 4. No usage of universal class styles ([*].classstylename) in general    *
 *    unless they are _really_ serving a general purpose and side-effects   *
 *    are unlikely to occur - select styles via elements instead, i.e.      *
 *    div.classstylename                                                    *
 * 5. All styles must begin with the RedDot-reserved identifier rdweco,     *
 *    followed by an English, self-documenting name                         *
 * 6. For better readability and transferability CSS files should use an    *
 *    indentation of 4 space characters rather than a tab character         *
 * 7. Reserved names for class styles:                                      *
 *    rdweco - general prefix for all styles delivered by RedDot            *
 *    border - for decorating a given style with a border                   *
 *    gfx    - for decorating a given style with a background image         *
 * ------------------------------------------------------------------------ */
 /*------------------------------------------------------------------------ *
 *  Outer frame structure for almost all Web components                     *
 * ------------------------------------------------------------------------ */
/* -----------------------------------------------------------------------------
            LAYOUT
--------------------------------------------------------------------------------
A webcomponent layout is structured so that each webcomponent dialog is defined
in an outer div element called rdwecoComponent. This div elements contains
everything for a single dialog. Inside the rdwecoComponent a main title
(rdwecoTitle) and an inner frame (rdwecoInnerFrame) are placed, the main title
laying on top of the inner frame. The main title's purpose is to display the
title of the dialog. The inner frame contains dialog specific elements in it.
The structure of an inner frame is similar to that of the outer rdwecoComponent
element: the inner frame consist of a subtitle div element (rdwecoSubTitle),
possibly a tab navigation div element (rdwecoTabNavigation), info element
(rdwecoInfo), and an inner content div element (rdwecoInnerContent). The
subtitle displays a more detailed title of the component, the tab navigation
element contains tabs for switching from one page to another, and the info
element may display more specific information about the component such as the
author and the release date. The inner content contains the actual information
and functionality of the dialog.
On the top of the inner content there may be some special elements to provide
yet more specific information about the component or some special functionality.
 These  elements are: rdwecoWarningBlock rdwecoCommandButtonBat, and the
rdwecoTopToolBar. Top toolbar usually displays a set of navigation buttons which
are used to show different chunks of data. The warning element displays a
warning. The command button bar includes buttons with some funcitonality.
------------------------------------------------------------------------------*/
/***********************************************************
    Outer DIV
************************************************************
Web Component - outer frame DIV. This div element includes
 everything related to one webcomponent dialog. It contains
general elements shared between all webcomponent dialogs of
the same kind.
***********************************************************/
div.rdwecoComponent {
   color: #000;
   background: #FFF;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   text-align: left;
   font-size: 0.8em;
   border: none;
   width: 78%;
   padding: 0px;
   margin-top: 31px;
   margin-bottom: 20px;
   margin-right: 0;
   margin-left: 10%;
   overflow: hidden;
}
/***********************************************************
    Main Title
************************************************************
Web Component Title. Main title elements. Display the
general title of the webcomponent action.
***********************************************************/
div.rdwecoComponent div.rdwecoTitle {
   text-align: left;
   font-size: 1em;
   #color: #FFFFFF;
   font-weight: bold;
   padding: 3px 8px;
   margin: 0px;
   #background: #ADC1D4 url(/static/js/icons/bg_title_outer.gif) top left repeat-x;
}
/***********************************************************
    Inner Frame
************************************************************
Inner frame element. Secondmost outer DIV. This element
contains webcomponent specific information in it.
***********************************************************/
div.rdwecoInnerFrame {
  #background: #F1F1F1;
  border: none;
  padding: 0px;
  margin: 8px;
}
/* Links in the inner frame. */
div.rdwecoInnerFrame a {
   color: #325a82;
   text-decoration: none;
   font-family: sans-serif;
}
div.rdwecoInnerFrame a:hover {
   text-decoration: underline;
}
div.rdwecoInnerFrame span.rdwecoToggle a {
    color: black;
    text-decoration: none;
    font-weight: bold;
}
/****************************/
/***********************************************************
    Subtitle
************************************************************
The subtitle DIV element. The subtitle displays more
specific information about currently displayed webcomponent
action. The subtitle may also contain utility icons in it.
The subtitle is also used in conenction with
rdwecoInfoTables: it functions as a header cell for the info
tables.
2008-07-14, cw: Overflow added to truncate overly long
                subtitle texts
***********************************************************/
div.rdwecoInnerFrame div.rdwecoSubTitle {
  display: none
}
/***********************************************************
    Elements included on the top of the inner content.
************************************************************
Inner content DIV-element includes these elements. They
exists to provide additional information / funcitonality
about webcomponent dialogs.
The Top toolbar usually contains navigation buttons. These
buttons navigate through a list of items displayed in the
main content.
In some cases there is a warning on the top of the inner
content. The warning block DIV-element is used to display
the warning.
Info DIV-element displays detailed information about the
webcomponent.
Command button bar contains additional command buttons to
that of ones found in the bottom toolbar. Command button bar
lays its contents in a different manner than doe sthe top
toolbar. e.g. to the right.
***********************************************************/
div.rdwecoInnerFrame div.rdwecoTopToolBar {
   margin: 0px;
   clear: both;
   padding: 8px 8px 8px 0px;
}
/*
Some special cases need a table in the top tool-bar to
its contents into more than one clearly distinguishable
parts (see forum thread module).
*/
div.rdwecoInnerFrame table.topToolBarTable {
  width: 100%;
}
/* IE 6 needs width specified. */
div.rdwecoInnerFrame table.topToolBarTable td.utilityCell {
  width: 200px;
}
/* A special top toolbar border. */
div.rdwecoInnerFrame div.rdwecoTopToolBarBorder {
   #border-bottom: 1px solid #ACAAAC;
}
/* A special top toolbar background. */
div.rdwecoInnerFrame div.rdwecoTopToolBarBackground {
}
div.rdwecoInnerFrame div.rdwecoWarningBlock {
  background-color: #FFF8DC;
  padding: 2px;
  margin-bottom: 5px;
  border: solid black 1px;
}
div.rdwecoInnerFrame div.rdwecoInfo {
    clear: both;
   # background-color: #DEDEDE;
    color: #7f7f7f;
    border-bottom: none;
    padding: 8px 8px 24px 8px;
    margin: 0px 8px 0px 8px;
}
div.rdwecoInnerFrame div.rdwecoCommandButtonBar {
   margin: 0px;
   clear: both;
   text-align: right;
   padding: 8px 8px 8px 0px;
}
/***********************************************************
    Inner content
************************************************************
The Inner content DIV element.  This element is the element
that contains most of webcomponents' data and functionality.
It is used to display dialog specific information.
***********************************************************/
div.rdwecoInnerContent {
  clear: both;
  padding: 8px 8px 16px 8px;
  margin: 0px 8px 8px 8px;
  #background-color: #F1F1F1;
}
/* The inner content may need a unique background. */
div.rdwecoInnerContentBackground {
   #background-color: #FFFFFF;
}
/*
The inner content containing forms may have a different
background.
*/
div.rdwecoInnerContentFormBackground {
 # background-color: #DEDEDE;
}
/***********************************************************
    Inner content table
************************************************************
Inner table content is a optional main inner content. It is
named inner table content because it is supposed to contain
only tables (see rdwecoInfoTable). It lays its contents out
differently than does the rdwecoInnerContent element. e.g.
It may have a smaller padding.
***********************************************************/
div.rdwecoInnerTableContent {
  clear: both;
  margin: 0px 8px 8px 8px;
  #background-color: #F1F1F1;
}
/***********************************************************
    Adjust DIV height table
 ***********************************************************
    this table structure is used as a trick to adjust the
    height of a DIV element according to its content
 ***********************************************************/
div.rdwecoInnerFrame table.adjustDivHeightTable {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: none;
}
/***********************************************************
    Page Navigation
************************************************************
Content can be a list of items. Subsection header is used to
divide the items.
The subsection header may contain navigation links such as
previous or next. The pagenavigation DIV-elements is used
to contains thse links.
***********************************************************/
div.rdwecoInnerContent div.subSectionHeader {
   font-size: 1.1em;
   text-align: center;
   display: block;
   clear: both;
   margin-bottom: 15px;
   padding-top: 15px;
   position: relative;
}
div.rdwecoInnerContent div.subSectionHeader div.pageNavigation {
    font-size: 1.1em;
}
div.rdwecoInnerContent div.pageNavigation a {
    display: block;
}
div.rdwecoInnerContent div.pageNavigation a.previous {
    float: left;
}
div.rdwecoInnerContent div.pageNavigation a.next {
   float: right;
}
/***********************************************************
     Small tool icons in the sub title or the info element.
***********************************************************/
div.rdwecoInnerFrame span.utilityIcon {
  float: right;
  width: 25px;
}
span.utilityIcon img {
    border: none;
    padding-left: 3px;
    padding-right: 3px;
}
/***********************************************************
    Bottom Toolbar
************************************************************
Bottom toolbar contains command buttons for the dialog. e.g.
'ok' or 'cancel'.
Note! All dialogs do not have a bottom toolbar.
***********************************************************/
div.rdwecoInnerFrame div.rdwecoBottomToolBar {
   clear: both;
   height: 20px;
   background: #EEE;
   text-align: right;
   padding: 8px 10px;
   margin: 0px;
   border-top: 1px solid #ACAAAC;
}
/* Command buttons in the bottom toolbar have a margin. */
div.rdwecoInnerFrame div.rdwecoBottomToolBar span.rdwecoImageTextButton {
    margin-left: 5px;
}
/*------------------------------------------------------------------------------
            A Single RDWECO Item
--------------------------------------------------------------------------------
A single rdweco item represents an entity in a list of items. For example a list
of blogs could display each item in the list as a rdweco item.
The rdweco item item info element is also used in other places where a user,
comment or changed at information must be shown. This may be for exammple in the
rdwecoInfo element or on a wiki page viewing.
----------------------------------------------------------------------------- */
div.rdwecoInnerFrame div.rdwecoItem {
   clear: both;
   padding-bottom: 15px;
   position: relative;
}
div.rdwecoInnerFrame div.rdwecoItem div.rdwecoItemTitle {
   font-family: Times New Roman, Courier, serif;
   color: #325A82;
   font-size: 2em;
   font-weight: bold;
   margin: 15px 0px 15px 0px;
}
div.rdwecoInnerFrame div.rdwecoItemText {
   margin: 0px 0px 15px 0px;
}
div.rdwecoInnerFrame div.rdwecoItemInfo {
  clear: both;
  color: #7F7F7F;
}
div.rdwecoInnerFrame div.rdwecoItemInfo span {
    padding-left: 15px;
    padding-right: 15px;
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat;
}
div.rdwecoInnerFrame div.rdwecoItemInfo span.border {
   border-right: 1px solid #4f4f4f;
}
div.rdwecoInnerFrame div.rdwecoItemInfo span.attachments {
    /* Attachment text is without a bg picture. No need to move to the right. */
    padding: 0px;
}
div.rdwecoInnerFrame div.rdwecoItemInfo span.user {
    background-image: url(/static/js/icons/icon_user.gif);
}
div.rdwecoInnerFrame div.rdwecoItemInfo span.date {
    background-image: url(/static/js/icons/icon_time.gif);
}
/*
 * this style is added to user or date style in order to align the icon in the top left corner of the span box
 * in case the text gets wrapped around due to insufficient horizontal space
 */
div.rdwecoInnerFrame div.rdwecoItemInfo span.user.top {
    background-position: left 2px;
}
div.rdwecoInnerFrame div.rdwecoItemInfo span.date.top {
    background-position: left 2px;
}
div.rdwecoInnerFrame div.rdwecoItemInfo span.comment {
    background-image: url(/static/js/icons/icon_comment.gif);
}
div.rdwecoInnerFrame div.rdwecoItemInfo span.edit {
}
div.rdwecoInnerFrame div.rdwecoItemInfo span.sendEmail {
}
div.rdwecoInnerFrame div.rdwecoItemInfo span.delete {
}
div.rdwecoInnerFrame div.rdwecoItemInfo span.permalink {
}
/*------------------------------------------------------------------------------
           Texts / Feedback
--------------------------------------------------------------------------------
General styles for texts and feedbacks used throughout the webcomponents.
Feedbacks are used in simple dialogs where a result of an action is displayed to
 the user.
------------------------------------------------------------------------------*/
div.rdwecoInnerContent p.feedback {
   padding: 10px 0px 20px 56px;
   background-color: transparent;
   background-position: left center;
   background-repeat: no-repeat;
}
div.rdwecoInnerContent p.confirm {
   background-image: url(/static/js/icons/image.icon.question.gif);
}
div.rdwecoInnerContent p.error {
   background-image: url(/static/js/icons/image.icon.error.gif);
}
div.rdwecoInnerContent p.warning {
   background-image: url(/static/js/icons/image.icon.warning.gif);
}
div.rdwecoInnerContent p.info {
   background-image: url(/static/js/icons/image.icon.info.gif);
}
div.rdwecoInnerContent p.alphabetListHeading {
    font-size: 1.1em;
    font-weight: bold;
}
/*------------------------------------------------------------------------------
           Borders
--------------------------------------------------------------------------------
General borders used in webcomponent dialogs. There are two main borders: outer
border and inner border. Outer border is usually set on the outermost element,
but can also be used inside the webcomponent dialog to make things stand out
more.
------------------------------------------------------------------------------*/
div.rdwecoInnerBorder {
   #border: 1px solid #ACAAAC;
}
/* Web-Komponente, Dekoration: Rahmen */
div.rdwecoOuterBorder {
   #border: 1px solid #808080;
}
/*------------------------------------------------------------------------------
           Tab navigation styles
--------------------------------------------------------------------------------
Many webcomponent dialogs are divided into subpages which can be navigated to
using tab navigation. The outermost tab navigation DIV contains all tabs. The
tab navigation DIV itself is most often included in the top toolbar which in
turn is included in the inner content DIV element.
There are two different kinds of tab DIV-elements. Those that are active i.e.
the current viewed page is connected with the tab, and those that are inactive.
------------------------------------------------------------------------------*/
div.rdwecoInnerFrame div.rdwecoTabNavigation {
  clear: both;
  float: left;
  width: 800px;
  margin-top: 8px;
  margin-left: 12px;
}
/* These list styled tabs are not used yet. */
div.rdwecoInnerFrame ul.rdwecoTabNavigation {
  margin: 12px 8px 0px 8px;
  padding: 8px;
  height: 16px;
}
div.rdwecoInnerFrame ul.rdwecoTabNavigation li {
  padding: 4px 8px 7px 8px;
  margin-right: 5px; /* Space between tabs. */
  list-style: none;
  display: inline;
  border: 1px solid #909090;
  border-bottom: none;
  vertical-align: top;
  background-color: #CDCDCD;
}
div.rdwecoInnerFrame ul.rdwecoTabNavigation li:hover{
   background-color: #DEDEDE;
  }
div.rdwecoInnerFrame ul.rdwecoTabNavigation li.active {
  background-color: #DEDEDE;
  font-weight: bold;
}
div.rdwecoInnerFrame ul.rdwecoTabNavigation li input {
  background: transparent;
  border: none;
  cursor: pointer;
  }
/* */
div.rdwecoTabNavigation div.rdwecoTab {
  float: left;
  margin: 8px 4px 0px 0px;
  height: 20px;
}
div.rdwecoTabNavigation div.rdwecoTabActive {
  background-color: #DEDEDE;
  font-weight: bold;
  border-top: 1px solid #909090;
  border-left: 1px solid #909090;
  border-right: 1px solid #909090;
  border-bottom: 1px solid #DEDEDE;
  padding: 2px 8px;
  display: inline;
}
div.rdwecoTabNavigation div.rdwecoTabInactive {
  background-color: #CDCDCD;
  font-weight: normal;
  border: 1px solid #DEDEDE;
  padding: 2px 8px;
  display: inline;
}
div.rdwecoTabInactive input {
  background: transparent;
  border: none;
  cursor: pointer;
}
/*------------------------------------------------------------------------------
           Buttons styles
--------------------------------------------------------------------------------
There are two different kinds of buttons: image text buttons and image buttons.
Image text buttons are displayed as an image and text whereas image buttons show
only an image.
All buttons consist of a span elements including an input element. The span
element's background is used to dispaly a unifrom background for all buttons.
The input element's background is used to display a unique button image.
The background images for each individual kind of a button is set below.
Other than that, all buttons share the same styles.
------------------------------------------------------------------------------*/
/***********************************************************
    General button styles
************************************************************
General button styles for all buttons.
***********************************************************/
div.rdwecoInnerFrame span.rdwecoImageTextButton {
  background: transparent url(/static/js/icons/bg_button.gif) 0 0 repeat-x;
  border: 1px solid #AFAFAF;
  padding: 1px 3px 0px 3px;
}
div.rdwecoInnerFrame span.rdwecoImageButton {
  background: transparent url(/static/js/icons/bg_button.gif) 0 0 repeat-x;
  border: 1px solid #AFAFAF;
  padding: 1px 3px 1px 3px;
}
div.rdwecoInnerFrame span.rdwecoStrippedImageButton {
	padding: 1px 3px 1px 3px;
}
/*
Basic style for all 'button' input fields. Left padding needs to be sufficiently
large for the image not to overlap with text.
*/
div.rdwecoInnerFrame span.rdwecoImageTextButton input.rdwecoBasicButton,
div.rdwecoInnerFrame span.rdwecoStrippedImageButton input.rdwecoBasicButton,
div.rdwecoInnerFrame span.rdwecoImageTextButton span.rdwecoBasicButton,
div.rdwecoInnerFrame span.rdwecoImageButton input.rdwecoBasicButton {
  border: none;
  padding: 0px 0px 0px 15px;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
}
div.rdwecoInnerFrame span.rdwecoImageTextButton span.rdwecoBasicButton span.rdwecoBasicButtonText {
  color: #000;
  padding: 1px 1px 1px 10px;
  font-size: 100%;
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.disabled {
  cursor: default;
}
/***********************************************************
    Command button background images.
************************************************************
Descriptive icons representing some action users might do in
a webcomponent dialog such as 'ok' or 'cancel'.
***********************************************************/
div.rdwecoInnerFrame span.rdwecoImageTextButton input.cancel {
  background-image: url(/static/js/icons/abort.gif);
}
div.rdwecoInnerFrame span.rdwecoImageTextButton span.cancel {
  background-image: url(/static/js/icons/abort.gif);
  padding: 2px 11px 0px 10px;
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.new {
  background-image: url(/static/js/icons/new.gif);
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.ok {
  background-image: url(/static/js/icons/ok.gif) ;
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.configure {
  background-image: url(/static/js/icons/image.action.config.gif);
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.back {
  background-image: url(/static/js/icons/image.action.back.gif);
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.pdf {
  background-image: url(/static/js/icons/image.mime.pdf.gif);
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.close {
   background-image: url(/static/js/icons/image.action.back.gif);
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.search {
   background-image: url(/static/js/icons/image.action.search.gif);
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.upload {
  background-image: url(/static/js/icons/folder.gif);
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.uploadImage {
  background-image: url(/static/js/icons/folder.gif);
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.refresh {
  background-image: url(/static/js/icons/image.action.refresh.gif);
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.reset {
  background-image: url(/static/js/icons/image.action.reset.gif);
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.dmcheck {
  background-image: url(/static/js/icons/image.action.dmcheck.gif);
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.edit {
  background-image: url(/static/js/icons/image.action.edit.gif);
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.addFolder {
  background-image: url(/static/js/icons/image.action.addfolder.gif);
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.addDoc {
  background-image: url(/static/js/icons/image.action.adddoc.gif);
}
div.rdwecoInnerFrame span.rdwecoImageTextButton input.details {
  background-image: url(/static/js/icons/image.action.details.gif);
}
div.rdwecoInnerFrame span.rdwecoImageButton input.plus {
  background-image: url(/static/js/icons/plus.gif) ;
  background-position: center;
  border: none;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.addAll {
  background-image: url(/static/js/icons/leftArrowAll_blue.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.add {
  background-image: url(/static/js/icons/leftArrow_blue.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.remove {
  background-image: url(/static/js/icons/rightArrow_blue.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.removeAll {
  background-image: url(/static/js/icons/rightArrowAll_blue.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.downAll {
  background-image: url(/static/js/icons/downArrowAll_blue.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.down {
  background-image: url(/static/js/icons/downArrow_blue.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.up {
  background-image: url(/static/js/icons/upArrow_blue.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.upAll {
  background-image: url(/static/js/icons/upArrowAll_blue.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.chunk05 {
  background-image: url(/static/js/icons/image.action.chunk.five.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.chunk10 {
  background-image: url(/static/js/icons/image.action.chunk.ten.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.chunk20 {
  background-image: url(/static/js/icons/image.action.chunk.twenty.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.chunk50 {
  background-image: url(/static/js/icons/image.action.chunk.fifty.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.sortAscending {
  background-image: url(/static/js/icons/image.action.sortorder.asc.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.sortDescending {
  background-image: url(/static/js/icons/image.action.sortorder.desc.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.search {
  background-image: url(/static/js/icons/image.action.search.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.refresh {
  background-image: url(/static/js/icons/image.action.refresh.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoStrippedImageButton input.plus {
  background-image: url(/static/js/icons/plus.gif) ;
  background-position: center;
}
/***********************************************************
    Navigation button background images
************************************************************
Descriptive icons usually displaying arrows of some sort.
***********************************************************/
div.rdwecoInnerFrame span.rdwecoImageButton input.first {
  background-image: url(/static/js/icons/image.action.shift.first.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.firstInactive {
  background-image: url(/static/js/icons/image.action.shift.first_inactive.gif);
  background-position: center;
  cursor: default;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.previous {
  background-image: url(/static/js/icons/image.action.shift.previous.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.previousInactive {
  background-image: url(/static/js/icons/image.action.shift.previous_inactive.gif);
  background-position: center;
  cursor: default;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.next {
  background-image: url(/static/js/icons/image.action.shift.next.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.nextInactive {
  background-image: url(/static/js/icons/image.action.shift.next_inactive.gif);
  background-position: center;
  cursor: default;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.last {
  background-image: url(/static/js/icons/image.action.shift.last.gif);
  background-position: center;
}
div.rdwecoInnerFrame span.rdwecoImageButton input.lastInactive {
  background-image: url(/static/js/icons/image.action.shift.last_inactive.gif);
  background-position: center;
  cursor: default;
}
/*------------------------------------------------------------------------------
           Form styles  -  Styles for forms displayed within web components.
--------------------------------------------------------------------------------
Forms in webcomponent dialogs consist of formBlock several DIV-elements.
------------------------------------------------------------------------------*/
/***********************************************************
    General form in inner frame
************************************************************
By default all forms in inner frame are displayed as inline
elements. This is because of navigation buttons and bottom
toolbar command buttons are sometimes contained each within
a single form, and yet they are displayed side by side.
***********************************************************/
div.rdwecoInnerFrame form {
    display: inline;
}
/***********************************************************
    A form block.
************************************************************
These  DIV-elements contain one postable piece of
information. The formBlock contains a label and a value.
The label is a key to a form value. It is always a label
element. Currently it defines a certain width so that all
value items are on the same vertical level.
Form value can be any element. It is currently unused, but
is here for furhter extension. It is set on form value
elements in the html.
Sometimes values might not have a corresponding label
element e.g. when they are mere p-elements to show some
information. In such cases a formValueNoLabel style is used
to make sure that these value elements are on the same
vertical level as the values with key labels.
A special style 'textInput' can be applied to all text
inputs and  textarea-elements to make sure all textinputs
are displayed in a uniform manner.
Error DIV-elements are to display errors. formErrorLabel
style is connected to a certain input field whereas
formGeneralErrorLabel is used to display general error in
forms. The general error label can be used in a form block
or outside it.
***********************************************************/
div.rdwecoInnerContent div.formBlock {
    margin-bottom: 16px;
    clear: both;
    position: relative;
}
div.rdwecoInnerContent div.formBlock label.formKey {
    float: left;
    width: 25%;
    font-weight: bold;
}
div.rdwecoInnerContent div.formBlock .formValue {
}
div.rdwecoInnerContent div.formBlock .formValueNoLabel {
    margin-left: 25%;
}
div.rdwecoInnerContent div.formBlock .textInput {
  font-size: 100%;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  width: 45%;
}
div.rdwecoInnerContent div.formBlock .textEditor {
  font-size: 100%;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  height: 160px;
  width: 100%;
}
div.rdwecoTextareaBox{
  width: 100%;
}
div.rdwecoInnerContent div.formErrorLabel {
  margin-left: 25%;
  color: #FF0000;
  font-size: 78%;
}
div.rdwecoInnerContent div.formGeneralErrorLabel {
  color: #FF0000;
  font-size: 78%;
}
/***********************************************************
    General form items
************************************************************
This is a group of miscellaneous styles used in or with
forms.
***********************************************************/
/*
These divs are properties of a wecomponent (such as
categories of a blog) which are added to the component.
Adding nonAddedItems is done with javascript.
*/
div.rdwecoInnerContent div.formBlock div.nonAddedItem {
    display: none;
}
/*
Simple icons are usually plus and minus images. User can
add and remove items from a list with them.
*/
div.rdwecoInnerContent img.simpleIcon {
  vertical-align: middle;
  margin-left: 4px;
  cursor: pointer;
  border: none;
}
div.rdwecoInnerContent fieldset {
    margin: 10px 0px 10px 0px;
}
/* A special style for readonly input fields. */
div.rdwecoInnerContent input.readonly {
   background: none;
   color: black;
   border: none;
   padding: 0px;
   margin: 0px;
}
/***********************************************************
    Option Transfer
************************************************************
Option transger is consists of two option lists side by side
and buttons to transfer items between the lists.
***********************************************************/
div.rdwecoInnerContent div.optionTransfer {
    float: left;
    margin-bottom: 1em;
}
div.optionTransfer label.valuesHeader {
    display: block;
    clear: both;
}
div.rdwecoInnerContent div.optionTransferButtons {
  margin-top: 30px;
}
div.optionTransferButtons div.optionTransferButton {
  padding: 0px 10px 10px 10px;
}
div.rdwecoInnerContent div.optionTransferButtonsHorizontal {
  clear: both;
  margin-left: 310px;
  margin-bottom: 12px;
}
div.optionTransferButtonsHorizontal span.optionTransferButton {
  margin-right: 4px;
}
div.optionTransfer select.values {
  width: 200px;
  height: 180px;
}
div.optionTransfer select.valuesBig {
  width: 750px;
}
/*------------------------------------------------------------------------------
           Tables
--------------------------------------------------------------------------------
There are three types of tables: info tables, action tables and history tables.
Info tables' main purpose is to list data of a certain element. There may be
links to other data. Action tables may have links which may perform actions such
as delete. Note! quite often it is the case that an action table does not have
links and is there merely to show some information. History tables show history
info.
------------------------------------------------------------------------------*/
/***********************************************************
    Info table
************************************************************
An info table is an element which holds an inner table in
each cell. The outer info table (this) is used for layout
purposes. In these inner tables the actual information is
shown. When using the info table the inner content should
be defined as rdwecoInnerTableContent instead of the usual
rdwecoInnerContent.
***********************************************************/
div.rdwecoInnerTableContent table.rdwecoInfoTable {
    width: 100%;
}
div.rdwecoInnerTableContent table.rdwecoInfoTable td {
    vertical-align: top;
    border: 1px solid #ACAAAC;
    background: #f2f2f2;
    padding: 0px;
}
/*
Inner table which actually holds the information.
*/
div.rdwecoInnerTableContent table.rdwecoInnerInfoTable {
}
div.rdwecoInnerTableContent table.rdwecoInnerInfoTable td,
div.rdwecoInnerTableContent table.rdwecoInnerInfoTable th {
  padding: 5px;
  border: none;
}
/***********************************************************
    Action table
************************************************************
Action tables are tables with links and buttons. Action
tables are most common tables in webcomponent dialogs.
Action tables have a number of special styles for dfferent
th and td elements. Usually the width of a cell changes
according it's content's purpose e.g. a cell showing a
single icon (active) is quite narrow compared to a cell
containing a description of something.
***********************************************************/
div.rdwecoInnerContent div.rdwecoActionTableContainer {
  width: 100%;
  overflow: auto;
}
div.rdwecoInnerContent table.rdwecoActionTable {
    width: 100%;
}
div.rdwecoInnerContent table.rdwecoActionTable th {
    background-color: #cdcdcd;
    padding: 3px;
    border: 1px solid #909090;
}
div.rdwecoInnerContent table.rdwecoActionTable td {
    background-color: #DBDBDB;
    padding: 3px;
    vertical-align: top;
}
div.rdwecoInnerContent table.rdwecoActionTable td.checked,
div.rdwecoInnerContent table.rdwecoActionTable th.checked {
  width: 5%;
}
div.rdwecoInnerContent table.rdwecoActionTable td.name,
div.rdwecoInnerContent table.rdwecoActionTable th.name {
    width: 20%;
    font-weight: bold;
}
div.rdwecoInnerContent table.rdwecoActionTable td.description,
div.rdwecoInnerContent table.rdwecoActionTable th.description {
    width: 50%;
}
div.rdwecoInnerContent table.rdwecoActionTable td.locale,
div.rdwecoInnerContent table.rdwecoActionTable th.locale {
    width: 10%;
}
div.rdwecoInnerContent table.rdwecoActionTable td.status,
div.rdwecoInnerContent table.rdwecoActionTable th.status {
    width: 5%;
    text-align: center;
}
div.rdwecoInnerContent table.rdwecoActionTable th.actions {
    width: 20%;
}
div.rdwecoInnerContent table.rdwecoActionTable td.actions a {
  margin-right: 4px;
}
div.rdwecoInnerContent table.rdwecoActionTable img.tableIcon {
  border: none;
  padding-left: 4px;
}
div.rdwecoInnerContent table.rdwecoHistory {
    width: 80%;
    border: none;
}
/*------------------------------------------------------------------------------
           Web component specific styles
--------------------------------------------------------------------------------
Individual webcomponents may introduce their own styles. These styles are listed
here.
------------------------------------------------------------------------------*/
/***********************************************************
    Comments
************************************************************
When comments are displayed as a list, these styles apply.
***********************************************************/
div.rdwecoInnerContent ul.rdwecoCommentList {
  margin-left: 0;
  padding: 0;
  list-style-type: none;
}
div.rdwecoInnerContent ul.rdwecoCommentList li {
  display: block;
  padding: 3px 5px 10px 0px;
  margin: 0px;
  background: #FFFFFF;
}
div.rdwecoInnerContent ul.rdwecoCommentList li.odd {
}
div.rdwecoInnerContent ul.rdwecoCommentList li.even {
  background: #DEDEDE;
}
div.rdwecoInnerContent ul.rdwecoCommentList li span {
    padding: 0px 8px;
}
div.rdwecoInnerContent ul.rdwecoCommentList li span.important {
  font-weight: bold;
}
div.rdwecoInnerContent ul.rdwecoCommentList li a.more {
  text-decoration: none;
  color: #325A82;
  font-weight: bold;
}
div.rdwecoInnerContent ul.rdwecoCommentList div.commentText {
  padding: 10px 10px;
}
/* This style applies to the content of a comment. */
div.rdwecoInnerContent ul.rdwecoCommentList div.commentText p {
  padding: 5px 0px;
}
/***********************************************************
    Wiki Page Editor
************************************************************/
/* This style is used to display a message to the editor (or admin)
   that there are unreleased changes in a wiki page. */
div.rdwecoInnerFrame div.rdwecoWikiUnreleasedChanges {
    clear: both;
    background-color: red;
    color: white;
    font-weight: bold;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 2px 2px 2px 2px;
    margin: 0px 8px 0px 8px;
}
/***********************************************************
    Wiki version difference
************************************************************
Wiki page editor version difference styles. The difference
page can be divided into to sub sections: meta and the
difference infromation.
The meta section shows infromation about compared versions
and displays color codes for differences found between the
versions.
The information section display the differences between
versions. (Note! differences might use styles defined in
the meta section to show detailed infromation about a
single difference e.g. the rdwecoLegend styles which have a
certain color coding).
***********************************************************/
/* Meta section. */
table.rdwecoVersionDiffTable {
  vertical-align: bottom;
  width: 100%;
}
table.rdwecoVersionDiffTable table {
  margin-left: auto;
  margin-right: auto;
}
table.rdwecoVersionDiffTable td.rdwecoLegendDiff {
  border: 1px solid #000;
  width: 14px;
  height: 14px;
  margin: 2px 5px 0 0;
}
.rdwecoLegendUnchanged {
  background-color: #ffffff;
}
.rdwecoLegendChangedNew {
 background-color: #ddffdd;
}
.rdwecoLegendChangedOld {
 background-color: #ffdddd;
}
.rdwecoLegendAdded {
  background-color: #7ee44b;
}
.rdwecoLegendRemoved {
  background-color: #f37458;
}
table.rdwecoVersionDiffTable td.rdwecoDiffNew {
  text-align: left;
}
table.rdwecoVersionDiffTable td.rdwecoDiffOld {
  text-align: left;
}
table.rdwecoVersionDiffTable table.rdwecoDiff {
  background-color: #ffffff;
  width: 210px;
  border: 1px solid #cccccc;
  font-weight: bold;
  border-collapse: collapse;
  text-align: left;
}
table.rdwecoVersionDiffTable table.rdwecoDiffNew {
  float: center;
}
table.rdwecoVersionDiffTable table.rdwecoDiffOld {
  float: center;
}
table.rdwecoVersionDiffTable table.rdwecoDiff th.rdwecoDiffTitle {
  font-size: 1.5em;
  text-align: center;
  padding: 4px;
  border-bottom: 1px solid #cccccc;
  font-weight: normal;
}
table.rdwecoVersionDiffTable table.rdwecoDiff th.rdwecoDiffTitleOld {
  background-color: #ffdddd;
}
table.rdwecoVersionDiffTable table.rdwecoDiff th.rdwecoDiffTitleNew {
  background-color: #ddffdd;
}
table.rdwecoVersionDiffTable table.rdwecoDiff td.rdwecoDiffAuthor {
  padding-top: 10px;
}
table.rdwecoVersionDiffTable table.rdwecoDiff td.rdwecoDiffChangedAt {
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
table.rdwecoVersionDiffTable table.rdwecoDiff td.rdwecoDiffNavButton {
  width: 25%;
  text-align: center;
  border-right: 1px solid #cccccc;
}
/* Difference section. */
div.rdwecoDiffShowVersion {
  background-attachment: scroll;
  overflow-x: scroll;
  overflow-y: scroll;
  width: 100%;
  background-color: #f2f2f2;
}
div.rdwecoDiffShowVersion ol {
  list-style-type: decimal;
  margin: 0px;
  margin-left: 35px;
  padding: 0px;
  line-height: 1.3em;
}
div.rdwecoDiffShowVersion li {
  border-bottom: 1px solid #CCC;
  padding: 0px;
  margin: 0px;
  background-color: #FFF;
}
div.rdwecoDiffShowVersion li p {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
}
/***********************************************************
    Wiki Search
************************************************************
Wiki search module styles. Defines:
-Alphapetical search styles.
***********************************************************/
div.rdwecoInnerContent div.rdwecoAlphapeticalList {
  overflow: auto;
  padding-bottom: 30px;
  text-align: center;
  width: 95%; /* Quick fix to prevent the alphabetical list from overflowing on IE6. */
}
div.rdwecoInnerContent  div.rdwecoAlphapeticalList a {
  float: left;
  text-decoration: none;
  width: 1.1em;
  background: #f2f2f2;
  border: 1px solid #CCC;
  text-transform: uppercase;
  text-align: center;
  padding: 1px 6px;
  margin: 0 2px 2px 0;
}
div.rdwecoInnerContent  div.rdwecoAlphapeticalList a.active {
  background-color: #F5F5DC;
}
div.rdwecoInnerContent  div.rdwecoAlphapeticalList a:hover {
  background: #FFF;
}
/***********************************************************
    Wiki Thread
************************************************************
Forum Thread styles.
***********************************************************/
div.rdwecoForumItem {
  border: 1px solid #999999;
  width: 100%;
  padding: 0px;
  margin-top: 25px;
}
div.rdwecoForumItem  div.rdwecoForumItemProperties {
  border-bottom: 1px solid #999999;
}
div.rdwecoForumItem  div.rdwecoForumItemToolBar {
  border-bottom: 1px solid #999999;
  background-color: #F1F1F1;
}
div.rdwecoForumItem  div.rdwecoForumItemToolBar a {
  margin-right: 15px;
  font-family: sans-serif;
}
div.rdwecoForumItem  div.rdwecoForumItemText {
  margin: 10px 5px 20px 5px;
}
div.rdwecoForumItem table.rdwecoForumItemContent {
  width: 100%;
  border-collapse: collapse;
}
div.rdwecoForumItem  table.rdwecoForumItemContent td{
  vertical-align: top;
}
div.rdwecoForumItem  table.rdwecoForumItemContent td.avatar {
  width: 40px;
  vertical-align: top;
  border-right: 1px solid #999999;
}
/* The attachemt DIV-element for a single comment or an answer. */
div.rdwecoForumItem div.rdwecoForumItemAttachments {
  padding: 3px;
  border-top: 1px solid #999999;
  background-color: #F1F1F1;
}
div.rdwecoForumItem div.rdwecoForumItemAttachments span.rdwecoForumAttachmentLabel {
  font-weight: bold;
}
div.rdwecoForumItem div.rdwecoForumItemAttachments img.simpleIcon {
  margin-right: 15px;
}
/**********************************************************
    Category Tree
 **********************************************************
  styles for rendering a collapsable tree structure with
  an arbitrary number of levels
 **********************************************************/
div.rdwecoNavigationTree {
  margin: 0;
  padding: 0;
}
div.rdwecoNavigationTree.left {
  width: 15em;
}
div.rdwecoNavigationTree div.root {
  margin: 0;
  padding: 2px 0 0 20px;
  background: transparent url(/static/js/icons/project_thmb.gif) 0 0 no-repeat;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
}
div.rdwecoNavigationTree ul {
  border-left: 1px solid #9a9a99;
  margin-top: 0;
  margin-left: 8px;
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
}
div.rdwecoNavigationTree li {
  margin: 0 0 0 -9px;
  padding: 6px 0 0 22px;
  display: block;
  background: transparent url(/static/js/icons/imageLineMiddleRight.gif) 0 0 no-repeat;
}
div.rdwecoNavigationTree a.closed {
  float: left;
  margin: 0px 0 0 -18px;
  background: transparent;
  text-decoration: none;
}
div.rdwecoNavigationTree a.closed img {
  margin-top: 9px;
}
div.rdwecoNavigationTree p.categoryName {
  margin: 0;
  padding: 0;
  display: inline;
  line-height: 2em;
}
div.rdwecoNavigationTree p.categoryName a {
  padding: 0px 0 0px 23px;
  margin: 0px 0 0px -2px;
  background: transparent url(/static/js/icons/folder.gif) 0 0px no-repeat;
  color: #325a82;
  font-weight: bold;
  text-decoration: none;
}
div.rdwecoNavigationTree span.categoryDescption {
  margin: 0;
  padding: 0 0 0 5px;
  display: inline;
}
div.rdwecoNavigationTree a.open {
  float: left;
  margin: 0px 0 0 -18px;
  border-left: none;
  background: transparent;
  text-decoration: none;
}
div.rdwecoNavigationTree a.open img {
  margin-top: 9px;
}
div.rdwecoNavigationTree li.open li span {
  border-left: none;
}
div.rdwecoNavigationTree li.last {
  background: url(/static/js/icons/imageLineLast.gif) #f1f1f1 0 0 no-repeat;
}
div.rdwecoNavigationTree li.last a.closed img {
  margin-top: 9px;
}
div.rdwecoNavigationTree li p,
div.rdwecoNavigationTree li span {
  padding: 5px 0 0 25px;
  margin: 0;
  border-left: none;
  display: inline;
  overflow: hidden;
}
div.rdwecoNavigationTree li div {
  padding: 0 0 0 25px;
  margin: 0;
  display: block;
  background: transparent url(/static/js/icons/folder.gif) 0 0 no-repeat;
  font-weight: bold;
}
div.rdwecoNavigationTree .categoryActions {
  margin: 0;
  padding: 0 0 0 5px;
  display: inline;
}
div.rdwecoNavigationTree span.categoryActions a.iconLinkDelete {
  border: none;
  padding: 0 6px;
  margin: 0 1px 0 0;
  background: transparent url(/static/js/icons/abort.gif) 0 1px no-repeat;
  color: #325a82;
  text-decoration: none;
}
div.rdwecoNavigationTree span.categoryActions a.iconLinkNewSubcategory {
  border: none;
  padding: 0 6px;
  margin: 0 1px 0 0;
  background: transparent url(/static/js/icons/new.gif) 0 1px no-repeat;
  color: #325a82;
  text-decoration: none;
}
/******************************************************************************
    Category Tree
 ******************************************************************************
    additional separate formatting options for categorytree.modTopLevelList
 ******************************************************************************/
div.rdwecoInnerContent .rdwecoCategoryTreeTopLevel {
}
div.rdwecoInnerContent .rdwecoCategoryTreeTopLevel .list {
}
div.rdwecoInnerContent .rdwecoCategoryTreeTopLevel .dropdown {
}
/******************************************************************************
    Category Tree
 ******************************************************************************
    additional separate formatting options for categorytree.modChildList
 ******************************************************************************/
div.rdwecoInnerContent ul.rdwecoCategoryTreeChildLevel {
}
/******************************************************************************
    Category Tree
 ******************************************************************************
    additional separate formatting options for categorytree.modCategoryTree
 ******************************************************************************/
div.rdwecoInnerContent .rdwecoCategoryTree {
}
div.rdwecoInnerContent .rdwecoCategoryTree .list {
}
div.rdwecoInnerContent .rdwecoCategoryTree .dropdown {
}
/******************************************************************************
    Webcomponent constraint wizard
 ******************************************************************************
   Specific style for use of the constraint wizard in webcomponents.
 ******************************************************************************/
div.rdwecoInnerFrame div.rdwecoConstraintWizardToolBar {
  background-color: white;
  border:none;
  clear: both;
  height: 20px;
  text-align: right;
  padding: 8px 10px;
  margin: 0px;
}
div.rdwecoInnerFrame div.rdwecoConstraintWizardToolBar span.rdwecoImageTextButton {
  margin-left: 5px
}
table.rdwecoConstraintWizardPanel {
  border: 1px solid #ADAAAD;
}