/*
 * Global reset
 * Based on Eric Meyer's : http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
 */
a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body,
canvas, caption, center, cite, code, command,
datalist, dd, del, details, dfn, div, dl, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, keygen,
label, legend, li,
meter,
nav,
object, ol, output,
p, pre, progress,
q,
s, samp, section, small, source, span, strike, strong, sub, sup,
table, tbody, td, tfoot, th, thead, tr, tt,
u, ul,
var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    z-index: 1;
}

/*
 * Default HTML5 behaviour for older browsers
 */
article, aside, audio, canvas, command, datalist,
details, embed, figcaption, figure, footer, header,
hgroup, keygen, meter, nav, output, progress,
section, source, video {
    display: block;
}

mark, rp, rt, ruby, summary, time {
    display: inline
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

a {
    text-decoration: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/**
 * Common styles for all variants (standard or mobile)
 * z-index hierachy :
 * 88, 89 or 90 : Positioned elements at normal level
 * 98 or 99 : Positioned for menu
 * 100 : footer
 * 999900 : tooltip
 * 999910 : menu
 * 999950 : fixed control bar
 * 999980 : modal windows
 * 999990 : notifications
 */
html {
    background: #d5d8db;
}

body {
    color: #333333;
    font-size: 75%;
}

body.dark {
    background-color: #70828f;
}

.white-text {
    color: white;
}

p, th, td {
    line-height: 1.25em;
}

p, ul, ol, dl, .with-margin {
    margin-bottom: 1.667em;
}

.small-margin {
    margin-bottom: 0.5em;
}

.medium-margin {
    margin-bottom: 1em;
}

.large-margin {
    margin-bottom: 2.417em;
}

a {
    color: #3399cc;
    text-decoration: none;
}

strong {
    color: #3399cc;
}

small {
    color: #808080;
    font-size: 0.833em;
    text-transform: uppercase;
    font-weight: normal;
}

small strong {
    color: #808080;
}

h2 {
    color: #3399cc;
    font-size: 1.25em;
    line-height: 1.267em;
    margin-bottom: 1.267em;
}

h3 {
    color: #3399cc;
    font-size: 1.25em;
    line-height: 1.267em;
}

h5 {
    font-weigth: bold;
    color: #333;
}

hr {
    height: 0;
    line-height: 0;
    border: 0;
    border-top: 1px dotted #cccccc;
    margin-bottom: 1.667em;
}

a.red, .red a
h2.red, .red h2,
h3.red, .red h3 {
    color: #cc3333;
}

h2:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
hr:last-child {
    margin-bottom: 0;
}

/* IE class */
h2.last-child,
p.last-child,
ul.last-child,
ol.last-child,
dl.last-child,
hr.last-child {
    margin-bottom: 0;
}

/**************** Generic classes ***************/
.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.margin-left {
    margin-left: 1em;
}

.margin-right {
    margin-right: 1em;
}

.gutter-left {
    margin-left: 2em;
}

.gutter-right {
    margin-right: 2em;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.relative {
    position: relative;
    z-index: 89;
}

.absolute {
    position: absolute;
    z-index: 89;
}

.upper-index {
    z-index: 90 !important;
}

.with-padding {
    padding: 1em;
}

.no-bottom-margin {
    margin-bottom: 0 !important;
}

.box {
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    padding: 0.75em;
    margin-bottom: 1.667em;
    background: white;
}

/* IE class */
.ie .box {
    border: 1px solid #cccccc;
}

.infos {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/48/Info.png.html?appv=1.7);
    background-repeat: no-repeat;
    padding-left: 5em;
    margin-bottom: 1em;
    min-height: 4em;
}

.mini-infos {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/24/Info.png.html?appv=1.7);
    background-repeat: no-repeat;
    padding: 0.167em 0 0.167em 2.5em;
    margin-bottom: 1em;
    min-height: 1.5em;
}

.info:last-child,
.mini-infos:last-child {
    margin-bottom: 0;
}

/* IE class */
.info.last-child,
.mini-infos.last-child {
    margin-bottom: 0;
}

.infos p,
.mini-infos p {
    color: #808080;
}

.picto {
    margin-bottom: -4px;
}

.empty {
    color: #999999 !important;
    font-style: italic;
}

.number {
    display: block;
    float: left;
    min-width: 1em;
    padding: 0.25em;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: white;
    text-align: center;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background: #3399cc;
}

.number.red,
.red .number {
    background-color: #cc3333;
}

.bigger {
    font-size: 2.5em;
}

h2.bigger {
    margin-bottom: 0.8em;
}

.big {
    font-size: 1.5em;
}

.small {
    font-size: 0.833em;
}

.smaller {
    font-size: 0.75em;
}

section.centerGrid_8 {
    padding-left: 16em
}

/**************** Generic styles ***************/
.grey {
    color: #666666;
}

.white-bg {
    background-color: white;
}

.lite-grey-bg {
    background-color: #e6e6e6;
}

.block-content .lite-grey-bg {
    background-color: #f3f3f3;
}

.grey-bg {
    background-color: #c1c8cb;
}

.block-content .grey-bg {
    background-color: #e6e6e6;
}

p.grey-bg {
    padding: 0.417em 0.5em;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
}

.dark-grey-gradient {
    background: #666666 url(/mclls/javax.faces.resource/theme/ui/dark-grey-gradient-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #3d3d3d,
            #484848 2%,
            #585858 8%,
            #666666
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#3d3d3d),
            to(#666666),
            color-stop(0.02, #484848),
            color-stop(0.08, #585858)
    );
    color: white;
}

.lite-grey-gradient {
    background: white url(/mclls/javax.faces.resource/theme/ui/lite-grey-gradient-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #d5d5d5,
            white
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#d5d5d5),
            to(white)
    );
}

/****************** Main title ******************/
article h1 {
    color: #3f525f;
    font-size: 1.5em;
    -moz-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    margin-bottom: 1em;
}

.block-content h1,
.block-content .h1 {
    color: white;
    font-size: 1.5em;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    border: 1px solid;
    border-color: #50a3c8 #297cb4 #083f6f;
    background: #0c5fa5 url(/mclls/javax.faces.resource/theme/ui/title-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            white,
            #72c6e4 4%,
            #0c5fa5
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#0c5fa5),
            color-stop(0.03, #72c6e4)
    );
    -moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
    padding: 0.278em 0.444em 0.389em;
}

.block-content .h1 h1 {
    font-size: 1em;
    border: 0;
    background: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
    padding: 0;
}

.block-content h1.red,
.block-content .h1.red,
.block-content .red h1,
.block-content .red .h1,
.block-content.red h1,
.block-content.red .h1,
.red .block-content h1,
.red .block-content .h1 {
    border-color: #bf3636 #5d0000 #0a0000;
    background: #790000 url(/mclls/javax.faces.resource/theme/ui/title-red-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            white,
            #ca3535 4%,
            #790000
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#790000),
            color-stop(0.03, #ca3535)
    );
}

/************** Button-style links **************/
.button,
.form legend,
.legend,
.mini-menu {
    line-height: 1.333em;
    padding: 0.167em 0.5em 0.25em;
    border: 1px solid white;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    text-decoration: none;
    font-weight: normal;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
    outline: 0;
}

.button {
    display: inline-block;
}

/* IE class */
.ie .button,
.ie .form legend,
.ie .legend,
.ie .mini-menu {
    border-color: #cccccc;
}

.button {
    color: #666666;
    background: #dfdfdf url(/mclls/javax.faces.resource/theme/ui/button-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f6f6f6,
            #dfdfdf
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f6f6f6),
            to(#dfdfdf)
    );
}

.button.red,
.red .button {
    color: white;
    background: #790000 url(/mclls/javax.faces.resource/theme/ui/button-red-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #ca3535,
            #790000
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#ca3535),
            to(#790000)
    );
}

.button.red a,
.red .button a {
    color: white;
}

a.button:hover,
.mini-menu > li > a:hover {
    color: #115577;
    background: #98d2f3 url(/mclls/javax.faces.resource/theme/ui/button-hover-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #dff3fc,
            #98d2f3
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#dff3fc),
            to(#98d2f3)
    );
}

a.button.red:hover,
.red a.button:hover {
    color: white;
    background: #9d0404 url(/mclls/javax.faces.resource/theme/ui/button-red-hover-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #fe6565,
            #9d0404
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(fe6565),
            to(#9d0404)
    );
}

.form legend,
.legend,
.mini-menu {
    color: #666666;
    background: #e7e7e7 url(/mclls/javax.faces.resource/theme/ui/legend-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f8f8f8,
            #e7e7e7
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f8f8f8),
            to(#e7e7e7)
    );
}

.button img,
.form legend img,
.legend img,
.mini-menu img {
    margin-bottom: -2px;
}

/******************** Button ********************/
button,
.big-button {
    display: inline-block;
    border: 1px solid;
    border-color: #50a3c8 #297cb4 #083f6f;
    background: #0c5fa5 url(/mclls/javax.faces.resource/theme/ui/button-element-bg.png.html?appv=1.7) repeat-x left top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            white,
            #72c6e4 4%,
            #0c5fa5
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#0c5fa5),
            color-stop(0.03, #72c6e4)
    );
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
    color: white;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    font-size: 1.167em;
    padding: 0.286em 1em 0.357em;
    line-height: 1.429em;
    cursor: pointer;
    font-weight: bold;
}

/* IE class */
.ie button {
    overflow: visible;
}

/* IE class */
.ie7 button {
    padding-top: 0.357em;
    padding-bottom: 0.214em;
    line-height: 1.143em;
}

button img,
.big-button img {
    margin-bottom: -3px;
}

button:hover,
.big-button:hover {
    border-color: #1eafdc #1193d5 #035592;
    background: #057fdb url(/mclls/javax.faces.resource/theme/ui/button-element-hover-bg.png.html?appv=1.7) repeat-x left top;
    background: -moz-linear-gradient(
            top,
            white,
            #2bcef3 4%,
            #057fdb
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#057fdb),
            color-stop(0.03, #2bcef3)
    );
}

button:active,
.big-button:active {
    border-color: #5b848b #b2def1 #b2def1 #68a6ba;
    background: #3dbfed url(/mclls/javax.faces.resource/theme/ui/button-element-active-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #89e7f9,
            #3dbfed
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#89e7f9),
            to(#3dbfed)
    );
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button.red,
.red button,
.big-button.red,
.red .big-button {
    color: white;
    border-color: #bf3636 #5d0000 #0a0000;
    background: #790000 url(/mclls/javax.faces.resource/theme/ui/button-element-red-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            white,
            #ca3535 4%,
            #790000
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#790000),
            color-stop(0.03, #ca3535)
    );
}

button.red:hover,
.red button:hover,
.big-button.red:hover,
.red .big-button:hover {
    border-color: #c24949 #9d3d3d #590909;
    background: #9d0404 url(/mclls/javax.faces.resource/theme/ui/button-element-red-hover-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            white,
            #fe6565 4%,
            #9d0404
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#9d0404),
            color-stop(0.03, #fe6565)
    );
}

button.red:active,
.red button:active,
.big-button.red:active,
.red .big-button:active {
    border-color: #7c5656 #f7cbcb #f7cbcb #a15151;
    background: #ff5252 url(/mclls/javax.faces.resource/theme/ui/button-element-red-active-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #ff9d9d,
            #ff5252
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#ff9d9d),
            to(#ff5252)
    );
}

button:disabled,
button:disabled:hover,
.big-button.disabled,
.big-button.disabled:hover {
    color: #bfbfbf;
    border-color: #e9f2f6 #c4c3c3 #a2a2a2 #e3e2e2;
    background: #c8c8c8 url(/mclls/javax.faces.resource/theme/ui/button-element-disabled-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #f0f2f2,
            #c8c8c8
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f0f2f2),
            to(#c8c8c8)
    );
    -moz-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
    -webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: auto;
}

/* IE class */
button.disabled,
button.disabled:hover {
    color: #bfbfbf;
    border-color: #e9f2f6 #c4c3c3 #a2a2a2 #e3e2e2;
    background: #c8c8c8 url(/mclls/javax.faces.resource/theme/ui/button-element-disabled-bg.png.html?appv=1.7) repeat-x top;
    cursor: auto;
}

button.grey,
.big-button.grey {
    color: white;
    border-color: #a1a7ae #909498 #6b7076;
    background: #9fa7b0 url(/mclls/javax.faces.resource/theme/ui/button-element-grey-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            white,
            #c5cbce 5%,
            #9fa7b0
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#9fa7b0),
            color-stop(0.05, #c5cbce)
    );
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

button.grey:hover,
.big-button.grey:hover {
    border-color: #a1a7b0 #939798 #6e7275;
    background: #b1b5ba url(/mclls/javax.faces.resource/theme/ui/button-element-grey-hover-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            white,
            #d6dadc 4%,
            #b1b5ba
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#b1b5ba),
            color-stop(0.03, #d6dadc)
    );
}

button.grey:active
.big-button.grey:active {
    border-color: #666666 #ffffff #ffffff #979898;
    background: #dddddd url(/mclls/javax.faces.resource/theme/ui/button-element-grey-active-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #f1f1f1,
            #dddddd
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f1f1f1),
            to(#dddddd)
    );
}

button.small,
.big-button.small {
    font-size: 0.833em;
    padding: 0.2em 0.3em 0.3em 0.2em;
    vertical-align: 0.2em;
}

/* IE class */
.ie button.small {
    padding: 0.5em 0.3em;
    vertical-align: 0.1em;
}

.ie7 button + button {
    margin-left: 0.25em;
}

/**************** Standard block ****************/
section {
    margin-bottom: 3em;
}

.block-content {
    border: 1px solid #999999;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
    padding: 1.667em;
    background: white;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    position: relative;
}

.block-content.dark-bg {
    border-color: #aaa #333 #000 #666;
    background: #555 url(/mclls/javax.faces.resource/theme/ui/content-dark-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #555,
            #222
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#222),
            to(#555)
    );
    color: white;
}

.block-border {
    padding: 0.833em;
    border: 1px solid white;
    border-color: rgba(255, 255, 255, 0.75);
    background: url(/mclls/javax.faces.resource/theme/ui/white20.png.html?appv=1.7);
    background: rgba(255, 255, 255, 0.2);
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    -webkit-background-clip: padding-box;
    border-radius: 0.8em;
    -moz-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
    box-shadow: 0 0 4px rgba(50, 50, 50, 0.5);
}

.block-border .block-content {
    -moz-box-shadow: 0 0 0.8em rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 0.8em rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0.8em rgba(255, 255, 255, 0.5);
}

.block-border .block-content + .block-content {
    margin-top: 0.833em;
}

.block-content .no-margin {
    margin-left: -1.667em;
    margin-right: -1.667em;
}

.block-content p.no-margin + .no-margin,
.block-content ul.no-margin + .no-margin,
.block-content ol.no-margin + .no-margin,
.block-content dl.no-margin + .no-margin {
    margin-top: -1.667em;
}

/* Recursion prevention */
.block-content .no-margin > .no-margin {
    margin-left: 0;
    margin-right: 0;
}

.block-content .no-margin:last-child {
    margin-bottom: -1.667em;
    -moz-border-radius-bottomleft: 0.167em;
    -moz-border-radius-bottomright: 0.167em;
    -webkit-border-bottom-left-radius: 0.167em;
    -webkit-border-bottom-right-radius: 0.167em;
    border-bottom-left-radius: 0.167em;
    border-bottom-right-radius: 0.167em;
}

/* Recursion prevention */
.block-content .no-margin > .no-margin:last-child {
    margin-bottom: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* IE class */
.block-content .no-margin.last-child {
    margin-bottom: -1.667em;
}

/* Recursion prevention */
.block-content .no-margin > .no-margin.last-child {
    margin-bottom: 0;
}

.block-content hr.no-margin {
    margin-bottom: 1.667em;
}

.block-content.no-padding {
    padding: 0;
}

.block-content.no-padding-bottom {
    padding-bottom: 0;
}

.block-content.no-padding .no-margin {
    margin-left: 0;
    margin-right: 0;
}

.block-content p.no-margin + .no-margin,
.block-content ul.no-margin + .no-margin,
.block-content ol.no-margin + .no-margin,
.block-content dl.no-margin + .no-margin {
    margin-top: -1.667em;
}

.block-content.no-padding .no-margin:last-child {
    margin-bottom: 0;
}

/* IE class */
.block-content.no-padding .no-margin.last-child {
    margin-bottom: 0;
}

/***************** Block header *****************/
.block-header {
    font-size: 2em;
    font-weight: bold;
    height: 3em;
    line-height: 3em;
    /*border-top: 1px solid #9bd2ee; Disabled to make work gradient on chrome*/
    border-bottom: 1px solid #b5b3b4;
    background: #0c5fa3 url(/mclls/javax.faces.resource/theme/ui/block-header-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #6dc3e6,
            #0c5fa3
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#6dc3e6),
            to(#0c5fa3)
    );
    text-align: center;
    color: white;
    -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    margin: 0 -0.833em 0.833em -0.833em;
}

.block-header:first-child {
    margin-top: -0.833em;
}

/* IE class */
.block-header.first-child {
    margin-top: -0.833em;
}

.block-header + .no-margin {
    margin-top: -1.667em;
}

.block-header.red,
.red .block-header {
    border-top-color: #e46f6f;
    background: #790000 url(/mclls/javax.faces.resource/theme/ui/block-header-red-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #ca3535,
            #790000
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#790000),
            to(#ca3535)
    );
}

/**************** Block controls ****************/
.block-controls {
    text-align: right;
    border-bottom: 1px solid #999999;
    background: white url(/mclls/javax.faces.resource/theme/ui/block-controls-bg.png.html?appv=1.7) repeat-x bottom;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            white,
            #e5e5e5 88%,
            #d8d8d8
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#d8d8d8),
            color-stop(0.88, #e5e5e5)
    );
    margin: 0 -1.667em 1.667em -1.667em;
    padding: 1em;
}

.no-margin .block-controls:first-child {
    margin-left: 0;
    margin-right: 0;
}

.block-controls:first-child {
    margin-top: -1.667em;
}

/* IE class */
.block-controls.first-child {
    margin-top: -1.667em;
}

.block-controls + .no-margin {
    margin-top: -1.667em;
}

.block-content.no-padding .block-controls {
    margin: 0 !important;
    border-bottom: 0;
}

ul.controls-buttons,
div.controls-buttons {
    float: right;
}

ul.controls-buttons li,
div.controls-buttons > div,
div.controls-buttons > span,
div.controls-buttons > a {
    display: block;
    float: left;
    margin: -1px 0 -1px 0.5em;
    line-height: 1.333em;
    padding: 0.333em 0.25em;
}

ul.controls-buttons li.sep,
div.controls-buttons > div.sep,
div.controls-buttons > span.sep {
    padding: 0;
    width: 2px;
    min-width: 2px;
    height: 4em;
    margin: -1em 0.25em -1em 0.75em;
    border: none;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/controls-bt-sep.png.html?appv=1.7) no-repeat bottom;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

ul.controls-buttons li.controls-block,
ul.controls-buttons li a,
div.controls-buttons > div,
div.controls-buttons > span,
div.controls-buttons > a {
    display: block;
    color: #333333;
    min-width: 1.083em;
    padding: 0.333em 0.5em;
    text-align: center;
    border: 1px solid white;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -webkit-background-clip: padding-box;
    border-radius: 0.5em;
    background: #e7e7e7 url(/mclls/javax.faces.resource/theme/ui/controls-bt-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f8f8f8,
            #e7e7e7
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f8f8f8),
            to(#e7e7e7)
    );
    -moz-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}

ul.controls-buttons li a {
    margin: -0.333em -0.25em;
    line-height: 1.333em;
}

div.controls-buttons > div div,
div.controls-buttons > div span,
div.controls-buttons > div a {
    color: #333333;
    display: block;
    height: 1.333em;
    line-height: 1.333em;
    float: left;
    min-width: 1.083em;
    padding: 0.333em 0.5em;
    margin: -0.333em 0;
    text-align: center;
    text-transform: uppercase;
}

div.controls-buttons > div:hover div,
div.controls-buttons > div:hover span,
div.controls-buttons > div:hover a {
    color: white;
}

div.controls-buttons > div div:first-child,
div.controls-buttons > div span:first-child,
div.controls-buttons > div a:first-child {
    margin-left: -0.5em;
}

/* IE class */
div.controls-buttons > div div.first-child,
div.controls-buttons > div span.first-child,
div.controls-buttons > div a.first-child {
    margin-left: -0.5em;
}

div.controls-buttons > div > div:first-child,
div.controls-buttons > div > span:first-child,
div.controls-buttons > div > a:first-child {
    -moz-border-radius-topleft: 0.417em;
    -moz-border-radius-bottomleft: 0.417em;
    -webkit-border-top-left-radius: 0.417em;
    -webkit-border-bottom-left-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-top-left-radius: 0.417em;
    border-bottom-left-radius: 0.417em;
}

div.controls-buttons > div div:last-child,
div.controls-buttons > div span:last-child,
div.controls-buttons > div a:last-child {
    margin-right: -0.5em;
}

/* IE class */
div.controls-buttons > div div.last-child,
div.controls-buttons > div span.last-child,
div.controls-buttons > div a.last-child {
    margin-right: -0.5em;
}

div.controls-buttons > div > div:last-child,
div.controls-buttons > div > span:last-child,
div.controls-buttons > div > a:last-child {
    -moz-border-radius-topright: 0.417em;
    -moz-border-radius-bottomright: 0.417em;
    -webkit-border-top-right-radius: 0.417em;
    -webkit-border-bottom-right-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-top-right-radius: 0.417em;
    border-bottom-right-radius: 0.417em;
}

div.controls-buttons > div .control-first,
div.controls-buttons > div .control-prev,
div.controls-buttons > div .control-next,
div.controls-buttons > div .control-last {
    min-width: auto;
    width: 16px;
    overflow: hidden;
    text-indent: 100px;
    background-repeat: no-repeat;
    background-position: center;
}

div.controls-buttons > div .control-first {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/control-double-180.png.html?appv=1.7);
}

div.controls-buttons > div .control-prev {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/control-180.png.html?appv=1.7);
}

div.controls-buttons > div .control-next {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/control.png.html?appv=1.7);
}

div.controls-buttons > div .control-last {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/control-double.png.html?appv=1.7);
}

/* IE class */
.ie ul.controls-buttons li.controls-block,
.ie ul.controls-buttons li a,
.ie div.controls-buttons > div,
.ie div.controls-buttons > span,
.ie div.controls-buttons > a {
    border-color: #cccccc;
}

ul.controls-buttons li a:hover,
ul.controls-buttons li a.current,
div.controls-buttons > div:hover,
div.controls-buttons > span:hover,
div.controls-buttons > a:hover,
div.controls-buttons > .current {
    border-color: #1eafdc #1193d5 #035592;
    background: #057fdb url(/mclls/javax.faces.resource/theme/ui/block-control-hover-bg.png.html?appv=1.7) repeat-x;
    background: -moz-linear-gradient(
            top,
            white,
            #2bcef3 5%,
            #057fdb
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#057fdb),
            color-stop(0.05, #2bcef3)
    );
    color: white;
}

div.controls-buttons > div:hover a,
div.controls-buttons > span:hover a {
    color: white;
}

div.controls-buttons > span.sep:hover {
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/controls-bt-sep.png.html?appv=1.7) no-repeat bottom;
}

ul.controls-buttons li a:hover strong,
ul.controls-buttons li a.current strong,
div.controls-buttons > div:hover strong,
div.controls-buttons > span:hover strong,
div.controls-buttons > a:hover strong,
div.controls-buttons > .current strong {
    color: white;
}

div.controls-buttons > div.sub-hover:hover {
    border: 1px solid white;
    background: #e7e7e7 url(/mclls/javax.faces.resource/theme/ui/controls-bt-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #f8f8f8,
            #e7e7e7
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f8f8f8),
            to(#e7e7e7)
    );
    color: #333333;
}

div.controls-buttons > div.sub-hover:hover strong {
    color: #333333;
}

div.controls-buttons > div.sub-hover:hover div,
div.controls-buttons > div.sub-hover:hover span,
div.controls-buttons > div.sub-hover:hover a {
    color: #333333;
}

div.controls-buttons > div div:hover,
div.controls-buttons > div span:hover,
div.controls-buttons > div a:hover {
    background-color: #e0e0e0;
    background-color: rgba(0, 0, 0, 0.1);
    color: white;
}

div.controls-buttons > div.sub-hover div:hover,
div.controls-buttons > div.sub-hover span:hover,
div.controls-buttons > div.sub-hover a:hover {
    color: #333333;
}

/* DataTables specific style */
div.controls-buttons > div.sub-hover.paging_full_numbers span:hover {
    background-color: none;
    color: #333333;
}

div.controls-buttons > div.sub-hover.paging_full_numbers span.paginate_button:hover,
div.controls-buttons > div.sub-hover.paging_full_numbers span.paginate_active:hover {
    background-color: #e0e0e0;
    background-color: rgba(0, 0, 0, 0.1);
    color: white;
}

div.controls-buttons > div .disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

div.controls-buttons > div .disabled:hover {
    background-color: transparent;
}

.controls-buttons img {
    margin: -0.25em 0;
}

/* IE class */
.ie7 .controls-buttons img {
    margin: 0;
    vertical-align: middle;
}

.controls-buttons img:first-child {
    margin-left: -0.085em;
}

/* IE class */
.controls-buttons img.first-child {
    margin-left: -0.085em;
}

.controls-buttons img:last-child {
    margin-right: -0.085em;
}

/* IE class */
.controls-buttons img.last-child {
    margin-right: -0.085em;
}

.controls-buttons .progress-bar {
    margin: -0.25em 0;
}

.controls-buttons input[type=text],
.controls-buttons input[type=password],
.controls-buttons .input-type-text,
.controls-buttons select {
    margin-top: -0.5em;
    margin-bottom: -0.5em;
}

ul.controls-tabs {
    height: 47px;
    float: right;
    margin: -1em;
    padding-left: 1px;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/controls-tabs-bg.png.html?appv=1.7) no-repeat -48px 0;
}

ul.controls-tabs li {
    height: 48px;
    width: 49px;
    float: left;
}

ul.controls-tabs li:last-child {
    width: 48px;
}

/* IE class */
ul.controls-tabs li.last-child {
    width: 48px;
}

ul.controls-tabs li a {
    display: block;
    height: 100%;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/controls-tabs-bg.png.html?appv=1.7) no-repeat;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    color: #666666;
    position: relative;
}

ul.controls-tabs li a:hover {
    background-position: 0 -48px;
}

ul.controls-tabs li.current a,
ul.controls-tabs li.current a:hover {
    background-position: 0 -96px;
}

