/* ---- common all browsers default -------------------- */ /* body */ BODY { background-color: #252525; scrollbar-3dlight-color:#6777ab; scrollbar-darkshadow-color:#6777ab; scrollbar-face-color:#ffffff; scrollbar-track-color:#e3efff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-arrow-color:#6777ab; padding:0px; margin:0px; overflow:auto} /* links */ A:link, A:visited { text-decoration: underline; color:#252525 ; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold } A:hover, A:active { color:#dafd08 } /* forms */ FORM { padding:0px; margin:0px } INPUT, TEXTAREA, SELECT { background-color:#ECECEC; color:#252525; font-family:arial, helvetica; font-size:10px } INPUT.readonly, TEXTAREA.readonly, SELECT.readonly { background-color:#ebebeb; color:#6a7a8e; font-family:arial, helvetica; font-size:10px } INPUT.radio { background-color:transparent} INPUT.checkbox { background-color:transparent } .error {color:red !important} /* container */ .container { height:100%; top:0px; left:0px; } /* container overflow: visible=scroll full page, auto=scroll portlets only */ /* portlets spacing */ .outer-left-top { padding: 10px 0px 0px 10px; height:100% } .outer-right-bottom { height:100%; padding: 0px 10px 10px 0px; background-color:#201f20; background-image:url(../images/back.jpg); background-repeat:repeat-x} /* 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 { background-image:none !important } /* action icons */ .action-mailto {height:20px; cursor:hand; background-image:url(../images/btmailto.gif); background-repeat:no-repeat; background-position:15px center; font-family:arial; font-size:10px; font-weight:normal; color:#154cce; padding:4px 20px 0px 36px; } .action-getfile {height:20px; cursor:hand; background-image:url(../images/btfile.gif); background-repeat:no-repeat; background-position:15px center; font-family:arial; font-size:10px; font-weight:normal; color:#154cce; padding:4px 20px 0px 36px;} .action-openlink {height:20px; cursor:hand; background-image:url(../images/btlink.gif); background-repeat:no-repeat; background-position:15px center; font-family:arial; font-size:10px; font-weight:normal; color:#154cce; padding:4px 20px 0px 36px;} .action-print {height:20px; cursor:hand; background-image:url(../images/btprint.gif); background-repeat:no-repeat; background-position:15px center; font-family:arial; font-size:10px; font-weight:normal; color:#154cce; padding:4px 20px 0px 36px;} /* ---- header -------------------- */ /* main */ .header { background-image:url(../images/tabnavback2.jpg); background-repeat:repeat-y; height:70px; background-color:#8aaa00} .header .layout { table-layout:auto } /* do not modify */ /* logos */ .header .logo-left { width:220px; padding:13px 0px 0px 15px; } .header .logo-left .content { width:220px; height:55px; background-image:url(../images/logo.jpg); 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 } .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; height:20px; margin:15px 10px 0px 0px } .header .userinfo .left { background-image:url(../images/userinfoleft.gif); width:9px; background-repeat:no-repeat } .header .userinfo .user { height:26px; background-image:url(../images/userinfoback.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:11px; font-weight:normal; color:#666666; padding:0px 0px 4px 0px;} .header .userinfo .icon { background-image:url(../images/userinfoicon.gif); width:13px; background-repeat:no-repeat; font-size:1px } .header .userinfo .info { height:26px; background-image:url(../images/userinfoback.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:11px; font-weight:bold; color:#8B7953; padding:0px 0px 4px 0px;} .header .userinfo .right { background-image:url(../images/userinforight.gif); width:10px; background-repeat:no-repeat; font-size:1px } /* navigation (switch between portal and applications) */ .header .tabopt { float:right;} .header .tabopt .leftmargin { height:22px; background-image:url(../images/header-tab-left.gif); width:20px; background-repeat:no-repeat; } .header .tabopt .left { display:none } .header .tabopt .content { background-image:url(../images/header-tab-content.gif); font-family:arial, helvetica; font-size:11px; font-weight:bold; color:#464970; padding:0px 8px 0px 10px; background-repeat:repeat-x; } .header .tabopt .right { display:none} .header .tabopt .rightmargin { height:22px; background-image:url(../images/header-tab-right.gif); width:20px; background-repeat:no-repeat; } /* links */ .header .tabopt A { font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none !important } .header .tabopt A:link, .header .tabopt A:visited { color:#ffffff } .header .tabopt A:hover { color:#ffffff } .header .tabopt A:active { color:#ffffff } /* sub element */ .subheader { display:none } /* application information (application specific) */ .header .modinfo { float:right; height:100%; padding:8px 0px 0px 0px} .header .modinfo .left { background-image:url(../images/modinfoleft.gif); width:35px; background-repeat:no-repeat } .header .modinfo .title { height:29px; background-image:url(../images/modinfoback.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:14px; font-weight:bold; color:white; padding:0px 2px 0px 6px } .header .modinfo .actions { display:none } .header .modinfo .right { background-image:url(../images/modinforight.gif); width:70px; background-repeat:no-repeat } /* ---- navigation level 1 (inside portal or application) ---- */ /* tabs level 1 */ .tabnav-empty { font-size:0px; height:27px; background-image:url(../images/tabnavback.gif); background-repeat:repeat-x; } .tabnav { background-image:url(../images/tabnavback3.jpg); height:23px; background-repeat:repeat-y; padding:10px 10px 5px 0px ; background-color: #5a8100 } .tabnav .outer { padding:0px; margin:0px; float:left } /* alignment */ .tabnav .leftmargin { height:18px; width:6px } .tabnav .left { height:18px; background-image:url(../images/tabnavleft.gif); background-repeat:no-repeat; width:15px } .tabnav .content { background-image:url(../images/tabnavmid.jpg); color:#464970; background-repeat:repeat-x; padding:0px 1px 0px 3px } .tabnav .right { background-image:url(../images/tabnavright.gif); background-repeat:no-repeat; width:10px; } .tabnav .left-active { height:18px; background-image:url(../images/taboptleftmg.gif); background-repeat:no-repeat; width:13px } .tabnav .content-active { background-image:url(../images/taboptback.gif); font-family:arial, helvetica; font-size:11px; font-weight:bold; color:#252525 !important; background-repeat:repeat-x; padding:0px 0px 0px 3px} .tabnav .right-active { background-image:url(../images/taboptrightmg.gif); background-repeat:no-repeat; width:11px; } .tabnav .rightmargin { height:18px; width:6px } /* links */ .tabnav A { font-family:verdana, helvetica; font-size:10px; font-weight:bold; text-decoration:none !important } .tabnav A:link, .tabnav A:visited { color:#e8e8e8; text-decoration:none } .tabnav A:hover, .tabnav A:active { color:#e8e8e8; text-decoration:none } /* sub element (level 1) */ .subtabnav { background-image:url(../images/subtabnav.jpg); background-repeat:repeat-x; height:19px; font-size:0px } /* tabs level 2 */ .tabnav2-empty { font-size:0px; height:27px; background-image:url(..//images/tabnavback.gif); background-repeat:repeat-x; } .tabnav2 { background-image:url(../images/tabnavback.gif); height:27px; background-repeat:repeat-x; padding:4px 0px 0px 5px} .tabnav2 .outer { padding:0px; margin:0px; float:left } /* alignment */ .tabnav2 .leftmargin { height:18px; background-image:url(../images/tabnav2leftmg.gif); background-repeat:no-repeat; width:11px;} .tabnav2 .left { display:none } .tabnav2 .content { height:18px; background-image:url(../images/tabnav2back.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-weight:bold; font-size:11px; color:#46628b; padding:0px 5px 0px 7px} .tabnav2 .right { display:none } .tabnav2 .left-active { display:none } .tabnav2 .content-active { height:18px; background-image:url(../images/tabnav2backa.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-weight:bold; font-size:11px; color:#40520a; padding:0px 5px 0px 7px} .tabnav2 .right-active { display:none } .tabnav2 .rightmargin { height:18px; background-image:url(../images/tabnav2rightmg.gif); background-repeat:no-repeat; width:18px } /* links */ .tabnav2 A { font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none !important } .tabnav2 A:link, .tabnav2 A:visited { color:#e5e5e5; text-decoration:none } .tabnav2 A:hover, .tabnav2 A:active { color:#fff; text-decoration:none } /* sub element (level 2) */ .subtabnav2 {background-image:url(../images/subtabnav.jpg); background-repeat:repeat-x; font-size:0; height:19px;} /* ---- navigation level 2 (application specific) ---- */ /* history */ .history {height:22px; background-color:#444242;} .history .outer { padding:0px; margin:0px; float:left } /* alignment */ .history .leftmargin {width:17px; height:22px; 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; font-weight:bold; font-size:11px; color:#bcd319; padding:0px 1px 1px 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; font-weight:bold; font-size:11px; color:#c4c4c4; padding:0px 1px 1px 3px} .history .right-active {display:none} .history .rightmargin {width:13px; background-image:url(../images/historyrightmg.gif); background-repeat:no-repeat;} /* links */ .history A { font-family:arial; font-size:11px; font-weight:bold; } .history A:link, .history A:visited { color:#bcd319; text-decoration:underline } .history A:hover, .history A:active { color:#ffffff; text-decoration:underline } /* ---- portlet structure --------- */ /* main */ .portlet { } /* do not modify */ .portlet .inner { background-color:white; height:100%; font-family:arial, helvetica; 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-image:url(../images/pz1icon.gif); width:32px; background-repeat:no-repeat; font-size:0px; } .portlet .zone1 .center { height:32px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#b3cd12; background-color:#323232} .portlet .zone1 .right { background-color:#323232; width:10px; font-size:0px;} .portlet .zone1 .action-refresh { background-image:url(../images/pz1refresh.gif); width:22px; background-repeat:no-repeat; cursor:pointer; cursor:hand } .portlet .zone1 .action-customize { background-image:url(../images/pz1edit.gif); width:22px; background-repeat:no-repeat; cursor:pointer; cursor:hand } .portlet .zone1 .action-restore { background-image:url(../images/pz1restore.gif); width:22px; background-repeat:no-repeat; cursor:pointer; cursor:hand } .portlet .zone1 .action-minimize { background-image:url(../images/pz1minimize.gif); width:22px; background-repeat:no-repeat; cursor:pointer; cursor:hand } .portlet .zone1 .action-maximize { background-image:url(../images/pz1maximize.gif); width:22px; background-repeat:no-repeat; cursor:pointer; cursor:hand } .portlet .zone1 .action-help { background-image:url(../images/pz1help.gif); width:22px; background-repeat:no-repeat; cursor:pointer; cursor:hand } .portlet .zone1 .action-close { background-image:url(../images/pz1close.gif); width:22px; background-repeat:no-repeat; cursor:pointer; cursor:hand } .portlet .outerzone2 { display:none } .portlet .zone2 { table-layout:fixed; overflow:hidden } /* do not modify */ .portlet .zone2 .left { } .portlet .zone2 .center { } .portlet .zone2 .right { } .portlet .outerzone3 { } .portlet .zone3 { table-layout:auto; overflow:hidden } /* do not modify */ .portlet .zone3 .left { background-color:#565656; width:1px } .portlet .zone3 .center { } .portlet .zone3 .right { } .portlet .outerzone4 { } .portlet .zone4 { table-layout:fixed; overflow:hidden } /* do not modify */ .portlet .zone4 .left { width:10px } .portlet .zone4 .center { height:19px; } .portlet .zone4 .right { width:10px; } /* ---- application portlet structure-------- */ .application .portlet .zone1 .left {background-color: #323232; width:10px; background-repeat:no-repeat} .application .portlet .zone1 .icon {display:none} .application .portlet .step {height:100%;} /* ---- portlet navigation -------- */ /* menu */ .menu .portlet { width:200px } .menu .portlet .inner { background-color:#606060; overflow:hidden; overflow-x:auto;} .menu .menu-inactive {background-color:#e9e9e9; padding:3px; font-family:arial, helvetica; font-size:11px; font-weight:bold; background-image:url(../images/ncmenuinactive.gif); background-repeat:no-repeat; padding-left:18px; border:1px solid #252525; color:#a8a8a8; background-position:6px 6px;} .menu .menu-active { background-color:#b9b9b9; padding:3px; font-family:arial,helvetica; font-size:11px; font-weight:bold; background-image: url(../images/ncmenuactive.gif); background-repeat:no-repeat; padding-left:18px; border-bottom: 1px solid #a8a8a8; border-top: 1px solid #a8a8a8; color: #252525; background-position: 6px 6px; cursor: default; } /* links */ .menu A { font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none !important } .menu A:link, .menu A:visited { color:#252525; text-decoration:none } .menu A:hover, .menu A:active { color:#252525; 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 { padding:5px 4px 5px 22px; border-top:1px solid #FFFFFF; border-bottom:1px solid #C4C4C4;} .menu UL LI SPAN A { font-weight:bold; } /*inactive*/ .menu .inactive SPAN {background:transparent url(../images/ncmenuinactive.gif) no-repeat 7px 6px;} .menu .inactive A:link, .menu .inactive A:visited { color:#252525 text-decoration:none } .menu .inactive A:hover, .menu .inactive A:active { color:#FF8400; text-decoration:none } /*active*/ .menu .active SPAN {background:transparent url(../images/ncmenuactive.gif) no-repeat 5px 7px;} .menu .active A:link, .menu .active A:visited { color:#92A410; text-decoration:none } .menu .active A:hover, .menu .active A:active { color:#92A410; text-decoration:none } /*niveau 2*/ .menu UL UL {background:#FFFFFF; margin:0px; padding-bottom:5px; border:1px solid #DADDDF; border-top:none} /*item*/ .menu UL UL LI SPAN { padding:5px 2px 3px 10px; margin-left:20px; border:none} .menu UL UL LI SPAN A { font-size:10px; font-weight:normal; } /*inactive*/ .menu UL UL .inactive SPAN {background:transparent url(../images/mepmenu.gif) no-repeat 0px 6px;} .menu UL UL .inactive A:link, .menu UL UL .inactive A:visited { color:#626A6D; text-decoration:none } .menu UL UL .inactive A:hover, .menu UL UL .inactive A:active { color:#FF8400; text-decoration:none } /*active*/ .menu UL UL .active SPAN {background:transparent url(../images/mepmenu.gif) no-repeat 0px 6px;} .menu UL UL .active A:link, .menu UL UL .active A:visited { color:#0069ED; text-decoration:none } .menu UL UL .active A:hover, .menu UL UL .active A:active { color:#FF8400; 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:#FF8400 } /* tabs */ .portletnav { padding:6px 5px 5px 5px; background-color:transparent; height:30px;background-color:#454545;} .portletnav .outer { padding:0px; margin:0px; float:left } /* alignment */ .portletnav .leftmargin { background-image:url(../images/portletnavleftmg.gif); background-repeat:no-repeat; width:10px; height:18px;} .portletnav .left { display:none } .portletnav .content { height:18px; background-image:url(../images/portletnavback.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none; color:#46628b; padding:0px 4px 0px 6px; } .portletnav .right { display:none } .portletnav .left-active { display:none } .portletnav .content-active { height:18px; background-image:url(../images/portletnavbacka.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none; color:#40520a; padding:0px 4px 0px 6px; } .portletnav .right-active { display:none } .portletnav .rightmargin {background-image:url(../images/portletnavrightmg.gif); background-repeat:no-repeat; width:11px; } /* links */ .portletnav A { font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none !important } .portletnav A:link, .portletnav A:visited { color:#4e4e4e; text-decoration:none } .portletnav A:hover, .portletnav A:active { color:#6b7a10; text-decoration:none } /* steps */ .step { padding:10px 4px 10px 4px; background-color:#686868 } .step .stepnav { height:22px; background-image:url(../images/stepnavunder.gif); background-repeat:repeat-x; border-bottom:1px solid #6677af; } .step .stepnav .outer { padding:0px; margin:0px; float:left; } /* alignment */ .step .stepnav .leftmargin { display:none; } .step .stepnav .left { height:22px; width:2px; background-image:url(../images/stepnavleft.gif); background-repeat:no-repeat; } .step .stepnav .content {height:22px; background-image:url(../images/stepnavback.gif); color:#424973; background-repeat:repeat-x; padding:0px 5px 6px 5px; cursor:hand;} .step .stepnav .right { width:9px; background-image:url(../images/stepnavright.gif); background-repeat:no-repeat; background-color:transparent} .step .stepnav .left-active { height:22px; width:4px; background-image:url(../images/stepnavlefta.gif); background-repeat:no-repeat; } .step .stepnav .content-active { height:22px; background-image:url(../images/stepnavbacka.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none; color:white; padding:0px 5px 6px 5px; } .step .stepnav .right-active { width:10px; background-image:url(../images/stepnavrighta.gif); background-repeat:no-repeat; } .step .stepnav .rightmargin { display:none;} /* links */ .stepnav A { font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none !important } .stepnav A:link, .stepnav A:visited { color:#4e4e4e; text-decoration:none } .stepnav A:hover, .stepnav A:active { color:#4e4e4e; text-decoration:none } .step .buttons-outer {background-image:none; padding:3px 0px 0px 0px; } .step .header-helper { border-top:0px } .step .content-zone .buttons-outer { padding-bottom:5px } /* ---- portlet content ----------- */ .header-border {border-collapse:collapse; color:#000000;} /* headers */ .header-level1 { background-color:#bcd319; padding:3px; font-family:arial, helvetica; font-size:11px; font-weight:bold; background-image:url(../images/headerlvl1.jpg) !important; background-repeat:repeat-x; padding-left:20px; color:#333333} .header-level1-collapsed { cursor:pointer; cursor:hand; font-family:arial, helvetica; background-color:#838383; padding:3px; font-size:11px; font-weight:bold; background-image:url(../images/h1_collapsed.gif); background-repeat:no-repeat; padding-left:21px; background-position:3px 3px; color:#000000 } .header-level1-expanded { cursor:pointer; cursor:hand; font-family:arial, helvetica; background-color:#838383; padding:3px 3px 7px 21px; font-size:11px; font-weight:bold; background-image:url(../images/h1_expanded.gif); background-repeat:no-repeat; background-position:3px 3px; color: #000000} .header-level2 { background-color:#c9ddff; padding:3px; font-family:arial, helvetica; font-size:11px; font-weight:bold; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; padding-left:20px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#2e568a; background-position:8px 7px } .header-level2-collapsed {cursor:pointer; cursor:hand; font-family:arial, helvetica; background-color:#c9ddff; padding:3px; font-size:11px; font-weight:bold; background-image:url(../images/h1_collapsed.gif); background-repeat:no-repeat; padding-left:21px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#2e568a; background-position:3px 3px } .header-level2-expanded {cursor:pointer; cursor:hand; font-family:arial, helvetica; background-color:#c9ddff; padding:3px; font-size:11px; font-weight:bold; background-image:url(../images/h1_expanded.gif); background-repeat:no-repeat; padding-left:21px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#2e568a; background-position:3px 3px } .header-level3 { background-color:#e3f1fa; padding:3px; font-family:arial, helvetica; font-size:11px; font-weight:bold; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; padding-left:20px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#2e568a; background-position:8px 7px } .header-level3-collapsed {background-color:#e3f1fa; padding:3px; font-family:arial, helvetica; font-size:11px; font-weight:bold; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#2e568a; background-image:url(../images/h1_collapsed.gif); background-repeat:no-repeat; background-position:3px 3px; padding-left:21px;} .header-level3-expanded {background-color:#e3f1fa; padding:3px; font-family:arial, helvetica; font-size:11px; font-weight:bold; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#2e568a; background-image:url(../images/h1_expanded.gif); background-repeat:no-repeat; background-position:3px 3px; padding-left:21px;} .header-level4 { font-family:arial, helvetica; font-size:11px; font-weight:bold; padding:2px 2px 4px 2px; color:#5e6671 } .header-level5 { font-family:verdana, arial, helvetica; font-size:9px; font-weight:bold; color:#252525; padding:2px 2px 4px 2px; } .header-level6 { font-family:verdana, arial, helvetica; font-size:9px; font-weight:bold; color:#3e96c8; padding:2px 0px 2px 12px } .header-error {border:1px solid #486293; text-align:center; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:11px; font-weight:bold; background-color:white; color:red; cursor:hand } .header-helper {background-color:#e2e2e2; padding:4px; font-family:arial, helvetica; font-size:10px; font-weight:normal; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#424962; height:24px;} .header-helper .text-style1 {color:#629a02;} .header-nav { background-color:#8eb1f1; border-top:1px solid #6677af;} /* content zones (text block, text+image, tables...) */ /*content-zone1*/ .content-zone { padding:8px 8px 8px 8px; background-color:#a5a5a5; background-image:url(../images/ombre.jpg); background-repeat:repeat-x} /*content-zone2*/ .content-zone2 {padding:8px; height:100%; background-color:#6777ab} .content-zone2 .buttons-outer {background-image:none; padding:3px 0px 0px 0px;} .content-zone2 .grid .buttons-outer {padding:0px 0px 8px 0px;} .content-zone2 .grid .grid-content-zone { height:100%;} /* footers */ .footer-level1 { background-color:#8eb1f1; padding:3px; font-family:arial, helvetica; font-size:10px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#2e568a; } /* links */ .footer-level1 A:link, .footer-level1 A:visited { color:#2e568a; text-decoration:none } .footer-level1 A:active, .footer-level1 A:hover { color:#3480ee } /* texts */ .text-level1 { font-family:arial, helvetica; font-size:10px; font-weight:normal; color:#2C2C2C; padding:2px 0px 2px 2px } .text-level2 { font-family:arial, helvetica; font-size: 9px; font-weight:normal; color:#ffffff; padding:2px 0px 2px 12px } .text-style1 { font-weight:bold; font-family:verdana, arial, helvetica } .text-style2 { font-style:italic } .text-style3 { color:green } .text-highlighted { color:#252525 } .text-readonly { color:#b89999 } /*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 } /* text alignments */ .text-align1 { text-align:left } .text-align2 { text-align:center } .text-align3 { text-align:right } /* images */ .image-outer {border:1px solid #6A9BDE; margin:4px 4px 4px 4px } /* lists */ .text-list { padding:1px; font-family:arial, helvetica; font-size:10px; background-image:url(../images/bullet_list.gif); background-repeat:no-repeat; padding-left:15px; background-position:7px 5px ; color:#FFFFFF} .text-link-list { padding:1px; font-family:arial, helvetica; font-size:10px; background-image:url(../images/link_arrow.gif); background-repeat:no-repeat; padding-left:15px; background-position:5px 5px } /* tables */ .table-border {border-collapse:collapse;} .table-header {border:1px solid #486293; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:10px; font-weight:normal; background-color:#8eb1f1; color:#163E7C} .cell-header { border:1px solid #606060; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:11px; font-weight:bold; background-color:#e9e9e9; color:#252525 } .cell1 { border:1px solid #606060; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:10px; background-color:#919191 } .cell2 { border:1px solid #606060; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:10px; background-color:#c5c5c5 } .cell-footer{border:1px solid #486293; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:10px; font-weight:normal; background-color:#8eb1f1; color:#163E7C} .cell-highlighted { border:1px solid #486293; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:11px; font-weight:bold; background-color:#ff7200; color:white; cursor:pointer; cursor:hand } /* links */ .cell-header A:link, .cell-header A:visited { color:#252525 } .cell-header A:hover, .cell-header A:active { color:#ffffff } .cell1 A:link, .cell1 A:visited { color:#252525; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold } .cell1 A:hover, .cell1 A:active { color:#DAFD08; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold } .cell2 A:link, .cell2 A:visited { color:#252525; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold } .cell2 A:hover, .cell2 A:active { color:#DAFD08; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold } /*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} /* forms tables */ .form-style1, .form-style2 { } .form-style1 .cell1 { text-align:right; background-color:#a5a5a5; border:0px; padding:4px 2px 4px 8px; color:#444242} .form-style1 .cell2 { width:100%; text-align:left; padding:4px 8px 4px 8px; background-color:#a5a5a5; border:0px; background-image:url(../images/link_arrow.gif); background-repeat:no-repeat; padding-left:15px; background-position:5px 9px; background-position:5px center } .form-style2 .table-border { border:1px solid #486293; } .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 6px 0px; margin:2px 2px 4px 2px; background-image:url(../images/buttons_outer2.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:15px 0px 0px 0px; text-align:right; } .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 {} .header-level1 .button {font-weight:normal;} /*default button*/ .main {} .main .button1-part0, .main .button2-part0, .main .button3-part0, .main .button1-part0-down, .main .button2-part0-down, .main .button3-part0-down { border:2px solid #486293 !important; } /* menu button */ .button IMG {margin:2px 0px 0px 2px;} /* links */ .button A:link, .button A:visited { cursor:hand; color:#074A98; text-decoration:none !important } .button A:hover, .button A:active { cursor:hand; text-decoration:none !important } /* button1 */ .button1-part0 { white-space:nowrap; margin:0px 2px 1px 2px; background-image:url(../images/button1bg.gif); border:1px solid #486293; height:1px; font-size:9px; } /* margin = space between buttons */ .button1-part1 { white-space:nowrap; padding:0px 5px 0px 5px; font-family:arial, helvetica; height:1px } .button1-part0-down { white-space:nowrap; margin:0px 2px 1px 2px; background-color:#cced9c; border:1px solid #486293; height:1px; font-size:9px } .button1-part1-down { white-space:nowrap; padding:0px 5px 0px 5px; font-family:arial, helvetica; height:1px } /* button2 */ .button2-part0 { white-space:nowrap; margin:0px 2px 1px 2px; background-image:url(../images/button2bg.gif); border:1px solid #486293; height:1px; font-size:9px } .button2-part1 { white-space:nowrap; padding:0px 5px 0px 5px; font-family:arial, helvetica; height:1px } .button2-part0-down { white-space:nowrap; margin:0px 2px 1px 2px; background-color:#ead38f; border:1px solid #486293; height:1px; font-size:9px } .button2-part1-down { white-space:nowrap; padding:0px 5px 0px 5px; font-family:arial, helvetica; height:1px } /* button3 */ .button3-part0 {white-space:nowrap; margin:0px 2px 1px 2px; background-image:url(../images/button3bg.gif); border:1px solid #486293; height:1px; font-size:9px } .button3-part1 { white-space:nowrap; padding:0px 5px 0px 5px; font-family:arial, helvetica; height:1px } .button3-part0-down { white-space:nowrap; margin:0px 2px 1px 2px; background-color:#84d8f7; border:1px solid #486293; height:1px; font-size:9px } .button3-part1-down { white-space:nowrap; padding:0px 5px 0px 5px; font-family:arial, helvetica; height:1px } /* ---- bars ----------- */ /* parts */ .bar-outer { font-size:1px } .bar { background-color:#eeeeee; border:1px solid #50638D;} .bar-gauge {background-image:url(../images/barbg.gif); font-size:10px; border-right:1px solid #50638D;} .bar-text {width:26px; font-family:arial,helvetica; font-weight:normal; color:#c75900; font-size:10px; margin:0px 3px 0px 0px; text-align:right} /* ---- component::grid ----------- */ .grid {height:100%} /* headers and footer */ .grid-header1 { height:32px; background-color:#e2e2e2; padding:3px; font-family:arial; font-size:11px; font-weight:bold; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; padding-left:20px; color:#2e568a; background-position:8px 12px } .grid-header2 { background-color:#8eb1f1; padding:3px; font-family:arial; font-size:11px; font-weight:bold; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; padding-left:20px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#2e568a; background-position:8px 12px } .grid-footer { background-color:#a0a0a0; padding:3px 3px 6px 3px; font-family:arial; font-size:11px; font-weight:bold; background-image:url(../images/fond-footer.jpg); background-repeat:repeat-x;} /* content */ .grid-content-zone { padding:4px 8px 8px 8px; height:100%; background-image: url(../images/ombre.jpg); background-repeat:repeat-x; background-color:#a5a5a5} /* buttons */ .grid .buttons-outer, .simple-grid .buttons-outer { text-align:left !important; background-image:none !important; padding:0px 0px 8px 0px; } .grid .button1-part0, .grid .button2-part0, .grid .button3-part0, .grid .button1-part0-down, .grid .button2-part0-down, .grid .button3-part0-down { margin:0px 1px 0px 1px } /* history */ .grid-history { font-family:arial, helvetica; font-size:11px; color:#2e568a; padding:0px 2px 8px 2px; } /* texts */ .grid .grid-header1 .text-level1, .simple-grid .grid-header1 .text-level1{ font-size:11px; font-weight:bold; color:#252525 } .grid .grid-header2 .text-level1, .simple-grid .grid-header2 .text-level1 { font-size:11px; font-weight:bold; color:#2e568a } .grid .grid-footer .text-level1, .simple-grid .grid-footer .text-level1 { font-size:11px; font-weight:bold; color:#252525 } .grid .grid-header1 .text-level2, .simple-grid .grid-header1 .text-level2 { font-size:11px; color:#2e568a; padding:0px 2px 0px 2px } .grid .grid-header2 .text-level2, .simple-grid .grid-header2 .text-level2 { font-size:11px; color:#2e568a; padding:0px 2px 0px 2px } .grid .grid-footer .text-level2, .simple-grid .grid-footer .text-level2{ font-size:11px; color:#252525; padding:0px 2px 0px 2px } .grid .cell-footer, .simple-grid .cell-footer { border-top:none } /*--- simple grid -----*/ .simple-grid {height:100%} /* headers and footer */ .simple-grid .grid-header1 { background-color:#d7d7d7; border-top:none; padding:0px; height:10px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; padding:0 0 0 16; background-position:8px 10px; border:none } .simple-grid .grid-header2 { background-color:#c9ddff; } .simple-grid .grid-footer { background-color:#a1a1a1; padding:5px;} /*grid content*/ .simple-grid .cell-header {border:none; border-bottom:1px solid #616161; background-color:transparent; color:#242424} .simple-grid .cell1 {border:none; background-color:transparent; } .simple-grid .cell2 {border:none; background-color:transparent; } .simple-grid .cell-header A {color:#242424 !important} /*---DataList---*/ .dataList {} .dataList .header-border {} /* headers and footer */ .dataList .grid-header1 {height:auto; border-bottom:none; background-position:8px 12px;} .dataList .grid-header1 .text-level1 { font-size:11px; font-weight:bold; color:#2e568a } .dataList .grid-header1 .text-level2 { font-size:11px; color:#2e568a; padding:0px 2px 0px 2px } .dataList .grid-footer .text-level1 { font-size:11px; font-weight:bold; color:#2e568a } .dataList .grid-footer .text-level2 { font-size:11px; color:#2e568a; padding:0px 2px 0px 2px } /* Data zones */ #datazone1 {padding:7px 5px 7px 5px; margin:0px; border-top:1px solid #6677AF;} #datazone1 .table-border {border:none} #datazone1 .text-link-list { margin:2px; } #datazone2 {padding:7px; border-top:1px solid #6677AF;} /* selector */ .selector { background-color:#6777ab; height:100%; } .selector .grid { background-color:white } .selector .buttons-outer { background-image:none !important; padding:5px } .selector .grid .buttons-outer { padding:5px } .selector .grid-content-zone { overflow:auto; } /* datePicker */ #datePicker .text-highlighted {font-family:arial;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 .cell-highlighted A:link, #datePicker A:visited { color:white; } #datePicker .text-highlighted {border:1px solid #6677af} #datePicker .text-highlighted .text-highlighted {border:none} #datePicker .text-highlighted A:link, #datePicker A:visited { color:#c75900; } #datePicker .zone1 {height:31px;} /* trick to prevent */ #datePicker .zone4 {height:16px;} /* wrong aspect */ /*Thumbnail view*/ .thumbnailView {height:260px; overflow:auto; border:1px solid #6777AB;} .list-item {border-bottom:1px solid #C0C8CE;} .thumbnail {width:100px; padding:4px;} /* wizzard */ .wizzard {height:100%; border-top:1px solid #6677af;} .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 #6677af;} .wizzard .grid .header-border {border:1px solid #6677af;} /* simple search*/ #SimpleSearch.grid-header1 {border-bottom:none} #SimpleSearch.grid-header1 .text-level1 {font-size:11px; font-weight:bold; color:#2e568a} #SimpleSearch.grid-header1 .text-level2 {font-size:11px; font-weight:normal; color:#2e568a; padding:4px 2px 4px 10px} /* ---- footer ----------- */ /* main */ .footer { height:10px } .footer .left { } .footer .right { } /* status message */ .message { height:27px; background-color:#d4f6ff} .message .left { height:27px; background-image:url(../images/message.gif); background-position:6px 7px; background-repeat:no-repeat; font-family: arial, helvetica; font-size:11px; font-weight:bold; color:#629a02; padding:0px 0px 0px 24px; background-color:#252525;} .message .right { height:27px; background-color:#252525;} /* copyright */ .copyright { background-color: #252525; padding:4px; background-image:url(../images/copyright.jpg); background-repeat:repeat-x} .copyright .left { font-family: arial, helvetica; font-size:10px; font-weight:bold; color:white; padding-left:4px } .copyright .right { font-family: arial, helvetica; font-size:10px; font-weight:bold; color:white; text-align:right; padding-right:12px } /* links */ .copyright A:link, .copyright A:visited { color:white; text-decoration:none } .copyright A:hover, .copyright A:active { color:#ff8400; text-decoration:none } /* ---- popup structure ----------- */ /* main */ .popup {height:100%; } .popup .portlet {height:100%;} .popup .portlet .zone1 .left {display:none} .popup .portlet .zone1 .icon {heigh:31px; background-image:url(../images/popupicon.gif)} .popup .portlet .zone1 .center {background-image:url(..images/popupback.gif)} .popup .portlet .zone1 .right {background-image:url(../images/popupback.gif); width:4px;} .popup .portlet .zone3 .left {display:none} .popup .portlet .zone3 .inner {} .popup .portlet .zone3 .right {display:none} .popup .portlet .zone4 .left {display:none} .popup .portlet .zone4 .center {background-image:url(../images/popupfoot.gif); height:16px} .popup .portlet .zone4 .right {display:none} /* ---- tooltip ------------ */ #ToolTip { border:1px solid #09346B; color:#09346B; background-color:#FEFFB2; font-family:arial; font-size:10px; padding:2px 4px 2px 4px; width:250px } #ToolTip .hl { color:#1169DA } #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 - border*/ .ActionsMenu ul { position:absolute; background:#798291; border:none; list-style:none; margin:0px; padding:0px 1px 1px 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; } /*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:#444242; border-top:1px solid #252525; } /*rollover item niveau 2*/ .ActionsMenu ul li a:hover,.ActionsMenu ul li a.disabled:hover { background-color:#c5de11; color:#252525; font-weight:normal; } .ActionsMenu ul li a span {} .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-color:#878787} .ActionsMenu ul li a.other:hover { background-color:#c5de11; color:#252525; font-weight:normal;} .ActionsMenu .disabled,.ActionsMenu .withsubmenu .disabled { background-color:#BEC1C6; color:#6F7376; font-weight:normal; } .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 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 {margin:0px; padding:0px 3px 8px 3px;} .section .section-header {background-color:#E9E9E9; height:24px; font-family:arial; font-size:11px; font-weight:bold; color:#252525; padding-left:22px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:9px 8px; border:1px solid #606060; border-bottom:none} .section .section-content {background-color:white; border:1px solid #6777ab;} .section .section-inner {} .section .section-footer {display:none} .empty-section .section-header {background-color:#8ab2ee; height:24px; font-family:arial; font-size:11px; font-weight:bold; color:#17407e; padding-left:22px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:9px 8px; border:1px solid #6777ab;} .empty-section .section-footer { display:none; } .section TABLE ,.empty-section TABLE {border-collapse:collapse} /* form subsection */ .subsection, .empty-subsection { margin:0px;} .subsection .section-header {background-color:#c6ddff; height:24px; font-family:arial; font-size:11px; font-weight:bold; color:#2763be; padding-left:22px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:9px 8px; border:1px solid #6777ab; border-bottom:none} .subsection .section-content {background-color:white; border:1px solid #6777ab;} .subsection .section-footer {display:none} .empty-subsection .section-header {background-color:#c6ddff; height:24px; font-family:arial; font-size:11px; font-weight:bold; color:#2763be; padding-left:22px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:9px 8px; border:1px solid #6777ab;} .subsection TABLE ,.empty-subsection TABLE {border-collapse:collapse} /* sections cells */ .cell-left { font-family:arial; font-size:10px; font-weight:normal; color:#424952; text-align:right; padding:1px 4px 1px 4px; background-color:#e3efff; vertical-align:middle; border:1px solid #6777ab;} .cell-right { font-family:arial; font-size:10px; font-weight:normal; color:#424952; text-align:left; padding:1px 4px 1px 4px; vertical-align:middle;border:1px solid #6777ab;}