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

#APP-vdp {  }
#APP-vdp .portlet .selector .header-border { border:1px solid #DADAE1 }


/* ---- specific vdpj classes here ------ */

/* form section common */

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

/* form section */

.section,.empty-section {  }
.section .section-header {background-color:#D0E6FF; height:24px; font-family:arial; font-size:11px; font-weight:bold; color:#0058CF; padding-left:22px; background-color:#CEDFFF; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:left top; border:1px solid #DADAE1; border-bottom:none}
.section .section-content {background-color:white;}
.section .section-inner {border:1px solid #DADAE1;}
.section .section-footer {display:none}
.empty-section .section-header  {background-color:#D0E6FF; height:24px; font-family:arial; font-size:11px; font-weight:bold; color:#0058CF; padding-left:22px;  background-color:#CEDFFF; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:left top; border:1px solid #DADAE1;}
.empty-section .section-footer { display:none; }
.section .section-header .text-style1, .empty-section .section-header .text-style1 { font-family:arial; font-size:11px; font-weight:bold; color:#0058CF; }
.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:#FFC231; height:30px; font-family:arial; font-size:11px; font-weight:bold; color:#ffffff; padding:0px; padding-left:22px; background-image:url(../images/picvdp.gif); background-repeat:no-repeat; background-position:5px 9px}
.section-highlighted .section-content {background-color:white; border:4px solid #FFC231; border-top:none}
.section-highlighted .section-inner {border:1px solid #FFC231;}
.section-highlighted .section-inner .section-inner {border:1px solid #DADAE1}
.section-highlighted .section-footer {display:none}
.empty-section-highlighted .section-header {background-color:#FFC231; height:30px; font-family:arial; font-size:11px; font-weight:bold; color:#ffffff; padding:0px; padding-left:22px; background-image:url(../images/picvdp.gif); background-repeat:no-repeat; background-position:5px 9px}
.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:#ffffff; }
.section-highlighted .section-help, .empty-section-highlighted .section-help { padding:4px 5px 0px 0px; text-align:right }

/* form subsection */

.subsection, .empty-subsection { }
.subsection .section-header, .section-highlighted .subsection .section-header  {background-color:#DDF9FD; height:24px; font-family:arial; font-size:11px; font-weight:bold; color:#0058CF; padding-left:22px; background-image:url(../images/bullet_h2.gif); background-repeat:no-repeat; background-position:left top; border:1px solid #DADAE1; border-bottom:none}
.subsection .section-content {background-color:white}
.subsection .section-footer {display:none}
.section-highlighted .subsection .section-content {background-color:white; border:none;}
.empty-subsection .section-header, .section-highlighted .empty-subsection .section-header  {background-color:#DDF9FD; height:24px; font-family:arial; font-size:11px; font-weight:bold; color:#0058CF; padding-left:22px; background-image:url(../images/bullet_h2.gif); background-repeat:no-repeat; background-position:left top; border:1px solid #DADAE1;}
.section-highlighted .subsection .section-header .text-style1, .section-highlighted .empty-subsection .section-header .text-style1 {color:#0058CF;}

/* form subsection:highlighted */

.subsection-highlighted, .empty-subsection-highlighted {}
.subsection-highlighted .section-header {background-color:#FFC231; height:30px; font-family:arial; font-size:11px; font-weight:bold; color:#ffffff; padding:0px; padding-left:22px; background-image:url(../images/picvdp.gif); background-repeat:no-repeat; background-position:5px 9px; border:none}
.subsection-highlighted .section-content {background-color:white; border:4px solid #FFC231; border-top:none}
.subsection-highlighted .section-footer {display:none}
.empty-subsection-highlighted .section-header {background-color:#FFC231; height:30px; font-family:arial; font-size:11px; font-weight:bold; color:#ffffff; padding:0px; padding-left:22px; background-image:url(../images/picvdp.gif); background-repeat:no-repeat; background-position:5px 9px; 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 #DADAE1; 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:#6672B0; text-align:left; padding:1px 4px 1px 4px; border:1px solid #DADAE1; background-color:white}
.section .cell2, .section-highlighted .cell2, .subsection .cell2, .subsection-highlighted .cell2 { font-family:arial; font-size:10px; font-weight:normal; color:#6672B0; text-align:left; padding:1px 4px 1px 4px; background-color:#EFFBFF; border:1px solid #DADAE1;}
.section .cell-left, .section-highlighted .cell-left,.subsection .cell-left, .subsection-highlighted .cell-left { font-family:arial; font-size:10px; font-weight:normal; color:#6672B0; text-align:right; padding:1px 4px 1px 4px; background-color:#EFFBFF; vertical-align:middle; border:1px solid #DADAE1;}
.section .cell-right, .section-highlighted .cell-right, .subsection .cell-right, .subsection-highlighted .cell-right { font-family:arial; font-size:10px; font-weight:normal; color:#6672B0; text-align:left; padding:1px 4px 1px 4px; vertical-align:middle; border:1px solid #DADAE1; 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 #DADAE1;}

/* form specific grid */

.section .grid, .section-highlighted .grid, .subsection .grid, .subsection-highlighted .grid {border:1px solid #DADAE1;}
.section .grid .cell-header, .section-highlighted .grid .cell-header, .subsection .grid .cell-header, .subsection-highlighted .grid .cell-header { border:1px solid #DADAE1; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:11px; font-weight:normal; background-color:#BEECFE; color:#0058CF }
.section .grid .cell1, .section-highlighted .grid .cell1, .subsection .grid .cell1, .subsection-highlighted .grid .cell1{ border:1px solid #DADAE1; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:10px; background-color:#EFFBFF }
.section .grid .cell2, .section-highlighted .grid .cell2, .subsection .grid .cell2, .subsection-highlighted .grid .cell2{ border:1px solid #DADAE1; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:10px; background-color:white }

/* wizzard specific table */
.wizzard .cell2 .cell1 { border:1px solid #DADAE1; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:10px; color:#6672B0; background-color:#EFFBFF background-image:none; width:auto }
.wizzard .cell2 .cell2 { border:1px solid #DADAE1; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:10px; color:#6672B0; background-color:white background-image:none; width:auto }

#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:#6672B0; }

#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, #helpzone.content-zone .section-highlighted {}
#help1.content-zone {height:auto; padding-top:0px}


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

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

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

.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:hand; 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 }
		

/*impression*/

@media print {

    .portlet .inner { overflow:visible;}

}