ul.controls-tabs li a img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -11px 0 0 -12px;
}

/***************** Block footer *****************/
.block-footer {
    background: #bfbfbf url(/mclls/javax.faces.resource/theme/ui/block-footer-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #8b8b8b,
            #a9a9a9 10%,
            #bdbdbd 30%,
            #bfbfbf
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#8b8b8b),
            to(#bfbfbf),
            color-stop(0.1, #a9a9a9),
            color-stop(0.3, #bdbdbd)
    );
    margin: 0 -1.667em -1.667em -1.667em;
    -moz-border-radius: 0 0 0.167em 0.167em;
    -webkit-border-bottom-left-radius: 0.167em;
    -webkit-border-bottom-right-radius: 0.167em;
    border-radius: 0 0 0.167em 0.167em;
    padding: 0.5em 0.75em;
    line-height: 2em;
    color: #4d4d4d;
}

section .no-margin > .block-footer {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

section .no-margin:last-child > .block-footer:last-child {
    -moz-border-radius: 0 0 0.167em 0.167em;
    -webkit-border-bottom-left-radius: 0.167em;
    -webkit-border-bottom-right-radius: 0.167em;
    border-radius: 0 0 0.167em 0.167em;
}

section .block-header + .block-footer,
section .message.no-margin + .block-footer,
section .with-head.no-margin + .block-footer {
    margin-top: -1.667em;
}

.block-footer .sep {
    display: inline-block;
    width: 2px;
    height: 3em;
    vertical-align: -0.667em;
    margin: -0.5em 0.25em;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/controls-bt-sep.png.html?appv=1.7) no-repeat bottom;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

/****************** Switches ********************/
.switch-replace {
    display: inline-block;
    width: 70px;
    height: 30px;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/switch-bg.png.html?appv=1.7) no-repeat 0 -34px;
    vertical-align: middle;
    cursor: pointer;
}

.switch:checked + .switch-replace {
    background-position: 0 0;
}

.switch:disabled + .switch-replace {
    background-position: 0 -68px;
}

/** IE class **/
.switch-replace-checked {
    background-position: 0 0;
}

.switch-replace-disabled {
    background-position: 0 -68px;
}

.mini-switch-replace {
    display: inline-block;
    width: 40px;
    height: 20px;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/mini-switch-bg.png.html?appv=1.7) no-repeat 0 -24px;
    vertical-align: middle;
    cursor: pointer;
}

.mini-switch:checked + .mini-switch-replace {
    background-position: 0 0;
}

.mini-switch:disabled + .mini-switch-replace {
    background-position: 0 -48px;
}

/** IE class **/
.mini-switch-replace-checked {
    background-position: 0 0;
}

.mini-switch-replace-disabled {
    background-position: 0 -48px;
}

/****************** Messages ********************/

.message {
    line-height: 1.25em;
    margin-bottom: 2.5em;
    border: 1px solid #999999;
    background: #F0F0F0;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    position: relative;
}

ul.message {
    padding: 0.583em 0 0.083em 0;
}

ul.message li {
    font-size: 0.833em;
    line-height: 1.3em;
    padding: 0.2em 1em 0.8em 3em;
    background-repeat: no-repeat;
    background-position: 0.8em 0.1em;
}

div.message,
p.message {
    padding: 0.583em 0.833em 0.75em 2.5em;
    background-repeat: no-repeat;
    background-position: 0.667em 0.583em;
}

section .message {
    margin-bottom: 1.667em;
}

.message:last-child {
    margin-bottom: 0;
}

/* IE class */
.message.last-child {
    margin-bottom: 0;
}

.block-content .message {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.block-content .message.no-margin {
    margin: 0 -1.667em 1.667em -1.667em;
}

.block-content.no-padding .message.no-margin,
.block-content .no-margin > .message.no-margin {
    margin-left: 0;
    margin-right: 0;
}

.block-content .message.no-margin,
.block-content.no-padding .message {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    border-width: 1px 0;
}

.block-content.no-title > .message.no-margin:first-child {
    margin-top: -1.667em;
}

/* IE class */
.block-content.no-title > .message.no-margin.first-child {
    margin-top: -1.667em;
}

.block-content.no-title > .message.no-margin:first-child,
.block-content.no-padding > .message:first-child {
    border-top: none;
    -moz-border-radius-topleft: 0.167em;
    -moz-border-radius-topright: 0.167em;
    -webkit-border-top-left-radius: 0.167em;
    -webkit-border-top-right-radius: 0.167em;
    border-top-left-radius: 0.167em;
    border-top-right-radius: 0.167em;
}

/* IE class */
.block-content.no-title > .message.no-margin.first-child,
.block-content.no-padding > .message.first-child {
    border-top: none;
}

.block-content > .message.no-margin:last-child {
    margin-bottom: -1.667em;
}

/* IE class */
.block-content > .message.no-margin.last-child {
    margin-bottom: -1.667em;
}

.block-content > .message.no-margin:last-child,
.block-content.no-padding > .message:last-child {
    border-bottom: none;
    -moz-border-radius-bottomleft: 0.167em;
    -moz-border-radius-bottomright: 0.167em;
    -webkit-border-bottom-left-radius: 0.167em;
    -webkit-border-bottom-right-radius: 0.167em;
    border-bottom-left-radius: 0.167em;
    border-bottom-right-radius: 0.167em;
}

/* IE class */
.block-content > .message.no-margin.last-child,
.block-content.no-padding > .message.last-child {
    border-bottom: none;
}

section .block-controls + .message.no-margin,
section .block-header + .message.no-margin,
section .message.no-margin + .message.no-margin {
    margin-top: -1.667em;
    border-top: none;
}

.message {
    background-color: #e4e4dc;
    border-color: #999999;
}

.message.warning {
    background-color: #ffffcc;
    border-color: #c3c39e;
}

.message.error {
    background-color: #fff3f2;
    border-color: #c00000;
}

.message.success {
    background-color: #ddebdf;
    border-color: #339933;
}

.message.loading {
    background-color: #dcebf2;
    border-color: #3399cc;
}

.message li,
div.message,
p.message {
    background-image: url(/mclls/javax.faces.resource/shared/icons/information_i-ocre_16.png.html?appv=1.7);
    color: #576a73;
}

.message li strong,
div.message strong,
p.message strong {
    color: #576a73;
}

.message.warning li,
div.message.warning,
p.message.warning {
    background-image: url(/mclls/javax.faces.resource/shared/icons/balloon_16.png.html?appv=1.7);
    color: #56563e;
}

.message.warning li strong,
div.message.warning strong,
p.message.warning strong {
    color: #56563e;
}

.message.error li,
div.message.error,
p.message.error {
    background-image: url(/mclls/javax.faces.resource/shared/icons/cancel_cross-red-circle_16.png.html?appv=1.7);
    color: #563f3e;
}

.message.error li strong,
div.message.error strong,
p.message.error strong {
    color: #563f3e;
}

.message.success li,
div.message.success,
p.message.success {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/tick-circle.png.html?appv=1.7);
    color: #194a19;
}

.message.success li strong,
p.message.success strong {
    color: #194a19;
}

.message.loading li,
div.message.loading,
p.message.loading {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/info-loader.gif.html?appv=1.7);
    color: #1e5774;
}

.message.loading li {
    background-position: 0.8em 0.4em;
}

div.message.loading,
p.message.loading {
    background-position: 0.667em 0.917em;
}

.message.loading li strong,
div.message.loading strong,
p.message.loading strong {
    color: #1e5774;
}

/**************** Close button ******************/
.close-bt, .close,
ul li.close-bt,
ul.message li.close-bt {
    display: block;
    position: absolute;
    top: 0.083em;
    right: 0.083em;
    font-size: 1em;
    line-height: 1em;
    width: 1em;
    height: 1em;
    padding: 0;
    margin: 0;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/cross-small.png.html?appv=1.7) no-repeat center center;
    cursor: pointer;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
    opacity: 0.5;
    filter: alpha(opacity=0.5);
}

.close-bt:hover,
ul li.close-bt:hover {
    opacity: 1;
    filter: none;
}

/****************** Mini-menu *******************/
.mini-menu {
    position: absolute;
    z-index: 89;
    right: 2em;
    top: 0;
    padding: 0;
    height: 1.833em;
    display: none;
    margin: -1.083em 0 -1.083em;
    white-space: nowrap;
}

td > .mini-menu {
    position: relative;
    right: 0;
    top: 0;
    float: right;
    margin-right: 1em;
}

:hover > .mini-menu {
    display: block;
}

.mini-menu > li {
    float: left;
    color: #999999;
    font-style: normal;
    height: 1.833em;
}

.mini-menu > li > a {
    display: block;
    line-height: 1.333em;
    height: 1.333em;
    padding: 0.25em 0.417em;
    border-left: 1px solid white;
    border-right: 1px solid #CCCCCC;
    color: #999;
}

/* IE class */
.ie7 .mini-menu > li > a {
    display: table-cell;
    vertical-align: middle;
}

.mini-menu > li:first-child > a {
    border-left: none;
    -moz-border-radius-topleft: 0.25em;
    -moz-border-radius-bottomleft: 0.25em;
    -webkit-border-top-left-radius: 0.25em;
    -webkit-border-bottom-left-radius: 0.25em;
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
}

/* IE class */
.mini-menu > li.first-child > a {
    border-left: none;
}

.mini-menu > li:last-child > a {
    border-right: none;
    -moz-border-radius-topright: 0.25em;
    -moz-border-radius-bottomright: 0.25em;
    -webkit-border-top-right-radius: 0.25em;
    -webkit-border-bottom-right-radius: 0.25em;
    border-top-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
}

/* IE class */
.mini-menu > li.last-child > a {
    border-right: none;
}

.mini-menu > li > a img {
    margin: 0 0 -3px;
}

/* IE class */
.ie7 .mini-menu > li > a img {
    margin: 0;
    vertical-align: middle;
}

/********************* Tabs *********************/
ul.tabs li > a,
ul.side-tabs li > a,
ul.tabs li > span,
ul.side-tabs li > span {
    display: block;
    background: #eeeeee url(/mclls/javax.faces.resource/theme/ui/tabs-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #ffffff,
            #eeeeee
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#ffffff),
            to(#eeeeee)
    );
    padding: 0.583em;
    color: #808080;
    font-weight: bold;
    border: 1px solid #b3b3b3;
    text-decoration: none;
}

ul.tabs li > span,
ul.side-tabs li > span {
    color: #bfbfbf;
}

ul.tabs li.current > a,
ul.side-tabs li.current > a,
ul.tabs li.current > span,
ul.side-tabs li.current > span {
    background: white;
}

ul.tabs li > a:hover,
ul.side-tabs li > a:hover {
    color: #3399cc;
    border-color: #3399cc;
}

ul.tabs li > a img,
ul.side-tabs li > a img,
ul.tabs li > span img,
ul.side-tabs li > span img {
    margin: -2px 0 -3px 0;
}

/* IE class */
.ie7 ul.tabs li > a img,
.ie7 ul.side-tabs > li a img,
.ie7 ul.tabs li > span img,
.ie7 ul.side-tabs > li span img {
    margin-bottom: -2px;
}

ul.tabs {
    margin-bottom: 1px;
    height: 2.167em;
    clear: none;
}

ul.tabs li {
    float: left;
    margin-right: 0.417em;
}

ul.tabs li > a,
ul.tabs li > span {
    border-bottom: none;
    -moz-border-radius: 0.25em 0.25em 0 0;
    -webkit-border-top-left-radius: 0.25em;
    -webkit-border-top-right-radius: 0.25em;
    border-radius: 0.25em 0.25em 0 0;
    margin-right: 0.083em;
}

ul.tabs li.current > a,
ul.tabs li.current > span {
    padding-bottom: 0.667em;
}

ul.tabs li.with-margin {
    margin-bottom: 0;
    margin-left: 1em;
}

ul.side-tabs {
    padding-top: 0.417em;
}

ul.side-tabs li > a,
ul.side-tabs li > span {
    border-right: none;
    -moz-border-radius: 0.25em 0 0 0.25em;
    -webkit-border-top-left-radius: 0.25em;
    -webkit-border-bottom-left-radius: 0.25em;
    border-radius: 0.25em 0 0 0.25em;
    margin-bottom: 0.417em;
}

ul.side-tabs li.current > a,
ul.side-tabs li.current > span {
    margin-right: -1px;
}

ul.side-tabs li.icon-tab {
    float: right;
}

ul.side-tabs li.icon-tab > a,
ul.side-tabs li.icon-tab > span {
    padding-right: 0.5em;
}

ul.side-tabs li.with-margin {
    margin-bottom: 0;
    margin-top: 1em;
}

.tabs-content {
    background-color: white;
    border: 1px solid #b3b3b3;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
    padding: 1.667em;
}

ul.tabs + .tabs-content {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.mini-tabs {
    border: 1px solid #b3b3b3;
    border-width: 1px 0;
    margin-bottom: 1.667em;
    padding: 0.583em 0 0 0.5em;
    height: 1.833em;
    background: #dbdbdb url(/mclls/javax.faces.resource/theme/ui/mini-tabs-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #fafafa,
            #dbdbdb
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#fafafa),
            to(#dbdbdb)
    );
}

.mini-tabs.no-margin {
    margin: 0 -1.667em 1.667em -1.667em;
}

.mini-tabs.no-margin:first-child {
    margin-top: -1.667em;
    border-top: 0;
    -moz-border-radius: 0.167em 0.167em 0 0;
    -webkit-border-top-left-radius: 0.167em;
    -webkit-border-top-right-radius: 0.167em;
    border-radius: 0.167em 0.167em 0 0;
}

.mini-tabs li {
    float: left;
    height: 1.833em;
    line-height: 1.833em;
    margin-right: 0.5em;
}

.mini-tabs li > a {
    display: block;
    height: 1.333em;
    line-height: 1.333em;
    margin-top: -1px;
    padding: 0.25em 0.583em;
    border: 1px solid #b3b3b3;
    border-bottom: 0;
    -moz-border-radius: 0.25em 0.25em 0 0;
    -webkit-border-top-left-radius: 0.25em;
    -webkit-border-top-right-radius: 0.25em;
    border-radius: 0.25em 0.25em 0 0;
    background: #dddddd url(/mclls/javax.faces.resource/theme/ui/mini-tabs-tab-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #ffffff,
            #dddddd
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#ffffff),
            to(#dddddd)
    );
    color: #666666;
    text-decoration: none;
}

.mini-tabs li > a img {
    margin-bottom: -1px;
}

/* IE class */
.ie7 .mini-tabs li > a img {
    vertical-align: middle;
}

.mini-tabs li.current > a {
    background: white;
    padding-bottom: 0.333em;
}

.mini-tabs li > a:hover {
    color: #3399cc;
    border-color: #3399cc;
}

/********************* Tips *********************/
#tips {
    z-index: 999900;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

#tips div {
    position: absolute;
    background: #ffffcc;
    border: 1px solid #a6a6a6;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    line-height: 1.222em;
    text-transform: uppercase;
    color: #333333;
    padding: 0.222em 0.444em;
    min-width: 5em;
    text-align: center;
    white-space: nowrap;
}

#tips div .arrow {
    font-size: 0;
    line-height: 0;
    width: 0;
    position: absolute;
    z-index: 89;
    left: 50%;
    margin-left: -6px;
    bottom: -7px;
    border-top: 7px solid #a6a6a6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

#tips div.tip-right .arrow {
    bottom: auto;
    left: -7px;
    top: 50%;
    margin-left: 0;
    margin-top: -6px;
    border-right: 7px solid #a6a6a6;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 0;
}

#tips div.tip-bottom .arrow {
    bottom: auto;
    top: -7px;
    border-top: 0;
    border-bottom: 7px solid #a6a6a6;
}

#tips div.tip-left .arrow {
    bottom: auto;
    left: auto;
    top: 50%;
    right: -7px;
    margin-left: 0;
    margin-top: -6px;
    border-left: 7px solid #a6a6a6;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 0;
}

#tips div .arrow span {
    width: 0;
    position: absolute;
    z-index: 89;
    margin-left: -5px;
    top: -7px;
    border-top: 6px solid #ffffcc;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

#tips div.tip-right .arrow span {
    border-right: 6px solid #ffffcc;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 0;
    margin-left: 0;
    left: 1px;
    top: auto;
    margin-top: -5px;
}

#tips div.tip-bottom .arrow span {
    top: 1px;
    border-top: 0;
    border-bottom: 6px solid #ffffcc;
}

#tips div.tip-left .arrow span {
    border-left: 6px solid #ffffcc;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 0;
    margin-left: 0;
    right: 1px;
    top: auto;
    margin-top: -5px;
}

