/* --------------------Recommendations---------------------------
 *   * alphabetical order for the proprieties
 *     * 2 spaces indentation for the proprieties
 *     -------------------------------------------------------------- */

/* @group RESET */
/* --------------------------------------------------------------
 *   * Resets default browser CSS styles.
 *     * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 *     -------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        border: 0;
        font-family: inherit;
        font-size: 100%;
        font-style: inherit;
        font-weight: inherit;
        margin: 0;
        outline: 0;
        padding: 0;
        text-align: inherit;
        line-height: normal;
}

/* @group STANDARD */
/* --------------------------------------------------------------
 *   * Sets the styles for standard HTML elements
 *   -------------------------------------------------------------- */
#body {
        background-color: #E3DFDC;
        color: #454545;
        /*font-family: Crimson Text;*/
        font-family: 'Open Sans', sans-serif;
        font-size: 92.5%; /* 10px */
        min-width: 970px;
        vertical-align: baseline;
}

a:link, a:active, a:visited {
        color: #A6321E;
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
}

a img {
        border: 0;
}

h1, h2, h3, h4 , h5, h6 {
        border-bottom: 1px dotted #E3DFDC;
        color: #1A1A1A;
        display: block;
        font-weight: 400;
        line-height: 1.2em;
        margin: 20px 0;
        overflow: hidden;
}
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
        line-height: 1.2em;
}
/* Font size for Hn is 1.1^(7-n) */
h1 {
        font-size: 1.77em;
}

h2 {
        font-size: 1.61em;
}

h3 {
        font-size: 1.46em;
}

h4 {
        font-size: 1.33em;
}

h5 {
        font-size: 1.21em;
}

h6 {
        font-size: 1.1em;
}

p {
        line-height: 1.4em;
        margin: .5em 0;
}
table p:first-child {
        margin-top: 0;
}
table p:last-child {
        margin-bottom: 0;
}
p * {
        line-height: 1.4em;
}

ol {
        margin: 0 0 0 2em;
}

ul {
        list-style-type: circle;
        margin: 0 0 0 2em;
}

strong {
        font-weight: 700;
}

em {
        font-style: italic;
}

tt {
        font-family: monospace;
}

blockquote {
        background: #E3DFDC none repeat scroll 0 0;
        border-left: 2px solid #E3DFDC;
        display: block;
        padding: .3em 0 0 1em;
        quotes: none;
}

li > dl, dt > dl, dd > dl {
        margin-left: 2em;
}

dt {
        font-style: normal;
        font-weight: 700;
        margin: 10px 0 0;
}

input[type="text"], input[type="password"] {
        background-color: #FFFFFF;
        background-color: #FFFFFF;
        border: 1px solid #E3DFDC;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0px 1px 2px #E3DFDC;
        color: #454545;
}
::-webkit-input-placeholder {
        color: #656565 !important;
}
:-moz-placeholder {
        color: #656565 !important;
}
:-ms-placeholder {
        color: #656565 !important;
}
/* Duplicated because IE6 chokes on the first two selectors. Don't recombine! */
textarea, select {
        background-color: #FFFFFF;
        background-color: #FFFFFF;
        border: 1px solid #E3DFDC;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0px 1px 2px #E3DFDC;
        color: #454545;
}
textarea {
        max-width: 100%; /* Prevent resizing beyond the visible area in modern browsers */
}
input, textarea {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: .3em;
}
/* IE7 will shrink floated textareas continuously if we set a max-width,
 *    since 100% max-width is computed within the border, while the current width includes the border.
 *       Disable it since anyway it doesn't support native textarea resizing. */
*+html textarea {
        max-width: none;
}

/* Wikiderm specific settings */
p.Eintrag-0 { font-family: Crimson Text; color: #1A1A1A;}
p.Eintrag-1  { font-family: Crimson Text; color: #1A1A1A;}

div.tooltip { color: #454545 !important; background-color: #ECE5E3 !important; }

/* -----------------------Tables-------------------------*/
table {
        border-collapse: collapse;
        vertical-align: middle;
}
thead, tbody, tfoot {
        /* Override default browser styles. */
        vertical-align: inherit;
}

caption, th, td {
        font-size: 1em;
}

th {
        background-color: #E3DFDC;
        font-weight: 700;
}

table pre {
        white-space: pre-wrap;
}

/* @group XWIKI */
/* --------------------------------------------------------------
 *   * XWiki Specific classes
 *   -------------------------------------------------------------- */
tt.wikimodel-verbatim {
        font-family: sans-serif;
        white-space: pre-wrap;
}
/* Reset for verbatim inside monospace */
tt .wikimodel-verbatim {
        font-family: monospace;
}

/* -----------------------Tables-------------------------*/
.xwikidatatable {
        width: 99%;
}

.main table {
        margin: 1em 1px;
}

.main th, .main td,
.wiki-table th, .wiki-table td {
        border: 1px solid #E3DFDC;
        padding: 3px 4px;
}

/* -----------------Non Existing Links-------------------*/
/* xwiki/2.0 create links */
span.wikicreatelink a {
        text-decoration: underline;
}
span.wikicreatelink a:after {
        /* Let's make a nice rounded question mark */
        content: "?";
        text-decoration: none;
        font-size: 80%;
        font-weight: 900;
        /* Contrast with the link text */
        color: #FFFFFF;
        background-color: #A6321E;
        /* Leave a bit of distance from the text */
        margin-left: 0.1em;
        /* Make it round */
        padding: 0 0.3em;
        /* 1.2em is the standard line height */
        border-radius: 1.2em;
        /* Raise the box with the standard text depth, so that it sits right on the line */
        vertical-align: 0.2em;
}
/* xwiki/1.0 create links */
.wikicreatelinktext {
        text-decoration: underline;
}

.wikicreatelinkqm {
        font-size: 80%;
        font-weight: 900;
        /* Contrast with the link text */
        color: #FFFFFF;
        background-color: #A6321E;
        /* Leave a bit of distance from the text */
        margin-left: 0.1em;
        /* Make it round */
        padding: 0 0.3em;
        /* 1.2em is the standard line height */
        border-radius: 1.2em;
}

/* ---------------------Lists----------------------------*/
.main ol, .main ul {
        line-height: 1.4em;
        list-style-position: inside;
        margin: 1em 0 1em 2em;
}
.main ol *, .main ul * {
        line-height: 1.4em;
}
.main ol ol, .main ul ul {
        margin-bottom: 0;
        margin-top: 0;
}

/* ---------------------Headers--------------------------*/
.edit_section {
        display: block;
        height: 24px;
        line-height: 24px;
        margin: -19px 0 0;
        overflow: hidden;
        position: relative;
        visibility:hidden;
}

.edit_section a {
        background: transparent url("/resources/icons/xwiki/edit%2Dsection.png") no-repeat left top;
        height: 20px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        right: 0;
        text-indent: -1000em;
        top: 0;
        visibility:visible;
        width: 20px;
}

/* -----------------General Elements---------------------*/
.clearfloats {
        clear: both;
        height: 1px;
        margin: -1px 220px 0;
        overflow: hidden;
}

.hidden {
        display: none !important;
}

.invisible {
        visibility: hidden !important;
}

.loading {
        background: transparent url("/resources/icons/xwiki/spinner.gif") no-repeat center;
}

.separator {
        color: #656565;
}

.column {
        float: left;
}
.full {
        /* Leave a bit of space for borders. */
        width: 99.8%;
}
.half {
        /* Rounding errors with 50%, might end up with one more pixel which pushes the column down. */
        width: 49.9%;
}
.third {
        /* Rounding errors with 33.3%, might end up with one more pixel which pushes the column down. */
        width: 33.2%;
}

.avatar_30 {
        max-width: 30px;
        max-height: 30px;
}
* html .avatar_30 {
        *   width: 30px;
        *   }
        *   .avatar_50 {
                *     max-width: 50px;
                *       max-height: 50px;
                *       }
                *       * html .avatar_50 {
                        *         width: 50px;
                        *         }
                        *         .avatar_120 {
                                *           max-width: 120px;
                                *             max-height: 120px;
                                *             }
                                *             * html .avatar_120 {
                                        *               width: 120px;
                                        *               }
                                        *               th.avatar {
                                                *                 width: 50px;
                                                *                 }
                                                *
                                                */* @group VIEW LAYOUT */
                                                /* --------------------------------------------------------------
                                                 *   * Layout elements for Colibri skin in view mode
                                                 *   -------------------------------------------------------------- */
/* ----------------------Header--------------------------*/
#headerglobal {
        background: #E3DFDC  center no-repeat;
        clear: both;
        margin-bottom: 0px;
        width: 100%;
        position: relative;
}

#companylogo {
        margin: auto;
        width: 1045px;
}

#companylogo a img {
        float: left;
        width: 610px;
        margin: 0px 0px 0px 223px;
}

