/* ---- specific vdpd classes here ------ */

#APP-vdpd  {  }


/* --- menu ---*/
/*menu*/
.menu .menu-inactive {background-color:#8AB2EF; padding:2px 2px 2px 14px; font-family:arial,helvetica; font-size:11px; font-weight:bold; background-image: url(../images/menu_arrow.gif); background-repeat:no-repeat; border:1px solid #6777AB; color:#424973;	background-position: 3px 5px; }
.menu .submenu-content-zone { border:1px solid #6777AB; padding:5px; background-color:#BBD6FF}
.menu .submenu {font-family:arial; font-size:10px; font-weight:bold; background-image:url(../images/vdpd/submenu_bullet.gif); background-repeat:no-repeat; background-position:3px 7px; padding:1px 1px 1px 10px; color:#1561D1}

	/*links*/
	.menu .submenu A {font-family:arial; font-size:10px; font-weight:bold}
	.menu .submenu A:link, #APP-vdpd .menu .submenu A:visited {color:#1561D1; text-decoration:none}
	.menu .submenu A:hover, #APP-vdpd .menu .submenu A:active {color:#424973; text-decoration:none}
	
/*menu scroll*/
#vdpd-menu-scroll { position:relative; width:100%; height:100%; overflow:auto; overflow-x:hidden }	

/* ---- views ---- */
#APP-vdpd-view {  }
#APP-vdpd-view .view { position:relative; width:100%; height:82%; overflow:auto; }
#APP-vdpd-view TH { background-color:#8AB2EF; padding:0 5 0 5; margin:0px; font-family:arial; font-size:11px; font-weight:bold; color:#424973; text-align:left; }
#APP-vdpd-view TH FONT { font-family:arial; font-size:11px; font-weight:bold; color:#424973; text-align:left; }
#APP-vdpd-view .view-categorized { font-family:arial; font-size:11px; font-weight:bold; color:#2281bb; }
#APP-vdpd-view .view A { font-family:arial; font-size:10px; font-weight:normal; color:#008ce2; }
#APP-vdpd-view .view TD { font-family:arial; font-size:10px; font-weight:normal; color:#424952;}
#APP-vdpd-view .view TD INPUT { height:15px; }
#APP-vdpd-view .view TD FONT { font-family:arial; font-size:10px; font-weight:normal; color:#424952; }
#APP-vdpd-view .view H2 { font-family:arial; font-size:11px; font-weight:bold; color:#2281bb; }

/* ---- Sections ----------- */
/* form section */
.section, .empty-section { width:100%; margin:0px; padding:0 3 8 3; }
.section .section-header {background-color:#8AB2EF; height:24px; font-family:arial; font-size:11px; font-weight:bold; color:#17407E; padding-left:22px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:9px 8px; border:1px solid #486293; border-bottom:none}
.section .section-content { background-color:white;  }
.section .section-inner { border:1px solid #486293; }
.section .section-footer { display:none; }
.empty-section .section-header  {background-color:#8AB2EF; height:24px; font-family:arial; font-size:11px; font-weight:bold; color:#17407e; padding-left:22px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:9px 8px; border:1px solid #486293;}
.empty-section .section-footer { display:none; }

/* form subsection */
.subsection, .empty-subsection {width:100%; margin:0px; padding:0 0 0 0;}
.subsection .section-header {background-color:#C6DDFF; height:24px; font-family:arial; font-size:11px; font-weight:bold; color:#2763BE; padding-left:22px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:9px 8px; border:1px solid #486293; 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 {background-color:#C6DDFF; height:24px; font-family:arial; font-size:11px; font-weight:bold; color:#2763BE; padding-left:22px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:9px 8px; border:1px solid #486293;}

/* form sections:contents */
.section .table-border, .section-highlighted .table-border, .subsection .table-border, .subsection-highlighted .table-border {border:1px solid #486293; border-collapse:collapse}
.section .cell, .section-highlighted .cell {height:22px; font-family:arial; font-size:10px; font-weight:normal; color:#424952; text-align:left; padding:1px 4px 1px 4px; vertical-align:middle; border:1px solid #486293;}
.section .cell2, .section-highlighted .cell2 {height:22px; font-family:arial; font-size:10px; font-weight:normal; color:#424952; text-align:left; padding:1px 4px 1px 4px; background-color:#E3EFFF; vertical-align:middle;border:1px solid #486293;}
.section .cell-PJ, .section-highlighted .cell-PJ {height:22px; font-family:arial; font-size:10px; font-weight:normal; color:#424952; text-align:left; padding:1px 4px 1px 4px; vertical-align:middle; border:0px;}
.section .cell-PJ2, .section-highlighted .cell-PJ2 {height:30px; font-family:arial; font-size:10px; font-weight:normal; color:#424952; text-align:center; padding:2px 6px 2px 6px; vertical-align:middle;border:1px solid #486293;}
.section .cell-left, .section-highlighted .cell-left {height:22px; font-family:arial; font-size:10px; font-weight:normal; color:#424952; text-align:right; padding:1px 4px 1px 4px; background-color:#E3EFFF; vertical-align:middle; border:1px solid #486293;}
.section .cell-right, .section-highlighted .cell-right {height:22px; font-family:arial; font-size:10px; font-weight:normal; color:#424952; text-align:left; padding:1px 4px 1px 4px; vertical-align:middle;border:1px solid #486293; }
.section .cell-center, .section-highlighted .cell-center {height:22px; font-family:arial; font-size:10px; font-weight:normal; color:#424952; text-align:center; padding:1px 4px 1px 4px; vertical-align:middle;border:1px solid #486293;}
.section .cell-empty, .section-highlighted .cell-empty {background-color:white; height:10px; font-size:1px;border:1px solid #6777ab;}

/* ---- forms ---- */
#APP-vdpd .portlet .zone1 .center { width:80%; font-family:arial, helvetica; font-size:14px; font-weight:bold; color:#424973; }

/*--- main form ---*/
/*main form history*/
#History { padding:5px; border-top:1px solid #486293; }
#History .cell-header { background-color:#E3EFFF;  font-family:verdana; font-size:9px; color:#424952; border-left:1px solid #486293; border-top:1px solid #486293; border-right:none; border-bottom:none}
#History .subsection { border:1px solid #486293; }

/*main form revision */
.portlet .zone1 .revision  { text-align:right; background-image:url(../images/pz1back.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:9px; font-weight:bold; color:#424973; }

/*main form specific section attributes*/
#APP-vdpd .section { background-color:#8AB2EF;  width:100%; margin:0px; padding: 0 0 0 0; border:1px solid #486293;}
#APP-vdpd TD.section { padding: 5 0 0 0; }
#APP-vdpd .section FONT { font-family:arial; font-size:11px; padding:0 5 0 5; background-color:#8AB2EF; color:#17407e}  /* equal .section-header */
#APP-vdpd .section .section-header { background-color:#8AB2EF; height:24px; font-family:arial; font-size:11px; font-weight:bold; color:#17407e; padding-left:22px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:9px 8px; border:none; }
#APP-vdpd .section .section-inner { border:none; }
#APP-vdpd .section .subsection .section-header { background-color:#C6DDFF; color:#2763be;}
#APP-vdpd .section .vdpd-section { margin-top:5px; }

/*main form section contents*/
#APP-vdpd .section .table-border, .subsection .table-border { border-collapse:collapse; border:0px none transparent}
#APP-vdpd .section .cell {height:22px; font-family:arial; font-size:10px; font-weight:normal; color:#424952; text-align:left; padding:1px 4px 1px 4px; vertical-align:middle; border-left:1px solid #486293; border-top:1px solid #486293; border-right:none; border-bottom:none}
#APP-vdpd .section .cell2 {height:22px; font-family:arial; font-size:10px; font-weight:normal; color:#424952; text-align:left; padding:1px 4px 1px 4px; background-color:#E3EFFF; vertical-align:middle; border-left:1px solid #486293; border-top:1px solid #486293; border-right:none; border-bottom:none}
#APP-vdpd .section .cell-PJ {height:22px; font-family:arial; font-size:10px; font-weight:normal; color:#424952; text-align:left; padding:1px 4px 1px 4px; vertical-align:middle; border:0px;}
#APP-vdpd .section .cell-PJ2 {height:30px; font-family:arial; font-size:10px; font-weight:normal; color:#424952; text-align:center; padding:2px 6px 2px 6px; vertical-align:middle;border-left:1px solid #486293; border-top:1px solid #486293; border-right:none; border-bottom:none}
#APP-vdpd .section .cell-left { border-left:1px solid #486293; border-top:1px solid #486293; border-right:none; border-bottom:none}
#APP-vdpd .section .cell-right {border-left:1px solid #486293; border-top:1px solid #486293; border-right:none; border-bottom:none }
#APP-vdpd .section .cell-center {height:22px; font-family:arial; font-size:10px; font-weight:normal; color:#424952; text-align:center; padding:1px 4px 1px 4px; vertical-align:middle;border-left:1px solid #486293; border-top:1px solid #486293; border-right:none; border-bottom:none}
#APP-vdpd .section .cell-empty {background-color:white; height:10px; font-size:1px;border:1px solid #486293;}
#APP-vdpd .section .cell-left { width:25% }
#APP-vdpd .section .cell-left FONT { font-family:arial; font-size:10px; font-weight:normal; color:#424952; background-color:#E3EFFF; padding:0 0 0 0; }
#APP-vdpd .section .cell-right FONT { font-family:arial; font-size:10px; font-weight:normal; background-color:white; padding:0 0 0 0; color:#424952;}

/*action button */
.action-buttons { height:100%; background-color:#8AB2EF; }
.action-buttons .action-table .button { width:100%; background-color:#8AB2EF; padding: 5 0 5 0; }
#APP-vdpd .action-buttons {border-top:1px solid #486293}

/*---modify recipient ---*/
#APP-vdpd-chgtDest .section .cell FONT { font-family:arial; font-size:10px; font-weight:normal; color:#424952; }

/*---diffusion---*/
#APP-vdpd-diffusion .cell2 INPUT { background-color:#E3EFFF; }

/*---help---*/
#APP-vdpd-help .text-level1 FONT { font-family:arial, helvetica; font-size:10px; font-weight:normal; color:#424952; padding:2px 0px 2px 2px }

/*--- attachement ---*/
#APP-vdpd-attachment .portlet .zone3 .center { height:100px; }
.button-classic { background-color:#d4d0c8; color:#000000; font-family:arial; font-size:10px }

/*--- search ---*/
#APP-vdpd-search .portlet .zone3 .center { height:100px; }
#APP-vdpd-search .section .cell-right FONT { font-family:arial; font-size:10px; font-weight:normal; color:#424952; }
#APP-vdpd-search .section .cell-left FONT { font-family:arial; font-size:10px; font-weight:normal; color:#424952; background-color:#E3EFFF; padding:0 0 0 0; }

/* ---- selectors ------------ */
.selector-vdpd { width:290px; margin:5px; }

/* Address Book selector */
.ABSelector-vdpd { width:160px; }

/*list selector*/
#APP-vdpd-picklist A:link, #APP-vdpd-picklist A:visited { text-decoration:none; }
#APP-vdpd-picklist A:hover, #APP-vdpd-picklist A:active { background-color:white; color:#424952; }

/* -------- overrided classes here ---------*/
/* buttons */
.buttons-outer-right IMG { border:none; }
.buttons-outer-right {padding-right:10px}
.header-border .button1-part1 { font-weight:normal; }
.header-border .button1-part1-down { font-weight:normal; }
.header-border .button2-part1 { font-weight:normal; }
.header-border .button2-part1-down { font-weight:normal; }
.header-border .button3-part1 { font-weight:normal; }
.header-border .button3-part1-down { font-weight:normal; }

/* grid */
.grid-header1 { height:35px; vertical-align:top; }

/*---!!!!! Do not modify !!!!!!---*/
#APP-vdpd P { margin:0px }
#APP-vdpd #Comment BR { display:block; }

#APP-vdpd .section BR { display:none; }
#APP-vdpd .section .cell-left BR { display:block; }
#APP-vdpd .section .cell-right BR { display:block; }
#APP-vdpd .section .vdpd-checkbox BR { display:none; }
#APP-vdpd .section .cell-right .vdpd-attachment BR { display:none }
#APP-vdpd-search .section .cell-right .System-List BR { display:none; }
#APP-vdpd .section .text-level1 BR { display:block; }