/***************** Loading tab ******************/
.loading-tab {
    background: #8e8e8e url(/mclls/javax.faces.resource/theme/ui/loading-tab-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #636363,
            #898989 25%,
            #8e8e8e
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#636363),
            to(#8e8e8e),
            color-stop(0.25, #898989)
    );
    border: 1px solid #b6b6b6;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
    color: white;
    padding: 0.5em 0.75em;
    line-height: 2em;
    margin-bottom: 1.667em;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}

.loading-tab.no-margin {
    border-width: 1px 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.block-controls + .loading-tab.no-margin {
    border-top: 0;
}

.with-padding .loading-tab.stick-to-top {
    border-top: 0;
    -moz-border-radius: 0 0 0.25em 0.25em;
    -webkit-border-bottom-left-radius: 0.25em;
    -webkit-border-bottom-right-radius: 0.25em;
    border-radius: 0 0 0.25em 0.25em;
    margin-top: -1em;
    margin-bottom: 0;
}

/**************** Loading mask ******************/
.loading-mask {
    position: absolute;
    z-index: 89;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: url(/mclls/javax.faces.resource/theme/ui/black50.png.html?appv=1.7);
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

.loading-mask span {
    position: absolute;
    z-index: 89;
    left: 50%;
    top: 50%;
    margin-top: -3.5em;
    margin-left: -4.5em;
    padding: 60px 1em 1em;
    min-width: 7em;
    line-height: 1.25em;
    text-align: center;
    color: white;
    background: black url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/mask-loader.gif.html?appv=1.7) no-repeat center 17px;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -webkit-background-clip: padding-box;
    border-radius: 0.5em;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

.loading-mask span.error {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/32/Delete.png.html?appv=1.7);
    color: red;
    cursor: pointer;
}

.loading-mask span a {
    color: white;
    font-weight: bold;
}

/**************** Progress bar ******************/
.progress-bar {
    display: inline-block;
    position: relative;
    z-index: 89;
    height: 1.167em;
    margin: 0 0.25em;
    width: 6em;
    padding: 0;
    -moz-border-radius: 0.167em;
    -webkit-border-radius: 0.167em;
    -webkit-background-clip: padding-box;
    border-radius: 0.167em;
    color: #333333;
    border: 1px solid #808080;
    min-width: auto;
    text-transform: none;
    background: #a5a5a5 url(/mclls/javax.faces.resource/theme/ui/progress-bar-bg.png.html?appv=1.7) repeat-x top !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            left,
            rgba(0, 0, 0, 0.2),
            rgba(0, 0, 0, 0) 3%,
            rgba(0, 0, 0, 0) 97%,
            rgba(0, 0, 0, 0.2)
    ), -moz-linear-gradient(
            top,
            #808080,
            #9b9b9b 15%,
            #c3c3c3 85%,
            #a5a5a5
    ) !important;
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(0, 0, 0, 0.2)),
            to(rgba(0, 0, 0, 0.2)),
            color-stop(0.03, rgba(0, 0, 0, 0)),
            color-stop(0.97, rgba(0, 0, 0, 0))
    ), -webkit-gradient(
            linear,
            left top, left bottom,
            from(#808080),
            to(#a5a5a5),
            color-stop(0.15, #9b9b9b),
            color-stop(0.85, #c3c3c3)
    ) !important;
    text-align: center;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    vertical-align: -0.083em;
}

/* IE class */
.ie7 .progress-bar {
    vertical-align: middle;
    margin-bottom: -0.083em;
}

.button .progress-bar {
    vertical-align: -0.333em;
}

.progress-bar:first-child {
    margin-left: 0;
}

/* IE class */
.progress-bar.first-child {
    margin-left: 0;
}

.progress-bar:last-child {
    margin-right: 0;
}

/* IE class */
.progress-bar.last-child {
    margin-right: 0;
}

.progress-bar > span,
.progress-bar > span.blue {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 0.75em;
    line-height: 1.333em;
    color: white;
    padding: 0;
    margin: 0;
    -moz-border-radius: 0.11em;
    -webkit-border-radius: 0.11em;
    border-radius: 0.11em;
    -webkit-background-clip: padding-box;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 1px black;
    -webkit-box-shadow: 0 0 1px black;
    box-shadow: 0 0 1px black;
    background: #4398c9 url(/mclls/javax.faces.resource/theme/ui/planning-bar-blue-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #b0cde5,
            #6ec3e3 15%,
            #0e62a8 73%,
            #4398c9
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#b0cde5),
            to(#4398c9),
            color-stop(0.15, #6ec3e3),
            color-stop(0.73, #0e62a8)
    );
}

.progress-bar > span.with-stripes,
.progress-bar > span.blue.with-stripes {
    background: #3399cc url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/loading-stripes.gif.html?appv=1.7);
    background-size: auto;
    -moz-background-size: auto;
    -webkit-background-size: auto;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/loading-stripes.png.html?appv=1.7), -moz-linear-gradient(
            top,
            #b0cde5,
            #6ec3e3 15%,
            #0e62a8 73%,
            #4398c9
    );
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/loading-stripes.gif.html?appv=1.7), -webkit-gradient(
            linear,
            left top, left bottom,
            from(#b0cde5),
            to(#4398c9),
            color-stop(0.15, #6ec3e3),
            color-stop(0.73, #0e62a8)
    );
}

.progress-bar > span.green {
    border-color: #15a80e;
    background: #56c943 url(/mclls/javax.faces.resource/theme/ui/planning-bar-green-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #b3e6b1,
            #8ae46f 15%,
            #15a80e 73%,
            #56c943
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#b3e6b1),
            to(#56c943),
            color-stop(0.15, #8ae46f),
            color-stop(0.73, #15a80e)
    );
}

.progress-bar > span.green.with-stripes {
    background: #33cc33 url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/loading-stripes.gif.html?appv=1.7);
    background-size: auto;
    -moz-background-size: auto;
    -webkit-background-size: auto;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/loading-stripes.png.html?appv=1.7), -moz-linear-gradient(
            top,
            #b3e6b1,
            #8ae46f 15%,
            #15a80e 73%,
            #56c943
    );
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/loading-stripes.gif.html?appv=1.7), -webkit-gradient(
            linear,
            left top, left bottom,
            from(#b3e6b1),
            to(#56c943),
            color-stop(0.15, #8ae46f),
            color-stop(0.73, #15a80e)
    );
}

.progress-bar > span.orange {
    border-color: #a8750e;
    background: #c99c43 url(/mclls/javax.faces.resource/theme/ui/planning-bar-orange-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #e6d4b1,
            #e4bd6f 15%,
            #a8750e 73%,
            #c99c43
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#e6d4b1),
            to(#c99c43),
            color-stop(0.15, #e4bd6f),
            color-stop(0.73, #a8750e)
    );
}

.progress-bar > span.orange.with-stripes {
    background: #ff9900 url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/loading-stripes.gif.html?appv=1.7);
    background-size: auto;
    -moz-background-size: auto;
    -webkit-background-size: auto;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/loading-stripes.png.html?appv=1.7), -moz-linear-gradient(
            top,
            #e6d4b1,
            #e4bd6f 15%,
            #a8750e 73%,
            #c99c43
    );
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/loading-stripes.gif.html?appv=1.7), -webkit-gradient(
            linear,
            left top, left bottom,
            from(#e6d4b1),
            to(#c99c43),
            color-stop(0.15, #e4bd6f),
            color-stop(0.73, #a8750e)
    );
}

.progress-bar > span.purple {
    border-color: #a10ea8;
    background: #b543c9 url(/mclls/javax.faces.resource/theme/ui/planning-bar-purple-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #e3b1e6,
            #c86fe4 15%,
            #a10ea8 73%,
            #b543c9
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#e3b1e6),
            to(#b543c9),
            color-stop(0.15, #c86fe4),
            color-stop(0.73, #a10ea8)
    );
}

.progress-bar > span.purple.with-stripes {
    background: #9933cc url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/loading-stripes.gif.html?appv=1.7);
    background-size: auto;
    -moz-background-size: auto;
    -webkit-background-size: auto;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/loading-stripes.png.html?appv=1.7), -moz-linear-gradient(
            top,
            #e3b1e6,
            #c86fe4 15%,
            #a10ea8 73%,
            #b543c9
    );
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/loading-stripes.gif.html?appv=1.7), -webkit-gradient(
            linear,
            left top, left bottom,
            from(#e3b1e6),
            to(#b543c9),
            color-stop(0.15, #c86fe4),
            color-stop(0.73, #a10ea8)
    );
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after,
.block-controls:after,
.side-tabs:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix,
.block-controls,
.side-tabs {
    display: inline-block;
}

* html .clearfix,
* html .block-controls,
* html .side-tabs {
    height: 1%;
}

.clearfix,
.block-controls,
.side-tabs {
    display: block;
}

/* ==================== */
/* = SELECT SITE PAGE = */
/* ==================== */

.gridCentered {
    width: 50%;
    margin: auto;
    display: block;
    padding-top: 150px;
}

.select-site-background {
    background: #464646;
}

/* ================== */
/* = DASHBOARD PAGE = */
/* ================== */
.display {
    display: block;
}

.h1-custom-with-menu {
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    background: -moz-linear-gradient(center top, white, #72C6E4 4%, #0C5FA5) repeat scroll 0 0 transparent;
    border-radius: 0.278em 0.278em 0.278em 0.278em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    /*     left: 0.5em; */
    /*     margin: 0; */
    position: absolute;
    /*     top: -0.444em; */
    padding-right: 1.667em;
    /* 	padding: 0.278em 0.444em 0.389em; */
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);

    color: white;
    /* 	font-size: 1.5em; */
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    border: 1px solid;
    border-color: #50a3c8 #297cb4 #083f6f;
    background: #0c5fa5 url(/mclls/javax.faces.resource/theme/ui/title-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            white,
            #72c6e4 4%,
            #0c5fa5
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#0c5fa5),
            color-stop(0.03, #72c6e4)
    );
    -moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
    /* 	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2); */
    padding: 0.278em 0.444em 0.389em;
}

.services-list {
    /* used for reduce the width of service icons*/
    width: 6.25em;
}

/************** Forms & pseudo-form **************/
.form fieldset,
.fieldset {
    border: 1px solid #d9d9d9;
    padding: 1em 1.667em 1.667em 1.667em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
}

/* IE class */
.ie7 .block-content .form fieldset.no-margin,
.ie7 .form.block-content fieldset.no-margin,
.ie7 .form .block-content fieldset.no-margin {
    display: block;
    width: 100%;
}

.fieldset {
    position: relative;
    z-index: 89;
    padding-top: 1.667em;
}

.with-legend {
    margin-top: 1em;
}

/* IE class */
.ie .form fieldset {
    padding-top: 0;
}

.ie .form fieldset.no-legend {
    padding-top: 1.667em;
}

.form legend,
.legend {
    margin-left: -0.833em;
}

.legend {
    position: absolute;
    left: 1.667em;
    top: -1.083em;
}

/* IE class */
.ie .form legend {
    margin-bottom: 1em;
    margin-top: -1em;
}

.ie .form .fieldset-with-legend {
    margin-top: 2em;
}

.ie .form .fieldset-with-legend-first-child {
    margin-top: 1em;
}

.form legend a,
.legend a {
    display: block;
    margin: -0.25em -0.333em -0.333em -0.5em;
    padding: 0.25em 20px 0.333em 0.5em;
    color: #666;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/chevron-off.png.html?appv=1.7) no-repeat right 60%;
}

.form legend a:hover,
.legend a:hover {
    color: #3399cc;
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/chevron.png.html?appv=1.7);
}

.form fieldset.collapsed,
.fieldset.collapsed {
    border: none;
    padding: 0;
    background: none;
}

.form fieldset.no-margin.collapsed,
.fieldset.no-margin.collapsed {
    padding-left: 1.667em;
}

.form fieldset.no-margin.collapsed:last-child,
.fieldset.no-margin.collapsed:last-child {
    padding-bottom: 1.667em;
}

/* IE class */
.form fieldset.no-margin.collapsed.last-child,
.fieldset.no-margin.collapsed.last-child {
    padding-bottom: 0.667em;
}

.form fieldset.collapsed > *,
.fieldset.collapsed > * {
    display: none;
    margin-bottom: 1.667em;
}

.form fieldset.collapsed legend,
.fieldset.collapsed .legend {
    display: block;
    margin-left: 0;
}

.ie7 .form fieldset.collapsed legend,
.ie7 .fieldset.collapsed .legend {
    display: inline-block;
}

.form fieldset.collapsed legend a,
.fieldset.collapsed .legend a {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/chevron-expand-off.png.html?appv=1.7);
}

.form fieldset.collapsed legend a:hover,
.fieldset.collapsed .legend a:hover {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/chevron-expand.png.html?appv=1.7);
}

fieldset legend .show-expanded, .fieldset .legend .show-expanded {
    display: inline;
}

fieldset legend .show-collapsed, .fieldset .legend .show-collapsed {
    display: none;
}

fieldset.collapsed legend .show-expanded, .fieldset.collapsed .legend .show-expanded {
    display: none;
}

fieldset.collapsed legend .show-collapsed, .fieldset.collapsed .legend .show-collapsed {
    display: inline;
}

.block-content .form fieldset.no-margin,
.block-content.form fieldset.no-margin,
.form .block-content fieldset.no-margin,
.block-content .fieldset.no-margin {
    border-color: #999999;
    border-width: 1px 0 1px 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
}

.form fieldset.no-margin legend,
.fieldset.no-margin .legend {
    margin-left: 0;
}

/* IE class */
.ie7 .form fieldset.no-margin legend {
    margin-left: -0.667em;
}

.form fieldset:last-child,
.fieldset:last-child {
    margin-bottom: 0;
}

/* IE class */
.form fieldset.last-child,
.fieldset.last-child {
    margin-bottom: 0;
}

.block-content .form fieldset.no-margin:last-child,
.block-content.form fieldset.no-margin:last-child,
.form .block-content fieldset.no-margin:last-child,
section .fieldset.no-margin:last-child {
    border-bottom: 0;
    -moz-border-radius: 0 0 0.167em 0.167em;
    -webkit-border-bottom-left-radius: 0.167em;
    -webkit-border-bottom-right-radius: 0.167em;
    border-radius: 0 0 0.167em 0.167em;
}

/* IE class */
.block-content .form fieldset.no-margin.last-child,
.block-content.form fieldset.no-margin.last-child,
.form .block-content fieldset.no-margin.last-child,
.fieldset.no-margin.last-child {
    border-bottom: 0;
}

.form label,
.form .label {
    color: #808080;
    font-weight: bold;
    display: block;
    margin-bottom: 0.5em;
}

.form label.light,
.form .label.light {
    font-weight: normal;
    color: #777;
}

.form label.inline,
.form .label.inline {
    display: inline;
    float: none;
    margin: 0;
    font-weight: normal;
}

.form .required label,
.form .required .label,
.form label.required,
.form .label.required,
.form label.inline.required,
.form .label.inline.required {
    color: black;
}

.form .required label:after,
.form .required .label:after,
.form label.required:after,
.form .label.required:after {
    color: red;
    content: " *";
}

/** IE class **/
.form .required-label-before {
    color: red;
}

p.inline-label,
.inline-label p {
    padding-left: 20em;
}

p.inline-mini-label,
.inline-mini-label p {
    padding-left: 5em;
}

p.inline-small-label,
.inline-small-label p {
    padding-left: 11em;
}

p.inline-medium-label,
.inline-medium-label p {
    padding-left: 15em;
}

.inline-label label,
.inline-label .label,
.inline-mini-label label,
.inline-mini-label .label,
.inline-small-label label,
.inline-small-label .label,
.inline-medium-label label,
.inline-medium-label .label {
    display: block;
    float: left;
    color: #333333;
    padding: 0.667em 0 0.583em;
}

.inline-label label,
.inline-label .label {
    width: 19em;
    margin-left: -20em;
}

.inline-mini-label label,
.inline-mini-label .label {
    width: 4em;
    margin-left: -5em;
}

.inline-small-label label,
.inline-small-label .label {
    width: 10em;
    margin-left: -11em;
}

.inline-medium-label label,
.inline-medium-label .label {
    width: 14em;
    margin-left: -15em;
}

/** IE class **/
.form input[type=text],
.form input[type=password],
.form .input-type-text {
    font-size: 1em;
    line-height: 1em;
    color: #333333;
    padding: 0.5em;
    border: 1px solid #89bad3;
    background: white url(/mclls/javax.faces.resource/theme/ui/input-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #d4d4d4,
            #ebebeb 3px,
            white 27px
    ), white;
    background: -webkit-gradient(
            linear,
            left 0px, left 27px,
            from(#d4d4d4),
            to(white),
            color-stop(0.12, #ebebeb)
    ), white;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
}

.form input[type=text],
.form input[type=password] {
    padding-bottom: 0.583em;
}

.form input[type=text]:focus,
.form input[type=password]:focus,
.form .input-type-text:focus,
.form select:focus,
.form textarea:focus {
    border-color: #3399cc;
}

/** IE selector **/
.form .input-focus {
    border-color: #3399cc;
}

.form span.input-type-text {
    display: inline-block;
}

/** IE class **/
.ie7 .form p.input-type-text {
    display: inline-block;
}

.form .input-type-text input[type=text],
.form .input-type-text input[type=password] {
    padding: 0;
    border: none;
    background: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    margin: 0 0 1px 0;
}

/** IE class **/
.ie7 .form .input-type-text input[type=text] {
    float: left;
}

.form .input-type-text img {
    margin: 0 0 -3px 0.2em;
}

.form select,
.form textarea {
    color: #333333;
    font-size: 1em;
    padding: 0.417em;
    border: 1px solid #89bad3;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
}

.form textarea {
    background: white url(/mclls/javax.faces.resource/theme/ui/input-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #d4d4d4,
            #ebebeb 3px,
            white 27px
    ), white;
    background: -webkit-gradient(
            linear,
            left 0px, left 27px,
            from(#d4d4d4),
            to(white),
            color-stop(0.12, #ebebeb)
    ), white;
}

.form select {
    font-size: 1.083em;
    padding: 0.385em;
}

.form input[type=text].small,
.form input[type=password].small,
.form select.small,
.form textarea.small {
    font-size: 1em;
    padding: 0.167em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
}

.form input[type=text].small,
.form input[type=password].small {
    padding: 0.25em;
}

.form input[type=text].smaller,
.form input[type=password].smaller,
.form select.smaller,
.form textarea.smaller {
    font-size: 1em;
    padding: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
}

.form input[type=text].big,
.form input[type=password].big,
.form select.big,
.form textarea.big {
    font-size: 1.5em;
}

.form input[type=text].bigger,
.form input[type=password].bigger,
.form select.bigger,
.form textarea.bigger {
    font-size: 2.5em;
}

.form input[type=radio],
.form input[type=checkbox] {
    vertical-align: -9%;
    margin: 0;
    padding: 0;
}

/** IE class **/
.form .input-type-check {
    vertical-align: -7%;
}

.form input[type=radio] + label,
.form input[type=checkbox] + label {
    color: #333333;
    font-weight: normal;
    display: inline;
    margin-bottom: 0;
    padding-right: 0.5em;
}

/** IE class **/
.form .input-type-check-label {
    color: #333333;
    font-weight: normal;
    display: inline;
    margin-bottom: 0;
    padding-right: 0.5em;
}

.form input[type=radio] + label:last-child,
.form input[type=checkbox] + label:last-child {
    padding-right: 0;
}

/** IE class **/
.form .input-type-check-label-last-child {
    padding-right: 0;
}

.checkable-list {
    padding-top: 0.333em;
    line-height: 1.25em;
}

.checkable-list li {
    padding: 0 0 0.75em 1.25em;
}

.checkable-list li:last-child {
    padding-bottom: 0;
}

/** IE class **/
.checkable-list li.last-child {
    padding-bottom: 0;
}

.checkable-list li input[type=radio],
.checkable-list li input[type=checkbox] {
    float: left;
    vertical-align: baseline;
    margin: 1px 0 0 -1.167em;
}

/** IE class **/
.ie .checkable-list li input[type=radio],
.ie .checkable-list li input[type=checkbox] {
    margin: -3px 0 0 -1.25em;
}

.checkable-list li .input-type-radio,
.checkable-list li .input-type-checkbox {
    float: left;
    margin: -3px 0 0 -1.25em;
}

.full-width {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.ie7 .full-width {
    width: 93%;
}

.ie7 select.full-width {
    width: 100%;
}

.input-with-button input[type=text] {
    width: 65%;
    margin-right: 3%;
}

/** IE class **/
.input-with-button .input-type-text {
    width: 65%;
    margin-right: 3%;
}

.input-with-button select {
    width: 70%;
    margin-right: 3%;
}

.input-with-button button {
    width: 25%;
}

.input-height {
    display: block;
    line-height: 1em;
    padding: 0.583em 0 0.75em;
    border: 1px solid transparent;
}

.input-height.grey-bg {
    background: #cccccc;
    border: 1px solid #cccccc;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
    padding-left: 0.75em;
    padding-right: 0.75em;
}

p.input-height,
p.input-height.grey-bg {
    line-height: 1.25em;
    padding-top: 0.5em;
    padding-bottom: 0.583em;
}

.one-line-input {
    text-align: right;
}

.one-line-input label {
    float: left;
    margin: 0.2em 0 0 0;
}

.form input[type=text].error,
.form input[type=password].error,
.form .input-type-text.error,
.form select.error {
    border-color: #CC0000;
}

.form input[type=text]:disabled,
.form input[type=password]:disabled,
.form .input-type-text:disabled,
.form select:disabled,
.form textarea:disabled {
    color: #BBB;
}

.check-ok,
.check-error,
.check-warning,
.check-info {
    display: block;
    position: absolute;
    z-index: 89;
    width: 16px;
    height: 16px;
    right: -8px;
    top: -8px;
}

.check-ok {
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/tick-circle-blue.png.html?appv=1.7) no-repeat;
}

.check-error {
    background: url(/mclls/javax.faces.resource/shared/icons/cancel_cross-red-circle_16.png.html?appv=1.7) no-repeat;
}

.check-warning {
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/exclamation-diamond.png.html?appv=1.7) no-repeat;
}

.check-info {
    background: url(/mclls/javax.faces.resource/shared/icons/information_i-ocre_16.png.html?appv=1.7) no-repeat;
}

span.relative > input + .check-ok,
span.relative > select + .check-ok,
span.relative > input + .check-error,
span.relative > select + .check-error,
span.relative > input + .check-warning,
span.relative > select + .check-warning,
span.relative > input + .check-info,
span.relative > select + .check-info {
    margin-top: -0.667em;
    right: -4px;
}

p span.relative > input + .check-ok,
p span.relative > select + .check-ok,
p span.relative > input + .check-error,
p span.relative > select + .check-error,
p span.relative > input + .check-warning,
p span.relative > select + .check-warning,
p span.relative > input + .check-info,
p span.relative > select + .check-info {
    margin-top: -0.583em;
}

/*
	Variable Grid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display: inline;
    float: left;
    margin-left: 0.99%;
    margin-right: 0.99%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
    width: 6.333%;
}

.container_12 .grid_2 {
    width: 14.667%;
}

.container_12 .grid_3 {
    width: 23.0%;
}

.container_12 .grid_4 {
    width: 31.333%;
}

.container_12 .grid_5 {
    width: 39.667%;
}

.container_12 .grid_6 {
    width: 48.0%;
}

.container_12 .grid_7 {
    width: 56.333%;
}

.container_12 .grid_8 {
    width: 64.667%;
}

.container_12 .grid_9 {
    width: 73.0%;
}

.container_12 .grid_10 {
    width: 81.333%;
}

.container_12 .grid_11 {
    width: 89.667%;
}

.container_12 .grid_12 {
    width: 98.0%;
}

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
    padding-left: 8.333%;
}

.container_12 .prefix_2 {
    padding-left: 16.667%;
}

.container_12 .prefix_3 {
    padding-left: 25.0%;
}

.container_12 .prefix_4 {
    padding-left: 33.333%;
}

.container_12 .prefix_5 {
    padding-left: 41.667%;
}

.container_12 .prefix_6 {
    padding-left: 50.0%;
}

.container_12 .prefix_7 {
    padding-left: 58.333%;
}

.container_12 .prefix_8 {
    padding-left: 66.667%;
}

.container_12 .prefix_9 {
    padding-left: 75.0%;
}

.container_12 .prefix_10 {
    padding-left: 83.333%;
}

.container_12 .prefix_11 {
    padding-left: 91.667%;
}

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
    padding-right: 8.333%;
}

.container_12 .suffix_2 {
    padding-right: 16.667%;
}

.container_12 .suffix_3 {
    padding-right: 25.0%;
}

.container_12 .suffix_4 {
    padding-right: 33.333%;
}

.container_12 .suffix_5 {
    padding-right: 41.667%;
}

.container_12 .suffix_6 {
    padding-right: 50.0%;
}

.container_12 .suffix_7 {
    padding-right: 58.333%;
}

.container_12 .suffix_8 {
    padding-right: 66.667%;
}

.container_12 .suffix_9 {
    padding-right: 75.0%;
}

.container_12 .suffix_10 {
    padding-right: 83.333%;
}

.container_12 .suffix_11 {
    padding-right: 91.667%;
}

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
    left: 8.333%;
}

.container_12 .push_2 {
    left: 16.667%;
}

.container_12 .push_3 {
    left: 25.0%;
}

.container_12 .push_4 {
    left: 33.333%;
}

.container_12 .push_5 {
    left: 41.667%;
}

.container_12 .push_6 {
    left: 50.0%;
}

.container_12 .push_7 {
    left: 58.333%;
}

.container_12 .push_8 {
    left: 66.667%;
}

.container_12 .push_9 {
    left: 75.0%;
}

.container_12 .push_10 {
    left: 83.333%;
}

.container_12 .push_11 {
    left: 91.667%;
}

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
    left: -8.333%;
}

.container_12 .pull_2 {
    left: -16.667%;
}

.container_12 .pull_3 {
    left: -25.0%;
}

.container_12 .pull_4 {
    left: -33.333%;
}

.container_12 .pull_5 {
    left: -41.667%;
}

.container_12 .pull_6 {
    left: -50.0%;
}

.container_12 .pull_7 {
    left: -58.333%;
}

.container_12 .pull_8 {
    left: -66.667%;
}

.container_12 .pull_9 {
    left: -75.0%;
}

.container_12 .pull_10 {
    left: -83.333%;
}

.container_12 .pull_11 {
    left: -91.667%;
}

/**
 * Styles for the standard template
 */

html {
    min-height: 100%;
    overflow-x: hidden;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/bg.png.html?appv=1.7) no-repeat center top;
    min-height: 100%;
}

textarea, input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**************** Generic classes ***************/
h2.bigger, h3.bigger,
h2.big, h3.big {
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}

/******************* Columns ********************/
.columns {
    margin-bottom: 1.667em;
    position: relative;
}

.columns:last-child {
    margin-bottom: 0;
}

/** IE class **/
.columns.last-child {
    margin-bottom: 0;
}

/* 2 columns */
.colx2-left {
    width: 48%;
    float: left;
    margin-bottom: 0;
}

.colx2-right {
    width: 48%;
    float: right;
    margin-bottom: 0;
}

/* 3 columns */
.colx3-left {
    width: 31%;
    float: left;
    margin-bottom: 0;
}

.colx3-left-double {
    width: 64.5%;
    float: left;
    margin-bottom: 0;
}

.colx3-center {
    width: 31%;
    float: left;
    margin-left: 3.5%;
    margin-bottom: 0;
}

.colx3-right {
    width: 31%;
    float: right;
    margin-bottom: 0;
}

.colx3-right-double {
    width: 62.5%;
    float: right;
    margin-bottom: 0;
}

/* 200px fixed-width left column */
.col200pxL-left {
    width: 200px;
    float: left;
}

.col200pxL-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
}

.col200pxL-right {
    margin-left: 200px;
}

/* 200px fixed-width right column */
.col200pxR-left {
    margin-right: 200px;
}

.col200pxR-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 180px;
}

.col200pxR-right {
    width: 200px;
    float: right;
}

/************* Button-style images **************/
.button img,
.form legend img,
.legend img,
.mini-menu img {
    margin-bottom: -4px;
}

/******************** Header ********************/
header {
    color: #666666;
    text-transform: uppercase;
    position: absolute;
    z-index: 88;
    top: 0;
    left: 0;
    width: 100%;
    white-space: nowrap;
    text-align: right;
}

header .server-info {
    display: inline-block;
    border-top: 0;
    padding: 0 1em;
    color: white;
    background: url(/mclls/javax.faces.resource/theme/ui/server-status-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            rgba(64, 64, 64, 0.3),
            rgba(255, 255, 255, 0.2)
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(64, 64, 64, 0.3)),
            to(rgba(255, 255, 255, 0.2))
    );
    margin-left: 0.5em;
    height: 2.6em;
    line-height: 2.6em;
    vertical-align: top;
    font-size: 0.833em;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
    -moz-border-radius: 0 0 0.4em 0.4em;
    -webkit-border-radius: 0.4em;
    -webkit-background-clip: padding-box;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-radius: 0 0 0.4em 0.4em;
}

.ie7 header .server-info {
    display: inline;
    zoom: 1;
}

#skin-name {
    display: inline-block;
    margin: 0 0.7em 0 0;
    color: #B0B0B0;
    color: rgba(255, 255, 255, 0.75);
}

.ie7 #skin-name {
    display: inline;
    zoom: 1;
}

#skin-name small {
    float: left;
    font-size: 0.75em;
    line-height: 1.111em;
    text-transform: uppercase;
    color: #B0B0B0;
    color: rgba(255, 255, 255, 0.75);
    padding-top: 0.555em;
    text-align: right;
}

#skin-name strong {
    font-size: 2em;
    line-height: 1.333em;
    margin-left: 0.167em;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    letter-spacing: -0.09em;
}

.ie #skin-name strong {
    padding-right: 0.083em;
}

nav {
    height: 69px;
    padding-top: 1.25em;
    background: #3399cc url(/mclls/javax.faces.resource/theme/ui/main-nav-bg.png.html?appv=1.7) repeat-x bottom;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(top, #014a7d, #3399cc);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#014a7d), to(#3399cc));
    -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
}

nav > ul {
    padding-top: 4px;
    position: relative;
    z-index: 100;
}

nav > ul > li {
    width: 64px;
    height: 69px;
    float: left;
    background-position: center -54px;
    background-repeat: no-repeat;
}

nav > ul > li > a {
    display: block;
    height: 69px;
    background-repeat: no-repeat;
    background-position: 8px 14px;
    overflow: hidden;
    text-indent: 200px;
    white-space: nowrap;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: opacity 2s;
    -webkit-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
}

nav > ul > li.home, nav > ul > li.home > a {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/home_2states.png.html?appv=1.7);
}

nav > ul > li.write, nav > ul > li.write > a {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/write_2states.png.html?appv=1.7);
}

nav > ul > li.comments, nav > ul > li.comments > a {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/comments_2states.png.html?appv=1.7);
}

nav > ul > li.medias, nav > ul > li.medias > a {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/medias_2states.png.html?appv=1.7);
}

nav > ul > li.users, nav > ul > li.users > a {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/users_2states.png.html?appv=1.7);
}

nav > ul > li.stats, nav > ul > li.stats > a {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/stats_2states.png.html?appv=1.7);
}

nav > ul > li.settings, nav > ul > li.settings > a {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/settings_2states.png.html?appv=1.7);
}

nav > ul > li.backup, nav > ul > li.backup > a {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/backup_2states.png.html?appv=1.7);
}

nav > ul > li.current {
    padding: 0 8px 13px 8px;
    margin: 0 -8px -13px -8px;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/tab-bg.png.html?appv=1.7) no-repeat;
}

nav > ul > li.current > a,
nav > ul > li > a:hover {
    opacity: 1;
    filter: none;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

nav > ul > li > ul {
    position: absolute;
    left: 0;
    top: 70px;
    display: none;
    padding-top: 0.333em;
    background: none;
}

nav > ul > li.current > ul {
    display: block;
}

nav > ul > li > ul > li,
#sub-nav a.nav-button {
    display: block;
    float: left;
    height: 2.2em;
    font-size: 0.833em;
    line-height: 2.2em;
    padding: 0.1em;
    width: auto;
    background: #465a6e url(/mclls/javax.faces.resource/theme/ui/subnav-bt-border-bg.png.html?appv=1.7) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(top, #9faab6, #465a6e);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9faab6), to(#465a6e));
    margin-right: 0.5em;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    color: white;
    text-transform: uppercase;
    -moz-box-shadow: 0 0 7px #000000;
    -webkit-box-shadow: 0 0 7px #000000;
    box-shadow: 0 0 7px #000000;
    text-decoration: none;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

nav > ul > li > ul > li.current {
    height: 3.1em;
    line-height: 3.1em;
    color: #333;
    padding: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #dadada url(/mclls/javax.faces.resource/theme/ui/subnav-current-bt-border-bg.png.html?appv=1.7) repeat-x;
    background: -moz-linear-gradient(
            top,
            white,
            #dadada 7%,
            #dadada
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#dadada),
            color-stop(0.07, #dadada)
    );
}

nav > ul > li > ul > li > a,
#sub-nav a.nav-button > b {
    display: block;
    height: 2.2em;
    line-height: 2.2em;
    width: auto;
    padding: 0 1em;
    color: white;
    text-indent: 0;
    text-decoration: none;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -webkit-background-clip: padding-box;
    border-radius: 0.3em;
    font-weight: normal;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

nav > ul > li > ul > li > a,
#sub-nav a.nav-button > b,
nav > ul > li > ul > li.with-menu .menu,
nav > ul > li > ul > li.menu-opener .menu-arrow {
    background: #1d2a36 url(/mclls/javax.faces.resource/theme/ui/subnav-bt-bg.png.html?appv=1.7) repeat-x !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(top, #858d95, #46505b 50%, #38424d 50%, #1c2733) !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#858d95), to(#1c2733), color-stop(.5, #46505b), color-stop(.5, #38424d)) !important;
}

nav > ul > li > ul > li.current > a {
    background: none !important;
    height: 2.8em;
    line-height: 2.8em;
    color: #333;
}

nav > ul > li > ul > li:hover,
#sub-nav a.nav-button:hover {
    background: #6dc0e5 url(/mclls/javax.faces.resource/theme/ui/subnav-bt-hover-border-bg.png.html?appv=1.7) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(top, #cbe9f7, #6dc0e5);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cbe9f7), to(#6dc0e5));
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

nav > ul > li > ul > li.current:hover {
    background: #dadada url(/mclls/javax.faces.resource/theme/ui/subnav-current-bt-border-bg.png.html?appv=1.7) repeat-x;
    background: -moz-linear-gradient(
            top,
            white,
            #dadada 7%,
            #dadada
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#dadada),
            color-stop(0.07, #dadada)
    );
}

nav > ul > li > ul > li > a:hover,
#sub-nav a.nav-button:hover > b,
nav > ul > li > ul > li.with-menu .menu:hover,
nav > ul > li > ul > li.menu-opener:hover .menu-arrow {
    background: #305d79 url(/mclls/javax.faces.resource/theme/ui/subnav-bt-hover-bg.png.html?appv=1.7) repeat-x !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(left, rgba(109, 192, 229, 0), rgba(109, 192, 229, 0.2) 25%, rgba(109, 192, 229, 0.4) 50%, rgba(109, 192, 229, 0.3) 75%, rgba(109, 192, 229, 0)),
    -moz-linear-gradient(top, #afc2cf, #537288 50%, #45667c 50%, #2c526b) !important;
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(109, 192, 229, 0)), to(rgba(109, 192, 229, 0)), color-stop(.25, rgba(109, 192, 229, 0.3)), color-stop(.5, rgba(109, 192, 229, 0.4)), color-stop(.75, rgba(109, 192, 229, 0.3))),
    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afc2cf), to(#2c526b), color-stop(.5, #537288), color-stop(.5, #45667c)) !important;
    -moz-box-shadow: 0 0 7px #cbe9f7;
    -webkit-box-shadow: 0 0 7px #cbe9f7;
    box-shadow: 0 0 7px #cbe9f7;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

nav > ul > li > ul > li.current > a:hover {
    background: none !important;
    color: #666;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#sub-nav {
    border-top: 1px solid #ff6500;
    height: 2.667em;
    line-height: 2.667em;
    background: black url(/mclls/javax.faces.resource/theme/ui/subnav-bg.png.html?appv=1.7) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(top, #303135, #3c3d42 6%, #404447 18%, #34383b 50%, #25292c 50%, #1a1b1f 63%, black);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#303135), to(black), color-stop(.06, #3c3d42), color-stop(.18, #404447), color-stop(.5, #34383b), color-stop(.5, #25292c), color-stop(.63, #1a1b1f));
    text-align: right;
    color: white;
}

#sub-nav a.nav-button {
    float: right;
    margin: 0.417em 0 0 1em;
}

/* IE class */
.ie7 #sub-nav a.nav-button {
    margin-top: 0.333em;
}

#status-bar {
    height: 3.25em;
    line-height: 3.167em;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    border-bottom: 1px solid #969696;
    text-align: right;
    color: #7b7b7b;
}

#status-infos {
    float: right;
    margin-bottom: 0;
}

#status-infos > li {
    float: left;
    margin-left: 0.5em;
    position: relative;
    z-index: 90;
}

#status-infos > li.spaced {
    padding-right: 0.5em;
}