#globallinks {
        float: right;
        padding: 8px 20px 8px 0px;
        width: 170px;
}

.globalsearch {
        text-align: right;
}

.globalsearch input {
        display: inline;
        vertical-align: middle;
}

.globalsearchinput {
        min-height: 16px;
        padding: 2px 18px 2px 2px;
        width: 168px;
}

.globalsearch input.button , .globalsearch input.button:hover{
        background-color: #FFFFFF;
        background-image: none;
        border: 0;
        height: 16px;
        margin: 0 2px 0 -18px;
        padding: 0;
        width: 16px;
}

#headerlanguages {
        display: block;
        padding-top: 4px;
        text-align: right;
}

#headerlanguages a {
        background: #E1D9D6;
        border-radius: 4px;
        color: #454545;
        display: inline-block;
        margin: 2px;
        padding: 2px 4px;
}

.language-current {
        font-weight: 700;
        background: #FFFFFF !important;
        color: #1A1A1A !important;
}

.language-default {
        font-style: italic;
}

/* ----------------------Content-------------------------*/
#xwikimaincontainerinner {
        background: #E3DFDC  ;
        clear: both;
        height: 100%;
        text-align: left;
}

#contentcontainer {
        clear: both;
        min-width: 1050px;
}

.leftsidecolumns, #contentcolumn {
        float: left;
        width: 100%;
}

.main {
        margin: 0 200px;
        padding: 0 25px 25px;
        min-width: 600px;
}

#body.hideleft #contentcolumn .main {
        margin: 0 200px 0 0;
}

#body.hideright #contentcolumn .main {
        margin: 0 0 0 200px;
}

#body.hidelefthideright #contentcolumn .main {
        margin: 0;
}

#body.content #contentcolumn .main {
        margin: 0 200px;
}

#mainContentArea, #mainEditArea  {
        background: #FFFFFF;
        overflow: auto;
        padding: 10px 25px;
}

#xwikicontent {
        clear: both;
        overflow: auto;
        width: 100%;
}

.wiki-code {
        width: 100%;
        height: 300px;
        overflow: auto;
}

/* -----------------Top Doc Information------------------*/
#hierarchy {
        font-size: 90%;
        padding-top: 15px;
}

#document-title h1 {
        font-size: 2.15em;
        letter-spacing: -1px;
        margin: 0;
        padding: 5px 0;
}

#document-info {
        color: #1A1A1A;
        font-size: 90%;
        padding: 3px 0 1em;
        text-align: right;
        display: none;
}

.xdocLastModification {
        float: left;
        text-align: left;
        width: 48%;
}

/* ---------------Bottom Doc Information------------------*/
#xdocFooter {
        background-color: #FFFFFF;
        border-top: 1px solid #E3DFDC;
        color: #1A1A1A;
        font-size: 90%;
        overflow: auto;
        padding: 5px 25px 10px;
        width: auto;
        display: none;
}

#xdocAuthors {
        padding: 3px 0;
        text-align: right;
        display: none;
}

/* --------------------Doc Extra Tabs--------------------*/
#docextraanchors {
        height: 2em;
}

.active .itemCount, .itemCount {
        color: #656565;
}

#docextrapanes {
        background-color: #FFFFFF;
        border: none;
        overflow: auto;
        padding: 20px 25px 10px;
}

.xwikiintracontent fieldset {
        margin: 10px 0 0;
        padding: 8px 8px 8px 0;
}

.xwikiintracontent legend {
        color: #1A1A1A;
        font: 700 1.2em / 1.4em sans-serif;
        letter-spacing: .1em;
}

.noitems {
        color: #656565;
        font-size: .9em;
}

/* -----------------Tabs------------------*/
ul.xwikitabbar {
        background-color: #E1D9D6;
        margin: 0;
        padding: 3px 0 0 15px;
}

.xwikitabbar li {
        display: inline-block;
        height: 20px;
        line-height: 20px;
        list-style-type: none;
        margin-right: 5px;
}

.xwikitabbar li a, .xwikitabbar li a:visited, .xwikitabbar li a:active{
        color: #454545;
        display: inline-block;
        font-size: .8em;
        font-weight: 700;
        height: 20px;
        line-height: 20px !important;
        padding: 0 10px;
        text-transform: uppercase;
}

.xwikitabbar li.active a, .xwikitabbar li.active a:active, .xwikitabbar li.active a:visited {
        background: #FFFFFF;
        color: #1A1A1A;
        cursor: default;
        text-decoration: none;
        text-shadow: none;
}

/* ----------------History----------------*/
#historyform .currentversion td {
        background-color: #E3DFDC;
}

#historyform  th {
        border: 0;
        border-bottom: 1px solid #E3DFDC;
        font-size: .8em;
        padding: 3px 4px;
        text-transform: uppercase;
}

#historyform td{
        border: 0;
        border-bottom: 1px solid #E3DFDC;
        color: #1A1A1A;
        font-size: .85em;
        padding: 3px 4px;
}

div.buttonwrapper {
        display: inline;
}

/* ----------------Changes----------------*/
#changes-info {
        background: #E3DFDC;
        color: #1A1A1A;
        font-size: .9em;
        text-align: center;
        position: relative;
}
/* Create a theme-able arrow using CSS generated divs */
/* Special rules for IE6/7 in ie-all.css */
#changes-info:before, #changes-info:after {
        content: "";
        display: block;
        position: absolute;
}
#changes-info:before {
        top: 3em;
        right: 50%;
        width: 2em;
        height: 2em;
        background: #FFFFFF;
}
#changes-info:after {
        top: 2em;
        left: 50%;
        border-left: 3em solid #FFFFFF;
        border-top: 2em solid transparent;
        border-bottom: 2em solid transparent;
}

