/* ### Component Template declarations ### version 1.09 - 19.05.2008 */ /* =contentElements ----------------------------------------------- Standard content elements ----------------------------------------------- */ #FW-containerContentMiddle h1 { margin-bottom:0.2em; font-size:2.4em; line-height:1em; font-weight:bold; color:#003151; text-transform:uppercase; } #FW-containerContentMiddle p { font-size:1.1em; color:#666; margin-bottom:13px; } /* =contentElements ----------------------------------------------- */ /* =contentTeaserT01 ----------------------------------------------- Grey box with grey gradient and button in lower right corner ----------------------------------------------- */ .CT-T01Container { margin-bottom:10px; } .CT-T01 span.headline { display:block; margin:8px; font-size:1.4em; font-weight:bold; color:#FFF; text-transform:uppercase; } .CT-T01 span.bodytext { display:block; width:125px; margin:8px; font-size:1.1em; font-weight:bold; color:#FFF; } .CT-T01 span.button { position:absolute; top:45px; left:139px; display:block; width:25px; height:26px; background:url(/images/ND/ct_T01_button.png) no-repeat 0 0; } a.CT-T01, a.CT-T01:link, a.CT-T01:visited { float:left; position:relative; display:block; width:169px; height:77px; margin-right:9px; background:#9198AA url(/images/ND/ct_T01_bg.jpg) repeat-x; text-decoration:none; cursor:pointer; } a.CT-T01:hover span.button, a.CT-T01:focus span.button, a.CT-T01:active span.button { background-position:0 -26px; } .CT-T01Container a.last, .CT-T01Container a.last:link, .CT-T01Container a.last:visited { margin:0; } /* =contentTeaserT01 ----------------------------------------------- */ /* =contentTeaserT02 ----------------------------------------------- Event list container, used on resources page ----------------------------------------------- */ .CT-T02Container { float:left; width:210px; border:2px solid #E2EFF3; } .CT-T02Container .CT-T02 { margin:0 5px; padding-bottom:15px; } .CT-T02Container h4 { font-size:1.2em; line-height:1.4em; font-weight:bold; color:#003151; text-transform:uppercase; margin:3px 5px 0 5px; } .CT-T02Container .CT-T02 img { margin-bottom:5px; } .CT-T02Container .CT-T02 span.date { font-size:1.1em; line-height:1.3em; } .CT-T02Container .CT-T02 h5 { font-size:1.2em; line-height:1.4em; font-weight:bold; color:#003151; text-transform:uppercase; } #FW-containerContentMiddle .CT-T02 p { margin-bottom:5px; } /* =contentTeaserT02 ----------------------------------------------- */ /* =resourcesBrowser ----------------------------------------------- Client browser used on homepage and other pages ----------------------------------------------- */ #CB.resourceList { width:521px; height:245px; margin-bottom:10px; background:#FFF; overflow:auto; border:2px solid #E2EFF3; } .resourceList #CB-container { position:relative; width:521px; height:240px; margin:0 auto; } .resourceList #CB-container h4 { float:left; font-size:1.2em; line-height:1.4em; font-weight:bold; color:#003151; text-transform:uppercase; margin:3px 0 0 8px; } .resourceList #CB-containerClientList { position:absolute; top:35px; left:0; width:2375px; height:140px; margin:0; padding:0; } .resourceList #CB-containerClientList .CB-clientListing { float:left; position:relative; top:0; margin:0 25px; width:185px; height:170px; } .resourceList #CB-containerClientList .last { margin-right:0; } .resourceList #CB-sliderTrack { position:absolute; top:220px; left:8px; width:509px; height:18px; overflow:hidden; background:url(/images/ND/cb_scrollbar_cntMiddle.gif) no-repeat; display:none; } .resourceList #CB-sliderHandle { position:absolute; top:0; width:75px; height:18px; cursor:pointer; z-index:155; } .resourceList #CB-sliderHandleImage { position:absolute; top:0; width:75px; height:18px; background:url(/images/ND/cb_scroller_cntMiddle.png) no-repeat; cursor:pointer; z-index:5; } .resourceList .CB-clientListing a { display:block; width:185px; height:170px; text-decoration:none; } .resourceList .CB-clientListing a:hover span.link, .resourceList .CB-clientListing a:focus span.link, .resourceList .CB-clientListing a:active span.link { background-position:0 -149px; color:#003151; } .resourceList .CB-clientListing span.headline { display:block; margin-top:95px; font-weight:bold; font-size:1.1em; line-height:1.3em; color:#666; } .resourceList .CB-clientListing span.bodytext { display:block; margin:3px 0 10px; font-size:1.1em; line-height:1.3em; color:#666; } .resourceList .CB-clientListing span.link { display:block; padding:2px 0 0 12px; font-size:1.1em; line-height:1.3em; color:#007CA4; background:url(/images/ND/linkMore_bg.gif) no-repeat 0 0; } .resourceList .CB-clientListing span.linkPDF { padding-left:27px; background:url(/images/ND/linkPDF_bg.gif) no-repeat 0 0; } /* =resourcesBrowser ----------------------------------------------- */ /* =resourcesAccordion ----------------------------------------------- Accordion used on the resources page ----------------------------------------------- */ #accordionResources { float:left; width:297px; margin-right:10px; border:2px solid #E2EFF3; } #accordionResources li { clear:both; } #accordionResources li a.accordionHandle { position:relative; display:block; width:297px; height:23px; background:url(/images/ND/ac_handle_297.gif) no-repeat top left; cursor:pointer; } #accordionResources li a.accordionHandle:link, #accordionResources li a.accordionHandle:visited, #accordionResources li a.accordionHandle:hover, #accordionResources li a.accordionHandle:active { text-decoration:none; outline:none; } #accordionResources li a.open { background:transparent none; } #accordionResources li .accordionHandle span { display:block; padding:4px 0 0 8px; font-size:1.2em; line-height:1.2em; font-weight:bold; color:#FFF; text-transform:uppercase; } #accordionResources li a.open span { color:#003151; } #accordionResources li .accordionContent { display:block; height:331px; } /* Videolist */ #accordionResources li div.videoList { margin:0 0 0 7px; } #accordionResources li div.videoList .listItem { margin-bottom:14px; } #accordionResources li div.videoList .listItem h5 { margin:3px 7px 3px 0; font-weight:bold; font-size:1.1em; line-height:1.3em; } #accordionResources li div.videoList div.text { width:283px; margin:0 7px 3px 0; font-size:1.1em; line-height:1.3em; } #accordionResources li a.CO-linkMore:link, #accordionResources li a.CO-linkMore:visited, #accordionResources li a.CO-linkPDF:link, #accordionResources li a.CO-linkPDF:visited { margin-right:7px; } #accordionResources li div.videoList .listItem img { float:left; margin-right:7px; } #accordionResources li div.videoList .containerContent { float:left; width:156px; } #accordionResources li div.videoList .containerContent div.text { width:156px; } /* =resourcesAccordion ----------------------------------------------- */ /* =directAccess ----------------------------------------------- Direct Access module located at the bottom of most pages ----------------------------------------------- */ #CT-directAccess { width:966px; margin-top:10px; border:2px solid #E2EFF3; } #CT-directAccess h4 { margin:7px 0 7px 7px; font-size:1.2em; line-height:1.2em; font-weight:bold; color:#003151; text-transform:uppercase; } #CT-directAccess .containerLists { margin:7px 0 7px 7px; background:url(/images/ND/ct_directAccess_bg.gif) repeat-y; } #CT-directAccess .containerList { float:left; width:122px; margin:7px 15px 0 0; } #CT-directAccess .containerList h5 { font-size:1.1em; line-height:1.1em; font-weight:bold; margin-bottom:6px; } #CT-directAccess ul li { display:block; margin-bottom:6px; } #CT-directAccess a:link, #CT-directAccess a:visited { font-size:1.1em; line-height:1.1em; text-decoration:none; } #CT-directAccess a:hover, #CT-directAccess a:focus, #CT-directAccess a:active { color:#003151; } /* =directAccess ----------------------------------------------- */ /* =containerSidebar ----------------------------------------------- Sidebar located on the right side of each subpage ----------------------------------------------- */ #FW-containerSidebar { margin-bottom:10px; } #FW-containerSidebar h3 { margin:10px 0 16px 10px; font-size:1.2em; line-height:1.4em; font-weight:bold; color:#003151; text-transform:uppercase; } #FW-containerSidebar h4 { margin-left:10px; font-size:1.1em; line-height:1.3em; font-weight:bold; } #FW-containerSidebar .containerFullText { padding-bottom:10px; } #FW-containerSidebar .containerFullText img { margin:10px 0; } #FW-containerSidebar .containerReference { padding-bottom:20px; } #FW-containerSidebar .containerReference img { margin:0 0 10px 10px; } #FW-containerSidebar .containerEvent { padding-bottom:0; } #FW-containerSidebar .containerReference p, #FW-containerSidebar .containerFullText p, #FW-containerSidebar .containerEvent p { margin:0 0 5px 10px; width:150px; font-size:1.1em; line-height:1.3em; } #FW-containerSidebar .containerSeperator { width:160px; margin:0 0 -8px 5px; border-top:1px solid #FFF; } #FW-containerSidebar a:link, #FW-containerSidebar a:visited { display:block; background:url(/images/ND/linkMore_bg.gif) no-repeat 0 0; color:#007CA4; padding-left:14px; } #FW-containerSidebar a:hover, #FW-containerSidebar a:focus, #FW-containerSidebar a:active { color:#003151; background-position:0 -149px; } #FW-containerSidebar a.CO-linkMore:link, #FW-containerSidebar a.CO-linkMore:visited, #FW-containerSidebar a.CO-linkMore:hover, #FW-containerSidebar a.CO-linkMore:focus, #FW-containerSidebar a.CO-linkMore:active { margin-left:10px; padding-left:0; } #FW-containerSidebar a.CO-linkPDF:link, #FW-containerSidebar a.CO-linkPDF:visited { background:url(/images/ND/linkPDF_bg.gif) no-repeat 0 0; margin-left:10px; padding-left:0; } #FW-containerSidebar a.CO-linkPDF:hover, #FW-containerSidebar a.CO-linkPDF:focus, #FW-containerSidebar a.CO-linkPDF:active { background-position:0 -149px; } #FW-containerSidebar a.linkEvent { margin-top:20px; } #FW-containerSidebar a.CO-linkPlain:link, #FW-containerSidebar a.CO-linkPlain:visited { background-image:none; padding:0; } #FW-containerSidebar a.noarrow:link, #FW-containerSidebar a.noarrow:visited { background-image:none; padding:0; } /* =containerSidebar ----------------------------------------------- */