#breadcrumb {
    float: left;
    border: 1px solid;
    border-color: #0099cc #006699 #003366;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    height: 1.75em;
    line-height: 1.5em;
    margin: 0.667em 1em 0 0;
    background: #0c5fa5 url(/mclls/javax.faces.resource/theme/ui/breadcrumb-bg.png.html?appv=1.7) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            white,
            #72c6e4 5%,
            #0c5fa5
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#0c5fa5),
            color-stop(0.05, #72c6e4)
    );
}

#breadcrumb li {
    float: left;
    color: white;
    height: 1.75em;
    padding: 0.083em 1em 0 0;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/breadcrumb-sep.png.html?appv=1.7) no-repeat right center;
}

#breadcrumb li:last-child {
    padding-right: 0;
    background: none;
}

/* IE class */
#breadcrumb li.last-child {
    padding-right: 0;
    background: none;
}

#breadcrumb li a,
#breadcrumb li span {
    display: block;
    height: 1.667em;
    color: white;
    text-decoration: none;
    padding: 0 0.75em 0 0.667em;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

#breadcrumb li a:hover {
    background: -moz-linear-gradient(left, rgba(109, 192, 229, 0), rgba(109, 192, 229, 0.8) 25%, rgba(109, 192, 229, 1) 50%, rgba(109, 192, 229, 0.8) 75%, rgba(109, 192, 229, 0));
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(109, 192, 229, 0)), to(rgba(109, 192, 229, 0)), color-stop(.25, rgba(109, 192, 229, 0.8)), color-stop(.5, rgba(109, 192, 229, 1)), color-stop(.75, rgba(109, 192, 229, 0.8)));
    -moz-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
}

#breadcrumb li img {
    margin-bottom: -4px;
}

#header-shadow {
    background: url(/mclls/javax.faces.resource/theme/ui/status-bar-shadow.png.html?appv=1.7) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 0.75em;
    position: absolute;
    z-index: 87;
    left: 0;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)), color-stop(.3, rgba(0, 0, 0, 0.1)));
}

/***************** Result block *****************/
.result-block {
    position: absolute;
    z-index: 90;
    top: 1.667em;
    right: -0.25em;
    min-width: 20em;
    background: white;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -webkit-background-clip: padding-box;
    border-radius: 0.5em;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    padding: 1em;
    line-height: 1em;
    text-align: left;
    color: #333333;
}

/* IE class */
.ie .result-block {
    border: 1px solid #ccc;
}

#status-infos .result-block {
    top: 2.667em;
    display: none;
}

#status-infos > li:hover .result-block {
    display: block;
}

.result-block h2 {
    float: left;
    color: black;
}

.result-block div {
    margin-bottom: 1.667em;
}

.result-block div:last-child {
    margin-bottom: 0;
}

/* IE class */
.result-block div.last-child {
    margin-bottom: 0;
}

.result-block .arrow {
    font-size: 0;
    line-height: 0;
    width: 0;
    position: absolute;
    z-index: 89;
    right: 20px;
    top: -5px;
    border-bottom: 5px solid #666666;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

.result-block .arrow span {
    width: 0;
    position: absolute;
    z-index: 89;
    left: -2px;
    bottom: -5px;
    border-bottom: 4px solid white;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}

.result-block .results-count {
    float: right;
    text-transform: uppercase;
    color: #b0b0b0;
    font-size: 0.75em;
    white-space: nowrap;
    margin-left: 1em;
}

.result-block .results-count strong {
    color: #999999;
}

.result-block ul {
    clear: both;
}

.result-block ul li {
    white-space: nowrap;
}

.search-more,
.search-less {
    display: block;
    color: #999999;
    font-size: 0.75em;
    text-transform: uppercase;
    padding: 0.333em 0;
    text-align: center;
    background: url(/mclls/javax.faces.resource/theme/ui/search-more-shadow.png.html?appv=1.7) no-repeat center bottom;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 1),
            rgba(255, 255, 255, 0)
    ), -moz-linear-gradient(
            left,
            #ffffff,
            #ebebeb 50%,
            #ffffff
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 1)),
            to(rgba(255, 255, 255, 0))
    ), -webkit-gradient(
            linear,
            left top, right top,
            from(#ffffff),
            to(#ffffff),
            color-stop(0.5, #ebebeb)
    );
}

.search-more:hover,
.search-less:hover {
    color: #3399cc;
}

ul + .search-more,
ul + .search-less {
    margin-top: -1.333em;
}

ul.small-pagination + .search-more,
ul.small-pagination + .search-less {
    margin-top: -0.667em;
}

.search-more:before {
    content: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/search-more-arrow.png.html?appv=1.7);
    padding-right: 0.556em;
}

.search-more:hover:before {
    content: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/search-more-arrow-hover.png.html?appv=1.7);
}

.search-more:after {
    content: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/search-more-arrow.png.html?appv=1.7);
    padding-left: 0.556em;
}

.search-more:hover:after {
    content: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/search-more-arrow-hover.png.html?appv=1.7);
}

.search-less:before {
    content: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/search-less-arrow.png.html?appv=1.7);
    padding-right: 0.556em;
}

.search-less:hover:before {
    content: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/search-less-arrow-hover.png.html?appv=1.7);
}

.search-less:after {
    content: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/search-less-arrow.png.html?appv=1.7);
    padding-left: 0.556em;
}

.search-less:hover:after {
    content: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/search-less-arrow-hover.png.html?appv=1.7);
}

.result-block hr {
    height: 1px;
    line-height: 1px;
    border: 0;
    margin-top: 0;
    clear: both;
    background: #ffffff url(/mclls/javax.faces.resource/theme/ui/search-sep-bg.png.html?appv=1.7) repeat-y left;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            left,
            #ffffff,
            #cccccc 50%,
            #ffffff
    );
    background: -webkit-gradient(
            linear,
            left top, right top,
            from(#ffffff),
            to(#ffffff),
            color-stop(0.5, #cccccc)
    );
}

.result-block .result-info {
    background: #333333;
    color: white;
    padding: 0.417em 0.75em 0.583em;
    margin: 0 -1em -1em -1em;
    -moz-border-radius: 0 0 0.5em 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    border-radius: 0 0 0.5em 0.5em;
    white-space: nowrap;
}

.result-block .result-info a {
    color: #77ccff;
}

.result-block .arrow:first-child + .result-info:last-child {
    margin-top: -1em;
    border-top: 1px solid #999999;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -webkit-background-clip: padding-box;
    border-radius: 0.5em;
}

/* IE class */
.result-block .result-info.first-last-child {
    margin-top: -1em;
    border-top: 1px solid #999999;
}

.result-block div + .result-info,
.result-block p + .result-info,
.result-block ul + .result-info {
    margin-top: -0.5em;
}

.result-block .result-info.loading {
    padding-left: 2.667em;
    background: #333333 url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/table-loader.gif.html?appv=1.7) no-repeat 0.75em center;
}

/***************** Search block *****************/
#search-form {
    display: inline;
    position: relative;
    z-index: 91;
}

/********** Always visible control bar **********/
#control-bar {
    padding: 1em 0;
    text-align: center;
}

#control-bar.grey-bg {
    border-bottom: 1px solid #efefef;
    border-bottom: 1px solid rgba(255, 255, 255, 0.65);
    background: url(/mclls/javax.faces.resource/theme/ui/control-bar-bg.png.html?appv=1.7) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            rgba(0, 0, 0, 0.2),
            rgba(0, 0, 0, 0.1)
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(0, 0, 0, 0.2)),
            to(rgba(0, 0, 0, 0.1))
    );
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
}

#cb-place-holder {
    display: none;
}

#control-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 999950;
    background: url(/mclls/javax.faces.resource/theme/ui/black50.png.html?appv=1.7);
    background: rgba(0, 0, 0, 0.5);
}

#control-bar.fixed.grey-bg {
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/**************** Standard block ****************/
article {
    margin-top: 3em;
}

#control-bar + article,
#cb-place-holder + article {
    margin-top: 2em;
}

.block-content h1,
.block-content .h1 {
    position: absolute;
    left: 0.5em;
    top: -0.444em;
    margin: 0;
    z-index: 100;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 0.278em;
    -webkit-border-radius: 0.278em;
    -webkit-background-clip: padding-box;
    border-radius: 0.278em;
}

/* IE class */
.ie .block-content h1,
.ie .block-content .h1 {
    padding: 0.333em 0.444em;
}

.block-content .h1 h1 {
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    padding: 0;
}

.block-content h1 > a,
.block-content .h1 > a,
a.h1-link {
    display: block;
    position: absolute;
    top: -1px;
    left: 100%;
    margin-left: 0.5em;
    font-size: 0.778em;
    text-transform: uppercase;
    color: #cccccc;
    border: 1px solid;
    border-color: #7e9098 #61727b #2b373d;
    background: #40535c url(/mclls/javax.faces.resource/theme/ui/title-link-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            white,
            #9eb1ba 4%,
            #40535c
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#40535c),
            color-stop(0.03, #9eb1ba)
    );
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 0.286em;
    -webkit-border-radius: 0.286em;
    -webkit-background-clip: padding-box;
    border-radius: 0.286em;
    line-height: 1.143em;
    padding: 0.5em 0.571em;
    white-space: nowrap;
}

/* IE class */
.ie7 .block-content h1 > a,
.ie7 .block-content .h1 > a,
.ie7 a.h1-link {
    padding: 0.429em 0.571em;
}

.block-content h1 > a:hover,
.block-content .h1 > a:hover,
a.h1-link:hover {
    color: white;
    border-color: #1eafdc #1193d5 #035592;
    background: #057fdb url(/mclls/javax.faces.resource/theme/ui/title-link-hover-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            white,
            #2bcef3 4%,
            #057fdb
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#057fdb),
            color-stop(0.03, #2bcef3)
    );
}

.block-content h1 > a img,
.block-content .h1 > a img,
a.h1-link img {
    margin-bottom: -3px;
}

.red .block-content h1 > a:hover,
.red .block-content .h1 > a:hover,
.block-content.red h1 > a:hover,
.block-content.red .h1 > a:hover,
.block-content .red h1 > a:hover,
.block-content .red .h1 > a:hover,
.block-content h1.red > a:hover,
.block-content .h1.red > a:hover {
    border-color: #c24949 #9d3d3d #590909;
    background: #9d0404 url(/mclls/javax.faces.resource/theme/ui/button-element-red-hover-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            white,
            #fe6565 4%,
            #9d0404
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#9d0404),
            color-stop(0.03, #fe6565)
    );
}

.block-content {
    padding-top: 2.833em;
}

.block-content.no-title {
    padding-top: 1.667em;
}

.block-content.no-padding.no-title {
    padding-top: 0;
}

/***************** Block header *****************/
.block-header {
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}

.block-content .block-header:first-child,
.block-content h1:first-child + .block-header,
.block-content .h1:first-child + .block-header {
    margin-top: -1.417em;
    -moz-border-radius: 0.083em 0.083em 0 0;
    -webkit-border-top-left-radius: 0.083em;
    -webkit-border-top-right-radius: 0.083em;
    border-radius: 0.083em 0.083em 0 0;
}

/* IE class */
.block-content .block-header.first-child,
.block-content .block-header.after-h1 {
    margin-top: -1.417em;
}

.block-content.no-title .block-header:first-child {
    margin-top: -0.833em;
}

/* IE class */
.block-content.no-title .block-header.first-child {
    margin-top: -0.833em;
}

.block-content.no-padding .block-header:first-child {
    margin-top: 0;
}

/* IE class */
.block-content.no-padding .block-header.first-child {
    margin-top: 0;
}

/***************** Wizard tweak *****************/
.block-content .wizard-steps:first-child,
.block-content h1:first-child + .wizard-steps,
.block-content .h1:first-child + .wizard-steps {
    margin-top: -2.833em;
    -moz-border-radius: 0.167em 0.167em 0 0;
    -webkit-border-top-left-radius: 0.167em;
    -webkit-border-top-right-radius: 0.167em;
    border-radius: 0.167em 0.167em 0 0;
}

/* IE class */
.block-content .wizard-steps.first-child,
.block-content .wizard-steps.after-h1 {
    margin-top: -2.833em;
}

.block-content.no-title .wizard-steps:first-child {
    margin-top: -1.667em;
}

/* IE class */
.block-content.no-title .wizard-steps.first-child {
    margin-top: -1.667em;
}

.block-content.no-padding .wizard-steps:first-child {
    margin-top: 0;
}

/* IE class */
.block-content.no-padding .wizard-steps.first-child {
    margin-top: 0;
}

/**************** Block controls ****************/
.block-content .block-controls:first-child,
.block-content h1:first-child + .block-controls,
.block-content .h1:first-child + .block-controls {
    margin-top: -2.833em;
    -moz-border-radius-topleft: 0.2em;
    -moz-border-radius-topright: 0.2em;
    -webkit-border-top-left-radius: 0.2em;
    -webkit-border-top-right-radius: 0.2em;
    border-top-left-radius: 0.2em;
    border-top-right-radius: 0.2em;
}

/* IE class */
.block-content .block-controls.first-child,
.block-content .block-controls.after-h1 {
    margin-top: -2.833em;
}

.block-content.no-title .block-controls:first-child {
    margin-top: -1.667em;
}

/* IE class */
.block-content.no-title .block-controls.first-child {
    margin-top: -1.667em;
}

.block-content.no-padding .block-controls:first-child {
    margin-top: 0;
}

/* IE class */
.block-content.no-padding .block-controls.first-child {
    margin-top: 0;
}

.block-content .block-controls:first-child ul.controls-tabs li:last-child a,
.block-content h1:first-child + .block-controls ul.controls-tabs li:last-child a,
.block-content .h1:first-child + .block-controls ul.controls-tabs li:last-child a {
    -moz-border-radius-topright: 0.2em;
    -webkit-border-top-right-radius: 0.2em;
    border-top-right-radius: 0.2em;
}

/* IE class */
.block-content .block-controls.first-child ul.controls-tabs li.last-child a,
.block-content .block-controls.after-h1 ul.controls-tabs li.last-child a {
    -moz-border-radius-topright: 0.2em;
    -webkit-border-top-right-radius: 0.2em;
    border-top-right-radius: 0.2em;
}

.block-content.no-padding .block-controls:last-child {
    -moz-border-radius-bottomleft: 0.2em;
    -moz-border-radius-bottomright: 0.2em;
    -webkit-border-bottom-left-radius: 0.2em;
    -webkit-border-bottom-right-radius: 0.2em;
    border-bottom-left-radius: 0.2em;
    border-bottom-right-radius: 0.2em;
}

/****************** Action tabs *****************/
.action-tabs {
    position: absolute;
    z-index: 89;
    right: 100%;
    width: 3em;
    overflow: hidden;
    padding-top: 2em;
}

.block-border > .action-tabs,
.block-content > .action-tabs {
    margin-right: 1px;
}

.action-tabs.right {
    right: auto;
    left: 100%;
}

.block-border > .action-tabs.right,
.block-content > .action-tabs.right {
    margin-right: 0;
    margin-left: 1px;
}

.action-tabs li {
    float: right;
    width: 1.5em;
    padding: 0.667em 0.417em 0.667em 0.667em;
    -moz-border-radius: 0.5em 0 0 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    border-radius: 0.5em 0 0 0.5em;
    background: url(/mclls/javax.faces.resource/theme/ui/white20.png.html?appv=1.7);
    background: rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    margin: 0 -0.167em 0.5em 0;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.action-tabs.right li {
    float: left;
    padding: 0.667em 0.667em 0.667em 0.417em;
    margin: 0 0 0.5em -0.167em;
    -moz-border-radius: 0 0.5em 0.5em 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    border-radius: 0 0.5em 0.5em 0;
    text-align: right;
}

.action-tabs li:hover {
    margin-right: 0;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

.action-tabs.right li:hover {
    margin-left: 0;
}

.action-tabs li a {
    display: block;
    margin: -0.667em -0.5em -0.667em -0.667em;
    padding: 0.583em 0.5em 0.583em 0.583em;
    border: 0.083em solid;
    border-color: #c8cacc white #777a7d #aeb0b4;
    border-right: 0;
    -moz-border-radius: 0.5em 0 0 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    border-radius: 0.5em 0 0 0.5em;
    background: #9a9ea3 url(/mclls/javax.faces.resource/theme/ui/action-tab-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #82858b,
            #9a9ea3
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#82858b),
            to(#9a9ea3)
    );
}

.action-tabs.right li a {
    margin: -0.667em -0.667em -0.667em -0.5em;
    padding: 0.583em 0.583em 0.583em 0.5em;
    border-left: 0;
    border-right: 0.083em solid;
    border-color: #c8cacc #77797e #777a7d white;
    -moz-border-radius: 0 0.5em 0.5em 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    border-radius: 0 0.5em 0.5em 0;
    text-align: right;
}

.action-tabs li:hover a {
    border-color: #dcddde white #999a9d #cfd0d3;
    background: #c7c9cd url(/mclls/javax.faces.resource/theme/ui/action-tab-hover-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #afb0b4,
            #c7c9cd
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#afb0b4),
            to(#c7c9cd)
    );
}

.action-tabs.right li:hover a {
    border-color: #dcddde #9b9da0 #999a9d white;
}

/****************** Messages ********************/
.message {
    margin-bottom: 2.5em;
}

section .message {
    margin-bottom: 1.667em;
}

/**************** Content columns ***************/
.content-columns {
    position: relative;
    z-index: 89;
    margin: 0 -1.417em;
}

.content-columns:last-child {
    margin-bottom: -1.667em;
}

/* IE class */
.content-columns.last-child {
    margin-bottom: -1.667em;
}

.block-controls + .content-columns {
    margin-top: -1.667em;
}

.block-content.no-title .content-columns:first-child {
    margin-top: -1.667em;
}

/* IE class */
.block-content.no-title .content-columns.first-child {
    margin-top: -1.667em;
}

.block-content.no-padding .content-columns:first-child {
    margin-top: 0;
}

/* IE class */
.block-content.no-padding .content-columns.first-child {
    margin-top: 0;
}

.content-left {
    float: left;
    width: 50%;
    margin-left: -0.25em;
}

.content-right {
    float: right;
    width: 50%;
    margin-right: -0.25em;
}

.content-columns .content-columns-sep {
    position: absolute;
    z-index: 88;
    top: 0;
    bottom: 0;
    width: 0.417em;
    left: 50%;
    margin-left: -0.25em;
    background: #c4c4c4 url(/mclls/javax.faces.resource/theme/ui/content-columns-sep-bg.png.html?appv=1.7) repeat-y left;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            left,
            #e6e6e6,
            #c4c4c4
    );
    background: -webkit-gradient(
            linear,
            left top, right top,
            from(#e6e6e6),
            to(#c4c4c4)
    );
    border-left: 0.1em solid #999999;
    border-right: 0.1em solid #999999;
}

/* Left column of 30% */
.content-columns.left30 .content-left {
    width: 30%;
}

.content-columns.left30 .content-right {
    width: 70%;
}

.content-columns.left30 .content-columns-sep {
    left: 30%;
}

/* right column of 30% */
.content-columns.right30 .content-left {
    width: 70%;
}

.content-columns.right30 .content-right {
    width: 30%;
}

.content-columns.right30 .content-columns-sep {
    left: 70%;
}

.content-columns .message {
    margin: 0 !important;
    border-width: 1px 0;
}

.content-columns .message:last-child {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    border-bottom: 0;
}

/* IE class */
.content-columns .message.last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.content-columns:last-child .content-left > :last-child {
    -moz-border-radius-bottomleft: 0.167em;
    -webkit-border-bottom-left-radius: 0.167em;
    border-bottom-left-radius: 0.167em;
}

.content-columns:last-child .content-right > :last-child {
    -moz-border-radius-bottomright: 0.167em;
    -webkit-border-bottom-right-radius: 0.167em;
    border-bottom-right-radius: 0.167em;
}

.block-content.no-title .content-columns:first-child .content-left > :first-child {
    -moz-border-radius-topleft: 0.167em;
    -webkit-border-top-left-radius: 0.167em;
    border-top-left-radius: 0.167em;
}

.block-content.no-title .content-columns:first-child .content-right > :last-child {
    -moz-border-radius-topright: 0.167em;
    -webkit-border-top-right-radius: 0.167em;
    border-top-right-radius: 0.167em;
}

/**************** Drop-down menu ****************/
.with-menu,
.menu-opener {
    padding-right: 1.75em;
    position: relative;
    z-index: 98;
}

/* IE class */
.ie .block-content .with-menu,
.ie .block-content .menu-opener {
    padding-right: 1.75em;
}

.with-menu:hover,
.menu-opener:hover {
    z-index: 99;
}

.button.with-menu, .button.menu-opener,
.form legend.with-menu, .form legend.menu-opener,
.mini-menu.with-menu, .mini-menu.menu-opener {
    padding-right: 2.25em;
}

/* IE class */
.ie .block-content .button.with-menu,
.ie .block-content .button.menu-opener,
.ie .block-content .mini-menu.with-menu,
.ie .block-content .mini-menu.menu-opener {
    padding-right: 2.25em;
}

.menu,
.menu-opener .menu-arrow {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    font-weight: normal;
    line-height: 1.25em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.with-menu .menu,
.menu-opener .menu-arrow {
    width: 1.75em;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/menu-border.png.html?appv=1.7) no-repeat left center;
    background-size: 2px 100%;
    -moz-background-size: 2px 100%;
    -webkit-background-size: 2px 100%;
}

.menu-opener .menu {
    left: 0;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/trans.png.html?appv=1.7);
}

.with-menu .menu > img,
.menu-opener .menu-arrow > img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -7px;
}

.menu ul {
    position: absolute;
    z-index: 999910;
    top: 100%;
    left: 1px;
    background: #cccccc url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/menu-bg.png.html?appv=1.7) repeat-y;
    border: 1px solid white;
    padding: 0.25em 0;
    margin: 0;
    width: 15em;
    display: none;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-border-radius: 0 0.25em 0.25em 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    -webkit-border-top-left-radius: 0;
    border-radius: 0 0.25em 0.25em 0.25em;
}

.menu-opener .menu > ul {
    left: -1px;
}

.menu ul.reverted {
    -moz-border-radius: 0.25em 0 0.25em 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    -webkit-border-top-right-radius: 0;
    border-radius: 0.25em 0 0.25em 0.25em;
}

.menu > ul.reverted {
    left: auto;
    right: 1px;
}

.menu-opener .menu > ul.reverted {
    right: -1px;
}

.menu:hover > ul,
.menu :hover > ul {
    display: block;
}

.menu ul li ul {
    display: block;
    top: 0.6em;
    left: 94%;
    width: 4px;
    height: 6px;
    border: none;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/menu-arrow.png.html?appv=1.7) no-repeat;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
}

.menu ul li ul li {
    display: none;
}

.menu ul li:hover > ul {
    top: -0.167em;
    left: 98%;
    width: 15em;
    height: auto;
    border: 1px solid white;
    background: #cccccc url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/menu-bg.png.html?appv=1.7) repeat-y;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

.menu ul li:hover > ul.reverted {
    left: auto;
    right: 98%;
}

.menu ul li:hover > ul > li {
    display: block;
}

.menu ul li {
    position: relative;
    z-index: 999911;
    padding: 0.333em 0.833em 0.417em 35px;
    margin: 0;
    color: #999999;
    -moz-text-shadow: 1px 1px 0 white;
    -webkit-text-shadow: 1px 1px 0 white;
    text-shadow: 1px 1px 0 white;
    background-repeat: no-repeat;
    background-position: 5px 3px;
}

/* IE class */
.ie7 .menu > ul > li,
.ie7 .menu ul li:hover > ul > li {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    text-indent: 35px;
}

.menu ul li.sep {
    height: 0;
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 2px 0;
    border-top: 1px solid #adadad;
    border-bottom: 1px solid white;
}

/* IE class */
.ie7 .menu ul li.sep {
    z-index: 999910;
}

.menu ul li a {
    display: block;
    margin: -0.333em -0.833em -0.417em -9px;
    padding: 0.333em 0.833em 0.417em 9px;
    color: #1e343f;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

/* IE class */
.ie7 .menu ul li a {
    margin-right: 0;
    margin-left: 26px;
    text-indent: 0;
}

.menu ul li:hover {
    z-index: 999912;
    background-color: #c0c0c0;
}

.menu ul li.sep:hover {
    z-index: 999911;
}

.menu ul li:hover > a {
    background: #4d4d4d;
    color: white;
}

.menu .icon_address {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/address-book.png.html?appv=1.7);
}

.menu .icon_alarm {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/alarm-clock-blue.png.html?appv=1.7);
}

.menu .icon_blog {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/application-blog.png.html?appv=1.7);
}

.menu .icon_terminal {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/application-terminal.png.html?appv=1.7);
}

.menu .icon_battery {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/battery-full.png.html?appv=1.7);
}

.menu .icon_building {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/building.png.html?appv=1.7);
}

.menu .icon_calendar {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/calendar-day.png.html?appv=1.7);
}

.menu .icon_cards {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/cards-address.png.html?appv=1.7);
}

.menu .icon_chart {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/chart.png.html?appv=1.7);
}

.menu .icon_computer {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/computer.png.html?appv=1.7);
}

.menu .icon_database {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/database.png.html?appv=1.7);
}

.menu .icon_delete {
    background-image: url(/mclls/javax.faces.resource/shared/icons/cancel_cross-red-circle_16.png.html?appv=1.7);
}

.menu .icon_doc_excel {
    background-image: url();
}

.menu .icon_doc_pdf {
    background-image: url();
}

.menu .icon_doc_csv {
    background-image: url();
}

.menu .icon_doc_image {
    background-image: url();
}

.menu .icon_doc_web {
    background-image: url();
}

.menu .icon_down {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/arrow-270.png.html?appv=1.7);
}

.menu .icon_edit {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/pencil.png.html?appv=1.7);
}

