/* ---- common all browsers VDoc -------------------- */
/* sticky bottom footer */
html, body,
.portal,
.screen,
.screen > form,
#APP-vdp,
.application {
    height: 100%;
}

html > table, body > table,
.portal > table,
.screen > table,
.screen > form > table,
#APP-vdp > table,
.application > table {
    min-height: 100%;
    background-color: #FFF;
}

/* body */
BODY {
    background: #FFFFFF;
    padding: 0px;
    margin: 0px;
    overflow: auto;
    font: normal 12px Arial, Helvetica, sans-serif;
}

/* links */
A:link, A:visited {
    text-decoration: underline;
    color: #6563bd
}

A:hover, A:active {
    color: #EB0000
}

/* forms */
FORM {
    padding: 0px;
    margin: 0px
}

INPUT {
    background-color: #FFFFFF;
    border-top: 1px solid #adb2b6;
    border-right: 1px solid #adb2b6;
    border-bottom: 1px solid #d9a470;
    border-left: 1px solid #adb2b6;
    color: #89494d;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
}

TEXTAREA {
    background-color: #FFF;
    border-top: 1px solid #ADB2B6;
    border-right: 1px solid #ADB2B6;
    border-bottom: 1px solid #D9A470;
    border-left: 1px solid #ADB2B6;
    color: #89494d;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
}

SELECT {
    background-color: #FFF;
    border-top: 1px solid #adb2b6;
    border-right: 1px solid #adb2b6;
    border-bottom: 1px solid #d9a470;
    border-left: 1px solid #adb2b6;
    color: #89494d;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px; /*background:url(../images/select.gif) repeat-x left bottom;*/
}

INPUT.readonly {
    background-color: #F5F4F8;
    border-top: 1px solid #CBCED5;
    border-right: 1px solid #E2E4E9;
    border-bottom: 1px solid #E2E4E9;
    border-left: 1px solid #CBCED5;
    color: #7c92a0;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    background: url(../images/select.gif) repeat-x left bottom
}

TEXTAREA.readonly {
    background-color: #F5F4F8;
    border-top: 1px solid #CBCED5;
    border-right: 1px solid #E2E4E9;
    border-bottom: 1px solid #E2E4E9;
    border-left: 1px solid #CBCED5;
    color: #7c92a0;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    background-image: url(../images/readonlytextarea.gif);
    background-repeat: repeat-x
}

SELECT.readonly {
    background-color: #F5F4F8;
    color: #7c92a0;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
}

INPUT.radio {
    background-color: transparent;
    border: none !important;
    background-image: none
}

INPUT.checkbox {
    background-color: transparent;
    border: none !important;
    background-image: none
}

.error {
    border: 1px solid #f79292;
    background-color: #fcdedf;
    color: #df0020 !important;
    padding: 2px;
    margin: 2px 0;
}

/* tabular css */
.vui-css-table {
    display: table;
}

.vui-css-row {
    display: table-row;
}

.vui-css-cell {
    display: table-cell;
}

.vui-minwidth {
    width: 1%;
}

.vui-fullwidth {
    width: 100%;
}

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

.vui-centerv {
    vertical-align: middle;
}

/*fields sizes*/
.very-short-field {
    width: 20px
}

.short-field {
    width: 60px
}

.small-field {
    width: 120px
}

.medium-field {
    width: 250px
}

.long-field {
    width: 370px
}

.very-long-field {
    width: 500px
}

.auto-size-field {
    width: 100%
}

/*textarea sizes*/
.textarea-default {
    width: 99%;
    height: 60px
}

.textarea-large {
    width: 99%;
    height: 300px;
    overflow: auto;
    font-size: 11px;
}

.textarea-large-readonly {
    width: 99%;
    height: 300px;
    overflow: auto;
    border: 1px solid #E2E3EA;
}

/* pdf preview */
.pdf-preview {
    min-height: 400px
}

/* container */
.container {
    height: 100%;
    top: 0px;
    left: 0px;
}

/* container overflow: visible=scroll full page, auto=scroll portlets/* portlets spacing */
.outer-left-top {
    padding: 10px 0px 0px 16px;
    height: 100%
}

.outer-right-bottom {
    height: 100%;
    padding: 0px 16px 16px 0px;
}


/* positions */
.floatleft {
    float: left;
    text-align: left;
    width: 50%;
}

/* do not modify */
.floatright {
    float: right;
    text-align: right;
    width: 50%;
}

/* do not modify */

/* no icon */
.no-icon {
}

/* action icons */
.action-mailto {
    height: 20px;
    cursor: hand;
    cursor: pointer;
    background-image: url(../images/btmailto.gif);
    background-repeat: no-repeat;
    background-position: 5px center;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    color: #240615;
    padding: 4px 15px 0px 26px;
}

.action-getfile {
    height: 20px;
    cursor: hand;
    cursor: pointer;
    background-image: url(../images/btfile.gif);
    background-repeat: no-repeat;
    background-position: 5px center;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    color: #240615;
    padding: 4px 15px 0px 26px;
}

.action-openlink {
    height: 20px;
    cursor: hand;
    cursor: pointer;
    background-image: url(../images/btlink.gif);
    background-repeat: no-repeat;
    background-position: 5px center;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    color: #240615;
    padding: 4px 15px 0px 26px;
}

.action-print {
    height: 25px;
    cursor: hand;
    cursor: pointer;
    background-image: url(../images/btprint.gif);
    background-repeat: no-repeat;
    background-position: 5px center;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    color: #240615;
    padding: 4px 15px 0px 40px;
}


/* ---- header -------------------- */

/* main */
.header {
    background-image: url(../images/header.gif);
    height: 67px;
    background-repeat: repeat-x
}

.header .layout {
    table-layout: auto
}

/* do not modify */

/* logos */
.header .logo-left {
    width: 220px;
    padding: 3px 0px 0px 0px
}

.header .logo-left .content {
    background-image: url(../images/logo-moovapps-white.png);
    background-repeat: no-repeat;
    width: 220px;
    background-position: 15px center;
}

.header .logo-left .content .title-top {
    display: none
}

.header .logo-left .content .title-bottom {
    display: none
}

.header .logo-right {
    width: 0px
}

.header .logo-right .content {
    width: 0px
}

.header .logo-right .content .title-top {
    display: none
}

.header .logo-right .content .title-bottom {
    display: none
}

/* user information (portal specific) */
.header .userinfo {
    height: 20px;
    float: right;
    padding-top: 5px;
}

.header .userinfo .left {
    width: 16px;
    height: 20px;
    background: url(../images/user-icon2.gif) no-repeat left top;
}

.header .userinfo .user {
    display: none
}

.header .userinfo .icon {
    width: 0px
}

.header .userinfo .info {
    font-family: Arial, Helvetica, sans serif;
    font-size: 11px;
    font-weight: normal;
    color: #d9d9d9;
    padding: 2px 0px 0px 0px;
}

.header .userinfo .right {
    width: 14px
}

/* navigation (switch between portal and applications) */
.header .tabopt {
    float: right;
    height: 26px;
    padding-bottom: 10px;
}

.header .tabopt .leftmargin {
    height: 26px;
    width: 5px
}

.header .tabopt .left {
    background: url(../images/taboptleft.gif) no-repeat;
    width: 12px;
}

.header .tabopt .content {
    background: url(../images/taboptback.gif) repeat-x;
    font-family: Arial, Helvetica, sans serif;
    font-size: 10px;
    font-weight: normal;
    color: #374468;
    padding: 0px 0px 0px 0px;
}

.header .tabopt .right {
    background: url(../images/taboptright.gif) no-repeat;
    width: 10px;
}

.header .tabopt .rightmargin {
    width: 12px;
}

/* links */
.header .tabopt A {
    font-family: Arial, Helvetica, sans serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none !important
}

.header .tabopt A:link, .header .tabopt A:visited {
    color: #ffffff
}

.header .tabopt A:hover, .header .tabopt A:active {
    color: #333333
}

/* sub element */
.subheader {
    display: none
}


/* application information (application specific) */
.header .modinfo {
    height: 100%;
    float: right;
    text-align: right;
    padding-top: 5px
}

.header .modinfo .left {
    height: 20px;
    background: url(../images/modinfoico.gif) no-repeat 0px 5px;
    width: 10px
}

.header .modinfo .title {
    font-family: Arial, Helvetica, sans serif;
    font-size: 13px;
    font-weight: normal;
    color: #FFFFFF;
    padding: 0px 0px 0px 0px;
}

.header .modinfo .actions {
    display: none
}

.header .modinfo .right {
    width: 15px
}


/* ---- navigation level 1 (inside portal or application) ---- */

/* tabs level 1 */
.tabnav-empty {
    background: url(../images/tabnavback.gif) repeat-x;
    height: 42px;
}

.tabnav {
    background: url(../images/tabnavback.gif) repeat-x;
    height: 42px;
}

.tabnav .outer {
    padding: 0px;
    margin: 0px;
    float: left
}

/* alignment */
.tabnav .leftmargin {
    height: 24px;
    width: 6px
}

.tabnav .left {
    height: 24px;
    background: url(../images/tabnavleft.gif) no-repeat;
    width: 9px;
}

.tabnav .content {
    background: url(../images/tabnavct.gif) repeat-x;
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    padding: 0px 0px 9px 0px;
}

.tabnav .right {
    background: url(../images/tabnavright.gif) no-repeat;
    width: 17px;
}

.tabnav .left-active {
    height: 24px;
    background: url(../images/tabnavlefton.gif) no-repeat;
    width: 9px;
}

.tabnav .content-active {
    height: 26px;
    background: url(../images/tabnavcton.gif) no-repeat center top;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: bold;
    color: #B81919;
    padding: 0px 0px 9px 0px;
}

.tabnav .content-active IMG {
    margin: 2px 0px 0px 0px
}

.tabnav .right-active {
    background: url(../images/tabnavrighton.gif) no-repeat;
    width: 17px;
}

.tabnav .rightmargin {
    width: 10px
}

/* links */
.tabnav A {
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none !important
}

/* inactive links */
.tabnav .content A:link, .tabnav .content A:visited {
    color: #FFFFFF;
    text-decoration: none
}

.tabnav .content A:hover, .tabnav .content A:active {
    color: #333333;
    text-decoration: none
}

/* active links */
.tabnav .content-active A:link, .tabnav .content-active A:visited {
    color: #5a5452;
    text-decoration: none
}

.tabnav .content-active A:hover, .tabnav .content-active A:active {
    color: #333333;
    text-decoration: none
}

/* sub element (level 1) */
.subtabnav {
    height: 5px;
    font-size: 0px
}

/* tabs level 2 */
.tabnav2-empty {
    background-image: url(../images/tabnavback.gif);
    height: 42px;
    background-repeat: repeat-x
}

.tabnav2 {
    background-image: url(../images/tabnavback.gif);
    height: 42px;
    padding: 4px 10px 0px 10px;
    background-repeat: repeat-x
}

.tabnav2 .outer {
    padding: 0px;
    margin: 7px 0 0 0;
    float: left
}

/* alignment */
.tabnav2 .leftmargin {
    background-image: url(../images/tabnav2leftmg.gif);
    background-repeat: no-repeat;
    width: 10px
}

.tabnav2 .left {
}

.tabnav2 .content {
    height: 24px;
    background: url(../images/tabnav2back3.gif) no-repeat right top;
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 12px;
    color: #3C3D49;
    padding: 0px 9px 0px 9px
}

.tabnav2 .right {
    display: none
}

.tabnav2 .left-active {
    background-image: url(../images/tabnav2lefta.gif);
    background-repeat: no-repeat;
    width: 9px;
}

.tabnav2 .content-active {
    height: 24px;
    background: url(../images/tabnav2backa4.gif) repeat-x right top;
    font-family: Arial, Helvetica;
    font-weight: bold;
    font-size: 12px;
    color: #5a5452;
    padding: 0px 9px 0px 0px
}

.tabnav2 .right-active {
}

.tabnav2 .rightmargin {
    background-image: url(../images/tabnav2righta.gif);
    background-repeat: no-repeat;
    width: 9px
}

/* links */
.tabnav2 A {
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none !important
}

.tabnav2 A:link, .tabnav2 A:visited {
    color: #FFFFFF;
    text-decoration: none
}

.tabnav2 A:hover, .tabnav2 A:active {
    color: #5A5452;
    text-decoration: none
}

/* sub element (level 2) */
.subtabnav2 {
    height: 5px;
    font-size: 0px
}

/* ---- navigation level 2 (application specific) ---- */

/* history */
.history {
}

.history .outer {
    padding: 0px;
    margin: 0px;
    float: left;
}

/* alignment */
.history .leftmargin {
    width: 27px;
    height: 19px;
    background: url(../images/arrow-streamline.gif) no-repeat center right;
}

.history .left {
    display: none
}

.history .content {
    background: transparent;
    font-family: Arial, Helvetica, sans serif;
    font-weight: normal;
    font-size: 11px;
    color: #7670C9;
    padding: 4px 1px 3px 3px
}

.history .right {
    display: none
}

.history .left-active {
    display: none
}

.history .content-active {
    background: transparent;
    font-family: Arial, Helvetica, sans serif;
    font-weight: normal;
    font-size: 12px;
    color: #DF0000;
    padding: 4px 1px 3px 3px
}

.history .right-active {
    display: none
}

.history .rightmargin {
}

/* links */
.history A {
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
}

.history A:link, .history A:visited {
    color: #7670c9;
    text-decoration: underline
}

.history A:hover, .history A:active {
    color: #DF0000;
    text-decoration: underline
}


/* ---- portlet structure --------- */

/* main */
.portlet {
}

/* do not modify */
.portlet .inner {
    background-color: transparent;
    height: 100%;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
}

/* zones */
.portlet .outerzone1 {
}

.portlet .zone1 {
    table-layout: fixed;
    overflow: hidden
}

/* do not modify */
.portlet .zone1 .left {
    width: 0px;
    font-size: 0px
}

.portlet .zone1 .icon {
    background: url(../images/z1default.gif) no-repeat;
    width: 12px;
    font-size: 1px
}

.portlet .zone1 .center {
    height: auto;
    background: url(../images/z1back.gif) repeat-x;
    font-family: Arial, Helvetica, sans serif;
    font-size: 15px;
    font-weight: normal;
    color: #606364;
    padding: 0;
}

.portlet .zone1 .center .text-highlighted {
    color: #E1191D
}

.portlet .zone1 .right {
    background: url(../images/z1right.gif) no-repeat;
    width: 9px;
    font-size: 1px
}

.portlet .zone1 .action-refresh {
    background-image: url(../images/prefresh.gif);
    width: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
    height: 30px;
}

.portlet .zone1 .action-customize {
    background-image: url(../images/pedit.gif);
    width: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
    height: 30px;
}