#changes-info-boxes {
        line-height: 1.4em;
        padding: 1.5em 0 0;
        /* Ensure that the text stays above the arrow */
        position: relative;
        z-index: 1;
}
#changes-info-boxes * {
        line-height: 1.4em;
}
#changes-info-box-from {
        float: left;
        width: 49%;
}

#changes-info-box-to {
        margin-left: 51%;
}
/* Special rule for IE7 in ie-all.css */

.changes-info-title {
        font-size: 1.4em;
        font-weight: 700;
}

#changes-info-comment {
        padding: 1.5em 0 1em;
}

/* --------------Information--------------*/
#informationcontent dd {
        padding: 0 1em 1em;
}

#informationcontent dt {
        font-size: .8em;
        text-transform: uppercase;
}

/* ----------------------Footer--------------------------*/
#footerglobal hr {
        display: none;
}

#footerglobal {
        clear: both;
        color: #1A1A1A;
        font-size: .7em;
        margin: 0 225px;
        padding: 0 0 25px;
        text-align: center;
        text-transform: uppercase;
}

#body.hideleft #footerglobal{
        margin: 0 225px 0 0;
}

#body.hideright #footerglobal {
        margin: 0 0 0 225px;
}

/* @group EDIT LAYOUT  */
/* --------------------------------------------------------------
 *   *  Layout elements for Colibri skin in edit mode
 *   -------------------------------------------------------------- */
.alleditcontent {
        margin: 0 25px 25px 20px;
}
.editor-wiki .alleditcontent, .editor-wysiwyg .alleditcontent {
        margin-right: 225px;
}

.alleditcontent label {
        display: block;
        font-size: .85em;
        font-weight: 700;
        margin: 10px 0 4px;
        text-transform: uppercase;
        color: #656565;
}

#xwikidoctitleinput, .alleditcontent #parentinput input {
        width: 99.8%;
}

.inlinebody #hierarchy, .editbody #hierarchy {
        display: inline-block;
        border-right: 1px solid #FFFFFF; /* Fixes an IE8 layout issue */
}

/* "Edit parent" icon */
.edit-meta-tools {
        display: inline-block;
        vertical-align: middle;
}
#mainEditArea:target #hierarchy, #mainEditArea:target .edit-meta-tools,
#mainContentArea:target #hierarchy, #mainContentArea:target .edit-meta-tools {
        display: none;
}
.edit-meta-tools a {
        display: block;
        width: 16px;
        height: 16px;
        overflow: hidden;
        text-indent: -9999px;
        background: transparent none left top no-repeat;
        margin-left: 4px;
}
.edit-meta-tools a.edit-parent {
        background-image: url("/resources/icons/xwiki/parent_edit.gif");
}
.edit-meta-tools a.hide-edit-parent {
        background-image: url("/resources/icons/silk/chart_organisation.png");
}

/* Parent editing area */
#mainEditArea #parentinput, #mainContentArea #parentinput {
        display: none;
        background: #E3DFDC;
        padding: 4px 12px;
        margin: 0 -12px 8px -12px;
        font-size: 90%;
}
/* Don't combine the following two rules, otherwise IE will fail to recognize either of them */
#mainEditArea:target #parentinput, #mainContentArea:target #parentinput {
        display: block;
}
#mainEditArea #parentinput.active, #mainContentArea #parentinput.active {
        display: block;
}
#parentinput label {
        margin: 0;
}
#parentinput input {
        color: #A6321E;
}

.inlinebody dt {
        font-size: .85em;
        text-transform: uppercase;
}

/* @group EDITORS  */
/* --------------------------------------------------------------
 *   * These classes should be moved in proper editor css files
 *   -------------------------------------------------------------- */
/* --------------------Wiki Editor-----------------------*/
.leftmenu2 { /* TODO rename */
        background-color: #f0f0ee;
        padding: 2px;
}

.leftmenu2 a img {
        margin: 2px;
}

#xwikieditcontentinner {
        border: 1px solid #E3DFDC;
}

#xwikieditcontentinner textarea#content {
        border: 0;
        padding: 0;
        width: 100%;
}

/* --------------Old WYSYWYG Editor----------------------*/
/* Should be in editor_ui.css */
iframe.mceEditorIframe, .mceEditor {
        width: 100% !important;
}

.mceEditor td {
        padding:0;
}

.mceEditorContainer {
        display: block;
        height: 100% !important;
        position: relative;
        width: 100%;
}

#body.mceContentBody {
        background: #FFFFFF;
        min-width: 100px;
}

/* ----------------New WYSYWYG Editor--------------------*/
/* Should be in Wysiwyg.css */
table.xRichTextEditorTabPanel td {
        background-color: #FFFFFF;
}

/* Should be in RichTextArea.css - for table resizing */
#body.main table {
        margin: 0;
}

.wikimodel-emptyline {
        height: 1em;
}

.xwikirenderingerror {
        background: #E3DFDC url("/resources/icons/silk/exclamation.png") no-repeat 8px 50%;
        border: 1px dotted #E3DFDC;
        color: #CC3333;
        display: block;
        padding: 2px 28px;
}

.xwikirenderingerrordescription {
        border: 1px dotted #E3DFDC;
        border-width: 0 1px 1px;
        clear: both;
        display: block;
        font-size: 90%;
        margin: 0 0 4px;
        overflow: auto;
        padding: 4px 28px;
}

/* ----------------Objects Editor------------------------*/
/* Should be in dataeditors.css - added dt, div */
#body #xwikiobjects dt label, #body #xwikiclassproperties dt label {
        color: #1A1A1A;
        font-size: 1.1em;
        font-weight: 400;
}

div.xobject-content dt, div.xproperty-content dt{
        margin: 0;
}

/* For TagClass */
div#xwikiobjects input[type="checkbox"], div#xwikiclassproperties input[type="checkbox"] {
        width: auto;
}

.xwiki-form-listclass {
        display: block;
}

/* @group MENU */
/* --------------------------------------------------------------
 *   * Action Menu elements
 *   -------------------------------------------------------------- */

/* Menus z-indexes */
#mainmenu, #mainmenu.submenu, #maineditmenu, #maineditmenu.submenu {
        z-index: 1000;
}

#contentmenu, #contentmenu.submenu, #contenteditmenu, #contenteditmenu.submenu {
        z-index: 999;
}

/* Main menu */
#mainmenu {
        min-width: 970px;
        overflow: visible;
}

/* Main edit menu */
#maineditmenu {
        color: #454545;
        text-align: center;
}

#maineditmenu a {
        display: inline;
        float: none;
}

#maineditmenu .topmenuentry , #maineditmenu .tmetype {
        float: none;
}

/* General */
.actionmenu {
        background-color: #E1D9D6;
        height: 1.6em;
        min-height: 22px;
        position: relative;
        left: 0;
        top: 0;
        z-index: 999;
}

.actionmenu .submenu {
        background: #E1D9D6;
        display: block;
        padding: 5px 5px 5px 10px;
        position: absolute;
        width: auto;
}

