Steering Committee - IEEE Computer Society Technical Committee on Cloud Computing - IEEE Computer Society Technical Committee on Cloud Computing

<input type="hidden" id="_wpnonce" name="_wpnonce" value="648b4cac02" /><input type="hidden" name="_wp_http_referer" value="/tccld/steering-committee/" /> <!doctype html>    <html class="no-js" lang="en-US">  <head> <meta charset="UTF-8" /> <title> Steering Committee - IEEE Computer Society Technical Committee on Cloud Computing - IEEE Computer Society Technical Committee on Cloud Computing </title> <meta name="description" content="IEEE Computer Society Technical Committee on Cloud Computing"> <link rel="stylesheet" href="https://tc.computer.org/tccld/wp-content/themes/technical-committees/style.css" type="text/css" media="screen" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0"> <link rel="author" href="https://tc.computer.org/tccld/wp-content/themes/technical-committees/humans.txt" /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <meta name="description" content="The IEEE Cloud Steering Committee has leaders from a wide array of societies and organizations across the IEEE, all with interests in the diverse technology of cloud computing. The Steering Committee guides the activities of IEEE Cloud Computing." /> <link rel="canonical" href="https://tc.computer.org/tccld/steering-committee/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Steering Committee - IEEE Computer Society Technical Committee on Cloud Computing" /> <meta property="og:description" content="The IEEE Cloud Steering Committee has leaders from a wide array of societies and organizations across the IEEE, all with interests in the diverse technology of cloud computing. The Steering Committee guides the activities of IEEE Cloud Computing." /> <meta property="og:url" content="https://tc.computer.org/tccld/steering-committee/" /> <meta property="og:site_name" content="IEEE Computer Society Technical Committee on Cloud Computing" /> <meta property="article:modified_time" content="2024-04-03T05:28:04+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://tc.computer.org/tccld/steering-committee/","url":"https://tc.computer.org/tccld/steering-committee/","name":"Steering Committee - IEEE Computer Society Technical Committee on Cloud Computing","isPartOf":{"@id":"https://tc.computer.org/tccld/#website"},"datePublished":"2021-12-21T14:47:58+00:00","dateModified":"2024-04-03T05:28:04+00:00","description":"The IEEE Cloud Steering Committee has leaders from a wide array of societies and organizations across the IEEE, all with interests in the diverse technology of cloud computing. The Steering Committee guides the activities of IEEE Cloud Computing.","breadcrumb":{"@id":"https://tc.computer.org/tccld/steering-committee/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://tc.computer.org/tccld/steering-committee/"]}]},{"@type":"BreadcrumbList","@id":"https://tc.computer.org/tccld/steering-committee/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://tc.computer.org/tccld/"},{"@type":"ListItem","position":2,"name":"Steering Committee"}]},{"@type":"WebSite","@id":"https://tc.computer.org/tccld/#website","url":"https://tc.computer.org/tccld/","name":"IEEE Computer Society Technical Committee on Cloud Computing","description":"IEEE Computer Society Technical Committee on Cloud Computing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://tc.computer.org/tccld/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>  <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/tc.computer.org\/tccld\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://tc.computer.org/tccld/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='wpdreams-asl-basic-css' href='https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/css/style.basic.css?ver=4.12.6' type='text/css' media='all' /> <link rel='stylesheet' id='wpdreams-asl-instance-css' href='https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/css/style-simple-blue.css?ver=4.12.6' type='text/css' media='all' /> <style id='akismet-widget-style-inline-css' type='text/css'> .a-stats { --akismet-color-mid-green: #357b49; --akismet-color-white: #fff; --akismet-color-light-grey: #f6f7f7; max-width: 350px; width: auto; } .a-stats * { all: unset; box-sizing: border-box; } .a-stats strong { font-weight: 600; } .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active { background: var(--akismet-color-mid-green); border: none; box-shadow: none; border-radius: 8px; color: var(--akismet-color-white); cursor: pointer; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; font-weight: 500; padding: 12px; text-align: center; text-decoration: none; transition: all 0.2s ease; } /* Extra specificity to deal with TwentyTwentyOne focus style */ .widget .a-stats a.a-stats__link:focus { background: var(--akismet-color-mid-green); color: var(--akismet-color-white); text-decoration: none; } .a-stats a.a-stats__link:hover { filter: brightness(110%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16); } .a-stats .count { color: var(--akismet-color-white); display: block; font-size: 1.5em; line-height: 1.4; padding: 0 13px; white-space: nowrap; } </style> <link rel='stylesheet' id='forget-about-shortcode-buttons-css' href='https://tc.computer.org/tccld/wp-content/plugins/forget-about-shortcode-buttons/public/css/button-styles.css?ver=2.1.3' type='text/css' media='all' /> <link rel="https://api.w.org/" href="https://tc.computer.org/tccld/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://tc.computer.org/tccld/wp-json/wp/v2/pages/13" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://tc.computer.org/tccld/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://tc.computer.org/tccld/?p=13' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://tc.computer.org/tccld/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftc.computer.org%2Ftccld%2Fsteering-committee%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://tc.computer.org/tccld/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftc.computer.org%2Ftccld%2Fsteering-committee%2F&format=xml" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preload" as="style" href="//fonts.googleapis.com/css?family=Open+Sans&display=swap" /> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans&display=swap" media="all" /> <style type="text/css"></style> <style> div[id*='ajaxsearchlitesettings'].searchsettings .asl_option_inner label { font-size: 0px !important; color: rgba(0, 0, 0, 0); } div[id*='ajaxsearchlitesettings'].searchsettings .asl_option_inner label:after { font-size: 11px !important; position: absolute; top: 0; left: 0; z-index: 1; } .asl_w_container { width: 250px; margin: 0px 0px 0px 0px; min-width: 200px; } div[id*='ajaxsearchlite'].asl_m { width: 100%; } div[id*='ajaxsearchliteres'].wpdreams_asl_results div.resdrg span.highlighted { font-weight: bold; color: rgba(217, 49, 43, 1); background-color: rgba(238, 238, 238, 1); } div[id*='ajaxsearchliteres'].wpdreams_asl_results .results img.asl_image { width: 70px; height: 70px; object-fit: cover; } div.asl_r .results { max-height: none; } .asl_m, .asl_m .probox { background-color: rgba(255, 255, 255, 1) !important; background-image: none !important; -webkit-background-image: none !important; -ms-background-image: none !important; } .asl_m .probox svg { fill: rgb(255, 255, 255) !important; } .asl_m .probox .innericon { background-color: rgb(223, 114, 57) !important; background-image: none !important; -webkit-background-image: none !important; -ms-background-image: none !important; } div.asl_r.asl_w.vertical .results .item::after { display: block; position: absolute; bottom: 0; content: ''; height: 1px; width: 100%; background: #D8D8D8; } div.asl_r.asl_w.vertical .results .item.asl_last_item::after { display: none; } #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input { color: black !important; } </style> <style> .synved-social-resolution-single { display: inline-block; } .synved-social-resolution-normal { display: inline-block; } .synved-social-resolution-hidef { display: none; } @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) { .synved-social-resolution-normal { display: none; } .synved-social-resolution-hidef { display: inline-block; } } </style> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://tc.computer.org/tccld/wp-content/themes/technical-committees/css/bootstrap-extension.css" id="bscssext"> <link rel="stylesheet" href="https://tc.computer.org/tccld/wp-content/themes/technical-committees/css/cs-responsive.css" id="csresponsivecss"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tingle/0.14.0/tingle.min.css" id="tinglecss"> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" id="bscss"> <link href="https://d20lqhyll7kadk.cloudfront.net/fonts/Montserrat/montserrat.css?family=Montserrat:100,200,300,500,600,700,800,900,100italic,200italic,300italic,regular,italic,500italic,600italic,700italic,800italic,900italic" rel="stylesheet"> <link href="https://d20lqhyll7kadk.cloudfront.net/fonts/Open_Sans/open_sans.css?family=Open+Sans:300,600,700,800,300italic,regular,italic,600italic,700italic,800italic" rel="stylesheet"> <style id="antiClickjack">body{display:none !important;}</style> <script type="text/javascript"> if (self === top) { var antiClickjack = document.getElementById("antiClickjack"); antiClickjack.parentNode.removeChild(antiClickjack); } else { top.location = self.location; } </script> <script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script> <script> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; </script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-381255-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-381255-5'); </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-K3LJCN6'); </script> <style> /* ------------------- */ /* Debug */ /* ------------------- */ /* ------------------- */ /* General */ /* ------------------- */ body { font-family: 'Montserrat', sans-serif; /*background-color: #00629b;*/ color: #333333; line-height: 1.618; } .video-responsive { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .initHidden { display: none; } .invisible { visibility: hidden; } .visible { visibility: visible; } .mainSite { margin-top: 40px; min-height: 500px; } .pointer { cursor: pointer; } .bgMain { background-color: #efefef; } .homeSectionHeader { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: 300; line-height: 1.28; text-align: center; padding: 60px 0 40px 0; } .wp-caption { margin: 0 40px 40px 40px; } .wp-caption img { margin-bottom: 20px; } .scroll { overflow: auto; } .clearBoth { clear: both; } .font-bold { font-weight: 600; } .font-white { color: #ffffff; } .bg-white { background-color: #ffffff; } .bg-gray { background-color: #efefef; } .graphic, .figure { width: 800px; height: 600px; margin: 10px 0 50px 0; } .mTop7 { margin-top: 7px; } .mTop50 { margin-top: 50px; } .mBottom20 { margin-bottom: 20px; } .mBottom50 { margin-bottom: 50px; } .mBottom75 { margin-bottom: 75px; } .m100 { margin: 100px 0; } .pTop50 { padding-top: 50px; } .pBottom75 { padding-bottom: 75px; } .mauto10 { margin: 10px auto; } .mauto20 { margin: 20px auto; } .mauto30 { margin: 30px auto; } .mauto40 { margin: 40px auto; } .mauto50 { margin: 50px auto; } .mauto60 { margin: 60px auto; } .mauto70 { margin: 70px auto; } .mauto80 { margin: 80px auto; } .mauto90 { margin: 90px auto; } .mauto100 { margin: 100px auto; } .bt-5-white { border-top: 5px solid #FFFFFF; } .bt-10-white { border-top: 10px solid #FFFFFF; } .bt-20-white { border-top: 20px solid #FFFFFF; } .bb-5-white { border-bottom: 5px solid #FFFFFF; } .bb-10-white { border-bottom: 10px solid #FFFFFF; } .bb-20-white { border-bottom: 20px solid #FFFFFF; } .indent10 { margin-left: 10px; } .indent20 { margin-left: 20px; } .indent30 { margin-left: 30px; } .indent40 { margin-left: 40px; } .indent50 { margin-left: 50px; } img.alignright { float: right; margin: 0 0 1em 1em; } img.alignleft { float: left; margin: 0 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; width:100%; height:auto; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } ul, ol { margin-top: 15px; margin-bottom: 15px; } .width10 { width: 10%; } .width20 { width: 20%; } .width30 { width: 30%; } .width40 { width: 40%; } .width50 { width: 50%; } .width60 { width: 60%; } .width70 { width: 70%; } .width80 { width: 80%; } .width90 { width: 90%; } .width100 { width: 100%; } .height10 { height: 10px; } .height20 { height: 20px; } .height30 { height: 30px; } .height40 { height: 40px; } .height50 { height: 50px; } .height60 { height: 60px; } .height70 { height: 70px; } .height80 { height: 80px; } .height90 { height: 90px; } .height100 { height: 100px; } .google_translate_element { position: absolute; top: 10px; right: 40px; } /* ------------------- */ /* Anchors */ /* ------------------- */ a { color: #0066c9; text-decoration: none; } a:visited { color: #336699; text-decoration: none; } a:hover { color: #0066c9; text-decoration: none; } a:active { color: #0066c9; text-decoration: none; } .generalHeaderSummary a, .landingHeaderSummary a, .profileHeaderSummary a, .generalHeaderTitle a, .landingHeaderTitle a, .profileHeaderTitle a { color: #75e3ff; text-decoration: none; } .generalHeaderSummary a:visited, .landingHeaderSummary a:visited, .profileHeaderSummary a:visited, .generalHeaderTitle a:visited, .landingHeaderTitle a:visited, .profileHeaderTitle a:visited { color: #75e3ff; text-decoration: none; } .generalHeaderSummary a:hover, .landingHeaderSummary a:hover, .profileHeaderSummary a:hover, .generalHeaderTitle a:hover, .landingHeaderTitle a:hover, .profileHeaderTitle a:hover { color: #75e3ff; } .generalHeaderSummary a:active, .landingHeaderSummary a:active, .profileHeaderSummary a:active, .generalHeaderTitle a:active, .landingHeaderTitle a:active, .profileHeaderTitle a:active { color: #75e3ff; } .aDark { color: #75e3ff; text-decoration: none; } .aDark:visited { color: #e3e3e3; text-decoration: none; } .aDark:hover { color: #75e3ff; } .aDark:active { color: #75e3ff; } .aBread { color: #cecece; text-decoration: none; } .aBread:visited { color: #cecece; text-decoration: none; } .aBread:hover { color: #cecece; } .aBread:active { color: #cecece; } .aBreadWhite { color: #ffffff; text-decoration: none; } .aBreadWhite:visited { color: #ffffff; text-decoration: none; } .aBreadWhite:hover { color: #ffffff; } .aBreadWhite:active { color: #ffffff; } .generalHeaderActions, .landingHeaderActions { height: 60px; margin-top: 40px; } .aHero, .aButton { display:inline-block; font-family: 'Montserrat', sans-serif; font-size: 18px; border-radius: 4px; background-color: #e87722; color: #ffffff; border: 1px solid #e87722; padding: 15px; margin-bottom: 30px; border: 1px solid #e87722; } @media screen and (max-width: 480px) { .aHero, .aButton { } } .aHero { color: #ffffff; text-decoration: none; background-color: #e87722; border: 1px solid #e87722; } .aHero:visited { color: #ffffff; text-decoration: none; background-color: #e87722; border: 1px solid #e87722; } .aHero:hover { color: #ffffff; text-decoration: none; background-color: #ffa300; border: 1px solid #ffa300; } .aHero:active { color: #ffffff; text-decoration: none; background-color: #ffbc45; border: 1px solid #ffbc45; } .aButton { color: #ffffff; text-decoration: none; background-color: #e87722; border: 1px solid #e87722; } .aButton:visited { color: #ffffff; text-decoration: none; background-color: #e87722; border: 1px solid #e87722; } .aButton:hover { color: #ffffff; text-decoration: none; background-color: #ffa300; /* border: 1px solid #ffa300;*/ } .aButton:active { color: #ffffff; text-decoration: none; background-color: #ffbc45; border: 1px solid #ffbc45; } .aButtonSec { display:inline-block; color: #00b5e2; text-decoration: none; background-color: rgba(255, 255, 255); border: 1px solid #75787b; } .aButtonSec:visited { color: #00b5e2; text-decoration: none; background-color: rgba(255, 255, 255); border: 1px solid #75787b; } .aButtonSec:hover { color: #00b5e2; text-decoration: none; background-color: rgba(242, 242, 242); border: 1px solid #75787b; } .aButtonSec:active { color: #00b5e2; text-decoration: none; background-color: rgba(255, 255, 255); border: 1px solid #75787b; } .aButtonSecDark { display:inline-block; color: #00b5e2; text-decoration: none; background-color: rgba(242, 242, 242, 0.08); border: 1px solid #75787b; } .aButtonSecDark:visited { color: #00b5e2; text-decoration: none; background-color: rgba(242, 242, 242, 0.08); border: 1px solid #75787b; } .aButtonSecDark:hover { color: #00b5e2; text-decoration: none; background-color: rgba(117, 120, 123, 0.50); border: 1px solid #75787b; } .aButtonSecDark:active { color: #00b5e2; text-decoration: none; background-color: rgba(242, 242, 242, 0.08); border: 1px solid #75787b; } /* .dx-nav a { color: #eeeeee; text-decoration: none; } .dx-nav a:visited { color: #eeeeee; text-decoration: none; } .dx-nav a:hover { color: #ffffff; } .dx-nav a:active { color: #eeeeee; } */ a.anchor { display: block; position: relative; top: -100px; visibility: hidden; text-decoration: none; } /* ------------------- */ /* Bootstrap Overrides */ /* ------------------- */ .h1, .h2, .h3, h1, h2, h3 { font-family: 'Montserrat', sans-serif; margin-top: 0; margin-bottom: 10px; } /* ------------------- */ /* User Profile */ /* ------------------- */ .userIcon { color: #e87722; border: 1px solid #e87722; border-radius: 30px; text-align: center; background-color: #ffffff; margin: 7px 10px 0 0; cursor: pointer; } .userIconMobile { color: #e87722; border: 1px solid #e87722; border-radius: 30px; text-align: center; background-color: #ffffff; margin: 14px 10px 0 0; cursor: pointer; font-size: 20px; float: left; } .userName { color: #ffffff; height: 30px; float: right; margin: 13px 0 0 0; cursor: pointer; } .userNameMobile { float: left; } .profileActionButtons { background-position: -73px 45px; background-repeat: no-repeat; outline: 0 none; height: 62px; } .profileContainer { position: absolute; top: 157px; right: 38px; width: 240px; background-color: #ffffff; border-radius: 4px; padding: 5px 20px 20px 20px; } .profileNameContainer { padding: 5px 5px 15px 20px; color: #00629b; margin-bottom: 15px; border-bottom: 2px solid #cecece; } .profileMySubscriptions, .profileLogout { padding: 5px 5px 7px 30px; color: #00629b; } .profileIcon { color: #e87722; border: 1px solid #e87722; border-radius: 30px; text-align: center; background-color: #ffffff; margin: 7px 10px 0 0; cursor: pointer; float: left; } .profileName { color: #00629b; margin: 20px 0 0 5px; cursor: pointer; float: left; } /* ------------------- */ /* Video (for IFrame) */ /* ------------------- */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .entry-content img, .entry-content iframe, .entry-content object, .entry-content embed { max-width: 100%; } /* ------------------- */ /* eCommerce */ /* ------------------- */ .eCommerceCartHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 600; line-height: 45px; margin-bottom: 30px; } .eCommerceContainer { font-family: 'Montserrat', sans-serif; background-color: #fff; padding: 40px 0 25px 0; } .eCommerceContent { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 45px; margin-bottom: 25px; text-align: center; } /* ------------------- */ /* WooCommerce */ /* ------------------- */ .woocommerce table.shop_table th { font-weight: 500; padding: 9px 12px; } .woocommerce .quantity .qty { border: 0px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; text-decoration: none; overflow: visible; padding: .618em 1em; border-radius: 4px; left: auto; color: #515151; background-color: #ffffff; border: 1px solid #cecece; display: inline-block; background-image: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-family: 'Montserrat', sans-serif; font-weight: 600; } #coupon_code { width: 60%; padding: 0 0 0 10px; margin: 5px; height: 36px; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 60%; } .cross-sells h2, .cart_totals h2 { font-family: 'Montserrat', sans-serif; font-size: 22px; margin-bottom: 40px; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { width: 30%; float: left; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #e87722; color: #fff; -webkit-font-smoothing: antialiased; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #ffa300; color: #fff; -webkit-font-smoothing: antialiased; } .woocommerce #respond input#submit.alt:active, .woocommerce a.button.alt:active, .woocommerce button.button.alt:active, .woocommerce input.button.alt:active { background-color: #ffbc45; color: #fff; -webkit-font-smoothing: antialiased; } .wpmc-steps-wrapper, #order_review { width: 80%; margin: 0 auto; } .woocommerce form .form-row label { line-height: 2; text-align: left; font-weight: 500; } #wpmc-next { float: left; margin-top: 30px; margin-left: 10px; width: 120px; } #wpmc-prev { float: left; margin-top: 30px; width: 120px; } #wpmc-back-to-cart { float: right; margin-top: 30px; } .woocommerce-billing-fields h3, .woocommerce-additional-fields h3 { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 500; margin-bottom: 30px; } #order_review_heading { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 500; margin-bottom: 30px; } .woocommerce-checkout-review-order-table tfoot td, .product-total { text-align: right; } .woocommerce-MyAccount-content { font-size: 18px; } .woocommerce-MyAccount-navigation ul { list-style-type: none; } .woocommerce-MyAccount-navigation-link { border: 1px solid #cecece; border-radius: 4px; margin-bottom: 10px; } .woocommerce-MyAccount-navigation-link a { padding: 12px 25% 12px 25%; } .woocommerce-account .addresses .title h3, .woocommerce-account .addresses .title .edit { float: none; } .woocommerce-thankyou-order-received { margin-bottom: 25px; } .woocommerce-order-overview__order, .woocommerce-order-overview__date, .woocommerce-order-overview__email, .woocommerce-order-overview__total, .woocommerce-order-overview__payment-method { text-align: left; } .woocommerce-order-overview__order strong, .woocommerce-order-overview__date strong, .woocommerce-order-overview__email strong, .woocommerce-order-overview__total strong, .woocommerce-order-overview__payment-method strong { margin-top: 10px; text-align: left; } .woocommerce .woocommerce-customer-details address { text-align: center; } .wc-product-tabs-ieeecs { padding-top: 50px; } .wc-ieeecs-product-description { height: 364px; overflow: hidden; } .wc-ieeecs-product-description-more { width: 100%; text-align: center; padding-top: 5px; cursor: pointer; } .wc-ieeecs-product-additional { padding-bottom: 40px; } .wc-ieeecs-product-no-additional { padding: 10px 0 40px 5px; } .my-account-order-product-title { font-weight: 400; } .my-account-order-product-instructions { padding: 10px 30px 20px 60px; line-height: 1.5em; font-size: 16px; } @media screen and (max-width: 480px) { .cross-sells { display: none; } .wpmc-steps-wrapper, #order_review { width: 100%; margin: 0 auto; } .woocommerce ul.order_details li { border-right: 0; } .woocommerce-order-overview__order, .woocommerce-order-overview__date, .woocommerce-order-overview__email, .woocommerce-order-overview__total, .woocommerce-order-overview__payment-method { margin-bottom: 20px; border-right: 0; text-align: left; } .woocommerce-order-overview__order strong, .woocommerce-order-overview__date strong, .woocommerce-order-overview__email strong, .woocommerce-order-overview__total strong, .woocommerce-order-overview__payment-method strong { margin-top: 5px; text-align: left; } } @media screen and (min-width: 481px) and (max-width: 768px) { .cross-sells { display: none; } .wpmc-steps-wrapper, #order_review { width: 100%; margin: 0 auto; } .woocommerce ul.order_details li { border-right: 0; } .woocommerce-order-overview__order, .woocommerce-order-overview__date, .woocommerce-order-overview__email, .woocommerce-order-overview__total, .woocommerce-order-overview__payment-method { margin-bottom: 20px; border-right: 0; text-align: left; } .woocommerce-order-overview__order strong, .woocommerce-order-overview__date strong, .woocommerce-order-overview__email strong, .woocommerce-order-overview__total strong, .woocommerce-order-overview__payment-method strong { margin-top: 5px; text-align: left; } } @media screen and (min-width: 769px) and (max-width: 992px) { .wpmc-steps-wrapper, #order_review { width: 80%; margin: 0 auto; } .woocommerce ul.order_details li { border-right: 0; } .woocommerce-order-overview__order, .woocommerce-order-overview__date, .woocommerce-order-overview__email, .woocommerce-order-overview__total, .woocommerce-order-overview__payment-method { margin-bottom: 20px; border-right: 0; text-align: left; } .woocommerce-order-overview__order strong, .woocommerce-order-overview__date strong, .woocommerce-order-overview__email strong, .woocommerce-order-overview__total strong, .woocommerce-order-overview__payment-method strong { margin-top: 5px; text-align: left; } } @media screen and (min-width: 993px) and (max-width: 1200px) { .wpmc-steps-wrapper, #order_review { width: 70%; margin: 0 auto; } .woocommerce ul.order_details li { border-right: 0; } .woocommerce-order-overview__order, .woocommerce-order-overview__date, .woocommerce-order-overview__email, .woocommerce-order-overview__total, .woocommerce-order-overview__payment-method { margin-bottom: 20px; border-right: 0; text-align: left; } .woocommerce-order-overview__order strong, .woocommerce-order-overview__date strong, .woocommerce-order-overview__email strong, .woocommerce-order-overview__total strong, .woocommerce-order-overview__payment-method strong { margin-top: 5px; text-align: left; } } /* ------------------- */ /* WooCommerce - Cart */ /* ------------------- */ .wcspc-area { max-width: 60%; border-radius: 4px; font-family: 'Montserrat', sans-serif; } .wcspc-cart-title { padding: 0 0 20px 20px; font-size: 20px; } .wcspc-area-top.wcspc-items .wcspc-item .wcspc-item-inner { width: 95%; } .wcspc-area-bot .wcspc-action .wcspc-action-inner > div a { color: #ffffff; } .wcspc-area .wcspc-close { position: absolute; top: 0px; width: 32px; height: 32px; display: block; cursor: pointer; opacity: 0; visibility: hidden; font-size: 20px; color: #000000; text-align: center; line-height: 32px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color: #ffffff; border-radius: 4px; } .wcspc-item-price-strikethrough { text-decoration: line-through; } @media screen and (max-width: 480px) { .wcspc-area { max-width: 90%; border-radius: 4px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .wcspc-area { max-width: 90%; border-radius: 4px; } } @media screen and (min-width: 769px) and (max-width: 992px) { .wcspc-area { max-width: 80%; border-radius: 4px; } } @media screen and (min-width: 993px) and (max-width: 1200px) { .wcspc-area { max-width: 70%; border-radius: 4px; } } /* ------------------- */ /* Carousels */ /* ------------------- */ .latestNewsCarouselContainer { position: relative; margin-bottom: 80px; } .latestNewsCarouselButtonsContainer { position: absolute; top: 0; left: 0; } .latestNewsCarouselNext, .latestNewsCarouselPrevious { background-color: rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.07); color: white; cursor: pointer; padding: 30px 15px; } .latestNewsCarouselPreviousContainer, .latestNewsCarouselNextContainer { z-index: 10000; } .latestNewsCarouselNext { margin: 40px 0 0 0; } .latestNewsCarouselPrevious { margin: 40px 0 0 0; } .latestNewsCarouselDots { position: absolute; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .latestNewsCarouselDots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .latestNewsCarouselDots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .latestNewsCarouselDots li button:hover, .latestNewsCarouselDots li button:focus { outline: none; } .latestNewsCarouselDots li button:hover:before, .latestNewsCarouselDots li button:focus:before { opacity: 1; } .latestNewsCarouselDots li button:before { font-family: 'slick'; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #0e456b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .latestNewsCarouselDots li.slick-active button:before { opacity: .75; color: #0e456b; } .viewpointsCarouselContainer { position: relative; margin-top: 60px; padding: 0 40px; } .viewpointsCarouselButtonsContainer { position: absolute; top: 0; left: 0; } .viewpointsCarouselNext, .viewpointsCarouselPrevious { background-color: #f8f8f9; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); color: #00629b; cursor: pointer; padding: 30px 15px; } .viewpointsCarouselPreviousContainer, .viewpointsCarouselNextContainer { z-index: 10000; } .viewpointsCarouselNext { margin: 40px 0 0 0; } .viewpointsCarouselPrevious { margin: 40px 0 0 0; } .viewpointsCarouselDots { position: absolute; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .viewpointsCarouselDots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .viewpointsCarouselDots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .viewpointsCarouselDots li button:hover, .viewpointsCarouselDots li button:focus { outline: none; } .viewpointsCarouselDots li button:hover:before, .viewpointsCarouselDots li button:focus:before { opacity: 1; } .viewpointsCarouselDots li button:before { font-family: 'slick'; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #0e456b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .viewpointsCarouselDots li.slick-active button:before { opacity: .75; color: #0e456b; } .viewpointsFeaturedCarouselContainer { float: left; margin: 10px; border-radius: 4px; box-shadow: 2px 2px 6px 0 #cccccc; overflow: hidden; } .viewpointsFeaturedCarouselLeft { background-color: #FFFFFF; height: 160px; } .viewpointsFeaturedCarouselRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 40px 20px 0 20px; } .viewpointsFeaturedCarouselRightTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; } .viewpointsFeaturedCarouselRightSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 40px 20px 40px 0px; } .viewpointsFeaturedCarouselImage { height: 160px; margin: 0 auto; } .awardsCarouselContainer { position: relative; padding: 40px 20px 30px 20px; background-color: #dddddd; } .awardsCarouselButtonsContainer { position: absolute; top: 0; left: 0; } .awardsCarouselNext, .awardsCarouselPrevious { background-color: #f8f8f9; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); color: #00629b; cursor: pointer; padding: 30px 15px; } .awardsCarouselPreviousContainer, .awardsCarouselNextContainer { z-index: 10000; } .awardsCarouselNext { margin: 100px 10px 0px 0px; background-color: rgba(0, 0, 0, 0.15); color: white; } .awardsCarouselPrevious { margin: 100px 0px 0px 10px; background-color: rgba(0, 0, 0, 0.15); color: white; } .awardsCarouselDots { position: absolute; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .awardsCarouselDots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .awardsCarouselDots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .awardsCarouselDots li button:hover, .awardsCarouselDots li button:focus { outline: none; } .awardsCarouselDots li button:hover:before, .awardsCarouselDots li button:focus:before { opacity: 1; } .awardsCarouselDots li button:before { font-family: 'slick'; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #0e456b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .awardsCarouselDots li.slick-active button:before { opacity: .75; color: #0e456b; } .awardsFeaturedCarouselRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 40px 20px 0 20px; } .awardsFeaturedCarouselRightTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; } .awardsFeaturedCarouselRightSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 20px 20px 30px 0px; } .awardsFeaturedCarouselImage { height: 160px; margin: 0 auto; } .awardsFilter { height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .callForPapersCarouselContainer { position: relative; padding: 40px 150px 30px 150px; background-color: #dddddd; } .callForPapersCarouselButtonsContainer { position: absolute; top: 0; left: 0; } .callForPapersCarouselNext, .callForPapersCarouselPrevious { background-color: #f8f8f9; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); color: #00629b; cursor: pointer; padding: 30px 15px; } .callForPapersCarouselPreviousContainer, .callForPapersCarouselNextContainer { z-index: 10000; } .callForPapersCarouselNext { margin: 40px 0 0 0; } .callForPapersCarouselPrevious { margin: 40px 0 0 0; } .callForPapersCarouselDots { position: absolute; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .callForPapersCarouselDots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .callForPapersCarouselDots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .callForPapersCarouselDots li button:hover, .callForPapersCarouselDots li button:focus { outline: none; } .callForPapersCarouselDots li button:hover:before, .callForPapersCarouselDots li button:focus:before { opacity: 1; } .callForPapersCarouselDots li button:before { font-family: 'slick'; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #0e456b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .callForPapersCarouselDots li.slick-active button:before { opacity: .75; color: #0e456b; } .callForPapersFeaturedCarouselRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 40px 20px 0 20px; } .callForPapersFeaturedCarouselRightTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; } .callForPapersFeaturedCarouselRightSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 20px 20px 30px 0px; } .callForPapersFeaturedCarouselImage { height: 160px; margin: 0 auto; } .productLandingsCarouselContainer { position: relative; margin-top: 60px; padding: 0 40px; } .productLandingsCarouselButtonsContainer { position: absolute; top: 0; left: 0; } .productLandingsCarouselNext, .productLandingsCarouselPrevious { background-color: #f8f8f9; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); color: #00629b; cursor: pointer; padding: 30px 15px; } .productLandingsCarouselPreviousContainer, .productLandingsCarouselNextContainer { z-index: 10000; } .productLandingsCarouselNext { margin: 40px 0 0 0; } .productLandingsCarouselPrevious { margin: 40px 0 0 0; } .productLandingsCarouselDots { position: absolute; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .productLandingsCarouselDots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .productLandingsCarouselDots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .productLandingsCarouselDots li button:hover, .productLandingsCarouselDots li button:focus { outline: none; } .productLandingsCarouselDots li button:hover:before, .productLandingsCarouselDots li button:focus:before { opacity: 1; } .productLandingsCarouselDots li button:before { font-family: 'slick'; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #0e456b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .productLandingsCarouselDots li.slick-active button:before { opacity: .75; color: #0e456b; } .productLandingsFeaturedCarouselContainer { float: left; margin: 10px; border-radius: 4px; box-shadow: 2px 2px 6px 0 #cccccc; overflow: hidden; } .productLandingsFeaturedCarouselLeft { background-color: #FFFFFF; height: 160px; } .productLandingsFeaturedCarouselRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 40px 20px 0 20px; } .productLandingsFeaturedCarouselRightTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; } .productLandingsFeaturedCarouselRightSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 40px 20px 40px 0px; } .productLandingsFeaturedCarouselImage { height: 160px !important; margin: 0 auto; } /* ------------------- */ /* Responsive Design */ /* Helpers */ /* ------------------- */ .membershipContainerHeightHelperSmallDevices { display: none; height: 500px; } /* ------------------- */ /* Search */ /* ------------------- */ .searchOverlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #002855; opacity: 0.9; z-index: 10000; cursor: pointer; } .searchContainer { position: fixed; top: 10%; left: 25%; width: 50%; background-color: #00629b; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; text-align: center; padding: 20px 0 20px 0; overflow: hidden; z-index: 10001; } .searchGroup { width: 80%; margin: 20px auto; } .searchInput { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300; color: #9b9b9b; } .searchGroupIcon { border: 1px solid #e87722; background-color: #e87722; color: #ffffff; width: 54px; height: 34px; cursor: pointer; } .searchGroupIcon::before { top: 7px; right: 20px; width: 16px; height: 16px; border-radius: 50%; border: 3px solid #ffffff; } .searchGroupIcon::after { height: 3px; width: 8px; background: #ffffff; bottom: 11px; right: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .searchGroupIcon::before, .searchGroupIcon::after { content: ''; position: absolute; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .searchIconForMobile { top: 26px; right: 30px; width: 16px; height: 16px; cursor: pointer; color: #ffffff; position: absolute; font-size: 26px; } .searchIconForMobileLink, .searchIconForMobileLink:visited, .searchIconForMobileLink:hover, .searchIconForMobileLink:active { color: #ffffff; text-decoration: none; } .searchClose { position: absolute; top: 5px; right: 10px; width: 20px; height: 20px; cursor: pointer; font-size: 20px; } .searchCloseIcon { color: #ffffff; } .searchAdvanced { padding: 5px 0 10px 10%; text-align: left; } .searchAdvancedLink { font-family: 'OpenSans', sans-serif; font-size: 16px; color: #ffffff; } .searchAdvancedLink:hover { text-decoration: none; color: #ffffff; } /* ------------------- */ /* Menu - Desktops */ /* ------------------- */ .topHeaderMenu { width: 100%; height: 77px; background-color: #00629b; border-color: #00629b; overflow: hidden; } .topHeaderDivider { font-size: 14px; color: #ffffff; font-family: 'OpenSans', sans-serif; margin: 19px 0 0 0; } .topHeaderAboutUs { font-size: 12px; color: #ffffff; font-family: 'OpenSans', sans-serif; margin: 20px 10px 0 10px; } .topHeaderJobsBoard { font-size: 12px; color: #ffffff; font-family: 'OpenSans', sans-serif; margin: 20px 10px 0 10px; } .topHeaderNavBar { padding-left: 40px; } .topHeaderCart { font-size: 12px; color: #ffffff; font-family: 'OpenSans', sans-serif; margin: 20px 10px 0 10px; cursor: pointer; } .topHeaderSocial1 { font-size: 17px; color: #ffffff; font-family: 'OpenSans', sans-serif; margin: 16px 6px 0 30px; } .topHeaderSocial2 { font-size: 17px; color: #ffffff; font-family: 'OpenSans', sans-serif; margin: 16px 6px 0 6px; } .topHeaderSocial3 { font-size: 17px; color: #ffffff; font-family: 'OpenSans', sans-serif; margin: 16px 30px 0 6px; } .topHeaderIEEELogo { margin: 15px 15px 0 10px; } .topHeaderIEEELogoMobile { margin: 30px 15px 0 10px; } .topHeaderCSLogo { position: absolute; top: 0px; left: 0px; width: 100%; } .navbarMain { background-color: #00629b; border-color: #00629b; border-radius: 0; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); } .navbarLogo { position: absolute; top: 45px; left: 50px; z-index: 1000; } .navbarLogosMobile { margin-top: 10px; text-align: center; z-index: 1000; } .navbarLogosMobileCSLogo { margin: 0 0 0 40px; } .navbarLogosMobileIEEELogo { margin: 0 0 0 25px; } .navbarAccount { float: right !important; margin-right: 15px; margin-top: 10px; } .navbarAccount > li > a { padding-top: 0px; padding-bottom: 0px; } .navbarAccount > li > a:visited { text-decoration: none; color: #ffffff; } .navbarAccount > li > .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 25px; width: 280px; padding-bottom: 20px; } .navbarAccountLink { color: #ffffff; } .navbarAccountDivider { margin-bottom: 20px; } .navbarAccountIcon { padding: 0 10px 0 0; color: #e87722; } .navbarAccountIconChange { font-size: 8px; color: #00629b; font-family: 'OpenSans', sans-serif; line-height: 3.38; width: 40px; margin-top: -5px; text-align: center; } .navbarAccountInfo { margin-top: 0; } .navbarAccountInfo > li > a:visited { text-decoration: none; color: #00629b; } .navbarAccountInfo .divider { background-color: #e5e5e5; height: 1px; margin: 9.5px 0 20px 0; overflow: hidden; } .navbarAccountProfile { overflow: hidden; padding: 15px 0 15px 0; } .navbarAccountLink { font-size: 14px; color: #ffffff; font-family: 'OpenSans', sans-serif; line-height: 1.93; padding: 0 0 5px 0; } .navbarAccountInnerLink { font-size: 14px; color: #00629b; font-family: 'OpenSans', sans-serif; line-height: 1.93; padding: 0 0 5px 0; margin-left: 20px; } .navbarMainNav { padding: 5px 130px 0 0; } .navbarMainNav > li > a { padding-top: 12px; padding-bottom: 5px; } .navbarMainNav > li > a:visited { text-decoration: none; color: #ffffff; } .mega-dropdown { position: static !important; } .mega-dropdown-menu { width: 100%; background-color: transparent; list-style: outside none none; min-width: 100%; padding: 2px 0 20px 0; border: 0 none; box-shadow: 0 0 0 rgba(0, 0, 0, 0); background-clip: inherit; } .mega-dropdown-menu > ul > li > ul { padding: 0; margin: 0; } .mega-dropdown-menu > ul > li > ul > li { list-style: none; } .mega-dropdown-menu > ul > li > ul > li > a { display: block; color: #00629b; } .mega-dropdown-menu > ul > li ul > li > a:focus { text-decoration: none; } .menuSub { margin: 0 auto; padding: 20px 40px 20px 40px; width: 60%; background-color: #ffffff; overflow: hidden; list-style: outside none none; border-radius: 4px; } .menuCategory { font-size: 14px; color: #ffffff; font-family: 'Montserrat', sans-serif; } .menuCategoryActive, .menuCategoryActiveSticky { width: 80%; height: 3px; background-color: #ffffff; border: 0; margin: 0 auto 10px auto; } .menuCategoryInActive { width: 80%; height: 3px; background-color: #00629b; border: 0; margin: 0 auto 10px auto; } .menuCategoryArrowActive { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; margin: 0 auto -2px auto; } .menuCategoryArrowInActive { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #00629b; margin: 0 auto; } .menuDropdownHeader { font-size: 14px; color: #00629b; font-family: 'Montserrat', sans-serif; font-weight: bold; padding: 0 0 6px 0; border-bottom: 2px solid #cecece; margin-bottom: 15px; } .menuDropdownLink { font-size: 14px; color: #00629b; font-family: 'OpenSans', sans-serif; line-height: 1.93; padding: 0 0 5px 0; } .menuDropdownSearch { font-size: 18px; } /* ------------------- */ /* Menu - Mobile */ /* ------------------- */ .navbarMainNavMobile { padding: 0; } .navbarMainNavMobile > li > a { padding-top: 12px; padding-bottom: 5px; } .navbarMainNavMobile > li > a:visited { text-decoration: none; color: #ffffff; } .menuSubMobile { margin: 0 auto; padding: 20px 40px 20px 40px; width: 100%; overflow: hidden; list-style: outside none none; } .menuDropdownHeaderMobile { font-size: 14px; color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: bold; padding: 0 0 6px 0; margin-top: 20px; margin-bottom: 5px; } .menuDropdownLinkMobile { font-size: 14px; color: #00629b; font-family: 'OpenSans', sans-serif; line-height: 1.93; padding: 5px 0 5px 15px; } .mega-dropdown-menu-mobile { width: 100%; background-color: transparent; list-style: outside none none; min-width: 100%; padding: 2px 0 20px 0; border: 0 none; box-shadow: 0 0 0 rgba(0, 0, 0, 0); background-clip: inherit; } .mega-dropdown-menu-mobile > ul > li > ul { padding: 0; margin: 0; } .mega-dropdown-menu-mobile > ul > li > ul > li { list-style: none; } .mega-dropdown-menu-mobile > ul > li > ul > li > a { display: block; color: #ffffff; } .mega-dropdown-menu-mobile > ul > li ul > li > a:focus { text-decoration: none; } /* ------------------- */ /* Hero */ /* ------------------- */ .leadHeadingContainer { background-color: #FFFFFF; padding: 40px 0 40px 0; opacity: 0.90; overflow: hidden; } .leadHeading { font-size: 40px; line-height: 1.13; color: #000000; font-family: 'Montserrat', sans-serif; text-align: center; padding: 0 30px; } /* .heroImage { background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/17194749/hero.jpg") 50% no-repeat; background-size: cover; height: 80vh; position: relative; } */ .heroCaption { border-radius: 4px; background-color: #444444; opacity: 0.8; color: #FFFFFF; font-family: 'OpenSans', sans-serif; font-size: 14px; font-weight: 600; position: absolute; bottom: 40px; left: 40px; padding: 10px; } /* ------------------- */ /* Membership */ /* ------------------- */ .membershipContainer { background-color: #00629b; border-top: 10px solid rgba(104, 130, 158, 0.38); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; width: 340px; margin: -80px auto 0 auto; } .membershipTitle { font-family: 'Montserrat', sans-serif; font-weight: 300; color: #FFFFFF; font-size: 30px; padding: 50px; } .membershipBlurb { font-family: 'Open Sans', sans-serif; color: #FFFFFF; font-size: 16px; padding: 0 50px 30px 50px; } .membershipActions { padding: 10px 40px 40px 40px; } .membershipActionJoin { /* width: 122px; height: 60px; border-radius: 4px; background-color: #e87722; padding: 15px 30px; margin-right: 20px; */ } .membershipActionLearn { font-family: 'Montserrat', sans-serif; font-size: 15px; margin-left: 15px; } .membershipLoginRenew { background-color: #0e456b; padding: 10px 50px 10px 50px; } .membershipLogin, .membershipRenew { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 300; padding: 0 30px; } /* ------------------- */ /* Latest News */ /* ------------------- */ .featuredFull { background-color: #FFFFFF; margin: 0 10px 0 10px; overflow: hidden; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); } .featuredFullImage { padding: 0; } .featuredFullImageControl { width: 100%; } .featuredFullAuthor { padding: 10px 0 0 0; margin-bottom: 80px; } .featuredFullAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 15px 0 0 0; } .featuredFullAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 0 0; } .featuredFullAuthorImageCircle { margin: -30px auto 0 auto; width: 112px; } .featuredFullAuthorImage { width: 112px; height: 112px; border-radius: 56px; border: 4px solid #FFFFFF; } /* Scheduled to be removed as it's not used. */ .featuredFullHeader { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300; padding: 30px 0 5px 20px; } .featuredFullTitle { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; line-height: 1.25; color: #000000; padding: 20px; } .featuredFullSummary { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 10px 20px 20px 20px; color: #000000; } .featuredBasic { background-color: #FFFFFF; margin: 0 10px 20px 10px; overflow: hidden; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); } .featuredBasicImage { padding: 0; } .featuredBasicImage img { margin: 0 auto; } .featuredBasicTitle { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; padding: 20px; } .featuredFocus, .featuredInterface { background-color: #FFFFFF; margin: 0 10px 0 10px; padding-bottom: 30px; overflow: hidden; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); } .featuredInterface { margin-top: 15px; } .featuredFocusTitle, .featuredInterfaceTitle { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; opacity: 0.9; color: #000000; text-align: center; padding: 30px 0 0 0; } .featuredFocusSubTitle, .featuredInterfaceSubTitle { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; color: #75787b; text-align: center; } .featuredFocusSectionBar, .featuredInterfaceSectionBar { padding: 0 20px 0 20px; } .featuredFocusSectionBar hr, .featuredInterfaceSectionBar hr { border: 0; border-top: 2px solid #00629b; opacity: 0.5; margin: 21px 30px 21px 30px; } .featuredFocusArticleTitleContainer, .featuredInterfaceArticleTitleContainer { margin-top: 10px; } .featuredFocusArticleTitleRight, .featuredInterfaceArticleTitleRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; } .featuredFocusArticleTitleLeftSmall, .featuredInterfaceArticleTitleLeftSmall { margin-top: 6px; } .featuredFocusArticleNumber, .featuredInterfaceArticleNumber { border: 1px solid #68829e; border-radius: 12px; height: 24px; width: 24px; padding: 2px; text-align: center; color: #68829e; } .featuredFocusArticleNumberSmall, .featuredInterfaceArticleNumberSmall { border: 1px solid #ffffff; border-radius: 12px; height: 4px; width: 4px; padding: 2px; text-align: center; color: #ffffff; } .featuredFocusArticleBullet { color: #999999; padding: 0 20px 0 0; } .featuredFocusAuthorsContainer, .featuredInterfaceAuthorsContainer { margin-top: 5px; margin-bottom: 25px; overflow: hidden; } .featuredFocusAuthorsRight, .featuredInterfaceAuthorsRight { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #75787b; } .featuredCarouselContainer { float: left; margin: 0 10px 0 10px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); } .featuredCarouselLeft { background-color: #FFFFFF; height: 160px; } .featuredCarouselRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; height: 160px; padding: 40px 20px 0 40px; } .featuredCarouselImage { height: 160px; } /* ------------------- */ /* Conference SCase */ /* ------------------- */ .conferenceShowcase { background: #00629b url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/16215216/Conference_BG.jpg") repeat scroll left top; overflow: hidden; padding-bottom: 50px; } .conferenceShowcaseTitle { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: 300; line-height: 1.28; color: #FFFFFF; text-align: center; padding: 80px 0 80px 0; } .conferenceShowcaseActionLeft { font-family: 'Montserrat', sans-serif; font-size: 18px; border-radius: 4px; background-color: #e87722; border: 0px; padding: 20px; } .conferenceShowcaseActionRight { font-family: 'Montserrat', sans-serif; font-size: 18px; border-radius: 4px; padding: 20px; } .conferenceCard { padding: 0 15px 0 15px; margin-bottom: 50px; z-index: 1000; } .conferenceCardImage { padding: 0; } .conferenceCardImageControl { width: 100%; } .conferenceCardTitle { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 300; line-height: 1.25; color: #000000; padding: 20px; background-color: #FFFFFF; height: 160px; } .conferenceCardSummary { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 10px 20px 50px 20px; color: #000000; background-color: #FFFFFF; height: 235px; } .conferenceCardActions { background-color: #FFFFFF; overflow: hidden; padding-bottom:0px; } .conferenceCardLocation { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; color: #75787b; padding: 5px 10px 20px 20px; } .conferenceCardLocationIcon { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; color: #75787b; padding: 0 0 30px 20px; } .conferenceCardRegister { padding: 7px 0 0 20px; } .conferenceCardRegisterButton { font-family: 'Montserrat', sans-serif; font-size: 15px; border-radius: 4px; background-color: #ffffff; border: 1px solid #75787b; color: #222222; padding: 8px 15px; text-decoration: none; } .conferenceCardRegisterButton:visited { color: #222222; text-decoration: none; background-color: #ffffff; border: 1px solid #75787b; } .conferenceCardRegisterButton:hover { color: #333333; text-decoration: none; background-color: #eeeeee; border: 1px solid #75787b; } .conferenceCardRegisterButton:active { color: #333333; text-decoration: none; background-color: #eeeeee; border: 1px solid #75787b; } .conferenceCardDate { position: absolute; top: -20px; left: 40px; height: 110px; width: 110px; text-align: center; background-color: #002855; font-family: 'Montserrat', sans-serif; font-size: 29px; line-height: 1.21; color: #FFFFFF; padding: 20px 0 0 0; } .conferenceShowcaseActions { clear:both; } /* ------------------- */ /* CSDL Trending */ /* ------------------- */ .csdlTrending { background-color: #FFFFFF; overflow: hidden; margin: 0 10px 20px 10px; min-height: 470px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); } .csdlTrendingHeader { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300; padding: 30px 0 5px 20px; color: #75787b; min-height: 80px; } .csdlTrendingTitle { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 300; color: #000000; padding: 20px; min-height: 150px; overflow: hidden; } .csdlTrendingAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 10px 0 0 20px; } .csdlTrendingAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 20px 20px; } .csdlTrendingSummary { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 10px 20px 20px 20px; color: #000000; min-height: 200px; box-sizing: border-box; overflow: hidden; } .csdlTrendingUsage { font-family: 'OpenSans', sans-serif; font-size: 16px; font-weight: 300; color: #75787b; padding: 0; position: absolute; bottom: 50px; } .csdlTrendingUsageValue { font-weight: 600; margin-left: 20px; } .csdlTrendingActions { margin-top: 20px; margin-bottom: 20px; overflow: hidden; padding: 5px 0 5px 0; } .csdlActionButtonLeft { font-family: 'Montserrat', sans-serif; font-size: 18px; border-radius: 4px; background-color: #e87722; border: 0px; padding: 20px; } .csdlActionButtonRight { font-family: 'Montserrat', sans-serif; font-size: 18px; border-radius: 4px; background-color: rgba(242, 242, 242, 0.08); border: 1px solid #75787b; color: #222222; padding: 20px; text-decoration: none; } .csdlActionButtonRight:visited { color: #222222; text-decoration: none; background-color: rgba(242, 242, 242, 0.08); border: 1px solid #75787b; } .csdlActionButtonRight:hover { color: #333333; text-decoration: none; background-color: rgba(200, 200, 200, 0.18); border: 1px solid #75787b; } .csdlActionButtonRight:active { color: #333333; text-decoration: none; background-color: rgba(200, 200, 200, 0.18); border: 1px solid #75787b; } /* ------------------- */ /* Awards */ /* ------------------- */ .awardRecipientContainer { margin-bottom: 80px; } .awardRecipientHeader { z-index: 1000; position: relative; } .awardRecipientTitle { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 300; line-height: 1.28; color: #555555; text-align: center; padding: 0 0 40px 0; } .awardRecipientContent { font-family: 'Montserrat', sans-serif; padding: 10px 0 10px 0; border: 1px solid #cccccc; border-radius: 4px; margin-top: 20px; box-shadow: 2px 2px 5px #cccccc; display: table; } .awardRecipientYear { text-align: center; display: table-cell; vertical-align: middle; width: 20%; } .awardRecipientNameAndLink { text-align: left; display: table-cell; vertical-align: middle; padding: 5px 20px 5px 0; width: 80%; } .awardDeadlineHeader { z-index: 1000; position: relative; } .awardDeadlineTitle { font-family: 'Montserrat', sans-serif; font-size: 26px; font-weight: 300; line-height: 1.28; color: #555555; text-align: center; padding: 70px 0 40px 0; } .awardNomination { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 20px 0 20px; } .awardNominationButton { font-family: 'Montserrat', sans-serif; font-size: 18px; width: 350px; height: 60px; border-radius: 4px; background-color: #e87722; border: 0px; padding: 10px 20px; } /* ------------------- */ /* Call for Papers */ /* ------------------- */ .callForPaperRecipientHeader { z-index: 1000; position: relative; } .callForPaperRecipientTitle { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 300; line-height: 1.28; color: #555555; text-align: center; padding: 70px 0 40px 0; } .callForPaperDeadlineHeader { z-index: 1000; position: relative; } .callForPaperDeadlineTitle { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; line-height: 1.28; color: #555555; text-align: center; padding: 70px 0 40px 0; } .callForPaperNomination { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 20px 0 20px; } .callForPaperNominationButton { font-family: 'Montserrat', sans-serif; font-size: 18px; width: 350px; height: 60px; border-radius: 4px; background-color: #e87722; border: 0px; padding: 10px 20px; } /* ------------------- */ /* Card Stacks */ /* ------------------- */ .cardStack { background: #00629b url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/27232736/ConfCalendarBG.jpg") repeat scroll left top; overflow: hidden; padding-bottom: 50px; position: relative; } .cardStackHeader { z-index: 1000; position: relative; } .cardStackTitle { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: 300; line-height: 1.28; color: #FFFFFF; text-align: center; padding: 70px 0 70px 0; } .cardStackActionTop { font-family: 'OpenSans', sans-serif; font-size: 16px; margin-bottom: 30px; } .cardStackActionTopLink { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 20px 0 20px; } .cardStackView { font-family: 'Montserrat', sans-serif; font-size: 18px; width: 350px; height: 60px; border-radius: 4px; background-color: #e87722; border: 0px; padding: 15px 20px 15px 20px; } .cardStackCard { padding: 0 15px 0 15px; margin-bottom: 50px; z-index: 1000; } .cardStackCardImage { padding: 0; height: 300px; } .cardStackCardImageControl { width: 100%; } .cardStackCardTitle { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 300; line-height: 1.25; color: #000000; padding: 20px; background-color: #FFFFFF; min-height: 110px; } .cardStackCardSummary { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 10px 20px 50px 20px; color: #000000; background-color: #FFFFFF; min-height: 175px; } /* ------------------- */ /* Image Stacks */ /* ------------------- */ .imageStackContainer { margin-bottom: 75px; } .imageStackTitle { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; font-style: normal; line-height: 35px; letter-spacing: normal; text-align: center; color: #000; } .imageStackTitle { margin-bottom: 50px; } .imageStackTitleShort { margin-bottom: 20px; } .imageStackSubTitle { font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 300; font-style: normal; line-height: 35px; letter-spacing: normal; text-align: center; color: #000; margin-bottom: 40px; } .imageStackSubHeading { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; font-style: normal; line-height: 30px; letter-spacing: normal; margin: 20px 0; text-align: center; color: #000; padding: 0 15px; } .imageStackImage { margin-bottom: 35px; } .imageStackDesc { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: normal; font-style: normal; line-height: 22px; letter-spacing: normal; text-align: center; color: #000; padding: 0 35px; } .imageStackDescNarrow { width: 50%; margin: 0 auto; } /* ------------------- */ /* Related Stacks */ /* ------------------- */ .relatedStack { margin-bottom: 10px; } .relatedStackContainer { margin-bottom: 75px; } .relatedStackHeading { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; font-style: normal; line-height: 35px; letter-spacing: normal; text-align: center; color: #000; margin-top: 40px; margin-bottom: 60px; } .relatedStackSubHeading { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 300; font-style: normal; line-height: 30px; letter-spacing: normal; text-align: center; color: #000; padding: 0 15px; } .relatedStackImage { margin-bottom: 15px; } .relatedStackImage img { width: 60px; } /* ------------------- */ /* Accordion */ /* ------------------- */ .accordionTitle { background-color: #fff; padding: 40px 0 25px 0; } .accordionHeading { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: 300; line-height: 45px; margin-bottom: 25px; text-align: center; } .accordionPanelBorder { border-bottom: 1px solid #cecece; border-top: 0; border-right: 0; border-left: 0; border-radius: 0; } .accordionPanelTitle { color: #000; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 300; margin-left: 20px; cursor: pointer; } .accordionPanelHeading { padding: 20px 15px; position: relative; } .accordionPanelHeading[data-toggle="collapse"]:after { color: #000; content: "\f0da"; /* right caret icon */ font-family: 'FontAwesome'; font-size: 24px; position: absolute; line-height: 22px; left: 5; top: calc(50% - 10px); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .accordionPanelHeading[data-toggle="collapse"].collapsed:after { /* rotate icon from > (right arrow) to ^ (up arrow) */ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .accordionPanel { border-top: 0; border-right: 0; border-left: 0; } .accordionPanelBody: { border-top: 0; border-bottom: 0; } .accordionPanelGroup .accordionPanel { border-radius: 0; } .accordionPanelGroup .accordionPanelHeading + .accordionPanelCollapse > .accordionPanelBody, .accordionPanelGroup .accordionPanelHeading + .accordionPanelCollapse > .list-group { border-top: 0; padding-left: 35px; } /* ------------------- */ /* 2-Column */ /* ------------------- */ .column2LandingPage { background-color: #f5f5f5; padding: 40px 0; } .column2LandingPageHeading { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; text-align: center; margin-bottom: 25px; } .column2LandingPageSummary { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; text-align: center; margin-bottom: 25px; } .column2LandingPageItem { background-color: #fff; box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.09); border-radius: 2px; margin: 5px 5px 10px 5px; padding: 20px 20px 0 20px; overflow: hidden; min-height: 200px; max-height: 200px; } .column2LandingPageItemIcon { float: left; padding: 5px 20px 0 20px; min-height: 160px; max-height: 160px; } .column2LandingPageItemTitle { font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: 30px; overflow: hidden; margin: 0 0 15px 0; } .column2LandingPageItemTitle > a { color: #515253; } /* ------------------- */ /* Community Buzz */ /* ------------------- */ .communityBuzz { background-color: #00629b; overflow: hidden; padding-bottom: 50px; margin-top: 0px; } .communityBuzzTitle { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: 300; line-height: 1.28; color: #FFFFFF; text-align: center; padding: 80px 0 80px 0; } .communityBuzzCard { padding: 0 15px 0 15px; margin-bottom: 50px; } .communityBuzzCardImage { padding: 0; } .communityBuzzCardImageControl { width: 100%; } .communityBuzzCardTitle { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #75787b; padding: 20px; background-color: #FFFFFF; } .communityBuzzCardSummary { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 10px 20px 30px 20px; color: #000000; background-color: #FFFFFF; } /* ------------------- */ /* Testimonials */ /* ------------------- */ .testimonialBackgroundWrapper { margin-top: 50px; } .testimonialCards { margin-top: -120px; } .testimonialHeader { z-index: 1000; position: relative; } .testimonialTitle { fontfamily: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; line-height: 45px; color: #fff; text-align: center; padding: 80px 0 15px 0; } .testimonialCard { background-color: #fff; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.09); margin-bottom: 50px; z-index: 1000; } .testimonialCardImage { padding: 0; } .testimonialCardImageControl { border-radius: 4px 4px 0 0; width: 100%; } .testimonialCardContent { padding: 7% 7%; } .testimonialCardContentBorder { background-color: #fff; border-left: 3px solid #00629B; padding-left: 3%; } .testimonialCardQuote { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000000; background-color: #FFFFFF; padding: 5px 0 20px 0; min-height: 140px; } .testimonialBio1 { color: #000000; font-family: 'Open Sans', sans-serif; font-size: 16px; min-height: 50px; } .testimonialBio2 { font-family: 'Open Sans', sans-serif; font-size: 16px; } /* ------------------- */ /* Committees */ /* ------------------- */ .committeeContainer { margin-top: 100px; margin-bottom: 100px; } .committeeCards { margin-top: -120px; } .committeeHeader { z-index: 1000; position: relative; } .committeeTitle { fontfamily: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; line-height: 45px; color: #fff; text-align: center; padding: 80px 0 15px 0; } .committeeCardContainer { border: 1px solid #757575; border-radius: 4px; position: relative; height: 100%; width: 100%; } .committeeCardTopContent { background-color: #002855; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 15px 0; } .committeeCardBottomContent { background-color: #fff; border-radius: 4px; padding: 15px 20px 15px 25px; } .committeeCardTag { color: #4a4a4a; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 200; line-height: 24px; margin-bottom: 5px; } .committeeCardTitle { color: #000; font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: 29px; margin-bottom: 5px; min-height: 70px; } .committeeCardAuthorContainer { margin: 5px 0 20px 0; } .committeeCardAuthor { color: #000; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 27px; } .committeeCardSummary { color: #000; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; line-height: 24px; min-height: 100px; margin-bottom: 20px; } .committeeCardActionLabel { color: #75787b; background-color: #fff; border: 1px solid #cecece; border-radius: 4px; font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 19px; padding: 8px 15px; } .committeeCardActionLabel:visited { background-color: #fff; } .committeeCardActionLabel:active { background-color: #e9e9e9; } .committeeCardRowSpacing { margin-top: 30px; } /* ------------------- */ /* General Header */ /* ------------------- */ .generalHeader { background-color: #00629b; overflow: hidden; } .generalHeaderBreadcrumbs { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #cecece; } .generalHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 0 0 20px 0; } .generalHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; } .generalHeaderSummary a { color: #ffffff; text-decoration: none; } .generalHeaderSummary a:visited { color: #ffffff; text-decoration: none; } .generalHeaderSummary a:hover { color: #eeeeee; } .generalHeaderSummary a:active { color: #eeeeee; } .generalHeaderActions { margin-bottom: 40px; } .pageHeaderBreadcrumbs { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #cecece; padding: 0 0 20px 0; } .breadCrumbTextLast { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #cecece; } .breadCrumbTextLast { padding: 20px 0 20px 10px; } /* ------------------- */ /* General Content */ /* ------------------- */ .generalContent { font-family: 'Montserrat', sans-serif; padding: 40px 0 60px 0; overflow: hidden; } .generalAdContent { margin-top: 100px; } .generalContent p { font-family: 'OpenSans', sans-serif; font-size: 16px; } .generalContent div { font-family: 'OpenSans', sans-serif; font-size: 16px; } .generalContent h1 { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: 300; line-height: 1.25; color: #000000; } .generalContent h2 { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; line-height: 1.25; color: #000000; } .generalContentTitle { margin-top: 20px; font-size: 22px; font-weight: 500; } .generalContentForm { } .generalPostAuthor { color: #555555; padding: 5px 15px 5px 15px; } .generalPostDates { color: #555555; padding: 5px 15px 5px 15px; } /* ------------------- */ /* Profile Header */ /* ------------------- */ .profileHeader { background-color: #00629b; padding: 30px 0 60px 0; overflow: hidden; } .profileHeaderBreadcrumbs { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #cecece; padding: 20px 0 30px 0; } .profileHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 15px 0 20px 0; margin-left: -10%; } .profileHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; margin-left: -10%; } .profileHeaderActions { padding: 40px 0 40px 0; margin-left: -10%; } .profileContent { font-family: 'Open Sans', sans-serif; padding: 60px 0 60px 0; overflow: hidden; } .profileContentTitle { font-family: 'Montserrat', sans-serif; margin-top: 20px; margin-bottom: 40px; } .profileContentLeft { padding: 0; } .profileContentRight { padding: 0; } .profileImageCircle { margin: 30px auto; overflow: hidden; } .profileImage { width: 200px; height: 200px; border-radius: 100px; border: 0px; margin-left: 25%; } /* ------------------- */ /* Landing Header */ /* ------------------- */ .landingHeader { background-size: cover; position: relative; padding: 20px 0 20px 0; overflow: hidden; } .landingHeaderHeading { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #cecece; padding: 20px 0 20px 0; } .landingHeaderHeadingBar { width: 70px; height: 4px; background-color: #cecece; margin: -10px 0 30px 0; } .landingHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 0 0 20px 0; } .landingHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 20px 0; } .landingHeaderBase { background-size: cover; background-color: #00629b; position: relative; padding: 100px 0 60px 0; overflow: hidden; } /* ------------------- */ /* Nav Action Bar */ /* ------------------- */ .navActionItemBar { border-bottom: 1px solid #cecece; background-color: #dddddd; } .navActionItemBarButton { cursor: pointer; margin: 5px 10px 0 10px; } .navActionItemBarButtonContainer { display: inline-block; margin-left: 40px; } .navActionItemBarMoreButton { cursor: pointer; color: #000000; text-align: center; margin-left: 20px; } .navActionItemBarMoreButtonGroup { } .btn-navActionItem { color: #000; padding: 10px 20px; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; margin-top: 8px; } .navActionItemDropdown { margin-top: 5px; } .navActionItemBarButtonText { color: #000000; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; line-height: 1.25; padding: 15px 10px 5px 10px; text-align: center; border-bottom: 4px solid #dddddd; margin: 0 5px; } .navActionItemBarButtonText:hover { border-bottom: 4px solid #00629b; } .navActionItemBarButtonText a { color: #000000; text-decoration: none; } .navActionItemBarButtonText a:visited { color: #000000; text-decoration: none; } .navActionItemBarButtonText a:hover { color: #000000; text-decoration: none; } .navActionItemBarButtonText a:active { color: #000000; text-decoration: none; } /* ------------------- */ /* Viewpoints */ /* ------------------- */ .viewpoints { background-color: #f5f5f5; } .viewpointTopicsBar { border-bottom: 1px solid #cecece; background-color: #002855; } .viewpointTopicsBarButton { cursor: pointer; margin: 5px 10px 0 10px; } .viewpointTopicsBarButtonContainer { display: inline-block; margin-left: 40px; } .viewpointTopicsBarMoreButton { cursor: pointer; color: #000000; text-align: center; margin-left: 20px; } .viewpointTopicsBarMoreButtonGroup { } .btn-viewpointTopics { color: #ffffff; padding: 10px 20px; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; margin-top: 8px; background-color: #002855; } .viewpointTopicsDropdown { margin-top: 5px; } .viewpointTopicsBarButtonText { color: #000000; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; line-height: 1.25; padding: 15px 10px 5px 10px; text-align: center; border-bottom: 4px solid #002855; margin: 0 5px; } .viewpointTopicsBarButtonText:hover { border-bottom: 4px solid #dddddd; } .viewpointsPostListingHeader { padding: 0 20px 0 20px; border-bottom: 1px solid #000000; margin-bottom: 20px; } .viewpointsPostListing { background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; box-shadow: 2px 2px 6px #cccccc; padding: 15px 20px 20px 20px; overflow: hidden; margin-top: 50px; margin-bottom: 20px; } .viewpointsLoadMorePosts { float: left; width: 100%; padding: 5px 0 5px 0; text-align: center; } .viewpointsLoadMorePostsButton { padding: 10px 0 10px 0; width: 60%; margin-bottom: 40px; border-radius: 4px; } .viewpointPostContainer { float: left; margin: 0 10px 0 10px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); border-bottom: 1px solid #cccccc; padding: 20px 0 30px 0; width: 100%; } .viewpointPostLeft { background-color: #FFFFFF; height: 160px; margin-bottom: 30px; text-align: center; } .viewpointPostRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 0 20px 0 20px; } .viewpointPostImage { height: 160px; } .viewpointPostSource { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 10px 0; } .viewpointPostTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; color: #000000; padding: 0 0 5px 0; } .viewpointPostAuthors { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #555555; padding: 0 0 18px 0; } .viewpointPostSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #333333; } .viewpointsBlogListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .viewpointsBlogList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 0 20px; } .viewpointsBlogListLink { padding: 10px 0 10px 15px; overflow: hidden; } .viewpointsMultimediaListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .viewpointsMultimediaList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 100px 20px; } .viewpointsMultimediaListLink { padding: 10px 0 10px 0; overflow: hidden; } .viewpointsMultimediaListLinkText { padding: 20px 0 0 15px; } .viewpointsMultimediaListLinkImage { margin-left: -15px; } .viewpointsRelatedListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .viewpointsRelatedList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 0 20px; } .viewpointsRelatedListLink { padding: 10px 0 10px 0; overflow: hidden; } .viewpointsRelatedListLinkText { padding: 20px 0 0 15px; } .viewpointsRelatedListLinkImage { margin-left: -15px; } .viewpointsBiosHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .viewpointsBiosList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 0 20px; } .viewpointsBioStackContainer { margin-bottom: 50px; } .viewpointsBioStackSubHeading { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; font-style: normal; line-height: 30px; letter-spacing: normal; margin: 20px 0; text-align: center; color: #000; padding: 0 15px; } .viewpointsBioStackDesc { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: normal; font-style: normal; line-height: 22px; letter-spacing: normal; color: #000; padding: 0; overflow: hidden; } .viewpointsBioImageCircle { margin: 30px auto 0 auto; } .viewpointsBioImage { width: 180px; height: 180px; border-radius: 90px; border: 1px solid #FFFFFF; } .viewpointsBioStackIcon { color: #bbbbbb; margin: 20px 5px 0 5px; } /* ------------------- */ /* Awards */ /* ------------------- */ .awards { background-color: #f5f5f5; } .awardTopicsBar { border-bottom: 1px solid #cecece; background-color: #002855; } .awardTopicsBarButton { cursor: pointer; margin: 5px 10px 0 10px; } .awardTopicsBarButtonContainer { display: inline-block; margin-left: 40px; } .awardTopicsBarMoreButton { cursor: pointer; color: #000000; text-align: center; margin-left: 20px; } .awardTopicsBarMoreButtonGroup { } .btn-awardTopics { color: #ffffff; padding: 10px 20px; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; margin-top: 8px; background-color: #002855; } .awardTopicsDropdown { margin-top: 5px; } .awardTopicsBarButtonText { color: #000000; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; line-height: 1.25; padding: 15px 10px 5px 10px; text-align: center; border-bottom: 4px solid #002855; margin: 0 5px; } .awardTopicsBarButtonText:hover { border-bottom: 4px solid #dddddd; } .awardsPostListingHeader { padding: 0 20px 0 20px; margin-bottom: 40px; text-align: center; } .awardsPostListingFilterActions { padding: 0 0 40px 0; text-align: center; font-size: 14px; } .awardsPostListing { background-color: #ffffff; padding: 15px 20px 100px 20px; overflow: hidden; margin-top: 50px; margin-bottom: 50px; } .awardPostContainer { float: left; margin: 0 10px 0 10px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); border-top: 1px solid #cccccc; padding: 20px 0 20px 0; width: 100%; } .awardPostLeft { background-color: #FFFFFF; height: 160px; margin-bottom: 30px; text-align: center; } .awardPostRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 0 20px 0 20px; border-right: 1px solid #cccccc; } .awardPostImage { height: 100px; } .awardPostSource { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 40px 0 10px 0; } .awardPostTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; color: #000000; padding: 10px 0 20px 0; } .awardPostActions { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #555555; padding: 20px 0 40px 0; } .awardPostNominate { padding: 10px 20px 10px 20px; border: 1px solid #CCCCCC; border-radius: 4px; margin-right: 30px; } .awardPostNominationDeadline { font-weight: 600; font-size: 16px; margin-right: 40px; } .awardPostSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #333333; padding: 0 0 20px 0; } .awardsBiosHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .awardsBiosList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 0 20px; } .awardsBioStackContainer { margin-bottom: 50px; } .awardsBioStackSubHeading { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; font-style: normal; line-height: 30px; letter-spacing: normal; margin: 20px 0; text-align: center; color: #000; padding: 0 15px; } .awardsBioStackDesc { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: normal; font-style: normal; line-height: 22px; letter-spacing: normal; color: #000; padding: 0 15px; overflow: hidden; } .awardsBioImageCircle { margin: 30px auto 0 auto; } .awardsBioImage { width: 180px; height: 180px; border-radius: 90px; border: 1px solid #FFFFFF; } .awardsBioStackIcon { color: #bbbbbb; margin: 20px 5px 0 5px; } .awardLastRecipientText { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #333333; padding: 30px 0 0 0; } .awardLastRecipientImage { padding: 10px 0 10px 0; } .awardLastRecipientName { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #333333; padding: 10px 0 0 0; } /* ------------------- */ /* Call for Papers */ /* ------------------- */ .callForPapers { background-color: #f5f5f5; } .callForPaperTopicsBar { border-bottom: 1px solid #cecece; background-color: #002855; } .callForPaperTopicsBarButton { cursor: pointer; margin: 5px 10px 0 10px; } .callForPaperTopicsBarButtonContainer { display: inline-block; margin-left: 40px; } .callForPaperTopicsBarMoreButton { cursor: pointer; color: #000000; text-align: center; margin-left: 20px; } .callForPaperTopicsBarMoreButtonGroup { } .btn-callForPaperTopics { color: #ffffff; padding: 10px 20px; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; margin-top: 8px; background-color: #002855; } .callForPaperTopicsDropdown { margin-top: 5px; } .callForPaperTopicsBarButtonText { color: #000000; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; line-height: 1.25; padding: 15px 10px 5px 10px; text-align: center; border-bottom: 4px solid #002855; margin: 0 5px; } .callForPaperTopicsBarButtonText:hover { border-bottom: 4px solid #dddddd; } .callForPapersPostListingHeader { padding: 0 20px 0 20px; margin-bottom: 40px; text-align: center; } .callForPapersPostListingFilterActionBar { padding: 0 0 40px 0; text-align: center; font-size: 14px; overflow: hidden; } .cfpFilterActionButton { padding: 15px 10px 15px 10px; border: 1px solid #555555; background-color: #eeeeee; text-align: center; cursor: pointer; } .cfpFilterActionButtonActive { background-color: #cccccc; } .cfpFilterActionButtonLeftMost { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .cfpFilterActionButtonRightMost { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .searchFragment { width: 65%; } .searchDateRange, .searchMagazines, .searchTransactions { width: 50%; } .callForPapersPostListingFilterActions { padding: 0 0 60px 0; text-align: center; font-size: 14px; } .callForPapersPostListingFilterActionLabel { padding: 6px 20px 0 0; font-size: 14px; } .callForPapersPostListing { background-color: #ffffff; padding: 15px 20px 100px 20px; overflow: hidden; margin-top: 50px; margin-bottom: 50px; } .callForPaperPostContainer { float: left; margin: 0 10px 0 10px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); border-top: 1px solid #cccccc; padding: 20px 0 20px 0; width: 100%; } .callForPaperRow { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 0 20px 0 20px; } .callForPaperNoPostsRow { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 80px 20px 0 20px; border-top: 1px solid #cccccc; } .callForPaperPostSource { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 40px 0 10px 0; } .callForPaperPostTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; color: #000000; padding: 10px 0 20px 0; } .callForPaperPostActions { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #555555; padding: 20px 0 40px 0; } .callForPaperPostNominationDeadline { font-weight: 600; font-size: 16px; margin-right: 40px; } .callForPaperPostSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #333333; padding: 0 0 20px 0; } .callForPaperNoPosts { float: left; margin: 0 10px 0 10px; padding: 20px 0 20px 0; width: 100%; text-align: center; } /* ------------------- */ /* Full Page Launch */ /* ------------------- */ .fullPageLaunchPoint { background-size: cover; padding: 60px 0 60px 0; overflow: auto; } .fullPageLaunchPointTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 36px; font-weight: 300; line-height: 0.97; margin-bottom: 30px; } .fullPageLaunchPointSummary { font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 60px auto; width: 50%; } .fullPageLaunchPointAction { font-family: 'Montserrat', sans-serif; font-size: 18px; border-radius: 4px; padding: 15px 20px 15px 20px; color: #ffffff; text-decoration: none; background-color: #e87722; border: 1px solid #e87722; display:inline-block; } .fullPageLaunchPointAction:visited { color: #ffffff; text-decoration: none; background-color: #e87722; border: 1px solid #e87722; display: inline-block; } .fullPageLaunchPointAction:hover { color: #ffffff; text-decoration: none; background-color: #ffa300; border: 1px solid #ffa300; display:inline-block; } .fullPageLaunchPointAction:active { color: #ffffff; text-decoration: none; background-color: #ffa300; border: 1px solid #ffa300; display:inline-block; } /* ------------------- */ /* Related Content */ /* ------------------- */ .relatedContentImage { margin: 50px auto; border-radius: 4px; } .relatedContentTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 36px; font-weight: 300; line-height: 0.97; margin-top: 70px; margin-bottom: 30px; padding: 0 5%; } .relatedContentSummary { font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 20px auto; padding: 0 5%; } .relatedContentAction { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 5%; } /* ------------------- */ /* Related Lists */ /* ------------------- */ .relatedListHeader, div.relatedListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 0 0 15px 20px; } .relatedList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 0 20px; } .relatedListLink { padding: 10px 0 10px 0; overflow: hidden; } .relatedListLinkText { padding: 34px 0 0 15px; } .relatedListLinkImage { margin-left: -15px; } /* ------------------- */ /* Product Pages */ /* ------------------- */ .productGeneralContent { font-family: 'Montserrat', sans-serif; padding: 60px 0 60px 0; } .productPricingContainer { border-radius: 4px; background-color: #dddddd; padding: 30px; margin-top: -250px; } @media screen and (min-width: 0px) and (max-width: 768px) { .productPricingContainer { margin-top: -40px; margin-bottom: 20px; } } .productPricingContent { margin-bottom: 40px; } .productPricingOptionsHeader { font-family: "OpenSans",sans-serif; font-size: 22px; margin-bottom: 15px; text-align: center; } .productPricingOptionsSubHeader { font-family: "OpenSans",sans-serif; font-size: 16px; margin-bottom: 25px; } .productPricingOptionsSubHeader2 { font-family: "OpenSans",sans-serif; font-size: 16px; margin-bottom: 40px; } .productPricingHeader { font-family: "OpenSans",sans-serif; font-size: 16px; font-weight: 600; margin-top: 20px; } .productPricingBottomHeader { font-family: "OpenSans",sans-serif; font-size: 16px; font-weight: 600; margin-top: 25px; } .productPricingList { } .productPricingItem:hover { background-color: #dddddd; border: 1px solid blue; cursor: pointer; } .productPricingItem { border-radius: 4px; overflow: hidden; padding: 10px; margin: 10px 0 10px 0; border: 1px solid #aaaaaa; background-color: #ffffff; color: #000000; } .productPricingButtonContainer { margin: 40px 0 50px 0; } .productPricingMessageContainer { font-family: "OpenSans",sans-serif; font-size: 16px; } .productPricingMessageContent { border: 1px solid #ffffff; border-radius: 4px; background-color: #ffffff; padding: 20px 15px; } .productPricingMessageContentBody { font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 20px 0 20px; } .productPricingItemLabel { } .productPricingItemValue { } .productPricingSaved { color: red; padding: 0 20px 0 0; } .productPricingButtonAction { color: #ffffff; background-color: #e87722; border: 1px solid #e87722; border-radius: 4px; font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 23px; padding: 6px 15px; width: 100%; } .productPricingButtonAction a { color: #ffffff; } .productPricingButtonAction:visited { background-color: #fff; } .productPricingButtonAction:active { background-color: #e9e9e9; } .productPricingCarouselControlsContainer { position: relative; margin-bottom: 80px; } .productPricingCarouselButtonsContainer { position: absolute; top: 0; left: 0; } .productPricingCarouselNext, .productPricingCarouselPrevious { background-color: #f8f8f9; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); color: #00629b; cursor: pointer; padding: 30px 15px; } .productPricingCarouselPreviousContainer, .productPricingCarouselNextContainer { z-index: 10000; } .productPricingCarouselNext { margin: 40px 0 0 0; } .productPricingCarouselPrevious { margin: 40px 0 0 0; } .productPricingCarouselDots { position: absolute; bottom: -40px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .productPricingCarouselDots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .productPricingCarouselDots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .productPricingCarouselDots li button:hover, .productPricingCarouselDots li button:focus { outline: none; } .productPricingCarouselDots li button:hover:before, .productPricingCarouselDots li button:focus:before { opacity: 1; } .productPricingCarouselDots li button:before { font-family: 'slick'; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #0e456b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .productPricingCarouselDots li.slick-active button:before { opacity: .75; color: #0e456b; } .productPricingCarouselContainer { float: left; margin: 0 10px 0 10px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); } .productPricingCarouselLeft { background-color: #FFFFFF; height: 160px; } .productPricingCarouselRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; height: 160px; padding: 20px; } .productPricingCarouselRightTitleLink { color: #000000; font-weight: 600; } .productPricingCarouselRightDescLink { color: #000000; } .productPricingCarouselImage { height: 160px; } .productPricingCarouselHeader { font-family: "OpenSans",sans-serif; font-size: 22px; padding: 10px 0 30px 0; } /* ------------------- */ /* Product Landing */ /* ------------------- */ .productLandings { background-color: #f5f5f5; } .productLandingTopicsBar { border-bottom: 1px solid #cecece; background-color: #002855; } .productLandingTopicsBarButton { cursor: pointer; margin: 5px 10px 0 10px; } .productLandingTopicsBarButtonContainer { display: inline-block; margin-left: 40px; } .productLandingTopicsBarMoreButton { cursor: pointer; color: #000000; text-align: center; margin-left: 20px; } .productLandingTopicsBarMoreButtonGroup { } .btn-productLandingTopics { color: #ffffff; padding: 10px 20px; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; margin-top: 8px; background-color: #002855; } .productLandingTopicsDropdown { margin-top: 5px; } .productLandingTopicsBarButtonText { color: #000000; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 300; line-height: 1.25; padding: 15px 10px 5px 10px; text-align: center; border-bottom: 4px solid #002855; margin: 0 5px; } .productLandingTopicsBarButtonText:hover { border-bottom: 4px solid #dddddd; } .productLandingsPostListingHeader { font-family: 'Montserrat', sans-serif; padding: 0 20px 0 20px; border-bottom: 1px solid #000000; margin-bottom: 20px; overflow: hidden; } .productLandingsPostListingHeaderText { font-size: 24px; margin-top: 0px; margin-bottom: 10px; } .productLandingsPostListing { background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; box-shadow: 2px 2px 6px #cccccc; padding: 15px 20px 100px 20px; overflow: hidden; margin-top: 50px; margin-bottom: 50px; } .productLandingPostContainer { float: left; margin: 0 10px 0 10px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); border-bottom: 1px solid #cccccc; padding: 20px 0 30px 0; } .productLandingPostLeft { background-color: #FFFFFF; height: 160px; margin-bottom: 30px; text-align: center; } .productLandingPostRight { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; color: #000000; background-color: #FFFFFF; padding: 0 20px 0 20px; } .productLandingNoPosts { margin: 0 10px 0 10px; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); border-bottom: 1px solid #cccccc; padding: 20px 0 30px 0; clear: both; text-align: center; display: none; } .productLandingPostImage { width: 100%; } .productLandingPostFilter { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 10px 0; } .productLandingPostFilter span { font-size: 16px; } .filterTypeSpan, .filterTopicSpan { cursor: pointer; } .productLandingPostTitle { font-family: 'Montserrat', sans-serif; font-size: 20px; color: #000000; padding: 0 0 5px 0; } .productLandingPostAuthors { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #555555; padding: 0 0 18px 0; } .productLandingPostSummary { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #333333; } .productLandingsBlogListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .productLandingsBlogList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 0 20px; } .productLandingsBlogListLink { padding: 10px 0 10px 0; overflow: hidden; } .productLandingsMultimediaListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .productLandingsMultimediaList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 0 20px; } .productLandingsMultimediaListLink { padding: 10px 0 10px 0; overflow: hidden; } .productLandingsMultimediaListLinkText { padding: 20px 0 0 15px; } .productLandingsMultimediaListLinkImage { margin-left: -15px; } .productLandingsRelatedListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 20px; } .productLandingsRelatedList { font-family: 'Montserrat', sans-serif; font-size: 14px; color: #333333; padding: 0 0 40px 20px; } .productLandingsRelatedListLink { padding: 10px 0 10px 0; overflow: hidden; } .productLandingsRelatedListLinkText { padding: 20px 0 0 15px; } .productLandingsRelatedListLinkImage { margin-left: -15px; } .productFilterDropdown { width: 100%; height: 34px; padding: 6px 12px; margin-bottom: 8px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } /* ------------------- */ /* Fulfillment */ /* ------------------- */ .fulfillmentInstructions { padding: 10px; } .fulfillmentInstructionsTitle { font-family: "OpenSans",sans-serif; font-size: 16px; margin-bottom: 10px; } .fulfillmentInstructionsDescription { font-family: "OpenSans",sans-serif; font-size: 14px; margin-top: 10px; margin-bottom: 10px; } /* --------------------------------------------------------- */ /* Diagonal Aesthetics */ /* --------------------------------------------------------- */ .diagonalAesthetic_01 { background: #00629b; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(-90deg, #cecece, #00629b); background: -o-linear-gradient(-90deg, #cecece, #00629b); background: -moz-linear-gradient(-90deg, #cecece, #00629b); background: linear-gradient(-90deg, #cecece, #00629b); position: absolute; top: 0; right: -60px; width: 400px; height: 330px; z-index: 100; transform: rotate(18deg); transform: skewX(-18deg); } .diagonalAesthetic_02 { background: #00629b; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(-90deg, #cecece, #00629b); background: -o-linear-gradient(-90deg, #cecece, #00629b); background: -moz-linear-gradient(-90deg, #cecece, #00629b); background: linear-gradient(-90deg, #cecece, #00629b); position: absolute; top: 0; right: -80px; width: 400px; height: 405px; z-index: 100; transform: rotate(18deg); transform: skewX(-18deg); } /* --------------------------------------------------------- */ /* The 404 Page */ /* --------------------------------------------------------- */ .page404Container { margin-top: 60px; margin-bottom: 60px; z-index: 1001; } .page404Title { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 600; margin-top: 20px; margin-bottom: 20px; overflow: hidden; } .page404Content { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; overflow: hidden; } .page404SearchRight { margin-left: -15px; } .page404Search { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; margin-top: 30px; margin-bottom: 10px; overflow: hidden; } .search404Input { width: 80%; } .page404Background { position: absolute; top: 5%; right: 5%; z-index: 1000; color: #000000; font-family: 'Montserrat', sans-serif; font-size: 8em; font-weight: 400; opacity: 0.15; } /* --------------------------------------------------------- */ /* The "No Access" Page */ /* --------------------------------------------------------- */ .noAccessContainer { margin-top: 60px; margin-bottom: 60px; } .noAccessTitle { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 600; margin-top: 20px; margin-bottom: 20px; overflow: hidden; } .noAccessContent { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; overflow: hidden; } .noAccessActions { text-align: center; margin-top: 60px; margin-bottom: 60px; } .noAccessActionContent { border: 1px solid #cccccc; border-radius: 4px; padding: 30px; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; } .noAccessLogin { width: 50%; } .noAccessPurchase { width: 50%; } /* --------------------------------------------------------- */ /* Ad Blocks */ /* --------------------------------------------------------- */ .adBlockMargins { margin: 80px auto; } .adBlockMargins10 { margin: 10px auto; } .adBlockTopBanner { text-align: center; } .adBlockSkyscaper { margin: 0 0 0 50px; } .adBlockStack { margin: 80px 0 0 50px; } .adBlockBottom { width: 300px; height: 250px; background-color: #CCCCCC; } /* --------------------------------------------------------- */ /* Footer */ /* --------------------------------------------------------- */ .becomeAMemberFooter { background-color: #002855; margin-top: 100px; } .becomeAMemberFooterLeft { width: 70%; float: left; position: relative; } .becomeAMemberFooterRight { border-left: 2px solid #ffffff; float: left; margin-top: 8%; padding: 0 3% 3%; width: 30%; } .becomeAMemberFooterInfo { background-color: #ffffff; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); margin: 50px 0 0 -50px; width: 45%; position: relative; } .becomeAMemberFooterInfoContent { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 300; line-height: 1.25; color: #000000; padding: 50px 25px 0 35px; } .becomeAMemberFooterInfoContent h2 { font-family: 'Montserrat', sans-serif; font-size: 22px; padding: 0 10px 10px 10px; margin-left: 20px; } .becomeAMemberFooterInfoContent li { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 0 30px 0 10px; margin-left: 20px; } .becomeAMemberFooterInfoActions { margin-top: 30px; margin-bottom: 30px; overflow: hidden; padding-bottom: 20px; } .becomeAMemberFooterInfoJoin { overflow: hidden; padding: 10px; } .becomeAMemberFooterInfoJoinUs { font-family: 'Montserrat', sans-serif; font-size: 18px; width: 122px; border-radius: 4px; background-color: #e87722; border: 1px solid #e87722; color: #FFFFFF; padding: 15px; display: block; text-align: center; text-decoration: none; } .becomeAMemberFooterInfoJoinUs:visited { color: #ffffff; text-decoration: none; background-color: #e87722; border: 1px solid #e87722; } .becomeAMemberFooterInfoJoinUs:hover { color: #ffffff; text-decoration: none; background-color: #ffa300; border: 1px solid #ffa300; } .becomeAMemberFooterInfoJoinUs:active { color: #ffffff; text-decoration: none; background-color: #ffa300; border: 1px solid #ffa300; } .becomeAMemberFooterInfoLearnMore { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 5%; } .becomeAMemberFooterInfoLogo { left: 0; position: absolute; text-align: center; top: -35px; width: 100%; } .becomeAMemberFooterInfoLogoImage { background-color: #ffffff; border: 1px solid #ffffff; border-radius: 34px; padding: 0 2px 2px 2px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); } .becomeAMemberFooterPoints p { font-family: 'Montserrat', sans-serif; font-size: 22px; margin-bottom: 20px; } /* ------------------- */ /* Document Archives */ /* ------------------- */ .documentArchives { overflow: hidden; } .documentArchiveLineItem, .documentArchiveLineItemHeaders { overflow: hidden; padding: 10px 0 10px 0; border-bottom: 1px solid #cccccc; cursor: pointer; } .documentArchiveLineItem:hover { background-color: #e2e2e2; } .documentArchiveIcon { margin: 0 10px 0 0; } .documentArchiveEditIcon { margin: 0 0 0 20px; } .documentArchiveDeleteIcon { } .documentArchiveFolderTally { margin: 0 0 0 20px; } .documentArchiveButton { margin: 0 0 0 5px; } .documentArchiveBreadcrumbs { padding-top: 10px; padding-bottom: 10px; } .documentArchiveActions { padding-top: 5px; } .documentArchiveBreadcrumbLink { cursor: pointer; } .documentArchivesTitleAndActionsContainer { padding: 10px 0 10px 0; overflow: hidden; } .documentArchivesHeaderContainer { margin: 0 0 10px 0; overflow: hidden; font-weight: 600; } .documentArchivesFolderContainer { overflow: hidden; } .documentArchivesFileContainer { overflow: hidden; } /* Tabs are from; https://www.w3schools.com/howto/howto_js_tabs.asp */ .documentArchiveTabs { margin-top: 40px; } .documentArchiveTab { overflow: hidden; border-bottom: 1px solid #ccc; } .documentArchiveTab button { background-color: inherit; float: left; border: none; border-top-left-radius: 4px; border-top-right-radius: 4px; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; } .documentArchiveTab button:hover { background-color: #e2e2e2; } .documentArchiveTab button.active { background-color: #ddd; } .documentArchiveTabContent { padding: 6px 12px; } .upsertFolderHeader, .upsertFileHeader, .deletionTemplateHeader { font-weight: 600; font-size: 20px; margin-bottom: 20px; } .upsertFolderMetadata, .upsertFileMetadata, .deletionTemplateMetadata { padding: 10px; overflow: hidden; } .documentArchiveEntryLineItem { padding-top: 10px; padding-bottom: 10px; } .documentArchiveRDLabels { padding: 0 15px 0 10px; font-weight: 500; } .documentArchiveRDLabelTop { margin-top: 10px; } .documentArchiveAreYouSureMessage { font-size: 20px; padding-bottom: 20px; } .documentArchiveAreYouSureValue { font-size: 18px; } .documentArchiveMessage { text-align: center; font-size: 20px; font-weight: 500; padding: 20px; width: 100%; margin-bottom: 40px; } .documentArchiveModeSelect { margin-left: 10px; height: 34px; border: 1px solid #ccc; border-radius: 4px; padding: 0 0 0 5px; background-color: #fff; } .documentArchiveNoAccessTop { font-size: 20px; font-weight: 600; text-align: center; padding: 50px 0 10px 0; } .documentArchiveNoAccessBottom { font-size: 16px; font-weight: 500; text-align: center; padding: 10px 0 50px 0; } /* --------------------------------------------------------- */ /* The Media Queries */ /* --------------------------------------------------------- */ @media screen and (max-width: 480px) { /* Ad Blocks */ .adBlockMargins { margin: 10px auto; } .mainSite { margin-top: 40px; } .generalHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 30px; color: #ffffff; line-height: 1.3; padding: 0 0 20px 0; } .generalHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; } .leadHeadingContainer { background-color: #FFFFFF; padding: 20px 0 20px 0; opacity: 0.90; overflow: hidden; } .membershipContainer { display: none; } .heroCaption { background-color: #444444; border-radius: 4px; bottom: 20px; color: #ffffff; display: block; font-family: "OpenSans",sans-serif; font-size: 10px; font-weight: 600; left: 20px; opacity: 0.8; padding: 8px; position: absolute; } .membershipContainerHeightHelperSmallDevices { display: block; } .leadHeading { color: #000000; font-family: "Montserrat",sans-serif; font-size: 24px; line-height: 1.13; padding: 0 30px; text-align: center; } .featuredFullAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 10px 0 0 40px; } .featuredFullAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 0 40px; } .featuredFull { background-color: #ffffff; margin: 0 10px 50px; overflow: hidden; } .latestNewsCarouselButtonsContainer { display: none; } .landingHeaderHeadingBar { width: 70px; height: 4px; background-color: #cecece; margin: -10px auto 30px auto; } /* another duplicate .fullPageLaunchPoint { background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/28224730/Landing_CallForPapers.jpg") 50% no-repeat; background-size: cover; height: 55vh; position: relative; padding: 60px 0 20px 0; } */ .fullPageLaunchPoint2 { background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/28224739/Landing_EdgeEvents.png") 100% no-repeat; background-size: cover; } .fullPageLaunchPointSummary { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 50px auto; width: 90%; } .relatedContentImage { margin: 50px auto; border-radius: 4px; } .relatedContentTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 28px; font-weight: 300; line-height: 0.97; margin-top: 0; margin-bottom: 30px; padding: 0 5%; text-align: center; } .relatedContentSummary { font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 20px auto; padding: 0 5%; } .relatedContentAction { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 5%; text-align: center; } .committeeCardContainer { margin-top: 20px; } .committeeCardTag { line-height: 20px; } .committeeCardImageContainer img { width: /* To fix FF bug that doesn't scale images in Bootstrap 3 */ } .committeeCardAuthorContainer { margin-top: 5px; } .committeeCardTitle { font-size: 20px; line-height: 25px; } .committeeCardSummary { font-size: 14px; line-height: 20px; } .accordionTitle { padding: 15px 0 0 0; } .accordionHeading { font-size: 24px; line-height: 30px; } .accordionPanelTitle { font-size: 16px; } .column2LandingPageHeading1 { font-family: Montserrat; font-size: 24px; font-weight: 300; text-align: center; margin-bottom: 25px; } .column2LandingPageItemTitle { font-family: Montserrat; font-size: 16px; line-height: 20px; margin: 0 0 5px 0; } .column2LandingPageItemTitle > a { color: #515253; } .column2LandingPageItemSummary { font-size: 12px; line-height: 16px; } .imageStackTitle { font-size: 24px; margin-bottom: 15px; } .imageStackTitleShort { font-size: 24px; margin-bottom: 10px; } .imageStackSubTitle { font-size: 20px; margin-bottom: 25px; } .imageStackImage { margin-bottom: 15px; } .imageStackDesc { margin-bottom: 25px; } .profileHeaderBreadcrumbs { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #cecece; padding: 20px 0 20px 0; } .profileHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 15px 0 20px 0; margin-left: 10%; } .profileHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; margin-left: 10%; } .profileHeaderActions { padding: 40px 0 40px 0; margin-left: 10%; } .searchContainer { position: fixed; top: 10%; left: 5%; width: 90%; background-color: #00629b; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; text-align: center; padding: 20px 0 20px 0; overflow: hidden; z-index: 10001; } .relatedListHeader, div.relatedListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 0; } .relatedListLinkText { padding: 0 0 0 15px; } .awardRecipientYear { text-align: center; display: table-cell; vertical-align: middle; width: 20%; } .awardRecipientNameAndLink { text-align: left; display: table-cell; vertical-align: middle; padding: 5px 20px 5px 0; width: 80%; } .navActionItemBarButtonContainer { display: inline-block; margin-left: 0; } .navActionItemBarMobileButton { width: 100%; } .fullPageLaunchPointTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 30px; font-weight: 300; line-height: 0.97; margin-bottom: 30px; } .column2LandingPageItem { background-color: #fff; box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.09); border-radius: 2px; margin: 5px 5px 10px 5px; padding: 20px; overflow: hidden; min-height: unset; max-height: unset; } } @media screen and (min-width: 481px) and (max-width: 768px) { /* Ad Blocks */ .adBlockMargins { margin: 10px auto; } .mainSite { margin-top: 40px; } /* .heroImage { background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/17223713/hero_768.jpg") 50% no-repeat; background-size: cover; height: 80vh; position: relative; } */ .membershipContainer { display: none; } .membershipContainerHeightHelperSmallDevices { display: block; } .heroCaption { background-color: #444444; border-radius: 4px; bottom: 20px; color: #ffffff; display: block; font-family: "OpenSans",sans-serif; font-size: 12px; font-weight: 600; left: 20px; opacity: 0.8; padding: 10px; position: absolute; } .leadHeading { font-size: 24px; color: #000000; font-family: 'Montserrat', sans-serif; text-align: center; padding: 0 30px; } .featuredFullAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 10px 0 0 20px; } .featuredFullAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 0 20px; } .featuredFull { background-color: #ffffff; margin: 0 10px 50px; overflow: hidden; } .latestNewsCarouselButtonsContainer { display: none; } .landingHeaderHeadingBar { width: 70px; height: 4px; background-color: #cecece; margin: -10px auto 30px auto; } .fullPageLaunchPointSummary { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 60px auto; width: 80%; } .relatedContentImage { margin: 50px auto; border-radius: 4px; } .relatedContentTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 28px; font-weight: 300; line-height: 0.97; margin-top: 0; margin-bottom: 30px; padding: 0 5%; text-align: center; } .relatedContentSummary { font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 20px auto; padding: 0 5%; } .relatedContentAction { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 5%; text-align: center; } .committeeCardContainer { margin-top: 20px; } .committeeCardAuthorContainer { margin-top: 40px; } .committeeCardTitle { font-size: 20px; line-height: 25px; min-height: 30px; } .committeeCardSummary { font-size: 14px; line-height: 20px; min-height: 80px; } .accordionTitle { padding: 15px 0 0 0; } .accordionHeading { font-size: 24px; } .accordionPanelTitle { font-size: 20px; } .column2LandingPageItemTitle { font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 24px; margin: 0 0 5px 0; } .column2LandingPageItemTitle > a { color: #515253; } .column2LandingPageItemSummary { font-size: 12px; line-height: 16px; } .profileHeaderBreadcrumbs { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #cecece; padding: 20px 0 20px 0; } .profileHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 15px 0 20px 0; margin-left: 10%; } .profileHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; margin-left: 10%; } .profileHeaderActions { padding: 40px 0 40px 0; margin-left: 10%; } .searchContainer { position: fixed; top: 10%; left: 5%; width: 90%; background-color: #00629b; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; text-align: center; padding: 20px 0 20px 0; overflow: hidden; z-index: 10001; } .searchIconForMobile { top: 26px; right: 30px; width: 16px; height: 16px; cursor: pointer; color: #ffffff; position: absolute; font-size: 26px; } .relatedListHeader, div.relatedListHeader { font-family: 'Montserrat', sans-serif; font-size: 22px; color: #333333; padding: 50px 0 15px 0; } .relatedListLinkText { padding: 0 0 0 15px; } .awardRecipientYear { text-align: center; display: table-cell; vertical-align: middle; width: 20%; } .awardRecipientNameAndLink { text-align: left; display: table-cell; vertical-align: middle; padding: 5px 20px 5px 0; width: 80%; } .fullPageLaunchPointTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 32px; font-weight: 300; line-height: 0.97; margin-bottom: 30px; } .fullPageLaunchPointAction { font-family: 'Montserrat', sans-serif; font-size: 16px; height: 60px; border-radius: 4px; padding: 15px; } .column2LandingPageItem { background-color: #fff; box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.09); border-radius: 2px; margin: 5px 5px 10px 5px; padding: 20px; overflow: hidden; min-height: unset; max-height: unset; } } @media screen and (min-width: 769px) and (max-width: 992px) { /* Ad Blocks */ .adBlockMargins { margin: 30px auto; } .mainSite { margin-top: 40px; } /* .heroImage { background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/17223708/hero_992.jpg") 50% no-repeat; background-size: cover; height: 80vh; position: relative; } */ .membershipContainer { display: none; } .membershipContainerHeightHelperSmallDevices { display: block; } .heroCaption { background-color: #444444; border-radius: 4px; bottom: 30px; color: #ffffff; display: block; font-family: "OpenSans",sans-serif; font-size: 12px; font-weight: 600; left: 30px; opacity: 0.8; padding: 10px; position: absolute; } .leadHeading { font-size: 36px; color: #000000; font-family: 'Montserrat', sans-serif; text-align: center; padding: 0 30px; } .featuredFullAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 15px 0 0 40px; } .featuredFullAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 0 40px; } .fullPageLaunchPointSummary { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 60px auto; width: 70%; } .relatedContentImage { margin: 50px auto; border-radius: 4px; } .relatedContentTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 22px; font-weight: 300; line-height: 0.97; margin-top: 60px; margin-bottom: 30px; padding: 0 5%; } .relatedContentSummary { font-family: "OpenSans",sans-serif; font-size: 14px; margin: 0 auto 20px auto; padding: 0 5%; } .relatedContentAction { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 5%; } .committeeCardContainer { margin-bottom: 20px; } .committeeCardSummary { font-size: 14px; line-height: 20px; min-height: 120px; } .column2LandingPageItemTitle { font-size: 20px; line-height: 22px; margin: 0 0 15px 0; } .column2LandingPageItemTitle > a { color: #515253; } .column2LandingPageItemSummary { font-size: 14px; line-height: 20px; } .profileImageCircle { margin: 30px auto; overflow: hidden; } .profileImage { width: 200px; height: 200px; border-radius: 100px; border: 0px; margin-left: 25%; } .profileHeaderBreadcrumbs { font-family: 'OpenSans', sans-serif; font-size: 14px; color: #cecece; padding: 20px 0 20px 0; } .profileHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 15px 0 20px 0; margin-left: 10%; } .profileHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; margin-left: 10%; } .profileHeaderActions { padding: 40px 0 40px 0; margin-left: 10%; } .searchContainer { position: fixed; top: 10%; left: 10%; width: 80%; background-color: #00629b; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; text-align: center; padding: 20px 0 20px 0; overflow: hidden; z-index: 10001; } .searchIconForMobile { top: 26px; right: 30px; width: 16px; height: 16px; cursor: pointer; color: #ffffff; position: absolute; font-size: 26px; } .relatedListLinkText { padding: 0 0 0 15px; } .awardRecipientYear { text-align: center; display: table-cell; vertical-align: middle; width: 20%; } .awardRecipientNameAndLink { text-align: left; display: table-cell; vertical-align: middle; padding: 5px 20px 5px 0; width: 80%; } .column2LandingPageItem { background-color: #fff; box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.09); border-radius: 2px; margin: 5px 5px 10px 5px; padding: 20px; overflow: hidden; min-height: 200px; max-height: 200px; } } @media screen and (min-width: 993px) and (max-width: 1200px) { /* .heroImage { background: url("https://s3-us-west-2.amazonaws.com/wp.www.computer.org/wp-media/2017/11/17223702/hero_1200.jpg") 50% no-repeat; background-size: cover; height: 80vh; position: relative; } */ .featuredFullAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 15px 0 0 40px; } .featuredFullAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 0 40px; } .fullPageLaunchPointSummary { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 60px auto; width: 60%; } .navbarMainNav { padding: 5px 0 0 0; } .navbarMainNav > li > a { padding-top: 12px; padding-bottom: 5px; } .navbarMainNav > li > a:visited { text-decoration: none; color: #ffffff; } .navbarLogo { position: absolute; top: 15px; left: 50px; z-index: 1000; } .navbarLogosMobile { margin-top: 10px; text-align: center; z-index: 1000; } .navbarLogosMobileCSLogo { margin: 0 0 0 40px; } .navbarLogosMobileIEEELogo { margin: 0 0 0 25px; } .relatedContentImage { margin: 50px auto; border-radius: 4px; } .relatedContentTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 26px; font-weight: 300; line-height: 0.97; margin-top: 70px; margin-bottom: 30px; padding: 0 5%; } .relatedContentSummary { font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 20px auto; padding: 0 5%; } .relatedContentAction { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 5%; } .column2LandingPageItemTitle { font-size: 18px; line-height: 25px; margin: 0 0 15px 0; } .column2LandingPageItemTitle > a { color: #515253; } .column2LandingPageItemSummary { font-size: 14px; line-height: 20px; } .column2LandingPageItemIcon { padding-top: 15px; } .profileImageCircle { margin: 30px auto; overflow: hidden; } .profileImage { width: 200px; height: 200px; border-radius: 100px; border: 0px; margin-left: 25%; } .profileHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 15px 0 20px 0; margin-left: 5%; } .profileHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; margin-left: 5%; } .profileHeaderActions { padding: 40px 0 40px 0; margin-left: 5%; } .searchIconForMobile { top: 26px; right: 30px; width: 16px; height: 16px; cursor: pointer; color: #ffffff; position: absolute; font-size: 26px; } .relatedListLinkText { padding: 14px 0 0 15px; } .documentArchiveRDLabelTop { margin-top: 0; } } @media screen and (min-width: 1201px) and (max-width: 1440px) { .featuredFullAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 15px 0 0 40px; } .featuredFullAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 0 40px; } .relatedContentImage { margin: 50px auto; border-radius: 4px; } .relatedContentTitle { color: #000000; font-family: "Montserrat",sans-serif; font-size: 30px; font-weight: 300; line-height: 0.97; margin-top: 70px; margin-bottom: 30px; padding: 0 5%; } .relatedContentSummary { font-family: "OpenSans",sans-serif; font-size: 16px; margin: 0 auto 20px auto; padding: 0 5%; } .relatedContentAction { color: #000000; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 0 5%; } .column2LandingPageItemTitle { font-size: 18px; margin: 0 0 15px 0; } .column2LandingPageItemTitle > a { color: #515253; } .column2LandingPageItemSummary { font-size: 14px; line-height: 20px; } .column2LandingPageItemIcon { padding-top: 10px; } .relatedListLinkText { padding: 24px 0 0 15px; } .profileHeaderTitle { font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; line-height: 1.3; padding: 15px 0 20px 0; margin-left: 0; } .profileHeaderSummary { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.5; padding: 0 0 40px 0; margin-left: 0; } .profileHeaderActions { padding: 40px 0 40px 0; margin-left: 0; } .documentArchiveRDLabelTop { margin-top: 0; } } @media screen and (min-width: 1441px) and (max-width: 1920px) { .featuredFullAuthorName { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #75787b; padding: 15px 0 0 40px; } .featuredFullAuthorAffilation { font-family: 'OpenSans', sans-serif; font-size: 13px; font-weight: 300; font-style: italic; color: #75787b; padding: 0 0 0 40px; } .relatedListLinkText { padding: 28px 0 0 15px; } .documentArchiveRDLabelTop { margin-top: 0; } } /* --------------------------------------------------------- */ /* The Media Queries - Footers */ /* --------------------------------------------------------- */ @media screen and (max-width: 480px) { .becomeAMemberFooterLeft { float: left; width: 100%; position: relative; } .becomeAMemberFooterRight { border-left: 2px solid #002855; float: left; margin-top: 5%; padding: 0 3% 3%; width: 0; } .becomeAMemberFooterInfo { background-color: #ffffff; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); margin: 0; width: 100%; position: relative; } .becomeAMemberFooterInfoContent { color: #000000; font-family: "Montserrat",sans-serif; font-size: 18px; font-weight: 300; line-height: 1.25; padding: 50px 15px 0 25px; } .becomeAMemberFooterInfoContent h2 { font-family: 'Montserrat', sans-serif; font-size: 26px; padding: 0 10px 10px 10px; margin-left: 20px; } .becomeAMemberFooterInfoContent li { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 10px 35px 0 5px; margin-left: 0; } .becomeAMemberFooterInfoActions { margin-top: 30px; margin-bottom: 30px; overflow: hidden; padding-bottom: 20px; } .becomeAMemberFooterInfoJoinUs { overflow: hidden; font-family: 'Montserrat', sans-serif; font-size: 18px; width: 122px; border-radius: 4px; background-color: #e87722; color: #FFFFFF; padding: 15px; display: block; text-align: center; } .becomeAMemberFooterInfoLearnMore { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 5%; } } @media screen and (min-width: 481px) and (max-width: 768px) { .becomeAMemberFooterLeft { float: left; width: 100%; position: relative; } .becomeAMemberFooterRight { border-left: 2px solid #002855; float: left; margin-top: 5%; padding: 0 3% 3%; width: 0; } .becomeAMemberFooterInfo { background-color: #ffffff; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); margin: 0; width: 100%; position: relative; } .becomeAMemberFooterInfoContent { color: #000000; font-family: "Montserrat",sans-serif; font-size: 18px; font-weight: 300; line-height: 1.25; padding: 50px 25px 0 25px; } .becomeAMemberFooterInfoContent h2 { font-family: 'Montserrat', sans-serif; font-size: 26px; padding: 0 10px 10px 10px; margin-left: 20px; } .becomeAMemberFooterInfoContent li { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 0 30px 0 10px; margin-left: 50px; } .becomeAMemberFooterInfoActions { margin-top: 30px; margin-bottom: 30px; overflow: hidden; padding-bottom: 20px; } .becomeAMemberFooterInfoJoinUs { overflow: hidden; font-family: 'Montserrat', sans-serif; font-size: 18px; width: 122px; border-radius: 4px; background-color: #e87722; color: #FFFFFF; padding: 15px; display: block; text-align: center; } .becomeAMemberFooterInfoLearnMore { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 5%; } } @media screen and (min-width: 769px) and (max-width: 992px) { .becomeAMemberFooterLeft { width: 100%; float: left; position: relative; } .becomeAMemberFooterRight { border-left: 2px solid #002855; float: left; margin-top: 10%; padding: 0 3% 3%; width: 50%; } .becomeAMemberFooterInfo { background-color: #ffffff; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); margin: 0px; width: 100%; position: relative; } .becomeAMemberFooterInfoContent { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.25; color: #000000; padding: 35px 15px 15px 35px; } .becomeAMemberFooterInfoContent h2 { font-family: 'Montserrat', sans-serif; font-size: 24px; padding: 0 10px 10px 10px; margin-left: 20px; } .becomeAMemberFooterInfoContent li { font-family: 'OpenSans', sans-serif; font-size: 14px; padding: 0 30px 0 10px; margin-left: 20px; } .becomeAMemberFooterInfoActions { margin-top: 10px; overflow: hidden; padding-bottom: 20px; } .becomeAMemberFooterInfoJoinUs { overflow: hidden; font-family: 'Montserrat', sans-serif; font-size: 18px; width: 122px; border-radius: 4px; background-color: #e87722; color: #FFFFFF; padding: 15px; display: block; text-align: center; margin-top: 10px; } .becomeAMemberFooterInfoLearnMore { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 14px; padding: 7%; } } @media screen and (min-width: 993px) and (max-width: 1200px) { .becomeAMemberFooterInfo { background-color: #ffffff; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); margin: 50px 0 0 -50px; width: 50%; position: relative; } .becomeAMemberFooterInfoContent { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.25; color: #000000; padding: 30px 15px 5px 25px; } .becomeAMemberFooterInfoContent h2 { font-family: 'Montserrat', sans-serif; font-size: 24px; padding: 0 10px 10px 10px; margin-left: 20px; } .becomeAMemberFooterInfoContent li { font-family: 'OpenSans', sans-serif; font-size: 14px; padding: 0 40px 0 10px; margin-left: 20px; } .becomeAMemberFooterInfoActions { margin-top: 15px; margin-bottom: 30px; overflow: hidden; padding-bottom: 20px; } .becomeAMemberFooterInfoJoinUs { overflow: hidden; font-family: 'Montserrat', sans-serif; font-size: 18px; width: 122px; border-radius: 4px; background-color: #e87722; color: #FFFFFF; padding: 15px; display: block; text-align: center; } .becomeAMemberFooterInfoLearnMore { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 5%; } } @media screen and (min-width: 1201px) and (max-width: 1440px) { .becomeAMemberFooterInfo { background-color: #ffffff; border-radius: 4px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.09); margin: 50px 0 0 -50px; width: 45%; position: relative; } .becomeAMemberFooterInfoContent { font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 300; line-height: 1.25; color: #000000; padding: 30px 25px 0 25px; } .becomeAMemberFooterInfoContent h2 { font-family: 'Montserrat', sans-serif; font-size: 26px; padding: 0 10px 10px 10px; margin-left: 20px; } .becomeAMemberFooterInfoContent li { font-family: 'OpenSans', sans-serif; font-size: 16px; padding: 0 30px 0 10px; margin-left: 20px; } .becomeAMemberFooterInfoActions { margin-top: 30px; margin-bottom: 30px; overflow: hidden; padding-bottom: 20px; } .becomeAMemberFooterInfoJoinUs { overflow: hidden; font-family: 'Montserrat', sans-serif; font-size: 18px; width: 122px; border-radius: 4px; background-color: #e87722; color: #FFFFFF; padding: 15px; display: block; text-align: center; } .becomeAMemberFooterInfoLearnMore { color: #00b5e2; font-family: "OpenSans",sans-serif; font-size: 16px; padding: 5%; } } @media screen and (min-width: 1441px) and (max-width: 1920px) { } @media screen and (min-width: 1921px) { } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.2/jquery.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script> <script src="https://s3-us-west-2.amazonaws.com/ieeeshutpages/gdpr/settings.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tingle/0.14.0/tingle.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" /> <link rel="stylesheet" type="text/css" href="https://tc.computer.org/tccld/wp-content/themes/technical-committees/vendor/overhang/overhang.min.css" /> <link rel="stylesheet" type="text/css" href="https://tc.computer.org/tccld/wp-content/themes/technical-committees/css/common.css" /> <script> var originUrl = localStorage.getItem('originUrl'); if ( typeof originUrl !== 'undefined' && originUrl !== null ) { localStorage.removeItem('originUrl'); window.location.href = originUrl; } window.addEventListener("load", function(){ window.cookieconsent.initialise(json) }); </script> </head> <body class="page-template-default page page-id-13" data-template="base.twig"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K3LJCN6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <style> .clearBoth { clear: both; } /*.navbar-inverse { background-color: #00629B; }*/ /*.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #00629B; }*/ /*.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #002855; }*/ .dropdown-menu { background-color: #FFFFFF; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #00629B; } /*.navbar-inverse { background-image: none; }*/ .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; } /*.navbar-inverse { border-color: #00629B; }*/ /*.navbar-inverse .navbar-brand { color: #FFFFFF; }*/ /*.navbar-inverse .navbar-brand:hover { color: #EEEEEE; }*/ /*.navbar-inverse .navbar-nav>li>a { color: #FFFFFF; font-size: 16px; }*/ /*.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #EEEEEE; }*/ /*.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF; }*/ /*.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF; }*/ .dropdown-menu>li>a { color: #333333; padding: 10px 15px 5px 15px; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF; } /*.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999; }*/ /*.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF; }*/ /*.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999; }*/ /*.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF; }*/ .siteHeaderContainer { margin: 0; } .siteHeaderTopBar { overflow: hidden; height: 55px; background-color: #0d6797; } .siteHeaderTopBarIEEELogo { float: left; width: 140px; padding: 10px 20px 10px 20px; } .siteHeaderTopBarCSLogo { float: left; width: 140px; padding: 6px 20px 10px 5px; } .siteHeaderTopBarTechActivities { color: #ffffff; float: left; padding: 12px 0 0 20px; } .siteHeaderTopBarTechActivities a { text-decoration: none; color: #ffffff; font-size: 18px; font-weight: 500; } .siteHeaderTopBarLogout { float: right; padding: 15px 15px 0 0; cursor: pointer; } .siteHeaderTopBarLogout a { font-size: 14px; color: #ffffff; } .siteHeaderTopBarLogout a:hover { text-decoration: none; color: #cccccc; } .siteHeaderTopBarSearch { float: right; padding: 12px 60px 0 0; font-size: 18px; color: #ffffff; cursor: pointer; } .siteHeader { overflow: hidden; background-color: #ffffff; } .siteLogo { margin: 0px 0px 0px 10px; } .siteHeaderNav { background-color: #0e254b; } #siteHeaderNavMenu.navbar-default .navbar-brand { color: rgba(14, 37, 75, 1); } #siteHeaderNavMenu.navbar-default { font-size: 16px; background-color: rgba(14, 37, 75, 1); margin-bottom: 0; border: 0; } #siteHeaderNavMenu.navbar-default .navbar-nav>li>a { color: rgba(255, 255, 255, 1); background-color: rgba(14, 37, 75, 1); } #siteHeaderNavMenu.navbar-default .navbar-nav>li>a:hover, #siteHeaderNavMenu.navbar-default .navbar-nav>li>a:focus, #siteHeaderNavMenu.navbar-default .navbar-nav>li>a.active{ color: rgba(255, 255, 255, 1); background-color: rgba(13, 103, 151, 1); } #siteHeaderNavMenu.navbar-default .navbar-nav>.active>a, #siteHeaderNavMenu.navbar-default .navbar-nav>.active>a:hover, #siteHeaderNavMenu.navbar-default .navbar-nav>.active>a:focus { color: rgba(255, 255, 255, 1); background-color: rgba(13, 103, 151, 1); } #siteHeaderNavMenu.navbar-default .navbar-toggle { border-color: #0d6797; } #siteHeaderNavMenu.navbar-default .navbar-toggle:hover, #siteHeaderNavMenu.navbar-default .navbar-toggle:focus { background-color: #0d6797; } #siteHeaderNavMenu.navbar-default .navbar-toggle .icon-bar { background-color: #0d6797; } #siteHeaderNavMenu.navbar-default .navbar-toggle:hover .icon-bar, #siteHeaderNavMenu.navbar-default .navbar-toggle:focus .icon-bar { background-color: #0e254b; } .smallHeaderFont { font-size: 12px; } .dropdown-submenu { position:relative; } .dropdown-submenu>.dropdown-menu { top:0; left:100%; margin-top:-6px; margin-left:-1px; -webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display:block; } .dropdown-submenu>a:after { display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px; } .dropdown-submenu:hover>a:after { border-left-color:#ffffff; } .dropdown-submenu.pull-left { float:none; } .dropdown-submenu.pull-left>.dropdown-menu { left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; } </style> <div class="siteHeaderContainer"> <div class="siteHeaderTopBar"> <div class="siteHeaderTopBarIEEELogo"> <a href="https://www.ieee.org" target="_blank"><img src="/assets/images/logos/IEEE/IEEELogo_100x34.png" alt="ieeeLogo"></a> </div> <div class="siteHeaderTopBarCSLogo"> <a href="https://www.computer.org" target="_blank"><img src="/assets/images/logos/CS/CSLogo-110x38.png" alt="csLogo"></a> </div> <div class="siteHeaderTopBarTechActivities hidden-sm hidden-xs"> <a href="https://www.computer.org/communities/technical-committees" target="_blank">TECHNICAL ACTIVITIES</a> </div> <div class="siteHeaderTopBarSearch"> <div class="asl_w_container asl_w_container_1"> <div id='ajaxsearchlite1' data-id="1" data-instance="1" class="asl_w asl_m asl_m_1 asl_m_1_1"> <div class="probox"> <div class='prosettings' style='display:none;' data-opened=0> <div class='innericon'> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22" height="22" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> <polygon transform = "rotate(90 256 256)" points="142.332,104.886 197.48,50 402.5,256 197.48,462 142.332,407.113 292.727,256 "/> </svg> </div> </div> <div class='proinput'> <form role="search" action='#' autocomplete="off" aria-label="Search form"> <input aria-label="Search input" type='search' class='orig' tabindex="0" name='phrase' placeholder='Search here..' value='' autocomplete="off"/> <input aria-label="Search autocomplete input" type='text' class='autocomplete' tabindex="-1" name='phrase' value='' autocomplete="off" disabled/> <input type='submit' value="Start search" style='width:0; height: 0; visibility: hidden;'> </form> </div> <button class='promagnifier' tabindex="0" aria-label="Search magnifier button"> <span class='innericon' style="display:block;"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22" height="22" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> <path d="M460.355,421.59L353.844,315.078c20.041-27.553,31.885-61.437,31.885-98.037 C385.729,124.934,310.793,50,218.686,50C126.58,50,51.645,124.934,51.645,217.041c0,92.106,74.936,167.041,167.041,167.041 c34.912,0,67.352-10.773,94.184-29.158L419.945,462L460.355,421.59z M100.631,217.041c0-65.096,52.959-118.056,118.055-118.056 c65.098,0,118.057,52.959,118.057,118.056c0,65.096-52.959,118.056-118.057,118.056C153.59,335.097,100.631,282.137,100.631,217.041 z"/> </svg> </span> </button> <div class='proloading'> <div class="asl_loader"><div class="asl_loader-inner asl_simple-circle"></div></div> </div> <div class='proclose'> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="12" height="12" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> <polygon points="438.393,374.595 319.757,255.977 438.378,137.348 374.595,73.607 255.995,192.225 137.375,73.622 73.607,137.352 192.246,255.983 73.622,374.625 137.352,438.393 256.002,319.734 374.652,438.378 "/> </svg> </div> </div> </div> <div class='asl_data_container' style="display:none !important;"> <div class="asl_init_data wpdreams_asl_data_ct" style="display:none !important;" id="asl_init_id_1" data-asl-id="1" data-asl-instance="1" data-asldata="ew0KCSJob21ldXJsIjogImh0dHBzOi8vdGMuY29tcHV0ZXIub3JnL3RjY2xkLyIsDQoJInJlc3VsdHN0eXBlIjogInZlcnRpY2FsIiwNCgkicmVzdWx0c3Bvc2l0aW9uIjogImhvdmVyIiwNCgkiaXRlbXNjb3VudCI6IDQsDQoJImNoYXJjb3VudCI6ICAwLA0KCSJoaWdobGlnaHQiOiAwLA0KCSJoaWdobGlnaHR3aG9sZXdvcmRzIjogMSwNCgkic2luZ2xlSGlnaGxpZ2h0IjogMCwNCgkic2Nyb2xsVG9SZXN1bHRzIjogew0KCQkiZW5hYmxlZCI6IDAsDQoJCSJvZmZzZXQiOiAwDQoJfSwNCgkicmVzdWx0YXJlYWNsaWNrYWJsZSI6IDEsDQoJImF1dG9jb21wbGV0ZSI6IHsNCgkJImVuYWJsZWQiIDogMSwNCgkJImxhbmciIDogImVuIiwNCgkJInRyaWdnZXJfY2hhcmNvdW50IiA6IDANCgl9LA0KCSJtb2JpbGUiOiB7DQoJCSJtZW51X3NlbGVjdG9yIjogIiNtZW51LXRvZ2dsZSINCgl9LA0KCSJ0cmlnZ2VyIjogew0KCQkiY2xpY2siOiAicmVzdWx0c19wYWdlIiwNCgkJImNsaWNrX2xvY2F0aW9uIjogInNhbWUiLA0KCQkidXBkYXRlX2hyZWYiOiAwLA0KCQkicmV0dXJuIjogInJlc3VsdHNfcGFnZSIsDQoJCSJyZXR1cm5fbG9jYXRpb24iOiAic2FtZSIsDQoJCSJmYWNldCI6IDEsDQoJCSJ0eXBlIjogMSwNCgkJInJlZGlyZWN0X3VybCI6ICI/cz17cGhyYXNlfSIsDQoJCSJkZWxheSI6IDMwMA0KCX0sDQogICAgImFuaW1hdGlvbnMiOiB7DQogICAgICAgICJwYyI6IHsNCiAgICAgICAgICAgICJzZXR0aW5ncyI6IHsNCiAgICAgICAgICAgICAgICAiYW5pbSIgOiAiZmFkZWRyb3AiLA0KICAgICAgICAgICAgICAgICJkdXIiICA6IDMwMA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICJyZXN1bHRzIiA6IHsNCgkJCQkiYW5pbSIgOiAiZmFkZWRyb3AiLA0KCQkJCSJkdXIiICA6IDMwMA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICJpdGVtcyIgOiAidm9pZGFuaW0iDQogICAgICAgIH0sDQogICAgICAgICJtb2IiOiB7DQogICAgICAgICAgICAic2V0dGluZ3MiOiB7DQogICAgICAgICAgICAgICAgImFuaW0iIDogImZhZGVkcm9wIiwNCiAgICAgICAgICAgICAgICAiZHVyIiAgOiAzMDANCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICAicmVzdWx0cyIgOiB7DQoJCQkJImFuaW0iIDogImZhZGVkcm9wIiwNCgkJCQkiZHVyIiAgOiAzMDANCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICAiaXRlbXMiIDogInZvaWRhbmltIg0KICAgICAgICB9DQogICAgfSwNCgkiYXV0b3AiOiB7DQoJCSJzdGF0ZSI6ICJkaXNhYmxlZCIsDQoJCSJwaHJhc2UiOiAiIiwNCgkJImNvdW50IjogMQl9LA0KICAgICJyZXNQYWdlIjogew0KICAgICAgICAidXNlQWpheCI6IDAsDQogICAgICAgICJzZWxlY3RvciI6ICIjbWFpbiIsDQogICAgICAgICJ0cmlnZ2VyX3R5cGUiOiAxLA0KICAgICAgICAidHJpZ2dlcl9mYWNldCI6IDEsDQogICAgICAgICJ0cmlnZ2VyX21hZ25pZmllciI6IDAsDQogICAgICAgICJ0cmlnZ2VyX3JldHVybiI6IDAgICAgfSwNCgkicmVzdWx0c1NuYXBUbyI6ICJsZWZ0IiwNCiAgICAicmVzdWx0cyI6IHsNCiAgICAgICAgIndpZHRoIjogImF1dG8iLA0KICAgICAgICAid2lkdGhfdGFibGV0IjogImF1dG8iLA0KICAgICAgICAid2lkdGhfcGhvbmUiOiAiYXV0byINCiAgICB9LA0KCSJzZXR0aW5nc2ltYWdlcG9zIjogInJpZ2h0IiwNCgkiY2xvc2VPbkRvY0NsaWNrIjogMSwNCgkib3ZlcnJpZGV3cGRlZmF1bHQiOiAwLA0KCSJvdmVycmlkZV9tZXRob2QiOiAiZ2V0Ig0KfQ0K"></div> <div id="asl_hidden_data"> <svg style="position:absolute" height="0" width="0"> <filter id="aslblur"> <feGaussianBlur in="SourceGraphic" stdDeviation="4"/> </filter> </svg> <svg style="position:absolute" height="0" width="0"> <filter id="no_aslblur"></filter> </svg> </div> </div> <div id='ajaxsearchliteres1' class='vertical wpdreams_asl_results asl_w asl_r asl_r_1 asl_r_1_1'> <div class="results"> <div class="resdrg"> </div> </div> </div> <div id='__original__ajaxsearchlitesettings1' data-id="1" class="searchsettings wpdreams_asl_settings asl_w asl_s asl_s_1"> <form name='options' aria-label="Search settings form" autocomplete = 'off'> <input type="hidden" name="filters_changed" style="display:none;" value="0"> <input type="hidden" name="filters_initial" style="display:none;" value="1"> <div class="asl_option_inner hiddend"> <input type='hidden' name='qtranslate_lang' id='qtranslate_lang1' value='0'/> </div> <fieldset class="asl_sett_scroll"> <legend style="display: none;">Generic selectors</legend> <div class="asl_option" tabindex="0"> <div class="asl_option_inner"> <input type="checkbox" value="exact" aria-label="Exact matches only" name="asl_gen[]" /> <div class="asl_option_checkbox"></div> </div> <div class="asl_option_label"> Exact matches only </div> </div> <div class="asl_option" tabindex="0"> <div class="asl_option_inner"> <input type="checkbox" value="title" aria-label="Search in title" name="asl_gen[]" checked="checked"/> <div class="asl_option_checkbox"></div> </div> <div class="asl_option_label"> Search in title </div> </div> <div class="asl_option" tabindex="0"> <div class="asl_option_inner"> <input type="checkbox" value="content" aria-label="Search in content" name="asl_gen[]" checked="checked"/> <div class="asl_option_checkbox"></div> </div> <div class="asl_option_label"> Search in content </div> </div> <div class="asl_option_inner hiddend"> <input type="checkbox" value="excerpt" aria-label="Search in excerpt" name="asl_gen[]" checked="checked"/> <div class="asl_option_checkbox"></div> </div> </fieldset> <fieldset class="asl_sett_scroll"> <legend style="display: none;">Post Type Selectors</legend> <div class="asl_option_inner hiddend"> <input type="checkbox" value="post" aria-label="Hidden option, ignore please" name="customset[]" checked="checked"/> </div> <div class="asl_option_inner hiddend"> <input type="checkbox" value="page" aria-label="Hidden option, ignore please" name="customset[]" checked="checked"/> </div> </fieldset> </form> </div> </div> </div> <div class="clearBoth"></div> </div> <div class="siteHeader"> <div class="siteLogo"> <a href="https://tc.computer.org/tccld"><img src="https://tc.computer.org/wp-content/uploads/2019/08/TCCLD-e1566236344182.png" class="img-responsive"/></a> </div> </div> <div class="siteHeaderNav"> <div id="siteHeaderNavMenu" class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#"> </a> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse navbar-menubuilder"> <ul class="nav navbar-nav" id="mainHeaderLinks"> <li><a class="headerLink" href="https://tc.computer.org/tccld/" target="_self">HOME</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle headerLink" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">ABOUT <span class="caret"></span></a> <ul class="dropdown-menu" aria-labelledby="dLabel"> <li><a href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/steering-committee" target="_self">STEERING COMMITTEE</a></li> <li><a href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/standards" target="_self">STANDARDS</a></li> <li><a href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/news" target="_self">NEWS</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle headerLink" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">EVENTS <span class="caret"></span></a> <ul class="dropdown-menu" aria-labelledby="dLabel"> <li><a href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/webinars" target="_self">WEBINARS</a></li> <li><a href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/conferences" target="_self">CONFERENCES</a></li> </ul> </li> <li><a class="headerLink" href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/publications" target="_self">PUBLICATIONS</a></li> <li><a class="headerLink" href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/fog-computing" target="_self">EDGE/FOG COMPUTING</a></li> <li><a class="headerLink" href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/dispersed-computing" target="_self">DISPERSED COMPUTING</a></li> <li><a class="headerLink" href="https://tc.computer.org/tccld/https://tc.computer.org/tccld-demo/awards" target="_self">AWARDS</a></li> <li><a class="headerLink" href="https://www.ieee.org/membership-catalog/productdetail/showProductDetailPage.html?product=CMYCLD746&N=4294925450+4294925448&tcType=Computer%20Society#" style="background-color: #e1722f; margin-left: 20px; margin-right: 20px;" target="_blank">JOIN</a></li> </ul> </div> </div> </div> </div> </div>  <script lang="js"> function adjustMenuFont(){ var headerLinkCount = $('#mainHeaderLinks').children().length; var screenWidth = $( window ).width(); if (headerLinkCount > 10 && screenWidth < 1500) { $('.headerLink').addClass('smallHeaderFont'); } else { $('.headerLink').removeClass('smallHeaderFont'); } } function highlightSelectedSection(){ // Loop over the top level nav links and highlight selected section var pathArray = window.location.pathname.split('/'); var page; switch (pathArray.length) { case 3: page = 'home'; break; default: page = pathArray[pathArray.length - 2]; page = page.replace(/[^A-Z0-9]/ig, ""); } $('#mainHeaderLinks').children('li').each(function(i) { let childrenCount = $(this).children().length; switch(childrenCount){ // When the header link has no sub links/dropdown case 1: let linkText = $(this).children().first().text().toLowerCase().replace(/[^A-Z0-9]/ig, ""); if (linkText == page){ $(this).children().first().addClass('active'); } break; // When the header link contains sub links/dropdown default: $(this).children('ul').children('li').each(function(i) { let sublinkText = $(this).children().first().text().toLowerCase().replace(/[^A-Z0-9]/ig, ""); if (sublinkText == page){ $(this).parent().parent().children().first().addClass('active'); } }); break; } }); } $(function(){ adjustMenuFont(); highlightSelectedSection(); var resizeTimer; $(window).on('resize', function(e) { clearTimeout(resizeTimer); resizeTimer = setTimeout(function() { adjustMenuFont(); }, 20); }); }); </script> <section id="content" role="main" class="content-wrapper mainSite dx-main-content"> <div class="wrapper container-fluid"> <div class="col-xs-12" style="padding-top: 10px; padding-bottom: 10px;"> <div class="col-lg-10 col-lg-offset-1"> <div class="wysiwygContentBlock"><p><strong>IEEE Cloud Computing Steering Committee</strong></p> <p>The IEEE Cloud Steering Committee has leaders from a wide array of societies and organizations across the IEEE, all with interests in the diverse technology of cloud computing. The Steering Committee guides the activities of IEEE Cloud Computing.</p> <hr /> </div> </div> </div> <div class="col-xs-12" style="padding-top: 10px; padding-bottom: 10px;"> <div class="col-lg-10 col-lg-offset-1"> <div class="wysiwygContentBlock"><p> </p> <p><img fetchpriority="high" decoding="async" class="alignleft wp-image-14 " src="https://ieeecs-media.computer.org/tc-media/sites/36/2021/12/21143528/hsu.jpeg" alt="ching-hsien hsu" width="200" height="300" /><strong style="font-size: 16px">Ching-Hsien Hsu, Chair of TCCLD Steering Committee</strong><br /> Chair Professor and Dean, College of Information and Electrical Engineering, Asia University, Taiwan<br /> Professor, Dept. Computer Science and Information Engineering, National Chung Cheng University, Taiwan<br /> Email: <a href="mailto:chh@cs.ccu.edu.tw">chh@cs.ccu.edu.tw</a><br /> Web: <a href="https://www.cs.ccu.edu/tw/~chh/">https://www.cs.ccu.edu/tw/~chh/</a></p> </div> </div> </div> <div class="col-xs-12" style="padding-top: 10px; padding-bottom: 10px;"> <div class="col-lg-10 col-lg-offset-1"> <div class="wysiwygContentBlock"><h2><strong>Vice-Chairs</strong></h2> <p>Martin Gilje Jaatun, SINTEF, Norway<br /> Web: <a href="https://jaatun.no/papers/" target="_blank" rel="noopener">https://jaatun.no/papers/</a><br /> Email: <a href="mailto:martin.g.jaatun@sintef.no">martin.g.jaatun@sintef.no</a></p> <p>Amir Alavi, University of Pittsburgh, USA<br /> Web: <a href="https://www.engineering.pitt.edu/AmirhosseinAlavi/" target="_blank" rel="noopener">https://www.engineering.pitt.edu/AmirhosseinAlavi/</a><br /> Email: <a href="mailto:alavi@pitt.edu">alavi@pitt.edu</a></p> <p>Shangguang Wang, BUPT, China<br /> Web: <a href="http://sguangwang.com/" target="_blank" rel="noopener">http://sguangwang.com/</a><br /> Email: <a href="mailto:sgwang@bupt.edu.cn">sgwang@bupt.edu.cn </a></p> <p>Rajiv Ranjan, Australian National University, Australia<br /> Web: <span lang="EN-GB"><a href="http://www.rajivranjan.net/" target="_blank" rel="noopener">www.Rajivranjan.net</a><br /> </span>Email: <a href="mailto:rranjans@gmail.com">rranjans@gmail.com</a></p> </div> </div> </div> <div class="col-xs-12" style="padding-top: 10px; padding-bottom: 10px;"> <div class="col-lg-10 col-lg-offset-1"> <div class="wysiwygContentBlock"><h2><b>Executive Committee</b></h2> <p><strong>Conferences</strong></p> <p>Xiaochun Cheng, Swansea University, UK<br /> Email: <a href="mailto:xiaochun.cheng@swansea.ac.uk" target="_blank" rel="noopener">xiaochun.cheng@swansea.ac.uk</a></p> <p>Xianghan Zheng, Fuzhou University, China<br /> Email: <a href="mailto:xianghan.zheng@fzu.edu.cn">xianghan.zheng@fzu.edu.cn</a></p> <p><strong>TCCLD Webinars</strong></p> <p>Dr. Bahman Javadi, Western Sydney University, Australia<br /> Web: <a href="https://staff.cdms.westernsydney.edu.au/~bjavadi/" target="_blank" rel="noopener">https://staff.cdms.westernsydney.edu.au/~bjavadi/</a><br /> Email: <a href="mailto:b.javadi@westernsydney.edu.au">b.javadi@westernsydney.edu.au</a></p> <p>Dr. Hojjat Baghban, Chang Gung University, Taiwan<br /> Web: <a href="https://www.linkedin.com/in/hojjat-b-046187203/" target="_blank" rel="noopener">https://www.linkedin.com/in/hojjat-b-046187203/</a><br /> Email: <a href="http://hojjatbaghban.eed06g.nctu.edu.tw">hojjatbaghban.eed06g.nctu.edu.tw</a></p> <p>Dr. Patrizio Dazzi, University of Pisa, Italy, Italy.<br /> Email: <span class="qu" role="gridcell"><span class="go">patrizio.dazzi@unipi.it </span></span></p> <p><strong>Membership Director</strong></p> <p>Dr. Hojjat Baghban, Chang Gung University, Taiwan.<br /> Web: <a href="https://www.linkedin.com/in/hojjat-b-046187203/" target="_blank" rel="noopener">https://www.linkedin.com/in/hojjat-b-046187203/</a><br /> Email: <a href="http://hojjatbaghban.eed06g.nctu.edu.tw">hojjatbaghban.eed06g.nctu.edu.tw</a></p> <p><strong>Publications Editor</strong></p> <p>Xiaochun Cheng, Swansea University, UK<br /> Email: <a href="mailto:xiaochun.cheng@swansea.ac.uk" target="_blank" rel="noopener">xiaochun.cheng@swansea.ac.uk</a></p> <p><strong>Cloud/Edge continuum</strong></p> <p>Dr. Patrizio Dazzi, University of Pisa, Italy.<br /> Email: <span class="qu" role="gridcell"><span class="go">patrizio.dazzi@unipi.it </span></span></p> <p><strong>Social Media (Linkedin, Twitter, Facebook, Instagram)</strong></p> <p>Hussein Shirvani, Jobtick Pty. Ltd, Australia<br /> Web: <span lang="EN-GB"><a href="http://linkedin.com/in/husseinshirvani" target="_blank" rel="noopener">linkedin.com/in/husseinshirvani</a><br /> </span>Email: <a href="mailto:husseinshirvani@gmail.com">husseinshirvani@gmail.com</a></p> <p>Dr. Hojjat Baghban (Linkedin)</p> <p><strong>Webmaster</strong></p> <p>Dr. Hojjat Baghban, Chang Gung University, Taiwan.<br /> Web: Web: <a href="https://www.linkedin.com/in/hojjat-b-046187203/" target="_blank" rel="noopener">https://www.linkedin.com/in/hojjat-b-046187203/</a><br /> Email: <a href="http://hojjatbaghban.eed06g.nctu.edu.tw">hojjatbaghban.eed06g.nctu.edu.tw</a></p> <p><strong>Newsletter</strong></p> <p>Russel Wolff, University of Stavanger, Norway<br /> Email: <a href="mailto:russel.wolff@uis.no">russel.wolff@uis.no</a></p> </div> </div> </div> <div class="col-xs-12" style="padding-top: 10px; padding-bottom: 10px;"> <div class="col-lg-10 col-lg-offset-1"> <div class="wysiwygContentBlock"></div> </div> </div> <div class="col-xs-12" style="padding-top: 10px; padding-bottom: 10px;"> <div class="col-lg-10 col-lg-offset-1"> <div class="wysiwygContentBlock"><h2><strong>Advisory Committee</strong></h2> <p>Prof. Ling Liu, Georgia Institute of Technology, USA<br /> Email: <a href="mailto:lingliu@cc.gatech.edu">lingliu@cc.<span class="SpellE">gatech.</span>e<span class="SpellE">du </span></a></p> <p>Prof. Yuanyuan Yang, Stony Brook University, USA<br /> Email: <a href="mailto:yuanyuan.yang@stonybrook.edu" target="_blank" rel="noopener noreferrer">yuanyuan.yang@stonybrook.edu</a></p> <p>Prof. Christophe Cérin, University of Paris XIII, France<br /> Email: <a href="mailto:c.cerin@computer.org">c.cerin@computer.org</a></p> <p>Prof. Yo-Ping Huang, National Taipei University of Technology, Taiwan<br /> Email: <a href="mailto:yphuang@ntut.edu.tw">yphuang@ntut.edu.tw</a></p> <p>Dr. Mazin Yousif, IEEE Cloud Computing magazine (EIC)<br /> Email: <a href="mailto:mazin@computer.org" target="_blank" rel="noopener">mazin@computer.org</a></p> <p>Doug Zuckerman, IEEE Communications Society<br /> Email: <a href="mailto:w2xd@aol.com">w2xd@aol.com</a></p> <p>Prof. Beniamino Di Martino, <span class="affiliation__name">University of Campania Luigi Vanvitelli, </span><span class="affiliation__address"><span class="affiliation__city">Aversa, </span><span class="affiliation__country">Italy<br /> </span></span><span class="qu" role="gridcell"><span class="go">Email: <a href="mailto:beniamino.dimartino@unina.it">beniamino.dimartino@unina.it </a> </span></span></p> <p>Chris Miyachi, Nuance Communications, USA.<br /> Email: <a href="mailto:chrisyogini@gmail.com">chrisyogini@gmail.com</a></p> <p>Prof. Rajkumar Buyya, The University of Melbourne, Australia.<br /> Email: <a href="mailto:rbuyya@unimelb.edu.au" target="_blank" rel="noopener">rbuyya@unimelb.edu.au</a></p> <p>Irena Bojanova, National Institute of Standards and Technology, USA.<br /> Email: <a href="mailto:irena.bojanova@nist.gov">irena.bojanova@nist.gov </a></p> <p>Tom Coughlin, <span class="auto-style2">IEEE Consumer Electronics Society & Member, and Geographic Activities.</span></p> <p> </p> </div> </div> </div> </div> </section> <footer id="footer"> <div class="footerContainer"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="footerInfo col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> <a href="/sitemap" class="footerInfoLink">Sitemap</a> <a href="https://www.ieee.org/security-privacy.html" target="_blank" class="footerInfoLink">Privacy</a> <a href="https://www.ieee.org/accessibility-statement.html" target="_blank" class="footerInfoLink">Accessibility Statement</a> <a href="https://www.ieee.org/nondiscrimination" target="_blank" class="footerInfoLink">IEEE Nondiscrimination Policy</a> <span class="footerInfoDivider">|</span> <a href="/copyright" class="footerInfoLink">© 2022 IEEE – All rights reserved. </a><br /> <a href="http://www.ieee.org/site_terms_conditions.html" class="footerInfoLink" target="_blank">Use of this website signifies your agreement to the IEEE Terms and Conditions</a> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="footerTagline footerInfoLink col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> A not-for-profit organization, IEEE is the world’s largest technical professional organization dedicated to advancing technology for the benefit of humanity. </div> </div> </div> </footer> <script type="text/javascript" id="wd-asl-ajaxsearchlite-js-before"> /* <![CDATA[ */ window.ASL = typeof window.ASL !== 'undefined' ? window.ASL : {}; window.ASL.wp_rocket_exception = "DOMContentLoaded"; window.ASL.ajaxurl = "https:\/\/tc.computer.org\/tccld\/wp-admin\/admin-ajax.php"; window.ASL.backend_ajaxurl = "https:\/\/tc.computer.org\/tccld\/wp-admin\/admin-ajax.php"; window.ASL.js_scope = "jQuery"; window.ASL.asl_url = "https:\/\/tc.computer.org\/tccld\/wp-content\/plugins\/ajax-search-lite\/"; window.ASL.detect_ajax = 1; window.ASL.media_query = 4768; window.ASL.version = 4768; window.ASL.pageHTML = ""; window.ASL.additional_scripts = [{"handle":"wd-asl-ajaxsearchlite","src":"https:\/\/tc.computer.org\/tccld\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-prereq.js","prereq":[]},{"handle":"wd-asl-ajaxsearchlite-core","src":"https:\/\/tc.computer.org\/tccld\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-core.js","prereq":[]},{"handle":"wd-asl-ajaxsearchlite-vertical","src":"https:\/\/tc.computer.org\/tccld\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-results-vertical.js","prereq":["wd-asl-ajaxsearchlite"]},{"handle":"wd-asl-ajaxsearchlite-autocomplete","src":"https:\/\/tc.computer.org\/tccld\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-autocomplete.js","prereq":["wd-asl-ajaxsearchlite"]},{"handle":"wd-asl-ajaxsearchlite-load","src":"https:\/\/tc.computer.org\/tccld\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-load.js","prereq":["wd-asl-ajaxsearchlite-autocomplete"]}]; window.ASL.script_async_load = false; window.ASL.init_only_in_viewport = true; window.ASL.font_url = "https:\/\/tc.computer.org\/tccld\/wp-content\/plugins\/ajax-search-lite\/css\/fonts\/icons2.woff2"; window.ASL.css_async = false; window.ASL.highlight = {"enabled":false,"data":[]}; window.ASL.analytics = {"method":0,"tracking_id":"","string":"?ajax_search={asl_term}","event":{"focus":{"active":1,"action":"focus","category":"ASL","label":"Input focus","value":"1"},"search_start":{"active":0,"action":"search_start","category":"ASL","label":"Phrase: {phrase}","value":"1"},"search_end":{"active":1,"action":"search_end","category":"ASL","label":"{phrase} | {results_count}","value":"1"},"magnifier":{"active":1,"action":"magnifier","category":"ASL","label":"Magnifier clicked","value":"1"},"return":{"active":1,"action":"return","category":"ASL","label":"Return button pressed","value":"1"},"facet_change":{"active":0,"action":"facet_change","category":"ASL","label":"{option_label} | {option_value}","value":"1"},"result_click":{"active":1,"action":"result_click","category":"ASL","label":"{result_title} | {result_url}","value":"1"}}}; window.ASL_INSTANCES = [];window.ASL_INSTANCES[1] = {"homeurl":"https:\/\/tc.computer.org\/tccld\/","resultstype":"vertical","resultsposition":"hover","itemscount":4,"charcount":0,"highlight":0,"highlightwholewords":1,"singleHighlight":0,"scrollToResults":{"enabled":0,"offset":0},"resultareaclickable":1,"autocomplete":{"enabled":1,"lang":"en","trigger_charcount":0},"mobile":{"menu_selector":"#menu-toggle"},"trigger":{"click":"results_page","click_location":"same","update_href":0,"return":"results_page","return_location":"same","facet":1,"type":1,"redirect_url":"?s={phrase}","delay":300},"animations":{"pc":{"settings":{"anim":"fadedrop","dur":300},"results":{"anim":"fadedrop","dur":300},"items":"voidanim"},"mob":{"settings":{"anim":"fadedrop","dur":300},"results":{"anim":"fadedrop","dur":300},"items":"voidanim"}},"autop":{"state":"disabled","phrase":"","count":1},"resPage":{"useAjax":0,"selector":"#main","trigger_type":1,"trigger_facet":1,"trigger_magnifier":0,"trigger_return":0},"resultsSnapTo":"left","results":{"width":"auto","width_tablet":"auto","width_phone":"auto"},"settingsimagepos":"right","closeOnDocClick":1,"overridewpdefault":0,"override_method":"get"}; /* ]]> */ </script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-prereq.js?ver=4768" id="wd-asl-ajaxsearchlite-js"></script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-core.js?ver=4768" id="wd-asl-ajaxsearchlite-core-js"></script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-results-vertical.js?ver=4768" id="wd-asl-ajaxsearchlite-vertical-js"></script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-autocomplete.js?ver=4768" id="wd-asl-ajaxsearchlite-autocomplete-js"></script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-load.js?ver=4768" id="wd-asl-ajaxsearchlite-load-js"></script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-wrapper.js?ver=4768" id="wd-asl-ajaxsearchlite-wrapper-js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.0/moment-with-locales.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.14/moment-timezone.min.js"></script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/themes/technical-committees/vendor/jquery-card/jquery.card.js"></script> <script type="text/javascript" src="https://tc.computer.org/tccld/wp-content/themes/technical-committees/vendor/overhang/overhang.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script> <script> $(".loginButton").click(function() { localStorage.setItem('originUrl', 'https://tc.computer.org/tccld/tccld/steering-committee/'); window.location = "/tccld/login"; }); $(document).ready(function(){ $('.dropdown-toggle').dropdown(); }); (function(){ var cache = {}; this.tmpl = function tmpl(str, data){ // Figure out if we're getting a template, or if we need to // load the template - and be sure to cache the result. var fn = !/\W/.test(str) ? cache[str] = cache[str] || tmpl(document.getElementById(str).innerHTML) : // Generate a reusable function that will serve as a template // generator (and which will be cached). new Function("obj", "var p=[],print=function(){p.push.apply(p,arguments);};" + // Introduce the data as local variables using with(){} "with(obj){p.push('" + // Convert the template into pure JavaScript str .replace(/[\r\t\n]/g, " ") .split("<%").join("\t") .replace(/((^|%>)[^\t]*)'/g, "$1\r") .replace(/\t=(.*?)%>/g, "',$1,'") .split("\t").join("');") .split("%>").join("p.push('") .split("\r").join("\\'") + "');}return p.join('');"); // Provide some basic currying to the user return data ? fn( data ) : fn; }; })(); </script> </body> </html>

CINXE.COM

Steering Committee - IEEE Computer Society Technical Committee on Cloud Computing - IEEE Computer Society Technical Committee on Cloud Computing