.portlet .zone1 .action-restore {
    background-image: url(../images/prestore.gif);
    width: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
    height: 30px;
}

.portlet .zone1 .action-minimize {
    background-image: url(../images/pminimize.gif);
    width: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
    height: 30px;
}

.portlet .zone1 .action-maximize {
    background-image: url(../images/pmaximize.gif);
    width: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
    height: 30px;
}

.portlet .zone1 .action-help {
    background-image: url(../images/phelp.gif);
    width: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
    height: 30px;
}

.portlet .zone1 .action-close {
    background-image: url(../images/pclose.gif);
    width: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
    height: 30px;
}

.portlet .outerzone2 {
}

.portlet .zone2 {
    table-layout: fixed;
    overflow: hidden
}

/* do not modify */
.portlet .zone2 .left {
    height: 6px;
    background: url(../images/z2left.gif) no-repeat;
    width: 1px;
    font-size: 1px
}

.portlet .zone2 .center {
    height: 6px;
    background: url(../images/z2center.gif) repeat-x;
    font-size: 1px
}

.portlet .zone2 .right {
    height: 6px;
    background: url(../images/z2right.gif) no-repeat;
    width: 2px;
    font-size: 1px
}

.portlet .outerzone3 {
}

.portlet .zone3 {
    table-layout: auto;
    overflow: hidden;
}

/* do not modify */
.portlet .zone3 .left {
    background: url(../images/z3left.gif) repeat-y left top;
    width: 1px;
    font-size: 1px
}

.portlet .zone3 .center {
    background: url(../images/z3center.gif) repeat-x left top;;
    padding: 4px 7px 8px 7px;
}

.portlet .zone3 .right {
    background: url(../images/z3right.gif) repeat-y right top;
    width: 2px;
    font-size: 1px;
}

.portlet .zone3 .center .content-zone {
    padding: 8px;
    background-color: transparent;
}

.portlet .outerzone4 {
}

.portlet .zone4 {
    table-layout: fixed;
    overflow: hidden
}

/* do not modify */
.portlet .zone4 .left {
    background: url(../images/z4left.gif) no-repeat;
    width: 8px;
}

.portlet .zone4 .center {
    height: 23px;
    background: url(../images/z4center.gif) repeat-x;
}

.portlet .zone4 .right {
    background: url(../images/z4right.gif) no-repeat;
    width: 10px;
}

/* ---- application portlet structure-------- */

.application .portlet .step {
    height: 100%;
}


/* ---- portlet navigation -------- */

/* menu */
.menu .portlet {
    width: 180px
}

.menu .portlet .inner {
}

.menu .portlet .header-border {
    border: 1px solid #B4B7B9;
}

.menu .portlet .zone1 .icon {
    background-image: url(../images/z1default.gif);
    width: 12px;
}

.menu .portlet .zone3 .center {
    padding: 15px
}

.menu .menu-inactive {
    width: 150px;
    height: 18px;
    background-color: white;
    padding: 6px 2px 5px 20px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 13px;
    font-weight: normal;
    background-image: url(../images/menu_inactive.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #606364;
    border-bottom: 1px solid #ffae00;
}

.menu .menu-active {
    background-color: white;
    padding: 6px 2px 6px 20px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 13px;
    font-weight: normal;
    background-image: url(../images/menu-inactif-current.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #a87635;
    cursor: default;
    border-bottom: 1px solid #B4B7B9;
}

/* links */
.menu A {
    font-family: Arial, Helvetica, sans serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none !important
}

.menu A:link, .menu A:visited {
    color: #565867;
    text-decoration: none
}

.menu A:hover, .menu A:active {
    color: #DF0000;
    text-decoration: none
}

.menu .menu-inactive A:link, .menu .inactive A:visited {
    color: #606364;
    text-decoration: none
}

.menu .menu-inactive A:hover, .menu .inactive A:active {
    color: #a87635;
    text-decoration: none;
}

/*submenu*/
.menu .submenu-content-zone {
    padding: 5px 3px 5px 6px;
    background: url(../images/submenu-content-zone.gif) repeat-x left top;
    border-bottom: 1px solid #B4B7B9;
}

.menu .submenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-image: url(../images/submenu_bullet2.gif);
    background-repeat: no-repeat;
    background-position: 3px 7px;
    background-color: transparent;
    padding: 2px 2px 1px 10px;
    color: #626A6D
}

/*links*/
.menu .submenu A {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal
}

.menu .submenu A:link, .menu .submenu A:visited {
    color: #626A6D;
    text-decoration: none
}

.menu .submenu A:hover, .menu .submenu A:active {
    color: #a87635;
    text-decoration: none
}

/*submenu active*/
.menu .submenu-active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-image: url(../images/submenu_bullet2.gif);
    background-repeat: no-repeat;
    background-position: 3px 7px;
    background-color: transparent;
    padding: 2px 2px 1px 10px;
    color: #7670c9
}

/*links*/
.menu .submenu-active A {
    font-family: arial;
    font-size: 12px;
    font-weight: normal
}

.menu .submenu-active A:link, .menu .submenu-active A:visited {
    color: #FD7D02;
    text-decoration: none
}

.menu .submenu-active A:hover, .menu .submenu-active A:active {
    color: #a87635;
    text-decoration: none
}

/*menu UL items*/
.menu UL {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.menu LI {
    margin: 0px;
    padding: 0px;
    display: inline;
    line-height: 11px;
}

.menu A {
    font-family: Arial, Helvetica, sans serif;
    font-size: 13px;
}

.menu SPAN {
    margin: 0px;
    display: block;
}

/*niveau 1*/
.menu UL LI SPAN {
    background: white url(../images/ncmenu.gif) no-repeat left bottom;
    padding: 8px 4px 12px 26px;
}

.menu UL LI SPAN A {
    font-weight: normal;
}

/*inactive*/
.menu .inactive A:link, .menu .inactive A:visited {
    color: #606364;
    text-decoration: none
}

.menu .inactive A:hover, .menu .inactive A:active {
    color: #DF0000;
    text-decoration: none
}

/*active*/
.menu .active A:link, .menu .active A:visited {
    color: #DF0000;
    text-decoration: none
}

.menu .active A:hover, .menu .active A:active {
    color: #DF0000;
    text-decoration: none
}

/*niveau 2*/
.menu UL UL {
    background: #F0F1F3;
    margin: 0px 7px 3px 5px;
    padding-bottom: 5px;
    border: 1px solid #DADEDF;
    border-top: none
}

/*item*/
.menu UL UL LI SPAN {
    background: transparent url(../images/mepmenu.gif) no-repeat 0px 6px;
    padding: 9px 2px 5px 30px;
    margin-left: 7px
}

.menu UL UL LI SPAN A {
    font-size: 10px;
    font-weight: normal;
}

/*inactive*/
.menu UL UL .inactive A:link, .menu UL UL .inactive A:visited {
    color: #565867;
    text-decoration: none
}

.menu UL UL .inactive A:hover, .menu UL UL .inactive A:active {
    color: #DF0000;
    text-decoration: none
}

/*active*/
.menu UL UL .active A:link, .menu UL UL .active A:visited {
    color: #FD7D02;
    text-decoration: none
}

.menu UL UL .active A:hover, .menu UL UL .active A:active {
    color: #DF0000;
    text-decoration: none
}

/*niveau 3 et plus*/
.menu UL UL UL {
    background: transparent;
    margin: 0px 0px 0px 10px;
    padding-bottom: 0px;
    border: none
}

.menu UL UL UL .inactive A:link, .menu UL UL UL .inactive A:visited {
    color: #565867
}

.menu UL UL UL .inactive A:hover, .menu UL UL UL .inactive A:active {
    color: #DF0000
}

/* tabs */
.portlet .portletnav {
    background-color: transparent;
}

.portlet .portletnav .outer {
    padding: 0px;
    margin: 0px;
    float: left
}

/* alignment */
.portlet .portletnav .leftmargin {
    background-image: url(../images/portletnavleftmg.gif);
    background-repeat: no-repeat;
    width: 9px;
    height: 24px;
}

.portlet .portletnav .left {
}

.portlet .portletnav .content {
    height: 24px;
    background: url(../images/tabnav2back3.gif) repeat-x right top;
    font-family: Arial, Helvetica, sans serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #565867;
    padding: 0px 9px 0px 9px;
}

.portlet .portletnav .right {
    display: none
}

.portlet .portletnav .left-active {
}

.portlet .portletnav .content-active {
    height: 24px;
    background-image: url(../images/tabnav2backa4.gif);
    background-repeat: repeat-x;
    font-family: Arial, Helveticasans serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #5a5452;
    padding: 0px 9px 0px 9px;
}

.portlet .portletnav .right-active {
}

.portlet .portletnav .rightmargin {
    background-image: url(../images/portletnavrightmg.gif);
    background-repeat: no-repeat;
    width: 9px;
}

/* links */
.portletnav A {
    font-family: Arial, Helvetica, sans serif;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none !important
}

.portletnav A:link, .portletnav A:visited {
    color: #FFFFFF;
    text-decoration: none
}

.portletnav A:hover, .portletnav A:active {
    color: #5a5452;
    text-decoration: none
}

/* steps */
.step {
    padding: 6px 4px 10px 4px;
    background-color: white
}

.step .stepnav {
    height: 29px;
    background-image: url(../images/stepnavunder.gif);
    background-repeat: repeat-x;
}

.step .stepnav .outer {
    padding: 0px;
    margin: 0px;
    float: left;
}

/* alignment */
.step .stepnav .leftmargin {
    display: none;
}

.step .stepnav .left {
    height: 29px;
    width: 8px;
    background-image: url(../images/stepnavleft.gif);
    background-repeat: no-repeat;
}

.step .stepnav .content {
    height: 29px;
    background-image: url(../images/stepnavback.gif);
    color: #565867;
    background-repeat: repeat-x;
    padding: 1px 5px 8px 5px;
    cursor: hand;
}

.step .stepnav .outer > tbody > tr > td {
    height: 21px;
}

.step .stepnav .right {
    width: 8px;
    background-image: url(../images/stepnavright.gif);
    background-repeat: no-repeat;
    background-color: transparent
}

.step .stepnav .left-active {
    height: 29px;
    width: 12px;
    background-image: url(../images/stepnavlefta.gif);
    background-repeat: no-repeat;
}

.step .stepnav .content-active {
    height: 29px;
    background-image: url(../images/stepnavbacka.gif);
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #373737;
    padding: 1px 5px 8px 5px;
}

.step .stepnav .right-active {
    width: 12px;
    background-image: url(../images/stepnavrighta.gif);
    background-repeat: no-repeat;
}

.step .stepnav .rightmargin {
    display: none;
}

/* links */
.stepnav A {
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none !important
}

.stepnav A:link, .stepnav A:visited {
    color: #7e7e7e;
    text-decoration: none
}

.stepnav A:hover, .stepnav A:active {
    color: #C80000;
    text-decoration: none
}

.step .buttons-outer {
    background-image: none;
    padding: 10px 0px 0px 0px;
}

.step .header-helper {
}

.step .content-zone {
    background-color: #F4F4F4;
}

.step .content-zone .buttons-outer {
    padding-bottom: 5px
}

.step .grid, .step .grid-content-zone {
    border: none
}

.step .section-content .table-border {
    border: none
}

.portlet .zone3 .center .step .content-zone {
    background-color: #F4F4F4;
    border-left: 1px solid #ABB0B3;
    border-right: 1px solid #ABB0B3;
    border-bottom: 1px solid #ABB0B3
}

/* ---- portlet content ----------- */

.header-border {
    border-collapse: collapse;
    border: 1px solid #abb0b3;;
}

.application .header-border {
    border: none
}

/* headers */
.header-level1 {
    padding: 5px 5px 7px 24px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(../images/h1back2.gif);
    color: #290F1C;
    font-weight: normal;
    height: 42px;
}

H1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.header-level1-collapsed {
    cursor: pointer;
    cursor: hand;
    font-family: Arial, Helvetica, sans serif;
    padding: 5px 5px 5px 30px;
    font-size: 14px;
    font-weight: normal;
    background-image: url(../images/h1collapsed.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: bottom left;
    color: #3b3737;
    height: 36px;
    border-top: 1px solid #ABB0B3;
    border-left: 1px solid #abb0b3;
    border-right: 1px solid #abb0b3;
}

.header-level1-expanded {
    cursor: pointer;
    cursor: hand;
    font-family: Arial, Helvetica, sans serif;
    padding: 5px;
    padding-left: 30px;
    font-size: 14px;
    font-weight: normal;
    background-image: url(../images/h1expanded.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: bottom left;
    color: #3b3737;
    height: 36px;
    border-top: 1px solid #abb0b3;
    border-left: 1px solid #abb0b3;
    border-right: 1px solid #abb0b3;
}

.header-level2 {
    background-color: #C8CACC;
    padding: 5px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    background-image: url(../images/bullet_h1.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    border: 1px solid #797C82;
    color: #290F1C;
    background-position: 6px 5px;
}

H2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.header-level2-collapsed {
    cursor: pointer;
    cursor: hand;
    font-family: Arial, Helvetica, sans serif;
    padding: 5px;
    padding-left: 42px;
    font-size: 11px;
    font-weight: bold;
    background-image: url(../images/h2collapsed.gif);
    background-repeat: no-repeat;
    background-color: #93959B;
    background-position: top left;
    color: #F6F6F6;
    height: 21px;
    border: 1px solid #797C82;
}

.header-level2-expanded {
    cursor: pointer;
    cursor: hand;
    font-family: Arial, Helvetica, sans serif;
    padding: 5px;
    padding-left: 42px;
    font-size: 11px;
    font-weight: bold;
    background-image: url(../images/h2expanded.gif);
    background-repeat: no-repeat;
    background-color: #F54343;
    background-position: top left;
    color: #F6F6F6;
    height: 21px;
    border: 1px solid #797C82;
}

.header-level3 {
    background-color: #C8CACC;
    padding: 5px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    background-image: url(../images/bullet_h1.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    border: 1px solid #797C82;
    color: #290F1C;
    background-position: 6px 5px
}

H3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.header-level3-collapsed {
    cursor: pointer;
    cursor: hand;
    font-family: Arial, Helvetica, sans serif;
    padding: 5px;
    padding-left: 62px;
    font-size: 11px;
    font-weight: bold;
    background-image: url(../images/h3collapsed.gif);
    background-repeat: no-repeat;
    background-color: #93959B;
    background-position: top left;
    color: #F6F6F6;
    height: 21px;
    border: 1px solid #797C82;
}

.header-level3-expanded {
    cursor: pointer;
    cursor: hand;
    font-family: Arial, Helvetica, sans serif;
    padding: 5px;
    padding-left: 62px;
    font-size: 11px;
    font-weight: bold;
    background-image: url(../images/h3expanded.gif);
    background-repeat: no-repeat;
    background-color: #F54343;
    background-position: top left;
    color: #F6F6F6;
    height: 21px;
    border: 1px solid #797C82;
}

.header-level4 {
    font-family: Arial, Helvetica, sans serif;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 2px 4px 2px;
    color: #FEB301
}

H4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FEB301
}

.header-level5 {
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    color: #FEB301;
    padding: 2px 2px 4px 2px;
}

H5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FEB301
}

.header-level6 {
    font-family: Arial, Helvetica, sans serif;
    font-size: 11px;
    font-weight: bold;
    color: #655E68;
    padding: 2px 0px 2px 12px
}

H6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FEB301
}

.header-error {
    border: 1px solid #797C82;
    text-align: center;
    padding: 2px 4px 2px 4px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: bold;
    background-color: white;
    color: red;
    cursor: hand
}

.header-helper {
    background-color: #F9EDA4;
    padding: 5px 4px 4px 10px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    border-top: 1px solid #C9C360;
    color: #ff2e69;
    height: 36px;
    border-left: 1px solid #ABB0B3;
    border-right: 1px solid #ABB0B3;
    border-bottom: 1px solid #ABB0B3
}

.header-helper .text-style1 {
    font-weight: bold;
}

/*red collapse error*/
.header-level1-expanded .error {
    color: red !important
}

.header-nav {
    background-color: white;
}

/* content zones (text block, text+image, tables...) */
.content-zone {
    padding: 8px;
    background-color: white;
}

.application .content-zone {
}

.content-zone2 {
    padding: 8px;
    background-color: white;
}

.footer-level1 {
    background: url(../images/footer-level1.gif) repeat-x bottom left;
    padding: 3px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 10px;
    border-bottom: 1px solid #FFF;
    color: #240615;
}

/* links */
.footer-level1 A:link, .footer-level1 A:visited {
    color: #240615;
    text-decoration: none
}

.footer-level1 A:active, .footer-level1 A:hover {
    color: red
}

/* texts */
.text-level1 {
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    color: #52514e;
    padding: 2px 0px 0px 2px
}

.text-level2 {
    font-family: Arial, Helvetica, sans serif;
    font-size: 9px;
    font-weight: normal;
    color: #717171;
    padding: 2px 0px 2px 12px
}

.text-style1 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
}

.text-style2 {
    font-style: italic
}

.text-style3 {
    color: #c75900
}

.text-highlighted {
    color: #ff2e69
}

.text-readonly, td.text-readonly {
    color: #8F919E
}

/*fck contents render*/
.fckcontent {
    margin-bottom: 20px;
}

.fckcontent TD {
    font-family: Arial, helvetica, sans serif;
    font-size: 12px;
    color: #655E68
}

.fckcontent STRONG, .fckcontent B {
    font-weight: bold;
    font-family: verdana, arial, sans serif
}

/* text alignments */
.text-align1 {
    text-align: left
}

.text-align2 {
    text-align: center
}

.text-align3 {
    text-align: right
}

/* images */
.image-outer {
    border: 1px solid #797C82;
    margin: 4px 4px 4px 4px
}

/* lists */
.text-list {
    padding: 1px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    background-image: url(../images/bullet_list2.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    background-position: 4px 6px;
    color: #655E68
}

.text-link-list {
    padding: 1px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    background-image: url(../images/link_arrowb.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    background-position: 5px 5px;
    color: #655E68
}

/* tables */
.table-border {
    border-collapse: collapse;
}

.table-header {
    border: 1px solid #AAAEB1;
    padding: 2px 4px 2px 4px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 11px;
    font-weight: normal;
    background-color: #BEC2C5;
    color: #240615
}

.cell-header {
    border: 1px solid #abb0b3;
    padding: 6px 4px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #dadbdc;
    color: #4E4949
}

.cell1 {
    border: 1px solid #AFB1B4;
    padding: 2px 4px 2px 4px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    color: #6B605B;
    background-color: #F1F2F2
}

.cell2 {
    border: 1px solid #AFB1B4;
    padding: 2px 4px 2px 4px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    color: #6b605b;
    background-color: white
}

.cell-footer {
    border: 1px solid #787B81;
    padding: 2px 4px 2px 4px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #BEC2C5;
    color: #240615;
}

.cell-highlighted {
    border: 1px solid #AAAEB1;
    padding: 2px 4px 2px 4px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #F36459;
    color: white;
    cursor: pointer;
    cursor: hand
}

div:not(.ServerAdmin-admin) > form > #APP-vdp .zone3 .table-border > tbody > tr > td[width="1%"] + td a {
    margin-right: 4px;
}

div:not(.ServerAdmin-admin) > form > #APP-vdp .zone3 .table-border > tbody > tr > td[width="1%"] + td a:last-child {
    margin-right: 0;
}

/* links */
.cell-header A:link, .cell-header A:visited {
    color: #4e4949
}

.cell-header A:hover, .cell-header A:active {
    color: #EB0000
}

/*table bullet lists*/
.cell1 UL, .cell2 UL {
    margin: 0px;
    padding: 0px;
}

.cell1 LI, .cell2 LI {
    font-size: 11px;
    list-style: none;
    padding-left: 13px;
    background-position: 0px 5px
}

.bullet-list LI {
    display:block;
    background:url(../images/black-bullet.png) no-repeat left center;
    padding-left:12px;
    line-height:18px;
}

/*td inside cells*/
.cell1 TD, .cell2 TD {
    font-size: 11px;
}

/*fix checkboxes alignment*/
.table-border .checkbox {
    vertical-align: middle;
}

/* forms tables */
.form-style1, .form-style2 {
}

.form-style1 .table-border {
    border: none
}

.form-style1 .cell1 {
    text-align: right;
    background-color: transparent;
    border: 0px;
    padding: 4px 2px 4px 8px;
    color: #685640
}

.form-style1 .cell2 {
    text-align: left;
    padding: 4px 8px 4px 8px;
    background-color: transparent;
    border: 0px;
    padding-left: 10px;
}

/* background-position Mozilla;IE */

.form-style2 .table-border {
    border: 1px solid #C0C8CE;
}

.form-style2 .cell1 {
    text-align: right;
    padding: 2px 8px 2px 8px;
}

.form-style2 .cell2 {
    padding: 2px 8px 2px 8px;
}

/* radios and checkboxes group */
.radiogroup {
}

.checkboxgroup .vui-error-handler,
.radiogroup .vui-error-handler {
    display: block;
    margin-left: 31px;
    width: 0;
}

.radiogroup #topbuttons.buttons-outer {
    padding: 3px 0px 8px 0px;
    margin: 2px 2px 4px 2px;
    background-image: url(../images/buttons_outer.gif);
    background-position: left bottom;
}

