/* HAZEN AND SAWYER by ERSKINE DESIGN VERSION 1.0 CONTENTS ---------- 1.BODY 2.DEFAULT STYLING 3.HEADINGS 4.LINKS 5.IMAGES 6.LAYOUT 7.GLOBAL STYLES 8.BRANDING/MASTHEAD 9.NAVIGATION 10.BANNER 11.HOME 12.WORK 13.NEWS 14.CAREERS 15.CONTACT 16.SEARCH RESULTS 17.SITEINFO/FOOTER 18.EMAIL SIGNUP 19.SIGNUP PAGES (NO JAVASCRIPT) 20.SPECIALITY TEMPLATES ------------------- */ @import url(reset.css); /* RESET CSS */ @import url(forms.css); /* FORMS CSS */ @import url(scratch.css); @import url(colorbox.css); /* SCRATCH */ li.clear-left { clear:left; } /* 1.BODY ---------------------------------------------------------------------- */ body { text-shadow:rgba(0,0,0,0.01) 0 0 0; font:13px/1.5 Verdana, sans-serif; color:#272727; margin:0 auto; background:#0e1923 url(../images/site/body_bg.png) repeat-x 0 0; } a.access { position:absolute; top:-9999px; left:-9999px; font-size:10px; font-weight:bold; background:#eee; border:2px solid #ddd; padding:10px; } a.access:focus { display:block; top:0; left:0; color:#333; } /* 2.DEFAULT STYLING ---------------------------------------------------------------------- */ p,ul,dl,ol { margin-bottom:1em; } hr { display:none; } strong { font-weight:bold; } em { font-style:italic; } small { font-size:11px; } /* 3.HEADINGS ---------------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { color:#132535; font-weight:bold; } div#content_pri h2 { font-weight:normal; font-size:31px; border-bottom:2px solid #CCCCCC; margin-bottom:30px; line-height:1.2; padding-bottom:0.5em; } div#content_sec h2 span, div#content_sec h3 span { font-weight:normal; font-size:11px; } div#content_sec h2 { border:none; margin-bottom:15px; font-size:16px; font-weight:bold; line-height:1.3; } h3 { font-size:15px; margin-bottom:0.7em; } h4 { font-size:14px; margin-bottom:0.7em; } /* 4.LINKS ---------------------------------------------------------------------- */ a { color:#244A6C; } a:hover, a:focus { color:#122331; } /* 5.IMAGES ---------------------------------------------------------------------- */ img.right, img.left { border:1px solid #CCC; padding:2px; } /* 6.LAYOUT ---------------------------------------------------------------------- */ div#page { background-color:#FFF; padding-bottom:20px; overflow:hidden; min-height:500px; } div#content_wrapper { width:940px; margin:0 auto; } /* lyt 1 specific*/ body.lyt1 div#content_pri { width:590px; float:left; } body.lyt1 div#content_sec { width:300px; float:right; } /* lyt 2 specific*/ body.lyt2 div#content_pri { width:670px; float:right; } /* lyt 4 specific*/ body.lyt4 div#content_pri { width:910px; } body.lyt1 div#content_pri, body.lyt2 div#content_pri, body.lyt4 div#content_pri { border:1px solid #e1e1e1; padding:14px; } div#content_sec div.block { border:1px solid #e1e1e1; padding:14px; } div#content_pri, div#content_sec { -webkit-border-radius:5px; -moz-border-radius:5px; } /* navigation sec */ div#navigation_sec_wrapper { width: 220px; float:left; font-size:12px; } div#navigation_sec { width: 220px; float:left; background-color:#f3f3f3; font-size:12px; margin-bottom:15px; } div#navigation_sec h2 { background:#1f3d58; color:#FFF; padding:10px 15px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; font-size:16px; border-bottom:1px solid #FFF;} div#navigation_sec ul { margin:0; border-right:1px solid #CCC; border-left:1px solid #CCC; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; } div#navigation_sec ul li { font-weight:bold; } div#navigation_sec ul li a { padding:7px 15px; display:block; text-decoration:none; background:#F8F8F8; border-bottom:1px solid #d1d1d1; } div#navigation_sec ul li a:hover { background:#efefef; } div#navigation_sec ul li.cur a { background:#d6852a url(../images/site/icons/arrows/white_amber.gif) no-repeat right center; color:#FFF; border-bottom:1px solid #d6852a;} div#navigation_sec ul li:last-child.cur a { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; } /* 7.GLOBAL STYLES ---------------------------------------------------------------------- */ p.back { font-size:11px; } /* videos */ div.alt { display: none; } p.caption { font-size:11px; } img.left { position:relative; top:6px; margin-bottom:0; } /* floats */ .left { float:left; margin:0 15px 15px 0; } .right { float:right; margin:0 0 6px 15px; } .clear { clear:both; } /* article styles */ div.article a { } div.article ul li { list-style-type:circle; margin-left:20px; margin-bottom:0.5em; } div.article ol li { list-style-type:decimal; margin-left:20px; margin-bottom:0.5em; } div.article h3 { margin-top:1.5em; } div.article h4 { margin-top:1.5em; } div.article blockquote { margin-top:1.5em; } div.article table { border:1px solid #d7d7d7; padding:1px; background:#fff; margin-bottom:1.5em; width:100%; margin-top:1.5em; font-size:12px; } div.article table thead th { background:#b6bec7; font-weight:bold; padding:7px 15px; border-right:1px solid #fff; } div.article table tbody th { border-bottom:1px dotted #ccc; font-weight:bold; padding:7px 0 7px 15px; } div.article table tbody td { border-bottom:1px dotted #ccc; padding:7px 15px; } div.article table tbody tr.last td, div.article table tbody tr.last th { border:none; } /* pagination */ div.paginate { clear:both; background-color:#FFF; width:100%; overflow:hidden; padding-top:10px; } div.paginate p { float:left; margin-right:15px; } div.paginate ol { display:inline; padding-left:15px; } div.paginate ol li { display:block; float:left; margin-right:5px; } div.paginate ol li a { padding: 0 5px; border:1px solid #CCC; text-decoration:none; display:block; } div.paginate ol li a:hover, div.paginate ol li a:focus { background-color:#f0f0f0; } div.paginate ol li strong { padding:0 5px; display:block; border:1px solid #FFF; } /* awards */ div#content_pri div#awards { background:#f3f3f3 url(../images/site/icons/trophy.gif) no-repeat 8px 8px; padding:10px; font-size:12px; margin-bottom:1.5em; -moz-border-radius:5px; -webkit-border-radius:5px;} div#content_pri div#awards h3 { padding-left:30px; font-size:15px; margin-top:0; } div#content_pri div#awards ul { margin-left:30px; } div#content_pri div#awards ul li { display:inline; margin:0; } /* inquiries */ div#content_sec div.inquiry { font-size:12px; background-color:#411527; color:#FFF; padding:15px 15px 5px 15px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px; } div#content_sec div.inquiry h3 { font-size:13px; color:#FFF; } div#content_sec div.inquiry a { color:#FFF; display:block; margin-top:5px; background:url(../images/site/icons/envelope.gif) no-repeat 0 4px; padding-left:22px; } /* intro */ div.intro { overflow:hidden; } img.project_intro_image { float:left; margin:0 11px 3px 0; width:200px; } p.project_intro { font-style:italic; font-size:15px; } p.expertise_intro { font-size:14px; } /* double links */ div#content_wrapper ul.links { font-size:13px; -moz-column-count: 2; -webkit-column-count: 2; } div#content_wrapper ul.links li { display:block; margin-bottom:0.5em; margin-left:0;} div#content_wrapper ul.links li a { padding-left:15px; background:url(../images/site/icons/arrows/yellow_white_bg.gif) no-repeat 0 3px; display:block; } div#content_sec ul.bullets li { display:block; margin-bottom:0.5em; margin-left:0; } div#content_sec ul.bullets li a { padding-left:15px; background:url(../images/site/icons/pointer-arrow-black-right.png) no-repeat 0 3px; display:block;} /* Callout boxes for industry @ hazenandsawyer etc */ div#content_pri div.callout { font-size:12px; background-color:#edf1f5; padding:10px; margin-bottom:1.5em; overflow:auto; -moz-border-radius:5px; -webkit-border-radius:5px; } div#content_pri div.callout h3 { font-size:16px; margin-top:0; } div#content_pri div.callout div { font-size:11px; line-height:1.3; } div#content_pri div.callout div img { margin-bottom:5px; border:1px solid #CCC; padding:2px; background-color:#FFF; } /* latest news */ div#latest_news { margin-bottom:20px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:14px; margin-bottom:1em; background-color:#EDF1F5; } div#latest_news ul { } div#latest_news ul li { margin-bottom:1em; background:url(../images/site/icons/article.gif) no-repeat 0 0; padding-left:20px; } div#latest_news ul li a { font-weight:bold; font-size:12px; } div#latest_news ul li small { font-size:11px; margin-top:5px; display:block; } div#latest_news p.more { font-size:11px; background:url(../images/site/icons/arrows/yellow_paleblue_bg.gif) no-repeat 5px 3px; padding-left:22px; display:inline; } /* slideshow */ div.ss { margin-bottom:1em; border:1px solid #CCC; padding:2px; position:relative; height:390px; } div.ss ul.ss_pag { top: 10px; position:absolute; right:10px; } div.ss ul.ss_pag li.ss_prev, div.ss ul.ss_pag li.ss_prev a, div.ss ul.ss_pag li.ss_next, div.ss ul.ss_pag li.ss_next a { background-repeat:no-repeat; position:absolute; text-indent:-9999em; width:25px; height:25px; z-index:999; display:block; } div.ss ul.ss_pag li.ss_prev { right: 30px; } div.ss ul.ss_pag li.ss_next { right: 0; } div.ss ul.ss_pag li.ss_prev, div.ss ul.ss_pag li.ss_prev a { background-image:url(../images/site/icons/arrows/ss_prev.png); } div.ss ul.ss_pag li.ss_next, div.ss ul.ss_pag li.ss_next a { background-image:url(../images/site/icons/arrows/ss_next.png); } div.ss ul.ss_pag li.ss_prev, div.ss ul.ss_pag li.ss_next { background-position:0 0; } div.ss ul.ss_pag li.ss_prev a, div.ss ul.ss_pag li.ss_next a { background-position:0 -25px; } div.ss ul.ss_pag li.ss_prev a:hover, div.ss ul.ss_pag li.ss_next a:hover { background-position:0 -50px;} div.ss_caption { font-size:11px; color:#FFF; position:absolute; bottom:2px; padding:10px; width:558px; background-image:url(../images/site/trans/blck.png); } div.ss_caption a, div.ss_caption a:hover, div.ss_caption a:focus { color:#FFF; } div.ss_caption p { margin-bottom:0; } small.ss_zoom a { background:url(../images/site/icons/zoom.gif) no-repeat right 2px; padding:0 15px 15px 0; float:right; } div#content_pri div.ss_caption p.more, body.home div.ss_caption p.more { margin-bottom:0; } div#content_pri div.ss_caption p.more a, body.home div.ss_caption p.more a { background:url(../images/site/icons/arrows/yellow_darkblue_bg.gif) no-repeat 0 5px; } /* different sizes */ body.lyt2 div.ss_caption { width:638px; } body.lyt2 div.ss_caption p { margin-bottom:0; } div#slideshow_medium { margin-bottom:20px; height:394px; width:584px; } div#slideshow_large { margin-bottom:20px; height:390px; width:664px; } div#slideshow_small { margin-bottom:20px; height:300px; width:400x; } div#slideshow_small div.ss { height:300px; } div#slideshow_small div.ss_caption { width:379px; } div#slideshow_small div.ss_caption p { margin-bottom:0; } div#slideshow_small div.ss_caption p.more { margin-top:5px; } div#slideshow_small div.ss_caption p.more a { padding-left:15px; font-weight:bold; padding-top:; } body.home div.ss, div#slideshow_small, div#slideshow_medium, div#slideshow_large { background:#FFF url(../images/site/icons/loader.gif) no-repeat center center; } body.home div.ss { margin-bottom:1em; border:none; padding:0; position:relative; height:278px; } body.home div.ss_caption { width:422px; } body.home div.ss_caption p { float:left; width:350px; } body.home div.ss_caption small { float:right; margin-top:6px; font-size:10px; } body.home div.ss_caption p.more { margin-top:5px; } body.home div.ss_caption p.more a { padding-left:15px; font-weight:bold; padding-top:; } /* content sec related reading*/ div.related, div#content_pri div.related { padding: 15px; margin-bottom:15px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#edf1f5; } div.related h3, div#content_pri div.related h3 { margin-top:0; } div#content_pri div.related h3, div#content_sec div.related h3 { font-size:15px; } div.related ul, div#content_pri div.related ul { border-bottom:#9a9da1 1px dotted; padding-bottom:5px; } div.related ul:last-child, div#content_pri div.related ul:last-child { border:0; padding:0; } div.related ul li, div#content_pri div.related ul li { margin:0 0 10px 0; font-size:13px; list-style-type:none; } div.related ul li a, div#content_pri div.related ul li a { background:url(../images/site/icons/arrows/yellow_paleblue_bg.gif) no-repeat 0 5px; padding-left:15px; display:block;} /* 8.BRANDING/MASTHEAD ---------------------------------------------------------------------- */ div#branding p#logo { text-indent:0; font-weight:bold; border:none; margin:0; text-decoration:none; color:#000; float:left; margin-bottom:10px; padding:15px; position:relative; top:-7px; } div#branding p#logo a { text-decoration:none; color:#000; } div#branding { width:940px; margin:0 auto; padding-top:20px; } div#branding form { float:right; padding:5px; margin-top:20px; margin-bottom:20px; border:1px solid #CCC; background:#F0F0F0 url(../images/site/grad/silver.png) repeat-x 0 0; -moz-border-radius:5px; -webkit-border-radius:5px;} div#branding form p { margin:0; } div#branding form label { width:1px; height:1px; text-indent:-999em; display:block; float:right; } /* 9.NAVIGATION ---------------------------------------------------------------------- */ div#navigation_pri { overflow:hidden; clear:both; margin-bottom:0; font-size:15px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;} div#navigation_pri ul { overflow:hidden; clear:both; margin-bottom:0; float:left; width:950px; background:#AFB8C2 url(../images/site/navigation_pri/bg.png) repeat-x 0 0; } div#navigation_pri ul li { } div#navigation_pri ul li:first-child a { background:none; } div#navigation_pri ul li a { display:block; float:left; padding:15px 15px; text-decoration:none; color:#132535; background:url(../images/site/navigation_pri/divider.gif) no-repeat 0 center; } div#navigation_pri ul li a:hover, div#navigation_pri ul li a:focus { background-color:#dde3e5; background-image:none; } div#navigation_pri ul li.cur a { color:#FFF; background:#1F3D58 url(../images/site/navigation_pri/cur_bg.png) repeat-x 0 0 !important; } div#navigation_pri ul li.cur + li a, div#navigation_pri ul li.hover_next a { background-image:none; } /* 10.BANNER ---------------------------------------------------------------------- */ div#banner { overflow:hidden; color:#F4F6F7; margin-bottom:20px; background:#1F3D58 url(../images/site/banner/bg.png) no-repeat center -40px; } div#banner_inner { padding: 0; margin:0 auto;width:940px; margin:0 auto; } div#banner h1 { color:#FFF; font-size:35px; float:left; line-height:1.2; margin-top:8px; margin-bottom:20px; font-weight:normal; padding:15px 15px 12px 15px;} div#banner h1 a { color:#FFF; text-decoration:none; } div#banner h1 a:hover, div#banner h2 a:focus { text-decoration:underline; } div#breadcrumbs { background-color:#122331; overflow:hidden; clear:both; font-size:11px; color:#FFF; } div#breadcrumbs ol { overflow:hidden; width:910px; padding:0 20px; margin:0 auto; } div#breadcrumbs ol li { float:left; padding:5px 10px; color:#FFF; font-weight:bold; background:url(../images/site/icons/arrows/yellow_s_white_bg.gif) no-repeat 0 11px; padding-left:10px; } div#breadcrumbs ol li a { float:left; display:block; color:#DCDEE1; text-decoration:none; font-weight:normal; } div#breadcrumbs ol li a:hover, div#breadcrumbs ol li a:focus { text-decoration:underline; color:#FFF; } /* ///////////////// PAGE SPECIFIC STYLES //////////////////////// ---------------------------------------------------------------------- */ /* 11.HOMEPAGE ---------------------------------------------------------------------- */ body.home div#banner { color: #CCC; background:#1f3d58 url(../images/site/banner/bg_home.png) no-repeat center top; min-width:945px;} body.home div#banner h1 { margin-bottom:15px; font-size:30px; width:450px; float:left; padding:0; } body.home div#home_slideshow { height:275px; width:443px; float:right; margin-top:21px; border-right:1px solid #FFF; border-left:1px solid #FFF; overflow:hidden; } body.home div#home_slideshow ul.scroll_list { height:275px; width:2215px; } body.home div#home_slideshow ul.scroll_list li { float:left; position:relative; } body.home div.ss_caption { bottom:0; width:423px; } div#banner_inner { position:relative; } body.home div#intro { padding:20px 15px 0 15px; float:left; font-size:16px; clear:both; color:#F4F6F7; width:450px; } div#areas_expertise { clear:both; background-color:#132535; border-top:1px solid #FFF; border-right:1px solid #FFF; width:4001px; position:relative; bottom:0px; left:-3062px; overflow:hidden; } div#areas_expertise_inner { width:924px; float:right; padding:10px 0 13px 0; } div#areas_expertise h2 { border:none; font-size:12px; color:#FFF; font-weight:normal; margin-bottom:8px; } div#areas_expertise a { color:#FFF; font-weight:bold; } div#areas_expertise ul { margin:0; width:780px; overflow:hidden; font-size:13px;} div#areas_expertise ul li { float:left; display:block; width:226px; background:url(../images/site/icons/arrows/yellow_darkblue_bg.gif) no-repeat 0 center; padding-left:14px; font-weight:bold; margin-bottom:5px; } div#sustainability_intro { border-bottom:1px dotted #CCC; margin-bottom:1em; padding-bottom:1em; overflow:hidden; } body.home div#content_pri { float:left; width:590px; border:1px solid #ECECEC; padding:14px; } body.home div#content_pri h2, body.home div#latest_news h2 { font-size:18px; border:none; margin-bottom:10px; font-weight:bold; } div#content_pri p.more a { background:url(../images/site/icons/arrows/yellow_trans.gif) no-repeat 0 4px; padding-left:15px; font-weight:bold; font-size:12px; display:inline; } body.home div#latest_news { width:270px; float:right; } /* 12.WORK ---------------------------------------------------------------------- */ /* ------- Work home ------- */ div#navigation_sec ul li a { padding:7px 15px; display:block; text-decoration:none; background:#F8F8F8 ; } div#navigation_sec ul li a:hover { background:#efefef; } div#navigation_sec ul li.cur a, div#navigation_sec ul li.cur a:hover { background:#d6852a url(../images/site/icons/arrows/white_amber.gif) no-repeat right center; color:#FFF; border-bottom:1px solid #d6852a; } body.work div#content_sec h2{ background:#1f3d58; color:#FFF; padding:15px 15px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; margin:0;} body.work div#content_sec h2, body.work div#content_sec h2 a { background-color:#1f3d58; color:#FFF; } body.work div#content_sec { padding:0; width:300px; border-bottom:none; } ul#projects_widget { margin-bottom:0; border:1px solid #CCC; border-top:none; border-bottom:none; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; } ul#projects_widget li { margin-bottom:0; } ul#projects_widget li:last-child h3 { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; } ul#projects_widget li:last-child li:last-child a { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; } ul#projects_widget li li { font-size:11px; } ul#projects_widget li li a { text-decoration:none; } ul#projects_widget li h3 { font-size:13px; margin:0; border-bottom:1px solid #FFF; background:#F8F8F8; border-bottom:1px solid #d1d1d1; padding: 0; } ul#projects_widget li h3 a { background: url(../images/site/icons/arrows/white_amber_circ.gif) no-repeat 5px center; display:block; text-decoration:none; padding:10px 30px; } ul#projects_widget li h3:hover { background:#efefef; } ul#projects_widget li h3.selected a { background-image:url(../images/site/icons/arrows/white_amber_circ_down1.gif); background-color:#d6852a; color:#FFF;} ul#projects_widget li a { display:block; } ul#projects_widget li ul, ul#projects_widget li { margin:0; } ul#projects_widget li ul li a { padding:5px 10px 5px 30px; border-bottom:1px solid #CCC; background:url(../images/site/icons/arrows/blue_small.gif) no-repeat 10px 10px; } ul#projects_widget li ul li a:hover { background-color:#f8f8f8; } div#expertise_intro { overflow:hidden; margin-bottom:20px; } div#expertise_intro h2 { font-weight:bold; border:0; font-size:17px; margin-bottom:10px; margin-top:20px; } div#expertise_diagram { width:310px; height:310px; float:left; } div#expertise_intro_inner { width:246px; height:296px; float:right; font-size:12px; } div#services_offered { clear:both; } body.work div#content_pri { background:url(../images/site/grad/blue2.png) repeat-x 0 0; } /* ------- Projects listing page ------- */ div#filter { margin-bottom:1.5em; padding:10px 10px 7px 10px; margin-top:20px; margin-bottom:20px; border:1px solid #CCC; background:#F0F0F0 url(../images/site/grad/silver.png) repeat-x 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; } div#branding form { float:right; } div#filter p { display:inline; } div#featured_project { background-color:#878787; color:#FFF; height:275px; margin-bottom:25px; } div#featured_project h2 { color:#FFF; text-transform:uppercase; font-size:12px; padding-top:130px; text-align:center; border:none; } div#project_listing { clear:both; width:910px; overflow:hidden; font-size:11px; background-image:url(../images/site/projects/bg.gif); } div#project_listing h2 span a { font-size:12px; font-weight:normal; } div#project_listing h3 { font-size:11px; } div#project_listing ul { width:960px; clear:both; border-bottom:40px solid #FFF; overflow:hidden; margin-bottom:0; } div#project_listing ul li { display:block; width:206px; float:left; margin-right:28px; margin-bottom:2em; } div#project_listing ul li img { border:1px solid #CCC; background-color:#FFF; padding:2px; margin-bottom:10px;} div#project_listing ul li img:hover { background-color:#d4d4d4; } div#project_listing ul li p { margin-bottom:0;} /* ------- Project detail page ------- */ div#project_meta { margin-bottom:2em; font-size:11px; text-transform:uppercase; } div#project_meta dl { margin-bottom:5px; } div#project_meta dt { font-weight:bold; } div#project_meta dt, div#project_meta dd { display:inline; } /* 13.NEWS ---------------------------------------------------------------------- */ /* news content pri styles */ div#news_title h2 { text-align:center; font-size:16px; font-weight:bold; border-bottom:none; margin:0.5em 0 0.8em 0; padding-bottom:0;} div#news_title h3 { font-weight:normal; font-style:italic; font-size:13px; color:#333; text-align:center; margin:0 0 1.5em 0;} div#content_pri ul.listing li { margin-bottom:2em; border-bottom:1px dotted #CCC; overflow:hidden; padding-bottom:20px; } div#content_pri ul.listing li small { display:block; margin-bottom:1em; } div#content_pri ul.listing li img { float:left; margin-right:15px; border:1px solid #CCC; padding:2px; } div#content_pri ul.archive_listing li h3 { margin:0;} div#content_pri ul.archive_listing li h4 { margin-top:1.5em; background-color:#f0f1f1; padding:5px; font-weight:normal;} div#content_pri ul.archive_listing li.archive_entry { border-bottom:1px dotted #CCC; display:block; padding:5px 0; overflow:hidden;} div#content_pri ul.archive_listing li.archive_entry a { text-decoration:none; } div#content_pri ul.archive_listing li.archive_entry a span.date { display:block; float:left; width:2em; color:#666666; padding-left:5px;} div#content_pri ul.archive_listing li.archive_entry a span.entry { display:block; float:left; width:530px; text-decoration:underline; } div#content_pri div.related_reading { background-color:#edf1f5; padding:10px; margin-bottom:1em; } div#content_pri div.related_reading h2 { font-size:15px; } /* Horizons archive */ ul.horizons_archive_listing p { font-weight:bold; font-size:11px; margin-top:10px; } ul.horizons_archive_listing ul { margin-bottom:2em; overflow:hidden; padding-bottom:10px; } ul.horizons_archive_listing ul li { font-size:11px; margin:0 10px 0.5em 20px; clear:none; list-style-type:circle; } ul.horizons_archive_listing li.pdf { border-bottom:1px dotted #CCC; margin-bottom:1em; padding-bottom:1em; } ul.horizons_archive_listing li.pdf ul { margin-bottom:0; } ul.horizons_archive_listing p.horizon_slider em { font-style:normal; font-weight:normal; } ul.horizons_archive_listing p.horizon_slider em a { color:#777; background:url(../images/site/icons/arrows/arrw_s_down.gif) no-repeat right center; text-decoration:none; padding:0 10px 0 20px; } ul.horizons_archive_listing p.horizon_slider em a:hover { color:#4c4c4c; text-decoration:underline; } /* news content sec styles */ div#content_sec div#horizons_intro { background-color:#636E48; color:#FFF; padding:15px; margin-bottom:20px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:12px; } div#content_sec div#horizons_intro h2 { color:#FFF; } div#content_sec div#horizons_intro img { margin-bottom:5px; background-color:#FFF; padding:2px; } div#content_sec div#horizons_intro a { color:#FFF; } .pdf a { background:url(../images/site/icons/format/pdf.gif) no-repeat 0 0; padding-left:20px; padding-top:1px; } div#content_sec div#horizons_intro p.more { font-size:11px; } div#content_sec div#horizons_intro p.more a { padding-left:15px; background:url(../images/site/icons/arrows/yellow_darkgreen_bg.gif) no-repeat 0 4px; } div#content_sec div#publications_intro { padding:15px; margin-bottom:20px; -webkit-border-radius:5px; -moz-border-radius:5px; background-color:#edf1f5; font-size:12px; } div#content_sec div#publications_intro ul li { margin-bottom:10px; background:url(../images/site/icons/article.gif) no-repeat 0 0; padding-left:20px;} div#content_sec div#publications_intro ul li a { font-weight:bold;} div#content_sec div#news_updates { font-size:12px; padding:15px 15px 10px 15px; margin-bottom:20px; background-color:#411527; color:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; color: #FFF; } div#content_sec div#news_updates h2 { color: #FFF; font-size:12px; line-height:1.4; } div#content_sec div#news_updates a { color: #FFF; } div#content_sec div#news_updates li { margin-bottom:0.5em; } div#content_sec div#news_updates li#news_updates_rss a { background:url(../images/site/icons/rss.gif) no-repeat 0 0; padding-left:22px; padding-bottom:5px;} div#content_sec div#news_updates div#news_updates_signup h3 { background:url(../images/site/icons/envelope.gif) no-repeat 0 3px; padding-left:22px; padding-bottom:5px; color:#FFF; font-size:12px; font-weight:normal; text-decoration:underline; cursor:pointer; } div#content_sec div#news_updates div#news_updates_signup p.text label { display:inline-block; } div#content_sec div#news_updates div#news_updates_signup p.text input { width:225px; float:none; display:block; } div#content_sec div#news_updates div#news_updates_signup h3.active { text-decoration:none; } /* 14.CAREERS ---------------------------------------------------------------------- */ div#jobs_email { padding:15px 15px 5px 15px; margin-bottom:20px; background-color:#411527; color:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; color: #FFF; clear:both; } div#jobs_email h2 { font-size:12px; color: #FFF; font-weight:normal; cursor:pointer; background:url(../images/site/icons/envelope.gif) no-repeat 0 3px; padding-left:22px; display:block; margin:0; margin-bottom:1em; text-decoration:underline; } div#jobs_email h2.active { text-decoration:none; } div#jobs_email a { color: #FFF; } div#jobs_email p strong { } div#jobs_email p.text input { width:182px; border:none; padding:4px; float:none;} /* careers home */ body.careers div#content_pri { width:700px; float:right; position:relative; margin-bottom:20px; } div#careers_intro { background-color:#7B7B7B; width:700px; height:335px; position:relative; margin-bottom:20px; -webkit-border-radius:5px; -moz-border-radius:5px; } div#careers_intro img { -webkit-border-radius:5px; -moz-border-radius:5px; } div#careers_intro div#careers_intro_welcome { position:absolute; top:6px; left:6px; width:310px; padding:10px; background:url(../images/site/trans/white.png) repeat; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:14px;} div#careers_intro div#careers_intro_welcome h2 { border:none; margin-bottom:0 !important; font-size:25px; } div#openings_intro { width:350px; padding:15px; float:left; border:1px solid #ECECEC; -webkit-border-radius:5px; -moz-border-radius:5px; } div#openings_intro h2 { border:none; font-size:15px; font-weight:bold; padding:0; margin-bottom:10px; } div#openings_intro ul li { position:relative; padding:10px 0; border-bottom:1px dotted #CCC; font-weight:bold; } div#openings_intro ul li span.new { position:absolute; right:0; top: 1em; } span.new { background-color:#8fa75a; color:#FFF; padding:1px 3px; -webkit-border-radius:5px; -moz-border-radius:5px; top: 0px; text-transform:uppercase; font-size:10px; letter-spacing:1px; font-weight:bold; } div#employee_profile { -webkit-border-radius:5px; -moz-border-radius:5px; background-color:#edf1f5;width:270px; padding:15px; float:right; position:absolute; right:0; font-size:12px; } div#employee_profile h2 { border:none; font-size:20px; font-weight:bold; padding:0; margin-bottom:1em; } div#employee_profile blockquote { font-size:15px; font-style:italic; } div#content_sec div#publications_intro ul li { margin-bottom:10px; background:url(../images/site/icons/article.gif) no-repeat 0 0; padding-left:20px;} div#content_sec div#publications_intro ul li a { font-weight:bold;} /* ------- Application detail page ------- */ div#application_meta { margin-bottom:2em; font-size:11px; text-transform:uppercase; } div#application_meta dl { margin-bottom:5px; } div#application_meta dt { font-weight:bold; } div#application_meta dt, div#application_meta dd { display:inline; } /* Openings */ table#openings { width:100%; } table#openings thead { display:none; } table#openings th { font-weight:bold; font-size:14px; width:450px; } table#openings th, table#openings td { border-bottom:1px dotted #CCC; padding:10px 0;} table#openings td.post_location { text-transform:uppercase; font-size:10px; text-align:right; } /* Careers sub pages */ body.careers_sub div#content_pri { float:left; width:405px; margin-left:20px; padding:14px; border:1px solid #CCC;} body.careers_sub div#content_sec { width:215px; float:right; background-color:#636E48; border:none; padding:15px; color:#FFF; } body.careers_sub div#content_sec h2 { color:#FFF; } div#employee_spotlight h2 { margin-bottom:1em; font-size:14px; } div#employee_spotlight { font-size:12px; } div#employee_spotlight img { background-color:#FFF; padding:2px; } div#employee_spotlight a { color:#b1b7a4; } div#employee_spotlight a:hover, div#employee_spotlight a:focus { color:#fff; } div#how_to_apply { font-size:12px; background-color:#EDF1F5; padding:20px 10px 10px 10px; margin-bottom:1em; -webkit-border-radius:5px; -moz-border-radius:5px;} div#how_to_apply p.send_to_friend { font-size:11px; margin-top:20px; } div#how_to_apply p.send_to_friend a { background:url(../images/site/icons/arrows/forward.gif) no-repeat 0 2px; padding-left:16px; } div#how_to_apply p.button { font-size:13px; } p.button a { padding:8px 10px; color:#FFF; text-decoration:none; background:#d6852a no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px;} p.button a:hover { background-color:#B55E12; color:#fff; } p.button.next a { padding-right:20px; background-image:url(../images/site/icons/pointer-arrow-white-right.png); background-position:right 10px;}, p.button.previous a { padding-left:20px; background-image:url(../images/site/icons/pointer-arrow-white-left.png); background-position:left 10px;} /* employee spotlight listings */ body.careers_sub.spotlight div#content_pri { width:670px; } ul#spotlight_listing { list-style:none; } ul#spotlight_listing li { border-bottom:1px dotted #ccc; margin:0 0 20px 0; padding:0 0 20px 0; overflow:hidden; } ul#spotlight_listing li:last-child { border-bottom: none; } ul#spotlight_listing li h3 { font-size:14px; } ul#spotlight_listing li.image { padding: 0 0 10px 180px; } ul#spotlight_listing li a img { float:left; margin:5px -215px 0 0; position:relative; left:-180px; padding:2px; border:1px solid #ccc; background:#fff; } ul#spotlight_listing li.alt.image { padding:0 180px 10px 0; } ul#spotlight_listing li.alt.image a img { float:right; margin:5px 0 0 -215px; position:relative; right:-180px; left:auto; } div#application_process { position:relative; margin-top:2em; } div#application_process ol#steps { overflow:hidden; background-color:#edf1f5; margin-bottom:2em; } div#application_process ol#steps li { float:left; display:block; padding:5px 10px; } div#application_process ol#steps li.cur { font-weight:bold; color:#000; } div#application_process fieldset { border:1px solid #ECECEC; padding:34px 14px 14px 14px; margin-bottom:20px; } div#application_process fieldset legend { font-size:16px; color:#000; background-color:#FFF; padding:0 10px; } form#application_form, form#freeform { clear:both; } form#application_form label, form#freeform label, form#tellafriend_form label { display:block; float:left; width:150px; text-align:right; padding-right:15px; } form#application_form p, form#freeform p { clear:both; } div.form_pag { position:relative; min-height:2em; } div.form_pag p.button.next { position:absolute; right:0; } form#application_form p.text input, form#application_form p.file input, form#tellafriend_form p.text input, form#freeform p.text input, form#freeform p.file input { width:200px; } form#freeform p.submit, form#tellafriend_form p.submit, form#tellafriend_form p.req { margin-left:165px; } div#eq_opp_statement { font-size:11px; width:400px; margin-top:2.5em; } div#eq_opp_statement h3 { font-size:12px; } p.backto { margin-bottom:30px; } /* 15.CONTACT ---------------------------------------------------------------------- */ body.contact div#content_pri { width: 190px; float:left; background-color:#edf1f5; font-size:11px; padding:15px; -webkit-border-radius:5px; -moz-border-radius:5px; } body.contact div#content_sec { width: 670px; float:right; border:1px solid #CCC; padding:14px; } body.contact div#content_pri h2#headquarters { margin-top:0; } body.contact div#content_pri h2 { margin-top:1.5em; font-size:15px; border:none; padding:0; margin-bottom:1.5em; font-weight:bold; } body.contact div#content_pri h3 { font-size:11px; margin-bottom:0;} body.contact div#content_pri div#locations { clear:both; padding-top:15px; } body.contact div#content_sec h2 { font-size:20px; margin-bottom:1.5em; } body.contact div#content_pri div#locations img { position:relative; top: -70px; } div#key { padding:15px 0; text-transform:uppercase; font-size:10px; font-weight:bold; } div#key ul li { display:inline; padding-right:15px; } div#key ul li img { display:inline; position:relative; top: 3px; } div.directory_location { float:left; width:320px; margin-right:15px; margin-bottom:1em; } /* 16.SEARCH RESULTS ---------------------------------------------------------------------- */ table#search_results { border:1px solid #d7d7d7; padding:1px; background:#fff; margin-bottom:1.5em; width:100%; margin-top:1.5em; font-size:12px; } table#search_results thead th { background:#b6bec7; font-weight:bold; padding:7px 15px; border-right:1px solid #fff; } table#search_results tbody th { border-bottom:1px dotted #ccc; font-weight:bold; padding:7px 0 7px 15px; } table#search_results tbody td { border-bottom:1px dotted #ccc; padding:7px 15px; } table#search_results tbody tr.last td, table#search_results tbody tr.last th { border:none; } p#search_intro { padding:15px 15px 10px 15px; font-size:15px; font-weight:bold; } th.results_title { width:30%; } th.results_excerpt { width:40%; } th.results_section { width:15%; } .results_date { text-align:center; } table#search_results tfoot td { padding:10px; } /* 17.SITEINFO/FOOTER ---------------------------------------------------------------------- */ div#site_info { width:910px; margin:0 auto; padding:15px; overflow:hidden; font-size:12px; color:#FFF; } div#site_info a { color:#FFF; } div#site_info a:hover, div#site_info a:focus { color:#FFF; } div#site_info ul { width:500px; float:left; font-weight:bold; margin:0; } div#site_info ul li { float:left; display:block; margin-right:15px; } div#site_info ul li a { } div#site_info p { display:block; float:right; margin:0; } /* 18.EMAIL SIGNUP ---------------------------------------------------------------------- */ span.error_message { color:#de2d41; font-weight:bold; padding-left:5px; font-size:12px; } form#newsletterform label.error, div#jobs_email label.error { color:#de2d41; font-weight:bold; font-size:11px; } form#newsletter_header_form { width:530px; } form#newsletter_header_form label.error { color:#de2d41; font-weight:bold; font-size:11px; width:150px; float:right; } form#newsletter_header_form { overflow:hidden; } form#freeform label.error { color:#de2d41; font-weight:bold; padding-left:5px; text-align:left; font-size:12px; float:none; display:inline; width:auto; } /* sliding panel */ div#newsletter_main { position:absolute; top:0; width:100%; z-index:999; } div#email_panel { width:100%; color:#CCC; background:#162C3F; overflow:hidden; position:relative; z-index:3; display:none; } div#email_panel h2 { color:#FFF; font-size:14px; border:0; margin-bottom:1em; font-weight:bold; } div#email_panel_inner { width:915px; margin:0 auto; padding:15px; } div#email_panel form label { display:block; float:left; width:120px; text-align:right; padding-right:10px; color:#FFF; } div#email_panel form p.text input { width:220px; } div#email_panel form p.submit input { margin-left:130px; } span.required { color:#d6852a; font-weight:bold; } p#newsletter_req { margin-left:130px; } div.tab { position:relative; top:0; z-index:999; width:100%; font-size:12px; } div.tab_inner { margin:0 auto; width:940px; } div.tab ul#tab_subscribe { display:block; position:relative; float:right; clear:right; height:0; width:auto; color:#FFF; text-align:center; } div.tab ul#tab_subscribe li a { color:#FFF; text-decoration:none; } div.tab ul#tab_subscribe li a:hover { color:#FFF; } div.tab .sep { color:#414141 } div.tab a { cursor:pointer; display:block; position:relative; background-color:#162C3F; padding:6px 10px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; } div.tab a.open { background:#162C3F url(../images/site/icons/envelope.gif) no-repeat 10px center; padding-left:34px; } /* 19.SIGNUP PAGES (NO JAVASCRIPT) ---------------------------------------------------------------------- */ body.signup { background-color:#162c3f; } body.signup div#email_panel { display:block; } /* 20.SPECIALITY TEMPLATES ---------------------------------------------------------------------- */ body.error { width:600px; margin:100px auto; font-size:12px;} body.error div#message { background-color:#FFF; padding:25px; } body.error div#message p#logo { margin:10px 0 30px 0; } body.error div#message h4 { font-size:13px; } body.error div#message p.mainmessage { background:#D6852A; color:#FFF; padding:10px; font-weight:bold; margin-bottom:2em; } body.error div#message p.more { margin-top:2em; } body.error div#message p.more a { background:url(../images/site/icons/arrows/yellow_white_bg.gif) no-repeat 0 4px; padding-left:15px; }