/* ---- common all browsers VDoc -------------------- */

/* body */
/*BODY { background:#ECECEE url(../images/background.jpg) repeat-x 0px 86px; padding:0px; margin:0px; overflow:auto; scrollbar-3dlight-color:#DEE1E8; scrollbar-darkshadow-color:#C2C6D2; scrollbar-face-color:#ffffff; scrollbar-track-color:#D4D7DE; scrollbar-highlight-color:#FE8A00; scrollbar-shadow-color:#EC0000; scrollbar-arrow-color:#5D6C8D; }*/
/*BODY { background:#ECECEE url(../images/background.jpg) repeat-x 0px 86px; padding:0px; margin:0px; overflow:auto; scrollbar-3dlight-color:#DEE1E8; scrollbar-darkshadow-color:#C2C6D2; scrollbar-face-color:#ffffff; scrollbar-track-color:#D4D7DE; scrollbar-highlight-color:#FE8A00; scrollbar-shadow-color:#EC0000; scrollbar-arrow-color:#5D6C8D; }*/
BODY { background:#ffffff url(../images/background2.jpg) repeat-x 0px 86px; padding:0px; margin:0px; }

/* links */
A:link, A:visited { text-decoration:underline; color:#783E8D }
A:hover, A:active { color:#EB0000 }

/* forms */
FORM { padding:0px; margin:0px }
INPUT { background-color:#FFFADE; border-top:1px solid #F3B227; border-right:1px solid #DBC87E; border-bottom:1px solid #DBC87E; border-left:1px solid #F3B227; color:#974761; font-family:Arial,Helvetica,sans serif; font-size:10px; background-image:url(../images/field.gif); background-repeat:repeat-x }
TEXTAREA { background-color:#FFFADE; border-top:1px solid #F3B227; border-right:1px solid #DBC87E; border-bottom:1px solid #DBC87E; border-left:1px solid #F3B227; color:#974761; font-family:Arial,Helvetica,sans serif; font-size:10px; background-image:url(../images/textarea.gif); background-repeat:repeat-x }
SELECT { background-color:#FFFADE; color:#974761; font-family:Arial,Helvetica,sans serif; font-size:10px; }
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:10px; background-image:url(../images/readonlyfield.gif); background-repeat:repeat-x }
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:10px; 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:10px; }
INPUT.radio { background-color:transparent; border:none; background-image:none}
INPUT.checkbox { background-color:transparent; border:none; background-image:none}
.error {color:red !important}

/* container */
.container { height:100%; top:0px; left:0px; } /* container overflow: visible=scroll full page, auto=scroll portlets/* portlets spacing */
.outer-left-top { padding:24px 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; background-image:url(../images/btmailto.gif); background-repeat:no-repeat; background-position:5px center; font-family:Arial,Helvetica,sans serif; font-size:11px; font-weight:normal; color:#240615; padding:4px 15px 0px 26px; }
.action-getfile {height:20px; cursor:hand; background-image:url(../images/btfile.gif); background-repeat:no-repeat; background-position:5px center; font-family:Arial,Helvetica,sans serif; font-size:11px; font-weight:normal; color:#240615; padding:4px 15px 0px 26px;}
.action-openlink {height:20px; cursor:hand; background-image:url(../images/btlink.gif); background-repeat:no-repeat; background-position:5px center; font-family:Arial,Helvetica,sans serif; font-size:11px; font-weight:normal; color:#240615; padding:4px 15px 0px 26px;}
.action-print {height:20px; cursor:hand; background-image:url(../images/btprint.gif); background-repeat:no-repeat; background-position:5px center; font-family:Arial,Helvetica,sans serif; font-size:11px; font-weight:normal; color:#240615; padding:4px 15px 0px 26px;}



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

/* main */
/*.header { background-image:url(../images/Cabecera_SEM_1020x100.gif); height:100px; background-repeat:no-repeat; background-position:center; }*/
.header {height:80px;}
.header .layout { table-layout:auto }  /* do not modify */

/* logos */
/*.header .logo-left { display:none }*/
.header .logo-left { width:220px; padding:0px 0px 0px 12px}
.header .logo-left .content { background-image:url(../images/LogoSEM218.jpg); background-repeat:no-repeat; width:220px; height:80px; }
.header .logo-left .content .title-top { display:none }
.header .logo-left .content .title-bottom { display:none }

/* .header .logo-left { width:210px; padding:0px 0px 0px 10px; } */
/* .header .logo-left .content { width:210px; height:80px; background-image:url(../images/logo-ISE.png);  background-repeat:no-repeat; } */
/* .header .logo-left .content .title-top { display:none } */
/* .header .logo-left .content .title-bottom { display:none } */

.header .logo-right { display:none }
/* .header .logo-right { width:150px; padding:35px 10px 0px 10px; } */
/* .header .logo-right .content { width:150px; height:30px; background-image:url(../images/Trainera.png);  background-repeat:no-repeat; } */
/* .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:0px;}
/*.header .userinfo .user { font-family:Arial,Helvetica,sans serif; font-size:11px; font-weight:normal; color:#5B5756; padding:0px 0px 0px 0px;}*/
.header .userinfo .user { font-family:Arial,Helvetica,sans serif; font-size:11px; font-weight:normal; color:#cccccc; padding:0px 0px 0px 0px;}
.header .userinfo .icon { background:url(../images/userinfoico.gif) no-repeat 0px 4px; width:7px }
/*.header .userinfo .info { font-family:Arial,Helvetica,sans serif; font-size:11px; font-weight:normal; color:#DB2900; padding:0px 0px 0px 0px; }*/
.header .userinfo .info { font-family:Arial,Helvetica,sans serif; font-size:11px; font-weight:normal; color:#cccccc; padding:0px 0px 0px 0px; }
.header .userinfo .right {width:10px }
	
/* navigation (switch between portal and applications) */
.header .tabopt { float:right; height:21px; padding-bottom:1px; }
.header .tabopt .leftmargin { height:21px; width:5px }
.header .tabopt .left { background:url(../images/taboptleft.gif) no-repeat; width:8px; }
.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:2px 0px 0px 0px; }
.header .tabopt .right { background:url(../images/taboptright.gif) no-repeat; width:10px; }
.header .tabopt .rightmargin { width:7px; }

	/* links */
.header .tabopt A { font-family:Arial,Helvetica,sans serif; font-size:10px; font-weight:normal; text-decoration:none !important }
.header .tabopt A:link, .header .tabopt A:visited { color:#344268 }
.header .tabopt A:hover, .header .tabopt A:active { color:#EB0000 }

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


/* application information (application specific) */
.header .modinfo { height:100%; float:right; text-align:right; padding-top:3px }
.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:12px; font-weight:bold; color:#5B5756; 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:38px; }

/*.tabnav { background:url(../images/tabnavback.gif) repeat-x; height:38px; }*/
.tabnav { background:url(../images/tabnavback.gif) repeat-x; height:38px; }
.tabnav .outer { padding:0px; margin:0px; float:left  } /* alignment */
.tabnav .leftmargin { height:28px; width:10px }
.tabnav .left { height:28px; background:url(../images/tabnavleft.gif) no-repeat; width:14px;}
.tabnav .content { background:url(../images/tabnavct.gif) repeat-x; color:#4F4F4F; font-family:Arial,Helvetica,sans serif; font-size:12px; font-weight:bold; padding:0px 0px 4px 0px; }
.tabnav .right { background:url(../images/tabnavright.gif) no-repeat; width:17px;  }
.tabnav .left-active { height:28px; background:url(../images/tabnavlefton.gif) no-repeat; width:12px; }
.tabnav .content-active { background:url(../images/tabnavcton.gif) repeat-x; font-family:Arial,Helvetica,sans serif; font-size:12px; font-weight:bold; color:#B81919; padding:0px 0px 3px 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:bold; text-decoration:none !important }
	/* inactive links */
	.tabnav .content A:link, .tabnav .content A:visited { color:#4F4F4F; text-decoration:none }
	.tabnav .content A:hover, .tabnav .content A:active { color:#EB0000; text-decoration:none }
	/* active links */
	.tabnav .content-active A:link, .tabnav .content-active A:visited { color:#B81919; text-decoration:none }
	.tabnav .content-active A:hover, .tabnav .content-active A:active { color:#EB0000; 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:38px; background-repeat:repeat-x }

.tabnav2 { background-image:url(../images/tabnavback.gif); height:38px; padding:4px 10px 0px 10px; background-repeat:repeat-x}
.tabnav2 .outer { padding:0px; margin:0px; float:left  } /* alignment */
.tabnav2 .leftmargin { height:22px; background-image:url(../images/tabnav2leftmg.gif); background-repeat:no-repeat; width:8px;}
.tabnav2 .left { background-image:url(../images/tabnav2left.gif); background-repeat:no-repeat; width:8px; }
.tabnav2 .content { height:22px; background-image:url(../images/tabnav2back.gif); background-repeat:repeat-x; font-family:Arial, Helvetica; font-weight:bold; font-size:11px; color:#3C3D49; padding:0px 6px 0px 0px}
.tabnav2 .right { display:none }
.tabnav2 .left-active { background-image:url(../images/tabnav2lefta.gif); background-repeat:no-repeat; width:6px;  }
.tabnav2 .content-active { height:22px; background-image:url(../images/tabnav2backa.gif); background-repeat:repeat-x; font-family:Arial, Helvetica; font-weight:bold; font-size:11px; color:#CE3A00; padding:0px 0px 0px 2px}
.tabnav2 .right-active { background-image:url(../images/tabnav2righta.gif); background-repeat:no-repeat; width:6px; }
.tabnav2 .rightmargin { height:22px;  background-image:url(../images/tabnav2rightmg.gif); background-repeat:no-repeat; width:9px }
 
	/* links */
	.tabnav2 A { font-family:Arial, Helvetica; font-size:11px; font-weight:bold; text-decoration:none !important }
	.tabnav2 A:link, .tabnav2 A:visited { color:#565867; text-decoration:none }
	.tabnav2 A:hover, .tabnav2 A:active { color:#C80000; 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:25px; height:26px; background-image:url(../images/historyleftmg.gif); background-repeat:no-repeat;}
.history .left {display:none} 
.history .content {background-image:url(../images/historyback.gif); background-repeat:repeat-x; font-family:Arial,Helvetica,sans serif; font-weight:normal; font-size:11px; color:#DC0909; padding:4px 1px 3px 3px}
.history .right {display:none}
.history .left-active {display:none}
.history .content-active {background-image:url(../images/historyback.gif); background-repeat:repeat-x; font-family:Arial,Helvetica,sans serif; font-weight:normal; font-size:11px; color:#DC0909; padding:4px 1px 3px 3px}
.history .right-active {display:none}
.history .rightmargin {width:23px; background-image:url(../images/historyrightmg.gif); background-repeat:no-repeat;}

		/* links */ 
		.history A { font-family:Arial,Helvetica,sans serif; font-size:11px; font-weight:normal; }
		.history A:link, .history A:visited { color:#505862; 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:white; height:100%; font-family:Arial,Helvetica,sans serif; font-size:11px; }

/* 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:40px; font-size:1px }
.portlet .zone1 .center	{ background:url(../images/z1back.gif) repeat-x; font-family:Tahoma,Arial,Helvetica,sans serif; font-size:12px; font-weight:bold; color:#62656B; padding:11px 0px 7px 0px; }
.portlet .zone1 .center	.text-highlighted {color:#E1191D}
.portlet .zone1 .right	{ background:url(../images/z1right.gif) no-repeat; width:15px; font-size:1px }
.portlet .zone1 .action-refresh { background-image:url(../images/prefresh.gif); width:27px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-customize { background-image:url(../images/pedit.gif); width:27px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-restore { background-image:url(../images/prestore.gif); width:27px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-minimize { background-image:url(../images/pminimize.gif); width:27px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-maximize { background-image:url(../images/pmaximize.gif); width:27px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-help { background-image:url(../images/phelp.gif); width:27px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-close { background-image:url(../images/pclose.gif); width:27px; background-repeat:no-repeat; cursor:pointer; cursor:hand }

.portlet .outerzone2 {  }
.portlet .zone2 { table-layout:fixed; overflow:hidden }  /* do not modify */
.portlet .zone2 .left	{ background:url(../images/z2left.gif) no-repeat; width:8px; font-size:1px }
.portlet .zone2 .center	{ height:16px; background:url(../images/z2center.gif) repeat-x; font-size:1px }
.portlet .zone2 .right	{ background:url(../images/z2right.gif) no-repeat; width:11px; 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; width:8px; font-size:1px }
.portlet .zone3 .center	{ background-color:white; padding:4px 7px 8px 7px; }
.portlet .zone3 .right	{ background:url(../images/z3right.gif) repeat-y ; width:10px; font-size:1px;}

.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:158px }
.menu .portlet .zone1 .icon {background-image:url(../images/z1menu.gif); width:29px;}
.menu .portlet .zone3 .center	{padding:4px 3px 8px 3px; }
/*.menu .portlet .zone3 .inner {overflow:hidden; overflow-x:auto; }*/
.menu .menu-inactive { background-color:white; padding:4px 2px 5px 15px; font-family:Arial, Helvetica,sans serif; font-size:11px;  font-weight:bold; background-image:url(../images/menu_inactive.gif); background-repeat:no-repeat; background-position:left bottom; color:#4D4F60;  }
.menu .menu-active { background-color:white; padding:4px 2px 5px 15px; font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:bold; background-image: url(../images/menu_inactive.gif); background-repeat:no-repeat; background-position:left bottom; color:#CE3A00; cursor:default; }

	/* links */
	.menu A { font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:bold; 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 }

/*submenu*/
.menu .submenu-content-zone { border-left:1px solid #D7DEE4; border-right:1px solid #D7DEE4; padding:0px 3px 0px 3px; background-color:#E6EAEC}
.menu .submenu {font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; background-image:url(../images/submenu_bullet.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:10px; 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:#C80000; text-decoration:none}
/*submenu active*/	
.menu .submenu-active {font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:normal; background-image:url(../images/submenu_bullet.gif); background-repeat:no-repeat; background-position:3px 7px; background-color:transparent; padding:2px 2px 1px 10px; color:#FD7D02}
	/*links*/
	.menu .submenu-active A {font-family:arial; font-size:10px; 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:#C80000; 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:11px;}
.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 10px 26px;}
.menu UL LI SPAN A { font-weight:bold; }
	/*inactive*/
	.menu .inactive A:link, .menu .inactive A:visited { color:#565867; 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:#CC3C00; 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 7px; 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:5px 2px 3px 10px; 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:7px; height:21px;}
.portlet .portletnav .left { background-image:url(../images/portletnavleft.gif); background-repeat:no-repeat; width:8px;}
.portlet .portletnav .content { height:20px; background-image:url(../images/portletnavback.gif); background-repeat:repeat-x; font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:bold; text-decoration:none; color:#565867; padding:0px 8px 0px 2px; }
.portlet .portletnav .right { display:none }
.portlet .portletnav .left-active { background-image:url(../images/portletnavlefta.gif); background-repeat:no-repeat; width:7px; }
.portlet .portletnav .content-active { height:20px; background-image:url(../images/portletnavbacka.gif); background-repeat:repeat-x; font-family:Arial, Helveticasans serif; font-size:11px; font-weight:bold; text-decoration:none; color:#CE3A00; padding:0px 0px 0px 2px; }
.portlet .portletnav .right-active { background-image:url(../images/portletnavrighta.gif); background-repeat:no-repeat; width:8px; }
.portlet .portletnav .rightmargin { background-image:url(../images/portletnavrightmg.gif); background-repeat:no-repeat; width:14px; }

	/* links */
	.portletnav A { font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:bold; text-decoration:none !important }
	.portletnav A:link, .portletnav A:visited { color:#565867; text-decoration:none }
	.portletnav A:hover, .portletnav A:active { color:#C80000; text-decoration:none }
	
/* steps */
.step { padding:6px 4px 10px 4px; background-color:white }

.step .stepnav { height:26px; background-image:url(../images/stepnavunder.gif); background-repeat:repeat-x; border-bottom:1px solid #797C82; }
.step .stepnav .outer { padding:0px; margin:0px; float:left; } /* alignment */
.step .stepnav .leftmargin { display:none; }
.step .stepnav .left { height:26px; width:8px; background-image:url(../images/stepnavleft.gif); background-repeat:no-repeat; }
.step .stepnav .content {height:26px; background-image:url(../images/stepnavback.gif); color:#565867; background-repeat:repeat-x; padding:0px 5px 8px 5px; cursor:hand;}
.step .stepnav .right { width:11px; background-image:url(../images/stepnavright.gif); background-repeat:no-repeat; background-color:transparent}
.step .stepnav .left-active { height:26px; width:8px; background-image:url(../images/stepnavlefta.gif); background-repeat:no-repeat; }
.step .stepnav .content-active { height:26px; background-image:url(../images/stepnavbacka.gif); background-repeat:repeat-x; font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:bold; text-decoration:none; color:#CE3A00;  padding:0px 5px 8px 5px; }
.step .stepnav .right-active { width:11px; 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:11px; font-weight:bold; text-decoration:none !important }
	.stepnav A:link, .stepnav A:visited { color:#565867; text-decoration:none }
	.stepnav A:hover, .stepnav A:active { color:#C80000; text-decoration:none }

.step .buttons-outer { background-image:none; padding:3px 0px 0px 0px; }
.step .header-helper { border-top:none; }
.step .content-zone { border:1px solid #BFC7CD; background-color:#E9EDF1; border-top:none; }
.step .content-zone .buttons-outer { padding-bottom:5px }
.step .grid, .step .grid-content-zone {border:none}
.step .section-content .table-border {border:none}


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

.header-border {border-collapse:collapse; border:1px solid #797C82;}
.application .header-border {border:none}

/* headers */
.header-level1 { padding:7px 5px 7px 20px; font-family:Arial, Helvetica,sans serif; font-size:11px; background-repeat:no-repeat; background-position: top left; background-image:url(../images/h1back2.gif); color:#290F1C; font-weight:normal;  border:1px solid #797C82; background-color:#C8CACC}
	.header-level1-collapsed { cursor:pointer; cursor:hand; font-family:Arial, Helvetica,sans serif; padding:5px; padding-left:24px; font-size:11px; font-weight:bold; background-image:url(../images/h1collapsed.gif); background-repeat:no-repeat; background-color:#93959B; background-position:top left; color:#F6F6F6; height:21px; border:1px solid #797C82; }
	.header-level1-expanded { cursor:pointer; cursor:hand; font-family:Arial, Helvetica,sans serif; padding:5px; padding-left:24px; font-size:11px; font-weight:bold; background-image:url(../images/h1expanded.gif); background-repeat:no-repeat; background-color:#F54343; background-position:top left; color:#F6F6F6; height:21px; border:1px solid #797C82; }

.header-level2 { background-color:#C8CACC; padding:5px; font-family:Arial, Helvetica,sans serif; font-size:11px; 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;  }
	.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:11px; 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 }
	.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:11px; font-weight:bold; padding:2px 2px 4px 2px; color:#E08A10 }
.header-level5 { font-family:Verdana, Arial, Helvetica,sans serif; font-size:9px; font-weight:bold; color:#E08A10; padding:2px 2px 4px 2px;  }
.header-level6 { font-family:Verdana, Arial, Helvetica,sans serif; font-size:9px; font-weight:bold; color:#655E68; padding:2px 0px 2px 12px }

.header-error {border:1px solid #797C82; text-align:center; padding:2px 4px 2px 4px; font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:bold; background-color:white; color:red; cursor:hand }
.header-helper {background-color:#FFFBBB; background-image:url(../images/blue_arrow.gif); background-position:7px 9px; background-repeat:no-repeat; padding:5px 4px 4px 20px; font-family:Arial, Helvetica,sans serif; font-size:10px; font-weight:normal; border:1px solid #797C82; color:#E34D60; height:24px;}
.header-helper .text-style1 {font-weight:bold;}

/*red collapse error*/
.header-level1-expanded .error {color:white!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-color:#D6D6D6; padding:3px; font-family:Arial, Helvetica,sans serif; font-size:10px; border:1px solid #797C82;  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:10px; font-weight:normal; color:#655E68; padding:2px 0px 2px 2px }
.text-level2 { font-family:Arial, Helvetica,sans serif; font-size:9px; font-weight:normal; color:#655E68; padding:2px 0px 2px 12px }
.text-style1 { font-weight:bold; font-family:verdana, arial,sans serif; font-size:10px;}
.text-style2 { font-style:italic }
.text-style3 { color:#c75900 }
.text-highlighted	{ color:#E42A69 }
.text-readonly { color:#8F919E }

/*fck contents render*/
.fckcontent {margin-bottom:20px;}
.fckcontent TD {font-family:Arial,helvetica,sans serif; font-size:10px; 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:11px; background-image:url(../images/bullet_list.gif); background-repeat:no-repeat; padding-left:18px; background-position:7px 5px; color:#655E68 }
.text-link-list { padding:1px; font-family:Arial, Helvetica,sans serif; font-size:11px; background-image:url(../images/link_arrow.gif); background-repeat:no-repeat; padding-left:15px; background-position:5px 5px; color:#655E68 }
	
/* tables */
.table-border {border-collapse:collapse;}
.table-header {border:1px solid #C0C8CE; padding:2px 4px 2px 4px; font-family:Arial, Helvetica,sans serif; font-size:10px; font-weight:normal; background-color:#BEC2C5; color:#240615}
.cell-header { border:1px solid #787B81; padding:4px; font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:normal; background-color:#BEC2C5; color:#240615; background-image:url(../images/cell_header.gif); background-repeat:repeat-x; }
.cell1 { border:1px solid #C0C8CE; padding:2px 4px 2px 4px; font-family:Arial, Helvetica,sans serif; font-size:10px; color:#655E68; background-color:#DDE2E4 }
.cell2 { border:1px solid #C0C8CE; padding:2px 4px 2px 4px; font-family:Arial, Helvetica,sans serif; font-size:10px; color:#655E68; background-color:white }
.cell-footer{border:1px solid #787B81; padding:2px 4px 2px 4px; font-family:Arial, Helvetica,sans serif; font-size:10px; font-weight:normal; background-color:#BEC2C5; color:#240615;}
.cell-highlighted { border:1px solid #C0C8CE; padding:2px 4px 2px 4px; font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:bold; background-color:#F36459; color:white; cursor:pointer; cursor:hand }

	/* links */
	.cell-header A:link, .cell-header A:visited { color:#240615 }
	.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:10px; list-style:none; padding-left:8px; background-position:0px 6px}
/*td inside cells*/
.cell1 TD, .cell2 TD { font-size:10px; }

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

.form-style1 .table-border {border:none}
.form-style1 .cell1 { text-align:right; background-color:white; border:0px; padding:4px 2px 4px 8px;  }
.form-style1 .cell2 { text-align:left; padding:4px 8px 4px 8px; background-color:white; border:0px; background-image:url(../images/bullet_form.gif); background-repeat:no-repeat; padding-left:15px; background-position:2px center; } /* 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 {}
.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:10px; padding:0px 10px 0px 0px;}


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

/* outer */
.buttons-outer { background-image:url(../images/buttons_outer.gif); background-repeat:no-repeat; padding:14px 0px 0px 0px; text-align:right; background-position:0px 2px; 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; }
#topbuttons.buttons-outer {background-image:none; padding:0px 0px 10px 0px;}

/* main */
.button { }

/* links */
.button A:link, .button A:visited { cursor:hand; color:#323F56; text-decoration:none !important }
.button A:hover, .button A:active { cursor:hand; text-decoration:none !important }

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

/*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:11px; } /* margin = space between buttons  */
.button1-part1 { white-space:nowrap; padding:2px 8px 5px 0px; background-color:transparent; background-image:url(../images/button1bg.gif); background-repeat:no-repeat; background-position:top right; font-family:Arial, Helvetica,sans serif; }
.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:11px;} /* margin = space between buttons  */
.button1-part1-down { white-space:nowrap; padding:2px 8px 5px 0px; background-color:transparent; background-image:url(../images/button1bg.gif); background-repeat:no-repeat; background-position:top right; font-family:Arial, Helvetica,sans serif; }

/* button2 */
.button2-part0 { white-space:nowrap; margin:0px 2px 1px 2px; background-color:transparent; background-image:url(../images/button2bg1.gif); background-repeat:no-repeat; background-position:top left; font-size:11px;  } /* margin = space between buttons  */
.button2-part1 { white-space:nowrap; padding:2px 8px 5px 0px; background-color:transparent; background-image:url(../images/button2bg.gif); background-repeat:no-repeat; background-position:top right; font-family:Arial, Helvetica,sans serif; }
.button2-part0-down { white-space:nowrap; margin:0px 2px 1px 2px; background-color:transparent; background-image:url(../images/button2bg1.gif); background-repeat:no-repeat; background-position:top left; font-size:11px; } /* margin = space between buttons  */
.button2-part1-down { white-space:nowrap; padding:2px 8px 5px 0px; background-color:transparent; background-image:url(../images/button2bg.gif); background-repeat:no-repeat; background-position:top right; font-family:Arial, Helvetica,sans serif; }
	
/* button3 */
.button3-part0 { white-space:nowrap; margin:0px 2px 1px 2px; background-color:transparent; background-image:url(../images/button3bg1.gif); background-repeat:no-repeat; background-position:top left; font-size:11px; } /* margin = space between buttons  */
.button3-part1 { white-space:nowrap; padding:2px 8px 5px 0px; background-color:transparent; background-image:url(../images/button3bg.gif); background-repeat:no-repeat; background-position:top right; font-family:Arial, Helvetica,sans serif; }
.button3-part0-down { white-space:nowrap; margin:0px 2px 1px 2px; background-color:transparent; background-image:url(../images/button3bg1.gif); background-repeat:no-repeat; background-position:top left; font-size:11px; } /* margin = space between buttons  */
.button3-part1-down { white-space:nowrap; padding:2px 8px 5px 0px; background-color:transparent; background-image:url(../images/button3bg.gif); background-repeat:no-repeat; background-position:top right; font-family:Arial, Helvetica,sans serif; }

/*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:10px}
.header-level1 .button1-part1,.header-level1 .button1-part1-down {background-image:url(../images/little1bg.gif); padding:2px 8px 3px 0px;}


/* ---- 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:10px; margin:0px 3px 0px 0px; text-align:right}


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

.grid {height:100%; }
.grid .header-border {border:none}	
	
/* headers and footer */
.grid-header1 {height:32px; background-color:#9FA2A6; font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:bold; background-image:url(../images/grid_h1.gif); background-repeat:repeat-x; padding:4px 3px 2px 3px; border:1px solid #787B81; color:#ffffff; background-position:left top }
.grid-header2 { background-color:#9FA2A6; padding:3px; font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:bold; background-image:url(../images/grid_h1.gif); background-repeat:repeat-x; padding:4px 3px 2px 3px; border:1px solid #787B81; color:#ffffff; background-position:left top }
.grid-footer { background-color:#9FA2A6; padding:4px 3px 2px 3px; font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:bold; background-image:url(../images/grid_h1.gif); border:1px solid #787B81; background-repeat:repeat-x; color:#ffffff; background-position:left top }

/* content */
.grid-content-zone { padding:4px 8px 8px 8px; height:100%; background-color:#E9EDF1; border:1px solid #BDBFC4;}

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

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

/* texts */
.grid .grid-header1 .text-level1, .simple-grid .grid-header1 .text-level1 { font-size:11px; font-weight:bold; color:#ffffff }
.grid .grid-header2 .text-level1, .simple-grid .grid-header2 .text-level1 { font-size:11px; font-weight:bold; color:#ffffff }
.grid .grid-footer .text-level1, .simple-grid .grid-footer .text-level1 { font-size:11px; font-weight:bold; color:#ffffff }
.grid .grid-header1 .text-level2, .simple-grid .grid-header1 .text-level2 { font-size:11px; color:#ffffff; padding:0px 2px 0px 2px}
.grid .grid-header2 .text-level2, .simple-grid .grid-header2 .text-level2 { font-size:11px; color:#ffffff; padding:0px 2px 0px 2px}
.grid .grid-footer .text-level2, .simple-grid .grid-footer .text-level2 { font-size:11px; color:#ffffff; padding:0px 2px 0px 2px}
.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:10px; }
.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:10px; padding:2px 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/buttongrid2bg1.gif); }
.grid-header1 .button2-part1, .grid-header1 .button2-part1-down, .grid-footer .button2-part1, .grid-footer .button2-part1-down { background-image:url(../images/buttongrid2bg.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:10px; }
.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:10px; }/*padding:1px 8px 4px 0px;*/
.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/little2bg1.gif); background-repeat:no-repeat; background-position:top left; font-size:10px; }
.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:10px; }
.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:10px; }
.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:10px; }


/*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 }
.simple-grid .grid-footer {  }

/*grid content*/
.simple-grid .table-border {border:none !important; border-bottom:1px solid #C0C8CE;}
.simple-grid .cell-header { border:none; border-bottom:1px solid #787B81; 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:bold; color:#ffffff }
.dataList .grid-header1 .text-level2 { font-size:11px; color:#ffffff; padding:0px 2px 0px 2px  }
.dataList .grid-footer .text-level1 { font-size:11px; font-weight:bold; color:#ffffff }
.dataList .grid-footer .text-level2 { font-size:11px; color:#ffffff; 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:#E20D0D}
#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; }

/* 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;}
.thumbnail {width:100px; padding:4px;} 

/* 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 #797C82; border-bottom:none}
#SimpleSearch.grid-header1 .text-level1 {font-size:11px; font-weight:bold; color:#ffffff}
#SimpleSearch.grid-header1 .text-level2 {font-size:11px; font-weight:normal; color:#ffffff; padding:4px 2px 4px 10px}


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

/* main */
.footer { display:none }
.footer .left {  } 
.footer .right {  }


/* status message */	
.message { height:28px; background-color:#FFFBBB; border-bottom:1px solid #797C82}
.message .left { height:28px; background-image:url(../images/blue_arrow.gif); background-position:12px 11px; background-repeat:no-repeat; font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:normal; color:#E34D60; padding:0px 0px 0px 24px; }
.message .right {  }

/* copyright */
/*.copyright { height:38px; background-image:url(../images/copyright.gif); background-repeat:repeat-x; padding:0px 6px 0px 6px} */
.copyright { height:50px; background-image: url(../images/footer.gif); background-repeat:repeat-x; }
.copyright .left { height:24px; font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:normal; color:#73757C }
.copyright .right { font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:normal; color:#73757C; text-align:right; }


/* links */
.copyright A:link, .copyright A:visited { color:#A90004; text-decoration:underline }
.copyright A:hover, .copyright A:active { color:#cd0207; text-decoration:none }


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

/* main */

.popup  {height:100%; }
.popup .portlet {height:100%; }
.popup .portlet .zone1 .left {display:none}
.popup .portlet .zone1 .icon {background-image:url(../images/z1pop.gif); width:38px; }
.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 { border:1px solid #797C82; color:#240615; background-color:#FFF59F; font-family:Arial, Helvetica,sans serif; font-size:10px; padding:2px 4px 2px 4px; width:250px }
#ToolTip .hl { color:#DF0000 }
#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:10px; color:#000000}

/*----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:120px; z-index:2; }
.ActionsMenu ul ul { z-index:3; left:120px; 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:120px; margin:0px; font-family:arial,helvetica,sans serif;  font-weight:normal; font-size:10px; }
.ActionsMenu ul li A:link,.ActionsMenu ul li A:visited { cursor:hand; color:#FFFFFF; background:#9197A6; border-top:1px solid #B7B7BF; border-bottom:3px solid #808696; }
/*rollover item niveau 2*/
/*++2009*/.ActionsMenu ul li a:hover/*--2009 ,.ActionsMenu ul li a.other:hover*/,.ActionsMenu ul li a.disabled:hover { background-color:#E03434; color:#FDE403; font-weight:normal; border-top:1px solid #C7C8DA; border-bottom:3px solid #F44647; background-image:none}
.ActionsMenu ul li a span {}
/*++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-image:url(../images/menuother.gif); background-repeat:repeat-x; background-color:#C8930D; color:#FFFFFF; font-weight:normal; border-bottom:3px solid #C8930D;}
/*++2009*/.ActionsMenu ul li a.other:hover { background-color:#E03434; color:#FDE403; font-weight:normal; border-top:1px solid #C7C8DA; border-bottom:3px solid #F44647; background-image:none}
.ActionsMenu .disabled,.ActionsMenu .withsubmenu .disabled  { background-color:#B7B7B7; color:#727272; font-weight:normal; border-top:1px solid #C7C8DA; border-bottom:3px solid #AAAAAA}

.ActionsMenu .withsubmenu A:link,.ActionsMenu .withsubmenu A:visited  {background-image: url(../images/actionsubmenu.gif); background-repeat:no-repeat; background-position:110px center;}	
.ActionsMenu .withsubmenu A:hover {background-image: url(../images/actionsubmenuhover.gif); background-repeat:no-repeat; background-position:110px center;}
.ActionsMenu .withsubmenu span,.ActionsMenu A:hover.withsubmenu span {margin-right:5px} 
/*no arrows on submenu*/
.ActionsMenu .withsubmenu ul li A:link,.ActionsMenu .withsubmenu ul li A:visited {background-image:none}
.ActionsMenu .withsubmenu ul li a:hover,.ActionsMenu .withsubmenu ul li a.other:hover {background-image:none}

/*---sections---*/

/* form section */
.section,.empty-section { }
.section .section-header {height:24px; padding:2px 4px 5px 22px; background-color:#ffffff; background-image:url(../images/section_header.gif); background-repeat:no-repeat; background-position:left bottom; font-family:Arial,Helvetica,sans serif; font-size:12px; font-weight:bold; color:#60595C; }
.section .section-content {background-color:white; padding-top:10px}
.section .section-inner {}
.section .section-footer {display:none}
.empty-section .section-header  { height:24px; padding:2px 4px 5px 22px; background-image:url(../images/section_header.gif); background-repeat:no-repeat; background-position:left bottom; }
.empty-section .section-footer { display:none; }

/* form subsection */
.subsection, .empty-subsection {margin:0px 5px 5px 5px;}
.subsection .section-header {height:24px; padding:2px 4px 7px 22px; background-color:#ffffff; background-image:url(../images/subsection_header.gif); background-repeat:no-repeat; background-position:left bottom; font-family:Arial,Helvetica,sans serif; font-size:11px; font-weight:bold; color:#60595C;}
.subsection .section-content {background-color:white}
.subsection .section-footer {display:none}
.empty-subsection .section-header {height:24px; padding:2px 4px 5px 22px; background-image:url(../images/subsection_header.gif); background-repeat:no-repeat; background-position:left bottom; font-family:Arial,Helvetica,sans serif; font-size:11px; font-weight:bold; color:#60595C;}

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

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

/*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:10px; 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:10px; color:#473E4B; background-color:white; background-image:none; width:auto }