.radiogroup TD {
    font-family: Arial, Helvetica, sans serif;
    font-size: 11px;
    padding: 0px 10px 0px 0px;
}

.checkbox-div .vui-error-handler {
    margin-left: 11px;
}

/* ---- buttons ----------- */

/* outer */
.buttons-outer {
    background: url(../images/buttons_outer.gif) no-repeat right 2px;
    padding: 14px 0px 0px 0px;
    text-align: right;
    margin-top: 4px
}

.buttons-outer .buttons-outer-left {
    text-align: left;
    background-image: none;
}

.buttons-outer .buttons-outer-right {
    text-align: right;
    background-image: none;
}

.buttons-outer .buttons-outer-right SELECT {
    vertical-align: top;
    margin-top: 4px;
}

#topbuttons.buttons-outer {
    background-image: none;
    padding: 0px 0px 10px 0px;
}

/* main */
.button {
}

/* links */
.button A:link, .button A:visited {
    cursor: hand;
    color: #5e5d5c;
    text-decoration: none !important
}

.button A:hover, .button A:active {
    cursor: hand;
    color: #6563bc;
    text-decoration: none !important
}

/* menu button */
.button IMG {
    margin: 2px 0px 0px 5px;
}


/*default button*/
.main .button1-part0, .main .button2-part0, .main .button3-part0 {
    font-weight: bold
}

.main .button1-part0-down, .main .button2-part0-down, .main .button3-part0-down {
    font-weight: bold
}

/* button1 */
.button1-part0 {
    white-space: nowrap;
    margin: 0px 2px 1px 2px;
    background-color: transparent;
    background-image: url(../images/button1bg1.gif);
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 12px;
    padding: 5px 0 6px 0
}

/* margin = space between buttons  */
.button1-part1 {
    white-space: nowrap;
    background-color: transparent;
    background-image: url(../images/button1bg.gif);
    background-repeat: no-repeat;
    background-position: top right;
    font-family: Arial, Helvetica, sans serif;
    padding: 5px 23px 6px 4px
}

.button1-part0-down {
    white-space: nowrap;
    margin: 0px 2px 1px 2px;
    background-color: transparent;
    background-image: url(../images/button1bg1.gif);
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 12px;
    padding: 5px 0 6px 0
}

/* margin = space between buttons  */
.button1-part1-down {
    white-space: nowrap;
    background-color: transparent;
    background-image: url(../images/button1bg.gif);
    background-repeat: no-repeat;
    background-position: top right;
    font-family: Arial, Helvetica, sans serif;
    padding: 5px 23px 6px 4px
}

/* button2 */
.button2-part0 {
    white-space: nowrap;
    margin: 0px 2px 1px 2px;
    background-color: transparent;
    background-image: url(../images/button1bg1.gif);
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 12px;
    padding: 5px 0 6px 0
}

/* margin = space between buttons  */
.button2-part1 {
    white-space: nowrap;
    background-color: transparent;
    background-image: url(../images/button2bg.gif);
    background-repeat: no-repeat;
    background-position: top right;
    font-family: Arial, Helvetica, sans serif;
    padding: 5px 23px 6px 4px
}

.button2-part0-down {
    white-space: nowrap;
    margin: 0px 2px 1px 2px;
    background-color: transparent;
    background-image: url(../images/button1bg1.gif);
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 12px;
    padding: 5px 0 6px 0
}

/* margin = space between buttons  */
.button2-part1-down {
    white-space: nowrap;
    background-color: transparent;
    background-image: url(../images/button2bg.gif);
    background-repeat: no-repeat;
    background-position: top right;
    font-family: Arial, Helvetica, sans serif;
    padding: 5px 23px 6px 4px
}

/* button3 */
.button3-part0 {
    white-space: nowrap;
    margin: 0px 2px 1px 2px;
    background-color: transparent;
    background-image: url(../images/button1bg1.gif);
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 12px;
    padding: 5px 0 6px 0
}

/* margin = space between buttons  */
.button3-part1 {
    white-space: nowrap;
    background-color: transparent;
    background-image: url(../images/button3bg.gif);
    background-repeat: no-repeat;
    background-position: top right;
    font-family: Arial, Helvetica, sans serif;
    padding: 5px 23px 6px 4px
}

.button3-part0-down {
    white-space: nowrap;
    margin: 0px 2px 1px 2px;
    background-color: transparent;
    background-image: url(../images/button1bg1.gif);
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 12px;
    padding: 5px 0 6px 0
}

/* margin = space between buttons  */
.button3-part1-down {
    white-space: nowrap;
    background-color: transparent;
    background-image: url(../images/button3bg.gif);
    background-repeat: no-repeat;
    background-position: top right;
    font-family: Arial, Helvetica, sans serif;
    padding: 5px 23px 6px 4px
}


/********grid buttons***********/
.grid .cell1 .button1-part0 {
    padding: 0px 0px 0px 11px;
}

.grid .cell1 .button1-part0-down {
    padding: 3px 0px 2px 11px;
}

.grid .cell1 .button1-part1 {
    padding: 3px 23px 3px 0px
}

.grid .cell1 .button1-part1-down {
    padding: 3px 23px 3px 0px;
}

.grid .cell2 .button1-part0 {
    padding: 0px 0px 0px 11px;
}

.grid .cell2 .button1-part0-down {
    padding: 3px 0px 2px 11px;
}

.grid .cell2 .button1-part1 {
    padding: 3px 23px 3px 0px
}

.grid .cell2 .button1-part1-down {
    padding: 3px 23px 3px 0px;
}

.grid .cell1 .button2-part0 {
    padding: 0px 0px 0px 11px;
}

.grid .cell1 .button2-part0-down {
    padding: 3px 0px 2px 11px;
}

.grid .cell1 .button2-part1 {
    padding: 3px 23px 3px 0px
}

.grid .cell1 .button2-part1-down {
    padding: 3px 23px 3px 0px;
}

.grid .cell2 .button2-part0 {
    padding: 0px 0px 0px 11px;
}

.grid .cell2 .button2-part0-down {
    padding: 3px 0px 2px 11px;
}

.grid .cell2 .button2-part1 {
    padding: 3px 23px 3px 0px
}

.grid .cell2 .button2-part1-down {
    padding: 3px 23px 3px 0px;
}

.grid .cell1 .button3-part0 {
    padding: 0px 0px 0px 11px;
}

.grid .cell1 .button3-part0-down {
    padding: 3px 0px 2px 11px;
}

.grid .cell1 .button3-part1 {
    padding: 3px 23px 3px 0px
}

.grid .cell1 .button3-part1-down {
    padding: 3px 23px 3px 0px;
}

.grid .cell2 .button3-part0 {
    padding: 0px 0px 0px 11px;
}

.grid .cell2 .button3-part0-down {
    padding: 3px 0px 2px 11px;
}

.grid .cell2 .button3-part1 {
    padding: 3px 23px 3px 0px
}

.grid .cell2 .button3-part1-down {
    padding: 3px 23px 3px 0px;
}

/*.grid .cell1 .button IMG {margin: 0 0 4px 5px;}
.grid .cell2 .button IMG {margin: 0 0 4px 5px;}*/
.button IMG {
    vertical-align: inherit
}

/*h1 button*/
.header-level1 .button {
    font-weight: normal;
}

.header-level1 .button1-part0, .header-level1 .button1-part0-down {
    background-image: url(../images/little1bg1.gif);
    font-size: 12px
}

.header-level1 .button1-part1, .header-level1 .button1-part1-down {
    background-image: url(../images/little1bg.gif);
}


/* ---- bars ----------- */

/* parts */
.bar-outer {
    font-size: 1px
}

.bar {
    background-color: #ffffff;
    border: 1px solid #afb6c1;
}

.bar-gauge {
    background-image: url(../images/barbg.gif);
    border-right: 1px solid #afb6c1;
    font-size: 9px
}

.bar-text {
    width: 26px;
    font-family: Arial, Helvetica, sans serif;
    font-weight: normal;
    color: #E30606;
    font-size: 11px;
    margin: 0px 3px 0px 0px;
    text-align: right
}


