/* ---- override VDPJ default classes here ---- */ 


/*Message when leaving VDoc Process*/
#PLT-AXLeave {width:420px}
#PLT-AXLeave .zone3 .center {height:auto}
#PLT-AXLeave .zone3 .inner {height:auto}

/*VDoc process application*/
#APP-vdp {  }

/*---subcategories---*/

/*subcategories zone*/
#SubCategory .grid { border-top:1px solid #B8C0CB; }
#SubCategory .grid-content-zone { background-color:transparent; padding-left:0px } 

/*subcategories grid details*/
#SubCategory UL { padding:5px; font-family:arial,helvetica,sans-serif; font-size:11px; font-weight:bold; margin:0px 0px 5px 0px; }
#SubCategory UL LI { display:inline; list-style:none; text-align:left; font-family:arial,helvetica,sans-serif; font-size:11px; font-weight:normal; border:none; background-image:url(../images/link_arrow.gif); background-repeat:no-repeat; background-position:0px 4px; padding:0px 5px 0px 10px; margin:5px }
#SubCategory .text-highlighted {font-family:Arial, Helvetica, sans-serif}
	
/* ---- specific vdpj classes here ------ */

/* form section common */

.section-inner .header-helper {border:1px solid #8F9AAB}

/* form section */

.section .section-header .text-style1, .empty-section .section-header .text-style1 { font-family:arial; font-size:11px; font-weight:bold; color:#1240a9; }
.section .section-help, .empty-section .section-help  { padding:3px 5px 0px 0px; text-align:right }

/* form section:highlighted */

.section-highlighted, .empty-section-highlighted {}
.section-highlighted .section-header {background-color:#95C5FF; height:30px; font-family:arial; font-size:11px; font-weight:bold; color:#1165CC; padding:0px; padding-left:22px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:8px 7px; border:4px solid #95C5FF}
.section-highlighted .section-content {background-color:white; border:4px solid #95C5FF; border-top:none}
.section-highlighted .section-content {background-color:white; border:4px solid #95C5FF; border-top:none}
.section-highlighted .section-content .section .section-header .text-style1{color:#1165CC!important; font:normal 10px Verdana, Geneva, sans-serif!important}
.section-highlighted .section-content .subsection .section-header .text-style1{color:#0F4D73!important; font:normal 10px Verdana, Geneva, sans-serif!important}
.section-highlighted .section-content .subsection-highlighted .section-header .text-style1{color:#1165CC!important; font:normal 10px Verdana, Geneva, sans-serif!important}
.section-highlighted .section-content .subsection-highlighted .subsection .section-header .text-style1 {color:#0F4D73!important; font:normal 10px Verdana, Geneva, sans-serif!important}
.section-highlighted .section-inner {border:1px solid #95C5FF;}
.section-highlighted .section-inner .section-inner {border:1px solid #8F9AAB}
.section-highlighted .section-footer {display:none}
.empty-section-highlighted .section-header {background-color:#95C5FF; height:30px; font-family:arial; font-size:11px; font-weight:bold; color:#1165CC; padding:0px; padding-left:22px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:8px 8px; border:4px solid #95C5FF}}
.empty-section-highlighted .section-footer {display:none}
.section-highlighted .section-header .text-style1, .empty-section-highlighted .section-header .text-style1 { font-family:arial; font-size:11px; font-weight:bold; color:#1165CC; }
.section-highlighted .section-help, .empty-section-highlighted .section-help { padding:4px 5px 0px 0px; text-align:right }

/* form subsection */

.section-highlighted .subsection .section-content {background-color:white; border:1px solid #8F9AAB; padding:10px}
.section-highlighted .subsection .section-header {background-color:#9DDFFF; height:24px; font-family:arial; font-size:11px; font-weight:bold; color:#1165CC; padding-left:22px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:7px 6px; border:1px solid #8F9AAB; border-bottom:none}
.subsection .section-header {background-position: 7px 8px;}
.subsection .section-header .text-style1 {
    color: #0F4D73 !important;
    font: 10px Verdana,Geneva,sans-serif !important;
}

/* form subsection:highlighted */

.subsection-highlighted, .empty-subsection-highlighted {}
.subsection-highlighted .section-header {background-color:#95C5FF; height:30px; font-family:arial; font-size:11px; font-weight:bold; color:#1165CC; padding:0px; padding-left:22px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:8px 11px; border:none}
.subsection-highlighted .section-header .text-style1 {font:normal 10px Verdana, Geneva, sans-serif!important; color:#0f4d73 !important}
.subsection-highlighted .section-content {background-color:white; border:4px solid #95C5FF; border-top:none; padding:10px}
.subsection-highlighted .section-footer {display:none}
.empty-subsection-highlighted .section-header {background-color:#95C5FF; height:30px; font-family:arial; font-size:11px; font-weight:bold; color:#1165CC; padding:0px; padding-left:22px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:8px 10px; border:none}
.empty-subsection-highlighted .section-footer {display:none}

/* form sections:contents */

.section .table-border, .section-highlighted .table-border,  .subsection .table-border, .subsection-highlighted .table-border {border:1px solid #8F9AAB; border-collapse:collapse}
.section .cell, .subsection .cell, .section-highlighted .cell, .subsection-highlighted .cell, .section .cell1, .subsection .cell1, .section-highlighted .cell1, .subsection-highlighted .cell1 { font-family:arial; font-size:10px; font-weight:normal; color:#0f4d73; text-align:left; padding:1px 4px 1px 4px; border:1px solid #8F9AAB; background-color:white}
.section .cell2, .section-highlighted .cell2, .subsection .cell2, .subsection-highlighted .cell2 { font-family:arial; font-size:10px; font-weight:normal; color:#0f4d73; text-align:left; padding:1px 4px 1px 4px; background-color:#D4F1FF; border:1px solid #8F9AAB;}
.section .cell-left, .section-highlighted .cell-left,.subsection .cell-left, .subsection-highlighted .cell-left { font-family:arial; font-size:10px; font-weight:normal; color:#0f4d73; text-align:right; padding:1px 4px 1px 4px; background-color:#D4F1FF; vertical-align:middle; border:1px solid #8F9AAB;}
.section .cell-right, .section-highlighted .cell-right, .subsection .cell-right, .subsection-highlighted .cell-right { font-family:arial; font-size:10px; font-weight:normal; color:#0f4d73; text-align:left; padding:1px 4px 1px 4px; vertical-align:middle; border:1px solid #8F9AAB; background-color:white}
.section .cell-empty, .section-highlighted .cell-empty,.subsection .cell-empty, .subsection-highlighted .cell-empty {background-color:white; font-size:1px;border:1px solid #8F9AAB;}

/* form specific grid */
.section .grid-footer {border:1px solid #8F9AAB;}
.section .grid, .section-highlighted .grid, .subsection .grid, .subsection-highlighted .grid {border:1px solid #8F9AAB;}
.section .grid .cell-header, .section-highlighted .grid .cell-header, .subsection .grid .cell-header, .subsection-highlighted .grid .cell-header { border:1px solid #8F9AAB; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:11px; font-weight:normal; background-color:#FEECBE; color:#1240a9 }
.section .grid .cell1, .section-highlighted .grid .cell1, .subsection .grid .cell1, .subsection-highlighted .grid .cell1{ border:1px solid #8F9AAB; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:10px; background-color:#D4F1FF }
.section .grid .cell2, .section-highlighted .grid .cell2, .subsection .grid .cell2, .subsection-highlighted .grid .cell2{ border:1px solid #8F9AAB; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:10px; background-color:white }

#APP-vdp .cell-right .grid, #APP-vdp .cell-right .grid-content-zone { padding-right:0px; padding-left:0px}
#APP-vdp .cell-right .grid {border:none; }
#APP-vdp .cell1 TD, #APP-vdp .cell2 TD, #APP-vdp .cell-left TD, #APP-vdp .cell-right TD {font-family:arial; font-size:10px; font-weight:normal; color:#0f4d73; }

/*section action summary*/
.action-summary {padding:1px; font-family:arial, helvetica; font-size:10px; background-image:url(../images/link_arrow.gif); background-repeat:no-repeat; padding-left:15px; background-position:5px 5px;margin:5px 0px 5px 0px }


/*task-operators*/
.task-operators {font-size:10px; list-style:none; margin:0; padding:0;}
.task-operators LI {display:block; background:url(../images/mandatory/user.gif) no-repeat left top; padding-left:18px; margin:2px; line-height:18px;}


/*File upload component*/
.file-upload INPUT,.file-upload .button {vertical-align:middle}

/*Header helper*/
#APP-vdp .grid #SimpleSearch.grid-header1 {border:none}
#APP-vdp .grid .header-helper {border-left:none; border-right:none}

/*help general inforamtions*/
#helpzone.content-zone .section .section-content, #helpzone.content-zone .section-highlighted .section-content {padding:7px}
#helpzone.content-zone .section .section-header { border:1px solid #8F9AAB;}
#helpzone,#helpzone .content-zone {height:auto}
#helpzone .text-link-list,#helpzone .text-list {font-size:10px}
#helpzone .text-level2 .text-link-list,#helpzone .text-level2 .text-list {font-size:9px}

/*fix step top button*/
#APP-vdp .step .section-header {padding-bottom:7px}

/* tree view */
.treeview { height:100%; padding:5px}

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

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

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

.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 { height: 20px; width: 16px;vertical-align: center;	padding :0px; font-size:1px; }

.treeview .ico_opndfold { background-image: url(../images/vdp/ico_opndfold.gif); }
.treeview .ico_clsdfold { background-image: url(../images/vdp/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:arial,helvetica; font-size:11px; 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 }
		
/*hide description for process document print*/
.document-print .vui-info-handler,.document-print .vui-noinfo-handler {display:none}

/*impression*/
@media print {
    .portlet .inner {overflow:visible;}
	.ui-loader-background,.ui-loader {display:none}	
	.document-print .vui-info-handler,.document-print .vui-noinfo-handler  {display:none}	
}