.leftmenu {
        position: absolute;
        left: 0;
        padding-left: 25px;
}

.rightmenu {
        position: absolute;
        right: 0;
        padding-right: 10px;
}

.topmenuentry {
        cursor: default;
        display: block;
        float: left;
        height: 1.6em;
        margin-right: 5px;
        min-height: 22px;
}

.rightmenu .topmenuentry {
        float: right;
}

.submenu .submenuseparator {
        border-top: 1px solid #656565;
        display: block;
        line-height: 1px;
        margin: 7px 5px 7px 0;
}

.actionmenu .hasIcon {
        background: no-repeat 0px 3px;
        padding: 0;
}

.tme-extensible {
        display: block;
}

.tmetype{
        color: #454545;
        float: left;
        font: normal normal 700 0.8em/1.8em sans-serif;
        padding: 2px 5px 0 20px;
        text-transform: uppercase;
}

.menuarrow {
        color: #454545;
        font-size: .8em;
        line-height: 1.9em;
        margin-right: 10px;
}

.topmenuentry .separator {
        display: inline-block;
        font-size: .85em;
        line-height: 1.8em;
        margin: 0 3px 0 -3px;
}

/* Links */
.actionmenu a, .actionmenu a:visited {
        /*color: #454545;*/
        display: block;
        float: left;
        font: normal normal 700 0.8em/1.8em sans-serif;
        margin-right: -5px;
        padding: 2px 10px 0 0;
        width: auto;
        white-space: nowrap;
        text-transform: uppercase;
}

.actionmenu a:link, .actionmenu a:visited  {
        cursor: pointer;
}

.actionmenu .hasIcon a.tme {
        padding-left: 20px;
}

.actionmenu .hasIcon a.hastype, .actionmenu a.hastype {
        padding-left: 0;
        text-transform: none;
}

.actionmenu a.hastype strong {
        font-weight: 400;
}

.actionmenu a strong {
        line-height: 1.8em;
}

.dropdownnolink a.tme:hover {
        text-decoration: none;
}

#actionmenu .rightmenu .submenuitem a {
        text-align: right;
        width: auto;
}

.submenuitem a {
        background: no-repeat 0;
        height: 16px;
        line-height: 20px;
        margin-bottom: 4px;
}

.actionmenu .submenuitem a, .actionmenu .submenuitem a:link, .actionmenu .submenuitem a:visited, .actionmenu .submenuitem a:active {
        float: none;
        font-weight: normal;
        height: auto;
        line-height: 1.2em;
        min-height: 14px; /* Make sure the menu icons fit */
        padding: 2px 20px 0;
        text-align: left;
        text-transform: none;
}

.actionmenu .tmCreate {
        background-color: #A6321E;
        margin-right: 2em;
        padding-left: 10px;
        position: relative;
}

.actionmenu .tmCreate a.tme, .tmCreate .menuarrow  {
        color: #FFFFFF;
}

.tmCreate .submenu {
        margin-left: -15px;
}

/* Icons */
.actionmenu .tmCreate {
        background-image: url("/resources/icons/silk/add.png");
        background-position:  10px 3px;
        background: url("/resources/icons/silk/add.png") 10px 3px no-repeat, -webkit-linear-gradient(to top, rgba(236,236,236,0.3) 0%, rgba(236,236,236,0) 30%, rgba(20,20,20,0) 70%, rgba(20,20,20,0.2) 100%) top #A6321E;
        background: url("/resources/icons/silk/add.png") 10px 3px no-repeat, -moz-linear-gradient(bottom, rgba(236,236,236,0.3) 0%, rgba(236,236,236,0) 30%, rgba(20,20,20,0) 70%, rgba(20,20,20,0.2) 100%) top #A6321E;
        background: url("/resources/icons/silk/add.png") 10px 3px no-repeat, -o-linear-gradient(bottom, rgba(236,236,236,0.3) 0%, rgba(236,236,236,0) 30%, rgba(20,20,20,0) 70%, rgba(20,20,20,0.2) 100%) top #A6321E;
        background: url("/resources/icons/silk/add.png") 10px 3px no-repeat, linear-gradient(bottom, rgba(236,236,236,0.3) 0%, rgba(236,236,236,0) 30%, rgba(20,20,20,0) 70%, rgba(20,20,20,0.2) 100%) top #A6321E;
}

.actionmenu .tmWiki {
        background-image: url("/resources/icons/silk/world.png");
}

.actionmenu .tmAdminWiki {
        background-image: url("/resources/icons/silk/wrench.png");
}

.actionmenu .tmCreateSpace {
        background-image: url("/resources/icons/silk/folder_add.png");
}

.actionmenu .tmSpace {
        background-image: url("/resources/icons/silk/folder.png");
}

.actionmenu .tmAdminSpace {
        background-image: url("/resources/icons/silk/wrench.png");
}

.actionmenu .tmSpaceDelete {
        background-image: url("/resources/icons/silk/cross.png");
}

.actionmenu .tmPage {
        background-image: url("/resources/icons/silk/page_white_text.png");
}

.actionmenu .tmCreatePage, .actionmenu .tmCreatePageFromOffice {
        background-image: url("/resources/icons/silk/page_white_add.png");
}

.actionmenu .tmCreateComment {
        background-image: url("/resources/icons/silk/comment_add.png");
}

.actionmenu .tmCreateAttachment{
        background-image: url("/resources/icons/xwiki/attach_add.gif");
}

.actionmenu .tmEdit {
        background-image: url("/resources/icons/silk/page_white_edit.png");
}

.actionmenu .tmEditWiki, .actionmenu .tmViewSource {
        background-image: url("/resources/icons/silk/page_white_code.png");
}

.actionmenu .tmEditWysiwyg {
        background-image: url("/resources/icons/silk/page_white_edit.png");
}

.actionmenu .tmEditInline {
        background-image: url("/resources/icons/silk/application_form.png");
}

.actionmenu .tmEditRights {
        background-image: url("/resources/icons/silk/lock.png");
}

.actionmenu .tmEditObject {
        background-image: url("/resources/icons/silk/brick.png");
}

.actionmenu .tmEditClass {
        background-image: url("/resources/icons/silk/box.png");
}

.actionmenu .tmExportPdf {
        background-image: url("/resources/icons/silk/page_white_acrobat.png");
}

.actionmenu .tmExportOdt {
        background-image: url("/resources/icons/xwiki/odf_textdocument.png");
}

.actionmenu .tmExportRtf {
        background-image: url("/resources/icons/silk/page_white_word.png");
}

.actionmenu .tmExportHtml {
        background-image: url("/resources/icons/silk/page_white_world.png");
}

.actionmenu .tmExportXar {
        background-image: url("/resources/icons/silk/page_white_compressed.png");
}

.actionmenu .tmPrintPreview {
        background-image: url("/resources/icons/silk/page_white_magnify.png");
}

.actionmenu .tmActionDelete {
        background-image: url("/resources/icons/silk/cross.png");
}

.actionmenu .tmActionRename {
        background-image: url("/resources/icons/silk/textfield_rename.png");
}

.actionmenu #tmActionShare {
        background-image: url("/resources/icons/silk/email_go.png");
}