.menu .icon_film {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/film.png.html?appv=1.7);
}

.menu .icon_security {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/hard-hat.png.html?appv=1.7);
}

.menu .icon_images {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/images.png.html?appv=1.7);
}

.menu .icon_mail {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/mail.png.html?appv=1.7);
}

.menu .icon_monitor {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/monitor.png.html?appv=1.7);
}

.menu .icon_newspaper {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/newspaper.png.html?appv=1.7);
}

.menu .icon_search {
    background-image: url(/mclls/javax.faces.resource/shared/icons/magnifier_16.png.html?appv=1.7);
}

.menu .icon_network {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/globe-network.png.html?appv=1.7);
}

.menu .icon_server {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/server.png.html?appv=1.7);
}

.menu .icon_export {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/application-export.png.html?appv=1.7);
}

.menu .icon_refresh {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/arrow-circle.png.html?appv=1.7);
}

.menu .icon_reset {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/counter-reset.png.html?appv=1.7);
}

.menu .icon_up {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/arrow-090.png.html?appv=1.7);
}

nav > ul > li > ul > li.with-menu,
nav > ul > li > ul > li.menu-opener {
    padding-right: 2.3em;
}

nav > ul > li > ul > li.with-menu > a,
nav > ul > li > ul > li.menu-opener > a {
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 0.8em;
}

nav > ul > li > ul > li.with-menu .menu,
nav > ul > li > ul > li.menu-opener .menu-arrow {
    width: 1.75em;
    font-size: 1.2em;
    height: 1.834em; /* Chrome 5 is one pixel short with 0.833, dunno why... */
    line-height: 1.833em;
    text-transform: none;
    top: 1px;
    right: 1px;
    -moz-border-radius-topright: 0.3em;
    -moz-border-radius-bottomright: 0.3em;
    -webkit-border-top-right-radius: 0.3em;
    -webkit-border-bottom-right-radius: 0.3em;
    border-top-right-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
}

nav > ul > li > ul > li.menu-opener .menu {
    font-size: 1.2em;
    line-height: 1.25em;
    text-transform: none;
}

nav > ul > li > ul > li.with-menu.current .menu,
nav > ul > li > ul > li.menu-opener.current .menu-arrow {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    background: none !important;
    height: 2.333em;
    line-height: 2.333em;
    border-left: 1px solid #ccc;
}

nav > ul > li > ul > li.with-menu.current .menu:hover,
nav > ul > li > ul > li.menu-opener.current .menu-arrow:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

nav > ul > li > ul > li.with-menu .menu > img,
nav > ul > li > ul > li.menu-opener .menu-arrow > img {
    margin-top: -9px;
    margin-left: -8px;
}

nav > ul > li > ul > li.with-menu .menu > ul {
    line-height: 1.2em;
    left: -1px;
}

nav > ul > li > ul > li .menu > ul,
nav > ul > li > ul > li .menu ul li:hover > ul {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/main-menu-bg.png.html?appv=1.7);
    background-color: #1c1e20;
    border-color: #b3b3b3;
}

nav > ul > li > ul > li .menu ul li {
    color: #666666;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

nav > ul > li > ul > li .menu ul li a {
    color: white;
}

nav > ul > li > ul > li .menu ul li.sep {
    border-top-color: black;
    border-bottom-color: #666666;
}

section h1.with-menu,
section .h1.with-menu,
section h1.menu-opener,
section .h1.menu-opener {
    padding-right: 1.667em;
}

section h1 .menu,
section .h1 .menu {
    font-size: 0.667em;
    -moz-border-radius: 0 0.278em 0.278em 0;
    -webkit-border-top-right-radius: 0.278em;
    -webkit-border-bottom-right-radius: 0.278em;
    border-radius: 0 0.278em 0.278em 0;
}

.ie section h1 .menu,
.ie section .h1 .menu {
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/trans.png.html?appv=1.7);
}

section h1 .menu:hover,
section .h1 .menu:hover {
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/menu-border.png.html?appv=1.7) no-repeat left center,
    -moz-linear-gradient(
            top,
            white,
            #2bcef3 5%,
            #057fdb
    );
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/menu-border.png.html?appv=1.7) no-repeat left center,
    -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#057fdb),
            color-stop(0.05, #2bcef3)
    );
}

section h1.menu-opener .menu:hover,
section .h1.menu-opener .menu:hover {
    background: none;
}

section h1 .menu-arrow,
section .h1 .menu-arrow {
    font-size: 0.667em;
}

section h1 .menu > ul,
section h1 .menu ul li:hover > ul,
section .h1 .menu > ul,
section .h1 .menu ul li:hover > ul {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/h1-menu-bg.png.html?appv=1.7);
    background-color: #006699;
    border-color: #99ccff;
}

section h1 .menu ul li,
section .h1 .menu ul li {
    color: #3399cc;
    -moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    -webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}

section h1 .menu ul li a,
section .h1 .menu ul li a {
    color: white;
}

section h1 .menu ul li:hover,
section .h1 .menu ul li:hover {
    background-color: #70b7db;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

section h1 .menu ul li:hover > a,
section .h1 .menu ul li:hover > a {
    background-color: #004a6f;
}

section h1 .menu ul li.sep,
section .h1 .menu ul li.sep {
    border-top-color: #004a6f;
    border-bottom-color: #84c8e1;
}

section h1 .menu ul li ul,
section .h1 .menu ul li ul {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/menu-arrow-white.png.html?appv=1.7);
}

.button.with-menu .menu:hover,
.button.menu-opener:hover .menu-arrow {
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/menu-border.png.html?appv=1.7) no-repeat left center,
    -moz-linear-gradient(
            top,
            #dff3fc,
            #98d2f3
    );
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/menu-border.png.html?appv=1.7) no-repeat left center,
    -webkit-gradient(
            linear,
            left top, left bottom,
            from(#dff3fc),
            to(#98d2f3)
    );
}

#contextMenu.menu {
    top: 0;
    left: 0;
    bottom: auto;
    width: 0;
    display: none;
    padding: 1em;
    margin: -1em 0 0 -1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -webkit-background-clip: padding-box;
    border-radius: 1em;
    background: rgba(255, 255, 255, 0.5);
}

#contextMenu.menu > ul {
    display: block;
    top: 50%;
    left: 50%;
}

/***************** Notifications ****************/
#notifications {
    position: fixed;
    z-index: 999990;
    top: 1em;
    right: 1em;
    width: 20em;
}

#notifications li {
    position: relative;
    background: url(/mclls/javax.faces.resource/theme/ui/black80.png.html?appv=1.7);
    background: rgba(0, 0, 0, 0.8);
    padding: 1.25em;
    color: white;
    margin-bottom: 1em;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/********************* Footer *******************/
footer {
    text-align: center;
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    bottom: 0;
}

footer .float-left,
footer .float-right {
    position: absolute;
    bottom: 0;
}

footer .float-left {
    left: 0;
}

footer .float-right {
    right: 0;
}

footer .float-left .button,
footer .float-right .button {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    margin: 0;
    display: block;
    float: left;
    border-bottom: 0;
}

footer .float-left .button:first-child {
    border-left: 0;
}

/* IE class */
footer .float-left .button.first-child {
    border-left: 0;
}

footer .float-left .button:last-child {
    -moz-border-radius-topright: 0.417em;
    -webkit-border-top-right-radius: 0.417em;
    border-top-right-radius: 0.417em;
}

footer .float-right .button:last-child {
    border-right: 0;
}

/* IE class */
footer .float-right .button.last-child {
    border-right: 0;
}

footer .float-right .button:first-child {
    -moz-border-radius-topleft: 0.417em;
    -webkit-border-top-left-radius: 0.417em;
    border-top-left-radius: 0.417em;
}

/****************** Modal window ****************/
#modal {
    background: url(/mclls/javax.faces.resource/theme/ui/black50.png.html?appv=1.7);
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 999980;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div.modal-window {
    position: absolute;
    left: 0;
    top: 0;
    -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
}

.modal-content {
    overflow: hidden;
    margin: -2.833em -1.667em -1.667em;
    padding: 2.833em 1.667em 1.667em;
}

.no-title .modal-content {
    margin-top: -1.667em;
    padding-top: 1.667em;
}

.modal-content + .block-footer {
    margin-top: 1.667em;
}

.modal-content.modal-scroll {
    overflow: auto;
}

#modal > .block-border > .block-content {
    z-index: 90;
}

#modal h1 {
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.modal-loading {
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/arbo-loader.gif.html?appv=1.7) no-repeat center 3em;
    height: 4em;
    padding-top: 4.5em;
    color: #999999;
    text-align: center;
}

#modal .block-border > .action-tabs.right {
    padding-top: 1em;
}

#modal .block-content > .action-tabs.right {
    padding-top: 0;
    margin-top: -2em;
}

/* Resizing zones */
.modal-resize-tl,
.modal-resize-t,
.modal-resize-tr,
.modal-resize-r,
.modal-resize-br,
.modal-resize-b,
.modal-resize-bl,
.modal-resize-l {
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/trans.png.html?appv=1.7);
    position: absolute;
    z-index: 89;
}

.modal-resize-tl {
    top: 0;
    left: 0;
    width: 2em;
    height: 1em;
    cursor: nw-resize;
}

.modal-resize-t {
    top: 0;
    left: 2em;
    right: 2em;
    height: 1em;
    cursor: n-resize;
}

.modal-resize-tr {
    top: 0;
    right: 0;
    width: 2em;
    height: 1em;
    cursor: ne-resize;
}

.modal-resize-r {
    top: 1em;
    right: 0;
    width: 1em;
    bottom: 1em;
    cursor: e-resize;
}

.modal-resize-br {
    bottom: 0;
    right: 0;
    width: 2em;
    height: 1em;
    cursor: se-resize;
}

.modal-resize-b {
    bottom: 0;
    left: 2em;
    right: 2em;
    height: 1em;
    cursor: s-resize;
}

.modal-resize-bl {
    bottom: 0;
    left: 0;
    width: 2em;
    height: 1em;
    cursor: sw-resize;
}

.modal-resize-l {
    top: 1em;
    left: 0;
    width: 1em;
    bottom: 1em;
    cursor: w-resize;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
#control-bar:after,
.columns:after,
.content-columns:after,
article:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

#control-bar,
.columns,
.content-columns,
article {
    display: inline-block;
}

* html #control-bar,
* html .columns,
* html .content-columns,
* html article {
    height: 1%;
}

#control-bar,
.columns,
.content-columns,
article {
    display: block;
}

/**
 * Block lists styles
 */

/****************** Favorites *******************/
.favorites > li {
    border-top: 1px dotted #999999;
    padding: 0 0 0 75px;
    position: relative;
}

body.dark .favorites > li {
    border-top-color: #bbb;
}

body.dark .white-bg .favorites > li,
body.dark .block-content .favorites > li {
    border-top-color: #999999;
}

.favorites > li:first-child {
    border-top: 0;
}

/* IE class */
.favorites > li.first-child {
    border-top: 0;
}

.favorites > li:hover {
    background: url(/mclls/javax.faces.resource/theme/ui/favorites-bg.png.html?appv=1.7) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0)
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(0, 0, 0, 0.1)),
            to(rgba(0, 0, 0, 0))
    );
}

.favorites > li > img {
    position: absolute;
    margin-top: 1.5em;
    margin-left: -60px;
}

.favorites > li > a, .favorites > li > .a {
    display: block;
    padding: 1.278em 1em;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    min-height: 1.833em;
    font-weight: bold;
    line-height: 0.833em;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/favorites-border.png.html?appv=1.7) no-repeat left center;
    color: #39c;
}

/* IE class */
.ie7 .favorites > li > a, .ie7 .favorites > li > .a {
    margin-top: -0.667em;
}

body.dark .favorites > li > a, body.dark .favorites > li > .a {
    color: white;
}

.white-bg .favorites > li > a,
.favorites.white-bg > li > a,
body.dark .block-content .favorites > li > a,
body.dark .white-bg .favorites > li > a,
body.dark .favorites.white-bg > li > a {
    color: #39c;
}

.favorites > li > a small, .favorites > li > .a small {
    font-size: 0.667em;
    color: #999;
    font-weight: normal;
    text-transform: none;
}

body.dark .favorites > li > a small, body.dark .favorites > li > .a small {
    color: #344147;
}

.white-bg .favorites > li > a small,
.favorites.white-bg > li > a small,
body.dark .block-content .favorites > li > a small,
body.dark .white-bg .favorites > li > a small,
body.dark .favorites.white-bg > li > a small {
    color: #999;
}

/****************** Shortcuts *******************/
.shortcuts-list {
    padding-top: 0.5em;
}

.shortcuts-list li {
    float: left;
}

.shortcuts-list li a {
    display: block;
    width: 7.25em;
    padding-top: 63px;
    color: #808080;
    text-align: center;
    position: relative;
    padding-bottom: 9px;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
}

body.dark .shortcuts-list li a {
    color: white;
}

body.dark .block-content .shortcuts-list li a {
    color: #808080;
}

.dark-grey-gradient .shortcuts-list li a,
.shortcuts-list.dark-grey-gradient li a {
    color: white;
}

.shortcuts-list li a:hover {
    background: #E0E0E0;
}

body.dark .shortcuts-list li a:hover {
    background: #404040;
}

body.dark .block-content .shortcuts-list li a:hover {
    background: #E0E0E0;
}

.dark-grey-gradient .shortcuts-list li a:hover,
.shortcuts-list.dark-grey-gradient li a:hover {
    color: white;
    background: #404040;
}

.shortcuts-list li a img {
    position: absolute;
    top: 9px;
    left: 50%;
    margin-left: -24px;
}

/************* Mobile customization *************/
@media only screen and (max-device-width: 480px) {

    .shortcuts-list {
        padding-top: 0;
    }

    article > .shortcuts-list {
        margin-left: -0.5em;
        margin-right: -0.5em;
    }

    article > .shortcuts-list li a {
        width: 6.5em;
    }

}

/****************** Files list ******************/
.files {
    padding: 1em 0 0 1em;
}

.files > li {
    float: left;
    width: 100px;
    margin: 0 1em 1em 0;
    color: #666;
    padding-top: 74px;
    text-align: center;
}

.files > li > a {
    display: block;
    padding: 4px 5px 7px;
    line-height: 1.2em;
    height: 2.4em;
    color: #666;
    word-wrap: break-word;
    text-overflow: ellipsis;
}

body.dark .files > li > a {
    color: white;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

body.dark .block-content .files > li > a {
    color: #666;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

.dark-grey-gradient .files > li > a,
.files.dark-grey-gradient > li > a {
    color: white;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.files > li > a:hover {
    color: #333;
    background: #e0e0e0;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
}

body.dark .files > li > a:hover {
    color: white;
    background: #404040;
}

body.dark .block-content .files > li > a:hover {
    color: #333;
    background: #e0e0e0;
}

.dark-grey-gradient .files > li > a:hover,
.files.dark-grey-gradient > li > a:hover {
    color: white;
    background: #404040;
}

.files > li > a > span {
    display: block;
    margin: -78px -5px 8px;
    height: 70px;
    line-height: 70px;
}

.files > li > a > span > img {
    vertical-align: middle;
}

.files > li > a > span > img.thumb {
    border: 1px solid white;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.files > li .mini-menu {
    margin-top: -0.5em;
    margin-right: -1em;
}

/***************** Blocks grid ******************/
ul.grid {
    padding: 0.75em 0 0 0.75em;
}

/* IE class */
.ie7 ul.grid {
    padding-bottom: 0.75em;
}

ul.grid > li {
    background: #cccccc url(/mclls/javax.faces.resource/theme/ui/grid-block-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f5f5f5,
            #cccccc
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f5f5f5),
            to(#cccccc)
    );
    border: 1px solid white;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    padding: 0.75em;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    color: #333333;
    float: left;
    width: 17em;
    position: relative;
    margin: 0 0.75em 0.75em 0;
}

ul.grid > li .grid-picto {
    margin: -0.75em 1em -0.75em -0.75em;
    padding: 0.75em 0.75em 0.75em 3.9em;
    background-repeat: no-repeat;
    background-position: 0.75em 0.75em;
    border-right: 1px solid #b3b3b3;
}

ul.grid > li .grid-picto.subscriptionClass {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/32/Pie-Chart.png.html?appv=1.7);
}

ul.grid > li .grid-picto.computer {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/32/Loading.png.html?appv=1.7);
}

ul.grid > li .grid-picto.chart {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/32/Pie-Chart.png.html?appv=1.7);
}

ul.grid > li .grid-picto.print {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/32/Print.png.html?appv=1.7);
}

ul.grid > li .grid-picto.warning {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/32/Warning.png.html?appv=1.7);
}

ul.grid > li .grid-name {
    color: #373737;
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 0.25em;
}

ul.grid > li .grid-details {
    color: #808080;
}

ul.grid > li .grid-details b {
    color: #333333;
    font-weight: normal;
}

ul.grid > li .grid-actions {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1.7em;
    border-left: 1px solid white;
    background: #b3b3b3 url(/mclls/javax.faces.resource/theme/ui/grid-block-controls-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f0f0f0,
            #b3b3b3
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f0f0f0),
            to(#b3b3b3)
    );
    -moz-border-radius: 0 0.333em 0.333em 0;
    -webkit-border-top-right-radius: 0.333em;
    -webkit-border-bottom-right-radius: 0.333em;
    border-radius: 0 0.333em 0.333em 0;
}

ul.grid > li .grid-actions li {
    border-top: 1px solid white;
    border-bottom: 1px solid #b3b3b3;
    text-align: center;
    height: 1.75em;
    line-height: 1.75em;
}

ul.grid > li .grid-actions li:first-child {
    border-top: none;
}

ul.grid > li .grid-actions li:last-child {
    border-bottom: none;
}

/* IE class */
ul.grid > li .grid-actions li.last-child {
    border-bottom: none;
}

ul.grid > li .grid-actions li img {
    margin: 0 -1px -3px 0;
}

/***************** Blocks lists *****************/
.task,
.blocks-list > li,
.mini-blocks-list > li {
    background: #e6e6e6 url(/mclls/javax.faces.resource/theme/ui/lite-grey-grad-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f7f7f7,
            #e6e6e6
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f7f7f7),
            to(#e6e6e6)
    );
    border: 1px solid white;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 89;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
    color: #666666;
    line-height: 1.25em;
}

.ie .task,
.ie .blocks-list > li,
.ie .mini-blocks-list > li {
    border-color: #cccccc;
}

.task {
    padding: 1.667em 1.667em 0;
    margin-bottom: 1.667em;
}

.task + .task.with-legend {
    margin-top: 2.5em;
}

.task .task-description {
    padding-bottom: 1.667em;
}

.task .floating-tags {
    margin: -0.667em -0.667em -0.667em 1.5em;
}

.task:hover {
    background: #dbe8f0;
}

.task-dialog {
    margin: 0 -1.667em;
}

.task-dialog > li {
    border-top: 1px solid #c5c39c;
    background: #ffffcd url(/mclls/javax.faces.resource/shared/icons/balloon-reverse_16.png.html?appv=1.7) no-repeat 0.667em 0.75em;
    padding: 0.75em 0.75em 0.75em 2.5em;
    margin: 0 -1px;
    color: #565340;
    position: relative;
    z-index: 89;
}

.ie .task-dialog > li {
    margin: 0;
}

.task-dialog > li:nth-child(even) {
    background-color: #f7f7df;
}

/* IE class */
.task-dialog > li.even {
    background-color: #f7f7df;
}

.task-dialog > li:last-child {
    -moz-border-radius: 0 0 0.167em 0.167em;
    -webkit-border-bottom-left-radius: 0.167em;
    -webkit-border-bottom-right-radius: 0.167em;
    border-radius: 0 0 0.167em 0.167em;
}

.task-dialog > li.auto-hide {
    display: none;
}

:hover > .task-dialog > li.auto-hide {
    display: block;
}

.task-dialog > li > strong {
    color: #353334;
}

.task-dialog > li > em {
    color: #b1b197;
}

.task-dialog .mini-menu {
    margin-right: -0.5em;
}

/************* Mobile customization *************/
@media only screen and (max-device-width: 480px) {

    .task-dialog > li.auto-hide {
        display: block;
    }

}

.blocks-list > li {
    padding: 1em 0.5em;
    margin-bottom: 0.5em;
}

.mini-blocks-list > li {
    padding: 0.25em 0.5em 0.417em;
    margin-bottom: 0.5em;
}

.blocks-list > li a,
.mini-blocks-list > li a {
    color: #666666;
}

.blocks-list > li img,
.mini-blocks-list > li img {
    margin-bottom: -4px;
}

.blocks-list > li .tags.float-right,
.mini-blocks-list > li .tags.float-right {
    margin-top: -0.417em;
    margin-bottom: -0.333em;
}

.mini-blocks-list > li .tags.float-right {
    margin-right: -0.417em;
}

/* IE class */
.ie7 .blocks-list > li .tags.float-right {
    margin-top: -0.25em;
}

/* IE class */
.ie7 .mini-blocks-list > li .tags.float-right {
    margin-top: -0.167em;
}

/****************** Icon list *******************/
.icon-list {
    margin: 0 -19px 0.833em -7px;
}

.icon-list li {
    float: left;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/corner.png.html?appv=1.7) no-repeat right bottom;
    padding: 7px 26px 21px 61px;
    width: 5em;
    height: 2.5em;
    margin-top: 0.75em;
    font-size: 1.5em;
    font-weight: bold;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}

.icon-list li a {
    display: block;
    margin: -7px -26px -21px -61px;
    padding: 7px 26px 21px 61px;
    width: 5em;
    height: 2.5em;
}

body.dark .icon-list li a {
    color: white;
}

body.dark .block-content .icon-list li a {
    color: #39c;
}

.icon-list li a:hover,
body.dark .icon-list li a:hover,
body.dark .block-content .icon-list li a:hover {
    color: #33CCFF;
}

.icon-list li small {
    font-size: 0.667em;
    font-weight: normal;
    text-transform: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    vertical-align: 20%;
}

body.dark .icon-list li small {
    color: #b0b0b0;
}

body.dark .block-content .icon-list li small {
    color: #808080;
}

.icon-list li .icon {
    display: block;
    float: left;
    width: 48px;
    height: 48px;
    margin: -3px 0 0 -54px;
    background-position: center center;
    background-repeat: no-repeat;
}

/************* Small files icon list ************/
.small-files-list li {
    padding: 0.25em 0 0 42px;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/finefiles/32/default.png.html?appv=1.7) no-repeat;
    color: black;
    min-height: 32px;
    margin-bottom: 0.25em;
    line-height: 1.083em;
}

.small-files-list li:last-child {
    margin-bottom: 0;
}

/* IE class */
.small-files-list li.last-child {
    margin-bottom: 0;
}

.small-files-list li a {
    display: block;
    margin: -0.25em 0 0 -42px;
    padding: 0.25em 0 0 42px;
    color: black;
}

.small-files-list li a:hover {
    color: #3399cc;
}

.small-files-list li small {
    color: #999999;
}

.small-files-list.icon-html li, .small-files-list li.icon-html {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/finefiles/32/html.png.html?appv=1.7);
}

.small-files-list.icon-xml li, .small-files-list li.icon-xml {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/finefiles/32/xml.png.html?appv=1.7);
}

.small-files-list.icon-img li, .small-files-list li.icon-img {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/finefiles/32/other_image.png.html?appv=1.7);
}

.small-files-list.icon-music li, .small-files-list li.icon-music {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/finefiles/32/other_music2.png.html?appv=1.7);
}

.small-files-list.icon-movie li, .small-files-list li.icon-movie {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/finefiles/32/mpg.png.html?appv=1.7);
}

.small-files-list.icon-folder li, .small-files-list li.icon-folder {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/finefiles/32/_Close.png.html?appv=1.7);
}

.small-files-list.icon-mail li, .small-files-list li.icon-mail {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/email.png.html?appv=1.7);
}

.small-files-list.icon-comment li, .small-files-list li.icon-comment {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/32/Comment.png.html?appv=1.7);
}

/*************** Extended infos list ************/
.extended-list > li {
    border-top: 1px dotted #afafaf;
    padding: 1.667em;
    position: relative;
    z-index: 89;
}

.extended-list > li:hover {
    background: url(/mclls/javax.faces.resource/theme/ui/favorites-bg.png.html?appv=1.7) repeat-y;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0)
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(0, 0, 0, 0.1)),
            to(rgba(0, 0, 0, 0))
    );
}

.extended-list > li:first-child {
    border-top: 0;
}

/* IE class */
.extended-list > li.first-child {
    border-top: 0;
}

.extended-list > li > a,
.extended-list > li > span {
    font-size: 1.5em;
    font-weight: bold;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    display: block;
    float: left;
    padding-left: 54px;
    white-space: nowrap;
    min-height: 48px;
    position: relative;
}

body.dark .extended-list > li > a,
body.dark .extended-list > li > span {
    color: white;
}

body.dark .block-content .extended-list > li > a,
body.dark .block-content .extended-list > li > span {
    color: #39c;
}

.extended-list > li > a:hover,
body.dark .extended-list > li > a:hover,
body.dark .extended-list > li > span:hover,
body.dark .block-content .extended-list > li > a:hover,
body.dark .block-content .extended-list > li > span:hover {
    color: #33CCFF;
}

.extended-list > li > a small {
    font-size: 0.667em;
    font-weight: normal;
    text-transform: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    vertical-align: 20%;
}

body.dark .extended-list > li > a small {
    color: #b0b0b0;
}

body.dark .block-content .extended-list > li > a small {
    color: #808080;
}

.extended-list > li > a .icon {
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    width: 48px;
    height: 48px;
    background-position: center center;
    background-repeat: no-repeat;
}

.extended-list .extended-options {
    float: right;
}

.extended-list .extended-options li {
    float: left;
    margin-left: 1.5em;
    line-height: 1.75em;
}

body.dark .extended-list .extended-options li {
    color: white;
}

body.dark .block-content .extended-list .extended-options li {
    color: #333;
}

.extended-list .extended-options li:first-child {
    margin-left: 0;
}

/* IE class */
.extended-list .extended-options li.first-child {
    margin-left: 0;
}

.icon-user .icon, .icon.icon-user {
    background-image: url(/mclls/javax.faces.resource/shared/user/profile_orange-businessman_48.png.html?appv=1.7);
}

.icon-image .icon, .icon.icon-image {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/48/Picture.png.html?appv=1.7);
}

.icon-chart .icon, .icon.icon-chart {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/48/Pie-Chart.png.html?appv=1.7);
}

.icon-printer .icon, .icon.icon-printer {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/48/Print.png.html?appv=1.7);
}

