/*************************************/
/******* VDoc Easysite System ********/
/********** Common styles ************/
/*************************************/

/* 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; } 


BODY {}
BODY,TD {}
.root {}
.page {}

/*----texts----*/
H1 {}
H2 {}
H3 {}
H4 {}
H5 {}
H6 {}
P {}
.p-header {}
STRONG {}
EM {}
.highlight {}
.rich-text {}

/*----separator----*/
HR {}

/*----medias----*/
.image {}

/*----default links----*/
A {}
A:link {}
A:visited {}
A:hover {}
A:active {}

/*----forms----*/
FORM {}
LABEL {}
INPUT,SELECT,TEXTAREA {}
.checkbox,.radio {}
.checkbox-group, .radiobutton-group {}
.checkbox-group TABLE, .radiobutton-group TABLE {}

/*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-family:Courier New, Courier, mono; font-size:11px; }
.textarea-large-readonly  {width:99%;height:300px;overflow:auto; border:1px solid #E2E3EA;}

/*field states*/
.readonly {background-color:#E5E5E5; border:1px solid #BEBEBE;}
.mandatory {}
.error {border:1px solid #f79292; background-color:#fcdedf;color:#df0020; padding:2px; margin:2px 0;}

/*--form groups--*/
/*common all sectionsand subsections states*/
.section,.subsection, .section-highlighted,.subsection-highlighted {}
.section H2,.subsection H2,.section-highlighted H2,.subsection-highlighted H2{}
.section H2 SPAN,.subsection H2 SPAN,.section-highlighted H2 SPAN,.subsection-highlighted H2 SPAN {}
.section .section-actions, .subsection .section-actions,.section-highlighted .section-actions, .subsection-highlighted .section-actions {}
.section .section-actions IMG,.subsection .section-actions IMG {}
.section .fields-group,.subsection .fields-group,.section-highlighted .fields-group,.subsection-highlighted .fields-group {}

/*sections*/
.section,.subsection {}/*surtout pas de padding pour affichage fieldset padding:10px;*/
.vui-section-expanded {}
.vui-section-expanded H2 SPAN { padding:0 5px 0 20px; background:#fff url(../images/icon-expanded.png) no-repeat 5px center; cursor:pointer }
.vui-section-collapsed {border:1px solid transparent; border-top:1px solid #7c7b7d}
.vui-section-collapsed H2 SPAN { padding:0 5px 0 20px; background:#fff url(../images/icon-collapsed.png) no-repeat 5px center; cursor:pointer }

/*section highlight and current process task*/
.section-highlighted,.section-highlighted .section-highlighted {}
.section-highlighted H2 SPAN,.section-highlighted .section-highlighted H2 SPAN {}
.section-highlighted .subsection,.section-highlighted .section  {}/*display section inside section-highlight*/
.section-highlighted .subsection H2 SPAN,.section-highlighted .section H2 SPAN {}

/*subsection highlight*/
.subsection-highlighted,.section-highlighted .subsection-highlighted {border:2px solid red;}
.subsection-highlighted H2 SPAN,.section-highlighted .subsection-highlighted H2 SPAN {color:red}
.subsection-highlighted .subsection,.subsection-highlighted .section  {border:1px solid #7C7B7D;}/*display subsection and section inside subsection-highlight*/
.subsection-highlighted .subsection H2 SPAN,.subsection-highlighted .section H2 SPAN {color:#000}


/*fields group*/
.fields-group {}
.fields-group TD {}
.cell-left {}
.cell-right {}
.cell-full {} /*colspan*/
.cell-right UL {margin:5px 0 5px 10px; padding:0 0 0 10px; list-style-position:outside}
/*buttons group*/
.buttons-group {}
.buttons-group UL {}
.buttons-group LI {}


/*date field*/
.date-field {}
.date-field * {}
.date-field BUTTON {}
.date-field .action-buttonShow {}
.date-field .action-buttonErase {}
.date-field BUTTON SPAN {}

/*datetime-field*/
.datetime-field{}
.datetime-field .date-field {}

/*period field*/
.period-field {}
.period-field TD {}
.period-field .date-field{}
.period-field .datetime-field{}
.period-field .datetime-field .date-field {}
.period-field .datetime-field .time-field {}

/*period field inline*/
.period-field-inline {}
.period-field-inline .date-field{}
.period-field-inline .datetime-field{}
.period-field-inline .datetime-field .date-field{}

/*time-field*/
.time-field {}

/*--buttons--*/
.button-area {}
.button-area-left {text-align:left}
.button-area-right {text-align:right}
BUTTON {cursor:pointer}
BUTTON SPAN {}
.button1 {/*background-color:#E0E0E7*/}
.button2 {/*background-color:#ECDFD7*/}
.button3 {/*background-color:#DBEBD8*/}

/* button like links *//* .buttonlike replaced by .btn (bootstrap)
.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: linear-gradient(to bottom, #fefefe, #dedede);
  background-repeat: repeat-x;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
}
.buttonlike:hover {
  background-image: linear-gradient(to bottom, #dedede, #fefefe);
}
*/

.vui-information { max-height: 40px; padding: 5px 0 10px; }

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

.popup-menu-handler { white-space: nowrap }
/* align child elements */
.popup-menu-handler, 
.popup-menu-handler IMG,
.popup-menu-handler SPAN {}
/* left image is hidden by defaut */
.popup-menu-handler .button-imgl { display:none }
/* left part */
.popup-menu-handler SPAN {} 
.popup-menu-handler SPAN A {}
.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;*/}
/* single */
.popup-menu-handler-single:hover SPAN  {}
.popup-menu-handler-single:hover .button-imgr   {}
/* 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 {}
.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; }
.popup-menu LI A {display:block; padding:5px 10px 5px 8px;	text-decoration:none;}
.popup-menu LI A:link,.popup-menu LI A:visited { color:#333333;	}
.popup-menu LI A:hover,.popup-menu LI A:active { color:#000000;	background-color:#EFEFEF;}
.popup-menu .popup-menu-separator {	border-top:1px dotted #848484; padding:0; margin:0; height:1px;}
.popup-menu .popup-menu-separator IMG {	min-width:100px; height:1px; margin:0; vertical-align:middle;}

/*--tables--*/
.table { border-collapse:collapse; }
.table CAPTION {}
.table TH {}
.table TD {}
.table .cell1 {}
.table .cell2 {}

/*--------navigations--------*/
/*current item*/
.current {font-weight:bold}

/*--Streamline--*/
.streamline {}
.streamline .streamline-entry { padding: 0 10px 0 5px; /*background:url(../images/slash.png) no-repeat right center;*/ }
.streamline span:last-child { background: none; }

/*--Topic Pages list--*/
.pages-list {}

/*--Drop down menu--*/
.dropdown-menu {}
.dropdown-menu .dropdown li ul { display:none; } /*do not modify*/
.dropdown-menu .dropdown li:hover>ul { display:block; } /*do not modify*/

/*Level 1*/
.dropdown-menu ul { margin:0px; padding:0px; list-style:none; display:block;}
.dropdown-menu ul li { float:left; display:block;	border-right:1px solid #848484;	background-color:#f2f2f2; }
.dropdown-menu ul li.first {}
.dropdown-menu ul li.last {}
.dropdown-menu ul li a { margin:0px; display:block; text-decoration:none;	padding:3px 6px 3px 6px; }
.dropdown-menu ul li a:hover { background-color:#A8A8A8; color:#FFFFFF; cursor:pointer}
.dropdown-menu ul li a span { display:block; cursor:pointer;}

/*Level 2*/
.dropdown-menu .dropdown ul { position:absolute; z-index:2; padding:1px; background:#848484; width:146px;  }
.dropdown-menu .dropdown ul li { position:relative; float:none; margin:0px; padding:0px;	background-color:#f2f2f2;	border-right:none;  width:146px;  }
.dropdown-menu .dropdown ul li a {	padding:1px 0px 1px 0px; }
.dropdown-menu .dropdown ul li a span { padding:2px 4px; margin:0px 2px; }

/*Level 3*/
.dropdown-menu .dropdown ul ul { top:0px; z-index:3; left:146px; }


/*--Side menu--*/
.side-menu {width:200px}
.side-menu .side {width:200px}
.side-menu ul { margin:0px; padding:0px; list-style:none;}
.side-menu .side li { display:block; border:1px solid #848484; background-color:#f2f2f2; margin:2px; }
.side-menu .side ul { margin:0px 0px 0px 20px;  }
.side-menu .side ul li { border:none; margin:0px;}
.side-menu .side li.first {}
.side-menu .side li.last {}
.side-menu .side a { display:block; text-decoration:none; padding:2px;}
.side-menu .side a:hover { background-color:#A8A8A8; color:#ffffff; padding:2px;}

/*--Sitemap--*/
.sitemap {}

/*--tabs--*/
/*horizontal top tabs*/
.horizontal-top-tabs {}
/*horizontal bottom tabs*/
.horizontal-bottom-tabs {}

/*tab level1*/
.tab1 {}
.tab1 UL {}
.tab1 LI }
.tab1 A {}
.tab1 .current {}
.tab1 A SPAN,.tab1 .current SPAN {}
.tab1-content {}

/*tab level2*/
.tab2 {}
.tab2 UL {margin:4px 0px 4px 0px; padding:0px;}
.tab2 LI {display:inline; padding:4px;}
.tab2-content {}

/*content area*/
.content-area {}

/*--------components--------*/

/*--Send to friend--*/
.send-to-friend {border:1px solid #ABABAB; margin:10px; padding:5px; width:210px; }
.send-to-friend FIELDSET {border:none}
.send-to-friend LABEL {display:block; }

/* ---- tooltip ------------ */
BODY .tooltip { text-align:left;}
.tooltip-content { max-height:350px; overflow-y:hidden;}
.tooltip {}
.tooltip .hl { color:#FF2F68 }
.tooltip UL {margin:0px 0px 2px 0px; padding:0px;}
.tooltip LI {list-style:none; padding-left:8px; background-position:0px 4px; line-height:10px; font-size:11px; color:#000000; /*background:url(../images/black-bullet.png) no-repeat left 3px*/}
.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; background-size: auto; 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;}

/*--progress bar--*/
.bar-outer {  }
.bar {}
.bar-gauge {background-color:#ebebe9; height:18px;}

/*--rating--*/
/*rating container*/
.rating { margin: 10px 0px;}
.rating ul { margin:0px; padding:0px; list-style:none; display:block; width: 75px; height: 20px; }
.rating ul li { float:left; display:inline; }
.rating ul li a { height:20px; margin:0px; text-decoration:none; display:block; }

/*rate item*/
.rating .rate-item-1 {width:15px }
.rating .rate-item-2 {width:15px }
.rating .rate-item-3 {width:15px }
.rating .rate-item-4 {width:15px }
.rating .rate-item-5 {width:15px }

/*current rate*/
.rating .rate-on {background:url(../images/stars.gif); background-repeat:no-repeat;}
.rating .state-on-0 {background-position: 0 0px;}
.rating .state-on-1 {background-position: 0 -20px;}
.rating .state-on-2 {background-position: 0 -40px; }
.rating .state-on-3 {background-position: 0 -60px; }
.rating .state-on-4 {background-position: 0 -80px; }
.rating .state-on-5 {background-position: 0 -100px; }
.rating .state-on-6 {background-position: 0 -120px;}
.rating .state-on-7 {background-position: 0 -140px; }
.rating .state-on-8 {background-position: 0 -160px; }
.rating .state-on-9 {background-position: 0 -180px; }
.rating .state-on-10 {background-position: 0 -200px; }

/*rate over*/
.rating .rate-over {background:url(../images/stars-on.gif); background-repeat:no-repeat;}
.rating .state-over-1 {background-position: 0 0px; }
.rating .state-over-2 {background-position: 0 -20px; }
.rating .state-over-3 {background-position: 0 -40px; }
.rating .state-over-4 {background-position: 0 -60px; }
.rating .state-over-5 {background-position: 0 -80px; }

/*--combo-list--*/
.combo-list {margin-top:10px;}

/**/
.view-area .actions-area BUTTON {vertical-align:middle}

/*--------views--------*/

/* view header */
.view-header {}

/* if view has actions */
.view-has-actions {}
.view-has-actions .view-actions {}

.view-header .view-selection,
.view-header .view-actions,
.view-header .view-actions .buttons-outer,
.view-header .view-options,
.view-header .pager,
.view-header .pager .itemsperpage,
.view-header .pager .items,
.view-header .pager .browser {}
.view-header .pager TABLE {}

.view-header .view-selection INPUT {}
.view-header .popup-menu-handler { margin:0 }
.view-header .view-options .popup-menu-handler,
.view-header .view-options BUTTON {}
.view-header IMG { vertical-align:middle }

.view-header SPAN.button,
.view-header SPAN.button1-part0,
.view-header SPAN.button2-part0,
.view-header SPAN.button3-part0 { vertical-align: middle }
.view-header SPAN.button1-part0 A,
.view-header SPAN.button2-part0 A,
.view-header SPAN.button3-part0 A { vertical-align: inherit }

/* override menus images */
.view-header .handler-filter .button-imgr {}
.view-header .handler-filter .button-imgr:hover {}
.view-header .filter-defined .button-imgr {}
.view-header .handler-sorter .button-imgr {}
.view-header .handler-sorter .button-imgr:hover {}
.view-header .handler-displaymode .button-imgr {}
.view-header .handler-displaymode .button-imgr:hover {}

/* override refresh button */
.view-header .view-options .action-refresh {}
.view-header .view-options .action-refresh SPAN {}
.view-header .view-options .action-refresh {}
.view-header .view-options .action-refresh:hover {}

/*--pager--*/
.view-header .pager .browser A {}
.view-header .pager .browser A:link {}
.view-header .pager .browser A:hover {}
.view-header .pager .browser SPAN {}
.view-header .pager .browser STRONG {}
.view-header .pager .itemsperpage,
.view-header .pager .items,
.view-header .pager .browser {}

/*view header popup forms*/
.handler-filter-screen {}
.grid .view-header .popup-menu .buttons-outer {}
.handler-filter-screen .filter .filter-label {}
.handler-filter-screen .filter .vui-noinfo-handler { display:none; }
.handler-filter-screen .applied-filter {}
.handler-filter-screen .applied-filter .action-deleteFilter {}
.handler-filter-screen .applied-filter .action-deleteFilter SPAN {display: none;}
.handler-filter-screen .applied-filter .action-deleteFilter:hover {}
.handler-filter-screen .fields-group .cell-full {}
.handler-filter-screen .buttons-group {}

/*view sorter form*/
.handler-sorter-screen {}
.handler-sorter-screen .list-sort {}
.handler-sorter-screen .list-sort>LABEL {}
.handler-sorter-screen .list-sort .sorting-item {}
.handler-sorter-screen .list-sort .sorting-order {}
.handler-sorter-screen .list-sort .sorting-order * {}
.handler-sorter-screen .fields-group .cell-full {}
.handler-sorter-screen .buttons-group {}


/* selectors custom buttons */
.handler-selection SPAN,
.handler-deselection SPAN {}
.handler-selection .button-imgr {}
.handler-selection .button-imgr:hover {}
.handler-deselection .button-imgr {}
.handler-deselection .button-imgr:hover {}




/*empty view*/
.empty {padding:5px;}

/*view actions*/
.main-actions { white-space:nowrap}
.main-actions UL {list-style:none; margin:0; padding:0; }
.main-actions LI {display:inline; }

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

/* views */
.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--*/
.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; width: 100%; 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 .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 }

/*-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*/
.empty {padding:5px;}

/*--links-view--*/
.links-view {margin-top:10px;}
.links-view .detail {margin:0px 10px 10px 0px;}
.links-view .detail H4 { display: inline }
.links-view .highlight {}


/*--table-view--*/
.table-view {}
.table-view TABLE {}
.table-view TH {}
.table-view TD {}
.table-view .cell1 {}
.table-view .cell2 {}

/*table view sort*/
.unsorted {}
.sort-ascending {}
.sort-descending {}

/*--thumbnail-view--*/
.thumbnail-view {}
.thumbnail-view TD { text-align:center; }
.thumbnail-view .vertical .detail {clear:both;}
.thumbnail-view .detail { border:1px solid black; margin:10px; width:140px; height:160px; }
.thumbnail-view .detail .thumbnail-zone {width:128px; height:128px; margin:10px auto; }
.thumbnail-view .detail .thumbnail-zone .thumbnail { }
.thumbnail-view .detail .text-zone {width:128px; margin:2px auto 10px auto;}



/*--single item-view--*/
.item-view {clear:both}
.item-view .button-area {clear:both}
.item-view H1 {}
.item-view .description {}
.item-view .date {}
.item-view .actor {}

/*--attached file--*/
.attachments {}
.attachments IMG {margin:2px 2px 2px 0px}

/*--------applications--------*/

/*--polls--*/
.poll {}
.poll .information {}

/*--search--*/
.search {margin:10px 0px 20px 0px;}
.search BUTTON {vertical-align:middle; margin:2px;}
.search-result {}
.search-result .informations {background-image:none; padding-left:5px;}
.search-result .list-view .properties {}

/*warning*/
.warning { /* background:url(../images/exclamation.png) no-repeat 2px 3px;*/ padding-left:40px; margin:10px 0px;}
/*informations*/
.informations { /*background:url(../images/information.png) no-repeat 2px 3px;*/ padding:5px 5px 5px 40px; margin:10px 0px;}

/*--authentication--*/
.authentication-form {}
.authentication-form P {}
.authentication-form UL {}
.authentication-form LI {}
.authentication-form LI LABEL {}

/*--forums--*/
.forum {} 
.forum-thread {}
.forum-thread-hot {}
.forum-thread-locked {}
.forum-post {}

/*--screens group--*/
.group {}

/*bloc actions*/
.actions-area {/*text-align:right*/}
.actions-area .button-area {padding:0px}
/*.actions-area .button-area IMG {margin-left:5px;}*/
.actions-area .action-refresh { }

/*navigation and form area*/
.navigation-area {}
.navigation-area {}
.navigation-area .streamline {margin:10px 0px;}
.navigation-area .streamline .action-root {border:0px none; background:url(../images/home.gif) no-repeat left top; cursor:pointer; height:16px; width:16px;}
.navigation-area .streamline .action-root SPAN {display:none}
.navigation-area .list-view {}
.form-area {}

/*form-area*/
.form-area {}
.form-area .informations {}
.form-area .view-area {}

/*views*/
.view-area {}
.view-area .filter-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}

 /*wizard*/
.wizard-area { }
.picture {background-repeat:no-repeat}
.wizard-guide {clear:both}
.wizard-guide H2 {margin-top:0;}
.wizard-guide .informations,.lightbox-panel .wizard-guide .informations {padding:4px; background-image:none}
.wizard-form .informations {clear:both;}
.wizard-form .fields-area {clear:both}
/*1 zone wizard*/
.wizard-area .picture { height:30px; width:120px; background-image:url(../images/wizard_picture_h.gif); float:left}
/*2 zones wizard*/
.wizard-area TD .picture {float:left; background-image:url(../images/wizard_picture.gif); width:120px; height:160px;}
.wizard-area TD.wizard-guide .informations,.lightbox-panel .wizard-area TD.wizard-guide .informations { float:left; width:auto}
TD.wizard-guide {border-right:1px solid #BBBBBB}
TD.wizard-form {padding-left:10px}
TD.wizard-form .informations {margin-top:0px;}

/*application groups*/
.group .form-area .informations {margin-top:0px}
 
 /*--powered by vdoc--*/
.sys-footer {font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; color:#8F8F8F; padding:5px;}
.sys-footer A:link,.sys-footer A:visited { color:#8F8F8F; text-decoration:underline}
.sys-footer A:hover,.sys-footer A:active { color:#000000; text-decoration:underline}
.poweredby {margin:5px;}

/*sys pages*/
.sys-page {padding:20px}/*do not modify*/
.sys-page .authentication-form {width:360px;}/*do not modify*/
.sys-page .authentication-form LI { display:block; height:26px; line-height:26px; vertical-align:middle; }/*do not modify*/
.sys-page .authentication-form LI LABEL { float:left; width:30%;   }/*do not modify*/

/*sys report indicators size fix*/
.indicator .crystalpartstyle {height:auto!important; width:auto!important}

/*process plugin thumbnail views*/
.myViews-view .thumbnail-view .thumbnail IMG,.myDocs-view .thumbnail-view .thumbnail IMG {width:48px; height:48px; background-repeat:no-repeat; background-position:center}

/*---Datepicker---*/

/*general*/
.ui-datepicker {width:auto; padding:0 5px; z-index:9070!important}
.ui-widget {font-family: inherit;}

/*header*/
.ui-datepicker INPUT, .ui-datepicker SELECT, .ui-datepicker TEXTAREA {background:#fff; border:1px solid #AAAAAA;}
.ui-datepicker .ui-datepicker-header {margin-top:0.3em; padding: 0.3em 0 0.3em;}
.ui-datepicker th {padding:0.6em 0.5em 0.5em 0.5em; font-weight:normal; color:#383433; font-size:11px}
.ui-datepicker select.ui-datepicker-month{margin-right:5px}
.ui-datepicker select.ui-datepicker-month{width:45%}
.ui-datepicker select.ui-datepicker-year{width:30%}
.ui-datepicker .ui-datepicker-title select {font-size: 0.8em;}
.ui-datepicker td span, .ui-datepicker td a {font-size: 11px;}
.ui-datepicker .ui-datepicker-title {line-height:1.5em}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: inherit; }
.ui-datepicker select.ui-datepicker-month {width:90px;}
.ui-datepicker select.ui-datepicker-year {width:55px}

/*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-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background:#faf9ef; border:1px solid #f3a54f}

/*current day*/
.ui-datepicker-current-day .ui-state-default {background:#FAF9EF; border: 1px solid #F3A54F;}

/*rollover */
.ui-datepicker-calendar .ui-datepicker-today A:link, .ui-datepicker-calendar .ui-datepicker-today A:visited {background:#fff;border:1px solid #aaa; color:#212121; font-weight:bold; padding: 0.4em 0.2em 0em 1.1em; }
.ui-datepicker-calendar .ui-datepicker-today A:hover, .ui-datepicker-calendar .ui-datepicker-today A:active{background:#dadada; border:1px solid #999999;}

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

/*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 16px 8px}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {height: 22px;}

/*buttons*/
.ui-datepicker .ui-datepicker-buttonpane button {margin: 0.8em 0em 0.4em 0em; background:white; font-family:inherit; font-size:11px; height:auto}


/*multi-calendar*/
.ui-datepicker-multi-2{width:510px!important}
.ui-datepicker-multi-3{width:760px!important}

/*---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 {}


/*common message*/
.vui-context-message {position: absolute; z-index: 9010;}
/* 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 {}
.vui-context-message li {list-style:none;}
.vui-context-message label {}
.vui-context-message span span {display:none;}

/*error messages*/
.vui-context-error {}
.vui-context-error .vui-arrow-bottom {}
.vui-context-error .vui-arrow-top {}

/*information message*/
.vui-context-info {}
.vui-context-info .vui-arrow-bottom {}
.vui-context-info .vui-arrow-top {}

/*----------------------------lightbox--------------------------*/
.lightbox-background {	position: absolute; left:0; top:0; width:100%; height:100%; display:none; z-index:9000; }
.lightbox-content { background-color:#fff; background-repeat:repeat-x; position: absolute; display:none; z-index:9001;}
.lightbox-panel TABLE {	height:auto!important}
.lightbox-panel {}
.lightbox-panel H1 {}
.lightbox-panel .informations {	/*background-image:url(../images/information.png);*/ background-repeat:no-repeat;background-position:top left; padding:10px 0 10px 40px; margin:0 0 0 0;	min-height:20px;}
.lightbox-content .fields-area,.lightbox-content .content-area {position:relative;}
.lightbox-panel .fields-group {	vertical-align:top;}

/*-----------selectors-------------*/
.selector .header-helper,.singleselector .header-helper { /*background-image:url(../images/information.png);*/ background-repeat:no-repeat; background-position:top left; padding:10px 0 10px 40px; margin:0 0 0 0; min-height:20px;}
.selector .streamline,.singleselector .streamline {	margin:5px 0;}
.selector .streamline A,.singleselector .streamline A { white-space:nowrap}
.selector .outer-right-bottom,.singleselector .outer-right-bottom { padding-top:6px;	}
.selector .outer-left-top,.singleselector .outer-left-top {	padding-right:16px;	}
.selector .grid-header1,.singleselector .grid-header1 {height:28px; background-color:#F2F2F2; padding:2px 6px; border-bottom:1px solid #FFF;}
.selector .grid-header1 .filter,.selector .grid-header1 .pager ,.singleselector .grid-header1 .filter,.singleselector .grid-header1 .pager{margin:0; }
.selector .grid-header1 .filter INPUT,.singleselector .grid-header1 .filter INPUT {width:100px}
.selector .grid-header1 .pager,.singleselector .grid-header1 .pager  {background-color:transparent; border:0px none;}
.selector .grid-header1 .pager *,.singleselector .grid-header1 .pager * {vertical-align:middle;}
.selector .grid-header1 .browser,.singleselector .grid-header1 .browser {margin:2px 10px 0 10px}
.buttons-outer {text-align:right}
.grid .buttons-outer {text-align:left; padding:6px 0 0 0; }

/*************************************Combobox****************************************/
/*combobox general-------------------------------------------------------------------*/
.vui-combobox, .vui-combobox-multi {}
.vui-combobox input, .vui-combobox-multi input {}
/* disable border on focus */
.vui-combobox input:focus,
.vui-combobox-multi input:focus {}

.vui-combobox IMG,
.vui-combobox-multi IMG,
.vui-combobox INPUT,
.vui-combobox-multi INPUT {}

.vui-combobox-items { position: absolute; background:#fff; 
	border:1px solid #e3e3e3;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
	overflow:auto;
}
.vui-combobox-items UL { list-style:none; margin:0; padding:0; }
.vui-combobox-items UL LI LABEL { float: inherit }
.vui-combobox-items .vui-combobox-item { padding:3px 3px 2px; margin-top:1px; cursor:pointer; }

.vui-combobox-selectall {border-bottom:1px solid #ccc}
.vui-combobox-selected-items .vui-combobox-item {padding:0 10px 0 0px; white-space:nowrap; display:inline-block;}
.vui-combobox-items .vui-combobox-item-selected {background:#f5f5f5;}

.vui-combobox-items .ariaSelected {
	background:#3399ff;
	color:#fff;
}

/*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; }


.vui-combobox-items .vui-combobox-item-hover {background:#3399ff; color:#fff; cursor:pointer;}
.vui-combobox .vui-combobox-items .vui-combobox-item {padding:2px 5px;}
.vui-combobox-verysmall input {width: 60px;}
.vui-combobox-small input {width: 120px;}
.vui-combobox-medium input {width: 250px;}
.vui-combobox-large input {width: 370px;}
.vui-combobox-verysmall .vui-combobox-offset {width: 44px;}
.vui-combobox-small .vui-combobox-offset {width: 104px;}
.vui-combobox-medium .vui-combobox-offset {width: 234px;}
.vui-combobox-large .vui-combobox-offset {width: 354px;}


/*button opener-----------------------------------------------------------------------*/
.vui-combobox-opener {
	height:19px;
	width:20px;	
}
.vui-combobox-opener:hover {
	height:19px;
	width:20px; 
	cursor:pointer;
}

/*button delete-------------------------------------------------------------------------*/
.vui-delete {}
.vui-delete:hover {}
.vui-combobox-selected-items .vui-delete {}
.vui-combobox-selected-items .vui-delete:hover {}

/*input error----------------------------------------------------------------------------*/
.vui-combobox-change {background: url(../images/vui-combobox-small-change.png) no-repeat left top;}
.vui-combobox-change input{color:#FF7E00;}

/*combobox multiple actions*/
.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;}
.vui-combobox-plus .button1 span{display:none;}
.vui-combobox-plus .button1{
	background-image:url(../images/vui-plus.png)!important;
	background-repeat: no-repeat;
	background-position: 0 0!important;
	background-color:transparent;
	border:0 none;
	padding: 1px 0 0 14px;
	height:15px;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}
.vui-combobox-plus, .action-plus, .action-minus, .vui-combobox-item {vertical-align:middle}
.vui-combobox-selected-items .vui-combobox-minus .button1 span {display:none;}
.vui-combobox-minus .button1{
	background-image:url(../images/vui-minus.png)!important;
	background-repeat: no-repeat;
	background-position: 0 0!important;
	background-color:transparent;

	border:0 none;
	padding: 1px 0 0 14px;
	height:15px;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}
.vui-combobox-actions UL{margin:0!important; padding:0!important; text-align:left}
.vui-combobox-actions {padding: 0 0 7px 0}
li.action-showall, li.action-deleteall {padding-left:0; }
.vui-combobox-actions * {vertical-align:middle}



/*Combobox - Groupe--------------------------------------------------------------------*/
.vui-combobox-items .vui-combobox-group {font-weight:bold; padding:3px 8px; margin:0px; background:#e9e9e9; border:0px none; border-bottom: 1px solid #ccc/*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}
.vui-combobox-item LABEL, .vui-combobox-item .checkbox {    cursor: pointer;    margin: 0;    padding: 0;}
.vui-combobox-item .checkbox {  margin-bottom:3px;}
.vui-combobox-items .vui-combobox-menu .vui-combobox-item INPUT, .vui-combobox-items .vui-combobox-value .vui-combobox-item INPUT {    margin-right: 3px;
    vertical-align: middle;}

/**********************************  END COMBOBOX  *************************************/



/*warning*/
.warning {padding:10px 10px 10px 50px; background-color:#fdfdc7; border:1px solid #fead12; color:#FF7E00; background-position:10px 10px; text-align:left}
.warning UL {padding-left:13px}

/*hide description for process document print*/
.document-print .vui-info-handler,.document-print .vui-noinfo-handler {display:none}

@media print {
	.ui-loader-background,.ui-loader {display:none}	
	.document-print .vui-info-handler,.document-print .vui-noinfo-handler  {display:none}
}

/*info indicator*/
.vui-info-handler {	display:inline-block;	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 {}


/*hide no-info-handler*/
.selector .grid-header1 .vui-noinfo-handler IMG { width: 0; height: 0; margin:0; }

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

/* lightbox dialog boxes */
.lightbox-dialog {}
.dialog-content-error {
	background: url(../images/cross-circle.png) no-repeat;
	min-height:100px;
	padding-left: 45px;
	max-width:450px;
	max-height:450px;
}
.dialog-content-warning {
	background: url(../images/exclamation.png) no-repeat;
	min-height:100px;
	padding-left: 45px;
	max-width:450px;
	max-height:450px;
}
.dialog-content-information {
	background: url(../images/information.png) no-repeat;
	min-height:100px;
	padding-left: 45px;
	max-width:450px;
	max-height:450px;
}
.dialog-content-confirm {
	background: url(../images/question.png) no-repeat;
	min-height:100px;
	padding-left: 45px;
	max-width:450px;
	max-height:450px;
}


/* -- selector -- */

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

/* 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; }
.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 { float:inherit; 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;}
.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) }

/* buttons area */
.vui-selector .button-area {}

/* adjust layout */
.vui-selector .location,
.vui-selector .search-filter,
.vui-selector .browser-actions,
.vui-selecting .view-area { margin-left:10px; }
.vui-selector INPUT { float: inherit }

/* 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 }
.vui-selector .list-view .detail .description { font-size: 12px; color:#908A98; }
.vui-selector .list-view .detail .date,
.vui-selector .list-view .detail .author,
.vui-selector .list-view .detail .path,
.vui-selector .list-view .detail .properties { font-size: 11px; color:#908A98; }
.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 { font-size: 11px; color:#9DA7C0; margin-top:0; }
.vui-selector .list-view .detail:hover {}
/* adjust thumbnail */
.vui-selector .list-view .detail .thumbnail { float: left; border: 1px solid #ddd; 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}

/* selector field */
.vui-selector-field .vui-selector-loading {}
.vui-selector-field .vui-combobox-opener {}
.vui-selector-field .vui-combobox-opener:hover {}
.vui-selector-field-nofilter {}

/* 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 .title H4 { font-size:12px; margin:5px 0 5px 0;}
.vui-selector-view .detail .description{ font-size:12px; color:#908A98 }
.vui-selector-view .detail .date,
.vui-selector-view .detail .author,
.vui-selector-view .detail .properties, 
.vui-selector-view .detail .extended-properties, 
.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 }


/* file upload */
.vui-file-upload .list-view { padding: 0 }
.vui-file-upload .files {}
.vui-file-upload .dropfiles { border:3px dashed #ddd; border-radius: 6px }
.vui-file-upload .dropfiles-helper { padding-left: 5px; }
.vui-file-upload .files .view-area { padding: 3px 0; background-color: inherit }
.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 }
.vui-file-upload .files .detail .title .description { display: inline-block; padding-left: 5px }
.vui-file-upload .uploading { padding:0 6px }
.vui-file-upload .uploading .file {  }   
.vui-file-upload .uploading .file .vui-css-table { width: 60% }   
.vui-file-upload .uploading .file P {  }    
.vui-file-upload .uploading .file P SPAN {  }
.vui-file-upload .uploading .file .vui-css-table .first { width:99% }
.vui-file-upload .uploading .file .vui-css-table .last { width:1%; white-space: nowrap }
.vui-file-upload .uploading .file .bar-gauge { text-align: center }
.vui-file-upload .uploading .file .cancelled .bar-gauge { background-color:#f09a9a; color:#fff }
.vui-file-upload .uploading .play,
.vui-file-upload .uploading .delete,
.vui-file-upload .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 .uploading .play SPAN,
.vui-file-upload .uploading .delete SPAN,
.vui-file-upload .uploading .pause SPAN { display: none }
.vui-file-upload .uploading .play { background-position: 272px 250px }
.vui-file-upload .uploading .play:hover { background-position: 272px 217px }
.vui-file-upload .uploading .delete { background-position: 272px 162px }
.vui-file-upload .uploading .delete:hover { background-position: 272px 128px ; }
.vui-file-upload .uploading .pause { background-position: 272px 74px }
.vui-file-upload .uploading .pause:hover { background-position: 272px 41px; } 


/* -- tree view -- */

.treeview { height:100%; padding:5px}
.treeview .tv_dots_hbd, 
.treeview .tv_dots_hd, 
.treeview .tv_minus_hbd, 
.treeview .tv_minus_hd, 
.treeview .tv_minus_d, 
.treeview .tv_minus_bd, 
.treeview .tv_plus_hbd, 
.treeview .tv_plus_hd, 
.treeview .tv_plus_bd, 
.treeview .tv_plus_d { display: block; height: 20px; width: 16px; vertical-align: center; padding :0px; font-size:1px; }

/* treeview icons */
.treeview .tv_dots_hbd { background-image: url(../images/tv_dots_hbd.gif); }
.treeview .tv_dots_hd { background-image: url(../images/tv_dots_hd.gif); }
.treeview  .tv_dots_hb { width: 16px; background-image: url(../images/tv_dots_hb2.gif); background-repeat:repeat-y; background-position:2px center}

.treeview .tv_minus_hbd { background-image: url(../images/tv_minus_hbd.gif); cursor:pointer}
.treeview .tv_minus_hd { background-image: url(../images/tv_minus_hd.gif);  cursor:pointer}
.treeview .tv_minus_d { background-image: url(../images/tv_minus_d.gif);  cursor:pointer}
.treeview .tv_minus_bd { background-image: url(../images/tv_minus_bd.gif);  cursor:pointer}

.treeview .tv_plus_hbd { background-image: url(../images/tv_plus_hbd.gif);  cursor:pointer}
.treeview .tv_plus_hd { background-image: url(../images/tv_plus_hd.gif);  cursor:pointer}
.treeview .tv_plus_bd { background-image: url(../images/tv_plus_bd.gif);  cursor:pointer}
.treeview .tv_plus_d { background-image: url(../images/tv_plus_d.gif);  cursor:pointer}

.treeview .ico_opndfold { background-image: url(../images/ico_opndfold.gif); }
.treeview .ico_clsdfold { background-image: url(../images/ico_clsdfold.gif); }
.treeview .ico_opndfold,
.treeview .ico_clsdfold {height: 20px; width: 16px;	vertical-align: center;	padding :0px; font-size:1px; }

/*treeview label*/
.treenode, .treenode LABEL { font-family:Trebuchet,arial,sans serif; font-size:12px; font-weight:normal; padding:0px; text-decoration:none; cursor:pointer; vertical-align:center}

	/* links */
	.treenode A { text-decoration:none }
	.treenode A:link , .treenode A:visited { text-decoration:none !important}
	.treenode A:hover { text-decoration:none !important }
	.treenode A:active { text-decoration :none !important }

/*----tree----*/
/*--tree main--*/
.tree {  }
.tree .outer {table-layout:fixed;}
.tree .left {}
.tree .center {}
.tree .right {}
.tree .buttons-outer {text-align:left; background-image:none; padding-top:0px;}
.tree .innertree {  position:relative; padding:7px; margin:0px; }

/*--tree items--*/
.tree .root {font:bold 11px arial,helvetica,sans serif!important; color:#515151; }
.tree .root A { padding:0px 3px 0px 3px; cursor:pointer}
.tree .root SPAN { padding:0px 3px 0px 3px; }
.tree .item {font:normal 11px arial,helvetica,sans serif!important; color:#515151;}
.tree .item A { padding:0px 3px 0px 3px; cursor:pointer;}
.tree .item SPAN { padding:0px 3px 0px 3px; }
.tree .item A:link,.tree .item A:visited {color:#515151; text-decoration:none}
.tree .item A:hover,.tree .item A:active {text-decoration:none}
.tree .selecteditem {font:normal 11px arial,helvetica,sans serif!important; color:#FFF55B;}
.tree .selecteditem A { background-color:#8E9297; padding:0px 3px 0px 3px; cursor:pointer}
.tree .selecteditem SPAN { padding:0px 3px 0px 3px; }
.tree .full {font-weight:bold}

/*--tree nodes--*/
.treeNodeCollapsed {background-image:url(../images/collapsed_tree_node.gif); background-repeat:no-repeat; background-position:2px 6px; cursor:pointer;}
.treeNodeExpanded {background-image:url(../images/expanded_tree_node.gif); background-repeat:no-repeat; background-position:2px 6px; cursor:pointer;}
.treeNodeI {background-image:url(../images/tree_node_i.gif); background-repeat:repeat-y; background-position:2px 0px;}
.treeNodeT {background-image:url(../images/tree_node_t.gif); background-repeat:no-repeat; background-position:2px 0px; }
.treeNodeL {background-image:url(../images/tree_node_l.gif); background-repeat:no-repeat; background-position:2px 0px; }

/*--tree icons--*/
.treeRoot {background-image:url(../images/tree_root.gif); background-repeat:no-repeat; background-position:0px 2px; }
.treeClosedFolder {background-image:url(../images/closed_folder.gif); background-repeat:no-repeat; background-position:2px 3px; }
.treeOpenedFolder {background-image:url(../images/opened_folder.gif); background-repeat:no-repeat; background-position:2px 3px; }
.treeDocumentDefault {background-image:url(../images/doc_default.gif); background-repeat:no-repeat; background-position:0px 2px; }
.treeVDocProcessApplications {background-image:url(../images/vdpj_applications.gif); background-repeat:no-repeat; background-position:0px 2px; }
.treeProcessApplication {/*background-image:url(../images/process_group.png);*/ background-repeat:no-repeat; background-position:0px 2px; }
.treeProcess {background-image:url(../images/process.png); background-repeat:no-repeat; background-position:0px 2px; }
.treeProcessVersion {background-image:url(../images/process_version.png); background-repeat:no-repeat; background-position:0px 2px; }
.treeProcessStep {background-image:url(../images/process_step.gif); background-repeat:no-repeat; background-position:0px 2px; }
.treeVDocDMDocuments {background-image:url(../images/open_document.gif); background-repeat:no-repeat; background-position:0px 2px;}
.treeDMDatabase {background-image:url(../images/database.gif); background-repeat:no-repeat; background-position:0px 2px; }
.treeDMDocument {background-image:url(../images/dm_document.gif); background-repeat:no-repeat; background-position:0px 2px;}
.treeVDocReport {background-image:url(../images/report.gif); background-repeat:no-repeat; background-position:2px 2px;}
.treeIndicators {background-image:url(../images/indicator.gif); background-repeat:no-repeat; background-position:1px 2px;}
.treePageTemplate {background-image:url(../images/page_template.gif); background-repeat:no-repeat; background-position:2px 2px;}
.treeBlockTemplate {background-image:url(../images/block_template.gif); background-repeat:no-repeat; background-position:2px 2px;}

.form-area .fields-group .treeview table { width: auto; }
.fields-group .treeview TD { padding: 0px 2px; }

/* loader */
.ui-loader-background { position: absolute; z-index:9999; top:0; left:0; width:0; height: 0 }
.ui-loader {}
.ui-loading {}
.ui-loader span {}