/* ---- common all browsers MyServices-------------------- */ /* body */ BODY { background-color:white; scrollbar-3dlight-color:#9CC2E6; scrollbar-darkshadow-color:#9CC2E6; scrollbar-face-color:#ffffff; scrollbar-track-color:#EDF2F9; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-arrow-color:#FF9C00; padding:0px; margin:0px } /* links */ A:link, A:visited { text-decoration:underline; color:#487BF8 } A:hover, A:active { color:#F05E12 } /* forms */ FORM { padding:0px; margin:0px } INPUT, TEXTAREA, SELECT, .application .grid .grid-header1 INPUT,.application .grid .grid-header1 TEXTAREA,.application .grid .grid-header1 SELECT, .application .grid .grid-footer INPUT,.application .grid .grid-footer TEXTAREA,.application .grid .grid-footer SELECT { background-color:#ECFDFC; color:#5D44FF; font-family:arial, helvetica; font-size:10px; border-top:1px solid #A0DFF5; border-left:1px solid #A0DFF5; border-bottom:1px solid white; border-right:1px solid white } INPUT.readonly, TEXTAREA.readonly, SELECT.readonly { background-color:#F7F7F7; color:#7c92a0; font-family:arial, helvetica; font-size:10px; border-top:1px solid #C6D5DB; border-left:1px solid #C6D5DB; border-bottom:1px solid white; border-right:1px solid white } INPUT.radio, .application INPUT.radio{ background-color:transparent; border:none} INPUT.checkbox,.application INPUT.checkbox { background-color:transparent; border:none } .error {color:red} .application INPUT,.application TEXTAREA,.application SELECT { background-color:#FEFFEA; color:#5D42FF; font-family:arial, helvetica; font-size:10px; border:1px solid #FFC231; } #helpzone INPUT,#helpzone TEXTAREA,#helpzone SELECT{background-color:transparent; border:0px solid transparent } /* container */ .container { height:100%; top:0px; left:0px; overflow:visible } /* container overflow: visible=scroll full page, auto=scroll portlets/* portlets spacing */ .outer-left-top { padding: 6px 0px 0px 8px; height:100% } .outer-right-bottom { height:100%; padding: 0px 8px 8px 0px; } /* positions */ .floatleft { float:left; text-align:left; width:50%; } /* do not modify */ .floatright { float:right; text-align:right; width:50%; } /* do not modify */ /* no icon */ .no-icon { } /* action icons */ .action-mailto {height:20px; cursor:hand; background-image:url(../images/btmailto.gif); background-repeat:no-repeat; background-position:5px center; font-family:arial; font-size:10px; font-weight:normal; color:#154cce; padding:4px 5px 0px 26px; } .action-getfile {height:20px; cursor:hand; background-image:url(../images/btfile.gif); background-repeat:no-repeat; background-position:5px center; font-family:arial; font-size:10px; font-weight:normal; color:#154cce; padding:4px 5px 0px 26px;} .action-openlink {height:20px; cursor:hand; background-image:url(../images/btlink.gif); background-repeat:no-repeat; background-position:5px center; font-family:arial; font-size:10px; font-weight:normal; color:#154cce; padding:4px 5px 0px 26px;} .action-print {height:20px; cursor:hand; background-image:url(../images/btprint.gif); background-repeat:no-repeat; background-position:5px center; font-family:arial; font-size:10px; font-weight:normal; color:#154cce; padding:4px 5px 0px 26px;} /* ---- header -------------------- */ /* main */ .header { background-image:url(../images/header.jpg); height:73px; background-repeat:no-repeat } .header .layout { table-layout:auto } /* do not modify */ /* logos */ .header .logo-left { width:300px; padding:8px 0px 0px 11px} .header .logo-left .content { background-image:url(../images/logomycadplace.gif); background-repeat:no-repeat; width:300px; } .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 { height:31px; background-image:url(../images/userinfoback.gif); background-repeat:repeat-x; float:right } .header .userinfo .left {height:31px; background-image:url(../images/userinfoico.gif); background-repeat:no-repeat; width:26px;} .header .userinfo .user { height:31px; font-family:arial; font-size:10px; font-weight:normal; color:white; padding:8 3 0 3;} .header .userinfo .icon { display:none } .header .userinfo .info { height:31px; font-family:arial; font-size:10px; font-weight:normal; color:#FFD041; padding:8 0 0 0; } .header .userinfo .right {width:10px } /* navigation (switch between portal and applications) */ .header .tabopt { float:right; height:18px; padding-bottom:5px } .header .tabopt .leftmargin { height:18px; width:0px } .header .tabopt .left { background-image:url(../images/taboptleft.gif); width:5px } .header .tabopt .content { background-image:url(../images/taboptback.gif); font-family:arial; font-size:10px; font-weight:normal; color:white; padding:0px 1px 0px 0px; background-repeat:repeat-x} .header .tabopt .right { background-image:url(../images/taboptright.gif); width:7px } .header .tabopt .rightmargin { background-image:none; width:0px; } /* links */ .header .tabopt A { font-family:arial; font-size:10px; font-weight:normal; text-decoration:none !important } .header .tabopt A:link, .header .tabopt A:visited { color:white } .header .tabopt A:hover, .header .tabopt A:active { color:#FFD041 } /* sub element */ .subheader { display:none } /* application information (application specific) */ .header .modinfo { height:100%; background-image:url(../images/userinfoback.gif); background-repeat:repeat-x; float:right; text-align:right; } .header .modinfo .left { height:31px; background-image:url(../images/modinfoico.gif); background-repeat:no-repeat; width:20px; } .header .modinfo .title { height:31px; font-family:arial; font-size:14px; font-weight:bold; color:#FF9C00; padding:8px 0px 0px 0px; } .header .modinfo .actions { display:none } .header .modinfo .right { width:15px } /* ---- navigation level 1 (inside portal or application) ---- */ /* tabs level 1 */ .tabnav-empty { background-image:url(../images/tabnavback.jpg); height:40px; background-repeat:repeat-x } .tabnav { background-image:url(../images/tabnavback.jpg); height:40px; background-repeat:repeat-x } .tabnav .outer { padding:0px; margin:0px; float:left } /* alignment */ .tabnav .leftmargin { height:40px; width:10px } .tabnav .left { height:40px; background-image:url(../images/tabnavleft.gif); width:10px; background-repeat:no-repeat} .tabnav .content { background-image:url(../images/tabnavct.gif); color:#F6F6F6; font-family:arial; font-size:11px; font-weight:bold; padding:3px 0px 0px 0px; background-repeat:repeat-x; vertical-align:top } .tabnav .right { background-image:url(../images/tabnavright.gif); width:11px; background-repeat:no-repeat } .tabnav .left-active { height:40px; background-image:url(../images/tabnavlefton.gif); width:12px; background-repeat:no-repeat } .tabnav .content-active { background-image:url(../images/tabnavcton.gif); background-position:center; font-family:arial; font-size:11px; font-weight:bold; color:#1D58EE; padding:6px 0px 0px 0px; background-repeat:no-repeat; vertical-align:top } .tabnav .right-active { background-image:url(../images/tabnavrighton.gif); width:11px; background-repeat:no-repeat } .tabnav .rightmargin { width:10px } /* links */ .tabnav A { font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none !important } .tabnav A:link, .tabnav A:visited { color:#F6F6F6; text-decoration:none } .tabnav A:hover, .tabnav A:active { color:#9FC7EC; text-decoration:none } /* sub element (level 1) */ .subtabnav { display:none } /* tabs level 2 */ .tabnav2-empty { background-image:url(../images/tabnavback.jpg); height:40px; background-repeat:repeat-x } .tabnav2 { background-image:url(../images/tabnavback.jpg); height:42px; background-repeat:repeat-x; padding:4px 0px 0px 0px } .tabnav2 .outer { padding:0px; margin:0px; float:left } /* alignment */ .tabnav2 .leftmargin { width:2px; background-image:url(../images/tabnav2leftmg.gif); background-repeat:no-repeat;} .tabnav2 .left { width:6px; background-image:url(../images/tabnav2left.gif); background-repeat:no-repeat; } .tabnav2 .content { height:42px; background-image:url(../images/tabnav2back.gif); background-repeat:repeat-x; font-family:verdana, helvetica; font-weight:bold; font-size:10px; color:#054BEB; padding:7px 0px 0px 0px; vertical-align:top;} .tabnav2 .right { width:7px; background-image:url(../images/tabnav2right.gif); background-repeat:no-repeat; } .tabnav2 .left-active { width:6px; background-image:url(../images/tabnav2lefta.gif); background-repeat:no-repeat; } .tabnav2 .content-active { height:42px; background-image:url(../images/tabnav2backa.gif); background-repeat:repeat-x; background-position:center top; font-family:verdana, helvetica; font-weight:bold; font-size:10px; color:#E3662A; padding:7px 0px 0px 0px; vertical-align:top;} .tabnav2 .right-active { width:7px; background-image:url(../images/tabnav2righta.gif); background-repeat:no-repeat; } .tabnav2 .rightmargin { width:15px; background-image:url(../images/tabnav2rightmg.gif); background-repeat:no-repeat; } /* links */ .tabnav2 A { font-family:verdana, helvetica; font-size:10px; font-weight:bold; text-decoration:none !important } .tabnav2 A:link, .tabnav2 A:visited { color:#054BEB; text-decoration:none } .tabnav2 A:hover, .tabnav2 A:active { color:#E3662A; text-decoration:none } /* sub element (level 2) */ .subtabnav2 { display:none } /* ---- navigation level 2 (application specific) ---- */ /* history */ .history {height:22px;} .history .outer { padding:0px; margin:0px; float:left } /* alignment */ .history .leftmargin {width:19px; 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:normal; font-size:11px; color:#4A5E94; padding:0px 1px 6px 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:normal; font-size:11px; color:#473EFF; padding:0px 1px 6px 3px} .history .right-active {display:none} .history .rightmargin {width:34px; background-image:url(../images/historyrightmg.gif); background-repeat:no-repeat;} /* links */ .history A { font-family:arial; font-size:11px; font-weight:normal; text-decoration:none !important } .history A:link, .history A:visited { color:#4A5E94; text-decoration:none } .history A:hover, .history A:active { color:#F05E12; text-decoration:none } /* ---- portlet structure --------- */ /* main */ .portlet { table-layout:auto } /* do not modify */ .portlet .inner { background-color:white; height:100%; overflow-x:auto; 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/z1default.gif); width:32px; background-repeat:no-repeat; font-size:1px } .portlet .zone1 .center { height:30px; background-image:url(../images/z1back.gif); background-repeat:repeat-x; font-family:arial; font-size:11px; font-weight:bold; color:#5572C6; padding:7px 0px 0px 0px; } .portlet .zone1 .right { width:10px; background-image:url(../images/z1right.gif); background-repeat:no-repeat; } .portlet .zone1 .action-refresh { background-image:url(../images/prefresh.gif); width:20px; background-repeat:no-repeat; cursor:pointer; cursor:hand } .portlet .zone1 .action-customize { background-image:url(../images/pedit.gif); width:20px; background-repeat:no-repeat; cursor:pointer; cursor:hand } .portlet .zone1 .action-restore { background-image:url(../images/prestore.gif); width:20px; background-repeat:no-repeat; cursor:pointer; cursor:hand } .portlet .zone1 .action-minimize { background-image:url(../images/pminimize.gif); width:20px; background-repeat:no-repeat; cursor:pointer; cursor:hand } .portlet .zone1 .action-maximize { background-image:url(../images/pmaximize.gif); width:20px; background-repeat:no-repeat; cursor:pointer; cursor:hand } .portlet .zone1 .action-help { background-image:url(../images/phelp.gif); width:20px; background-repeat:no-repeat; cursor:pointer; cursor:hand } .portlet .zone1 .action-close { background-image:url(../images/popclose.gif); width:20px; background-repeat:no-repeat; cursor:pointer; cursor:hand } .portlet .outerzone2 { } .portlet .zone2 { table-layout:fixed; overflow:hidden } /* do not modify */ .portlet .zone2 .left { height:8px; background-image:url(../images/z2left.gif); width:13px; background-repeat:no-repeat; font-size:1px } .portlet .zone2 .center { height:8px; background-image:url(../images/z2center.gif); background-repeat:repeat-x; font-size:1px } .portlet .zone2 .right { height:8px; background-image:url(../images/z2right.gif); width:10px; background-repeat:no-repeat; font-size:1px } .portlet .outerzone3 { } .portlet .zone3 { table-layout:auto; overflow:hidden; } /* do not modify */ .portlet .zone3 .left { background-image:url(../images/z3left.gif); width:13px; font-size:1px; background-repeat:repeat-y } .portlet .zone3 .center { background-color:white; padding:7px 5px 2px 2px } .portlet .zone3 .right { background-image:url(../images/z3right.gif); width:10px; font-size:1px; background-repeat:repeat-y } .portlet .outerzone4 { } .portlet .zone4 { table-layout:fixed; overflow:hidden } /* do not modify */ .portlet .zone4 .left { background-image:url(../images/z4left.gif); width:13px; background-repeat:no-repeat } .portlet .zone4 .center { height:17px; background-image:url(../images/z4center.gif); background-repeat:repeat-x } .portlet .zone4 .right { background-image:url(../images/z4right.gif); width:10px; background-repeat:no-repeat } /* ---- application portlet structure-------- */ .application .portlet .step {height:100%;} /* ---- portlet navigation -------- */ /* menu */ .menu .portlet { width:155px } .menu .portlet .zone3 .center { background-color:white; padding:4px 0px 2px 0px } .menu .menu-inactive { background-color:#ffffff; padding:4px 2px 4px 20px; font-family:arial, helvetica; font-size:11px; font-weight:bold; background-image:url(../images/menuinactive.gif); background-repeat:no-repeat; border:1px solid #DADAE1; color:#48A5D5; } .menu .menu-active { background-color:#FFEBA2; padding:4px 2px 4px 20px; font-family:arial,helvetica; font-size:11px; font-weight:bold; background-image: url(../images/menuactive.gif); background-repeat:no-repeat; border:1px solid #DADAE1; color:#D52300; 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:#48A5D5; text-decoration:none } .menu A:hover, .menu A:active { color:#D52300; text-decoration:none } /* tabs */ .portlet .portletnav { padding:4px 5px 5px 0px; background-color:transparent; height:30px;} .portlet .portletnav .outer { padding:0px; margin:0px; float:left } /* alignment */ .portlet .portletnav .leftmargin { background-image:url(../images/portletnavleftmg.gif); background-repeat:no-repeat; width:12px; height:19px;} .portlet .portletnav .left { background-image:url(../images/portletnavleft.gif); background-repeat:no-repeat; width:7px; } .portlet .portletnav .content { height:19px; background-image:url(../images/portletnavback.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none; color:#4666C0; padding:0px; } .portlet .portletnav .right { background-image:url(../images/portletnavright.gif); background-repeat:no-repeat; width:6px; } .portlet .portletnav .left-active { background-image:url(../images/portletnavlefta.gif); background-repeat:no-repeat; width:7px; } .portlet .portletnav .content-active { height:19px; background-image:url(../images/portletnavbacka.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none; color:#00AEFF; padding:0px; } .portlet .portletnav .right-active { background-image:url(../images/portletnavrighta.gif); background-repeat:no-repeat; width:7px; } .portlet .portletnav .rightmargin { background-image:url(../images/portletnavrightmg.gif); background-repeat:no-repeat; width:12px; } /* links */ .portletnav A { font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none !important } .portletnav A:link, .portletnav A:visited { color:#4666C0; text-decoration:none } .portletnav A:hover, .portletnav A:active { color:#00AEFF; text-decoration:none } /* steps */ .step { padding:6px 4px 10px 4px; background-color:white } .step .stepnav { height:26px; background-image:url(../images/stepnavunder.gif); background-repeat:repeat-x; border-bottom:1px solid #DADAE1; } .step .stepnav .outer { padding:0px; margin:0px; float:left; } /* alignment */ .step .stepnav .leftmargin { display:none; } .step .stepnav .left { height:26px; width:7px; background-image:url(../images/stepnavleft.gif); background-repeat:no-repeat; } .step .stepnav .content {height:26px; background-image:url(../images/stepnavback.gif); color:#00A0D1; background-repeat:repeat-x; padding:2px 0px 8px 0px; cursor:hand;} .step .stepnav .right { width:11px; background-image:url(../images/stepnavright.gif); background-repeat:no-repeat; background-color:transparent} .step .stepnav .left-active { height:26px; width:7px; background-image:url(../images/stepnavlefta.gif); background-repeat:no-repeat; } .step .stepnav .content-active { height:26px; background-image:url(../images/stepnavbacka.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none; color:#007CEB; padding:2px 0px 8px 0px; } .step .stepnav .right-active { width:11px; background-image:url(../images/stepnavrighta.gif); background-repeat:no-repeat; } .step .stepnav .rightmargin { display:none;} /* links */ .stepnav A { font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none !important } .stepnav A:link, .stepnav A:visited { color:#00A0D1; text-decoration:none } .stepnav A:hover, .stepnav A:active { color:#007CEB; text-decoration:none } .step .buttons-outer { background-image:none; padding:3px 0px 0px 0px; } .step .header-helper { border-top:none; } .step .content-zone { border-top:none; border:1px solid #DADAE1; border-top:none; } .step .grid, .step .grid-content-zone {border:none} .step .section-content .table-border {border:none} /* ---- portlet content ----------- */ .header-border {border-collapse:collapse; border:1px solid #D9D9DF; } .application .header-border {border:none} /* headers */ .header-level1 { background-color:#D0E6FF; padding:3px; font-family:arial, helvetica; font-size:11px; font-weight:normal; background-color:#CEDFFF; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; background-position:left top; padding-left:20px; border:1px solid #DADAE1; color:#004BC8; } .header-level1-collapsed { cursor:pointer; cursor:hand; font-family:arial, helvetica; padding:3px; padding-left:22px; font-size:11px; font-weight:normal; background-color:#CEDFFF; background-image:url(../images/s1backc.gif); background-repeat:no-repeat; background-position:left top; color:#004BC8; height:21px; border:1px solid #DADAE1; } .header-level1-expanded { cursor:pointer; cursor:hand; font-family:arial, helvetica; padding:3px; padding-left:22px; font-size:11px; font-weight:normal; background-color:#E6D5FF; background-image:url(../images/s1back.gif); background-repeat:no-repeat; background-position:left top; color:#004BC8; height:21px; border:1px solid #DADAE1; } .header-level2 { background-color:#DDF9FD; padding:3px; font-family:arial, helvetica; font-size:11px; font-weight:normal; background-color:#CCF1EF; background-image:url(../images/bullet_h2.gif); background-repeat:no-repeat; background-position:left top; padding-left:20px; border:1px solid #DADAE1; color:#004BC8; } .header-level2-collapsed {cursor:pointer; cursor:hand; font-family:arial, helvetica; padding:3px; padding-left:32px; font-size:11px; font-weight:normal; background-color:#FFDFFF; background-image:url(../images/s2backc.gif); background-repeat:no-repeat; background-position:left top; color:#004BC8; height:21px; border:1px solid #DADAE1; } .header-level2-expanded {cursor:pointer; cursor:hand; font-family:arial, helvetica; padding:3px; padding-left:32px; font-size:11px; font-weight:normal; background-color:#FFE6E2; background-image:url(../images/s2back.gif); background-repeat:no-repeat; background-position:left top; color:#004BC8; height:21px; border:1px solid #DADAE1; } .header-level3 { background-color:#DDF9FD; padding:3px; font-family:arial, helvetica; font-size:11px; font-weight:normal; background-color:#CCF1EF; background-image:url(../images/bullet_h2.gif); background-repeat:no-repeat; background-position:left top; padding-left:20px; border:1px solid #DADAE1; color:#004BC8; } .header-level3-collapsed {cursor:pointer; cursor:hand; font-family:arial, helvetica; padding:3px; padding-left:32px; font-size:11px; font-weight:normal; background-color:#FFDFFF; background-image:url(../images/s2backc.gif); background-repeat:no-repeat; background-position:left top; color:#004BC8; height:21px; border:1px solid #DADAE1; } .header-level3-expanded {cursor:pointer; cursor:hand; font-family:arial, helvetica; padding:3px; padding-left:32px; font-size:11px; font-weight:normal; background-color:#FFE6E2; background-image:url(../images/s2back.gif); background-repeat:no-repeat; background-position:left top; color:#004BC8; height:21px; border:1px solid #DADAE1; } .header-level4 { font-family:arial, helvetica; font-size:11px; font-weight:bold; padding:2px 2px 4px 2px; color:#2E43A2 } .header-level5 { font-family:verdana, arial, helvetica; font-size:9px; font-weight:bold; color:#0089E3; padding:2px 2px 4px 2px; } .header-level6 { font-family:verdana, arial, helvetica; font-size:9px; font-weight:bold; color:#004BC8; padding:2px 0px 2px 12px } .header-error { 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:#F3FFAF; background-image:url(../images/blue_arrow.gif); background-position:7px 9px; background-repeat:no-repeat; padding:4px 4px 4px 14px; font-family:arial, helvetica; font-size:10px; font-weight:normal; border:1px solid #DADAE1; color:#5A2CFF; height:24px;} .header-helper .text-style1 {font-weight:bold;} .header-nav { background-color:white;} /* content zones (text block, text+image, tables...) */ /*.content-border { border-right:1px solid #6677af; } /*use for multicols content*/ .content-zone { padding:7px; background-color:white;} .application .content-zone { padding:8px; height:100%; background-color:white;} .footer-level1 { height:24px; background-color:#CEDFFF; background-image:url(../images/footer_h1.gif); background-repeat:repeat-x; background-position:left top; padding:0px; font-family:arial, helvetica; font-size:10px; border:1px solid #DADAE1; color:#004BC8;} /* links */ .footer-level1 A:link, .footer-level1 A:visited { color:#004BC8; text-decoration:none } .footer-level1 A:active, .footer-level1 A:hover { color:#F05E12 } /* texts */ .text-level1 { font-family:arial, helvetica; font-size:10px; font-weight:normal; color:#303462; padding:2px 0px 2px 2px } .text-level2 { font-family:arial, helvetica; font-size:9px; font-weight:normal; color:#303462; 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:#CF08DB } .text-readonly { color:#b89999 } /* text alignments */ .text-align1 { text-align:left } .text-align2 { text-align:center } .text-align3 { text-align:right } /* images */ .image-outer { 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:5px 5px; color:#303462 } .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:3px 5px; color:#303462 } /* tables */ .table-border {border-collapse:collapse; border:1px solid #DADAE1;} .table-header {border:1px solid #DADAE1; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:10px; font-weight:normal; background-color:#BEECFE; color:#004BC8} .cell-header { border:1px solid #DADAE1; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:11px; font-weight:normal; background-color:#BEECFE; background-image:url(../images/cellback.gif); background-repeat:repeat-x; background-position:left top; color:#004BC8 } .cell1 { border:1px solid #DADAE1; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:10px; color:#636FAE; background-color:#EFFBFF } .cell2 { border:1px solid #DADAE1; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:10px; color:#636FAE; background-color:white } .cell-footer{border:1px solid #DADAE1; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:10px; font-weight:normal; background-color:#BEECFE; background-image:url(../images/cellback.gif); background-repeat:repeat-x; background-position:left top; color:#1240a9;} .cell-highlighted { border:1px solid #DADAE1; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:11px; font-weight:bold; background-color:#f6894d; color:white; cursor:pointer; cursor:hand } /* links */ .cell-header A:link, .cell-header A:visited { color:#004BC8 } .cell-header A:hover, .cell-header A:active { color:#F05E12 } /* forms tables */ .form-style1, .form-style2 { } .form-style1 .table-border {border:none} .form-style1 .cell1 { text-align:right; background-color:white; border:0px; padding:4px 2px 4px 8px; } .form-style1 .cell2 { text-align:left; padding:4px 8px 4px 8px; background-color:white; border:0px; background-image:url(../images/bullet_form.gif); background-repeat:no-repeat; padding-left:15px; background-position:0px center } /* background-position Mozilla;IE */ .form-style2 .cell1 { text-align:right; padding:2px 8px 2px 8px; } .form-style2 .cell2 { padding:2px 8px 2px 8px; } /* ---- buttons ----------- */ /* outer */ .buttons-outer { background-image:url(../images/buttons_outer.gif); background-repeat:no-repeat; padding:15px 0px 0px 0px; text-align:right; background-position:0px 2px; margin:0px } .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 { } .main A:link { font-weight:bold; } /*default button*/ .main .button1-part0, .main .button2-part0, .main .button3-part0, .main .button1-part0-down, .main .button2-part0-down, .main .button3-part0-down { font-size:10px; } .main .button1-part1, .main .button2-part1, .main .button3-part1,.main .button1-part1-down, .main .button2-part1-down, .main .button3-part1-down { font-family:verdana; } /* links */ .button A:link, .button A:visited { cursor:hand; color:#1900D7; 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-color:transparent; background-image:url(../images/button1bg1.gif); background-repeat:no-repeat; background-position:top left; padding:0px 0px 3px 8px; font-size:10px; height:1px } /* margin = space between buttons */ .button1-part1 { white-space:nowrap; padding:0px 8px 3px 0px; background-color:transparent; background-image:url(../images/button1bg.gif); background-repeat:no-repeat; background-position:top right; font-family:arial, helvetica; height:14px } .button1-part0-down { white-space:nowrap; margin:0px 2px 1px 2px; background-color:transparent; background-image:url(../images/button1bg1.gif); background-repeat:no-repeat; background-position:top left; padding:0px 0px 3px 8px; font-size:10px; height:1px } .button1-part1-down { white-space:nowrap; padding:0px 8px 3px 0px; background-color:transparent; background-image:url(../images/button1bg.gif); background-repeat:no-repeat; background-position:top right; font-family:arial, helvetica; height:14px } /* button2 */ .button2-part0 { white-space:nowrap; margin:0px 2px 1px 2px; background-color:transparent; background-image:url(../images/button2bg.gif); background-repeat:no-repeat; background-position:top left; padding:0px 0px 3px 8px; font-size:10px; height:1px } .button2-part1 { white-space:nowrap; padding:0px 8px 3px 0px; background-color:transparent; background-image:url(../images/button2bg1.gif); background-repeat:no-repeat; background-position:top right; font-family:arial, helvetica; height:14px } .button2-part0-down { white-space:nowrap; margin:0px 2px 1px 2px; background-color:transparent; background-image:url(../images/button2bg.gif); background-repeat:no-repeat; background-position:top left; padding:0px 0px 3px 8px; font-size:10px; height:1px } .button2-part1-down { white-space:nowrap; padding:0px 8px 3px 0px; background-color:transparent; background-image:url(../images/button2bg1.gif); background-repeat:no-repeat; background-position:top right; font-family:arial, helvetica; height:14px } /* 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; padding:0px 0px 3px 8px; font-size:10px; height:1px } .button3-part1 { white-space:nowrap; padding:0px 8px 3px 0px; background-color:transparent; background-image:url(../images/button3bg.gif); background-repeat:no-repeat; background-position:top right; font-family:arial, helvetica; height:14px } .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; padding:0px 0px 3px 8px; font-size:10px; height:1px} .button3-part1-down { white-space:nowrap; padding:0px 8px 3px 0px; background-color:transparent; background-image:url(../images/button3bg.gif); background-repeat:no-repeat; background-position:top right; font-family:arial, helvetica; height:14px } /* ---- bars ----------- */ /* parts */ .bar-outer { font-size:1px } .bar { background-color:#FCFCFC; border:1px solid #D9D9DF;} .bar-gauge {background-image:url(../images/barbg.gif); border-right:1px solid #D9D9DF; font-size:9px} .bar-text {width:26px; font-family:arial,helvetica; font-weight:normal; color:#d26100; font-size:10px; margin:0px 3px 0px 0px; text-align:right} /* ---- component::grid ----------- */ .grid {height:100%; border:1px solid #DADAE1} /* headers and footer */ .grid-header1 { height:25px; background-color:#CEDFFF; font-family:arial; font-size:11px; font-weight:bold; background-image:url(../images/gridh1.gif); background-repeat:no-repeat; background-position:left center; padding:1px 3px 1px 20px; border-bottom:1px solid #DADAE1; color:#004BC8; } .grid-header2 { background-color:#CEDFFF; padding:3px; font-family:arial; font-size:11px; font-weight:bold; background-image:url(../images/gridh1.gif); background-repeat:no-repeat; background-position:left center; padding:1px 3px 1px 20px; border-bottom:1px solid #DADAE1; border-top:1px solid #DADAE1; color:#004BC8; } .grid-footer { padding:1px 3px 1px 3px; font-family:arial; font-size:11px; font-weight:bold; background-color:#CEDFFF; background-image:url(../images/footer_h1.gif); background-repeat:repeat-x; background-position:left top; color:#004BC8; border-top:1px solid #DADAE1; } /* content */ .grid-content-zone { padding:4px 8px 8px 8px; height:100%; background-color:white} /* buttons */ .grid .buttons-outer { text-align:left !important; background-image:none !important; 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; font-size:11px; color:#004BC8; padding:0px 2px 8px 2px; } /* texts */ .grid .grid-header1 .text-level1 { font-size:11px; font-weight:bold; color:#004BC8 } .grid .grid-header2 .text-level1 { font-size:11px; font-weight:bold; color:#004BC8 } .grid .grid-footer .text-level1 { font-size:11px; font-weight:bold; color:#004BC8 } .grid .grid-header1 .text-level2 { font-size:11px; color:#004BC8; padding:0px 3px 0px 3px } .grid .grid-header2 .text-level2 { font-size:11px; color:#004BC8; padding:0px 3px 0px 3px } .grid .grid-footer .text-level2 { font-size:11px; color:#004BC8; padding:0px 3px 0px 3px } .grid .cell-footer { border-top:none } /*--- simple grid -----*/ .simple-grid {height:100%} /* headers and footer */ .simple-grid .header-border {border:none} .simple-grid .grid-header1 { background-color:#BEECFE; border-top:none; padding:0px; height:10px; background-image:url(../images/cellback.gif); background-repeat:repeat-x; padding:0px 0px 0px 2px; } .simple-grid .grid-header2 { background-color:#BEECFE; } .simple-grid .grid-footer { background-color:#BEECFE; background-image:url(../images/cellback.gif); background-repeat:repeat-x; padding:1px; height:10px; padding-left:2px } /* texts */ .simple-grid .grid-header1 .text-level1 { font-size:11px; font-weight:normal; color:#004BC8 } .simple-grid .grid-header2 .text-level1 { font-size:11px; font-weight:normal; color:#004BC8 } .simple-grid .grid-footer .text-level1 { font-size:11px; font-weight:normal; color:#004BC8 } .simple-grid .grid-header1 .text-level2 { font-size:11px; color:#004BC8; padding:0px 3px 0px 3px } .simple-grid .grid-header2 .text-level2 { font-size:11px; color:#004BC8; padding:0px 3px 0px 3px } .simple-grid .grid-footer .text-level2 { font-size:11px; color:#004BC8; padding:0px 3px 0px 3px } .simple-grid .cell-footer { border-top:none } /*grid content*/ .simple-grid .table-border {border:none} .simple-grid .cell-header {border:none; border-bottom:1px solid #DADAE1; background-color:transparent; background-image:none; color:#5e6671} .simple-grid .cell1 {border:none; background-color:transparent; } .simple-grid .cell2 {border:none; background-color:transparent; } .simple-grid .cell-header A {color:#487BF8; font-weight:bold; font-family:verdana,arial,sans serif; font-size:10px} /*---DataList---*/ .dataList {} .dataList .header-border {} /* headers and footer */ .dataList .grid-header1 {height:auto; border-bottom:none;} .dataList .grid-header1 .text-level1 { font-size:11px; font-weight:bold; color:#004BC8 } .dataList .grid-header1 .text-level2 { font-size:11px; color:#004BC8; padding:0px 2px 0px 2px } .dataList .grid-footer .text-level1 { font-size:11px; font-weight:bold; color:#004BC8 } .dataList .grid-footer .text-level2 { font-size:11px; color:#004BC8; padding:0px 2px 0px 2px } /* Data zones */ #datazone1 {padding:7px 5px 7px 5px; margin:0px; } #datazone1 .table-border {border:none} #datazone1 .text-link-list { margin:2px; } #datazone2 {padding:7px; } /* selector */ .selector { background-color:white; height:100% } .selector .grid { background-color:white; border:none } .selector .buttons-outer { background-image:none !important; padding:5px } .selector .grid .buttons-outer { padding:5px } .selector .grid .grid-history { padding:5px 0px 5px 5px; } /* 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 .text-highlighted {border:1px solid #DADAE1} #datePicker .text-highlighted .text-highlighted {border:none} #datePicker .cell-highlighted A:link, #datePicker A:visited { color:white; } #datePicker .text-highlighted A:link, #datePicker A:visited { color:#c75900; } #datePicker .zone1 {height:25px;} /* trick to prevent */ #datePicker .zone3 .center { padding:9x 7px 0px 7px; } #datePicker .zone4 {height:6px;} /* wrong aspect */ /* wizzard */ .wizzard {height:100%; } .wizzard .clipart {background-image:url(../images/mandatory/clipart1.jpg); backgroud-repeat:no-repeat; width:125px; height:199px; margin:4px 4px 4px 4px} .wizzard #zoneB.content-zone {border-left:1px solid #B9B9FF;} /* simple search*/ #SimpleSearch.grid-header1 {border:1px solid #DADAE1; border-bottom:none} #SimpleSearch.grid-header1 .text-level1 {font-size:11px; font-weight:bold; color:#004BC8} #SimpleSearch.grid-header1 .text-level2 {font-size:11px; font-weight:normal; color:#004BC8; padding:4px 2px 4px 10px} /* ---- footer ----------- */ /* main */ .footer { height:0px; font-size:0px } .footer .left { } .footer .right { } /* status message */ .message { height:24px; background-color:#F3FFAF; } .message .left { height:24px; font-family: arial, helvetica; font-size:11px; font-weight:normal; color:#5A2CFF; padding:0px 0px 0px 24px; } .message .right { height:24px; } /* copyright */ .copyright { height:121px; background-image: url(../images/copyrightback.jpg); background-repeat:no-repeat; } .copyright .left { height:121px; background-image: url(../images/copyleft.gif); background-repeat:no-repeat; background-position:80px 54px; font-family:arial; font-size:9px; font-weight:normal; color:#7289CA; padding-left:80px } .copyright .right { background-image:url(../images/copyright.jpg); background-repeat:no-repeat; background-position:top right; font-family:arial; font-size:9px; font-weight:normal; color:#7289CA; text-align:right; padding-right:12px; width:202px } /* links */ .copyright A:link, .copyright A:visited { color:#7289CA; text-decoration:none } .copyright A:hover, .copyright A:active { color:#F05E12; text-decoration:none } /* ---- pagelets layout ----------- */ /* main */ .pagelet-layout { padding:0px; } .pagelet-layout .buttons-outer { background-image:none !important; padding:3px } .pagelet-layout .outer-right-bottom { position:relative; padding: 0px 10px 10px 0px; height:0px } .pagelet-layout .header-border {border:1px solid #DADAE1} .pagelet-layout .header-level1 { background-image:url(../images/footer_h1.gif); background-repeat:repeat-x; padding:3px 5px 3px 5px} .pagelet-layout .text-style1 { font-family:arial; font-size:11px; font-weight:bold; color:#004BC8 } .pagelet-layout .content-zone { padding:4px } .pagelet-layout .portlet-outer { padding:4px } .pagelet-layout .cell-header { background-color:#caedfa; border:1px solid #DADAE1 } .pagelet-layout .cell1 { background-color:#EFFBFF; color:#1240a9; font-family:arial; font-size:11px; font-weight:normal; padding:4px; border:1px solid #DADAE1 } .pagelet-layout .footer-level1 { background-color:transparent; background-image:url(../images/buttons_outer.gif); background-repeat:no-repeat; padding:15px 0px 0px 0px; text-align:right; background-position:0px 2px; text-align:right; border:none; margin:0px 10px 0px 10px ; } /* ---- popup structure ----------- */ /* main */ .popup {height:100%; } .popup .portlet {height:100%;} .popup .portlet .zone1 .left {display:none} .popup .portlet .zone1 .icon {background:url(../images/popdefault.gif); width:28px; height:33px} .popup .portlet .zone1 .center {background:url(../images/z1popcenter.gif); padding-top:0px; padding-bottom:3px;} .popup .portlet .zone1 .right {background:url(../images/z1popcenter.gif);} .popup .portlet .outerzone2 {display:none} .popup .portlet .zone3 .left {display:none} .popup .portlet .zone3 .inner {height:100%; padding:2px 7px 7px 7px} .popup .portlet .zone3 .right {display:none} .popup .portlet .outerzone4 {height:6px} .popup .portlet .zone4 {display:none} /* ---- tooltip ------------ */ #ToolTip { border:1px solid #214476; color:#38373E; background-color:#F3FFAF; font-family:arial; font-size:10px; padding:2px 4px 2px 4px; width:250px } #ToolTip .hl { color:#5A30FF }