/* IXIS CIB */ /* ---- common -------------------- */ /* body */ BODY {overflow: auto; margin: 0px; padding: 0px; background-color: #ffffff;;} /* links */ A:link, A:visited { text-decoration:underline; color:#309bd8 } A:hover, A:active { text-decoration:underline overline;color:#0260FF } /* forms */ FORM { padding:0px; margin:0px } INPUT { background-color:#e7f5ff; background-image: url(../images/field.gif); background-repeat: repeat-x; color:#003138; font-family:arial,helvetica,sans serif; font-size:11px; border:1px solid #7dcdeb; } TEXTAREA { background-color:#e7f5ff; background-image: url(../images/fieldarea.gif); background-repeat: repeat-x; color:#003138; font-family:arial,helvetica,sans serif; font-size:11px; border:1px solid #329ddf; border-bottom:1px solid #1c7cb9; } SELECT { background-color:#e7f5ff; color:#003138; font-family:arial,helvetica,sans serif; font-size:11px; } INPUT.readonly { background-color:#EDEDED; background-image: url(../images/readonlyfield.gif); background-repeat: repeat-x; color:#858585; font-family:arial,helvetica,sans serif; font-size:11px; border:1px solid #e2e4e9 } TEXTAREA.readonly { background-color:#EDEDED; background-image: url(../images/readonlyfieldarea.gif); background-repeat: repeat-x; color:#858585; font-family:arial,helvetica,sans serif; font-size:11px; border-top:1px solid #CBCED5; border-right:1px solid #E2E4E9; border-bottom:1px solid #E2E4E9; border-left:1px solid #CBCED5 } SELECT.readonly { background-color:#EDEDED; color:#858585; font-family:arial,helvetica,sans serif; font-size:11px; } INPUT.radio { background-color:transparent; border:none; background-image:none} INPUT.checkbox { background-color:transparent; border:none; background-image:none } .error {color:#e91b25} /* container */ .container { height:100%; top:0px; left:0px; overflow:visible; background-image:url(../images/margauche.gif); background-repeat:no-repeat; padding:0px 0px 0px 20px; } /* container overflow: visible=scroll full page, auto=scroll portlets only */ /* portlets spacing */ .outer-left-top { padding: 15px 0px 0px 5px; height:100% } .outer-right-bottom { padding: 0px 15px 0px 0px; height:100% } /* 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 { cursor:hand; background-image:url(../images/btmailto.gif); background-repeat:no-repeat; background-position:15px center; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:normal; color:#3576C0; padding:4px 20px 0px 36px; height:20px} .action-getfile { cursor:hand; background-image:url(../images/btfile.gif); background-repeat:no-repeat; background-position:15px center; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:normal; color:#3576C0; padding:4px 20px 0px 36px; height:20px} .action-openlink {cursor:hand; background-image:url(../images/btlink.gif); background-repeat:no-repeat; background-position:15px center; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:normal; color:#3576C0; padding:4px 20px 0px 36px; height:20px} .action-print {cursor:hand; background-image:url(../images/btprint.gif); background-repeat:no-repeat; background-position:15px center; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:normal; color:#3576C0; padding:4px 20px 0px 36px; height:20px} /* ---- header -------------------- */ /* main */ .header { background-image:url(../images/header.jpg); background-repeat:no-repeat; height:96px; } .header .layout { table-layout:auto } /* do not modify */ /* logos */ .header .logo-left {width:280px; padding:0px 0px 0px 0px;} .header .logo-left .content { width:280px; background-image:url(../images/logo.gif); background-repeat:no-repeat; } .header .logo-left .content .title-top { display:none } .header .logo-left .content .title-bottom { display:none } .header .logo-right { width:0px; background-color:#396 } .header .logo-right .content { width:0px } .header .logo-right .content .title-top { display:none } .header .logo-right .content .title-bottom { display:none } /* user information (portal specific) */ .header .userinfo { float:right; margin-top:5px } .header .userinfo .left { background-image:url(../images/userinfoleft.gif); width:17px; background-repeat:no-repeat } .header .userinfo .user { height:19px; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:normal; color:#757875; background-image:url(../images/userinfoback.gif); background-repeat:repeat-x; padding:1px 0px 4px 2px;} .header .userinfo .icon { width:10px; font-size:1px; background-image:url(../images/userinfoicon.gif); } .header .userinfo .info { height:19px; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:bold; color:#288cad; background-image:url(../images/userinfoback.gif); background-repeat:repeat-x; padding:0px 0px 3px 0px;} .header .userinfo .right { background-image:url(../images/userinfoback.gif); width:10px; background-repeat:repeat-x} /* navigation (switch between portal and applications) */ .header .tabopt { float:right; margin-bottom:10px} .header .tabopt .leftmargin { height:19px; width:8px; background-image:url(../images/taboptleftmg.gif); background-repeat:no-repeat} .header .tabopt .left { height:19px; width:7px; background-image:url(../images/taboptleft.gif); background-repeat:no-repeat } .header .tabopt .content { background-image:url(../images/taboptback.gif); font-family:arial,helvetica,sans serif; font-size:11px; font-weight:normal; color:#ffffff; padding:2px 0px 2px 0px; background-repeat:repeat-x } .header .tabopt .right { width:6px; background-image:url(../images/taboptright.gif); background-repeat:no-repeat } .header .tabopt .rightmargin { height:19px; width:7px; background-image:url(../images/taboptrightmg.gif); background-repeat:repeat-x} /* links */ .header .tabopt A { font-family:arial,helvetica,sans serif; font-size:11px; font-weight:normal; text-decoration:none } .header .tabopt A:link,.header .tabopt A:visited { color:#536798 } .header .tabopt A:hover,.header .tabopt A:active { color:#e9842a } /* sub element */ .subheader { display:none } /* application information (application specific) */ .header .modinfo { float:right; margin-top:5px} .header .modinfo .left {background-image:url(../images/modinfoico.gif); background-repeat:no-repeat; width:10px;} .header .modinfo .title { background-image:url(../images/modinfoback.gif); background-repeat:repeat-x; height:22px; font-family:arial,helvetica,sans serif; font-size:12px; font-weight:bold; color:#757875; padding:0px 7px 3px 0px; } .header .modinfo .actions { width:0px } .header .modinfo .right { background-image:url(../images/modinforight.gif); background-repeat:no-repeat; width:9px } /* ---- navigation level 1 (inside portal or application) ---- */ /* tabs level 1 */ .tabnav-empty { font-size:0px; height:35px; background-image:url(../images/tabnavback.jpg); background-repeat:no-repeat; } .tabnav { background-image:url(../images/tabnavback.jpg); height:35px; background-repeat:no-repeat; padding-top:0px } .tabnav .outer { padding:0px; float:left } /* alignment */ .tabnav .leftmargin { height:30px; width:18px } .tabnav .left { height:35px; width:11px; background-image:url(../images/tabnavleft.gif); background-repeat:no-repeat; } .tabnav .content { background-image:url(../images/tabnavmid.gif); color:#ffffff; padding:0px 2px 5px 0px; background-repeat:repeat-x; } .tabnav .right { width:16px; background-image:url(../images/tabnavright.gif); background-repeat:no-repeat; } .tabnav .left-active { height:35px; width:11px; background-image:url(../images/tabnavlefton.gif); background-repeat:no-repeat} .tabnav .content-active { background-image:url(../images/tabnavmidon.gif); font-family:verdana,arial,helvetica,sans serif; font-size:12px; font-weight:bold; color:#209cd2; padding:0px 2px 5px 0px; background-repeat:repeat-x; } .tabnav .right-active { width:17px; background-image:url(../images/tabnavrighton.gif); background-repeat:no-repeat } .tabnav .rightmargin { width:6px } /* links */ .tabnav A { font-family:verdana,arial,helvetica,sans serif; font-size:12px; font-weight:bold; text-decoration:none !important } .tabnav A:link, .tabnav A:visited { color:#7282a9; text-decoration:none } .tabnav A:hover, .tabnav A:active { color:#F34509; text-decoration:none } /* sub element (level 1) */ .subtabnav { background-image:url(../images/subtabnav.gif); background-repeat:no-repeat; height:11px; font-size:0px } /* tabs level 2 */ .tabnav2-empty { font-size:0px; background-image:url(../images/tabnav2back.jpg); height:35px; background-repeat:no-repeat} .tabnav2 { background-image:url(../images/tabnav2back.jpg); height:26px; background-repeat:no-repeat; } .tabnav2 .outer { padding:0px; margin:0px; float:left } /* alignment */ .tabnav2 .leftmargin { height:26px; width:9px; background-image:url(../images/tabnav2leftmg.gif); background-repeat:repeat-x; } .tabnav2 .left { width:5px; background-image:url(../images/tabnav2left.gif); background-repeat:no-repeat; } .tabnav2 .content { background-image:url(../images/tabnav2ct.gif); background-repeat:repeat-x; font-size:11px; font-weight:bold; color:#181818; padding:0px 3px 0px 3px } .tabnav2 .right { width:4px; background-image:url(../images/tabnav2right.gif); background-repeat:no-repeat;} .tabnav2 .left-active { width:0px;} .tabnav2 .content-active { background-image:url(../images/tabnav2cta.gif); background-repeat:no-repeat; background-position:center top; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:bold; color:#209cd2; padding:0px 3px 0px 8px} .tabnav2 .right-active { width:4px; background-image:url(../images/tabnav2righta.gif); background-repeat:no-repeat; } .tabnav2 .rightmargin { width:13px; background-image:url(../images/tabnav2rightmg.gif); background-repeat:no-repeat; } /* links */ .tabnav2 A { font-family:arial,helvetica,sans serif; font-size:11px; font-weight:bold; color:#455aa3; text-decoration:none !important } .tabnav2 A:link, .tabnav2 A:visited { color:#7383aa; text-decoration:none } .tabnav2 A:hover, .tabnav2 A:active { color:#5F4A4D; text-decoration:none } /* sub element (level 2) */ .subtabnav2 { background-image:url(../images/subtabnav.gif); height:16px; font-size:0px } /* ---- navigation level 2 (application specific) ---- */ /* history */ .history { height:24px; background-image:url(../images/historyback2.gif); background-repeat:repeat-x; width:100%; } .history .outer { padding:0px; margin:0px; float:left; } /* alignment */ .history .leftmargin {width:25px; height:24px; background-image:url(../images/historyleftmg.gif); background-repeat:no-repeat; } .history .left {width:0px;} .history .content {font-family:arial,helvetica,sans serif; font-weight:normal; font-size:11px; color:#407DC3; padding:0px 3px 5px 3px; background-image:url(../images/historyback.gif); background-repeat:repeat-x; } .history .right {width:0px;} .history .left-active {width:0px;} .history .content-active {font-family:arial,helvetica,sans serif; font-weight:normal; font-size:11px; color:#4F92E5; padding:0px 3px 5px 3px; background-image:url(../images/historyback.gif); background-repeat:repeat-x;} .history .right-active {width:0px;} .history .rightmargin {width:15px; 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; text-decoration:none !important } .history A:link, .history A:visited { color:#3d4a54; text-decoration:underline } .history A:hover, .history A:active { color:#F74909; text-decoration:underline } /* ---- portlet structure --------- */ /* main */ .portlet { table-layout:auto } /* do not modify */ .portlet .inner { background-color:#FFFFFF; height:100%; overflow-x:auto; font-family:arial,helvetica,sans serif; font-size:11px; } /* zones */ .portlet .outerzone1 { } .portlet .zone1 { table-layout:fixed; overflow:hidden } .portlet .zone1 .left { width:0px } .portlet .zone1 .icon { background-image:url(../images/z1default.gif); width:69px; background-repeat:no-repeat; font-size:1px; background-position:bottom right; } .portlet .zone1 .center { background-image:url(../images/z1center.gif); background-repeat:repeat-x; background-position:bottom right; font-family:arial,helvetica,sans serif; font-size:12px; font-weight:bold; color:#3C97D6; padding:14px 30px 12px 0px; } .portlet .zone1 .center .text-highlighted { color:#2993c1 } .portlet .zone1 .right { background-image:url(../images/z1right.gif); width:15px; background-repeat:no-repeat; background-position:bottom right; } .portlet .zone1 .action-refresh { background-image:url(../images/prefresh.gif); width:22px; background-repeat:no-repeat; background-position:bottom right; cursor:pointer; cursor:hand } .portlet .zone1 .action-customize { background-image:url(../images/pedit.gif); width:22px; background-repeat:no-repeat; background-position:bottom right; cursor:pointer; cursor:hand } .portlet .zone1 .action-restore { background-image:url(../images/prestore.gif); width:22px; background-repeat:no-repeat; background-position:bottom right; cursor:pointer; cursor:hand } .portlet .zone1 .action-minimize { background-image:url(../images/pminimize.gif); width:22px; background-repeat:no-repeat; background-position:bottom right; cursor:pointer; cursor:hand } .portlet .zone1 .action-maximize { background-image:url(../images/pmaximize.gif); width:22px; background-repeat:no-repeat; background-position:bottom right; cursor:pointer; cursor:hand } .portlet .zone1 .action-help { background-image:url(../images/phelp.gif); width:22px; background-repeat:no-repeat; background-position:bottom right; cursor:pointer; cursor:hand } .portlet .zone1 .action-close { background-image:url(../images/pclose.gif); width:22px; background-repeat:no-repeat; background-position:bottom right; cursor:pointer; cursor:hand } .portlet .outerzone2 {display:none; } .portlet .zone2 { } .portlet .zone2 .left { } .portlet .zone2 .center { } .portlet .zone2 .right { } .portlet .outerzone3 { } .portlet .zone3 { table-layout:auto; overflow:hidden } .portlet .zone3 .left { background-image:url(../images/z3left.gif); width:58px; background-repeat:repeat-y; background-position:top right } .portlet .zone3 .center { background-color:#FFFFFF; padding-top:10px } .portlet .zone3 .right { background-image:url(../images/z3right.gif); width:25px; background-repeat:repeat-y } .portlet .outerzone4 { } .portlet .zone4 { table-layout:fixed; overflow:hidden } .portlet .zone4 .left { background-image:url(../images/z4left.gif); width:58px; background-repeat:no-repeat; background-position:top right } .portlet .zone4 .center { height:35px; background-image:url(../images/z4mid.gif); background-repeat:repeat-x } .portlet .zone4 .right { background-image:url(../images/z4right.gif); width:25px; background-repeat:no-repeat } /* ---- application portlet structure-------- */ .application .portlet .zone1 .left {background-image:url(../images/z1left.gif); width:31px; background-repeat:no-repeat; background-position: bottom right} .application .portlet .zone1 .icon {width:0px} .application .portlet .zone3 .left { background-image:url(../images/z3left.gif); width:31px; background-repeat:repeat-y; background-position:top right } .application .portlet .zone4 .left { background-image:url(../images/z4left.gif); width:31px; background-repeat:no-repeat; background-position:top right } .application .portlet .step {height:100%;} .application .header-border {border:none} /* ---- portlet navigation -------- */ /* menu */ .menu .portlet { width:190px; } .menu .portlet .inner { background-color:white; padding:13px 0px 0px 0px; } .menu .menu-inactive { background-image:url(../images/menu_back.gif); background-repeat:no-repeat; background-position:left bottom; background-color:#FFFFFF; padding:3px 4px 5px 18px; font-family:arial,helvetica,sans serif; font-weight:bold; font-size:11px; color:#2993c1; border-top:1px solid #c1cdd6; border-left:1px solid #c1cdd6; border-right:1px solid #c1cdd6} .menu .menu-active { background-image:url(../images/menu_arrow.gif); background-position:left bottom; background-repeat:no-repeat; background-color:#eeede9; padding:3px 4px 5px 18px; font-family:arial,helvetica,sans serif; font-weight:bold; font-size:11px; color:#ab9da4; cursor:default; border:1px solid #c1cdd6} /* 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:#7598b1; text-decoration:none } .menu A:hover, .menu A:active { color:#00B7FF; text-decoration:none } /* tabs */ .portlet .portletnav { height:22px; padding:5px; } .portlet .portletnav .outer {padding:0px; margin:0px; float:left } /* alignment */ .portlet .portletnav .leftmargin {background-image:url(../images/pltnavleftmg.gif); background-repeat:no-repeat; width:13px; } .application .portlet .portletnav .left { background-image:url(../images/pltnavleft.gif); background-repeat:no-repeat; width:6px; } .portlet .portletnav .content {height:22px; background-image:url(../images/pltnavct.gif); background-repeat:repeat-x; padding:0px 2px 0px 2px; } .portlet .portletnav .right { background-image:url(../images/pltnavright.gif); background-repeat:no-repeat; width:6px; } .portlet .portletnav .left-active { width:0px; } .portlet .portletnav .content-active { height:24px; background-image:url(../images/pltnavcta.gif); background-repeat:repeat-x; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:bold; text-decoration:none; color:#1a9dd3; padding:0px 0px 0px 6px; } .portlet .portletnav .right-active { background-image:url(../images/pltnavrighta.gif); background-repeat:no-repeat; width:6px; } .portlet .portletnav .rightmargin {width:10px; background-image:url(../images/pltnavrightmg.gif); background-repeat:no-repeat; } /* links */ .portlet .portletnav A { font-family:arial,helvetica,sans serif; font-size:11px; font-weight:bold; text-decoration:none !important } .portlet .portletnav A:link, .portlet .portletnav A:visited { color:#7383aa; text-decoration:none } .portlet .portletnav A:hover, .portlet .portletnav A:active { color:#4d82ab; text-decoration:none } /* steps */ .portlet .step { table-layout:fixed; padding:8px 4px 0px 4px;} .portlet .step .stepnav { height:28px; background-image:url(../images/stepnavunder.gif); background-repeat:repeat-x; border-bottom:1px solid #E7E7E7 } .portlet .step .stepnav .outer { padding:0px; margin:0px; float:left; } /* alignment */ .portlet .step .stepnav .leftmargin { width:0px } .portlet .step .stepnav .left { width:7px; background-image:url(../images/stepnavleft.gif); background-repeat:no-repeat; } .portlet .step .stepnav .content {height:21px; background-image:url(../images/stenavct.gif); background-repeat:repeat-x; padding:0px 0px 3px 0px; color:#717580;} .portlet .step .stepnav .right { width:11px; background-image:url(../images/stepnavright.gif); background-repeat:no-repeat;} .portlet .step .stepnav .left-active { width:7px; background-image:url(../images/stepnavlefta.gif); background-repeat:no-repeat;} .portlet .step .stepnav .content-active { height:22px;background-image:url(../images/stepnavcta.gif); background-repeat:repeat-x; padding:0px 0px 3px 0px; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:bold; color:#2993c1; } .portlet .step .stepnav .right-active { width:11px; background-image:url(../images/stepnavrighta.gif); background-repeat:no-repeat; } .portlet .step .stepnav .rightmargin { width:0px} /* links */ .portlet .stepnav A { font-family:arial,helvetica,sans serif; font-size:11px; font-weight:bold; text-decoration:none !important } .portlet .stepnav A:link, .portlet .stepnav A:visited { color:#7b8d9d; text-decoration:none } .portlet .stepnav A:hover, .portlet .stepnav A:active { color:#2993c1; text-decoration:none } .step .content-zone {background-color:#ffffff} .step .buttons-outer { background-image:url(../images/gridfoot.gif)} /* ---- portlet content ----------- */ .header-border {border-collapse:collapse;border:1px solid #e0e5e8} /* headers */ .header-level1 { background-image:url(../images/h1_back.gif); background-position:left bottom; background-repeat:no-repeat; padding:5px 3px 8px 22px; font-family:arial,helvetica,sans serif; font-size:12px; font-weight:bold; color:#587993; background-repeat:no-repeat; } .header-level1-collapsed { cursor:pointer; cursor:hand; padding:4px 4px 6px 24px; background-image:url(../images/h1_collapsed.gif); background-repeat:no-repeat; background-position:left bottom; font-family:arial,helvetica,sans serif; font-size:12px; font-weight:bold; color:#2993c1; border:1px solid #c1cdd6 } .header-level1-expanded { background-image:url(../images/h1_expanded.gif); padding:4px 4px 6px 24px; background-repeat:no-repeat; cursor:pointer; cursor:hand; background-position:left bottom; font-family:arial,helvetica,sans serif; font-size:12px; font-weight:bold; color:#2993c1; border-top:1px solid #c1cdd6; border-right:1px solid #c1cdd6; border-left:1px solid #c1cdd6 } .header-level2 { background-image:url(../images/h1_back.gif); background-position:left bottom; background-repeat:no-repeat; padding:3px 4px 4px 30px; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:bold; color:#2993c1; background-repeat:no-repeat;} .header-level2-collapsed { cursor:pointer; cursor:hand; padding:3px 4px 6px 30px; background-image:url(../images/h2_collapsed.gif); background-repeat:no-repeat; background-color:#ffffff; background-position:left bottom; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:bold; color:#a1a1a1; border-left:1px solid #C1CDD6; border-top:1px solid #C1CDD6; border-right:1px solid #C1CDD6; border-bottom:1px solid #C1CDD6; } .header-level2-expanded { background-image:url(../images/h2_expanded.gif); background-color:#ffffff; padding:3px 4px 6px 30px; background-repeat:no-repeat; background-position:left bottom; cursor:pointer; cursor:hand; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:bold; color:#00ADED; border-left:1px solid #C1CDD6; border-top:1px solid #C1CDD6; border-right:1px solid #C1CDD6; border-bottom:1px solid #C1CDD6;} .header-level3 { background-image:url(../images/h1_back.gif); background-position:left bottom; background-repeat:no-repeat; padding:5px 3px 8px 22px; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:normal; color:#2993c1; background-repeat:no-repeat } .header-level3-collapsed { cursor:pointer; cursor:hand; padding:4px 4px 4px 43px; background-image:url(../images/h2_collapsed.gif); background-repeat:no-repeat; background-position:16px 0px; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:normal; color:#0F3251; border-left:2px solid #DAFBFF; border-right:2px solid #DAFBFF; border-top:1px solid #9BE4EF; border-bottom:1px solid #9BE4EF; } .header-level3-expanded { background-image:url(../images/h2_expanded.gif); padding:4px 4px 4px 43px; background-repeat:no-repeat; background-position:16px 0px; cursor:pointer; cursor:hand; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:normal; color:#00ADED;border-left:2px solid #DAFBFF; border-right:2px solid #DAFBFF; border-top:1px solid #9BE4EF; border-bottom:1px solid #9BE4EF; } .header-level4 { font-family:arial,helvetica,sans serif; font-size:11px; font-weight:normal; padding:2px 2px 4px 2px; color:#2993C1 } .header-level5 { font-family:verdana, arial,helvetica,sans serif; font-size:9px; font-weight:bold; color:#2993C1; padding:2px 2px 4px 2px; } .header-level6 { font-family:verdana, arial,helvetica,sans serif; font-size:9px; font-weight:bold; color:#587993; padding:2px 0px 2px 12px } .header-helper {background-color:#cbfdff; padding:4px; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:bold; background-image:url(../images/messico.gif); background-position:6px 6px; padding-left:20px; background-repeat:no-repeat; color:#00b0e8; border-top:1px solid #a0e9f5; border-bottom:1px solid #a0e9f5} .header-nav { } /* content zones (text block, text+image, tables...) */ .content-zone { padding:8px; } .content-zone2 { } .footer-level1 { background-image:url(../images/gridfoot.gif); background-repeat:repeat-x; background-position:left top; padding:7px 3px 3px 3px; font-family:arial,helvetica,sans serif; font-size:11px; color:#3576C0; } /* links */ .footer-level1 A:link, .footer-level1 A:visited { text-decoration:none } .footer-level1 A:active, .footer-level1 A:hover { text-decoration:underline overline } /* texts */ .text-level1 { font-size:10px; font-weight:normal; color:#0F3251; padding:2px 0px 2px 2px } .text-level2 { font-size:9px; font-weight:normal; color:#0F3251; padding:2px 0px 2px 12px } .text-style1 { font-weight:bold; } .text-style2 { font-style:italic } .text-style3 { font-color:green } .text-highlighted { color:#d04b10} .text-readonly { color:#9BA499 } STRONG,B { font-weight:bold; font-family:verdana, arial, helvetica; } I { font-style:italic } /* text alignments */ .text-align1 { text-align:left } .text-align2 { text-align:center } .text-align3 { text-align:right } /* images */ .image-outer {border:0px solid #E1E1D6; margin:4px 4px 4px 4px } /* lists */ .text-list { padding:1px; font-size:10px; background-image:url(../images/bullet_list.gif); background-repeat:no-repeat; padding-left:15px; background-position:7px 5px; color:#0069AC } .text-link-list { padding:1px; font-size:11px; background-image:url(../images/bullet6.gif); background-repeat:no-repeat; padding-left:15px; background-position:0px 5px; color:#0069AC } /* tables */ .table-border {border-collapse:collapse;} .table-header {font-family:arial,helvetica,sans serif; font-size:11px; font-weight:normal; background-color:#D2F0F8; color:#0058DC; padding:8px 2px 8px 4px; background-color:#D2F0F8; } .cell-header { border:1px solid #e8e9ea; padding:2px 4px 3px 4px; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:normal; background-color:#f7f1d4; color:#956b43; } .cell1 { border:1px solid #e8e9ea; padding:2px 4px 2px 4px; font-family:arial,helvetica,sans serif; font-size:10px; background-color:#f5f3ee; color:#0F3251 } .cell2 { border:1px solid #e8e9ea; padding:2px 4px 2px 4px; font-family:arial,helvetica,sans serif; font-size:10px; background-color:#ffffff; color:#0F3251 } .cell-footer{ border:1px solid #c1cdd6; padding:2px 4px 2px 4px; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:normal; background-color:#D2F0F8; color:#0058DC} .cell-highlighted { border:1px solid #c1cdd6; padding:2px 4px 2px 4px; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:bold; background-color:#dae1e6; color:#da323a; cursor:hand } /* links */ .cell-header A:link, .cell-header A:visited { color:#956b43 } .cell-header A:hover, .cell-header A:active { color:#F34509 } /* forms tables */ .form-style1, .form-style2 { } .form-style1 .cell1 { text-align:right; background-color:white; border:none; 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:5px 9px; background-position:5px center } /* background-position Mozilla;IE */ .form-style2 .cell1 { text-align:right; padding:2px 8px 2px 8px; font-size:11px} .form-style2 .cell2 { padding:2px 8px 2px 8px; font-size:11px; color:#0F3251} /* 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 { padding:10px 0px 0px 0px; text-align:right; margin-top:6px; background-image:url(../images/buttons_outer.gif); background-repeat:repeat-x; background-position:left top;} .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 {border:none; background-image:none; padding:0px 0px 10px 0px;} /* main */ .button { } /*default button*/ .main {font-weight:bold} /* links */ .button A:link, .button A:visited { cursor:hand; color:#68718e; text-decoration:none !important } .button A:hover, .button A:active { cursor:hand; color:#C71E26; text-decoration:none !important } /* button1 */ .button1-part0 { white-space:nowrap; margin:0px 2px 1px 2px; background-color:transparent; background-image:url(../images/button1bg1.png); background-repeat:no-repeat; background-position:top left; font-size:11px; height:1px } /* margin = space between buttons */ .button1-part1 { white-space:nowrap; padding:2px 8px 4px 0px; background-color:transparent; background-image:url(../images/button1bg.png); background-repeat:no-repeat; background-position:top right; font-family:Arial, Helvetica,sans serif; height:1px } .button1-part0-down { white-space:nowrap; margin:0px 2px 1px 2px; background-color:transparent; background-image:url(../images/button1bg1.png); background-repeat:no-repeat; background-position:top left; font-size:11px; height:1px } /* margin = space between buttons */ .button1-part1-down { white-space:nowrap; padding:2px 8px 4px 0px; background-color:transparent; background-image:url(../images/button1bg.png); background-repeat:no-repeat; background-position:top right; font-family:Arial, Helvetica,sans serif; height:1px } /* button2 */ .button2-part0 { white-space:nowrap; margin:0px 0px 0px 0px; background-color:transparent; background-image:url(../images/button2bg1.gif); background-repeat:no-repeat; background-position:center left; font-size:11px; height:1px } /* 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; height:1px } .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; height:1px } /* margin = space between buttons */ .button2-part1-down { white-space:nowrap; padding:3px 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; height:1px } /* 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; height:1px } /* margin = space between buttons */ .button3-part1 { white-space:nowrap; padding:3px 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; height:1px } .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; height:1px } .button3-part1-down { white-space:nowrap; padding:3px 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; height:1px } /*h1 buttons*/ .header-level1 .button {font-weight:normal} /* ---- bars ----------- */ /* parts */ .bar-outer {font-size:1px } .bar { background-color:#ffffff; border:1px solid #e8e9ea;} .bar-gauge {background-image:url(../images/barbg.gif); font-size:10px; border-right:1px solid #e8e9ea;} .bar-text {width:26px; font-family:arial,helvetica,sans serif,helvetica; font-weight:normal; color:#494955; font-size:10px; margin:0px 3px 0px 0px; text-align:right} /* ---- component::grid ----------- */ .grid {height:100%} /* headers and footer */ .grid-header1 { height:30px; background-image:url(../images/h2_grid.gif); background-repeat:no-repeat; background-position:left bottom; background-color:white; padding:4px 3px 4px 18px; font-family:arial,helvetica,sans serif; font-weight:bold;font-size:11px; color:#2993c1; cursor:default} .grid .no-icon {background-image:url(../images/gridfoot.gif); background-repeat:repeat-x; background-position:left bottom;} .grid-header2 { background-image:url(../images/h1_grid.gif); background-repeat:no-repeat; background-position:left bottom; background-color:white; padding:4px 3px 4px 18px; font-family:arial,helvetica,sans serif; font-weight:bold; font-size:11px; color:#2993c1; height:30px } .grid-footer { padding:6px 3px 2px 8px; background-image:url(../images/gridfoot.gif); background-repeat:repeat-x; background-position:left top; background-color:white; font-family:arial,helvetica,sans serif; font-weight:bold;font-size:11px; color:#2993c1; } /* content */ .grid-content-zone { padding:8px; height:100%; background-color:#ffffff} /* buttons */ .grid .buttons-outer { text-align:left !important; border:none !important; background-image:none; padding:0px 0px 8px 0px; } .grid .button1-part0, .grid .button2-part0, .grid .button1-part0-down, .grid .button2-part0-down { margin:0px 1px 0px 1px } /* history */ .grid-history { font-family:arial,helvetica,sans serif; font-size:11px; color:#0F3251; padding:0px 2px 8px 2px; } /* texts */ .grid .grid-header1 .text-level1 { font-size:11px; font-weight:bold; color:#2993c1;padding:0px 2px 2px 2px} .grid .grid-header2 .text-level1 { font-size:11px; font-weight:bold; color:#2993c1 } .grid .grid-footer .text-level1 { font-size:11px; font-weight:normal; color:#2993c1 } .grid .grid-header1 .text-level2 { font-size:11px; color:#587993; padding:0px 2px 0px 2px } .grid .grid-header2 .text-level2 { font-size:11px; color:#2993c1; padding:0px 2px 0px 2px } .grid .grid-footer .text-level2 { font-size:11px; color:#2993c1; padding:0px 2px 0px 2px } .grid .cell-footer { border-top:none } /*grid-headers buttons*/ .grid-header1 .button {} .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 { margin:1px 1px 0px 1px; background-image:url(../images/buttongridbg1.gif); 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 {background-image:url(../images/buttongridbg.gif); background-repeat:no-repeat; background-position:top right; font-size:10px; padding:2px 8px 3px 0px;} /*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} /*--- simple grid -----*/ .simple-grid {height:100%} .simple-grid .header-border {border:none} /* headers and footer */ .simple-grid .grid-header1 { background-image: url(../images/gridfoot.gif); background-repeat: repeat-x; padding-left: 6px } .simple-grid .grid-header2 { } .simple-grid .grid-content-zone { padding:10px } .simple-grid .grid-footer { } /* texts */ .simple-grid .grid-header1 .text-level1 { font-size:11px; font-weight:normal; color:#2993c1 } .simple-grid .grid-header2 .text-level1 { font-size:11px; font-weight:bold; color:#2993c1 } .simple-grid .grid-footer .text-level1 { font-size:11px; font-weight:normal; color:#2993c1 } .simple-grid .grid-header1 .text-level2 { font-size:11px; color:#2993c1; padding:0px 2px 0px 2px } .simple-grid .grid-header2 .text-level2 { font-size:11px; color:#2993c1; padding:0px 2px 0px 2px } .simple-grid.grid-footer .text-level2 { font-size:11px; color:#2993c1; padding:0px 2px 0px 2px } .simple-grid.cell-footer { border-top:none } /*grid content*/ .simple-grid .table-border {border:none !important; } .simple-grid .cell-header { border:none; border-bottom:1px solid #c1cdd6; 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:#93883B !important}*/ /*---DataList---*/ .dataList {} .dataList .header-border {border:none} /* headers and footer */ .dataList .grid-header1 {height:auto;} .dataList .grid-header1 .text-level1 { font-size:11px; font-weight:bold; color:#2993c1 } .dataList .grid-header1 .text-level2 { font-size:11px; color:#2993c1; padding:0px 2px 0px 2px } .dataList .grid-footer .text-level1 { font-size:11px; font-weight:bold; color:#587993 } .dataList .grid-footer .text-level2 { font-size:11px; color:#587993; padding:0px 2px 0px 2px } /* Data zones */ #datazone1 {padding:3px 0px 7px 0px; margin:0px 2px 7px 2px;} #datazone1 .table-border {border:none} #datazone1 .text-link-list { margin:2px; font-weight:normal; } #datazone1 .text-highlighted { color:#4F92E5} #datazone2 {padding:7px} #datazone2.content-zone { } #datazone2 .header-border {} /* selector */ .selector { height:100%; background-color:#ffffff } .selector .outer-right-bottom {} .selector .outer-left-top {} .selector .header-border {border:none} .selector .grid-header1 {background-color:#FFFFFF; height:38px;} .selector .grid-header2 {background-color:#FFFFFF} .selector .grid-footer {background-color:#FFFFFF} .selector .grid-content-zone { padding-top:10px; padding-bottom:10px; overflow:auto;} .selector .buttons-outer { background-color:#FFFFFF; padding:5px; margin-left:15px; } .selector .grid .buttons-outer {background-color:#FFFFFF;padding:0px 5px 5px 5px; margin-left:0px;} .selector A:link,.selector A:visited {text-decoration:underline} .selector A:hover,.selector A:active {text-decoration:none} /* datePicker */ #datePicker .zone1 {height:71 px; } #datePicker .text-highlighted {font-family:arial,helvetica,sans serif;font-weight:bold; font-size:11px; color:#0058DC} #datePicker .content-zone TD {cursor:pointer; cursor:hand; border:1px solid #E3E3D5;} #datePicker A:link, #datePicker A:visited { text-decoration:none; color:black; } #datePicker .cell-highlighted A:link, #datePicker A:visited { color:white; } #datePicker .text-highlighted A:link, #datePicker A:visited { color:#2281AB; } #datePicker .header-level1 { background-image:url(../images/gridfoot.gif); background-repeat:repeat-x; padding-left:10px} /* wizzard */ .wizzard {height:100%;} .wizzard .clipart { display:none } .wizzard .header-level4 {font-family:arial,helvetica,sans serif; font-size:12px; font-weight:bold;} .wizzard .header-level5 {font-family:arial,helvetica,sans serif; font-size:11px; font-weight:bold;} .wizzard .header-level6 {font-family:arial,helvetica,sans serif; font-size:11px; font-weight:bold;} .wizzard #zoneB.content-zone {border-left:1px dashed #d4d4d4;} /* simple search*/ #SimpleSearch.grid-header1 {padding-bottom:5px; } #SimpleSearch.grid-header1 .text-level1 {font-size:11px; color:#2993c1; font-weight:bold} #SimpleSearch.grid-header1 .text-level2 { font-size:11px; color:#2993c1; font-weight:bold; padding:4px 2px 4px 10px} /* ---- footer ----------- */ /* main */ .footer { height:51px; background-image:url(../images/footer.gif); background-repeat:repeat-x; } .footer .left {height:51px; background-image:url(../images/footerleft.gif);background-repeat:no-repeat;} .footer .right {height:51px;} /* status message */ .message { background-color:#f0f4f7; background-repeat:repeat-x; height:29px;} .message .left { background-image:url(../images/messico.gif); background-repeat:no-repeat; background-position:5px 7px; font-family: arial,helvetica,sans serif; font-size:12px; font-weight:normal; color:#ffffff; padding-left:16px; padding-top:5px;} .message .right {} /* copyright */ .copyright { height:29px; background-image:url(../images/copyright.gif);background-position:left bottom;background-repeat:repeat-x;} .copyright .left { height:29px; background-image:url(../images/footleft.jpg); background-position:left bottom; background-repeat:no-repeat; font-family: arial,helvetica,sans serif; font-size:10px; font-weight:bold; color:#6c7e91; text-align:left; padding:0px 10px 4px 20px } .copyright .right { height:29px;background-repeat:no-repeat; font-family: arial,helvetica,sans serif; font-size:10px; font-weight:bold; color:#6c7e91; text-align:right; padding:0px 20px 4px 10px } /* links */ .copyright A:link, .copyright A:visited { color:#6c7e91; text-decoration:none } .copyright A:hover, .copyright A:active { color:#0C86BE; text-decoration:none } /* ---- pagelets layout ----------- */ /* main */ .pagelet-layout { padding:0px;} .pagelet-layout .buttons-outer { border:none !important; background-image:none; padding:3px } .pagelet-layout .outer-right-bottom { height:0px; padding: 0px 10px 10px 0px; } .pagelet-layout .header-level1 { border-bottom:none; border-top:1px solid #BFC7CD } .pagelet-layout .text-style1 { font-family:arial,helvetica,sans serif; font-size:12px; font-weight:bold; color:#424973 } .pagelet-layout .content-zone { padding:4px; background-color:#ffffff; border:1px solid #BFC7CD} .pagelet-layout .portlet-outer { padding:4px } .pagelet-layout .cell-header { } .pagelet-layout .cell1 { background-color:white; color:#424952; font-family:arial,helvetica,sans serif; font-size:11px; font-weight:normal; padding:4px; } .pagelet-layout .footer-level1 { text-align:right; background-image:url(../images/buttons_outer.gif); background-repeat:repeat-x; background-position:left top; margin:0px 10px 0px 10px; } /* ---- popup structure ----------- */ /* main */ .popup {height:100%; } .popup .portlet {height:100%;} .popup .portlet .zone1 { height:74px; background-image:url(../images/pophead.jpg); background-repeat:repeat-x} .popup .portlet .zone1 .left {width:10px} .popup .portlet .zone1 .icon {background-image:url(../images/pictopop.gif); background-repeat:no-repeat; background-position:8px 20px; height:45px; width:52px;} .popup .portlet .zone1 .center {font-family:arial,helvetica,sans serif; font-size:20px; font-weight:bold; background-image: none; color:#ffffff; padding:15px 0px 0px 18px; } .popup .portlet .zone1 .action-close {cursor:hand; background-image:url(../images/popclose.gif); background-repeat:no-repeat; background-position:0px 0px; width:35px;} .popup .portlet .zone1 .right {width:0px; background-image:none} .popup .portlet .zone3 .left {width:0px} .popup .portlet .zone3 .center {padding:0px } .popup .portlet .zone3 .inner {height:100%; } .popup .portlet .zone3 .right {width:0px} .popup .portlet .zone4 .left {width:0px} .popup .portlet .zone4 .center { background-image:url(../images/popfoot.gif); background-repeat:repeat-x; height:17px;} .popup .portlet .zone4 .right {width:0px} /* ---- tooltip ------------ */ #ToolTip { border:1px solid #2993c1; color:#008888; background-color:#f7f1d4; font-family:arial,helvetica,sans serif; font-size:10px; padding:2px 4px 2px 4px; width:250px } #ToolTip .hl { color:#2993c1; font-family:verdana,arial,helvetica,sans serif; font-weight:bold; font-size:9px; } /*-----------------new version 2006-------------------*/ /*selectors*/ .selector .grid-content-zone { overflow:auto; } /*fck contents render*/ .fckcontent {margin-bottom:20px;} .fckcontent TD {font-family:Arial,helvetica,sans serif; font-size:10px; color:#494955} .fckcontent STRONG,.fckcontent B { font-weight:bold; font-family:verdana,arial,sans serif } /**/ .header-level1 .button {font-weight:normal;} /* menu button */ .button IMG {margin:2px 0px 0px 2px;} /*----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;} /*bouton dans un menu*/ .ActionsMenu .button A:link, .ActionsMenu .button A:visited { cursor:hand; color:#323F56; text-decoration:none !important } .ActionsMenu .button A:hover, .ActionsMenu .button A:active { cursor:hand; text-decoration:none !important } .ActionsMenu .button1-part0, .ActionsMenu .button1-part1,.ActionsMenu .button1-part0-down, .ActionsMenu .button1-part1-down {margin-bottom:0px} /*-- niveau 1 --*/ /*zone de Menu*/ .ActionsMenu { position:relative; margin:0px; padding:0px; list-style:none; width:100%; height:20px; z-index:1; } /*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; } /*-- niveau 2 --*/ /*zone de sous-Menu*/ .ActionsMenu ul { position:absolute; background:#555555; border:none; list-style:none; margin:0px; padding:1px; width:120px; z-index:2; } /*item niveau 2*/ .ActionsMenu ul li { position:relative; float:none; margin:0px; padding:0px; display:inline; } /*lien item niveau 2*/ .ActionsMenu ul li a { display:block; width:120px; margin:0px; cursor:hand; color:#353535; font-family:arial,helvetica,sans serif; font-weight:normal; font-size:10px; background:#CCCCCC; border-bottom:1px solid #555555; border-top:3px solid #DFDFDF; padding:2px 6px 2px 6px;} ActionsMenu ul li a:link,.ActionsMenu ul li a:visited { display:block; width:120px; margin:0px; cursor:hand; color:#353535; font-family:arial,helvetica,sans serif; font-weight:normal; font-size:10px; background:#CCCCCC; border-bottom:1px solid #555555; border-top:3px solid #DFDFDF;} /*rollover item niveau 2*/ .ActionsMenu ul li a:hover,.ActionsMenu a.other:hover { background-color:#ffffff; color:#353535; font-weight:normal; border-bottom:1px solid #555555; border-top:3px solid #ffffff; background-image:none} .ActionsMenu ul li a span {} .ActionsMenu .other { background-color:#969696; color:#FFFFFF; font-weight:normal; border-bottom:1px solid #555555; border-top:3px solid #B9B9B9} .ActionsMenu .disabled { background-color:#ffffff; color:#a6a6a6; font-weight:normal; border-bottom:1px solid #555555; border-top:3px solid #ffffff} /*-----------------new version 2006-------------------*/ /*selectors*/ .selector .grid-content-zone { overflow:auto; } /*fck contents render*/ .fckcontent {margin-bottom:20px;} .fckcontent TD {font-family:Arial,helvetica,sans serif; font-size:10px; color:#494955} .fckcontent STRONG,.fckcontent B { font-weight:bold; font-family:verdana,arial,sans serif } /**/ .header-level1 .button {font-weight:normal;} /* menu button */ .button IMG {margin:2px 0px 0px 2px;} /*----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;} /*bouton dans un menu*/ .ActionsMenu .button A:link, .ActionsMenu .button A:visited { cursor:hand; color:#323F56; text-decoration:none !important } .ActionsMenu .button A:hover, .ActionsMenu .button A:active { cursor:hand; text-decoration:none !important } .ActionsMenu .button1-part0, .ActionsMenu .button1-part1,.ActionsMenu .button1-part0-down, .ActionsMenu .button1-part1-down {margin-bottom:0px} /*-- niveau 1 --*/ /*zone de Menu*/ .ActionsMenu { position:relative; margin:0px; padding:0px; list-style:none; width:100%; height:20px; z-index:1; } /*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; } /*-- niveau 2 --*/ /*zone de sous-Menu*/ .ActionsMenu ul { position:absolute; background:#555555; border:none; list-style:none; margin:0px; padding:1px; width:120px; z-index:2; } /*item niveau 2*/ .ActionsMenu ul li { position:relative; float:none; margin:0px; padding:0px; display:inline; } /*lien item niveau 2*/ .ActionsMenu ul li a { display:block; width:120px; margin:0px; cursor:hand; color:#353535; font-family:arial,helvetica,sans serif; font-weight:normal; font-size:10px; background:#CCCCCC; border-bottom:1px solid #555555; border-top:3px solid #DFDFDF; padding:2px 6px 2px 6px;} /*rollover item niveau 2*/ .ActionsMenu ul li a:hover,.ActionsMenu a.other:hover { background-color:#ffffff; color:#353535; font-weight:normal; border-bottom:1px solid #555555; border-top:3px solid #ffffff; background-image:none} .ActionsMenu ul li a span {} .ActionsMenu .other { background-color:#969696; color:#FFFFFF; font-weight:normal; border-bottom:1px solid #555555; border-top:3px solid #B9B9B9} .ActionsMenu .disabled { background-color:#ffffff; color:#a6a6a6; font-weight:normal; border-bottom:1px solid #555555; border-top:3px solid #ffffff} /*----new vdoc 2009----*/ /*history fix*/ .history {clear:both} /*Actions Menu*/ /*-- level 1 --*/ /*menu zone*/ .ActionsMenu { position:absolute; } .ActionsMenu ul ul { z-index:3; left:120px; top:0px;} .ActionsMenu li a:link,.ActionsMenu li a:visited,.ActionsMenu li a:hover,.ActionsMenu li a:active {text-decoration:none;} /*arrows if there is submenu*/ .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); } .ActionsMenu .withsubmenu span,.ActionsMenu A:hover.withsubmenu span {margin-right:5px} /*no arrows on sons*/ .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} /*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} /*tooltip bullet lists*/ #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; }