@charset "UTF-8"; /* Global */ /* Industry */ /* Citizen */ /* theacma uses all the above colours */ /************************** fonts */ @font-face { font-family: 'uni05_53Regular'; src: url("fonts/uni05_53-webfont.eot"); src: url("fonts/uni05_53-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/uni05_53-webfont.woff") format("woff"), url("fonts/uni05_53-webfont.ttf") format("truetype"), url("fonts/uni05_53-webfont.svg#uni05_53Regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "HelveticaNeueW01-45Ligh"; src: url("fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix"); src: url("fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"), url("fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg"); } @font-face { font-family: "HelveticaNeueW01-55Roma"; src: url("fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix"); src: url("fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg"); } @font-face { font-family: "HelveticaNeueW01-75Bold"; src: url("fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix"); src: url("fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"), url("fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"), url("fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"), url("fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg"); } @font-face { font-family: "HelveticaNeueW01-85Heav"; src: url("fonts/bb37f770-d450-4f24-af2b-3a81bf640315.eot?#iefix"); src: url("fonts/bb37f770-d450-4f24-af2b-3a81bf640315.eot?#iefix") format("eot"), url("fonts/a0d9d2cb-f057-4e8d-a957-27853630f58e.woff") format("woff"), url("fonts/54085041-5049-4b91-939c-49980c66abab.ttf") format("truetype"), url("fonts/7a48747c-74f2-49a8-bb65-1c522d4aa618.svg#7a48747c-74f2-49a8-bb65-1c522d4aa618") format("svg"); } @font-face { font-family: 'icons'; src: url("fonts/icons.eot?-nx4lre"); src: url("fonts/icons.eot?#iefix-nx4lre") format("embedded-opentype"), url("fonts/icons.woff?-nx4lre") format("woff"), url("fonts/icons.ttf?-nx4lre") format("truetype"), url("fonts/icons.svg?-nx4lre#icons") format("svg"); font-weight: normal; font-style: normal; } .iconFont-arrow-mid-down:before { content: "" !important; } .iconFont-arrow-mid-left:before { content: "" !important; } .iconFont-arrow-mid-right:before { content: "" !important; } .iconFont-arrow-mid-up:before { content: "" !important; } .iconFont-arrow-small-down:before { content: "" !important; } .iconFont-arrow-small-left:before { content: "" !important; } .iconFont-arrow-small-right:before { content: "" !important; } .iconFont-arrow-small-up:before { content: "" !important; } .iconFont-rss:before { content: "" !important; } .iconFont-youtube:before { content: "" !important; } .iconFont-document:before { content: "" !important; } .iconFont-fontsize:before { content: "" !important; } .iconFont-share:before { content: "" !important; } .iconFont-facebook:before { content: "" !important; } .iconFont-linkedin:before { content: "" !important; } .iconFont-twitter:before { content: "" !important; } .iconFont-search:before { content: "" !important; } .iconFont-info:before { content: "" !important; } .iconFont-house:before { content: "" !important; } [class^="iconFont-"]:before, [class^="iconFont-"]:after, [class*=" iconFont-"]:before, [class*=" iconFont-"]:after, #top-nav li#home a:before, #primary-nav li.primary#nav-introduction > a:before, .siteTools-link:before, .search .header-search-submit:before, #section-nav .section-arrow:before, .icons .icon.document:before, #discover-more #discover-previous:before, #discover-more #discover-next:before { font-family: 'icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-indent: 0; text-align: center; line-height: 1; display: inline-block; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="iconFont-"]:before, [class^="iconFont-"]:after, [class*=" iconFont-"]:before, [class*=" iconFont-"]:after { display: inline-block; } /* ============================================================================= HTML5 Boilerplate CSS: h5bp.com/css ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 0.85em; line-height: 1.4; font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif; background: #000; } .industry body { background: #262626; } .citizen body, .home body { background: #fff; } .theacma body { background: #b8b8b8; } body > form { position: relative; } ::-moz-selection { background: #b3d4fc; color: #fff; text-shadow: none; } ::selection { background: #b3d4fc; color: #fff; text-shadow: none; } a { color: #00e; text-decoration: none; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b { font-weight: bold; } strong { font-family: "HelveticaNeueW01-75Bold"; font-weight: normal; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol, #header ul, #footer ul { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { /*cursor: pointer;*/ } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } input[type=submit], input[type=text], input[type=search] { -webkit-appearance: none; border-radius: 0; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .off-screen { position: absolute; left: -9999px; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } h1 { color: #009fda; font-weight: normal; font-size: 3.1em; margin: 0 0 0.3em 0; } .industry h1 { color: #009fda; } .citizen h1 { color: #ff6100; } .theacma h1 { color: #4d4d4f; } h2 { color: #009fda; font-weight: normal; font-family: "HelveticaNeueW01-75Bold"; font-size: 1.5em; margin: 0 0 0.3em 0; } .industry h2 { color: #009fda; } .citizen h2 { color: #ff6100; } .theacma h2 { color: #4d4d4f; } h2.block { padding: 10px; color: #fff; } html.industry h2.block { background-color: #009fda; } html.citizen h2.block { background-color: #ff6100; } html.theacma h2.block { background-color: #3f3f40; } html.spectrum h2.block { background-color: #771b58; } html.broadcast h2.block { background-color: #5a0068; } html.telco h2.block { background-color: #2a368d; } html.internet h2.block { background-color: #1a5899; } html.suppliers h2.block { background-color: #007085; } html.marketers h2.block { background-color: #01703a; } html.stay-protected h2.block { background-color: #9b258d; } html.consumer-info h2.block { background-color: #c1202a; } html.take-action h2.block { background-color: #592266; } h3 { color: #009fda; font-weight: normal; font-size: 1.3em; margin: 0 0 0.3em 0; } .industry h3 { color: #009fda; } .citizen h3 { color: #ff6100; } .theacma h3 { color: #4d4d4f; } h4 { color: #4d4d4f; font-weight: normal; font-family: "HelveticaNeueW01-75Bold"; font-size: 1.2em; margin: 0 0 0.3em 0; } h5 { color: #4d4d4f; font-weight: normal; font-size: 1.2em; margin: 0 0 0.3em 0; } p { margin: 0 0 1em 0; } ul, ol { margin: 1em 0; } .not-bold { font-family: "HelveticaNeueW01-45Ligh" !important; } .print-only { display: none; } #header { float: left; padding-bottom: 4px; width: 100%; } .home #header { padding-bottom: 9px; background: #fff; } .home #header h1 { margin-top: 50px; } .industry #header { background: #353535; } .citizen #header { background: #fff; } .theacma #header { background: #bfbfbf; } #header h1 { float: left; clear: left; margin: 59px 0 5px 10px; width: 225px; height: 41px; text-transform: capitalize; font-size: 1em; color: #262626; } #top-bar { float: left; clear: both; min-height: 30px; width: 100%; background: #fff; } .lt-ie8 #top-bar .container { z-index: 200; } #top-nav { float: left; margin-left: -1000px; padding-left: 1000px; padding-right: 40%; position: absolute; top: 0; left: 0; } .industry #top-nav { background: #0d506c; } .citizen #top-nav { background: #a1481d; } .theacma #top-nav { background: #3f3f40; } #top-nav ul { float: left; } #top-nav li { float: left; padding: 0 10px; min-height: 30px; } #top-nav li#industryacma .active, #top-nav li#industryacma a:hover { color: #6fcaec; } #top-nav li#citizenacma .active, #top-nav li#citizenacma a:hover { color: #ffa86e; } #top-nav li#theacma .active, #top-nav li#theacma a:hover { color: #bababa; } #top-nav li#home { padding: 0; } #top-nav li#home a { float: left; width: 30px; height: 30px; color: #fff; text-indent: -999em; text-transform: capitalize; position: relative; } #top-nav li#home a:before { content: ""; display: inline-block; color: #fff; font-size: 15px; line-height: 15px; height: 15px; width: 15px; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .industry #top-nav li#home a:hover { background-color: #009fda; } .citizen #top-nav li#home a:hover { background-color: #ff6100; } .theacma #top-nav li#home a:hover { background-color: #000; } #top-nav a { float: left; font-size: 1.1em; line-height: 29px; } .industry #top-nav a { color: #fff; } .citizen #top-nav a { color: #fff; } .theacma #top-nav a { color: #fff; } #top-nav a:hover { color: #fff; } .industry #top-nav a:hover { color: #6FCAEC; } .citizen #top-nav a:hover { color: #ffa86e; } .theacma #top-nav a:hover { color: #bababa; } #top-nav a strong { font-family: "HelveticaNeueW01-85Heav"; } #primary-nav { position: relative; float: left; margin: 2px 0 9px 0; width: 100%; /* Setting higher stacking index to fix IE7 bug */ } .lt-ie8 #primary-nav { z-index: 150; } .lt-ie8 #primary-nav .container { z-index: 151; } .industry #primary-nav { background: #009fda; } .citizen #primary-nav { background: #ff6100; } .theacma #primary-nav { background: #000; } #primary-nav ul { float: left; margin-left: -2px; border-width: 0 0 0 2px; border-style: solid; } .industry #primary-nav ul { border-color: #353535; } .citizen #primary-nav ul { border-color: #fff; } .theacma #primary-nav ul { border-color: #bfbfbf; } #primary-nav li.primary { float: left; border-width: 0 2px 0 0; border-style: solid; /* Industry */ /* Citizen */ /* theacma */ } .industry #primary-nav li.primary { border-color: #353535; } .citizen #primary-nav li.primary { border-color: #fff; } .theacma #primary-nav li.primary { border-color: #bfbfbf; } #primary-nav li.primary > a { background: url("/images/main/template/sprite-icon.png") right -86px no-repeat; position: relative; float: left; padding: 7px 12px 0 10px; min-height: 23px; width: 96px; font-size: 0.95em; cursor: pointer; font-family: "HelveticaNeueW01-75Bold"; -webkit-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; } .industry #primary-nav li.primary > a { background-color: #009fda; color: #fff; } .citizen #primary-nav li.primary > a { width: 105px; background-color: #ff6100; color: #fff; } .theacma #primary-nav li.primary > a { background-color: #000; color: #fff; } #primary-nav li.primary > a:hover, #primary-nav li.primary > a:focus { -webkit-transition: background-color 1s ease; -ms-transition: background-color 1s ease; } #primary-nav li.primary.active > a, #primary-nav li.primary.previously-active > a { font-family: "HelveticaNeueW01-75Bold"; } .no-js #primary-nav li.primary:hover .mega-menu { display: block; } #primary-nav li.primary#nav-spectrum.hover > a, #primary-nav li.primary#nav-spectrum.active > a, .no-js #primary-nav li.primary#nav-spectrum:hover > a, #primary-nav li.primary#nav-spectrum h2.discover { background-color: #990066; } #primary-nav li.primary#nav-broadcast.hover > a, #primary-nav li.primary#nav-broadcast.active > a, .no-js #primary-nav li.primary#nav-broadcast:hover > a, #primary-nav li.primary#nav-broadcast h2.discover { background-color: #6f2c90; } #primary-nav li.primary#nav-telco.hover > a, #primary-nav li.primary#nav-telco.active > a, .no-js #primary-nav li.primary#nav-telco:hover > a, #primary-nav li.primary#nav-telco h2.discover { background-color: #3856a5; } #primary-nav li.primary#nav-internet.hover > a, #primary-nav li.primary#nav-internet.active > a, .no-js #primary-nav li.primary#nav-internet:hover > a, #primary-nav li.primary#nav-internet h2.discover { background-color: #257cb7; } #primary-nav li.primary#nav-suppliers.hover > a, #primary-nav li.primary#nav-suppliers.active > a, .no-js #primary-nav li.primary#nav-suppliers:hover > a, #primary-nav li.primary#nav-suppliers h2.discover { background-color: #008585; } #primary-nav li.primary#nav-marketers { margin-right: 0; } #primary-nav li.primary#nav-marketers.hover > a, #primary-nav li.primary#nav-marketers.active > a, .no-js #primary-nav li.primary#nav-marketers:hover > a, #primary-nav li.primary#nav-marketers h2.discover { background-color: #0a8b44; } #primary-nav li.primary#nav-stay-protected.hover > a, #primary-nav li.primary#nav-stay-protected.active > a, .no-js #primary-nav li.primary#nav-stay-protected:hover > a, #primary-nav li.primary#nav-stay-protected h2.discover { background-color: #c4268e; background-position: right -86px; } #primary-nav li.primary#nav-stay-protected.active > a { color: #fff; } #primary-nav li.primary#nav-stay-protected.temp-hover > a { background-position: right -86px; color: #fff; } #primary-nav li.primary#nav-consumer-info.hover > a, #primary-nav li.primary#nav-consumer-info.active > a, .no-js #primary-nav li.primary#nav-consumer-info:hover > a, #primary-nav li.primary#nav-consumer-info h2.discover { background-color: #e81c00; background-position: right -86px; } #primary-nav li.primary#nav-consumer-info.active > a { color: #fff; } #primary-nav li.primary#nav-consumer-info.temp-hover > a { background-position: right -86px; color: #fff; } #primary-nav li.primary#nav-take-action { margin-right: 0; } #primary-nav li.primary#nav-take-action.hover > a, #primary-nav li.primary#nav-take-action.active > a, .no-js #primary-nav li.primary#nav-take-action:hover > a, #primary-nav li.primary#nav-take-action h2.discover { background-color: #6f2c90; background-position: right -86px; } #primary-nav li.primary#nav-take-action.active > a { color: #fff; } #primary-nav li.primary#nav-take-action.temp-hover > a { background-position: right -86px; color: #fff; } .theacma #primary-nav li.primary.hover > a, .theacma #primary-nav li.primary.active > a, .no-js .theacma #primary-nav li.primary:hover > a, .theacma #primary-nav li.primary h2.discover { background-color: #3f3f40; } .industry #primary-nav li.primary#nav-spectrum > a:hover, .industry #primary-nav li.primary#nav-spectrum > a:focus { background-color: #990066 !important; } .industry #primary-nav li.primary#nav-broadcast > a:hover, .industry #primary-nav li.primary#nav-broadcast > a:focus { background-color: #6f2c90 !important; } .industry #primary-nav li.primary#nav-telco > a:hover, .industry #primary-nav li.primary#nav-telco > a:focus { background-color: #3856a5 !important; } .industry #primary-nav li.primary#nav-internet > a:hover, .industry #primary-nav li.primary#nav-internet > a:focus { background-color: #257cb7 !important; } .industry #primary-nav li.primary#nav-suppliers > a:hover, .industry #primary-nav li.primary#nav-suppliers > a:focus { background-color: #008585 !important; } .industry #primary-nav li.primary#nav-marketers > a:hover, .industry #primary-nav li.primary#nav-marketers > a:focus { background-color: #0a8b44 !important; } .industry #primary-nav li.primary#nav-introduction > a:hover, .industry #primary-nav li.primary#nav-introduction > a:focus { background-color: #0d506c !important; } .citizen #primary-nav li.primary#nav-stay-protected > a:hover, .citizen #primary-nav li.primary#nav-stay-protected > a:focus { background-color: #c4268e !important; } .citizen #primary-nav li.primary#nav-consumer-info > a:hover, .citizen #primary-nav li.primary#nav-consumer-info > a:focus { background-color: #e81c00 !important; } .citizen #primary-nav li.primary#nav-take-action > a:hover, .citizen #primary-nav li.primary#nav-take-action > a:focus { background-color: #6f2c90 !important; } .citizen #primary-nav li.primary#nav-introduction > a:hover, .citizen #primary-nav li.primary#nav-introduction > a:focus { background-color: #a1481d !important; } .theacma #primary-nav li.primary > a:hover, .theacma #primary-nav li.primary > a:focus { background-color: #3f3f40 !important; } #primary-nav li.primary#nav-consultations a { font-size: 0.9em; } #primary-nav li.primary#nav-researchacma a { font-size: 0.9em; } #primary-nav li.primary#nav-engage-blogs { margin-right: 0; } #primary-nav li.primary#nav-introduction > a { text-indent: -999em; background: none; width: 30px; padding-left: 0; padding-right: 0; position: relative; } #primary-nav li.primary#nav-introduction > a:before { content: ""; display: inline-block; color: #fff; font-size: 17px; line-height: 17px; height: 17px; width: 17px; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } #primary-nav li.primary#nav-introduction .megamenu-close { display: block; } .industry #primary-nav li.primary#nav-introduction h2.discover { background: #009fda; } .citizen #primary-nav li.primary#nav-introduction h2.discover { background: #ff6100; } .theacma #primary-nav li.primary#nav-introduction h2.discover { background: #3f3f40; } #primary-nav li.primary#nav-introduction #intro-video-wrapper { width: 67.8%; float: left; } #primary-nav li.primary#nav-introduction #intro-video-wrapper h3 { margin-left: 3.5%; font-size: 1.8em; color: #fff; clear: both; margin: 0 80px 0.2em 3.5%; } .theacma #primary-nav li.primary#nav-introduction #intro-video-wrapper h3 { color: #4d4d4f; } #primary-nav li.primary#nav-introduction #intro-video-wrapper p { margin: 0 80px 1em 3.5%; color: #b4b4b4; font-size: 1.3em; line-height: 1.2em; } .theacma #primary-nav li.primary#nav-introduction #intro-video-wrapper p { color: #4d4d4f; } #primary-nav li.primary#nav-introduction #intro-video-wrapper .video-featured { display: block; } #primary-nav li.primary#nav-introduction #intro-video-wrapper .video-0, #primary-nav li.primary#nav-introduction #intro-video-wrapper .video-1, #primary-nav li.primary#nav-introduction #intro-video-wrapper .video-2, #primary-nav li.primary#nav-introduction #intro-video-wrapper .video-3 { display: none; } #primary-nav li.primary#nav-introduction #intro-video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin-bottom: 12px; width: 100%; background: #000; } #primary-nav li.primary#nav-introduction #intro-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #primary-nav li.primary#nav-introduction .related-content { width: 30.2%; margin-left: 2%; float: right; } #primary-nav li.primary#nav-introduction .related-content h2 { width: 95%; padding: 4px 3%; float: left; color: #fff; font-size: 1.1em; margin: 0; } .industry #primary-nav li.primary#nav-introduction .related-content h2 { background: #009fda; } .citizen #primary-nav li.primary#nav-introduction .related-content h2 { background: #ff6100; } .theacma #primary-nav li.primary#nav-introduction .related-content h2 { background: #262626; } #primary-nav li.primary#nav-introduction .related-content h3 { margin-bottom: 0.5em; } #primary-nav li.primary#nav-introduction .related-content ul { width: 95%; margin: 0 3%; border: none; } #primary-nav li.primary#nav-introduction .related-content ul li { position: relative; left: -1px; } .mega-menu { position: absolute; top: 30px; left: 0; z-index: 1000; display: none; float: left; overflow-x: hidden; width: 100%; background-color: #323132; } .mega-menu .megamenu-close { background: url("/images/main/template/sprite.png") -385px -114px no-repeat; position: absolute; top: 5px; right: 5px; z-index: 1500; display: block; display: none; width: 20px; height: 20px; } .touch .mega-menu .megamenu-close { display: block; } .theacma .mega-menu { background: #bfbfbf; } .mega-menu h2.discover { float: left; margin: 0; padding: 0 1.2%; width: 97.8%; height: 30px; color: #fff; font-size: 1.05em; font-family: "HelveticaNeueW01-45Ligh"; line-height: 30px; } .mega-menu .column { position: relative; float: left; margin: 10px 0; padding: 0 1.1%; width: 17.8%; background: url(/images/main/template/gradient-lines.png) top left no-repeat; } .theacma .mega-menu .column { background-position: 0 -675px; } .mega-menu .column.first { background: none; } .mega-menu .column.last { float: right; margin: 0; padding: 0; width: 16.7%; background: none; } .mega-menu .column.last h3 { display: block; clear: both; padding: 5px 8%; width: 85%; } #nav-spectrum .mega-menu .column.last h3 { background-color: #771b58; } #nav-broadcast .mega-menu .column.last h3 { background-color: #5a0068; } #nav-telco .mega-menu .column.last h3 { background-color: #2a368d; } #nav-internet .mega-menu .column.last h3 { background-color: #1a5899; } #nav-suppliers .mega-menu .column.last h3 { background-color: #007085; } #nav-marketers .mega-menu .column.last h3 { background-color: #01703a; } #nav-stay-protected .mega-menu .column.last h3 { background-color: #9b258d; } #nav-consumer-info .mega-menu .column.last h3 { background-color: #c1202a; } #nav-take-action .mega-menu .column.last h3 { background-color: #592266; } .theacma .mega-menu .column.last h3 { background: #262626; color: #fff; } .mega-menu .column.last ul { margin: 0 !important; width: 85%; background: #575757; list-style-type: none; } .theacma .mega-menu .column.last ul { background: #767676; } .theacma .mega-menu .column.last ul a { color: #fff; } #primary-nav .mega-menu .column.last ul { padding: 0 8%; } .mega-menu .column.last ul.keywords { background: #767676; } .theacma .mega-menu .column.last ul.keywords a { color: #fff; } .mega-menu .column.last ul.keywords li { background-position: -1150px -400px; } .mega-menu .column.last ul li { padding: 5px 0; background: url(/images/main/template/gradient-lines.png) -980px -200px no-repeat; color: #fff; } .mega-menu .column.last ul li.keyword-1 { font-size: 1.3em; } .mega-menu .column.last ul li.keyword-2 { font-size: 1.1em; } .mega-menu .column.last ul li.keyword-3 { font-size: 0.9em; } .mega-menu .column.last ul li:first-child { background: none; } .mega-menu .column.last ul li a { color: #fff; } .mega-menu .column h3 { display: inline; clear: both; margin: 0; color: #fff; font-size: 0.95em; font-family: "HelveticaNeueW01-75Bold"; } .theacma .mega-menu .column h3 { color: #4d4d4f; } .mega-menu .column h3 a { color: #fff; } .theacma .mega-menu .column h3 a { color: #4d4d4f; } .mega-menu .column h3 a:hover { text-decoration: underline; } .mega-menu .column .rss { display: inline-block; margin: 0 0 0 5px; background: url("/images/main/template/sprite.png") -20px -380px no-repeat; } .theacma .mega-menu .column .rss { background-position: 0 -380px; } .mega-menu .column .rss:hover { background-position: -180px -380px; } .theacma .mega-menu .column .rss:hover { background-position: -20px -380px; } .mega-menu .column ul { float: none !important; clear: both; padding-left: 0; width: 100%; border: none !important; color: #fff; list-style-position: outside; font-size: 0.95em; } #primary-nav .mega-menu .column ul { margin: 8px 0 20px 0; } .mega-menu .column ul li { background: url("/images/main/template/sprite-icon.png") left -1102px no-repeat; float: none; padding-left: 10px; word-wrap: break-word; } .theacma .mega-menu .column ul li { background-position: 0 -1192px; } .mega-menu .column ul li a { color: #b3b3b3; } .theacma .mega-menu .column ul li a { color: #4d4d4f; } .mega-menu .column ul li a:hover { text-decoration: underline; } .mega-menu .column .featured-content { position: absolute; bottom: 0; left: 0; float: left; margin: 0 8%; padding-bottom: 30px; width: 84.5%; } .no-js .mega-menu .column .featured-content { display: none; } .mega-menu .column .featured-content.fuschia { background-color: #990066; } .mega-menu .column .featured-content.teal { background-color: #008585; } .mega-menu .column .featured-content.grey { background-color: #767676; } .mega-menu .column .featured-content.yellow { background-color: #F7981D; } .mega-menu .column .featured-content.brightpink { background-color: #e81c00; } .mega-menu .column .featured-content.purple { background-color: #c4268e; } .mega-menu .column .featured-content img { width: 100% !important; } .mega-menu .column .featured-content .featured-content-inner { padding: 10px 7%; } .mega-menu .column .featured-content .highlight + h4 { margin-top: 2px; } .mega-menu .column .featured-content h4 { margin: 6px 0; color: #fff; font-size: 1em; font-family: "HelveticaNeueW01-45Ligh"; line-height: 1.1em; margin-top: -2px; } .mega-menu .column .featured-content h4 a { color: #fff; } .mega-menu .column .featured-content h4 a:hover { text-decoration: underline; } .mega-menu .column .featured-content p { margin: 0; color: #fff; font-size: 0.8em; line-height: 1.2em; } .overlay { position: absolute; left: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); } .overlay.meganav { top: 62px; } .overlay.smartsearch { top: 30px; } .home .overlay.smartsearch { top: 109px; } .touch .overlay { cursor: pointer; } .lt-ie9 .overlay { background: url(/images/main/template/transparent-black-85.png) left top repeat; } #breadcrumb { float: left; clear: left; margin-top: 22px; width: 75%; font-size: 1.2em; } #breadcrumb li { background: url("/images/main/template/sprite-icon.png") left 5px no-repeat; float: left; margin-left: 4px; padding-left: 10px; line-height: 1.4em; } .industry #breadcrumb li { color: #fff; } .theacma #breadcrumb li, .citizen #breadcrumb li { background-position: left -45px; color: #4d4d4f; } #breadcrumb li:first-child { margin-left: 0; padding-left: 0; background: none; } #breadcrumb li a { float: left; } #breadcrumb li a:hover { text-decoration: underline; } #breadcrumb li a strong { font-family: "HelveticaNeueW01-85Heav"; line-height: 1em; } .industry #breadcrumb li a { color: #fff; } .theacma #breadcrumb li a, .citizen #breadcrumb li a { color: #4d4d4f; } a#skip-to-content { position: absolute; top: 10px; right: 305px; font-size: 0.8em; font-family: "HelveticaNeueW01-55Roma"; } a#skip-to-content:focus { z-index: 999; } .industry a#skip-to-content { color: #0d506c; } .citizen a#skip-to-content { color: #a1481d; } .theacma a#skip-to-content { color: #3f3f40; } .home a#skip-to-content { position: static; float: left; margin-right: 10px; color: #fff; line-height: 30px; } .industry a#skip-to-content:focus, .industry a#skip-to-content:active { color: #fff; } .citizen a#skip-to-content:focus, .citizen a#skip-to-content:active { color: #fff; } .theacma a#skip-to-content:focus, .theacma a#skip-to-content:active { color: #969696; } .home a#skip-to-content:focus, .home a#skip-to-content:active { color: #000; } .dropdown-visible ul { display: block !important; } #site-tools { float: right; margin-right: 242px; } .industry #site-tools { background: #0d506c; } .citizen #site-tools { background: #a1481d; } .theacma #site-tools { background: #3f3f40; } .home #site-tools { position: absolute; top: 70px; right: 33.33%; z-index: 50; float: left; margin: 0; } #site-tools ul { float: right; } .home #site-tools ul { background: #fff; } #site-tools li { position: relative; float: left; } .no-js #site-tools li:hover ul { display: block; } #site-tools ul ul { position: absolute; top: 30px; left: 0; z-index: 1000; display: none; width: 30px; } .siteTools-link { position: relative; float: left; width: 30px; height: 30px; text-indent: -999em; text-transform: capitalize; } .siteTools-link:before { display: inline-block; color: #4d4d4f; font-size: 16px; line-height: 16px; height: 16px; width: 16px; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .siteTools-link--parent:before { color: #fff; } .siteTools-link--child { background-color: #000; } .siteTools-link--child:before { color: #fff; } .home .siteTools-link:hover, .home .siteTools-link:focus { background-color: #C0C0C0; } .home .siteTools-link:hover:before, .home .siteTools-link:focus:before { color: #4d4d4f; } .home .siteTools-link--parent:before { color: #4d4d4f; } .industry .siteTools-link:hover, .industry .siteTools-link:focus { background-color: #009fda; } .industry .siteTools-link:hover:before, .industry .siteTools-link:focus:before { color: #fff; } .citizen .siteTools-link:hover, .citizen .siteTools-link:focus { background-color: #ff6100; } .citizen .siteTools-link:hover:before, .citizen .siteTools-link:focus:before { color: #fff; } .theacma .siteTools-link:hover, .theacma .siteTools-link:focus { background-color: #4d4d4f; } .theacma .siteTools-link:hover:before, .theacma .siteTools-link:focus:before { color: #fff; } .theacma .siteTools-link--parent:hover, .theacma .siteTools-link--parent:focus { background-color: #000; } #tool-font-size > .siteTools-link:before { content: ""; } #tool-connect > .siteTools-link:before { content: ""; } #increase-text-size > .siteTools-link:before { content: ""; font-size: 7px; line-height: 7px; height: 7px; width: 20px; text-align: center; } #decrease-text-size > .siteTools-link:before { content: ""; font-size: 7px; line-height: 7px; height: 7px; width: 20px; text-align: center; } #connect-facebook > .siteTools-link:before { content: ""; } #connect-twitter > .siteTools-link:before { content: ""; } #connect-rss > .siteTools-link:before { content: ""; } #connect-youtube > .siteTools-link:before { content: ""; } #connect-linkedin > .siteTools-link:before { content: ""; } .search.header { float: right; width: 240px; background: #fff; min-height: 30px; position: absolute; top: 0; right: 0; } .industry .search.header { border-left: solid 2px #262626; } .citizen .search.header { border-left: solid 2px #fff; } .theacma .search.header { border-left: solid 2px #bfbfbf; } .search input { margin: 0; padding: 0; height: 30px; border: none; background: #fff; } .search input.search { float: left; margin-left: 30px; padding-left: 7px; height: 28px; width: 198px; color: #000; font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif; } .search input.search::-webkit-input-placeholder { color: #000; } .search input.search:-moz-placeholder { opacity: 1; color: #000; } .search input.search::-moz-placeholder { opacity: 1; color: #000; } .search input.search:-ms-input-placeholder { color: #000; } .search input.search::input-placeholder { color: #000; } .lt-ie9 .search input.search { height: 20px; margin-top: 5px; } .js .search input.search { display: none; } .search.header label, .search.body label { position: absolute; top: 0; left: 37px; color: #000; line-height: 30px; cursor: text; border: 0; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; position: absolute; opacity: 0; } .lt-ie9 .search.header label, .lt-ie9 .search.body label { filter: alpha(opacity=0); } .search .header-search-submit { background: #969696; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CECECE), to(#969696)); background: -webkit-linear-gradient(#CECECE, #969696); background: -moz-linear-gradient(#CECECE, #969696); background: -ms-linear-gradient(#CECECE, #969696); background: -o-linear-gradient(#CECECE, #969696); background: linear-gradient(#CECECE, #969696); -pie-background: linear-gradient(#CECECE, #969696); behavior: url(/js/libs/PIE.htc); position: relative; position: relative; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; text-indent: -999em; text-transform: capitalize; cursor: pointer; } .search .header-search-submit:before { content: ""; display: inline-block; color: #4D4D4F; font-size: 17px; line-height: 17px; height: 17px; width: 20px; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; right: 2px; } .search .header-search-submit:hover { background: #CECECE; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#969696), to(#CECECE)); background: -webkit-linear-gradient(#969696, #CECECE); background: -moz-linear-gradient(#969696, #CECECE); background: -ms-linear-gradient(#969696, #CECECE); background: -o-linear-gradient(#969696, #CECECE); background: linear-gradient(#969696, #CECECE); -pie-background: linear-gradient(#969696, #CECECE); behavior: url(/js/libs/PIE.htc); position: relative; } .industry .search .header-search-submit { background: #009fda; } .industry .search .header-search-submit:hover { background-color: #007aa7; } .industry .search .header-search-submit:before { color: #fff; } .citizen .search .header-search-submit { background: #ff6100; } .citizen .search .header-search-submit:hover { background-color: #cc4e00; } .citizen .search .header-search-submit:before { color: #fff; } .search .header-search-submit input[type=submit] { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; color: transparent; background: transparent; border: none; text-indent: -999em; } .search .header-search-submit input[type=submit]:focus { background-color: rgba(255, 255, 255, 0.5); } .search.mega-menu-search { position: absolute; bottom: 12px; left: 1.2%; float: left; clear: both; width: 80.9%; background: #fff; } .search.mega-menu-search label { float: left; position: static; margin: 0 10px 0 40px; } .search.mega-menu-search .search-category { float: left; position: relative; left: 0; margin-right: 10px; } .search.mega-menu-search input.search { width: 50%; position: static; margin: 0; display: block; } .search .smartsearch { position: absolute; left: 40px; font-size: 1.1em; line-height: 30px; } .search .search-category { position: absolute; top: 4px; left: 140px; display: block; padding: 0 20px 0 6px; height: 22px; background: #000; color: #fff; font-size: 0.8em; font-family: "HelveticaNeueW01-75Bold"; line-height: 22px; } .search .search-category .remove { position: absolute; top: 0px; right: 6px; float: right; margin-left: 10px; color: #fff; } .search.body { float: left; clear: left; width: 260px; position: relative; margin-top: 7px; } .search.body input.search { background: #EBEBEB; } #smartsearch-popup { position: absolute; top: 30px; right: -40px; z-index: 131; display: none; width: 725px; zoom: 1; } .home #smartsearch-popup { top: 109px; } #smartsearch-popup .smartsearch-close { background: url("/images/main/template/sprite.png") -385px -114px no-repeat; position: absolute; top: 5px; right: 5px; z-index: 1500; display: block; width: 20px; height: 20px; } #smartsearch-popup .filter-options { padding: 8px; background-color: #3f3f40; width: 708px; float: left; } #smartsearch-popup .filter-options .form-row { display: block; float: right; clear: both; margin-top: 5px; width: 100%; } #smartsearch-popup .filter-options .form-row.hide { display: none; } #smartsearch-popup .filter-options .form-row.new { width: auto; } .lt-ie8 #smartsearch-popup .filter-options .form-row.new { min-width: 520px; } #smartsearch-popup .filter-options h2 { margin: 5px 0 10px 0; color: #fff; font-family: "HelveticaNeueW01-45Ligh"; line-height: 1em; } #smartsearch-popup .filter-options .filter-item { float: left; margin-right: 5px; padding: 6px; background: #262626; color: #fff; } #smartsearch-popup .filter-options .filter-heading { margin-bottom: 0; width: 114px; color: #009fda; font-size: .95em; font-family: "HelveticaNeueW01-75Bold"; } .citizen #smartsearch-popup .filter-options .filter-heading { color: #ff6100; } .theacma #smartsearch-popup .filter-options .filter-heading { color: #fff; } #smartsearch-popup .filter-options .checkbox { font-size: .95em; cursor: pointer; } #smartsearch-popup .filter-options .checkbox.all { width: 40px; } #smartsearch-popup .filter-options .checkbox.all span { float: right; } #smartsearch-popup .filter-options .checkbox.selected { background: #8d8d8d; } #smartsearch-popup .filter-options .checkbox.selected span { background: url("/images/main/template/sprite.png") -390px -119px no-repeat; } .js #smartsearch-popup .filter-options .checkbox input { display: none; } #smartsearch-popup .filter-options .checkbox input { margin-left: 8px; } #smartsearch-popup .filter-options .checkbox label { float: left; cursor: pointer; } #smartsearch-popup .filter-options .checkbox span { background: url("/images/main/template/sprite.png") -390px -100px no-repeat; display: block; float: left; margin-top: 5px; width: 10px; height: 10px; margin-left: 15px; } .no-js #smartsearch-popup .filter-options .checkbox span { display: none; } #smartsearch-popup .filter-options .more-filters { display: block; float: left; width: 30px; height: 30px; background-color: #262626; color: #fff; overflow: hidden; } #smartsearch-popup .filter-options .more-filters span { background: url("/images/main/template/sprite.png") -387px -135px no-repeat; display: block; margin-top: 8px; margin-left: 8px; height: 22px; text-indent: -9999px; } #smartsearch-popup .filter-options .more-filters.less-filters { background: #8d8d8d; } #smartsearch-popup .filter-options .more-filters.less-filters span { background: url("/images/main/template/sprite.png") -387px -150px no-repeat; } #smartsearch-popup .filter-options #add-filters { float: right; cursor: pointer; color: #fff; } #smartsearch-popup .filter-options #add-filters p { float: left; margin: 0 4px 0 0; color: #fff; text-align: right; text-transform: uppercase; font-size: 0.8em; } #smartsearch-popup .filter-options .button { float: right; } #smartsearch-popup .filter-options .loader { display: none; float: right; margin-right: 10px; width: 24px; height: 24px; background: url(/images/main/template/ajax-loader-smartsearch.gif) top left no-repeat; } #smartsearch-popup ul.results { display: none; clear: both; float: left; width: 100%; } #smartsearch-popup ul.results li { position: relative; margin-bottom: 5px; padding: 10px 15px 4px; background: #ebebeb; } #smartsearch-popup ul.results li.industry, #smartsearch-popup ul.results li.industry a { color: #009fda; } #smartsearch-popup ul.results li.citizen, #smartsearch-popup ul.results li.citizen a { color: #ff6100; } #smartsearch-popup ul.results li.theacma, #smartsearch-popup ul.results li.theacma a { color: #767676; } #smartsearch-popup ul.results li.see-all { padding-bottom: 8px; padding-top: 12px; padding-left: 10px; background: #009fda; } .citizen #smartsearch-popup ul.results li.see-all { background: #ff6100; } .theacma #smartsearch-popup ul.results li.see-all { background: #262626; } #smartsearch-popup ul.results li.see-all a, #smartsearch-popup ul.results li.see-all input { color: #fff; font-family: "HelveticaNeueW01-45Ligh"; text-transform: uppercase; font-size: .8em; margin: 0; padding: 0; background: none; } #smartsearch-popup ul.results li h3 { font-size: 1.8em; font-family: "HelveticaNeueW01-45Ligh"; line-height: 1em; padding-right: 40px; } #smartsearch-popup ul.results li .icons { right: 15px; bottom: 10px; } #smartsearch-popup ul.results li .icons .icon.comment { color: #4d4d4f; } #smartsearch-popup ul.results li .super-category { display: block; margin: 0; font-size: .9em; font-family: "HelveticaNeueW01-45Ligh"; } #smartsearch-popup ul.results li .content-type { position: relative; z-index: 10; margin: 0 10px 2px 0; margin-bottom: 2px; text-transform: uppercase; font-size: 0.8em; font-family: "HelveticaNeueW01-75Bold"; line-height: 1em; } #smartsearch-popup ul.results li .content-type:before { content: "// "; } #smartsearch-popup ul.results li .highlight { margin: 1px 0; } #smartsearch-popup ul.results li .highlight + .content-type { margin-left: 10px; } #smartsearch-popup ul.results li .time { float: right; color: #767676; font-size: 0.9em; } #header .select-dropdown { float: left; margin-right: 5px; width: 240px; list-style-type: none; font-size: .95em; } .lt-ie10 #header .select-dropdown { width: 239px; z-index: 0; } #header .select-dropdown > li > ul { position: absolute; display: none; } #header .select-dropdown > li > ul.hide { display: none !important; } #header .select-dropdown > li.active > a { background-color: #8d8d8d; } #header .select-dropdown > li.active > ul { z-index: 300; display: block; } #header .select-dropdown li a { display: block; padding: 6px 12px; background: #262626 url("/images/main/template/sprite-icon.png") right -87px no-repeat; color: #fff; cursor: pointer; } #header .select-dropdown li ul { width: 240px; } #header .select-dropdown li ul li a { background-color: #262626; background-image: none; } #header .select-dropdown li ul li a:hover { background-color: #000; } #header .select-dropdown li ul li.industryacma ul li a { background-color: #1f4656; } #header .select-dropdown li ul li.industryacma ul li a.selected { background-color: #009fda; font-weight: bold; } #header .select-dropdown li ul li.industryacma ul li a:hover { background-color: #009fda; } #header .select-dropdown li ul li.citizenacma ul li a { background-color: #67381e; } #header .select-dropdown li ul li.citizenacma ul li a:hover { background-color: #ff6100; } #header .select-dropdown li ul li.theacma ul li a { background-color: #535353; } #header .select-dropdown li ul li.theacma ul li a:hover { background-color: #3f3f40; } #header .select-dropdown li ul li ul li a { position: relative; padding-right: 40px; } #header .select-dropdown li ul li ul li a span.expand, #header .select-dropdown li ul li ul li a span.contract { position: absolute; right: 0px; top: 0px; width: 30px; height: 30px; z-index: 350; } #header .select-dropdown li ul li ul li a span.expand { background: url("/images/main/template/sprite-icon.png") right -88px no-repeat; } #header .select-dropdown li ul li ul li a span.contract { background: url("/images/main/template/sprite-icon.png") right -1688px no-repeat; } #header .select-dropdown li ul li ul ul { display: none; font-size: 0.9em; } #header .select-dropdown li ul li ul li ul li a { padding: 6px 30px; } #logo { float: right; margin-top: 10px; margin-bottom: 4px; width: 160px; height: 30px; color: #262626; } .home #logo { float: left; margin-top: 20px; } .industry #logo { background-position: 0px 0px; color: #fff; } #print-logo { display: none; } .lt-ie8.home .container { z-index: 1000; } .lt-ie8.home .home-row .left { z-index: 1001; } #home-header-tools { width: 50%; float: right; height: 30px; background: #4d4d4f; } #home-header-tools .container { margin-left: -480px; } #home-header-tools .inner { float: left; width: 100%; background: #fff; } #home-header-tools .search.header { width: 33.33%; position: relative; background-color: #4d4d4f; } #home-header-tools .search.header .header-search-submit { background: #4d4d4f; } #home-header-tools .search.header .header-search-submit:before { color: #fff; } #home-header-tools .search.header .header-search-submit:hover { background: #666669; } #home-header-tools .search.header input[type="text"] { background: #4d4d4f; color: #fff; } #home-header-tools .search.header input[type="text"]::-webkit-input-placeholder { color: #D1D1D1; } #home-header-tools .search.header input[type="text"]:-moz-placeholder { opacity: 1; color: #D1D1D1; } #home-header-tools .search.header input[type="text"]::-moz-placeholder { opacity: 1; color: #D1D1D1; } #home-header-tools .search.header input[type="text"]:-ms-input-placeholder { color: #D1D1D1; } #home-header-tools .search.header input[type="text"]::input-placeholder { color: #D1D1D1; } #home-header-tools .search.header label { color: #fff; border: 0; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; position: absolute; opacity: 0; } .lt-ie9 #home-header-tools .search.header label { filter: alpha(opacity=0); } #home-header-tools .search.header input[type="submit"] { border-right: 2px solid #fff; } #home-header-tools #site-tools { position: absolute; right: 34%; top: 0px; } #home-header-tools #site-tools > ul > li { margin-right: 2px; } #home-header-tools a#skip-to-content { color: #777777; font-size: 0.65em; margin-right: 7px; } #home-header-tools a#skip-to-content:hover, #home-header-tools a#skip-to-content:focus { text-decoration: underline; } .home-colour { position: absolute; top: 0; height: 100%; width: 50%; } .home-colour.left { left: 0; background-color: #EBEBEB; } .warm-1 .home-colour.left { background-color: #FF6100; } .warm-2 .home-colour.left { background-color: #F7981D; } .warm-3 .home-colour.left { background-color: #FFCA00; } .cool-1 .home-colour.left { background-color: #AEDC00; } .cool-2 .home-colour.left { background-color: #257CB7; } .cool-3 .home-colour.left { background-color: #00B274; } .grey .home-colour.left { background-color: #EBEBEB; } .home-colour.right { right: 0; background-color: #EBEBEB; } .warm-1 .home-colour.right { background-color: #ffca00; } .warm-2 .home-colour.right { background-color: #8E0B56; } .warm-3 .home-colour.right { background-color: #C4278E; } .cool-1 .home-colour.right { background-color: #00AEEF; } .cool-2 .home-colour.right { background-color: #6F2C90; } .cool-3 .home-colour.right { background-color: #3856A5; } .grey .home-colour.right { background-color: #EBEBEB; } .home-background { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: url(/images/main/template/home-themes/grey.png) center top no-repeat transparent; } .warm-1 .home-background { background-image: url(/images/main/template/home-themes/warm-1.png); } .warm-2 .home-background { background-image: url(/images/main/template/home-themes/warm-2.png); } .warm-3 .home-background { background-image: url(/images/main/template/home-themes/warm-3.png); } .cool-1 .home-background { background-image: url(/images/main/template/home-themes/cool-1.png); } .cool-2 .home-background { background-image: url(/images/main/template/home-themes/cool-2.png); } .cool-3 .home-background { background-image: url(/images/main/template/home-themes/cool-3.png); } .grey .home-background { background-image: url(/images/main/template/home-themes/grey.png); } .home #main .column.half { margin-top: 63px; } .home #main .column.half > p { font-size: 1.4em; line-height: 1em; text-indent: -999px; overflow: hidden; width: 185px; height: 60px; display: block; margin-left: 10px; background: url("/images/main/template/sprite.png") -300px -380px no-repeat; } .home #main .column.half h1 { font-size: 2.95em; } .home #main .column.half h1 span { background-color: #fff; color: #4d4d4f; display: block; margin-bottom: 2px; float: left; clear: left; padding: 0 10px 5px; line-height: 1em; white-space: nowrap; } .home #main .column.half .button { display: block; float: left; clear: left; width: auto; background: #4d4d4f; font-family: "HelveticaNeueW01-45Ligh"; padding: 4px 10px 6px; margin-top: 19px; } .home #main .column.half .button:hover { text-decoration: underline; color: #fff; } .home #main .column.third { margin-top: 55px; float: right; } .home #main .column.third .cupcake { width: 100%; min-height: 140px; padding-top: 6px; padding-bottom: 34px; margin-bottom: 10px; background: url(/images/main/template/back-up-home-gradient.jpg) no-repeat #ccc; background: -moz-linear-gradient(-45deg, #000 0%, #ccc 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #000), color-stop(100%, #ccc)); background: -webkit-linear-gradient(-45deg, #000 0%, #ccc 100%); background: -o-linear-gradient(-45deg, #000 0%, #ccc 100%); background: -ms-linear-gradient(-45deg, #000 0%, #ccc 100%); background: linear-gradient(135deg, #000 0%, #ccc 100%); } .home #main .column.third .cupcake p { position: relative; z-index: 6; padding: 0 10px; font-size: 1.55em; line-height: 1.1em; margin-bottom: 0.5em; } .home #main .column.third .cupcake .gradient { cursor: default; background-position: 0 -250px; } .home #main .column.third .cupcake .gsWrapper, .home #main .column.third .cupcake .gsWrapper img { min-width: 100%; height: auto; min-height: 100%; } .home #main .column.third .cupcake a:hover { text-decoration: underline; } .cool-2 #main .column.half > p { background-position: -300px -450px; } #footer_links.home-footer { margin-top: -60px; float: left; width: 100%; position: relative; z-index: 2; } #footer_links.home-footer a.header { display: block; color: #fff; padding: 5px 10px; } #footer_links.home-footer a.header.industry { background-color: #009fda; } #footer_links.home-footer a.header.industry:hover { background-color: #008bc6; } #footer_links.home-footer a.header.citizen { background: #ff6100; } #footer_links.home-footer a.header.citizen:hover { background: #eb4d00; } #footer_links.home-footer a.header.acma { background: #4d4d4f; } #footer_links.home-footer a.header.acma:hover { background: #39393b; } #footer_links.home-footer a.header h2 { color: #fff; font-family: "HelveticaNeueW01-45Ligh"; margin: 0; font-size: 2.2em; line-height: 1.05em; } #footer_links.home-footer a.header p { font-family: "HelveticaNeueW01-75Bold"; margin: 0; } #footer_links.home-footer ul { margin-top: 14px; margin-bottom: 3px; margin-left: 11px; font-family: "HelveticaNeueW01-55Roma"; font-size: 0.9em; color: #4d4d4f; } #footer_links.home-footer ul li { margin-top: 8px; line-height: 1em; } #footer_links.home-footer ul li:first-child { margin-top: 0; } #footer_links.home-footer ul a { color: #4d4d4f; } #footer_links.home-footer ul a:hover { text-decoration: underline; } #footer_links.home-footer .column > p { margin-bottom: 0; margin-left: 21px; margin-top: 6px; font-size: 0.9em; font-family: "HelveticaNeueW01-55Roma"; } #footer_links.home-footer .column > p a { color: #4d4d4f; text-decoration: underline; } #footer_links.home-footer .column > p a:hover { text-decoration: none; } #home-wires { width: 100%; height: 622px; display: block; position: absolute; top: -42px; left: 0; background: url(/images/main/template/wires-home.png) center top no-repeat; z-index: 5; } .home_smartsearch_old { position: relative; z-index: 10; float: right; width: 33.33%; height: 100px; background: #c0c0c0; cursor: pointer; } .home_smartsearch_old label { color: #2e2e2f; border: 0; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; position: absolute; opacity: 0; } .lt-ie9 .home_smartsearch_old label { filter: alpha(opacity=0); } .home_smartsearch_old input[type=text] { float: left; margin: 8px 0 0 10px; width: 60%; background: none; border: none; height: 20px; line-height: 20px; color: #2e2e2f; } .home_smartsearch_old input[type=text]::-webkit-input-placeholder { color: #2e2e2f; } .home_smartsearch_old input[type=text]:-moz-placeholder { opacity: 1; color: #2e2e2f; } .home_smartsearch_old input[type=text]::-moz-placeholder { opacity: 1; color: #2e2e2f; } .home_smartsearch_old input[type=text]:-ms-input-placeholder { color: #2e2e2f; } .home_smartsearch_old input[type=text]::input-placeholder { color: #2e2e2f; } .magnifying_glass { background: url("/images/main/template/sprite-home.png") -250px -500px no-repeat; float: right; margin: 20px 16px 0 0; width: 68px; height: 68px; text-indent: -999em; text-transform: capitalize; border: none; } .home-row { float: left; width: 100%; height: 180px; position: relative; } .home-row .left { padding-left: 1000px; margin-left: -1000px; float: left; width: 240px; height: 180px; position: relative; } .home-row .left .arrow { position: absolute; right: 11px; top: 9px; background: url("/images/main/template/sprite-home.png") -373px -499px no-repeat; display: block; width: 22px; height: 36px; z-index: 30; } .home-row .left .wrapper { position: absolute; bottom: 14px; } .lt-ie8 .home-row .left .wrapper { right: 0; width: 250px; } .home-row .left .wrapper h2 { font-family: "HelveticaNeueW01-45Ligh"; letter-spacing: -1px; margin-bottom: 0; line-height: 2.5em; position: relative; z-index: 30; } .home-row .left .wrapper h2 a { margin: 0; display: block; text-transform: lowercase; color: #fff; font-size: 1.9em; } .home-row .left .wrapper p { font-size: 1em; width: 60%; margin: 0 0 0 4px; line-height: 1.3em; color: #fff; position: relative; z-index: 30; } .home-row .right { width: 33.33%; float: right; height: 180px; position: relative; z-index: 40; color: #fff; background: url("/images/main/template/sprite-home.png") 0 -600px no-repeat; overflow: hidden; } .home-row .right .home-content-nav { text-indent: -999em; text-transform: capitalize; height: 21px; width: 12px; float: left; background: url("/images/main/template/sprite.png") -330px -60px no-repeat; position: absolute; left: 10px; top: 22px; z-index: 100; } .home-row .right .home-content-next { background-position: -350px -60px; float: right; right: 10px; left: auto; } .home-row .right a:hover { text-decoration: underline; } .home-row .right h3 { color: #fff; margin-top: 18px; font-size: 1.5em; } .home-row .right h3 a { color: #fff; } .home-row .right h4 { font-size: 1.6em; color: #fff; font-family: "HelveticaNeueW01-45Ligh"; position: absolute; bottom: 10px; left: 0px; line-height: 1em; } .home-row .right h4 a { color: #fff; } .home-row .gradient { background: url(/images/main/template/sprite-home.png) left -300px no-repeat; display: block; width: 720px; height: 180px; position: absolute; left: 240px; top: 0; z-index: 20; } .home-row > img { z-index: 10; position: absolute; top: 0; left: 240px; } .home-row .hover-content { display: none; width: 720px; height: 180px; float: left; position: absolute; left: 240px; top: 0; z-index: 30; } .home-row .hover-content h3 { margin: 10px 0 0 10px; font-size: 2.3em; line-height: 1.1em; width: 70%; } .home-row .hover-content h3 a { color: #fff; } .home-row .hover-content h3 a:hover { text-decoration: underline; } ul.home-nav { height: 180px; } ul.home-nav > li { width: 120px; height: 180px; float: left; background: url("/images/main/template/gradient-overlays.png") left -1306px no-repeat; font-family: "HelveticaNeueW01-75Bold"; } ul.home-nav > li > span { color: #ffffff; padding: 7px 5px 0 13px; min-height: 23px; display: block; background-image: url("/images/main/template/gradient-overlays.png"); background-position: left -1336px; background-repeat: no-repeat; font-size: 0.95em; } ul.home-nav#industry-nav { background: url("/images/main/template/ie-colours/color_r17_g97_b126_a6.png"); background: rgba(17, 97, 126, 0.95); } ul.home-nav#industry-nav > li > span { background-color: #009fda; } ul.home-nav#industry-nav > li#spectrum:hover { background-color: #5e174a; } ul.home-nav#industry-nav > li#spectrum:hover > span { background-color: #990066; } ul.home-nav#industry-nav > li#broadcast:hover { background-color: #512d59; } ul.home-nav#industry-nav > li#broadcast:hover > span { background-color: #6f2c90; } ul.home-nav#industry-nav > li#telco:hover { background-color: #314269; } ul.home-nav#industry-nav > li#telco:hover > span { background-color: #3856a5; } ul.home-nav#industry-nav > li#internet:hover { background-color: #295472; } ul.home-nav#industry-nav > li#internet:hover > span { background-color: #257cb7; } ul.home-nav#industry-nav > li#suppliers:hover { background-color: #18595a; } ul.home-nav#industry-nav > li#suppliers:hover > span { background-color: #008585; } ul.home-nav#industry-nav > li#marketers:hover { background-color: #1b5c3b; } ul.home-nav#industry-nav > li#marketers:hover > span { background-color: #0a8b44; } ul.home-nav#citizen-nav { background: url("/images/main/template/ie-colours/color_r190_g84_b23_a12.png"); /*background: rgba(190, 84, 23, .90);*/ } ul.home-nav#citizen-nav > li > span { background-color: #ff6100; background-position: -296px -1336px; } ul.home-nav#citizen-nav > li { width: 240px; background-position: -296px -1307px; } ul.home-nav#citizen-nav > li#take-action:hover { background-color: #502c59; } ul.home-nav#citizen-nav > li#take-action:hover > span { background-color: #6f2c90; } ul.home-nav#citizen-nav > li#stay-protected:hover { background-color: #792858; } ul.home-nav#citizen-nav > li#stay-protected:hover > span { background-color: #c4268e; } ul.home-nav#citizen-nav > li#consumer-info:hover { background-color: #8a2217; } ul.home-nav#citizen-nav > li#consumer-info:hover > span { background-color: #e81c00; } ul.home-nav#the-acma-nav { background: url("/images/main/template/ie-colours/color_r77_g77_b79_a12.png"); background: rgba(77, 77, 79, 0.9); } ul.home-nav#the-acma-nav > li > span { background-color: #2e2e2f; background-image: url("/images/main/template/gradient-overlays.png"); background-position: -148px -1336px; background-repeat: no-repeat; } ul.home-nav#the-acma-nav > li { background-image: url("/images/main/template/gradient-overlays.png"); background-position: -148px -1307px; background-repeat: no-repeat; } ul.home-nav#the-acma-nav > li:hover { background-color: #3f3f40; } ul.home-nav#the-acma-nav > li:hover > span { background-color: #000000; } ul.home-nav ul { margin-left: 13px; margin-top: 7px; margin-right: 5px; } ul.home-nav ul li { list-style-type: none; color: #fff; background: url("/images/main/template/sprite-icon.png") left -1102px no-repeat; padding-left: 10px; margin: 0 0 4px 0; } ul.home-nav ul li a { display: block; color: #fff; font-size: .8em; } #industry-acma-home .left { background: #0d506c; } #citizen-acma-home .left { background: #7e310a; } #citizen-acma-home .left h2 a { background-position: 1000px -100px; } #citizen-acma-home .right { background-position: 0 -780px; } #the-acma-home .left { background: #2e2e2f; } #the-acma-home .left h2 a { background-position: 1000px -200px; } #the-acma-home .right { background-position: 0 -960px; } .container { width: 960px; margin: 0 auto; display: block; position: relative; } #main { float: left; clear: both; width: 100%; position: relative; min-height: 540px; background: #000; z-index: 2; } #main > .container { min-height: 540px; } #feature-image { position: absolute; top: 0; left: -800px; margin-left: 50%; width: 1600px; min-height: 540px; z-index: 1; } #feature-image img { float: left; width: 100%; height: 100%; position: relative; z-index: 2; } #wires-body { background: url(/images/main/template/wires-body.png) right top no-repeat; z-index: 1; width: 485px; height: 490px; position: absolute; top: 0; right: 0; } .lt-ie8 #wires-body { z-index: -1; } .highlight { color: #fff; display: inline; font-family: "HelveticaNeueW01-55Roma"; font-size: 0.9em; position: relative; text-decoration: none !important; /*&:hover span {background-color: #000 !important;}*/ /* Zone */ /* Industry */ /* Citizen */ /* theacma */ } .highlight a { text-decoration: none !important; } .highlight span { padding: 2px 4px 1px 3px; display: inline; color: #fff; margin-top: -3px; cursor: pointer; } .lt-ie9 .highlight span { padding-top: 1px; padding-bottom: 1px; margin-top: -2px; } .highlight span span { padding: 0 1px 0 2px; display: inline-block; margin-top: 3px; } .lt-ie9 .highlight span span { line-height: 1.1em; margin-top: 2px; } .highlight.industry span, .industry .highlight span { background-color: #009fda; } .highlight.citizen span, .citizen .highlight span { background-color: #ff6100; } .highlight.theacma span, .theacma .highlight span { background-color: #000; } .highlight.spectrum span { background-color: #990066; } .highlight.broadcast span { background-color: #6f2c90; } .highlight.telco span { background-color: #3856a5; } .highlight.internet span { background-color: #257cb7; } .highlight.suppliers span { background-color: #008585; } .highlight.marketers span { background-color: #0a8b44; } .highlight.stay-protected span { background-color: #c4268e; } .highlight.consumer-info span { background-color: #e81c00; } .highlight.take-action span { background-color: #6f2c90; } .highlight.about span, .highlight.newsroom span, .highlight.consultations span, .highlight.researchacma span, .highlight.acma-i span, .highlight.engage span, .highlight.engage-blogs span { background-color: #000; } .twitter .time { background: url("/images/main/template/sprite-icon.png") left -296px no-repeat; padding-left: 20px; } .facebook .time { background: url("/images/main/template/sprite-icon.png") left -397px no-repeat; padding-left: 20px; } .acma .time { background: url("/images/main/template/sprite-icon.png") left -496px no-repeat; padding-left: 20px; } #section-nav #next-section { right: 0; } #section-nav #previous-section { left: 0; } #section-nav .section-nav { min-height: 52px; display: block; position: absolute; width: 52px; top: 245px; z-index: 100; } #section-nav .section-nav.hovering { min-width: 272px; } .lt-ie9 #section-nav .section-nav.hovering { width: 272px; } .no-js #section-nav .section-nav:hover { width: 272px; } .no-js #section-nav .section-nav:hover .section-title { display: block; z-index: 1000; } .no-js.spectrum #section-nav .section-nav:hover .section-arrow { background-color: #990066; } .no-js.broadcast #section-nav .section-nav:hover .section-arrow { background-color: #6f2c90; } .no-js.telco #section-nav .section-nav:hover .section-arrow { background-color: #3856a5; } .no-js.internet #section-nav .section-nav:hover .section-arrow { background-color: #257cb7; } .no-js.suppliers #section-nav .section-nav:hover .section-arrow { background-color: #008585; } .no-js.marketers #section-nav .section-nav:hover .section-arrow { background-color: #0a8b44; } #section-nav .section-arrow { position: relative; width: 52px; height: 52px; display: block; background-color: #333333; text-indent: -999em; text-transform: capitalize; } #section-nav .section-arrow:before { content: ""; display: inline-block; color: #fff; font-size: 35px; line-height: 35px; height: 35px; width: 35px; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } #section-nav #next-section .section-title { float: right; } #section-nav #next-section .section-arrow { background-position: -402px -41px; float: right; } #section-nav #previous-section .section-title { float: left; } #section-nav #previous-section .section-arrow { float: left; } #section-nav #previous-section .section-arrow:before { content: ""; } #section-nav .section-title { min-width: 140px; max-width: 200px; padding: 10px; min-height: 32px; background: #575757; position: relative; display: none; z-index: 1; } #section-nav .section-title p { font-family: "HelveticaNeueW01-75Bold"; margin: 0; line-height: 1em; } #section-nav .section-title a { color: #fff; } #section-nav .section-title a:hover { text-decoration: underline; } .column { float: left; } .column.five-sixths { width: 83.34%; } .column.five-sixths .cupcake.video { min-height: 450px; width: 100%; } .column.half { width: 50%; } .column.half .cupcake.quarter { width: 50%; } .column.half .cupcake.half { width: 100%; } .column.two-thirds { width: 66.67%; } .column.two-thirds .cupcake.sixth { width: 25%; } .column.two-thirds .cupcake.sixth:nth-child(6) { clear: left; } .lt-ie8 .column.two-thirds .cupcake.sixth { width: 25% !important; } .column.two-thirds .cupcake.third { width: 50%; } .column.two-thirds .cupcake.third:nth-child(4) + .cupcake + .cupcake { clear: none; } .column.third { width: 33.33%; } .column.third .cupcake.third { width: 100%; } .column.third .cupcake.sixth { width: 50%; } .lt-ie8 .column.third .cupcake.sixth { width: 50% !important; } .column.third .cupcake.sixth.wide { width: 100% !important; } .column.sixth { width: 16.66%; } .column.sixth .cupcake.sixth { width: 100%; } .column.bottom { position: absolute; bottom: 0; left: 0; width: 100%; } .row { clear: left; float: left; width: 100%; } .row .cupcake.sixth.wide { width: 33.33%; } .cupcake { float: left; position: relative; padding-top: 10px; padding-bottom: 30px; overflow: hidden; z-index: 3; } .cupcake.hover { z-index: 105; } .cupcake.title { background-color: #282828; } .cupcake.empty .gradient { cursor: default; } .cupcake.pink, .cupcake.spectrum { background-color: #990066; } .cupcake.purple, .cupcake.broadcast { background-color: #6f2c90; } .cupcake.blue, .cupcake.telco { background-color: #3856a5; } .cupcake.lightblue, .cupcake.internet { background-color: #257cb7; } .cupcake.teal, .cupcake.suppliers { background-color: #008585; } .cupcake.green, .cupcake.marketers { background-color: #0a8b44; } .cupcake.grey { background-color: #4d4d4f; } .cupcake.brightpink, .cupcake.consumer-info { background-color: #e81c00; } .cupcake.red, .cupcake.take-action { background-color: #6f2c90; } .cupcake.yellow { background-color: #F7981D; } .cupcake.grey-gradient { background: #9a9a9a; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cecece), to(#9a9a9a)); background: -webkit-linear-gradient(#cecece, #9a9a9a); background: -moz-linear-gradient(#cecece, #9a9a9a); background: -ms-linear-gradient(#cecece, #9a9a9a); background: -o-linear-gradient(#cecece, #9a9a9a); background: linear-gradient(#cecece, #9a9a9a); -pie-background: linear-gradient(#cecece, #9a9a9a); behavior: url(/js/libs/PIE.htc); position: relative; } .cupcake.grey-gradient h2, .cupcake.grey-gradient a, .cupcake.grey-gradient p { color: #3f3f40; } .cupcake.grey-gradient .twitter { background: url("/images/main/template/sprite-icon.png") 0 -798px no-repeat; width: 18px; height: 15px; position: absolute; top: 10px; right: 10px; } .cupcake.grey-gradient .blog { background: url("/images/main/template/sprite-icon.png") 0 -864px no-repeat; width: 21px; height: 15px; position: absolute; top: 10px; right: 10px; } .cupcake.grey-gradient .facebook { background: url("/images/main/template/sprite-icon.png") 0 -928px no-repeat; width: 7px; height: 16px; position: absolute; top: 10px; right: 10px; } .cupcake.grey-gradient .excerpt { font-size: .8em; position: absolute; bottom: 10px; left: 10px; right: 10px; font-family: "HelveticaNeueW01-55Roma"; z-index: 10; } .cupcake.grey-gradient .excerpt p { margin: 0; } .cupcake.grey-gradient .excerpt .author { font-family: "HelveticaNeueW01-75Bold"; } .cupcake.grey-gradient .excerpt span { display: block; } .cupcake.grey-gradient .gradient { opacity: .2; } .blogs .cupcake.grey-gradient .super-category { font-family: "HelveticaNeueW01-55Roma"; font-size: 1em; line-height: 1em; } .blogs .cupcake.grey-gradient .super-category strong { font-size: 1.5em; font-family: "HelveticaNeueW01-85Heav"; letter-spacing: -1px; display: block; padding-top: 8px; } .blogs .cupcake.grey-gradient .super-category strong span { color: #8f8f8f; } .blogs .cupcake.grey-gradient .icon.magGlass { background: url(../images/main/template/sprite-icon.png) 0 -1620px no-repeat transparent; height: 20px; width: 20px; position: absolute; top: 11px; left: 56px; } .blogs .cupcake.grey-gradient .excerpt { line-height: 1.15em; } .blogs .cupcake.grey-gradient .excerpt strong { font-family: "HelveticaNeueW01-85Heav"; } .cupcake .gsWrapper { position: absolute !important; top: 0; left: 0; cursor: pointer; } .cupcake .gsWrapper .gsCanvas { z-index: 2; } .cupcake .gsWrapper .gsCanvas.behind { z-index: 0; } .cupcake embed, .cupcake object { z-index: 3; position: relative; } .cupcake .yt-player { width: 640px; height: 360px; background: #000; } .cupcake.five-sixths { background-color: #767676; width: 100%; padding: 0; min-height: 450px; } .cupcake.two-thirds { background: #767676; width: 100%; min-height: 320px; } .cupcake.two-thirds .gradient { background-position: left bottom; } .cupcake.two-thirds h2 { width: 60%; font-size: 2.2em; } .cupcake.full { width: 100%; min-height: 70px; padding-bottom: 10px; } .industry .cupcake.full { background: #009fda; } .theacma .cupcake.full { background: #4d4d4f; } .citizen .cupcake.full { background: #f34220; background: -webkit-gradient(linear, left top, right top, from(#f34220), to(#da0e29)); background: -webkit-linear-gradient(left, #f34220, #da0e29); background: -moz-linear-gradient(left, #f34220, #da0e29); background: -ms-linear-gradient(left, #f34220, #da0e29); background: -o-linear-gradient(left, #f34220, #da0e29); background: linear-gradient(to right, #f34220, #da0e29); -pie-background: linear-gradient(to left, #f34220, #da0e29); behavior: url(/js/libs/PIE.htc); position: relative; } .cupcake.full h2 { font-size: 2em; width: 85%; } .two-thirds .cupcake.full h2 { font-size: 1.7em; } .cupcake.full .gradient { background: none; } .cupcake.half { width: 50%; min-height: 230px; } .cupcake.half .gradient { background-position: left -900px; } .cupcake.half h2 { font-size: 2.2em; width: 60%; } .cupcake.half img { min-height: 180px; } .cupcake.third { width: 33.30%; min-height: 140px; } .cupcake.third .gradient { background-position: left -550px; } .cupcake.third h2 { font-size: 2em; width: 70%; } .cupcake.third img { min-height: 180px; } .js .cupcake.third img { display: none; } .cupcake.third canvas { height: 180px !important; width: 320px !important; } .cupcake.quarter { width: 24.90%; min-height: 95px; } .cupcake.quarter .gradient { background-position: left -250px; } .cupcake.quarter h2 { font-size: 1.4em; width: 70%; } .cupcake.quarter img { min-height: 135px; } .js .cupcake.quarter img { display: none; } .cupcake.quarter canvas { height: 135px !important; width: 240px !important; } .cupcake.sixth, .cupcake.third.small { min-height: 50px; overflow-y: hidden; } .cupcake.sixth.sixth, .cupcake.third.small.sixth { width: 16.66%; } .cupcake.sixth h2, .cupcake.third.small h2 { font-size: 1.05em; } .cupcake.sixth h3, .cupcake.third.small h3 { font-size: 1.1em; line-height: 1em; } .cupcake.sixth img, .cupcake.third.small img { min-height: 90px; } .cupcake.sixth .content-type, .cupcake.third.small .content-type { font-size: 0.7em; display: none; } .cupcake.sixth .gradient { background-position: left top; } .cupcake.third.small { padding-bottom: 20px; min-height: 60px; } .cupcake.third.small h2 { margin-top: 4px !important; width: auto; } .cupcake.third.small .read-more { font-size: 0.8em; bottom: 4px; } .cupcake.title h2 { font-size: 1.8em; } .cupcake.title.listing h2 { float: left; margin: -10px 0 0; width: 100px; padding: 12px 10px 8px; font-family: "HelveticaNeueW01-75Bold"; font-size: 0.95em; } .cupcake.title .arrow { background: url("/images/main/template/sprite.png") -420px -50px no-repeat; position: absolute; bottom: 10px; right: 10px; display: block; width: 21px; height: 35px; } .cupcake.title .arrow.large { height: 70px; width: 40px; background-position: -420px -150px; display: block; } .cupcake.title.spectrum { background-color: #5C023C; } .cupcake.title.spectrum.listing h2 { background-color: #9B0066; } .cupcake.title.broadcast { background-color: #451955; } .cupcake.title.broadcast.listing h2 { background-color: #722690; } .cupcake.title.telco { background-color: #232F6E; } .cupcake.title.telco.listing h2 { background-color: #374BBA; } .cupcake.title.marketers { background-color: #005635; } .cupcake.title.marketers.listing h2 { background-color: #008F57; } .cupcake.title.consumer-info { background-color: #7f0f00; } .cupcake.title.consumer-info.listing h2 { background-color: #e81c00; } .cupcake.title.internet { background-color: #144464; } .cupcake.title.internet.listing h2 { background-color: #257cb7; } .cupcake.title.suppliers { background-color: #004949; } .cupcake.title.suppliers.suppliers h2 { background-color: #008585; } .cupcake.listing.sixth { padding-bottom: 10px; min-height: 70px; } .cupcake.listing.sixth h3 { line-height: 1.1em; font-size: 1.1em; position: relative; z-index: 10; margin: 0 10px; } .cupcake.dark .positioner { position: absolute; bottom: 10px; right: 10px; text-align: right; } .cupcake.dark .positioner h2 { padding: 0; margin: 0; text-transform: uppercase; font-size: 0.75em; } .cupcake.dark .positioner p { margin-bottom: 0; font-family: "HelveticaNeueW01-75Bold"; font-size: 0.95em; line-height: 1.3em; } .cupcake.dark.spectrum { background-color: #3D0129; } .cupcake.dark.spectrum p { color: #b099a9; } .cupcake.dark.broadcast { background-color: #250029; } .cupcake.dark.broadcast p { color: #a799a9; } .cupcake.dark.telco { background-color: #171F49; } .cupcake.dark.telco p { color: #a1a6b5; } .cupcake.dark.marketers { background-color: #003924; } .cupcake.dark.marketers p { color: #9cb0a7; } .cupcake.dark.consumer-info { background-color: #5d0b00; } .cupcake.dark.consumer-info p { color: #ca968f; } .cupcake.dark.internet { background-color: #052d48; } .cupcake.dark.internet p { color: #849dae; } .cupcake.dark.suppliers { background-color: #003838; } .cupcake.dark.suppliers p { color: #77c3c3; } .cupcake.feature { background-color: #767676; width: 100%; min-height: 360px; padding: 0; } .cupcake.no-icons .read-more { right: 10px; left: auto; } .cupcake.video { padding: 0; width: 100%; } .cupcake.video .play-video { width: 120px; height: 80px; position: absolute; left: 260px; top: 140px; display: block; z-index: 100; } .lt-ie8 .cupcake.video .play-video { display: none; } .cupcake.video .video-hover { position: absolute; width: 640px; height: 290px; left: 0; top: 30px; z-index: 10; display: block; background: #fff; opacity: 0; filter: alpha(opacity=0); } .lt-ie8 .cupcake.video .video-hover { display: none; } .cupcake.video iframe { display: block; position: relative; z-index: 1; margin: 0 auto; } .cupcake .gradient { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(/images/main/template/gradient-overlays.png); background-repeat: no-repeat; z-index: 5; min-height: 90px; } .cupcake .highlight { margin: 0 10px; position: relative; z-index: 10; } .cupcake .highlight + * { margin-top: 4px !important; } .cupcake h2 { color: #fff; line-height: 0.95em; font-family: "HelveticaNeueW01-45Ligh"; font-weight: normal; margin: 0 10px 0 10px; position: relative; z-index: 10; word-wrap: break-word; } .lt-ie9 .cupcake h2 { line-height: 1em; } .cupcake h2 a { color: #fff; } .cupcake h2 a:hover { text-decoration: underline; } .cupcake h3 { z-index: 10; position: relative; margin-left: 8px; } .cupcake .content-type-rss { padding-left: 10px; } .cupcake a { color: #fff; } .cupcake img { position: absolute; top: 0; left: 0; z-index: 1; } .cupcake .read-more { position: absolute; bottom: 7px; left: 10px; text-transform: uppercase; font-size: .7em; color: white; z-index: 10; font-family: "HelveticaNeueW01-45Ligh"; display: none; } .cupcake .read-more:hover { text-decoration: underline; } .super-category { color: #fff; margin: 0 10px 0 10px; font-family: "HelveticaNeueW01-85Heav"; font-size: 0.8em; position: relative; line-height: 1em; margin-bottom: 2px; z-index: 10; display: block; } .content-type { display: none; color: #fff; margin: 0 10px 0 10px; font-family: "HelveticaNeueW01-75Bold"; text-transform: uppercase; position: relative; z-index: 10; font-size: 0.8em; line-height: 1em; margin-bottom: 2px; } .content-type:before { content: "// "; } a.cupcake { cursor: pointer; } #landing-feature-cupcake { margin-left: -320px; margin-top: 180px; background: #f34220; padding: 0 0 0 320px; overflow: visible; } #landing-feature-cupcake .inner { width: 640px; float: left; min-height: 140px; background: #f34220; background: -webkit-gradient(linear, left top, right top, from(#f34220), to(#da0e29)); background: -webkit-linear-gradient(left, #f34220, #da0e29); background: -moz-linear-gradient(left, #f34220, #da0e29); background: -ms-linear-gradient(left, #f34220, #da0e29); background: -o-linear-gradient(left, #f34220, #da0e29); background: linear-gradient(to right, #f34220, #da0e29); -pie-background: linear-gradient(to left, #f34220, #da0e29); behavior: url(/js/libs/PIE.htc); position: relative; padding: 10px 0 30px 0; } #landing-feature-cupcake h2 { font-size: 2.8em; width: 50%; width: 500px; margin-top: 5px; } #landing-feature-cupcake h2 strong { font-family: "HelveticaNeueW01-85Heav"; } .landing-toggle .cupcake.title { background: #000; cursor: pointer; } .landing-toggle .cupcake.title h2 { font-size: 1.7em; } .landing-toggle .cupcake.title.active, .landing-toggle .cupcake.title.wide { background: #282828; } .landing-toggle .cupcake.title.wide { min-height: 58px; padding-bottom: 20px; } .blogs .landing-toggle .cupcake.title.wide { min-height: 60px; } .landing-toggle .cupcake.title .arrow { background-position: -460px -50px; width: 35px; height: 21px; } .landing-toggle #tab-2 { display: none; } .landing-toggle .related-content { background: none; position: relative; z-index: 3; } .landing-toggle .related-content ul { width: 100%; float: left; margin: 0; background: none; } .landing-toggle .related-content li { background-color: #282828; border-top: solid 2px #000; padding: 10px 3.5%; width: 93%; min-height: 128px; margin: 0; } .lt-ie8 .landing-toggle .related-content li { padding-bottom: 2px; } .lt-ie10 .landing-toggle .related-content li.twitter { min-height: 129px; padding-bottom: 9px; } .landing-toggle .related-content li p, .landing-toggle .related-content li a { color: #fff; } .landing-toggle .related-content li .icons a { color: #767676; } .landing-toggle .related-content li h3 { color: #fff; margin-bottom: 0.5em; } .landing-toggle .related-content img { margin-bottom: 0; } .landing-toggle .related-content .social-info { border: none; background: url(/images/main/template/gradient-lines.png) -700px -400px no-repeat; } .landing-toggle .related-content .content-type { margin: 0 5px 2px 5px; font-size: 0.8em; } .landing-toggle .related-content.frequent-links .content-type { margin: 0 5px 5px 0; color: #fff; } .landing-toggle .related-content.frequent-links p { color: #969696; width: 80%; margin-bottom: 0; } .landing-toggle .related-content.frequent-links .icons { position: absolute; bottom: 10px; right: 10px; } .landing-toggle .related-content.frequent-links li { min-height: 68px; margin: 0; } .lt-ie8 .landing-toggle .related-content.frequent-links li { padding-bottom: 10px; } .landing-toggle .related-content.frequent-links .links li { min-height: 30px; padding: 0 3.5%; margin: 0; background: #353535 url(/images/main/template/gradient-lines.png) -390px -220px no-repeat; border: none; } .landing-toggle .related-content.frequent-links .links li:first-child { border-top: solid 2px #000; background: #353535; } .lt-ie8 .landing-toggle .related-content.frequent-links .links li { padding-bottom: 0; } .landing-toggle .related-content.frequent-links .links li a:hover { text-decoration: underline; } .landing-toggle .related-content.frequent-links .links h4 { margin: 0; line-height: 30px; font-size: 1em; font-family: "HelveticaNeueW01-45Ligh"; } .landing-toggle .related-list .title h2 { font-size: 1.4em; } .landing-toggle .related-list ul { margin: 0; background: #000; } .landing-toggle .related-list p, .landing-toggle .related-list h3 a { color: #fff; } .landing-toggle .related-list li { padding: 0; width: 320px; min-height: 90px; margin: 0; background-color: #262626; border: none; } .landing-toggle .related-list li a { color: #fff; } .landing-toggle .related-list li.first { margin-top: 2px; min-height: 88px; background-color: #262626; } .landing-toggle .related-list li.first .related-item-description { border-top: 0; padding-top: 10px; } .landing-toggle .related-list li .related-item-info { float: left; width: 90px; } .landing-toggle .related-list li .related-item-info .section { float: left; padding: 10px 0 4px 10px; width: 80px; font-size: .8em; font-family: "HelveticaNeueW01-75Bold"; word-wrap: break-word; } .landing-toggle .related-list li .related-item-info .section.telco { background-color: #3856a5; } .landing-toggle .related-list li .related-item-info .section.broadcast { background-color: #6f2c90; } .landing-toggle .related-list li .related-item-info .section.internet { background-color: #257cb7; } .landing-toggle .related-list li .related-item-info .section.citizen { background-color: #ff6100; } .landing-toggle .related-list li .related-item-info .section.industry { background-color: #009fda; } .landing-toggle .related-list li .related-item-info .section.theacma { background-color: #000; } .landing-toggle .related-list li .related-item-info .section.spectrum { background-color: #990066; } .landing-toggle .related-list li .related-item-info .section.suppliers { background-color: #008585; } .landing-toggle .related-list li .related-item-info .section.marketers { background-color: #0a8b44; } .landing-toggle .related-list li .related-item-info .section.stay-protected { background-color: #c4268e; } .landing-toggle .related-list li .related-item-info .section.consumer-info { background-color: #e81c00; } .landing-toggle .related-list li .related-item-info .section.take-action { background-color: #6f2c90; } .landing-toggle .related-list li .related-item-info .date { margin: 2px 10px 5px; float: left; font-size: .7em; line-height: 1.5em; color: #969696; } .landing-toggle .related-list li .related-item-info .date span { float: left; } .landing-toggle .related-list li .related-item-description { float: left; border-top: 2px solid black; padding-top: 8px; padding-left: 11px; width: 219px; } .landing-toggle .related-list li .related-item-description h3 { margin-bottom: 6px; } .landing-toggle .related-list li .related-item-description .ifc, .landing-toggle .related-list li .related-item-description .file-type { font-size: .7em; margin-bottom: 5px; color: #fff; } .landing-toggle .related-list li .related-item-description p { color: #969696; } #rotator { position: relative; width: 100%; min-height: 360px; position: relative; } #rotator .wrapper .cupcake { position: absolute; top: 0; left: 0; opacity: 0; z-index: 1; display: block; -webkit-transition: opacity 1s ease; -ms-transition: opacity 1s ease; } #rotator .wrapper .cupcake.active, .no-js #rotator .wrapper .cupcake:first-child { z-index: 5; opacity: 1; } #rotator .wrapper .cupcake img { width: 100%; } .rotator-nav { position: absolute; top: 10px; right: 10px; z-index: 50; } .rotator-nav li { float: left; margin-left: 2px; } .rotator-nav li a { width: 20px; height: 20px; line-height: 20px; text-align: center; float: left; background: url("/images/main/template/ie-colours/color_r255_g255_b255_a88.png"); background: rgba(255, 255, 255, 0.3); font-family: "HelveticaNeueW01-75Bold"; color: #fff; font-size: 0.9em; } .rotator-nav li.active a { background: #fff; color: #717172; } .rotator-nav li #playpause { overflow: hidden; text-indent: -999em; position: relative; } .rotator-nav li #playpause.play .icon { position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; display: block; width: 0 !important; height: 0 !important; overflow: hidden; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: none; border-left: 10px solid #fff; } .rotator-nav li #playpause.pause .icon { position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -4px; height: 10px; width: 2px; border-left: 3px solid #fff; border-right: 3px solid #fff; } .icons { background: rgba(0, 0, 0, 0.3); float: right; padding: 5px; position: absolute; bottom: 5px; right: 5px; z-index: 10; } .lt-ie9 .icons { background: url(/images/main/template/transparent-black-30.png) top left repeat; } .icons .icon { width: 14px; height: 12px; float: left; margin-left: 5px; background: url("/images/main/template/sprite.png") 0px -100px no-repeat; text-decoration: none; } .icons .icon:first-child { margin-left: 0; } .icons .icon.closed-captions { background-position: 0px -99px; text-indent: -999em; text-transform: capitalize; } .icons .icon.video { background-position: -50px -99px; text-indent: -999em; text-transform: capitalize; width: 13px; } .icons .icon.comment { background-position: -100px -99px; font-size: 8px; font-family: "uni05_53Regular", monospace; color: #4d4d4f; text-align: center; line-height: 11px; text-indent: 1px; width: 13px; } .lt-ie9 .icons .icon.comment { line-height: 12px; } .icons .icon.grid { background-position: -150px -99px; width: 11px; text-indent: -999em; text-transform: capitalize; } .icons .icon.audio { background-position: -200px -100px; text-indent: -999em; text-transform: capitalize; width: 12px; } .icons .icon.document { background: none; position: relative; height: auto; width: auto; } .icons .icon.document:before { content: ""; display: block; color: #fff; font-size: 16px; line-height: 16px; height: 16px; width: 13px; text-align: center; } .icons .icon.image { background-position: -200px -119px; width: 14px; text-indent: -999em; text-transform: capitalize; } .small-comment-icon { background: url("/images/main/template/sprite-icon.png") 0px -1454px no-repeat; display: block; width: 13px; height: 12px; } .arrow-icon { background-image: url("/images/main/template/sprite-icon.png"); background-position: right -95px; background-repeat: no-repeat; width: 25px; height: 20px; display: block; } #content-left { float: left; width: 67.8%; position: relative; z-index: 3; min-height: 540px; overflow-x: hidden; } #content-left.wide { width: 100%; } #content-left.wide > .inner { padding: 15px 2.3%; width: 95.4%; } #content-left > .inner { padding: 15px 3.5% 0 3.5%; background: #fff; float: left; width: 94%; min-height: 1000px; } #content-left.content > .inner { padding-bottom: 10px; } #content-left h1 { width: 75%; line-height: 1em; margin-top: 10px; } .lt-ie8 #content-left h1 { line-height: 1.2em; } #content-left.search h1 { margin-bottom: 0; width: 60%; } #content-left .highlight { margin-bottom: 0.7em; margin-left: -2px; display: inline-block; font-size: 0.9em; line-height: normal; } #content-left .photo { border-top: solid 1px #b4b4b4; border-bottom: solid 1px #b4b4b4; padding: 12px 0; margin: 0 0 1em 0; } #content-left .photo p { margin: 12px 0 0 0; font-size: 0.9em; } #content-left .date { color: #666; font-size: 0.9em; } #content-left .blogpost .blockheading { margin-bottom: 5px; } #content-left .blogpost .content-type { margin: 0; } #content-left .blogpost .time { float: right; text-align: right; font-size: 0.9em; margin-top: 17px; clear: right; } #comments, .form-wrapper, #popup, #popup_inline { background: #e8e8e8; float: left; width: 93%; padding: 20px 3.5%; } #comments fieldset, .form-wrapper fieldset, #popup fieldset, #popup_inline fieldset { margin-bottom: 10px; } #comments fieldset legend, .form-wrapper fieldset legend, #popup fieldset legend, #popup_inline fieldset legend { font-size: 1.6em; font-family: "HelveticaNeueW01-75Bold"; color: #4d4d4f; } #comments fieldset .form-row, .form-wrapper fieldset .form-row, #popup fieldset .form-row, #popup_inline fieldset .form-row { float: left; width: 100%; margin: 6px 0; } #comments fieldset input[type=text], #comments fieldset textarea, #comments fieldset input[type=submit], .form-wrapper fieldset input[type=text], .form-wrapper fieldset textarea, .form-wrapper fieldset input[type=submit], #popup fieldset input[type=text], #popup fieldset textarea, #popup fieldset input[type=submit], #popup_inline fieldset input[type=text], #popup_inline fieldset textarea, #popup_inline fieldset input[type=submit] { border: none; padding: 0; margin: 0; padding: 0 2%; } #comments fieldset input[type=text], .form-wrapper fieldset input[type=text], #popup fieldset input[type=text], #popup_inline fieldset input[type=text] { float: right; height: 30px; width: 76%; } .lt-ie8 #comments fieldset input[type=text], .lt-ie8 .form-wrapper fieldset input[type=text], .lt-ie8 #popup fieldset input[type=text], .lt-ie8 #popup_inline fieldset input[type=text] { line-height: 30px; } #comments fieldset textarea, .form-wrapper fieldset textarea, #popup fieldset textarea, #popup_inline fieldset textarea { width: 96%; height: 130px; padding-top: 10px; resize: none; } #comments fieldset label, .form-wrapper fieldset label, #popup fieldset label, #popup_inline fieldset label { font-family: "HelveticaNeueW01-75Bold"; color: #666; height: 30px; line-height: 30px; float: left; } #comments fieldset input[type=submit], .form-wrapper fieldset input[type=submit], #popup fieldset input[type=submit], #popup_inline fieldset input[type=submit] { color: #009fda; border: solid 1px #009fda; float: right; background: none; font-family: "HelveticaNeueW01-75Bold"; padding: 4px 10px; } .citizen #comments fieldset input[type=submit], .citizen .form-wrapper fieldset input[type=submit], .citizen #popup fieldset input[type=submit], .citizen #popup_inline fieldset input[type=submit] { color: #ff6100; border: solid 1px #ff6100; } .theacma #comments fieldset input[type=submit], .theacma .form-wrapper fieldset input[type=submit], .theacma #popup fieldset input[type=submit], .theacma #popup_inline fieldset input[type=submit] { color: #4d4d4f; border: solid 1px #4d4d4f; } #comments ul.comments, #comments ul.answers, .form-wrapper ul.comments, .form-wrapper ul.answers, #popup ul.comments, #popup ul.answers, #popup_inline ul.comments, #popup_inline ul.answers { padding: 0; background: transparent; } #comments ul.comments ul, #comments ul.answers ul, .form-wrapper ul.comments ul, .form-wrapper ul.answers ul, #popup ul.comments ul, #popup ul.answers ul, #popup_inline ul.comments ul, #popup_inline ul.answers ul { padding: 0; } #comments ul.comments li li, #comments ul.answers li li, .form-wrapper ul.comments li li, .form-wrapper ul.answers li li, #popup ul.comments li li, #popup ul.answers li li, #popup_inline ul.comments li li, #popup_inline ul.answers li li { margin-top: 15px; padding-left: 5%; width: 95%; padding-bottom: 0; } #comments ul.comments li li + li, #comments ul.answers li li + li, .form-wrapper ul.comments li li + li, .form-wrapper ul.answers li li + li, #popup ul.comments li li + li, #popup ul.answers li li + li, #popup_inline ul.comments li li + li, #popup_inline ul.answers li li + li { padding-left: 0; margin-left: 5%; } #comments ul.comments .comment, #comments ul.comments .answer, #comments ul.answers .comment, #comments ul.answers .answer, .form-wrapper ul.comments .comment, .form-wrapper ul.comments .answer, .form-wrapper ul.answers .comment, .form-wrapper ul.answers .answer, #popup ul.comments .comment, #popup ul.comments .answer, #popup ul.answers .comment, #popup ul.answers .answer, #popup_inline ul.comments .comment, #popup_inline ul.comments .answer, #popup_inline ul.answers .comment, #popup_inline ul.answers .answer { border-top: solid 1px #b4b4b4; width: 100%; padding: 15px 0; color: #666; position: relative; float: left; background: none; list-style: none; } #comments ul.comments .comment h4, #comments ul.comments .answer h4, #comments ul.answers .comment h4, #comments ul.answers .answer h4, .form-wrapper ul.comments .comment h4, .form-wrapper ul.comments .answer h4, .form-wrapper ul.answers .comment h4, .form-wrapper ul.answers .answer h4, #popup ul.comments .comment h4, #popup ul.comments .answer h4, #popup ul.answers .comment h4, #popup ul.answers .answer h4, #popup_inline ul.comments .comment h4, #popup_inline ul.comments .answer h4, #popup_inline ul.answers .comment h4, #popup_inline ul.answers .answer h4 { margin: 0 6px 0 0; font-size: 0.9em; } #comments ul.comments .comment p, #comments ul.comments .comment pre, #comments ul.comments .answer p, #comments ul.comments .answer pre, #comments ul.answers .comment p, #comments ul.answers .comment pre, #comments ul.answers .answer p, #comments ul.answers .answer pre, .form-wrapper ul.comments .comment p, .form-wrapper ul.comments .comment pre, .form-wrapper ul.comments .answer p, .form-wrapper ul.comments .answer pre, .form-wrapper ul.answers .comment p, .form-wrapper ul.answers .comment pre, .form-wrapper ul.answers .answer p, .form-wrapper ul.answers .answer pre, #popup ul.comments .comment p, #popup ul.comments .comment pre, #popup ul.comments .answer p, #popup ul.comments .answer pre, #popup ul.answers .comment p, #popup ul.answers .comment pre, #popup ul.answers .answer p, #popup ul.answers .answer pre, #popup_inline ul.comments .comment p, #popup_inline ul.comments .comment pre, #popup_inline ul.comments .answer p, #popup_inline ul.comments .answer pre, #popup_inline ul.answers .comment p, #popup_inline ul.answers .comment pre, #popup_inline ul.answers .answer p, #popup_inline ul.answers .answer pre { margin: 0 0 0 0; font-size: 0.9em; line-height: 1.3em; font-family: "HelveticaNeueW01-45Ligh"; } #comments ul.comments .comment a.reply, #comments ul.comments .answer a.reply, #comments ul.answers .comment a.reply, #comments ul.answers .answer a.reply, .form-wrapper ul.comments .comment a.reply, .form-wrapper ul.comments .answer a.reply, .form-wrapper ul.answers .comment a.reply, .form-wrapper ul.answers .answer a.reply, #popup ul.comments .comment a.reply, #popup ul.comments .answer a.reply, #popup ul.answers .comment a.reply, #popup ul.answers .answer a.reply, #popup_inline ul.comments .comment a.reply, #popup_inline ul.comments .answer a.reply, #popup_inline ul.answers .comment a.reply, #popup_inline ul.answers .answer a.reply { color: #009fda; border: solid 1px #009fda; margin: 12px 0 0 0; padding: 2px 7px 0 25px; text-decoration: none; float: left; font-family: "HelveticaNeueW01-75Bold"; background: url("/images/main/template/sprite-icon.png") 4px -995px no-repeat; font-size: 0.9em; cursor: pointer; } .citizen #comments ul.comments .comment a.reply, .citizen #comments ul.comments .answer a.reply, .citizen #comments ul.answers .comment a.reply, .citizen #comments ul.answers .answer a.reply, .citizen .form-wrapper ul.comments .comment a.reply, .citizen .form-wrapper ul.comments .answer a.reply, .citizen .form-wrapper ul.answers .comment a.reply, .citizen .form-wrapper ul.answers .answer a.reply, .citizen #popup ul.comments .comment a.reply, .citizen #popup ul.comments .answer a.reply, .citizen #popup ul.answers .comment a.reply, .citizen #popup ul.answers .answer a.reply, .citizen #popup_inline ul.comments .comment a.reply, .citizen #popup_inline ul.comments .answer a.reply, .citizen #popup_inline ul.answers .comment a.reply, .citizen #popup_inline ul.answers .answer a.reply { color: #ff6100; border: solid 1px #ff6100; background-position: 4px -1025px; } .theacma #comments ul.comments .comment a.reply, .theacma #comments ul.comments .answer a.reply, .theacma #comments ul.answers .comment a.reply, .theacma #comments ul.answers .answer a.reply, .theacma .form-wrapper ul.comments .comment a.reply, .theacma .form-wrapper ul.comments .answer a.reply, .theacma .form-wrapper ul.answers .comment a.reply, .theacma .form-wrapper ul.answers .answer a.reply, .theacma #popup ul.comments .comment a.reply, .theacma #popup ul.comments .answer a.reply, .theacma #popup ul.answers .comment a.reply, .theacma #popup ul.answers .answer a.reply, .theacma #popup_inline ul.comments .comment a.reply, .theacma #popup_inline ul.comments .answer a.reply, .theacma #popup_inline ul.answers .comment a.reply, .theacma #popup_inline ul.answers .answer a.reply { color: #4d4d4f; border: solid 1px #4d4d4f; background-position: 4px -1055px; } #comments ul.comments .comment .in-reply-to, #comments ul.comments .answer .in-reply-to, #comments ul.answers .comment .in-reply-to, #comments ul.answers .answer .in-reply-to, .form-wrapper ul.comments .comment .in-reply-to, .form-wrapper ul.comments .answer .in-reply-to, .form-wrapper ul.answers .comment .in-reply-to, .form-wrapper ul.answers .answer .in-reply-to, #popup ul.comments .comment .in-reply-to, #popup ul.comments .answer .in-reply-to, #popup ul.answers .comment .in-reply-to, #popup ul.answers .answer .in-reply-to, #popup_inline ul.comments .comment .in-reply-to, #popup_inline ul.comments .answer .in-reply-to, #popup_inline ul.answers .comment .in-reply-to, #popup_inline ul.answers .answer .in-reply-to { font-style: italic; } #comments ul.comments .comment .time, #comments ul.comments .answer .time, #comments ul.answers .comment .time, #comments ul.answers .answer .time, .form-wrapper ul.comments .comment .time, .form-wrapper ul.comments .answer .time, .form-wrapper ul.answers .comment .time, .form-wrapper ul.answers .answer .time, #popup ul.comments .comment .time, #popup ul.comments .answer .time, #popup ul.answers .comment .time, #popup ul.answers .answer .time, #popup_inline ul.comments .comment .time, #popup_inline ul.comments .answer .time, #popup_inline ul.answers .comment .time, #popup_inline ul.answers .answer .time { margin-bottom: 8px; } .no-js #comments ul.comments .comment .reply, .no-js #comments ul.comments .answer .reply, .no-js #comments ul.answers .comment .reply, .no-js #comments ul.answers .answer .reply, .no-js .form-wrapper ul.comments .comment .reply, .no-js .form-wrapper ul.comments .answer .reply, .no-js .form-wrapper ul.answers .comment .reply, .no-js .form-wrapper ul.answers .answer .reply, .no-js #popup ul.comments .comment .reply, .no-js #popup ul.comments .answer .reply, .no-js #popup ul.answers .comment .reply, .no-js #popup ul.answers .answer .reply, .no-js #popup_inline ul.comments .comment .reply, .no-js #popup_inline ul.comments .answer .reply, .no-js #popup_inline ul.answers .comment .reply, .no-js #popup_inline ul.answers .answer .reply { display: none; } #comments .replyBox, .form-wrapper .replyBox, #popup .replyBox, #popup_inline .replyBox { float: left; width: 100%; } #comments .replyBox legend, .form-wrapper .replyBox legend, #popup .replyBox legend, #popup_inline .replyBox legend { font-size: 1.2em; } #comments .replyBox fieldset, .form-wrapper .replyBox fieldset, #popup .replyBox fieldset, #popup_inline .replyBox fieldset { margin: 10px 0 0 0; } #comments .loader, .form-wrapper .loader, #popup .loader, #popup_inline .loader { display: none; width: 24px; height: 24px; background: url(/images/main/template/ajax-loader-comments.gif) top left no-repeat; } #comments .reply + .loader, .form-wrapper .reply + .loader, #popup .reply + .loader, #popup_inline .reply + .loader { float: left; margin: 11px 0 0 10px; } #comments .replySubmit + .loader, .form-wrapper .replySubmit + .loader, #popup .replySubmit + .loader, #popup_inline .replySubmit + .loader { float: right; margin: 0 10px 0 0; } #popup ul.comments { background: #fff; margin: 0; width: 100%; } #popup ul.comments .comment { margin-bottom: 0; background: #fff; } #popup ul.comments ul { background: #fff; } ul.error { width: 100%; } ul.error li { margin: 0 !important; padding: 0 0 0 15px !important; color: #E81C00; } input.error, textarea.error { border: solid 1px #E81C00 !important; } #popup_inline .form-wrapper.enquiry-form.comment-form fieldset .form-row input[type="text"], #popup_inline .form-wrapper.enquiry-form.comment-form fieldset .form-row textarea { width: 70%; float: left; } #popup_inline .form-wrapper.enquiry-form.comment-form fieldset .form-row .form-info { width: 69%; } #popup_inline .form-wrapper.enquiry-form h3 { font-family: "HelveticaNeueW01-75Bold"; color: #666; border-top: 1px solid #b4b4b4; float: left; width: 100%; padding-top: 10px; margin-top: 30px; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row label { width: 100%; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row input[type="text"] { float: left; width: 74%; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row input[type="text"].error { border: 3px solid #009fda; width: 73%; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row p { float: left; margin-left: 18px; width: 110px; color: #00aeef; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row p span.mandatory { background: url("/images/main/template/sprite.png") -349px -295px no-repeat; display: block; float: left; width: 10px; height: 15px; margin: 0 0 0 -13px; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row p.error { font-family: "HelveticaNeueW01-75Bold"; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row p.error span.description { font-family: "HelveticaNeueW01-55Roma"; font-size: .8em; line-height: 1.5em; float: left; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row .form-info { background: #d3d3d3; padding: 12px; width: 74%; float: left; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row .form-info h3 { margin: 0; padding: 0; border: none; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row .form-info p { color: #4d4d4f; width: auto; margin: 0; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row input[type="checkbox"], #popup_inline .form-wrapper.enquiry-form fieldset .form-row input[type="radio"] { margin-right: 15px; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row .customfile { float: left; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row .add-field { background: url("/images/main/template/sprite.png") -380px -128px no-repeat; background-color: #767676; width: 30px; height: 30px; display: block; float: left; margin-left: 5px; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row.checkbox-row label { font-family: "HelveticaNeueW01-55Roma"; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row textarea { width: 74%; float: left; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row.button-row { width: 78%; margin-top: 10px; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row.button-row input[type="submit"] { background: #009fda; color: #fff; margin-left: 10px; } #popup_inline .form-wrapper.enquiry-form fieldset .form-row.button-row.full-width input[type="submit"] { width: 100%; } #popup-content .enquiry-form fieldset .form-row p { margin: 0 0 10px 18px; } #popup-content .enquiry-form fieldset .form-row .form-info p { margin: 0; } .js .scfForm .scfCheckbox input[type="checkbox"], .js .scfForm .scfCheckbox input[type="radio"], .js .scfForm .scfCheckBoxList input[type="checkbox"], .js .scfForm .scfCheckBoxList input[type="radio"], .js .scfForm .scfRadioButtonList input[type="checkbox"], .js .scfForm .scfRadioButtonList input[type="radio"] { position: absolute; left: -999em; } .js .scfForm .scfCheckbox label, .js .scfForm .scfCheckBoxList label, .js .scfForm .scfRadioButtonList label { padding-left: 23px; cursor: pointer; } .js .scfForm .scfCheckbox label, .js .scfForm .scfCheckBoxList label { background: url("/images/main/template/sprite-icon.png") left -1848px no-repeat; } .js .scfForm .scfCheckbox label:hover, .js .scfForm .scfCheckBoxList label:hover { background-position: left -1948px; } .js .scfForm .scfCheckbox label.checked, .js .scfForm .scfCheckBoxList label.checked { background-position: left -1898px; } .js .scfForm .scfCheckbox label.checked:hover, .js .scfForm .scfCheckBoxList label.checked:hover { background-position: left -1998px; } .js .scfForm .scfRadioButtonList label { background: url("/images/main/template/sprite-icon.png") left -2048px no-repeat; } .js .scfForm .scfRadioButtonList label:hover { background-position: left -2148px; } .js .scfForm .scfRadioButtonList label.checked { background-position: left -2098px; } .js .scfForm .scfRadioButtonList label.checked:hover { background-position: left -2198px; } .content .scfCaptcha img { max-width: none; } .content .scfCaptcha table td { border: none; padding: 0; } #back-to-top { position: absolute; bottom: 0; right: 0; width: 94%; padding: 11px 3% 0 3%; float: left; color: #fff; font-size: 0.8em; text-decoration: none; text-transform: uppercase; font-family: "HelveticaNeueW01-55Roma"; min-height: 21px; } html.industry #back-to-top { background-color: #009fda; } html.citizen #back-to-top { background-color: #ff6100; } html.theacma #back-to-top { background-color: #3f3f40; } html.spectrum #back-to-top { background-color: #771b58; } html.broadcast #back-to-top { background-color: #5a0068; } html.telco #back-to-top { background-color: #2a368d; } html.internet #back-to-top { background-color: #1a5899; } html.suppliers #back-to-top { background-color: #007085; } html.marketers #back-to-top { background-color: #01703a; } html.stay-protected #back-to-top { background-color: #9b258d; } html.consumer-info #back-to-top { background-color: #c1202a; } html.take-action #back-to-top { background-color: #592266; } #content-left.wide #back-to-top { position: static; width: 95.8%; padding-left: 2.3%; padding-right: 2.3%; } .content p, .content ol, .content ul { font-size: 1em; line-height: 1.4em; color: #4d4d4f; } .content ul, .content ol { margin: 1em 0; } .content ul ul, .content ul ol, .content ol ul, .content ol ol { margin: 0; padding-left: 16px; } .content ul ul ul ol, .content ul ol ul ol, .content ol ul ul ol, .content ol ol ul ol { padding-left: 32px; } .content a { color: #4d4d4f; text-decoration: underline; } .content ul { list-style-type: none; padding-left: 0; } .content ul li { background: url("/images/main/template/sprite-icon.png") left -2244px no-repeat; padding-left: 16px; } .content ul ul { font-size: 1em; } .content ol { padding-left: 2em; } .content ol.alpha { list-style-type: lower-alpha; } .content .section { color: #575757; font-family: "HelveticaNeueW01-75Bold"; margin-bottom: 0.3em; } .content .section a { text-decoration: none !important; } .content .section .rss { margin-left: 3px; } .content blockquote { margin: 0 0 1em 70px; border-top: solid 1px #b4b4b4; border-bottom: solid 1px #b4b4b4; color: #009fda; font-size: 1.3em; padding: 12px 0; line-height: 1.2em; } .content img { max-width: 100%; height: auto; width: auto; } .content .sub-heading { color: #BFBFBF; font-size: 2em; } .content table { width: 100%; margin: 1em 0; } .content table td, .content table th { padding: 5px 10px; border: solid 1px #AAA; } .content table td p, .content table th p { margin: 0; } .content table th { background-color: #4c4d4f; color: #fff; font-weight: normal; border-color: #AAA; } .content table th p { color: #fff; } .content .table-wrapper { overflow-x: scroll; max-width: 100%; width: 100%; margin: 1em 0; } .content .table-wrapper table { margin: 0; } .content.consultations .sub-heading { color: #4D4D4F; } .content.consultations .consultationNo { display: block; margin-top: -1em; font-size: 18px; font-family: "HelveticaNeueW01-75Bold"; color: #4d4d4f; } .content table tbody tr td .cell-highlight { background-color: #f4f4f8; } .content table tbody tr:nth-child(even) td { background-color: #f4f4f8; } .content table.column-highlight tbody tr:nth-child(even) td { background-color: transparent; } .content table.column-highlight tbody tr td:nth-child(even) { background-color: #f4f4f8; } #content-text { margin-right: 80px; margin-top: 20px; } #content-intro p { font-size: 1.3em; } .rss { display: inline-block; width: 13px; height: 13px; background: url("/images/main/template/sprite.png") left -380px no-repeat; text-indent: -999em; text-transform: capitalize; position: relative; top: 2px; z-index: 10; } .lt-ie8 .rss { top: -2px; } .white .rss, .rss.white { background-position: -20px -380px; } .spectrum .rss, .rss.spectrum { background-position: -40px -380px; } .telco .rss, .rss.telco { background-position: -60px -380px; } .dark-blue .rss, .rss.dark-blue { background-position: -80px -380px; } .internet .rss, .rss.internet { background-position: -100px -380px; } .suppliers .rss, .rss.suppliers { background-position: -120px -380px; } .marketers .rss, .rss.marketers { background-position: -140px -380px; } .broadcast .rss, .rss.broadcast { background-position: -160px -380px; } .blockheading { background-color: #4d4d4f; } .blockheading.spectrum, .spectrum .blockheading { background-color: #990066; } .blockheading.spectrum-dark, .spectrum-dark .blockheading { background-color: #771b58; } .blockheading.broadcast, .broadcast .blockheading { background-color: #6f2c90; } .blockheading.broadcast-dark, .broadcast-dark .blockheading { background-color: #5a0068; } .blockheading.telco, .telco .blockheading { background-color: #3856a5; } .blockheading.telco-dark, .telco-dark .blockheading { background-color: #2a368d; } .blockheading.internet, .internet .blockheading { background-color: #257cb7; } .blockheading.internet-dark, .internet-dark .blockheading { background-color: #1a5899; } .blockheading.suppliers, .suppliers .blockheading { background-color: #008585; } .blockheading.suppliers-dark, .suppliers-dark .blockheading { background-color: #007085; } .blockheading.marketers, .marketers .blockheading { background-color: #0a8b44; } .blockheading.marketers-dark, .marketers-dark .blockheading { background-color: #01703a; } #content-left .blockheading { font-family: "HelveticaNeueW01-75Bold"; color: #fff; clear: both; margin: 0px; float: left; width: 100%; margin-top: 10px; } #content-left .blockheading a { color: #fff; text-decoration: none; display: block; padding: 8px 10px 5px; } #content-left p.blockheading { padding: 8px 2% 5px 2%; width: 96%; } #referenced-items { float: left; width: 100%; } #referenced-items h3 { background: #d9d9d9; color: #4d4d4f; font-family: "HelveticaNeueW01-75Bold"; padding: 0 2%; width: 96%; font-size: 1em; min-height: 30px; line-height: 30px; margin: 0; } #referenced-items .row { border-top: solid 1px #b4b4b4; float: left; width: 100%; } #referenced-items .row.first { border: none; } #referenced-items a { float: left; width: 33.3%; position: relative; padding: 15px 0; text-decoration: none; } #referenced-items a p { margin: 0 10px 0 46px; font-size: 0.9em; line-height: 0.9em; word-wrap: break-word; } a.doc-icon { position: relative; display: block; } a.doc-icon .icon { width: 36px; height: 28px; display: block; position: absolute; top: 15px; left: 0; } a.doc-icon.pdf .icon { background: url("/images/main/template/sprite-document-icon.png") 0px 0px no-repeat; } a.doc-icon.word .icon, a.doc-icon.DOCX .icon, a.doc-icon.DOC .icon, a.doc-icon.docx .icon, a.doc-icon.doc .icon { background: url("/images/main/template/sprite-document-icon.png") 0px -80px no-repeat; } a.doc-icon.powerpoint .icon { background: url("/images/main/template/sprite-document-icon.png") 0px -160px no-repeat; } a.doc-icon.excel .icon { background: url("/images/main/template/sprite-document-icon.png") 0px -240px no-repeat; } a.doc-icon.image .icon { background: url("/images/main/template/sprite-document-icon.png") 0px -320px no-repeat; } a.doc-icon.url .icon { background: url("/images/main/template/sprite-document-icon.png") 0px -400px no-repeat; } a.doc-icon.zip .icon { background: url("/images/main/template/sprite-document-icon.png") 0px -480px no-repeat; } a.doc-icon.file .icon { background: url("/images/main/template/sprite-document-icon.png") 0px -560px no-repeat; } a.doc-icon:hover { text-decoration: underline; } a.doc-icon .type { font-family: "HelveticaNeueW01-75Bold"; } a.doc-icon .type span { font-family: "HelveticaNeueW01-45Ligh"; color: #969696; font-size: 0.8em; margin-right: 5px; } .social-bar { width: 100%; float: left; height: 30px; font-size: 0.8em; } .industry .social-bar { background-color: #009fda; } .citizen .social-bar { background-color: #ff6100; } .theacma .social-bar { background-color: #3f3f40; } .spectrum .social-bar { background-color: #990066; } .broadcast .social-bar { background-color: #6f2c90; } .telco .social-bar { background-color: #3856a5; } .internet .social-bar { background-color: #257cb7; } .suppliers .social-bar { background-color: #008585; } .marketers .social-bar { background-color: #0a8b44; } .stay-protected .social-bar { background-color: #c4268e; } .consumer-info .social-bar { background-color: #e81c00; } .take-action .social-bar { background-color: #6f2c90; } .social-bar a, .social-bar div { float: left; color: #fff; text-decoration: none; line-height: 30px; margin-left: 10px; margin-right: 15px; } .social-bar a .icon, .social-bar div .icon { width: 16px; height: 20px; float: left; margin: 5px 8px 0 0; display: block; } .social-bar .social-comments .icon { background: url("/images/main/template/sprite.png") -100px -100px no-repeat; margin-top: 9px; width: 13px; } .social-bar .social-facebook .icon { background: url("/images/main/template/sprite.png") -100px -180px no-repeat; width: 9px; } .social-bar .social-twitter .icon { background: url("/images/main/template/sprite.png") -150px -180px no-repeat; margin-top: 8px; } .social-bar .social-linkedin .icon { background: url("/images/main/template/sprite.png") -180px -180px no-repeat; margin-top: 6px; } .social-bar .social-email { background: url("/images/main/template/sprite.png") -50px -180px no-repeat; float: right; width: 18px; height: 10px; margin: 9px 10px 0 10px; } .social-bar .social-print { background: url("/images/main/template/sprite.png") 0px -180px no-repeat; float: right; width: 17px; height: 17px; margin: 5px 0 0 0; } #search-results .social-bar { margin: 10px 0 0 0; background-color: #D2D2D2; } #search-results .social-bar a, #search-results .social-bar div, #search-results .social-bar .label { color: #4d4d4f; } #search-results .social-bar .social-comments .icon { background-position: -120px -100px; } #search-results .social-bar .social-facebook .icon { background-position: -100px -200px; } #search-results .social-bar .social-twitter .icon { background-position: -150px -200px; } #search-results .social-bar .social-linkedin .icon { background-position: -180px -200px; } #content-right { float: right; margin-left: 2%; width: 30.2%; overflow-x: hidden; position: relative; z-index: 3; padding-bottom: 100px; } #content-right.fixed { position: fixed; top: 0; right: 50%; margin-right: -480px; max-width: 290px; z-index: 100; } .lt-ie9 #content-right.fixed { width: auto; } #content-right h2 { width: 95%; padding: 0 3%; float: left; color: #fff; line-height: 30px; font-size: 1.1em; margin: 0; } #content-right h2 span { float: left; font-family: "HelveticaNeueW01-45Ligh"; font-size: 1em; } html.industry #content-right h2 { background-color: #009fda; } html.citizen #content-right h2 { background-color: #ff6100; } html.theacma #content-right h2 { background-color: #3f3f40; } html.spectrum #content-right h2 { background-color: #771b58; } html.broadcast #content-right h2 { background-color: #5a0068; } html.telco #content-right h2 { background-color: #2a368d; } html.internet #content-right h2 { background-color: #1a5899; } html.suppliers #content-right h2 { background-color: #007085; } html.marketers #content-right h2 { background-color: #01703a; } html.stay-protected #content-right h2 { background-color: #9b258d; } html.consumer-info #content-right h2 { background-color: #c1202a; } html.take-action #content-right h2 { background-color: #592266; } #content-right h2 a.see-more { position: absolute; right: 10px; padding: 13px 0; color: #fff; font-size: 0.75em; font-family: "HelveticaNeueW01-55Roma"; text-transform: uppercase; line-height: 0.75em; } #content-right a.filter { width: 95%; padding: 7px 3% 0 3%; float: left; color: #fff; min-height: 23px; font-size: 1.1em; background: #4d4d4f; margin: 0 0 3px 0; } #content-right a.filter strong { font-family: "HelveticaNeueW01-45Ligh"; } .industry #content-right a.filter.active { background-color: #009fda; } .citizen #content-right a.filter.active { background-color: #ff6100; } .theacma #content-right a.filter.active { background-color: #262626; } #content-right a.filter.active strong { font-family: "HelveticaNeueW01-75Bold"; } #content-right a.filter .icon { float: right; width: 14px; height: 14px; background: url("/images/main/template/sprite.png") -247px -99px no-repeat; margin: 2px 3px 0 0; } #content-right a.filter.images .icon { background-position: -200px -118px; } #content-right a.filter.video .icon { background-position: -50px -98px; } #content-right a.filter.audio .icon { background-position: -199px -100px; } #content-right .form-list li { margin: 0; padding: 7px 0; font-size: .9em; width: 93%; background: url(/images/main/template/gradient-lines.png) -716px -609px no-repeat; } #content-right .form-list li:first-child { background: none; } #content-right .expandable-content { margin-top: 2px; float: left; overflow-x: hidden; width: 100%; } #content-right .expandable-content.divided { margin-top: 10px; } #content-right .expandable-content.first { margin-top: 0; } .js #content-right .expandable-content .inner { display: none; } .js #content-right .expandable-content#commentsBySection .inner { display: block; position: relative; } .js #content-right .expandable-content#commentsBySection .inner.scrolling { max-height: 400px; overflow-y: scroll; overflow-x: hidden; } #content-right .expandable-content h2 { width: 98%; padding-right: 0; } #content-right .expandable-content h2 a { font-family: "HelveticaNeueW01-45Ligh"; font-size: 1em; color: #fff; width: 100%; float: left; display: block; position: relative; } #content-right .expandable-content h2 a .arrow-icon { right: 0px; position: absolute; top: 10px; } #content-right .expandable-content h2.open a.arrow-icon { background-position: right -1695px; } #content-right .expandable-content .view-all { background: #8d8d8d; margin: 0; width: 93%; padding: 6px 3.6%; clear: both; font-size: 1em; min-height: 19px; line-height: 19px; } #content-right .expandable-content .view-all a { color: #fff; } #content-right .expandable-content ul.sub-expandable { margin: 0; width: 100%; float: left; } #content-right .expandable-content ul.sub-expandable > li { padding: 0; margin-bottom: 0; } #content-right .expandable-content ul.sub-expandable > li.last .doc-comments, #content-right .expandable-content ul.sub-expandable > li.closed.last .sub-heading, #content-right .expandable-content ul.sub-expandable > li.last .sub-content { border: none; } #content-right .expandable-content ul.sub-expandable > li.closed .sub-content { display: none; } .no-js #content-right .expandable-content ul.sub-expandable > li.closed .sub-content { display: block; } #content-right .expandable-content .sub-content { border-bottom: 2px solid #000; } #content-right .expandable-content .sub-content.padded-text { padding: 10px; width: 93%; float: left; background: #fff; } #content-right .expandable-content .sub-content.padded-text p { font-size: 1em; line-height: 1.4em; margin-bottom: 10px; } #content-right .expandable-content .sub-content.padded-text a { text-decoration: underline; } #content-right .expandable-content .sub-content.padded-text a.button { text-decoration: none; } #content-right .expandable-content .sub-heading { background: #ebebeb; border-bottom: 2px solid #000; float: left; width: 100%; position: relative; } #content-right .expandable-content .sub-heading h3 { float: left; font-size: 1em; margin-left: 10px; width: 93%; } #content-right .expandable-content .sub-heading h3 a { display: block; width: 100%; float: left; padding: 5px 0 7px 0; color: #009fda; font-family: "HelveticaNeueW01-75Bold"; } #content-right .expandable-content .sub-heading h3 a.active { font-family: "HelveticaNeueW01-75Bold"; } #content-right .expandable-content .sub-heading h3 a .small-comment-icon { right: 10px; position: absolute; top: 8px; } #content-right .expandable-content#answers .sub-heading h3 a .small-comment-icon { background-position: 0 -1360px; width: 8px; height: 11px; top: 8px; } #content-right .expandable-content .doc-comments { background: #fff; border-bottom: 2px solid #000; width: 100%; float: left; margin: 0; padding: 0; } #content-right .expandable-content .doc-comments li { margin: 0 10px; padding: 13px 0; width: 93%; background: url(/images/main/template/gradient-lines.png) -1029px -609px no-repeat; } #content-right .expandable-content .doc-comments li:first-child { background: none; } #content-right .expandable-content .doc-comments li.view-all { background: #8d8d8d; margin: 0; width: 93%; padding: 6px 3.6%; } #content-right .expandable-content .doc-comments li.view-all a { color: #fff; } #content-right .expandable-content .doc-comments li.view-all .comment-actions .button { padding: 0; background-color: #8d8d8d; } #content-right .expandable-content .doc-comments li.view-all .comment-actions .button.add span { margin-top: 3px; } #content-right .expandable-content .doc-comments li .comment-info { width: 100%; font-size: .9em; float: left; } #content-right .expandable-content .doc-comments li .comment-info p { margin: 0; } #content-right .expandable-content .doc-comments li .comment-info .author { font-family: "HelveticaNeueW01-75Bold"; color: #4d4d4f; margin-left: 30px; } #content-right .expandable-content .doc-comments li .comment-info .time-posted { color: #969696; margin-left: 30px; } #content-right .expandable-content .doc-comments li .comment-info .large-comment-icon { background: url("/images/main/template/sprite-icon.png") 1px -1387px no-repeat; width: 22px; height: 25px; display: block; float: left; } #content-right .expandable-content .doc-comments li .comment-excerpt { float: left; margin-top: 6px; margin-bottom: 6px; } #content-right .expandable-content .doc-comments li .comment-actions { float: right; } #content-right .expandable-content .doc-comments li .comment-actions .button { float: left; margin-left: 0px; padding: 3px 7px; font-size: .8em; font-family: "HelveticaNeueW01-55Roma"; color: #fff; } #content-right .expandable-content .doc-comments li .comment-actions .button.reply span { background: url("/images/main/template/sprite-icon.png") 0px -1512px no-repeat; width: 24px; height: 12px; display: block; float: left; } #content-right .expandable-content .doc-comments li .comment-actions .button.add span { background: url("/images/main/template/sprite-icon.png") 0px -1572px no-repeat; width: 19px; height: 13px; display: block; float: left; } #content-right .expandable-content .doc-comments li .read-more { text-transform: uppercase; color: #828283; font-size: .7em; float: left; font-family: "HelveticaNeueW01-45Ligh"; margin-top: 6px; } #content-right #keywords .big { font-size: 1.9em; } #content-right #keywords .medium { font-size: 1.3em; } #content-right #keywords .small { font-size: 0.9em; } .question { display: block; position: relative; padding: 10px 35px 10px 10px; background-color: #EBEBEB; margin-bottom: 1em; text-decoration: none; } .question .inline-comments { border: none; right: 10px; top: 10px; } .question .inline-comments a { margin-top: 3px; } .question p, .question ul, .question ol { margin-top: 1em; margin-bottom: 0; } .question p:first-child, .question ul:first-child, .question ol:first-child { margin-top: 0; } .filter { float: left; width: 100%; background: #bfbfbf; } .filter h3 { width: 95%; padding: 5px 3% 0 3%; float: left; color: #fff; min-height: 25px; font-size: 1.1em; margin: 0; background: #4d4d4f; } .filter ul { float: left; width: 97%; clear: both; padding-left: 0; list-style-position: outside; list-style-type: none; margin: 8px 0 8px 3%; font-size: 0.9em; } .filter ul li { float: none; background: url("/images/main/template/sprite-icon.png") left -1193px no-repeat; padding-left: 10px; font-family: "HelveticaNeueW01-55Roma"; margin-bottom: 2px; } .filter ul li a { color: #4d4d4f; } .filter ul li a:hover, .filter ul li a.active { text-decoration: underline; } .related-content { float: left; width: 100%; background: #bfbfbf; } .related-content ul { width: 94%; margin: 0 3%; list-style-type: none; padding: 0; float: left; background: #9d9d9d; background: -webkit-gradient(linear, left top, right top, from(#9d9d9d), to(#bfbfbf)); background: -webkit-linear-gradient(left, #9d9d9d, #bfbfbf); background: -moz-linear-gradient(left, #9d9d9d, #bfbfbf); background: -ms-linear-gradient(left, #9d9d9d, #bfbfbf); background: -o-linear-gradient(left, #9d9d9d, #bfbfbf); background: linear-gradient(to right, #9d9d9d, #bfbfbf); -pie-background: linear-gradient(to left, #9d9d9d, #bfbfbf); behavior: url(/js/libs/PIE.htc); position: relative; } .related-content li { padding: 8px 0; position: relative; float: left; width: 100%; background-color: #bfbfbf; margin-bottom: 1px; } .related-content li:first-child { background-image: none; } .related-content li a { color: #4d4d4f; } .related-content li a.button { color: #fff; } .related-content li a:hover { text-decoration: underline; } .related-content h3 { color: #4d4d4f; line-height: 1em; font-size: 1.2em; margin: 0; } .related-content h3 a { color: #4d4d4f; } .related-content h3 a:hover { text-decoration: underline; } .related-content p { color: #4d4d4f; line-height: 1em; font-size: 0.9em; margin: 0; } .related-content .icons { position: static; float: right; margin-top: 1em; } .related-content img + p + .icons { position: absolute; bottom: 8px; right: 8px; } .related-content .doc-icon { margin: 0 6px; border-top: 1px solid #a1a1a1; padding: 10px 40px 10px 0; font-family: "HelveticaNeueW01-55Roma"; } .related-content .doc-icon:hover { text-decoration: none; } .related-content .doc-icon:hover .title { text-decoration: underline; } .related-content .doc-icon p { margin: 0; } .related-content .doc-icon .icon { left: auto; right: 0; top: 5px; } .related-content .doc-icon .title { color: #2e2e2f; margin-bottom: 5px; } .related-content .doc-icon .type { color: #969696; font-size: .7em; } .related-content .row.first .doc-icon { border: none; } .related-content .highlight { margin-bottom: 2px; } .related-content .date { font-size: 0.80em; margin: 2px 0 1em 0; } .related-content img { float: left; margin: 0 10px 0 0; } .related-content#related-topics ul li { font-size: 0.9em; padding: 8px 0; } .related-content .social-info { border-top: solid 1px #969696; padding-top: 10px; margin-top: 10px; position: relative; } .related-content .social-info img { position: absolute; top: 10px; left: 0; } .related-content .social-info h4 { font-size: 0.9em; margin: 0; color: #fff; } #content-right .related-content .social-info h4 { color: #4d4d4f; } .related-content .social-info p { margin-bottom: 0; line-height: 1.4em; } .related-content .social-info p a:hover { text-decoration: underline; } .related-content .social-info h4, .related-content .social-info p { margin-left: 40px; } #content-left.consultations + #content-right .related-content { background: #fff; } .inline-comments { position: absolute; right: 10px; border-top: 1px solid #009fda; width: 70px; text-align: right; } .inline-comments a { margin-top: 5px; text-decoration: none; background: url("/images/main/template/sprite-icon.png") 1px -1387px no-repeat; display: block; float: right; width: 22px; height: 25px; color: #262626; font-size: 12px; line-height: 16px; height: 18px; text-align: center; font-family: "uni05_53Regular"; text-indent: 2px; } #most-commented .inner, #most-read .inner { float: left; width: 100%; } .js #most-commented .inner, .js #most-read .inner { display: none; } #popup, #popup_inline { width: 550px; float: left; position: absolute; left: 200px; top: 50px; background: #fff; padding: 0; z-index: 110; display: none; -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.7); -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.7); box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.7); -pie-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.7); margin-bottom: 20px; } .lt-ie9 #popup, .lt-ie9 #popup_inline { behavior: url(/js/libs/PIE.htc); position: relative; } .lt-ie9 #popup, .lt-ie9 #popup_inline { -webkit-box-shadow: 5px 5px 10px 0px #000; -moz-box-shadow: 5px 5px 10px 0px #000; box-shadow: 5px 5px 10px 0px #000; -pie-box-shadow: 5px 5px 10px 0px #000; position: absolute; } .lt-ie9 .lt-ie9 #popup, .lt-ie9 .lt-ie9 #popup_inline { behavior: url(/js/libs/PIE.htc); position: relative; } #popup .related-content, #popup_inline .related-content { background: #fff; } #popup-content { padding: 10px; float: left; width: 530px; position: relative; } #popup-content p { margin: 0 30px 1em 0; } #popup-content img { float: left; margin-right: 10px; } #popup-content #recaptcha_table img { float: none; margin-right: 0; } #popup-content h2 { font-family: "HelveticaNeueW01-45Ligh"; font-size: 2.2em; line-height: 1em; margin-top: 4px; margin-right: 30px; } #popup-content h2 a { text-decoration: none; } .industry #popup-content h2 a { color: #009fda; } .citizen #popup-content h2 a { color: #ff6100; } .theacma #popup-content h2 a { color: #000; } #popup-content h2 a:hover { text-decoration: underline; } #popup-content .icons { bottom: 10px; right: 10px; } #popup-related { float: left; width: 550px; } .popup-related-column { float: left; width: 275px; } .popup-related-column.single { width: 550px; } .popup-related-column.single h3 { width: 530px; } .popup-related-column h3 { width: 255px; padding: 0 10px; height: 30px; color: #fff; font-family: "HelveticaNeueW01-75Bold"; line-height: 30px; font-size: 0.9em; } #popup .industry .popup-related-column h3 { background-color: #009fda; } #popup .citizen .popup-related-column h3 { background-color: #ff6100; } #popup .theacma .popup-related-column h3 { background-color: #000; } #popup .spectrum .popup-related-column h3 { background-color: #771b58; } #popup .broadcast .popup-related-column h3 { background-color: #5a0068; } #popup .telco .popup-related-column h3 { background-color: #2a368d; } #popup .internet .popup-related-column h3 { background-color: #1a5899; } #popup .suppliers .popup-related-column h3 { background-color: #007085; } #popup .marketers .popup-related-column h3 { background-color: #01703a; } #popup .stay-protected .popup-related-column h3 { background-color: #9b258d; } #popup .consumer-info .popup-related-column h3 { background-color: #c1202a; } #popup .take-action .popup-related-column h3 { background-color: #592266; } #popup .about .popup-related-column h3, #popup .newsroom .popup-related-column h3, #popup .consultations .popup-related-column h3, #popup .researchacma .popup-related-column h3, #popup .acma-i .popup-related-column h3, #popup .engage .popup-related-column h3, #popup .engage-blogs .popup-related-column h3 { background-color: #000; } .popup-related-column ul { padding-left: 0; list-style-position: outside; color: #fff; margin: 8px 0 8px 10px; font-size: 0.9em; } .popup-related-column ul li { float: none; background: url("/images/main/template/sprite-icon.png") left -1102px no-repeat; padding-left: 12px; } .popup-related-column ul li a { color: #fff; text-decoration: none; font-family: "HelveticaNeueW01-55Roma"; } .popup-related-column ul li a:hover { text-decoration: underline; } #popupRelatedColumn1 { background: #575757; } #popupRelatedColumn2 { background: #767676; } #popup-close { height: 20px; width: 20px; background: url("/images/main/template/sprite.png") -144px -114px no-repeat; position: absolute; top: 5px; right: 5px; display: block; z-index: 115; } #popup-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 100; display: none; } .lt-ie9 #popup-overlay { background: url(/images/main/template/transparent-black-70.png) top left repeat; } .cupcake-pagination { position: absolute; right: -40px; bottom: 0; width: 30px; display: block; } .cupcake-pagination .page { width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; background: #4d4d4f; float: left; clear: left; margin-top: 2px; font-size: 0.9em; } .cupcake-pagination .page:hover, .cupcake-pagination .page.active { background-color: #bfbfbf; color: #000; } a.cupcake-pagination-next { font-size: 0.8em; color: #969696; line-height: 0.8em; } a.cupcake-pagination-prev { font-size: 0.8em; color: #969696; line-height: 0.8em; } .search h1 + p { float: left; width: 60%; } #search-filter { float: right; margin-bottom: 10px; } #search-filter .form-row { float: left; margin-left: 10px; } #search-filter label { float: left; font-size: 0.7em; text-transform: uppercase; margin-bottom: 0.2em; } #search-filter select { float: left; clear: left; width: 60px; } #search-filter .dk_container { float: left; clear: left; min-width: 60px; margin-bottom: 0; } .theacma #search-filter .dk_container { background-color: #3F3F40; } #search-results { clear: both; float: left; width: 100%; } #search-results > ul { float: left; width: 100%; margin: 0; } #search-results > ul > li { float: left; background: #ebebeb; position: relative; padding: 0; margin-bottom: 10px; width: 100%; } #search-results > ul > li .inner { padding: 10px 2%; width: 96%; position: relative; background: #ebebeb; float: left; } #search-results > ul > li .time { float: right; background: none; font-size: 0.9em; width: auto; } #search-results > ul > li h2 { font-family: "HelveticaNeueW01-45Ligh"; font-size: 1.8em; margin: 0.2em 0 0.5em 0; line-height: 1em; } #search-results > ul > li h2 a { color: inherit; text-decoration: none; } .citizen #search-results > ul > li h2 a { color: #ff6100; } .theacma #search-results > ul > li h2 a { color: #4d4d4f; } #search-results > ul > li h2 a:hover { text-decoration: underline; } #search-results > ul > li img { float: left; margin-right: 15px; } #search-results > ul > li img + p { width: 70%; float: left; } #search-results > ul > li .author { margin: -10px 0 1em 0; } #search-results > ul > li .time { text-align: right; } #search-results > ul > li .content-type { text-decoration: none; margin-left: 0; } #search-results > ul > li .highlight + .content-type { margin-left: 10px; } #search-results > ul > li p { margin-bottom: 0; width: 90%; } #search-results > ul > li .icons { position: static; clear: left; } #search-results > ul > li .related-keywords { background: #b4b4b4; padding: 8px 2% 4px 2%; width: 96%; float: left; font-size: 0.9em; border: none; margin-top: -1px; } #search-results > ul > li .related-keywords p { float: left; margin: 0; font-family: "HelveticaNeueW01-75Bold"; width: auto; margin-right: 10px; } #search-results > ul > li .related-keywords ul { float: left; width: auto; clear: none; background: none !important; behavior: none !important; } #search-results > ul > li .related-keywords li { float: left; background: url(/images/main/template/gradient-lines.png) right -500px no-repeat; margin: 0; padding: 0 8px 4px 8px; } #search-results > ul > li .related-keywords li.last { background: none; } #search-results > ul > li .related-keywords li a { text-decoration: none; } #search-results > ul > li .related-keywords li a:hover { text-decoration: underline; } #search-results .content-type-rss { font-size: 1.2em; } #search-results .read-more { text-align: right; clear: both; width: 100%; } #search-results .read-more a { font-size: 0.95em; text-decoration: none; } #search-results .read-more a:hover { text-decoration: underline; } .content-type-rss { color: #fff; display: inline; z-index: 10; position: relative; font-size: 1.1em; padding-right: 5px; } .spectrum .content-type-rss, .content-type-rss.spectrum { color: #990066; } .spectrum-dark .content-type-rss, .content-type-rss.spectrum-dark { color: #771b58; } .broadcast .content-type-rss, .content-type-rss.broadcast { color: #6f2c90; } .broadcast-dark .content-type-rss, .content-type-rss.broadcast-dark { color: #6f2c90; } .telco .content-type-rss, .content-type-rss.telco { color: #3856a5; } .telco-dark .content-type-rss, .content-type-rss.telco-dark { color: #2a368d; } .internet .content-type-rss, .content-type-rss.internet { color: #257cb7; } .internet-dark .content-type-rss, .content-type-rss.internet-dark { color: #1a5899; } .suppliers .content-type-rss, .content-type-rss.suppliers { color: #008585; } .suppliers-dark .content-type-rss, .content-type-rss.suppliers-dark { color: #007085; } .marketers .content-type-rss, .content-type-rss.marketers { color: #0a8b44; } .marketers-dark .content-type-rss, .content-type-rss.marketers-dark { color: #01703a; } .related-keywords { border-top: 1px solid #8F8F8F; padding: 7px 0; float: left; width: 100%; } .related-keywords p { font-family: "HelveticaNeueW01-75Bold"; margin: 0 10px 0 0; float: left; } .related-keywords ul { float: left; margin: 0; max-width: 70%; } .related-keywords ul li { background: #fff; padding: 0px 10px; float: left; background: url(/images/main/template/gradient-lines.png) right -500px no-repeat; } .related-keywords ul li:first-child { margin: 0; } .related-keywords ul li.last { background: none; } .related-keywords ul li a { text-decoration: none; } .related-keywords ul li a:hover { text-decoration: underline; } #search-pagination { float: left; width: 100%; padding: 10px 0 20px 0; } #search-pagination p { font-size: 0.8em; text-transform: uppercase; margin: 0 0 2px 0; } #search-pagination ul { float: left; clear: left; margin: 0; } #search-pagination li { float: left; background: none; clear: none; margin: 0 2px 0 0; padding: 0; } #search-pagination li a { float: left; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #969696; color: #fff; font-size: 0.8em; text-decoration: none; font-family: "HelveticaNeueW01-75Bold"; } #search-pagination li.active a, #search-pagination li:hover a { background: #4d4d4f; } #search-pagination li#search-pagination-previous a { text-indent: -999em; text-transform: capitalize; background-image: url(/images/main/template/sprite.png); background-position: -350px -100px; } #search-pagination li#search-pagination-next a { text-indent: -999em; text-transform: capitalize; background-image: url(/images/main/template/sprite.png); background-position: -350px -130px; } .industry #search-pagination li#search-pagination-previous a, .industry #search-pagination li#search-pagination-next a { background-color: #009fda; } .citizen #search-pagination li#search-pagination-previous a, .citizen #search-pagination li#search-pagination-next a { background-color: #ff6100; } .theacma #search-pagination li#search-pagination-previous a, .theacma #search-pagination li#search-pagination-next a { background-color: #4d4d4f; } #consultation-filter { float: left; width: 100%; } #consultation-filter #consultations-status { float: left; } #consultation-filter #consultations-status label { font-size: 0.7em; text-transform: uppercase; margin-bottom: 0.2em; } .calendar { width: 100%; } .calendar caption { margin: 5px 0; text-align: center; } .calendar .month { font-weight: bold; font-size: 1em; font-family: 'Helvetica', Arial, sans-serif; color: #4f4f51; } .calendar .cal-nav a { font-size: 1.3em; } .calendar .cal-nav { float: left; margin-top: 5px; } .calendar .cal-nav a { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; width: 10px; height: 10px; } .calendar .cal-nav.first a { background: url("/images/main/template/sprite-icon.png") left -2348px no-repeat; margin-right: 40px; } .calendar .cal-nav.prev a { background: url("/images/main/template/sprite-icon.png") left -2444px no-repeat; } .calendar .cal-nav.next { float: right; } .calendar .cal-nav.next a { background: url("/images/main/template/sprite-icon.png") left -2397px no-repeat; } .calendar .cal-nav.last { float: right; } .calendar .cal-nav.last a { background: url("/images/main/template/sprite-icon.png") left -2301px no-repeat; margin-left: 40px; } .calendar th { background: #acacac; font-family: 'Helvetica', Arial, sans-serif; font-weight: bold; color: #515151; font-size: .9em; } .calendar td { padding: 9px 0; background: #fff; text-align: center; border-right: 2px solid #c0c0c0; border-top: 2px solid #c0c0c0; width: 6%; } .calendar td a { color: #4a4a4a; } .calendar td a:hover { text-decoration: underline; } .calendar .weekend { background: #d2d2d2; } .calendar .today { background: #000; } .calendar .consultation { background: #969696; } .calendar .selected { background: #3f3f41; } .calendar .today a, .calendar .consultation a, .calendar .selected a { color: #fff !important; } .calendar .off { background: #fff !important; } .calendar .off a { color: #959595 !important; } #content-right > .box > .calendar > tbody > tr:first-child > td { padding: 0; border: 0; } #content-right > .box > .calendar > tbody > tr:first-child > td td { border-top: 0; } #content-right > .box > .calendar > tbody > tr:first-child > td td[align=right] { border-right: 0; } .button { background: #009fda; padding: 5px; color: #fff; display: block; border: none; font-family: "HelveticaNeueW01-75Bold"; cursor: pointer; text-decoration: none; } .button:focus { outline-color: #fff; } .citizen .button { background-color: #ff6100; } .theacma .button { background-color: #8d8d8d; } .button:visited { color: #fff; } img.infographic { max-width: 600px; } .inner .headerRsBtn { float: right; border: 0; background: transparent; border-radius: 0; } .inner .headerRsBtn .rsbtn_play { margin: 0; } /********************* Google search tweeks \*********************/ #content-left .gsc-control-cse { border: none; padding: 0; margin-top: 30px; } #content-left .gsc-control-cse input.gsc-search-button { border: none; background: #4d4d4f; height: 30px; border-radius: 0; } #content-left .gsc-control-cse input.gsc-input { min-height: 20px; line-height: 20px; padding-top: 4px; padding-bottom: 4px; } #content-left .gsc-control-cse .gsc-selected-option-container { background: url("/images/main/template/sprite-icon.png") #4D4D4F right -90px no-repeat; width: auto !important; color: #fff; box-shadow: none; } #content-left .gsc-control-cse .gsc-option-menu .gsc-option-menu-item { font-weight: bold; font-size: 0.85em; } #content-left .gsc-control-cse .gsc-option-menu .gsc-option-menu-item.gsc-option-menu-item-highlighted { background-color: #4d4d4f !important; color: #fff; } #content-left .gsc-control-cse .gsc-option-menu .gsc-option-menu-item:hover { background-color: #eee; } #content-left .gsc-control-cse .table-wrapper { margin: 0; overflow: visible; } #content-left .gsc-control-cse .gsc-search-box { padding: 0; } #content-left .gsc-control-cse .gsc-resultsHeader { display: none; } #content-left .gsc-control-cse .gsc-url-bottom { display: none; } #content-left .gsc-control-cse .gsc-result { padding: 0; border: none; margin-top: -3px; } #content-left .gsc-control-cse .gsc-result .gsc-table-result { margin-bottom: 0; border: none; background-color: #EBEBEB !important; } #content-left .gsc-control-cse .gsc-result td { padding: 10px 2%; } #content-left .gsc-control-cse .gsc-result div.gs-title { margin-bottom: 0.5em; font-size: 1.8em; font-family: "HelveticaNeueW01-45Ligh"; text-decoration: none; } #content-left .gsc-control-cse .gsc-result div.gs-title b { font-family: "HelveticaNeueW01-55Roma"; } #content-left .gsc-control-cse .gsc-result div.gs-title a { font-size: inherit; text-decoration: none; } #content-left .gsc-control-cse .gsc-result div.gs-title a:hover { text-decoration: underline; } #content-left .gsc-control-cse .gsc-result .gs-snippet { border: none; background: none; padding: 0; margin-bottom: 0; } #content-left .gsc-control-cse .gsc-result .gs-no-results-result { padding: 10px 2%; } #content-left .gsc-control-cse .gsc-result td { border: none; vertical-align: middle; } #content-left .gsc-control-cse .gsc-result b, #content-left .gsc-control-cse .gsc-result .gs-visibleUrl { font-weight: normal !important; font-family: "HelveticaNeueW01-75Bold"; font-size: inherit; text-decoration: none; } #content-left .gsc-control-cse .gsc-cursor-box { float: left; clear: left; padding: 0; } #content-left .gsc-control-cse .gsc-cursor-box .gsc-cursor-page { color: #fff; width: 20px; height: 20px; line-height: 20px; text-align: center; float: left; margin-right: 2px; padding: 0; background-color: #969696; font-size: 0.85em; font-family: "HelveticaNeueW01-75Bold"; text-decoration: none; cursor: pointer; } #content-left .gsc-control-cse .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page, #content-left .gsc-control-cse .gsc-cursor-box .gsc-cursor-page:hover { background-color: #4d4d4f; } #content-left .gsc-control-cse .gsc-above-wrapper-area-container { margin: 0; } #content-left .gsc-control-cse .gsc-above-wrapper-area-container td { border: none; padding: 0; } #content-left .gsc-control-cse .gsc-above-wrapper-area-container .gsc-result-info { padding: 0; } #content-left .gsc-control-cse table.gcsc-branding { width: auto; } #content-left .gsc-control-cse table.gcsc-branding .gcsc-branding-img-noclear { max-width: none; margin-top: -5px; } #content-left .gsc-control-cse td { border: none; padding: 0; } .gsc-webResult.gsc-result:hover, .gsc-imageResult:hover { background: #EBEBEB !important; } .gsc-resultsbox-invisible { display: block !important; } #discover-more { float: left; width: 100%; height: 30px; position: relative; background: #000; } #discover-more .container { overflow-x: hidden; } #discover-more h3 { font-family: 'HelveticaNeueW01-45Ligh'; float: left; height: 30px; line-height: 30px; margin: 0; color: #fff; padding: 0 20px 0 10px; font-size: 1.1em; border-right: solid 2px #262626; position: relative; z-index: 10; background: #000; } #discover-more #discover-previous, #discover-more #discover-next { float: left; height: 30px; width: 30px; text-indent: -999em; text-transform: capitalize; background-color: #000; display: none; } #discover-more #discover-previous:hover:before, #discover-more #discover-next:hover:before { color: #fff; } #discover-more #discover-previous:before, #discover-more #discover-next:before { content: ""; display: inline-block; color: #8d8d8d; font-size: 16px; line-height: 16px; height: 16px; width: 16px; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } #discover-more #discover-previous { border-right: solid 2px #262626; position: relative; z-index: 10; } #discover-more #discover-next { position: absolute; right: 0; top: 0; border-left: solid 2px #262626; } #discover-more #discover-next:before { content: ""; } #discover-more nav { float: left; } #discover-more .wrapper { float: left; width: 5000px; overflow-x: hidden; height: 30px; position: absolute; left: -5000px; top: 0px; } #discover-more ul { float: left; height: 30px; position: relative; } #discover-more li { float: left; border-right: solid 2px #262626; } #discover-more li a { float: left; color: #fff; background: #000; height: 30px; line-height: 30px; padding: 0 12px; font-size: 0.9em; } #discover-more li a.active { font-family: 'HelveticaNeueW01-75Bold'; } .spectrum #discover-more li a.active, .spectrum #discover-more li a:hover { background: #990066; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7a0052), to(#990066)); background: -webkit-linear-gradient(#7a0052, #990066); background: -moz-linear-gradient(#7a0052, #990066); background: -ms-linear-gradient(#7a0052, #990066); background: -o-linear-gradient(#7a0052, #990066); background: linear-gradient(#7a0052, #990066); -pie-background: linear-gradient(#7a0052, #990066); behavior: url(/js/libs/PIE.htc); position: relative; } .broadcast #discover-more li a.active, .broadcast #discover-more li a:hover { background: #6f2c90; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#592373), to(#6f2c90)); background: -webkit-linear-gradient(#592373, #6f2c90); background: -moz-linear-gradient(#592373, #6f2c90); background: -ms-linear-gradient(#592373, #6f2c90); background: -o-linear-gradient(#592373, #6f2c90); background: linear-gradient(#592373, #6f2c90); -pie-background: linear-gradient(#592373, #6f2c90); behavior: url(/js/libs/PIE.htc); position: relative; } .telco #discover-more li a.active, .telco #discover-more li a:hover { background: #3856a5; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2d4584), to(#3856a5)); background: -webkit-linear-gradient(#2d4584, #3856a5); background: -moz-linear-gradient(#2d4584, #3856a5); background: -ms-linear-gradient(#2d4584, #3856a5); background: -o-linear-gradient(#2d4584, #3856a5); background: linear-gradient(#2d4584, #3856a5); -pie-background: linear-gradient(#2d4584, #3856a5); behavior: url(/js/libs/PIE.htc); position: relative; } .internet #discover-more li a.active, .internet #discover-more li a:hover { background: #257cb7; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1e6392), to(#257cb7)); background: -webkit-linear-gradient(#1e6392, #257cb7); background: -moz-linear-gradient(#1e6392, #257cb7); background: -ms-linear-gradient(#1e6392, #257cb7); background: -o-linear-gradient(#1e6392, #257cb7); background: linear-gradient(#1e6392, #257cb7); -pie-background: linear-gradient(#1e6392, #257cb7); behavior: url(/js/libs/PIE.htc); position: relative; } .suppliers #discover-more li a.active, .suppliers #discover-more li a:hover { background: #008585; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#006a6a), to(#008585)); background: -webkit-linear-gradient(#006a6a, #008585); background: -moz-linear-gradient(#006a6a, #008585); background: -ms-linear-gradient(#006a6a, #008585); background: -o-linear-gradient(#006a6a, #008585); background: linear-gradient(#006a6a, #008585); -pie-background: linear-gradient(#006a6a, #008585); behavior: url(/js/libs/PIE.htc); position: relative; } .marketers #discover-more li a.active, .marketers #discover-more li a:hover { background: #0a8b44; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#086f36), to(#0a8b44)); background: -webkit-linear-gradient(#086f36, #0a8b44); background: -moz-linear-gradient(#086f36, #0a8b44); background: -ms-linear-gradient(#086f36, #0a8b44); background: -o-linear-gradient(#086f36, #0a8b44); background: linear-gradient(#086f36, #0a8b44); -pie-background: linear-gradient(#086f36, #0a8b44); behavior: url(/js/libs/PIE.htc); position: relative; } .stay-protected #discover-more li a.active, .stay-protected #discover-more li a:hover { background: #c4268e; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d1e72), to(#c4268e)); background: -webkit-linear-gradient(#9d1e72, #c4268e); background: -moz-linear-gradient(#9d1e72, #c4268e); background: -ms-linear-gradient(#9d1e72, #c4268e); background: -o-linear-gradient(#9d1e72, #c4268e); background: linear-gradient(#9d1e72, #c4268e); -pie-background: linear-gradient(#9d1e72, #c4268e); behavior: url(/js/libs/PIE.htc); position: relative; } .consumer-info #discover-more li a.active, .consumer-info #discover-more li a:hover { background: #e81c00; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ba1600), to(#e81c00)); background: -webkit-linear-gradient(#ba1600, #e81c00); background: -moz-linear-gradient(#ba1600, #e81c00); background: -ms-linear-gradient(#ba1600, #e81c00); background: -o-linear-gradient(#ba1600, #e81c00); background: linear-gradient(#ba1600, #e81c00); -pie-background: linear-gradient(#ba1600, #e81c00); behavior: url(/js/libs/PIE.htc); position: relative; } .take-action #discover-more li a.active, .take-action #discover-more li a:hover { background: #6f2c90; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#592373), to(#6f2c90)); background: -webkit-linear-gradient(#592373, #6f2c90); background: -moz-linear-gradient(#592373, #6f2c90); background: -ms-linear-gradient(#592373, #6f2c90); background: -o-linear-gradient(#592373, #6f2c90); background: linear-gradient(#592373, #6f2c90); -pie-background: linear-gradient(#592373, #6f2c90); behavior: url(/js/libs/PIE.htc); position: relative; } .theacma #discover-more li a.active, .theacma #discover-more li a:hover { background: #3f3f40; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#262626), to(#3f3f40)); background: -webkit-linear-gradient(#262626, #3f3f40); background: -moz-linear-gradient(#262626, #3f3f40); background: -ms-linear-gradient(#262626, #3f3f40); background: -o-linear-gradient(#262626, #3f3f40); background: linear-gradient(#262626, #3f3f40); -pie-background: linear-gradient(#262626, #3f3f40); behavior: url(/js/libs/PIE.htc); position: relative; } #footer { float: left; clear: both; width: 100%; } .industry #footer { background: #262626; } .citizen #footer { background: #fff; } .theacma #footer { background: #b8b8b8; } .home #footer { background: #fff; } #footer li { float: left; } #print-footer { display: none; } #footer-top { float: left; width: 100%; color: #fff; } .home #footer-top { position: relative; z-index: 10; padding-top: 8px; background: transparent; } #footer-sections { float: left; width: 100%; margin-top: 2px !important; height: 30px; position: relative; } .industry #footer-sections { background-color: #0d506c; } .citizen #footer-sections { background-color: #a1481d; } .theacma #footer-sections { background-color: #000; } #footer-sections .container { overflow-x: hidden; border-style: solid; border-width: 0 2px; } .industry #footer-sections .container { border-color: #262626; } .citizen #footer-sections .container { border-color: #fff; } .theacma #footer-sections .container { border-color: #b8b8b8; } .home #footer-sections .container { border: none; background: #ccc; } #footer-sections ul { width: 200%; } #footer-sections ul li { float: left; border-style: solid; border-width: 0 2px 0 0; } .industry #footer-sections ul li { border-color: #262626; } .citizen #footer-sections ul li { border-color: #fff; } .theacma #footer-sections ul li { border-color: #b8b8b8; } .home #footer-sections ul li { border-color: #fff; } #footer-sections ul li a { float: left; color: #fff; background: #767676; height: 30px; line-height: 30px; padding: 0 12px; font-size: 0.9em; } .industry #footer-sections ul li a { background-color: #0d506c; } .citizen #footer-sections ul li a { background-color: #a1481d; } .theacma #footer-sections ul li a { background-color: #000; } .home #footer-sections ul li a { background: #ccc; color: #4d4d4f; padding: 0 15px; } .industry #footer-sections ul li a.active, .industry #footer-sections ul li a:hover { background-color: #009fda; } .citizen #footer-sections ul li a.active, .citizen #footer-sections ul li a:hover { background: #ff6100; } .theacma #footer-sections ul li a.active, .theacma #footer-sections ul li a:hover { background: #3f3f40; } .home #footer-sections ul li a.active, .home #footer-sections ul li a:hover { background: #767676; color: #fff; } #footer-sections ul li a.active { font-family: 'HelveticaNeueW01-75Bold'; } #footer-sections ul li:first-child, #footer-sections ul li.first { color: #fff; height: 30px; line-height: 30px; padding: 0 12px; font-size: 0.9em; } .industry #footer-sections ul li:first-child, .industry #footer-sections ul li.first { background-color: #009fda; font-family: 'HelveticaNeueW01-75Bold'; } .citizen #footer-sections ul li:first-child, .citizen #footer-sections ul li.first { background: #ff6100; font-family: 'HelveticaNeueW01-75Bold'; } .theacma #footer-sections ul li:first-child, .home #footer-sections ul li:first-child, .theacma #footer-sections ul li.first, .home #footer-sections ul li.first { background: #969696; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cecece), to(#969696)); background: -webkit-linear-gradient(#cecece, #969696); background: -moz-linear-gradient(#cecece, #969696); background: -ms-linear-gradient(#cecece, #969696); background: -o-linear-gradient(#cecece, #969696); background: linear-gradient(#cecece, #969696); -pie-background: linear-gradient(#cecece, #969696); behavior: url(/js/libs/PIE.htc); position: relative; color: #3f3f40; font-family: 'HelveticaNeueW01-75Bold'; } .lt-ie10.theacma #footer-sections ul li:first-child, .lt-ie10.home #footer-sections ul li:first-child, .lt-ie10.theacma #footer-sections ul li.first, .lt-ie10.home #footer-sections ul li.first { behavior: url(/js/libs/PIE.htc); position: relative; } #footer_links { float: left; width: 100%; margin-top: 2px; } .industry #footer_links { background: #000; } .citizen #footer_links { background: #ebebeb; } .theacma #footer_links { background: #4d4d4f; } #footer_links .section { float: left; width: 16.66%; padding: 10px 0; background: url(/images/main/template/gradient-lines.png) -400px -665px no-repeat; min-height: 116px; /* Zone */ } .industry #footer_links .section { background-position: -400px -665px; } .citizen #footer_links .section { background-position: -700px -665px; } .theacma #footer_links .section { background-position: -1000px -665px; } #footer_links .section:first-child { background: none; } #footer_links .section h3 { margin: 0 10px 10px 15px; font-size: 0.9em; color: #fff; } #footer_links .section h3 strong { font-family: 'HelveticaNeueW01-85Heav'; } #footer_links .section h3 span { cursor: auto; } .industry #footer_links .section a { color: #fff; } .citizen #footer_links .section a { color: #4d4d4f; } .theacma #footer_links .section a { color: #fff; } #footer_links .section a:hover { text-decoration: underline; } #footer_links .section .highlight:hover { /* Industry */ /* Citizen */ } #footer_links .section .highlight:hover.industry span { background-color: #009fda !important; } #footer_links .section .highlight:hover.citizen span { background-color: #ff6100 !important; } #footer_links .section .highlight:hover.theacma span { background-color: #767676 !important; } #footer_links .section .highlight:hover.spectrum span { background-color: #990066 !important; } #footer_links .section .highlight:hover.broadcast span { background-color: #6f2c90 !important; } #footer_links .section .highlight:hover.telco span { background-color: #3856a5 !important; } #footer_links .section .highlight:hover.internet span { background-color: #257cb7 !important; } #footer_links .section .highlight:hover.suppliers span { background-color: #008585 !important; } #footer_links .section .highlight:hover.marketers span { background-color: #0a8b44 !important; } #footer_links .section .highlight:hover.stay-protected span { background-color: #c4268e !important; } #footer_links .section .highlight:hover.consumer-info span { background-color: #e81c00 !important; } #footer_links .section .highlight:hover.take-action span { background-color: #6f2c90 !important; } #footer_links ul { list-style-type: none; padding-left: 0px; margin: 5px 5px 0 15px; font-size: 0.9em; } #footer_links ul li { background: url("/images/main/template/sprite-icon.png") left -1104px no-repeat; padding-left: 10px; float: none; } .industry #footer_links ul li, .theacma #footer_links ul li { background-position: left -1104px; } .citizen #footer_links ul li, .home #footer_links ul li { background-position: left -1194px; } #footer-content { margin-top: 2px; float: left; width: 100%; min-height: 86px; } .industry #footer-content, .theacma #footer-content { background: #4d4d4f; } .citizen #footer-content { background: #d1d2d1; } #footer-content .footer-content-box { width: 19.7%; padding: 0 1.1%; margin: 12px 0; float: left; position: relative; min-height: 62px; } .industry #footer-content .footer-content-box, .theacma #footer-content .footer-content-box { background: url(/images/main/template/gradient-lines.png) right top no-repeat; } .citizen #footer-content .footer-content-box { background: url(/images/main/template/gradient-lines.png) right -220px no-repeat; } #footer-content .footer-content-box h3, #footer-content .footer-content-box p { margin-bottom: 0; margin-left: 45px; display: block; font-size: 0.8em; } .industry #footer-content .footer-content-box h3, .theacma #footer-content .footer-content-box h3, .industry #footer-content .footer-content-box p, .theacma #footer-content .footer-content-box p { color: #fff; } .citizen #footer-content .footer-content-box h3, .citizen #footer-content .footer-content-box p { color: #4d4d4f; } #footer-content .footer-content-box h3 { font-family: 'HelveticaNeueW01-85Heav'; } .industry #footer-content .footer-content-box a, .theacma #footer-content .footer-content-box a { color: #fff; } .citizen #footer-content .footer-content-box a { color: #4d4d4f; } #footer-content .footer-content-box img { position: absolute; top: 0; left: 12px; } #footer-content .footer-content-box.chat { width: 32%; } .lt-ie8 #footer-content .footer-content-box.chat { width: 31.5%; } #footer-content .footer-content-box.chat h3 { font-family: 'HelveticaNeueW01-45Ligh'; padding-bottom: 0.5em; font-size: 1.15em; padding-left: 30px; background: url("/images/main/template/sprite-icon.png") left -197px no-repeat; margin-left: 0; } .citizen #footer-content .footer-content-box.chat h3 { background-position: left -247px; } #footer-content .footer-content-box.chat p { font-size: 0.9em; margin-left: 30px; } .lt-ie8 #footer-content .footer-content-box .time { padding-left: 10px !important; margin-left: 50px; } #footer-content .footer-content-box.last { background: none; } #footer-bottom { padding: 10px 0% 50px 0%; width: 100%; float: left; } #footer-bottom li { float: left; padding-left: 10px; margin-left: 10px; border-left: solid 1px #969696; color: #969696; line-height: 1em; } #footer-bottom li:first-child { border-left: none; margin-left: 0; padding-left: 0; } .industry #footer-bottom li a, .citizen #footer-bottom li a, .industry #footer-bottom li a:visited, .citizen #footer-bottom li a:visited { color: #969696; } .home #footer-bottom li a, .home #footer-bottom li a:visited { color: #777; } .theacma #footer-bottom li a, .theacma #footer-bottom li a:visited { color: #4d4d4f; } #footer-bottom li a:hover { text-decoration: underline; color: #fff; } .citizen #footer-bottom li a:hover, .home #footer-bottom li a:hover { color: #4d4d4f; } #footer-bottom li a > .standardImg { display: inline-block; } #footer-bottom li a > .hoverImg { display: none; } #footer-bottom li a:hover > .standardImg, #footer-bottom li a:focus > .standardImg { display: none; } #footer-bottom li a:hover > .hoverImg, #footer-bottom li a:focus > .hoverImg { display: inline-block; } #footer-bottom #footer-smartnumbers { margin-top: -1px; } #footer-bottom #acma-products, #footer-bottom #strapline { float: left; margin: 0 0 8px 10px; } #footer-bottom #acma-products li a, #footer-bottom #strapline li a { height: 14px; float: left; text-decoration: none; } #footer-bottom #acma-footer { float: right; margin-bottom: 8px; font-size: 0.95em; line-height: 1em; font-family: "HelveticaNeueW01-75Bold"; letter-spacing: 0; margin-right: 10px; } .home #footer-bottom #acma-footer { color: #777; } .industry #footer-bottom #acma-footer, .citizen #footer-bottom #acma-footer { color: #929292; } .theacma #footer-bottom #acma-footer { color: #4d4d4f; } #footer-bottom #strapline { float: right; clear: right; margin-bottom: 8px; width: 253px; height: 17px; margin-right: 10px; } #footer-bottom #strapline li { text-transform: capitalize; border: none; margin: 0; padding: 0; } #footer-bottom #footer-nav { float: left; clear: left; font-size: 0.8em; margin-left: 10px; } #footer-bottom #footer-nav a { font-family: "HelveticaNeueW01-75Bold"; } @media only screen and (max-width: 1070px) { #section-nav { display: none; } #smartsearch-popup { right: 0; } } @media only screen and (max-width: 1030px) { .cupcake-pagination { position: static; float: right; width: auto; clear: both; } .cupcake-pagination a { clear: none; } .cupcake-pagination .page { clear: none; width: 30px; height: 30px; line-height: 30px; margin: 2px 0 2px 2px; } .cupcake-pagination .cupcake-pagination-next { margin-right: 10px; } .cupcake-pagination .cupcake-pagination-prev { margin-left: 10px; } .cupcake-pagination .cupcake-pagination-next, .cupcake-pagination #cupcake-pagination-prev { line-height: 30px; float: left; clear: none; } } @media only screen and (min-width: 961px) { #footer_links.home-footer a { max-height: 50px; } } @media only screen and (max-width: 960px) { .container { width: 100%; margin: 0 !important; } #content-right.fixed { right: 0; margin-right: 0; } .column.five-sixths { width: 100%; } .column.sixth { width: 100%; } .column.sixth .cupcake.sixth { width: 16.66%; min-height: 76px; } .five-sixths .cupcake.video { min-height: 0; } #breadcrumb { margin-left: 10px; } #logo { margin-right: 10px; } #main { width: 98%; padding: 0 1%; } .home #main { width: 100%; padding: 0; } #skip-to-content { display: none; } #footer-bottom #strapline { margin-right: 10px; } .home #footer-sections { width: 98%; padding: 0 1%; } .home-row .gradient { width: 66.66%; } .cupcake.listing.third { width: 50%; } .cupcake.listing.sixth.wide { width: 50%; min-height: 160px; } .cupcake.listing.sixth { width: 25%; } .rotator-nav li a { width: 30px; height: 30px; line-height: 30px; } img.infographic { max-width: 115%; } #home-header-tools { width: 60%; } #home-header-tools .search.header { width: 55.5%; overflow: hidden; } .home #header h1 { margin-top: 15px; } .home-colour { display: none; } #footer-bottom { padding-bottom: 20px; } #home-header-tools #site-tools { right: 58%; } } @media only screen and (max-width: 850px) { .home #main { width: 100%; padding: 0; min-height: 0; } .home #main .column.half { width: 100%; margin-top: 20px; } .home #main .column.third { margin-top: 10px; } .home #main .column.third .cupcake { min-height: 0; width: 47%; float: left; margin: 2% 0 2% 2%; } .home #main .column.third .cupcake + .cupcake { float: right; margin-left: 0; margin-right: 2%; } .home #main .home-background { position: relative; float: left; background-color: #fff; } #home-header-tools { width: 60%; } #footer_links.home-footer { margin-top: 0; } #footer_links.home-footer .column.third { width: 33.33%; clear: none; } .column.sixth .cupcake.sixth { width: 33.33%; } .column.two-thirds { width: 100%; clear: both; } .column.two-thirds .cupcake.sixth img, .column.two-thirds .cupcake.two-thirds img { width: 100%; } .column.third { width: 100%; clear: both; } .column.third { width: 100%; clear: both; } .column.third .cupcake.third { width: 50%; } .column.third .cupcake.third img, .column.third .cupcake.third .gsWrapper, .column.third .cupcake.third .gsCanvas { width: 100%; } .column.third .cupcake.sixth { width: 25%; } .column.third .cupcake.sixth img { width: 100%; } .two-thirds .cupcake.video { min-height: 0; } .two-thirds .cupcake.video img { width: 100%; } .home-row .right h4 { width: 60%; } .landing-toggle .related-content li, .landing-toggle .related-content.frequent-links .links li { width: 97%; padding-left: 1.5%; padding-right: 1.5%; } .landing-toggle.column.third .cupcake.sixth.title { width: 50%; background: #282828; } .landing-toggle #tab-1, .landing-toggle #tab-2 { display: block; width: 50%; } } @media only screen and (max-width: 768px) { #footer-content .cupcake p { margin-left: 0; } #footer-content .cupcake p.time { margin-left: 40px; } #footer-bottom #acma-products { width: 350px; } #footer-bottom #acma-products, #footer-bottom #strapline { float: none; margin: 0 auto 8px auto; } #footer-bottom ul { width: 100%; text-align: center; } #footer-bottom ul li { float: none; display: inline-block; } #footer-bottom #footer-nav { margin-left: 0; } #footer-bottom #acma-footer { float: none; width: 100%; margin: 0 0 8px; text-align: center; } #main { width: 97%; padding: 0 1.5%; } .home #main { padding: 0 1%; width: 98%; } #content-left { width: 100%; margin-bottom: 20px; min-height: 0; } #back-to-top { right: 0; width: auto; padding: 11px 10px 0 10px; } #content-right { margin-left: 0; width: 100%; } #content-right .box { width: 49%; margin: 0 0 20px 0; float: left; overflow-x: hidden; } #content-right .box:nth-child(2n + 1) { clear: left; margin-right: 2%; } #content-right.fixed { max-width: none; position: static; } #content-right #most-commented, #content-right #most-read { width: 49%; margin: 2% 0 20px 0; } #content-right #most-commented { margin-right: 2%; } #home-smartsearch p { width: 40%; } } @media only screen and (max-width: 725px) { #smartsearch-popup { width: 100%; } #add-filters { display: none; } #smartsearch-popup .filter-options { padding: 8px 2%; width: 96%; } #smartsearch-popup .filter-options .form-row.categories { display: none !important; } } @media only screen and (max-width: 720px) { #primary-nav ul { width: 100%; } .industry #primary-nav li.primary { width: 16.3%; } .theacma #primary-nav li.primary { width: 15.3%; } .theacma #primary-nav li.primary#nav-engage, .theacma #primary-nav li.primary#nav-acma-i { width: 13.8%; } .theacma #primary-nav li.primary#nav-engage-blogs, .theacma #primary-nav li.primary#nav-researchacma, .theacma #primary-nav li.primary#nav-consultations { width: 19.3%; } .industry #primary-nav li.primary > a, .theacma #primary-nav li.primary > a { text-indent: 10px; padding-right: 20%; padding-left: 0; width: 80%; } #primary-nav .mega-menu .featured-content { display: none; } #primary-nav .mega-menu .column { width: 17.6%; } #primary-nav .mega-menu .column.last { display: none; } #primary-nav .mega-menu .mega-menu-search { width: 96%; left: 2%; } #footer-content .cupcake h4 { min-height: 36px; } #footer-content .cupcake.chat h4 { min-height: 0; } #footer-content .cupcake p.time { margin-left: 0px; clear: left; min-height: 0; } .home-row .right h4 { width: 50%; } .column.half { width: 100%; } .cupcake img { width: 100%; } #breadcrumb { width: 65%; } } @media only screen and (max-width: 640px) { body { width: 640px; overflow-x: scroll; } html { overflow-x: hidden; } .search.header { width: 240px; right: 0px; } } @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 1cm; } html, body { overflow-x: visible; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3, h4, h5, p, ul, ol, table { page-break-inside: avoid; } h2, h3 { page-break-after: avoid; } h2 { clear: both; } #top-bar, #primary-nav, #footer-top, #footer-bottom, #breadcrumb, #content-right, .rotator-nav, #popup, .social-bar .icon, #referenced-items, #comments, #search-pagination, .search.body, #search-filter, #discover-more, #section-nav, #home_smartsearch, #header h1, #logo, .social-email, .social-print, .section, #readspeaker_button1, .rsbtn, .headerRsBtn { display: none !important; } .highlight { font-size: 1em !important; font-family: "HelveticaNeueW01-75Bold"; background-color: #000 !important; } #header { margin-top: 1em; } .print-only { display: inline; } #print-logo { display: block; border-bottom: solid 1px #000; padding: 0 0 10px 0; margin: 1em 1.5% 0 1.5%; text-align: right; } #print-footer { display: block; width: auto; margin-left: 1.5%; margin-right: 1.5%; padding-top: 6px; border-top: solid 1px #000; } #print-footer p { font-size: 0.9em; } #tab-2-link { display: none; } #main, .container, #header, header { width: 100% !important; } .container { margin: 0 !important; } #content-left { width: 100%; } #content-text { margin-right: 0; width: 100%; clear: both; } #content-text img { max-width: 50%; } #content-left img { float: left; margin: 0 1em 1em 0; } #content-left .inner { padding-left: 1.5%; padding-right: 1.5%; width: 97%; } .column.two-thirds, .column.third, #content-left { width: 100% !important; } .column { margin-bottom: 1em; } .cupcake { padding: 0; margin-bottom: 1em; } .cupcake img { position: static !important; display: block !important; } .cupcake .gsWrapper { position: static !important; display: block !important; } .cupcake .gsWrapper .gsCanvas { display: none !important; } .cupcake h2 { margin-bottom: 1em; } .cupcake .gradient, .cupcake .read-more, .icons { display: none !important; } .landing-toggle .related-content li { border: none; padding-left: 0; padding-right: 0; } .home-row, .home-nav, ul.home-nav > li, .home-row .left, .hover-content { height: auto !important; } .home-row img { display: none; } .home-row .hover-content { display: block; position: static; } .home-row .left { margin: 0; padding: 0; position: static; width: auto; } .home-row .left .wrapper { position: static; } .table-wrapper { overflow: visible; } table { width: 100%; } table td, table a, table p { word-wrap: break-word !important; } table a[href]:after { content: ""; } .content ul { padding-left: 0; } .content ul li { padding-left: 0; } .content ul li:before { content: '>\00a0\00a0'; } }