/* Page Structure */ /* Masthead */ #masthead { background:#181818 url('/images/contentimages/bg-masthead.gif') repeat-x top left; } /* Container */ .container .panel { background-image:url('/images/contentimages/bg-panel-wide.gif'); } /* Flash promo banners */ .container .flash { /*background-image:url('/images/contentimages/bg-panel-main.gif');*/ } #side .flash { /*background-image:url(/images/contentimages/bg-panel-main.gif);*/ } /* Main column */ #main .panel { background-image:url('/images/contentimages/bg-panel-main.gif'); } /* Side column */ #side .panel { background-image:url('/images/contentimages/bg-panel-side.gif'); } /* Footer */ #footer { background:#0d0d0d url('/images/contentimages/bg-footer.gif') repeat-x top left; } /* Navigation */ /* Primary - Header */ #header #navigation { background:#c7c7c7 url('/images/contentimages/bg-navigation-header.gif') repeat-x top left; } #header #navigation ul.navigation li { background:url('/images/contentimages/bg-navigation-header-separator-light.gif') left 2px no-repeat; } #header #navigation ul.navigation li span { background:url('/images/contentimages/bg-navigation-header-separator-dark.gif') right 2px no-repeat; } #header #navigation ul.navigation li a { background:#c7c7c7 url('/images/contentimages/bg-navigation-header.gif') repeat-x top left; } #header #navigation ul.navigation li a:hover, #header #navigation ul.navigation li a.hover, #header #navigation ul.navigation li.selected a { background:#1e1e1e url('/images/contentimages/bg-navigation-header-hover.gif') repeat-x top left; } /* Masthead navigation */ #masthead ul.navigation li.login { background:#fefefe url('/images/contentimages/bg-navigation-login.gif') bottom center repeat-x!important; } #masthead ul.navigation li.login:hover { background:#1e1e1e url('/images/contentimages/bg-navigation-header-hover.gif') repeat-x top left!important; } /* Side */ /* Side panel */ #side h2 { background:#bab812 url('/images/contentimages/bg-side-h2.gif') bottom left repeat-x; } #side .member h2 { background:#70daf0 url('/images/contentimages/bg-side-h2-member.gif') bottom left repeat-x; } #side .highlight h2 { background:#f53b42 url('/images/contentimages/bg-side-h2-highlight.gif') bottom left repeat-x; } /* Search */ form#form-search { background:#facf54 url('/images/contentimages/bg-form-search-submit.gif') bottom left repeat-x; } form#form-search input.search, form#form-advanced-search input.search { background:#fec92e url('/images/contentimages/icon-search.gif') right center no-repeat; } /* Login */ form input.login { background:#fec92e url('/images/contentimages/icon-login.gif') right center no-repeat; } /* Table of Contents */ ul.toc { background:url('/images/contentimages/bg-toc.gif') center top repeat-y; } /* Teriary */ ul.toc ul .bg-top { background:url('/images/contentimages/bg-toc-tertiary-top.gif') center top no-repeat; } ul.toc ul .bg-btm { background:url('/images/contentimages/bg-toc-tertiary-btm.gif') center bottom no-repeat; } ul.toc ul .bg-repeat { background:url('/images/contentimages/bg-toc-tertiary.gif') center top repeat-y; } /* Tools */ ul.tools a { background:#d6d6d6 url('/images/contentimages/bg-navigation-tools.gif') bottom left repeat-x; } /* Main --------------------------------------------------- */ #content ul li { background:transparent url('/images/contentimages/bg-bullet-grey.gif') 0 0.6em no-repeat; } #main .contents h3 { background:#dfdfdf url('/images/contentimages/bg-contents-h3.gif') bottom left repeat-x; } dl.search-results dd.keywords ul li { background:transparent url('/images/contentimages/bg-pipe-grey.gif') 0 0.6em no-repeat; } /* Link Buttons */ input.search, a.search { background:#fec92e url('/images/contentimages/icon-search.gif') right center no-repeat; } input.file, a.file { background:#fec92e url('/images/contentimages/icon-file.gif') right center no-repeat; } input.more, a.more { background:#fec92e url('/images/contentimages/icon-more.gif') right center no-repeat; } input.edit, a.edit { background:#fec92e url('/images/contentimages/icon-edit.gif') right center no-repeat; } input.check, a.check { background:#fec92e url('/images/contentimages/icon-edit.gif') right center no-repeat; } input.shop, a.shop { background:#fec92e url('/images/contentimages/icon-shop.gif') right center no-repeat; } input.download, a.download { background:#fec92e url('/images/cssimages/icon-download.gif') right center no-repeat; } /* Panels --------------------------------------------------- */ .panel ul li { background:transparent url('/images/contentimages/bg-bullet-grey.gif') 0 0.6em no-repeat; } /* Side */ /* Member Options - Tabs */ #side .options #tabs a { background:#414141 url('/images/contentimages/bg-tabs-a.gif') bottom left repeat-x; } #side .options #tabs a.selected { background:#f1f1f1 url('/images/contentimages/bg-tabs-b.gif') bottom left repeat-x; } #side .options #tabs a .account { background:transparent url('/images/contentimages/icon-account-a.gif') 0 0 no-repeat; } #side .options #tabs a.selected .account { background-image:url('/images/contentimages/icon-account-b.gif'); } #side .options #tabs a .favourites { background:transparent url('/images/contentimages/icon-favourites-a.gif') 0 0 no-repeat; } #side .options #tabs a.selected .favourites { background-image:url('/images/contentimages/icon-favourites-b.gif'); } #side .options #tabs a .calendar { background:transparent url('/images/contentimages/icon-calendar-a.gif') 0 0 no-repeat; } #side .options #tabs a.selected .calendar { background-image:url('/images/contentimages/icon-calendar-b.gif'); } /* Home --------------------------------------------------- */ #home .linklist dt { background:#d4d4d4 url('/images/contentimages/bg-linklist-heading.gif') left top no-repeat; } #home .linklist dd.students a { background:#fff url('/images/contentimages/bg-linklist-students.gif') left top no-repeat; } #home .linklist dd.cpa a { background:#fff url('/images/contentimages/bg-linklist-cpa.gif') left top no-repeat; } #home .linklist dd.employers a { background:#fff url('/images/contentimages/bg-linklist-employers.gif') left top no-repeat; } #home .sitemap dd { background:transparent url('/images/contentimages/bg-bullet-grey.gif') 0 0.6em no-repeat; } /* Carousel (Scrollable) --------------------------------------------------- */ #carousel ul.tabs li.active span { background:#c2c2c2 url('/images/contentimages/bg-carousel-tabs.gif') left bottom repeat-x; } #carousel a.prev, a.next, a.prevPage, a.nextPage { background:transparent url('/images/contentimages/bn-carousel-left.gif') 0 0 no-repeat; } #carousel a.next, a.nextPage { background:transparent url('/images/contentimages/bn-carousel-right.gif') 0 0 no-repeat; } #carousel .small ul.tabs li.active { background: url('/images/contentimages/bg-carousel-tabs.gif') left bottom repeat-x #c2c2c2!important; } #carousel .small a.prev, #carousel .small a.prevPage { background:transparent url('/images/contentimages/bn-carousel-left-small.gif') 0 0 no-repeat; } #carousel .small a.next, #carousel .small a.nextPage { background:transparent url('/images/contentimages/bn-carousel-right-small.gif') 0 0 no-repeat; } /* Student Landing Page --------------------------------------------------- */ #countries-container ul li { background: transparent url('/images/contentimages/bg-bullet-yellow-cross-black.gif') no-repeat scroll 0; } #student-landing { background:#000 url('/images/contentimages/bg-student-landing.jpg') top left no-repeat; } div.career-countries { background: url('/images/contentimages/countries-divider.gif') top right no-repeat; } ul.countries-container { background:url('/images/contentimages/countries-divider.gif') center bottom no-repeat; } /* Black - Pantone */ body.black .panel ul li { background: transparent url('/images/contentimages/bg-bullet-grey-black.gif') no-repeat scroll 0 0.6em; } /* Background Images */ body.purple ul.toc li a, body.purple #side h2 { background:#7a2953 url('/images/contentimages/bg-side-h2-purple.gif') bottom left repeat-x; } body.purple #main ul.speakers li h5 { background:#fff url('/images/contentimages/bg-speakers-h5-purple.gif') bottom left repeat-x; } body.red ul.toc li a, body.red #side h2 { background:#9c132e url('/images/contentimages/bg-side-h2-red.gif') bottom left repeat-x; } body.red #main ul.speakers li h5 { background:#fff url('/images/contentimages/bg-speakers-h5-red.gif') bottom left repeat-x; } body.orange ul.toc li a, body.orange #side h2 { background:#cd5a13 url('/images/contentimages/bg-side-h2-orange.gif') bottom left repeat-x; } body.orange #main ul.speakers li h5 { background:#fff url('/images/contentimages/bg-speakers-h5-orange.gif') bottom left repeat-x; } body.yellow ul.toc li a, body.yellow #side h2 { background:#ffa200 url('/images/contentimages/bg-side-h2-yellow.gif') bottom left repeat-x; } body.yellow #main ul.speakers li h5 { background:#fff url('/images/contentimages/bg-speakers-h5-yellow.gif') bottom left repeat-x; } body.olive ul.toc li a, body.olive #side h2 { background:#9c9a00 url('/images/contentimages/bg-side-h2-olive.gif') bottom left repeat-x; } body.olive #main ul.speakers li h5 { background:#fff url('/images/contentimages/bg-speakers-h5-orange.gif') bottom left repeat-x; } body.green ul.toc li a, body.green #side h2 { background:#009a49 url('/images/contentimages/bg-side-h2-green.gif') bottom left repeat-x; } body.green #main ul.speakers li h5 { background:#fff url('/images/contentimages/bg-speakers-h5-green.gif') bottom left repeat-x; } body.blue ul.toc li a, body.blue #side h2 { background:#00759b url('/images/contentimages/bg-side-h2-blue.gif') bottom left repeat-x; } body.blue #main ul.speakers li h5 { background:#fff url('/images/contentimages/bg-speakers-h5-blue.gif') bottom left repeat-x; } body.aqua ul.toc li a, body.aqua #side h2 { background:#34b5d0 url('/images/contentimages/bg-side-h2-aqua.gif') bottom left repeat-x; } body.aqua #main ul.speakers li h5 { background:#fff url('/images/contentimages/bg-speakers-h5-aqua.gif') bottom left repeat-x; } body.grey ul.toc li a, body.grey #side h2 { background:#8b9b93 url('/images/contentimages/bg-side-h2-grey.gif') bottom left repeat-x; } body.grey #main ul.speakers li h5 { background:#fff url('/images/contentimages/bg-speakers-h5-grey.gif') bottom left repeat-x; } body.darkbrown ul.toc li a, body.darkbrown #side h2 { background:#958479 url('/images/contentimages/bg-side-h2-darkbrown.GIF') bottom left repeat-x; } body.darkbrown #main ul.speakers li h5 { background:#fff url('../img/bg-speakers-h5-darkbrown.gif') bottom left repeat-x; }