.icon-computer .icon, .icon.icon-computer {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/48/Loading.png.html?appv=1.7);
}

.icon-article .icon, .icon.icon-article {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/48/Modify.png.html?appv=1.7);
}

.icon-comment .icon, .icon.icon-comment {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/48/Comment.png.html?appv=1.7);
}

.icon-warning .icon, .icon.icon-warning {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/48/Warning.png.html?appv=1.7);
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.shortcuts-list:after,
.files:after,
.task .task-description:after,
.blocks-list > li:after,
.mini-blocks-list > li:after,
.icon-list:after,
.extended-list li:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.shortcuts-list,
.files,
.task .task-description,
.blocks-list > li,
.mini-blocks-list > li,
.icon-list,
.extended-list li {
    display: inline-block;
}

* html .shortcuts-list,
* html .files,
* html .task .task-description,
* html .blocks-list > li,
* html .mini-blocks-list > li,
* html .icon-list,
* html .extended-list li {
    height: 1%;
}

.shortcuts-list,
.files,
.task .task-description,
.blocks-list > li,
.mini-blocks-list > li,
.icon-list,
.extended-list li {
    display: block;
}

/**
 * Styles for tables and grid view
 */

.table, .with-head {
    margin-bottom: 1.667em;
    border: 1px solid #999999;
}

.table {
    border-collapse: separate;
}

.table:last-child,
.with-head:last-child {
    margin-bottom: 0;
}

/* IE class */
.table.last-child,
.with-head.last-child {
    margin-bottom: 0;
}

.no-margin .table,
.content-columns .table,
.with-head.no-margin,
.content-columns .with-head {
    border: none;
}

.no-margin .table + .no-margin,
.with-head.no-margin + .no-margin {
    margin-top: -1.667em;
}

.no-margin .table.last-child + .no-margin,
.with-head.no-margin.last-child + .no-margin {
    margin-top: 0;
}

.content-columns .table:first-child,
.content-columns .with-head:first-child {
    border: none;
}

/* IE class */
.content-columns .table.first-child,
.content-columns .with-head.first-child {
    border: none;
}

.content-columns .table,
.content-columns .with-head {
    margin-bottom: 0;
}

.table thead th,
.table thead td,
.head {
    background: #a4a4a4 url(/mclls/javax.faces.resource/theme/ui/planning-header-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #cccccc,
            #a4a4a4
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#cccccc),
            to(#a4a4a4)
    );
    color: white;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    border-top: 1px solid white;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #828282;
}

.table thead th,
.table thead td {
    vertical-align: middle;
    text-align: left;
    padding: 0.5em 1.60em 0.5em 0.75em;
    white-space: nowrap;
}

.table thead th.sorting, .table thead th.sorting_asc, .table thead th.sorting_desc,
.table thead td.sorting, .table thead td.sorting_asc, .table thead td.sorting_desc {
    cursor: pointer;
}

.head {
    font-weight: bold;
    line-height: 1.5em;
}

.head > div {
    float: left;
    padding: 0.5em 2em 0.5em 0.75em;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #999999;
    color: white;
    margin: -1px 0 0 0;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

.head > div:first-child {
    margin-left: -1px;
}

/* IE class */
.head > div.first-child {
    margin-left: -1px;
}

.head > div:last-of-type {
    border-right: none;
}

/* IE class */
.head > div.last-of-type {
    border-right: none;
}

.head .button {
    float: right;
    margin: 0.25em 0.5em 0 0;
}

.head > div .button {
    float: left;
    margin: -0.167em 0.5em -0.333em 0;
}

.head > div .button:last-child {
    margin-right: 0;
}

/* IE class */
.head > div .button.last-child {
    margin-right: 0;
}

.table tbody th,
.table tbody td,
.table tfoot th,
.table tfoot td {
    vertical-align: top;
    text-align: left;
    padding: 0.75em;
    border-left: 1px dotted #333333;
}

.table tbody th,
.table tbody .th {
    /* Compatibility with DataTables */
    background: #e6e6e6;
}

.table tbody td {
    background: #f2f2f2;
}

.table tfoot th,
.table tfoot td {
    border-top: 1px solid #FF9900;
    background: #999999 url(/mclls/javax.faces.resource/theme/ui/tfoot-bg.png.html?appv=1.7) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #333333,
            #999999
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#333333),
            to(#999999)
    );
    color: white;
}

.table tbody th:first-child,
.table tbody .th:first-child,
.table tbody td:first-child,
.table tfoot th:first-child,
.table tfoot td:first-child {
    border-left: none;
}

/* IE class */
.table tbody th.first-child,
.table tbody .th.first-child,
.table tbody td.first-child,
.table tfoot th.first-child,
.table tfoot td.first-child {
    border-left: none;
}

.table tbody tr:nth-child(even) > th,
.table tbody tr:nth-child(even) > .th {
    background: #d9d9d9;
}

/* IE class */
.table tbody tr.even th
.table tbody tr.even .th {
    background: #d9d9d9;
}

.table tbody tr:nth-child(even) > td {
    background: #e6e6e6;
}

/* IE class */
.table tbody tr.even > td {
    background: #e6e6e6;
}

.table tbody tr:hover > th,
.table tbody tr:hover >.th,
.table tbody tr:hover > td {
    background: #d1e5ef;
}

.table .black-cell,
.head .black-cell {
    background: #242424 url(/mclls/javax.faces.resource/theme/ui/black-cell-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #4c4c4c,
            #242424
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#4c4c4c),
            to(#242424)
    );
    border-top-color: #7f7f7f;
    border-left: none;
    border-right-color: #191919;
    min-width: 1.333em;
    padding: 0.5em 0.583em;
}

/* IE class */
.ie7 .head .black-cell {
    height: 1.5em;
    position: relative;
    z-index: 89;
}

.head .black-cell.with-gap {
    border-right-color: white;
    margin-right: 0.25em
}

.head .black-cell.with-gap + .black-cell {
    border-left: 1px solid #999999;
}

.table .black-cell span,
.head .black-cell span {
    display: block;
    height: 2.5em;
    background-repeat: no-repeat;
    background-position: center;
    margin: -0.5em -0.75em;
}

/* IE class */
.ie7 .head .black-cell span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    padding: 0;
}

.table .black-cell span.loading, .with-head .black-cell span.loading {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/table-loader.gif.html?appv=1.7);
}

.table .black-cell span.error, .with-head .black-cell span.error {
    background-image: url(/mclls/javax.faces.resource/shared/icons/cancel_cross-red-circle_16.png.html?appv=1.7);
}

.table .black-cell span.success, .with-head .black-cell span.success {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/tick-circle-blue.png.html?appv=1.7);
}

.table-actions a img {
    margin: -2px 0;
}

/************ Sort arrows ************/
.column-sort {
    display: block;
    float: left;
    width: 14px;
    margin: -0.583em 0.5em -0.583em -0.75em;
    border-right: 1px solid #dddddd;
}

.head .column-sort {
    margin: -0.5em 0.5em -0.5em -0.75em;
}

.sorting_disabled .column-sort {
    display: none;
}

.column-sort .sort-up,
.column-sort .sort-down {
    display: block;
    width: 13px;
    height: 14px;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/table-sort-arrows.png.html?appv=1.7) no-repeat;
    border-right: 1px solid #999999;
}

.column-sort .sort-up {
    background-position: 0 1px;
    border-bottom: 1px solid #828282;
}

.column-sort .sort-down {
    background-position: 0 bottom;
    border-top: 1px solid white;
}

.column-sort .sort-up:hover {
    background-position: -15px 1px;
}

.column-sort .sort-down:hover {
    background-position: -15px bottom;
}

.column-sort .sort-up:active, .column-sort .sort-up.active, .sorting_asc .column-sort .sort-up {
    background-position: -30px 1px;
}

.column-sort .sort-down:active, .column-sort .sort-down.active, .sorting_desc .column-sort .sort-down {
    background-position: -30px bottom;
}

/************ Cell styles ************/
.table-check-cell {
    width: 1em;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.head:after,
ul.grid:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.head,
ul.grid {
    display: inline-block;
}

* html .head,
* html ul.grid {
    height: 1%;
}

.head,
ul.grid {
    display: block;
}

/**
 * Wizard styles
 */

.wizard-steps {
    height: 6em;
    line-height: 6.5em;
    border: 1px solid #b5b3b4;
    border-width: 1px 0;
    border-top: 1px solid #9bd2ee;
    /* background: #0c5fa3 url(theme/ui/block-header-bg.png) repeat-x top; */
    background: #0c5fa3 url(/mclls/javax.faces.resource/theme/ui/block-header-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #6dc3e6,
            #0c5fa3
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#6dc3e6),
            to(#0c5fa3)
    );
    text-align: center;
    margin-left: -1.667em;
    margin-right: -1.667em;
}

.block-controls + .wizard-steps,
.no-margin + .wizard-steps {
    margin-top: -1.667em;
}

.wizard-steps li {
    display: inline-block;
    height: 100%;
    color: white;
    font-size: 2em;
    font-weight: bold;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    /* background: url(../images/wizard-head-effect.png) no-repeat right center; */
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/wizard-head-effect.png.html?appv=1.7) no-repeat right center;

    padding: 0 1.25em 0 0.75em;
    position: relative;
    z-index: 89;
}

/* IE class */
.ie7 .wizard-steps li {
    display: inline;
}

.wizard-steps li:last-child {
    background: none;
    padding-right: 0.75em;
}

/* IE class */
.wizard-steps li.last-child {
    background: none;
    padding-right: 0.75em;
}

.wizard-steps li.disabled {
    -moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25);
    color: rgba(255, 255, 255, 0.5);
}

.wizard-steps li a {
    color: white;
}

.wizard-steps li.disabled a {
    color: rgba(255, 255, 255, 0.5);
}

.wizard-steps li .number {
    font-size: 0.583em;
    line-height: 1em;
    width: 1.571em;
    text-indent: 0;
    padding: 0.286em 0;
    position: absolute;
    float: none;
    z-index: 89;
    left: 50%;
    margin: 0 0 0 -1.143em;
    bottom: -0.786em;
    /* background: #0c5fa5 url(theme/ui/number-bg.png) repeat-x top; */
    background: #0c5fa3 url(/mclls/javax.faces.resource/theme/ui/number-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #72c6e4,
            #0c5fa5
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#72c6e4),
            to(#0c5fa5)
    );
    border: 1px solid white;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

.wizard-steps li:last-child .number {
    margin-left: -0.786em;
}

/* IE class */
.wizard-steps li.last-child .number {
    margin-left: -0.786em;
}

.wizard-steps li a:hover .number {
    margin-bottom: 0.286em;
}

.wizard-steps li.disabled .number {
    /* 		background: #dfdfdf url(theme/ui/button-bg.png) repeat-x top; */
    background: #0c5fa3 url(/mclls/javax.faces.resource/theme/ui/button-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f6f6f6,
            #dfdfdf
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f6f6f6),
            to(#dfdfdf)
    );
    color: #333333;
}

.wizard-steps li .number .status-ok,
.wizard-steps li .number .status-error,
.wizard-steps li .number .status-warning {
    position: absolute;
    z-index: 89;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    right: -8px;
    top: -8px;
}

.wizard-steps li .number .status-ok {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/tick-circle.png.html?appv=1.7);
}

.wizard-steps li .number .status-error {
    background-image: url(/mclls/javax.faces.resource/shared/icons/cancel_cross-red-circle_16.png.html?appv=1.7);
}

.wizard-steps li .number .status-warning {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/exclamation-diamond.png.html?appv=1.7);
}

.block-content .wizard-steps + .no-margin {
    margin-top: -1.667em;
}

.block-content .wizard-steps + .message.no-margin {
    margin-top: -1.667em;
    border-top: none;
}

/**
 * Gallery styles
 */

.gallery.with-padding {
    padding: 2em 1em;
}

.gallery li {
    width: 9em;
    height: 6em;
    line-height: 6em;
    float: left;
    text-align: center;
    vertical-align: middle;
    color: #999999;
}

.gallery li img {
    border: 1px solid white;
    background: #efefef;
    background: rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    vertical-align: middle;
    margin-top: -4px;
    -moz-transition: all 250ms;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

.gallery li a:hover img {
    padding: 4px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-background-clip: padding-box;
    border-radius: 5px;
    margin: -8px -5px -4px;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

.gallery-preview {
    position: relative;
    z-index: 89;
    min-height: 92px;
    padding: 2em;
    text-align: center;
}

.gallery-preview img {
    border: 1px solid white;
    background: #efefef;
    background: rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    vertical-align: middle;
    margin-top: -4px;
    -moz-transition: all 250ms;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

.gallery-preview a:hover img {
    padding: 4px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-background-clip: padding-box;
    border-radius: 5px;
    margin: -8px -5px -4px;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

.gallery-preview .prev,
.gallery-preview .next {
    display: block;
    position: absolute;
    z-index: 89;
    width: 35px;
    height: 92px;
    line-height: 92px;
    top: 50%;
    margin-top: -46px;
}

.gallery-preview .prev img,
.gallery-preview .next img {
    border: 0;
    margin: 0;
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* IE class */
.ie7 .gallery-preview .prev img,
.ie7 .gallery-preview .next img {
    margin-top: 40px;
}

.gallery-preview .prev:hover img,
.gallery-preview .next:hover img {
    border: 0;
    margin: 0;
    padding: 0;
}

/* IE class */
.ie7 .gallery-preview .prev:hover img,
.ie7 .gallery-preview .next:hover img {
    margin-top: 40px;
}

.gallery-preview .prev {
    left: 0;
    background: url(../images/gallery-bt-prev.png) no-repeat 100px 0;
}

.gallery-preview .prev:hover {
    background-position: 0 0;
}

.gallery-preview .next {
    right: 0;
    background: url(../images/gallery-bt-next.png) no-repeat 100px 0;
}

.gallery-preview .next:hover {
    background-position: 0 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.gallery:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.gallery {
    display: inline-block;
}

* html .gallery {
    height: 1%;
}

.gallery {
    display: block;
}

/**
 * Simple lists styles
 */

/****************** Basic list ******************/
.bullet-list li {
    padding-top: 0.083em;
    margin-bottom: 0.75em;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/control-000-small.png.html?appv=1.7) no-repeat 0 0.167em;
    padding-left: 1.5em;
    line-height: 1.25em;
}

/**************** Keywords list *****************/
.keywords {
    font-size: 0.833em;
    line-height: 2.2em;
}

.keywords li {
    display: inline-block;
    background: #3399cc;
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    -webkit-background-clip: padding-box;
    line-height: 1.6em;
    border-radius: 0.4em;
    padding: 0.2em 0.5em;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    white-space: nowrap;
}

/* IE class */
.ie7 .keywords li {
    display: inline;
    margin-right: 0.3em;
}

.keywords li.orange-keyword {
    background-color: #cc9900;
}

.keywords li.purple-keyword {
    background-color: #cc0066;
}

.keywords li.green-keyword {
    background-color: #009900;
}

.keywords li a {
    margin: -0.4em -0.5em;
    padding: 0.4em 0.5em;
    color: white;
}

.keywords li img {
    margin-bottom: -4px;
}

/* IE class */
.ie7 .keywords li img {
    margin-bottom: 0;
    vertical-align: middle;
}

.table tbody th .keywords,
.table tbody td .keywords {
    margin: -0.3em -0.2em;
}

/****************** Tags list *******************/
ul.floating-tags {
    float: right;
    width: 10em;
    margin-bottom: 0;
}

ul.tags {
    line-height: 2em;
}

ul.tags li,
ul.floating-tags li {
    background: #808080;
    font-size: 0.833em;
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    -webkit-background-clip: padding-box;
    border-radius: 0.4em;
    color: white;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1.3em;
    background-repeat: no-repeat;
    background-position: 0.2em center;
    padding: 0.4em 0.5em;
}

ul.tags li {
    display: inline-block;
}

/* IE class */
.ie7 ul.tags li {
    float: left;
    margin-right: 0.25em;
}

/* IE class */
.ie7 ul.tags li.last-child {
    margin-right: 0;
}

ul.floating-tags li {
    margin-bottom: 0.3em;
}

ul.floating-tags li:last-child {
    margin-bottom: 0;
}

/* IE class */
ul.floating-tags li.last-child {
    margin-bottom: 0;
}

ul.tags li a,
ul.floating-tags li a {
    color: white;
}

ul.tags .tag-time,
ul.tags .tag-tags,
ul.tags .tag-user,
ul.floating-tags .tag-time,
ul.floating-tags .tag-tags,
ul.floating-tags .tag-user {
    padding-left: 2em;
}

ul.tags .tag-time, ul.floating-tags .tag-time {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/clock.png.html?appv=1.7);
}

ul.tags .tag-tags, ul.floating-tags .tag-tags {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/tags-label.png.html?appv=1.7);
}

ul.tags .tag-user, ul.floating-tags .tag-user {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/user.png.html?appv=1.7);
}

/*************** Small pagination ***************/
.small-pagination {
    text-align: center;
}

ul + .small-pagination {
    margin-top: -0.667em;
}

.small-pagination li {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    display: inline-block;
    font-size: 0.75em;
    height: 1.555em;
    line-height: 1.555em;
    padding: 0 0.333em 0 0.222em;
    min-width: 1em;
    text-align: center;
    background: #d0d0d0;
    color: #666666;
    -moz-border-radius: 0.778em;
    -webkit-border-radius: 0.778em;
    -webkit-background-clip: padding-box;
    border-radius: 0.778em;
}

/* IE class */
.ie7 .small-pagination li {
    display: inline;
    margin-right: 0.333em;
}

/* IE class */
.ie7 .small-pagination li.last-child {
    display: inline;
    margin-right: 0;
}

.small-pagination li a {
    display: block;
    margin: 0 -0.333em 0 -0.222em;
    padding: 0 0.333em 0 0.222em;
    height: 1.555em;
    min-width: 1em;
    color: white;
    background-color: #3399cc;
    -moz-border-radius: 0.778em;
    -webkit-border-radius: 0.778em;
    -webkit-background-clip: padding-box;
    border-radius: 0.778em;
}

.small-pagination li.current a,
.small-pagination li a:hover {
    background-color: #7cc5e9;
}

.small-pagination li.prev,
.small-pagination li.next {
    background: none;
    vertical-align: middle;
}

/* IE class */
.ie7 .small-pagination li.prev,
.ie7 .small-pagination li.next {
    vertical-align: auto;
}

.small-pagination li.prev a,
.small-pagination li.next a {
    margin: -0.111em -0.444em -0.111em -0.333em;
    padding: 0.111em 0.444em 0.111em 0.333em;
    width: 1em;
    overflow: hidden;
    text-indent: 100em;
}

.small-pagination li.prev a {
    background: url(/mclls/javax.faces.resource/shared/icons/navigation_blue-left-arrow_16.png.html?appv=1.7) no-repeat center center;
}

.small-pagination li.prev a:hover {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/navigation-180-white.png.html?appv=1.7);
}

.small-pagination li.next a {
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/navigation.png.html?appv=1.7) no-repeat center center;
}

.small-pagination li.next a:hover {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/navigation-000-white.png.html?appv=1.7);
}

/* IE class */
.ie7 .small-pagination li.prev a,
.ie7 .small-pagination li.next a {
    background-position: 0 0;
}

/********************* Arbo *********************/
ul.arbo {
    margin-top: 0.5em;
}

ul.arbo li {
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/arbo-points-v.gif.html?appv=1.7) repeat-y 8px 0.667em;
    padding-left: 20px;
    line-height: 1.333em;
    padding-bottom: 0.333em;
}

ul.arbo li:last-child {
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/arbo-points-v-end.gif.html?appv=1.7) no-repeat 8px -7px;
}

/* IE class */
ul.arbo li.last-child,
ul.arbo li.first-child.last-child {
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/arbo-points-v-end.gif.html?appv=1.7) no-repeat 8px -7px;
}

ul.arbo > li:only-child {
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/arbo-points-h.gif.html?appv=1.7) no-repeat 8px 0.75em;
}

/* IE class */
ul.arbo > li.first-child.last-child {
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/arbo-points-h.gif.html?appv=1.7) no-repeat 8px 0.75em;
}

ul.arbo li > a,
ul.arbo li > span {
    color: #333;
    display: block;
    padding-left: 12px;
}

/* IE class */
.ie7 ul.arbo li > a,
.ie7 ul.arbo li > span {
    float: left;
}

.dark-grey-gradient ul.arbo li > a,
.dark-grey-gradient ul.arbo li > span {
    color: white;
}

ul.arbo li > a:hover span,
ul.arbo li > a.current span {
    background: #999999;
    color: white;
    padding: 0.083em 0.25em 0.167em;
    margin: -0.083em -0.25em -0.167em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    border-radius: 0.25em;
}

ul.arbo li.closed ul {
    display: none;
}

ul.arbo li ul li:first-child {
    padding-top: 0.5em;
    background-position: 8px 1.167em;
}

/* IE class */
ul.arbo li ul li.first-child {
    padding-top: 0.5em;
    background-position: 8px 1.167em;
}

ul.arbo li ul li:only-child {
    background-position: 8px -1px;
}

/* IE class */
ul.arbo li ul li.first-child.last-child {
    background-position: 8px -1px;
}

ul.arbo li span.toggle {
    padding: 0;
    float: left;
    width: 16px;
    height: 1.333em;
    margin: 1px 0 -1px -19px;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/toggle-small-sprite.png.html?appv=1.7) no-repeat 0 center;
    cursor: pointer;
}

ul.arbo li span.toggle:hover {
    background-position: -16px center;
}

ul.arbo li.closed span.toggle {
    background-position: -32px center;
}

ul.arbo li.closed span.toggle:hover {
    background-position: -48px center;
}

ul.arbo li .loading {
    padding-left: 32px;
    color: #999999;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/arbo-loader.gif.html?appv=1.7) no-repeat 10px center;
}

.dark-grey-gradient ul.arbo li .loading,
ul.arbo.dark-grey-gradient li .loading {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/arbo-loader-grey.gif.html?appv=1.7);
}

ul.arbo li .empty {
    color: #999999;
    font-style: italic;
}

ul.arbo li .document,
ul.arbo li .document-access,
ul.arbo li .document-binary,
ul.arbo li .document-bookmark,
ul.arbo li .document-code,
ul.arbo li .document-excel,
ul.arbo li .document-film,
ul.arbo li .document-flash,
ul.arbo li .document-illustrator,
ul.arbo li .document-image,
ul.arbo li .document-music,
ul.arbo li .document-office,
ul.arbo li .document-pdf,
ul.arbo li .document-photoshop,
ul.arbo li .document-powerpoint,
ul.arbo li .document-text,
ul.arbo li .document-web,
ul.arbo li .document-word,
ul.arbo li .document-zip,
ul.arbo li .folder,
ul.arbo li .folder-bookmark,
ul.arbo li .folder-document,
ul.arbo li .folder-music,
ul.arbo li .folder-text,
ul.arbo li .folder-film,
ul.arbo li .folder-image,
ul.arbo li .folder-table,
ul.arbo li .folder-zipper {
    padding-left: 20px;
    background-repeat: no-repeat;
}

ul.arbo li .document {
    background-image: url();
}

ul.arbo li .document-access {
    background-image: url();
}

ul.arbo li .document-binary {
    background-image: url();
}

ul.arbo li .document-bookmark {
    background-image: url();
}

ul.arbo li .document-code {
    background-image: url();
}

ul.arbo li .document-excel {
    background-image: url();
}

ul.arbo li .document-film {
    background-image: url();
}

ul.arbo li .document-flash {
    background-image: url();
}

ul.arbo li .document-illustrator {
    background-image: url();
}

ul.arbo li .document-image {
    background-image: url();
}

ul.arbo li .document-music {
    background-image: url();
}

ul.arbo li .document-office {
    background-image: url();
}

ul.arbo li .document-pdf {
    background-image: url();
}

ul.arbo li .document-photoshop {
    background-image: url();
}

ul.arbo li .document-powerpoint {
    background-image: url();
}

ul.arbo li .document-text {
    background-image: url();
}

ul.arbo li .document-web {
    background-image: url();
}

ul.arbo li .document-word {
    background-image: url();
}

ul.arbo li .document-zip {
    background-image: url();
}

ul.arbo li .folder {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/folder-open.png.html?appv=1.7);
}

ul.arbo li.closed .folder {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/folder.png.html?appv=1.7);
}

ul.arbo li .folder-bookmark {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/folder-bookmark.png.html?appv=1.7);
}

ul.arbo li .folder-document {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/folder-open-document.png.html?appv=1.7);
}

ul.arbo li .folder-music {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/folder-open-document-music.png.html?appv=1.7);
}

ul.arbo li .folder-text {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/folder-open-document-text.png.html?appv=1.7);
}

ul.arbo li .folder-film {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/folder-open-film.png.html?appv=1.7);
}

ul.arbo li .folder-image {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/folder-open-image.png.html?appv=1.7);
}

ul.arbo li .folder-table {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/folder-open-table.png.html?appv=1.7);
}

ul.arbo li .folder-zipper {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/folder-zipper.png.html?appv=1.7);
}

ul.arbo.with-title > li {
    background: none;
    padding-left: 0;
    padding-bottom: 1em;
    font-size: 1.25em;
    line-height: 1.71em;
    font-weight: bold;
}

ul.arbo.with-title > li > a,
ul.arbo.with-title > li > span {
    padding-left: 7px;
}

/* IE class */
.ie7 ul.arbo.with-title > li > a,
.ie7 ul.arbo.with-title > li > span {
    float: none;
}

ul.arbo.with-title > li > ul {
    margin-left: 5px;
    font-size: 0.8em;
    font-weight: normal;
}

ul.arbo.with-title > li > .title-computer,
ul.arbo.with-title > li > .title-picture,
ul.arbo.with-title > li > .title-print,
ul.arbo.with-title > li > .title-user,
ul.arbo.with-title > li > .title-search {
    padding-left: 30px;
    padding-bottom: 3px;
    background-repeat: no-repeat;
    background-position: 0 center;
}

ul.arbo.with-title > li > .title-computer {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/24/Loading.png.html?appv=1.7);
}

ul.arbo.with-title > li > .title-picture {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/24/Picture.png.html?appv=1.7);
}

ul.arbo.with-title > li > .title-print {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/24/Print.png.html?appv=1.7);
}

ul.arbo.with-title > li > .title-user {
    background-image: url(/mclls/javax.faces.resource/shared/user/profile_orange-businessman_24.png.html?appv=1.7);
}

ul.arbo.with-title > li > .title-search {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/web-app/24/Search.png.html?appv=1.7);
}

/****************** Icons lists *****************/
.picto-list li {
    line-height: 1.25em;
    padding: 0.083em;
    padding-left: 1.667em;
    margin-bottom: 0.333em;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/control-000-small.png.html?appv=1.7) no-repeat 0 1px;
}

