/* [Outlaw - main site] ----------------------------------------------------------------- Author(s): Chris Goodchild - chris.goodchild@fortunecookie.co.uk Created: 14/06/2011 Notes: Global framework styles for all browsers */ /* COLOUR INDEX ----------------------------------- lighter grey: #f5f5f5 blue: #055d93 black: #000 white: #FFF */ /* CONTENTS ----------------------------------- 1.0 RESETS 2.0 HTML ELEMENTS 3.0 STANDARD LAYOUT 4.0 NAVIGATION 5.0 MODULES (shared) 6.0 MODULES (unique) 7.0 BUTTONS X.X CLEARING AND GENERIC CLASSES */ /* 1.0 RESETS ----------------------------------------------------------------- */ * { margin: 0; padding: 0 } img, a img { border: 0 none } /* 2.0 HTML ELEMENTS ----------------------------------------------------------------- */ /* 2.1 FONT SIZING --------------------------------------- */ body { font-size: 62.5% } /* 10px base */ #navigation .subsection li { font-size: .800em } li li, fieldset h3, #navigation li strong, #navigation li .subsection { font-size: 1em } #footer li, #footer small { font-size: 1.1em } h5, h6, p, blockquote, li, th, td, label, code, kbd, pre { font-size: 1.2em } .header-nav li { font-size: 1.3em } #header #SearchText { font-size: 1.4em } #navigation li, .related li { font-size: 1.5em } #breadcrumb li { font-size: 1.7em } textarea { font-size: 100% } /* Headings */ h1 { color: #000; font-size: 2.6em } h2 { color: #000; font-size: 2.1em } h3 { font-size: 1.8em } h4 { font-size: 1.6em } /* 2.1 FONT FORMAT --------------------------------------- */ body { color: #1E2326; background: #fff } abbr, acronym, dfn { cursor: help; border: 0 none } a abbr, a acronym, a dfn { cursor: pointer } pre, address {} p, blockquote { color: #1e2326; padding: 0 0 1em 0; line-height: 1.5em } blockquote { margin: 1em 0; padding: 1em 0 1em 35px; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; background: url(../images/quote-open.gif) 0 1em no-repeat } blockquote p { padding:0 25px 0 0; background: url(../images/quote-close.gif) right bottom no-repeat } body, input, textarea, select, .header-nav li { font-family: Arial, Helvetica, sans-serif } em, i { font-style: italic } strong, b { font-weight: 700 } dfn { font-style: normal } cite { font-style: italic } code, kbd, pre { font-family: "Courier New", Courier, mono } /* Alternate font - Georgia */ p, li, blockquote, address, td, #navigation .subsection li a, #breadcrumb li, #footer li, #footer small, .related li, .filter-section li, .pagination li, .intro, .intro p, .intro li, .cross-news .listing li, .tags strong, .site-search-pinsentmasons .more-results { font-family: Georgia } /* Font Deck declarations (stylesheet in head) */ h1, h2, h3, h4, h5, h6, th, .site-link, #navigation a, .button, .button span, .button input, .listing-link, .related li, .cross-news .more a, .featured-news h3, .join-my-outlaw h3, .sector, .promotion, .results-grid strong a, .result-section, .audio-links .subscribe a, .outlaw-search-banner a, .search-advanced a, .related .all-sectors { font-family: "Bliss Medium", "Gill Sans", "Helvetica Neue", Arial, sans-serif; font-weight: 500; font-style: normal } /* 2.2 ANCHORS ----------------------------------------- */ a, a:visited { text-decoration: underline; color: #055d93 } a:active, a:hover { color: #000; outline: 0 none; text-decoration: none } a:focus { color: #000; outline: 1px dotted #fff; text-decoration: none } h1 a, h2 a, h3 a, h1 a:visited, h2 a:visited, h3 a:visited { color: #000; text-decoration: none } h1 a:hover, h2 a:hover, h3 a:hover, h1 a:focus, h2 a:focus, h3 a:focus { text-decoration: underline } #footer li a { color: #ccc; text-decoration: none } #footer h2 a, #footer h3 a { color: #fff; font-size: 1em; text-decoration: none } #footer a:hover, #footer a:active, #footer a:focus { text-decoration: underline } #breadcrumb a:focus, #footer a:focus { outline: 1px dotted #fff } #content a:focus { outline: 1px dotted #000 } a.listing-link { background: url(../images/buttons/asset-link.png) 100% 50% no-repeat; color: #fff; display: inline-block; font-size: 1.5em; line-height: 27px; padding: 0 30px 0 10px; text-decoration: none } a.listing-link:hover, a.listing-link:active, a.listing-link:focus { text-decoration: none } /* 2.3 HEADERS ----------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0 } h1 { margin-bottom: 10px } h2 { margin-bottom: 10px } #footer h2, #footer h3 { color: #fff; font-size: 1.6em; margin: 0 } /* 2.4 LISTS ------------------------------------------- */ ul, ol, dl { margin: 0; padding: 0 0 1em } ul ul, ol ol, ol ul, ul ol { padding: 0; margin: 0 0 0 2em } ul { list-style-type: disc } ol { list-style-type: decimal } li { margin: 0 0 0 2em; padding: 0 } ul.links { list-style-type: none } ul.links li { margin: 0; padding: 0 } ul.horizontal li { float: left; width: auto; margin: 0 1em 0 0 } dt { display: block; float: left } dd { margin-left: 10em } /* 2.5 TABLES ----------------------------------------- */ caption { display: block; padding: 0; margin: 0 } table { border: 1px solid #eee; border-width: 0 0 1px 1px; margin-bottom: 20px; width: 100% } th, td { border-right: 1px solid #ccc; padding: 12px 16px } th { background: #000; border-bottom: 1px solid #919191; color: #fff; font-size: 1.5em } th p { color: #fff } td { background: #f2f2f2; color: #1e2326; border-bottom: 1px solid #dbdbdb; font-size: 1.3em; vertical-align: top } tr.last td { border-bottom: 0 none } /* 2.6 FORMS ------------------------------------------ */ form { margin: 0; padding: 0 } fieldset, fieldset fieldset { border: 0 none; padding: 0; margin: 0 } legend { margin: 0; padding: 0 } label { display: block } /* 3.0 STANDARD LAYOUT ----------------------------------------------------------------- */ #page { margin: 0 auto; padding: 0; text-align: left } #subnav { clear: both; float: left; width: 24.5% } #breadcrumb, #content, #footer .legal, .header-nav, .nav-wrap, .header-content { margin: 0 auto; width: 940px } #content { background: #fff; padding: 34px 0 } .top-content { border-bottom: 4px solid #49555c } /* 3.1 GRID ------------------------------------------ */ .grid { float: left } .g1 { width: 40px } .g2 { width: 100px } .g3 { width: 160px } .g4 { width: 220px } .g5 { width: 280px } .g5-alt { width: 309px } .g6 { width: 340px } .g7 { width: 400px } .g8 { width: 460px } .g9 { width: 520px } .g10 { width: 580px } .g11 { width: 640px } .g12 { width: 700px } .g13 { width: 760px } .g14 { width: 820px } .g15 { width: 880px } .g16 { width: 940px } .m10 { margin-right: 10px } .m20 { margin-right: 20px } .m22 { margin-right: 22px } .m40 { margin-right: 40px } .padding { padding-top: 20px } /* 3.2 HEADER ------------------------------------------ */ .header-nav ul { float: left } .site-link { background: url(../../images/outlaw/icons/pm-logo-site-link.png) 0 0 no-repeat; color: #fff; display: inline-block; float: right; font-size: 1.5em; line-height: 22px; margin-top: 3px; padding: 0 10px 0 24px } .site-link a:visited, .site-link a:active { color: #fff } #header { background: #000; border-bottom: 1px solid #d1d1d1 } .header-content { padding: 24px 0 } #header .logo { float: left; width: auto } #header .logo a { display: block } #header .print-logo { display: none } #header .search { clear: right; float: right; padding-top: 10px; width: 226px } #header .search label { position: absolute; left: -999em; top: -999em } #header #SearchText { background: #60727b; border: none; color: #FFF; float: left; height: 2.1em; padding-left: 7px; width: 188px } #header #SearchButton { background: url(../../images/btn-search.png) 0 0 no-repeat; border: none; float: left; height: 29px; margin: 0; padding: 0; width: 29px } /* 4.0 NAVIGATION ----------------------------------------------------------------- */ /* 4.1 SHORTCUTS ------------------------------------------ */ #shortcuts { position: relative; height: 0 } #shortcuts ul, #shortcuts ul li { list-style-type: none; height: 0; padding: 0; margin: 0 } #shortcuts ul { position: absolute; width: 100% } #shortcuts li a { display: block; position: absolute; left: -500px; top: -500px } #shortcuts li a:focus, #shortcuts li a:active { position: absolute; left: 0; top: 0; width: 100%; font-size: 1.167em; text-align: center; border-bottom: 2px solid #055d93; color: #f4f4f4; outline: 0 none; padding: 6px 0; background: #040404 } .toplink { position: absolute; left: -500px; height: 1px; overflow: hidden; width: 50% } /* 4.2 FOOTER LINKS --------------------------------------- */ #footer { background: #000; padding: 20px 0 30px } #footer .legal { text-align: right } #footer .links { float: right; margin-left: 6px } #footer small { color: #ccc; float: right } #footer .legal li { background: url(../../images/navigation/footer-links-divider.png) 0 50% no-repeat; float: left; padding: 0 6px; vertical-align: top } #footer .legal a { color: #ccc; float: left } #footer .legal #RssFeedLink { background: url(../../images/outlaw/icons/rss-icon.png) 0 0 no-repeat; height: 13px; width: 36px; text-indent: -999em } #footer .legal .last { padding-right: 0 } /* 4.3 NAVIGATION ----------------------------------------- */ #navigation { background: #055d93 url(../../images/outlaw/navigation/primary-border.png) 0 0 repeat-x; border-top: 1px solid #060708; clear: both; font-weight: 700; z-index: 898 } #navigation ul { background: url(../../images/outlaw/navigation/primary-divider.png) 0 0 no-repeat; list-style-type: none; margin: 0; padding: 0; position: relative } #navigation li { background: url(../../images/outlaw/navigation/primary-divider.png) 100% 0 no-repeat; float: left; margin: 0; overflow: visible; padding: 0 1px 0 0 } #navigation a { display: block; float: left; outline-width: 0; position: relative; text-decoration: none; z-index: 90 } #navigation li:hover a, #navigation a:hover, #navigation a:focus { background: url(../../images/outlaw/navigation/primary-hover.png) 0 0 no-repeat; margin: 0 -1px; padding: 0 1px } #navigation span { color: #fff; display: block; float: left; margin: 0; padding: 12px 20px; width: auto } #navigation .double span { padding: 3px 20px 4px 20px } #navigation .double span span { clear: left; float: none; padding: 0; text-transform: uppercase } #navigation .double span .arrow { background: url(../../images/outlaw/navigation/primary-arrow-down.png) 100% 50% no-repeat; display: inline; padding: 0 16px 0 0 } #navigation .home-link span { background: url(../../images/outlaw/navigation/primary-home.png) 20px 46% no-repeat; padding-left: 40px } #navigation .flyout { background: #fff; border: 10px solid #03426c; display: none; left: 0; padding: 20px 0 10px 20px; position: absolute; top: 41px; width: 658px; z-index: 899; -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.5); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.5); box-shadow: 2px 2px 3px rgba(0,0,0,.5) } #navigation li:hover .flyout, #navigation li.hovered .flyout { display: block; } #navigation .col-1, #navigation .col-2 { background-image: none; font-size: 1em; margin-right: 10px; width: 318px; } #navigation .col-1 li, #navigation .col-2 li { font-size: 1em } #navigation .col-1 ul, #navigation .col-2 ul { background-image: none } #navigation .flyout .subsection { background-image: none; background: #fff; border-bottom: 1px solid #e0e0e0; float: left; height: auto; margin: 0 20px 10px 0; padding: 0 0 10px; width: 309px } #navigation .subsection li { border-bottom: 1px solid #f5f5f5; margin-bottom: 10px; padding-bottom: 10px } #navigation .subsection li, #navigation .flyout .subsection a { background-image: none; color: #000; float: none; font-size-adjust: 0; height: auto } #navigation .subsection ul { background-image: none; border: 0 none; padding-top: 5px; width: auto } #navigation .flyout .subsection a:focus { outline: 1px dotted #000 } #navigation .flyout strong { background: url(../../images/outlaw/navigation/primary-sub-arrow.png) 100% 50% no-repeat; display: inline-block; font-weight: 400; padding: 0 12px 0 0 } #navigation .flyout a:hover, #navigation .flyout a:focus { text-decoration: underline } #navigation .flyout .subsection ul li { border: 0 none; display: inline; } /*#navigation .flyout .subsection ul .last { background-image: none; padding-right: 0 }*/ #navigation .flyout .subsection ul li a {background: url(../../images/outlaw/icons/arrow-blue-white.png) 0% 50% no-repeat;margin: 0 5px 2px 0; padding: 0 8px 0 12px; white-space:nowrap;} #navigation .flyout .subsection li a { color: #0971b1; display: inline; text-decoration: none } #navigation .flyout .subsection li a:hover, #navigation .flyout .subsection li a:focus { text-decoration: underline } /* 4.4 GLOBAL LINKS ---------------------------------------- */ .header-nav { background: #3e4a50; padding: 4px 0 } .header-nav ul, .header-nav li { background: url(../../images/outlaw/navigation/global-divider.png) 0 50% no-repeat; list-style: none; padding: 0 } .header-nav li { background-position: 100% 50%; float: left; line-height: 28px; padding-right: 10px; margin: 0 0 0 10px } .header-nav a { color: #fff; text-decoration: none } .header-nav a:hover, .header-nav a:focus, .header-nav a:active { text-decoration: underline } /* 4.5 BREADCRUMB ----------------------------------------- */ #breadcrumb { background: #e5e5e5; border: 1px solid #e5e5e5; border-top: 0 none } #breadcrumb ul { display: table; list-style: none; padding: 0; width: 100% } #breadcrumb li { color: #01558a; display: table-cell; font-weight: 400; margin: 0; padding: 18px 45px 18px 20px; position: relative; vertical-align: top } #breadcrumb .first { background: url(../../images/outlaw/navigation/breadcrumb-top-level.png) 100% 0 no-repeat; font-weight: 700; left: 0; padding: 18px 45px 18px 20px; z-index: 5 } #breadcrumb .default { background-image: url(../../images/outlaw/navigation/breadcrumb-top-level-default.png) } #breadcrumb .trail { background: url(../../images/outlaw/navigation/breadcrumb-trail.png) 100% -1px no-repeat; width: auto; min-width: 110px; z-index: 4 } #breadcrumb .last { background: #d1d1d1 url(../../images/outlaw/navigation/breadcrumb-current.png) 0 0 repeat-x; padding-left: 20px; width: 50% } #breadcrumb a { color: #01558a; text-decoration: none } #breadcrumb a:hover, #breadcrumb a:focus { outline-color: #01558a; text-decoration: underline } /* 4.6 SUB NAVIGATION ------------------------------------- */ #breadcrumb .subnav { float: left; margin: 0; padding: 0; width: auto } #breadcrumb .subnav li { background: url(../../images/outlaw/divider-grey.png) 100% 50% no-repeat; display: inline; font-size: .706em; margin-right: 8px; padding: 0 7px 0 0 } #breadcrumb .subnav .last-item { background-image: none; padding-right: 0 } /* 5.0 MODULES ----------------------------------------------------------------- */ /* 5.1 SECTION ------------------------------------------------ */ .section { border: 4px solid #49555c; border-width: 0 0 4px; padding-bottom: 12px; margin-bottom: 20px } .section h2 { color: #333; font-size: 2.1em; padding-bottom: 14px } .section h3 { color: #333; font-size: 1.8em; padding-bottom: 14px } /* 5.2 FEATURED NEWS + JOIN MY OUTLAW ------------------------------------------- */ .featured-news, .join-my-outlaw { background: #03436d; margin-bottom: 30px; padding: 10px 0 } .featured-news h2,.join-my-outlaw h2 { background: #000; color: #fff; display: inline-block; font-size: 1.8em; margin-bottom: 4px; padding: 8px 10px } .featured-news h3, .join-my-outlaw h3 { font-size: 2.2em } .featured-news h3 a, .join-my-outlaw h3 a { color: #fff } .featured-news h3 span, .join-my-outlaw h3 span { background: #0971b1; clear: left; float: left; margin-bottom: 2px; padding: 0 10px } .featured-news .copy { background: #fff; margin: 10px; padding: 10px } /* JOIN MY OUTLAW */ .join-my-outlaw h3 { font-size:1.4em } .join-my-outlaw h3 span{ white-space:nowrap; padding:10px 15px 10px 40px; min-height:23px; background:#0971b1 url(../../images/outlaw/white-tick.png) 14px 13px no-repeat; } .join-my-outlaw .copy { margin:20px 20px 5px 20px; } .join-my-outlaw>p { color:#FFF; margin:0 20px 5px 20px; font-family: Georgia; font-size:1.3em; padding:0; } a.arrow-white-on-blue { color:#FFF; text-decoration:none; background: url(../../images/outlaw/icons/arrow-white.png) 100% 50% no-repeat; margin: 0 0 4px; padding: 0 12px 0 0; text-decoration: none } a.arrow-white-on-blue:hover, a.arrow-white-on-blue:focus {text-decoration: underline;} /* 5.3 SHORTLIST ----------------------------------------------- */ .guides { background: #f3f3f3; margin-bottom: 20px; padding-bottom: 12px } .guides h2 { background: #000; color: #fff; font-size: 2.1em; padding: 12px } .guides ul { list-style: none; margin: 0; padding: 0 } .guides li { border-top: 1px solid #e4e4e4; font-size: 1em; margin: 0; padding: 12px 12px 0 12px } .guides .first { border: 0 none } .guides h3 { font-size: 1.8em; margin-bottom: 5px } .guides h3 a { background: url(../../images/outlaw/icons/arrow-black-on-grey.png) 100% 6px no-repeat; padding-right: 12px } .guides .button { margin: 10px 0 0 10px } /* 5.4 RELATED ------------------------------------------------- */ .related { background: #033c71; margin: 0 0 30px 0; padding: 9px } .related h2 { color: #fff; font-size: 1.8em; margin-bottom: 12px; padding: 0 } .related ul { background: #fff; list-style: none; margin: 0 0 10px; padding: 0 } .related li { background: url(../../images/outlaw/icons/arrow-black-on-white.png) 240px 16px no-repeat; border-top: 1px solid #d3d3d3; line-height: 1.3; margin: 0; padding: 0 } .g3 .related li { background-position: 120px 16px } .related a { color: #000; display: block; padding: 10px 25px 10px 10px; text-decoration: none } .related a:hover, .related a:focus { text-decoration: underline } .related .button { margin: 5px 0 0 8px } .related .all-sectors { color: #fff; display: block; font-size: 1.5em; padding: 0 } .related .all-sectors span { background: url(../../images/icons/arrow-white-on-blue.png) 100% 4px no-repeat; padding-right: 12px } /* 5.5 LINK LISTING -------------------------------------------- */ .link-listing { border-top: 4px solid #49555c; padding: 12px 0 } .link-listing h2 { font-size: 1.8em } .link-listing ul { list-style: none; margin: 0; padding: 0 } .link-listing li { background: url(../../images/outlaw/icons/arrow-blue-white.png) 0 2px no-repeat; font-size: 1.3em; margin: 0; padding: 0 10px 18px 12px } .link-listing p { font-size: 1em } .link-listing a { text-decoration: none } .link-listing a:hover, .link-listing a:focus { text-decoration: underline } /* 5.6 FILTER -------------------------------------------------- */ .filter { background: #f2f2f2; border: 1px solid #ececec; border-width: 0 1px 1px 1px; padding: 18px 12px 4px; position: relative } .filter .button { position: absolute; right: 12px; top: 14px } .filter h2 { font-size: 1.8em; margin-bottom: 20px } .filter h3 { font-size: 1.5em; margin-bottom: 20px } .filter-section { background: #fff; border: 1px solid #ececec; margin-bottom: 16px; padding: 14px 12px 4px } .filter-section select { margin: 0 0 12px; width: 228px } .filter-section ul { list-style: none; padding: 0 } .filter-section li { background: url(../../images/outlaw/icons/arrow-blue-white.png) 0 2px no-repeat; font-size: 1.3em; margin: 0 0 12px; padding: 0 0 0 14px } .filter-section li ul { margin: 0 10px 0 -20px; padding-top: 8px } .filter-section li li, .filter-section li .selected { background: url(../../images/outlaw/bullet-dash.png) 20px 8px no-repeat; border-bottom: 1px solid #f1f1f1; font-size: 1em; line-height: 1.3; margin: 0 0 10px; padding: 0 0 8px 30px } .filter-section .selected { background: url(../../images/outlaw/navigation/filter-selected.png) 0 0 no-repeat; position: relative; line-height: 29px; margin: 0 -12px 12px -21px; padding: 1px 0 0 9px } .filter-section a, .filter-section .selected li a { color: #055d93; display: block; text-decoration: none } .filter-section a:hover, .filter-section a:focus, .filter-section .selected li a:hover, .filter-section .selected li a:focus { text-decoration: underline } .filter-section .selected a { background: #055d93; color: #fff; padding-left: 26px } .filter-section .selected .selected a, .filter-section .selected .selected .selected a { color: #000; font-weight: 700 } .filter-section .selected ul { margin: 0 0 20px; padding-left: 10px } .filter-section .selected ul li { border: 0 none; padding: 0 20px } .filter-section .selected li a, .filter-section li .selected li a, .filter-section .selected .selected li a { background: transparent; color: #055d93; font-weight: 400; padding-left: 10px } .filter-section .selected .selected li { border: 0 none; font-size: 0.923em; padding-bottom: 0 } .filter-section .selected .selected ul { padding-top: 12px } /* 5.7 PAGINATION ---------------------------------------------- */ .pagination { clear: left; padding: 20px 0 } .pagination-alt .pagination { border: 1px solid #eee; border-width: 1px 0; padding: 10px 0 } .pagination p { float: left; font-size: 1.3em; padding: 0 } .pagination ul { float: right; list-style: none; padding: 0; text-align: right } .pagination li { background: url(../images/navigation/pagination-divider.png) 100% 50% no-repeat; display: inline; float: left; margin: 0; padding: 0 5px 0 4px } .pagination .prev, .pagination .next, .pagination .last { background-image: none } .pagination a { color: #055d93; display: inline; text-decoration: none } .pagination a:hover, .pagination a:active, .pagination a:focus { text-decoration: underline } .pagination .prev a, .pagination .next a { text-decoration: underline } .pagination .prev a:hover, .pagination .prev a:active, .pagination .prev a:focus, .pagination .next a:hover, .pagination .next a:active, .pagination .next a:focus { background: transparent; color: #055d93; text-decoration: none } /* 5.8 NEWSLETTER SIGNUP --------------------------------------- */ .newsletter { background: #f2f2f2; border-top: 4px solid #49555c; margin-bottom: 30px; padding: 14px 10px } .newsletter h2 { color: #000; font-size: 1.8em; margin-bottom: 10px } .newsletter .input, .newsletter .input input { background: url(../../images/forms/input-default.png) 0 50% no-repeat; border: 0 none; font-family: Georgia; height: 34px } .newsletter .input { margin-bottom: 10px; padding-left: 12px } .newsletter .input input { background-position: 100% 50%; line-height: 34px; outline: 0 none; padding: 0 12px 0 0; width: 236px } .newsletter .clear { clear: left; margin-bottom: 12px } .newsletter .clear label { font-family: Georgia; font-weight: 400; margin-left: 20px } .newsletter .clear input { float: left } /* 5.9 PROMO BOX ----------------------------------------------- */ .promo-box { background: #f2f2f2; border-top: 4px solid #49555c; margin-bottom: 30px; padding: 12px } .promo-box h2 { color: #000; font-size: 1.8em; margin: 0 0 10px } .promo-box h3 { margin-bottom: 10px } .featured h3 { color: #000; font-family: Georgia; font-size: 1.3em; font-weight: 700; padding-bottom: 10px } .featured h3 span { display: block; font-weight: 400 } .featured .copy { padding: 0 0 10px } .featured p { font-size: 1.3em; font-family: Georgia } .podcast ul { list-style: none; margin: 0; padding: 20px 0 0 } .podcast li { float: left; font-size: 1em; margin: 0; padding: 8px 0 0 } .podcast .subscribe { float: right; padding: 0 } .podcast .subscribe a, .audio-links .subscribe a { background: url(../../images/outlaw/subscribe.png) 0 0 no-repeat; display: block; height: 42px; overflow: hidden; text-indent: -999em; width: 102px } .audio-links .subscribe a { background: url(../../images/outlaw/subscribe-itunes-ball.png) 0 50% no-repeat; color: #000; line-height: 39px; font-size: 1.083em; padding-left: 45px; text-decoration: none; text-indent: 0; width: auto } .audio-links .subscribe a:hover, .audio-links .subscribe a:focus { text-decoration: underline } .publication-list { background: #f2f2f2; border: 1px solid #eee; border-width: 4px 1px 1px 1px; border-top-color: #49555c; padding: 18px 12px } .publication-list h2 { margin: 0; padding-bottom: 4px } .publication-list ul { list-style: none; margin: 0; padding: 0 } .publication-list li { margin: 0; padding: 10px 0 } .publication-list img { float: left; width: 80px } .publication-list .pub-content { display: block; margin-left: 90px; position: relative; top: -2px } .publication-list .pub-content strong { color: #000; font-family: Georgia } .publication-list .pub-content p { line-height: 1.3 } .publication-list li li { border: 0 none; color: #000; font-family: Georgia; padding: 2px 0 } .publication-list .button span { font-size: 1.25em } /* 5.10 LATEST NEWS ------------------------------------------- */ .latest-news { background: #eee; border-top: 4px solid #49555c; margin-bottom: 30px } .latest-news h2 { font-size: 1.8em; padding: 7px 10px 0 } .latest-news ul { list-style: none; margin: 0; padding: 0 0 10px } .latest-news li { background: url(../../images/outlaw/icons/arrow-blue-on-grey.png) 10px 12px no-repeat; border-top: 1px solid #d3d3d3; margin: 0; padding: 10px 10px 10px 22px } .rss-list li { background: url(../../images/outlaw/icons/rss-list.png) 10px 11px no-repeat; padding-left: 28px } .rss-list li p { font-size: 1em; padding-bottom: 0 } .latest-news a { text-decoration: none } .latest-news a:hover, .latest-news a:focus { text-decoration: underline } .latest-news span { font-weight: 700 } .latest-news .date { display: inline; font-weight: 400 } /* 5.11 PAGE INTRO -------------------------------------------- */ .intro { color: #000; font-size: 1.5em; margin-bottom: 10px; padding-bottom: 20px } .intro h2 { font-size: 1.4em } .intro p, .intro li { color: #000; font-size: 1em } /* 5.12 WYSIWYG COPY ------------------------------------------ */ .copy, .copy p { font-family: Georgia; font-size: 1.3em } .copy h1 { font-size: 2em } /* 26px */ .copy h2 { font-size: 1.615em } /* 21px */ .copy h3 { font-size: 1.385em } /* 18px */ .copy h4 { font-size: 1.231em } /* 16px */ .copy h5, .copy h6 { font-size: 1.154em } /* 15px */ .copy p { font-size: 1em } .copy hr { background: transparent; border: 0; border-top: 1px solid #eee; display: block; height: 1px; margin: 10px 0 20px } .copy ul { list-style: none; margin: 0; padding: 10px 0 } .copy ol { margin-left: 30px } .copy li { background: url(../../images/outlaw/bullet-default.png) 0 5px no-repeat; color: #000; font-family: Georgia; font-size: 1em; line-height: 19px; margin: 0 0 16px; padding-left: 12px } .copy ol li { background-image: none; padding: 0 } /* 5.13 ARTICLES ---------------------------------------------- */ .articles { border-top: 4px solid #49555c; padding-top: 20px } .ie7 .articles {clear:left; } .article-overview { border: 1px solid #eee; border-width: 1px 0; margin-bottom: 20px; padding: 10px 0 15px } .article-overview p { font-size: 1.5em } .article-row .g5-alt { padding-top: 10px } .article-row h3 { font-size: 1.8em; margin-bottom: 10px } .article-row h3 a { background: url(../../images/outlaw/icons/arrow-black-on-white.png) 100% 7px no-repeat; padding-right: 12px } /* ARTICLE LISTING */ .article-listing { list-style: none; margin: 0; padding: 0 } .article-listing li { border-top: 1px solid #eee; margin: 0; padding: 20px 0 } .article-listing .first { border: 0 none; padding-top: 0 } .article-listing li h2 { font-size: 1.250em; margin: 0 } .article-listing li h2 a, .article-listing li h3 a { color: #055d93 } .article-listing li h2 a:hover, .article-listing li h2 a:focus, .article-listing li h3 a:hover, .article-listing li h3 a:focus { color: #000 } .article-listing li .meta { color: #565656; font-size: 1.083em } .article-listing li .meta a { color: #055d93 } .article-listing li p { font-size: 1.083em } .article-listing li .button span { font-size: 1.25em } .article-listing li .image{width:160px;float:left;} .article-listing li .image p{clear:left;} .article-listing li .text{width:460px;float:left;} /* ARTICLE PREVIEWS */ .preview { border-top: 4px solid #49555c; padding: 12px 0; margin-bottom: 12px } .preview img { float: left; margin: 0 20px 10px 0 } .preview-content { margin-left: 160px } .no-image .preview-content { margin-left: 0 } .preview p { font-size: 1.5em } .date { background: url(../../images/outlaw/divider-grey.png) 0 50% no-repeat; color: #4f4f4f; display: inline-block; padding-left: 6px; margin-left: 6px; margin-right: 10px; } .sector { background: #b64f08; border: 1px solid #eacbb6; border-left-color: #dba784; border-right-color: #c6753d; border-bottom-color: #ce8959; color: #fff; font-size: 1em; padding: 0 7px; text-transform: uppercase } .sector, .sector:visited, .sector:hover, .sector:active, .sector:focus { color: #fff; text-decoration: none } .lead-story { border: 0 none; padding-top: 0 } .lead-story .preview { padding: 0 } /* 5.14 RESULTS ------------------------------------------------ */ .results-grid { list-style: none; padding: 0 } .results-grid li { border-top: 1px solid #eee; font-size: 1em; margin: 0 -10px; padding: 12px 10px; overflow: hidden } .results-grid .thumbnail { border: 1px solid #eee; display: block; float: left; margin-bottom: 9px; width: 120px } .results-grid img { display: block; margin: 0 auto } .results-grid div { margin-left: 132px } .results-grid strong { display: block; margin-bottom: 4px } .results-grid strong a { color: #000; font-size: 1.5em; font-weight: 400; text-decoration: none } .results-grid strong a:hover, .results-grid strong a:focus { color: #000; text-decoration: underline } .results-grid p { font-size: 1.2em } .results-grid .view { background: url(../../images/icons/arrow-red-on-white.png) 0 2px no-repeat; color: #c70c47; font-size: 1.2em; padding-left: 12px; text-decoration: none } .results-grid .view:hover, .results-grid .view:focus { text-decoration: underline } /* 5.15 CROSS SITE NEWS --------------------------------------- */ .cross-news { background: #000; margin-bottom: 30px; padding: 10px } .cross-news .site-link { background-image: url(../../images/outlaw/icons/pinsent-masons-red.png); float: none; line-height: 24px; margin-bottom: 10px } .cross-news .site-link a { color: #fff; font-size: 1.143em } .cross-news h3 { background: #c70c47; color: #fff; font-size: 1.8em; margin: 0 0 8px -10px; padding: 7px 10px } .cross-news .cross-content { background: #fff; margin: 0 0 10px; padding: 10px } .cross-content .cta { background: url(../../images/icons/arrow-red-on-white.png) 0 2px no-repeat; color: #c70c47; padding-left: 12px; text-decoration: none } .cross-content .cta:hover, .cross-content .cta:focus { text-decoration: underline } .cross-news .listing { background: #fff; list-style: none; margin: 0; padding: 0 } .cross-news .listing li { background: url(../../images/icons/arrow-red-on-white.png) 0 12px no-repeat; color: #565656; font-size: 1.3em; margin: 0; padding: 10px 0 10px 12px } .cross-news .listing .last { padding-bottom: 0 } .cross-news .listing p { font-size: 1em; padding: 0 } .cross-news .listing a { background: url(../images/navigation/cross-news-divider.png) 100% 50% no-repeat; color: #c70c47; margin-right: 3px; padding-right: 7px; text-decoration: none } .cross-news .listing a:hover, .cross-news .listing a:focus { color: #000; text-decoration: underline } .cross-news .listing strong { color: #1e2326 } .cross-news .more { background: url(../../images/outlaw/icons/cross-news-more.png) 0 50% no-repeat; padding-left: 18px } .cross-news .more a { background: url(../../images/outlaw/icons/arrow-white-on-black.png) 100% 50% no-repeat; color: #fff; font-size: 1.5em; padding-right: 12px; text-decoration: none } .cross-news .more a:hover, .cross-news .more a:focus { text-decoration: underline } /* 5.16 TOPICS LISTING ---------------------------------------- */ .topics { list-style: none; margin: 0 0 30px 0; padding: 0 } .topics li { background: url(../../images/outlaw/icons/arrow-blue-white.png) 0 11px no-repeat; border-top: 1px solid #e0e0e0; margin: 0; padding: 10px 10px 10px 18px } .topics a { text-decoration: none } .topics a:hover, .topics a:focus { text-decoration: underline } .topics span { font-weight: 700 } .topics .date { background: url(../../images/outlaw/divider-grey.png) 0 50% no-repeat; display: inline-block; font-weight: 400; margin-left: 4px; padding-left: 5px } /* 5.17 PROMOTION --------------------------------------------- */ .promotion { border: 1px solid #eee } .promotion a, .promotion img, .promotion span { display: block; text-decoration: none } .promotion span { background: #49555c; padding: 11px } .promotion span span { color: #fff; display: inline; font-size: 1.5em; padding: 0 12px 0 0; text-decoration:none;} .promotion span span .arrow-right { background: url(../../images/icons/arrow-white-on-grey-alt.png) 0 50%; display:inline-block; font-size:0; padding: 0; text-decoration: none; width:7px; height:11px; } .promotion a { text-decoration: none } .promotion a:hover, .promotion a:active, .promotion a:focus { color: #fff; text-decoration: underline } .promo-body { background: #f2f2f2; padding: 12px } .promo-body { font-size: 1.3em } .promo-body p, .promo-body li { font-size: 1em } .promo-body a { display: inline } .promo-body a:hover, .promo-body a:active, .promo-body a:focus { color: #000 } .promo-body h2 { font-size: 1.615em } .promo-body h3 { font-size: 1.154em } .promo-body h4 { font-size: 1em } /* 5.18 AUDIO/VIDEO -------------------------------------------- */ #mediaplayer_wrapper { margin-bottom: 20px } /* 6.0 PAGES ----------------------------------------------------------------- */ /* 6.1 SEARCH RESULTS ------------------------------------------ */ .search-results-form { background: #1f2528; border: 1px solid #bbb; margin-bottom: 20px; padding: 16px 12px } .search-results-form #SearchTextFull, .button { vertical-align: middle } .search-results-form #SearchTextFull { background: url(../../images/forms/input-inner-shadow.png) 0 0 no-repeat; border: 1px solid #a5a8a9; border-top-color: #777a7b; border-right: 0 none; font-size: 1.8em; margin-right: 9px; padding: 7px 12px; width: 453px } .search-advanced { padding-top: 12px } .search-advanced a { background: url(../../images/icons/arrow-white-on-black.png) 100% 50% no-repeat; color: #fff; font-size: 1.5em; margin-bottom: 12px; padding-right: 11px; text-decoration: none } .search-advanced a.active { background: url(../../images/icons/arrow-white-on-black-down.png) 100% 50% no-repeat; padding-right: 15px } .search-advanced a:hover, .search-advanced a:active, .search-advanced a:focus { color: #fff } .search-advanced .options { padding-top: 12px } .search-advanced label { color: #fff; display: inline; font-weight: 400; margin-right: 25px; vertical-align: middle } .search-advanced input { margin: 0 3px 0 0; vertical-align: top } .search-results .result-section { background: url(../../images/search-result-arrow.png) 100% 50% no-repeat; float: left } .search-results li h3, .search-results li p { margin-left: 90px } .site-search .section { border-width: 0; margin: 0; padding: 20px 0 0 0 } .outlaw-search-banner { background: #1f2528; border: 1px solid #cfcfcf; margin-bottom: 20px; padding: 10px 12px } .outlaw-search-banner a { background: url(../../images/icons/pm-logo-search.png) 0 0 no-repeat; color: #fff; float: left; font-size: 1.6em; line-height: 26px; padding-left: 26px; text-decoration: none } .outlaw-search-banner a:hover, .outlaw-search-banner a:focus { text-decoration: underline } .outlaw-search-banner h2 { color: #fff; float: right; padding: 0; margin: 0; text-align: right; width: 420px } .result-listing { list-style: none; margin: 0; } .result-listing li { border-bottom: 1px solid #eee; font-size: 1em; margin: 0 0 20px; padding: 0 0 10px } .result-listing .last { border: 0 } .result-listing .result-section { background: url(../../images/search-result-arrow.png) 100% 50% no-repeat; color: #fff; float: left; font-size: 1.5em; line-height: 1; padding: 2px 10px 4px 5px; width: 62px } .result-listing .case-study { background-image: url(../../images/search-result-arrow-large.png) } .result-listing .result-content { margin-left: 90px } .result-listing .result-content p.meta { margin-top:-13px; } .result-listing .image{width:160px;float:left;} .result-listing .text{width:370px;float:left;} .result-listing h3 { margin-bottom: 0; padding: 0 0 13px; } .result-listing h3 a { text-decoration: none } .result-listing h3 a:hover, .result-listing h3 a:focus { text-decoration: underline } .site-search-outlaw .result-listing h3 a { color: #055d93 } .site-search-pinsentmasons .result-listing h3 a { color: #c70c47 } .site-search-pinsentmasons .more-results { background: url(../../images/buttons/listing-link.png) 100% 50% no-repeat; color: #fff; float: right; font-size: 1.3em; padding: 6px 26px 6px 10px; text-decoration: none } .site-search-pinsentmasons .more-results:hover, .site-search-pinsentmasons .more-results:focus { background-image: url(../../images/buttons/listing-link-over.png); text-decoration: underline } .search-elements h2 { margin-bottom: 20px } .search-elements .pagination-alt { margin-bottom: 20px } .site-search-profile { background: #f2f2f2; border: 1px solid #eee; border-top: 1px solid #ebebeb; margin-bottom: 30px; padding: 10px; position: relative } .site-search-profile h2 { margin: 0 160px 0 0 } .all-contacts { position: absolute; top: 5px; right: 0 } .all-contacts a { background: url(../../images/icons/arrow-red-on-white.png) 100% 50% no-repeat; color: #c70c47; padding-right: 12px; text-decoration: none } .all-contacts a:hover, .all-contacts a:focus { color: #000; text-decoration: underline } .site-search-profile .all-contacts { position: absolute; right: 10px; bottom: 15px } .site-search-profile .all-contacts a { background-image: url(../../images/icons/arrow-red-on-grey-alt.png) } .site-search-profile .results-grid { list-style: none; padding: 0 } .site-search-profile .results-grid li { border: 0 none; float: left; font-size: 1em; margin: 0 1.66em 0 0; padding: 0; width: 142px } .site-search-profile .results-grid .row-end { margin: 0 } .site-search-profile .results-grid .thumbnail { background: #fff; border: 1px solid #ebebeb; display: block; margin-bottom: 9px; text-align: center; width: 140px } .site-search-profile .results-grid .thumbnail img { float: none; margin: 0 auto } .site-search-profile .results-grid div { margin: 0 } .site-search-profile .results-grid strong { display: block } .site-search-profile .results-grid strong a { color: #c70c47; text-decoration: none } .site-search-profile .results-grid strong a:hover, .site-search-profile .results-grid strong a:focus { color: #000; text-decoration: underline } .site-search-profile .results-grid p { font-size: 1.2em } /* 6.2 SITEMAP ------------------------------------------------- */ .sitemap-container ul, .sitemap-menu li { list-style: none; font-size: 1em; margin: 0; padding: 0 } .sitemap-menu li li { background: url(../../images/outlaw/bullet-default.png) 0 5px no-repeat; padding-left: 12px } .sitemap-menu li li li { background: url(../../images/outlaw/bullet-dash.png) 0 8px no-repeat; padding-left: 10px } .sitemap-menu .top-level { background: url(../../images/outlaw/icons/arrow-blue-on-white.png) 0 3px no-repeat; margin: 0 0 1.5em; padding-left: 12px } .sitemap-container li ul { margin: 0 0 0 2.5em } .sitemap-container li li ul { margin: 0 0 0 1.5em } .sitemap-menu a { color: #055d93; display: block; font-size: 1.3em; margin: 0 0 5px; text-decoration: none } .sitemap-menu a:hover, .sitemap-menu a:focus { color: #000; text-decoration: underline } .sitemap-menu .top-link { color: #000; font-size: 1.5em } .sitemap-menu .top-link:hover, .sitemap-menu .top-link:focus { text-decoration: underline } /* 6.3 FORM PAGE ----------------------------------------------- */ .generic-form table { border: 0 none; border-collapse: collapse; border-spacing: 0 } .generic-form th, .generic-form td { background: transparent !important; border: 0 none; border-collapse: collapse; border-spacing: 0; font-size: 1em; margin: 0; padding: 0 0 28px } /* NOTE: "!important" used to prevent background styling on form cells via EpiServer! */ .generic-form td p, .generic-form td span, .generic-form td strong { font-size: 1.4em } .generic-form label, .generic-form legend { display: block; font-size: 1.4em; font-weight: 700; margin-bottom: 10px } .generic-form legend { margin: 0; padding-bottom: 10px } .generic-form input, .generic-form textarea, .generic-form select { font-size: 1.2em; padding: 2px } .generic-form input { width: 240px } .generic-form select { width: 245px } .generic-form textarea { height: 130px; width: 440px } .generic-form .check, .generic-form .radio { float: left; margin: 2px 5px 0 0; width: auto } .generic-form .form-submit { padding: 5px 8px; width: auto } /* 6.4 GENERIC PAGE -------------------------------------------- */ .generic .key-contacts { background: #f2f2f2; border: 1px solid #eee; border-top: 1px solid #ebebeb; margin-bottom: 30px; padding: 10px } .generic .key-contacts h2 { margin: 0 0 10px } .generic .results-grid { list-style: none; padding: 0 } .generic .results-grid li { border: 0 none; float: left; font-size: 1em; margin: 0 1.5em 0 0; padding: 0; width: 142px } .generic .results-grid .row-end { margin: 0 } .generic .results-grid .thumbnail { background: #f5f5f5; border: 1px solid #ebebeb; display: block; margin-bottom: 9px; text-align: center; width: 140px } .generic .results-grid .thumbnail img { float: none; margin: 0 auto } .generic .results-grid div { margin: 0 } .generic .results-grid strong { display: block } .generic .results-grid strong a { color: #c70c47; text-decoration: none } .generic .results-grid strong a:hover, .generic .results-grid strong a:focus { color: #000; text-decoration: underline } .generic .results-grid p { font-size: 1.2em } /* 6.5 PODCAST PAGES ------------------------------------------- */ .audio-links ul { list-style: none; margin: 0 0 20px; padding: 0 } .audio-links li { background: url(../../images/outlaw/icons/arrow-blue-white.png) 0 50% no-repeat; margin: 0 0 4px; padding: 0 0 0 12px } .audio-links .subscribe { background-image: none; padding: 12px 0 0 0 } /* 7.0 BUTTONS ----------------------------------------------------------------- */ .button, .button span, .button input { background: url(../../images/outlaw/buttons/button.png) 0 0 no-repeat; cursor: pointer; display: inline-block; text-decoration: none; vertical-align: middle; white-space: nowrap } .button input::moz-focus-inner { padding: 0 } /* removes extra padding in firefox */ .button { padding-left: 10px } .button span, .button input { border: 0 none; padding-right: 25px; padding-top: 5px } /* Remove any underlines */ .button:visited, .button:hover, .button:active, .button:focus, .button:visited span, .button:hover span, .button:active span, .button:focus span .button:visited input, .button:hover input, .button:active input, .button:focus input { text-decoration: none } /* 7.2 BUTTON 2 (light grey with arrow) ------------------------ */ .button-2 { height: 28px } .button-2 span, .button-2 input { background-position: 100% 0; color: #055d93; font-size: 1.5em; height: 23px } .button-2 input { padding-top: 0; height: 28px } #AllNewsLink { margin-bottom: 20px; } .ie7 #AllNewsLink { float:left; overflow:hidden;} .button-2:hover { background-position: 0 -80px } .button-2:hover span, .button-2:hover input { background-position: 100% -80px; color: #fff; text-decoration: underline } /* 7.4 BUTTON 4 (form submit - dark text) ---------------------- */ .button-4, .button-4 span, .button-4 input { background: url(../../images/buttons/buttons.png) 0 -240px no-repeat } .button-4 span, .button-4 input { background-position: 100% -240px; color: #1f2528; font-size: 1.8em; height: 36px; padding-top: 0; text-transform: uppercase } /* 7.5 SOCIAL BUTTONS ------------------------------------------ */ .social-buttons .clear { margin-bottom: 10px } .social-buttons .facebook { margin-bottom: 20px } .add-this { border: 1px solid #eee; border-width: 1px 0; margin-bottom: 30px; padding: 10px 0 } .add-this ul { list-style: none; margin: 0; padding: 0 } .add-this li { float: left; margin: 0 2px 0 0; padding: 0 } /* X.X BUTTON EXTEND ------------------------------------------- */ .extend span { padding-right: 66px } /* 8.0 Legacy classes ----------------------------------------------------------------- */ .ImmControlAlign_Right { float: right } .ImmControlAlign_Left { float: left } /*------------------------- cookie compliance --------------------*/ /*#cookie.cookwarndefault {margin: 0px auto 0 auto; padding: 0; position: fixed; left: 0px; bottom: 0px; right: 0px; width:100%; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 12px; color:#fff; text-align: center; overflow:hidden;} #cookie.cookwarndefault * {font-size: 1.0em;} #cookie.cookwarndefault p {margin: 0px 0px; padding: 15px 0px 15px 0; text-align: center;} #cookie.cookwarndefault .cookieMessage {position: relative; margin: 0 auto 0 auto; background: url(../../images/cookback.png); border: 2px solid #f5f5f5; width:940px; z-index: 900000; -webkit-box-shadow: #000 0px 0px 20px; -moz-box-shadow: #000 0px 0px 20px; box-shadow: #000 0px 0px 20px; padding: 15px 0px 15px 0px;overflow:hidden;} #cookie.cookwarndefault .cookieButtons {margin: 4px 0px 0px 0px; } #cookie.cookwarndefault .cookieButtons a {background: #055d93; padding: 2px 5px; margin: 0px 0 0 10px; color: #fff; text-decoration:none;} #cookie.cookwarndefault .cookieButtons a:hover{color:#000;} #cookie.cookwarndefault .cookierButtons a:focus {} #cookie.cookwarndefault .cookieMessagePara {} #cookie.cookwarndefault.permanent .cookieMessage {background: url(../../images/cookback.png);} #cookie.cookwarndefault .right {float:right;} #cookie.cookwarndefault a {text-decoration:dotted; color:#fff;} #cookie.cookwarndefault a:hover {text-decoration:none; color:#055d93;}*/ #cookies-panel { background-color:#e8e9e9 !important;border-bottom:5px #055D93 solid; } #cookies-usage-statement { width:940px; margin:0px auto; padding-top:10px; } #cookies-usage-statement h2 { float:left;width:170px;padding-right:15px;color:#055D93 ;display:block;} #cookies-usage-statement p { width:785px;padding-right:15px;display:block; } #cookies-usage-statement p a {color:#055D93 ;font-weight:bold;} #cookies-ok-link { background-color:#055D93 ;display:block;padding:7px 10px 7px 10px;margin-top:-10px;float:right;} #cookies-ok-link a { font-size:1.2em;font-weight:bold;color:#fff;} #cookies-ok-link a:hover { color:#000; } /* X.X CLEARING & GENERIC CLASSES ----------------------------------------------------------------- */ .clear:after, .grid-row:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden } .padding10 { padding: 10px } .padding20 { padding: 10px } .cloak { display: none } .reader { left: -999em; position: absolute; top: 0 } .alert { padding: 20px 0 } .search-errors { clear: left; display: block; font-size: 1.3em; line-height: 1.3; padding: 10px 0 5px } #allowCookiesCheckBox input[type="checkbox"] { padding-right:15px } #cookie-settings-container label { padding: 0 15px 0 15px; } #saveCookiePreferencesButton input[type="submit"] { color: white;background-color: #055D93;font-weight: 700;line-height: 25px;padding: 0 20px 0 20px;position: relative;right: -3px;text-decoration: none; } /* Personalisation, Netcel March 2013 */ /* when you get a new css, search for NETCEL comments and update !!!!!!!!!!!!!!!!! */ /* pink color: #C70C47 for personalised section, add class: user; */ ul.list-topics li.ncj-showMoreInfo .ncj-header { font-family: "Bliss Medium", "Gill Sans", "Helvetica Neue", Arial, sans-serif; font-weight: 500; font-style: normal } .offscreen { position:absolute; left:-99999px; top:auto; width:1px; height:1px; overflow:hidden; margin:0; padding:0} /* 5.2 FEATURED NEWS ------------------------------------------- */ /* generic list with check icons */ ul.checklist { list-style: none; margin: 0 0 15px; padding: 10px 0 0 0 } .highlight ul.checklist { margin-top: 15px} ul.checklist li { background: url(../../images/outlaw/icons/icon_check.png) 0 4px no-repeat; line-height: 1.3; margin: 0; padding: 0 0 0.7em 20px } ul.checklist li a { text-decoration: none } ul.checklist li a:hover, ul.checklist li a:focus { text-decoration: underline } /* generic add/remove topics */ ul.list-topics { margin:0 0 1.5em 0; padding:0; list-style-type: none; } ul.list-topics a { text-decoration:none; color:#49555c; } ul.list-topics strong a { font-family: "Bliss Medium","Gill Sans","Helvetica Neue",Arial,sans-serif; font-style: normal; font-weight: 500; } ul.list-topics strong.ncj-header a { padding:5px 5px 5px 0; } ul.list-topics li a.topic-add, ul.list-topics li a.topic-remove { background: transparent url(../../images/outlaw/icons/sprite_icons.png) no-repeat 0 -3402px; padding: 0 0 10px 20px; line-height: 170%; vertical-align:text-top;} ul.list-topics li strong a.topic-add { background-position:0 -3398px; } ul.list-topics li strong a.topic-remove { background-position:0 -3298px; } ul.list-topics li a.topic-remove { background-position: 0 -3300px; } ul.list-topics li a.topic-add:hover, ul.list-topics li a.topic-add:focus { background-position:0 -3502px; } ul.list-topics li a.topic-remove:hover, ul.list-topics li a.topic-remove:focus { background-position:0 -3602px; } ul.list-topics li strong a.topic-add:hover, ul.list-topics li strong a.topic-add:focus { background-position:0 -3498px; } ul.list-topics li strong a.topic-remove:hover, ul.list-topics li strong a.topic-remove:focus { background-position:0 -3598px; } ul.list-topics ul { margin:0 0 1.5em 0; padding:0; list-style-type: none;} ul.list-topics li { margin:0; padding:0; } ul.list-topics li ul { padding-left: 20px; padding-top: 8px;} ul.list-topics li ul a { display: block; line-height: 1.5 !important; padding: 0 0 7px 20px !important;} /* specific for update your topics page with drop-downs */ ul.list-topics li.ncj-showMoreInfo { border-bottom: 2px solid #d3d6d8; padding: 10px 0; } ul.list-topics li.ncj-showMoreInfo .ncj-header { font-size: 1.4em; line-height:normal; color:#000; cursor: pointer; vertical-align:text-top; } ul.list-topics .ncj-header a b { display:inline-block; width: 15px; height:8px; background: transparent url(../../images/outlaw/icons/sprite_toggle_arrows.png) no-repeat 100% -350px;} ul.list-topics .ncj-header a.active b { background-position: 100% -400px;} .ie7 ul.list-topics .ncj-header a b { position:relative; top: -4px} /* profile list with icons */ .profile-list { list-style: none; margin: 15px 0; padding: 0 } .profile-list li { font-size: 1.65em; border-top: 4px solid #49555C; background-color: #F2F2F2; padding: 0; margin: 0 0 0 20px; float:left; width: 280px; padding: 20px 10px} .profile-list li.first { clear:both; margin:0} .profile-list li a { display:block; padding: 10px 10px 10px 40px; text-decoration:none; background-image: url(../../images/outlaw/icons/sprite_icons.png); background-repeat: no-repeat;} .profile-list li.icon-details a { background-position: 0 -1200px} .profile-list li.icon-details a:hover, .profile-list li.icon-details a:focus { background-position: 0 -1300px} .profile-list li.icon-password a { background-position: 0 -1400px} .profile-list li.icon-password a:hover, .profile-list li.icon-password a:focus { background-position: 0 -1500px} .profile-list li.icon-alerts a { background-position: 0 -1595px} .profile-list li.icon-alerts a:hover, .profile-list li.icon-alerts a:focus { background-position: 0 -1695px} .profile-list li.icon-topics a { background-position: 0 -1795px} .profile-list li.icon-topics a:hover, .profile-list li.icon-topics a:focus { background-position: 0 -1895px} .profile-list li.icon-sectors a { background-position: 0 -1995px} .profile-list li.icon-sectors a:hover, .profile-list li.icon-sectors a:focus { background-position: 0 -2095px} .profile-list li.icon-items a { background-position: 0 -2195px} .profile-list li.icon-items a:hover, .profile-list li.icon-items a:focus { background-position: 0 -2295px} .profile-list li.icon-projects a { background-position: 0 -2395px} .profile-list li.icon-projects a:hover, .profile-list li.icon-projects a:focus { background-position: 0 -2495px} .profile-list li.icon-remove a { background-position: 0 -3700px} .profile-list li.icon-remove a:hover, .profile-list li.icon-remove a:focus { background-position: 0 -3800px} .profile-list li a:hover, .profile-list li a:focus { text-decoration:underline} .profile-list li:nth-child(3n+1) {clear: both; } /* SIGN-UP BOX ------------------------------------------------- */ .user-box { margin: 0 0 30px 0; padding: 9px; background-color: #033c71; background-image: -webkit-gradient(linear, left top, left bottom, from(#086aa7), to(#003151)); background-image: -webkit-linear-gradient(top, #086aa7, #003151); background-image: -moz-linear-gradient(top, #086aa7, #003151); background-image: -o-linear-gradient(top, #086aa7, #003151); background-image: linear-gradient(to bottom, #086aa7, #003151); } .user-box h2 { color: #fff; font-size: 1.8em; margin: -9px -9px 9px -9px; padding: 15px 9px; background-color: #03436d; background-image: -webkit-gradient(linear, left top, left bottom, from(#03436d), to(#000000)); background-image: -webkit-linear-gradient(top, #03436d, #000000); background-image: -moz-linear-gradient(top, #03436d, #000000); background-image: -o-linear-gradient(top, #03436d, #000000); background-image: linear-gradient(to bottom, #03436d, #000000); } .user-box .button { margin-top:10px;} .user-box .copy { background-color: #fff; padding: 10px; } .user-box .copy .button, .join-my-outlaw .copy .button{font-size:0.75em; margin: 0 0 0 20px;} .user-box .member { margin-left: 20px; font-weight: normal} .user-box a.arrow-blue-on-white { background: url(../../images/outlaw/icons/arrow-blue-white.png) 100% 50% no-repeat; margin: 0 0 4px; padding: 0 12px 0 0; text-decoration: none } .user-box a.arrow-blue-on-white:hover, .user-box a.arrow-blue-on-white:focus {text-decoration: underline;} .user-box ul.topics li { border:none; padding: 0 0 0.7em 18px; background-position: 0 3px; line-height: 1.3} .user-box ul.topics li.selected a {color: #C70C47} /* ARTICLE PREVIEWS */ /* Personalised Top navigation */ #navigation .flyout.personalised, #navigation .flyout.personalised .subsection { background: #f1f1f1; } #navigation .flyout.personalised > li { padding-top:10px;} #navigation .flyout.personalised li.your-topics { background: #fff; font-size: 1em; margin: -20px 0 0 -20px; padding: 20px 0 10px 20px; border-bottom: 1px solid #ccc; width: 100%; position: relative;} #navigation .flyout.personalised li.your-topics ul {background:none;} #navigation .flyout.personalised li.your-topics ul li { border: 0 none; display: inline; background:none; font-size: 1em} #navigation .flyout.personalised li.your-topics ul li a { font-family: Georgia; background: url(../../images/outlaw/icons/arrow-blue-white.png) 0% 50% no-repeat; margin: 0 5px 5px 0; padding: 0 8px 0 12px; white-space:nowrap; color: #0971b1; display: inline; } #navigation .flyout.personalised li.your-topics ul li strong { background:none; white-space: nowrap;} #navigation .flyout.personalised li.your-topics h3 {font-family: Georgia; color:#C70C47; font-size: 1.2em; border-bottom: 1px solid #E0E0E0; padding: 0 0 10px; margin-bottom: 10px} #navigation .flyout.personalised li.your-topics .button { position:absolute; right:20px; top:15px; padding:5px 10px; border-radius: 5px; font-size: 12px; background:#ddd; } #navigation .flyout.personalised li.your-topics .button:hover, #navigation .flyout.personalised li.your-topics .button:focus {background-color: #055D93; color:#fff; text-decoration: none} #navigation .flyout.personalised li.other-topics-sectors { width:auto; float:none; clear:left; margin-right:20px; font-size: 1em; padding-right:0; background:transparent; } #navigation .flyout.personalised li.other-topics-sectors h3 {font-family: Georgia; color:#5e5e5e; font-size: 1.2em; border-bottom: 1px solid #E0E0E0; padding: 0 0 10px; margin-bottom: 10px} #navigation .filter-by-region.is-filtered-by-region > a { background:#000; } #navigation .filter-by-region .flyout.personalised li .button.update { position:absolute; right:20px; top:15px; padding:5px 10px; border-radius: 5px; font-size: 12px; background:#ddd; } #navigation .filter-by-region .flyout.personalised li .button.update:hover, #navigation .filter-by-region .flyout.personalised li .button.update:focus {background-color: #055D93; color:#fff; text-decoration: none} /* account */ #navigation li.account, #navigation li.account span { background: #055d93 url(../../images/outlaw/navigation/bg-account.png) no-repeat 100% 0; } #navigation li.account { float:right; margin-right: -10px; padding-right: 20px; border:none;} #navigation li.account span { background-position: 0 0; padding: 12px 10px 12px 25px;} #navigation li.account a { background: transparent url(../../images/outlaw/icons/sprite_toggle_arrows.png) 100% -182px no-repeat; padding:0 15px 0 0;} #navigation li.account:hover a, #navigation li.account a:hover, #navigation li.account a:focus {margin: 0; } /* if logged-off */ #navigation li.account.logged-off a i { display:block; float:left; width:25px; height:20px; background: transparent url(../../images/outlaw/icons/sprite_icons.png) 0 -2600px no-repeat; } #navigation li.account.logged-off a {background-position: 100% -284px} /* drop-down */ #navigation li .flyout { z-index: 10} #navigation li.account .flyout { border-width: 5px; left: auto; right:0; padding: 15px; top: 41px; width: 220px;} #navigation li.account .flyout li { border: none; float: none; margin: 0; padding: 0; width: auto; } #navigation li.account .flyout li a { display:block; background: transparent url(../../images/outlaw/icons/arrow-blue-white.png) no-repeat 0 3px; color: #055D93; padding: 0 0 5px 18px;} #navigation li.account .flyout li.signout { margin: 0 -12px -13px -12px; padding: 5px 10px; background-color: #eee;} #navigation li.account .flyout li.signout a { background: #eee url(../../images/outlaw/icons/sprite_icons.png) no-repeat 0 -2698px; padding: 4px 0 0 20px;} /* language selector */ .header-content { padding-bottom:8px; padding-top:0; margin-top:24px;} .languages { color:#fff; display:block; clear:both; float:right; margin:-10px 0 0 0; padding:0; list-style-type: none; z-index: 1000; position: relative;} .languages > li {margin:0; padding:0 0 10px 0; position:relative; } .languages li img { margin: 0 5px 0 0; vertical-align: middle;} .languages li a { display:block; font-size: 0.95em; font-weight:600; color:#fff; text-decoration: none; font-family: Arial,Helvetica,sans-serif;} .languages li a:hover, .languages li a:focus { text-decoration: underline;} .languages li:hover ul, .languages li:focus ul { display:block; } .languages ul { display:none; position:absolute; top: 22px; right:0; z-index: 20; width: 180px; border: 5px solid #03426C; list-style-type: none; margin:0; padding:0; background-color:#fff; padding:12px 10px 0 12px;} .languages ul li { padding: 0 0 10px 0; margin:0;} .languages ul li a{ color:#333;} .saved-items { margin:0 0 0 0; padding: 20px 0; border-bottom: 1px solid #cfcfcf; } .saved-items h3 { margin-bottom: 0.7em;} .action-bar { margin:0 0 10px 0; padding:8px 10px; background-color: #efefef; } .action-bar span.date { font-size: 1.35em; padding-right:6px; font-family: Georgia; border-right: 1px solid #ccc;} .action-bar .date { background: transparent url(../../images/outlaw/icons/sprite_icons.png) no-repeat 0 -400px; padding-left: 25px; margin-left: 0;} .action-bar ul {list-style-type: none; margin:0; padding:0;} .action-bar ul > li { float:left; margin:0; padding: 0 10px; border-left:1px solid #d5d5d5; line-height: 1.5; } .action-bar ul > li:first-child { border:none;} .action-bar ul > li.last { float:right; padding: 0; border:none;} .action-bar ul > li a { display:inline-block; font-weight: bold; text-decoration: none; padding-left:25px; background: transparent url(../../images/outlaw/icons/sprite_icons.png) no-repeat 0 -400px;} .action-bar ul > li.t-email a { background-position: 0 -698px} .action-bar ul > li.t-email a:hover, .action-bar ul > li.t-email a:focus { background-position: 0 -798px} .action-bar ul > li.t-save-project a {padding-left:0; background-image:none; } .action-bar ul > li.t-save-project a i { background: transparent url(../../images/outlaw/icons/sprite_icons.png) no-repeat 0 -900px; display:block; float:left; width:20px; height:20px;} .action-bar ul > li.t-save-project a:hover i, .action-bar ul > li.t-save-project a:focus i { background-position: 0 -1000px} .action-bar ul > li.t-save a { background-position: 0 -500px} .action-bar ul > li.t-save a:hover, .action-bar ul > li.t-save a:focus { background-position: 0 -600px} .action-bar ul > li a:hover, .action-bar ul > li a:focus {text-decoration: underline;} h2.project { font-size: 2.65em; padding-right: 150px; position: relative;} h2.project .topic-delete {font-size: 0.5em; position: absolute; right:0; bottom:0;} .topic-delete { font-size:1em; float:right; margin:0; padding:0 0 0 15px; border:none; cursor:pointer; color:#868686; font-weight: bold; background: transparent url(../../images/outlaw/icons/sprite_icons.png) no-repeat 0 -1096px} .topic-delete:hover, .topic-delete:focus { color:#333; background-position: 0 -1146px} .topic-email { color: #055d93; font-family: Georgia; font-weight: bold; text-decoration: none; padding-left:25px; border:none; cursor:pointer; text-align:left; background: transparent url(../../images/outlaw/icons/sprite_icons.png) no-repeat 0 -698px} .topic-email:hover, .topic-email:focus { color:#333; text-decoration: underline; background-position: 0 -798px} /* article: save to my out-law*/ span.t-save { display:inline-block; padding: 0 10px 0 0; line-height: 1.8; font-size: 0.8em;} span.t-save a { font-weight: bold; text-decoration: none; padding-left:25px; background: transparent url(../../images/outlaw/icons/sprite_icons.png) no-repeat 0 -500px} span.t-save span { font-weight: bold; text-decoration: none; padding-left:25px; background: transparent url(../../images/outlaw/icons/sprite_icons.png) no-repeat 0 -500px} span.t-save a:hover, span.t-save a:focus { background-position: 0 -600px} /* ################ TABS */ .topic-tabs { font-size: 1em; margin-bottom: 60px; } .topic-tabs a { outline:0!important} .topic-tabs-nav { overflow:hidden; margin:0 0 1em 0; padding:0; border-top:5px solid #c8ccce; position:relative; list-style-type:none; font-size: 1.35em; } .topic-tabs-nav li { float:left; margin:0 2px 10px 0; padding:0; background: #efefef; font-weight: bold; position:relative; } .topic-tabs-nav li.tabs-selected { background:#dde9f1; } .topic-tabs-nav li a { color:#5c5c5c; display:block; padding: 12px 20px; border: 1px solid #d2d5d6; border-top-width:0; text-align:center; min-width:90px; text-decoration:none; } .grid.g5 .topic-tabs-nav li a, .grid.g5-alt .topic-tabs-nav li a { min-width:0; padding-left:5px; padding-right:5px} .topic-tabs-nav li.tabs-selected a { color:#055d93; } .topic-tabs-nav li.tabs-selected:before{ z-index:2; content:""; display:block; position:absolute; width:0; height:0; overflow:hidden; left:50%; margin-left:-10px; border:10px solid #dde9f1; border-color:#dde9f1 transparent transparent transparent; bottom:-19px; } .topic-tabs-nav li.tabs-selected:after { z-index:1; content:""; display:block; position:absolute; width:0; height:0; overflow:hidden; left:50%; margin-left:-11px; border:11px solid #DEDEDE; border-color:#DEDEDE transparent transparent transparent; bottom:-22px; } .topic-tabs-body { clear:both;} .tabs-panel { display:none;} .tabs-panel-selected { display:block} /* @ TABS ########### */ /* JS drop-downs - generic */ .js .ncj-showMoreInfo { position:relative; } .js .ncj-showMoreInfo .ncj-body { display:none; z-index: 100; } /* add position:absolute; to overlay the box on top of the content */ .js .ncj-showMoreInfo.ncj-open .ncj-body { display:block; } /* list - Other topics, sectors */ ul.other-listing { clear:both; list-style: none; margin: 0 0 25px; padding: 0 0 10px 0; } ul.other-listing li { float:left; width:48%; margin:0; padding: 5px 0; font-size: 1.6em} ul.other-listing li:nth-child(odd) { margin-right:4%;} ul.other-listing li a { text-decoration: none;} ul.other-listing li a:hover, ul.other-listing li a:focus { text-decoration: underline;} /* Save to project drop-down ##############*/ .action-bar .ncj-showMoreInfo .ncj-body { background-color: #fff; width:auto; padding:12px; border: 1px solid #d5d5d5; border-bottom: 5px solid #d5d5d5;} .js .action-bar .ncj-showMoreInfo .ncj-body { position:absolute; top: 28px; z-index: 1000;} .action-bar .ncj-showMoreInfo .ncj-body fieldset {font-size: 0.75em; } .action-bar .ncj-showMoreInfo .ncj-body fieldset label { display: inline; white-space: nowrap;} .action-bar .ncj-showMoreInfo .ncj-header a { color:#055D93; padding-right:20px; background: transparent url(../../images/outlaw/icons/sprite_toggle_arrows.png) no-repeat 100% 6px;} .action-bar .ncj-showMoreInfo .ncj-header a.active {background-position: 100% -94px;} .action-bar .ncj-showMoreInfo .ncj-header a:hover, .action-bar .ncj-showMoreInfo .ncj-header a:focus { color:#000; background-position: 100% -44px;} .action-bar .ncj-showMoreInfo .ncj-header a.active:hover, .action-bar .ncj-showMoreInfo .ncj-header a.active:focus { background-position: 100% -144px;} /* show more sectors drop-down */ .articles.ncj-showMoreInfo .ncj-header { clear:both; display: block;} .articles.ncj-showMoreInfo .ncj-header a { padding-right:20px; background: transparent url(../../images/outlaw/icons/sprite_toggle_arrows.png) no-repeat 100% -40px;} .articles.ncj-showMoreInfo .ncj-header a.active { background-position: 100% -140px;} .articles.ncj-showMoreInfo .ncj-body {*zoom:1;} /* JS glossary and tooltips ******************** */ .tooltipPopup { width: auto; max-width: 250px;position:absolute;} .tooltipPopup .inner { position:relative; font-size:1.3em; font-weight:600; border: 2px solid #fff; background: #333; background-color: #0971b1; color:#fff; margin-bottom: 5px; padding: 12px; moz-box-shadow: 0 0 5px #555; -webkit-box-shadow: 0 0 5px #555; box-shadow: 0 0 5px #555; border-radius: 5px} .tooltipPopup i { position:absolute; text-align:center; bottom:-14px; left:0; width:100%; height:14px; background:url(../../images/outlaw/tooltip-nib.png) no-repeat 49% 0;} .tooltip-hidden { display:none} /* Key module */ .key-tags { overflow:hidden; background-color: #f4f4f4; margin: 1em 0 3em 0; padding:10px;} .key-tags p {font-size: 1.5em; line-height:2em; font-weight: bold; float:left; margin: 0 1em 0 0; padding:0;} .key-tags ul {margin:0; padding:0; list-style-type: none;} .key-tags ul li {float:left; margin:0 2em 0 0; padding:0 0 0 27px; line-height: 2.5; background: transparent url(../../images/outlaw/icons/sprite_icons.png) no-repeat 0 -3294px;} .key-tags ul li.item-not-saved { background-position: 0 -3394px; } /* FORM PAGE ------------------------------------------ */ .highlight { background-color:#F2F2F2;} .highlight .inner { padding: 12px 12px 0 12px;} .highlight .topics li { border:none; padding: 10px 0 0 18px} .form-block .error { display:block; color:red} .form-block label { font-size:1em; display:block; margin-bottom: 3px} .form-block input[type="checkbox"], .form-block input[type="radio"] { margin-right: 5px;} .form-block input[type="text"], .form-block input[type="password"], .form-block .select, .form-block textarea { border: 2px solid #d4d4d4; background-color:#fff; width: 95%; padding: 5px;} .form-block .button input {font-size:1em; } .form-block p {margin-bottom: 1em; padding:0} .form-block table { border: 0 none; border-collapse: collapse; border-spacing: 0 } .form-block th, .form-block td { background: transparent !important; border: 0 none; border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0 0 1em 0 } .button input { padding-left: 10px } /* ie 7 and below */ .button {*display:inline} .form-block .small-select, .form-block input[type="text"].small-input { width: 50%;} /* generic form */ .main-form label { font-size: 1.5em; font-family: Georgia;} .main-form li label { font-size: 1em; } .main-form span, .main-form input, .main-form p { font-size: 1.2em; } .main-form .p-r { position: absolute; top:10px; right: 0;} .main-form .p-r.first { top:-10px; } .main-form .listing { margin-bottom: 0} .main-form * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .main-form fieldset { clear:both; position:relative; border-top: 1px solid #ccc; margin: 1em 0; padding: 1.5em 0 1em 0; *border:none; *border-bottom:1px solid #ccc;} .main-form fieldset:first-child { margin-top: 0; padding-top: 0; border:none; } .main-form h2 { font-size: 1.75em; margin-bottom: 1em;} .main-form span.error { display:block; line-height:1.8; color:red; } .main-form .field-row { clear: both; overflow: hidden; margin-bottom: 1em;} .main-form .field-row .field-left { float: left; width: 30%; margin-right: 3%; text-align: right; display: block; } .main-form .field-row .field-right { float: left; width: 67%; } .main-form .field-row .field-left { margin-bottom: 3px;} .listing { margin: 0 0 1.5em 0; padding:0; list-style-type: none; overflow: hidden} .listing li { margin: 0 0 0.5em 0; padding:0;} .listing.cols3 li { float:left; width: 30%; margin-right: 3%;} /*Personalisation tags update*/ .tags strong { color:#5c5c5c; font-size:1.2em; line-height:2em; } .tags ul { display:inline; line-height:2em; overflow:hidden; list-style-type:none } .tags ul li { padding:0; margin:0; display:inline; background:none; border:0; } .tags .first a, .tags li:first-child a { background-image: none; padding-left: 0; } .tags li a { position:relative; background: url(../../images/outlaw/divider-black.png) 0 50% no-repeat; text-decoration: none; padding: 0 6px; } .tags li a:hover, .tags li a:focus { text-decoration: underline } .tags .add-topics { margin-top:10px; } .tags .add-topics h3 { font-size:1.2em; font-weight:bold; font-family: Georgia; } .tags .add-topics h3 a { padding-left: 20px; background:transparent url(../../images/outlaw/icons/sprite_icons.png) 0 -3200px no-repeat; display:block; height:16px; } .tags .add-topics h3 a.active { background-position:0 -3250px; } .tags .add-topics .ncj-tabs { border:1px solid #d5d5d5; padding:10px; margin:5px 0; zoom:1; position:relative;} .tags .add-topics .ncj-tabs .topic-tab { overflow:hidden; padding:15px 10px 0 10px; background:#FFF url(../../images/outlaw/tags-tabs-body-bg.png) 0 0 repeat; } .tags .topic-tabs-nav { display:block; border:0; margin:0 0 2px 0; overflow:visible; } .tags .topic-tabs-nav li { display:block; background:#efefef; border:1px solid #efefef; margin:0 2px 0 0; } .tags .topic-tabs-nav li a { color:#5c5c5c; font-size:0.75em; background:none; font-weight:bold; border:0; } .tags .topic-tabs-nav li.tabs-selected { background:#dde9f1; border:1px solid #DEDEDE; position:relative; } .tags .topic-tabs-nav li.tabs-selected a { color:#055d93; } .tags .topic-tabs-nav li.tabs-selected:before{ z-index:2; content:""; display:block; position:absolute; width:0; height:0; overflow:hidden; left:50%; margin-left:-10px; border:10px solid #dde9f1; border-color:#dde9f1 transparent transparent transparent; bottom:-20px; } .tags .topic-tabs-nav li.tabs-selected:after{ z-index:1; content:""; display:block; position:absolute; width:0; height:0; overflow:hidden; left:50%; margin-left:-11px; border:11px solid #DEDEDE; border-color:#DEDEDE transparent transparent transparent; bottom:-22px; } /*Manage your projects page*/ .manage-your-projects { margin-top:10px; } .manage-your-projects h3.ncj-header { font-size:1.2em; font-weight:bold; font-family: Georgia; } .manage-your-projects h3.ncj-header a { padding-left: 20px; background:transparent url(../../images/outlaw/icons/sprite_icons.png) 0 -3195px no-repeat; display:block; font-family: "Bliss Medium","Gill Sans","Helvetica Neue",Arial,sans-serif; font-size: 1.8em; font-style: normal; font-weight: 500; } #content .manage-your-projects h3.ncj-header a:focus { outline:none; } .manage-your-projects h3.ncj-header a.active { background-position:0 -3245px; } .article-prefs ul { float: none; font-weight: bold; margin: 0 0 15px 0; padding: 0; width: auto !important; display: block; overflow:hidden; } .article-prefs ul li{ float:left; width:50%; } .grid.g5-alt .article-prefs ul li, .grid.g5 .article-prefs ul li { float:none; width:auto; } .article-prefs ul li a.topic-add { background: url("../../images/outlaw/icons/sprite_icons.png") no-repeat scroll 0 -3400px transparent !important; color: #49555C; display: block; padding: 0 7px 0 20px!important; margin:0 0 10px 0 !important; white-space: normal !important; line-height:1.6em; } .article-prefs ul li a.topic-add:hover, .article-prefs ul li a.topic-add:focus, .article-prefs ul li a.topic-add:active { text-decoration: none; background-position:0 -3500px!important; } .article-prefs ul li a.topic-add.selected { background-position:0 -3300px!important; } .article-prefs ul li a.topic-add.selected:hover, .article-prefs ul li a.topic-add.selected:focus, .article-prefs ul li a.topic-add.selected:active { background-position:0 -3600px!important; } .article-prefs ul li ul { margin-left:10px; } .article-prefs ul li ul li { float:none; width:auto; } .article-prefs ul li ul li a { padding-left:30px; font-weight:normal; } /*Filter by region*/ #navigation .flyout.personalised.region { background:#FFF; } #navigation .filter-by-region span { background:transparent url("../../images/outlaw/navigation/primary-region.png") no-repeat scroll 20px 46%; padding: 13px 20px 13px 45px; } #navigation .flyout.personalised.region li { padding:0 15px 10px 0; } .region h3{ font-size:0.8em; font-family: Georgia; margin:0; padding:0 0 15px 0; color:#000; } .region .article-prefs { border-top:1px solid #d8d8d8; } .region .article-prefs p { font-weight:normal; font-size:0.622222em; color:#000; margin:0; padding:10px 0; } #navigation .region a { float:none; } #navigation .region .article-prefs .regions { background:#f1f1f1; display:block; margin:0; padding:15px 15px 0 15px; } .ie7 #navigation .region .article-prefs .regions { padding-bottom:25px; overflow:hidden} #navigation .region li { background:transparent; float:none; } #navigation .region .article-prefs li { font-size:1em; } #navigation .region li a:hover, #navigation .region li a:focus, #navigation .region li:hover a, #navigation .region li:focus a, #navigation .region:hover ul li a, #navigation .region:focus ul li a { /*background:transparent;*/ } #navigation .flyout.personalised.region .regions li{ float: left; width: 33%; display: block; margin: 0; padding: 0; background:transparent; } #navigation .regions li a { font-size:0.622222em; font-weight:bold; } #navigation .regions li a:hover, #navigation .regions li a:focus #navigation .regions li a:active{ text-decoration:none; } #navigation .regions li ul { display: block; float: none; font-weight: bold; margin: 0 20px 15px 0; padding: 0; width: auto !important; margin-left: 22px; background:none; } #navigation .flyout.personalised.region .regions li ul li { display:block; float:none; width:auto; } #navigation .flyout.personalised.region .regions li ul li a { font-weight:normal; float:none; } /* if form checkboxes */ #navigation .flyout.personalised.region .regions li label { font-size:0.622222em; position:relative; display:block; padding:0 0 8px 20px; cursor:pointer; font-weight:normal; color:#49555C; font-family: "Bliss Medium","Gill Sans","Helvetica Neue",Arial,sans-serif; font-style: normal; font-weight: 500;} .ie7 #navigation .flyout.personalised.region .regions li { margin:-5px 0 0 0; } .ie #navigation .flyout.personalised.region .regions>li >label { min-height: 1.3em;} #navigation .flyout.personalised.region .regions>li>label {font-weight:bold; } /* style checkboxes :checked */ #navigation .flyout.personalised.region .regions input[type=checkbox] { position: absolute; top: -9999px;left: -9999px; } #navigation .flyout.personalised.region .regions input[type=checkbox] ~ i {display:inline-block; position:absolute; top:-1px; left:0; width: 18px; height:18px; margin-right: 5px; vertical-align:middle; background: transparent url(../../images/outlaw/icons/sprite_icons.png) no-repeat 0 -3400px; } #navigation .flyout.personalised.region .regions input[type=checkbox]:checked ~ i { background-position:0 -3300px;} /* ie7,8 */ .ie #navigation .flyout.personalised.region .regions input[type=checkbox] {position:absolute; top:1px; left:0; } .ie7 #navigation .flyout.personalised.region .regions>li>label { margin-top:0; } .ie7 #navigation .flyout.personalised.region .regions>li>label>input[type=checkbox] { top:-2px; } .ie7 #navigation .flyout.personalised.region .regions input[type=checkbox] { top:5px; } .ie #navigation .flyout.personalised.region .regions input[type=checkbox] ~ i {display:none;} #navigation button.button::-moz-focus-inner { border: 0; padding: 0; } .ie7 #navigation button.button { width:150px; } .ie7 #navigation button.button span{ width:115px; } #navigation .button { border:0; margin:0; font-size:1em; height: 28px; font-weight:normal; display:inline-block; padding:0 0 0 10px; background:transparent url("../../images/outlaw/buttons/button.png") no-repeat scroll 0 0!important; } #navigation .button.no-arrow span, #navigation .button.no-arrow:hover span, #navigation .button.no-arrow:focus span{ padding-right:10px; background-image:url("../../images/outlaw/buttons/button-no-arrow.png")!important; background-color:transparent; } #navigation .button.button-2:hover, #navigation .button.button-2:focus, #navigation .button.button-2:active { padding:0 0 0 10px; background-position:0 bottom!important; } #navigation .button span { color:#055D93; font-size:0.66666666em; padding:5px 25px 0 0; background:transparent url("../../images/outlaw/buttons/button.png") no-repeat scroll right 0 } #navigation .button:hover span, #navigation .button:focus span, #navigation .button:active span { background-position:right bottom!important; color:#FFF; } .buttons-right { text-align:right; padding-top:15px;} #navigation .buttons-right .button { margin-left:10px; } #navigation :hover a.button { padding:0 0 0 10px; margin:0 0 0 10px; } #navigation .button-right.button { float:right; } .clearrow { clear:left;} #navigation .region a.all-regions { float:left; background:transparent url("../../images/outlaw/icons/arrow-blue-white.png") no-repeat scroll 100% 50%; margin:21px 0 0; padding:0 15px 0; font-size:0.66666em; } small { font-size:0.8em; }