/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} html, body {font-size:100%; font-family:'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 auto; was:100%/1.5em; background-color: #fff; color: #222; -webkit-text-size-adjust: none; font-weight:400; -webkit-font-smoothing: antialiased; border:none;} body {width:100%; height:100%;} h1 {margin:0 0 10px 0; letter-spacing:-.02em; line-height:104%;} h2 {margin:4px 0 12px 0; font: 140%/1.3em 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 auto; background-color:transparent; color:#217ac6; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; letter-spacing:-.02em;} h3, h4 {margin:8px 0 12px 0; font: 100%/1.0em 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 auto; background-color:transparent; color:#900; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased;} a {color: #0076dc; text-decoration: none;} a:hover {color: #C00; was:#0055CC; text-decoration:none; } .btn-danger a {color:#FFF !important;} div.btn-danger a {color:#FFF;} .hidden-summary {display:none; visibility:hidden;} .pad1 {height:1px;} .pad2 {height:2px;} .pad4 {height:4px;} .pad6 {height:6px;} .pad8 {height:8px;} .pad10 {height:10px; clear:left; } .pad12 {height:12px; clear:left; } .pad14 {height:14px; clear:left; } .pad16 {height:16px; clear:left; } .pad18 {height:18px; clear:left; } .pad20 {height:20px; clear:left; } .pad24 {height:24px; clear:left; } .pad30 {height:30px; clear:left; } .pad36 {height:36px; clear:left; } .pad40 {height:40px; clear:left; } .no-padding {padding:0px !important; margin:0px !important;} .no-left-padding {padding:0px !important; margin:0px !important;} .no-padleft {padding-left:0px !important; padding-right:10px; margin:0;} .less-padleft {padding-left:0px !important; padding-right:10px; margin:0;} .pad-right {padding:0 8px 0 0 !important; margin:0 0 0 0 !important;} .break {height:1px; clear:both; margin-bottom:-1px; line-height:90%;} .vertical-space-40 {height:40px;} .vertical-space-60 {height:60px;} .vertical-space-80 {height:80px;} .vertical-space-100 {height:100px;} .vertical-space-120 {height:120px;} .vertical-space-180 {height:180px;} .vertical-space-240 {height:240px;} .line {margin-top:6px; border-top:1px dotted #F90; padding:0px; margin-bottom:-6px; clear:left;} html>body .line {margin-top:6px; border-top:1px dotted #F90; padding:0px; margin-bottom:4px;} table strong {color:#444 !important;} #pc-button {padding:10px; font-size:110%; width:40%; min-width:280px; margin-bottom:20px;} /* Product Styles */ #prod-col {padding:0 15px 10px 0;} #prod-col .news-image {margin-right:10px !important; overflow:hidden; width:100%;} #prod-col .prod-summary {font-size:80% !important; line-height:125%; padding-right:8px;} #topic .img-responsive {max-width:100%; width:100%; height:auto;} #topic .topic-topstoryimage img {width:100%; height:auto; margin:0 0 8px 0;} #topic .topic-topstorytitle {font-size:135%; line-height:120%;} #topic .topic-topstorydesc {font-size:90%; color:#666; line-height:120%;} #topic .topic-companydesc {font-size:80%; color:#666; line-height:116%; padding-left:136px;} #topic .ressmimage {float:left; width:170px; height:auto; margin:0 14px 8px 0; display:block; overflow:hidden; object-fit:cover; padding:0; moz-box-shadow:0 2px 5px #666; -webkit-box-shadow:0 2px 5px #666; box-shadow:0 2px 5px #666;} #topic .ressmimage img {width:100%; height:auto; display:block;} #topic .smhead {margin:0 0 4px 0; line-height:115%;} #topic .topic-smalllogo {max-width:156px; width:38%; min-width:100px; max-height:64px; float:left; margin:0 10px 4px -4px;} #topic .topic-smalllogo img {width:100%; height:auto;} #topic .comp-column {width:336px; margin:0 -20px 0 -20px;} #topic .res-column {padding-right:20px;} /* Header */ header {margin-top:10px;} .title {font-size: 3.2em;line-height: 1em;margin: 0 0 15px;color:#CD0003;font-weight: 400;} .logo {width:300px; height:106px; border:0px; margin:0 0 0 -6px;} .logo img {width:100%; height:auto;} .heading {color: #c5381f ;font-size:65%; margin:-18px 0 -6px 6px; z-index:10; letter-spacing:.02em;} /* Hamburger */ #panel {margin:-6px 0 0 0 !important; border:none !important;} .btn-hamburger {border: none; position: absolute; left: 12px; outline:none; z-index:10 !important; background: url('https://scg-de.s3.amazonaws.com/assets/menu.png') no-repeat center; width: 40px; height: 64px;} /* Primary Navigation */ .navbar-de {padding:0px; margin:-5px -12px -15px -15px;} .navbar-form .nav-search {width:120px;} .navbar-nav>li>a {color:#333; padding:8px; font-family:Roboto, Verdana, Geneva, sans-serif; font-weight:400; font-size:110%;} .navbar-right {margin-top:10px;} .navbar-right li > a {color:#888;} .navbar-right li > a:hover {background:transparent; color:#C00;} /* Primary Mega Menu */ #des, #sim, #pro, #tes, #plm, #com, #iot {margin-top:0px; width:98%;} .nav-mega {width: 100%; position:absolute; padding-right:40px;} .nav-mega .dropdown {position: static; margin-right:6px;} .nav-mega .dropdown-menu.mega-menu {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-moz-border-radius-topleft: 0;-webkit-border-top-left-radius: 0;border-top-left-radius: 0;-moz-border-radius-topright: 0;-webkit-border-top-right-radius: 0;border-top-right-radius: 0;min-width: auto;width: 100%;margin-top: 0;padding: 0;border-color: #ccc; } .nav-mega .dropdown-menu.mega-menu > li {padding: 20px;} .nav-mega .dropdown-menu.mega-menu .media-list .media {padding: 10px;font-size: 13px;} .nav-mega .dropdown-menu.mega-menu .media-list .media-heading {font-size: 16px;} .nav-mega .dropdown-menu ul {margin: 0 0 0 -40px;} .nav-mega .dropdown-menu li {display:block; font-size:0.94rem; padding:3px 0px; line-height:110%;} .nav-mega .dropdown-menu .nav-header {margin-bottom:8px; display:block; width:100%; border-bottom:1px dotted #ddd; color:#999; font-size:70%; text-transform:uppercase;} .nav-mega .dropdown-menu {padding-top: 6px; padding-right:10px; border-radius: 0; margin-top: 0px;} .nav-mega .dropdown .navhead {margin:8px 0 14px 10px; font-family:'Merriweather', Georgia, "Times New Roman", Times, serif; font-size:24pt; line-height:100%; color:#999;} .nav-mega .smimage {float:left; width:136px; height:auto; margin:0 14px 8px 0; display:block; overflow:hidden; object-fit:cover; padding:0; moz-box-shadow:0 2px 5px #666; -webkit-box-shadow:0 2px 5px #666; box-shadow:0 2px 5px #666;} .nav-mega .smimage img {width:100%; height:auto; display:block;} .nav-mega .lgimage {float:none; width:100%; max-height:200px; margin:0 20px 0 0; display:block; overflow:hidden; object-fit:cover; border:1px solid #EEE;} .nav-mega .lgimage img {width:100%; height:auto;} .nav-mega .smhead {margin:0 0 4px 0; line-height:115%;} .nav-mega .smdesc {font-size:88%; line-height:116%; color:#666;} .dropdown-menu .col-md-2 {width:14%;} .dropdown-menu .col-md-3 {padding:8px 10px 10px 10px; margin:-8px 0 -6px 0; height:100%; display:block; min-height:300px;} .dropdown-menu .col-md-4 {padding:8px 10px 10px 10px; margin:-8px 0px -6px 0; height:100%; display:block; min-height:300px;} .dropdown-menu .col-md-3:hover, .dropdown-menu .col-md-4:hover {background-color:#f3f4f5; border-radius:4px; } /* Hover style ********************************/ .navbar .nav > li > a, .mega-menu a { -webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease; /* -webkit-transform: translate3d(0, 0, 0); Webkit Hardware Acceleration*/-webkit-backface-visibility: hidden; /* Safari Flicker Fix #2 */-webkit-transform: translateZ(0);} /* Menu */ .menu {background-color: #1D1F20;background-image: linear-gradient(145deg, #1D1F20, #404348); background: -moz-linear-gradient(0deg, rgba(61,61,61,1) 0%, rgba(15,15,15,1) 97%, rgba(219,219,219,1) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(61,61,61,1)), color-stop(97%, rgba(15,15,15,1)), color-stop(100%, rgba(219,219,219,1))); /* safari4+,chrome */ background: -webkit-linear-gradient(0deg, rgba(61,61,61,1) 0%, rgba(15,15,15,1) 97%, rgba(219,219,219,1) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(0deg, rgba(61,61,61,1) 0%, rgba(15,15,15,1) 97%, rgba(219,219,219,1) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(0deg, rgba(61,61,61,1) 0%, rgba(15,15,15,1) 97%, rgba(219,219,219,1) 100%); /* ie10+ */ background: linear-gradient(90deg, rgba(61,61,61,1) 0%, rgba(15,15,15,1) 97%, rgba(219,219,219,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D3D3D', endColorstr='#DBDBDB',GradientType=1 ); /* ie6-9 */} .menu a {color: #fff;} .menu-header {border-bottom: 1px dotted #2a2d2f; padding: 12px; margin-right:10px;} .menu-header-title {font-weight:400; letter-spacing: 0.5px; margin: 0;} .menu-section {margin: 4px 0; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight:300;} .menu-section-title {text-transform:none; color: #CCC; font-weight: 300; font-size:20px; letter-spacing:.02em; padding: 0 10px; margin:18px 0 0 0; width:100%; background-color:transparent !important; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight:500;} .menu-section-title a:hover, .menu-section-list a:hover, .menu-header-title a:hover {text-decoration:none; width:100%; color:#FF4649; text-shadow: 2px 2px 5px #000; background-color:transparent !important;} .menu-section-list {padding:0; margin: 6px 0px 6px 6px; list-style:none; font-size:16px; color:#AAA; width:100%;} .menu-section-list a {display: block;padding: 4px 6px 0px 6px; color:#CCC;} /* Slideout Navigation */ .slideout .menu a {color: #fff; background-color:transparent !important;} .slideout-menu {position: fixed; top: 0; bottom: 0; width: 256px; min-height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 0; display: none;} .slideout-menu-left {left: 0;} .slideout-menu-right {right: 0;} .slideout-panel {position: relative; z-index: 1; will-change: transform; background-color: #FFF; /* A background-color is required */ min-height: 100%;} .slideout-open, .slideout-open body, .slideout-open .slideout-panel {overflow: hidden;} .slideout-open .slideout-menu {display: block;} [placeholder]:focus::-webkit-input-placeholder {transition: opacity 0.5s 0.5s ease;opacity: 0;} [placeholder]:focus::-input-placeholder {transition: opacity 0.5s 0.5s ease;opacity: 0;} [placeholder]:focus::-mozilla-input-placeholder {transition: opacity 0.5s 0.5s ease;opacity: 0;} ::-webkit-input-placeholder {color:#333;} ::-moz-placeholder { /* older Firefox*/ color:#333;} ::-moz-placeholder { /* Firefox 19+ */ color:#333;} ::-ms-input-placeholder {color:#333;} /* search box */ .search-right {float:right; width:540px; margin:10px -36px 0 0; } .search-right .col-1 {float:left; width:auto; color:#C33; min-height:42px; font-size:140%; padding:0 6px 0 0px;} .search-right .col-1 a, .search-right .col-1 a:visited, .search-right .col-2 a, .search-right .col-2 a:visited, .search-right .col-3 a, .search-right .col-3 a:visited {color:#C33;} .search-right .col-1 a:hover, .search-right .col-1 a:hover, .search-right .col-2 a:hover, .search-right .col-2 a:hover, .search-right .col-3 a:hover, .search-right .col-3 a:hover {color:#F99;} .search-right .col-2 {float:left; width:43%; padding-left:10px; color:#C33; min-height:42px; font-size:75%; line-height: 130%; border-left:1px dotted #C33;} .search-right .col-3 {float:left; width:31%; padding-left:10px; color:#C33; min-height:42px; font-size:75%; line-height: 130%; border-left:1px dotted #C33;} .inner-addon {position: relative;} .inner-addon .glyphicon {position:absolute; padding:10px; pointer-events:none; color:#999;} .left-addon .glyphicon {left:0px;} .right-addon .glyphicon {right:0px;} .left-addon input {padding-left:30px;}ide .right-addon input {padding-right:0px;} /* Podcast Styles */ #podcast.container {min-height:320px !important;} .pc-container {background-color:#c7e3ff; margin:4px -20px 20px 0; padding:8px 10px 12px 10px; xmin-height:276px; color:#474e51; font-size:88%; line-height:120%; border-radius: 4px; background: rgb(199,227,255); background: linear-gradient(180deg, rgba(199,227,255,1) 0%, rgba(199,227,255,0.41360294117647056) 83%); } .pc-col-1 {float:left; width:50%; padding:0 10px 0 0; xmin-height:266px; align:left;} .pc-col-2 {float:left; width:25%; padding:0 10px 0 10px; border-left:2px dotted #FFF; xmin-height:266px;} .pc-col-3 {float:left; width:25%; padding:0 0 0 10px; border-left:2px dotted #FFF; xmin-height:266px;} .pc-container h2 {font-size:110%; color:#000; font-weight:600 !important; letter-spacing:0; margin:0 0 10px 0;} .pc-container .blue {color:#0066CC;} .pc-container ul.small {font-size:92%; line-height:130% !important;} .pc-container ul.small li {margin-bottom:2px;} .pc-container ul {list-style: none; padding-left:0;} .pc-container li {list-style: none; padding-left:0; margin:0 0 6px 0px;} .pc-image-width {width:60%;} #huge-button {padding:10px; font-size:110%; width:40%; min-width:280px;} #huge-button i {font-style:normal !important;} #pc-button {padding:10px; font-size:110%; width:40%; min-width:280px; margin-bottom:20px;} #pc-button i {font-style:normal !important;} .pc-left {width:42%;} .pc-right {width:58%;} .pc-topic-right {float:right; padding:0 20px 20px 30px; margin:0 -15px 30px 30px; background-color:#EEEEEE; border-radius: 4px; border:1px solid #dadada;} .pc-topic-right img {margin-left:-30px;} img.pc-left {max-width:280px; float:left;} #article .blue {color:#0066CC !important;} #site-header .col-lg-7 {width:60%;} .channel-news-resources li {font-size:94%; margin-bottom:9px; line-height:118%;} audio {width:46%; min-width: 600px; xbox-shadow: 3px 3px 8px rgba(0,0, 0, 0.4); border-radius:10px; xmargin:-10px 0 20px 30px; transform: scale(1.25); xbackground-color:#FFFFFF; position:fixed; bottom:36px; z-index:10000; height:50px; padding:10px 10px 10px 4.5%;} .audio-closer a {z-index:10000; margin:0 0 10px -2px; position:fixed; bottom:60px; text-decoration:none; font-size:160%; color:#000; xbackground-color:#FFF; opacity:30%; padding:0 10px 8px 10px;} .audio-closer a:hover {color:#900; border-radius:2px;} #mp3div {margin-left:40px;} .mp3-photo-credit {font-size:9px; height:14px; color:#666; padding:0px 2px; margin:-6px 0 4px 0px; transform:rotate(270deg); transform-origin:left; float:left;} .mp3-photo {max-height: 250px; xbackground-color:#b1ceea; overflow:hidden; margin-left:2px;} .pc-col-2, .pc-col-3 {min-height:280px !important;} audio::-internal-media-controls-download-button {display:none;} audio::-webkit-media-controls-enclosure {overflow:hidden;} audio::-webkit-media-controls-panel {width: calc(100% + 48px);} /* Archive Styles */ #archive-gradient {min-height:420px; padding:0 0 20px 0; margin-bottom:20px; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,230,230,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(230,230,230,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,230,230,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,230,230,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,230,230,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,230,230,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );} #archive .archive-image-large {max-width:292px; width:50%; height:auto; float:left; margin:0 20px 6px 0; moz-box-shadow:1px 2px 3px #666; -webkit-box-shadow:1px 2px 3px #666; box-shadow:1px 2px 3px #666;} #archive .archive-image-large img {width:100%; height:auto; display:block; } #archive .archive-title-large {font-size:180%; line-height:105%; margin-bottom:10px; max-width:900px;} #archive .archive-desc-large {font-size:140%; line-height:120%; max-width:900px;} #archive .archive-date-large {background-color:#C00; padding:6px 14px; display:inline-block; color:#FFF; margin:0 0 10px 0;} #archive .archive-inside {color:#999; font-family:font-family:'Merriweather', Georgia, "Times New Roman", Times, serif; font-size:12pt;} #archive .archive-image {max-width:192px; width:40%; height:auto; float:left; margin:0 16px 6px 0; min-width:120px; moz-box-shadow:1px 2px 3px #666; -webkit-box-shadow:1px 2px 3px #666; box-shadow:1px 2px 3px #666;} #archive .archive-image img {width:100%; height:auto; display:block; } #archive .archive-title {font-size:120%; line-height:105%; margin-bottom:6px; max-width:500px;} #archive .archive-desc {font-size:90%; line-height:120%; color:#666; max-width:500px;} #archive .archive-date {background-color:#C00; padding:3px 6px; display:inline-block; color:#FFF; margin:0 0 10px 0; font-size:80%;} #archive .cards {min-height:300px; background-color:#EEE; padding:12px 14px; margin-bottom:30px;} #archive .archive-image-large:hover {transform: scale(1.02); margin:2px 20px 4px 0; transition-timing-function: ease; transition: 0.2s; moz-box-shadow:1px 4px 5px #666; -webkit-box-shadow:1px 4px 5px #666; box-shadow:1px 4px 5px #666;} #archive .archive-image:hover {transform: scale(1.02); margin:2px 16px 4px 0; transition-timing-function: ease; transition: 0.2s; moz-box-shadow:1px 4px 5px #666; -webkit-box-shadow:1px 4px 5px #666; box-shadow:1px 4px 5px #666;} .top-story-title {line-height:120%;} /* Home Styles */ #gradient {padding-top:10px; min-height:240px; background: rgba(238,238,238,1); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(50%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1))); border-top:1px solid #FFF; background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(254,254,254,1) 50%, rgba(254,254,254,1) 100%); background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(254,254,254,1) 50%, rgba(254,254,254,1) 100%); background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(254,254,254,1) 50%, rgba(254,254,254,1) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(254,254,254,1) 50%, rgba(254,254,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fefefe', GradientType=0 );} #gray {padding-top:10px; min-height:280px; background-color:#DDD; border-top:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF;} #home h2.home-sections {font-weight:400; font-size:190%; margin:0 0 2px 0; letter-spacing:-.02em; color:#111;} #home h2.company-name {font-weight:400; font-size:150%; margin:0 0 2px 0; letter-spacing:-.02em; color:#111;} #home #new-editors-picks {background-color:#c3cfda; margin:4px 0 20px 0; padding:8px 10px 12px 10px; min-height:276px; color:#333; font-size:88%; line-height:120%; background: rgb(195,207,218); background: linear-gradient(180deg, rgba(195,207,218,1) 0%, rgba(195,207,218,0.5) 85%);} #home .more {text-align:right; margin-top:10px;} #home .reviews-expand {} #home .reviews-shrink {} #home .download-cover {width:97%; height:auto; max-height:400px; max-width:300px; padding:0; margin:4px 10px 12px 0px; moz-box-shadow:1px 2px 4px #666; -webkit-box-shadow:1px 2px 4px #666; box-shadow:1px 2px 4px #666;} #home .download-cover:hover {transform: scale(1.02); transition-timing-function: ease; transition: 0.3s; moz-box-shadow:2px 4px 10px #666; -webkit-box-shadow:2px 4px 10px #666; box-shadow:2px 4px 10px #666;} #home .download-cover-lrg {width:96%; height:auto; max-height:470px; max-width:336px; padding:0; margin:4px 10px 12px 0px; moz-box-shadow:1px 2px 4px #666; -webkit-box-shadow:1px 2px 4px #666; box-shadow:1px 2px 4px #666;} #home .download-cover-lrg:hover {transform: scale(1.02); transition-timing-function: ease; transition: 0.3s; moz-box-shadow:2px 4px 10px #666; -webkit-box-shadow:2px 4px 10px #666; box-shadow:2px 4px 10px #666;} #home .download-cover-small {width:95%; height:auto; max-height:220px; max-width:300px; padding:0; margin:4px 16px 12px 0px; moz-box-shadow:1px 2px 4px #666; -webkit-box-shadow:1px 2px 4px #666; box-shadow:1px 2px 4px #666;} #home .download-cover-small:hover {transform: scale(1.02); transition-timing-function: ease; transition: 0.3s; moz-box-shadow:2px 4px 10px #666; -webkit-box-shadow:2px 4px 10px #666; box-shadow:2px 4px 10px #666;} #home .feature-cover {width:100%; height:auto; max-height:280px; max-width:340px; padding:0; margin:4px 0px 12px 0px;} #home .feature-cover:hover {transform: scale(1.02); transition-timing-function: ease; transition: 0.3s; moz-box-shadow:1px 2px 4px #666; -webkit-box-shadow:1px 2px 4px #666; box-shadow:1px 2px 4px #666;} #home .profile-image {width:100%; height:auto; max-height:200px; max-width:120px; padding:0; margin:8px 12px 10px 0px; float:left; moz-box-shadow:1px 2px 3px #666; -webkit-box-shadow:1px 2px 3px #666; box-shadow:1px 2px 3px #666;} #home .profile-image:hover {transform: scale(1.02); transition-timing-function: ease; transition: 0.3s; moz-box-shadow:2px 3px 4px #666; -webkit-box-shadow:2px 3px 4px #666; box-shadow:2px 3px 4px #666;} #home .download-head {font-size:120% !important; line-height:114%;} #home .download-summary {font-size:90%; line-height:120%; margin:4px 0 10px 0; color:#666;} #home .product-image {width:100%; height:auto; max-height:250px; max-width:468px; padding:0; margin:4px 0px 12px 0px;} #home .product-image:hover {transform: scale(1.02); transition-timing-function: ease; transition: 0.3s; moz-box-shadow:1px 2px 4px #666; -webkit-box-shadow:1px 2px 4px #666; box-shadow:1px 2px 4px #666;} #home .company-wide-image {width:100%; height:auto; max-height:250px; max-width:740px; padding:0; margin:4px 0px 12px 0px;} #home .company-wide-image:hover {transform: scale(1.02); transition-timing-function: ease; transition: 0.3s; moz-box-shadow:1px 2px 4px #666; -webkit-box-shadow:1px 2px 4px #666; box-shadow:1px 2px 4px #666;} #home .news-head {font-size:108%; line-height:118%; margin-bottom:2px;} #home .news-summary {font-size:95%; color:#555; line-height:118%; margin-bottom:6px;} #home .alert-summary {font-size:90%; color:#333; line-height:120%; margin-bottom:6px;} #home .alert-logo {width:40%; min-width:220px; float:left; margin:0 4px 0 0; xborder:1px dotted #DDD;} #home .alert-text {width:58%; min-width:220px; display:inline-block; float:left; xborder:1px dotted #DDD; margin:0; padding:3% 0 20px 0;} #home .archive-summary {font-size:90%; color:#666; line-height:118%; margin-bottom:8px;} .magazine-archive {} .newswire-box {background-color:#FFF; font-family:'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:12pt; line-height:120%; display:block; margin:18px 10px 0 -4px; padding:0 0 20px 0px; float:left;} .newswire-box h2 {font-size:20pt; margin-bottom:6px; color:#333;} #blue-gray {padding-top:20px; min-height:600px; background-color:#c9d5d9;} #glossary-bg {padding-top:20px; min-height:400px; background-color:#FFF;} #new-gradient-bg {padding-top:20px; min-height:400px; background-color:#EEEEEE; background: -webkit-linear-gradient(180deg, rgb(228, 230, 233), rgb(255, 255, 255)); background: linear-gradient(180deg, rgb(228, 230, 233), rgb(255, 255, 255));} #white-bg {padding-top:10px; min-height:800px; background-color:#FFF;} #white-bg-short {padding-top:10px; min-height:200px; background-color:#FFF; border-top:#91d9f1 1px dotted;} #home h2 {font-weight:400; font-size:190%; margin:0 0 2px 0; letter-spacing:-.02em;} #home h2 .fa {font-size:90%;} #home h4 {color:#900; font-weight:300; font-size:100%; margin-top:6px 0 6px 0; padding:0px; /*font-weight:400; font-size:14px; margin:6px 0 6px 0; color:#666;*/} #home .home-right {border-left:1px dotted #91d9f1; padding-left:24px; margin:-6px -40px -10px 0px;} #home .home-left {padding-right:24px;} #home .line {margin:4px 0 6px 0; border-top:1px dotted #AAA;} #home .reddots {margin-top:16px; border-top:1px dotted #CC1133; padding:0px; margin-bottom:2px;} #home .description {margin:0 0 10px 0; color:#666; font-size:98%; line-height:126%; letter-spacing:0; padding:0 12px 0 0;} #home .title {margin:0 0 6px 0; color:#666; font-size:98%; line-height:126%; letter-spacing:0; padding:0 12px 0 0;} #home .title .fa {font-size:98%; line-height:80%;} #home .sponsor-right {float:right; width:40%; margin-top:-20px; height:30px; text-align:right;} #home .sponsor-right img {width:auto; max-height:30px; display:block; object-fit:contain; } #home .sponsor-right .sponsor-text {color:#888; text-transform:uppercase; letter-spacing:.05em; font-size:8px; margin:10px 0 2px 0;} #home #glossary-book {font-size:38pt; float:left; margin:-28px 10px -10px 0; color:#C00;} #home .author-box {width:19%; margin:0 1% 6px 0; background-color:transparent; float:left; min-width:96px; min-height:120px; overflow:hidden;} #home .author-box img {object-fit:cover;} #home .mag-archive {background-color:#a1b7be; color:#3c535a; width:100%; padding:8px; float:left; font-size:14px; line-height:120%; margin-bottom:16px;} #home .mag-archive img {width:100% !important; height:auto;} #home .mag-archive a {color:#09C;} #home .mag-button {background-color:#C03; color:#FFF; border-radius:4px; padding:6px 10px 8px 12px; margin:10px 0 6px 0;font-size: 11pt; } #home .mag-button:hover {background-color:#F00;} #home .mag-button a {color:#FFF;} #home .ad-right {float:right; width:300px; margin:6px 0px 6px 0; } #home ol.carousel-indicators {color:#DDD !important; xborder:1px solid #ccc; margin:10px 0 -20px 0; width:100% !important; position:relative !important; left:0% !important;} #home .carousel-indicators li {border: 1px solid #CCC;} #home .top-carousel {min-height:500px; padding-right:14px;} #home .top-carousel h3 {font-size:92%; margin-bottom:6px;} #home .new-top-carousel {min-height:440px; padding-right:14px; margin-right:6px;} #home .new-top-carousel h3 {font-size:92%; margin-bottom:6px;} #home .top-wide-image {object-fit:cover; overflow:hidden; border-bottom:1px solid #DDD; max-height:360px;} #home .top-large-image {object-fit:cover; overflow:hidden; border-bottom:1px solid #DDD; max-height:360px; min-height:240px;} #home .top-wide-image img {object-fit:cover; width:100%; height:auto; margin-top:-16px; margin-bottom:10px;} #home .top-large-image img {object-fit:cover; width:100%; height:auto;} #home .top-wide-image img:hover, #home .top-large-image img:hover, #home .top-webcast-image img:hover, #home .top-download-image img:hover {transform: scale(1.04); transition-timing-function: ease; transition: 0.3s;} #home .line {margin:-6px 0 4px 0; border-top:1px dotted #AAA; padding:0px; clear:left;} #home .related-topstories {font-size:11pt; line-height:13pt; width:100%; padding:2px 0 3px 0;} #home .related-topstory-summary {font-size:10pt; line-height:11pt; color:#666; margin:0 0 8px 0;} #home .top-webcast-image {object-fit:cover; overflow:hidden; border-bottom:1px solid #DDD; height:232px; width:100%; margin:0 0 10px 0;} #home .top-webcast-image img {object-fit:cover; width:100%; height:auto;} #home .top-download-image {border:1px solid #EEE; object-fit:cover; overflow:hidden; border-bottom:1px solid #DDD; max-height:232px; width:auto; max-width:180px; margin:0 0 10px 0;} #home .top-download-image img {object-fit:cover; width:100%; height:auto;} #home .top-story-title {font-size:170%; line-height:106%; margin:4px 0 6px 0; letter-spacing:-.02em;} #home .top-story-desc {font-size:110%; line-height:120%; margin:0 0 10px 0; color:#666;} #home .top-story-overline {background-color:#C00; color:#FFF; padding:6px 10px; margin:0 0 10px 0; z-index:10; position:absolute; top:0px;} .home-right.home-tabs {padding-left:13px; margin-left:1px;} #home-tabs .tab-content {padding:18px 10px 0 0;} #home-tabs .nav>li>a {padding:4px 6px 5px 8px; font-size:12px; color:#999;} #home-tabs .nav-pills {margin:-8px 0 0 -8px; border-bottom:1px dotted #AAA;} #home-tabs .nav-pills>li.active>a, #home-tabs .nav-pills>li.active>a:focus, #home-tabs .nav-pills>li.active>a:hover {background-color:transparent;} #home-tabs .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {color:#C00;} #home-tabs .top-story-title {font-size:136%; margin:-4px 0 4px 0;} #home .top-logo-image {width:166px; height:102px; float:left; padding:4px; margin:0px 14px 6px 0; display:block; object-fit:cover; overflow:hidden; border:none;} #home .top-logo-image img {width:100%; height:auto;} #home-tabs .top-news-image {width:166px; height:102px; float:left; margin:0px 14px 6px 0; display:block; object-fit:cover; overflow:hidden; border:1px solid #EEE;} #home .top-news-image img {width:100%; height:auto;} #home .top-news-image img:hover, #home .top-resource-image img:hover {transform: scale(1.1); transition-timing-function: ease; transition: 0.3s;} #home .sub-button {background-color:#C03; color:#FFF; border-radius:4px; padding:4px 8px 6px 8px; margin:10px 0 6px 0;font-size: 10pt; font-weight:500; letter-spacing:-.02em; width:200px; } #home .sub-button:hover {background-color:#F00;} .pc-container .sub-button:hover, .pc-topic-right .sub-button:hover {background-color:#0090ff !important;} #home .sub-button a {color:#FFF;} #home-tabs .top-resource-image {width:132px; height:auto; float:left; margin:0px 11px 6px 0; display:block; object-fit:cover; overflow:hidden;} #home .top-resource-image img {width:100%; height:auto; display:block;} #home .btn-width {width:132px;} .feat-head {color:#C03; font-weight:300 !important; font-size:100%; margin-top:6px 0 6px 0; padding:0px; font: 100%/1.0em 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;} .feat-title {font-family:'Roboto', sans-serif; font-size:11pt; line-height:116%; margin:6px 0 6px 0; letter-spacing:-.02em;} .feat-image {width:90px; float:left; margin:8px 6px 48px 0;} .feat-image img {width:100%; height:auto;} .feat-overline {background-color:#C00; color:#FFF; padding:6px 10px; margin:0 0 10px 0; z-index:10; display:inline-block;} #home .news-overlinex {background-color:#8cb2bf; font-size:12px; font-weight:400; color:#EEE; padding:1px 6px 3px 6px; margin:-2px 0 3px 0; min-width:160px; max-width:200px; display:inline; break-after:always;} #home .news-overline {background-color:#EEE; font-size:12px; font-weight:400; color:#999; padding:1px 6px 3px 6px; margin:-2px 0 3px 0; min-width:160px; max-width:200px; display:inline; break-after:always;} #home .news-overline:hover {background-color:#C00; color:#FFF;} #home .news-image {width:166px; height:110px; float:left; margin:2px 12px 6px 0; display:block; object-fit:cover; overflow:hidden; border:1px solid #EEE;} #home .news-image img {width:100%; height:auto;} #home .news-image img:hover {transform: scale(1.1); transition-timing-function: ease; transition: 0.3s;} #home .one-third {width:30%; float:left; margin:6px 10px 10px 0; line-height:112%;} #home .img100x150 {width:100px; height:auto; float:left; margin-right:10px;} #home .img100x150 img {width:100px; display:block;} #home .img150x100 {width:100px; height:auto; float:left; margin-right:10px;} #home .img150x100 img {width:100px; display:block;} .one-third h3 {color:#000; font-size:90%; margin-bottom:10px;} .one-third .text {color:#666; font-size:80%; margin:4px 0 4px 0; line-height:108%;} #home #new-prod {width:244px; float:left; margin:-2px 10px 10px 10px; font-size:90%;} #home #new-prod .line {margin:10px 0 10px 0; border-top:1px dotted #AAA;} #new-prod .product-image {width:100%; min-height:125px; max-height:300px; margin:0 12px 6px 0; overflow:hidden; float:left;} #new-prod .product-image img {width:100%; height:auto; display:block;} #new-prod .product-image img:hover {transform: scale(1.05); transition-timing-function: ease; transition: 0.3s;} #latest-posts.home-right {border-left:none; margin-right:-40px; padding-left:24px; margin-top:-6px;} #latest-posts.home-left {border-right:1px dotted #91d9f1; padding-right:24px; margin-bottom:24px;} #latest-posts .top-story-title {font-size: 124%; line-height:112%; margin:6px 0 2px 0;} #latest-posts .top-story-desc {font-size: 96%;} #promoted-post {min-height:180px; border-radius:4px; break-after:always; margin:2px 0 10px 0; padding:6px; background-color:#FFF; border:1px dotted #EEE; display:block;} #promoted-post:hover {background-color:#EEE;} #promoted-post .overline {border-bottom:dotted #F99 1px; color:#F66; font-size:10px; text-transform:uppercase; margin:0 auto 12px auto; max-width:200px;text-align:center;} #promoted-post .title {font-size:110%; line-height:110%; margin:0 0 6px 0; color:#0076dc;} #promoted-post .title:hover {color:#F00;} #promoted-post .desc {color:#666; font-size:80%; line-height:118%; margin:0 0 10px 0;} #promoted-post .image {width:260px; min-height:144px; max-height:260px; margin:0 12px 20px 0; overflow:hidden; float:left;} #promoted-post .image img {width:100%; height:auto; display:block;} #promoted-post .sponsor-logo {width:36%; height:auto; display:inline; float:left; position:bottom 0px; padding-top:8px; border-top:1px dotted #DDD;} #promoted-post .sponsor-logo img {width:100%; height:auto; display:block;} #promoted-post .sponsor-overline {font-size:9px; color:#999; text-transform:uppercase; margin:18px 0 2px 0;} #promoted-post .fa {font-size:86%;} .profile-logo {width:166px; height:102px; float:left; padding:4px; margin:6px 14px 6px 0; display:block; object-fit:cover; overflow:hidden; border:none;} .profile-logo img {width:100%; height:auto;} .profile-title {color:#333; margin:6px 0 2px 0;} .profile-desc {color:#666; font-size:80%; line-height:125%;} .profile-line {margin:2px 0 6px 0; border-top:1px dotted #DDD; padding:0px; clear:left;} .profile-head {font-size:90%; color:#000; line-height:118%; margin:8px 0 3px 0;} .profile-text {font-size:70%; color:#666; line-height:112%; margin:0 0 10px 0;} .alpha-container { float:left; width:100%; overflow-y:scroll; overflow-x:hidden; height:280px; padding:16px 40px 0 12px; background: rgba(204,204,204,1); background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(228,228,235,1) 1%, rgba(232,232,238,1) 8%, rgba(254,254,254,1) 49%, rgba(254,254,254,1) 86%, rgba(245,245,245,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,204,204,1)), color-stop(1%, rgba(228,228,235,1)), color-stop(8%, rgba(232,232,238,1)), color-stop(49%, rgba(254,254,254,1)), color-stop(86%, rgba(254,254,254,1)), color-stop(100%, rgba(245,245,245,1))); background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(228,228,235,1) 1%, rgba(232,232,238,1) 8%, rgba(254,254,254,1) 49%, rgba(254,254,254,1) 86%, rgba(245,245,245,1) 100%); background: -o-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(228,228,235,1) 1%, rgba(232,232,238,1) 8%, rgba(254,254,254,1) 49%, rgba(254,254,254,1) 86%, rgba(245,245,245,1) 100%); background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(228,228,235,1) 1%, rgba(232,232,238,1) 8%, rgba(254,254,254,1) 49%, rgba(254,254,254,1) 86%, rgba(245,245,245,1) 100%); background: linear-gradient(to bottom, rgba(204,204,204,1) 0%, rgba(228,228,235,1) 1%, rgba(232,232,238,1) 8%, rgba(254,254,254,1) 49%, rgba(254,254,254,1) 86%, rgba(245,245,245,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#f5f5f5', GradientType=0 ); } .alpha-label {float:left; font-size:42pt; width:0px; color:#AAA; line-height:90%; margin:0; padding:0; font-family:'Merriweather', Georgia, "Times New Roman", Times, serif;} .alpha-lists {float:left; font-size:100%; width:268px; padding:1px 10px 2px 68px; margin:0 -40px 0 0;} .alpha-lists a:hover {color:#C33; text-decoration:none;} .alpha-line {border-top:1px dotted #CCC; margin:6px 0 10px 0;} .alpha-a {float:left; padding:0 4px 0 0; font-size:84%;} .alpha-a a, .alpha-a a:visited {color:#999;} .alpha-a a:hover {color:#C00;} #home h2.alpha {margin:-14px 0 10px 0; font-size:30pt; line-height:100%; letter-spacing:-.02em; color:#C00;} #home h2.glossary-red {color:#C00; margin:-10px 0 8px 0; font-size:26pt} #bloggers .title a, #bloggers .title a:visited {color:#006f9d;} #bloggers .title a:hover {color:#C00;} #home .white-circle {width:52px; height:52px; border-radius:30px; background-color:#FFF; color:#C00; float:left; margin:0 10px 6px 0; padding:8px 0 0 16px;} #home .white-circle .fa {font-size:36px;} #home .small-red {color:#b41212; font-size:10pt; line-height:13pt; margin-bottom:40px;} #home .small-red a, #home .small-red a:visited {color:#F00;} #home .small-red a:hover {color:#600;} #email-form {text-align:left; margin:16px 0 0 0; font-size:90%; line-height:120%; color:#3c535a;} #email-form h3 {text-align:left; line-height:120%; margin:0 0 4px 0; font-size:104%; color:#C00; font-weight:500;} #email-form .fa-newspaper-o {text-align:left; color:#C00; margin: 0 8px -10px 0; float:left; font-size:36px;} #email-form button.mag-button {background-color:#C03; color:#FFF; border-radius:4px; padding:6px 10px 8px 12px; margin:10px 0 6px 0; border: none; font-size: 11pt; min-width: 200px; text-align: left;} #email-form button.mag-button:hover {background-color:#F00;} #email-form button.mag-button a {color:#FFF;} #email-form .form-control {max-width:260px;} .red-overline {color:#AAA; border-bottom:#CCC 1px dotted; font-size:11pt; margin:0; display:inline; } .red-overline a {color:#64b2df; padding:0 0 2px 0;} .red-overline a:hover {color:#C03;} /* Taxonomy Styles */ #schema {min-height:800px;} #schema h2 {color:#333;} #schema ul {margin-left:18px; padding-left:0;} #schema li {line-height:110%; margin-bottom:10px; list-style-type:square; color:#93b8ce;} #schema .count {font-size:70%; color:#999;} #article h2 {margin-bottom:10px;} /* Author Styles */ #author .author-left {float:left; width:25%; margin-right:15px;} #author .author-left img {margin-top:15px;} #author .author-right {float:left; width:75%; margin-right:-15px;} #author .gray {color:#888;} #author h3, .author_header {color:#C03; font-weight:300; font-size:100%; margin:0 0 16px 0; padding-top:6px; color:#333;} #author .bio_content {font-size:140%; line-height:120%;} #author .desc, #author .dateline {color:#666;} #author .author-card {color:#333; font-size:12pt; line-height:112%; height:380px; border:1px solid #EEE; display:block; border-radius:4px; margin:0 0 30px 0; padding:10px 10px 50px 10px; text-overflow:ellipsis; white-space:wrap; overflow: hidden; moz-box-shadow:1px 1px 2px #999; -webkit-box-shadow:1px 1px 2px #999; box-shadow:1px 1px 2px #999;} #author .author-card:hover {background-color:#EEE; transform: scale(1.01); transition-timing-function: ease; transition: 0.2s; moz-box-shadow:0 2px 5px #999; -webkit-box-shadow:0 2px 5px #999; box-shadow:0 2px 5px #999;} #author .author-card img {margin-bottom:6px;} #author .jobtitle {margin:6px 0 6px 0; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;} #author .smallbio {font-size:10pt; line-height:120%; height:auto; text-overflow:ellipsis; white-space:wrap; overflow: hidden; color:#333;} #author .details {display:inline-block; position: absolute; bottom: 40px; font-size:10pt; line-height:120%; } #author .author-card:hover .details {bottom:9px;} /* Site Styles */ #site-gradient {min-height:1000px; padding:0 0 20px 0; margin-bottom:20px; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,230,230,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(230,230,230,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,230,230,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,230,230,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,230,230,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,230,230,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );} #reg-form input::placeholder {color:#666; padding-left:3px; font-size:10pt;} #site #reg-form input[type="text"], #reg-form input[type="password"], #reg-form input[type="email"], #reg-form textarea, #reg-form select {width:50%; max-width:400px; font-size:125%;} #site #reg-form .terms {font-size:12px; line-height:14px; color:#666;} #site #reg-form button {min-width:280px; width:100%; max-width:400px;} #site #reg-form .btn-danger {width:50% !important;} #site #reg-email {width:100%;} #site #reg-form .sm-red {color:#C00;} #site #reg-form label {width:20%; min-width:150px; font-weight:400; color:#666; float:left; line-height:100%; margin:4px 0 6px 0;} #site #reg-form .line {margin-top:12px; border-top:1px dotted #F90; padding:0px; margin-bottom:12px; clear:left;} /* Editor Styles */ #cms-edit {padding:0px 0px 0px 0px; border-radius: 4px 4px 0px 0px;text-align: center;margin:0px;width: 40px;height:24px; background:#CCC;z-index:15;position: fixed;right: 0px; top:160px; -moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg); -o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform-origin: bottom right;} #cms-edit p {color:#fff;display:inline-block;line-height:24px; font-size:10px; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif;} /* Glossary Styles */ .site-left {padding-right:20px;} .site-right {min-width: 320px; margin-right:-60px;} #glossary h1 {margin:0 0 10px -2px; font-weight:200; font-size:48pt; color:#333; letter-spacing:-.04em;} #definition {width:100%;} #definition .top {margin-bottom:-20px; position:absolute;} #definition .bottom {margin-top:-20px; position:absolute;} #definition .def-left {border-top:16px #333 solid; float:left; width:52px;} #definition .def-right {border-top:16px #333 solid; float:right; width:52px;} #definition .def-middle {border-left:14px #333 solid; width:100%; border-right:14px #333 solid; min-height:120px; font-size:24pt; line-height:130%; font-family:'Merriweather', Georgia, "Times New Roman", Times, serif; padding:24px 30px 8px 40px;} #glossary .wide-image-container {width:100%; max-height:520px; object-fit:cover; overflow:hidden; margin:0;} #glossary .wide-image-container img {width:100% !important; height:auto; margin-top:0%; margin-bottom:0%;} #glossary .overline {border-bottom:dotted #F99 1px; color:#F66; font-size:10px; text-transform:uppercase; margin:0 auto 12px auto; max-width:200px;text-align:center;} #glossary .title {font-size:110%; line-height:110%; margin:8px 0 6px 0; color:#0076dc;} #glossary .title:hover {color:#F00;} #glossary .news-overline {background-color:#EEE; font-size:12px; font-weight:400; color:#999; padding:1px 6px 3px 6px; margin:-2px 0 3px 0; min-width:160px; max-width:200px; display:inline; break-after:always;} #glossary .news-overline:hover {background-color:#C00; color:#FFF;} #glossary-right {margin:-28px 0 -20px 0;} #glossary-right h4 {margin:0 0 -10px 0;} #glossary-right .fa, #glossary-right h2, #glossary-right nav, #glossary-right .title {display:none;} #glossary-right .alpha-lists {font-size:80%; line-height:100%; margin:0 0 6px -18px;} #glossary-right .alpha-container {height:240px;} #glossary .paper-box {border-radius:4px; background-color:#d7dde2; padding:10px 14px 18px 14px; display:block; margin:0 10px 10px 0;} .paper-box .left {width:52%; float:left; margin-right:24px;} .paper-box .right {width:44%; float:left; margin-right:-10px;} .paper-box .top-story-head {color:#CC0000; font-size:14pt; line-height:120%; margin-bottom:4px;} .paper-box .top-story-head:hover {color:#FF0000; font-size:14pt;} .paper-box .top-story-smdesc {font-size:11pt; line-height:118%; margin:0 0 6px 0; color:#444;} .paper-box .top-story-desc {font-size:14pt; line-height:118%; margin:4px 0 10px 0; color:#666; } .paper-box .top-story-title {color:#CC0000; font-size:18pt; } .paper-box .top-story-title:hover {color:#F00; font-size:18pt; } .paper-box .top-story-btn {color:#EEE; font-size:12pt; line-height:100%; border-radius:4px; display:inline; background-color:#CC0000; padding:2px 12px 5px 12px; margin:8px 0 10px 0;} .paper-box .top-story-btn:hover {color:#FFF; background-color:#F00;} #glossary .paper-shadow {height:auto; width:172px; float:left; margin:6px 16px 14px 2px; display:block; moz-box-shadow:0 2px 5px #666; -webkit-box-shadow:0 2px 5px #666; box-shadow:0 2px 5px #666; } #glossary .paper-sm-shadow {height:180px; width:140px; float:left; margin:4px 12px 12px 0px; moz-box-shadow:0 2px 5px #666; -webkit-box-shadow:0 2px 5px #666; box-shadow:0 2px 5px #666; } #glossary .paper img, #glossary .paper-sm img, #glossary .paper-sm-shadow img, #glossary .paper-shadow img {width:100%; height:auto;} /* Right Column Styles */ #right-col-news {width:100%; text-align:left;} #right-col-container .news-overline {font-size:70%; margin:2px 0 3px 0; line-height:100%; padding-bottom:4px; border-bottom:1px dotted #81d8f5; color:#45b0d4;} #right-col-news .news-overline {font-size:70%; margin:2px 0 3px 0; line-height:100%; padding-bottom:4px; border-bottom:1px dotted #81d8f5; color:#45b0d4;} #topic .news-overline {font-size:70%; margin:2px 0 6px 0; line-height:100%; padding-bottom:6px; border-bottom:1px dotted #81d8f5; color:#45b0d4; width:36%; min-width:200px; display:table;} #right-col-news .news-image {width:100px; height:75px; float:left; margin-right:10px;} #right-col-news .news-image img {width:100px; height:auto;} #right-col-news .top-story-title {font-size:96%; line-height:114%;} #right-col-news .top-story-desc {font-size:10pt; line-height:12pt; color:#666;} /* Download Styles */ #download-form .row:after {clear:left;} #download-form button {padding: 10px 30px; border-radius: 4px; background-color: #EEE; color:#666; border:1px solid #666;} #download-form button:hover {background-color: #F33; color:#FFF; border:1px solid #FFF;} #download-form label.required {min-width: 20px;} #download-form .form-top {margin-top:-10px;} #download-form #form-consent {margin:6px 0 -10px 0;} #download-form #form-break {margin:0 0 -10px 0;} #download-form {max-width:500px;} #download-form ul li {list-style-type:none !important; margin-left: -38px !important;} #download-form-text {font-size:80%; color:#888;} #download-form label {font-size:90%; color:#000; min-width:90px;} .download-caption {max-width:300px;margin-left:58px;font-size:80%;color:#666;display:block;} #disclaimer {display:none;} #download h1 {font-weight:300;} #download #right-col-image-dl {width:400px; height:auto; float:right; padding:0; margin:10px 0px 20px 60px; moz-box-shadow:0 2px 5px #666; -webkit-box-shadow:0 2px 5px #666; box-shadow:0 2px 5px #666;} #download #right-col-image-dl img {width:100%; height:auto; max-width:400px;} #download #right-col-image-dl .caption {width:100%; height:auto; color:#777; margin:8px 0 8px 0; font-size:11pt; line-height:14pt;} #right-col-image-dl .video-container {max-width:100% !important; width:100% !important; margin-bottom:10px;} #right-col-image-dl .video {position: relative; padding-top: 0px; height: 0; overflow: hidden; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */} #download .lrg-text {font-size:112%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #download .sml-text {font-size:90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #download .wp-form {padding:8px 8px 8px 0px; margin:20px 2px 0px 0px; width:75%; min-width:270px;} .wp-disclaimer {font-size:9pt !important; line-height:12pt; color:#777; margin:16px 0 20px 0;; min-width:270px; width:50%;} #download .dotted-line {margin:0 0 6px 0; border-top:1px dotted #09C; break-before:always; clear:both;} #download input[type="text"], #download input[type="email"], #reg-form input[type="password"], #reg-form input[type="email"], #reg-form textarea, #reg-form select {width:50%; max-width:400px; font-size:100%;} .left-addon input[type="text"], #reg-form input[type="password"], #reg-form input[type="email"], #reg-form textarea, #reg-form select {width: 100% !important;} /* Photo Styles */ h1.photo-head {font-size:250% !important; line-height:110%;} .photo-image-container {width:100%; min-height:480px; object-fit:cover; overflow:hidden; margin:1px 0 0 0;} .photo-image-container img {width:100% !important; height:auto; margin-top:-5%; margin-bottom:-2%; text-align:center;} .photo-wide {margin:20px auto 20px auto; text-align:center;} .photo-wide img {display:inline-block;} .photo-wide-description h2 {margin-bottom:6px !important; padding:0;} .photo-wide-description {text-align:left; display:block; margin:0; padding:8px 0 16px 0; color:#333;} .photo-wide-credit {text-align:left; display:block; margin:0; padding:2px 0 0 6px; font-size:8pt; color:#AAA; min-height:24px;} #photo-bg {background-color:#EEE; padding:20px auto 20px; width:100%;} .photo-right {float:right; font-size:24pt; height:30px; position:absolute; right:10px; margin:-50px 0 -10px 0; z-index:10;} /* Article Styles */ #article .slidethumb {width:175px; height:110px; float:left; margin-bottom:5px; border:1px solid #DDD; display:inline-block; background-repeat:no-repeat; background-position:center center; background-size:106% !important; background-color:#EEE;} #article .slidethumb:hover {opacity:0.7;} #right-col-image .right-head {margin-top:12px !important;} #right-col-slides {width:100%; margin-right:-20px !important; margin-bottom: -10px; min-height:0px;} #article h1 {margin-left:-4px; font-weight:200; font-size:48pt; color:#333; letter-spacing:-.04em} #article #right-col-top {min-height:800px; float:right;} #article #right-col-image {width:680px; height:auto; float:right; padding:0 0 13px 15px; margin:10px -20px 0 30px; border-left:#DDD 1px solid;} #article #right-col-image img {width:100%; height:auto; } #article #right-col-image .caption {width:100%; height:auto; color:#777; margin:8px 0 8px 0; font-size:11pt; line-height:14pt;} #article #right-col-container {width:700px; float:right; padding:0 0 0 15px; margin:0 -20px 0 30px; border-left:#DDD 1px solid; clear:right;} #article #right-col-container .left {width:335px; float:left; padding:0; min-height:200px; xborder:#EEE 1px dotted; margin-right:25px;} #article #right-col-container .right {width:300px; float:left; padding:0; min-height:200px; xborder:#EEE 1px dotted;} #right-col-image .video-container {max-width:100% !important; width:100% !important; margin-bottom:10px;} #right-col-image .video {position: relative; padding-top: 0px; height: 0; overflow: hidden; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */} #right-col .video iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:none;} .left .related-title {font-size:96%; line-height:114%; margin-bottom:4px;} .left .related-summary {font-size:80%; color:#666; line-height:120%;} .left h3 {margin:0 0 10px 0;} #article .download-shadow {xheight:220px; width:172px; float:left; margin:2px 12px 8px 2px; display:block; moz-box-shadow:0 2px 5px #666; -webkit-box-shadow:0 2px 5px #666; box-shadow:0 2px 5px #666; } #article .download-shadow img {width:100%; height:auto;} #home .content-gradient {min-height:400px;} #companies .content-gradient {min-height:400px;} #companies .gradient {position:absolute; padding-top: 0px; min-height: 240px; margin: -10px 0 -200px 0 !important;} #topic .content-gradient {min-height:400px;} #search .content-gradient {min-height:400px;} #company .content-gradient {min-height:600px; height:620px; margin-bottom:-458px;} .content-gradient {padding-top:10px; min-height:80px; background: rgba(230,230,230,1); background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(14%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1))); border-top:1px solid #FFF; background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%); background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%); background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%); background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fefefe', GradientType=0 );} #right-col {padding-right:0; padding-left:20px;float:right; margin:0 0 10px 30px; width:340px;} #right-col .img-caption {color:#666; font-size:80%; line-height:125%; margin:8px 0 12px 0;} #right-col .related-title {color:#337ab7; font-size:96%; line-height:118%; margin-bottom:4px;} #right-col .related-title:hover {color:#C00; text-decoration:none;} #right-col .related-image {height:70px; width:100px; float:left;} #right-col .related-summary {font-size:80%; color:#666; line-height:120%;} #right-col h3 {margin:8px 0 10px 0;} #storybody {font-family:Roboto; Arial, Helvetica, sans-serif; color:#333; font-weight:400 !important; } #storybody {width:100%; min-width:100%; margin:0px -20px -30px 0px; padding-bottom:0;} rybody span[style] { line-height: inherit !important; font-size: inherit !important;} #storybody h4 {display:none; visibility:hidden;} #article .content-gradient {padding-top:10px; height:420px; margin-bottom:-410px; background: rgba(230,230,230,1); background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(14%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1))); border-top:1px solid #FFF; background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%); background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%); background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%); background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fefefe', GradientType=0 );} #article .small-gray {font-size:10px; line-height:20px; margin:0 0 0 -5px; padding:0; color:#AAA;} /* Story Styles */ #storybody>h2 {font-size:320% !important; color:#000000 !important;} #storybody>h3 {font-size:280% !important;} #storybody h2, #storybody h3 {margin:24px 0 10px 0;} #storybody h2 strong, #storybody h3 strong {font-weight:normal !important;} #storybody .byline>h2 {color:#933 !important; font-size:120% !important; margin:0 0 8px 0 !important; font-family:'Merriweather', Georgia, "Times New Roman", Times, serif;} #storybody .dateline>h2 {color:#933 !important; font-size:120% !important; margin:-6px 0 10px 0 !important; font-family:'Merriweather', Georgia, "Times New Roman", Times, serif;} #storybody span[style] { line-height: inherit !important; font-size: inherit !important;} /*span[style]{ line-height: inherit !important; font-size: inherit !important;} span[itemprop="articleBody"] [style]{ line-height: inherit !important; font-size: inherit !important;}*/ #storybody h3, #storybody h4 {font-size:125% !important; color:#990000 !important;} #storybody {/*font-family:Arial, Helvetica, sans-serif; font-size:15.5pt; line-height:20pt; padding:0px 20px 0px 4px; color:#333; */} #storybody .articleDateline {font: 100%/1.0em 'Merriweather', Georgia, "Times New Roman", Times, serif; color:#666; margin:16px 0px 6px 0px;} #storybody b {color:#333; font-weight:bold; } #storybodysnippet a>b, .storybodysnippet a>b:visited, .storybodysnippet b>a, .storybodysnippet b>a:visited {color:#06C;} #storybodysnippet td {line-height:120%;} #storybody .posted { font-family:Arial,Helvetica,sans-serif; font-size:8pt; line-height:11pt; margin-left:2px; margin-bottom:2px; font-weight:normal; color: #666;} #storybody p {padding: 0px; margin:0px 0px 18px 0px; line-height:138%;} td.storyLeft {padding-right: 12px;} #storybody blockquote p {margin:0px 0px 10px 2px; padding:6px;} #storybody blockquote { xfont-family: Arial, Helvetica, sans-serif; /*font-size: 10pt;*/ font-style: normal; line-height: normal; color: #6492C6; border-left:2px solid #eee; margin: 0px 0px 10px 2px; padding-top: -10px; padding-right: 6px; padding-bottom: 8px; padding-left: 6px;} #storybody blockquote ul {font-size:116%; line-height:100%;} #storybody blockquote ol {font-size:116%; line-height:100%;} #storybody table strong {line-height:120% !important; font-size:90%; margin:10px 0 0 0; padding:0; display:inline-block; color:#666;} #storybody table {width:auto; padding-right:10px; padding:4px;} /* #storybody font {font-size: 12pt !important; line-height:16pt !important;} #storybody .wlWriterEditableSmartContent {display:none !important;} #storybody span {font-family:Arial, Helvetica, sans-serif !important; font-size: 12pt !important; line-height:16pt !important; color:#333 !important;} */ #storybody .alignleft {float:left; margin: 0 10px 6px 0;} #storybody .alignright, #storybody .alignrightsm {float:right; margin: 0 0 6px 16px;} #storybody i {font-style:italic;} #storybody #storyside {float:left; margin:10px 18px 8px 0px; width:280px; line-height:15pt;} #storybody-wrap h2 {color:#000; font-size:180%; margin:20px 0 10px 0 !important;} #storybody h3 {} #storybody .photonone {float:none; margin:6px 10px 10px 0; padding-top:4px; max-width:48%; display:block;} #storybody .photosmleft {float:left; margin-right: 12px; padding-top:4px; max-width:35%; width:auto; display:inline-block; width:180px;} #storybody .photosmright {float:right; margin-left: 12px; padding-top:4px; max-width:35%; width:auto; display:inline-block; width:180px;} #storybody .photosmleft .caption, #storybody .photosmright .caption {width:inherit; font-size:10pt; line-height:14pt; color:#777; margin:-4px 0 0 0; padding:0px;} #storybody .photoright {float:right; margin-left: 12px; padding-top:4px; max-width:44%; clear:left;} #storybody .photoleft {float:left; margin-right: 12px; padding-top:4px; max-width:44%; clear:left;} #storybody .photoR {float:right; margin-left: 12px; padding-top:4px; clear:both;} #storybody .photoL {float:left; margin-right: 12px; padding-top:4px; clear:both;} #storybody .sidebar {float:left; width:300px; margin-right: 12px; padding-top:4px; font-size:11pt; line-height:12pt;} #storybody .sidebar img {max-width:280px; padding-top:4px; margin-bottom:4px; font-size:11pt; line-height:12pt;} #storybody .sidebar-left {float:left; width:280px; margin-right:18px; padding-top:4px; font-size:10pt; line-height:12pt;} #storybody .sidebar-left img {max-width:280px; padding-top:4px; margin-bottom:4px; font-size:10pt; line-height:12pt;} #storybody .sidebar-right {float:right; width:280px; margin-left: 12px; margin-right: 6px; padding-top:4px; font-size:10pt; line-height:12pt;} #storybody .sidebar-right img {max-width:280px; padding-top:4px; margin-bottom:4px; font-size:10pt; line-height:12pt;} #storybody .sidebar-right h3, #storybody .sidebar-right h4, #storybody .sidebar-full h3, #storybody .sidebar-full h4, #storybody .sidebar-left h3, #storybody .sidebar-left h4 {font-size:15pt; line-height:16pt; margin-bottom:8px; margin-top:0px; display:block !important; visibility:visible !important;} #storybody .sidebar-right p, #storybody .sidebar-left p, #storybody .sidebar-full p {line-height:130% !important; color:#666 !important; margin-bottom:10px; padding:0;} #storybody .sidebar-right li, #storybody .sidebar-left li, #storybody .sidebar-full li {font-size:10pt; line-height:12pt; margin-left:0; padding-left:0;} #storybody .sidebar-right ul, #storybody .sidebar-left ul, #storybody .sidebar-full ul {margin-left:0; padding-left:24px;} #storybody .sidebar-right, #storybody .sidebar-left { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); transition: all 0.3s cubic-bezier(.25,.8,.25,1); padding:10px 4px 6px 10px; margin-bottom:12px; } #storybody .sidebar-right:hover, #storybody .sidebar-left:hover { box-shadow: 0 6px 12px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); } #storybody .clear {clear:both;} #storybody .inline img {width:100%; height:auto;} #storybody .aboutbox {padding:6px 8px 6px 8px; background-color:#dadfe7; border:1px solid #c5d0db; -moz-border-radius: 4px;-webkit-border-radius: 4px; margin-right:18px; display:table; margin-top:4px; width:100%;} #storybody table {margin-bottom:12px; clear:left;} #storybody img {height: auto; max-width: 100%;} #storybody img.img-inline {max-width:700px;} #storybody .logo-image img.img-responsive {max-width:90%; margin-bottom:6px;} #storybody .quote { font-family:Arial, Helvetica, sans-serif; width:170px; float:left; margin:6px 14px 8px 0px; border-top:8px solid #C99; padding:8px 8px 4px 0px; font-size:11pt; color:#903; font-weight:bold; line-height:120%;} #storybody .quote i {margin:6px 6px 0px 0px; clear:left; display:inline-block; width:170px; padding:4px 0px 0px 0px; border-top:1px dotted #C99; font-size:11pt; color:#903; font-weight:normal; line-height:130%; text-align:right; } #storybody ul {margin: 0px 0px 20px 0px;} #storybody ol {margin: 0px 0px 20px 0px;} #storybody ul li {list-style-type:square; margin:0 0 10px -10px; padding-right:20px; color:#222; font-size: 90%; line-height:130%;} #storybody ul ul {margin: 0px; color:#666;} #storybody ul ul li {color:#000; text-size:9pt important!; line-height:11pt;} #storybody ol li {margin:0 0 10px -10px; font-size: 90%; line-height:130%; color:#222; padding-right:20px;} #storybody ol ol {margin: 0px 0px 8px 20px; color:#666;} #storybody ol ol li {color:#000; text-size:9pt important!; line-height:11pt;} #storybody li {list-style-image:url(/images/site/bullet_gray.gif);margin-left:0px;margin-bottom:8px;padding-right:30px; color:#000;font-size: 100%; line-height:138%;} #storybody ul ul li {list-style-image:url(/images/site/bullet_gray3.gif);margin-left:6px;margin-bottom:8px;padding-right:30px; color:#555;font-size: 96%; line-height:114%;} #storybody ul ul ul li {list-style-image:url(/images/site/bullet_gray2.gif);margin-left:6px;margin-bottom:8px;padding-right:30px; color:#000;font-size: 90%; line-height:108%;} #storybody .divider {color: #CCC; margin: 20px 0 16px 0; border-top:4px solid #EEE; line-height:4px; width:100%;} #storybody .video-container {max-width:880px; margin-bottom:18px;} #storybody .video {position: relative; padding-top: 0px; height: 0; overflow: hidden; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */} #storybody .video iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:none; /*width:75%; min-width:680px; min-height:500px;*/} #right-col .video-container {max-width:100% !important; width:100% !important; margin-bottom:10px;} #right-col .video {position: relative; padding-top: 0px; height: 0; overflow: hidden; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */} #right-col .video iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none;} .large-video {text-align:center; background-color:#444; padding:20px 20px 20px 20px; margin: 10px -10px 0 -10px;} .large-video .video-container {max-width:76% !important; min-width:280px; width:100% !important; text-align:center; margin:0px auto;} .large-video .video {position: relative; padding-top: 0px; height: 0; overflow: hidden; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */} .large-video .video iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:none;} /* Company */ #company .content-gradient {min-height:auto;} .wide-image-container {margin:-10px -10px 10px -10px; padding:0;} .wide-image-container .caption {width:100%; height:auto; color:#777; margin:4px 0 -5px 0; font-size:11pt; line-height:14pt;} .wide-image {display:block; padding:0; margin:0;} .wide-image-credit {display:block; padding:0; margin:0; margin-bottom:-10px; padding:2px 0 0 6px; font-size:8pt; color:#AAA;} #company h1 .lighter {font-weight:200 !important; color:#888 !important;} #company h2.red {color:#C00; font-size:150%; line-height:120%;} #company #storybody > h2 {font-size: 120% !important; color: #333333 !important;} #company .col-1a {float:left; width:38%; padding-left:0px; color:#666; min-height:42px; font-size:95%; line-height: 130%; border-left:1px dotted #FFF;} #company .col-2a {float:left; width:30%; padding-left:10px; color:#666; min-height:42px; font-size:95%; line-height: 130%; border-left:1px dotted #aaa;} #company .col-3a {float:left; width:30%; padding-left:10px; color:#666; min-height:42px; font-size:95%; line-height: 130%; border-left:1px dotted #aaa;} #company .col-1a .smlogo {width:100%; height:auto; padding-right:20px;} #company .company-right {padding:0; float:right; margin:0 -4px 10px 30px; width:300px; text-align:center; } #company .company-left {float:left;} #company .large-video {margin: 10px 10px 0 0;} #social-width {width:100%;} #fb-page {width:100%;} /* Topic Categories and Tags */ #search h2 {margin:12px 0 4px 0; font-size:24pt;} #search a:hover, #search h2:hover {color:#C00;} #search fieldset {border:none !important; padding-left:0px;} #search .page-count {margin:48px 0 -4px 0;} #search .left-addon input {padding:6px 6px 6px 30px;} #search .sm-search-btn {padding:7px; margin-top:-2px; margin-left:4px;} #search input::placeholder {color:#666;} #search .sm-search-btn:hover {background-color:#090; color:#FFF; border:none; box-shadow:none; padding:7px 9px 7px 9px;} #search button:focus, #search input:focus, #search select:focus {outline: none;} #search .search-link {color:#888;} #search select {-webkit-appearance: none; -moz-appearance: none; appearance: none;color: #333; border: 1px solid #DDD; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; padding:6px 8px; background-color: #EEE; background: url(https:scg-de.s3.amazonaws.com/assets/down-arrow.png) no-repeat;background-position: right center;} #search select:hover {background-color: #EEE;} #search .small-heading {color:#C33; font-size:11pt; border-bottom:1px dotted #F99; margin:12px 0 10px 0; padding:0 0 6px 0;} #search .search-image-lrg {width:60%; max-width:600px; max-height:300px; margin:0 18px 8px 0; display:block; float:left; overflow:hidden; xobject-fit:cover;} #search .search-image-lrg img {width:100%; height:auto; display:block; } #search .search-image-med {width:40%; max-width:400px; max-height:200px; margin:0 18px 8px 0; display:block; float:left; overflow:hidden; xobject-fit:cover;} #search .search-image-med img {width:100%; height:auto; display:block; } #search .search-image-sml {width:25%; max-width:300px; max-height:150px; margin:0 18px 8px 0; display:block; float:left; overflow:hidden; object-fit:cover;} #search .search-image-sml img {width:100%; height:auto; display:block; } #search .search-dateline {color:#777; font-size:90%; float:left; margin:1px 12px 0 0;} #search .search-dateline .fa {font-size:80%;} #companies .search-image-lrg {width:60%; max-width:600px; max-height:300px; margin:6px 18px 8px 0; display:block; float:left; overflow:hidden; xobject-fit:cover;} #companies .search-image-lrg img {width:100%; height:auto; display:block; } #companies .search-image-med {width:40%; max-width:400px; max-height:200px; margin:6px 18px 8px 0; display:block; float:left; overflow:hidden; xobject-fit:cover;} #companies .search-image-med img {width:100%; height:auto; display:block; } #companies .search-image-sml {width:25%; max-width:300px; max-height:150px; margin:6px 18px 8px 0; display:block; float:left; overflow:hidden; object-fit:cover;} #companies .search-image-sml img {width:100%; height:auto; display:block; } #companies .search-dateline {color:#777; font-size:90%; float:left; margin:1px 12px 0 0;} #companies fieldset {border:none !important; padding-left:0px;} #companies input::placeholder {color:#666;} #companies input {padding:2px 0px 4px 32px;} #companies .sm-search-btn {padding:7px; margin:-2px 0 0 4px;} #companies .sm-search-btn:hover {background-color:#090; color:#FFF; border:none; box-shadow:none; padding:7px 9px 7px 9px;} #companies button:focus, #search input:focus, #search select:focus {outline: none;} #companies .search-link {color:#888;} #companies input[type="search"] {min-height:28px;} #companies select {-webkit-appearance: none; -moz-appearance: none; appearance: none;color: #333; border: 1px solid #DDD; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; padding:6px 8px; background-color: #EEE; background: url(https:scg-de.s3.amazonaws.com/assets/down-arrow.png) no-repeat;background-position: right center;} /* Topic Categories and Tags */ #topic .company-card {display:block; moz-box-shadow:1px 2px 3px #666; -webkit-box-shadow:1px 2px 3px #666; box-shadow:1px 2px 3px #666; padding:10px 18px 10px 18px; margin:0 0 10px 0; background-color:#EEE;} #topic #topic {min-height:1800px;} #topic h1 {font-weight:300; font-size:48px; margin-bottom:12px; letter-spacing:-.02em;} #topic h2 {font-weight:400; font-size:24px; max-width:1000px; margin-bottom:12px;} #topic #left-side {width:72%; float:left; padding:0 15px 15px 15px;} #topic #right-side {width:28%; float:left; margin-right:-20px; padding-left:20px; margin-top:-16px;} #topic h3, #topic .head {color:#C03; font-weight:300; font-size:100%; margin:0 0 16px 0; padding-top:6px;} #topic h3.pullup {margin:-2px 0 12px 0; padding-top:0px;} #topic .topic-box {width:96%; float:left; margin:0 16px 16px 0; min-height:288px; background-color:#EEE; padding:6px 6px 0px 6px; } #topic .topic-box .wideimage {width:90%; height:auto; max-width:600px; margin: 0 0 10px 0; object-fit:cover; float:none; } #topic .topic-box .wideimage img {width:100%; height:auto; display:block;} #topic .topic-box .image {width:45%; height:auto; max-width:300px; margin: 0 0 10px 0; object-fit:cover; float:left;} #topic .topic-box .image img {width:100%; height:auto; display:block;} #topic .topic-box .title {font-size:125%; line-height:112%; margin:0 0 4px 0;} #topic .topic-box .summary {font-size:100%; line-height:130%; color:#666;} #topic .tag-heading {margin-top:-0px;} #topic .line {margin:6px 0 12px 0; border-top:1px dotted #CCC;} #topic .topic-image {width:30%; max-width:300px; margin:0 18px 8px 0; display:block; float:left;} #topic .topic-image-wide {width:60%; max-width:660px; margin:0 18px 8px 0; display:block; float:left;} #topic .topic-image-youtube {width:40%; max-width:400px; margin:0 18px 8px 0; display:block; float:left; border:2px solid #FFF; moz-box-shadow:1px 1px 3px #888; -webkit-box-shadow:1px 1px 3px #888; box-shadow:1px 1px 3px #888;} #topic .topic-image-cover {width:25%; max-width:200px; margin:0 18px 8px 0; display:block; float:left; moz-box-shadow:1px 1px 3px #888; -webkit-box-shadow:1px 1px 3px #888; box-shadow:1px 1px 3px #888;} #topic .topic-image-cover:hover {transform: scale(1.00); margin:2px 16px 6px 2px; transition-timing-function: ease; transition: 0.2s; moz-box-shadow:1px 5px 7px #666; -webkit-box-shadow:1px 5px 7px #666; box-shadow:1px 5px 7px #666;} #topic .topic-image img, #topic .topic-image-wide img, #topic .topic-image-youtube img, #topic .topic-image-cover img {width:100%; height:auto; display:block;} #topic .topic-title {font-size:125%; line-height:110%; margin:0 0 6px 0;} #topic .topic-dateline {font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif; color:#888; font-size:80%;} #topic .topic-summary {color:#333: margin:0 0 20px 0;} #topic .topic-title-large {font-size:160%; line-height:110%; margin:0 0 6px 0;} #topic .topic-desc-large {font-size:120%; color:#333: margin:0 0 20px 0;} #topic .topic-image-large {width:60%; max-width:660px; max-height:360px; margin:0 18px 8px 0; display:block; float:left; overflow:hidden;} #topic .topic-image-large img {width:100%; height:auto; display:block; } .news-image-wide {background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; background-color:#EEE; height:auto; min-height:200px; max-width:600px; margin-bottom:6px;} .news-image {background-repeat:no-repeat; background-position:center; background-size:cover; height:120px; width:200px; float:left; overflow:hidden; object-fit:cover; text-align:center; margin:2px 10px 6px 0;} .news-image img {width:100%; height:auto;} .news-title {font-size:112%; letter-spacing:-.02em; line-height:110%; margin-bottom:6px;} .news-summary {font-size:100%; line-height:120%;} #storybody .outline {border:1px dotted #DDD;} #storybody .photoright .sidebar-right {float:left; margin-left: 0px; padding-top:0px;} #storybody img {height:auto;} #storybody .photoleft {float:left; margin:10px 20px 18px 0; font-size:90%; line-height:120%; color:#666; max-width:540px;} #storybody .photoright {float:right; margin:10px 0 18px 20px; font-size:90%; line-height:120%; color:#666; max-width:580px;} #storybody .photofull {margin:10px 0 18px 0; font-size:90%; line-height:120%; color:#666;} #storybody .photoleft img, #storybody .photoright img, #storybody .photofull img {margin: 0 0 8px 0; display:block !important; max-width:100% !important; height:auto !important; width: 95% !important} #storybody .photoleft .caption, #storybody .photoright .caption, #storybody .photofull .caption {line-height:18px; margin:-4px 0 0 0; padding:0px;} #storybody .photoleft .caption p, #storybody .photoright .caption p, #storybody .photofull .caption p {line-height:18px; margin:-4px 0 0 0; padding:0px;} #storybody .calloutleft {float:left; width:30%; min-width:170px; margin:5px 15px 8px 0; padding:8px 8px 8px 0; border-top:6px solid #C99; border-bottom:1px solid #FFF; font-size:22px; font-weight:300; line-height:26px; color:#903;} #storybody .calloutright {float:right; width:30%; min-width:170px; margin:5px 0 8px 15px; padding:8px 0 8px 8px; border-top:6px solid #C99; border-bottom:1px solid #FFF; font-size:22px; font-weight:300; line-height:26px; color:#903;} #storybody .calloutattrib {font-size:17px; font-weight:300; line-height:20px; font-style:italic; text-align:right; margin-right:12px;} .sideleft {background-color:#f5f6f6; float:left; width:30%; min-width:180px; padding:10px; margin:2px 18px 15px 0; box-shadow:2px 2px 2px #c1c1c1; font-size:14px;} .sideright {background-color:#f5f6f6; float:right; width:35%; min-width:180px; padding:10px; margin:2px 0 15px 18px; box-shadow:2px 2px 2px #c1c1c1;font-size:14px;} .sidefull {background-color:#f5f6f6; padding:10px; margin:15px 0 15px 0; box-shadow:2px 2px 2px #c1c1c1; font-size:14px; display:table;} .sideleft h4, .sideright h4, .sidefull h4, .aboutbox h4 {font-size:24px; padding-bottom:6px; margin-top:4px; margin-bottom:12px; border-bottom:1px dotted #06C; font-weight:normal; font-family:roboto condensed, Arial, sans-serif;} .sideleft p, .sideright p, .sidefull p, .aboutbox p {font-size:14pt; line-height:18pt;} .sideleft img, .sideright img, .sidefull img, .aboutbox img {max-width:100% !important; display:block !important; height:auto !important; margin-bottom:8px;} .sideright ul, .sideleft ul, .sidefull ul, .aboutbox ul {padding:0px 0 0 6px; margin:0px;} .sideright ul li, .sideleft ul li, .sidefull ul li, .aboutbox ul li {margin-bottom:14px; list-style-type:disc; padding-left:0px; line-height:18px; font-size:14px;} .sideright ol, .sideleft ol, .sidefull ol, .aboutbox ol {padding:0px 0 0 6px; margin:0px;} .sideright ol li, .sideleft ol li, .sidefull ol li, .aboutbox ol li {margin-bottom:14px; list-style-type:decimal; padding-left:0px; line-height:18px; font-size:14px;} .twocol {clear:left;} .twocolleft {width:49%; float:left; padding:0 15px 15px 0; line-height:20px;} .twocolright {width:50%; float:left; padding:0 0 15px 0; line-height:20px;} .dropcap {color: #903; float:left; font-size:76px; line-height: 58px; padding:4px 8px 0 0; font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;} .bio {font-size:94%; width:75%; min-width:250px; line-height:125%; margin-top:-8px;} .bio h2 {font-weight:300;} .bio .bio-photo {float:left; margin:6px 16px 8px 0; width:80px; height:auto; max-height:80px;} .bio .bio-photo img {width:100%; height:auto; display:block;} .bio p {padding:0; margin:0 0 6px 0 !important;} .rel {font-size:100%; width:75%; min-width:250px; line-height:125%;} .rel h2 {font-weight:300; margin:0 0 10px 0 !important;} .rel p {padding:0; margin:0 0 6px 0 !important;} .rel .fa-tag, .rel .fa-tags {opacity:.7;} #topicOverline {font-size:9px;color:#C33;margin-top:0px;margin-left:0px; margin-bottom:-4px; letter-spacing:4px; text-transform:uppercase;} #subHed {font-size:13pt; line-height:120%;} /* Footer */ footer {min-height:600px; width:100%; display:block;} footer p {padding-bottom:20px;} footer .ad-bottom {background-color:#EEE; padding:10px 0 10px 0;} footer .site-bottom {background-color:#62646d; padding:10px 0 0 0; xheight:100%; color:#EEE; font-size:85%;} footer .site-bottom h2 {color:#FFF; font-size:16pt; background-color:transparent; margin:8px 0 8px 0;} footer .site-bottom ul {list-style:outside none none; margin:6px 0 0 6px; padding-left:0;} footer .site-bottom li {margin:0 0 2px 0; padding:0} footer .site-bottom .fa {color:#DDD;} footer .site-bottom .med-high {min-height:260px; padding:0;} footer .site-bottom a, footer .site-bottom a:visited {color:#CCC;} footer .site-bottom a:hover {color:#FFF;} footer .copyright {font-size:10pt; color:#999; margin-left:-15px; line-height:120%; padding-bottom:4px;} footer .small-headings {color:#999; letter-spacing:.05em;} footer .bottom-logo {width:116px; height:82px; margin-bottom:20px; margin-left:-12px;} /* Editors Picks */ #editors-picks {min-height:200px; font-size:110%; line-height:120%; color:#666666; font-family:'Roboto', sans-serif; padding:0 0 8px 0; margin:-6px 0 0 0;} section.editorscontainer a {color:#2574a9;} #editors-picks h2 {color:#C03; font-weight:300; font-size:100%; margin-top:0px; padding-top:0px;} #editors-picks .picks-head {font-family:'Roboto', sans-serif; margin:12px 0 8px 0; color:#C03; font-weight:300; font-size:100%; } #editors-picks .picks-title {font-family:'Roboto', sans-serif; font-size:12pt; line-height:120%; margin:6px 0 4px 0; letter-spacing:-.02em;} #editors-picks .picks-deck {display:block; font-size:10pt; line-height:120%; color:#666; font-family:'Roboto', sans-serif; } #editors-picks .col-md-3, #editors-picks .col-sm-3, #editors-picks .col-xs-3, #editors-picks .col-md-12 {padding:0 10px 0 10px;} #editors-picks .picks-image:hover {transform: scale(1.04); transition-timing-function: ease; transition: 0.3s;} /* Advertising */ .ad-leaderboard {background-color:#e8e8e8; padding:4px 4px 3px 4px; font-size:0px;} .ad-leaderboard img {max-width:970px; max-height:90px; height:auto;} .ad-rectangle {background-color:#transparent; padding:0; width:302px; font-size:0px; border:1px solid #DEDEDE; margin-left:-1px;} .ad-rectangle img {max-width:300px; max-height:600px; height:auto;} .jumbo {width:100%; min-height:18px; margin-bottom:-18px; line-height:90%;} .ad-leaderboard .top iframe {max-width:970px; max-height:90px; xwidth:100%; height:auto; margin:0 auto; padding-bottom:0px; margin-bottom:0;} .ad-billboard {padding:6px 0 6px 0; font-size:0px;} .ad-billboard img {width:100%; height:auto; max-width:970px; max-height:250px; margin:0 0 0 -15px;} .lower-ad {float:right; margin-left:12px; margin-right:-20px;} #top-jumbo {background-color: #fff;height:auto;min-height:0px;} #de247_640_Top {width: 100% !important; height:700px !important; margin: 0 auto; padding-right:20px;} #de247_640_Top iframe {width:100% !important;} #de247_970_Top iframe {text-align:center; border: 1px solid #F00;} #top-jumbo .container, #top-jumbo .row {margin: 0px !important;} #google_ads_iframe_\/21832593685\/de247 { width: 100% !important; } /* -------------------------------- DE Default Media Queries -------------------------------- */ @media (max-width:970px) { .ad-leaderboard img {width:100%;} .ad-leaderboard .top iframe {xwidth:100%; margin:0 auto;} .lower-ad {float:left; margin:20px 0 20px 0; width:100%; text-align:center;} #storybody .photoleft {max-width:960px;} #storybody .photoright {max-width:960px;} .vertical-space-120 {height:40px;} #site #reg-form label {width:15%; min-width:120px; font-weight:400; font-size:75%; color:#666; float:left; line-height:100%; margin:4px 0 8px 0;} #site #reg-form input[type="text"], #reg-form input[type="password"], #reg-form input[type="email"], #reg-form textarea, #reg-form select {width:100%;} h2.login {font-size:16pt !important;} #download .sml-text, #download .lrg-text {max-width:300px;} #download input[type="text"], #download input[type="email"], #reg-form input[type="password"], #reg-form input[type="email"], #reg-form textarea, #reg-form select {width:80%; min-width:280px; font-size:125%;} #glossary h1 {margin: 0 0 10px -2px;font-weight: 200;font-size: 24pt;color: #333;letter-spacing: -.0em;} } /* Extra Small */ @media (min-width:200px) and (max-width:767px) { .pc-container {margin:4px 0px 20px 0 !important;} .pc-image-width {width:50%;} audio {width:300px !important; height:42px; padding:10px 12px 10px 8% !important;} .mp3-photo img {margin-top:0px !important:} #mp3div {margin-left:10px;} .pc-col-1 {width:100%; margin-bottom:12px; min-height:248px;} .pc-col-2 {width:50%; padding:0 10px 0 0; border-left:none; min-height:200px !important;} .pc-col-3 {width:50%; min-height:200px !important;} #site-header .col-lg-7 {width: 60%;} .navbar.navbar-default.navbar-static-top {padding-left:15px;} #huge-button {width:100%;} .pc-container ul.small li {margin-bottom:3px; font-size:120% !important;} #topic .comp-column {width:100%; margin:0 0 0 0;} #topic .res-column {width:100%; margin:0 0 0 0;} #topic .topic-companydesc {padding-left:162px;} #storybody img.img-inline {max-width:100%;} #storybody img.img-responsive {max-width:100%;} .paper-box .left {width:100%; float:left; margin:0px;} .paper-box .right {width:100%; float:left; margin:24px 0 0 0;} #article .slidethumb {width:48%; min-height:130px;} #author .author-left {float:left; width:100%;} #author .author-right {float:left; width:100%; margin-right:0px;} #site #reg-form .btn-danger {width:100% !important;} h2.login {font-size:16pt !important;} #panel {margin-left:5px;} .logo {width:220px; height:90px; margin:2px 0 0 46px;} .no-padding {padding:0px !important; margin:0 15px 0 15px !important;} .no-padleft {padding-left:0px !important; margin:0 15px 0 15px !important;} #home .no-padleft {margin: 0 5px 0 5px !important;} .ad-leaderboard img {width:100%; height:auto;} .lower-ad {float:left; margin:20px 0 20px 0; width:100%; text-align:center;} .jumbo {margin-bottom:-26px;} h1 {font-size:1.5em; margin:8px 0 14px 0; letter-spacing:normal;} #article h1 {font-size:1.7em; margin:8px 0 14px 0; letter-spacing:normal;} .navbar-de {display:none; visibility:hidden;} #storybody {width:100%; margin:0 20px 0 -10px;} #right-col {float:left; padding-left:0; min-width:100%; margin:0 -15px 15px 0;} #right-col img {float:left; width:100%; height:auto;} #company .col-1a, #company .col-2a, #company .col-3a {float:left; width:100%; padding-left:0px; border-left:none; font-size:75%; max-width:250px;} #company .company-right {float:left; padding:0; margin:0; width:100%; text-align:center;} #company .company-left {float:left; width:100%;} .large-video {background-color:#222; padding:10px 10px 10px 10px; margin:10px 10px 20px -10px;} footer .copyright {margin-left:0px;} footer .site-bottom .med-high {min-height:260px; padding-left:12px;} .ad-billboard img {margin:0;} footer .bottom-logo {width:80px; height:56px; margin-left:0px;} #storybody {margin: 0 20px 0 0;} #storybody table {max-width:100% !important;} #storybody .calloutleft, #storybody .calloutright {width:25%; min-width:150px; font-size:18px; line-height:22px; } #storybody .photoright {width:100%; font-size:80%; color:#666; margin:0 0 8px 0;} #storybody .photoleft {width:100%; font-size:80%; color:#666; margin:0 0 8px 0;} #storybody .photofull {width:100%; font-size:80%; color:#666;} #storybody .photofull img {width:100%; height:auto; display:block;} #storybody img.alignleft {max-width:100% !important; height:auto;} #storybody img.alignrightsm {max-width:80px !important; height:auto;} .alpha-lists {font-size:86%; width:52%; padding:1px 0 10px 76px; margin:0 -60px 0 0;} #home .ad-right {text-align:center; margin:12px 0 10px 0; position:relative; left:-25%; /* or right 50% */;} #home .home-right {width:100%; padding:20px !important; margin:0; border:none !important;} #home .dl-height {min-height:360px !important;} #home .carousel-inner {min-height:400px !important;} #home .magazine-archive {padding:0px !important;} #home .home-left {width:100%; padding:15px; margin:0;} #home .author-box {min-width:32%;} #home .mag-archive {padding:20px;} #home ol.carousel-indicators {margin:-12px 0 0px 0;} .site-left {padding:0px 15px;} .site-right {padding:0px 15px;} #glossary-right {margin:0;} #article #right-col-image {width:100%; xmax-width:600px; margin:0; float:none; margin-left:0px; border-left:none; padding:0;} #article #right-col-image .caption {font-size:10pt; line-height:11pt;} #article #right-col-container {width:100%; margin:0 -20px 0 0; float:right; padding:0 0 0 10px; float:none; border-left:none;} #download #right-col-image-dl {xwidth:100%; xmax-width:600px; margin:0 0 20px 0; float:none; margin-left:0px; border-left:none; padding:0;} #download #right-col-image-dl .caption {font-size:10pt; line-height:11pt;} #download #right-col-container {width:100%; margin:0 -20px 0 0; float:right; padding:0 0 0 10px; float:none; border-left:none;} #glossary .container {padding-right: 15px;padding-left: 15px;margin-right: 15px;margin-left: 15px;} .dropdown .navhead {font-size:16pt;} #article #right-col-top {min-height:10px; width:100%; float:none;} #archive .archive-desc-large {font-size:100%;} #archive .archive-desc {font-size:80%;} #download .sml-text, #download .lrg-text {max-width:300px;} #site #reg-form input[type="text"], #reg-form input[type="password"], #reg-form input[type="email"], #reg-form textarea, #reg-form select {width:auto;} #search .left-addon input {margin-bottom:6px;} #search .left-addon select {width:240px; margin-bottom:6px;} #search .left-addon .sm-search-btn {} #search .sm-search-btn {padding:7px; margin-top:0px; margin-left:0px;} #home .one-third {width:100%; float:left; margin:6px 0 10px 0;} .download-caption {max-width:300px;margin-left:0px !important;font-size:80%;color:#666; display:inline-table;} #prod-col .news-image {width:100%; margin-bottom:10px; float:none; min-height:200px;} #company .content-gradient {min-height:458px; xheight:458px; margin-bottom:-508px;} .pc-left, .pc-right {width:100%;} .pc-container .home-right {border-left:none !important; margin-right:0px !important; padding-left:4px !important; margin-top:0px !important;} img.pc-left {max-width:300px; float:none;} .pc-topic-right {float:left; margin-left:0px; margin-right:0px;} #download-form {max-width:280px;} #home .alert-logo {width:100%;} #home .alert-logo img {max-width:280px !important;} #home .alert-text {width:100%;} } /* Small */ @media (min-width:768px) and (max-width:991px) { .pc-left {width:40%;} .pc-right {width:60%;} .pc-topic-right {float:left; margin-left:0px; margin-right:0px;} .pc-container .home-right {border-left:none !important; margin-right:0px !important; padding-left:4px !important; margin-top:0px !important;} #topic .comp-column {width:50%; margin:0 -10px 0 0; float:left !important; } #topic .res-column {width:45%; margin:0 0 0 0;} #topic .topic-companydesc {padding-left:148px;} #topic .col-md-4 {float:left;} #storybody img.img-inline {max-width:380px;} #storybody img.img-responsive {max-width:380px;} .paper-box .left {width:100%; float:left; margin:0px;} .paper-box .right {width:100%; float:left; margin:24px 0 0 0;} #article .slidethumb {width:152px; height:100px;} .logo {width:280px; height:100px; margin:0 0 0 -4px; } .ad-leaderboard img {width:100%; height:auto;} .jumbo {margin-bottom:-26px;} .nav-mega .dropdown {position: static;margin-right: 2px;} .dropdown-menu .col-md-2 {width:100%;} .navbar-nav > li > a {padding:6px; font-size:90%;} .navbar-right {margin-right:0px;} .search-right {width:466px;} .search-right .col-2 {font-size:68%;} h1 {font-size:1.7em; margin:8px 0 6px 0;} #article h1 {font-size:1.9em; margin:8px 0 6px 0;} #right-col {padding-right:0; min-width:380px; xmargin:0 -20px 10px 0;} #company #right-col {padding-right:0; min-width:300px; margin:0 -40px 10px 0;} #company .col-1a {float:left; width:100%; padding-left:0px; border-left:none; font-size:75%; max-width:250px;} #company .col-2a, #company .col-3a {float:left; width:50%; padding-left:0px; border-left:none; font-size:75%; } #company .company-left {float:left; width:56%; margin:0px; padding:0 0 0 15px;} #company .content-gradient {min-height:458px; xheight:458px; margin-bottom:-488px;} footer .site-bottom .med-high {min-height:260px;} .ad-billboard img {margin:0;} footer .bottom-logo {width:90px; height:66px; margin-left:-10px;} footer .site-bottom .med-high {margin:0 -10px 0 10px;} #storybody {width:100%; min-width:100%; margin:0 20px 0 -10px;} #storybody table {max-width:100% !important;} #storybody .calloutleft, #storybody .calloutright {width:25%; min-width:150px; font-size:18px; line-height:22px; } #storybody .video-container {max-width:440px;} #storybody .photofull {width:100%; font-size:80%; color:#666;} #storybody .inline {width:44% !important; margin-right:30px; padding-right:30px;} #storybody .photofull img, #storybody .inline img {width:100%; height:auto; display:block; clear:after;} #storybody .photoright {width:51% !important; font-size:80%; color:#666; margin:0 0 8px -10px;} #storybody .photoleft {width:51% !important; font-size:80%; color:#666; margin:0 -10px 8px 0;} #storybody img.alignleft {max-width:100% !important; height:auto;} #storybody img.alignrightsm {max-width:100px !important; height:auto;} #storybody .sidebar-left {width:300px;} .alpha-lists {font-size:92%; width:48%; padding:1px 0 10px 80px; margin:0 -80px 0 0;} #home .home-right {margin:0 -10px 0 0;} #home .author-box {min-width:24%;} #home .ad-right {text-align:center; margin:12px 0 10px 0; position:relative; left:-25%; /* or right 50% */;} #home .mag-archive {padding:24px;} #home .news-col {width: 48%; padding-right:0px;} #home .sm-height {min-height:600px;} .magazine-archive {margin-right:-20px !important; padding-right: 0px !important;} .site-left {padding:0px;} .site-right {padding:0px;} #article #right-col-image .caption {font-size:10pt; line-height:12pt;} #article #right-col-image {width:320px; margin:0 0 0px 0; padding-left:10px;} #download #right-col-image-dl .caption {font-size:10pt; line-height:12pt;} #download #right-col-image-dl {width:320px; margin:0 -20px 0 20px; xpadding-left:10px;} #article #right-col-container {width:340px; margin:0 -20px 0px 20px; float:right; padding:10px 0 0 10px;} #article #right-col-container .left {width:300px;float:left;padding:0;margin:0 15px 20px 0;} #article #right-col-container .related-title {font-size:92%; margin-bottom:6px;} #article #right-col-container .related-summary {font-size:88%;} #article #right-col-container .line {margin-top:0px; margin-bottom:0px;} #article .red-overline {margin:0 0 0 -8px;} #article h1 {margin: 8px 0 6px -10px;} #article h2.deck {margin: 0 0 0 -10px;} #article h2 {margin: 0 0 0 0;} #storybody h2 {font-size:125%;} #des, #sim, #pro, #tes, #plm, #com, #iot {width:97%; margin-top:2px;} .nav-mega .dropdown .navhead {font-size:20pt;} .nav-mega .dropdown-menu li {margin-right:20px; float:left;} #archive .archive-desc-large {font-size:120%;} #archive .archive-desc {font-size:80%;} #download .sml-text, #download .lrg-text {max-width:400px;} #site #reg-form input[type="text"], #reg-form input[type="password"], #reg-form input[type="email"], #reg-form textarea, #reg-form select {width:auto;} .download-caption {max-width:300px;margin-left:20px !important; font-size:80%;color:#666; display:block;} #download #right-col-image-dl {margin-bottom: 20px !important;} #prod-col .news-image {width:200px; float:left; margin-bottom:10px;} #download-form {max-width:360px;} #home .alert-logo {width:100%;} #home .alert-logo img {max-width:280px !important;} #home .alert-text {width:100%;} } /* Medium */ @media (min-width:992px) and (max-width:1199px) { .pc-container {margin:4px 0px 20px 0 !important;} .pc-image-width {width:50%;} .mp3-photo {max-height: 260px; overflow:hidden;} .mp3-photo img {margin-top:-6%; margin-bottom:-6%;} .pc-col-1 {width:100%; margin-bottom:12px;} .pc-col-2 {width:50%; padding:0 10px 0 0; border-left:none;min-height:200px !important;} .pc-col-3 {width:50%; min-height:200px !important;} #site-header .col-lg-7 {width: 50%;} #site-header .social {min-width: 220px;} #site-header .login {margin-right: -34px; margin-left: -46px; min-width: 60%;} #huge-button {width:40%;} #topic .comp-column {width:300px; margin:0 -20px 0 -10px;} #topic .res-column {width:290px; margin:0 -20px 0 -10px;} #topic .ressmimage {width:120px; height:auto; margin:0 10px 6px 0;} #topic .topic-smalllogo {max-width:80px; width:33%; min-width:80px; max-height:60px; float:left; margin:0 10px 4px -4px;} #topic .topic-companydesc {padding-left:100px;} #storybody img.img-inline {max-width:520px;} #storybody img.img-responsive {max-width:520px;} #site #reg-form input[type="text"], #reg-form input[type="password"], #reg-form input[type="email"], #reg-form textarea, #reg-form select {width:100%;} .site-left {padding-right:20px;width:65%;} .site-right {width:320px;} .logo {width:280px; height:108px; margin:0px 0 0 -4px;} .nav-mega .dropdown {position: static;margin-right:4px;} .navbar-nav > li > a {padding:7px; font-size:100%;} .navbar-right {margin-right:0;} .ad-leaderboard {min-height:96px;} h1 {font-size:2.0em; margin:0px 0 10px 0;} #article h1 {font-size:2.8em; margin:8px 0 6px -2px;} #right-col {float:right; padding-right:0; width:480px; margin:0 -16px 10px 0;} #storybody .video-container {max-width:540px;} footer .pull-right {font-size:12pt; margin-top:-4px;} .search-right {margin:10px -14px 0 0; } .search-right .col-2 {font-size:70%;} #storybody .photofull {max-width:50%; width:100%; font-size:80%; color:#666;} #storybody .inline {width:50% !important; margin-right:-10px; padding-right:0;} #storybody .photoright {width:35%; font-size:80%; color:#666; margin:0 0 8px 10px;} #storybody .photoleft {width:35%; font-size:80%; color:#666; margin:0 10px 8px 0;} #home .author-box {min-width:130px;} #home .mag-archive {width:180px;} #home .mag-archive {width:200px;} #home .ad-right {margin: 6px -10px 6px -30px !important;} .nudge-right {padding-right:12px !important; width:46%;} .nudge-left {padding-left:0px !important; margin-left:-10px; width:54%;} .nudge {padding-left:0px !important; margin-left:-20px; width:54%;} #editors-picks .picks-title {font-size:13px; margin:6px 0 4px 0; letter-spacing:-.01em; line-height:118%;} #editors-picks .picks-deck {font-size:11px; line-height:118%;} #home .top-webcast-image {height:160px;} #home .top-webcast-image img {width:110%;} #home-tabs .nav>li>a {font-size:13px;} #home .download-cover-lrg {width:92%; height:auto; max-height:320px; max-width:300px;} #home .download-cover-small {max-height:136px;} .magazine-archive {margin-right:-40px !important; padding-right: 0px !important;} #download #right-col-image-dl {width:370px; margin:0; xpadding-left:10px; margin-left:20px;} #article #right-col-image {width:370px; margin:0; padding-left:10px; margin-left:20px;} #article #right-col-container {width:370px; margin:0; float:right; padding:0 0 0 10px; margin-left:20px;} #article #right-col-container .left {width:300px;float:left;padding:0;margin:0 15px 20px 0;} #article #right-col-container .related-title {font-size:92%; margin-bottom:6px;} #article #right-col-container .related-summary {font-size:88%;} #article #right-col-container .line {margin-top:2px; margin-bottom:2px;} .nav-mega .smimage {width:120px !important; xheight:104px; margin:0 8px 4px 0; } #des, #sim, #pro, #tes, #plm, #com, #iot {margin-top:4px;} #company .content-gradient {min-height:600px; height:620px; xmargin-bottom:-360px;} #companies .alpha-lists {width:320px;} #company .wide-image-container {margin:-15px -10px 10px -10px !important; padding:0;} .download-caption {max-width:300px;margin-left:20px !important; margin-top:20px; font-size:80%;color:#666; display:inline-table;} .nav-mega .dropdown {margin-right: -1px !important;} #home .news-col {width: 55%; padding-right:6px;} #home .mag-col {}} /* Large */ @media (min-width:1200px) and (max-width:1699px) { .mp3-photo {max-height: 232px; overflow:hidden;} .mp3-photo img {margin-top:0px;} #topic .res-column {width:360px; margin:0 -5px 0 -5px;} #storybody img.img-inline {max-width:580px;} #storybody img.img-responsive {max-width:580px;} #article .slidethumb {width:270px; height:162px;} #search h2 {font-size:22pt !important;} #search .left-addon input {width:300px;} .site-left {padding-right:20px;width:72%;} .site-right {width:320px;} #storybody-wrap {padding-right:100px;} .ad-leaderboard {min-height:96px;} h1 {font-size:2.6em; margin-top:6px;} h2 {font-size: 130%; } .navbar-form .nav-search {width:180px;} .dropcap {font-size:96px; line-height: 78px; padding:6px 8px 0 0;} #right-col {float:right; padding-right:0; width:520px; margin:0 -18px 10px 0;} #storybody p {font-size:110%; line-height:148%;} #storybody .video-container {max-width:660px;} footer .pull-right {font-size:14pt; margin-top:-6px;} .search-right {margin:10px -16px 0 0; width:580px} .search-right .col-1 {width:27%; padding:6px 0 0 24px; font-size:175%;} .search-right .col-2 {width:43%; padding-left:24px;} .search-right .col-3 {width:30%; padding-left:24px;} #storybody .photofull {max-width:560px;} #storybody .photoleft, #storybody .photoright {max-width:51.5%;} #storybody .sidebar-left, #storybody .sidebar-right {width:300px; padding:14px 10px 8px 18px; margin-bottom:12px;} #home .author-box {min-height:110px; height:110px;} #home .author-box img {width:100%; height:auto;} #home .mag-archive {width:246px;} #home-tabs .nav>li>a {font-size:14px;} #home .download-cover {max-height:330px; max-width:290px;} #home .download-cover-lrg {width:92%; height:auto; max-height:360px; max-width:300px;} #home .newswire-box {min-height:120px; width:568px; float:left; margin: 18px 0 6px -6px;} #home .download-cover-small {max-height:166px;} .nudge-right {padding-right:12px !important;} .nudge-left {padding-left:12px !important;} .nudge {padding-left:2px !important;} #home .top-webcast-image img {width:128%; margin-left:-14%;} #home .reviews-expand {width:434px;} #home .reviews-shrink {width:88px; margin-right:40px;} .magazine-archive {margin-right:-40px !important; padding-right: 0px !important;} #companies .alpha-lists {width:340px;} #glossary .wide-image-container {max-height:520px;} #company .wide-image-container {margin:-15px -10px 10px -10px !important; padding:0;} #article #right-col-image {width:560px; padding-left:12px; margin-left:20px;} #article #right-col-container {width:581px; padding-left:12px; margin:0 -41px 20px 20px;} #article #right-col-container .left {width:232px; margin-right:13px;} #article #right-col-container .right {width:300px;} .nav-mega .dropdown {margin-right: -1px !important;} #home .news-col {width: 55%; padding-right:6px;} #home .mag-col {}} /* Extra Large */ @media (min-width:1700px) { .mp3-photo {max-height: 280px; overflow:hidden;} .mp3-photo img {margin-top:-15px; margin-bottom:-15px;} #topic .comp-column {width:400px; margin:0 -15px 0 -15px;} #topic .res-column {width:400px; margin:0 0 0 0;} #topic .ressmimage {width:180px; height:auto; margin:0 18px 10px 0;} #topic .topic-companydesc {padding-left:158px;} #article .slidethumb {width:328px; height:198px;} #home #new-prod {width:360px; float:left; margin:-2px 10px 20px 24px;} #home .reviews-expand {width:566px;} #home .reviews-shrink {width:200px; margin-right:40px;} #search h2 {font-size:24pt !important;} #home .newswire-box {min-height:120px; width:674px; float:left; margin:18px 60px 6px -6px;} #home .news-col {width:380px; xborder:1px solid #CCC;} #home .mag-col {width:330px; xborder:1px solid #CCC;} #search .left-addon input {width:360px;} #storybody-wrap {padding-right:160px;} .ad-leaderboard {min-height:96px;} h1 {font-size:3.0em; margin-top:10px;} h2 {font-size: 150%; } .navbar-form .nav-search {width:220px;} #right-col {float:right; padding-right:0; width:620px; margin:0 -15px 10px 0;} .dropcap {font-size:96px; line-height: 78px; padding:6px 8px 0 0;} #company .wide-image-container {margin:-15px -10px 10px -10px !important; padding:0;} #glossary .wide-image-container {max-height:560px;} .wide-image-container {margin:-10px -10px 20px -10px;} #storybody p {font-size:120%; line-height:154%;} .large-video {margin:2px -10px 20px -10px;} footer .pull-right {font-size:16pt; margin-top:-8px;} .search-right {margin:10px -18px 0 0; width:580px; } .search-right .col-1 {width:27%; padding-left:24px; padding:6px 0 0 24px; font-size:175%;} .search-right .col-2 {width:43%; padding-left:24px;} .search-right .col-3 {width:30%; padding-left:24px;} #storybody .photofull {max-width:820px;} #storybody .sidebar-left, #storybody .sidebar-right {width:360px; padding:14px 10px 8px 18px; margin-bottom:12px;} #storybody .sidebar-left {margin-right:24px;} #storybody .sidebar-right {margin-left:24px;} #companies .alpha-lists {width:380px;} .alpha-lists {font-size:106%; width:280px;} .alpha-container {height:320px;} #home .author-box {min-height:150px; height:150px;} #home .home-left .title {font-size:120%; line-height:110%;} #home .mag-archive {width:366px;} #home-tabs .nav>li>a {font-size:15px;} .nudge-right {padding-right:12px !important;} .nudge-left {padding-left:24px !important;} .nudge {padding-left:0 !important;} .nav-mega .smimage {width:140px !important; xheight:140px; margin:0 10px 6px 0; } #article #right-col-container {margin:0 -41px 20px 20px;} /* Adding XL-size to Bootstrap */ .container {width:1500px; xborder:1px solid #F00;} .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {float: left;} .col-xl-12 {width: 100%;} .col-xl-11 {width: 91.66666667%;} .col-xl-10 {width: 83.33333333%;} .col-xl-9 {width: 75%;} .col-xl-8 {width: 66.66666667%;} .col-xl-7 {width: 58.33333333%;} .col-xl-6 {width: 50%;} .col-xl-5 {width: 41.66666667%;} .col-xl-4 {width: 33.33333333%;} .col-xl-3 {width: 25%;} .col-xl-2 {width: 16.66666667%;} .col-xl-1 {width: 8.33333333%;} .col-xl-pull-12 {right: 100%;} .col-xl-pull-11 {right: 91.66666667%;} .col-xl-pull-10 {right: 83.33333333%;} .col-xl-pull-9 {right: 75%;} .col-xl-pull-8 {right: 66.66666667%;} .col-xl-pull-7 {right: 58.33333333%;} .col-xl-pull-6 {right: 50%;} .col-xl-pull-5 {right: 41.66666667%;} .col-xl-pull-4 {right: 33.33333333%;} .col-xl-pull-3 {right: 25%;} .col-xl-pull-2 {right: 16.66666667%;} .col-xl-pull-1 {right: 8.33333333%;} .col-xl-pull-0 {right: auto;} .visible-lg {display:none !important;} .hidden-lg {display:block !important;} .hidden-xl {display:none !important;} } /* Conditional Tweaks */ @media only screen and (min-width:480px) and (max-width:600px) { .pc-container {margin:4px 0px 20px 0 !important;} .pc-image-width {width:50%;} audio {width:400px; height:42px; padding:10px 12px 10px 8% !important} #mp3div {margin-left:10px;} .mp3-photo img {margin-top:0px !important:} .pc-col-1 {width:100%; margin-bottom:12px; min-height:248px;} .pc-col-2 {width:50%; padding:0 10px 0 0; border-left:none; min-height:200px !important;} .pc-col-3 {width:50%; min-height:200px !important;} #site-header .col-lg-7 {width:42%;} .navbar.navbar-default.navbar-static-top {padding-left:15px;} #site-header .social {min-width:220px;} #site-header .login {margin-right: -34px; margin-left: -46px; min-width: 60%;} #huge-button {width:100%;} .pc-container ul.small li {margin-bottom:2px; font-size:110% !important;} } @media (min-width:769px) and (max-width:840px) { .logo {width:220px; height:90px; margin:0 0 0 36px;} } @media (min-width:993px) and (max-width:1056px) { .logo {width:280px; height:100px; margin:0 0 0 22px;} } @media (min-width:1201px) and (max-width:1260px) { .logo {width:280px; height:108px; margin:0px 0 0 28px;} } @media (min-width:988px) and (max-width:1194px) { .search-right {margin:10px -48px 0 0; } }