.actionmenu .tmActionCopy {
        background-image: url("/resources/icons/silk/page_white_copy.png");
}

.actionmenu .tmUser {
        background-image: url("/resources/icons/silk/user.png");
}

.actionmenu .tmProfile {
        background-image: url("/resources/icons/silk/vcard.png");
}

.actionmenu .tmUserPreferences {
        background-image: url("/resources/icons/silk/wrench.png");
}

.actionmenu .tmWatchWiki, .actionmenu .tmWatchSpace, .actionmenu .tmWatchDocument {
        background-image: url("/resources/icons/xwiki/star%2Dgray.png");
}

.actionmenu .tmWatchlistManager, .actionmenu .tmUnwatchWiki, .actionmenu .tmUnwatchSpace, .actionmenu .tmUnwatchDocument {
        background-image: url("/resources/icons/xwiki/star%2Dyellow.png");
}

.actionmenu .tmWikiDocumentIndex, .actionmenu .tmSpaceDocumentIndex {
        background-image: url("/resources/icons/silk/book_open.png");
}
.actionmenu .tmUserNetwork {
        background-image: url("/resources/icons/silk/group.png");
}

.actionmenu .tmUserDashboard {
        background-image: url("/resources/icons/silk/application_view_tile.png");
}

/* Styles for the floating menu, when scrolling down the page. */
.floating-menu {
        margin-top: -18px;
}
.floating-menu:hover {
        margin-top: 0;
}
.floating-menu:after {
        bottom: 0;
        color: #FFFFFF;
        background: inherit;
        content: ".......";
        display: block;
        font-size: 0.6em;
        height: 0.5em;
        letter-spacing: 0.2em;
        line-height: 0.3em;
        padding: 0 0 0.1em;
        position: absolute;
        text-align: center;
        text-shadow: 0 1px 0 #6E2114;
        width: 100%;
}
.floating-menu:hover:after {
        content: "";
        display: none;
}
/* @group FORMS */
/* --------------------------------------------------------------
 *   * forms components
 *   -------------------------------------------------------------- */
.xform h2, .xform legend {
        border-bottom: 1px dotted #E3DFDC;
        color: #1A1A1A;
        display: block;
        font-size: 1.2em;
        font-weight: 900;
        line-height: 1.2em;
        overflow: hidden;
        width: 100%;
}
.xform h2 {
        margin: 2em 0 0;
}
/* Legend elements have an intrinsic 8px left padding; compensate that by a negative left margin */
* html .xform legend {
        *   margin-left: -8px;
        *   }
        *   *+html .xform legend {
                *     margin-left: -8px;
                *     }
                *     .xform fieldset h2 {
                        *       margin: 0;
                        *       }
                        *
                        *       .xform fieldset {
                                *         margin: 2em 0;
                                *         }
                                *         .xform fieldset:first-of-type {
                                        *           margin-top: 1em;
                                        *           }
                                        *           .xform fieldset:last-of-type {
                                                *             margin-bottom: 1em;
                                                *             }
                                                *
                                                *             .xform input[type="text"], .xform input[type="password"] {
                                                        *               width: 99%;
                                                        *               }
                                                        */* Duplicated because IE6 chokes on the first two selectors. Don't recombine! */
                                                        .xform select, .xform textarea {
                                                                width: 99%;
                                                        }
                                                        .xform textarea {
                                                                resize: vertical;
                                                        }

                                                        .xform dt {
                                                                margin-top: 1.2em;
                                                        }

                                                        .xform dt label, .xformInline label {
                                                                color: #454545;
                                                                font-size: .85em;
                                                                font-weight: 700;
                                                                margin-bottom: .3em;
                                                                text-transform: uppercase;
                                                        }

                                                        .xform dt label {
                                                                display: block;
                                                        }

                                                        /* Buttons next to the labels, for example the Customize buttons in Administration->Presentation */
                                                        .xform dt label .buttonwrapper {
                                                                float: right;
                                                                margin: 0 1% .3em;
                                                        }

                                                        .xform .xRequired {
                                                                color: #656565;
                                                                font-size: .9em;
                                                                font-style: italic;
                                                                font-weight: normal;
                                                                margin-left: 1ex;
                                                                text-transform: none;
                                                        }

                                                        .xform .xHint {
                                                                color: #656565;
                                                                display: block;
                                                                font-size: .8em;
                                                                font-style: normal;
                                                                font-weight: 400;
                                                                margin-bottom: .3em;
                                                        }

                                                        .xform .xHelp {
                                                                background: transparent url("/resources/icons/silk/information.png") 0 0 no-repeat;
                                                                float: right;
                                                                height: 16px;
                                                                line-height: 250px; /* Push the text away. */
                                                                margin-top: -20px; /* Should be 16px + 0.3em */
                                                                margin-right: 1px; /* Compensate for the border on the input elements */
                                                                overflow: hidden;
                                                                text-align: left !important; /* Make sure the text is left-aligned so that the inner box always starts at the top-left corner */
                                                                width: 16px;
                                                        }

                                                        .xform .xErrorMsg {
                                                                color: #CC3333;
                                                                display: block;
                                                                font-size: .8em;
                                                                font-weight: normal;
                                                                margin-bottom: .3em;
                                                        }

                                                        .xform .xErrorField {
                                                                border: 1px solid #CC3333;
                                                        }

                                                        .xform .buttons {
                                                                margin: .8em 0;
                                                        }

                                                        /* @group BUTTONS */
                                                        /* --------------------------------------------------------------
                                                         *   * Button elements different containers
                                                         *   -------------------------------------------------------------- */