/* ---- component::grid ----------- */

.grid {
    height: 100%;
}

.grid .header-border {
    border: none
}

/* headers and footer */
.grid-header1 {
    height: 36px;
    background-color: #FBFBFB;
    font-family: Arial, Helvetica, sans serif;
    font-size: 11px;
    font-weight: bold;
    background-image: url(../images/grid-header.gif);
    background-repeat: repeat-x;
    padding: 4px 3px 2px 3px;
    border-top: 1px solid #abb0b3;
    border-left: 1px solid #abb0b3;
    border-right: 1px solid #abb0b3;
    color: #ffffff;
    background-position: left bottom
}

.grid-header2 {
    background-color: #CFD0CB;
    padding: 3px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 3px 2px 3px;
    border-left: 1px solid #ABB0B3;
    border-right: 1px solid #ABB0B3;
    border-bottom: 1px solid #ABB0B3;
    color: #645050;
}

.grid-footer {
    height: 36px;
    background: url(../images/grid-header.gif) repeat-x left bottom;
    padding: 4px 3px 2px 3px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 11px;
    font-weight: bold;
    border-top: 0px solid #cfd3d5;
    border-left: 1px solid #abb0b3;
    border-right: 1px solid #abb0b3;
    color: #ffffff;
}

/* content */
.grid-content-zone {
    padding: 4px 8px 8px 8px;
    height: 100%;
    background-color: #f2f2f2; /*border-left:1px solid #abb0b3; border-right:1px solid #abb0b3; border-top:1px solid #fff*/
    border: 1px solid #abb0b3;
}

/* buttons */
.grid .buttons-outer {
    text-align: left !important;
    background-image: none !important;
    padding: 0px 0px 8px 0px;
    margin-top: 15px
}

/* history */
.grid-history {
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    color: #DF0000;
    padding: 0px 2px 8px 2px;
}

/* texts */
.grid .grid-header1 .text-level1, .simple-grid .grid-header1 .text-level1 {
    font-size: 11px;
    font-weight: normal;
    color: #645050;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 0px 0px 2px
}

.grid .grid-header2 .text-level1, .simple-grid .grid-header2 .text-level1 {
    font-size: 11px;
    font-weight: normal;
    color: #645050;
    font-family: Arial, Helvetica, sans-serif
}

.grid .grid-footer .text-level1, .simple-grid .grid-footer .text-level1 {
    font-size: 11px;
    font-weight: normal;
    color: #645050;
    font-family: Arial, Helvetica, sans-serif
}

.grid .grid-header1 .text-level2, .simple-grid .grid-header1 .text-level2 {
    font-size: 11px;
    color: #645050;
    padding: 0px 2px 0px 2px;
    font-family: Arial, Helvetica, sans-serif
}

.grid .grid-header2 .text-level2, .simple-grid .grid-header2 .text-level2 {
    font-size: 11px;
    color: #645050;
    padding: 0px 2px 0px 2px;
    font-family: Arial, Helvetica, sans-serif
}

.grid .grid-footer .text-level2, .simple-grid .grid-footer .text-level2 {
    font-size: 11px;
    color: #645050;
    padding: 0px 2px 0px 2px;
    font-family: Arial, Helvetica, sans-serif
}

.grid .cell-footer, .simple-grid .cell-footer {
    border-top: none
}

/*grid-headers buttons*/
.grid-header1 .button1-part0, .grid-header1 .button1-part0-down, .grid-footer .button1-part0, .grid-footer .button1-part0-down, .grid-header1 .button2-part0, .grid-header1 .button2-part0-down, .grid-footer .button2-part0, .grid-footer .button2-part0-down, .grid-header1 .button3-part0, .grid-header1 .button3-part0-down, .grid-footer .button3-part0, .grid-footer .button3-part0-down {
    margin: 1px 1px 0px 1px;
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 11px;
}

.grid-header1 .button1-part1, .grid-header1 .button1-part1-down, .grid-footer .button1-part1, .grid-footer .button1-part1-down, .grid-header1 .button2-part1, .grid-header1 .button2-part1-down, .grid-footer .button2-part1, .grid-footer .button2-part1-down, .grid-header1 .button3-part1, .grid-header1 .button3-part1-down, .grid-footer .button3-part1, .grid-footer .button3-part1-down {
    background-repeat: no-repeat;
    background-position: top right;
    font-size: 11px;
    padding: 3px 8px 3px 0px;
}

.grid-header1 .button1-part0, .grid-header1 .button1-part0-down, .grid-footer .button1-part0, .grid-footer .button1-part0-down {
    background-image: url(../images/buttongridbg1.gif);
}

.grid-header1 .button1-part1, .grid-header1 .button1-part1-down, .grid-footer .button1-part1, .grid-footer .button1-part1-down {
    background-image: url(../images/buttongridbg.gif);
}

.grid-header1 .button2-part0, .grid-header1 .button2-part0-down, .grid-footer .button2-part0, .grid-footer .button2-part0-down {
    background-image: url(../images/buttongridbg1.gif);
}

.grid-header1 .button2-part1, .grid-header1 .button2-part1-down, .grid-footer .button2-part1, .grid-footer .button2-part1-down {
    background-image: url(../images/buttongridbg.gif);
}

.grid-header1 .button3-part0, .grid-header1 .button3-part0-down, .grid-footer .button3-part0, .grid-footer .button3-part0-down {
    background-image: url(../images/buttongridbg1.gif);
}

.grid-header1 .button3-part1, .grid-header1 .button3-part1-down, .grid-footer .button3-part1, .grid-footer .button3-part1-down {
    background-image: url(../images/buttongridbg.gif);
}

/*grid table buttons*/
.grid .cell1 .button1-part0, .grid .cell1 .button1-part0-down, .grid .cell2 .button1-part0, .grid .cell2 .button1-part0-down {
    margin: 1px 1px 0px 1px;
    background-image: url(../images/little1bg1.gif);
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 11px;
}

.grid .cell1 .button1-part1, .grid .cell1 .button1-part1-down, .grid .cell2 .button1-part1, .grid .cell2 .button1-part1-down {
    background-image: url(../images/little1bg.gif);
    background-repeat: no-repeat;
    background-position: top right;
    font-size: 11px;
}

.grid .cell1 .button2-part0, .grid .cell1 .button2-part0-down, .grid .cell2 .button2-part0, .grid .cell2 .button2-part0-down {
    margin: 1px 1px 0px 1px;
    background-image: url(../images/little1bg1.gif);
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 11px;
}

.grid .cell1 .button2-part1, .grid .cell1 .button2-part1-down, .grid .cell2 .button2-part1, .grid .cell2 .button2-part1-down {
    background-image: url(../images/little2bg.gif);
    background-repeat: no-repeat;
    background-position: top right;
    font-size: 11px;
}

.grid .cell1 .button3-part0, .grid .cell1 .button3-part0-down, .grid .cell2 .button3-part0, .grid .cell2 .button3-part0-down {
    margin: 1px 1px 0px 1px;
    background-image: url(../images/little3bg1.gif);
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 11px;
}

.grid .cell1 .button3-part1, .grid .cell1 .button3-part1-down, .grid .cell2 .button3-part1, .grid .cell2 .button3-part1-down {
    background-image: url(../images/little3bg.gif);
    background-repeat: no-repeat;
    background-position: top right;
    font-size: 11px;
}


/*grid forms*/
.grid-header1 INPUT, .grid-header1 SELECT, .grid-footer INPUT, .grid-footer SELECT {
    color: #2A3B54;
    border: 1px solid #969696;
    background-color: white;
    background-image: none;
}

.grid-header1 .checkbox, .grid-footer .checkbox {
    border: none;
    background-color: transparent !important;
    background-image: none;
}

/*--- simple grid -----*/
.simple-grid {
    height: 100%
}

.simple-grid .header-border {
    border: none
}

/* headers and footer */
.simple-grid .grid-header1 {
}

.simple-grid .grid-header2 {
}

.simple-grid .grid-content-zone {
    padding: 10px;
    border-top: 1px solid #ABB0B3
}

.simple-grid .grid-footer {
}

/*grid content*/
.simple-grid .table-border {
    border: none !important;
}

.simple-grid .cell-header {
    border: none;
    border-bottom: 0px none;
    background-color: transparent;
    background-image: none;
    font-weight: bold
}

.simple-grid .cell1 {
    border: none;
    background-color: white;
    padding: 4px
}

.simple-grid .cell2 {
    border: none;
    background-color: white;
    padding: 4px
}

.simple-grid .cell-header A {
    color: #240615 !important
}


/*---DataList---*/
.dataList {
}

.dataList .header-border {
}

/* headers and footer */
.dataList .grid-header1 {
    height: auto;
}

.dataList .grid-header1 .text-level1 {
    font-size: 11px;
    font-weight: normal;
    color: #645050;
    font-family: Arial, Helvetica, sans-serif;
}

.dataList .grid-header1 .text-level2 {
    font-size: 11px;
    font-weight: normal;
    color: #645050;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 2px 0px 2px
}

.dataList .grid-footer .text-level1 {
    font-size: 11px;
    font-weight: normal;
    color: #645050;
    font-family: Arial, Helvetica, sans-serif;
}

.dataList .grid-footer .text-level2 {
    font-size: 11px;
    font-weight: normal;
    color: #645050;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 2px 0px 2px
}

/* Data zones */
#datazone1 {
    padding: 3px 0px 7px 0px;
    margin: 0px 4px 7px 4px;
}

#datazone1 .table-border {
    border: none
}

#datazone1 .text-link-list {
    margin: 2px;
}

#datazone1 .text-highlighted {
    color: #b87340
}

#datazone2 {
    padding: 7px
}

#datazone2.content-zone {
    border: 1px solid #BDBFC4;
    background-color: #E9EDF1;
    padding: 13px;
}

#datazone2 .header-border {
    border: 1px solid #797C82;
}

/* selector */
.selector {
    background-color: white;
    height: 100%
}

.selector .grid {
    background-color: white
}

.selector .buttons-outer {
    background-image: none !important;
    padding: 5px
}

.selector .grid .buttons-outer {
    padding: 5px
}

.selector .grid .grid-history {
    padding: 5px 0px 5px 5px;
}

.selector .grid-content-zone {
    overflow: auto;
    border-top: 1px solid #ABB0B3;
    border-bottom: 1px solid #ABB0B3
}

/* datePicker */
#datePicker .header-level1 {
    background-position: 0px 0px;
}

#datePicker .text-highlighted {
    font-family: Arial, Helvetica, sans serif;
    font-weight: bold;
    font-size: 11px
}

#datePicker .content-zone TD {
    cursor: pointer;
    cursor: hand
}

#datePicker A:link, #datePicker A:visited {
    text-decoration: none;
    color: black;
}

#datePicker .text-highlighted {
}

#datePicker .text-highlighted .text-highlighted {
    border: none
}

#datePicker .cell-highlighted A:link, #datePicker .cell-highlighted A:visited {
    color: white;
}

#datePicker .text-highlighted A:link, #datePicker .text-highlighted A:visited {
    color: #E52569;
}

#datePicker .zone1 {
    height: 25px;
}

/* trick to prevent */
#datePicker .zone3 .center {
    padding: 10px 7px 0px 7px;
}

#datePicker .zone4 {
    height: 6px;
}

/*  wrong aspect */

/*Thumbnail view*/
.thumbnailView {
    height: 260px;
    overflow: auto;
    border: 1px solid #C0C8CE;
}

.list-item {
    border-bottom: 1px solid #C0C8CE;
}

/* wizzard */
.wizzard {
    height: 100%;
}

.wizzard .clipart {
    background-image: url(../images/mandatory/clipart2.gif);
    backgroud-repeat: no-repeat;
    width: 125px;
    height: 169px;
    margin: 4px 4px 4px 4px
}

.wizzard #zoneB.content-zone {
    border-left: 1px solid #797C82;
}

/* simple search*/
#SimpleSearch.grid-header1 {
    border: 1px solid #ABB0B3;
    border-bottom: none
}

#SimpleSearch.grid-header1 .text-level1 {
    font-size: 12px;
    font-weight: bold;
    color: #645050
}

#SimpleSearch.grid-header1 .text-level2 {
    font-size: 12px;
    font-weight: normal;
    color: #645050;
    padding: 4px 2px 4px 10px
}


/* ---- footer ----------- */

/* main */
.footer {
    text-align: center;
    padding: 5px;
}

.footer .copyright {
    font-size: 12px;
    color: gray;
}

.footer .copyright a {
    color: #007ac3;
}

/* status message */
.message {
    height: 28px;
    background-color: #F9EDA4;
    border-bottom: 1px solid #797C82
}

.message .left {
    height: 28px;
    background-image: none;
    font-family: Arial, Helvetica, sans serif;
    font-size: 11px;
    font-weight: normal;
    color: #E34D60;
    padding: 0px 0px 0px 24px;
}

.message .right {
}

/* ---- popup structure ----------- */

/* main */

.popup {
    height: 100%;
}

.popup .portlet {
    height: 100%;
}

.popup .portlet .zone1 .left {
    display: none
}

.popup .portlet .zone1 .icon {
}

.popup .portlet .zone1 .right {
    background-image: url(../images/z1back.gif);
    width: 10px;
}

.popup .portlet .zone2 .left {
    display: none
}

.popup .portlet .zone2 .center {
}

.popup .portlet .zone2 .right {
    display: none
}

.popup .portlet .zone3 .left {
    display: none
}

.popup .portlet .zone3 .inner {
    height: 100%;
    padding: 2px 7px 7px 7px
}

.popup .portlet .zone3 .right {
    display: none
}

.popup .portlet .zone4 .left {
    display: none
}

.popup .portlet .zone4 .center {
    height: 21px
}

.popup .portlet .zone4 .right {
    display: none
}

/*vdp ui popup treeview*/
.screen-popup {
    height: 100%;
}

.screen-popup FORM {
    height: 100%;
}

/* ---- tooltip ------------ */
.tooltip-content {
    max-height: 350px;
    overflow-y: hidden;
}

.tooltip {
    border: 1px solid #999;
    color: #240615;
    background-color: #fff;
    font-family: Arial, Helvetica, sans serif;
    font-size: 11px;
    padding: 10px;
    width: 250px;
    z-index: 9500;
    box-shadow: 0 0 10px #999999;
    border-radius: 5px;
    word-wrap: break-word;
}

.tooltip .hl {
    color: #FF2F68
}

.tooltip UL {
    margin: 0px 0px 2px 0px;
    padding: 0px;
    list-style: none;
}

.tooltip LI {
    padding: 4px 8px;
    background-position: 0px 4px;
    line-height: 10px;
    font-size: 11px;
    color: #000000;
    background: url(../images/black-bullet.png) no-repeat left center
}

