hr, .separator, .graydivider, .divider { border: 1px solid #cccccc; border-width: 1px 0 0 0; } hr { height: 1px; } hr, .separator, .graydivider, .divider { border: 1px solid #cccccc; border-width: 1px 0 0 0; } hr { height: 1px; } /*! normalize.css v2.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0; /* 2 */ } button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; /* 1 */ -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } table { border-collapse: collapse; border-spacing: 0; } .page, #wrapper { *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0 auto; padding: 0 0; width: 980px; position: relative; background-color: transparent !important; } .page:before, #wrapper:before, .page:after, #wrapper:after { content: ""; display: table; } .page:after, #wrapper:after { clear: both; } @media only screen and (min-width: 1250px) { .page, #wrapper { width: 1250px; } } @media only screen and (min-width: 481px) and (max-width: 800px) { .page, #wrapper { width: 100%; } } .maincontent { *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0 auto; padding: 0 0; background-position: 75% top; overflow: hidden; } .maincontent:before, .maincontent:after { content: ""; display: table; } .maincontent:after { clear: both; } .lt-ie9 .maincontent .maincontent { background-position: 76% top !important; } .breadcrumb { *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0 auto; padding: 0 0; padding: 10px; } .breadcrumb:before, .breadcrumb:after { content: ""; display: table; } .breadcrumb:after { clear: both; } .breadcrumb ul { margin: 0; padding: 0; border: 0; *zoom: 1; } .breadcrumb ul:before, .breadcrumb ul:after { content: ""; display: table; } .breadcrumb ul:after { clear: both; } .breadcrumb ul li { background: none; padding-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; } .breadcrumb ul li:first-child, .breadcrumb ul li.first { padding-left: 0; } .breadcrumb ul li:last-child { padding-right: 0; } .breadcrumb ul li.last { padding-right: 0; } @media only screen and (min-width: 481px) and (max-width: 800px) { .breadcrumb ul li { padding-left: 3px !important; } } .wrapcontent { *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 75%; padding: 0 10px; padding: 0; } .wrapcontent:before, .wrapcontent:after { content: ""; display: table; } .wrapcontent:after { clear: both; } .no-lhs .wrapcontent { background: none; } .no-rhs .wrapcontent { width: 100%; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .wrapcontent { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 10px; background: none; padding: 0; } } .wrapcontent .hero { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 10px; padding: 0; margin-bottom: 15px; } .wrapcontent .hero img { width: 100%; height: auto; padding: 0; } .wrapcontent .hero .headings { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 10px; padding-top: 150px; padding-bottom: 20px; padding-left: 20px; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .wrapcontent .hero .headings { padding: 20px 20px 0 20px; } } .subnav, .asideB { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 33.33333%; padding: 0 10px; display: block; padding: 0; } .no-lhs .subnav, .no-lhs .asideB { display: none; } .no-rhs .subnav, .no-rhs .asideB { width: 25%; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .no-rhs .subnav, .no-rhs .asideB { width: 100%; } } @media only screen and (max-width: 720px) { .subnav, .asideB { float: none; display: none; } } .maincolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 66.66667%; padding: 0 10px; padding: 0 20px; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .maincolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 10px; padding: 0; float: none; margin: 0; display: block; } .home .maincolumn { padding: 0; } } @media only screen and (max-width: 720px) { .maincolumn { width: 100%; } } .maincolumn.span75 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 75%; padding: 0 10px; } .maincolumn.span75 * + html { width: 69%; } .fullwidth .maincolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 75%; padding: 0 10px; padding: 20px; } .no-lhs .maincolumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 10px; } @media only screen and (max-width: 720px) { .no-lhs .maincolumn { width: 100%; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .no-lhs .maincolumn { width: 100%; } } .no-rhs .maincolumn { width: 75%; } @media only screen and (max-width: 720px) { .no-rhs .maincolumn { width: 100%; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .no-rhs .maincolumn { width: 100%; } } .no-lhs.no-rhs .maincolumn { width: 100%; } @media only screen and (max-width: 720px) { .no-lhs.no-rhs .maincolumn { width: 100%; } } .asideA { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 25%; padding: 0 10px; display: block; padding: 20px; } .no-rhs .asideA { display: none; } .module { *zoom: 1; } .module:before, .module:after { content: ""; display: table; } .module:after { clear: both; } .topNavContainer { *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0 auto; padding: 0 0; } .topNavContainer:before, .topNavContainer:after { content: ""; display: table; } .topNavContainer:after { clear: both; } .topNavContainer > ul { margin: 0; padding: 0; border: 0; *zoom: 1; } .topNavContainer > ul:before, .topNavContainer > ul:after { content: ""; display: table; } .topNavContainer > ul:after { clear: both; } .topNavContainer > ul > li { background: none; padding-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; } .topNavContainer > ul > li:first-child, .topNavContainer > ul > li.first { padding-left: 0; } .topNavContainer > ul > li:last-child { padding-right: 0; } .topNavContainer > ul > li.last { padding-right: 0; } #mainnav { *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0 auto; padding: 0 0; } #mainnav:before, #mainnav:after { content: ""; display: table; } #mainnav:after { clear: both; } #mainnav #skip { display: none; } #location_selectordiv #location_selector_nav #letters a { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } * + html .customjs { width: 99%; } * + html .wrapcontent { width: 725px; } * + html .wrapcontent .hero .headings { width: 95%; } * + html .home .subnav { width: 220px; } * + html .maincolumn { width: 61%; padding-right: 0; } * + html .home .maincolumn { width: 68%; } * + html .asideA { width: 21%; padding-right: 20px; } * + html .maincontent.fullwidth { width: 974px; } * + html .headings.span100 { width: 95%; } * + html .col1of2, * + html .col2of2 { width: 45%; } * + html .maincolumn.span100 { width: 96%; padding-left: 15px; } * + html .fullwidth .section { margin-left: 20px; } * + html .maincontent #introFlash { width: 73%; } * + html .notificationclose { line-height: .75; } * + html .notificationnevershow { display: block; } * + html .sharelist li { display: inline; } * + html .home ul, * + html .asideA ul { margin-left: 0; } .twocols, .halves, .thirds, .quarters, .sixths, .twelfths { *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0 auto; padding: 0 0; } .twocols:before, .twocols:after, .halves:before, .halves:after, .thirds:before, .thirds:after, .quarters:before, .quarters:after, .sixths:before, .sixths:after, .twelfths:before, .twelfths:after { content: ""; display: table; } .twocols:after, .halves:after, .thirds:after, .quarters:after, .sixths:after, .twelfths:after { clear: both; } .twocols > div, .halves > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 10px; padding: 0 20px 0 0; } .twocols > div.omega, .halves > div.omega { padding-right: 0; } .thirds > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 33.33333%; padding: 0 10px; } .lt-ie9 .thirds > div { width: 22%; padding: 0 1%; } .quarters > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 25%; padding: 0 10px; } .sixths > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 16.66667%; padding: 0 10px; } .twelfths > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 8.33333%; padding: 0 10px; } .unit-2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 10px; } .eygrid-row { *zoom: 1; overflow: hidden; } .eygrid-row:before, .eygrid-row:after { content: ""; display: table; } .eygrid-row:after { clear: both; } .eygrid-row > div { overflow: hidden; } .desktop25 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 25%; padding: 0 10px; } .desktop33 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 33.33333%; padding: 0 10px; } .desktop50 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 10px; } .desktop66 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 66.66667%; padding: 0 10px; } .desktop75 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 75%; padding: 0 10px; } .desktop100 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 10px; } .nopad, .nopad { padding: 0; } .eygrid .eygrid { padding: 0 5px 0 0; } .eygrid-row img { max-width: 100%; } @media only screen and (min-width: 481px) and (max-width: 800px) { .twocols > div, .quarters > div, .sixths > div, .twelfths > div, .unit-2 > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 10px; float: none; padding: 0; display: block; margin-bottom: 1em; overflow: hidden; margin-bottom: 1em; } .tablet25 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 25%; padding: 0 10px; } .tablet33 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 33.33333%; padding: 0 10px; } .tablet50 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 10px; } .tablet66 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 66.66667%; padding: 0 10px; } .tablet75 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 75%; padding: 0 10px; } .tablet100 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 10px; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .desktop25, .desktop33, .desktop50, .desktop66, .desktop75, .twocols > div, .halves > div, .thirds > div, .quarters > div, .sixths > div, .twelfths > div .unit-2 > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 10px; float: none; clear: both; padding: 0; display: block; overflow: hidden; margin-bottom: 1em; } .mobile25 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 25%; padding: 0 10px; } .mobile33 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 33.33333%; padding: 0 10px; } .mobile50 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 10px; } .mobile66 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 66.66667%; padding: 0 10px; } .mobile75 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 75%; padding: 0 10px; } .mobile100 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 10px; padding: 0; } .mobile100 a + br { display: none; } } /*changes added Oct 9, 2013 to fix grid in IE7*/ * + html .desktop25 { width: 22%; padding: 0 1.5% 20px; } * + html .desktop33 { width: 30%; padding: 0 1.5% 20px; } * + html .desktop50 { width: 47%; padding: 0 1.5% 20px; } * + html .desktop66 { width: 63%; padding: 0 1.5% 20px; } * + html .desktop75 { width: 72%; padding: 0 1.5% 20px; } .eygridrow { text-align: justify; font-size: 0; margin-top: 4%; } .eygridrow:after { content: ''; display: inline-block; width: 100%; *display: inline; *zoom: 1; /*stupid IE*/ } h1, .image { text-align: left; font-size: medium; } .eygridrow img { width: 100%; } .eygrid1, .eygrid2, .eygrid3, .eygrid4, .eygrid5, .eygrid6, .eygrid7, .eygrid8, .eygrid9, .eygrid10, .eygrid11 { vertical-align: top; display: inline-block; /*width: 22.5%;*/ } .eygrid1 { width: 8%; } .eygrid2 { width: 15%; } .eygrid3 { width: 23%; } .eygrid4 { width: 32%; } .eygrid5 { width: 39%; } .eygrid6 { width: 49%; } .eygrid7 { width: 57%; } .eygrid8 { width: 64%; } .eygrid9 { width: 73%; } .eygrid10 { width: 81%; } .eygrid11 { width: 89%; } .eygridrow h4 { font-size: 10px; } @media only screen and (max-width: 480px) { .eygrid1, .eygrid2, .eygrid3, .eygrid4, .eygrid5, .eygrid6, .eygrid7, .eygrid8, .eygrid9, .eygrid10, .eygrid11 { width: 48%; margin-top: 4%; } } @media only screen and (max-width: 320px) { .eygrid1, .eygrid2, .eygrid3, .eygrid4, .eygrid5, .eygrid6, .eygrid7, .eygrid8, .eygrid9, .eygrid10, .eygrid11 { width: 100%; margin-top: 4%; } } .bttn, input[type="reset"], #registerButton, #watchLiveButton, .bttn-hilight, .bttn-light, .bttn-dark, a.bttn, a#registerButton, a#watchLiveButton, a.bttn-hilight, a.bttn-light, a.bttn-dark, input[type="submit"], input[type="reset"] { border: 1px solid #369; background: #369; box-shadow: 0 10px 49px rgba(0, 0, 0, 0.2) inset, 0 1px 3px rgba(50, 86, 121, 0.5); display: inline-block; padding: .5em 1.5em; border-radius: 4px; display: inline-block; text-decoration: none; color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.1s; box-shadow: none; -webkit-box-shadow: none; } .bttn:hover, input[type="reset"]:hover, #registerButton:hover, #watchLiveButton:hover, .bttn-hilight:hover, .bttn-light:hover, .bttn-dark:hover, a.bttn:hover, a#registerButton:hover, a#watchLiveButton:hover, a.bttn-hilight:hover, a.bttn-light:hover, a.bttn-dark:hover, input[type="submit"]:hover, input[type="reset"]:hover { background: #ffe600; border-color: #ffe600; box-shadow: 0 10px 49px #fff inset; color: #333; text-shadow: 0 1px rgba(255, 255, 255, 0.5); } input[type="reset"] { background: #f0f0f0; border-color: #bdbdbd; color: #333; } #registerButton, #watchLiveButton { padding: 10px 3em; display: inline-block; *zoom: 1; } .bttn-hilight { color: #333; background: #ffe600; border: 1px solid #fc0; text-shadow: 0 1px 1px white; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe600), color-stop(100%, #febf01)); background: -webkit-linear-gradient(top, #ffe600 0%, #febf01 100%); background: -moz-linear-gradient(top, #ffe600 0%, #febf01 100%); background: -o-linear-gradient(top, #ffe600 0%, #febf01 100%); background: linear-gradient(top, #ffe600 0%, #febf01 100%); -webkit-box-shadow: none; box-shadow: none; } .bttn-hilight a { color: #333; } .bttn-hilight a:hover { text-shadow: 0 1px 1px #333333; color: #ccc; background: #369; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #336699), color-stop(100%, #003366)); background: -webkit-linear-gradient(top, #336699 0%, #003366 100%); background: -moz-linear-gradient(top, #336699 0%, #003366 100%); background: -o-linear-gradient(top, #336699 0%, #003366 100%); background: linear-gradient(top, #336699 0%, #003366 100%); } .bttn-light { background: #ccc; box-shadow: 1px 3px 3px rgba(255, 255, 255, 0.1); border: 1px solid #cccccc; text-shadow: 0 1px 1px white; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #d6d6d6)); background: -webkit-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); background: -moz-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); background: -o-linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); background: linear-gradient(top, #f0f0f0 0%, #d6d6d6 100%); } .bttn-light a { color: #333; } .bttn-dark { background: #333; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #333333)); background: -webkit-linear-gradient(top, #555555 0%, #333333 100%); background: -moz-linear-gradient(top, #555555 0%, #333333 100%); background: -o-linear-gradient(top, #555555 0%, #333333 100%); background: linear-gradient(top, #555555 0%, #333333 100%); } .bttn-dark a { color: #ffe600; } .tri { width: 0px; height: 0px; border-style: solid; border-width: 0 7px 10px 7px; border-color: transparent transparent #404040 transparent; position: absolute; top: 0; margin-top: -10px; left: 50%; } hr, .separator, .graydivider, .divider { border: 1px solid #cccccc; border-width: 1px 0 0 0; } hr { height: 1px; } .offscreen { position: absolute; width: 1px; height: 1px; overflow: hidden; right: 100%; } .media { overflow: hidden; _overflow: visible; zoom: 1; margin: 0; padding: 9px 0; } .article .media { padding: 10px 0; } .media div > :first-child.media { margin: 0; padding: 0; } .media .img { float: left; margin-right: 3%; } @media only screen and (min-width: 481px) and (max-width: 800px) { .media .img { float: left; overflow: hidden; width: 33%; } } @media only screen and (min-width: 481px) and (max-width: 800px) { .media .img img { margin-bottom: 1em; width: 100%; } } .media.oneoftwo .img { width: 87px; overflow: hidden; } .bd { overflow: hidden; _overflow: visible; zoom: 1; } .bd h3, .bd p { margin: 0 0 .5em; } .bd h3 a, .bd p a { color: #369; } .bd > h4 { margin: 0; font-weight: normal; color: #999; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .bd { overflow: visible; } } .oneoftwo .bd { overflow: visible; } .pagination-next { float: right; font-size: .65em; margin: 0 0 1em; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 1px 1px #ccc; } .media .imgExt { float: right; margin-left: 10px; } html { background: white; } body, .normal { font-size: 100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333333; background: none; } @media only screen and (min-width: 481px) and (max-width: 800px) { body, .normal { background-position: -9% 0%; } } @media only screen and (min-width: 1250px) { body, .normal { background: none; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { body, .normal { background-position: -302px -25px; } } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { padding: 0; } ul, ol, p, h1, h2, h3, h4, h5, h6, table, blockquote, fieldset { line-height: 1.4; font-size: 100%; } h1 { color: #808080; } h2, h3 { color: #333333; letter-spacing: -0.02em; line-height: 1.2; font-weight: 600; } .bio h2 { color: #999; } .aside * { color: #999999; } h1, .h1 { font-size: 2.25em; letter-spacing: -.03em; margin: 0; } @media only screen and (min-width: 481px) and (max-width: 800px) { h1, .h1 { font-size: 1.5em; } } h2, .h2 { font-size: 1.5em; margin: 0; } @media only screen and (min-width: 481px) and (max-width: 800px) { h2, .h2 { font-size: 1.125em; } } h3, .kicker, .h3 { font-size: 1.125em; font-weight: 600; } h4, .h4, h5, .h5, h6, .h6 { font-size: 1em; font-weight: 600; } @media only screen and (min-width: 481px) and (max-width: 800px) { h4, .h4, h5, .h5, h6, .h6 { font-size: 0.875em; } } p, li { font-size: 0.875em; margin: 9px 0; } blockquote p, blockquote li { font-size: 1em; } p p, p li, li p, li li { font-size: 1em; } p p, p li, li p, li li { font-size: 1em; } a { text-decoration: none; color: #336699; } a img { border: none; } li { list-style-type: none; background: url(/ecimages/blt_gray_md.gif) no-repeat scroll 0 1px; padding-left: 15px; } .utilitymenu li, #footer_top_right li, #nav li, .breadcrumb li, #teaserlist li, .twitted ul#twitter_update_list li, #calendar-entries li, .views li, .mobiledrop li { background-image: none !important; padding-left: 0; } ol li { background-image: none; list-style-type: decimal; list-style-position: outside; padding: 0; margin-left: 1.5em; } ol ul li { list-style-type: none; padding: 0; margin: .5em 0; } fieldset { margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 14px; border: none; } fieldset > div { margin: 1em 0px; } legend { background: #ECECEC; color: #555; padding: .5em 1em; margin: 0; top: 0; left: 0; border: 1px solid #ccc; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); } a img { border: none; } /* ----------------------------------------- @group structure ----------------------------------------- */ .maincontent { position: relative; background: url(/ecimages/sidebar-grad.png) repeat-y 75% top transparent; border: 1px solid #cccccc; overflow: hidden; } .home .maincontent { background-position: 75% 0; } .lt-ie9 .maincontent { background-position-x: 76%; } .maincontent.fullwidth { background: none #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 1250px) { .maincontent { background-position: 75% top; } } @media only screen and (min-width: 481px) and (max-width: 800px) { .maincontent { margin-top: 119px; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .maincontent { margin-top: 0; } } .no-rhs .maincontent { background: none; } .page-container { padding-top: 0; *zoom: 1; margin: 0; border: none; overflow: visible; } @media only screen and (min-width: 481px) and (max-width: 800px) { .page-container { padding-top: 0px; } } .asideA h3, .asideA p, .asideA li { color: gray; } .asideA h3:last-child, .asideA p:last-child, .asideA li:last-child { margin-bottom: 0; } .asideA:first-child, .asideA .module:first-child, .asideA .connectwithus:first-child { margin-top: 0; padding-top: 0; border: none; } .asideA img.fullwidth { width: 100%; height: auto; } @media only screen and (min-width: 481px) and (max-width: 800px) { .asideA img { width: 100%; height: auto; } } .subnav .bar, .home .bar { padding: 0 0 10px 15px; margin: 0 0 10px 0; color: #999999; border-bottom: 1px solid #cccccc; padding-bottom: 10px; } .maincolumn .bar { padding-left: 0; margin: 0; } .home .maincolumn .bar { padding-left: 15px; border-bottom: 0; } .subnav:first-child { padding: 0 10px 10px 0; } .serviceslist { padding: 0; margin: 0 0 9px 0; } .serviceslist li { background: #f0f0f0; border-top: 2px solid #fff; padding: 0; margin: 0; font-weight: bold; } .serviceslist li.nav-current, .serviceslist li .tabmenuitem_active { background-color: #ffe600; } .serviceslist li.nav-current:hover, .serviceslist li .tabmenuitem_active:hover { background-color: #ffe600; } .serviceslist li a { padding: 7.5px 15px; display: block; color: gray; } .serviceslist li a:hover { color: #333333; background-color: #f0f0f0; } .localnav .active { background-color: #ffe600 !important; } .maincolumn .socialshare { border-bottom: 1px solid #cccccc; overflow: hidden; min-height: 32px; margin-bottom: 10px; } @media only screen and (max-width: 720px) { .maincolumn .socialshare { min-height: 27px; padding: 0 20px; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .maincolumn .socialshare { display: none; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .bio .maincolumn .section { padding: 0; } } .centerblock { margin-left: auto; margin-right: auto; } .maincolumn.span75 { width: 75%; padding-left: 20px; } .maincolumn.span75 .socialshare.bar { margin: 0; } .maincolumn.span75 .section { margin-right: 20px; } @media only screen and (max-width: 768px) { .maincolumn.span75 .section { margin-right: 0; } } .maincolumn.span100 { padding: 0 20px; } .hero { overflow: hidden; position: relative; margin-bottom: 15px; } .hero img { width: 100%; display: block; } .hero .headings { position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%); background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%); padding: 150px 20px 20px 20px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 ); } .hero .headings h1, .hero .headings h2, .hero .headings h3, .hero .headings .kicker { color: white; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .hero .headings h1, .hero .headings h2, .hero .headings h3, .hero .headings .kicker { color: #999; } } .hero .headings h1 { margin: 0; } .headings { padding: 20px 20px 30px 20px; } .headings .kicker { margin: 0; } .wrapcontent .hero > .kwicks-img + .headings { display: none; } .headings.span100 { margin-right: 0; -moz-box-sizing: border-box; -ms-box-sizing: border-box; width: 95% \9; } * + html .headings.span100 { width: 95%; } /* ----------------------------------------- @group header ----------------------------------------- */ #header { position: absolute; overflow: visible; top: 40px; width: 100%; z-index: -1; } @media only screen and (min-width: 481px) and (max-width: 800px) { #header { top: 0; } } .eylogo { width: 190px; height: 80px; padding: 0; position: absolute; } .eylogo img { cursor: pointer; height: 100%; width: auto; } @media only screen and (min-width: 481px) and (max-width: 800px) { .eylogo { margin-left: 10px; margin-top: 10px; } } @media only screen and (max-width: 720px) { .eylogo { margin-top: 20px; width: 150px; } } /* ----------------------------------------- @group maincontent ----------------------------------------- */ .breadcrumb { margin: 0; padding: 0; border: 0; *zoom: 1; padding: 10px; background: #fff; border-bottom: 1px solid #cccccc; } .breadcrumb:before, .breadcrumb:after { content: ""; display: table; } .breadcrumb:after { clear: both; } .breadcrumb li { background: none; padding-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; } .breadcrumb li:first-child, .breadcrumb li.first { padding-left: 0; } .breadcrumb li:last-child { padding-right: 0; } .breadcrumb li.last { padding-right: 0; } .breadcrumb li, .breadcrumb a { font-size: 11px; margin: 0; font-weight: normal; color: #999999; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; } .breadcrumb li span, .breadcrumb a span { padding-left: 5px; } .breadcrumb:hover li { color: gray; } .breadcrumb:hover li a { color: #336699; } .breadcrumb a { color: #999999; padding-left: 4px; margin-left: 4px; } .breadcrumb a:link, .breadcrumb a:visited { color: #999999; } .breadcrumb a:hover { color: #336699; cursor: pointer; } .breadcrumb * { -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; } /* ----------------------------------------- @group sidebar ----------------------------------------- */ .module { padding: 15px 0; border-top: 1px solid #cccccc; } .module:first-child { margin-top: 0; } .module:last-child { margin-bottom: 0; } .clear, .clearfix, .group { *zoom: 1; } .clear:before, .clear:after, .clearfix:before, .clearfix:after, .group:before, .group:after { content: ""; display: table; } .clear:after, .clearfix:after, .group:after { clear: both; } .asideA:first-child { padding-top: 0; border-top: none; } /* ----------------------------------------- @group footer ----------------------------------------- */ #footer { *zoom: 1; clear: both; background: #fff; } #footer:before, #footer:after { content: ""; display: table; } #footer:after { clear: both; } #footer > div { padding: 0 10px; } #footer_top_right { margin: 0; padding: 0; border: 0; *zoom: 1; overflow: hidden; } #footer_top_right:before, #footer_top_right:after { content: ""; display: table; } #footer_top_right:after { clear: both; } #footer_top_right li { background: none; padding-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; } #footer_top_right li:first-child, #footer_top_right li.first { padding-left: 0; } #footer_top_right li:last-child { padding-right: 0; } #footer_top_right li.last { padding-right: 0; } #footer_top_right li { padding: 0; border-left: 1px solid #999999; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #footer_top_right li { border-left: none; float: none; display: block; } } #footer_top_right li a { padding: 0 5px; } #footer_top_right li:first-child { border-left: none; } .footer_top, #footer_top { background: #D6D6D6; overflow: hidden; } .footer_top ul, #footer_top ul { float: right; } .footer_top li a, #footer_top li a { color: gray; margin: 0 7px; font-size: 12px; } .footer_bottom { clear: both; padding-bottom: 10px; } /* @group Page Layouts ------------------------------------------------*/ .onecolumnpage .hero { width: 100%; } .onecolumnpage .maincontent { background-image: none; } .onecolumnpage .asideA, .onecolumnpage .asideB, .onecolumnpage .subnav { display: none; } .onecolumnpage .maincolumn, .onecolumnpage .wrapleft { width: 100%; } .twocolumnpage .hero { width: 100%; } .twocolumnpage .asideB, .twocolumnpage .subnav { width: 22.6%; } .twocolumnpage .maincolumn { width: 77.25%; } /* @end */ /* ----------------------------------------- @group general classes ----------------------------------------- */ .clear { clear: left; } .lead, h4 { font-weight: bold; } img.full { width: 100%; height: auto; } .intro, .section > p:first-child { font-size: 1em; color: #999999; } .hidden { display: none; } .article-paging { margin: 10px 0; text-align: center; overflow: hidden; } .article-paging a { border-radius: 3px; background: #369; padding: 4px 8px; min-width: 7em; text-align: center; -webkit-box-shadow: 0 2px 3px #ccc; box-shadow: 0 2px 3px #ccc; display: inline-block; color: #cfcfcf; } .article-paging a:first-child { margin-right: 10px; } .article-paging a:hover { color: #fff; background: #4879b6; } .wrapcontent > .headings .maincolumn .sharelist { padding-top: 0 !important; } hr { border: 1px solid #ccc; border-width: 1px 0 0 0; margin: 1em 0; } .ec-teaser-box { margin: 0 0 1em; } #ec-teaser-container { border-top: 1px solid #ccc; } #ec-teaser-container .col2of2 { border-left: none; } .maincolumn .pinned li, .maincolumn .responsive li { font-size: 13px; line-height: 17.667px; padding: 0 0 0 15px; } .col1of2, .col2of2 { float: left; padding-right: 1em; width: 45%; } .cols { overflow: hidden; } .cols div > :first-child { margin-top: 1em; } .cols div > :last-child { margin-bottom: 1em; } .col2of2 { margin-right: 0; padding-left: 1em; } .tcw .col2of2 { border: none; border-left: 1px solid #ccc; } .noborder { border: none; } .border-all { border: 1px solid #ccc; } .border-right { border-right: 1px solid #ccc; padding-right: 1em; } .border-left { border-left: 1px solid #ccc; padding-left: 1em; } .border-top { border-top: 1px solid #ccc; padding-top: 1em; } .border-bottom { border-bottom: 1px solid #ccc; padding-bottom: 1em; } * + html .col1of2, * + html .col2of2 { width: 45%; } .mlinks { display: none; } #mmenu { display: none; } .careerspod { overflow: hidden; border-top: 1px solid #ccc; padding-top: 1em; margin-bottom: 1em; } .careerspod h3 { margin: 0 0 0 180px; } .careerspod p { margin: .5em 0 0 180px; } .careerspod .podimage { float: left; display: inline; } @media only screen and (min-width: 481px) and (max-width: 800px) { #eyhero .eyhero_leadin { width: 555px !important; margin-left: -66px; } } .alert { color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 3px; margin-bottom: 20px; padding: 8px 35px 8px 14px; display: inline-block; position: relative; font-size: .875em; } .alert:before { content: ""; position: absolute; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #336699; left: 49%; top: -6px; } .alert-warning { background: #dcc0dc; color: #91278f; } .alert-warning:before { border-bottom-color: #dcc0dc; } .alert-error { background: #fbc9c5; color: #f04c3e; } .alert-error:before { border-bottom-color: #fbc9c5; } .alert-success { background: #c3ddc7; color: #2c973e; } .alert-success:before { border-bottom-color: #c3ddc7; } .alert-info { background: #b3e3e6; color: #00a3ae; } .alert-info:before { border-bottom-color: #b3e3e6; } .eyred { color: #f04c3e; } .eygreen { color: #2c973e; } .eyteal { color: #00a3ae; } .eypurple { color: #91278f; } .eylavender { color: #ac98db; } .bg-eyred > * { background: #f04c3e; } .bg-eygreen > * { background: #2c973e; } .bg-eyteal > * { background: #00a3ae; } .bg-eypurple > * { background: #91278f; } .bg-eylavender > * { background: #ac98db; } .pointer { position: relative; } .pointer_down:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #808080; z-index: 2; } .pointer_down--yellow:after { border-top-color: #ffe600; } .largelist { background-color: #fff; position: relative; border: 1px solid #ccc; } .asideA .largelist { border: none; } .largelist h3 { padding: 10px 15px; font-size: 20px; position: relative; color: #333; height: auto; background-color: #ffe600; } .largelist ul { margin: 0; } .asideA .largelist li { background-image: none; border-top: 1px solid #ccc; padding: 0; margin: 0; font-size: 15px; } .largelist li:first-child { border: none; padding-top: 0; } .largelist li a { display: block; padding: 15px; } .largelist li a:hover { background: #FFF599; } .largelist li span { display: block; font-size: 10px; line-height: 1; color: #999; } .textreplace { text-indent: 100%; white-space: nowrap; overflow: hidden; height: 0; } .sl .maincolumn > h2 { margin-top: 15px; } .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.45); z-index: 40; display: none; top: 0; left: 0; } .reveal-modal { background: #fff; visibility: hidden; display: none; top: 100px; left: 50%; margin-left: -260px; width: 520px; position: absolute; z-index: 41; padding: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } .reveal-modal :first-child { margin-top: 0; } .reveal-modal :last-child { margin-bottom: 0; } .reveal-modal .close-reveal-modal { font-size: 22px; font-size: 2.2rem; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); font-weight: 700; cursor: pointer; } .reveal-modal.small { width: 30%; margin-left: -15%; } .reveal-modal.medium { width: 40%; margin-left: -20%; } .reveal-modal.large { width: 60%; margin-left: -30%; } .reveal-modal.xlarge { width: 70%; margin-left: -35%; } .reveal-modal.expand { width: 90%; margin-left: -45%; } .reveal-modal .row { min-width: 0; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 80%; top: 15px; left: 50%; margin-left: -40%; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: auto; } } .connectwithus { padding: 15px 0 0; } .asideA .module p, .asideA .module h3, .subnav .module p, .subnav .module h3 { margin: 5px 0 10px 0; } .asideA .module { padding: 15px 0 0; } .asideA .module:first-child h3 { margin-top: 0; } .thirds { overflow: hidden; } .oneofthree { margin: 10px; float: left; font-size: 12px; width: 33%; } .to-right { float: right; margin: 0 0 0 10px; } .to-left { float: left; margin: 0 10px 0 0; } .article-paging { margin: 2em 0; text-align: center; overflow: hidden; padding-top: 1em; } .article-paging a { border-radius: 3px; background: #369; padding: 4px 8px; min-width: 7em; text-align: center; -webkit-box-shadow: 0 2px 3px #ccc; box-shadow: 0 2px 3px #ccc; display: inline-block; color: #fff; } .article-paging a:first-child { margin-right: 10px; } .article-paging a:hover { color: #fff; background: #4879b6; } .asideA h3 + p > img { margin: 10px 0; position: static; } table.smaller td { font-size: .625em; } td[align="left"] { text-align: left; } td[align="center"] { text-align: center; } td[align="right"] { text-align: right; } .maincolumn table, .maincolumn table p { font-size: 13px; font-size: .8125rem; margin: .5em 0; line-height: 1.2; } .maincolumn table p + p { margin-top: 1em; } .maincolumn table td, .maincolumn table th { padding: 3px 6px; vertical-align: top; } .maincontent table td li { font-size: 1em; margin: 0; line-height: 1.2; } .maincontent table td ul { margin: 0; } .striped tr:nth-child(2n), .stripe { background: #f0f0f0; } .striped, .striped td { border: 1px solid #ccc; } .maincolumn table.striped th, .maincolumn thead td { color: #ccc; background: #45484d; background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #555555), color-stop(100%, #454545)); background: -webkit-linear-gradient(right, #555555, #454545); background: -moz-linear-gradient(right, #555555, #454545); background: -o-linear-gradient(right, #555555, #454545); background: linear-gradient(right, #555555, #454545); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#454545',GradientType=1 ); } .maincolumn table.striped th p { color: #ccc; } .highlight td { background: #ffe600; } caption { padding: .5em 10px 1em 0; text-align: left; font-weight: 900; font-size: .85rem; color: #808080; caption-side: bottom; } .nobullet li { background: none; padding: 0; } .tablet-only, .mobile-only, .print-only { display: none; } .desktop-only { display: block; } @media only screen and (min-width: 481px) and (max-width: 800px) { .desktop-only { display: none; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .desktop-only { display: none; } } @media only screen and (min-width: 481px) and (max-width: 800px) { .tablet-only { display: block; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .mobile-only { display: block; } } .showonall { display: block !important; } .span100 { width: 100%; } * + html .hero.span100 { width: 100%; } * + html .maincolumn.span100 { width: 96%; padding-left: 15px; } .span75 { width: 75%; } .span75 .span75 { width: 100%; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .span75 { width: 100%; } } .span75 .socialshare.bar { margin: 0; } .span75 .section { margin-right: 20px; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .span75 .section { margin-right: 0; } } .span50 { width: 50%; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .span50 { width: 100%; } } .span25 { width: 25%; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .span25 { width: 100%; } } * + html .maincolumn.span75 { width: 70% !important; } * + html .headings.span75 { width: 71%; } * + html .fullwidth .section { margin-left: 20px; } * + html .span50 { width: 50%; } * + html .span25 { width: 22%; padding: 20px 0 20px 20px; } * + html .subnav.span25 { width: 25%; padding: 0; } .asideA img { width: 100%; height: auto; } h2, h3, h4, h5, h6, .h3, .h4, .h5, .h6 { color: #333; font-weight: bold; margin: 0; } .footnotes { border-top: 1px solid #CCC; padding-top: .5em; } .footnotes li { color: #999; font-size: .8em; } /* END ACTV1_ADDENDUM STYLES */ h5 + p, h6 + p { margin-top: 0; } .asideB h3, .subnav h3, .asideB p, .subnav p { padding-bottom: 0; border-bottom: none; } .asideA .sharelist { margin-bottom: 0; } /*// fix for authors using multiple items in single RHF*/ .asideA .module > .module { border-top: 1px solid #ccc; } .asideA .sharelist { margin-bottom: 15px; } .subnav .module p { border: none; padding: 0; } .module > a > img { margin: 0 auto; } .module + .module { margin-top: 1em; margin-bottom: 1em; } .subnav .module h4 + p, h4 + p { margin-top: 0; } .asideA .module + .module, .subnav .module + .module { border-top: 1px solid #ccc; margin-top: 0; } .subnav .localnav + .module, .subnav .localnav + script + .module { border-top: none; padding: 0; } .subnav .module { margin: 15px; border-top: 0; padding-top: 0; } .subnav .module > .module { padding: 1em 0 0; } .subnav .module > .module h3 { margin: 0; } .subnav .module + .module { padding-top: 20px; } .customjs { width: 100%; overflow: hidden; } .customjs #Stage { width: 100%; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .customjs { width: 100%; display: block; } } .customjs .hero { width: 100%; } .serviceslist, #featuremenu { margin-top: 0; } * + html .serviceslist .localsub { padding-left: 0; } * + html .serviceslist .localsub li { background: url(/ecimages/blt_gray_md.gif) no-repeat scroll 1.5em 0.5em; } #introFlash { margin-bottom: 15px; } #introFlash object { margin-top: 0; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #introFlash object { display: none; } } @media only screen and (min-width: 481px) and (max-width: 800px) { #introFlash object { display: none; } } @media only screen and (min-width: 1250px) { #introFlash object { width: 937px; height: 374px; max-height: none; } } * + html .maincontent #introFlash { width: 73%; } .nonflashmarkup img { width: 100%; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .nonflashmarkup { display: block; } .nonflashmarkup img { width: 100%; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .news { padding: 0; } .hero .headings { padding: 0 20px 20px 20px; } .kicker { color: #999; } .nav-menu .localnav li.nav-current { line-height: 1; } } .home .breadcrumb { display: none; } ul#nav { zoom: 1; } @media only screen and (min-width: 481px) and (max-width: 800px) { #introFlash object { display: none; } .nonflashmarkup { display: block; } .nonflashmarkup img { width: 100%; } .breadcrumb { padding: 5px 3px; } } .figure { border-top: 3px solid #ffe600; margin: 1.5em 0 1em 3em; } .figure img { margin-left: -3em; } dl { margin: 1em 0; } dt, dd { font-size: .875em; line-height: 1.4; } dt { font-weight: bold; margin: 1em 0 0 0; color: #333; border-bottom: 1px solid #CCC; padding-bottom: .25em; } dd { margin: .5em 0; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .flexslider .slides > li { height: auto; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .twitter-timeline { width: 100%; margin: 0; } } @media only screen and (min-width: 1250px) { .twitter-timeline { width: 612px; } } .maincontent { overflow: hidden; } .maincolumn .pinned li, .maincolumn .responsive li { font-size: 13px; line-height: 16px; padding: 0 0 0 15px; } #footer, .wrapcontent { *zoom: 1; } #footer:before, #footer:after, .wrapcontent:before, .wrapcontent:after { content: ""; display: table; } #footer:after, .wrapcontent:after { clear: both; } #topnav > li.validate > a { background: #bada55; color: white !important; border-radius: 0 0 9px 9px; } .islandblock { display: block; margin: 1em; } .button-list { overflow: hidden; margin: 0; } .button-list li { display: inline; float: left; padding: 0; background-image: none; font-weight: normal; margin: 0; font-size: 12px; line-height: 3; } .button-list a, .button-list a.country { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7fa), color-stop(100%, #e1e4e7)); background: -webkit-linear-gradient(top, #f7f7fa, #e1e4e7); background: -moz-linear-gradient(top, #f7f7fa, #e1e4e7); background: -o-linear-gradient(top, #f7f7fa, #e1e4e7); background: linear-gradient(top, #f7f7fa, #e1e4e7); color: #666; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; box-shadow: 0 2px 2px #ccc; margin: 0 5px; border-bottom: 1px solid white; padding: 5px 10px 4px; border-radius: 10px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e5e5e5',GradientType=0 ); } .button-list a:hover, .button-list a.country:hover { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5e5e5e), color-stop(4%, #4f4f4f), color-stop(44%, #262626), color-stop(50%, #1c1c1c), color-stop(50%, #050505), color-stop(100%, #000000)); background: -webkit-linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, #000000); background: -moz-linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, #000000); background: -o-linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, #000000); background: linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, #000000); color: #ffe600; border-bottom-color: #999; } #featuremenu .local-sub a { background: url(/ecimages/blt_gray_md.gif) no-repeat scroll 1.5em 0.85em rgba(255, 230, 0, 0); padding-left: 2.5em; } .local-sub { margin-left: 0; } .hideLink { display: none; } .tcw blockquote, .quote, blockquote, .quoteblock { text-rendering: optimizeLegibility; font-style: italic; font-weight: normal; border: 3px solid #CCC; color: #999; border-width: 3px 0; margin: 1em 0; padding: .5em 1em; } .tcw blockquote p, .quote p, blockquote p, .quoteblock p { font-size: 1em; color: #999; text-align: center; } .quote.left, blockquote.left, .left.quoteblock, .quote.right, blockquote.right, .right.quoteblock { margin-top: 3px; padding-top: 0; text-align: left; } .quoteblock { background: #f0f0f0; border-width: 0 0 0 5px; border-left-color: #ffe600; border-radius: 9px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset; } .right { float: right; margin-left: 20px; } .oneoftwo { width: 47%; float: left; margin-left: 3%; } .oneoftwo img { width: 100%; } .oneoftwo.first { margin: 0; } * + html .oneoftwo { width: 45%; } .oneofthree { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 30%; margin-left: 3%; float: left; } .oneofthree.first { margin-left: 0; } * + html .oneofthree { width: 30%; } .twoofthree { width: 63%; float: left; margin-left: 3%; } .twoofthree.first { margin-left: 0; } * + html .twoofthree { width: 61%; } .oneofthree.right, .twoofthree.right, .oneoftwo.right { margin-right: 0; } .oneofthree.left, .twoofthree.left, .oneoftwo.left { margin-left: 0; } .hide { display: none; } .highlight { background: #ff0; } .left { float: left; margin-right: 20px; } .right { float: right; margin-left: 20px; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } code { background: #FFF7B0; color: #EB8300; } figure img { width: 100%; height: auto; display: block; } figcaption, cite { font-style: normal; color: gray; } figcaption { background: #f0f0f0; padding: 10px; } .pull-left { width: 19em; margin: -20em; position: absolute; } .pull-side, .pull-right { float: right; width: 52%; margin-right: -58%; /*margin-left: 2em;*/ background: white; background: rgba(255, 255, 255, 0.75); } .full .pull-side, .pull-right { margin-right: 0; } .pull-side-l { float: left; width: 52%; margin-left: -55%; /*margin-right: 2em;*/ background: white; background: rgba(255, 255, 255, 0.75); } .pull-side2 { float: right; width: 53%; margin-right: -30%; background: white; background: white; margin-left: 2em; margin-top: .25em; box-shadow: 5px 6px 10px rgba(0, 0, 0, 0.2); } .full .pull-side2 { margin-right: 0; } .pull-side2-l { float: left; width: 53%; margin-left: -30%; background: white; background: white; margin-right: 2em; margin-top: .25em; box-shadow: 5px 6px 10px rgba(0, 0, 0, 0.2); } .pull-side, .pull-right { margin-right: -54%; } .act-highlightbox { padding: 0 10px; border-top: 9px solid #ffe600; } .maincolumn .act-highlightbox { background: #eee; } .asideA .act-highlightbox { width: 90%; padding: 10px; background: #fff; margin-bottom: 20px; } #careersportlet img { display: none; } .flex-nav-container { float: right; margin: 50px 0 35px; width: 50%; position: relative; } .flex-control-paging { text-align: center; } .flexslider .slides { padding: 0; } .flexslider .slides > li { display: none; background: none transparent; padding: 0; } /*Hide the slides before the JS is loaded. Avoids image jumping*/ .maincontent .flexslider li { background: none transparent !important; padding: 0; } .maincontent .flexslider li { background-image: none; padding: 0 !important; } /*@BH trying to get images to stop displaying native height after loading*/ .flexslider .slides > li { width: 730px; height: 293px; } .flexslider .slides img { max-width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /*Clearfix for the .slides element*/ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /*FlexSlider Default Theme*/ /**********************************/ .flexslider { /*max-height: 280px;*/ background: transparent url(/ecimages/img/loader.gif) no-repeat center center; position: relative; /*background: red;*/ } body.flexdemobody .flexslider { min-height: 170px; } .flexslider .slides { zoom: 1; margin: 0; } .flexslider .slides > li { position: relative; background: none; width: 730px; background: rgba(255, 0, 0, 0.4); margin: 0; padding: 0; } /*Suggested container for "Slide" animation setups. Can replace this with your own, if you wish*/ .flex-container { zoom: 1; position: relative; /*max-height: 315px;*/ } /*Caption style*/ /*IE rgba() hack*/ .flex-caption { background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000); zoom: 1; } .flex-caption { width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); font-size: 14px; line-height: 18px; } /*Direction Nav*/ .flex-direction-nav { *height: 0; padding: 0; } /*fix for IE 7*/ .flex-direction-nav li a { width: 50px; height: 50px; margin: 0; display: block; background: url(/ecimages/flexarrows.png) no-repeat 0 0 transparent; position: absolute; top: 10px; cursor: pointer; text-indent: -9999px; opacity: .3; filter: alpha(opacity=0.3); } .flex-direction-nav li a:hover { opacity: 1; filter: alpha(opacity=100); } .flex-direction-nav li .flex-next { background-position: -50px 0; right: 20px; } .flex-direction-nav li .flex-prev { left: 10px; } .flex-direction-nav li .disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; } /*Control Nav*/ .flex-control-nav { /*margin: 7px 0 0;*/ margin: -35px 0 0px; padding: 0 0 10px; position: relative; text-align: center; } .flex-control-nav li { display: inline; margin: 0 7px; } .flex-control-nav li { background: none; } .flex-control-nav li a { background: #fff; background: rgba(255, 255, 255, 0.4); display: inline-block; overflow: hidden; width: 10px; height: 0; padding-top: 10px; text-align: center; border: 1px solid #666; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; box-shadow: 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px rgba(0, 0, 0, 0.6); } .flex-control-nav li a:after { content: ''; display: inline-block; margin-top: 2px; overflow: hidden; height: 0; width: 4px; padding-top: 4px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 100px solid red; } .flex-control-nav li:hover a, .flex-control-nav li a.flex-active { background-color: #ffe600; border: 1px solid #000; } /*end Flexslider */ .hero.flex-container .headings { padding-left: 20px !important; padding-bottom: 40px !important; } .hero .airdate { color: #fff; background: transparent; background: rgba(0, 0, 0, 0.6); padding: .5em 1em .5em 20px; width: auto; display: inline-block; border-radius: 80px; border: 2px solid #cccccc; *border: 1px solid #999; border: 1px solid #999999 \9; *border-width: 1px 0 0 0; border-width: 1px 0 0 0\9; font-size: 17px; } .hero .airdate a { color: #fff; } .hero .airdate span { color: #fff; margin-left: 1em; border-left: 1px dotted white; padding-left: 1em; color: #999; } /*IE8 hacks*/ .flex-control-paging { zoom: 1; z-index: 999; } .flex-direction-nav a { filter/*\**/: alpha(opacity=100) \9 !important; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .asideA .module { overflow: visible; } .twitterFeed { margin-left: -10px; width: 220px; } @media only screen and (min-width: 1250px) { .twitterFeed { margin-left: 0; width: 273px; } } /*end IE8 hacks*/ .tcw .hero .serviceheading { margin-left: 0\9; margin-bottom: 0\9; } .tcwvideo { width: 100%; height: 310px; border: 1px solid #CCCCCC; background-color: #222222; margin-bottom: 15px; } .tcw .maincolumn .media { overflow: hidden; } .tcw .maincolumn .media img { float: left; margin-right: 1em; margin-bottom: 1em; } .tcw .maincolumn .module { border: none; padding-top: 0; } .tcw .maincolumn .module:first-child { padding: 0; } .tcw .maincolumn .cv { clear: both; } /* IE8 FIXES */ .flexslider .slides > li { height: auto; } ul#nav { zoom: 1; } .flex-control-nav { margin-top: -45px\9; } * + html .flex-control-nav { margin-top: -45px; } * + html .serviceheading { margin-right: 20px; margin-left: 0; } @media screen and (max-width: 30em) { .asideA { display: block; margin-top: 0 !important; } .maincolumn { min-height: 0 !important; } .tcw .maincolumn { width: auto !important; } .kicker { color: Black; } .airdate { background: transparent; font-size: 16px !important; line-height: 1.3; border: none; border-radius: 0; margin: 0; padding: 0; width: 100%; color: #777; } .airdate span { padding-left: 0; margin-left: 0; } .airdate br { display: block; } .home .hero h1 { font-size: 22px; margin: 0; } .home.tcw .hero .headings { padding-bottom: 1em; } .tcw .col2of2 { border-left: none; } } /*end mobile*/ @media screen and (min-width: 1400px) { .tcw .hero .airdate { font-size: .65em; } .home.tcw .hero .headings { padding-left: 70px; } } hr, .separator, .graydivider, .divider { border: 1px solid #cccccc; border-width: 1px 0 0 0; } hr { height: 1px; } .bio .fullwidth .asideB { width: 25%; margin-right: 0; } .bio .fullwidth .asideB img { width: 100%; height: auto; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .bio .fullwidth .asideB { width: 100%; padding: 0; } } .fullwidth .wrapcontent, .wrapcontent.span100 { width: 100%; } .partnerinfo { background: #f0f0f0; padding: 5px 15px; border-top: 5px solid #ccc; color: #555; } .partnerinfo #telephone p { font-weight: bold; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .partnerinfo .sharelist li:first-child { margin-left: 0; } } * + html .partnerinfo { position: relative; } @media only screen and (min-width: 481px) and (max-width: 800px) { .home .wrapcontent { background-image: none; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .home .wrapcontent { background-image: none; padding: 0; } } @media only screen and (min-width: 1250px) { .home .wrapcontent { background-position: -83px top; } } .lt-ie8 .home .wrapcontent { background-position: -166px top; } .news, .asideA { font-size: .9em; } .home .news > .bar, .home .asideA > .bar { font-size: 18px; padding-top: 15px; color: #666; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .home .news > .bar, .home .asideA > .bar { padding-top: 0; } } .news > .bar + ul, .asideA > .bar + ul { margin: 0 15px; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .news > .bar + ul, .asideA > .bar + ul { padding: 0; } } .news li, .asideA li { color: #777; font-size: 1em -3; margin: 0 0 .25em; } .news h4, .asideA h4 { margin: 1em 0 0 0; font-size: 1em; } .home .news li { background: none; padding-left: 0; } .views { padding: 0; background: #fff; } .home .views .bar { padding-top: 15px; border-bottom: 1px solid #ccc; color: #666; } @media only screen and (min-width: 481px) and (max-width: 800px) { .home .views .bar { font-size: 18px !important; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .home .views .bar { padding-top: 0; padding-left: 0; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .views { padding: 0 15px; } } .views .section { padding-top: 0; } .views li.media { background: none; } .home .views .media { margin: 0; padding: .5em 15px; } .home .views .media:first-child { padding-top: 1em; } @media only screen and (min-width: 481px) and (max-width: 800px) { .home .views .media { padding: 10px 10px 10px 0; } } .lt-ie8 .home .views .media { border-left: 1px solid transparent; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .home .views .media { padding: 10px 0; margin: 0; } } .views h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; } .views .padlist li { background-image: none; border-top: 1px solid #CCC; margin: 0; *margin-right: -20px; padding: 15px; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .views .padlist li { padding: 10px 0; } } .views .padlist li:hover { background: #f0f0f0; -webkit-box-shadow: 0 0 2px #999 inset; box-shadow: 0 0 2px #999 inset; } .home .views .media:hover { background: #f0f0f0; -webkit-box-shadow: 0 0 2px #999 inset; box-shadow: 0 0 2px #999 inset; } .lt-ie8 .home .views .media:hover { border-left: 1px solid #ccc; } #twitter { margin-bottom: 1em; } .thumblist { list-style-type: none; font-size: 1.1em; margin: 0; padding: 0; } .thumblist li a { text-decoration: none; color: #333; line-height: 1.5; margin: 0; display: block; text-decoration: none; padding: 10px; margin: 0; overflow: hidden; border-bottom: none; } .thumblist li img { background-color: white; padding: 3px; border: 1px solid #ccc; float: left; margin-right: 10px; display: block; height: 87px; } .mostpopular li { padding: 0; margin: 0; background: none; } .mostpopular a { background: #fafafa; padding: 5px 10px; margin: 0 0 3px; display: block; } .mostpopular a:hover { background: #fff; } .asideA .mostpopular.module { margin: 0; } .webcast-entry { margin: 0 0 1em 0; clear: both; overflow: hidden; } .webcast-entry.last { margin-bottom: 0; } .calendar { float: left; background: transparent url(/ecimages/calendargray.png) no-repeat; width: 25%; color: #fff; padding: 3px 0 10px; } .calendardescription { float: right; width: 70%; margin: 0; padding: 0; } .calendardescription li { list-style-type: none; margin: 0; padding: 0; } #calendar-entries p { margin-bottom: 1em; } .asideA .calendar .date { color: #fff; width: 40px; text-transform: uppercase; font-weight: 400; font-size: 10px; text-align: center; margin: 0; padding: 0; line-height: 1em; } .asideA .calendar .date span { display: block; font-size: 12px; font-weight: bold; margin-top: 9px; color: #444; } .asideA .calendar.upcoming { background: transparent url(/ecimages/calendaryellow.png) no-repeat; color: #000; } .asideA .calendar.upcoming .date { color: #333; } #homedslider { *width: 99% !important; } #eyhero { width: 100%; min-height: 276px; background-color: #333; position: relative; overflow: hidden; margin: 0px; margin-bottom: 10px; } #eyhero div > img { width: 100%; height: auto; } .home #eyhero { margin-bottom: 0; margin-top: 0; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .home #eyhero { margin-top: 20px; } } .lt-ie9 #eyhero { width: 99% !important; } #eyhero.black a { color: #fff; text-decoration: none; cursor: pointer; } #eyhero.white a { color: #000; text-decoration: none; cursor: pointer; } #eyhero_background { width: 100%; min-height: 277px; position: absolute; display: block; } .eyhero_gradient { width: 100%; min-height: 277px; position: absolute; display: block; } #eyhero.black .eyhero_gradient { background: url(/ecimages/blackgrad.png) repeat-x; } #eyhero.white .eyhero_gradient { background: url(/ecimages/whitegrad.png) repeat-x; } #eyhero #beam_input { position: absolute; top: 32px; left: 0px; width: 264px; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #eyhero #beam_input { display: none !important; } } #eyhero #beam_output { position: absolute; top: 0px; left: 264px; width: 418px; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #eyhero #beam_output { display: none !important; } } .eyhero_headline { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #eyhero .eyhero_leadin { position: absolute; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; top: 70px; padding-left: 935px; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #eyhero .eyhero_leadin { width: 100% !important; position: static; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #eyhero, #eyhero_background { width: 100%; min-height: 0; background-color: transparent; position: static; margin: 0px; } #eyhero .eyhero_link, #eyhero .eyhero_background_img { display: none !important; } #eyhero.white #teaserlist { top: 0 !important; background: transparent !important; } #teaserlist li { float: none; width: 100% !important; } #teaserlist li img { border: 1px solid #cccccc !important; -webkit-box-shadow: none !important; box-shadow: none !important; min-width: 100%; min-height: 0; } #teaserlist li p { padding-top: 10px; line-height: 1; font-size: 18px !important; font-weight: bold; color: #369; padding: 0; } } #eyhero .eyhero_leadin h3 { font-size: 23px; font-weight: normal; margin-top: 0; margin-bottom: 0; } #eyhero.black .eyhero_leadin h3 { text-shadow: 1px 1px 3px #000; } #eyhero.white .eyhero_leadin h3 { text-shadow: 0px 0px 13px #fff, 0px 0px 13px #fff; } #eyhero p { font-size: 13px; margin-top: 4px; } #eyhero.black .eyhero_leadin p { text-shadow: 1px 1px 2px #000; } #eyhero.white .eyhero_leadin p { text-shadow: 1px 1px 10px #fff; } #teaserlist { position: relative; top: 200px; height: auto; padding-bottom: 10px; width: 100%; } #eyhero.black #teaserlist { background: #333; *background: url(/ecimages/80bk.png) transparent; background: rgba(0, 0, 0, 0.4); } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #eyhero.black #teaserlist { background: #fff; top: 0 !important; } } #eyhero.white #teaserlist { background: #333; *background: url(/ecimages/80bk.png) transparent; background: rgba(0, 0, 0, 0.8); } #teaserlist ul { list-style: none outside; margin-top: 0; padding-left: 20px; margin-left: 0 !important; *zoom: 1; } #teaserlist ul:before, #teaserlist ul:after { content: ""; display: table; } #teaserlist ul:after { clear: both; } @media only screen and (min-width: 481px) and (max-width: 800px) { #teaserlist ul { padding-left: 10px; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #teaserlist ul { padding-left: 0; } } #teaserlist li { width: 31%; float: left; margin-right: 2%; display: inline; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #teaserlist li { margin-right: 10px; margin: 0; padding: 10px 15px; width: auto; } } #teaserlist li .teaser { float: left; width: 66px; margin-right: 10px; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #teaserlist li .teaser { overflow: hidden; padding: 0; width: 83px; height: 60px; border: 1px solid #CCC; } } #teaserlist li img { border: 2px solid #ccc; box-shadow: 0px 0px 6px #000; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #teaserlist li img { padding: 0; height: auto; width: 100%; } } .teaserthumbbar { background-color: #FFDF00; height: 0px; margin-top: 0px; width: 66px; } #teaserlist li p { font-size: 12px; margin-top: 0; padding-left: 0; cursor: pointer; line-height: 1.2; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #teaserlist li p { width: 90%; font-size: 16px !important; } } #eyhero.white #teaserlist li a, #teaserlist li a { color: #fff; } #teaserlist li a:hover { color: white !important; text-decoration: none; } #footer #megafooter { background: #525252 url(/ecimages/footer-bg.png) repeat-x scroll left bottom; padding: 0 0 20px 20px; position: relative; border-top: 3px solid #FFE700; overflow: hidden; zoom: 1; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #footer #megafooter { display: none; } } #footer #megafooter .group { float: left; margin-right: 2%; width: 23%; } #footer #megafooter h3 { letter-spacing: 3px; font-size: 13px; margin: 15px 0 0 0; text-transform: uppercase; } #footer #megafooter h3 a { color: #999; border: none; padding: 4px 10px; display: block; margin: 0; } #footer #megafooter li { list-style-type: none; background: none; margin: 0; padding: 0; } #footer #megafooter a { color: #CCC; padding: 7px 10px; display: block; border-top: 1px dotted #777; padding: 4px 10px; } #footer #megafooter a:hover { color: white; border-left: 3px solid #FFE700; padding-left: 7px; background: rgba(0, 0, 0, 0.15); } #homedslider { *width: 99% !important; } #eyhero { width: 100%; min-height: 276px; background-color: #333; position: relative; overflow: hidden; margin: 0px; margin-bottom: 10px; } #eyhero div > img { width: 100%; height: auto; } .home #eyhero { margin-bottom: 0; margin-top: 0; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .home #eyhero { margin-top: 20px; } } .lt-ie9 #eyhero { width: 99% !important; } #eyhero.black a { color: #fff; text-decoration: none; cursor: pointer; } #eyhero.white a { color: #000; text-decoration: none; cursor: pointer; } #eyhero_background { width: 100%; min-height: 277px; position: absolute; display: block; } .eyhero_gradient { width: 100%; min-height: 277px; position: absolute; display: block; } #eyhero.black .eyhero_gradient { background: url(/ecimages/blackgrad.png) repeat-x; } #eyhero.white .eyhero_gradient { background: url(/ecimages/whitegrad.png) repeat-x; } #eyhero #beam_input { position: absolute; top: 32px; left: 0px; width: 264px; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #eyhero #beam_input { display: none !important; } } #eyhero #beam_output { position: absolute; top: 0px; left: 264px; width: 418px; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #eyhero #beam_output { display: none !important; } } .eyhero_headline { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #eyhero .eyhero_leadin { position: absolute; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; top: 70px; padding-left: 935px; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #eyhero .eyhero_leadin { width: 100% !important; position: static; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #eyhero, #eyhero_background { width: 100%; min-height: 0; background-color: transparent; position: static; margin: 0px; } #eyhero .eyhero_link, #eyhero .eyhero_background_img { display: none !important; } #eyhero.white #teaserlist { top: 0 !important; background: transparent !important; } #teaserlist li { float: none; width: 100% !important; } #teaserlist li img { border: 1px solid #cccccc !important; -webkit-box-shadow: none !important; box-shadow: none !important; min-width: 100%; min-height: 0; } #teaserlist li p { padding-top: 10px; line-height: 1; font-size: 18px !important; font-weight: bold; color: #369; padding: 0; } } #eyhero .eyhero_leadin h3 { font-size: 23px; font-weight: normal; margin-top: 0; margin-bottom: 0; } #eyhero.black .eyhero_leadin h3 { text-shadow: 1px 1px 3px #000; } #eyhero.white .eyhero_leadin h3 { text-shadow: 0px 0px 13px #fff, 0px 0px 13px #fff; } #eyhero p { font-size: 13px; margin-top: 4px; } #eyhero.black .eyhero_leadin p { text-shadow: 1px 1px 2px #000; } #eyhero.white .eyhero_leadin p { text-shadow: 1px 1px 10px #fff; } #teaserlist { position: relative; top: 200px; height: auto; padding-bottom: 10px; width: 100%; } #eyhero.black #teaserlist { background: #333; *background: url(/ecimages/80bk.png) transparent; background: rgba(0, 0, 0, 0.4); } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #eyhero.black #teaserlist { background: #fff; top: 0 !important; } } #eyhero.white #teaserlist { background: #333; *background: url(/ecimages/80bk.png) transparent; background: rgba(0, 0, 0, 0.8); } #teaserlist ul { list-style: none outside; margin-top: 0; padding-left: 20px; margin-left: 0 !important; *zoom: 1; } #teaserlist ul:before, #teaserlist ul:after { content: ""; display: table; } #teaserlist ul:after { clear: both; } @media only screen and (min-width: 481px) and (max-width: 800px) { #teaserlist ul { padding-left: 10px; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #teaserlist ul { padding-left: 0; } } #teaserlist li { width: 31%; float: left; margin-right: 2%; display: inline; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #teaserlist li { margin-right: 10px; margin: 0; padding: 10px 15px; width: auto; } } #teaserlist li .teaser { float: left; width: 66px; margin-right: 10px; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #teaserlist li .teaser { overflow: hidden; padding: 0; width: 83px; height: 60px; border: 1px solid #CCC; } } #teaserlist li img { border: 2px solid #ccc; box-shadow: 0px 0px 6px #000; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #teaserlist li img { padding: 0; height: auto; width: 100%; } } .teaserthumbbar { background-color: #FFDF00; height: 0px; margin-top: 0px; width: 66px; } #teaserlist li p { font-size: 12px; margin-top: 0; padding-left: 0; cursor: pointer; line-height: 1.2; } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { #teaserlist li p { width: 90%; font-size: 16px !important; } } #eyhero.white #teaserlist li a, #teaserlist li a { color: #fff; } #teaserlist li a:hover { color: white !important; text-decoration: none; } hr, .separator, .graydivider, .divider { border: 1px solid #cccccc; border-width: 1px 0 0 0; } hr { height: 1px; } /* @group topnav (new) */ .topNavContainer { position: absolute; top: 0; right: 0; z-index: 110; } .topNavContainer ul { margin: 0; padding: 0; } @media only screen and (min-width: 481px) and (max-width: 800px) { .topNavContainer { margin-right: 20px; } } #topnav { float: right; margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; overflow: hidden; } #topnav li { background: none; padding-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; } #topnav li:first-child, #topnav li.first { padding-left: 0; } #topnav li:last-child { padding-right: 0; } #topnav li.last { padding-right: 0; } #topnav > li { background: none; padding-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; padding: 0; margin: 0; font-size: .6875em; font-weight: bold; } #topnav > li:first-child, #topnav > li.first { padding-left: 0; } #topnav > li:last-child { padding-right: 0; } #topnav > li.last { padding-right: 0; } #topnav > li > a { padding: 10px; display: block; color: #999; } @media only screen and (min-width: 481px) and (max-width: 800px) { #topnav > li > a { padding: 2px 5px; font-style: 11px; } } #topnav > li > a:hover, #topnav > li > a.active { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #45484d)); background: -webkit-linear-gradient(top, #666666 0%, #45484d 100%); background: -moz-linear-gradient(top, #666666 0%, #45484d 100%); background: -o-linear-gradient(top, #666666 0%, #45484d 100%); background: linear-gradient(top, #666666 0%, #45484d 100%); color: #fff; } #topnav > li#nav-location > a { padding-right: 36px; } #aboutDrop, #connectDrop, #newsDrop, #login_overlay { position: absolute; top: 30px; margin: 0; width: 19em; border: 1px solid #555; border-top: none; background-color: #555; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #45484d), color-stop(100%, #111111)); background: -webkit-linear-gradient(top, #45484d 0%, #111111 100%); background: -moz-linear-gradient(top, #45484d 0%, #111111 100%); background: -o-linear-gradient(top, #45484d 0%, #111111 100%); background: linear-gradient(top, #45484d 0%, #111111 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#111111'); -webkit-box-shadow: 0, 0, 20px, rgba(0, 0, 0, 0.6); -moz-box-shadow: 0, 0, 20px, rgba(0, 0, 0, 0.6); box-shadow: 0, 0, 20px, rgba(0, 0, 0, 0.6); } #topnav a { display: block; padding: 10px; color: #369; } #topnav a:hover, #topnav a.active { background: #252525; background: rgba(0, 0, 0, 0.4); color: #ffe600; } #topnav .level2topicheader li { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#111111'); float: none; display: block; margin: 0; padding: 0; border: 1px solid #666; border-collapse: collapse; border-width: 1px 0 0; background: none; font-weight: 700; font-size: 11px; white-space: normal; } #topnav .level2topicheader li a { float: none; display: block; margin: 0; padding: 10px 5px; border-left: 5px solid transparent; color: #ffe600; } #topnav .level2topicheader li li a { padding-left: 18px; background-position: 5px 1.3em; color: #fff; line-height: 1.2; } ul.subUlFirst { margin: 0; width: 100% !important; padding-left: 7px; } ul.subUlFirst li { border-right: none; border-left: none; line-height: 1; } ul.subUlFirst li a { margin: 0; padding: 1px 0 1px 12px; border-bottom: 0 none; background: url(/ecimages/blt_gray_sm.gif) no-repeat 3px 6px; color: #fff; text-decoration: none; font-weight: 400; } /* ----------------------------------------- @group Location Selector ----------------------------------------- */ #location_selectordiv { font-size: 11px; color: #ccc; } #location_selectordiv span.title { float: left; margin: 10px 0 5px 10px; border-bottom: none; color: #ccc; font-weight: 700; font-size: 12px; } #location_selectordiv a { color: #fff; } #location_selectordiv form { float: right; margin: 5px; padding: 0; } #location_selectordiv #location_selector_nav a { position: relative; top: 1px; z-index: 6; float: left; width: 158px; font-weight: 400; } #location_selectordiv #location_selector_nav #letters { float: right; overflow: hidden; margin-top: 3px; } #location_selectordiv #location_selector_nav #letters a { float: left; display: inline; overflow: hidden; margin: 0; padding: 0 5px; width: 10px; border: none; background-image: none !important; color: #fff; } #location_selectordiv #location_selector_nav a.on, #location_selectordiv #location_selector_nav a:hover { background: #444; color: #ffe700; } #country_list_container { clear: left; overflow: hidden; padding: 10px; border-top: 1px solid #666; background: #525252 url(/ecimages/newsroom_overlay_dk_gradient_backgroundloop_short.gif) repeat-x scroll left bottom; box-shadow: 0 0 12px #333; } #country_list_container ul { float: left; width: 19%; display: block; overflow: visible; margin: 0 0 10px 0; padding: 0; list-style: none; } #country_list_container ul:first-child { margin-left: 0; } #country_list_container ul li { z-index: 10000000; float: none !important; padding: 0; font-weight: 400; line-height: 1.2; } #country_list_container ul li a { padding: 5px 36px 5px 11px; color: #fff; border-left: 3px solid transparent; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; } #country_list_container ul li a:hover { margin: 0; border-left-color: #ffe700; background: rgba(255, 255, 255, 0.1); color: #ffe700; } .countryMenu li { float: none !important; display: block; } .countryMenu span { color: #ffe700; } #letters + a.countryMenu span { display: block; margin: 0 0 3px 5px; } #location_selector_nav a.countryMenu, #location_selector_nav a.countryMenu:hover { position: relative !important; left: 5px; display: block; overflow: visible; margin: 0; margin: 0; padding: 0; border: none; background-image: none; } #countryOverlayContent { position: absolute; width: 760px; right: 0; border: 1px solid #636363; border-top: none; background-color: #252525; } #location_selectordiv { z-index: 9000; } /* @group Mainmenu */ .clear { clear: both; } #connect-apps { background: url(/ecimages/mobile.png) no-repeat; } #sub_middle_1col img.pdf, .featureCallout img.pdf { float: none; display: inline; padding: 0; } ul.thumblist img.pdf { display: none !important; } #nav li .sub ul { float: left; width: 180px; padding: 0; list-style: none; } #nav li .sub ul li { clear: left; } #nav li .sub.threecolumn ul { width: 240px; } #nav li .row { margin-bottom: 1em; clear: left; } li.navtopic, .menuitem { float: left; margin: 0; padding: 0; font-size: 10px; line-height: 1; } .navtopic a, .menuitem > li a { float: left; margin: 0; padding: 7px 20px 6px; color: #333; text-decoration: none; font-weight: 700; font-size: 13px; } .navtopic .sub { position: absolute; top: 45px; left: -1px; z-index: 1; float: left; display: none; padding: 10px; width: 742px !important; border: 1px solid #666; border-width: 0 1px 1px; background: #45484d; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #45484d), color-stop(100%, #000000)); background: -webkit-linear-gradient(top, #45484d, #000000); background: -moz-linear-gradient(top, #45484d, #000000); background: -o-linear-gradient(top, #45484d, #000000); background: linear-gradient(top, #45484d, #000000); -webkit-box-shadow: 0, 8px, 12px, rgba(0, 0, 0, 0.8); -moz-box-shadow: 0, 8px, 12px, rgba(0, 0, 0, 0.8); box-shadow: 0, 8px, 12px, rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d',endColorstr='#000000',GradientType=0); } @media only screen and (min-width: 481px) and (max-width: 800px) { .navtopic .sub { top: 45px; float: none; right: 0; width: auto !important; position: absolute; left: auto; } } .sub ul li { clear: left; } .navtopic li { margin: 0 15px 0 0; line-height: 1.1; } .topNavContainer { top: 0; } .page, #wrapper { overflow: hidden; } #nav-location span#countryoverlayspan { position: absolute; right: 0; width: 26px; height: 16px; } .topNavContainer { position: absolute; top: 0; width: 100%; } .level2topicheader { display: none; } #nav { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; border: 1px solid #cccccc; overflow: visible; border-width: 1px 1px 0 1px; z-index: 100; background: white; position: absolute; right: 0; top: 73px; width: 75%; } @media only screen and (min-width: 481px) and (max-width: 800px) { #nav { width: 100%; top: 81px; border-bottom-width: 1px; } } #nav > li { background: none; padding-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; padding: 0; font-weight: bold; font-size: 13px; line-height: 1; margin: 0; white-space: normal; } #nav > li:first-child, #nav > li.first { padding-left: 0; } #nav > li:last-child { padding-right: 0; } #nav > li.last { padding-right: 0; } #nav > li > a { padding: 16px 20px; display: block; color: #777777; } @media only screen and (min-width: 481px) and (max-width: 800px) { #nav > li > a { padding: 12px; } } #nav > li > a.active { background: #f0f0f0; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #d0d0d0)); background: -webkit-linear-gradient(top, #f0f0f0 0%, #d0d0d0 100%); background: -moz-linear-gradient(top, #f0f0f0 0%, #d0d0d0 100%); background: -o-linear-gradient(top, #f0f0f0 0%, #d0d0d0 100%); background: linear-gradient(top, #f0f0f0 0%, #d0d0d0 100%); color: #515151; } #nav > li > a:hover { background: #45484d; color: #fff; background: #666; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #45484d)); background: -webkit-linear-gradient(top, #666666 0%, #45484d 100%); background: -moz-linear-gradient(top, #666666 0%, #45484d 100%); background: -o-linear-gradient(top, #666666 0%, #45484d 100%); background: linear-gradient(top, #666666 0%, #45484d 100%); color: #fff; } #nav > li:first-child a { padding-left: 15px; padding-right: 15px; } #nav .sub { display: none; } #nav .sub a { float: none; display: block; margin: 0; padding: 5px 5px 5px 10px; color: #f0f0f0; text-decoration: none; text-indent: 0; font-weight: 400; font-size: 11px; background: url(/ecimages/blt_gray_sm.gif) no-repeat 0 7px; } #nav .sub a:hover { background: #666; color: #fff; background: rgba(0, 0, 0, 0.2); background-image: none; border-radius: 4px; } #nav .sub .navmaintopic { margin: 0 0 .25em; display: block; padding: 0; border-bottom: 1px solid #999; } #nav .sub .navmaintopic > a { color: #ffe600; font-weight: 700; background: none; padding-left: 0; } .searchdiv { *zoom: 1; position: absolute; width: 25%; top: 34px; right: 0; border-radius: 2px; height: auto; overflow: hidden; background: #f0f0f0; border: 1px solid #cccccc; } @media only screen and (min-width: 481px) and (max-width: 800px) { .searchdiv { right: 20px; } } .searchdiv fieldset { overflow: hidden; } #searchform { margin: 0; } #query { font-size: 13px; width: 89%; padding: 5px 10px; margin: 0; *zoom: 1; height: auto; border: none; color: #999999; background: transparent; right: 0; } input.form_search_submit[type="button"] { zoom: 1; position: absolute; right: 3px; top: 2px; background: transparent url(/ecimages/searchicon.png) no-repeat scroll 0 0 !important; width: 20px; border: none; height: 20px; border: 0 none; cursor: pointer; margin: 0; padding: 0; text-indent: -9999px !important; white-space: nowrap; overflow: hidden; } .notificationouter { margin: 0 10px; position: absolute; width: auto; zoom: 1; top: 0; left: 0; right: 0; z-index: 200; } .notificationwrap { margin: 0 auto; overflow: hidden; position: relative; text-align: left; width: auto; } .notification p { float: left; font-size: 15px; line-height: 1.5; margin: 12px 24px 12px 20px; *margin-top: 6px; padding: 0; width: 750px; } .notification strong { color: white; } .notification h3 { float: left; display: table-cell; z-index: 50; bottom: 0; height: 100%; text-align: left; background: transparent !important; font-size: 18px; color: #666; margin: 0; padding: 10px; line-height: 1; } .notification a { color: #ffe600; } #topnav li a#online_signin_on, #li_utilityOnlineSignIn, #topnav { z-index: 1 !important; } .arrow-down { margin: 0 32px 0 auto; position: relative; clear: both; width: 20px; height: 20px; float: right; } .arrow-down span { border-bottom: 10px solid #333; border-left: 10px solid transparent; border-right: 10px solid transparent; height: 0; position: absolute; right: 0; top: -11px; width: 0; } .notificationclose { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; background: #222; border: 1px solid #cccccc !important; border-radius: 50%; color: #FFE600; cursor: pointer; font-size: 20px; width: 18px; height: 18px; line-height: 17px; padding: 5px; position: absolute; right: 18px; text-align: center; top: 15px; z-index: 50; } * + html .notificationclose { line-height: .75; } .notificationclose:hover { background: #ffe600; color: #333333; } .notificationnevershow { display: inline-block; margin-bottom: 20px; float: right; } .notificationnevershow #notificationnevershow { position: absolute; margin-left: -20px; margin-top: 5px; *margin-top: 2px; } .notification { zoom: 1; } .notification p, .notification h3 { zoom: 1; } .arrow-down span { zoom: 1; } .notification p { position: relative; float: none; top: 5px; } .notification { top: 31px; background: #eee; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%); background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); background: -o-linear-gradient(top, #eeeeee 0%, #dddddd 100%); background: linear-gradient(top, #eeeeee 0%, #dddddd 100%); -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#cccccc',GradientType=0); border-radius: 5px; border: 2px solid #999; display: none; min-height: 100px; overflow: visible; padding: 1px 0 0; position: relative; text-align: center; height: auto !important; max-width: 979px; margin: 0 auto; } * + html .notificationnevershow { display: block; } .notification p, .notification strong { color: #666; margin-bottom: 10px; } .notification p { float: left; width: 70%; } .tcw th, .tcw td, .tcw caption { border: none; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-tabs { padding: .2em; position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; overflow: hidden; padding: .2em .2em 0; font-size: .8125em; } .ui-tabs .ui-tabs-nav li { border-bottom: 0 !important; float: left; list-style: none; margin: 0 .2em 1px 0; padding: 0; position: relative; top: 1px; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { background: none; border-width: 0; clear: both; display: block; padding: 10px 0; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-tabs .ui-tabs-nav li { background-image: none; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-widget-header { background: #cccccc; border: 1px solid #aaaaaa; border-bottom: 0; color: #222222; font-weight: bold; } .ui-helper-clearfix { zoom: 1; } .ui-tabs .ui-state-default { background: #f0f0f0; } .ui-tabs .ui-tabs-selected { background: white; } .eytabs { border: 1px solid #ccc; margin-top: 10px; margin-bottom: 10px; } .time { width: 5.7em; border-right: 1px solid #ccc; vertical-align: middle; } .emphasize { font-weight: bold; } .time + td { padding-left: 10px; } #event_dl { margin-top: 1em; } /* ----------------------------------------- @group Ben's custom events styles ----------------------------------------- */ /* Events core styles 2013-02-17 */ .duration, .convertedHour, .convertedMin { display: none; } div.video { width: 100%; height: 360px; border: 1px solid #CCCCCC; background-color: #222222; margin-bottom: 15px; } #eventlist tr { text-align: left; } .time { font-weight: bold; } .tracklabel { font-weight: bold; background-color: #CCCCCC; border-bottom: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; } .maincolumn table td.session { padding-top: 8px; padding-bottom: 8px; } .even { background-color: #EEEEEE; border-bottom: 1px solid #AAAAAA; } .odd { background-color: #DDDDDD; border-bottom: 1px solid #AAAAAA; } @media screen and (max-width: 30em) { div.hero h2 { font-size: 100%; margin-top: 0px; } div.hero p.serviceheading { color: black; } #nav { display: none; } .socialshare, .maincolumn .bar { display: block; } div.video { max-width: 300px; height: 270px; } .asideA img { display: block; } } @media screen and (min-width: 481px) and (max-width: 1024px) { .asideA img { display: block; } } @media all and (min-width: 1200px) { .asideA img { display: block; } } hr, .separator, .graydivider, .divider { border: 1px solid #cccccc; border-width: 1px 0 0 0; } hr { height: 1px; } .spr-sprite, .spr-icn-apps, .spr-icn-digg, .spr-icn-email, .spr-icn-facebook, .spr-icn-gplus, .spr-icn-linkedin, .spr-icn-print, .spr-icn-stumble, .spr-icn-twitter, .spr-icn-webcast, .spr-icn-youtube, .sharelist #connect-facebook, .sharelist .facebook, .sharelist #connect-digg, .sharelist .digg, .sharelist #connect-google, .sharelist .google, .sharelist #connect-linkedin, .sharelist .linkedin, .sharelist #connect-twitter, .sharelist .twitter, .sharelist #connect-print, .sharelist .print, .sharelist #connect-email-alerts, .sharelist .email-alerts, .sharelist #connect-email, .sharelist .email, .sharelist #connect-apps, .sharelist .apps, .sharelist #connect-stumbleupon, .sharelist .stumbleupon, .sharelist #connect-webcasts, .sharelist .webcasts, .sharelist #connect-youtube, .sharelist .youtube { background: url(/ecimages/sprites.png) no-repeat; } .spr-icn-apps { background-position: 0 -145px; } .spr-icn-digg { background-position: 0 -131px; } .spr-icn-email { background-position: 0 -67px; } .spr-icn-facebook { background-position: 0 -16px; } .spr-icn-gplus { background-position: 0 -99px; } .spr-icn-linkedin { background-position: 0 -51px; } .spr-icn-print { background-position: 0 -161px; } .spr-icn-stumble { background-position: 0 -32px; } .spr-icn-twitter { background-position: 0 0; } .spr-icn-webcast { background-position: 0 -115px; } .spr-icn-youtube { background-position: 0 -83px; } .sharelist { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; } .sharelist li { background: none; padding-left: 0; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; text-indent: -119988px; overflow: hidden; text-align: left; width: 16px; height: 16px; margin: 0 0 0 6px; padding: 0; } .sharelist li:first-child, .sharelist li.first { padding-left: 0; } .sharelist li:last-child { padding-right: 0; } .sharelist li.last { padding-right: 0; } .sharelist li.sharelabel { text-indent: 0; width: auto; color: #999999; } .sharelist li:first-child { margin-left: 0; } @media only screen and (min-width: 481px) and (max-width: 800px) { .sharelist li { margin-left: 2%; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .sharelist li:first-child { margin-left: 15px; } .sharelist li:last-child { margin-right: 15px; } } .sharelist a { display: block; min-height: 16px; } .sharelist #connect-facebook, .sharelist .facebook { background-position: 0 -16px; } .sharelist #connect-digg, .sharelist .digg { background-position: 0 -131px; } .sharelist #connect-google, .sharelist .google { background-position: 0 -99px; } .sharelist * + html #connect-google { display: none; } .sharelist #connect-linkedin, .sharelist .linkedin { background-position: 0 -51px; } .sharelist #connect-twitter, .sharelist .twitter { background-position: 0 0; } .sharelist #connect-print, .sharelist .print { background-position: 0 -161px; float: right; } .sharelist #connect-email-alerts, .sharelist .email-alerts, .sharelist #connect-email, .sharelist .email { background-position: 0 -67px; float: right; } .partnerinfo .sharelist #connect-email-alerts, .partnerinfo .sharelist .email-alerts, .partnerinfo .sharelist #connect-email, .partnerinfo .sharelist .email { float: left; } .sharelist #connect-apps, .sharelist .apps { background-position: 0 -145px; } .sharelist #connect-stumbleupon, .sharelist .stumbleupon { background-position: 0 -32px; } .sharelist #connect-webcasts, .sharelist .webcasts { background-position: 0 -115px; } .sharelist #connect-youtube, .sharelist .youtube { background-position: 0 -83px; } .sharelist #connect-sharelabel, .sharelist .sharelabel { background: none; text-indent: 0; width: auto; } .sharelist .yammer {background: url(/ecimages/sprites.png) no-repeat; background-position: 0 -190px;} * + html .google { display: none; } * + html .sharelist li { display: inline; } #___plusone_0 { float: left !important; margin-left: 10px !important; } .no-backgroundsize .eylogo { top: -20px !important; } .no-backgroundsize .tlfeatureitems li { background: none !important; } .no-backgroundsize #ey-sl-carousel .slidercontrols, .no-backgroundsize #ey-sl-carousel .prev, .no-backgroundsize #ey-sl-carousel .next { display: none; } @media only screen and (max-width: 720px) { .asideA img { display: none; } .asideA img.showonall { display: block; } .tcw .hero { width: 100% !important; } .tcw .section { padding: 0 15px; } .section { margin: 0 15px; } #query { width: 165px; } .hero, .twocolumnlayout .hero, .onecolumnlayout .hero { width: 100%; min-height: 295px; max-height: none; margin: 0; padding: 0; } .headings.mobile-only { display: block !important; } .hero.editorial .headings, .hero .headings { position: relative; margin: 0; padding: 20px 0 0; max-width: none; background: white; } .hero .headings h1, .hero .headings h2, .hero .headings h3 { color: #333; margin: .25em 0; } .hero .headings h1 br, .hero .headings h2 br, .hero .headings h3 br { display: none; } .kicker { color: #999; text-shadow: none; font-size: 16px; margin-top: 0; } .hero img, .hero.editorial img { float: none; display: block; width: 100%; margin-bottom: 1rem; } h1, h1.serviceheading { font-size: 22px; padding-bottom: 0; font-weight: bold; } .hero .headings h1, .hero .headings h2, .hero .headings p, .hero .headings li, .hero .headings h3, .hero .headings .kicker { margin: 10px auto; padding: 0 20px; color: #333; line-height: 1; } .hero h1 { text-shadow: none; font-size: 1.8em; margin: 10px 0 0; } h2, .h2, .hero h2, .headings h2 { font-size: .9em; margin: 10px 0; } .hero .headings h2 { font-size: 1.4em; font-weight: normal; color: #555; line-height: 1.3; } .headings p { margin: -1em 0 1em; color: #777; } .hero { display: block; min-height: 100px; background: transparent; } .hero .headings, .headings, .hero.flex-container .headings { padding: 10px 20px; width: 90%; overflow: hidden; } .wrapcontent .hero .headings { padding: 0; } .flex-control-nav, .flex-direction-nav { display: none; } .IofIII { margin: 0; width: auto; } .to-right { float: none; } .mobilehero { display: block; } ul#nav { left: 0; margin-top: 10px; } ul#nav li.navtopic a { margin: 0; padding: 10px; font-size: 10px; } #header { position: relative; top: 0; left: 0; z-index: 12; margin: 0; padding: 0; width: 100%; height: auto; min-height: 70px; background: none; } .maincontent { background: none transparent; clear: both; } .media * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } .media { padding: 1em 0px; } .bd > h4 { margin: 10px 0 10px; } .home .media .img { float: right; overflow: hidden; margin-left: 10px; padding: 0; width: 104px; height: 57px; border: 1px solid #ccc; } .home .media .img img { margin: 0; padding: 0; width: 100%; height: auto; } .eylogo img { display: none; margin: 0; padding: 10px 0 0 10px; width: 125px; height: auto; } .eylogo { width: 240px; height: auto; float: left; margin: 0; padding: 0; } #topnav { display: none; } ul#nav { top: 50px; left: 0; padding: 0 !important; width: 100%; border-left: none; } .page, #wrapper { width: 100%; } .main-ab, .asideA, .news, .onecolumnlayout .subnav, .onecolumnlayout .hero, .onecolumnlayout .maincolumn, .twocolumnlayout .subnav, .twocolumnlayout .hero, .asideB, .subnav, .onecolumnlayout.maincolumn, .twocolumnlayout.maincolumn, .media-callout .img-callout { float: none; clear: both; margin: 0; padding: 0; width: 100%; } #introFlash { width: 100%; float: none; height: auto; } #introFlash img { width: 100%; } .sub ul ul { display: none; } ul#nav .sub ul li h2 a, ul#nav .sub ul li.topicheader a { padding: 10px 5px; font-family: Helvetica, Arial, sans-serif; } .subnav { padding: 0; } .subnav .module { margin: 0; padding: 10px 0; } .asideA .module { margin: 10px 0; } .asideA .module:first-child { border-top: 1px solid #cccccc; } .home .asideA .module { margin: 0; } .asideA .border-bottom, .subnav .module:first-child, .subnav .border-bottom { margin-bottom: 0; padding-bottom: 0; border-bottom: 1px solid #999; } hr { margin: 1em -0px; } .asideA .pdf { display: none !important; } .asideA .module:first-child, .asideA div:last-child, .subnav div:last-child { border-bottom: none; } .page .topNavContainer, #wrapper .topNavContainer { position: static; } .asideA > div { -webkit-border-radius: 0; } .asideA img { margin: auto auto; } .eylogo img { width: 150px; } .asideA { position: static; background-color: #f0f0f0; padding: 0 20px; } .asideA .module:first-child { padding: 10px 0; margin: 0; } .breadcrumb, #wrapmask, #nav-location span#countryoverlayspan, .searchdiv, .desktop-only, .sharelist .print { display: none; } .navtopic a { padding: 13px 10px; color: #666; } #footer { margin-top: 0; padding: 0 0 10px; width: 100%; background-color: white; } #footer > li { float: none; display: inline-block; padding: 0 1em 0 0; border: none; list-style-type: none; display: block !important; margin: 0; } #footer_top_right, .footer_bottom { margin: 10px 20px; float: none; } .page ul#nav li .sub ul, #wrapper ul#nav li .sub ul, .page ul#nav li .sub.threecolumn ul, #wrapper ul#nav li .sub.threecolumn ul, .page ul#nav li .sub.threecolumn ul ul, #wrapper ul#nav li .sub.threecolumn ul ul { float: none; margin: 0 0 2px; padding: 0; width: auto; list-style: none; } .servicebanner { position: static; margin: 0 0 20px; padding: 20px 10px 0; background: white; -webkit-box-shadow: 0 1px 3px #CCC; -moz-box-shadow: 0 1px 3px #CCC; box-shadow: 0 1px 3px #CCC; } #featuremenu.util-links { margin-top: 0; } .mobileselect option { position: absolute; top: 10px; left: 10px; font-size: 13px; } .sub li { font-size: 11px; } body { text-size-adjust: none; } .navtopic .sub { top: 30px; } .localnav select { display: block; display: block; margin: 20px; width: 80%; } .media-callout { margin: 10px 0; padding: 10px 0; border: none; border-top: 8px solid #FFE600; background: transparent; } /*filament menu*/ .localnav { clear: left; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; position: relative; overflow: hidden; margin: 1em 0; } .localnav h3 { position: absolute; left: -999em; } .localnav ul { margin: 0; } .localnav ul :last-child { border-bottom: 0; } .localnav ul li { border: none; font-size: 1em; } .localnav ul a { display: block; padding: .5em .8em; color: #333; text-decoration: none; padding-right: 5em; } .localnav ul a:hover { background-color: #f8f8f8; } .localnav .nav-current { font-weight: bold; } .localnav h3 { position: absolute; top: 0; bottom: 0; height: 100%; right: 0; left: auto; display: block !important; width: 3em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAASCAYAAAD/ukbDAAAACXBIWXMAAArrAAAK6wGCiw1aAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAALxJREFUeNrs1uEJwyAQhuF3hazQFVzBFVyhs3SFrJBZXKErdAX75wQRG0T0hHLCkYBc+B4RDSkl/rUwnOEMtw/XOY78ohKwPTzwaE3c4Q7gAuKPZg+8gXMjLkiGj+Tpxp3SlORZAp18NM+9NuBCkS9JHteLq5ujNPsClnFBGVdnK8v14ACeDUisVssrb8uhTNNWaSFueDdN298LccPnwLSTaSFu+ASfdqco33Ndd6/9fhnOcLr1BQAA//8DANCdWyTD4myVAAAAAElFTkSuQmCC) no-repeat 18px 45% #cccccc; text-indent: -999em; cursor: pointer; -webkit-transition: none; } .localnav.expanded h3 { background-position: -21px 50%; } .localnav li { clear: left; display: none; background: #f0f0f0; line-height: 3; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0)); background: -webkit-linear-gradient(top, #ffffff, #f0f0f0); background: -moz-linear-gradient(top, #ffffff, #f0f0f0); background: -o-linear-gradient(top, #ffffff, #f0f0f0); background: linear-gradient(top, #ffffff, #f0f0f0); } .nav-menu .localnav.expanded li, .nav-menu .localnav li.nav-current { display: list-item; border-bottom: 1px solid #CCC; } .nav-menu .localnav li.nav-current { border-bottom-width: 0; background: #ffe600; line-height: 2; } .nav-menu .localnav.expanded li.nav-current { border-bottom-width: 1px; } /*end filament menu*/ .pull-side, .pull-side2, .pull-side3 { float: none; margin: auto 1em; width: 80%; background: transparent; box-shadow: none; } .box-crossover-right, .box-crossover-left { position: static; right: 0; left: 0; padding: 10px; width: 100%; border: 1px solid #ccc; box-shadow: none; } .col1of2 + .col2of2 { margin: 0; padding: 0; border: none; } .col1of2, .col2of2 { float: none; padding: 0; width: 100%; border: none; } .hero .airdate { display: block; padding: 0; width: auto; border: none; border-radius: 0; background: transparent; } .hero .airdate span { color: #666; } .tcwtopics { background: transparent; } .oneofthree { width: 100%; float: none; } .twoofthree { width: 100%; float: none; padding-left: 0; } .pull-side, .pull-side2, .pull-side3, blockquote { margin: 1em 0; padding: 0; width: 100%; } .pull-side2-l, .pull-side2-r { float: none; width: 100%; margin-left: 1em; box-shadow: 5px 6px 10px rgba(0, 0, 0, 0.2); } .tcw blockquote p, .quote p, blockquote p, .quoteblock p { font-size: 1.1em; } .hero .hiresimage, .hero.editorial .hiresimage { display: none; } .hero .medresimage, .hero.editorial .medresimage { display: none; } .hero .lowresimage, .hero.editorial .lowresimage { display: block; } .hero .headings { padding: 0 15px 0 15px; } .tcw .maincolumn { width: 100% !important; } .news { padding: 0; } .maincolumn .section { margin: 0; } .home .maincolumn .section { margin: 0; } #container, .page, #wrapper { background-position: 10px -20px !important; } .page-container { padding-top: 0; } /*hide desktop DT menu on mobile*/ #mainnav { display: none; } #mainnav { display: none; } #mmenu { overflow: hidden; *zoom: 1; display: block; cursor: pointer; font-size: 34px; position: absolute; z-index: 9; right: 8px; top: 0; background: #555; background: rgba(0, 0, 0, 0.7); padding: 12px; color: #fff; z-index: 3; } .mobiledrop { display: none; clear: left; position: relative; top: 0; overflow: hidden; height: auto; border-bottom: 3px solid #ffe600; padding: 0; z-index: 2; } .mlinks { display: block; position: static; background: #444; z-index: 1; margin: 0; bottom: auto; width: 100%; } .mlinks li { border-bottom: 2px solid #666; list-style: none; margin: 0; } .mlinks a { color: #ccc; padding: 12px; display: block; } .mlinks.utils { width: 100%; } .mlinks.utils li { border-color: #555555; } .mlinks.utils a { color: #999999; } #mcountries { position: relative; top: -25px; } } @media only screen and (max-width: 720px) and (max-width: 480px), only screen and (max-width: 720px) and (device-height: 568px) { .section { margin: 0; } } @media only print { * { position: static; } body, .normal { background: none; } .maincontent, .maincontent * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ p a, p a:visited { color: #444444 !important; text-decoration: underline; } p 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; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .maincontent li { list-style: square outside; margin-left: 1.25em; padding: 0; } /* ey-specific styles */ .asideA, .socialshare, .sharelist, .subnav, #nav, #topnav, .searchdiv, .breadcrumb, #footer, .hero > img, .article-paging, .bttn, input[type="reset"], #registerButton, #watchLiveButton, .bttn-hilight, .bttn-light, .bttn-dark { display: none; } img { max-width: 100% !important; } .maincolumn { width: 100%; float: none; } p, li { font-size: 10pt; } .hero { float: none; } .headings { width: 100% !important; padding: 0 !important; margin: 0 !important; height: auto !important; position: static !important; } .headings h1 { font-size: 22px !important; color: black; } .headings h2 { font-size: 18px !important; color: black; } .headings h3 { font-size: 16px !important; color: black; } .box-crossover-right { width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .maincontent, .page, #wrapper, .page-container, .maincolumn, #header { width: auto !important; padding: 0; margin: 0 !important; position: static !important; float: none !important; border: none !important; } .eylogo { position: static; margin: 1em 0px; } a[href^="#Top"] { display: none; } } hr, .separator, .graydivider, .divider { border: 1px solid #cccccc; border-width: 1px 0 0 0; } hr { height: 1px; } body { background-image: none; } #container, .page, #wrapper { background: none #fff; } .eylogo { height: 80px; width: auto; background: none; margin: 0; position: static; } .eylogo img { height: 100%; width: auto; } #header { top: 15px; } /*tablet*/ @media only screen and (max-width: 800px) { .eylogo { height: 60px; width: 130px; background: none; margin: -5px 0 0 15px; } } /*mobile*/ @media screen and (max-width: 640px) { #header { top: 0; min-height: 80px; } .eylogo { background: url(/ecimages/logo_m.png) no-repeat; background-size: contain; height: 70px; margin: 1px 0 10px 10px; } .eylogo img { display: none !important; } } @-moz-document url-prefix() { .eylogo { min-width: 200px; height: 85px; } } /*04JUNE */ .subnav > img { margin-bottom: 10px; } /*mobile*/ @media only screen and (max-width: 640px), only screen and (device-height: 568px) { /*override local styles*/ .maincontent { background: #fff; background-image: none !important; } #eyhero.black #teaserlist, #eyhero.white #teaserlist { top: 0 !important; background: transparent !important; } #teaserlist li p { width: 90%; font-size: 16px !important; } .home .asideA .module { margin: 0; } /*same as below*/ .eylogo { width: 180px; margin-top: 5px; } } /*tablet*/ @media only screen and (min-width: 481px) and (max-width: 600px) { .home .views .bar { font-size: 18px; } .eylogo { width: 160px; /*removed to fix home 13May2013*/ /*margin-top: 20px;*/ } } #header { z-index: 1; width: 200px; } #query { width: 81%; } .button-list { overflow: hidden; margin: 0; } .button-list li { display: inline; float: left; padding: 0; background-image: none; font-weight: 400; margin: 0; font-size: 12px; line-height: 3; } .button-list a, .button-list a.country { background: #f0f0f0; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7fa), color-stop(100%, #e1e4e7)); background: -webkit-linear-gradient(top, #f7f7fa, #e1e4e7); background: -moz-linear-gradient(top, #f7f7fa, #e1e4e7); background: -o-linear-gradient(top, #f7f7fa, #e1e4e7); background: linear-gradient(top, #f7f7fa, #e1e4e7); color: #666; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; ms-sizing: content-box; box-sizing: content-box; box-shadow: 0 2px 2px #ccc; margin: 0 5px; border-bottom: 1px solid #fff; padding: 5px 10px 4px; border-radius: 10px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#e5e5e5',GradientType=0); } .button-list a:hover, .button-list a.country:hover { background: #333; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5e5e5e), color-stop(4%, #4f4f4f), color-stop(44%, #262626), color-stop(50%, #1c1c1c), color-stop(50%, #050505), color-stop(100%, black)); background: -webkit-linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, black); background: -moz-linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, black); background: -o-linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, black); background: linear-gradient(top, #5e5e5e, #4f4f4f 4%, #262626 44%, #1c1c1c 50%, #050505 50%, #000000); color: #ffe600; border-bottom-color: #999999; } /*lite sites*/ .maincontent > .header { margin-bottom: 0; } /*tcw*/ .tcw .maincolumn .module:first-child { padding: 0; } .col1of2 { padding: 0 2% 0 0 !important; } .col1of2, .col2of2 { width: 43%; } .col2of2 { padding: 0 0 0 4%; } @media only screen and (max-width: 640px), only screen and (device-height: 568px) { .asideA { padding: 20px; } .col1of2, .col2of2 { width: 100%; } .col2of2 { padding-left: 0; } .footer_top, #footer_top { background: #fff; margin-top: 1em; } #footer_top_right, .footer_bottom { margin: 0; } #footer_top_right li { float: left; margin: 0 0 10px; } #footer_top_right li a { padding: 10px 10px; display: inline-block; background: #f0f0f0; border-radius: 3px; } .footer_bottom .detail { color: #999; font-size: 11px; } .partnerinfo { overflow: hidden; } #telephone { float: left; margin-right: 20px; } } .calendar { width: 15%; } @media screen and (max-width: 640px) { .calendar { width: 9%; } } .calendardescription { float: left; width: 80%; margin: 0 0 0 5%; padding: 0; } .asideA .calendar .date { width: 100%; margin: 0 auto; } .sharelist li { margin-left: 2%; } .asideA .module img, .subnav img { max-width: 100%; } .asideA .module .box-highlight img, .asideA .module img[align="left"], .asideA .module img[alt="Email"] { width: auto; max-width: none; } /*added*/ .customjs { width: 100%; margin-bottom: 15px; } .wrapcontent .hero > .kwicks-img + .headings { display: none; } .local-sub { margin-left: 0; } #featuremenu .local-sub a { background: url(/ecimages/blt_gray_md.gif) no-repeat scroll 1.5em 0.85em transparent; padding-left: 2.5em; } /*commented out in Sass*/ .asideA.span25 { padding-left: 20px; } @media print { body { background: none; } .eylogo img { width: 75%; } body .page, body #wrapper { margin: 2em !important; } #header, .eylogo { position: static; margin: 1em 0px; } a[href^="#Top"], .wrapcontent .hero, .bttn, input[type="reset"], #registerButton, #watchLiveButton, .bttn-hilight, .bttn-light, .bttn-dark { display: none !important; } .wrapcontent { width: 100%; *width: 80%; max-width: 95%; margin: 0 auto; } p, li { font-size: 10pt; } p a[href]:before { content: "/"; } } #eyhero.white .eyhero_leadin h3 { color: #333; } #eyhero.black .eyhero_leadin h3 { color: #fff; } /*tcw*/ .graydivider, .divider { border: 1px solid #cccccc; border-width: 1px 0 0 0; } .media .img { width: 33%; } .media .img img { margin-left: 0; width: 100%; } #teaserlist { background: #333; } #eyhero.white #teaserlist li a, #teaserlist li a { color: #fff; } @media only screen and (max-width: 800px) and (min-width: 481px) { .navtopic .sub { top: 38px; } } /*fix for zurb reveal overlapping menu*/ .reveal-modal-bg, .reveal-modal { z-index: 120; } @media only screen and (max-width: 720px) { .reveal-modal { width: 100% !important; left: 0 !important; margin-left: 0 !important; } .bd-callout { overflow: visible; } } @media only screen and (max-width: 800px) and (min-width: 481px) { h3, .kicker, .h3 { font-size: 1.1em; } } /*fixed in sass*/ * + html .wrapcontent { width: 725px; } /*added in sass*/ @media only screen and (max-width: 640px), only screen and (device-height: 568px) { .twitterFeed { width: 100%; margin-left: -15px; } .twitter-timeline { width: auto; padding: 0 5%; margin-left: 0; display: none; } } @media only screen and (min-width: 1250px) { .twitterFeed { margin-left: 0; width: 273px; } } .asideA .module > .module { border: none; } /*menu*/ #country_list_container ul li a { padding: 5px 0; } #country_list_container ul > li { float: left !important; white-space: normal; padding: 0; width: 139px; margin: 0; display: inline; } /*end menu*/ #mmenu { padding: 10px; right: 10px; line-height: 20px; } * + html img { -ms-interpolation-mode: bicubic; } /*fix for IE7*/ #eyhero.black #teaserlist { *background: url(/ecimages/80bk.png) transparent; } #eyhero.white #teaserlist { *background: url(/ecimages/80bk.png) transparent; } .maincolumn td > p:first-child { margin-top: 0; } /*fix for ie8*/ .maincontent { overflow: hidden; } .breadcrumb a { margin-left: 4px; } /*fixes double border on events*/ .socialshare + .section > .module { border-top: none; padding-top: 0; } /*disable hyphenation - done in sass*/ .maincolumn p, .maincolumn li, .maincolumn h3 { -webkit-hyphens: none !important; -moz-hyphens: none !important; -ms-hyphens: none !important; -o-hyphens: none !important; hyphens: none !important; } .asideA .contact p img { width: auto; } .caption { font-size: 0.75em; color: #999; line-height: 18px; } /*already updated in sass*/ .mlinks li { padding: 0; } .mlinks a { padding: 12px; display: block; } ol li { padding: 0; margin-left: 1.5em; } /*END UPDATED IN SASS*/ @media only screen and (max-width: 640px) { .fullwidth .maincolumn { width: 100%; padding: 0; } .maincolumn.span75 { width: 75%; padding: 0 20px; } #header { width: 100%; } } * + html .fullwidth .maincolumn { width: 73%; padding-left: 0; padding-right: 0; } * + HTML ul, * + HTML ol { margin-left: 0; } /*new*/ .pdf { display: none; } /*June fix */ * + html .home .maincontent .wrapcontent { width: 730px; } .views h3, .eyhero_headline { letter-spacing: 0; } * + html .views .padlist li { width: 96%; } * + html .calendardescription { margin-left: 2%; } /*Accordion styles.scss*/ a.ui-accordion-header { display: block; outline-style: none; margin: 0; padding: 0 0 0 15px; /*Nov 6, 2013*/ /*background: transparent url(/Media/vwLUExtFile/Business_risk_2010-2/$FILE/bullet-twistie.gif) no-repeat 0 3px!important;*/ } .ui-accordion a.selected { /*Nov 6, 2013*/ /*background: transparent url(/Media/vwLUExtFile/Business_risk_2010-2/$FILE/bullet-twistie-down.gif) no-repeat 0 3px!important;*/ border-bottom: 1px solid #ffe600; padding-bottom: 1em; color: #369; margin-bottom: 1em; } .ui-accordion li { background: none; } .ui-accordion .main + div { margin: 1em 0; } .ui-accordion > li { background: #EFF3F7; padding: 5px 10px; border: none; margin: 5px 0; } .ui-accordion li.selected { background: #FFFBD8; } .ui-accordion li ul > li { background: url(/ecimages/blt_gray_md.gif) no-repeat scroll 0 0.2em; padding-left: 15px; } /*subaccordion styles*/ .ui-accordion .ui-accordion div { padding-left: 15px; } .subaccordion > .ui-accordion-header { border-top: 1px solid #ffe600; padding: 10px 0 10px 17px; background-position: 0 14px !important; } .subaccordion > .ui-accordion-header:first-child { border-top: none; } .subaccordion > .ui-accordion-header.selected { background-position: 0 14px !important; border-bottom: none; padding-bottom: 0; } .ui-accordion .main + div { margin: 0; } /*end accordion styles*/ /*editorial styles from realignv4*/ .hero.editorial { max-height: none; } .hero.editorial + .subnav + .maincolumn { padding: 0 0 0 20px; } .hero.editorial img { margin-bottom: 20px; *margin-bottom: 0; } .hero.editorial .headings * { color: #333; text-shadow: none; } .hero.editorial .headings h3.kicker { text-shadow: none; } .hero.editorial .headings { position: relative; margin: 0; padding: 0 15px 0; max-width: none; background: transparent; filter: none; } .hero.editorial img { float: none; display: block; width: 100%; margin-bottom: 1rem; } .wrapcontent .hero { background: #fff; } /*end editorial styles from realignv4*/ .maincontent div#introFlash { height: 292px !important; } @media screen and (min-width: 1250px) { .maincontent div#introFlash { height: 374px !important; } } .figure h4 { margin: 1em 0; } .figure img { margin-left: 0; } .ui-accordion .simplelist { padding: .5em 0; margin: 0; } .ui-accordion .simplelist li { list-style-type: none; background: url(/ecimages/blt_gray_md.gif) no-repeat scroll 0 1px; padding-left: 15px; } .page-container { padding-top: 0; } .eylogo { position: static; margin: 10px 0 10px 0; } @media only screen and (min-width: 481px) and (max-width: 800px) { .eylogo { margin-left: 15px; margin-bottom: 25px; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .eylogo { margin-left: 10px; } } .maincontent { position: static; margin-top: 0; } @media only screen and (min-width: 481px) and (max-width: 800px) { .maincontent { margin-top: 10px; } } .nobreadcrumb .maincontent { margin-top: 0; } div#header, header#header { position: relative; min-height: 91px; top: 0; } * + html div#header, * + html header#header { min-height: 111px; } @media only screen and (min-width: 481px) and (max-width: 800px) { div#header, header#header { min-height: 86px; position: relative; z-index: -1; } } @media only screen and (max-width: 720px) { div#header, header#header { min-height: 68px; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { div#header, header#header { position: relative; min-height: 50px; } } @-moz-document url-prefix() { div#header, header#header { min-height: 101px; } } @media only screen and (max-width: 720px) { @-moz-document url-prefix() { div#header, header#header { min-height: 120px; } } .maincontent { padding: 10px; } } .maincolumn.span75 .socialshare.bar { margin-bottom: 15px; } @media only screen and (max-width: 720px) { .site-title { left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); position: absolute; text-align: center; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .site-title { margin: 0; } } @media only screen and (max-width: 720px) { .maincolumn .section { margin: 0; padding: 0 20px; } .maincolumn { padding: 0; } .maincontent { padding: 0; } .subnav, .socialshare.bar { display: none; } #header { z-index: -1; } } @media only screen and (min-width: 481px) and (max-width: 800px) { .mobiledrop { float: none; width: 100%; } } .mlinks li.nav-current { background-color: #ffe600; } .mlinks li.nav-current a { color: #333; } .mlinks ul > li :first-child { border-top: 1px solid #ccc; } .mlinks ul > li a { border-left: 12px solid #777; } .mlinks li.mainNavItem { background: #646464; } .mlinks li.haschildren { border: none; cursor: default; } .mlinks li.haschildren a { background: #777; } #nav { top: 65px; } @media only screen and (min-width: 481px) and (max-width: 800px) { #nav { top: 83px; } } @media only screen and (min-width: 481px) and (max-width: 800px) { #nav .sub { top: 37px; } } @media only screen and (min-width: 481px) and (max-width: 800px) { .mmenu { display: block; } .breadcrumb { margin: 0; } .wrapcontent .hero { margin-top: 0; } #footer_top_right li { border: none; } .asideA .module, .connectwithus { margin: 10px 0; padding: 10px 0 0; } } @media only screen and (max-width: 720px) { .subnav, .wrapcontent .subnav { display: none; } .wrapcontent, .maincolumn { width: 100%; float: none; display: block; } .maincolumn.span75 { width: 100%; padding: 0; } } @media only screen and (max-width: 720px) { .eylogo { background: url(/ecimages/logo_m.png) no-repeat; background-size: contain; height: 70px; margin: 1px 0 15px 20px; } } .maincolumn > table:first-child { margin-top: 0; } p > p, p > li, li > p, li > li { font-size: 1em; } h3 + .eygrid-row { border-top: 1px solid #ccc; padding-top: .5em; margin-top: 1em; } .eygrid-row + h3 { margin-top: 1em; } * + html .ui-accordion { margin-left: 0; } a.ui-accordion-header { display: block; outline-style: none; margin: 0; padding: 0 0 0 15px; background: url(/ecimages/bullet-twistie.png) no-repeat 0 3px transparent !important; } .ui-accordion a.selected { background: url(/ecimages/bullet-twistie-down.png) no-repeat 0 3px transparent !important; border-bottom: 1px solid #ffe600; padding-bottom: 1em; color: #369; } a.ui-accordion-header-active { background: url(/ecimages/bullet-twistie-down.png) no-repeat 0 3px transparent !important; } .ui-accordion li { background: none; } .ui-accordion .main + div { margin: 1em 0; } .ui-accordion > li { background: #EFF3F7; padding: 5px 10px; border: none; margin: 5px 0; } .ui-accordion li.selected { background: #fff; } .ui-accordion li ul > li { background: url(/ecimages/blt_gray_md.gif) no-repeat scroll 0 0.2em; padding-left: 15px; } .ui-accordion div h3 { margin-top: 10px; } /*subaccordion styles*/ .ui-accordion .ui-accordion div { padding-left: 15px; } .subaccordion > .ui-accordion-header { border-top: 1px solid #ffe600; padding: 10px 0 10px 17px; background-position: 0 14px !important; } .subaccordion > .ui-accordion-header:first-child { border-top: none; } .subaccordion > .ui-accordion-header.selected { background-position: 0 14px !important; border-bottom: none; padding-bottom: 0; } .ui-accordion .main + div { margin: 1em; } .cssmodal { transition: all .4s; display: none; position: fixed; top: 40%; left: 50%; width: 400px; height: auto; margin-left: -200px; margin-top: -150px; background-color: white; padding: 25px; border-radius: 5px; z-index: 9999; } .cssmodal.modalactive { display: block; background: white; outline: 5px solid #999; border-radius: 10px; } .cssmodal.modalactive:before { content: ""; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.8); z-index: -1; } .cssmodal button.close { position: absolute; bottom: 10px; right: 10px; } hr, .separator, .graydivider, .divider { border: 1px solid #cccccc; border-width: 1px 0 0 0; } hr { height: 1px; } /* @group Accordion */ .tlfeatureitems h2 { font-size: 18px; margin: 0 10px 0.5em; margin-top: 0; color: white; } #ey-sl-carousel { height: 88px; } #ey-sl-carousel.module { border: none; } .slidercontrols { margin: auto; clear: both; height: 20px; background: transparent url(/ecimages/bg-verticalgrad.png) 0 -10px repeat-x; } .ui-carousel .pagination-links { list-style: none; background: url(/ecimages/bg-controls.png) no-repeat scroll 0 0 transparent; clear: both; height: 15px; margin: 0 auto; overflow: hidden; padding: 5px 0 0 13px; position: relative; top: -8px; width: 52px; } li.slider-item { width: 6px; height: 6px; border: 1px solid #CCC; list-style: none; float: left; margin: 3px 4px 0 0; border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; background: #444; } .ui-carousel .pagination-links li { display: inline; background: none; padding: 0; } li.slider-item.current { background-color: #CCC; } #ey-sl-carousel .mask { position: absolute; width: 665px; left: 30px; height: 75px; overflow: hidden; } @media only screen and (min-width: 1250px) { #ey-sl-carousel .mask { width: 885px; } } #wrapmask { overflow: hidden; } .fwebcast { width: 100%; height: 250px; background-color: #333; background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 498, color-stop(0, #333333), color-stop(1, black)); background-image: -webkit-radial-gradient(50% 50%, circle farthest-corner, #333333 0%, black 100%); background-image: -moz-radial-gradient(50% 50%, circle farthest-corner, #333333 0%, black 100%); float: left; display: block; border: 1px solid #444; position: relative; padding: 0; } .wcinfo { width: 70%; float: left; } .fwebcast p { color: #CCC; font-size: 14px; line-height: 1.5; margin: 10px; margin-bottom: 2em; max-height: 85px; } .fwebcast a p { font-size: 13px; color: #FFE600; margin-top: -5px; padding-bottom: 6px; text-overflow: ellipsis; overflow: hidden; height: 4em; width: 145px; *width: 135px; /*ie hack*/ } .ui-carousel ul li { float: left; width: 217px; max-height: 100px; margin: 0; padding: 0 10px 0 0; } .ui-carousel ul li a { display: block; } .ui-carousel ul li a:hover p { color: white !important; } .tlfeatureitemswrap { height: 140px; overflow: hidden; } .tlfeatureitems { overflow: hidden; padding: 15px 0 0 15px; margin: 0; } .tlfeatureitems li { list-style: none; background: none; padding: 0; } .wcthumbs { width: 200px; overflow: hidden; height: 108px; float: left; display: inline; margin: 0 10px 10px 0; border: 1px solid #999; -webkit-box-shadow: 0px 3px 10px #000; -moz-box-shadow: 0px 3px 10px #000; box-shadow: 0px 3px 10px #000; } .tlfeatureitems img { width: 100%; height: auto; } .fwebcast h2 a { color: #FFE600; text-decoration: none; } .ui-carousel ul { position: absolute; overflow: hidden; margin: 0; padding: 6px 0 0 0; list-style: none; } .ui-carousel ul li div { margin-right: 10px; } .ui-carousel .prev, .ui-carousel .next { position: absolute; bottom: 15px; padding: 0; background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4); height: 69px; width: 21px; } .ui-carousel .prev { left: 5px; background: url(/ecimages/btn-prev.png) 0 0 no-repeat; } .ui-carousel .next { right: 5px; background: url(/ecimages/btn-next.png) 0 0 no-repeat; } .tlcontentitems li { background: none; list-style-type: none; font-size: 13px; } /* @end */ .relatedcontent { font-size: 12px; background: none; border: 3px double #CCC; border-width: 3px 0; margin: 10px; padding: 1em 10px 1em; overflow: hidden; } .relatedcontent .imgmask { width: 120px; height: auto; float: left; } .relatedcontent .imgmask img { border: 1px solid #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); max-width: 120px; } .relatedcontent + .relatedcontent { border-top: none; padding-top: 0; } .relatedcontent > h3, .relatedcontent > p, .relatedcontent > ul { padding: 0; padding-left: 135px; margin-top: 0; font-size: 13px; } /* @end */ /*carousel images DEC 1 2011*/ .tlcontentitems { overflow: hidden; } .tlcontentitems .thumb_mask { float: left; width: 50px; height: 50px; max-width: 50px; background: #000; border: 1px solid #999; overflow: hidden; } .tlcontentitems .thumb_mask img { float: none; margin: 0; height: 100%; margin-left: -33%; } /* @end */ * + html #featuredwebcasts { display: none !important; } .maincolumn > h2 { margin-top: 15px; } @media only screen and (max-width: 768px) { #ey-sl-carousel { display: none; } } #featuredwebcasts { overflow: hidden; } .servicelinetitle { border-bottom: 1px solid #CCCCCC; margin: 0; padding: 10px 15px; } @media only screen and (max-width: 768px) { .servicelinetitle { padding: 10px 0 0; border: none; } } @media only screen and (max-width: 768px) { .fwebcast { background-color: transparent; background-image: none; border: medium none; display: block; float: none; height: auto; margin-top: 1em; padding: 0; position: relative; width: 100%; } .fwebcast h2 a { color: #369; } .fwebcast p { color: #333; max-height: none; } .fwebcast .tlfeatureitems { padding: 0; } .fwebcast .tlfeatureitems li { overflow: hidden; display: block !important; clear: left; margin-bottom: .5em; } .fwebcast .tlfeatureitems li:nth-child(n+4) { display: none !important; } .fwebcast .tlfeatureitems img { height: 100%; width: auto; } } @media only screen and (max-width: 768px) { .wcthumbs { height: 10vw; width: 10vw; border: 1px solid #CCCCCC; box-shadow: none; display: inline; float: left; margin: 0; overflow: hidden; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .wcthumbs { margin: 0; height: 15vw; width: 15vw; } } @media only screen and (max-width: 768px) { .wcinfo { width: 70%; } } @media only screen and (max-width: 720px) { .wcinfo { width: 86vw; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .wcinfo { width: 70vw; } } @media only screen and (min-width: 30em) and (max-width: 45em) { .wcinfo { width: 80vw; } } @media only screen and (max-width: 768px) { .tlfeatureitemswrap { height: auto; max-height: none; float: none; } } .my-sticky-element { top: 0; } .my-sticky-element.stuck { position: fixed; background: #fff; width: 244px; } @media only screen and (min-width: 1250px) { .my-sticky-element.stuck { width: 312px; } } hr, .separator, .graydivider, .divider { border: 1px solid #cccccc; border-width: 1px 0 0 0; } hr { height: 1px; } .minimaltheme .eylogo { background-size: contain !important; background: url(/ecimages/logo_m.png) no-repeat; margin-top: 0; height: 80px; } * + html .minimaltheme .eylogo { background: none !important; margin-top: 10px; } .minimaltheme .eylogo img { display: none; } * + html .minimaltheme .eylogo img { display: block; } @media only screen and (max-width: 768px) { .minimaltheme .eylogo { background-size: contain; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .minimaltheme .eylogo { height: 65px; } } .minimaltheme .breadcrumb, .minimaltheme .topNavContainer, .minimaltheme #mainnav, .minimaltheme .searchdiv { display: none; } .minimaltheme div#header, .minimaltheme header#header { width: auto; } .minimaltheme .microsite-title { color: #9c9c9c; position: absolute; font-size: 24px; left: 80px; bottom: 8px; width: inherit; max-width: none; } * + html .minimaltheme .microsite-title { left: 175px; top: 59px; } @media only screen and (max-width: 720px) { .minimaltheme .microsite-title { top: 54px; font-size: 24px; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .minimaltheme .microsite-title { top: 48px; left: 75px; font-size: 16px; } } .minimaltheme .microsite-subtitle { position: absolute; right: 0; top: 60px; font-size: 18px; color: #9c9c9c; } @media only screen and (min-width: 481px) and (max-width: 800px) { .minimaltheme .microsite-subtitle { right: 10px; } } @media only screen and (max-width: 720px) { .minimaltheme .microsite-subtitle { display: none; } } .minimaltheme .backtohome a { position: absolute; right: 0; top: 10px; font-size: 12px; background: white; padding: 5px 10px; color: #B0B6BD; border-radius: 5px; border: 1px solid #ccc; } @media only screen and (min-width: 481px) and (max-width: 800px) { .minimaltheme .backtohome a { right: 10px; } } @media only screen and (max-width: 720px) { .minimaltheme .backtohome a { display: none; } } .minimaltheme .my-sticky-element.stuck { width: 25%; margin-top: 20px; max-width: 313px; } .minimaltheme .relatedcontent { padding: 1em 0; margin: 1em 0; } @media only screen and (min-width: 481px) and (max-width: 800px) { .minimaltheme .no-rhs .maincolumn { width: 100%; } } .minimaltheme.altfull .maincontent { background: none; border: none; } @media only screen and (min-width: 481px) and (max-width: 800px) { .minimaltheme.altfull .maincontent { margin-top: 0; } } .minimaltheme.altfull .asideA { padding-top: 0; } .minimaltheme.altfull .microsite-title { color: #fff; left: 95px; } .minimaltheme.altfull .microsite-subtitle { right: 10px; color: #fff; } .minimaltheme.altfull .backtohome a { right: 10px; } .minimaltheme.altfull .eylogo { margin-left: 20px; height: 80px; width: 90px; background: url(/ecimages/logo_mw.png) no-repeat; } .minimaltheme.altfull.page, .minimaltheme.altfull#wrapper { width: 100%; } @media only screen and (min-width: 1250px) { .minimaltheme.altfull.page, .minimaltheme.altfull#wrapper { width: 1250px; } } .minimaltheme.altfull #header { position: absolute; z-index: 1; padding-left: 0px; width: 100%; } .minimaltheme.altfull .hero { position: relative; max-height: 300px; left: 0; right: 0; overflow: hidden; } @media only screen and (max-width: 720px) { .minimaltheme.altfull .hero { overflow: hidden; display: block; position: static; margin-bottom: 0; float: none; max-height: 160px; } .minimaltheme.altfull .hero img { margin-bottom: 0; } } @media only screen and (min-width: 481px) and (max-width: 800px) { .minimaltheme.altfull .wrapcontent { padding: 0; } } @media only screen and (min-width: 481px) and (max-width: 800px) { .minimaltheme.altfull .maincolumn { padding: 0; } } @media only screen and (min-width: 481px) and (max-width: 800px) { .minimaltheme.altfull #mmenu { overflow: hidden; display: block; cursor: pointer; font-size: 34px; position: absolute; z-index: 9; right: 10px; top: 0; line-height: 20px; background: #555; background: rgba(0, 0, 0, 0.7); padding: 10px; color: #fff; z-index: 3; } .minimaltheme.altfull .mobiledrop { z-index: 2; position: absolute; top: 0; } } @media only screen and (min-width: 481px) and (max-width: 800px) { .minimaltheme.altfull .wrapcontent .hero .headings { position: static; float: none; display: block; background: transparent; } } @media only screen and (min-width: 481px) and (max-width: 800px) and (min-width: 481px) and (max-width: 800px) { .minimaltheme.altfull .wrapcontent .hero .headings h1, .minimaltheme.altfull .wrapcontent .hero .headings h2, .minimaltheme.altfull .wrapcontent .hero .headings .kicker { color: #808080; } } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .minimaltheme.altfull .wrapcontent .hero .headings { padding: 0; } } /*----styles for search from style.css under echannel----*/ #sub_rightcolumn1 {width: 90%; float: left; margin: 0 0 25px 0; font-size: 62.5%;} .sub_rightsearchbox {border: 1px solid #a8a8a8; background: #f3f3f3; margin-bottom: 1px; padding: 7px 0 7px 10px;} .sub_rightsearchbox h3 {margin: 0 0 8px 0; padding: 0; font-size: 1.3em;} .sub_rightsearchbox form {margin: 0; padding: 0;} #sub_rightcolumn1 h3 {margin: 0; padding: 0; font-size: 1.3em;} #sub_rightcolumn1 h3 span {display: block; padding: 6px 17px; height: 1%;} #sub_rightcolumn1 ul {margin: 10px 10px 10px 20px; padding: 0;} #sub_rightcolumn1 ul li {margin: 0; padding: 0 0 0 8px; list-style: none; background: url(/ecimages/eyBlueArrow.gif) left center no-repeat;} div#sub_rightcolumn1 div.featuredresultsheader {padding: 2px; margin: 4px 0 8px 0; border: 1px solid #a8a8a8; background: #fff;} div#sub_rightcolumn1 div.featuredresultsheader h3 {padding: 4px; margin: 0; border: 1px solid #fff; background: #d9d9d9;} div#sub_rightcolumn1 div.featuredresultsbox {background: #f3f3f3; padding: 0px; margin: 4px 0 8px 0; border: 1px solid #a8a8a8;} div#sub_rightcolumn1 div.featuredresultsbox h3 {color: #336699; padding: 8px; margin: 0; background: #f3f3f3;} div#sub_rightcolumn1 div.featuredresultsbox p {background: #fff; padding: 6px 8px 6px 8px; margin: 0;} div#sub_rightcolumn1 div.featuredresultsbox div.featuredsearchfineprint {background: #fff; width: 100%; margin: 0; padding: 0 0 4px 0;} div#sub_rightcolumn1 div.featuredresultsbox div.featuredsearchfineprint div.fineprintcolOne {width: 45%; float: left; padding-left: 5px;} div#sub_rightcolumn1 div.featuredresultsbox div.featuredsearchfineprint div.fineprintcolTwo {width: 45%; float: right; padding-right: 5px;} div#sub_rightcolumn1 div.featuredresultsbox span.finegray {font-size: 10px; color: #333;} div#sub_rightcolumn1 div.featuredresultsbox span.fineblue {font-size: 10px; color: #336699;} div.mobileFeature div.featuredresultsheader {padding: 2px; margin: 4px 0 8px 0; border: 1px solid #a8a8a8; background: #fff;} div.mobileFeature div.featuredresultsheader h3 {padding: 4px; margin: 0; border: 1px solid #fff; background: #d9d9d9;} div.mobileFeature div.featuredresultsbox {background: #f3f3f3; padding: 0px; margin: 4px 0 8px 0; border: 1px solid #a8a8a8;} div.mobileFeature div.featuredresultsbox h3 {color: #336699; padding: 8px; margin: 0; background: #f3f3f3;} div.mobileFeature div.featuredresultsbox p {background: #fff; padding: 6px 8px 6px 8px; margin: 0;} div.mobileFeature div.featuredresultsbox div.featuredsearchfineprint {background: #fff; width: 100%; margin: 0; padding: 0 0 4px 0;} div.mobileFeature div.featuredresultsbox div.featuredsearchfineprint div.fineprintcolOne {width: 45%; float: left; padding-left: 5px;} div.mobileFeature div.featuredresultsbox div.featuredsearchfineprint div.fineprintcolTwo {width: 45%; float: right; padding-right: 5px;} div.mobileFeature div.featuredresultsbox span.finegray {font-size: 10px; color: #333;} div.mobileFeature div.featuredresultsbox span.fineblue {font-size: 10px; color: #336699;} /*-------------- New Addition for Search Filters -------------*/ #sub_rightcolumn1 div.searchoptionsbox { _margin-top:-120px; } #sub_rightcolumn1 div.searchoptionsbox ul.filterset {display:block; margin:0 0 8px 0; padding:0; overflow:visible; width:100%;} #sub_rightcolumn1 div.searchoptionsbox ul.filterset li {margin:0;padding:0;display:inline;float:left;width:100%;background:#CCC url(/ecimages/blt_yellowsearch_delta_filter_off.gif) no-repeat top left;border-left:1px solid #999;border-bottom:1px solid #999;;border-right:1px solid #999; } #sub_rightcolumn1 div.searchoptionsbox ul.filterset li a#adate{border-top:1px solid #999} #sub_rightcolumn1 div.searchoptionsbox ul.filterset li a { display:block; color:#000; text-decoration:none; padding:8px 3px 10px 23px; font-weight:bold; font-size:1.1em; #font-size:1.0em; _font-size:1.0em; _background-color:transparent;background:#CCC url(/ecimages/blt_yellowsearch_delta_filter_off.gif) no-repeat top left;} #sub_rightcolumn1 div.searchoptionsbox ul.filterset li a:hover { text-decoration:none; } #sub_rightcolumn1 div.searchoptionsbox ul.filterset li a.filtered { background:#CCC url(/ecimages/blt_yellowsearch_delta_filter_on.gif) no-repeat top left; } #sub_rightcolumn1 div.searchoptionsbox ul.filterset li a span.activefilters { color:#4a4a4a; font-style:italic; font-size:0.8em;font-weight:normal; } #sub_rightcolumn1 ul.filterset div.filterContainer { position:absolute; background:#CCCCCC url(/ecimages/bkg_searchfilter_popover_bg_gradient.jpg) repeat-y bottom left; border:1px solid #676767; top:0; left:-246px; width:226px; padding: 9px 9px 4px 9px; #padding:9px 9px 4px 9px; _padding:9px 9px 4px 9px; overflow:hidden; display:block; } #sub_rightcolumn1 ul.filterset div.filterContainer td { vertical-align:top; height:21px; } #sub_rightcolumn1 ul.filterset div.filterContainer label { font-size:1.0em; margin-left:0px; margin-bottom:-2px; } #sub_rightcolumn1 ul.filterset div.filterContainer td input { margin-top:0px; } #sub_rightcolumn1 ul.filterset div.filterContainer td input { margin-top /*\**/: -3px\9 } #sub_rightcolumn1 ul.filterset div.filterContainer td input { #margin-top:-3px; _margin-top:-3px; } #sub_rightcolumn1 ul.filterset div.filterContainer#countryfilters { width:570px; left:-590px; } #sub_rightcolumn1 ul.filterset div.filterContainer#countryfilters div.fourcols { width:133px; float:left; } #sub_rightcolumn1 ul.filterset div.filterContainer#languagefilters { width:276px; left:-296px; } #sub_rightcolumn1 ul.filterset div.filterContainer#languagefilters div.twocols { width:132px; float:left; } #sub_rightcolumn1 ul.filterset div.filterContainer#industryfilters { width:401px; left:-421px; } #sub_rightcolumn1 ul.filterset div.filterContainer#industryfilters div.twocols { width:199px; float:left; } #sub_rightcolumn1 ul.filterset div.filterContainer a.filterContainerClose { display:block; float:right; width:8px; margin:-5px -5px 0 0; _margin:2px 2px 0 0; background:none; border:0 none; text-decoration:none; overflow:visible; padding:0; } #sub_rightcolumn1 div.filterContainer input.filteractions { margin:13px 4px 0 0; background-color:#F0F0F0; border:1px solid #686868; color:#030303; font-size:12px; padding:0 2px 2px 0; } #sub_rightcolumn1 ul.filterset div.filterContainer input.disabled { margin:13px 4px 0 0; background-color:#EEEEEE; border:1px solid #BABABA; color:#CECECE; font-size:12px; padding:0 2px 2px 0; } #sub_rightcolumn1 ul.filterset div.filterContainer p.narrowp { font-weight:bold; font-size:1.0em; margin-bottom:8px; } #sub_rightcolumn1 div.searchoptionsbox div.popovercontrols { clear:both; margin:0 auto; text-align:center; } #sub_rightcolumn1 div.searchoptionsbox div.popovercontrols input { display:inline;} #sub_rightcolumn1 div.searchoptionsbox a.clearAllFilters { height:17px; border:1px solid #999999; background:#DDDDDD url(/ecimages/btn_clear_all_filters_bg.gif) no-repeat top right; margin:10px 0 0px 0; padding:2px 23px 0 4px; display:inline-block; text-decoration:none; width:85%; } #sub_rightcolumn1 div.searchoptionsbox a.clearAllFilters:hover { text-decoration:none; } #sub_rightcolumn1 div.searchoptionsbox#filterpanel { margin-top:16px; } #sub_rightcolumn1 div.searchoptionsbox#filterpanel div.narrowlabel { background:#d9d9d9; border:1px solid #999999; font-size:1.3em; height:16px; padding:5px; width:196px; margin-left:-1px; border-bottom:0 none; } #sub_rightcolumn1 div.searchoptionsbox#filterpanel ul.filterset li div.filterContainer#countryfilters { width:686px; left:-706px; } #sub_rightcolumn1 div.searchoptionsbox#filterpanel ul.filterset li div.filterContainer#countryfilters input.filteractions { margin-right:4px; } #sub_rightcolumn1 div.searchoptionsbox div#scrollthis { overflow:auto; height:380px; } #sub_rightcolumn1 div.searchoptionsbox#filterpanel ul.filterset a.active { background-color:#EFEFEF; } #sub_left_1col {width: 90%; margin: 0 19px 25px 16px; padding: 0; font-size: 62.5%; _margin-right:15px;} #sub_left_1col h2 {font-size: 1.5em; margin: 5px 0;} #sub_left_1col ul {margin: 0; padding: 0;} #sub_left_1col ul li {list-style: none; margin: 0 0 15px 0; padding: 0 0 0 15px; background: url('/ecimages/blt_gray_md.gif') left top no-repeat;} #sub_left_1col .title {display: block; font-size: 1.1em; font-weight: bold;} #sub_left_1col div.pagination {float: right; margin: 0; padding: 0; height: 30px; font-size: 12px; color: #666;} #sub_left_1col div.pagination p {margin: 0; padding: 0;} #sub_left_1col div.searchheader {margin: 0; padding: 0; width: 470px; float: left;} #sub_left_1col div.searchheader p {margin: 0; padding: 0;} #sub_left_1col div.searchresultstable {width: 100%; margin: 0; padding: 0; color: #000;} #sub_left_1col div.searchresultstable table {color: #336699; font-size: 11px; border: #d9d9d9 1px solid;} #sub_left_1col div.searchresultstable table tr.even {background-color: #ffffff;} #sub_left_1col div.searchresultstable a {text-decoration: none;} #sub_left_1col div.searchresultstable table tr.odd {background-color: #f0f0f0;} #sub_left_1col div.searchresultstable th {margin: 0; padding: 5px 2px 5px 8px; list-style: none; background-color: #d9d9d9; color: #333; border-left: #fff 1px solid; font-size: 11px;} #sub_left_1col div.searchresultstable th.highlighted {background: url('/ecimages/table_sort_highlight.gif') #d9d9d9 left top no-repeat; background-position: -4px 0px;} #sub_left_1col div.searchresultstable td {padding: 8px 8px; border-left: #d9d9d9 1px solid;} #sub_left_1col span.resulttitle {font-size: 16px; color: #000; font-weight: bold; word-wrap: break-word;} #sub_left_1col span.searchterm {font-size: 20px; color: #000;} #sub_left_1col span.graycount {font-size: 12px; color: #666;} #sub_left_1col span.grayfont {color: #666; font-size: 11px;} .sub_rightsearchbox {border: 1px solid #a8a8a8; background: #f3f3f3; margin-bottom: 1px; padding: 7px 0 7px 10px;} .sub_rightsearchbox h3 {margin: 0 0 8px 0; padding: 0; font-size: 1.3em;} .sub_rightsearchbox form {margin: 0; padding: 0;} #sub_left_1col p.title { margin-top:14px; } #sub_left_1col p.title #query { width:90%;_width:570px; height:12px; font-size:12px; padding:2px;margin-left:3px;} html>body #sub_left_1col p.title #query {width:80%; font-size:11px; padding-top:0; height:16px; } body:last-child:not(:root:root) #query { width:580px; } #sub_left_1col p.title img.searchgobutton { width:20px; height:19px; margin-bottom:-3px; _margin-bottom:-3px; } html>body #sub_left_1col p.title img.searchgobutton { margin-bottom:-6px; #margin-bottom:-4px;} #maincontent {border: #d6d6d6 1px solid; border-bottom: none; padding: 0 23px 15px 20px; position: relative;} .maincontent .socialshare {margin: 1em 0 0 10px;} *+html #maincontent{float:left!important;} /*-------------- New Addition for SiteMap -------------*/ div#eySiteMap a {color: #807f85; text-decoration: none;} div#eySiteMap a:link {color: #807f85; text-decoration: none;} div#eySiteMap a:visited {color: #807f85; text-decoration: none;} div#eySiteMap a:hover {color: #807f85; text-decoration: underline;} div#eySiteMap a:active {color: #807f85; text-decoration: none;} div#eySiteMap a, div#eySiteMap a:link, div#eySiteMap a:active, div#eySiteMap a:visited {color: #807f85; text-decoration: none;} div#eySiteMap {width: 680px; padding: 0 20px;} div#eySiteMap {font-family: Arial, Helvetica, sans-serif; font-size: 12px;} div#eySiteMap div#firstset {width: 299px; margin-right: 20px; float: left; margin-top: -40px;} div#eySiteMap div#secondset {width: 299px; margin-left: 0px; float: left; margin-top: -39px;} div#eySiteMap div div {width: 299px; margin: 0; padding: 0; margin-right: 20px; margin-top: 50px;} div#eySiteMap h3 {display: block; width: 283px; height: 15px; margin: 0; padding: 4px 8px; background-color: #d3d3d3; font-size: 14px;} div#eySiteMap ul {margin: 0; padding: 0; list-style: none; margin-left: 4px; margin-top: 4px;} div#eySiteMap ul li {color: #19518b; list-style: none; padding: 0; margin: 0; background: url(/ecimages/bkg_sitemap_bulletblue.gif) no-repeat 0px 3px; padding-left: 12px; font-weight: bold; font-size: 13px;} div#eySiteMap ul li a, div#eySiteMap ul li a:link, div#eySiteMap ul li a:visited, div#eySiteMap ul li a:hover, div#eySiteMap ul li a:active {color: #19518b;} div#eySiteMap ul li ul {padding: 1px 0; margin: 0;} div#eySiteMap ul li li {color: #807f85; list-style-type: none; background: url(/ecimages/bkg_sitemap_bulletgrayround.gif) no-repeat 0px 5px; padding-left: 8px; margin: 0px 0; padding-top: 0; padding-bottom: 0; font-weight: bold; font-size: 12px;} div#eySiteMap ul li li a, div#eySiteMap ul li li a:link, div#eySiteMap ul li li a:visited, div#eySiteMap ul li li a:hover, div#eySiteMap ul li li a:active {color: #807f85;} div#eySiteMap ul li li li {list-style: none; color: #668bb2; background: none; margin-left: 0; padding-left: 3px;} div#eySiteMap ul li li li a, div#eySiteMap ul li li li a:link, div#eySiteMap ul li li li a:visited, div#eySiteMap ul li li li a:hover, div#eySiteMap ul li li li a:active {color: #668bb2;} div#eySiteMap a:hover {text-decoration: underline;} @media (max-width:480px), only screen and (max-width : 603px) and (orientation: portrait), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { div#eySiteMap { overflow: hidden; width: 100%; box-sizing: border-box; } div#eySiteMap div#firstset, div#eySiteMap div#secondset { width: 100%; padding: 0; float: none; margin: 0; } div#eySiteMap div#firstset > div, div#eySiteMap div#secondset > div { float: none; width: 100%; margin: 0 0 30px; } div#eySiteMap h3, div#firstset h3 { margin: 0 0 1em; width: 100%; } #sub_middle_1col { width: 100%; box-sizing: border-box; } } @media (max-width:720px) and (min-width: 481px){ div#sub_middle_1col, div#eySiteMap { width: 100%; box-sizing: border-box; } div#eySiteMap h3 { margin: 0 0 1em; width: 100%; } div#eySiteMap div div{ width: 100%; } div#eySiteMap div#firstset, div#eySiteMap div#secondset { width: 45%; } } /*-------------- New Addition for Error Page -------------*/ #divError {height:250px; padding-left:30px;padding-right:30px;border:#f0f0f0 1px solid} #errorMsg {margin:70px 0px 0px 0px;font-size:1.3em;} .most-popular-links{font-size:1.3em;} #divError p{font-size:1.3em;} /*-------------- New Addition for Middle Column 1 -------------*/ #sub_middle_1col {float: left; margin: 0 21px 0 0; /*removed 25px bottom margin*/ font-size: 1.1em; margin-right: 20px} #sub_middle_1col h2 {font-size: 1.5em; margin: 5px 0;} #sub_middle_1col ul {margin: .5em 0 0 0; padding: 0;} #sub_middle_1col ul li {list-style: none; margin: 0 0 15px 0; padding: 0 0 0 15px; background: url(/ecimages/blt_gray_md.gif) left top no-repeat;} #sub_middle_1col .title {display: block; font-size: 1.1em; font-weight: bold;} div#sub_middle_2col, div#sub_middle_1col {font-size: 1.2em;} div#sub_middle_2col h2, div#sub_middle_1col h2 {font-size: 1.7em; line-height: 1.2;} div#sub_middle_1col p {padding: 0;} #sub_middle_1col ul li {margin: 0 0 .5em;} .ec-teaser-container {font-size: 0.91em !important;} div#sub_middle_1col p, div#sub_middle_1col li, div#sub_middle_2col b, div#sub_middle_2col p, div#sub_middle_2col li, div#sub_middle_2col b {line-height: 1.4 !important;} #featurearticle #sub_middle_1col {width: 458px; float: left; margin: 0; padding: 0 20px 20px 12px; border-left: 1px solid #ccc; position: relative; background: transparent; font-size: 1.2em; } #featurearticle #feature-wrap #sub_middle_1col h2 {color: #f0f0f0; font-weight: bold; margin: 0 0 0 -12px; font-size: 2em; padding: 8px 10px; background-color: #999; letter-spacing: -.05em; } #featurearticle #feature-wrap #sub_middle_1col h3 {font-size: 1.4em; font-weight: bold; margin: 1em 0 0 0; color: #333; } #featurearticle #sub_middle_1col .intro {font-size: 1.4em; line-height: 1.6; color: #666; margin: 1em 0; } #featurearticle #sub_middle_1col .pad {padding: 5px 10px; } #featurearticle #feature #sub_middle_1col ul {margin: 1em 0 0 0; } #featurearticle div#sub_middle_1col blockquote p {color: #666; font-size: 1.2em; margin: .625em 1.25em 1.25em; } #featurearticle div#sub_middle_1col blockquote.side p {margin: .625em 0 0 0; } #featurearticle #feature-wrap div#sub_middle_1col blockquote h3 {border-color: #FFE600; border-style: solid; border-width: 4px 0 0; padding: 7px 0 5px; } #featurearticle div#sub_middle_1col .pullquote {text-indent: -0.5em; padding-left: .4em; position: relative; } #featurearticle div.callout {float-right; width: 40%; padding: 0 20px; color: #666666; background-color: #f0f0f0; font-style: italic; float: right; border: 1px solid #ccc; font-size: 1.2em; margin: 0 0 1em 1em } #featurearticle div#sub_middle_1col cite {font-size: 120%; font-style: normal; margin-left: 20%; display: block; border-left: 4px solid #FFE600; padding-left: 1em; color: #666; } #featurearticle #sub_middle_1col table {border: none; background: #fff; width: auto; } #featurearticle #sub_middle_1col table tbody tr td {border-collapse: collapse; border-color: #fff!important; border-width: 1px 0 0 0; padding: 3px 5px; margin: 0; vertical-align: top; color: #333; } #featurearticle #sub_middle_1col .tablestyle1 th, #sub_middle_1col .tablestyle1 td {color: #333; padding: 3px; text-align: left; border: 1px solid #fff; border-collapse: collapse; } #featurearticle .tablestyle1 td {border-top: none; } #featurearticle #sub_middle_1col table.tablestyle1 {border: 1px solid #999!important; width: 100%!important; -webkit-box-shadow: 2px 3px 5px #dedede; -moz-box-shadow: 2px 3px 5px #dedede; box-shadow: 2px 3px 5px #dedede; } #featurearticle .tablestyle1 .tc1 {background-color: #E1E1E1; } #featurearticle #sub_middle_1col blockquote.side {width: 200px; margin: 0 0 2em -231px; background: transparent; border: none; clear: both; } #featurearticle * html #sub_middle_1col blockquote.side {margin-left: -110px; } #featurearticle blockquote.graybox {border: 1px solid #ccc; background: #f0f0f0; text-align: left; } #featurearticle #sub_middle_1col div.graybox {text-align: center; border: 1px solid #ccc; margin-top: 0; } #featurearticle #feature div#sub_middle_1col .figure {border-bottom: 1px solid #F9C81B; border-top: 1px solid #F9C81B; margin: 0 0 1em; overflow: hidden; padding: 0 0 1.5em; float: left; } #featurearticle #feature div#sub_middle_1col .figure ul li {background: none; display: inline; float: left; width: 10em; list-style: none; padding: 0; margin: 0 .5em 0 0; } #featurearticle #sub_middle_1col .tabs div li {display: block!important; float: none!important; font-weight: normal; list-style-type: auto; margin: 0 0 .5em; padding: 0 0 0 16px!important; } #featurearticle * html .section, * html #sub_middle_1col {background: transparent; } #featurearticle * html #leftcolumn, * html #sub_middle_1col, * html #feature-wrap, * html ul li, * html #sub_rightcolumn, * html #feature blockquote {display: inline-block; } #featurearticle #feature #sub_middle_1col blockquote h3 {padding: 0;margin: 0;color: #787878;} #featurearticle #sub_middle_1col {width: auto; float: none; margin: auto; padding: auto; border: none; position: static; background: transparent; } select#cpMobile { margin: 0 4% 10px; padding: 3px; width: 92%; box-sizing: border-box; } span.cpMobileLabel { color: #f0f0f0; padding: 10px; margin: 0; display: block; } .clear {clear: both; margin: 0px; padding: 0px;} /*added xing Mar 25, 2015*/ .sharelist #connect-xing, .sharelist .xing { background: url(/ecimages/sprites.png) no-repeat; background-position: 0 -174px; } /* From 2013addendum.css */ /*Last update: Mar 3, 2015*/ /*Prev update: Feb 11, 2015*/ /*Nov 25, 2013*/ #eyhero #beam_input {top:16px;} * + html .hero {width: 100% !important;} * + html .hero .headings {width: 100%!important; } * + html .maincontent {background-position: 76% top;} /*Dec 5, 2013*/ div.subaccordion > .ui-accordion-header h3 {margin-top: 0; } .ui-accordion .ui-accordion-header + div {margin: 0;} /*Dec 10, 2013*/ /*.asideA - removed prefix on Feb 5, 2014*/ img.fullwidth {width: 100%!important; height: auto;} /*Dec 12, 2013*/ .magnify {position: relative;} .magnify img {width:100%;border: 2px solid #ffe600} .magnify:after {content: ''; position: absolute; right: 1px; bottom:5px; width: 40px; height:40px; z-index: 1; background:url(/Media/vwLUImages/zoom-image/$FILE/zoom-image.png); background-size:contain; } @media only screen and (max-width: 480px ) { .magnify:after {width:30px; height:30px;} } /*Dec 16, 2013*/ .addaccordion a[href$=".pdf"]:after {background: url(/ecimages/pdf.png) right center no-repeat; content: ""; width: 10px!important; height: 10px!important; position: relative; padding: 0 10px; } /*FB request*/ .serviceslist {margin-bottom: 2em; } .servicelinetitle {padding: 10px 15px;} /*temp until tested fixed nav, removed in scss as well*/ .my-sticky-element.stuck {position: static;} @media only screen and (min-width: 768px) { .wcthumbs {width: 26%;} } section > h2 {margin-top: 15px;} /*added in main scss*/ @media only screen and (max-width: 768px) { .fwebcast {padding: 0 20px;} .maincolumn > h4 {padding: 0 20px;} .asideA {padding: 20px;} } section > br {display: none;} .connectwithus + .connectwithus { border-top: 1px solid #ccc; margin-top: 0; } /*Dec 19, 2013 - Li's issues*/ .connectwithus h3, #featurearticle #sub_rightcolumn .connectwithus h3 {background: none transparent; border-top: none; box-shadow: none; margin: 0 0 1em 0; padding: 0; } .asideA p, .asideA li {font-size: 13px;} .asideA h3 {font-size: 16px;} .asideA img {width: auto; max-width: 100%; display: inline;} /*Feb 7, 2014*/ @media only screen and (max-width: 720px) { .asideA img {display: none;} } /*Dec 27, 2013*/ /*http://www.ey.com/GL/en/About-us/Our-global-approach/Our-leaders/Ernst---Young---Global-Executive---Beth-Brooke--Biography*/ .bttn a { color: #fff; } .bttn a:hover { color: #333; } /*Jan 7, 2014*/ /* this is showing in IE9 when it shouldn't */ .lt-ie9 .maincontent { background-position-x: 75%; } /*Jan 9, 2014*/ /* breaks PDF icons, etc. .asideA .module img {width: 100%; } .asideA div[style*="float:left"] img, .asideA div[style*="float:right"] img, .asideA div[style*="float: left"] img, .asideA div[style*="float: right"] img {width: auto; } */ /*Feb 28, 2014*/ h1, .h1 {margin: 0 0 .25em; line-height: 1.1; } .subnav > .full + .module {margin: 0;} /*Jan 15, 2014 - hide RHS images on mobile*/ @media screen and (max-width: 568px) { .asideA img {display: none;} /*Jan 21, 2014*/ /*commented out on Feb 20, 2014*/ /*.maincolumn.span100 {padding: 0;}*/ } /*Jan 17, 2014 - (updated in Scss) */ .fwebcast a p {width: 143px; } /*Jan 22, 2014 - Ben, show modules in leftcol */ @media only screen and (max-width: 720px) { .localnav, .wrapcontent .localnav, section > img { display: none; } /*Feb 11, 2015 - add padding, fix font-sizes for mobile */ .my-sticky-element {display: none;} h2, .h2, .hero h2, .headings h2 {font-size: 21px; } h3, .h3, .hero h3, .headings h3 {font-size: 18px;} } @media only screen and (max-width: 480px), only screen and (device-height: 568px) { .maincontent { background: none; border: none; border-top: 1px solid #ccc; } h1, h1.serviceheading {font-size: 21px; margin: 0.5em 0; line-height: 1; } .kicker { font-size: 13px; margin: .5em 0; } .sharelist li:first-child {margin-left: 0!important; margin-right: 10px; } .sharelist li:last-child {margin-right: 0!important; } .maincolumn .socialshare {padding: 0 20px;} .subnav .module {padding: 0 20px; } /*Feb 28, 2014*/ } /*Feb 7, 2014*/ .hero .headings.transparentbg, .transparentbg {background: none transparent !important; filter: none; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; } ul ul li {background: url(/ecimages/blt_gray_sm.gif) no-repeat 0 7px; list-style-type: none; margin-left: 0; padding-left: 15px; } ul ul ul li {background: none; margin-left: 1em; padding: 0; list-style-type: circle; } ul ul ul ul li {background: url(/ecimages/blt_gray_sm.gif) no-repeat 0 7px; list-style-type: none; margin-left: 0; padding-left: 15px;} /*Feb 20, 2014*/ .maincolumn.span100 { padding: 0 20px; } .maincolumn.span100 .section{ padding: 0; } /*bio fixes Apr 25, 2014*/ @media only screen and (max-width: 720px) { .bio .fullwidth .asideB { width: 100%; display: block; } .bio .maincolumn .section {padding: 20px; } .bio .fullwidth .asideB img { width: 60%; height: auto; margin: 20px auto; margin-left: auto; display: table-cell; max-width: 100%; } } /*Local office css - Apr 25, 2014*/ #gmap {width:100%; height:400px; margin-bottom:20px } .omp_contact img {max-width: 100%; width: 66% !important; height: auto; } .omp_contact a {font-size: 16px; } a.omp-tel, .EY_office_address .tel a {color: #333; } .EY_office_address {background: #ffe600; padding: 20px; margin-top: -15px; font-size: 13px; } .EY_office_address .tel {margin-top: 1em; } /*print css - Feb 28, 2014*/ @media print { .eylogo img {width: 130px; height: auto; } body .page, body #wrapper {margin: 2em 3% !important; } .subsection {margin-left: 0; } h3, .printonly, .Paragraph.bold {margin-left: 0; font-size: 20px !important; } .contactName {font-weight: bold; } #countryName {display: block!important; color: #000 !important; margin: 0; font-size: 32px; } #countryISO.countryISO {display: none !important;} } /*May 16, 2014*/ .tcw blockquote, .quote, blockquote, .quoteblock {box-sizing: border-box; } /*Jun 10, 2014 - remove beam from inlined style on forms page*/ header#header { background: none !important; } .headings { box-sizing: border-box; } /*Jul 16, 2014*/ .ui-accordion ol > li { padding: 0; margin-left: 2em; list-style-type: upper-alpha; } #footer {width: auto;} /*Jul 23, 2014 fixes javascripts displaying on pages*/ @media print { p a[href]:before {content: "" !important; } a[href^="javascript:"]:after, a[href^="#"]:after { content: "" !important; } p a[href^="http:"]:after { content: " (" attr(href) ")"; } } /*Sep 11, 2014 - updates for Events based on Ximena's design */ .tcw .divider { padding-top: 20px; margin-top: 10px; clear: left; } [itemprop="performer"] > div { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc; clear: left; overflow: auto; } [itemprop="performer"] img { float: left; width: 20% ; } [itemprop="name"], [itemprop="jobTitle"], [itemprop="description"] { float: left; width: 75% ; margin-left: 5% ; } @media screen and (max-width: 30em) { [itemprop="name"], [itemprop="jobTitle"], [itemprop="description"] { float: none; margin-left: 0; width: 100%; } [itemprop="name"] { float: none; clear: left; padding-top: 20px; } [itemprop="jobTitle"] { float: none; } [itemprop="performer"] img { width: 81px; height: auto; } } /*IE11*/ .hero .headings { background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%); } @media (max-width: 720px) { .hero .headings { background: transparent; } } /*end IE11*/ /*Dec 18, 2014*/ @media print { div.wrapcontent .hero { display: block !important; } } /*Feb 12, 2015 - 404 */ .wrapcontent #content { margin-bottom: 50px; } #divError { border: none; height: auto; } #divError p { font-size: 16px; } .most-popular-links { font-size: 14px; } .rmvbgimage { background: none transparent; } /*Mar 3, 2015*/ div#eySiteMap h3 {color: #807f85;} /*Mar 6, 2015 - show search */ @media only screen and (max-width: 720px) { .searchdiv { display: block; width: 65%; top: 43px; right: 10px; } } /* Aug 10, 2016 - fix for Yammer icon */ .sharelist .yammer { background: url(http://cdn.ey.com/echannel/gl/en/issues/business-environment/bbww_portal/images_content/newsprites.png); background-position: 0px -177px; }