.buttonwrapper {
        margin: 5px 5px 0 0;
}
.buttonwrapper .button {
        vertical-align: middle;
}
input.button, .buttonwrapper button, .buttonwrapper a:visited, .buttonwrapper a:link, .buttonwrapper a:active {
        background-color: #A6321E;
        background-image: none;
        background-image: -webkit-linear-gradient(top, #6E2114 0%, #A6321E 100%);
        background-image: -moz-linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        background-image: -o-linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        background-image: linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        border: 1px solid #A6321E;
        border-radius: 3px 3px 3px 3px;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font: normal normal 700 .8em/140% "Helvetica",sans-serif;
        margin: 0;
        padding: 2px 3px;
        text-shadow: 0 1px 0 #6E2114;
        text-transform: uppercase;
}

input.button:hover, .buttonwrapper button:hover, .buttonwrapper a:hover{
        background-color: #A6321E;
        background-image: -webkit-linear-gradient(top, #A6321E 0%, #6E2114 100%);
        background-image: -moz-linear-gradient(to bottom, #A6321E 0%, #6E2114 100%);
        background-image: -o-linear-gradient(to bottom, #A6321E 0%, #6E2114 100%);
        background-image: linear-gradient(to bottom, #A6321E 0%, #6E2114 100%);
        box-shadow: 0px 2px 2px #E3DFDC;
        color: #FFFFFF;
        text-decoration: none;
}

.buttonwrapper input.secondary, .buttonwrapper button.secondary, .buttonwrapper a.secondary,
.buttonwrapper a.secondary:link, .buttonwrapper a.secondary:visited,
.buttonwrapper a.secondary:active /* Needed for IE6 */ {
        background-color: #A6321E;
        background-image: -webkit-linear-gradient(top, #6E2114 0%, #A6321E 100%);
        background-image: -moz-linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        background-image: -o-linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        background-image: linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        border-color: #A6321E;
        border-radius: 3px 3px 3px 3px;
        color: #FFFFFF;
        text-shadow: 0 1px 0 #6E2114;
}

input.secondary:hover, button.secondary:hover, .buttonwrapper a.secondary:hover {
        box-shadow: 0px 2px 2px #E3DFDC;
}

/* Small icon buttons */
input.icon-button {
        background: transparent none center center no-repeat;
        border: 0 none;
        font-size: 80%;
        height: 16px;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
        width: 16px;
}
.icon-button.add-button {
        background-image: url("/resources/icons/silk/add.png");
}
.icon-button.remove-button {
        background-image: url("/resources/icons/silk/cross.png");
}
.icon-button.accept-button {
        background-image: url("/resources/icons/silk/accept.png");
}
.icon-button.search-button {
        background-image: url("/resources/icons/xwiki/search.png");
}

*:disabled, input.disabled, button.disabled, .buttonwrapper a.disabled {
        opacity: .5;
        cursor: default;
}

/* @group VERTICAL MENU */
/* General styling */
.vertical-menu {
        border: 1px solid #E3DFDC;
        border-top-width: 0;
        float: left;
        font-size: .857em;/* 14px -> 12px */
        margin: 0 2em 2em 0;
        width: 15em;
}

.vertical-menu ul {
        list-style-type: none;
        margin: 0;
}
.vertical-menu ul ul ul {
        margin-left: 2em;
}

.vertical-menu li {
        border-top: 1px solid #E3DFDC;
        position: relative;
}

.vertical-menu span {
        background: none no-repeat scroll 7px transparent;
        display: block;
}

.vertical-menu a {
        display: block;
        padding: .5em .5em .5em 30px;
        text-decoration: none;
        word-wrap: break-word;
}

/* Section titles */
.vertical-menu .group {
        background-color: #A6321E;
        background-image: -webkit-linear-gradient(top, #6E2114 0%, #A6321E 100%);
        background-image: -moz-linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        background-image: -o-linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        background-image: linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        font-weight: 700;
        font-variant: small-caps;
}
.vertical-menu .group * {
        color: #FFFFFF;
}

/* Highlight items when hovering */
.vertical-menu span:hover {
        background-color: #E3DFDC;
}
.vertical-menu .group:hover {
        background-color: #E1D9D6;
        background-image: -webkit-linear-gradient(top, #B4AEAB 0%, #E1D9D6 50%);
        background-image: -moz-linear-gradient(to bottom, #B4AEAB 0%, #E1D9D6 50%);
        background-image: -o-linear-gradient(to bottom, #B4AEAB 0%, #E1D9D6 50%);
        background-image: linear-gradient(to bottom, #B4AEAB 0%, #E1D9D6 50%);
}
.vertical-menu .group:hover * {
        color: #454545;
}

/* Selected item */
.vertical-menu .current {
        background-color: #E3DFDC;
        font-weight: bold;
}
.vertical-menu .current-group {
        background-color: #E1D9D6;
        background-image: -webkit-linear-gradient(top, #B4AEAB 0%, #E1D9D6 50%);
        background-image: -moz-linear-gradient(to bottom, #B4AEAB 0%, #E1D9D6 50%);
        background-image: -o-linear-gradient(to bottom, #B4AEAB 0%, #E1D9D6 50%);
        background-image: linear-gradient(to bottom, #B4AEAB 0%, #E1D9D6 50%);
        color: #454545;
}
.vertical-menu .current-group *, .vertical-menu .current-group *:visited, .vertical-menu .current-group *:active {
        color: #454545;
}

/* Draw an arrow pointing right for the selected item */
.vertical-menu .current:after, .vertical-menu .current a:after {
        border-left: 10px solid #E3DFDC;
        border-top: 1.2em solid transparent;
        border-bottom: 1.2em solid transparent;
        content: "";
        display: block;
        position: absolute;
        right: -10px;
        top: 0%;
}
.vertical-menu .current a:after {
        border-left-color: #E3DFDC;
        right: -11px;
}
.vertical-menu .current-group:after {
        border-left-color: #E1D9D6 !important;
}

/* @group PANELS */
/* --------------------------------------------------------------
 *   * Panel elements
 *   -------------------------------------------------------------- */
#rightPanels {
        float: right;
        margin: 0 0 0 -220px;
        width: 220px;
}

#leftPanels {
        float: left;
        margin: 0 0 0 -100%;
        width: 220px;
}

#editPanels {
        float: left;
        margin: 0 0 0 -220px;
        width: 220px;
}

.panel {
        display: block;
        width: 190px;
}

#leftPanels .panel {
        margin: 0 0 10px 20px;
}

#rightPanels .panel, #editPanels .panel {
        margin: 0 0 10px 10px;
}

h1.xwikipaneltitle {
        background-color: #A6321E;
        border-bottom: 0;
        color: #FFFFFF;
        cursor: pointer;
        font-size: .8em;
        font-weight: 700;
        letter-spacing: 0;
        margin: 0;
        padding: 5px 20px 5px 15px;
        text-align: left;
        text-transform: uppercase;
}

.xwikipanelcontents {
        background-color: #FFFFFF;
        color: #1A1A1A;
        font-size: .85em;
        line-height: 1.6em;
        overflow: hidden;
        padding: 10px 15px;
}
.xwikipanelcontents * {
        line-height: 1.6em;
}
.collapsed h1.xwikipaneltitle {
        background-color: #A6321E;
        border: 0;
        color: #FFFFFF;
}

.collapsed .xwikipanelcontents {
        display: none;
}

.panelitem {
        display: block;
        overflow: hidden;
        word-wrap: break-word;
        padding-left: 1em;
        text-indent: -1em;
}

.pitemseparator {
        display: none;
}

.panel ul {
        list-style-type: none;
        margin: 0;
}

.panel ul ul {
        margin-left: 2em;
}

.panel ul li.active {
        line-height: 1.7em;
        font-size: 1.2em;
        font-weight: 700;
        text-transform: uppercase;
}

.panel input, .panel select , .panel dt , .panel table, .padded label{
        font-size: .95em;
        margin: 0;
        padding: 0;
        width: 100%;
}

.panel dd, .panel .padded{
        padding: 0 0 .5em;
}

.panel dt, .padded label {
        font-weight: 700;
        text-transform: uppercase;
}

.DocumentInformation table td {
        border-top: 1px dotted #E3DFDC;
}

.DocumentInformation input#xhidden {
        width: auto;
        margin-right: 0.5em;
}

/* @group CONTAINERS GENERAL STYLING */
/* --------------------------------------------------------------
 *   * General rules that applied to different types of containers
 *   -------------------------------------------------------------- */
/* -------------- Containers borders -----------------*/
#contentmenu, #editmenu,
.xwikipanelcontents, h1.xwikipaneltitle,
#mainContentArea, #mainEditArea,
#xdocFooter,
#docextrapanes, ul.xwikitabbar {
        border: 1px solid #E3DFDC;
}

#docextrapanes {
        box-shadow: 0px -1px 0px #E3DFDC; /* #docExtraTabs bottom border */
}

#contentmenu, #editmenu {
        border-width: 1px 1px 0;
}

#mainContentArea, #mainEditArea {
        border-width: 1px;
}

ul.xwikitabbar {
        border-width: 1px 1px 0;
}

.xwikipanelcontents, #docextrapanes, #xdocFooter {
        border-width: 0 1px 1px;
        border-radius: 0 0 4px 4px;
}

.collapsed h1.xwikipaneltitle {
        border-radius: 4px 4px 4px 4px;
}

.xwikitabbar li.active a, .xwikitabbar li.active a:active, .xwikitabbar li.active a:visited {
        border-radius: 4px 4px 0 0;
        box-shadow: 0px -1px 1px #E3DFDC;
}

/* -------------- Containers gradients -----------------*/
h1.xwikipaneltitle {
        background-color: #A6321E;
        background-image: -webkit-linear-gradient(top, #6E2114 0%, #A6321E 100%);
        background-image: -moz-linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        background-image: -o-linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        background-image: linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        border-radius: 4px 4px 0 0;
        color: #FFFFFF;
        text-shadow: 0 1px 0 #6E2114;
}

.collapsed h1.xwikipaneltitle {
        background-color: #A6321E;
        background-image: -webkit-linear-gradient(top, #6E2114 0%, #A6321E 100%);
        background-image: -moz-linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        background-image: -o-linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        background-image: linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        color: #FFFFFF;
        text-shadow: 0 1px 0 #6E2114;
}

#contentmenu, #editmenu, ul.xwikitabbar {
        background-color: #A6321E;
        background-image: -webkit-linear-gradient(top, #6E2114 0%, #A6321E 100%);
        background-image: -moz-linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        background-image: -o-linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        background-image: linear-gradient(to bottom, #6E2114 0%, #A6321E 100%);
        border-radius: 4px 4px 0 0;
}

#contentmenu.actionmenu a, #contentmenu.actionmenu a:visited, #contentmenu .menuarrow, #contentmenu .tmetype,
#editmenu.actionmenu a, #editmenu.actionmenu a:visited, #editmenu .menuarrow, #editmenu .tmetype,
.xwikitabbar li a, .xwikitabbar li a:visited, .xwikitabbar li a:active  {
        color: #FFFFFF;
        text-shadow: 0 1px 0 #6E2114;
}

#contentmenu.actionmenu .submenuitem a ,
#editmenu.actionmenu .submenuitem a {
        text-shadow: none;
}

#contentmenu.actionmenu .submenu,
#editmenu.actionmenu .submenu {
        background-color: #A6321E;
}

#mainmenu {
        background-image: -webkit-linear-gradient(top, #B4AEAB 0%, #E1D9D6 50%);
        background-image: -moz-linear-gradient(to bottom, #B4AEAB 0%, #E1D9D6 50%);
        background-image: -o-linear-gradient(to bottom, #B4AEAB 0%, #E1D9D6 50%);
        background-image: linear-gradient(to bottom, #B4AEAB 0%, #E1D9D6 50%);
        box-shadow: 0px 1px 2px #B4AEAB;
}

#mainmenu .tmetype, #mainmenu .tme {
        text-shadow: 0 1px 0 #B4AEAB;
}

#mainmenu .tmCreate .tme {
        text-shadow: none;
}

#mainmenu .tmLink {
        font-size: 100%;
        padding: 0;
        margin: 0;
}

#mainmenu .submenu , #contentmenu .submenu  {
        box-shadow: 0px 1px 1px rgb(27,27,27);
}

.actionmenu .submenu {
        border-radius: 0 0 10px 10px;
}

/* Gradients for tmCreate */
.actionmenu .tmCreate {
        border-radius: 4px 4px 4px 4px;
        padding-left: 0;
}

.actionmenu .tmCreate:hover {
        border-radius: 4px 4px 0px 0px;
}

.tmCreate  .tme-extensible {
        padding-left: 10px;
}

.tmCreate .submenu {
        border-radius: 0 10px 10px 10px;
        border: 2px solid #A6321E;
}

/* @group COMPONENTS*/
/* --------------------------------------------------------------
 *   * Different classes with specific use
 *   -------------------------------------------------------------- */
/* --------------XWiki items types list -----------------*/
ul.xlist {
        margin: 0 0 0 .5em !important;
        overflow: hidden;
        padding: 0 !important;
}

ul.xlist li.xunderline {
        border-bottom: solid 1px #E3DFDC !important;
}

ul.xlist li.xhighlight:hover {
        background-color: #E3DFDC;
}

ul.xlist li {
        float: right;
        height: 100%;
        list-style-type: none;
        padding: .1em 0;
        width: 100% !important;
}

ul.xlist li.space, ul.xlist li.page, ul.xlist li.comment, ul.xlist li.attachment {
        background-position: 2px 3px;
        background-repeat: no-repeat;
}

ul.xlist li.space {
        background-image: url("/resources/icons/silk/folder.png");
}

ul.xlist li.page {
        background-image: url("/resources/icons/silk/page_white_text.png");
}

ul.xlist li.comment {
        background-image: url("/resources/icons/silk/comment.png");
}

ul.xlist li.attachment {
        background-image: url("/resources/icons/silk/attach.png");
        padding-bottom: 0;
}

ul.xlist li.create a {
        background: url("/resources/icons/silk/bullet_add.png") 7px 3px no-repeat;
        color: #656565;
        text-decoration: none;
        padding-left: 1.5em;
}

ul.xlist li.xitem div.xitemcontainer {
        text-indent: 1.5em;
}

ul.xlist li.xitem div.xitemcontainer ul.xlist {
        text-indent: 0;
}

.xspacer {
        display: none;
}

/* -----------------------Boxes--------------------------*/
.box {
        margin: 1em 0;
        overflow: auto;
        padding: 0 1px;
}

.box>*:first-child {
        margin-top: 0;
}
.box>*:last-child {
        margin-bottom: 0;
}

.code, .box {
        background-color: #E3DFDC;
        border: 1px dotted #E3DFDC;
}

.code, .code pre, .code *  {
        font-family: courier, "courier new", monospace;
        white-space: pre;
}

/* ----------------------Messages------------------------*/
.errormessage, .warningmessage, .infomessage, .successmessage, .plainmessage {
        background: #E3DFDC 6px 8px no-repeat;
        border: 1px dotted #E3DFDC;
        border-radius: 4px;
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset;
        margin: 4px 0;
        overflow: auto;
        padding: 8px 28px;
        text-align: justify;
}

.infomessage {
        background-image: url("/resources/icons/silk/information.png");
        color: #336699;
}

.warningmessage {
        background-image: url("/resources/icons/silk/error.png");
        color: #D09000;
}

.errormessage {
        background-image: url("/resources/icons/silk/exclamation.png");
        color: #CC3333;
}

.successmessage {
        background-image: url("/resources/icons/silk/tick.png");
        color: #008000;
}

.messagetype {
        display: none;
}

/* -----------------Message Boxes------------------------*/
div.floatinginfobox {
        background-color: #E3DFDC;
        float: right;
        margin: .66em 0 1em 1em;
        padding: 10px;
}

#mainContentArea .centered {
        text-align: center;
}

fieldset.xwikimessage {
        background-color: #E3DFDC;
        display: inline-block;
        margin: 5em auto;
        padding: 1.5em 2em;
        text-align: left;
        width: auto;
}

fieldset.xwikimessage legend {
        background-color: #E3DFDC; /* Opera */
        color: #1A1A1A;
        display: inline;
        float: left;
        font: 700 1.4em sans-serif;
        letter-spacing: .4em;
        margin: 0;
        padding: 0;
        text-align: left;
        white-space: normal;
        width: 100%;
}

table.xwikilogintable td, table.xwikilogintable th {
        border: 0;
        padding: 3px 4px;
}

.xwikimessage table th, .xwikimessage table td {
        padding: 3px 4px;
        white-space: nowrap;
}

.xwikimessage th {
        border-bottom: 1px solid #E3DFDC;
        font-size: .85em;
        text-transform: uppercase;
}

fieldset.xwikimessage .xwikimessage {
        clear: both;
        font-size: 110%;
        font-weight: 700;
        text-align: left;
}

/* ----------------- Accordion -----------------------*/

/* Note that h6 styling is provided in order to ensure backward compatibility after XSCOLIBRI-160 */
.accordionTabTitleBar h1, .accordionTabTitleBar h6 {
        display:block;
        background: #A6321E url("/resources/icons/xwiki/accordion.png") no-repeat left;
        border-bottom: 1px solid #E3DFDC;
        border-top: 1px solid #FFFFFF;
        color: #FFFFFF;
        font: 700 .8em / 1.8em sans-serif;
        margin: 0;
        padding: 4px 21px;
        text-transform: uppercase;
}

.accordionTabContentBox {
        background: #E3DFDC;
        overflow: auto;
        padding: 5px;
}

/* -----------------Content Panels-----------------------*/

div.panellayoutcontainer-1col .panellayoutcol {
        width: 100%;
}

div.panellayoutcontainer-2col .panellayoutcol {
        width: 49%;
}

div.panellayoutcontainer-3col .panellayoutcol {
        width: 33%;
}

div.panellayoutcontainer-4col .panellayoutcol {
        width: 24%;
}

div.panellayoutcontainer-5col .panellayoutcol {
        width: 19%;
}

div.panellayoutcontainer-1col, div.panellayoutcontainer-2col, div.panellayoutcontainer-3col, div.panellayoutcontainer-4col, div.panellayoutcontainer-5col {
        clear: left;
        overflow: auto;
}

.panellayoutcol {
        float: left;
        height: 1%;
}

.panellayoutcol .panel {
        border: 1px solid #E3DFDC;
        margin: 0 0 5% 5%;
        overflow-x: auto;
        width: 90%;
}

#xwikicontent .panel ul {
        list-style-position: inside;
        margin: 0 5px;
        padding: 0;
}

#xwikicontent .panellayoutcol .panel .xwikipanelcontents {
        background-color: transparent;
        background-image: none;
        padding: 10px;
}

/* --------------------- Icons --------------------------*/

.icon {
        vertical-align: middle;
}

.hasIcon {
        background: none no-repeat scroll 0 0 transparent;
        padding-left: 20px;
}

.iconRSS {
        background-image: url("/resources/icons/silk/feed.png");
}

/* @group MACROS */
/* --------------------------------------------------------------
 *   * Different classes for specific macro usage
 *   -------------------------------------------------------------- */

/* ----------------Message Macro-------------------------*/
span.errormessage, span.warningmessage, span.infomessage, span.plainmessage {
        background-position: 2px center;
        overflow: visible;
        padding: 0 2px 0 22px;
}

/* -----------------Footnote Macro-----------------------*/
ol.footnotes {
        border-top: 1px solid #E3DFDC;
        font-size: 80%;
        margin: 10px 0;
        padding: 1em;
}

.footnotes li {
        padding: 0 4px;
}

.footnoteRef:target, .footnotes *:target {
        background-color: #E3DFDC;
        border: 1px dotted;
}

/* --------------Code Macro syntax 1.0-------------------*/
.java-keyword, .java-object, .xml-tag, .sql-keyword {
        color: #00A;
}

.java-quote {
        color: #0A0;
}

/* ------------------Image Macro-------------------------*/
.imgfloatleft {
        float: left;
        margin-right: 1em;
}

.imgfloatright {
        float: right;
        margin-left: 1em;
}

.imgleft {
        text-align: left;
}

.imgcenter {
        text-align: center;
}

.imgright {
        text-align: right;
}

/* --------------------RSS Macro-------------------------*/
.rssfeed {
        background-color: #FFFFFF;
        border: 1px dotted #E3DFDC;
        padding: 8px;
        width: 300px;
}

/* This rule is for allowing the RSS macro to use all width available when inserted as a gadget in a dashboard
 * but still maintain the 300 px width when used as a Macro from the WYSIWYG Editor */
.column .rssfeed {
        width: auto;
}

.rssfeed .rsschanneltitle {
        background-color: #E3DFDC;
        font-weight: 700;
        margin-bottom: 10px;
        padding: 5px;
        text-align: center;
}

.rsschanneltitle span a img {
        margin-left:5px;
}

.rssfeed .rssitem {
        padding: 5px;
}

/* @group PROFILE */
/* --------------------------------------------------------------
 *   * These classes should be moved in XWikiUserSheet ssx
 *   -------------------------------------------------------------- */
.specialmenu {
        background-color: #E3DFDC;
        padding: 3px;
        text-align: center;
}

.specialmenu img {
        vertical-align: middle;
}

.specialmenu ul {
        display: inline;
        margin: 0;
        padding: 5px 0;
}

.specialmenu ul li {
        display: inline;
        list-style-type: none;
}

.xwikiuserblog {
        float: right;
        padding: 5px;
}

/* @group ADMINISTRATION */
/* --------------------------------------------------------------
 *   * These classes should be moved in AdminSheet ssx
 *   -------------------------------------------------------------- */
/* Overwrites AdminSheet ssx */
#admin-page-content fieldset p label {
        text-align: left;
}

/* Overwrites AdminSheet ssx */
#contentcolumn #admin-page-header {
        background-color: #A6321E ;
}

/* Overwrites AdminSheet ssx */
#contentcolumn #admin-page-content {
        background-color: #FFFFFF;
        padding: 0;
}

#addNewMember table {
        border-collapse: separate;
}

/* @group BLOG  */
/* --------------------------------------------------------------
 *   * These classes should be moved in BlogStyle ssx file
 *   -------------------------------------------------------------- */
input#tags {
        width: 99.8%;
}

/* @group OTHER  */
/* --------------------------------------------------------------
 *   * These classes should be moved in their specific files
 *   -------------------------------------------------------------- */

/* -------------SmartClient tree overrides---------------*/
#body .listGrid {
        border: none;
}
#XWEWrapper {
        /* Fix double scrollbar in IE7&8 */
        overflow: hidden !important;
}

/* -----------------------YUI Trees----------------------*/
.ygtvitem table {
        border: none !important;
        margin: 0 !important;
}
.ygtvitem td {
        border: none !important;
        padding: 0 !important;
}