.tooltip .actor {
    margin: 3px 0 0 0
}

.tooltip P {
    margin: 0
}

.tooltip .detail .actions {
    display: none;
}

.tooltip .detail .thumbnail {
    background-position: left center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 128px;
    height: 128px
}

.tooltip .detail .thumbnail IMG {
    display: none
}

.tooltip .detail .title H4 {
    margin: 4px 0
}

.tooltip .detail .title H4 IMG {
    margin-right: 5px;
}

.tooltip .detail P {
    margin: 0;
}


/*----Actions Menu----*/
/*--affichage des sous-menus--*/
/*les sous-menus ne sont pas affiches*/
.ActionsMenu li ul {
    display: none;
}

/*affichage des sous-Menus sur rollover*/
.ActionsMenu li:hover > ul {
    display: block;
}

/*-- niveau 1 --*/
/*zone de Menu*/
.ActionsMenu {
    position: absolute;
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: 20px;
    z-index: 1;
    left: 0px;
    top: 0px;
}

/*item niveau 1*/
.ActionsMenu li {
    float: left;
    display: block;
    margin: 0px;
    padding: 0px;
}

/*premier item du Menu*/
.ActionsMenu li.first {
}

/*dernier item du Menu*/
.ActionsMenu li.last {
}

/*lien niveau 1*/
.ActionsMenu li a {
    display: block;
    color: black;
    text-decoration: none;
    background-image: none;
    padding: 0px;
}

.ActionsMenu li a:link, .ActionsMenu li a:visited, .ActionsMenu li a:hover, .ActionsMenu li a:active {
    text-decoration: none;
}

/*-- niveau 2 --*/
/*zone de sous-Menu*/
.ActionsMenu ul {
    position: absolute;
    background: #A1A1A1;
    border: none;
    list-style: none;
    margin: 0px;
    padding: 1px;
    width: 150px;
    z-index: 2;
}

.ActionsMenu ul ul {
    z-index: 3;
    left: 150px;
    top: 0px;
}

/*item niveau 2*/
.ActionsMenu ul li {
    position: relative;
    float: none;
    margin: 0px;
    padding: 0px; /*--2009 display:inline; */
}

/*lien item niveau 2*/
.ActionsMenu ul li A {
    display: block;
    width: 150px;
    margin: 0px;
    font-family: arial, helvetica, sans serif;
    font-weight: normal;
    font-size: 11px;
}

.ActionsMenu ul li A:link, .ActionsMenu ul li A:visited {
    cursor: hand;
    color: #404546;
    background: url(../images/actionsubmenu2.gif) repeat-x left center;
    border-bottom: 1px solid #7a7e7e;
}

/*rollover item niveau 2*/
/*++2009*/
.ActionsMenu ul li a:hover /*--2009 ,.ActionsMenu ul li a.other:hover*/, .ActionsMenu ul li a.disabled:hover {
    background: url(../images/actionsubmenu2hover.gif) repeat-x left center;
    color: #fff224;
    font-weight: normal;
    border-bottom: 1px solid #7a7e7e;
}

.ActionsMenu ul li a span {
    padding: 5px
}

/*++2009*/
.ActionsMenu ul li a.other:link, .ActionsMenu ul li a.other:visited, .ActionsMenu ul li.withsubmenu a.other:link, .ActionsMenu ul li.withsubmenu a.other:visited {
    background: url(../images/menuother2.gif) repeat-x left top;
    background-color: #C8930D;
    color: #FFFFFF;
    font-weight: normal;
    border-bottom: 1px solid #7a7e7e;
}

/*++2009*/
.ActionsMenu ul li a.other:hover {
    background: url(../images/actionsubmenu2hover.gif) repeat-x left center;
    color: #fff224;
    font-weight: normal;
    border-bottom: 1px solid #7a7e7e;
}

.ActionsMenu .disabled, .ActionsMenu .withsubmenu .disabled {
    background-color: #B7B7B7;
    color: #727272;
    font-weight: normal;
    border-top: 1px solid #C7C8DA;
    border-bottom: 1px solid #AAAAAA
}

.ActionsMenu .withsubmenu A:link, .ActionsMenu .withsubmenu A:visited {
    background-image: url(../images/actionsubmenu3.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

.ActionsMenu .withsubmenu A:hover {
    background-image: url(../images/actionsubmenu4hover.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

.ActionsMenu .withsubmenu span, .ActionsMenu A:hover.withsubmenu span {
    margin-right: 10px
}

/*no arrows on submenu*/
.ActionsMenu .withsubmenu ul li A:link, .ActionsMenu .withsubmenu ul li A:visited {
    background: url(../images/actionsubmenu2.gif) repeat-x left center
}

.ActionsMenu .withsubmenu ul li a:hover, .ActionsMenu .withsubmenu ul li a.other:hover {
    background: url(../images/actionsubmenu2hover.gif) repeat-x left center
}

/*---sections---*/

/* form section */
.section, .empty-section {
}

.section .section-header {
    height: 24px;
    padding: 2px 4px 5px 0px;
    background-color: #ffffff;
    background: url(../images/section.gif) repeat-x left bottom;
    font-family: Arial, Helvetica, sans serif;
    font-size: 15px;
    font-weight: normal;
    color: #393737;
}

.section .section-content {
    background-color: white;
    padding-top: 5px
}

.section .section-inner {
}

.section .section-footer {
    display: none
}

.empty-section .section-header {
    height: 24px;
    padding: 2px 4px 5px 0px;
    background-color: #ffffff;
    background: url(../images/section.gif) repeat-x left bottom;
    font-family: Arial, Helvetica, sans serif;
    font-size: 15px;
    font-weight: normal;
    color: #393737;
}

.empty-section .section-footer {
    display: none;
}

/* form subsection */
.subsection, .empty-subsection {
    margin: 0px 5px 5px 5px;
}

.subsection .section-header {
    height: 24px;
    padding: 2px 4px 5px 0px;
    background-color: #ffffff;
    background: url(../images/section.gif) repeat-x left bottom;
    font-family: Arial, Helvetica, sans serif;
    font-size: 13px;
    font-weight: normal;
    color: #393737;
}

.subsection .section-content {
    background-color: white
}

.subsection .section-footer {
    display: none
}

.empty-subsection .section-header {
    height: 24px;
    padding: 2px 4px 5px 0px;
    background-color: #ffffff;
    background: url(../images/section.gif) repeat-x left bottom;
    font-family: Arial, Helvetica, sans serif;
    font-size: 13px;
    font-weight: normal;
    color: #393737;
}

/* sections cells */
.cell-left {
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    color: #473E4B;
    text-align: right;
    padding: 4px 6px 4px 6px;
    background-color: #F1F2F2;
    vertical-align: middle;
    border: 1px solid #C0C4C8;
}

.cell-right {
    font-family: Arial, Helvetica, sans serif;
    font-size: 12px;
    font-weight: normal;
    color: #473E4B;
    text-align: left;
    padding: 4px 6px 4px 6px;
    vertical-align: middle;
    border: 1px solid #C0C4C8;
    background-color: white
}

/*step section*/
.step .section {
    background-color: white;
    padding: 5px;
    border: 1px solid #C0C4C8
}

/*wizard and forms tables inside fields*/
.wizzard .cell2 .cell1, .form-style1 .cell2 .cell1, .form-style2 .cell2 .cell1 {
    border: 1px solid #C0C8CE;
    padding: 2px 4px 2px 4px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 11px;
    color: #473E4B;
    background-color: #DDE2E4;
    background-image: none;
    width: auto;
    text-align: left;
}

.wizzard .cell2 .cell2, .form-style1 .cell2 .cell2, .form-style2 .cell2 .cell2 {
    border: 1px solid #C0C8CE;
    padding: 2px 4px 2px 4px;
    font-family: Arial, Helvetica, sans serif;
    font-size: 11px;
    color: #473E4B;
    background-color: white;
    background-image: none;
    width: auto
}

/*---Datepicker---*/

/*general*/
.ui-widget {
    font-family: Arial, Helvetica, sans-serif
}

.ui-widget-header {
    background: none;
    border: 0px;
    color: #FFFFFF
}

.ui-widget-content {
    border: 1px solid #524D4B;
    color: #333333
}

/*header*/
.ui-datepicker {
    width: auto;
    padding: 0 5px;
    background: #FFFFFF url(../images/header-dp.gif) repeat-x left top;
    z-index: 9070 !important
}

.ui-datepicker .ui-datepicker-header {
    margin-top: 0em
}

.ui-datepicker th {
    padding: 16px 1px 16px 1px;
    font-weight: normal;
    color: #383433;
    font-size: 12px;
    width: 31px
}

.ui-datepicker select.ui-datepicker-month {
    margin: 3px 5px 0 0
}

.ui-datepicker select.ui-datepicker-month {
    width: 90px
}

.ui-datepicker select.ui-datepicker-year {
    width: 55px
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif
}

.ui-datepicker .ui-datepicker-title {
    font-size: 14px;
    line-height: 1.7em;
    text-align: center;
    margin-top: 2px
}

/*cell*/
.ui-datepicker td a:link, .ui-datepicker td a:visited {
    padding: 0.4em 0.2em 0em 1.1em;
}

.ui-datepicker td a:hover, .ui-datepicker td a:active {
    padding: 0.4em 0.2em 0em 1.1em;
}

.ui-datepicker-calendar .ui-state-default {
    background-image: none;
    background-color: #f6f6f6;
    border: 1px solid #cecfca;
    border-bottom: 1px solid #C2A476;
    color: #797979;
    font-weight: normal;
    font-size: 11px;
}

/*current day*/
.ui-datepicker-current-day .ui-state-default {
    background: transparent url(../images/today.png) no-repeat left top !important;
    border: 0 !important;
    border-top: 1px solid #9E1E1E !important;
    border-bottom: 1px solid #F22E2E !important;
    color: #FFF;
    font-weight: bold;
    padding: 0.4em 0.2em 0em 1.1em;
}

/*rollover on today, week-end ans default cell*/
.ui-datepicker-calendar A:hover {
    background: url(../images/hover-dp.png) no-repeat left top
}

.ui-datepicker-calendar .ui-datepicker-week-end A:hover {
    background: url(../images/hover-dp.png) no-repeat left top
}

.ui-datepicker-calendar .ui-datepicker-today {
}

.ui-datepicker-calendar .ui-datepicker-today A:link, .ui-datepicker-calendar .ui-datepicker-today A:visited {
    border: 1px solid red;
    background: transparent
}

.ui-datepicker-calendar .ui-datepicker-today A:hover, .ui-datepicker-calendar .ui-datepicker-today A:active {
    background: url(../images/hover-dp.png) no-repeat left top !important;
    color: #797979;
    border: 1px solid #CECFCA !important;
    border-bottom: 1px solid #C2A476 !important;
    padding: 0.4em 0.2em 0em 1.1em;
}

.ui-widget-header .ui-state-hover {
    background: #7D7673;
    border: 1px solid #524D4B;
    color: #212121;
    font-weight: normal;
    cursor: pointer;
}

.ui-datepicker-week-end A:hover, .ui-datepicker-week-end A:active {
    background: url(../images/hover-dp.png) no-repeat left top !important;
    color: #797979;
    border: 1px solid #CECFCA !important;
    border-bottom: 1px solid #C2A476 !important;
}

/*week-end cell style*/
.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default {
    background: #E6E6E3;
}

.ui-datepicker .ui-datepicker-week-end {
    padding: 0 1px;
    width: 31px
}

/*buttons*/
.ui-datepicker .ui-datepicker-prev span {
    background: url(../images/left-arrow-dp.png) no-repeat 2px 2px;
    margin-top: -7px
}

.ui-datepicker .ui-datepicker-next span {
    background: url(../images/right-arrow-dp.png) no-repeat 2px 2px;
    margin-top: -7px
}

.ui-datepicker .ui-datepicker-buttonpane {
    background: url(../images/line.gif) repeat-x left top;
    border: 0;
    height: 3px;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    margin: 0.8em 0em 0.4em 0em;
    background: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px
}

.ui-datepicker .ui-datepicker-buttonpane button {
    padding: 0.2em 0.6em;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 1;
}

/*week-style*/
td.ui-datepicker-week-col {
    font-size: 11px;
    vertical-align: bottom;
    padding-bottom: 2px;
    padding-right: 10px;
    background: url(../images/arrow-week.gif) no-repeat 17px 8px
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    height: 22px;
}

/*other months*/
.ui-datepicker .ui-datepicker-other-month .ui-state-default {
    color: #797979;
    border: 1px solid #CECFCA;
    background: white
}

.ui-datepicker-other-month {
    filter: Alpha(Opacity=30);
}

.ui-datepicker-current {
    filter: Alpha(Opacity=100) !important;
}

/*date-field & time-field inline*/
.date-field A {
    margin: 0 0 0 2px
}

.date-field .button a span,
.time-field .button a span,
#datetype .button a span {
    display: none;
}

.date-field a[href*="Trigger"],
.date-field a[href*="datePicker"],
#datetype a[href*="Trigger"],
#datetype a[href*="datePicker"],
.date-field a[href*="Reset"],
.time-field a[href*="Reset"],
.date-field a[href*="dateRemover"],
#datetype a[href*="Reset"],
#datetype a[href*="dateRemover"] {
    width: 15px;
    height: 40px;
    box-shadow: none;
    background: none !important;
    line-height: 16px !important;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 5px;
    border: 0 !important;
}

.date-field a[href*="Trigger"] img,
.date-field a[href*="datePicker"] img,
#datetype a[href*="Trigger"] img,
#datetype a[href*="datePicker"] img,
.date-field a[href*="Reset"] img,
.time-field a[href*="Reset"] img,
.date-field a[href*="dateRemover"] img,
#datetype a[href*="Reset"] img,
#datetype a[href*="dateRemover"] img {
    display: none;
}

.date-field a[href*="Trigger"]:after,
.date-field a[href*="datePicker"]:after,
#datetype a[href*="Trigger"]:after,
#datetype a[href*="datePicker"]:after {
    content: url("../images/mandatory/button_calendar.gif");
    color: var(--primary-color);
    position: absolute;
    top: 11px;
    left: 7px;
}

.date-field a[href*="Reset"]:after,
.time-field a[href*="Reset"]:after,
.date-field a[href*="dateRemover"]:after,
#datetype a[href*="Reset"]:after,
#datetype a[href*="dateRemover"]:after {
    content: url("../images/mandatory/button_reset.gif");
    position: absolute;
    top: 11px;
    left: 7px;
}

.datetime-field {
    display: block;
    padding: 1px 0px
}

.datetime-field .date-field, .datetime-field .time-field {
    display: inline
}

.datetime-field .date-field {
    margin-right: 3px
}

/*period field inline*/
.period-field-inline {
    display: inline
}