.picto-list.with-line-spacing li {
    margin-bottom: 1em;
}

.picto-list li:last-child {
    margin-bottom: 0;
}

.picto-list.icon-info li, .picto-list li.icon-info {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/information-blue.png.html?appv=1.7);
}

.picto-list.icon-image li, .picto-list li.icon-image {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/image.png.html?appv=1.7);
}

.picto-list.icon-user li, .picto-list li.icon-user {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/user.png.html?appv=1.7);
}

.picto-list.icon-top li, .picto-list li.icon-top {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/arrow-curve-090.png.html?appv=1.7);
}

.red .picto-list.icon-top li, .red .picto-list li.icon-top {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/arrow-curve-090-red.png.html?appv=1.7);
}

.picto-list.icon-tag-small li, .picto-list li.icon-tag-small {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/tag-small.png.html?appv=1.7);
}

.picto-list.icon-doc-small li, .picto-list li.icon-doc-small {
    background-image: url();
}

.picto-list.icon-pin-small li, .picto-list li.icon-pin-small {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/pin-small.png.html?appv=1.7);
}

/****************** Simple list *****************/
.simple-list li {
    background: #f2f2f2;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    padding: 0.75em;
    color: #333333;
    margin-bottom: 0.25em;
}

.simple-list li:last-child {
    margin-bottom: 0;
}

/* IE class */
.simple-list li.last-child {
    margin-bottom: 0;
}

.simple-list li a,
.simple-list li span {
    display: block;
    margin: -0.75em;
    padding: 0.75em;
    color: #333333;
    background-repeat: no-repeat;
    background-position: 0.667em center;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
}

.simple-list li a:hover,
.simple-list li span:hover {
    background-color: #e0e0e0;
}

.simple-list.with-icon li > a,
.simple-list.with-icon li > span,
.simple-list .with-icon li > a,
.simple-list .with-icon li > span,
.simple-list li.with-icon > a,
.simple-list li.with-icon > span {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/control-000-small.png.html?appv=1.7);
    padding-left: 2.5em;
}

/*************** Collapsible list ***************/
.collapsible-list > li {
    padding: 0.75em;
    color: #333333;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    margin-bottom: 0.25em;
}

.collapsible-list.with-bg > li {
    background: #f2f2f2;
}

.collapsible-list > li:last-child {
    margin-bottom: 0;
}

/* IE class */
.collapsible-list > li.last-child {
    margin-bottom: 0;
}

.collapsible-list li a,
.collapsible-list li span {
    display: block;
    margin: -0.5em;
    padding: 0.5em;
    color: #333333;
    background-repeat: no-repeat;
    background-position: 0.417em center;
}

.collapsible-list > li > a,
.collapsible-list > li > span {
    margin: -0.75em;
    padding: 0.75em;
    background-position: 0.667em center;
}

.collapsible-list.with-bg > li > a,
.collapsible-list.with-bg > li > span {
    -moz-border-radius: 0.417em 0.417em 0 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    -webkit-border-bottom-right-radius: 0;
    border-radius: 0.417em 0.417em 0 0.417em;
}

.collapsible-list.with-bg > li.closed > a,
.collapsible-list.with-bg > li.closed > span {
    -moz-border-radius-bottomright: 0.417em;
    -webkit-border-bottom-right-radius: 0.417em;
    border-bottom-right-radius: 0.417em;
}

.collapsible-list li a:hover,
.collapsible-list li span:hover {
    background-color: #e0e0e0;
}

.collapsible-list li ul {
    margin: 0.5em -0.5em 0 1em;
}

.collapsible-list li.closed ul {
    display: none;
}

.collapsible-list > li > ul {
    margin: 0.75em 0 0 0.25em;
}

.collapsible-list li ul li {
    padding: 0.5em;
    color: #333333;
}

.collapsible-list.with-icon a,
.collapsible-list.with-icon span,
.collapsible-list .with-icon a,
.collapsible-list .with-icon span {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/control-000-small.png.html?appv=1.7);
    padding-left: 2.25em;
}

.collapsible-list.with-icon > li > a,
.collapsible-list.with-icon > li > span,
.collapsible-list > li.with-icon > a,
.collapsible-list > li.with-icon > span {
    padding-left: 2.5em;
}

.collapsible-list li .toggle {
    float: left;
    width: 16px;
    height: 2em;
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/toggle-sprite.png.html?appv=1.7) no-repeat 0 center;
    margin: -0.5em 2px -0.5em 0;
    padding: 0;
    cursor: pointer;
}

.collapsible-list li.closed > .toggle {
    background-position: -32px center;
}

.collapsible-list li .toggle:hover {
    background-color: transparent;
    background-position: -16px center;
}

.collapsible-list li.closed > .toggle:hover {
    background-position: -48px center;
}

.collapsible-list > li > .toggle {
    height: 2.5em;
    margin: -0.75em 2px -0.75em 0;
}

.collapsible-list li .toggle + a,
.collapsible-list li .toggle + span {
    margin-left: 18px;
    padding-left: 0.25em;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-bottomleft: 0 !important;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    cursor: pointer;
}

.collapsible-list.with-icon .toggle + a,
.collapsible-list.with-icon .toggle + span,
.collapsible-list .with-icon .toggle + a,
.collapsible-list .with-icon .toggle + span {
    padding-left: 2em;
    background-position: 0.25em center;
}

.with-icon.no-toggle-icon .toggle + a,
.with-icon.no-toggle-icon .toggle + span,
.with-icon .no-toggle-icon .toggle + a,
.with-icon .no-toggle-icon .toggle + span {
    background-image: none !important;
    padding-left: 0.25em;
}

.with-icon.icon-info > a,
.with-icon.icon-info > span,
.with-icon .icon-info > a,
.with-icon .icon-info > span {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/information-blue.png.html?appv=1.7) !important;
}

.with-icon.icon-application-terminal > a,
.with-icon.icon-application-terminal > span,
.with-icon .icon-application-terminal > a,
.with-icon .icon-application-terminal > span {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/application-terminal.png.html?appv=1.7) !important;
}

.with-icon.icon-group > a,
.with-icon.icon-group > span,
.with-icon .icon-group > a,
.with-icon .icon-group > span {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/users.png.html?appv=1.7) !important;
}

.with-icon.icon-user > a,
.with-icon.icon-user > span,
.with-icon .icon-user > a,
.with-icon .icon-user > span {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/user.png.html?appv=1.7) !important;
}

.with-icon.icon-file > a,
.with-icon.icon-file > span,
.with-icon .icon-file > a,
.with-icon .icon-file > span {
    background-image: url() !important;
}

.with-icon.icon-tags > a,
.with-icon.icon-tags > span,
.with-icon .icon-tags > a,
.with-icon .icon-tags > span {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/tags-label.png.html?appv=1.7) !important;
}

.with-icon.icon-date > a,
.with-icon.icon-date > span,
.with-icon .icon-date > a,
.with-icon .icon-date > span {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/calendar-day.png.html?appv=1.7) !important;
}

.with-icon.icon-pin-small > a,
.with-icon.icon-pin-small > span,
.with-icon .icon-pin-small > a,
.with-icon .icon-pin-small > span {
    background-image: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/pin-small.png.html?appv=1.7) !important;
}


/*************** Definitions list ***************/
dl.definition dt {
    background: url(/mclls/javax.faces.resource/eu.bluepimento.mcl.c/img/icons/fugue/control-000-small.png.html?appv=1.7) no-repeat;
    font-weight: bold;
    padding-left: 20px;
    line-height: 1.25em;
    margin-bottom: 0.167em;
}

dl.definition dd {
    padding-left: 20px;
    color: #666;
    margin-bottom: 1em;
    line-height: 1.25em;
}

dl.definition dd:last-child {
    margin-bottom: 0;
}

/* IE class */
dl.definition dd.last-child {
    margin-bottom: 0;
}

/**************** Accordion list ****************/
dl.accordion {
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -webkit-background-clip: padding-box;
    border-radius: 0.5em;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    padding: 1px;
}

.ie dl.accordion {
    border: 1px solid #cccccc;
}

dl.accordion dt {
    background: #e7e7e7 url(/mclls/javax.faces.resource/theme/ui/accordion-tab-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f8f8f8,
            #e7e7e7
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f8f8f8),
            to(#e7e7e7)
    );
    padding: 0.75em;
    border: 1px solid #cccccc;
    color: #3399cc;
    cursor: pointer;
}

dl.accordion dt:first-child {
    -moz-border-radius-topleft: 0.417em;
    -moz-border-radius-topright: 0.417em;
    -webkit-border-top-left-radius: 0.417em;
    -webkit-border-top-right-radius: 0.417em;
    border-top-left-radius: 0.417em;
    border-top-right-radius: 0.417em;
}

dl.accordion dt:last-of-type {
    -moz-border-radius-bottomleft: 0.417em;
    -moz-border-radius-bottomright: 0.417em;
    -webkit-border-bottom-left-radius: 0.417em;
    -webkit-border-bottom-right-radius: 0.417em;
    border-bottom-left-radius: 0.417em;
    border-bottom-right-radius: 0.417em;
}

dl.accordion dt.opened {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

dl.accordion dt .number {
    display: block;
    float: left;
    margin: -0.333em 0.5em -0.333em -0.333em;
    font-weight: normal;
    background: #0c5fa5 url(/mclls/javax.faces.resource/theme/ui/title-bg.png.html?appv=1.7) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #72c6e4,
            #0c5fa5
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#72c6e4),
            to(#0c5fa5)
    );
    border: 0.083em solid white;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

dl.accordion dt:hover {
    border-color: #3399cc;
}

dl.accordion dd {
    background: url(/mclls/javax.faces.resource/theme/ui/accordion-content-bg.png.html?appv=1.7) repeat-x top;
    background: -moz-linear-gradient(
            top,
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0)
    ) no-repeat;
    -moz-background-size: 100% 2.5em;
    background: -webkit-gradient(
            linear,
            0 0, 0 2.5em,
            from(rgba(0, 0, 0, 0.1)),
            to(rgba(0, 0, 0, 0))
    );
    padding: 1em;
    color: #666666;
}

/**
 * Styles for the calendars
 */

.mini-calendar,
.medium-calendar {
    padding-top: 1em;
    position: relative;
    z-index: 89;
    text-align: center;
}

.mini-calendar {
    float: left;
}

.next-to-mini-calendar {
    margin-left: 14em;
}

.mini-calendar.float-right {
    float: right;
}

.mini-calendar.float-right + .next-to-mini-calendar {
    margin-left: 0;
    margin-right: 14em;
}

.calendar-controls {
    position: absolute;
    z-index: 89;
    top: 0;
    left: 50%;
    width: 9em;
    margin-left: -5.083em;
    text-align: center;
    line-height: 1.333em;
    padding: 0.25em 0.5em;
    border: 1px solid white;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    color: #3399cc;
    background: #dfdfdf url(theme/ui/button-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f6f6f6,
            #dfdfdf
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f6f6f6),
            to(#dfdfdf)
    );
}

/* IE class */
.ie .calendar-controls {
    border-color: #cccccc;
}

.calendar-controls .calendar-prev,
.calendar-controls .calendar-next {
    display: block;
    height: 1.333em;
    line-height: 1.333em;
    width: 1.333em;
    padding: 0.25em;
    text-align: center;
    background-size: 2px 100%;
    -moz-background-size: 2px 100%;
    -webkit-background-size: 2px 100%;
    margin: -0.25em 0 -0.333em;
}

.calendar-controls .calendar-prev {
    float: left;
    background: url(../images/menu-border.png) no-repeat right center;
    margin-left: -0.5em;
}

.calendar-controls .calendar-next {
    float: right;
    background: url(../images/menu-border.png) no-repeat left center;
    margin-right: -0.5em;
}

.calendar-controls .calendar-prev img,
.calendar-controls .calendar-next img {
    vertical-align: -15%;
}

.calendar-controls .calendar-prev img {
    margin-left: -2px;
}

.calendar-controls .calendar-next img {
    margin-right: -2px;
}

.mini-calendar table,
.medium-calendar table {
    border: 1px solid #cccccc;
    border-collapse: separate;
}

.medium-calendar table {
    width: 100%;
}

.mini-calendar thead th,
.mini-calendar thead td,
.medium-calendar thead th,
.medium-calendar thead td {
    height: 3em;
    padding-bottom: 0.25em;
    text-align: center;
    vertical-align: bottom;
    font-weight: normal;
    color: #808080;
    background: #cccccc url(theme/ui/mini-calendar-head-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            white,
            #e7e7e7 80%,
            #cccccc
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(white),
            to(#cccccc),
            color-stop(0.8, #e7e7e7)
    );
    -moz-text-shadow: 1px 1px 0 white;
    -webkit-text-shadow: 1px 1px 0 white;
    text-shadow: 1px 1px 0 white;
    border-bottom: 1px solid #cccccc;
}

.medium-calendar thead th,
.medium-calendar thead td {
    padding-bottom: 0.333em;
    border-right: 1px solid #cccccc;
}

.medium-calendar thead th.week-end,
.medium-calendar thead td.week-end {
    color: #b0b0b0;
}

.mini-calendar thead th:last-child,
.mini-calendar thead td:last-child,
.medium-calendar thead th:last-child,
.medium-calendar thead td:last-child {
    border-right: 0;
}

/* IE class */
.mini-calendar thead th.last-child,
.mini-calendar thead td.last-child,
.medium-calendar thead th.last-child,
.medium-calendar thead td.last-child {
    border-right: 0;
}

.mini-calendar tbody th,
.mini-calendar tbody td,
.medium-calendar tbody th,
.medium-calendar tbody td {
    background: white;
    text-align: center;
    vertical-align: middle;
    color: #333333;
}

.mini-calendar tbody th,
.mini-calendar tbody td {
    font-size: 0.833em;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    width: 2.1em;
    height: 2.2em;
}

.medium-calendar tbody th,
.medium-calendar tbody td {
    width: 14.3%;
    height: 3.25em;
    font-weight: bold;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid white;
    border-left: 1px solid white;
}

.medium-calendar tbody tr:nth-child(odd) th,
.medium-calendar tbody tr:nth-child(odd) td {
    background: #f2f2f2;
}

/* IE class */
.medium-calendar tbody tr.odd th,
.medium-calendar tbody tr.odd td {
    background: #f2f2f2;
}

.medium-calendar tbody tr:nth-child(even) th,
.medium-calendar tbody tr:nth-child(even) td {
    background: #e6e6e6;
}

/* IE class */
.medium-calendar tbody tr.even th,
.medium-calendar tbody tr.even td {
    background: #e6e6e6;
}

.mini-calendar tbody th:last-child,
.mini-calendar tbody td:last-child,
.medium-calendar tbody th:last-child,
.medium-calendar tbody td:last-child {
    border-right: 0;
}

/* IE class */
.mini-calendar tbody th.last-child,
.mini-calendar tbody td.last-child,
.medium-calendar tbody th.last-child,
.medium-calendar tbody td.last-child {
    border-right: 0;
}

.mini-calendar tbody tr:last-child th,
.mini-calendar tbody tr:last-child td,
.medium-calendar tbody tr:last-child th,
.medium-calendar tbody tr:last-child td {
    border-bottom: 0;
}

/* IE class */
.mini-calendar tbody tr.last-child th,
.mini-calendar tbody tr.last-child td,
.medium-calendar tbody tr.last-child th,
.medium-calendar tbody tr.last-child td {
    border-bottom: 0;
}

.mini-calendar tbody a,
.mini-calendar tbody div,
.medium-calendar tbody a,
.medium-calendar tbody div {
    display: block;
    position: relative;
    z-index: 89;
    height: 100%;
}

.mini-calendar tbody a,
.medium-calendar tbody a {
    color: #333333;
}

.mini-calendar tbody a,
.mini-calendar tbody div {
    line-height: 2.22em;
}

.medium-calendar tbody a,
.medium-calendar tbody div {
    line-height: 3.25em;
}

.mini-calendar tbody .week-end,
.mini-calendar tbody .week-end a,
.medium-calendar tbody .week-end,
.medium-calendar tbody .week-end a {
    color: #808080;
}

.mini-calendar tbody .other-month,
.mini-calendar tbody .other-month a,
.medium-calendar tbody .other-month,
.medium-calendar tbody .other-month a {
    color: #CCCCCC;
    font-weight: normal;
}

.mini-calendar tbody .today,
.mini-calendar tbody .today a,
.medium-calendar tbody .today,
.medium-calendar tbody .today a {
    color: #3399cc;
    font-weight: bold;
}

.mini-calendar tbody span.today,
.medium-calendar tbody span.today {
    background: #3399cc;
    color: white;
    padding: 0.25em 0.5em;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
}

.mini-calendar tbody a:hover span.today,
.medium-calendar tbody a:hover span.today {
    background: white;
    color: #3399cc;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* Date picker integration - Thanks to sbkyle! */
.mini-calendar tbody a:hover, .mini-calendar tbody a.selected {
    background: #72c6e4 url(theme/ui/mini-cal-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #0c5fa5,
            #72c6e4
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#0c5fa5),
            to(#72c6e4)
    );
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.mini-calendar tbody a.selected {
    color: #FFF;
    font-weight: bold;
}

.datepick-month-year {
    font-size: .8em !important;
    padding: 0 !important;
}

.datepick {
    width: auto !important
}

.datepick-popup {
    z-index: 100;
}

.mini-calendar tbody th.unavailable,
.mini-calendar tbody td.unavailable,
.medium-calendar tbody th.unavailable,
.medium-calendar tbody td.unavailable {
    background: white url(../images/lite-grey-stripes.png);
    color: #b0b0b0;
    -moz-text-shadow: 1px 1px 0 white;
    -webkit-text-shadow: 1px 1px 0 white;
    text-shadow: 1px 1px 0 white;
}

.medium-calendar tbody tr:nth-child(odd) th.unavailable,
.medium-calendar tbody tr:nth-child(odd) td.unavailable {
    background: #f2f2f2 url(../images/medium-grey-stripes.png);
}

/* IE class */
.medium-calendar tbody tr.odd th.unavailable,
.medium-calendar tbody tr.odd td.unavailable {
    background: #f2f2f2 url(../images/medium-grey-stripes.png);
}

.medium-calendar tbody tr:nth-child(even) th.unavailable,
.medium-calendar tbody tr:nth-child(even) td.unavailable {
    background: #e6e6e6 url(../images/grey-stripes.png);
    color: #a0a0a0;
}

/* IE class */
.medium-calendar tbody tr.even th.unavailable,
.medium-calendar tbody tr.even td.unavailable {
    background: #e6e6e6 url(../images/grey-stripes.png);
    color: #a0a0a0;
}

.blue-corner {
    display: block;
    background: url(../images/blue-corner.png) no-repeat left bottom;
    height: 100%;
}

.other-month .blue-corner {
    background-image: url(../images/grey-corner-left.png);
}

.red-corner {
    display: block;
    background: url(../images/red-corner.png) no-repeat right bottom;
    height: 100%;
}

.other-month .red-corner {
    background-image: url(../images/grey-corner-right.png);
}

.nb-events {
    position: absolute;
    right: -3px;
    top: -3px;
    height: 1.333em;
    text-align: center;
    font-size: 0.75em;
    line-height: 1.111em;
    padding: 0 0.333em;
    font-weight: normal;
    border: 1px solid white;
    background: #0c5fa5 url(theme/ui/nb-events-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #72c6e4,
            #0c5fa5
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(72 c6e4),
            to(#0c5fa5)
    );
    -moz-border-radius: 0.667em;
    -webkit-border-radius: 0.667em;
    -webkit-background-clip: padding-box;
    border-radius: 0.667em;
    color: white;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.mini-calendar tbody td:hover .nb-events,
.medium-calendar tbody td:hover .nb-events {
    right: -2px;
    top: -2px;
}

.other-month .nb-events {
    background: #dfdfdf url(theme/ui/nb-events-other-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f6f6f6,
            #dfdfdf
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f6f6f6),
            to(#dfdfdf)
    );
    color: #999999;
}

.calendar,
.list-calendar {
    margin-bottom: 1.667em;
    border: 1px solid #999999;
    width: 100%;
    border-collapse: separate;
}

.calendar:last-child,
.list-calendar:last-child {
    margin-bottom: 0;
}

/* IE class */
.calendar.last-child,
.list-calendar.last-child {
    margin-bottom: 0;
}

.content-columns .calendar,
.content-columns .list-calendar {
    margin-bottom: 0;
    border: none;
    border-top: 1px solid #999999;
}

.no-margin .calendar,
.no-margin .list-calendar {
    border: none;
}

.calendar thead th,
.calendar thead td,
.list-calendar thead th,
.list-calendar thead td {
    background: #a4a4a4 url(theme/ui/planning-header-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #cccccc,
            #a4a4a4
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#cccccc),
            to(#a4a4a4)
    );
    color: white;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    border-top: 1px solid white;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #828282;
    vertical-align: middle;
    text-align: center;
    padding: 0.75em;
}

.calendar .black-cell,
.list-calendar .black-cell {
    background: #242424 url(theme/ui/black-cell-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #4c4c4c,
            #242424
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#4c4c4c),
            to(#242424)
    );
    border-top-color: #7f7f7f;
    border-left: none;
    border-right-color: #191919;
    min-width: 16px;
}

.calendar .black-cell span,
.list-calendar .black-cell span {
    display: block;
    height: 2.5em;
    background-repeat: no-repeat;
    background-position: center;
    margin: -0.75em;
}

.calendar .black-cell span.loading, .list-calendar .black-cell span.loading {
    background-image: url(../images/table-loader.gif);
}

.calendar .black-cell span.error, .list-calendar .black-cell span.error {
    background-image: url(shared/icons/cancel_cross-red-circle_16.png);
}

.calendar .black-cell span.success, .list-calendar .black-cell span.success {
    background-image: url(../images/icons/fugue/tick-circle-blue.png);
}

.calendar tbody th,
.calendar tbody td,
.list-calendar tbody th,
.list-calendar tbody td {
    background: white;
    text-align: center;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid white;
    border-left: 1px solid white;
    color: #333333;
    text-align: left;
    vertical-align: top;
    padding: 0.5em;
}

.calendar tbody th,
.calendar tbody td {
    width: 14%;
    height: 8.25em;
}

.calendar tbody tr.empty th,
.calendar tbody tr.empty td,
.list-calendar tbody tr.empty th,
.list-calendar tbody tr.empty td {
    color: #999999;
}

.calendar tbody th:first-child {
    width: 2em;
    vertical-align: middle;
    text-align: center;
    padding: 0;
}

.list-calendar tbody th:first-child {
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    font-size: 2.5em;
    line-height: 1.2em;
    width: 1.5em;
    text-align: center;
    padding: 0.2em;
    color: #3399cc;
}

.list-calendar tbody tr.empty th:first-child {
    color: #999999;
    font-style: normal;
}

.calendar tbody tr:nth-child(odd) th,
.calendar tbody tr:nth-child(odd) td,
.list-calendar tbody tr:nth-child(odd) th,
.list-calendar tbody tr:nth-child(odd) td {
    background: #f2f2f2;
}

/* IE class */
.calendar tbody tr.odd th,
.calendar tbody tr.odd td,
.list-calendar tbody tr.odd th,
.list-calendar tbody tr.odd td {
    background: #f2f2f2;
}

.calendar tbody tr:nth-child(odd) th:first-child,
.list-calendar tbody tr:nth-child(odd) th:first-child {
    background: #d9d9d9;
    border-bottom-color: #c2c2c2;
}

/* IE class */
.calendar tbody tr.odd th:first-child,
.list-calendar tbody tr.odd th:first-child {
    background: #d9d9d9;
    border-bottom-color: #c2c2c2;
}

.calendar tbody tr:nth-child(odd) th:first-child {
    color: #b4b4b4;
}

/* IE class */
.calendar tbody tr.odd th:first-child {
    color: #b4b4b4;
}

.calendar tbody tr:nth-child(even) th,
.calendar tbody tr:nth-child(even) td,
.list-calendar tbody tr:nth-child(even) th,
.list-calendar tbody tr:nth-child(even) td {
    background: #e6e6e6;
}

/* IE class */
.calendar tbody tr.even th,
.calendar tbody tr.even td,
.list-calendar tbody tr.even th,
.list-calendar tbody tr.even td {
    background: #e6e6e6;
}

.calendar tbody tr:nth-child(even) th:first-child {
    background: #cccccc;
    color: #808080;
    border-bottom-color: #bbbbbb;
}

/* IE class */
.calendar tbody tr.even th:first-child {
    background: #cccccc;
    color: #808080;
    border-bottom-color: #bbbbbb;
}

.list-calendar tbody tr th:hover,
.list-calendar tbody tr td:hover {
    background-color: #dbe8f0;
}

.list-calendar tbody tr th.other-month:hover,
.list-calendar tbody tr td.other-month:hover {
    background-color: #e9e9e9;
}

.calendar tbody th:last-child,
.calendar tbody td:last-child,
.list-calendar tbody th:last-child,
.list-calendar tbody td:last-child {
    border-right: 0;
}

/* IE class */
.calendar tbody th.last-child,
.calendar tbody td.last-child,
.list-calendar tbody th.last-child,
.list-calendar tbody td.last-child {
    border-right: 0;
}

.calendar tbody tr:last-child th,
.calendar tbody tr:last-child td,
.list-calendar tbody tr:last-child th,
.list-calendar tbody tr:last-child td {
    border-bottom: 0;
}

/* IE class */
.calendar tbody tr.last-child th,
.calendar tbody tr.last-child td,
.list-calendar tbody tr.last-child th,
.list-calendar tbody tr.last-child td {
    border-bottom: 0;
}

.calendar tbody .week-end,
.calendar tbody .week-end a,
.list-calendar tbody .week-end,
.list-calendar tbody .week-end a {
    color: #808080;
}

.calendar tbody .other-month,
.calendar tbody .other-month a,
.list-calendar tbody .other-month,
.list-calendar tbody .other-month a {
    color: #CCCCCC;
}

.calendar .day {
    display: block;
    float: left;
    font-size: 1.5em;
    line-height: 1.222em;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333333;
}

.calendar .other-month .day {
    color: #CCCCCC;
}

.calendar .add-event {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    float: left;
    font-size: 0.75em;
    line-height: 1em;
    height: 1em;
    margin: 0.556em -1.444em 0 0.556em;
    text-transform: uppercase;
    padding: 0 0.333em 0.222em;
    border: 1px solid white;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #666666;
    background: #dfdfdf url(theme/ui/button-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
            top,
            #f6f6f6,
            #dfdfdf
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f6f6f6),
            to(#dfdfdf)
    );
    overflow: hidden;
    width: 0.778em;
    white-space: nowrap;
    -moz-transition: all 250ms;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

/* IE class */
.ie .calendar .add-event {
    margin-top: 0.444em;
}

/* IE class */
.ie7 .calendar .add-event {
    margin-top: 0.333em;
}

.calendar .add-event:before {
    content: url(../images/icons/add-mini.png);
    padding-right: 0.333em;
}

/* IE class */
.calendar .add-event .before {
    background: url(../images/icons/add-mini.png) no-repeat;
    width: 7px;
    height: 7px;
    padding: 0;
    vertical-align: middle;
    margin: 0 0.333em -1px 0;
    display: inline-block;
}

.calendar th:hover .add-event,
.calendar td:hover .add-event {
    opacity: 1;
    filter: none;
}

.calendar .add-event:hover {
    width: 3.667em;
    margin-right: -4.333em;
}

.calendar tbody .today,
.calendar tbody .today a,
.calendar tbody .today span {
    color: #3399cc;
    font-weight: bold;
}

.calendar tbody span.today {
    background: #3399cc;
    color: white;
    padding: 0.25em 0.5em;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
}

.calendar tbody a:hover span.today {
    background: white;
    color: #3399cc;
}

.calendar tbody td .mini-menu,
.list-calendar tbody td .mini-menu {
    margin: -1.583em 0.5em -0.583em 0;
}

.calendar tbody .unavailable {
    background: white url(../images/lite-grey-stripes.png);
    color: #b0b0b0;
    -moz-text-shadow: 1px 1px 0 white;
    -webkit-text-shadow: 1px 1px 0 white;
    text-shadow: 1px 1px 0 white;
}

.calendar tbody .unavailable .day {
    color: #b0b0b0;
}

.calendar tbody tr:nth-child(odd) .unavailable {
    background: #f2f2f2 url(../images/medium-grey-stripes.png);
}

/* IE class */
.calendar tbody tr.odd .unavailable {
    background: #f2f2f2 url(../images/medium-grey-stripes.png);
}

.calendar tbody tr:nth-child(even) .unavailable {
    background: #e6e6e6 url(../images/grey-stripes.png);
    color: #a0a0a0;
}

/* IE class */
.calendar tbody tr.even .unavailable {
    background: #e6e6e6 url(../images/grey-stripes.png);
    color: #a0a0a0;
}

/* Hover effect */
.medium-calendar tbody td:hover,
.calendar tbody td:hover {
    border: 0;
}

.medium-calendar tbody td:hover a,
.medium-calendar tbody td:hover div {
    padding: 1px;
}

.medium-calendar tbody td:last-child:hover a,
.medium-calendar tbody td:last-child:hover div {
    padding-right: 0;
}

/* IE class */
.medium-calendar tbody td.last-child:hover a,
.medium-calendar tbody td.last-child:hover div {
    padding-right: 0;
}

.medium-calendar tbody tr:last-child td:hover a,
.medium-calendar tbody tr:last-child td:hover div {
    padding-bottom: 0;
}

/* IE class */
.medium-calendar tbody tr.last-child td:hover a,
.medium-calendar tbody tr.last-child td:hover div {
    padding-bottom: 0;
}

.calendar tbody td:hover {
    padding: 0.583em;
}

.calendar tbody td:last-child:hover {
    padding-right: 0.5em;
}

/* IE class */
.calendar tbody td.last-child:hover {
    padding-right: 0.5em;
}

.calendar tbody tr:last-child td:hover {
    padding-bottom: 0.5em;
}

/* IE class */
.calendar tbody tr.last-child td:hover {
    padding-bottom: 0.5em;
}

.mini-calendar tbody a:hover,
.medium-calendar tbody a:hover,
.calendar tbody tr td:hover {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    color: white;
}

.calendar tbody tr td.unavailable:hover {
    background-size: auto;
    -moz-background-size: auto;
    -webkit-background-size: auto;
}

.mini-calendar tbody a:hover {
    background: #72c6e4 url(theme/ui/mini-cal-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #0c5fa5,
            #72c6e4
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#0c5fa5),
            to(#72c6e4)
    );
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.medium-calendar tbody a:hover {
    background: #72c6e4 url(theme/ui/medium-cal-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #0c5fa5,
            #72c6e4
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#0c5fa5),
            to(#72c6e4)
    );
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5);
}

.calendar tbody tr td:hover {
    background: #72c6e4 url(theme/ui/calendar-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #0c5fa5,
            #72c6e4
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#0c5fa5),
            to(#72c6e4)
    );
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
}

.mini-calendar tbody a:hover,
.medium-calendar tbody a:hover {
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.calendar tbody td:hover .day {
    color: white;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* Custom styles */
.dot-events {
    float: right;
    margin: -0.25em 0.25em 0 0;
    text-align: right;
}

.calendar .dot-events {
    max-width: 40%;
}

/* IE class */
.ie7 .dot-events {
    padding-top: 0.083em;
}

.dot-events li {
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 0.333em solid #3399cc;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
    overflow: hidden;
}

/* IE class */
.ie7 .dot-events li {
    float: left;
    margin: 0.25em 0 0 0.25em;
}

.calendar tbody td:hover .dot-events li {
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.dot-events li.red {
    border-color: #c73333;
}

.other-month .dot-events li,
.other-month .dot-events li.red {
    border-color: #b1b1b1;
}

.dot-events li a {
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    padding: 0.333em;
    margin: -0.333em;
    overflow: hidden;
    text-indent: 2em;
}

.events {
    clear: both;
    line-height: 1.25em;
}

.calendar .events {
    margin: 0 -0.333em;
    font-size: 0.75em;
    line-height: 1.222em;
    padding-top: 0.222em;
}

.calendar .events:last-child {
    margin-bottom: -0.333em;
}

/* IE class */
.calendar .events.last-child {
    margin-bottom: -0.333em;
}

.events li {
    padding: 0.167em 0.667em 0.333em 4.25em;
    color: #333333;
}

.calendar .events li {
    padding: 0.111em 0.333em 0.333em 4.222em;
}

.calendar tbody td:hover .events li {
    color: white;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

.events li a {
    display: block;
    color: #333333;
    margin: -0.167em -0.667em -0.333em -4.25em;
    padding: 0.167em 0.667em 0.333em 4.25em;
}

.calendar .events li a {
    margin: -0.111em -0.333em -0.333em -4.222em;
    padding: 0.111em 0.333em 0.333em 4.222em;
}

.calendar tbody td:hover .events li a {
    color: white;
}

.list-calendar .events li a:hover {
    background: white;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
}

.calendar .events li a:hover {
    color: #999999;
}

.calendar tbody td:hover .events li a:hover {
    color: #bfd8e4;
}

.events li b {
    display: block;
    font-weight: normal;
    color: #3399cc;
    float: left;
    margin-left: -3.833em;
    width: 3.667em;
}

.calendar .events li b {
    margin-left: -4em;
}

.calendar tbody td:hover .events li b {
    color: #9cd0ea;
}

.events li.red b {
    color: #c73333;
}

.more-events {
    position: relative;
    z-index: 88;
    background: #7f7f7f;
    line-height: 1em;
    padding: 0.333em 0.583em 0.417em;
    -moz-border-radius: 0.75em;
    -webkit-border-radius: 0.75em;
    -webkit-background-clip: padding-box;
    border-radius: 0.75em;
    color: white;
    text-align: center;
}

.list-calendar .more-events {
    float: left;
}

.calendar .more-events {
    font-size: 0.75em;
    padding: 0.222em 0.556em 0.444em;
    -moz-border-radius: 0.666em;
    -webkit-border-radius: 0.666em;
    -webkit-background-clip: padding-box;
    border-radius: 0.666em;
}

/* IE class */
.ie7 .calendar .more-events {
    padding-top: 0.333em;
}

.list-calendar .more-events {
    margin: 0.25em 0 0.25em 0.333em;
}

.list-calendar .events + .more-events {
    margin-top: -1.333em;
}

.calendar .events + .more-events {
    margin-top: 0.333em;
}

.list-calendar .more-events:after {
    content: '';
    padding: 0 8px;
    background: url(../images/menu-open-arrow.png) no-repeat 3px center;
}

.calendar tbody td:hover .more-events {
    background: #404040;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.more-events:hover {
    background-color: #333333;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.more-events ul {
    display: none;
    position: absolute;
    z-index: 89;
    top: 100%;
    left: 0;
    line-height: 1.25em;
    min-width: 100%;
    background: #e6e6e6;
    border: 1px solid #333333;
    -moz-border-radius: 0 0.333em 0.333em 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    -webkit-border-top-left-radius: 0;
    border-radius: 0 0.333em 0.333em 0.333em;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    text-align: left;
}

.calendar .more-events ul {
    line-height: 1.667em;
}

/* IE class */
.ie7 .calendar .more-events ul {
    margin-top: -1px;
}

.more-events:hover ul {
    display: block;
}

.more-events ul li {
    padding: 0.25em 0.667em 0.333em 4.25em;
    color: #333333;
    white-space: nowrap;
}

.calendar .more-events ul li {
    padding: 0.111em 0.667em 0.333em 4.667em;
}

.more-events ul li a {
    display: block;
    color: #333333;
    margin: -0.25em -0.667em -0.333em -4.25em;
    padding: 0.25em 0.667em 0.333em 4.25em;
    white-space: nowrap;
}

.calendar .more-events ul li a {
    margin: -0.111em -0.667em -0.333em -4.667em;
    padding: 0.111em 0.667em 0.333em 4.667em;
}

.more-events ul li a:hover {
    background: white;
}

.more-events ul li:first-child a:hover {
    -moz-border-radius-topright: 0.333em;
    -webkit-border-top-right-radius: 0.333em;
    border-top-right-radius: 0.333em;
}

.more-events ul li:last-child a:hover {
    -moz-border-radius: 0 0 0.333em 0.333em;
    -webkit-border-bottom-left-radius: 0.333em;
    -webkit-border-bottom-right-radius: 0.333em;
    border-radius: 0 0 0.333em 0.333em;
}

.more-events ul li b {
    display: block;
    font-weight: normal;
    color: #3399cc;
    float: left;
    margin-left: -3.833em;
    width: 3.667em;
}

.calendar .more-events ul li b {
    margin-left: -4.222em;
    width: 3.667em;
}

.more-events ul.red li b {
    color: #c73333;
}

.events-dots-list {
    line-height: 1.25em;
}

.events-dots-list li {
    padding: 0.083em 0.5em 0.25em;
    color: #333333;
}

.events-dots-list li a {
    display: block;
    color: #333333;
    margin: -0.083em -0.5em -0.25em;
    padding: 0.083em 0.5em 0.25em;
}

.events-dots-list li a:hover {
    background: white;
}

.events-dots-list li span {
    display: inline-block;
    background-color: #3399cc;
    width: 0;
    height: 0;
    padding: 0.333em;
    margin-right: 0.333em;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.333em;
}

/* IE class */
.ie7 .events-dots-list li span {
    float: left;
    margin-top: 0.5em;
}

.events-dots-list li.red span {
    background-color: #c73333;
}

.week-calendar {
    margin-bottom: 1.667em;
    border: 1px solid #999999;
    background: #a4a4a4 url(theme/ui/planning-header-bg.png) repeat-x top;
    -webkit-background-size: 100% 2.5em;
    -o-background-size: 100% 2.5em;
    background-size: 100% 2.5em;
    background: -moz-linear-gradient(
            top,
            #cccccc,
            #a4a4a4 2.5em
    ), #a4a4a4;
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#cccccc),
            to(#a4a4a4)
    ), #a4a4a4;
    position: relative;
    z-index: 89;
}

.week-calendar:last-child {
    margin-bottom: 0;
}

/* IE class */
.week-calendar.last-child {
    margin-bottom: 0;
}

.week-calendar.no-margin {
    border: 0;
}

.with-head.week-calendar,
.content-columns .week-calendar {
    border: none;
}

.with-head.week-calendar + .no-margin {
    margin-top: -1.667em;
}

.content-columns .week-calendar:first-child {
    border: none;
}

/* IE class */
.content-columns .week-calendar.first-child {
    border: none;
}

.content-columns .week-calendar {
    margin-bottom: 0;
}

.week-calendar > li {
    position: absolute;
    z-index: 89;
    top: 0;
    height: 100%;
    width: 13%;
}

.week-calendar > li.day1 {
    left: 9%;
}

.week-calendar > li.day2 {
    left: 22%;
}

.week-calendar > li.day3 {
    left: 35%;
}

.week-calendar > li.day4 {
    left: 48%;
}

.week-calendar > li.day5 {
    left: 61%;
}

.week-calendar > li.day6 {
    left: 74%;
}

.week-calendar > li.day7 {
    left: 87%;
}

.week-calendar > li > ul {
    border-left: 1px solid #ccc;
    position: absolute;
    z-index: 89;
    top: 2.5em;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 2px;
}

.week-calendar > li.weekend > ul {
    background: url(theme/ui/black10.png);
    background: rgba(0, 0, 0, 0.1);
}

.week-calendar > li > ul > li {
    position: absolute;
    left: 1em;
    right: 1em;
    border: 1px solid #ccc;
    -webkit-border-radius: 0.5em;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    padding: 0.5em;
    background: #dfdfdf url(theme/ui/event-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0.75),
            rgba(255, 255, 255, 0) 1.5em
    ), #dfdfdf;
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 0.75)),
            to(rgba(255, 255, 255, 0)),
            color-stop(1.5em, rgba(255, 255, 255, 0))
    ), #dfdfdf;
}

.week-calendar > li > ul > li.blue {
    background-color: #d9eef7;
    background: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0.75),
            rgba(255, 255, 255, 0) 1.5em
    ), #d9eef7;
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 0.75)),
            to(rgba(255, 255, 255, 0)),
            color-stop(1.5em, rgba(255, 255, 255, 0))
    ), #d9eef7;
}

