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

<input type="hidden" id="_wpnonce" name="_wpnonce" value="2008960f10" /><input type="hidden" name="_wp_http_referer" value="/tccld/" /> <!doctype html>    <html class="no-js" lang="en-US">  <head> <meta charset="UTF-8" /> <title> Home - 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 TCCLD community provides a forum for members to broaden professional contacts, facilitates information exchange, and stimulates the growth of research, education and industry in cloud computing." /> <link rel="canonical" href="https://tc.computer.org/tccld/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Home - IEEE Computer Society Technical Committee on Cloud Computing" /> <meta property="og:description" content="The TCCLD community provides a forum for members to broaden professional contacts, facilitates information exchange, and stimulates the growth of research, education and industry in cloud computing." /> <meta property="og:url" content="https://tc.computer.org/tccld/" /> <meta property="og:site_name" content="IEEE Computer Society Technical Committee on Cloud Computing" /> <meta property="article:modified_time" content="2023-03-25T05:57:44+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/","url":"https://tc.computer.org/tccld/","name":"Home - IEEE Computer Society Technical Committee on Cloud Computing","isPartOf":{"@id":"https://tc.computer.org/tccld/#website"},"datePublished":"2019-08-20T20:22:42+00:00","dateModified":"2023-03-25T05:57:44+00:00","description":"The TCCLD community provides a forum for members to broaden professional contacts, facilitates information exchange, and stimulates the growth of research, education and industry in cloud computing.","breadcrumb":{"@id":"https://tc.computer.org/tccld/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://tc.computer.org/tccld/"]}]},{"@type":"BreadcrumbList","@id":"https://tc.computer.org/tccld/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@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>  <link rel="alternate" type="application/rss+xml" title="IEEE Computer Society Technical Committee on Cloud Computing » Home Comments Feed" href="https://tc.computer.org/tccld/home/feed/" /> <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/2" /><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/' /> <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%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%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="home page-template-default page page-id-2" 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"><h2>Welcome to the IEEE Technical Community on Cloud Computing (TCCLD), promoting research, education and industry in cloud computing.</h2> <p>The IEEE Technical Committee on Cloud Computing (TCCLD) has transitioned from an initiative under IEEE Future Directions to be operational under the Computer Society (CS), keeping the IEEE participating societies involved. The community provides a forum for members to broaden professional contacts, facilitates information exchange, and stimulates the growth of research, education and industry in cloud computing. TCCLD promotes and sponsors upcoming and prominent conferences as well as competitions, and contributes to outreach to researchers in different regions through our technical committee. Issues related to the design and implementation of cloud systems and solutions are of interest, as are cloud solutions in a broader sense. Technical areas include, but are not limited to, cloud computing infrastructure; cloud systems; interoperability with fog/edge systems, services and applications; cloud security; cloud standards; big data on clouds; mobile cloud; cloud communications; cloud applications; business and management; IoT on clouds; and sustainable clouds. The activities include blogs, podcasts, and social media such as LinkedIn, Twitter, Facebook and Flipboard. Publications such as IEEE Transactions on Cloud Computing (TCC) and IEEE Cloud Magazine are part of the community, as spin-offs under the IEEE Cloud Computing Initiative.</p> </div> </div> </div> <div class="col-xs-12" style="padding-top: 10px; padding-bottom: 10px;"> <div class="col-lg-5 col-lg-offset-1"> <div class="wysiwygContentBlock"><h3>Announcements</h3> <h4><strong>2022 IEEE TCCLD Awardees:</strong></h4> <ul> <li>TCCLD Impact <ul> <li>Keqin Li, State University of New York, USA.</li> </ul> </li> </ul> <ul> <li>TCCLD Rising Star <ul> <li> Zehui Xiong, Singapore University of Technology and Design, Singapore .</li> </ul> </li> <li>TCCLD Outstanding Ph.D. Thesis <ul> <li>Mohammad Goudarzi, University of Melbourne, Australia.</li> <li> Chuntao Ding, Beijing Jiaotong University, China.</li> </ul> </li> <li>TCCLD Women in Cloud Computing <ul> <li>Bhavani Thuraisingham, University of Texas at Dallas, USA.</li> </ul> </li> </ul> <h4><strong>Call For Nominations: </strong><strong>2022 IEEE TCCLD Award</strong></h4> <p>TCCLD Awards outstanding members of the Cloud Computing community in a number of categories, including research, service, and leadership, among others.</p> <ul> <li><b>TCCLD Outstanding Ph.D. Thesis Award.</b></li> <li><b>TCCLD Rising Star Award.<br /> </b></li> <li><b>TCCLD Research Innovation Award.<br /> </b></li> <li><b>TCCLD Outstanding Leadership Award.<br /> </b></li> <li><b>TCCLD Outstanding Service Award.<br /> </b></li> <li><b>TCCLD Women in Cloud Computing Award.<br /> </b></li> <li><b>TCCLD Research Impact Award.</b></li> </ul> <p>For more details please visit the <a href="https://tc.computer.org/tccld/awards/">IEEE TCCLD Award</a> Section.</p> </div> </div> <div class="col-lg-5"> <div class="wysiwygContentBlock"><p>Join Us on Social Media!</p> <p><a href="https://www.facebook.com/ieeecloudcomputing/"> </a><a href="https://www.facebook.com/ieeecloudcomputing/" target="_blank" rel="noopener"><img decoding="async" class="alignnone wp-image-27" src="https://ieeecs-media.computer.org/tc-media/sites/36/2021/12/21170831/facebook.png" alt="facebook link" width="50" height="50" /></a><a href="https://www.linkedin.com/in/ieee-cloud-computing-566a2853"> </a><a href="https://www.linkedin.com/in/ieee-cloud-computing-566a2853" target="_blank" rel="noopener"><img decoding="async" class="alignnone wp-image-29" src="https://ieeecs-media.computer.org/tc-media/sites/36/2021/12/21170904/linkedin.png" alt="" width="50" height="50" /> </a><a href="https://www.instagram.com/ieeecloud/" target="_blank" rel="noopener"><img decoding="async" class="alignnone wp-image-30" src="https://ieeecs-media.computer.org/tc-media/sites/36/2021/12/21171117/instagram.png" alt="" width="50" height="50" /></a> <a href="https://twitter.com/ieeecloud" target="_blank" rel="noopener"><img loading="lazy" decoding="async" class="alignnone wp-image-31" src="https://ieeecs-media.computer.org/tc-media/sites/36/2021/12/21171342/twitter.png" alt="" width="50" height="50" /></a></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/'); 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

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