/* VAN OORD PROJECT STYLES */ /* Global color codes and information */ /* rgb: 255 135 2 -> #......, Van oord orange. rgb: 2 76 111 -> #......, Van oord blue. rgb: 165 192 209 -> #......, Van oord medium blue. rgb: 204 219 226 -> #......, Van oord light blue. rgb: 100 100 100 -> #......, Van oord grey. rgb: 200 200 200 -> #......, Van oord light grey. Hover colors: White pages, rgb: 165 192 209 -> #024c6f Black pages, rgb: 255 135 2 -> #ff8702 . /* WRAPPERS */ .navigation-sides { width:1000px; position:absolute; left:-25px; height:56px; background-image:url(../img/navigation-sides.gif); background-repeat:no-repeat; background-position:top left; } .content-wrapper-shadow { width:960px; min-height:150px; height:auto !important; height:150px; background-color:transparent !important; background-image:url(../img/content_shadow_bg.png); background-repeat:no-repeat; background-position:top left; } .content-wrapper { width:950px; margin:0 auto; position:relative; z-index:1;} .top-section { width:950px; height:40px; clear:both; padding:0; margin:0; vertical-align:top; } .left-coll { width:235px; background-color:#fff; float:left; position:relative; padding:0 0 0 10px; z-index:1; min-height:100%; height:auto !important; height:100%; } .mid-coll { width:466px; background-color:transparent !important; float:left; position:relative; z-index:2; min-height:100%; height:auto !important; height:100%; } .mid-coll-downloads { width:695px; text-align:left; background-color:transparent !important; float:left; position:relative; z-index:2; min-height:100%; height:auto !important; height:100%; } .mid-coll-news { width:466px; background-color:transparent !important; float:left; position:relative; z-index:2; min-height:100%; height:auto !important; height:100%; } .right-coll { width:239px; background-color:#fff; float:right; position:relative; z-index:1; min-height:100%; height:auto !important; height:100%; } .right-coll-image{ width:200px; background-color:#fff; float:right; position:relative; z-index:1; min-height:100%; height:auto !important; height:100%; } /* collumns used for artikel detail pages */ .double-coll-left-coll { width:705px; background-color:#fff; float:left; } .double-coll-right-coll { width:245px; background-color:#fff; float:right; } .double-coll-left-coll-2 { width:245px; background-color:#fff; float:left; } .double-coll-right-coll-2 { width:705px;background-color:#fff; float:right; } /* BREADCRUMB */ .top-section .welcome { float:left; width:240px; padding:0 0 0 10px; } .top-section .breadcrumb { float:left; width:690px; height:26px; font:11px Verdana; color:#ff8702; padding:11px 0 0 10px; } .top-section .selector { padding:11px 0 0 0; margin:0 0 0 -6px; } .top-section .breadcrumb a { font:11px Verdana; color:#467d9b; text-decoration:none; background-image:url(../img/breadcrumb-item.gif); background-repeat:no-repeat; background-position:top left; padding:0 0 0 10px; } .top-section .breadcrumb a:hover { text-decoration:none; color:#024c6f; } .top-section .breadcrumb a.active { font:11px Verdana; color:#024C6F; padding:0 0 0 10px; text-decoration:none; background-image:url(../img/breadcrumb-item-active.gif); background-repeat:no-repeat; background-position:top left; } /* CONTENT BLOCKS, Left coll, mid coll and right coll elements. Note, these blocks can be used in both the left and right columns */ /* lc, news overview, 5 items */ .headlines-block-fluid-items { width:230px; height:auto; padding:2px 0 0 0; } .headlines-block-fluid-items .headline-header-bleu { width:230px; height:33px; background-image:url(../img/feature_header_bg_bleu.gif); background-repeat:no-repeat; background-position:top left; } .headlines-block-fluid-items .headline-content { width:210px; height:auto; background-image:url(../img/feature_content_bg.gif); background-repeat:repeat-y; background-position:top left; padding:7px 10px 10px 10px; } .headlines-block-fluid-items .headline-content img { display:block; height:80px; width:210px; } .headlines-block-fluid-items .headline-content ul { padding:0; } .headlines-block-fluid-items .headline-content ul li { margin:0; padding:0; width:210px; background-image:url(../img/feature_content_li_bg.gif); background-repeat:no-repeat; background-position:bottom left; } .headlines-block-fluid-items .headline-content ul li.first-item { height:auto; padding:1px 0 0 0; } .headlines-block-fluid-items .headline-content ul li.first-item a { font:12px Verdana; font-weight:bold; color:#024c6f !important; line-height:16px; display:block; padding:5px 0 5px 0;} .headlines-block-fluid-items .headline-content ul li .newsfact-intro { color:#024c6f; } .headlines-block-fluid-items .headline-content ul li a { overflow:hidden; width:210px; height:auto; display:block; font:10px Verdana; color:#467d9b !important; text-decoration:none; line-height:14px; background-repeat:no-repeat; background-position:bottom right; padding-bottom:5px;} .headlines-block-fluid-items .headline-content .newstop { display:block; font:12px Verdana !important; padding:0 0 2px 0; } .headlines-block-fluid-items .headline-content ul li a:hover { color:#024c6f !important; background-repeat:no-repeat; background-position:bottom right; } .headlines-block-fluid-items .headline-bottom { width:230px; height:31px; background-image:url(../img/feature_bottom_bg.gif); background-repeat:no-repeat; background-position:top left; } .headlines-block-fluid-items .headline-content a:hover { color:#024c6f; } /* lc, news overview, 5 items */ .headlines-block-5-items { width:230px; height:358px; padding:2px 0 0 0; } .headlines-block-5-items .headline-header-bleu { width:230px; height:33px; background-image:url(../img/feature_header_bg_bleu.gif); background-repeat:no-repeat; background-position:top left; } .headlines-block-5-items .headline-content { width:210px; height:auto; background-image:url(../img/feature_content_bg.gif); background-repeat:repeat-y; background-position:top left; padding:7px 10px 10px 10px; } .headlines-block-5-items .headline-content img { display:block; height:80px; width:210px; } .headlines-block-5-items .headline-content ul { padding:0; } .headlines-block-5-items .headline-content ul li { margin:0; padding:0; width:210px; background-image:url(../img/feature_content_li_bg.gif); background-repeat:no-repeat; background-position:bottom left; } .headlines-block-5-items .headline-content ul li.first-item { height:auto; padding:1px 0 0 0; } .headlines-block-5-items .headline-content ul li.first-item a { font:12px Verdana; font-weight:bold; color:#024c6f !important; line-height:16px; display:block; padding:5px 0 5px 0;} .headlines-block-5-items .headline-content ul li .newsfact-intro { color:#024c6f; } .headlines-block-5-items .headline-content ul li a { overflow:hidden; width:210px; height:auto; display:block; font:10px Verdana; color:#467d9b !important; text-decoration:none; line-height:14px; background-repeat:no-repeat; background-position:bottom right; padding-bottom:5px; } .headlines-block-5-items .headline-content .newstop { display:block; font:12px Verdana !important; padding:0 0 2px 0; } .headlines-block-5-items .headline-content ul li a:hover { color:#024c6f !important; background-repeat:no-repeat; background-position:bottom right; } .headlines-block-5-items .headline-bottom { width:230px; height:31px; background-image:url(../img/feature_bottom_bg.gif); background-repeat:no-repeat; background-position:top left; } .headlines-block-5-items .headline-content a:hover { color:#024c6f; } /* lc, news overview, 11 items */ .headlines-block-11-items { width:230px; padding:2px 0 10 0; } .headlines-block-11-items .headline-header-bleu { width:230px; height:33px; background-image:url(../img/feature_header_bg_bleu.gif); background-repeat:no-repeat; background-position:top left; } .headlines-block-11-items .headline-content { width:210px; height:auto; background-image:url(../img/feature_content_bg.gif); background-repeat:repeat-y; background-position:top left; padding:7px 10px 10px 10px; *padding-right:0xco } .headlines-block-11-items .headline-content img { display:block; width:210px; height:71px;} .headlines-block-11-items .headline-content ul { padding:0; } .headlines-block-11-items .headline-content ul li { width:210px; background-image:url(../img/feature_content_li_bg.gif); background-repeat:no-repeat; background-position:bottom left; } .headlines-block-11-items .headline-content ul li.first-item { height:auto; font:12px Verdana; font-weight:bold; color:#024c6f; line-height:16px; padding:5px 0 0 0; } .headlines-block-11-items .headline-content ul li.first-item a { font:12px Verdana; font-weight:bold; color:#024c6f !important; line-height:16px; display:block; padding:5px 0 5px 0;} .headlines-block-11-items .headline-content ul li .newsfact-intro { color:#024c6f; } .headlines-block-11-items .headline-content ul li a { overflow:hidden; width:210px; height:auto; display:block; font:10px Verdana; color:#467d9b; text-decoration:none; line-height:14px; background-repeat:no-repeat; background-position:bottom right; padding-bottom:5px; } .headlines-block-11-items .headline-content .newstop { display:block; font:12px Verdana !important; padding:0 0 2px 0; } .headlines-block-11-items .headline-content ul li a:hover { color:#024c6f; background-repeat:no-repeat; background-position:bottom right; } .headlines-block-11-items .headline-bottom { width:230px; height:31px; background-image:url(../img/feature_bottom_bg.gif); background-repeat:no-repeat; background-position:top left; } .headlines-block-11-items .headline-content a:hover { color:#024c6f; } /* lc, vacancies overview */ .headline-vacancies { width:230px; padding:6px 0 0 0; } .vacancies-last { padding:0 !important; } .internship-block { padding:2px 0 0 0 !important; } .headline-vacancies .vacancie-header-orange { width:230px; height:33px; background-image:url(../img/feature_header_bg_orange.gif); background-repeat:no-repeat; background-position:top left; } .headline-vacancies .vacancie-content { width:210px; height:113px; background-image:url(../img/feature_content_bg.gif); background-repeat:repeat-y; background-position:top left; padding:0 10px 0 10px; } /* internship extra's */ .internships { height:295px !important; } .internships ul { padding:5px 0 0 0; } .internships ul li { height:29px !important; } .headline-vacancies .vacancie-content-internship { width:210px; height:115px; background-image:url(../img/feature_content_bg.gif); background-repeat:repeat-y; background-position:top left; padding:0 10px 0 10px; } .headline-vacancies .vacancie-content-announcement { width:210px; height:53px; background-image:url(../img/feature_content_bg.gif); background-repeat:repeat-y; background-position:top left; padding:3px 10px 0 10px; } .headline-vacancies .vacancie-content ul { width:210px; } .headline-vacancies .vacancie-content ul li { width:210px; height:28px; background-image:url(../img/feature_vacancies_li_bg.gif); background-repeat:no-repeat; background-position:bottom center;} /* vacature aanduidingen, max 3 per pagina! */ .vacancie-content ul li.td { } .vacancie-content ul li a.vacancies { font:11px Verdana; color:#ff8702 !important; text-decoration:none; font-weight:normal; line-height:27px; vertical-align:middle; padding:0; } .headline-vacancies .vacancie-content a:hover { color:#024c6f; } .headline-vacancies .vacancie-bottom { width:230px; height:33px; background-image:url(../img/feature_bottom_bg.gif); background-repeat:no-repeat; background-position:top left; } /* lc, quicklink items */ .headline-quicklinks { display:block; text-align:right; padding:7px 0 0 0; } .headline-quicklinks a { font:12px Verdana; color:#467d9b; text-decoration:none; vertical-align:top; } .headline-quicklinks a:hover { color:#024c6f; } .headline-quicklinks a.archiveLink { font-size:10px; } .headline-quicklinks .quicklink-divider { font:12px Verdana; color:#467d9b; text-decoration:none; vertical-align:top; } /* lc, tagcloud */ .tagcloud { width:230px; } .tagcloud .tagcloud-header { width:230px; height:25px; background-image:url(../img/feature_header_bottom_border.gif); background-repeat:no-repeat; background-position:bottom left; } .tagcloud .tagcloud-header .span-tagcloud { color:#024c6f; font:13px Verdana; padding:0 0 0 10px; } .tagcloud .tagcloud-content-tags { position:relative; height:118px; } .tagcloud .tagcloud-content-tags a { color:#467d9b; margin:0 10px 0 0; } .tagcloud .tagcloud-content-tags a:hover { color:#024c6f;} .tagcloud .tagcloud-bottom { width:230px; height:33px; background-image:url(../img/feature_bottom_bg_no_border.gif); background-repeat:no-repeat; background-position:top left; } .tag-1 { font:12px Verdana; position:absolute; top:8px; left:10px; width:150px; } .tag-2 { font:20px Verdana; position:absolute; top:25px; left:60px; width:150px; } .tag-2 a { color:#024C6F !important; } .tag-3 { font:14px Verdana !important; position:absolute; top:3px; left:126px; width:150px; } .tag-4 { font:14px Verdana; position:absolute; top:50px; left:10px; width:150px; } .tag-5 { font:12px Verdana; position:absolute; top:65px; left:140px; width:150px; } .tag-5 a { color:#024C6F !important; } .tag-6 { font:10px Verdana; position:absolute; top:95px; left:90px; width:150px; } .tag-7 { font:10px Verdana; position:absolute; top:19px; left:135px; width:150px; } .tag-8 { font:10px Verdana; position:absolute; top:95px; left:5px; width:150px; } .tag-8 a { color:#024C6F !important; } .tag-9 { font:10px Verdana; position:absolute; top:75px; left:30px; width:150px; } .tag-10 { font:10px Verdana; position:absolute; top:83px; left:20px; width:150px; } .tag-11 { font:14px Verdana; position:absolute; top:35x; left:130px; width:150px; } .tag-11 a { color:#024C6F !important; } .tag-12 { font:10px Verdana; position:absolute; top:95px; left:90px; width:150px; } /* lc, 5 item article block */ .tommorows-articles { width:230px; padding:2px 0 0 0; } .tommorows-articles .tommorows-header-bleu { width:230px; height:33px; background-image:url(../img/feature_header_bg_bleu.gif); background-repeat:no-repeat; background-position:top left; } .tommorows-articles .tommorows-content { height:477px; padding:0 0 0 10px; background-image:url(../img/feature_content_bg.gif); background-repeat:repeat-y; background-position:top left; } .tommorows-articles .tommorows-content .tommorows-lc-article { height:92px; } .tommorows-articles .tommorows-content .tommorows-lc-article h6 { font:12px Verdana; color:#024c6f; line-height:16px; padding:6px 0 5px 0; } .tommorows-articles .tommorows-content .tommorows-lc-article img { float:left; display:block; padding:2px 8px 0 0; } .tommorows-articles .tommorows-content .tommorows-lc-article a { font:10px Verdana; color:#646464; line-height:14px; text-decoration:none; display:block; height:65px; background-image:url(../img/tommorows-lc-article_bottom_border.gif); background-repeat:no-repeat; background-position:bottom left; margin:0 2px 0 0; } .tommorows-articles .tommorows-content .tommorows-lc-article a:hover { color:#024c6f; background-image:url(../img/tommorows-lc-article_bottom_border_hover.gif); } .tommorows-articles .tommorows-content .tommorows-lc-article-last { height:27px; height:auto !important; min-height:27px; background-image:none; } .tommorows-articles .tommorows-bottom { width:230px; height:31px; background-image:url(../img/feature_bottom_bg.gif); background-repeat:no-repeat; background-position:top left; } /* lc, job legenda */ .legenda-wrapper { padding:33px 0 15px 0; margin:0 0 0 -11px; } .legenda-wrapper .legenda-top { width:241px; height:3px; background-image:url(../img/rc-search-top-bg.gif); background-repeat:no-repeat; background-position:top right; line-height:1px; font-size:1px; } .legenda-wrapper .legenda-content { width:241px; background-image:url(../img/rc-search-content-bg.gif); background-repeat:repeat-y; background-position:top right; padding:0 0 5px 0;} .legenda-wrapper .legenda-content h6 { font:12px Verdana; color:#024c6f; line-height:20px; padding:5px 0 5px 12px; } .legenda-wrapper .legenda-content .lc-divider { width:241px; height:2px; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:top right; display:block; margin:0 0 0 0; line-height:1px; font-size:1px; /* <-- Used for IE6 img bug, wich adds extra height on the span element */ } .legenda-wrapper .legenda-content ul { margin:0 0 0 9px; padding:0; padding:8px 0 0 0; } .legenda-wrapper .legenda-content ul li { padding:0 0 0 15px; margin:0; height:19px; width:220px; } .legenda-wrapper .proffesionals { font:13px Verdana; color:#024c6f; background-image:url(../img/legenda-proffesionals.gif); background-repeat:no-repeat; background-position:top left; line-height:16px; /*-- line-height is used to position the bg -- */ } .legenda-wrapper .young-proffesionals { font:13px Verdana; color:#ff8702; background-image:url(../img/legenda-young-professionals.gif); background-repeat:no-repeat; background-position:top left; line-height:16px; /*-- line-height is used to position the bg -- */ } .legenda-wrapper .legenda-content ul li.selector-header { font:12px Verdana; color:#ff8702; line-height:16px; font-weight:bold; padding:5px 0 0 0; background-image:none !important; } .legenda-wrapper .legenda-content ul li a { height:17px; display:block; font:11px Verdana; color:#467d9b; line-height:17px; text-decoration:none; padding:0 0 0 18px; background-image:url(../img/selector-li-bg.gif); background-repeat:no-repeat; background-position:top left; } .legenda-wrapper .legenda-content ul li a.active { height:17px; display:block; font:11px Verdana; color:#fff; line-height:17px; text-decoration:none; padding:0 0 0 18px; background-image:url(../img/selector-li-bg-active.gif); background-repeat:no-repeat; background-position:top left; } .legenda-wrapper .legenda-bottom { width:241px; height:3px; background-image:url(../img/rc-search-bottom-bg.gif); background-repeat:no-repeat; background-position:top right; vertical-align:top; } /* agenda lagenda */ .agenda-legenda-content { } .agenda-legenda-content h6 { font:12px Verdana; color:#024c6f; line-height:20px; padding:5px 0 5px 12px; } .agenda-legenda-content ul { margin:0 0 0 13px; padding:0; padding:8px 0 0 0; } .agenda-legenda-content ul li { padding:0 0 0 18px; margin:0; height:19px; width:192px; } .agenda-legenda-content .proffesionals { font:13px Verdana; color:#024c6f; background-image:url(../img/legenda-proffesionals.gif); background-repeat:no-repeat; background-position:top left; line-height:16px; /*-- line-height is used to position the bg -- */ } .agenda-legenda-content .young-proffesionals { font:13px Verdana; color:#ff8702; background-image:url(../img/legenda-young-professionals.gif); background-repeat:no-repeat; background-position:top left; line-height:16px; /*-- line-height is used to position the bg -- */ } .agenda-legenda-content .legenda-content ul li.selector-header { font:12px Verdana; color:#ff8702; line-height:16px; font-weight:bold; padding:5px 0 0 0; background-image:none !important; } .agenda-legenda-content .legenda-content ul li a { height:17px; display:block; font:11px Verdana; color:#467d9b; line-height:17px; text-decoration:none; padding:0 0 0 18px; background-image:url(../img/selector-li-bg.gif); background-repeat:no-repeat; background-position:top left; } /* lc, small text article */ .lc-small-text-article-first { width:230px; padding:2px 0 0 0; } /*-- This class is used for the first article to add some spacing at the top for correct alignment --*/ .lc-small-text-article-first .article-header-bleu { width:230px; height:33px; background-image:url(../img/feature_header_bg_bleu.gif); background-repeat:no-repeat; background-position:top left; } .lc-small-text-article-first .article-content { width:210px; height:106px; background-image:url(../img/feature_content_bg.gif); background-repeat:repeat-y; background-position:top left; padding:7px 10px 0 10px; } .lc-small-text-article-first .article-content .feature-text-small { height:70px; overflow:hidden; padding:0 0 10px 0;} .lc-small-text-article-first .article-content .feature-text-small img { float:left; margin:0 10px 0 0; } .lc-small-text-article-first .article-content .feature-text-small a { display:block; text-align:left; vertical-align:top; width:210px; padding:0 !important; font:10px Verdana; line-height:12px; color:#646464; } .lc-small-text-article-first .article-content .feature-text-small p { line-height:12px; } .lc-small-text-article-first .article-content .feature-text-small a:hover p{ color:#024c6f !important; } .lc-small-text-article-first .article-content a { display:block; padding:5px 0 0 0; float:right; width:80px; text-align:right; font:12px Verdana; line-height:12px; color:#467d9b; text-decoration:none; } .lc-small-text-article-first .article-content a:hover { color:#024c6f; } .lc-small-text-article-first .article-content .article-bottom-border { width:210px; height:2px; overflow:hidden; /* <-- IE6 bug fix with span height's and bg images. This fix is needed to reset the height. */ background-image:url(../img/feature-bottom-border-bg.gif); background-repeat:no-repeat; background-position:top left; display:block; } .lc-small-text-article-first .article-content .rc-feature-image-small { position:relative; width:91px; border:1px solid; } .lc-small-text-article-first .article-content .rc-feature-small-text { width:100px; float:right; } .lc-small-text-article-first .article-bottom { width:230px; height:37px; background-image:url(../img/feature_bottom_bg.gif); background-repeat:no-repeat; background-position:top left; } .lc-small-text-article { width:230px; } .lc-small-text-article .article-header-bleu { width:230px; height:33px; background-image:url(../img/feature_header_bg_bleu.gif); background-repeat:no-repeat; background-position:top left; } .lc-small-text-article .article-content { width:210px; height:106px; background-image:url(../img/feature_content_bg.gif); background-repeat:repeat-y; background-position:top left; padding:7px 10px 0 10px; } .lc-small-text-article .article-content .feature-text-small { height:70px; overflow:hidden; padding:0 0 10px 0;} .lc-small-text-article .article-content .feature-text-small img { float:left; margin:0 10px 0 0; } .lc-small-text-article .article-content .feature-text-small a { display:block; text-align:left; vertical-align:top; width:210px; padding:0 !important; font:10px Verdana; line-height:12px; color:#646464; } .lc-small-text-article .article-content .feature-text-small p { line-height:12px; } .lc-small-text-article .article-content .feature-text-small a:hover p{ color:#024c6f !important; } .lc-small-text-article .article-content a { display:block; padding:5px 0 0 0; float:right; width:80px; font:12px Verdana; line-height:12px; color:#467d9b; text-align:right; text-decoration:none; } .lc-small-text-article .article-content a:hover { color:#024c6f; } .lc-small-text-article .article-content .article-bottom-border { width:210px; height:2px; overflow:hidden; /* <-- IE6 bug fix with span height's and bg images. This fix is needed to reset the height. */ background-image:url(../img/feature-bottom-border-bg.gif); background-repeat:no-repeat; background-position:top left; display:block; } .lc-small-text-article .article-content .rc-feature-image-small { position:relative; width:91px; border:1px solid; } .lc-small-text-article .article-content .rc-feature-small-text { width:100px; float:right; } .lc-small-text-article .article-bottom { width:230px; height:37px; background-image:url(../img/feature_bottom_bg.gif); background-repeat:no-repeat; background-position:top left; } /* mc, main content collumn */ .content-intro { width:430px; min-height:20px; height:auto !important; height:20px; background-image:url(../img/content_intro_bg.gif); background-repeat:no-repeat; background-position:bottom left; padding:8px 15px 5px 15px; } .content-intro h2 { padding:0 0 5px 0; } .downloads-intro { width:665px !important; background-image:url(../img/content_intro_bg_downloads.gif) !important; } .content { width:430px; background-image:url(../img/content_bg.gif); background-repeat:repeat-y; background-position:top left; padding:10px 15px 0 15px; } /* mc related */ .content ul { margin:0 10px 0 15px; clear:left; } .content ul li { font:12px Verdana; color:#000; line-height:16px; list-style-position:outside; list-style-image:url(../img/list-img-dash-content.gif); padding:0 0 2px 0; } .downloads-content { width:665px !important; background-image:url(../img/content_bg_downloads.gif) !important; } .content a { font:12px Verdana; color:#467d9b; text-decoration:none; } .content h3 { margin:0; padding:0 0 20px 0;} .content .floating-img { float:left; display:block; margin:0 10px 10px 0; } .content .flaoting-body-image-full-coll { float:left; display:block; } .content-outro { width:430px; height:29px; background-image:url(../img/content_outro_bg.gif); background-repeat:no-repeat; background-position:top left; padding:0 15px 0 15px; } .downloads-outro { width:665px !important; background-image:url(../img/content_outro_bg_downloads.gif) !important; } /* general pages tabular data */ td.legal-table { } td.legal-table td { width:170px; padding:0 10px 5px 0; text-align:left; } /* mc, artikel pages */ .double-coll-left-coll .content-intro { position:relative; width:700px; height:23px; background-image:url(../img/content_intro_bg_double_coll.gif); background-repeat:repeat-x; background-position:bottom left; padding:10px 0 0 10px; } .double-coll-left-coll .content-intro h2 { line-height:18px; } .double-coll-left-coll .content-intro .previous-link { position:absolute; right:20px; top:12px; } .double-coll-left-coll .content-intro .previous-link a { text-decoration:none; font:11px Verdana; color:#467d9b; } .double-coll-left-coll .content-intro .previous-link a:hover { color:#024c6f; } .mid-coll .content-intro .news_title { width:400px; } .mid-coll .content-intro .previous-link { position:absolute; right:20px; top:12px; } .mid-coll .content-intro .previous-link a { text-decoration:none; font:11px Verdana; color:#467d9b; } .mid-coll .content-intro .previous-link a:hover { color:#024c6f; } /* single coll article */ .double-coll-left-coll .single-coll-article { width:700px; background-image:url(../img/content_intro_bg_double_coll_content_bg.gif); background-repeat:repeat-y; background-position:top right; padding:0 0 0 10px; min-height:250px; height:auto !important; height:250px; } .single-coll-article img { display:block; padding:10px 0 10px 0; text-align:left; } .double-coll-left-coll .single-coll-article .flaoting-body-image-full-coll { float:left; } .double-coll-left-coll .single-coll-article h3 { margin:0 15px 0 0; } .double-coll-left-coll .single-coll-article p { margin:0 15px 0 0; } .double-coll-left-coll .single-coll-article h4 { margin:0 10px 0 0; } .double-coll-left-coll .single-coll-article blockquote { width:678px; padding:15px 0 15px 0; } .double-coll-left-coll .content-outro { width:700px; background-image:url(../img/content_outro_bg_double_coll.gif); height:29px; background-repeat:no-repeat; background-position:top right; padding:0 0 0 10px; } /* company facts&figures */ .single-coll-article { padding:10px 0 0 0; } .single-coll-article ul { margin:0 10px 0 15px; clear:left; } .single-coll-article ul li { font:12px Verdana; color:#000; line-height:16px; list-style-position:outside; list-style-type:disc; padding:0 0 2px 0; margin:0 10px 0 0; } .single-coll-article strong { color:#024c6f; } .single-coll-article a { color:#467d9b; } .single-coll-article table td { font:12px Verdana; color:#000; line-height:16px; vertical-align:top; height:25px; text-align:left; padding:0 0 5px 0; } .single-coll-article .left-td-title { width:250px; } .single-coll-article .right-td-data { width:200px; } .single-coll-article .right-td-data .left-td { width:250px; } .single-coll-article .right-td-data .right-td { } /* double coll article */ .double-coll-left-coll .double-coll-article .double-coll-img { width:240px; float:left; vertical-align:top; padding:4px 0 0 0; } .double-coll-left-coll .double-coll-article .double-coll-content-text { width:440px; float:left; vertical-align:top; } .double-coll-left-coll .double-coll-article .double-coll-content-text .double-coll-content-divider { height:5px; background-image:url(../img/content_intro_bg_double_coll.gif); background-repeat:repeat-x; background-position:bottom left; display:block; margin:0 0 10px 0; } .double-coll-left-coll .double-coll-article-quote { padding:0 0 0 10px; width:700px; float:left; background-image:url(../img/content_intro_bg_double_coll_content_bg.gif); background-repeat:repeat-y; background-position:top right; } .double-coll-left-coll .double-coll-article-quote .double-coll-blockquote-img { padding:0 10px 0 0; vertical-align:top; } .double-coll-left-coll .double-coll-article-quote .double-coll-blockquote-text { border-top:1px dashed #646464; border-bottom:1px dashed #646464; width:430px; vertical-align:top; } .double-coll-left-coll .double-coll-article-quote .double-coll-blockquote-text blockquote { font:18px Verdana; color:#646464; padding:5px 0 5px 0; font-style:italic; border:none !important; } .double-coll-left-coll .double-coll-article-quote .double-coll-blockquote-text cite.quoter-name { display:block; font-style:normal; font:12px Verdana; color:#646464; line-height:16px; padding:10px 0 0 0; margin:0; } .double-coll-left-coll .double-coll-article-quote .double-coll-blockquote-text cite.quoter-company { font-style:normal; font-weight:bold !important; font:12px Verdana; color:#024c6f; line-height:16px; margin:0; } .double-coll-left-coll .double-coll-article-text { width:700px; background-image:url(../img/content_intro_bg_double_coll_content_bg.gif); background-repeat:repeat-y; background-position:top right; padding:0 0 0 10px; float:left; } .double-coll-left-coll .double-coll-article-text .board-img { float:left; width:150px; } .double-coll-left-coll .double-coll-article-text .board-img img { margin:10px 0 0 0; } .double-coll-left-coll .double-coll-article-text .board-text { float:right; margin:10px 20px 0 0; width:520px; background:url(../img/dashed-bg.gif) repeat-x top right; } .no-border{ background-image:none !important; } .no-border h3 { margin:0 !important; } .double-coll-left-coll .double-coll-article-text .board-text h3 { margin:10px 0 0 0; } .double-coll-left-coll .double-coll-article-text .board-text a { color:#467d9b; } .double-coll-left-coll .double-coll-article-text .board-text strong { color:#024c6f; } .double-coll-left-coll .double-coll-article-text h3 { padding:0; margin:0; } .double-coll-left-coll .double-coll-article-text .double-coll-text-img-first { width:228px; padding:10px 10px 0 0; vertical-align:top; } .double-coll-left-coll .double-coll-article-text .double-coll-text-img { padding:0 10px 0 0; vertical-align:top; } .double-coll-left-coll .double-coll-article-text .double-coll-text-text { border-top:1px dashed #646464; width:430px; vertical-align:top; } .double-coll-left-coll .double-coll-article-text .double-coll-text-text-no-border { border:none !important; width:430px; vertical-align:top; padding:10px 0 0 0; } .double-coll-text-text-no-border blockquote { font-size:14px !important; } .double-coll-left-coll .double-coll-article-text .double-coll-text-text-no-border ul { margin:0 10px 10px 15px; clear:left; } .double-coll-left-coll .double-coll-article-text .double-coll-text-text-no-border ul li { font:12px Verdana; color:#000; line-height:16px; list-style-position:outside; list-style-type:disc; padding:0 0 2px 0; } .double-coll-left-coll .double-coll-article-text .double-coll-text-text-no-border a { color:#467d9b !important; } .double-coll-left-coll .double-coll-article-text .double-coll-text-text-no-border a:hover { color:#024C6F !important; } .double-coll-left-coll .double-coll-article-text .double-coll-text-text-no-border strong { color:#024C6F; } .double-coll-left-coll .double-coll-article-text .double-coll-text-text h4 {padding:10px 0 0 0; } /* board section */ } .double-coll-left-coll .double-coll-article-text h3 { padding:0; margin:0; } /* mc, search results */ .content p .show-results { color:#646464; padding:8px 0 0 0; display:block; } .content .search-box { width:410px; height:20px; padding:10px; background-image:url(../img/search-results-bg.gif); background-repeat:no-repeat; background-position:top left; } .content .search-box input { background-color:transparent; font:12px Verdana; color:#646464; border:none !important; margin:0 0 0 5px; } .content .search-box .searchbox-td { background-image:url(../img/search-results-input-bg.gif); background-repeat:no-repeat; background-position:top left; background-color:transparent !important; height:20px; width:220px; } .content .search-box .search-btn-td { margin:0 0 0 5px; text-align:left; } .content .search-box .advanced-search-td { text-align:left; } .content .search-input-bg { border:1px solid #ccc; height:20px; width:200px; z-index:10; background-image:url(../img/form-input-search-bg.gi); background-position:top left; background-repeat:no-repeat; } .content .search-result { width:430px; padding:0 0 15px 0; } .content .search-result p { padding:0; } /* agenda */ .agenda-result { width:430px; padding:0 0 15px 0; } .agenda-result h4 { } .agenda-result p { padding:0 0 0 20px; } .agenda-result a { display:block; height:16px; padding:0 0 0 0; } .agenda-result a:hover { color:#024c6f !important; } .agenda-result p.event { background:url(../img/agenda-icon-event.jpg) no-repeat top left; } .agenda-result p.career { background:url(../img/agenda-icon-career.jpg) no-repeat top left; } .content .search-box input .search-btn-again { } .content .search-box input .search-btn-advanced { } .keyword { color:#000; font-weight:bold; } .search-navigation { width:430px; height:25px; } .search-navigation a { font:11px Verdana; color:#467d9b; text-decoration:none; font-weight:normal; } .search-navigation a:hover { color:#024c6f; } .search-navigation .next { float:right; } .search-navigation .previous { float:left; width:190px; } .search-navigation .current { font:11px Verdana; color:#ccdbe2; color:#ff8702; font-weight:bold; } .search-navigation .total { float:left; font:11px Verdana; color:#ccdbe2; color:#024c6f; } /* rc, quick video containers */ .quick-video { width:225px; padding:2px 0 0 0; } .quick-video .quick-video-top { width:230px; height:30px; background-image:url(../img/feature_header_video_bg_bleu.gif); background-repeat:no-repeat; background-position:top left; } .quick-video .quick-video-content { width:230px; height:150px; position:relative; } .quick-video .quick-video-content .right-coll-flash-video { z-index:5; } .quick-video .quick-video-content a.video-content-overlay { z-index:10; width:230px; height:120px; position:absolute; top:-1px; right:0; background-image:url(../img/video_containter_bg.png); background-repeat:no-repeat; background-position:top left; } .quick-video .quick-video-content a.video-content-overlay:hover { z-index:10; width:230px; height:120px; position:absolute; top:-1px; right:0; background-image:url(../img/video_containter_bg-active.png); background-repeat:no-repeat; background-position:top left; } .quick-video .quick-video-content .video-shadow { width:230px; height:30px; background-image:url(../img/video_containter_bg_shadow.gif); background-repeat:no-repeat; background-position:top left; } /* rc, small text article */ .small-text-article { width:230px; padding:2px 0 0 0; } .small-text-article .article-header-bleu { width:230px; height:33px; background-image:url(../img/feature_header_bg_bleu.gif); background-repeat:no-repeat; background-position:top left; } .small-text-article .article-content { width:210px; height:114px; background-image:url(../img/feature_content_bg.gif); background-repeat:repeat-y; background-position:top left; padding:7px 10px 0 10px; } .feature-text-small { height:70px; overflow:hidden; padding:0 0 10px 0;} .feature-text-small img { float:left; margin:0 10px 0 0; } .feature-text-small a { font:10px Verdana; line-height:12px; } .small-text-article .article-content a { display:block; padding:8px 0 0 0; float:right; width:80px; text-align:right; font:12px Verdana; color:#467d9b; text-decoration:none; } .small-text-article .article-content a:hover { color:#024c6f; } .small-text-article .article-content .article-bottom-border { width:210px; height:2px; overflow:hidden; /* <-- IE6 bug fix with span height's and bg images. This fix is needed to reset the height. */ background-image:url(../img/feature-bottom-border-bg.gif); background-repeat:no-repeat; background-position:top left; display:block; } .rc-feature-image-small { position:relative; width:91px; border:1px solid; } .rc-feature-small-text { width:100px; float:right; } .small-text-article .article-bottom { width:230px; height:33px; background-image:url(../img/feature_bottom_bg.gif); background-repeat:no-repeat; background-position:top left; } /* rc, large text article */ .large-text-article { width:230px; } .large-text-article .article-header-bleu { width:230px; height:34px; background-image:url(../img/feature_header_bg_bleu.gif); background-repeat:no-repeat; background-position:top left; } .large-text-article .article-content { width:210px; height:287px; background-image:url(../img/feature_content_bg.gif); background-repeat:repeat-y; background-position:top left; padding:7px 10px 0 10px; } .large-text-article .article-content .feature-image { display:block; height:80px; width:210px; background-image:url(../img/headlines_img_01.gif); background-repeat:no-repeat; background-position:top left; } .feature-text-large { margin:0; height:164px; padding:10px 0 0 0; overflow:hidden; } .feature-text-large p { font:11px Verdana; padding:0 0 10px 0; line-height:normal; } .large-text-article .article-content a { display:block; padding:8px 0 8px 0; float:right; width:80px; text-align:right; font:12px Verdana; color:#467d9b; text-decoration:none; } .large-text-article .article-content a:hover { color:#024c6f; } .large-text-article .article-content .article-bottom-border { width:210px; height:2px; overflow:hidden; /* <-- IE6 bug fix with span height's and bg images. This fix is needed to reset the height. */ background-image:url(../img/feature-bottom-border-bg.gif); background-repeat:no-repeat; background-position:top left; display:block; }.large-text-article .article-bottom { width:230px; height:33px; background-image:url(../img/feature_bottom_bg.gif); background-repeat:no-repeat; background-position:top left; } /*rc, related links and quicklinks */ .related-quicklinks { } .related-quicklinks .related-quicklinks-header { width:220px; height:33px; background-image:url(../img/quicklinks_li_bg.gif); background-repeat:no-repeat; background-position:bottom left; margin:0 0 0 13px; } .related-quicklinks .related-quicklinks-header h6 { padding:10px 0 0 0; font:13px Verdana; color:#024c6f; } .related-quicklinks .related-quicklinks-bottom-border { width:230px; height:30px; background-image:url(../img/quicklinks_li_bg.gif); background-repeat:no-repeat; background-position:bottom left; } .related-quicklinks .related-quicklinks-bottom-border h6 { font:13px Verdana; color:#024c6f; padding:5px 0 0 15px; } .related-quicklinks .related-quicklinks-content { padding:0 0 0 5px; width:225px; background-color:#fff; } .related-quicklinks .related-quicklinks-content ul { width:220px; padding:0 0 0 10px; } .related-quicklinks .related-quicklinks-content ul li { width:210px; height:35px; background-image:url(../img/quicklinks_li_rc_bg.gif); background-repeat:repeat-x; background-position:bottom left; } .related-quicklinks .related-quicklinks-content ul li a { font:12px Verdana; color:#467d9b; text-decoration:none; width:210px; display:block; line-height:33px; background-image:url(../img/quicklink_li_rc_a_bg.gif); background-repeat:no-repeat; background-position:top right; } .related-quicklinks .related-quicklinks-content ul li a:hover { color:#024c6f; background-image:url(../img/quicklink_li_rc_a_hover_bg.gif); background-repeat:no-repeat; background-position:top right; } .related-quicklinks .related-quicklinks-content ul li.last { width:210px; height:30px; background-image:none !important; } .related-quicklinks .related-quicklinks-bottom { width:230px; height:33px; background-image:url(../img/feature_bottom_bg_no_border.gif); background-repeat:no-repeat; background-position:top left; vertical-align:top; } /* rc, job alert */ .rc-job-alert { } .rc-job-alert .rc-job-alert-header { width:230px; height:33px; background-image:url(../img/dashed-bootom-border.gif); background-repeat:repeat-x; background-position:bottom left; } .rc-job-alert .rc-job-alert-header h6 { font:13px Verdana; color:#024c6f; line-height:20px; padding:5px 0 0 5px; } .rc-job-alert .rc-job-alert-content { width:220px; padding:5px 5px 0 5px; } .rc-job-alert .rc-job-alert-content p a { display:block; font:11px Verdana; line-height:16px; text-decoration:none; color:#333333; background-image:url(../img/quicklink_li_bg_no_border.gif); background-repeat:no-repeat; background-position:bottom right; } .rc-job-alert .rc-job-alert-content p a:hover { text-decoration:none; color:#024c6f; background-image:url(../img/quicklink_li_bg_no_border_hover.gif); background-repeat:no-repeat; background-position:bottom right; } .rc-job-alert .rc-job-alert-bottom { width:230px; height:33px; background-image:url(../img/feature_bottom_bg_no_border.gif); background-repeat:no-repeat; background-position:top left; } /* rc, search */ .rc-search { padding:33px 0 15px 0; margin:0 0 0 -11px; } .rc-search .rc-search-header { width:241px; height:3px; background-image:url(../img/rc-search-top-bg.gif); background-repeat:no-repeat; background-position:top right; line-height:1px; font-size:1px; } .rc-search .rc-search-content { width:230px; background-image:url(../img/rc-search-content-bg.gif); background-repeat:repeat-y; background-position:top right; padding:0 0 0 11px; } .rc-search .rc-search-content h6 { font:12px Verdana; color:#ff8702; font-weight:bold; padding:7px 0 10px 0; } .rc-search .rc-search-content .input-bg { height:20px; width:198px; z-index:10; background-image:url(../img/form-input-search-bg.gif); background-position:top left; background-repeat:no-repeat; padding:0 0 7px 0; } .rc-search .rc-search-content .input-bg-share { width:210px; height:20px; z-index:10; background-image:url(../img/rc-text-field-bg.gif); background-position:top left; background-repeat:no-repeat; padding:0 0 10px 0; } .rc-search .rc-search-content .input-button { width:21px; height:20px; vertical-align:top; } .rc-search .rc-search-content .rc-search-field { width:187px; height:20px; border:none; font:11px Verdana; color:#024c6f; background-color:transparent !important; padding:2px 0 0 2px; } .rc-search .rc-search-content .rc-search-field-submit { cursor:pointer !important; width:21px; height:20px; background-image:url(../img/form-input-search-submit-bg.gif); background-repeat:no-repeat; background-position:top right; border:none; } .rc-search .rc-search-content .rc-search-field-submit:hover { background-image:url(../img/form-input-search-submit-bg-hover.gif); } .rc-search .rc-search-content .rc-text-field { width:210px; height:20px; border:none !important; background-color:transparent !important; font:11px Verdana; color:#467d9b; padding:2px 0 0 5px; } .rc-search .rc-search-content .input-share-submit { cursor:default; width:210px; height:30px; border:none; font:11px Verdana !important; color:#467d9b; padding:5px 5px 0 0; vertical-align:top; text-align:right; } .rc-search .rc-search-bottom { width:241px; height:3px; background-image:url(../img/rc-search-bottom-bg.gif); background-repeat:no-repeat; background-position:top right; } /* rc, link overview */ /* rc, mail a friend */ .mail-a-friend { padding:4px 0 0 0; } .mail-a-friend .mail-a-friend-header { width:230px; height:33px; background-image:url(../img/feature_header_bg_bleu.gif); background-repeat:no-repeat; background-position:top left; } .mail-a-friend .mail-a-friend-header h5 { font:13px Verdana; color:#fff; line-height:20px; padding:5px 0 0 10px; } .mail-a-friend .mail-a-friend-content { width:210px; padding:0 10px 0 10px; height:189px; background-image:url(../img/feature_content_bg.gif); background-repeat:repeat-y; background-position:top left; } .mail-a-friend .mail-a-friend-content table td.input-bg-share { width:210px; height:20px; z-index:10; background-image:url(../img/rc-text-field-bg.gif); background-position:top left; background-repeat:no-repeat; padding:0 0 9px 0;} .mail-a-friend .mail-a-friend-content table td.input-bg-share input { } .mail-a-friend .mail-a-friend-content table td input.rc-text-field { width:210px; height:20px; border:none !important; background-color:transparent !important; font:11px Verdana; color:#467d9b; padding:2px 0 0 5px; } .mail-a-friend .mail-a-friend-content table td .rc-divider { line-height:1px; font-size:1px; height:2px; width:210px; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:bottom left; display:block; } .mail-a-friend .mail-a-friend-content table td.input-share-submit { cursor:pointer; width:205px; line-height:1px; font-size:1px; border:none; font:11px Verdana !important; color:#467d9b; padding:10px 10px 0 0; vertical-align:top; text-align:right } .mail-a-friend .mail-a-friend-content h6 { font:12px Verdana; color:#ff8702; font-weight:normal; padding:7px 0 10px 0; } .mail-a-friend .mail-a-friend-bottom { width:230px; height:33px; background-image:url(../img/feature_bottom_bg.gif); background-repeat:no-repeat; background-position:top left; } /* --- SELECTORS --- */ /* main layout, left criteria selector */ .criteria-selector-wrapper { padding:33px 0 0 0; } .criteria-selector-wrapper .criteria-selector-top { width:235px; height:3px; background-image:url(../img/fleet-selector-top-bg.gif); background-repeat:no-repeat; background-position:top left; line-height:1px; font-size:1px; } .criteria-selector-wrapper .criteria-selector-content { width:235px; background-image:url(../img/fleet-selector-content-bg.gif); background-repeat:repeat-y; background-position:top left; padding:0 0 5px 0;} /* second level selector, specific */ .criteria-selector-2e-level { width:235px; background-image:url(../img/fleet-selector-content-bg.gif); background-repeat:repeat-y; background-position:top left; padding:0 0 3px 0;} .criteria-selector-2e-level h6 { font:12px Verdana; color:#024c6f; line-height:20px; padding:5px 0 5px 12px; } .criteria-selector-2e-level ul { margin:0 0 0 10px; padding:10px 0 0 0; } .criteria-selector-2e-level ul li { margin:0px 0 5px 0; } .criteria-selector-2e-level ul li a { font:10px Verdana; color:#024c6f; line-height:14px; text-decoration:none; width:135px; height:30px; display:block; background-image:url(../img/fleet-item-li-bg.gif); background-repeat:no-repeat; background-position:top left; padding:0 0 0 8px; } .criteria-selector-2e-level ul li a.active { font:10px Verdana; color:#fff; line-height:14px; text-decoration:none; width:135px; height:30px; display:block; background-image:url(../img/fleet-item-li-bg-active.gif); background-repeat:no-repeat; background-position:bottom left; padding:0 0 0 8px; } .criteria-selector-2e-level ul li a.active-item { font:10px Verdana; color:#fff; line-height:14px; text-decoration:none; width:135px; height:30px; display:block; background-image:url(../img/fleet-item-li-bg-active.gif); background-repeat:no-repeat; background-position:bottom left; padding:0 0 0 8px; } /* job specific content */ .criteria-selector-2e-level-jobs { width:235px; background-image:url(../img/fleet-selector-content-bg.gif); background-repeat:repeat-y; background-position:top left; padding:0 0 3px 0;} .criteria-selector-2e-level-jobs h6 { font:12px Verdana; color:#024c6f; line-height:20px; padding:5px 0 5px 12px; } .criteria-selector-2e-level-jobs ul { margin:0 0 0 10px; padding:10px 0 0 0; } .criteria-selector-2e-level-jobs ul li { margin:0px 0 5px 0; } .criteria-selector-2e-level-jobs ul li a { font:10px Verdana; color:#024c6f; line-height:14px; text-decoration:none; width:135px; height:30px; display:block; background-image:url(../img/fleet-item-li-bg.gif); background-repeat:no-repeat; background-position:top left; padding:0 0 0 8px; } .criteria-selector-2e-level-jobs ul li a.active { font:10px Verdana; color:#fff; line-height:14px; text-decoration:none; width:135px; height:30px; display:block; background-image:url(../img/fleet-item-li-bg-active-jobs.gif); background-repeat:no-repeat; background-position:bottom left; padding:0 0 0 8px; } .criteria-selector-wrapper .criteria-selector-content h6 { font:12px Verdana; color:#024c6f; line-height:20px; padding:5px 0 5px 12px; } .criteria-selector-wrapper .criteria-selector-content ul { margin:0 0 0 12px; padding:0 0 5px 0; } .criteria-selector-wrapper .criteria-selector-content .lc-divider { width:230px; height:2px; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:top left; display:block; margin:0 0 0 2px; line-height:1px; font-size:1px; /* <-- Used for IE6 img bug, wich adds extra height on the span element */ } .criteria-selector-wrapper .criteria-selector-content ul li { padding:0; margin:0; min-height:19px; height:auto !important; height:19px; width:210px; } .criteria-selector-wrapper .criteria-selector-content ul li.selector-header { font:12px Verdana; color:#ff8702; line-height:16px; font-weight:bold; padding:6px 0 0 0; background-image:none !important; } .criteria-selector-wrapper .criteria-selector-content ul li.selector-header-video { font:12px Verdana; color:#ff8702; line-height:16px; font-weight:bold; padding:5px 0 0 0; background-image:none !important; } .criteria-selector-wrapper .criteria-selector-content ul li.video { background-image:url(../img/video-criteria-li-bg.gif) !important; background-repeat:no-repeat; background-position:top right; } .criteria-selector-wrapper .criteria-selector-content ul li.video-active { background-image:url(../img/video-criteria-li-bg-active.gif) !important; background-repeat:no-repeat; background-position:top right; } .criteria-selector-wrapper .criteria-selector-content ul li a { min-height:17px; height:auto !important; height:17px; display:block; font:11px Verdana; color:#467d9b; line-height:17px; text-decoration:none; padding:0 0 0 18px; background-image:url(../img/selector-li-bg.gif); background-repeat:no-repeat; background-position:top left; } .criteria-selector-wrapper .criteria-selector-content ul li a.hover { min-height:17px; height:auto !important; height:17px; display:block; font:11px Verdana; color:#fff; line-height:17px; text-decoration:none; padding:0 0 0 18px; background-image:url(../img/selector-li-bg-hover.gif); background-repeat:no-repeat; background-position:top left; } .criteria-selector-wrapper .criteria-selector-content ul li a.active { min-height:17px; height:auto !important; height:17px; display:block; font:11px Verdana; color:#fff; line-height:17px; text-decoration:none; padding:0 0 0 18px; background-image:url(../img/selector-li-bg-active.gif); background-repeat:no-repeat; background-position:top left; } .criteria-selector-wrapper .criteria-selector-content ul li ul { display:block; } .criteria-selector-wrapper .criteria-selector-content ul li ul li { width:175px; } .criteria-selector-wrapper .criteria-selector-content ul li ul li a { width:175px; } .lc-divider { width:230px; height:2px; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:top left; display:block; margin:0 0 0 2px; line-height:1px; font-size:1px; /* <-- Used for IE6 img bug, wich adds extra height on the span element */ } .lc-divider-indented { width:206px; height:1px; padding:0 0 0 0; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:bottom left; display:block; margin:0 0 0 15px; line-height:1px; font-size:1px; /* <-- Used for IE6 img bug, wich adds extra height on the span element */ } .lc-divider-indented-middle { width:206px; height:1px; padding:3px 0 5px 0; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:bottom left; display:block; margin:0 0 0 15px; line-height:1px; font-size:1px; /* <-- Used for IE6 img bug, wich adds extra height on the span element */ } .lc-divider-indented-last { width:206px; height:9px; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:top left; display:block; margin:0 0 0 15px; line-height:1px; font-size:1px; /* <-- Used for IE6 img bug, wich adds extra height on the span element */ } .criteria-selector-wrapper .criteria-selector-bottom { width:235px; height:3px; background-image:url(../img/fleet-selector-bottom-bg.gif); background-repeat:no-repeat; background-position:top left; vertical-align:top; line-height:1px; font-size:1px; } /* main layout, content selector */ #content-selector { background-color:transparent !important; margin:0 0 0 -8px; } #content-selector .content-selector-header { height:36px; background-image:url(../img/feature-block-selector-header-bleu.gif); background-repeat:no-repeat; background-position:top left; background-color:transparent !important; } #content-selector .no-border { background-image:url(../img/feature-block-selector-header-bleu-no-border.gif) !important; } #content-selector .content-selector-header h5 { font:13px Verdana; color:#fff; line-height:20px; padding:8px 0 0 10px; } #content-selector .content-selector-header h5 a { font:13px Verdana; color:#fff; line-height:20px; } #content-selector .content-selector-content { clear:both; width:459px; background-image:url(../img/feature-block-selector-content-bg.gif); background-repeat:repeat-y; background-position:top left; background-color:transparent !important; padding:0 0 0 5px; } .branch { min-height:500px; height:auto !important; height:500px; } #content-selector .content-selector-bottom { height:12px; background-image:url(../img/feature-block-selector-bottom-bg.gif); background-repeat:no-repeat; background-position:top left; z-index:10; } /* selectors, specific classes, content */ .content-selector-data { width:440px; margin:0 0 0 0; background-color:transparent !important; } .content-selector-data img { margin:0 0 0 0; } .content-selector-data .floating-img-exp{ margin:10px 10px 10px 12px; } .content-selector-data a { color:#467d9b !important; } .content-selector-data a:hover { color:#024C6F !important; } /* branche specific spacer */ .branch-details { margin:0 0 0 10px; } /* removed the left margin */ .content-selector-data .selector-breadcrumb { font:11px Verdana; color:#024c6f; line-height:21px; font-weight:normal; padding:6px 0 3px 10px; } .content-selector-data .selector-breadcrumb .current { color:#ff8702; } .content-selector-data .selector-breadcrumb .all { color:#024c6f; } .vacancie-library { padding:0 0 0 10px; } /* branches */ .selector-library { min-height:476px; height:auto !important; height:476px; padding:0 0 0 10px; width:440px; background-color:#fff; } .selector-library .selector-branch-item { padding:1px 6px 3px 0; width:140px; height:60px; background-image:url(../img/branch-item-li-bg.gif); background-repeat:no-repeat; background-position:top left; float:left; } .selector-library .selector-branch-item a { vertical-align:middle !important; padding:3px 5px 0 5px; width:133px; height:58px; display:block; font:10px Verdana; text-decoration:none; color:#024c6f !important; } .selector-library .selector-branch-item a:hover { color:#fff !important; background-image:url(../img/branch-item-li-bg-bleu.gif); background-repeat:no-repeat; background-position:top left; } /* branch details */ .content-selector-content .selector-item-name { min-height:22px; height:auto !important; height:22px; font:13px Verdana; color:#646464; line-height:19px; width:440px; padding:5px 10px 0 10px; } .content-selector-content .selector-item-name .sub-name { height:20px; font:16px Verdana; color:#024c6f; line-height:19px; } .content-selector-content .mc-divider { background-color:transparent; height:5px; width:435px; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:bottom left; display:block; margin:0 0 0 10px; line-height:1px; font-size:1px; } .back-to-overview { width:445px; text-align:right; padding:5px 0 5px 0; display:block; } .back-to-overview a { font:10px Verdana; color:#467d9b; text-decoration:none; padding:0 0 0 0; line-height:16px; } .back-to-overview a:hover { color:#024c6f; text-decoration:none; } /* used for branch details and contact details */ .branch-location-image img { margin:0 10px 0 0; } .branch-location-image { padding:5px 0 20px 0; vertical-align:top; } .branch-location-data { padding:0 0 20px 10px; vertical-align:top; } .branch-location-data p { padding:0 0 10px 0 !important; } .branch-location-data h4 { padding:0 0 0 0 !important; } .branch-location-data h4.contact-heading { padding:10px 0 0 0 !important; } .branch-location-data span { display:block; font:12px Verdana; color:#333333; line-height:16px; } .branch-location-data .visiting-adress { color:#024c6f; } /* .contact-route-header { width:430px; background-image:url(../img/contact_route_bg.gif); background-repeat:no-repeat; background-position:bottom left; padding:0 15px 5px 15px; } */ .contact-route-header { width:665px; background-image:url(../img/contact_route_bg_new.gif); background-repeat:repeat-x; background-position:bottom left; padding:0 15px 5px 0; margin:0 0 10px 0; } .contact-route-widget { background-image:url(../img/content_bg.gif); background-repeat:repeat-y; background-position:top left; padding:0 0 0 0; } .contact-route-widget p { padding:10px 0 0 15px; /* use this padding for the google maps widget, change the p tag to whatever */ } .branch-location-data .tel, span.tel { display:inline !important; color:#024c6f; font-weight:bold; } .branch-location-data .fax, span.fax { display:inline !important; color:#024c6f; font-weight:bold; } .branch-location-data .email, span.email { display:inline !important; color:#024c6f !important; font-weight:bold; } .branch-location-data a { text-decoration:none; color:#024c6f !important; } .branch-location-data a:hover { color:#024c6f !important; } .content-selector-data a.apply-job { vertical-align:top; padding:13px 0 10px 32px; margin:0 0 0 10px; height:25px; width:135px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image:url(../img/apply_job_icon.gif); background-repeat:no-repeat; background-position:top left; text-decoration:none; font:12px Verdana; color:#467d9b; } .content-selector-data a.print-job { vertical-align:top; padding:13px 0 10px 32px; height:25px; width:110px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image:url(../img/apply_job_icon.gif); background-repeat:no-repeat; background-position:top left; text-decoration:none; font:12px Verdana; color:#467d9b; } .content-selector-data a.exp-job { vertical-align:top; padding:13px 0 0 32px; height:25px; width:80px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image:url(../img/apply_job_icon.gif); background-repeat:no-repeat; background-position:top left; text-decoration:none; font:12px Verdana; color:#467d9b; } .content-selector-data ol { list-style-type:none; width:400px; padding:0 0 10px 2px; } .content-selector-data ol li { font:12px Verdana; color:#333333; line-height:16px; padding:0 0 0 10px; vertical-align:top; background-image:url(../img/list-img-dash.gif); background-repeat:no-repeat; background-position:top left; } /* vacancy apply/alert forms */ .content-selector-data .vacancy_frame { padding:5px 0 0 10px; width:445px; height:895px; } .content-selector-data .vacancy_frame_job_alert { padding:5px 0 0 0; width:450px; min-height:525px; height:auto !important; height:525px; border:none !important; } /* vacancie's */ .selector-library .selector-vacancie-item { padding:1px 6px 3px 0; width:140px; height:44px; background-image:url(../img/vacancie-item-li-bg.gif); background-repeat:no-repeat; background-position:top left; float:left; } .selector-library .selector-vacancie-item a { padding:1px 5px 0 5px; width:133px; height:43px; display:block; font:10px Verdana; text-decoration:none; color:#ff8702; } .selector-library .selector-vacancie-item a:hover { color:#fff !important; background-image:url(../img/vacancie-item-li-bg-orange.gif); background-repeat:no-repeat; background-position:top left; } .selector-library .selector-vacancie-item a.proffesional-vacancie:hover { color:#fff !important; background-image:url(../img/vacancie-item-li-bg-bleu.gif); background-repeat:no-repeat; background-position:top left; } .selector-library .young-professional-active { color:#fff !important; background-image:url(../img/vacancie-item-li-bg-orange.gif); background-repeat:no-repeat; background-position:top left; } .selector-library .professional-active { color:#fff !important; background-image:url(../img/vacancie-item-li-bg-bleu.gif); background-repeat:no-repeat; background-position:top left; } .selector-library .proffesional-vacancie { color:#024c6f !important; } .selector-library .starter-vacancie { color:#FF8702 !important; } /* vacancy details */ .apply-for-job-wrapper { background-color:#fff; padding:0 0 10px 0; width:445px; } .apply-for-job-wrapper .current-job-apply { padding:0 0 5px 0; font:12px Verdana; color:#024c6f; font-weight:bold; vertical-align:top; line-height:21px; } .apply-for-job-wrapper .personal-data-header { padding:0 0 10px 0; font:12px Verdana; color:#024c6f; font-weight:bold; vertical-align:top; line-height:21px; } .apply-for-job-wrapper .personal-data-title { width:180px; padding:0 0 5px 0; height:20px; font:12px Verdana; color:#024c6f; font-weight:normal; vertical-align:top; line-height:21px; } .apply-for-job-wrapper .personal-data-title-website { width:180px; padding:6px 0 5px 0; height:20px; font:12px Verdana; color:#024c6f; font-weight:normal; vertical-align:top; line-height:21px; } .apply-for-job-wrapper .personal-data-input { height:20px; padding:0 0 5px 0; font:12px Verdana; color:#024c6f; } .apply-for-job-wrapper .personal-data-input input { width:255px; border:1px solid #646464; margin:0; padding:0; height:16px; } .apply-for-job-wrapper .personal-data-select { height:20px; padding:0 0 5px 0; margin:0; } .apply-for-job-wrapper .personal-data-select select { width:257px; } .radio-item { font:12px Verdana; } .apply-for-job-wrapper .input-share-submit-job { cursor:pointer; width:440px; height:30px; border:none; font:11px Verdana !important; color:#467d9b; padding:5px 5px 0 0; vertical-align:top; text-align:right } .apply-for-job-wrapper .date-of-birth { width:100px !important; } .apply-for-job-wrapper .postal-code { width:100px !important; } /* Job alert */ .job-alert-wrapper { background-color:#fff; padding:0 0 10px 0; width:445px; } .job-alert-wrapper .header-job-alert { padding:0 0 5px 0; font:12px Verdana; color:#024c6f; font-weight:bold; vertical-align:top; line-height:21px; } .job-alert-wrapper .mc-divider { background-color:transparent; height:5px; width:435px; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:bottom left; display:block; margin:0 0 10px 0; line-height:1px; font-size:1px; } .job-alert-wrapper .personal-data-input .keywords { } .job-alert-wrapper .personal-data-input .checker { background-image:none !important; } .job-alert-wrapper td { font:12px Verdana; color:#024c6f; font-weight:normal; vertical-align:top; line-height:21px; } .job-alert-wrapper td.job-alert-title { min-height:20px; height:auto !important; height:20px; padding:0 0 5px 0; width:200px; } .job-alert-wrapper td.job-alert-element { min-height:20px; height:auto !important; height:20px; padding:0 0 5px 0; width:240px; margin:0 0 0 0; } .job-alert-wrapper input { margin:0; padding:0; font:12px Verdana; color:#024c6f; } .job-alert-wrapper select { margin:0; padding:0; font:12px Verdana; color:#024c6f; } .job-alert-wrapper input.textfield { border:1px solid #646464; margin:0; padding:0; height:16px; width:230px; } .job-alert-wrapper input.spacer { margin:0 0 5px 0; } .job-alert-wrapper .input-share-submit-job { cursor:pointer; width:430px; height:30px; border:none; font:11px Verdana !important; color:#467d9b; padding:5px 5px 0 0; vertical-align:top; text-align:right } /* video's */ .selector-library .selector-library-item { float:left; padding:0 3px 3px 0; } .selector-library .selector-library-item .selector-library-item-img { position:relative; width:143px; height:88px;} .selector-library .selector-library-item .selector-library-item-img img { width:143px; height:88px; font:10px Verdana; color:#024C6F; }/* Used to make sure the alt text does not push the elements off in IE6 when a image is not selected. */ .selector-library .selector-library-item .selector-library-item-overlay { z-index:10; width:145px; height:89px; position:absolute; top:0; left:0; } .selector-library .selector-library-item .selector-library-item-overlay .library-link { width:145px; height:89px; display:block; } .selector-library .selector-library-item .img { background-image:url(../img/library_item_container_bg.gif); background-repeat:no-repeat; background-position:top left; } .selector-library .selector-library-item .video { background-image:url(../img/library_item_container_bg-video.png); background-repeat:no-repeat; background-position:top left;} .selector-library .selector-library-item .video-active { background-image:url(../img/library_item_container_bg-video-active.png); background-repeat:no-repeat; background-position:top left;} .selector-library .selector-library-item .selector-library-item-caption { width:143px; height:28px; background-image:url(../img/library_item_container_bottom_bg.gif); background-repeat:no-repeat; background-position:top left; background-color:#ffffff; } .selector-library .selector-library-item .active { background-color:#ff8702; } .selector-library .selector-library-item .selector-library-item-caption .active { color:#fff !important; } .selector-library .selector-library-item .selector-library-item-caption .library-item-caption { width:133px; padding:1px 5px 0 5px; font:10px Verdana; color:#024c6f; line-height:12px; display:block; } /* fleet */ #fleet-selector-gallery { } #fleet-selector-gallery .navigation { padding:5px 0 10px 10px; } #fleet-selector-gallery .header-gallery { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; width:335px; font:11px Verdana; line-height:16px; font-weight:normal; color:#024c6f; } #fleet-selector-gallery .gallery-current { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; width:100px; font:11px Verdana; color:#024c6f; line-height:16px; font-weight:normal; text-align:right; padding:0 0 0 0; } #fleet-selector-gallery .gallery-current .current { color:#ff8702; } #fleet-selector-gallery .prev-item { width:24px !important; height:50px !important; float:left; padding:0 0 0 10px; } #fleet-selector-gallery .gallery-navigation { position:relative; width:393px; height:50px; float:left; overflow:hidden; } #fleet-selector-gallery .gallery-navigation .gallery-item { height:40px; width:40px; border:1px solid; float:left; } #fleet-selector-gallery .next-item { width:19px; height:50px; float:left; } #fleet-selector-gallery .gallery-navigation { padding:0 0 0 0; } #fleet-selector-gallery .gallery-navigation ul { margin:0; padding:0 0 0 2px; height:50px; overflow:hidden; } #fleet-selector-gallery .gallery-navigation ul li { float:left; padding:5px 2px 0 5px; text-align:center; vertical-align:middle; } /* Item data. Ship data enz enz... */ #item-data-wrapper { width:447px; background-image:url(../img/item-data-bg.gif); background-repeat:repeat-y; background-position:top left; padding:10px 0 0 10px; } #item-data-wrapper .item-data-left-coll { vertical-align:top; padding:0 0 8px 0; font:10px Verdana; color:#024c6f; font-weight:bold; background-image:url(../img/item-data-left-coll-bg.gif); background-position:top right; background-repeat:repeat-y; } #item-data-wrapper .item-data-left-coll img { margin:0 !important; } #item-data-wrapper .item-data-right-coll { width:220px; vertical-align:top; padding:0 0 8px 10px; font:10px Verdana; color:#646464; } #item-data-wrapper .item-data-right-coll img { margin:0 !important; } #item-data-wrapper .item-data-left-coll-last { width:220px; vertical-align:top; padding:0 0 8px 0; font:10px Verdana; color:#024c6f; font-weight:bold; background-image:url(../img/item-data-left-coll-bg.gif); background-position:top right; background-repeat:repeat-y; } #item-data-wrapper .item-data-right-coll-last { width:190px; vertical-align:top; padding:0 0 8px 8px; font:10px Verdana; color:#646464; } #item-data-wrapper .item-data-left-coll-img { background-image:url(../img/item-data-lastleft-coll-bg.gif); background-position:top left; background-repeat:repeat-x; } #item-data-wrapper .item-data-right-coll-img { background-image:url(../img/item-data-lastleft-coll-bg.gif); background-position:top left; background-repeat:repeat-x; } .mc-divider-fleet { height:2px; width:445px; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:bottom left; display:block; margin:0 0 7px 0; } .mc-divider-project { height:2px; width:445px; background-image:url(../img/lc-divider-project.gif); background-repeat:repeat-x; background-position:bottom left; display:block; margin:0 0 7px 0; } .selector-item-data-fleet { padding:0 0 0 0; } .selector-item-data-fleet img { margin:0 0 0 10px; } /* Fleet details text */ .content-selector-content h3 { padding:0 10px 10px 10px; } .content-selector-content p { padding:0 10px 10px 10px; } .content-selector-content h4 { line-height:16px; padding:0 10px 0 10px; } /* bottom image with color, used in fleet detail section */ .fleet-detail { background-image:url(../img/feature-block-selector-bottom-bg-fleet.jpg) !important; } /* selectors, bottom navigation */ .selector-navigation { width:435px; height:20px; padding:5px 0 0 10px;} .selector-navigation a { /*display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;*/ /* Used for the a tags to get them as a inline-block crossbrowser */ font:11px Verdana; color:#467d9b; text-decoration:none; font-weight:normal; } .selector-navigation a:hover { color:#024c6f; } .selector-navigation .next { float:right; } .selector-navigation .previous { float:left; width:195px; } .selector-navigation .current { font:11px Verdana; color:#ccdbe2; color:#ff8702; font-weight:normal; } .selector-navigation .total { float:left; font:11px Verdana; color:#ccdbe2; color:#024c6f; font-weight:normal; } /* downloads */ .downloads-wrapper { } .downloads-wrapper h3 { margin:0 20px 30px 0 !important; padding:10px 0 0 0; } .downloads-wrapper h4.toggler { cursor:pointer; font:14px Verdana; color:#646464; line-height:18px; padding:0 0 0 10px; background:url(../img/icon-closed.gif) no-repeat top left; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; } .header-open { background:url(../img/icon-open.gif) no-repeat top left !important; } .downloads-wrapper p { } .downloads-wrapper span.download-divider { line-height:1px; font-size:1px; display:block; width:677px; height:1px; background:url(../img/download-divider.gif) no-repeat center left; padding:10px 0 10px 0; } .download-item { margin:10px 0 0 0; } .download-item a { font:11px Verdana; color:#687d9b; } .download-item a:hover { color:#024C6F; } .download-item span.item-name { font:12px Verdana; color:#646464; padding:0 0 0 20px; } span.pdf-icon { background:url(../img/icon-pdf.gif) no-repeat top left; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; height:16px; } span.xsl-icon { background:url(../img/icon-excel.gif) no-repeat top left; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; height:16px; } .download-item span.item-details { font:12px Verdana; color:#afadad; } .download-item td { vertical-align:top;} .download-item td.item-name { width:550px; } .download-item td.item-details { } .download-item td.downloads { } .photo-item { width:320px; height:100px; float:left; margin:0 10px 0 0; vertical-align:top; } .photo-item td.item-preview-thumb { vertical-align:top; } .photo-item td.item-preview-thumb img { padding:0; margin:0 10px 0 0; } .photo-item td.item-preview-details td.item-title { font:11px Verdana; color:#646464; vertical-align:top; height:16px; } .photo-item td.item-preview-details td.item-details { font:11px Verdana; color:#afadad; vertical-align:top; height:16px; } .photo-item td.item-preview-details td.download-links { font:11px Verdana; color:#687d9b; vertical-align:top; height:16px; } /* footer */ .footer { clear:both; width:960px; position:relative; bottom:90px; z-index:0; } .footer-top { position:relative; width:960px; height:124px; background-image:url(../img/footer-bg.gif); background-repeat:no-repeat; background-position:bottom left; background-color:transparent; } .footer-payoff { position:absolute; top:115px; left:15px; font:11px Verdana; color:#ff8702; line-height:16px; } .footer-border { border-top:1px solid #c8c8c8; } .footer-items { width:950px; margin:0px auto; vertical-align:bottom; padding:100px 0 0 0; } .footer-items ul { float:right; margin:0; padding:0; line-height:20px !important; } .footer-items ul li { height:20px; float:left; text-align:center; padding:0px 10px 0 10px; background-image:url(../img/footer-li-bg.gif);background-repeat:no-repeat; background-position:top right; } li.rss { padding:0; background-image:url(../img/icon_rss.gif) !important; background-repeat:no-repeat; background-position:top left; } li.rss a { padding:0 10px 0 0; } .footer-items ul li.print { width:20px; height:20px; background-image:none; } a.print { width:20px; height:20px; display:block; background-image:url(../img/footer-li-bg-print.gif); background-repeat:no-repeat; background-position:0 6px; } a.print:hover { background-image:url(../img/footer-li-bg-print-hover.gif) !important; } .footer-items ul li a { font:9px Verdana; color:#646464; text-decoration:none; line-height:20px !important; } .footer-items ul li a:hover { font:9px Verdana; color:#ff8702; text-decoration:none; } .footer-bottom { width:960px; height:31px; background-image:url(../img/footer-overlay.gif); background-repeat:no-repeat; background-position:bottom left; background-color:transparent !important; } /* Overig */ blockquote { border-top:1px dashed #646464; border-bottom:1px dashed #646464; font:18px Verdana; color:#646464; padding:5px 0 5px 0; font-style:italic; } /* ----- PROJECTS ----- */ /* wrappers */ .main-wrapper-projects { width:960px; height:100%; height: auto !important; min-height:100%; margin:0px auto; background-color:transparent !important; position:relative;} .main-header-projects { position:relative; width:950px; margin:0 auto; } .header-overlay-projects { z-index:10 !important; position:absolute; bottom:0; left:-6px; width:960px; height:34px; background-image:url(../img/sub_header_projects.png); background-repeat:no-repeat; background-position:bottom left; background-color:transparent; } .content-wrapper-shadow-projects { width:960px; height:300px; height:auto !important; min-height:300px; background-color:transparent !important; background-image:url(../img/content_shadow_bg_projects.gif); background-repeat:no-repeat; background-position:top left; } .content-wrapper-projects { width:950px; margin:0 auto; background-color:#000; min-height:100%; height:auto !important; height:100%; } /* collumns */ .left-coll-projects { width:235px; background-color:#000; float:left; position:relative; padding:0 0 0 10px; z-index:1; min-height:100%; height:auto !important; height:100%; } .mid-coll-projects { width:466px; background-color:transparent; float:left; position:relative; z-index:2; min-height:100%; height:auto !important; height:100%; } .right-coll-projects { width:239px; background-color:#000; float:right; position:relative; z-index:1; min-height:100%; height:auto !important; height:100%; vertical-align:top; } /* breadcrumb */ .top-section-projects { width:950px; height:40px; clear:both; padding:0; margin:0; vertical-align:top; background-color:#000 !important; } .top-section-projects .welcome { float:left; width:240px; padding:0 0 0 10px; } .top-section-projects .breadcrumb { float:left; width:690px; height:26px; font:11px Verdana; color:#ff8702; padding:11px 0 0 10px; } .selector { padding:11px 0 0 0 !important; } .top-section-projects .breadcrumb a { font:11px Verdana; color:#C8C8C8; text-decoration:none; background-image:url(../img/breadcrumb-item-projects.gif); background-repeat:no-repeat; background-position:top left; padding:0 0 0 10px; } .top-section-projects .breadcrumb a:hover { text-decoration:none; color:#ff8702; } .top-section-projects .breadcrumb a.active { font:11px Verdana; color:#fff; padding:0 0 0 10px; text-decoration:none; background-image:url(../img/breadcrumb-item-projects-active.gif); background-repeat:no-repeat; background-position:top left; } /* mid coll */ .mid-coll-projects .content-intro-projects { width:430px; height:20px; background-image:url(../img/content_intro_bg_projects.gif); background-repeat:no-repeat; background-position:bottom left; padding:8px 15px 5px 15px; } .mid-coll-projects .content-intro-projects h2 { color:#fff; font-weight:normal !important; } .mid-coll-projects .content-projects { width:430px; background-image:url(../img/content_bg_projects.gif); background-repeat:repeat-y; background-position:top left; padding:8px 15px 100px 15px; } .mid-coll-projects .content-projects h3 { color:#999999; } .mid-coll-projects .content-projects p { color:#fff; } .mid-coll-projects .content-projects img { margin:0 0 5px 0; } .mid-coll-projects .content-outro-projects { width:430px; height:48px; background-image:url(../img/content_outro_bg_projects.gif); background-repeat:no-repeat; background-position:top left; padding:0 15px 0 15px; } /* selectors, specific styles */ /*rc, related links and quicklinks */ .related-quicklinks-pro { } .related-quicklinks-pro .related-quicklinks-header { width:220px; height:33px; background-image:url(../img/quicklinks_li_rc_bg-projects.gif); background-repeat:no-repeat; background-position:bottom left; margin:0 0 0 13px; } .related-quicklinks-pro .related-quicklinks-header h6 { padding:10px 0 0 0; font:13px Verdana; color:#fff; } .related-quicklinks-pro .related-quicklinks-bottom-border { width:230px; height:30px; background-image:url(../img/quicklinks_li_bg_projects.gif); background-repeat:no-repeat; background-position:bottom left; } .related-quicklinks-pro .related-quicklinks-bottom-border h6 { font:13px Verdana; color:#024c6f; padding:5px 0 0 15px; } .related-quicklinks-pro .related-quicklinks-content { padding:0 0 0 5px; width:225px; background-color:#000; } .related-quicklinks-pro .related-quicklinks-content ul { width:220px; padding:0 0 0 10px; } .related-quicklinks-pro .related-quicklinks-content ul li { width:210px; height:35px; background-image:url(../img/quicklinks_li_rc_bg-projects.gif); background-repeat:repeat-x; background-position:bottom left; } .related-quicklinks-pro .related-quicklinks-content ul li a { font:12px Verdana; color:#C8C8C8; text-decoration:none; width:210px; display:block; line-height:33px; background-image:url(../img/quicklinks_li_rc_a_bg_projects.gif); background-repeat:no-repeat; background-position:bottom right; } .related-quicklinks-pro .related-quicklinks-content ul li a:hover { color:#FF8702; background-image:url(../img/quicklinks_li_rc_a_hover_bg_projects.gif); background-repeat:no-repeat; background-position:bottom right; } .related-quicklinks-pro .related-quicklinks-content ul li.last { width:210px; height:30px; background-image:none !important; } .related-quicklinks-pro .related-quicklinks-bottom { width:230px; height:33px; background-image:url(../img/feature_bottom_bg_no_border_projects.gif); background-repeat:no-repeat; background-position:top left; vertical-align:top; } /* rc video */ .right-coll-projects .feature-block-video { padding:3px 0 0 0; } .right-coll-projects .feature-block-video .feature-header-video-bleu { width:230px; height:30px; background-image:url(../img/feature_header_video_bg_bleu_projects.gif); background-repeat:no-repeat; background-position:top left; } .right-coll-projects .feature-block-video .feature-header-video-bleu h5 { color:#fff; } .right-coll-projects .feature-block-video .video-content { width:230px; height:150px; position:relative; } .right-coll-projects .feature-block-video .video-content .right-coll-flash-video { z-index:5; line-height:1px; font-size:1px; } .right-coll-projects .feature-block-video .video-content a.video-content-overlay { z-index:10; width:230px; height:120px; position:absolute; top:-1px; right:0; background-image:url(../img/video_containter_bg_projects.png); background-repeat:no-repeat; background-position:top left; } .right-coll-projects .feature-block-video .video-content a.video-content-overlay:hover { z-index:10; width:230px; height:120px; position:absolute; top:-1px; right:0; background-image:url(../img/video_containter_bg_projects_active.png); background-repeat:no-repeat; background-position:top left; } .right-coll-projects .feature-block-video .video-content .video-shadow { width:230px; height:30px; background-image:url(../img/video_containter_bg_shadow_projects.gif); background-repeat:no-repeat; background-position:top left; line-height:1px; font-size:1px; } /* rc mail a friend */ .mail-a-friend-projects{ padding:4px 0 0 0; } .mail-a-friend-projects .feature-header-bleu { width:230px; height:32px; background-image:url(../img/feature_header_bg_bleu_projects.gif); background-repeat:no-repeat; background-position:top left; } .mail-a-friend-projects .feature-header-bleu h5 { font:13px Verdana; color:#fff; line-height:20px; padding:5px 0 0 10px; } .mail-a-friend-projects .feature-content { width:210px; padding:0 10px 0 10px; height:189px; background-image:url(../img/feature_content_bg_projects.gif); background-repeat:repeat-y; background-position:top left; } .mail-a-friend-projects .feature-content table td.input-bg-share { width:210px; height:20px; z-index:10; background-image:url(../img/rc-text-field-bg-projects.gif); background-position:top left; background-repeat:no-repeat; padding:0 0 9px 0;} .mail-a-friend-projects .feature-content table td.input-bg-share input { } .mail-a-friend-projects .feature-content table td input.rc-text-field { width:210px; height:20px; border:none !important; background-color:transparent !important; font:11px Verdana; color:#467d9b; padding:2px 0 0 5px; } .mail-a-friend-projects .feature-content table td .rc-divider { height:2px; width:210px; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:bottom left; display:block; line-height:1px; font-size:1px; } .mail-a-friend-projects .feature-content table td.input-share-submit { cursor:pointer; width:205px; height:20px; border:none; font:11px Verdana !important; color:#467d9b; padding:10px 10px 0 0; vertical-align:top; text-align:right } .mail-a-friend-projects .feature-content h6 { font:12px Verdana; color:#ff8702; font-weight:normal; padding:7px 0 10px 0; } .mail-a-friend-projects .feature-bottom { width:230px; height:33px; background-image:url(../img/feature_bottom_bg_projects.gif); background-repeat:no-repeat; background-position:top left; line-height:1px; font-size:1px; } /* rc, search */ .rc-search-pro { padding:34px 0 15px 0; margin:0 0 0 -11px; font-size:1px; line-height:1px; } .rc-search-pro .rc-search-header { width:241px; height:3px; background-image:url(../img/rc-search-top-bg-projects.gif); background-repeat:no-repeat; background-position:top right; line-height:1px; font-size:1px; } .rc-search-pro .rc-search-content { width:230px; background-image:url(../img/rc-search-content-bg-projects.gif); background-repeat:repeat-y; background-position:top right; padding:0 0 0 11px; } .rc-search-pro .rc-search-content h6 { font:12px Verdana; color:#ff8702; font-weight:bold; padding:7px 0 10px 0; } .rc-search-pro .rc-search-content .input-bg { height:20px; width:198px; z-index:10; background-image:url(../img/form-input-search-bg-projects.gif); background-position:top left; background-repeat:no-repeat; padding:0 0 7px 0; } .rc-search-pro .rc-search-content .input-bg-share { width:210px; height:20px; z-index:10; background-image:url(../img/rc-text-field-bg-projects.gif); background-position:top left; background-repeat:no-repeat; padding:0 0 10px 0; } .rc-search-pro .rc-search-content .input-button { width:21px; height:20px; vertical-align:top; } .rc-search-pro .rc-search-content .rc-search-field { width:187px; height:20px; border:none; font:11px Verdana; color:#467d9b; background-color:transparent !important; padding:2px 0 0 2px; } .rc-search-pro .rc-search-content .rc-search-field-submit { cursor:pointer; width:21px; height:20px; background-image:url(../img/form-input-search-submit-bg-projects.gif); background-repeat:no-repeat; background-position:top right; border:none; } .rc-search-pro .rc-search-content .rc-search-field-submit:hover {background-image:url(../img/form-input-search-submit-bg-projects-hover.gif); } .rc-search-pro .rc-search-content .rc-text-field { width:210px; height:20px; border:none !important; background-color:transparent !important; font:11px Verdana; color:#fff; padding:2px 0 0 5px; } .rc-search-pro .rc-search-content .input-share-submit { cursor:default; width:210px; height:30px; border:none; font:11px Verdana !important; color:#467d9b; padding:5px 5px 0 0; vertical-align:top; text-align:right; } .rc-search-pro .rc-search-bottom { width:241px; height:3px; background-image:url(../img/rc-search-bottom-bg-projects.gif); background-repeat:no-repeat; background-position:top right; } /* main layout, left criteria selector */ .criteria-selector-wrapper-pro { padding:34px 0 0 0; } .criteria-selector-wrapper-pro .criteria-selector-top { width:235px; height:3px; background-image:url(../img/fleet-selector-top-bg-projects.gif); background-repeat:no-repeat; background-position:top left; line-height:1px; font-size:1px; } .criteria-selector-wrapper-pro .criteria-selector-content { width:235px; background-image:url(../img/fleet-selector-content-bg-projects.gif); background-repeat:repeat-y; background-position:top left; padding:0 0 5px 0;} /* second level selector, specific */ .criteria-selector-2e-level-pro { width:235px; background-image:url(../img/fleet-selector-content-bg-projects.gif); background-repeat:repeat-y; background-position:top left; padding:0 0 3px 0;} .criteria-selector-2e-level-pro h6 { font:12px Verdana; color:#fff; line-height:20px; padding:5px 0 5px 12px; } .criteria-selector-2e-level-pro ul { margin:0 0 0 10px; padding:10px 0 0 0; } .criteria-selector-2e-level-pro ul li { margin:0px 0 5px 0; } .criteria-selector-2e-level-pro ul li a { font:10px Verdana; color:#fff; line-height:14px; text-decoration:none; width:135px; height:30px; display:block; background-image:url(../img/fleet-item-li-bg.gif); background-repeat:no-repeat; background-position:top left; padding:0 0 0 8px; } .criteria-selector-2e-level-pro ul li a.active { font:10px Verdana; color:#fff; line-height:14px; text-decoration:none; width:135px; height:30px; display:block; background-image:url(../img/fleet-item-li-bg-active.gif); background-repeat:no-repeat; background-position:bottom left; padding:0 0 0 8px; } .criteria-selector-2e-level-pro ul li a.active-item { font:10px Verdana; color:#fff; line-height:14px; text-decoration:none; width:135px; height:30px; display:block; background-image:url(../img/fleet-item-li-bg-active.gif); background-repeat:no-repeat; background-position:bottom left; padding:0 0 0 8px; } .criteria-selector-wrapper-pro .criteria-selector-content h6 { font:12px Verdana; color:#fff; line-height:20px; padding:5px 0 5px 12px; } .criteria-selector-wrapper-pro .criteria-selector-content ul { margin:0 0 0 12px; padding:0 0 5px 0; } .criteria-selector-wrapper-pro .criteria-selector-content .lc-divider { width:230px; height:2px; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:top left; display:block; margin:0 0 0 2px; line-height:1px; font-size:1px; /* <-- Used for IE6 img bug, wich adds extra height on the span element */ } .criteria-selector-wrapper-pro .criteria-selector-content ul li { font-size:1px; line-height:1px; padding:0; margin:0; height:19px; height:auto !important; min-height:19px; width:210px; } .criteria-selector-wrapper-pro .criteria-selector-content ul li.selector-header { font:12px Verdana; color:#ff8702; line-height:16px; font-weight:bold; padding:6px 0 0 0; background-image:none !important; } .criteria-selector-wrapper-pro .criteria-selector-content ul li.selector-header-video { font:12px Verdana; color:#ff8702; line-height:16px; font-weight:bold; padding:5px 0 0 0; background-image:none !important; } .criteria-selector-wrapper-pro .criteria-selector-content ul li.video { background-image:url(../img/video-criteria-li-bg-projects.gif) !important; background-repeat:no-repeat; background-position:top right; } .criteria-selector-wrapper-pro .criteria-selector-content ul li.video-active { background-image:url(../img/video-criteria-li-bg-active-projects.gif) !important; background-repeat:no-repeat; background-position:top right; } .criteria-selector-wrapper-pro .criteria-selector-content ul li a { height:17px; display:block; font:11px Verdana; color:#fff; line-height:17px; text-decoration:none; padding:0 0 0 18px; background-image:url(../img/selector-li-bg-projects.gif); background-repeat:no-repeat; background-position:top left; } .criteria-selector-wrapper-pro .criteria-selector-content ul li a.hover { height:17px; display:block; font:11px Verdana; color:#fff; line-height:17px; text-decoration:none; padding:0 0 0 18px; background-image:url(../img/selector-li-bg-hover-projects.gif); background-repeat:no-repeat; background-position:top left; } .criteria-selector-wrapper-pro .criteria-selector-content ul li a.active { height:17px; display:block; font:11px Verdana; color:#fff; line-height:17px; text-decoration:none; padding:0 0 0 18px; background-image:url(../img/selector-li-bg-active-projects.gif); background-repeat:no-repeat; background-position:top left; } .criteria-selector-wrapper-pro .criteria-selector-content ul li ul { display:block; } .criteria-selector-wrapper-pro .criteria-selector-content ul li ul li { width:175px; } .criteria-selector-wrapper-pro .criteria-selector-content ul li ul li a { width:175px; } .lc-divider { width:230px; height:2px; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:top left; display:block; margin:0 0 0 2px; line-height:1px; font-size:1px; /* <-- Used for IE6 img bug, wich adds extra height on the span element */ } .lc-divider-indented { width:206px; height:1px; padding:0 0 0 0; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:bottom left; display:block; margin:0 0 0 15px; line-height:1px; font-size:1px; /* <-- Used for IE6 img bug, wich adds extra height on the span element */ } .lc-divider-indented-last { width:206px; height:9px; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:top left; display:block; margin:0 0 0 15px; line-height:1px; font-size:1px; /* <-- Used for IE6 img bug, wich adds extra height on the span element */ } .criteria-selector-wrapper-pro .criteria-selector-bottom { width:235px; height:30px; background-image:url(../img/fleet-selector-bottom-bg-projects.gif); background-repeat:no-repeat; background-position:top left; vertical-align:top; line-height:1px; font-size:1px; } /* main layout, content selector */ #content-selector-pro { background-color:transparent !important; margin:0 0 0 -8px; } #content-selector-pro .content-selector-header { height:36px; background-image:url(../img/feature-block-selector-header-bleu-projects.gif); background-repeat:no-repeat; background-position:top left; background-color:transparent !important; } .no-search-bg { background-image:url(../img/feature-block-selector-header-bleu-projects-no-border.gif) !important; } #content-selector-pro .content-selector-header h5 { font:13px Verdana; color:#fff; line-height:20px; padding:8px 0 0 10px; } #content-selector-pro .content-selector-content { width:459px; background-image:url(../img/feature-block-selector-content-bg-projects.gif); background-repeat:repeat-y; background-position:top left; background-color:transparent !important; padding:0 0 0 5px; } #content-selector-pro .content-selector-bottom { height:12px; background-image:url(../img/feature-block-selector-bottom-bg-projects.gif); background-repeat:no-repeat; background-position:top left; z-index:10; } #feature-block-selector-projects .content-selector-header { height:36px; background-image:url(../img/feature-block-selector-header-bleu-projects-no-border.gif); background-repeat:no-repeat; background-position:top left; background-color:transparent !important; } #feature-block-selector-projects .content-selector-header h5 { font:13px Verdana; color:#fff; line-height:20px; padding:8px 0 0 10px; } /* selectors, bottom navigation */ .selector-navigation-pro { width:435px; height:20px; padding:5px 0 0 0; margin:0 0 0 10px; } .selector-navigation-pro a { /*display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;*/ /* Used for the a tags to get them as a inline-block crossbrowser */ font:11px Verdana; color:#646464 !important; text-decoration:none; font-weight:normal; } .selector-navigation-pro a:hover { color:#ff8702 !important; } .selector-navigation-pro .next { float:right; } .selector-navigation-pro .previous { float:left; width:195px; } .selector-navigation-pro .current { font:11px Verdana; color:#ff8702; font-weight:normal; } .selector-navigation-pro .total { float:left; font:11px Verdana; color:#fff; font-weight:normal; } .selector-breadcrumb-pro { font:11px Verdana; color:#fff; line-height:21px; font-weight:normal; padding:6px 0 3px 0; margin:0 0 0 10px; } .selector-breadcrumb-pro .current { color:#ff8702; } .selector-breadcrumb-pro .all { color:#646464; } .selector-library-pro { min-height:476px; height:auto !important; height:476px; margin:0 0 0 10px; width:440px; } .selector-library-pro .selector-library-item { float:left; padding:0 3px 3px 0; } .selector-library-pro .selector-library-item .selector-library-item-img { position:relative; width:143px; height:88px; } .selector-library-pro .selector-library-item .selector-library-item-img img { width:143px; height:88px; font:10px Verdana; color:#fff; }/* Used to make sure the alt text does not push the elements off in IE6 when a image is not selected. */ .selector-library-pro .selector-library-item .selector-library-item-overlay { z-index:10; width:145px; height:89px; position:absolute; top:0; left:0; } .selector-library-pro .selector-library-item .selector-library-item-overlay .library-link { width:145px; height:89px; display:block; } .selector-library-pro .selector-library-item .img { background-image:url(../img/library_item_container_bg.gif); background-repeat:no-repeat; background-position:top left; } .selector-library-pro .selector-library-item .video { background-image:url(../img/library_item_container_bg-video.png); background-repeat:no-repeat; background-position:top left;} .selector-library-pro .selector-library-item .video-active { background-image:url(../img/library_item_container_bg-video-active.png); background-repeat:no-repeat; background-position:top left;} .selector-library-pro .selector-library-item .selector-library-item-caption { width:143px; height:28px; background-image:url(../img/library_item_container_bottom_bg_projects.gif); background-repeat:no-repeat; background-position:top left; background-color:#000000; } .selector-library-pro .selector-library-item .active { background-color:#fff; } .selector-library-pro .selector-library-item .selector-library-item-caption .active { color:#fff !important; } .selector-library-pro .selector-library-item .selector-library-item-caption .library-item-caption { width:133px; padding:1px 5px 0 5px; font:10px Verdana; color:#fff; line-height:12px; display:block; } /* old classnames, still active */ .feature-block-headlines-projects { width:230px; padding:2px 0 0 0; } .feature-block-headlines-projects .feature-header-bleu { width:230px; height:32px; background-image:url(../img/feature_header_bg_bleu_projects.gif); background-repeat:no-repeat; background-position:top left; } .feature-block-headlines-projects .feature-content { width:210px; height:475px; background-image:url(../img/feature_content_bg_projects.gif); background-repeat:repeat-y; background-position:top left; padding:7px 10px 0 10px;} .feature-block-headlines-projects .feature-content img { display:block; height:80px; width:210px; } .feature-block-headlines-projects .feature-content ul { padding:0; margin:0; } .feature-block-headlines-projects .feature-content ul li { width:210px !important; background-image:url(../img/feature_content_li_bg_projects.gif); background-repeat:no-repeat; background-position:bottom left; } .feature-block-headlines-projects .feature-content ul li.first-item { height:50px; font:12px Verdana; font-weight:bold; color:#fff; line-height:16px; padding:5px 0 0 0; } .feature-block-headlines-projects .feature-content ul li .newsfact-intro { color:#fff; } .feature-block-headlines-projects .feature-content .newstop { height:15px; display:block; font:12px Verdana !important; padding:0 0 2px 0; } .feature-block-headlines-projects .feature-content ul li a { width:210px; height:31px; display:block; font:10px Verdana; color:#c8c8c8; text-decoration:none; line-height:14px; background-image:url(../img/headline_bg_a_projects.gif); background-repeat:no-repeat; background-position:bottom right; } .feature-block-headlines-projects .feature-content ul li a:hover { color:#ff8702; } .feature-block-headlines-projects .feature-bottom { width:230px; height:31px; background-image:url(../img/feature_bottom_bg_projects.gif); background-repeat:no-repeat; background-position:top left; } .feature-block-headlines-projects .feature-content a:hover { background-image:url(../img/headline_bg_a_hover_projects.gif); background-repeat:no-repeat; background-position:bottom right; } /* quicklinks */ .feature-content .quicklinks-projects { display:block; text-align:right; padding:7px 0 0 0; } .feature-content .quicklinks-projects a { font:12px Verdana; color:#c8c8c8; text-decoration:none; vertical-align:top; } .feature-content .quicklinks-projects a:hover { color:#ff8702; background-image:none; } .feature-content .quicklinks-projects .quicklink-divider { font:12px Verdana; color:#467d9b; text-decoration:none; vertical-align:top; } #feature-block-selector-projects { background-color:transparent !important; margin:0 0 0 -8px; } #feature-block-selector-projects .feature-block-selector-header-bleu { height:36px; background-image:url(../img/feature-block-selector-header-bleu-projects.gif); background-repeat:no-repeat; background-position:top left; background-color:transparent !important; } #feature-block-selector-projects .feature-block-selector-header-bleu h5 { font:13px Verdana; color:#fff; line-height:20px; padding:8px 0 0 10px; } #feature-block-selector-projects .feature-block-selector-content { width:459px; background-image:url(../img/feature-block-selector-content-bg-projects.gif); background-repeat:repeat-y; background-position:top left; background-color:transparent !important; padding:0 0 0 5px; } #feature-block-selector-projects .feature-block-selector-bottom { height:12px; background-image:url(../img/feature-block-selector-bottom-bg-projects.gif); background-repeat:no-repeat; background-position:top left; z-index:10; } .filled { background-image:url(../img/feature-block-selector-bottom-bg-projects-filled.gif) !important; } .content-project-selector { width:440px; padding:0 0 0 10px; background-color:transparent !important; } .content-project-selector .selector-breadcrumb { font:11px Verdana; color:#fff; line-height:21px; font-weight:normal; padding:5px 0 2px 0; } .content-project-selector .selector-breadcrumb .current { color:#ff8702; } .content-project-selector .selector-breadcrumb .all { color:#646464; } .content-project-selector .selector-library { } /* project selector, library item styles */ .selector-library-projects { padding:2px 0 0 0; } .selector-library-projects .selector-library-item { float:left; padding:0 3px 3px 0; } .selector-library-projects .selector-library-item .selector-library-item-img { position:relative; } .selector-library-projects .selector-library-item .selector-library-item-overlay { z-index:10; width:145px; height:89px; position:absolute; top:0; left:0; } .selector-library-projects .selector-library-item .selector-library-item-overlay .library-link { width:145px; height:89px; display:block; } .selector-library-projects .selector-library-item .img { background-image:url(../img/library_item_container_bg.gif); background-repeat:no-repeat; background-position:top left; } .selector-library-projects .selector-library-item .video { background-image:url(../img/library_item_container_bg-video.png); background-repeat:no-repeat; background-position:top left;} .selector-library-projects .selector-library-item .video-active { background-image:url(../img/library_item_container_bg-video-active.png); background-repeat:no-repeat; background-position:top left;} .selector-library-projects .selector-library-item .selector-library-item-caption { height:28px; width:143px; background-image:url(../img/library_item_container_bottom_bg_projects.gif); background-repeat:no-repeat; background-position:top left; background-color:transparent; } .selector-library-projects .selector-library-item .active { background-color:#ff8702; } .selector-library-projects .selector-library-item .selector-library-item-caption .active { color:#fff !important; } .selector-library-projects .selector-library-item .selector-library-item-caption .library-item-caption { width:133px; padding:0 5px 0 5px; font:10px Verdana; color:#fff; line-height:12px; display:block; } #feature-block-selector-projects .feature-block-selector-content .selector-item-name { height:22px; font:13px Verdana; color:#c8c8c8; line-height:19px; width:430px; padding:5px 10px 0 10px; } #feature-block-selector-projects .feature-block-selector-content .selector-item-name .sub-name { height:20px; font:16px Verdana; color:#fff; line-height:19px; } #feature-block-selector-projects .feature-block-selector-content .mc-divider { background-color:transparent; height:5px; width:435px; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:bottom left; line-height:1px; font-size:1px; display:block; margin:0 0 0 10px; } #feature-block-selector-projects .feature-block-selector-content .selector-item-data { padding:0 0 0 10px; } #feature-block-selector-projects .feature-block-selector-content .selector-item-data h3 { padding:0 0 10px 0; } #feature-block-selector-projects .feature-block-selector-content .selector-item-data h4 { color:#fff; font-size:12px; line-height:18px; } #feature-block-selector-projects .feature-block-selector-content .selector-item-data p { padding:0 10px 10px 0; color:#fff; } #feature-block-selector-projects .feature-block-selector-content .selector-item-data a:active { color:#c8c8c8; } #feature-block-selector-projects .feature-block-selector-content .selector-item-data a:visited { color:#c8c8c8; } #feature-block-selector-projects .feature-block-selector-content .selector-item-data a:hover { color:#ff8702; } #feature-block-selector-projects .feature-block-selector-content .category { display:block; background-color:transparent; margin:0 3px 0 0; padding:5px 0 5px 0; } #feature-block-selector-projects .feature-block-selector-content .selector-item-data .gallery-stage { width:435px; height:278px; background-repeat:no-repeat; background-position:center center; } #feature-block-selector-projects .feature-block-selector-content .selector-item-data .project-gallery-navigation ul li a { display:block; width:41px; height:41px; background-position:center; background-repeat:no-repeat; } #feature-block-selector-projects .feature-block-selector-content .back-to-overview { width:445px; text-align:right; padding:5px 0 5px 0; display:block; } #feature-block-selector-projects .feature-block-selector-content .back-to-overview a { font:10px Verdana; color:#c8c8c8; text-decoration:none; padding:0 0 0 0; line-height:16px; } #feature-block-selector-projects .feature-block-selector-content .back-to-overview a:hover { color:#ff8702; text-decoration:none; } /* top navigation, toggler */ #feature-block-selector-projects .project-details-header { } #feature-block-selector-projects .project-details-header .project { width:234px; height:36px; background-image:url(../img/header-selector-project.gif); background-repeat:no-repeat; background-position:bottom left; } #feature-block-selector-projects .project-details-header .project-active { width:234px; height:36px; background-image:url(../img/header-selector-project-active.gif); background-repeat:no-repeat; background-position:bottom left; } #feature-block-selector-projects .project-details-header .project a { font:13px Verdana; color:#646464; text-decoration:none; display:block; padding:0 0 0 10px; } #feature-block-selector-projects .project-details-header .project-active a { font:13px Verdana; color:#ccdbe2; text-decoration:none; display:block; padding:0 0 0 10px; } #feature-block-selector-projects .project-details-header .facts { width:233px; height:36px; background-image:url(../img/feature-header-projects-facts.gif); background-repeat:no-repeat; background-position:top left; } #feature-block-selector-projects .project-details-header .facts-active { width:230px; height:36px; background-image:url(../img/feature-header-projects-facts-active.gif); background-repeat:no-repeat; background-position:top left; } #feature-block-selector-projects .project-details-header .facts-active a { font:13px Verdana; color:#ccdbe2; text-decoration:none; display:block; padding:0 0 0 10px; } #feature-block-selector-projects .project-details-header .facts a { font:13px Verdana; color:#646464; text-decoration:none; display:block; padding:0 0 0 10px; } /* gallery */ .navigation-projects { padding:5px 0 10px 0; } .navigation-projects .header-gallery { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; width:384px; font:11px Verdana; line-height:16px; font-weight:normal; color:#fff; } .navigation-projects .gallery-current { font:11px Verdana; color:#fff; line-height:16px; font-weight:normal; text-align:right; padding:0 0 0 0; } .navigation-projects .gallery-current .current { color:#ff8702; } .navigation-projects .prev-item { width:24px; height:50px; float:left; } .navigation-projects .gallery-navigation { position:relative; width:393px; height:50px; float:left; overflow:hidden; } .navigation-projects .gallery-navigation .gallery-item { height:40px; width:40px; border:1px solid; float:left; } .navigation-projects .next-item { width:19px; height:50px; float:left; } .mc-divider-gallery { background-color:transparent; height:5px; width:435px; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:bottom left; display:block; margin:0 0 10px 0; } .mc-divider-gallery-fleet { background-color:transparent; height:5px; width:435px; background-image:url(../img/lc-divider.gif); background-repeat:repeat-x; background-position:bottom left; display:block; margin:0 0 10px 10px; } .project-gallery-navigation { width:408px; height:50px; } .project-gallery-navigation ul { margin:0; padding:0; height:50px; overflow:hidden; } .project-gallery-navigation ul li { float:left; padding:5px 5px 0 5px; text-align:center; vertical-align:middle; } #content-selector .content-selector-content .selector-item-data .gallery-stage { width:435px; height:278px; background-repeat:no-repeat; background-position:center center; margin:0 0 0 10px;} #content-selector .content-selector-content .selector-item-data .gallery-navigation ul li a { display:block; width:41px; height:41px; background-position:center; background-repeat:no-repeat; } /* facts and figures */ #item-data-wrapper-projects { width:447px; background-image:url(../img/project-selector-bg.gif); background-repeat:repeat-y; background-position:top left; padding:10px 0 0 10px; } #item-data-wrapper-projects .facts-header { padding:0 0 10px 0; } #item-data-wrapper-projects .facts-header h4 { color:#fff; } #item-data-wrapper-projects .item-data-left-coll { vertical-align:top; padding:0 0 8px 0; font:10px Verdana; color:#fff; font-weight:bold; background-image:url(../img/item-data-left-coll-bg-project.gif); background-position:top right; background-repeat:repeat-y; } #item-data-wrapper-projects .item-data-left-coll img { margin:0 !important; } #item-data-wrapper-projects .item-data-right-coll { width:220px; vertical-align:top; padding:0 0 8px 10px; font:10px Verdana; color:#C8C8C8; } .mc-divider-projects { height:5px; width:440px; background-image:url(../img/-projects.gif); background-repeat:repeat-x; background-position:bottom left; display:block; margin:0 0 0 0; } /* Footer */ #footer-projects { clear:both; width:960px; position:relative; bottom:90px; z-index:0; } .footer-top-pro { position:relative; width:960px; height:124px; background-image:url(../img/footer-bg-projects.gif); background-repeat:no-repeat; background-position:bottom left; } .footer-payoff-pro { position:absolute; top:115px; left:15px; font:11px Verdana; color:#ff8702; } .footer-items-pro { width:950px; margin:0px auto; vertical-align:bottom; padding:100px 0 0 0; } .footer-items-pro ul { float:right; margin:0; padding:0; } .footer-border-pro { border-top:1px solid #c8c8c8; } .footer-items-pro ul li { line-height:20px; float:left; text-align:center; padding:0px 10px 0 10px; background-image:url(../img/footer-li-bg.gif);background-repeat:no-repeat; background-position:top right; } li.rss-pro { padding:0; background-image:url(../img/icon_rss.gif) !important; background-repeat:no-repeat; background-position:top left; } li.rss-pro a { padding:0 10px 0 0; } .footer-items-pro ul li.print-pro { width:20px; background-image:url(../img/footer-li-bg-print-projects.gif); background-repeat:no-repeat; background-position: 10px 6px; } .print-pro { width:20px; height:20px; display:block; } .footer-items-pro ul li a { font:9px Verdana; color:#fff; text-decoration:none; } .footer-items-pro ul li a:hover { font:9px Verdana; color:#ff8702; text-decoration:none; } .footer-bottom-pro { width:960px; height:30px; background-image:url(../img/footer-overlay-projects.gif); background-repeat:no-repeat; background-position:bottom left; background-color:transparent !important; } body.404 { background-image:none !important; background-color:#fff;} .download-contact-form { } .download-contact-form input { border:1px solid #646464; } .download-contact-form label { font:12px Verdana !important; color:#024C6F !important; } .download-contact-form .left-coll-td { vertical-align:top; font:12px Verdana !important; color:#024C6F !important; width:250px !important; text-align:left; } .download-contact-form .right-coll-td, .download-contact-form .right-coll-td td { vertical-align:top; font:12px Verdana !important; color:#024C6F !important; text-align:left; } input.smallest-field { width:80px !important; margin:0 0 0 5px; } input.medium-field { width:200px !important; } input.checker { margin:2px 5px 0 0;} #print-image { display:none; }