.period-field-inline .date-field {
    display: inline;
    margin-right: 15px
}

.period-field-inline .datetime-field {
    display: inline;
    margin-right: 15px
}

.period-field-inline .datetime-field .date-field, .period-field-inline .datetime-field .time-field {
    display: inline
}

.period-field-inline .datetime-field .date-field {
    margin-right: 3px
}

.period-field-inline .time-field {
    display: inline;
    margin-right: 15px;
}

.period-field-inline label {
    margin-right: 5px;
}

.period-field-inline {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.period-field-inline .period-block {
    display: flex;
    align-items: center;
}

.period-field-inline .period-block .datetime-field {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.period-field .period-block {
    display: flex;
    align-items: center;
}

.period-block label {
    margin-right: 8px;
    width: 20px;
}

/*period-field*/
.period-field {
    display: inline
}


/*---context messages---*/

/*message indicator*/
.vui-error-handler { /*DO NOT MODIFY - message handler gives position to indicator*/
    position: relative;
    vertical-align: top;
    display: inline;
}

.vui-error-indicator {
    position: absolute;
    display: block;
    left: -18px;
    top: -10px;
    width: 18px;
    height: 18px;
    background-image: url(../images/vui-error-indicator.png);
    background-position: center center;
    background-repeat: no-repeat;
}

/*common message*/
.vui-context-message {
    position: absolute;
    z-index: 9010;
    border-style: solid;
    border-width: 1px;
    min-width: 60px;
    max-width: 300px;
    box-shadow: 2px 2px 3px #cacbc7;
    border-radius: 6px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

/* arrow position depending on message position*/
.vui-context-message .vui-arrow-bottom {
    position: absolute;
    bottom: -11px;
    background-repeat: no-repeat;
    width: 25px;
    height: 11px;
}

.vui-context-message .vui-arrow-top {
    position: absolute;
    top: -11px;
    background-repeat: no-repeat;
    width: 25px;
    height: 11px;
}

.vui-context-message-ne .vui-arrow-bottom, .vui-context-message-ne .vui-arrow-top, .vui-context-message-se .vui-arrow-top, .vui-context-message-se .vui-arrow-top {
    left: 10px;
}

.vui-context-message-nw .vui-arrow-bottom, .vui-context-message-nw .vui-arrow-bottom, .vui-context-message-sw .vui-arrow-top, .vui-context-message-sw .vui-arrow-top {
    right: 10px;
}

.vui-context-message-ne .vui-arrow-top, .vui-context-message-nw .vui-arrow-top {
    display: none
}

.vui-context-message-se .vui-arrow-bottom, .vui-context-message-sw .vui-arrow-bottom {
    display: none
}

/*message content*/
.vui-context-message ul {
    margin: 0;
    padding: 4px 14px 6px 14px;
}

.vui-context-message li {
    list-style: none;
    margin: 0;
    padding: 2px;
}

.vui-context-message label {
    width: 200px;
    font-size: 12px;
}

.vui-context-message span span {
    display: none
}

/*error messages*/
.vui-context-error {
    border-color: #f79292;
    background-color: #fcdedf;
    color: #df0020;
}

.vui-context-error .vui-arrow-bottom {
    background-image: url(../images/vui-error-arrowb.png);
}

.vui-context-error .vui-arrow-top {
    background-image: url(../images/vui-error-arrowt.png);
}

/*information message*/
.vui-context-info {
    border-color: #7bb672;
    background-color: #e4faad;
    color: #1a7412;
}

.vui-context-info .vui-arrow-bottom {
    background-image: url(../images/vui-info-arrowb.png);
}

.vui-context-info .vui-arrow-top {
    background-image: url(../images/vui-info-arrowt.png);
}

/*feedback message*/
.vui-context-feedback {
    background-color: #FDFDC7;
    border-color: #FEAD12;
    color: #FF7E00;
    padding: 8px;
    width: 180px;
}

/******************************COMBOBOX*************************************/

/*combobox general---------------------------------------------------------*/
.vui-combobox, .vui-combobox-multi {
    display: inline-block;
    padding: 0;
    white-space: nowrap;
    background: url(../images/vui-combobox-small.png) no-repeat left top;
    height: 19px;
}

.vui-combobox input, .vui-combobox-multi input {
    margin: 0;
    padding: 0 0 0 2px;
    border: 0;
    background: transparent;
}

.vui-combobox img, .vui-combobox input {
    vertical-align: middle
}

.vui-combobox-opener {
    height: 19px;
    width: 20px;
    background: url(../images/vui-combobox-btn.png) no-repeat left top;
    vertical-align: top;
}

.vui-combobox-opener-hover {
    height: 19px;
    width: 20px;
    background: url(../images/vui-combobox-btn-hover.png) no-repeat left top;
    vertical-align: top;
    cursor: pointer;
}

.vui-combobox-items {
    position: absolute;
    background: #fff;
    border: 1px solid #e3e3e3;
    font: normal 12px Arial, Helvetica, sans-serif;
    overflow: auto;
}

.vui-combobox-items UL {
    list-style: none;
    margin: 0;
    padding: 0;
}

.vui-combobox-items .vui-combobox-menu .vui-combobox-item INPUT, .vui-combobox-items .vui-combobox-value .vui-combobox-item INPUT {
    vertical-align: middle;
    margin-right: 3px;
}

.vui-combobox-items INPUT.checkbox {
    margin-top: 0px;
    margin-bottom: 3px;
}

.vui-combobox-items .vui-combobox-item {
    padding: 2px 3px;
    margin-top: 1px;
    cursor: pointer;
}

.vui-combobox-item LABEL, .vui-combobox-item .checkbox {
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.vui-combobox-selected-items {
    vertical-align: middle;
    padding-top: 3px
}

/*SSSSSSSSSSSSSSSSSS*/
.vui-combobox-selected-items .vui-combobox-item {
    padding: 0 10px 0 0px;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
}

/*SSSSSSSSSSSSSSSSSS*/

.vui-combobox-items .vui-combobox-item-selected {
    background: #f5f5f5;
}

.vui-combobox-items .vui-combobox-item-hover {
    background: #3399ff;
    color: #fff;
    cursor: pointer;
}

.vui-combobox-items .vui-combobox-item-hover label {
    cursor: pointer;
}

.vui-combobox-items .ariaSelected {
    background: #3399FF;
    color: #FFFFFF;
}

/*emptycombobox-items*/
.vui-combobox-no-item {
    padding: 4px 8px;
    font-size: 11px;
    color: #FF7E00;
}

/*combobox menus*/
/*select all*/
.vui-combobox-selectall {
    border-bottom: 1px dotted #CCCCCC
}

.vui-combobox-items .vui-combobox-selectall {
    padding: 4px 8px 4px 8px;
    font-weight: bold;
}

/*browse link*/
.vui-combobox-menu-browse {
    border-top: 1px dotted #CCCCCC
}

.vui-combobox-menu-browse .vui-combobox-item {
    padding: 4px 8px;
}

/*button-delete*/
.vui-delete {
    background: transparent url(../images/vui-delete.png) no-repeat 3px 1px;
    vertical-align: middle;
    width: 15px;
    height: 15px
}

.vui-delete-hover {
    background: transparent url(../images/vui-delete-hover.png) no-repeat 3px 1px;
    cursor: pointer
}

.vui-combobox-selected-items .vui-delete {
    background: transparent url(../images/vui-delete.png) no-repeat 0px 0px;
    vertical-align: middle;
    width: 15px;
    height: 15px
}

.vui-combobox-selected-items .vui-delete-hover {
    background: transparent url(../images/vui-delete-hover.png) no-repeat 0px 0px;
    cursor: pointer
}

/*field size*/
.vui-combobox-verysmall input {
    width: 20px;
}

.vui-combobox-small input {
    width: 40px;
}

.vui-combobox-medium input {
    width: 230px;
}

.vui-combobox-large input {
    width: 350px;
}

.vui-combobox-verysmall .vui-combobox-offset {
    width: 5px;
}

.vui-combobox-small .vui-combobox-offset {
    width: 25px;
}

.vui-combobox-medium .vui-combobox-offset {
    width: 215px;
}

.vui-combobox-large .vui-combobox-offset {
    width: 335px;
}

/*combobox-multi-----------------------------------------------------------*/
.vui-combobox-multi .vui-combobox-selected-items SPAN {
    vertical-align: bottom
}

/*combobox-multi-button-zone*/
.vui-combobox-actions UL {
    margin: 0;
    padding: 0;
    list-style: none;
}

.vui-combobox-actions UL LI {
    display: inline;
}

.vui-combobox-actions .button1-part0, .vui-combobox-actions .button1-part0-down {
    background-image: none;
    padding: 0;
}

.vui-combobox-actions .button1-part1, .vui-combobox-actions .button1-part1-down {
    background-image: none;
    padding: 0;
    text-decoration: underline;
}

.vui-combobox-actions .button A:link, .vui-combobox-actions .button A:visited {
    color: #6563BD;
}

.vui-combobox-actions .button A:hover, .vui-combobox-actions .button A:active {
    color: #EB0000;
}

/*combobox-multi-button-plus & minus*/
.vui-combobox-plus a .button1-part1, .vui-combobox-plus a .button1-part1-down {
    display: none;
}

.vui-combobox-plus .button1-part0, .vui-combobox-plus .button1-part0-down {
    background-image: url(../images/vui-plus.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 3px 0 0 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle
}

.vui-combobox-minus, .vui-combobox-plus, .action-plus, .action-minus, .vui-combobox-item {
    vertical-align: middle
}

.vui-combobox-minus a .button1-part1, .vui-combobox-minus a .button1-part1-down {
    display: none;
}

.vui-combobox-minus .button1-part0, .vui-combobox-minus .button1-part0-down {
    background-image: url(../images/vui-minus.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 3px 0 0 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}

/*zone filter*/
.grid-header1 .vui-combobox {
    margin-bottom: 0
}

.vui-combobox-change {
    background: url(../images/vui-combobox-small-change.png) no-repeat left top;
}

.vui-combobox-change input {
    color: #FF7E00;
}

/**** Combobox - Groupe ****/
.vui-combobox-items .vui-combobox-group {
    font-weight: bold;
    padding: 3px;
    margin: 0px 0 0px;
    background: #e9e9e9;
    border-bottom: 1px solid #3399FF;
}

.vui-combobox-menu {
    padding: 4px 0 2px 0;
    margin: 0 0 0px 0
}

.vui-combobox-items .vui-combobox-value {
    padding: 3px 0;
}

.vui-combobox-value .vui-combobox-item {
    padding: 3px 8px 2px 8px
}

li.action-showall, li.action-deleteall {
    padding-left: 0
}


/****************************************END Combobox*****************************************************/


/*info indicator*/
.vui-info-handler {
    display: inline;
    vertical-align: middle;
}

.vui-info-handler IMG,
.vui-noinfo-handler IMG {
    width: 12px;
    height: 12px;
    border: 0 none;
    margin: 0 0 0 4px;
}

.vui-info-handler IMG {
    background-image: url(../images/vui-info-indicator.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

/*test checkbox radio groups*/
.checkboxgroup #topbuttons, .radiogroup #topbuttons {
    text-align: left;
}

.checkboxgroup TABLE, .radiogroup TABLE {
    display: inline
}

/****************************************VUISELECTOR*****************************************************/
/*----------------------------pseudo lightbox--------------------------*/
.fakelightbox-background {
    position: absolute; /*pas de fixed : ne fonctionne pas en quirks*/
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: block;
}

.fakelightbox-content {
    padding-bottom: 15px;
    display: block;
    background-color: #fff;
    background-image: url(../images/lightbox_header.gif);
    background-repeat: repeat-x;
    position: absolute; /*pas de fixed : ne fonctionne pas en quirks*/
    z-index: 9001;
}

.lightbox-panel TABLE {
    height: auto !important
}

.lightbox-panel {
    padding: 12px 16px 16px 16px;
}

.lightbox-panel .lightbox-header {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 10px;
    font-size: 20px;
}

.lightbox-panel .informations {
    font-size: 15px;
    color: #666060;
    background-color: #ffffff;
    background-image: url(../images/lightbox_infos.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0 0 16px 0;
    margin: 15px 0 5px 0;
    min-height: 20px;
}

.lightbox-panel .button-area {
}

.lightbox-panel .view-area .button-area {
    background-image: none;
}

.lightbox-panel .button-area .buttons-group UL {
    text-align: right;
}

/*---popup menu handler---*/

.popup-menu-handler {
    white-space: nowrap
}

/* align child elements */
.popup-menu-handler,
.popup-menu-handler IMG,
.popup-menu-handler SPAN {
    display: inline-block;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    border: 0 none
}

/* left image is hidden by defaut */
.popup-menu-handler .button-imgl {
    display: none
}

/* left part */
.popup-menu-handler SPAN {
    background: url(../images/popup-menu-handler-left.png) repeat-x left center;
    padding: 0 5px;
    border-right: 1px solid transparent
}

.popup-menu-handler SPAN A {
    color: #000;
    text-decoration: none
}

.popup-menu-handler SPAN input[type='checkbox'] {
    border: 0 none;
}

/* right part (trick: hide left border of the image) */
.popup-menu-handler .button-imgr {
    width: 23px;
    background: url(../images/popup-menu-handler-right.png) no-repeat right center;
    cursor: pointer;
    border-left: 1px solid transparent
}

/* single */
.popup-menu-handler-single:hover SPAN {
    background: url(../images/popup-menu-handler-left-hover.png);
}

.popup-menu-handler-single:hover .button-imgr {
    background: url(../images/popup-menu-handler-right-hover.png) no-repeat right center;
}

/* split (default action + dropdown menu)*/
.popup-menu-handler-split SPAN:hover {
    background: url(../images/popup-menu-handler-left-hover.png);
    border-color: #d5d5d5;
}

.popup-menu-handler-split .button-imgr:hover {
    background: url(../images/popup-menu-handler-right-hover.png) no-repeat right center;
    border-color: #d5d5d5;
}

/* when only dropdown menu is displayed (no text nor input) */
.popup-menu-handler-dropdown-only SPAN {
    display: none
}

.popup-menu-handler-dropdown-only .button-imgr {
    border: 0 none;
    width: 26px
}


/*--popup menu--*/
.popup-menu {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #D5D5D5;
    z-index: 9002;
    text-align: left;
}

.popup-menu UL {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.popup-menu LI {
    margin: 0;
    padding: 0;
    line-height: 0;
}

.popup-menu LI A {
    display: block;
    padding: 5px 10px 5px 8px;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
}

.popup-menu LI A:link, .popup-menu LI A:visited {
    color: #5E5D5C;
}

.popup-menu LI A:hover, .popup-menu LI A:active {
    color: #D45555;
    background-color: #F0ECE7;
}

.popup-menu .popup-menu-separator {
    border-top: 1px dotted #D9A470;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
}

.popup-menu .popup-menu-separator IMG {
    height: 1px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    min-width: 100px;
}

/*------------------------------------------------------------------------------------------------------------*/
/*----------------------------------- rendu vues paragraphe pour platform-------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*views*/
.view-area {
}

.view-area .highlight {
    color: #FF0000
}

.view-area .highlight A:link {
    color: #FF0000
}

.view-area .highlight A:visited {
}

.view-area .highlight A:hover {
    color: #000000
}

.view-area .highlight A:active {
}

.view-area .path {
    color: #898989
}

/*--------layouts--------*/

/* -- view header -- */
.view-header {
    padding: 7px 0px 10px 0px
}

/* if view has actions */
.view-has-actions {
    position: relative;
    padding-top: 40px;
}

.view-has-actions .view-actions {
    position: absolute;
    top: 5px;
    left: 5px
}

.view-header .view-selection,
.view-header .view-actions,
.view-header .view-options,
.view-header .pager,
.view-header .pager .itemsperpage,
.view-header .pager .items,
.view-header .pager .browser,
.view-header .pager TABLE {
    display: inline;
    font-size: 12px;
}

.treatment-edit .view-header .view-selection {
    display: inline flex;
}

.view-header IMG,
.view-header .view-selection INPUT,
.view-header .pager .items,
.view-header .pager .browser,
.view-header .pager TABLE,
.view-header .view-actions .popup-menu-handler,
.view-header .view-actions .button {
    vertical-align: middle
}

.view-header .popup-menu-handler {
    margin: 0
}

.view-header .view-selection,
.view-header .popup-menu-handler,
.view-header .button {
    margin-right: 5px
}

/* override menus images */
.view-header .handler-filter .button-imgr {
    background-image: url(../images/vui-filtersmall.png);
}

.view-header .handler-filter .button-imgr:hover {
    background-image: url(../images/vui-filtersmallhover.png);
}

.view-header .filter-defined .button-imgr {
    background-image: url(../images/vui-activefiltersmall.png);
}

.view-header .handler-sorter .button-imgr {
    background-image: url(../images/vui-sortbysmall.png);
}

.view-header .handler-sorter .button-imgr:hover {
    background-image: url(../images/vui-sortbysmallhover.png);
}

.view-header .handler-displaymode .button-imgr {
    background-image: url(../images/vui-displaymodesmall.png);
}

.view-header .handler-displaymode .button-imgr:hover {
    background-image: url(../images/vui-displaymodesmallhover.png);
}

.handler-filter .button1-part1, .handler-filter .button1-part0 {
    background-image: none;
}

.handler-filter A:link, .handler-filter A:visited {
    background-image: url(../images/vui-filtersmall.png);
    display: inline-block;
    height: 21px;
    vertical-align: middle;
    width: 26px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.handler-filter A:hover {
    background-image: url(../images/vui-filtersmallhover.png);
}

.handler-filter.filter-defined a {
    background-image: url(../images/vui-activefiltersmall.png);
}


/* override refresh button */
.view-header .view-options .action-refresh A SPAN {
    display: none
}

.view-header .view-options .action-refresh A {
    vertical-align: middle;
    display: inline-block;
    width: 26px;
    height: 21px;
    background-image: url(../images/vui-refreshsmall.png);
}

.view-header .view-options .action-refresh A:hover {
    background-image: url(../images/vui-refreshsmallhover.png);
}

/* pager */
.view-header .pager .browser A {
    display: block;
    width: 18px;
    line-height: 16px;
    margin: 0 2px;
    text-align: center;
    background-color: #CFD0CB;
    font-size: 12px;
    text-decoration: none;
}

.view-header .pager .browser A:link {
    color: #ffffff;
    background-color: #9e9e9e;
}

.view-header .pager .browser A:hover {
    background-color: #FC5F5F;
    color: #ffffff;
}

.view-header .pager .browser SPAN {
    display: block;
    text-align: center;
    margin: 0 2px;
}

.view-header .pager .browser STRONG {
    display: block;
    width: 18px;
    line-height: 16px;
    text-align: center;
    background-color: #6D6562;
    font-size: 12px;
    color: #FFF;
    margin: 0 2px;
}

.view-header .pager .itemsperpage,
.view-header .pager .items,
.view-header .pager .browser {
    margin-left: 8px;
}

/* filters popup form */
.handler-filter-screen .section-header,
.handler-filter-screen .section-footer {
    display: none
}

.handler-filter-screen .filter {
    white-space: nowrap
}

.handler-filter-screen .filter .filter-label {
    display: block;
}

.handler-filter-screen .filter .filter-value {
    display: inline-block;
}

.handler-filter-screen .filter .vui-noinfo-handler {
    display: none;
}

.handler-filter-screen .header-border {
    border: 0 none
}

.handler-filter-screen .applied-filter {
    margin: 10px 0 0 0;
    font-size: 12px;
    display: inline-block;
    background: #e9e9e9;
    padding: 4px
}

.handler-filter-screen .applied-filter .action-deleteFilter {
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-left: 5px;
    background-image: url(../images/vui-delete.png);
    line-height: normal;
    background-repeat: no-repeat;
    vertical-align: text-top;
}

.handler-filter-screen .applied-filter .action-deleteFilter A {
    display: block;
    height: 12px;
    width: 12px;
}

.handler-filter-screen .applied-filter .action-deleteFilter .button2-part0,
.handler-filter-screen .applied-filter .action-deleteFilter .button2-part0-down,
.handler-filter-screen .applied-filter .action-deleteFilter .button2-part1,
.handler-filter-screen .applied-filter .action-deleteFilter .button2-part1-down {
    display: none;
}

.handler-filter-screen .applied-filter .action-deleteFilter:hover {
    height: 12px;
    width: 12px;
    margin-left: 5px;
    background-image: url(../images/vui-delete-hover.png);
}


/* sorter popup form*/
.handler-sorter-screen {
    border: 1px solid #AFB1B4;
    width: 250px
}

.handler-sorter-screen .list-sort {
    font-size: 12px;
}

.handler-sorter-screen .header-border {
    border: 0 none
}

.handler-sorter-screen .list-sort LABEL {
    color: #595D5E
}

.handler-sorter-screen .list-sort > LABEL {
    font-weight: bold;
    display: block;
}

.handler-sorter-screen .list-sort .sorting-item {
    margin: 5px 0 0 0;
    display: inline-block;
}

.handler-sorter-screen .list-sort .sorting-order {
    margin: 5px 0 0 0;
    display: inline-block;
}

.handler-sorter-screen .list-sort .sorting-order * {
    vertical-align: middle
}


/* custom filters et sorter popup forms */
.handler-filter-screen {
    margin-top: 10px;
    border: 1px solid #afb1b4;
    padding: 8px;
    min-width: 550px;
    background: #fbfbfb none repeat scroll 0 0;
}


.handler-filter-screen .filter .filter-label {
    font-weight: bold;
    margin: 0 0 5px 0;
    font-size: 12px;
    color: #595D5E
}

.handler-filter-screen .applied-filter {
    font-size: 12px;
}

.handler-filter-screen .filter .action-add {
    margin-left: 5px
}

.handler-filter-screen .filter .datetime-field,
.handler-filter-screen .filter .date-field,
.handler-filter-screen .filter .time-field {
    display: inherit
}

.handler-filter-screen .filter .datetime-field A,
.handler-filter-screen .filter .date-field A {
    vertical-align: middle
}

.handler-filter-screen .filter BUTTON {
    vertical-align: middle
}

.handler-filter-screen select {
    height: 25px;
}

.handler-filter-screen input[type="text"] {
    height: 24px;
}

.handler-sorter-screen {
    border: 1px solid #AFB1B4
}

.handler-sorter-screen .list-sort {
    font-size: 12px;
}

.handler-sorter-screen .header-border {
    border: 0 none
}

/*--list-view--*/

.list-view .detail .popup-menu-handler,
.links-view .detail .popup-menu-handler,
.thumbnails-view .detail .popup-menu-handler {
    float: left;
    margin-right: 5px
}

.list-view .detail .title A,
.links-view .detail .title A,
.thumbnails-view .detail .title A {
    text-decoration: none
}

.list-view .detail .title A H4,
.links-view .detail A H4,
.thumbnails-view .detail A H4 {
    text-decoration: underline
}

.list-view .detail .title H4,
.links-view .detail H4,
.thumbnails-view .detail H4 {
    color: inherit
}

.list-view .detail .title H4 IMG,
.links-view .detail H4 IMG,
.thumbnails-view .detail H4 IMG {
    margin-right: 5px;
}

.list-view {
    margin: 0;
    padding: 0 0 0 3px;
}

.list-view .detail {
    display: block;
    width: auto;
    height: auto;
    border: 0 none;
    margin: 0 7px 7px 0;
}

.list-view .detail .detail-header,
.list-view .detail .detail-main {
    display: table;
    margin-right: 1rem;
    border-spacing: 0;
    border-collapse: collapse;
}

.list-view .detail .actions,
.list-view .detail .browse {
    width: 1%;
    white-space: nowrap;
    padding: 0
}

.list-view .detail .reference {
    display: inline;
    float: left;
}

.list-view .detail .state {
    display: inline;
    float: right;
}

.list-view .detail .thumbnail {
    float: left;
    margin-right: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 64px;
    height: 64px
}

.list-view .detail .thumbnail IMG {
    display: none
}

.list-view .detail .has-thumbnail H4 {
    padding-top: 5px;
}

.list-view .detail .title H4 {
    margin: 2px 0;
    display: inline-block
}

.list-view .detail .title H4 IMG {
    margin-right: 5px;
}

.list-view .table-list hr {
    border: 0;
    border-top: 1px solid;
    opacity: 0.4;
}

.list-view .detail .title P {
}

.list-view .detail P,
.list-view .detail .property {
    margin: 4px 0;
}

.list-view .detail .extended-properties {
    color: #888
}

.list-view .main-actions {
    margin: 5px 0;
}

.list-view .detail .details {
    display: none
}

.list-view .details-visible .details {
    display: block
}


/* views default font size */
.list-view .detail .description,
.list-view .detail .details-handle,
.list-view .detail .reference,
.list-view .detail .state,
.list-view .detail P,
.list-view .detail .property,
.list-view .detail .attachments,
.list-view .detail .path {
    font-size: 12px
}

/*--responsive-line-view--*/
.responsive-line-item {
    width: 100%;
}

.responsive-line-item,
.responsive-line-item h4,
.responsive-line-item p,
.responsive-line-item div {
    display: inline-block;
}
.responsive-line-item .detail-main h4,
.responsive-line-item .properties .property,
.responsive-line-item .detail-header,
.responsive-line-item .details-handle,
.responsive-line-item p {
    padding-right: 1rem;
}

/*-changing details order-*/
/*detail drop allowed */
.detail-sort-allowed {
    background-color: green;
}

/*detail drop not allowed */
.detail-sort-not-allowed {
    background-color: red;
}

/* empty views */
.list-view .empty {
    padding: 5px;
    font-size: 12px
}

/*view actions*/
.main-actions {
    white-space: nowrap
}

.main-actions UL {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-actions LI {
    display: inline;
}

/*----view display modes----*/
.vertical {
}

.horizontal {
}


.buttonlike, .buttonlike:link, .buttonlike:active, .buttonlike:visited, .buttonlike:hover, .buttonlike:active, .buttonlike SPAN {
    color: #000;
    text-decoration: none;
}

.buttonlike {
    display: inline-block;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -ms-linear-gradient(top, #fefefe, #dedede);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#dedede));
    background-image: -webkit-linear-gradient(top, #fefefe, #dedede);
    background-image: -o-linear-gradient(top, #fefefe, #dedede);
    background-image: -moz-linear-gradient(top, #fefefe, #dedede);
    background-repeat: repeat-x;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.buttonlike:hover {
    background-image: -ms-linear-gradient(top, #dedede, #fefefe);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dedede), to(#fefefe));
    background-image: -webkit-linear-gradient(top, #dedede, #fefefe);
    background-image: -o-linear-gradient(top, #dedede, #fefefe);
    background-image: -moz-linear-gradient(top, #dedede, #fefefe);
}


/* file upload */ 
.vui-file-upload .files {
    display: flex;
    flex-flow: column;
    padding: 3px 0;
    border: 3px solid transparent
}
.vui-file-upload .add-zone {
    display: flex;
    flex-wrap: wrap;
}
.vui-file-upload .add-zone a {
    margin-bottom: 5px;
}
.vui-file-upload .dropfiles {
    border: 3px dashed #ddd;
    border-radius: 6px
}

.vui-file-upload .dropfiles-helper {
    padding: 5px;
    margin: 0px;
    white-space: nowrap;
}

.vui-file-upload .files .list-view {
    padding: 0
}

.vui-file-upload .files .list-view .lines {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.vui-file-upload .files .list-view .lines .line a {
    cursor: pointer;
}

.vui-file-upload .files .list-view .lines .delete {
    background: url("../images/bg-upload-icons.png");
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    background-position: 272px 162px;
}
.vui-file-upload .files .list-view .lines .delete SPAN{
    /*compatibilite old skin-portal-workplace*/
    display: none;
}

.vui-file-upload .files .list-view .lines .delete:hover {
    background-position: 272px 128px;
}

.vui-file-upload .files .list-view .lines .line:not(:last-child) {
    margin-bottom: 10px;
}

.vui-file-upload .files .header-border {
    border: 0 none;
}

.vui-file-upload .files .header-border .grid-content-zone {
    border: 0 none;
    background: none;
}

.vui-file-upload .files .view-area .view-header {
    display: none
}

.vui-file-upload .files .detail {
    margin: 0
}

.vui-file-upload .files .detail H4 {
    font-size: 12px;
    font-weight: normal;
    float: left;
}

.vui-file-upload .files .detail .title .description {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    float: left;
}

.vui-file-upload .files .uploading {
    padding: 0 6px
}

.vui-file-upload .files .uploading .file .vui-css-table {
    width: 60%
}

.vui-file-upload .files .uploading .file .vui-css-table .first {
    width: 99%
}

.vui-file-upload .files .uploading .file .vui-css-table .last {
    width: 1%;
    white-space: nowrap
}

.vui-file-upload .files .uploading .file .bar {
    background-color: #ffffff;
    border: 1px solid #afb6c1;
    height: auto;
}

.vui-file-upload .files .uploading .file .bar-gauge {
    text-align: center;
    background-image: none;
    background-color: #c2e61f;
    border-right: 1px solid #afb6c1;
    font-size: 9px;
    padding: 4px 0;
    height: auto;
}

.vui-file-upload .files .uploading .file .cancelled .bar-gauge {
    background-color: #f09a9a;
    color: #fff
}

.vui-file-upload .files .uploading .play,
.vui-file-upload .files .uploading .delete,
.vui-file-upload .files .uploading .pause {
    background: url("../images/bg-upload-icons.png");
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.vui-file-upload .files .uploading .play SPAN,
.vui-file-upload .files .uploading .delete SPAN,
.vui-file-upload .files .uploading .pause SPAN {
    display: none
}

.vui-file-upload .files .uploading .play {
    background-position: 272px 250px
}

.vui-file-upload .files .uploading .play:hover {
    background-position: 272px 217px
}

.vui-file-upload .files .uploading .delete {
    background-position: 272px 162px
}

.vui-file-upload .files .uploading .delete:hover {
    background-position: 272px 128px;
}

.vui-file-upload .files .uploading .pause {
    background-position: 272px 74px
}

.vui-file-upload .files .uploading .pause:hover {
    background-position: 272px 41px;
}

.vui-file-upload .files INPUT {
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 2px 0px;
}

.vui-file-upload .files .list-view .detail .title H4 {
    margin: 4px 0px;
}

.vui-file-upload .zip-download-button-div {
    padding-top: 5px;
}
.vui-file-upload .action-zip-download-button a,
.vui-file-upload-readonly .action-zip-download-button a {
    display: inline-block;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fefefe, #dedede);
    background-repeat: repeat-x;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    color: black;
}
.vui-file-upload .action-zip-download-button a:hover,
.vui-file-upload-readonly .action-zip-download-button a:hover {
    background-image: -moz-linear-gradient(top, #dedede, #fefefe);
}
.vui-file-upload .action-zip-download-button a span,
.vui-file-upload-readonly .action-zip-download-button a span {
    background-image: none;
    padding: 0;
}
.vui-file-upload-readonly .action-zip-download-button a {
    margin-bottom: 5px;
}

/* -- selector -- */

/* information */
.vui-selector .vui-information {
    max-height: 40px;
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 14px
}

/* left menu */
.vui-selector-menu {
    width: 16%;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #a7abaa;
    border-right: none;
    background: url(../images/vui-selector-menu-bg.png) right top repeat-y;
}

.vui-selector-menu UL {
    margin: 0;
    padding: 0;
    list-style: none;
}

.vui-selector-menu LI {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 12px
}

.vui-selector-menu LI A {
    display: block;
    padding: 10px 8px;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px solid #cdcdcd;
    margin-right: 1px;
}

.vui-selector-menu LI A:link,
.vui-selector-menu LI A:visited {
    color: #606364;
    background-image: url(../images/vui-selector-menu.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}

.vui-selector-menu .current {
    display: block;
    padding: 10px 8px;
    font-weight: bold;
    background-color: #f0f0f0;
    border-bottom: 1px solid #cdcdcd;
}

.vui-selector-menu .first .current {
    background: #F0F0F0 url("../images/vui-selector-head.png") repeat-x left top;
}

/* loading indicator (appear next to search field and inside list view) */
.vui-selector .vui-selector-loading {
    background: #fff url(../images/vui-selector-preload.gif) no-repeat center center;
}

.vui-selector .view-area .vui-selector-loading {
    height: 150px;
    background-image: url(../images/vui-selector-preload-big.gif)
}

/* location */
.vui-selector .location {
    padding: 6px 6px 0 2px;
    height: 34px;
    border: 0 none;
}

.vui-selector .location .streamline {
    height: auto;
    position: static;
    margin: 0;
    background: transparent none;
    border: 0 none;
    padding: 0;
    display: inline;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}

.vui-selector .location .streamline A {
    font-weight: normal;
    display: inline-block;
    white-space: nowrap;
}

.vui-selector .location .streamline STRONG {
    font-weight: bold;
}

.vui-selector .location H2 {
    font-size: 12px;
    margin: 8px 6px 2px 0;
}

/* search */
.vui-selector .search-filter INPUT {
    width: 80%;
    padding: 4px 4px 4px 22px;
    margin-top: 2px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 4px center;
    font-size: 12px
}

.vui-selector .search-filter .vui-selector-loading {
    display: inline-block;
    background-color: transparent;
    width: 21px;
    height: 16px;
    vertical-align: middle;
    margin: 0 2px 0 4px;
}

.vui-selector .search-filter .vui-search-filter-change {
    background-color: #FDFDC7;
    color: #FF7E00;
}

.vui-selector-search-view .search-filter INPUT {
    background-image: url(../images/vui-magnifiying-glass.png);
}

.vui-selector-filter-view .search-filter INPUT, .vui-selector-basket .search-filter INPUT {
    background-image: url(../images/vui-funnel.png);
}

.vui-selector .search-disabled {
    background: #999
}


/* selected items counter */
.vui-selector .selected-items {
    display: inline-block;
    text-align: center;
    height: 30px;
    width: 28px;
    font-weight: bold;
    font-size: 18px;
    float: right;
    cursor: pointer
}

.vui-selector .vui-context-message {
    padding: 8px;
}

.vui-selector .vui-context-message SPAN {
    margin-right: 5px;
}

.vui-selector .vui-context-feedback {
    background-color: #FDFDC7;
    border-color: #FEAD12;
    color: #FF7E00;
}

/* view header */
.vui-selector .view-header .options-pager-part {
    display: inline
}

.vui-selector .view-has-actions {
    padding-top: 7px
}

.vui-selector .view-has-actions .view-actions {
    position: static
}

.vui-selector .view-header .popup-menu-handler {
    margin-right: 5px
}

/* selecting part */
.vui-selecting {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    background: #f0f0f0 url(../images/vui-selector-head.png) left top repeat-x;
    border-top: 1px solid #a7abaa;
    border-bottom: 1px solid #a7abaa;
    border-right: 1px solid #A7ABAA;
}

.vui-selecting .list-view {
    vertical-align: top;
}

.vui-selecting .view-area {
    background-color: #fff;
    border-left: 1px solid #CDCDCD;
    border-top: 1px solid #CDCDCD
}

/* basket part */
.vui-selector-basket {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #a7abaa;
    border-left: none;
    border-top: 1px solid #CDCDCD;
}

.vui-selector-basket .view-area {
    border-top: 1px solid #CDCDCD;
}

.vui-selector-basket .search-filter INPUT {
    background-image: url(../images/vui-funnel.png)
}

/* adjust layout */
.vui-selector .actions-area {
    text-align: left
}

.vui-selector .location,
.vui-selector .search-filter,
.vui-selector .browser-actions,
.vui-selecting .view-area {
    margin-left: 10px;
}

/* state : basket is visible */
.vui-basket-visible {
}

.vui-basket-visible .vui-selecting {
    width: 41%;
}

.vui-basket-visible .vui-selector-basket {
    display: inline-block;
    width: 41%;
}

.vui-basket-visible .selected-items {
    background: url(../images/count-basket-visible.png) left top no-repeat;
    padding: 5px 7px 0 14px;
    margin: 0 -7px 0 0;
}

/* state : basket is hidden*/
.vui-basket-hidden {
}

.vui-basket-hidden .vui-selecting {
    width: 82%;
}

.vui-basket-hidden .vui-selector-basket {
    display: none;
}

.vui-basket-hidden .selected-items {
    background: url(../images/count-basket-hidden.png) left top no-repeat;
    padding: 5px 14px 0 7px;
    margin: 0 -14px 0 0;
}

/* list view */
.vui-selector .list-view {
    margin-top: 5px;
    margin-left: 3px;
    padding: 0
}

.vui-selector .list-view .detail {
    padding: 4px 4px 4px 40px;
    margin: 0 5px 2px 2px;
    border: 1px solid #FFF
}

.vui-selector .list-view .detail H4 {
    font-size: 12px;
    font-weight: normal;
    display: inline-block
}

.vui-selector .list-view .detail .description,
.vui-selector .list-view .detail .date,
.vui-selector .list-view .detail .author,
.vui-selector .list-view .detail .properties {
    color: #908A98;
    font-size: 11px;
}

.vui-selector .list-view .detail .properties P {
    display: inline;
    margin-right: 6px;
    margin-top: 4px;
    border-left: 1px dotted #b7b7b7;
    padding-left: 9px;
    color: inherit
}

.vui-selector .list-view .detail .properties P:first-of-type {
    border: none;
    padding-left: 0;
}

.vui-selector .list-view .detail .extended-properties {
    color: #9DA7C0;
    font-size: 11px;
    margin-top: 0;
}

.vui-selector .list-view .detail:hover {
}

/* adjust thumbnail */
.vui-selector .list-view .detail .thumbnail {
    float: left;
    border: 1px solid #ddd
}

.vui-selector .list-view .detail .thumbnail {
    width: 64px;
    height: 48px;
    background-size: contain
}

/* hide left side path if unnecessary */
.vui-selector-hide-path .detail .path {
    display: none
}


/* list view common detail (hover, selectable, unselectable selected, not selected, browsable ...) */
.vui-selector .list-view .detail .actions {
    display: none;
    width: 0;
    padding: 0
}

.vui-selector .list-view .detail-hover {
    border: 1px solid #CCCCCC;
    cursor: pointer;
    background-image: url(../images/vui-selector-hover-item.png);
    background-position: 10px center;
    background-repeat: no-repeat;
}

.vui-selector .list-view .detail-selectable {
    background-image: url(../images/vui-selector-selectable.png);
    background-position: 10px center;
    background-repeat: no-repeat;
}

.vui-selector .list-view .detail-selectable INPUT.checkbox,
.vui-selector .list-view .detail-unselectable INPUT.checkbox {
    display: none;
}

.vui-selector .list-view .detail-selected {
    background-color: #f0f0f0;
    background-image: url(../images/vui-selector-selected.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #e3e3e1 !important
}

.vui-selector .list-view .detail-unselectable-hidden, .detail-unselectable-hidden {
    display: none !important;
}

/* do not remove used for js treatments*/
.vui-selector .list-view .detail-not-selected {
}

/* if item is browsable */
.vui-selector .list-view .detail .vui-selector-browsable-column H4 {
    padding-right: 20px
}

.vui-selector .list-view .detail .vui-selector-browsable-column-hover H4 {
    background-image: url(../images/vui-selector-browsable.png);
    background-repeat: no-repeat;
    background-position: right center;
}

/* list view basket detail */
.vui-selector .vui-selector-basket .list-view .detail-hover {
    background: #EAEAEA url(../images/vui-selector-deletable.png) 10px center no-repeat;
    cursor: pointer
}

.vui-selector .vui-selector-basket .list-view .detail-hover .properties {
    color: #908A98;
}

.vui-selector .vui-selector-basket .list-view .detail H4 A:link,
.vui-selector .vui-selector-basket .list-view .detail H4 A:visited,
.vui-selector .vui-selector-basket .list-view .detail H4 A:hover,
.vui-selector .vui-selector-basket .list-view .detail H4 A:active {
    color: #595D5E
}

/* bottom buttons */
.vui-selector .buttons-group UL {
    list-style-type: none
}

.vui-selector .buttons-group UL LI {
    display: inline
}

/* selector field */
.vui-selector-field .vui-selector-loading {
    background: url(../images/vui-selector-preload-small.gif) no-repeat right center;
}

.vui-selector-field .vui-combobox-opener {
    height: 19px;
    width: 20px;
    background: url(../images/vui-selector-btn.png) no-repeat left top;
    vertical-align: top;
}

.vui-selector-field .vui-combobox-opener:hover {
    height: 19px;
    width: 20px;
    background: url(../images/vui-selector-btn-hover.png) no-repeat left top;
    vertical-align: top;
    cursor: pointer;
}

/* selector field selected items (simplified list) */
.vui-selector-selected-items .vui-combobox-minus .button1 {
    margin: 3px 0
}

.vui-selector-selected-items .vui-combobox-minus .button1 span {
    display: block;
    padding: 0 0 0 5px;
    background: none;
    line-height: 12px;
    text-decoration: underline;
    color: #000;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif
}

.vui-selector-selected-items .vui-combobox-minus .button1:hover span,
.vui-selector-selected-items .vui-combobox-minus .button1:active span {
    color: #ff0000;
    text-decoration: none
}

/* selector field selected items (detailled view) */
.vui-selector-view {
    margin: 0
}

.vui-selector-view .fields-group TD {
    padding: 0;
}

.vui-selector-view .pager DIV {
    margin-top: 0
}

.vui-selector-view .detail H4 {
    font-size: 12px;
    margin: 5px 0 5px 0;
}

.vui-selector-view .detail .date,
.vui-selector-view .detail .author,
.vui-selector-view .detail .description,
.vui-selector-view .detail .property,
.vui-selector-view .detail .path {
    font-size: 11px;
    color: #908A98
}

.vui-selector-view .detail .thumbnail {
    float: left;
    border: 1px solid #ddd
}


/* selectors custom buttons */
.handler-selection SPAN,
.handler-deselection SPAN {
    display: none
}

.handler-selection .button-imgr {
    background-image: url(../images/vui-selectmenusmall.png);
    width: 45px
}

.handler-selection .button-imgr:hover {
    background-image: url(../images/vui-selectmenusmallhover.png);
    width: 45px
}

.handler-deselection .button-imgr {
    background-image: url(../images/vui-deselectmenusmall.png);
    width: 45px
}

.handler-deselection .button-imgr:hover {
    background-image: url(../images/vui-deselectmenusmallhover.png);
    width: 45px
}


/* custom styles */
.vui-selector .actions-area {
    text-align: left
}

.vui-selector-menu .current,
.vui-selector .location,
.vui-selector .selected-items {
    color: #D52512;
}

.vui-selector .pager .browser STRONG {
    background-color: #D52512;
}


/*warning*/
.warning {
    background: #fdfdc7 url(../images/exclamation.png) no-repeat 10px 10px;
    padding: 10px 10px 10px 50px;
    border: 1px solid #fead12;
    color: #FF7E00;
    text-align: left;
}

/*CodeMirror*/
.CodeMirror-wrapping {
    border: 1px solid #B9BDC0;
    margin-top: 10px;
}

/* loader */
.ui-loader-background {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

.ui-loader {
    padding: 10px 50px 10px 20px;
    width: 275px;
    height: 40px;
    background-color: #000;
    border-radius: 10px;
}

.ui-loading {
    color: #fff;
    font: normal 14px Arial, Helvetica, sans-serif;
    padding-left: 48px;
    background: transparent url(../../../images/ui-loading.gif) no-repeat;
    height: 32px;
    padding-top: 8px;
}

/* signature component*/

.signature-readonly {
    max-width: 320px;
    margin-top: 5px;
}

.signature-readonly img {
    width: 100%;
}

.vui-context-error {
    margin: 0 0 0 -8px;
}

.bottom-button-area-display-none { display: none !important}