.week-calendar > li > ul > li.orange {
    background-color: #f7e7d9;
    background: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0.75),
            rgba(255, 255, 255, 0) 1.5em
    ), #f7e7d9;
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 0.75)),
            to(rgba(255, 255, 255, 0)),
            color-stop(1.5em, rgba(255, 255, 255, 0))
    ), #f7e7d9;
}

.week-calendar > li > ul > li.green {
    background-color: #e6f7d9;
    background: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0.75),
            rgba(255, 255, 255, 0) 1.5em
    ), #e6f7d9;
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 0.75)),
            to(rgba(255, 255, 255, 0)),
            color-stop(1.5em, rgba(255, 255, 255, 0))
    ), #e6f7d9;
}

.week-calendar > li > ul > li.purple {
    background-color: #d9d9f7;
    background: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0.75),
            rgba(255, 255, 255, 0) 1.5em
    ), #d9d9f7;
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 0.75)),
            to(rgba(255, 255, 255, 0)),
            color-stop(1.5em, rgba(255, 255, 255, 0))
    ), #d9d9f7;
}

.week-calendar > li > ul > li.half-left {
    right: 50%;
    margin-right: 0.5em;
}

.week-calendar > li > ul > li.half-right {
    left: 50%;
    margin-left: 0.5em;
}

.week-calendar .lunch,
.week-calendar .unavailable {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.week-calendar .lunch {
    background: url(theme/ui/black05.png);
    background: rgba(0, 0, 0, 0.05);
}

.week-calendar .unavailable {
    background: url(../images/lite-grey-stripes.png);
}

.week-calendar > li > ul > li .mini-menu {
    right: 0.75em;
}

.week-calendar .event-time {
    display: block;
    font-size: 0.667em;
    margin: -0.375em 0 0.25em -0.375em;
    color: #666;
    -moz-text-shadow: 1px 1px 0 white;
    -webkit-text-shadow: 1px 1px 0 white;
    text-shadow: 1px 1px 0 white;
}

.week-calendar .day {
    display: block;
    font-weight: bold;
    color: white;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    border-top: 1px solid white;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #828282;
    text-align: center;
    height: 2.5em;
    line-height: 2.5em;
}

.week-calendar .dot-events {
    position: absolute;
    z-index: 89;
    top: 0.25em;
    right: 0.417em;
    margin: 0;
    line-height: 1em;
}

.week-calendar > li.week-cal-hours {
    position: static;
    width: auto;
}

.week-calendar > li.week-cal-hours div {
    width: 9%;
}

.week-calendar > li.week-cal-hours > ul {
    border-left: 0;
    position: static;
    margin: 0;
}

.week-calendar > li.week-cal-hours > ul > li {
    position: static;
    background: white url(../images/dots.gif) repeat-x left center;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    height: 2.5em;
    line-height: 2.5em;
    border: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.week-calendar > li.week-cal-hours li > span {
    width: 9%;
    background: #F2F2F2;
    color: #666;
    text-align: center;
    display: block;
    height: 2.5em;
    line-height: 2.5em;
    -moz-text-shadow: 1px 1px 0 white;
    -webkit-text-shadow: 1px 1px 0 white;
    text-shadow: 1px 1px 0 white;
}

.week-calendar .from-7-30, .week-calendar .at-7-30 {
    top: 0;
}

.week-calendar .from-7-45, .week-calendar .at-7-45 {
    top: 1.92%;
}

.week-calendar .from-8, .week-calendar .at-8, .week-calendar .from-8-00, .week-calendar .at-8-00 {
    top: 3.85%;
}

.week-calendar .from-8-15, .week-calendar .at-8-15 {
    top: 5.77%;
}

.week-calendar .from-8-30, .week-calendar .at-8-30 {
    top: 7.69%;
}

.week-calendar .from-8-45, .week-calendar .at-8-45 {
    top: 9.62%;
}

.week-calendar .from-9, .week-calendar .at-9, .week-calendar .from-9-00, .week-calendar .at-9-00 {
    top: 11.54%;
}

.week-calendar .from-9-15, .week-calendar .at-9-15 {
    top: 13.46%;
}

.week-calendar .from-9-30, .week-calendar .at-9-30 {
    top: 15.38%;
}

.week-calendar .from-9-45, .week-calendar .at-9-45 {
    top: 17.31%;
}

.week-calendar .from-10, .week-calendar .at-10, .week-calendar .from-10-00, .week-calendar .at-10-00 {
    top: 19.23%;
}

.week-calendar .from-10-15, .week-calendar .at-10-15 {
    top: 21.15%;
}

.week-calendar .from-10-30, .week-calendar .at-10-30 {
    top: 23.08%;
}

.week-calendar .from-10-45, .week-calendar .at-10-45 {
    top: 25%;
}

.week-calendar .from-11, .week-calendar .at-11, .week-calendar .from-11-00, .week-calendar .at-11-00 {
    top: 26.92%;
}

.week-calendar .from-11-15, .week-calendar .at-11-15 {
    top: 28.85%;
}

.week-calendar .from-11-30, .week-calendar .at-11-30 {
    top: 30.77%;
}

.week-calendar .from-11-45, .week-calendar .at-11-45 {
    top: 32.69%;
}

.week-calendar .from-12, .week-calendar .at-12, .week-calendar .from-12-00, .week-calendar .at-12-00 {
    top: 34.62%;
}

.week-calendar .from-12-15, .week-calendar .at-12-15 {
    top: 36.54%;
}

.week-calendar .from-12-30, .week-calendar .at-12-30 {
    top: 38.46%;
}

.week-calendar .from-12-45, .week-calendar .at-12-45 {
    top: 40.38%;
}

.week-calendar .from-13, .week-calendar .at-13, .week-calendar .from-13-00, .week-calendar .at-13-00 {
    top: 42.31%;
}

.week-calendar .from-13-15, .week-calendar .at-13-15 {
    top: 44.23%;
}

.week-calendar .from-13-30, .week-calendar .at-13-30 {
    top: 46.15%;
}

.week-calendar .from-13-45, .week-calendar .at-13-45 {
    top: 48.08%;
}

.week-calendar .from-14, .week-calendar .at-14, .week-calendar .from-14-00, .week-calendar .at-14-00 {
    top: 50%;
}

.week-calendar .from-14-15, .week-calendar .at-14-15 {
    top: 51.92%;
}

.week-calendar .from-14-30, .week-calendar .at-14-30 {
    top: 53.85%;
}

.week-calendar .from-14-45, .week-calendar .at-14-45 {
    top: 55.77%;
}

.week-calendar .from-15, .week-calendar .at-15, .week-calendar .from-15-00, .week-calendar .at-15-00 {
    top: 57.69%;
}

.week-calendar .from-15-15, .week-calendar .at-15-15 {
    top: 59.62%;
}

.week-calendar .from-15-30, .week-calendar .at-15-30 {
    top: 61.54%;
}

.week-calendar .from-15-45, .week-calendar .at-15-45 {
    top: 63.46%;
}

.week-calendar .from-16, .week-calendar .at-16, .week-calendar .from-16-00, .week-calendar .at-16-00 {
    top: 65.38%;
}

.week-calendar .from-16-15, .week-calendar .at-16-15 {
    top: 67.31%;
}

.week-calendar .from-16-30, .week-calendar .at-16-30 {
    top: 69.23%;
}

.week-calendar .from-16-45, .week-calendar .at-16-45 {
    top: 71.15%;
}

.week-calendar .from-17, .week-calendar .at-17, .week-calendar .from-17-00, .week-calendar .at-17-00 {
    top: 73.08%;
}

.week-calendar .from-17-15, .week-calendar .at-17-15 {
    top: 75%;
}

.week-calendar .from-17-30, .week-calendar .at-17-30 {
    top: 76.92%;
}

.week-calendar .from-17-45, .week-calendar .at-17-45 {
    top: 78.85%;
}

.week-calendar .from-18, .week-calendar .at-18, .week-calendar .from-18-00, .week-calendar .at-18-00 {
    top: 80.77%;
}

.week-calendar .from-18-15, .week-calendar .at-18-15 {
    top: 82.69%;
}

.week-calendar .from-18-30, .week-calendar .at-18-30 {
    top: 84.62%;
}

.week-calendar .from-18-45, .week-calendar .at-18-45 {
    top: 86.54%;
}

.week-calendar .from-19, .week-calendar .at-19, .week-calendar .from-19-00, .week-calendar .at-19-00 {
    top: 88.46%;
}

.week-calendar .from-19-15, .week-calendar .at-19-15 {
    top: 90.38%;
}

.week-calendar .from-19-30, .week-calendar .at-19-30 {
    top: 92.31%;
}

.week-calendar .from-19-45, .week-calendar .at-19-45 {
    top: 94.23%;
}

.week-calendar .from-20, .week-calendar .at-20, .week-calendar .from-20-00, .week-calendar .at-20-00 {
    top: 96.15%;
}

.week-calendar .from-20-15, .week-calendar .at-20-15 {
    top: 98.08%;
}

.week-calendar .to-7-30 {
    bottom: 100%;
}

.week-calendar .to-7-45 {
    bottom: 98.08%;
}

.week-calendar .to-8, .week-calendar .to-8-00 {
    bottom: 96.15%;
}

.week-calendar .to-8-15 {
    bottom: 94.23%;
}

.week-calendar .to-8-30 {
    bottom: 92.31%;
}

.week-calendar .to-8-45 {
    bottom: 90.38%;
}

.week-calendar .to-9, .week-calendar .to-9-00 {
    bottom: 88.46%;
}

.week-calendar .to-9-15 {
    bottom: 86.54%;
}

.week-calendar .to-9-30 {
    bottom: 84.62%;
}

.week-calendar .to-9-45 {
    bottom: 82.69%;
}

.week-calendar .to-10, .week-calendar .to-10-00 {
    bottom: 80.77%;
}

.week-calendar .to-10-15 {
    bottom: 78.85%;
}

.week-calendar .to-10-30 {
    bottom: 76.92%;
}

.week-calendar .to-10-45 {
    bottom: 75%;
}

.week-calendar .to-11, .week-calendar .to-11-00 {
    bottom: 73.08%;
}

.week-calendar .to-11-15 {
    bottom: 71.15%;
}

.week-calendar .to-11-30 {
    bottom: 69.23%;
}

.week-calendar .to-11-45 {
    bottom: 67.31%;
}

.week-calendar .to-12, .week-calendar .to-12-00 {
    bottom: 65.38%;
}

.week-calendar .to-12-15 {
    bottom: 63.46%;
}

.week-calendar .to-12-30 {
    bottom: 61.54%;
}

.week-calendar .to-12-45 {
    bottom: 59.62%;
}

.week-calendar .to-13, .week-calendar .to-13-00 {
    bottom: 57.69%;
}

.week-calendar .to-13-15 {
    bottom: 55.77%;
}

.week-calendar .to-13-30 {
    bottom: 53.85%;
}

.week-calendar .to-13-45 {
    bottom: 51.92%;
}

.week-calendar .to-14, .week-calendar .to-14-00 {
    bottom: 50%;
}

.week-calendar .to-14-15 {
    bottom: 48.08%;
}

.week-calendar .to-14-30 {
    bottom: 46.15%;
}

.week-calendar .to-14-45 {
    bottom: 44.23%;
}

.week-calendar .to-15, .week-calendar .to-15-00 {
    bottom: 42.31%;
}

.week-calendar .to-15-15 {
    bottom: 40.38%;
}

.week-calendar .to-15-30 {
    bottom: 38.46%;
}

.week-calendar .to-15-45 {
    bottom: 36.54%;
}

.week-calendar .to-16, .week-calendar .to-16-00 {
    bottom: 34.62%;
}

.week-calendar .to-16-15 {
    bottom: 32.69%;
}

.week-calendar .to-16-30 {
    bottom: 30.77%;
}

.week-calendar .to-16-45 {
    bottom: 28.85%;
}

.week-calendar .to-17, .week-calendar .to-17-00 {
    bottom: 26.92%;
}

.week-calendar .to-17-15 {
    bottom: 25%;
}

.week-calendar .to-17-30 {
    bottom: 23.08%;
}

.week-calendar .to-17-45 {
    bottom: 21.15%;
}

.week-calendar .to-18, .week-calendar .to-18-00 {
    bottom: 19.23%;
}

.week-calendar .to-18-15 {
    bottom: 17.31%;
}

.week-calendar .to-18-30 {
    bottom: 15.38%;
}

.week-calendar .to-18-45 {
    bottom: 13.46%;
}

.week-calendar .to-19, .week-calendar .to-19-00 {
    bottom: 11.54%;
}

.week-calendar .to-19-15 {
    bottom: 9.62%;
}

.week-calendar .to-19-30 {
    bottom: 7.69%;
}

.week-calendar .to-19-45 {
    bottom: 5.77%;
}

.week-calendar .to-20, .week-calendar .to-20-00 {
    bottom: 3.85%;
}

.week-calendar .to-20-15 {
    bottom: 1.92%;
}