@charset "UTF-8";

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Imports */
.legacy { /* Mixins...  */ /* Settings... this is where all the default colors, font-sizes, radiuses etc are set. */ /* == VARIABLES == */ /* Extends... Classes that may be extended within the SASS later. */ /* Normalize... from H5BP... get all browsers to behave the same.  */ /*! normalize.css v2.1.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* Sort the box-sizing out! */ /** Correct `block` display not defined in IE 8/9. */ /** Correct `inline-block` display not defined in IE 8/9. */ /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ /** Address styling not present in IE 8/9. */ /* ========================================================================== Base ========================================================================== */ /** 1. Prevent system color scheme's background color being used in Firefox, IE, and Opera. 2. Prevent system color scheme's text color being used in Firefox, IE, and Opera. 3. Set default font family to sans-serif. 4. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ /** Remove default margin. */ /* ========================================================================== Links ========================================================================== */ /** Address `outline` inconsistency between Chrome and other browsers. */ /** Improve readability when focused and also mouse hovered in all browsers. */ /* ========================================================================== Typography ========================================================================== */ /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */ /** Address styling not present in IE 8/9, Safari 5, and Chrome. */ /** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ /** Address styling not present in Safari 5 and Chrome. */ /** Address differences between Firefox and other browsers. */ /** Address styling not present in IE 8/9. */ /** Correct font family set oddly in Safari 5 and Chrome. */ /** Improve readability of pre-formatted text in all browsers. */ /** Set consistent quote types. */ /** Address inconsistent and variable font size in all browsers. */ /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ /* ========================================================================== Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9. */ /** Correct overflow displayed oddly in IE 9. */ /* ========================================================================== Figures ========================================================================== */ /** Address margin not present in IE 8/9 and Safari 5. */ /* ========================================================================== Forms ========================================================================== */ /** Define consistent border, margin, and padding. */ /** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ /** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */ /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ /** Re-set default cursor for disabled elements. */ /** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */ /** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */ /** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */ /** Remove inner padding and border in Firefox 4+. */ /** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */ /* ========================================================================== Tables ========================================================================== */ /** Remove most spacing between table cells. */ /* ========================================================================== Lists ========================================================================== */ /* Global Styles... standard HTML modifications for HWX... buttons, images, lists, tables,  etc.  */ /* Remove text-shadow in selection highlight: h5bp.com/i */ /* We should really add some context to this... h1's, h2's appear differently in panel pages than L300 pages. */ /* A better looking default horizontal rule */ /* Remove the gap between images and the bottom of their containers: h5bp.com/i/440  */ /* For documents linking to xyz sort of file */ /* No Indent for the list */ /* Simple, no dots, just line-breaks */ /* Create a commma separated list */ /* Used for a list of links */ /* Use with lots of text per bullet. - Adds spacing below the list item to give it more of a paragraph styling */ /* We don't need padding around a UL if it's the only content in a table */ /* Avoids funky spacing at the top of a column that starts with a paragraph */ /* Notations are used for those little footer notes about what's not quite right.... kind of an antiquated paper concept, but occasionally useful. - Used currently in downloads. */ /* Typer - Couldn't think of a better terminology - Describes the type of content below it */ /* Used as a bit of subtext - Maybe below a form, or a picture */ /* Marker - used to grafiti text..  using it on the homepage to add 2.0 after HDP */ /* Used at the bottom of blog posts to show categories this post belongs to. */ /* Used to show an update at the beginning of a blog post */ /* Forms */ /*  Remove default fieldset styles. */ /*  Allow only vertical resizing of textareas. */ /* == FORMS == */ /* Results of forms... this would be inserted into the header of the page.  */ /* FadeIn will be faded in */ /* Gravity Forms Overrides */ /*Marketo Training Sales Form */ /*Marketo Contact Sales Form */ /* Grid... this includes the DIY grid, plus the two-hree-four hitter technique */ /* Simple Grid I picked this up from somewhere. - http://css-tricks.com/dont-overthink-it-grids/ */ /* Layout.. generic panels styles (light-grey, green) Search fields, etc. .  */ /* Mainbody delineates the page from the header and the footer */ /* We want the last page section to have some padding before the footer bar */ /* Show a warning to old browsers that they need to upgrade */ /* Page Sections are full width areas of the page */ /* Used when we want to break the standard frame and let the background show through */ /* Used to prevent a divided full-width bleed. - Typical for the bottom of the page */ /* This acts a little like a panel divider, but it can sit within the content.... it's only used on the customers page! */ /* Aside is the sidebar in the L300 templates. */ /* Simple tab system for inlining small chunks of content */ /* Options Panel - Static, right aligned panel with a link for feedback, contact, fwd etc.  */ /* Icons... icomoon stuff, but is this working?  */ /* I think we have to stuff font declarations up front? */ /* Utilities... these are things class descriptors like clearfixes, leftaligns, notes,  etc.  */ /* Used to launch an item out of the maincontent area into the green titlebar.... currently used with the badges for the YARN ready program etc. */ /* This is used quite extensively in WP */ /* Align text in the div */ /* Image replacement */ /* Hide from both screenreaders and browsers: h5bp.com/u */ /* Hide visually and from screenreaders, but maintain layout */ /* Clearfix: contain floats - http://nicolasgallagher.com/micro-clearfix-hack/  - note there's a mixin for clearfix*/ /* Grayscale - Turns logos etc - gray: Media  */ /* Make text smaller */ /* WP Image Captions */ /* == WORDPRESS STYLE OVERRIDES */ /* DB Queries on dev */ /* Google Site Search - Supress the Paid Ads until we renew our account */ /* == GRAVITY FORMS OVERRIDES */ /* Used with the menu items. */ /* Used to allow editors to place notes in content that are not visible to users */ /* Used anytime we want to create a note when browsing the text */ /* Edit Link - Usually used to give Admins the ability to edit a chunk of content */ /* Added by JS to external links in the document: Font Icon */ /* Advanced analytics page - video play button */ /* bbPress */ /* BBPress Overrides */ /* i18n Overrides */ /* i18n Overrides for languages that have been translated and are too long.  This is for correcting layout issues */ /* Japanese overrides */ /*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */ /* FONT PATH -------------------------- */ /* makes the font 33% larger relative to the icon container */ /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ /* LAYOUT - These are the base template layout files for the Hortonworks Site */ /* Search Box in Navigation */ /* The header is the area included in header.inc - including navigation and all that. */ /* Breadcrumbs */ /* SECTIONNAV - Used for creating sub-pages within one page....  */ /* ...the default application is when used below the titlebar in it's own 'ps'  */ /* ...can also be used within an opener container. */ /* ... can also be used as a sidenav */ /* Tools */ /* ----------------------------------------------
/* =Footer
---------------------------*/ /* Opener is a big picture way of starting the page - Added Nov 2014 for the Why-HWX page.... obviously, there's a few things that are a bit too fixed here, like positioning of the h2 and copy */ /* On customer and industry pages. - We don't really want some attributes on the panel driven layout, but they are reverted in the aside */ /* Used on the industry pages. */ /* Promo Panel can be seen on the MDA page and the solutions page and are used to show an interstitial promo */ /* Bottom Drawer... used at the bottom of some of the L300 pages.  */ /* Maincontent is where the body of the page will usually go. BODY COPY */ /* Prevent inline photos overflowing the content boundry */ /* Prevent overflow in the tables! */ /* we don't want to compound when a code block is inside a div as from github. */ /* Related Files - For associated files embedded in the main flow of the content */ /* Used for showing news articles on a L1/200 page */ /* Categories listed at the bottom of a post */ /* Used on the tutorials to define which version of Sandbox the tutorial works with */ /* For Related Posts.... shown in a typical page sidebar */ /* Related Tutorials - As generated by the insert_related_links function */ /* For Related Webinars....  */ /* For Webinars Page */ /* For Aside */ /* For divided footer */ /* Used to create larger text at the beginning of a page */ /* Content Tables are used to display information in the body of the content */ /* A very simple non-colored table for use in docs. */ /* Quote Bubbles  <div class="quote_bubble"><div class="quote"></div></div> */ /* Where is this used? */ /* Definition Lists... occationally nice for inline copy. */ /* This is usually used inside repeating elements. We'll let the title/header determine the spacing. The <p> element should have a benign margin */ /* Pull Quotes: Typography */ /* Breakout... used to draw attention to a chunk of inline text */ /* Are these for quotations and the like? */ /* Creates a horizontal bookshelf style of links */ /* Hitters are an easy way to do column layouts...  */ /* extends hitters, simple white boxes instead of inline */ /* We used these temporarily on the enterprise-hadoop page and the careers page, but the standard hitters technique is probably better */ /* twoway is a row with an image on the left, some copy on the right  */ /* Phase Diagrams - Used on Labs Pages */ /* Tutorial Styles... used across a couple pages showing the tutorials, but mainly the tor   */ /* Press Releases */ /* Fancybox... for some reason something's not quite right : */ /* Fancybox settings for the contact-us form */ /* Thank you page for modals */ /* Used in the Contact Us form and the footer */ /* Extended Items - This is tied in with the custom style override for the image galleries, and there is a hook that a JS event handler adds content to! */ /* Creates a horizontal bookshelf style of links... used with extended-items */ /* This works with the show_partners shortcode to show a list of partner logos inline with text... used on YARN Ready page, Training page, and maybe other places */ /* These have been used on the what's new page to denote additional resources on a topic */ /* == PRINT STYLES  Inlined to avoid required HTTP connection: h5bp.com/r == */ /* Modules */ /** BxSlider v4.1.2 - Fully loaded, responsive content slider http://bxslider.com  Written by: Steven Wanderski, 2014 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz)  CEO and founder of bxCreative, LTD http://bxcreative.com */ /** RESET AND LAYOUT
===================================*/ /** THEME
===================================*/ /* LOADER */ /* PAGER */ /* DIRECTION CONTROLS (NEXT / PREV) */ /* AUTO CONTROLS (START / STOP) */ /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ /* IMAGE CAPTIONS */ /* HWX Overrides on for BoxSlider jQuery plugin */ /* Modules */ /*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */ /* Overlay helper */ /* Title helper */ /* Modules */ /* Modules */ /* Overall Diagram */ /* Customize Diagram based on type */ /* Sections */ /* Low-Level Components */ /* Data Access */ /* How can I apply the Media Queries to an artificially small version of the image? */ /* Auto hilight sections */ /* Modules */ /* Z-INDEX */ /* Modules */ /* example css for company select list display frame class */ /* example css for company select list table class within displayFrame */ /* company rows/columns */ /* None of the Above row/column */ /* example css for company select list div row class within displayFrame */ /* company name/details */ /* None of the Above name/details */ /* example css for loading animation div */ /* Modules */ /*
style for pagination
*/ /* Modules */ /* Modules */ /* CUSTOM - These are page-specific styles and overrides... they shouldn't really be included in the main stylesheet, but for now they are */ /* Blog */ /* == BLOG STYLING == */ /* == COMMENT STYLING == */ /* Product */ /* Download Options */ /* Previous Versions */ /* Docs section on product page */ /* Legacy Download Options Layout - Updated for hitters.... this can probably get cleaned out.  */ /* Why is this doen as a ul? */ /* New style Downloads Page */ /* Styling the sidebar links to forums */ /* Enterprise */ /* About */ /* Partner */ /* Used for the YARN Ready logos in the partner page template... this is a different method than what is used on the ready program pages themselves */ /* Home */ /* Labs */ /* Innovation Projects - Used in labs.... layout is controlled by hitters. */ /* Solutions */ /* on single view, solutions, and other pages... this is the row that speaks to the high-level of benefits.... green circle images */ /* FROM THE CUSTOMERS PAGE */ /* Home */ /* ======== Home Page ======== */ /* Wirestone MDA
@import "../custom/mda";*/ /* Wirestone MDA */ /* Careers */ /* HDF Pages */ }
.legacy select { display: inline-block; }
.legacy .track-container:before, .legacy .training-map:before, .legacy .track-container:after, .legacy .training-map:after { content: " "; display: table; }
.legacy .track-container:after, .legacy .training-map:after { clear: both; }
.legacy .carousel-nav a { color: transparent; font: 0/0 a; text-shadow: none; }
.legacy .track-box, .legacy .testimonial-carousel .slide { box-shadow: 0 0 4px 2px rgba(215, 213, 212, 0.34); }
.legacy .track-box ul { list-style: none; margin-left: 0; padding-left: 0; }
.legacy .training-callout ul li:before { content: "\f046"; font-family: "FontAwesome"; color: #e17000; margin-right: .5em; }
.legacy .track-box { position: relative; overflow: hidden; background-color: white; border: 1px solid #d7d5d4; border-top: 0; border-radius: 8px; }
.legacy * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.legacy article, .legacy aside, .legacy details, .legacy figcaption, .legacy figure, .legacy footer, .legacy header, .legacy hgroup, .legacy main, .legacy nav, .legacy section, .legacy summary { display: block; }
.legacy audio, .legacy canvas, .legacy video { display: inline-block; }
.legacy audio:not([controls]) { display: none; height: 0; }
.legacy [hidden] { display: none; }
.legacy html { background: #fff; /* 1 */ color: #000; /* 2 */ font-family: sans-serif; /* 3 */ -ms-text-size-adjust: 100%; /* 4 */ -webkit-text-size-adjust: 100%; /* 4 */ }
.legacy body { margin: 0; }
.legacy p { line-height: 1.5; font-size: 1em; font-weight: 300; margin-top:16px; margin-bottom: 16px;}
.legacy a:focus { outline: thin dotted; }
.legacy a:active, .legacy a:hover { outline: 0; }
.legacy h1 { font-size: 2em; margin: 0.67em 0; }
.legacy abbr[title] { border-bottom: 1px dotted; }
.legacy b, .legacy strong { font-weight: bold; }
.legacy dfn { font-style: italic; }
.legacy hr { height: 0; }
.legacy mark { background: #ff0; color: #000; }
.legacy code, .legacy kbd, .legacy pre, .legacy samp { font-family: Consolas, "Liberation Mono", Courier, monospace; font-size: 1em; }
.legacy pre { white-space: pre-wrap; }
.legacy q { quotes: "\201C" "\201D" "\2018" "\2019"; }
.legacy small { font-size: 80%; }
.legacy sub, .legacy sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
.legacy sup { top: -0.5em; }
.legacy sub { bottom: -0.25em; }
.legacy img { border: 0; }
.legacy svg:not(:root) { overflow: hidden; }
.legacy figure { margin: 0; }
.legacy legend { border: 0; /* 1 */ padding: 0; /* 2 */ }
.legacy button, .legacy select { text-transform: none; }
.legacy button[disabled], .legacy html input[disabled] { cursor: default; }
.legacy button::-moz-focus-inner, .legacy input::-moz-focus-inner { border: 0; padding: 0; }
.legacy .button-default { color:white;}
.legacy textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }
.legacy table { border-collapse: collapse; border-spacing: 0; line-height: 1.5; }
.legacy th { text-align: left; }
.legacy dt { margin-top: 10px; }
.legacy dd { margin-left: 0px; }
.legacy body, .legacy table { font-size: 1em; line-height: 1.5; font-family: "Helvetica Neue", Helvetica, Arial, "Open Sans", "Lucida Grande", sans-serif; font-weight: 300; }
.legacy ::-moz-selection, .legacy ::selection { background: #b3d4fc; text-shadow: none; }
.legacy a { color: #598ba6; }
.legacy a:visited { color: #598ba6; }
.legacy a:hover { color: #e17000; }
.legacy figcaption { text-align: center; color: #999; font-size: 80%; }
.legacy h1 { font-size: 250%; font-weight: 300; line-height: 1.125em; margin: 0px 0px 20px; }
.legacy section { padding: 14px 0 12px;}
@media only screen and (min-width: 48em) { .legacy h1 { font-size: 380%; line-height: 1.5em; } }
.legacy h1 + .subtitle { font-size: 110%; color: #999; font-weight: 300; margin-top: 0px; }
@media only screen and (min-width: 48em) { .legacy h1 + .subtitle { font-size: 140%; } }
.legacy h1.wordy { font-size: 300%; padding-top: 10px; }
.legacy h1 a { text-decoration: none; }
.legacy h2, .legacy .slug_innovation .innovation .group_title { font-size: 200%; font-weight: 300; margin: 10px 0px 15px; overflow: visible; }
.legacy h2 + .subtitle, .legacy .slug_innovation .innovation .group_title + .subtitle { font-size: 110%; color: #aaa; font-weight: 300; margin-top: -20px; margin-bottom: 20px; line-height: 170%; }
.legacy h2 + h3, .legacy .slug_innovation .innovation .group_title + h3 { margin-top: 0px; }
.legacy h2 + p, .legacy .slug_innovation .innovation .group_title + p { margin-top: 5px; }
.legacy h2 a, .legacy .slug_innovation .innovation .group_title a { text-decoration: none; }
.legacy h3 { font-size: 145%; margin: 40px 0 10px; font-weight: 300; }
.legacy h3 + p { margin-top: 0px; }
.legacy h3 a { text-decoration: none; }
.legacy h4 { margin-top: 10px; }
.legacy h4 + p { margin-top: 0px; }
.legacy hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
.legacy img { max-width: 100%; vertical-align: middle; height: auto; }
.legacy li { line-height: 1.5; font-weight: 300; list-style: initial; }
.legacy img.shadowed { -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.5)); filter: url(/wp-content/themes/hortonworks/css/shadow.svg#drop-shadow); -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#777')"; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#777')"; }
.legacy .btn, .legacy .bottom_drawer .promo .cta a { display: inline-block; padding: 5px 10px; text-decoration: none; text-align: center; border-radius: 3px; color: #fff; background-color: #3FAE2A; font-weight: bold; margin-right: 5px; margin-bottom: 5px; }
.legacy .btn:active, .legacy .bottom_drawer .promo .cta a:active { position: relative; top: 1px; }
.legacy .btn:visited, .legacy .bottom_drawer .promo .cta a:visited { color: #fff; }
.legacy .btn:hover, .legacy .bottom_drawer .promo .cta a:hover { color: #fff; background-color: #3d7215; }
.legacy .btn .subtext, .legacy .bottom_drawer .promo .cta a .subtext { color: #d4dee7; color: #9ac5dc; font-weight: normal; font-size: 75%; text-transform: uppercase; display: block; margin-top: 4px; }
.legacy .btn.small, .legacy .bottom_drawer .promo .cta a.small { padding: 5px 10px; font-size: 80%; }
.legacy .btn.large, .legacy .bottom_drawer .promo .cta a.large { padding: 15px 30px; }
@media only screen and (min-width: 60em) { .legacy .btn.large, .legacy .bottom_drawer .promo .cta a.large { font-size: 120%; } }
.legacy .btn.w_subtext, .legacy .bottom_drawer .promo .cta a.w_subtext { padding: 5px; }
.legacy .btn.full, .legacy .bottom_drawer .promo .cta a.full { width: 100%; display: block; }
.legacy .btn.clear, .legacy .bottom_drawer .promo .cta a { color: #3FAE2A !important; border: 1px solid #DCDCDC; background-color: #f2f0ef !important; background-image: linear-gradient(#f6f7f7 0%, #e7e8e9 100%); background-image: linear-gradient(#f6f7f7 0%, #e7e8e9 100%); background-image: linear-gradient(#f6f7f7 0%, #e7e8e9 100%); background-image: linear-gradient(#f6f7f7 0%, #e7e8e9 100%); background-image: linear-gradient(#f6f7f7 0%, #e7e8e9 100%); }
.legacy .btn.clear:hover, .legacy .bottom_drawer .promo .cta a:hover { border: 1px solid #DCDCDC; background-color: #f2f0ef; background-image: linear-gradient(#e7e8e9 0%, #f6f7f7 100%); background-image: linear-gradient(#e7e8e9 0%, #f6f7f7 100%); background-image: linear-gradient(#e7e8e9 0%, #f6f7f7 100%); background-image: linear-gradient(#e7e8e9 0%, #f6f7f7 100%); background-image: linear-gradient(#e7e8e9 0%, #f6f7f7 100%); }
.legacy .btn.loud, .legacy .bottom_drawer .promo .cta a.loud { background: #e17000; color: #fff; border: 0px solid #b05801; }
.legacy .btn.loud:hover, .legacy .bottom_drawer .promo .cta a.loud:hover { background-color: #ff8003; }
.legacy .btn.loud .subtext, .legacy .bottom_drawer .promo .cta a.loud .subtext { color: #fee8d4; }
.legacy .btn.dark, .legacy .bottom_drawer .promo .cta a.dark { background: #333; color: #fff; border: 0px solid #000; }
.legacy .btn.dark:hover, .legacy .bottom_drawer .promo .cta a.dark:hover { background-color: #ff8003; }
.legacy .btn.dark .subtext, .legacy .bottom_drawer .promo .cta a.dark .subtext { color: #fee8d4; }
.legacy a.pdf { padding-left: 20px; background: url(../images/icons/pdf_icon.png) no-repeat; }
.legacy ol { padding-left: 20px; }
.legacy ol li { margin-bottom: 5px; }
.legacy ul ul { padding: 0px; }
.legacy ul.no-indent, .legacy ol.no-indent { padding-left: 15px; }
.legacy ul.nodots, .legacy .widget_display_topics ul, .legacy .related ul, .legacy ol.nodots { padding: 0px; }
.legacy ul.nodots li, .legacy .widget_display_topics ul li, .legacy .related ul li, .legacy ol.nodots li { list-style-type: none; }
.legacy ul.comma_separated, .legacy ol.comma_separated { overflow: auto; padding-left: 0px; display: inline-block; }
.legacy ul.comma_separated li, .legacy ol.comma_separated li { list-style-type: none; display: inline-block; }
.legacy ul.comma_separated li:after, .legacy ol.comma_separated li:after { content: ", "; }
.legacy ul.comma_separated li:last-child:after, .legacy ol.comma_separated li:last-child:after { content: ""; }
.legacy ul.jump_offs, .legacy ol.jump_offs { list-style-type: none; padding-left: 0px; }
.legacy ul.wide li, .legacy ol.wide li { margin-bottom: 10px; }
.legacy ul.wide li b:first-child, .legacy ul.wide li strong:first-child, .legacy ol.wide li b:first-child, .legacy ol.wide li strong:first-child { display: block; }
.legacy ul.wide li b + br, .legacy ol.wide li b + br { display: none; }
.legacy ul.check, .legacy ol.check { padding-left: 0px; list-style-type: none; }
.legacy ul.check li, .legacy ol.check li { padding-left: 25px; background: url(/wp-content/themes/hortonworks/images/icons/check_grey_x16.png) left 3px no-repeat; vertical-align: top; margin-bottom: 10px; }
.legacy table.fixed, .legacy table.fixed tbody { table-layout: fixed; }
.legacy td { vertical-align: top; }
.legacy td > ul:first-child { margin-top: 0px; margin-bottom: 0px; }
.legacy div > p:first-child { margin-top: 0px; }
.legacy .notations { font-size: 85%; font-style: italic; }
.legacy .typer { color: #aaa; text-transform: uppercase; font-size: 80%; }
.legacy .footnote { font-size: 85%; }
.legacy .marker { font-family: 'Permanent Marker', sans-serif; }
.legacy .categories a { background-color: #f2f0ef; padding: 3px 5px; border-radius: 3px; line-height: 2; text-decoration: none; }
.legacy .update-note { background-color: #f6f6f6; padding: 10px; font-weight: bold; }
.legacy .role { color: #999; }
.legacy fieldset { border: 0; margin: 0; padding: 0; }
.legacy input[type="button"], .legacy input[type="submit"] { color: #3FAE2A; font-weight: bold; background-color: #f2f0ef; background: -moz-linear-gradient(top, #f6f7f7 0%, #e7e8e9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f7), color-stop(100%, #e7e8e9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f7f7 0%, #e7e8e9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f7f7 0%, #e7e8e9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f6f7f7 0%, #e7e8e9 100%); /* IE10+ */ background: linear-gradient(to bottom, #f6f7f7 0%, #e7e8e9 100%); /* W3C */ border: 1px solid #DCDCDC; }
.legacy input.oversize, .legacy textarea.oversize { font-size: 17px; padding: 4px 6px; }
.legacy input[type="text"]:focus, .legacy input[type="password"]:focus, .legacy input[type="date"]:focus, .legacy input[type="datetime"]:focus, .legacy input[type="email"]:focus, .legacy input[type="number"]:focus, .legacy input[type="search"]:focus, .legacy input[type="tel"]:focus, .legacy input[type="time"]:focus, .legacy input[type="url"]:focus, .legacy textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; }
.legacy input[disabled], .legacy textarea[disabled] { background-color: #ddd; }
.legacy textarea { resize: vertical; }
.legacy fieldset.grey { padding: 10px; padding-bottom: 20px; background-color: #f2f0ef; }
.legacy .labels-on-top label { display: block; font-size: 85%; color: #999; }
.legacy .labels-by-side label { display: inline-block; width: 250px; }
.legacy .fill-it-out input, .legacy .fill-it-out textarea { width: 100%; }
.legacy form .grid.row { margin-bottom: 0px; }
.legacy form .row { clear: both; }
.legacy .response { border-left: 5px solid #666; background-color: #f6f6f6; padding: 5px 10px; font-size: 90%; margin: 10px 0px 20px; }
.legacy .response .title { font-size: 120%; font-weight: 700; }
.legacy .response.success { border-left: 5px solid #3FAE2A; background-color: #e6f2df; color: #3FAE2A; }
.legacy .response.success a { color: #3d7215; }
.legacy .response.success .title { color: #3FAE2A; font-weight: bold; }
.legacy .response.fail { border-left: 5px solid #c00; background-color: #fcc; }
.legacy .response.fail .title { color: #c00; }
.legacy .response.fail .title a { color: #800; }
.legacy html .gform_wrapper .gfield_description { padding: 0; }
.legacy .gform_wrapper .gform_page_footer .button.gform_button.disabled { opacity: 0.6; cursor: not-allowed; }
.legacy .contact-training-form { width: 70%; margin: 0 auto; }
.legacy .contact-training-form h2.header, .legacy .contact-training-form .slug_innovation .innovation .header.group_title, .legacy .slug_innovation .innovation .contact-training-form .header.group_title { text-align: center; background-color: #57a41c; color: #FFF; border-bottom: 1px solid #3d7215; }
.legacy .contact-training-form .marketo-form-embed { width: 100%; }
.legacy .contact-training-form .marketo-form-embed > .FirstName, .legacy .contact-training-form .marketo-form-embed .LastName, .legacy .contact-training-form .marketo-form-embed .Company, .legacy .contact-training-form .marketo-form-embed .Phone { width: 49%; display: inline-block; }
.legacy .contact-training-form .marketo-form-embed > .FirstName, .legacy .contact-training-form .marketo-form-embed .Company { margin-right: 10px; }
.legacy .contact-training-form .marketo-form-embed label { font-size: 85%; color: #999; width: 100%; display: block; }
.legacy .contact-training-form .marketo-form-embed input, .legacy .contact-training-form .marketo-form-embed textarea { width: 100%; }
.legacy .contact-training-form .marketo-form-embed select { font-size: 120%; }
.legacy .contact-training-form .marketo-form-embed input[type="submit"] { color: #fff; background: #3FAE2A; }
.legacy .contact-training-form .marketo-form-embed input[type="submit"]:hover { background: #3d7215; }
.legacy .contact-training-form .success_message { position: relative; float: right; top: 30px; right: 50px; }
.legacy .contact-training-form.popup { height: 525px; }
.legacy .contact-training-form .click-chat { display: block; width: 150px; max-height: 75px; position: fixed; left: 50px; bottom: 75px; }
.legacy .contact-sales-form .marketo-form-embed { width: 100%; }
.legacy .contact-sales-form .marketo-form-embed > .linkedin_autocomplete, .legacy .contact-sales-form .marketo-form-embed .FirstName, .legacy .contact-sales-form .marketo-form-embed .LastName, .legacy .contact-sales-form .marketo-form-embed .Email { width: 45%; display: inline-block; }
.legacy .contact-sales-form .marketo-form-embed > .linkedin_autocomplete, .legacy .contact-sales-form .marketo-form-embed .LastName { margin-right: 57px; }
.legacy .contact-sales-form .marketo-form-embed > div:nth-last-child(1) { display: inline-block; width: 90%; line-height: 1; }
.legacy .contact-sales-form .marketo-form-embed > div:nth-last-child(2) { display: inline-block; width: 10px; vertical-align: top; margin: 0 10px 0 0; }
.legacy .contact-sales-form .marketo-form-embed label { font-size: 85%; color: #999; width: 100%; display: block; }
.legacy .contact-sales-form .marketo-form-embed input, .legacy .contact-sales-form .marketo-form-embed textarea { width: 100%; }
.legacy .contact-sales-form .marketo-form-embed select { font-size: 120%; }
.legacy .contact-sales-form .marketo-form-embed input[name="contactUsURL"], .legacy .contact-sales-form .marketo-form-embed label[for="contactUsURL"] { display: none; }
.legacy .contact-sales-form .marketo-form-embed input[type="submit"] { color: #fff; background: #3FAE2A; }
.legacy .contact-sales-form .marketo-form-embed input[type="submit"]:hover { background: #3d7215; }
.legacy .contact-sales-form .success_message { position: relative; float: right; top: 30px; right: 50px; }
.legacy .contact-sales-form.popup { height: 525px; }
.legacy .contact-sales-form.popup .marketo-form-embed > .linkedin_autocomplete, .legacy .contact-sales-form.popup .marketo-form-embed .LastName { margin-right: 48px; }
.legacy .contact-sales-form .click-chat { display: block; width: 150px; max-height: 75px; position: fixed; left: 50px; bottom: 75px; }
.legacy .mkto-template { /* General page styles for Marketo template */ font-family: "Cabin", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif; /* Extra styling for testimonials */ }
.legacy .mkto-template .titlebar h1#main_title { font-size: 190%; margin: 50px 0 35px 0; }
.legacy .mkto-template .titlebar .subtitle { font-size: 150%; font-family: "Cabin", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif; }
.legacy .mkto-template .text-p { margin-bottom: 8%; }
.legacy .mkto-template .text-content, .legacy .mkto-template .mainbody .text-p > ul { font-size: 115%; }
.legacy .mkto-template .text-title { font-size: 150%; }
.legacy .mkto-template .text-summary { font-size: 140%; color: #999; font-weight: 100; }
.legacy .mkto-template ul { list-style: none; padding: 0; margin: 0; }
.legacy .mkto-template li { padding-left: 1em; text-indent: -.7em; font-size: 115%; }
.legacy .mkto-template li:before { content: "•  "; color: #3FAE2A; }
.legacy .mkto-template .testimonial_container { font-size: 18px; color: #666; font-weight: lighter; margin: 50px 0; overflow: auto; }
.legacy .mkto-template .testimonial_left { float: left; display: inline-block; width: 32%; padding: 8px 0; }
.legacy .mkto-template .testimonial_right { float: right; display: inline-block; width: 66%; border: 1px solid #eee; padding: 8px; font-style: italic; }
.legacy .mkto-template .testimonial_author { display: inline-block; width: 74%; line-height: 12px; }
.legacy .mkto-template .testimonial_author_detail { font-size: 14px; }
.legacy .mkto-template .testimonial_image { display: inline-block; float: left; width: 24%; padding: 4px; margin-right: 2%; }
.legacy .mkto-template .testimonial_image img { border-radius: 50%; max-width: 45px; max-height: 45px; }
.legacy .mkto-template .mktoForm .FirstName label, .legacy .mkto-template .mktoForm .LastName label, .legacy .mkto-template .mktoForm .Email label, .legacy .mkto-template .mktoForm .Company label, .legacy .mkto-template .mktoForm .Phone label, .legacy .mkto-template .mktoForm .Title label { display: none; }
.legacy .mkto-template .mktoForm .Request_Sales_Call__c label { font-family: "Cabin", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif; }
.legacy .mktoForm .marketo-form-embed .marketo_field { margin-bottom: 14px; position: relative; padding: 0 11px; }
.legacy .mktoForm .marketo-form-embed .marketo_field > div { display: block; position: relative; }
.legacy .mktoForm .marketo-form-embed .marketo_field.radio input, .legacy .mktoForm .marketo-form-embed .marketo_field.checkbox input { height: 26px; }
.legacy .mktoForm .marketo-form-embed .marketo_field.radio label, .legacy .mktoForm .marketo-form-embed .marketo_field.checkbox label { top: 6px; }
.legacy .mktoForm .marketo-form-embed .marketo_field.radio > label, .legacy .mktoForm .marketo-form-embed .marketo_field.checkbox > label { position: relative; left: auto; top: auto; text-align: left; }
.legacy .mktoForm .marketo-form-embed .marketo_field.radio > div:first-of-type, .legacy .mktoForm .marketo-form-embed .marketo_field.checkbox > div:first-of-type { margin-top: 10px; }
@media only screen and (min-width: 48em) { .legacy { /* Opt-in outside padding */ }
  .legacy .grid { margin: 0 0 2.1875em 0; }
  .legacy .grid:after { /* Or @extend clearfix */ content: ""; display: table; clear: both; }
  .legacy [class*='col-'] { float: left; padding-right: 2.1875em; }
  .legacy form [class*='col-'] { padding-right: inherit; }
  .grid .legacy [class*='col-']:last-of-type { padding-right: 0; }
  .legacy [class*='col-'].alignright { text-align: right; }
  .legacy .col-2-3 { width: 66.66%; }
  .legacy .col-3-4 { width: 75%; }
  .legacy .col-1-3 { width: 33.33%; }
  .legacy .col-1-2 { width: 50%; }
  .legacy .col-1-4 { width: 25%; }
  .legacy .col-1-5 { width: 20%; }
  .legacy .col-4-5 { width: 80%; }
  .legacy .col-1-8 { width: 12.5%; }
  .legacy .grid-pad { padding: 2.1875em 0 2.1875em 2.1875em; }
  .legacy .grid-pad [class*='col-']:last-of-type { padding-right: 2.1875em; } }
@media only screen and (min-width: 48em) { .legacy { /* We've defined the mainpoints (below) with table display, but these are needed to keep column width's even */ }
  .legacy .three > div, .legacy .three > li { width: 33%; }
  .legacy .two > div, .legacy .two > li { width: 50%; }
  .legacy .four > div, .legacy .four > li { width: 25%; } }
@media only screen and (min-width: 48em) { .legacy .two.hitters > div, .legacy .two.hitters > li { width: 48%; }
  .legacy .three.hitters > div, .legacy .three.hitters > li { width: 32.8%; }
  .legacy .four.hitters > div, .legacy .four.hitters > li { width: 24.5%; }
  .legacy .five.hitters > div, .legacy .five.hitters > li { width: 19.5%; } }
.legacy .mainbody { background: #f6f6f6; /* Old browsers */ background: -moz-linear-gradient(top, #f0f0f0 0%, #f6f6f6 10%, #fff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100px, #f6f6f6), color-stop(100%, #fff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f0f0f0 0%, #f6f6f6 10%, #fff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f0f0f0 0%, #f6f6f6 10%, #fff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f0f0f0 0%, #f6f6f6 10%, #fff 100%); /* IE10+ */ background: linear-gradient(to bottom, #f0f0f0 0%, #f6f6f6 10%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */ transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease; }
.legacy .mainbody.active { transform: translate3d(70%, 0, 0); transform: translate3d(70%, 0, 0); transform: translate3d(70%, 0, 0); transition: transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease; }
.legacy .lowerbody .ps > div { background-color: #fff; }
.legacy .lowerbody .ps:last-child { padding-bottom: 45px; }
.legacy .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; position: relative; z-index: 999999; }
.legacy .ps { position: relative; clear: both; }
.legacy .ps > div { position: relative; margin: auto; max-width: 1200px; border-top: 0px; border-bottom: 0px; overflow: visible; padding: 15px 20px; /* On standard pages, h2's and h3's are left aligned inside the .maincontent area.... but if they come straight inside the main panel, they should be bigger and centered */ }
@media only screen and (min-width: 48em) { .legacy .ps > div { padding: 30px 40px; } }
.legacy .ps > div > h2, .legacy .slug_innovation .innovation .ps > div > .group_title { text-align: center; font-size: 250%; margin-bottom: 35px; }
.legacy .ps > div > h3 { text-align: center; font-size: 150%; color: #aaa; margin-bottom: 35px; }
.legacy .ps > div > h2 + h3, .legacy .slug_innovation .innovation .ps > div > .group_title + h3 { margin-top: -35px; }
.legacy .ps.titlebar { text-align: left; color: #404040; padding-bottom: 0px; min-height: 100px; /* Cuz sometimes you want a regular subtitle... like when there's a menu in the black area */ /* Titlebar Featured Image  */ }
.legacy .ps.titlebar > div { padding-top: 10px; text-align: left; }
.legacy .ps.titlebar .subtitle p { margin: 0px; }
.legacy .ps.titlebar .basic_subtitle { font-size: 120%; }
@media only screen and (min-width: 48em) { .legacy .ps.titlebar .basic_subtitle { font-size: 150%; margin-bottom: -10px; margin-top: -10px; } }
.legacy .ps.titlebar .green_subtitle { text-transform: none; }
.legacy .ps.titlebar .featured_image { float: right; right: 50px; top: 20px; }
.legacy .ps.titlebar h1 { color: #404040; margin-top: 20px; margin-bottom: 20px; }
@media only screen and (min-width: 48em) { .legacy .ps.titlebar h1 { margin-bottom: 10px; } }
.legacy .ps.titlebar h1 + .subtitle { color: #404040; width: auto; padding: 5px 20px 10px; margin: 10px -20px -20px; }
@media only screen and (min-width: 48em) { .legacy .ps.titlebar h1 + .subtitle { padding: 0px 40px; margin: 10px -40px -30px; } }
.legacy .ps.titlebar a { color: #e6f2df; text-decoration: none; }
.legacy .ps.titlebar a:hover { color: #ccc; text-decoration: underline; }
.legacy .ps.titlebar.grey { background-color: #d7d5d4; color: #555; border-top: 1px solid #ccc; padding-bottom: 0px; }
.legacy .ps.titlebar.grey h1 { color: #555; }
.legacy .ps.titlebar.grey .breadcrumb a { color: #404040; }
.legacy .ps.titlebar.grey .breadcrumb a:hover { color: #e17000; }
.legacy .green { color: #fff; }
.legacy .green.full { background-color: #3FAE2A; }
.legacy .green .date { color: #e6f2df; }
.legacy .green a { color: #fff; }
.legacy .green a:hover { color: #e6f2df; text-decoration: underline; }
.legacy .green a.alt { color: #000; }
.legacy .green a.btn, .legacy .green .bottom_drawer .promo .cta a, .legacy .bottom_drawer .promo .cta .green a { background: #3d7215; border: 1px solid #3d7215; color: #fff; }
.legacy .green a.btn:hover, .legacy .green .bottom_drawer .promo .cta a:hover, .legacy .bottom_drawer .promo .cta .green a:hover { border: 1px solid #e6f2df; }
.legacy .green h2, .legacy .green .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .green .group_title { color: #fff; }
.legacy .green h3 { color: #fff; }
.legacy .green h2 + h3, .legacy .green .slug_innovation .innovation .group_title + h3, .legacy .slug_innovation .innovation .green .group_title + h3 { color: #3d7215; }
.legacy .green .related.posts .post .date { color: #e6f2df; }
.legacy .green .related.posts .post .author { color: #e6f2df; }
.legacy .ps.green > div { background-color: #3FAE2A; }
.legacy .orange { color: #fff; }
.legacy .orange.full { background-color: #e17000; }
.legacy .orange a { color: #fff; }
.legacy .orange a:hover { color: #fee8d4; }
.legacy .orange a.alt { color: #000; }
.legacy .orange a.btn, .legacy .orange .bottom_drawer .promo .cta a, .legacy .bottom_drawer .promo .cta .orange a { background: #b05801; border: 1px solid #b05801; color: #fff; }
.legacy .orange a.btn:hover, .legacy .orange .bottom_drawer .promo .cta a:hover, .legacy .bottom_drawer .promo .cta .orange a:hover { border: 1px solid #fee8d4; }
.legacy .ps.orange > div { background-color: #e17000; }
.legacy .dark { color: #fff; }
.legacy .dark a { color: #fff; }
.legacy .dark a:hover { color: #e6f2df !important; }
.legacy .dark a.alt { color: #333; }
.legacy .dark.full { background-color: #424242; }
.legacy .dark.full > div { background-color: transparent; }
.legacy .dark h3 { color: #3FAE2A; }
.legacy .ps.dark > div { background-color: rgba(66, 66, 66, 0.9); }
.legacy .light-grey.full { background-color: #f2f0ef; }
.legacy .light-grey h2 + h3, .legacy .light-grey .slug_innovation .innovation .group_title + h3, .legacy .slug_innovation .innovation .light-grey .group_title + h3 { color: #3FAE2A; }
.legacy .ps.light-grey > div { background-color: #f2f0ef; }
.legacy .ps.clear > div, .legacy .bottom_drawer .promo .cta a.ps > div { background-color: transparent; }
.legacy .ps.divided { overflow: auto; }
.legacy .ps.divided > div { padding: 0px; }
.legacy .ps.divided > div > div { padding: 40px; width: 50%; float: left; }
.legacy .ps.divided > div > div.green { background: #3FAE2A url(http://hortonworks.com/wp-content/uploads/unversioned/backgrounds/square-green-carter.jpg); background-size: cover; }
.legacy .ps.divided > div > div.dark { background: #000 url(http://hortonworks.com/wp-content/uploads/unversioned/backgrounds/square-black-elephant.jpg); background-size: cover; }
.legacy .ps.divided > div > div h3:first-child { margin-top: 0px; }
.legacy .divider { overflow: auto; padding-bottom: 45px; padding-top: 0px; background: url(/wp-content/themes/hortonworks/images/assets/divider_light.jpg) no-repeat scroll center bottom transparent; }
.legacy .divider.top { background-position: center top; padding-bottom: 25px; padding-top: 35px; }
.legacy .aside { font-size: 90%; }
@media only screen and (min-width: 48em) { .legacy .aside.left { padding-right: 20px; border-right: 1px solid #eee; }
  .legacy .aside.right { border-left: 1px solid #eee; padding-left: 35px; padding-right: 0px; } }
.legacy .aside h3:first-child { margin-top: 0px; }
.legacy .maincontent.right { padding-left: 25px; }
.legacy ul.tabs { list-style-type: none; padding-left: 0px !important; padding: 5px; margin-left: -5px; padding-bottom: 0px; }
.legacy ul.tabs li { z-index: 2; position: relative; padding: 3px 10px; margin-right: 10px; background-color: #ccc; display: block; width: 100%; margin-bottom: 2px; }
@media only screen and (min-width: 48em) { .legacy ul.tabs li { display: inline-block; border-radius: 10px; margin-bottom: 0; width: auto; } }
.legacy ul.tabs li.active, .legacy ul.tabs li:hover { background-color: #44697d; }
.legacy ul.tabs li a { text-decoration: none; color: #fff; }
.legacy ul.tabs li.spacer { background-color: #fff; }
@media only screen and (min-width: 48em) { .legacy ul.tabs li.spacer { width: 30px; } }
.legacy #options_panel { color: #fff; border-bottom: 0px; padding: 0px; z-index: 100; display: none; }
@media only screen and (min-width: 48em) { .legacy #options_panel { display: block; position: fixed; right: -97px; top: 500px; border-right: 3px solid #3FAE2A; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } }
.legacy #options_panel ul { padding-left: 0px; overflow: hidden; margin: 0px; }
.legacy #options_panel li { background-color: #333; list-style-type: none; float: right; padding: 0px; display: block; overflow: hidden; }
@media only screen and (min-width: 48em) { .legacy #options_panel li { border-right: 2px solid #fff; display: block; } }
@media only screen and (min-width: 48em) { .legacy #options_panel li img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } }
.legacy #options_panel li .fa { font-size: 150%; padding: 1px 4px 7px 4px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); }
.legacy #options_panel a { display: inline-block; color: #fff; padding: 5px 12px 8px; text-decoration: none; height: 37px; font-weight: 500; }
.legacy #options_panel a:hover { background-color: #e17000; }
.legacy .click-chat { display: block; width: 150px; max-height: 75px; position: fixed; right: 25px; bottom: 25px; }
@media (max-width: 767px) { .legacy .click-chat { display: none; } }
.legacy .modal { display: none; padding: 10px; }
.legacy .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; text-align: center; }
.legacy .video-container iframe, .legacy .video-container object, .legacy .video-container embed, .legacy .video-container .video-thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.legacy .video-container .video-thumb { background-size: 100% auto; background-repeat: no-repeat; background-position: center center; }
.legacy .video-container .video-thumb a { display: block; width: 100%; height: 100%; }
.legacy .video-container .video-thumb a i { font-size: 7em; color: black; color: rgba(0, 0, 0, 0.7); position: relative; top: 50%; transform: translateY(-50%); transition: color 0.2s ease; }
.legacy .video-container .video-thumb a:hover i { color: #cd201f; color: rgba(205, 32, 31, 0.9); }
@font-face { .legacy { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?-ml0117"); src: url("../fonts/icomoon.eot?#iefix-ml0117") format("embedded-opentype"), url("../fonts/icomoon.woff?-ml0117") format("woff"), url("../fonts/icomoon.ttf?-ml0117") format("truetype"), url("../fonts/icomoon.svg?-ml0117#icomoon") format("svg"); font-weight: normal; font-style: normal; } }
.legacy [class^="icon-"], .legacy [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.legacy .icon-download:before { content: "\e600"; }
.legacy .icon-pdf:before { content: "\e601"; }
.legacy .icon-menu:before { content: "\e602"; }
.legacy .icon-language:before { content: "\e603"; }
.legacy .icon-search:before { content: "\e604"; }
.legacy .icon-profile:before { content: "\e605"; }
.legacy .icon-close:before { content: "\e606"; }
.legacy .icon-drop:before { content: "\e607"; }
@media only screen and (min-width: 75em) { .legacy .send-to-titlebar { position: absolute; top: -200px; right: 50px; } }
.legacy img.alignleft, .legacy .maincontent img.alignleft { float: left; margin: 8px 15px 15px 0; }
.legacy img.alignright, .legacy .maincontent img.alignright { float: right; margin: 8px 0 15px 15px; }
.legacy .center { text-align: center; }
.legacy .align-right { text-align: right; }
.legacy .align-left { text-align: left; }
.legacy .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.legacy .ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.legacy .invisible { visibility: hidden; }
.legacy .clearfix:before, .legacy .clearfix:after { content: " "; display: table; }
.legacy .clearfix:after { clear: both; }
.legacy .clearfix { *zoom: 1; }
.legacy .grayscale img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.legacy div.smaller, .legacy p.smaller, .legacy span.smaller { font-size: 80%; }
.legacy .wp-caption { font-weight: bold; font-size: 85%; color: #999; border: 0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.legacy .wp-caption.alignnone { margin: 5px 20px 20px 0; }
.legacy .wp-caption.alignleft { margin: 5px 20px 20px 0; float: left; }
.legacy .wp-caption.alignright { margin: 5px 0 20px 20px; float: right; }
.legacy .wp-caption img { border: 0 none; height: auto; margin: 0 0 5px 0; max-width: 98.5%; padding: 0; width: auto; }
.legacy .widget_display_topics li { margin-bottom: 10px; }
.legacy .widget_display_topics li > div { font-size: 80%; color: #aaa; }
.legacy .db_queries { font-size: 10px; width: 800px; }
.legacy .gsc-adBlock { display: none !important; }
.legacy .gsc-adBlockVertical { display: none !important; }
.legacy .gsc-wrapper.gsc-thinWrapper { width: 100% !important; border-right: 0px; }
.legacy .gform_wrapper .top_label .gfield_label { font-weight: normal; margin: 0 0 2px 0; }
.legacy .show-on-mobile, .legacy nav#main ul.sub-menu li.show-on-mobile { display: block; }
@media only screen and (min-width: 48em) { .legacy .show-on-mobile, .legacy nav#main ul.sub-menu li.show-on-mobile { display: none; } }
.legacy .note { display: none; background-color: #ffff99; padding: 3px 8px; }
.legacy .is_editor .note, .legacy .is_admin .note { display: block; }
.legacy .is_editor span.note, .legacy .is_admin span.note { display: inline; }
.legacy .in_test { display: none; }
.legacy .is_admin .in_test { display: block; }
.legacy .edit_link, .legacy .edit_link a, .legacy a.edit_link { display: none; }
.legacy .admin-bar .edit_link { display: initial; }
.legacy .admin-bar .edit_link a, .legacy .admin-bar a.edit_link { display: initial; color: #e17000; font-size: 13px !important; text-decoration: none !important; font-weight: normal !important; text-transform: none !important; }
.legacy .admin-bar .edit_link a:hover, .legacy .admin-bar a.edit_link:hover { text-decoration: underline; }
.legacy .admin-bar .editable_area { border: 1px solid transparent; position: relative; }
.legacy .admin-bar .editable_area .edit_link { display: none; position: absolute; top: -15px; right: 0px; line-height: 13px !important; }
.legacy .admin-bar .editable_area .editable_area .edit_link { display: none; position: absolute; top: 0; left: 0; right: auto; }
.legacy .admin-bar .editable_area .editable_area .edit_link a { display: block; padding: 3px 10px; background: #eee; }
.legacy .admin-bar .editable_area:hover { border: 1px dashed #aaa; }
.legacy .admin-bar .editable_area:hover > .edit_link { display: block; text-decoration: underline; }
.legacy .ext-link { background-image: url(/wp-content/themes/hortonworks/images/assets/ext.png); background-position: top right; background-repeat: no-repeat; padding-right: 12px; }
.legacy .ext-link.treat-as-local { background-image: none; }
.legacy .innernav { margin: 20px 0; overflow: auto; height: 40px; }
.legacy .innernav .next { float: right; }
.legacy .innernav .prev { float: left; }
.legacy .play-thumbnail .playbutton { background: rgba(2, 2, 2, 0.2); position: absolute; overflow: auto; height: auto; width: 278px; z-index: 2; padding: 2% 8% 18px 8%; }
.legacy .play-thumbnail img { position: relative; width: 80%; }
.legacy #content table.bbp-topics tbody tr.status-closed td, .legacy #content table.bbp-topics tbody tr.status-closed td a { color: #333 !important; }
.legacy #bbpress-forums p.bbp-topic-meta img.avatar, .legacy #bbpress-forums ul.bbp-reply-revision-log img.avatar, .legacy #bbpress-forums ul.bbp-topic-revision-log img.avatar, .legacy #bbpress-forums div.bbp-template-notice img.avatar, .legacy #bbpress-forums .widget_display_topics img.avatar, .legacy #bbpress-forums .widget_display_replies img.avatar { margin-bottom: 10px !important; }
.legacy #subscription-toggle { display: block; margin: 5px 0px 10px; }
.legacy #subscription-toggle a { text-decoration: none; }
.legacy .moderator_email { font-size: 80%; display: block; width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.legacy li.bbp-body > ul { margin: 0 !important; }
.legacy a.reply_toggler { display: block; float: right; }
.legacy .global_reply_toggler span.ajax_image { display: none; }
.legacy .bbp-footer { display: none; }
.legacy .bbp-breadcrumb-home { display: none; }
.legacy .bbp-breadcrumb-home + .bbp-breadcrumb-sep { display: none; }
.legacy .bbp-template-notice .open-login, .legacy .bbp-template-notice .register { color: #598ba6; }
.legacy .bbp-replies .bbp-header { display: none; }
.legacy .new-topic-button { float: right; padding-bottom: 20px; }
.legacy .smartling-ja #sandbox-promo .cta { font-size: 0.9em; }
.legacy .smartling-ja .tel span { display: none; }
.legacy .test { color: #fff; }
@font-face { .legacy { font-family: 'FontAwesome'; src: url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.eot?v=4.1.0"); src: url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } }
.legacy .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.legacy .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }
.legacy .fa-2x { font-size: 2em; }
.legacy .fa-3x { font-size: 3em; }
.legacy .fa-4x { font-size: 4em; }
.legacy .fa-5x { font-size: 5em; }
.legacy .fa-fw { width: 1.28571em; text-align: center; }
.legacy .fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; }
.legacy .fa-ul > li { position: relative; }
.legacy .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; }
.legacy .fa-li.fa-lg { left: -1.85714em; }
.legacy .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }
.legacy .pull-right { float: right; }
.legacy .pull-left { float: left; }
.legacy .fa.pull-left { margin-right: .3em; }
.legacy .fa.pull-right { margin-left: .3em; }
.legacy .fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); } }
@-o-keyframes spin { 0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); } }
@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
.legacy .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.legacy .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.legacy .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
.legacy .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); }
.legacy .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); }
.legacy .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }
.legacy .fa-stack-1x, .legacy .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }
.legacy .fa-stack-1x { line-height: inherit; }
.legacy .fa-stack-2x { font-size: 2em; }
.legacy .fa-inverse { color: #fff; }
.legacy .fa-glass:before { content: ""; }
.legacy .fa-music:before { content: ""; }
.legacy .fa-search:before { content: ""; }
.legacy .fa-envelope-o:before { content: ""; }
.legacy .fa-heart:before { content: ""; }
.legacy .fa-star:before { content: ""; }
.legacy .fa-star-o:before { content: ""; }
.legacy .fa-user:before { content: ""; }
.legacy .fa-film:before { content: ""; }
.legacy .fa-th-large:before { content: ""; }
.legacy .fa-th:before { content: ""; }
.legacy .fa-th-list:before { content: ""; }
.legacy .fa-check:before { content: ""; }
.legacy .fa-times:before { content: ""; }
.legacy .fa-search-plus:before { content: ""; }
.legacy .fa-search-minus:before { content: ""; }
.legacy .fa-power-off:before { content: ""; }
.legacy .fa-signal:before { content: ""; }
.legacy .fa-gear:before, .legacy .fa-cog:before { content: ""; }
.legacy .fa-trash-o:before { content: ""; }
.legacy .fa-home:before { content: ""; }
.legacy .fa-file-o:before { content: ""; }
.legacy .fa-clock-o:before { content: ""; }
.legacy .fa-road:before { content: ""; }
.legacy .fa-download:before { content: ""; }
.legacy .fa-arrow-circle-o-down:before { content: ""; }
.legacy .fa-arrow-circle-o-up:before { content: ""; }
.legacy .fa-inbox:before { content: ""; }
.legacy .fa-play-circle-o:before { content: ""; }
.legacy .fa-rotate-right:before, .legacy .fa-repeat:before { content: ""; }
.legacy .fa-refresh:before { content: ""; }
.legacy .fa-list-alt:before { content: ""; }
.legacy .fa-lock:before { content: ""; }
.legacy .fa-flag:before { content: ""; }
.legacy .fa-headphones:before { content: ""; }
.legacy .fa-volume-off:before { content: ""; }
.legacy .fa-volume-down:before { content: ""; }
.legacy .fa-volume-up:before { content: ""; }
.legacy .fa-qrcode:before { content: ""; }
.legacy .fa-barcode:before { content: ""; }
.legacy .fa-tag:before { content: ""; }
.legacy .fa-tags:before { content: ""; }
.legacy .fa-book:before { content: ""; }
.legacy .fa-bookmark:before { content: ""; }
.legacy .fa-print:before { content: ""; }
.legacy .fa-camera:before { content: ""; }
.legacy .fa-font:before { content: ""; }
.legacy .fa-bold:before { content: ""; }
.legacy .fa-italic:before { content: ""; }
.legacy .fa-text-height:before { content: ""; }
.legacy .fa-text-width:before { content: ""; }
.legacy .fa-align-left:before { content: ""; }
.legacy .fa-align-center:before { content: ""; }
.legacy .fa-align-right:before { content: ""; }
.legacy .fa-align-justify:before { content: ""; }
.legacy .fa-list:before { content: ""; }
.legacy .fa-dedent:before, .legacy .fa-outdent:before { content: ""; }
.legacy .fa-indent:before { content: ""; }
.legacy .fa-video-camera:before { content: ""; }
.legacy .fa-photo:before, .legacy .fa-image:before, .legacy .fa-picture-o:before { content: ""; }
.legacy .fa-pencil:before { content: ""; }
.legacy .fa-map-marker:before { content: ""; }
.legacy .fa-adjust:before { content: ""; }
.legacy .fa-tint:before { content: ""; }
.legacy .fa-edit:before, .legacy .fa-pencil-square-o:before { content: ""; }
.legacy .fa-share-square-o:before { content: ""; }
.legacy .fa-check-square-o:before { content: ""; }
.legacy .fa-arrows:before { content: ""; }
.legacy .fa-step-backward:before { content: ""; }
.legacy .fa-fast-backward:before { content: ""; }
.legacy .fa-backward:before { content: ""; }
.legacy .fa-play:before { content: ""; }
.legacy .fa-pause:before { content: ""; }
.legacy .fa-stop:before { content: ""; }
.legacy .fa-forward:before { content: ""; }
.legacy .fa-fast-forward:before { content: ""; }
.legacy .fa-step-forward:before { content: ""; }
.legacy .fa-eject:before { content: ""; }
.legacy .fa-chevron-left:before { content: ""; }
.legacy .fa-chevron-right:before { content: ""; }
.legacy .fa-plus-circle:before { content: ""; }
.legacy .fa-minus-circle:before { content: ""; }
.legacy .fa-times-circle:before { content: ""; }
.legacy .fa-check-circle:before { content: ""; }
.legacy .fa-question-circle:before { content: ""; }
.legacy .fa-info-circle:before { content: ""; }
.legacy .fa-crosshairs:before { content: ""; }
.legacy .fa-times-circle-o:before { content: ""; }
.legacy .fa-check-circle-o:before { content: ""; }
.legacy .fa-ban:before { content: ""; }
.legacy .fa-arrow-left:before { content: ""; }
.legacy .fa-arrow-right:before { content: ""; }
.legacy .fa-arrow-up:before { content: ""; }
.legacy .fa-arrow-down:before { content: ""; }
.legacy .fa-mail-forward:before, .legacy .fa-share:before { content: ""; }
.legacy .fa-expand:before { content: ""; }
.legacy .fa-compress:before { content: ""; }
.legacy .fa-plus:before { content: ""; }
.legacy .fa-minus:before { content: ""; }
.legacy .fa-asterisk:before { content: ""; }
.legacy .fa-exclamation-circle:before { content: ""; }
.legacy .fa-gift:before { content: ""; }
.legacy .fa-leaf:before { content: ""; }
.legacy .fa-fire:before { content: ""; }
.legacy .fa-eye:before { content: ""; }
.legacy .fa-eye-slash:before { content: ""; }
.legacy .fa-warning:before, .legacy .fa-exclamation-triangle:before { content: ""; }
.legacy .fa-plane:before { content: ""; }
.legacy .fa-calendar:before { content: ""; }
.legacy .fa-random:before { content: ""; }
.legacy .fa-comment:before { content: ""; }
.legacy .fa-magnet:before { content: ""; }
.legacy .fa-chevron-up:before { content: ""; }
.legacy .fa-chevron-down:before { content: ""; }
.legacy .fa-retweet:before { content: ""; }
.legacy .fa-shopping-cart:before { content: ""; }
.legacy .fa-folder:before { content: ""; }
.legacy .fa-folder-open:before { content: ""; }
.legacy .fa-arrows-v:before { content: ""; }
.legacy .fa-arrows-h:before { content: ""; }
.legacy .fa-bar-chart-o:before { content: ""; }
.legacy .fa-twitter-square:before { content: ""; }
.legacy .fa-facebook-square:before { content: ""; }
.legacy .fa-camera-retro:before { content: ""; }
.legacy .fa-key:before { content: ""; }
.legacy .fa-gears:before, .legacy .fa-cogs:before { content: ""; }
.legacy .fa-comments:before { content: ""; }
.legacy .fa-thumbs-o-up:before { content: ""; }
.legacy .fa-thumbs-o-down:before { content: ""; }
.legacy .fa-star-half:before { content: ""; }
.legacy .fa-heart-o:before { content: ""; }
.legacy .fa-sign-out:before { content: ""; }
.legacy .fa-linkedin-square:before { content: ""; }
.legacy .fa-thumb-tack:before { content: ""; }
.legacy .fa-external-link:before { content: ""; }
.legacy .fa-sign-in:before { content: ""; }
.legacy .fa-trophy:before { content: ""; }
.legacy .fa-github-square:before { content: ""; }
.legacy .fa-upload:before { content: ""; }
.legacy .fa-lemon-o:before { content: ""; }
.legacy .fa-phone:before { content: ""; }
.legacy .fa-square-o:before { content: ""; }
.legacy .fa-bookmark-o:before { content: ""; }
.legacy .fa-phone-square:before { content: ""; }
.legacy .fa-twitter:before { content: ""; }
.legacy .fa-facebook:before { content: ""; }
.legacy .fa-github:before { content: ""; }
.legacy .fa-unlock:before { content: ""; }
.legacy .fa-credit-card:before { content: ""; }
.legacy .fa-rss:before { content: ""; }
.legacy .fa-hdd-o:before { content: ""; }
.legacy .fa-bullhorn:before { content: ""; }
.legacy .fa-bell:before { content: ""; }
.legacy .fa-certificate:before { content: ""; }
.legacy .fa-hand-o-right:before { content: ""; }
.legacy .fa-hand-o-left:before { content: ""; }
.legacy .fa-hand-o-up:before { content: ""; }
.legacy .fa-hand-o-down:before { content: ""; }
.legacy .fa-arrow-circle-left:before { content: ""; }
.legacy .fa-arrow-circle-right:before { content: ""; }
.legacy .fa-arrow-circle-up:before { content: ""; }
.legacy .fa-arrow-circle-down:before { content: ""; }
.legacy .fa-globe:before { content: ""; }
.legacy .fa-wrench:before { content: ""; }
.legacy .fa-tasks:before { content: ""; }
.legacy .fa-filter:before { content: ""; }
.legacy .fa-briefcase:before { content: ""; }
.legacy .fa-arrows-alt:before { content: ""; }
.legacy .fa-group:before, .legacy .fa-users:before { content: ""; }
.legacy .fa-chain:before, .legacy .fa-link:before { content: ""; }
.legacy .fa-cloud:before { content: ""; }
.legacy .fa-flask:before { content: ""; }
.legacy .fa-cut:before, .legacy .fa-scissors:before { content: ""; }
.legacy .fa-copy:before, .legacy .fa-files-o:before { content: ""; }
.legacy .fa-paperclip:before { content: ""; }
.legacy .fa-save:before, .legacy .fa-floppy-o:before { content: ""; }
.legacy .fa-square:before { content: ""; }
.legacy .fa-navicon:before, .legacy .fa-reorder:before, .legacy .fa-bars:before { content: ""; }
.legacy .fa-list-ul:before { content: ""; }
.legacy .fa-list-ol:before { content: ""; }
.legacy .fa-strikethrough:before { content: ""; }
.legacy .fa-underline:before { content: ""; }
.legacy .fa-table:before { content: ""; }
.legacy .fa-magic:before { content: ""; }
.legacy .fa-truck:before { content: ""; }
.legacy .fa-pinterest:before { content: ""; }
.legacy .fa-pinterest-square:before { content: ""; }
.legacy .fa-google-plus-square:before { content: ""; }
.legacy .fa-google-plus:before { content: ""; }
.legacy .fa-money:before { content: ""; }
.legacy .fa-caret-down:before { content: ""; }
.legacy .fa-caret-up:before { content: ""; }
.legacy .fa-caret-left:before { content: ""; }
.legacy .fa-caret-right:before { content: ""; }
.legacy .fa-columns:before { content: ""; }
.legacy .fa-unsorted:before, .legacy .fa-sort:before { content: ""; }
.legacy .fa-sort-down:before, .legacy .fa-sort-desc:before { content: ""; }
.legacy .fa-sort-up:before, .legacy .fa-sort-asc:before { content: ""; }
.legacy .fa-envelope:before { content: ""; }
.legacy .fa-linkedin:before { content: ""; }
.legacy .fa-rotate-left:before, .legacy .fa-undo:before { content: ""; }
.legacy .fa-legal:before, .legacy .fa-gavel:before { content: ""; }
.legacy .fa-dashboard:before, .legacy .fa-tachometer:before { content: ""; }
.legacy .fa-comment-o:before { content: ""; }
.legacy .fa-comments-o:before { content: ""; }
.legacy .fa-flash:before, .legacy .fa-bolt:before { content: ""; }
.legacy .fa-sitemap:before { content: ""; }
.legacy .fa-umbrella:before { content: ""; }
.legacy .fa-paste:before, .legacy .fa-clipboard:before { content: ""; }
.legacy .fa-lightbulb-o:before { content: ""; }
.legacy .fa-exchange:before { content: ""; }
.legacy .fa-cloud-download:before { content: ""; }
.legacy .fa-cloud-upload:before { content: ""; }
.legacy .fa-user-md:before { content: ""; }
.legacy .fa-stethoscope:before { content: ""; }
.legacy .fa-suitcase:before { content: ""; }
.legacy .fa-bell-o:before { content: ""; }
.legacy .fa-coffee:before { content: ""; }
.legacy .fa-cutlery:before { content: ""; }
.legacy .fa-file-text-o:before { content: ""; }
.legacy .fa-building-o:before { content: ""; }
.legacy .fa-hospital-o:before { content: ""; }
.legacy .fa-ambulance:before { content: ""; }
.legacy .fa-medkit:before { content: ""; }
.legacy .fa-fighter-jet:before { content: ""; }
.legacy .fa-beer:before { content: ""; }
.legacy .fa-h-square:before { content: ""; }
.legacy .fa-plus-square:before { content: ""; }
.legacy .fa-angle-double-left:before { content: ""; }
.legacy .fa-angle-double-right:before { content: ""; }
.legacy .fa-angle-double-up:before { content: ""; }
.legacy .fa-angle-double-down:before { content: "ↆ"; } /* edited for archive pg */
.legacy .fa-angle-left:before { content: ""; }
.legacy .fa-angle-right:before { content: ""; }
.legacy .fa-angle-up:before { content: ""; }
.legacy .fa-angle-down:before { content: ""; }
.legacy .fa-desktop:before { content: ""; }
.legacy .fa-laptop:before { content: ""; }
.legacy .fa-tablet:before { content: ""; }
.legacy .fa-mobile-phone:before, .legacy .fa-mobile:before { content: ""; }
.legacy .fa-circle-o:before { content: ""; }
.legacy .fa-quote-left:before { content: ""; }
.legacy .fa-quote-right:before { content: ""; }
.legacy .fa-spinner:before { content: ""; }
.legacy .fa-circle:before { content: ""; }
.legacy .fa-mail-reply:before, .legacy .fa-reply:before { content: ""; }
.legacy .fa-github-alt:before { content: ""; }
.legacy .fa-folder-o:before { content: ""; }
.legacy .fa-folder-open-o:before { content: ""; }
.legacy .fa-smile-o:before { content: ""; }
.legacy .fa-frown-o:before { content: ""; }
.legacy .fa-meh-o:before { content: ""; }
.legacy .fa-gamepad:before { content: ""; }
.legacy .fa-keyboard-o:before { content: ""; }
.legacy .fa-flag-o:before { content: ""; }
.legacy .fa-flag-checkered:before { content: ""; }
.legacy .fa-terminal:before { content: ""; }
.legacy .fa-code:before { content: ""; }
.legacy .fa-mail-reply-all:before, .legacy .fa-reply-all:before { content: ""; }
.legacy .fa-star-half-empty:before, .legacy .fa-star-half-full:before, .legacy .fa-star-half-o:before { content: ""; }
.legacy .fa-location-arrow:before { content: ""; }
.legacy .fa-crop:before { content: ""; }
.legacy .fa-code-fork:before { content: ""; }
.legacy .fa-unlink:before, .legacy .fa-chain-broken:before { content: ""; }
.legacy .fa-question:before { content: ""; }
.legacy .fa-info:before { content: ""; }
.legacy .fa-exclamation:before { content: ""; }
.legacy .fa-superscript:before { content: ""; }
.legacy .fa-subscript:before { content: ""; }
.legacy .fa-eraser:before { content: ""; }
.legacy .fa-puzzle-piece:before { content: ""; }
.legacy .fa-microphone:before { content: ""; }
.legacy .fa-microphone-slash:before { content: ""; }
.legacy .fa-shield:before { content: ""; }
.legacy .fa-calendar-o:before { content: ""; }
.legacy .fa-fire-extinguisher:before { content: ""; }
.legacy .fa-rocket:before { content: ""; }
.legacy .fa-maxcdn:before { content: ""; }
.legacy .fa-chevron-circle-left:before { content: ""; }
.legacy .fa-chevron-circle-right:before { content: ""; }
.legacy .fa-chevron-circle-up:before { content: ""; }
.legacy .fa-chevron-circle-down:before { content: ""; }
.legacy .fa-html5:before { content: ""; }
.legacy .fa-css3:before { content: ""; }
.legacy .fa-anchor:before { content: ""; }
.legacy .fa-unlock-alt:before { content: ""; }
.legacy .fa-bullseye:before { content: ""; }
.legacy .fa-ellipsis-h:before { content: ""; }
.legacy .fa-ellipsis-v:before { content: ""; }
.legacy .fa-rss-square:before { content: ""; }
.legacy .fa-play-circle:before { content: ""; }
.legacy .fa-ticket:before { content: ""; }
.legacy .fa-minus-square:before { content: ""; }
.legacy .fa-minus-square-o:before { content: ""; }
.legacy .fa-level-up:before { content: ""; }
.legacy .fa-level-down:before { content: ""; }
.legacy .fa-check-square:before { content: ""; }
.legacy .fa-pencil-square:before { content: ""; }
.legacy .fa-external-link-square:before { content: ""; }
.legacy .fa-share-square:before { content: ""; }
.legacy .fa-compass:before { content: ""; }
.legacy .fa-toggle-down:before, .legacy .fa-caret-square-o-down:before { content: ""; }
.legacy .fa-toggle-up:before, .legacy .fa-caret-square-o-up:before { content: ""; }
.legacy .fa-toggle-right:before, .legacy .fa-caret-square-o-right:before { content: ""; }
.legacy .fa-euro:before, .legacy .fa-eur:before { content: ""; }
.legacy .fa-gbp:before { content: ""; }
.legacy .fa-dollar:before, .legacy .fa-usd:before { content: ""; }
.legacy .fa-rupee:before, .legacy .fa-inr:before { content: ""; }
.legacy .fa-cny:before, .legacy .fa-rmb:before, .legacy .fa-yen:before, .legacy .fa-jpy:before { content: ""; }
.legacy .fa-ruble:before, .legacy .fa-rouble:before, .legacy .fa-rub:before { content: ""; }
.legacy .fa-won:before, .legacy .fa-krw:before { content: ""; }
.legacy .fa-bitcoin:before, .legacy .fa-btc:before { content: ""; }
.legacy .fa-file:before { content: ""; }
.legacy .fa-file-text:before { content: ""; }
.legacy .fa-sort-alpha-asc:before { content: ""; }
.legacy .fa-sort-alpha-desc:before { content: ""; }
.legacy .fa-sort-amount-asc:before { content: ""; }
.legacy .fa-sort-amount-desc:before { content: ""; }
.legacy .fa-sort-numeric-asc:before { content: ""; }
.legacy .fa-sort-numeric-desc:before { content: ""; }
.legacy .fa-thumbs-up:before { content: ""; }
.legacy .fa-thumbs-down:before { content: ""; }
.legacy .fa-youtube-square:before { content: ""; }
.legacy .fa-youtube:before { content: ""; }
.legacy .fa-xing:before { content: ""; }
.legacy .fa-xing-square:before { content: ""; }
.legacy .fa-youtube-play:before { content: ""; }
.legacy .fa-dropbox:before { content: ""; }
.legacy .fa-stack-overflow:before { content: ""; }
.legacy .fa-instagram:before { content: ""; }
.legacy .fa-flickr:before { content: ""; }
.legacy .fa-adn:before { content: ""; }
.legacy .fa-bitbucket:before { content: ""; }
.legacy .fa-bitbucket-square:before { content: ""; }
.legacy .fa-tumblr:before { content: ""; }
.legacy .fa-tumblr-square:before { content: ""; }
.legacy .fa-long-arrow-down:before { content: ""; }
.legacy .fa-long-arrow-up:before { content: ""; }
.legacy .fa-long-arrow-left:before { content: ""; }
.legacy .fa-long-arrow-right:before { content: ""; }
.legacy .fa-apple:before { content: ""; }
.legacy .fa-windows:before { content: ""; }
.legacy .fa-android:before { content: ""; }
.legacy .fa-linux:before { content: ""; }
.legacy .fa-dribbble:before { content: ""; }
.legacy .fa-skype:before { content: ""; }
.legacy .fa-foursquare:before { content: ""; }
.legacy .fa-trello:before { content: ""; }
.legacy .fa-female:before { content: ""; }
.legacy .fa-male:before { content: ""; }
.legacy .fa-gittip:before { content: ""; }
.legacy .fa-sun-o:before { content: ""; }
.legacy .fa-moon-o:before { content: ""; }
.legacy .fa-archive:before { content: ""; }
.legacy .fa-bug:before { content: ""; }
.legacy .fa-vk:before { content: ""; }
.legacy .fa-weibo:before { content: ""; }
.legacy .fa-renren:before { content: ""; }
.legacy .fa-pagelines:before { content: ""; }
.legacy .fa-stack-exchange:before { content: ""; }
.legacy .fa-arrow-circle-o-right:before { content: ""; }
.legacy .fa-arrow-circle-o-left:before { content: ""; }
.legacy .fa-toggle-left:before, .legacy .fa-caret-square-o-left:before { content: ""; }
.legacy .fa-dot-circle-o:before { content: ""; }
.legacy .fa-wheelchair:before { content: ""; }
.legacy .fa-vimeo-square:before { content: ""; }
.legacy .fa-turkish-lira:before, .legacy .fa-try:before { content: ""; }
.legacy .fa-plus-square-o:before { content: ""; }
.legacy .fa-space-shuttle:before { content: ""; }
.legacy .fa-slack:before { content: ""; }
.legacy .fa-envelope-square:before { content: ""; }
.legacy .fa-wordpress:before { content: ""; }
.legacy .fa-openid:before { content: ""; }
.legacy .fa-institution:before, .legacy .fa-bank:before, .legacy .fa-university:before { content: ""; }
.legacy .fa-mortar-board:before, .legacy .fa-graduation-cap:before { content: ""; }
.legacy .fa-yahoo:before { content: ""; }
.legacy .fa-google:before { content: ""; }
.legacy .fa-reddit:before { content: ""; }
.legacy .fa-reddit-square:before { content: ""; }
.legacy .fa-stumbleupon-circle:before { content: ""; }
.legacy .fa-stumbleupon:before { content: ""; }
.legacy .fa-delicious:before { content: ""; }
.legacy .fa-digg:before { content: ""; }
.legacy .fa-pied-piper-square:before, .legacy .fa-pied-piper:before { content: ""; }
.legacy .fa-pied-piper-alt:before { content: ""; }
.legacy .fa-drupal:before { content: ""; }
.legacy .fa-joomla:before { content: ""; }
.legacy .fa-language:before { content: ""; }
.legacy .fa-fax:before { content: ""; }
.legacy .fa-building:before { content: ""; }
.legacy .fa-child:before { content: ""; }
.legacy .fa-paw:before { content: ""; }
.legacy .fa-spoon:before { content: ""; }
.legacy .fa-cube:before { content: ""; }
.legacy .fa-cubes:before { content: ""; }
.legacy .fa-behance:before { content: ""; }
.legacy .fa-behance-square:before { content: ""; }
.legacy .fa-steam:before { content: ""; }
.legacy .fa-steam-square:before { content: ""; }
.legacy .fa-recycle:before { content: ""; }
.legacy .fa-automobile:before, .legacy .fa-car:before { content: ""; }
.legacy .fa-cab:before, .legacy .fa-taxi:before { content: ""; }
.legacy .fa-tree:before { content: ""; }
.legacy .fa-spotify:before { content: ""; }
.legacy .fa-deviantart:before { content: ""; }
.legacy .fa-soundcloud:before { content: ""; }
.legacy .fa-database:before { content: ""; }
.legacy .fa-file-pdf-o:before { content: ""; }
.legacy .fa-file-word-o:before { content: ""; }
.legacy .fa-file-excel-o:before { content: ""; }
.legacy .fa-file-powerpoint-o:before { content: ""; }
.legacy .fa-file-photo-o:before, .legacy .fa-file-picture-o:before, .legacy .fa-file-image-o:before { content: ""; }
.legacy .fa-file-zip-o:before, .legacy .fa-file-archive-o:before { content: ""; }
.legacy .fa-file-sound-o:before, .legacy .fa-file-audio-o:before { content: ""; }
.legacy .fa-file-movie-o:before, .legacy .fa-file-video-o:before { content: ""; }
.legacy .fa-file-code-o:before { content: ""; }
.legacy .fa-vine:before { content: ""; }
.legacy .fa-codepen:before { content: ""; }
.legacy .fa-jsfiddle:before { content: ""; }
.legacy .fa-life-bouy:before, .legacy .fa-life-saver:before, .legacy .fa-support:before, .legacy .fa-life-ring:before { content: ""; }
.legacy .fa-circle-o-notch:before { content: ""; }
.legacy .fa-ra:before, .legacy .fa-rebel:before { content: ""; }
.legacy .fa-ge:before, .legacy .fa-empire:before { content: ""; }
.legacy .fa-git-square:before { content: ""; }
.legacy .fa-git:before { content: ""; }
.legacy .fa-hacker-news:before { content: ""; }
.legacy .fa-tencent-weibo:before { content: ""; }
.legacy .fa-qq:before { content: ""; }
.legacy .fa-wechat:before, .legacy .fa-weixin:before { content: ""; }
.legacy .fa-send:before, .legacy .fa-paper-plane:before { content: ""; }
.legacy .fa-send-o:before, .legacy .fa-paper-plane-o:before { content: ""; }
.legacy .fa-history:before { content: ""; }
.legacy .fa-circle-thin:before { content: ""; }
.legacy .fa-header:before { content: ""; }
.legacy .fa-paragraph:before { content: ""; }
.legacy .fa-sliders:before { content: ""; }
.legacy .fa-share-alt:before { content: ""; }
.legacy .fa-share-alt-square:before { content: ""; }
.legacy .fa-bomb:before { content: ""; }
.legacy #logo { width: 100px; height: auto; padding: 0; text-align: center; font-size: 120%; margin: 0 auto; }
@media only screen and (min-width: 48em) { .legacy #logo { width: 150px; } }
@media only screen and (min-width: 60em) { .legacy #logo { width: 200px; float: left; } }
.legacy .search { position: absolute; top: 0; left: -16em; display: block; z-index: 100; margin-left: 12px; }
@media only screen and (min-width: 48em) { .legacy .search { position: relative; float: right; margin-top: 8px; margin-left: 20px; margin-right: 10px; left: auto; top: auto; } }
.legacy #login-drawer, .legacy #fat-nav, .legacy #toplinks, .legacy .tool-form, .legacy .smt-trigger ul { display: none; }
.legacy .menu { padding: 0; }
.legacy #header > div { padding: 1em; }
.legacy #header > div:before, .legacy #header > div:after { content: ""; display: table; }
.legacy #header > div:after { clear: both; }
.legacy #header.ps { overflow: visible; }
.legacy #menu-header-new a, .legacy #menu-header-navigation-2015 a { font-size: 12px; color: #CCC; font-weight: 500; text-decoration: none; font-weight: 500; }
.legacy body { background: #333; }
.legacy #navbar { background: #fff; position: relative; box-shadow: -6px 0 4px rgba(0, 0, 0, 0.1); box-shadow: -6px 0 4px rgba(0, 0, 0, 0.1); box-shadow: -6px 0 4px rgba(0, 0, 0, 0.1); z-index: 1000; transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease; }
.legacy #navbar.active { transform: translate3d(70%, 0, 0); transform: translate3d(70%, 0, 0); transform: translate3d(70%, 0, 0); transition: transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease; }
.legacy #blacknav { background-color: #000; height: 5px; }
.legacy #blacknav > div { text-align: right; padding: 3px 40px; }
.legacy #blacknav .blacklinks { color: #ccc; font-size: 80%; border-radius: 10px; background-color: #000; position: absolute; right: 0; top: -5px; padding: 7px 20px; z-index: 50; border: 3px solid #333; }
@media only screen and (min-width: 60em) { .legacy #blacknav .blacklinks { font-size: 75%; } }
.legacy #blacknav .blacklinks .community { display: inline-block; }
.legacy #blacknav .blacklinks .community a { color: #fff; text-decoration: none; }
.legacy #blacknav .blacklinks .community a:hover { text-decoration: underline; }
.legacy #blacknav .blacklinks .tools a:hover { text-decoration: none; }
.legacy #blacknav .blacklinks .tools .sub-menu a:hover { color: #e17000; }
.legacy #header { height: auto; background: #333; border-bottom: 3px solid #3FAE2A; }
.legacy #header:before, .legacy #header:after { content: ""; display: table; }
.legacy #header:after { clear: both; }
.legacy #header > div { position: relative; }
.legacy .navigation .search { background-color: #000; float: none; position: absolute; top: 0; left: 0; z-index: 0; padding: .75em; width: 100%; }
.legacy .navigation .search input[type="text"], .legacy .navigation .search input[type="search"] { background: transparent; border: none; color: #fff; padding-left: 2em; line-height: 2em; margin-bottom: 0; width: 100%; }
.legacy .navigation .search button { left: .5em; right: auto; top: 1.375em; }
@media only screen and (min-width: 60em) { .legacy .navigation .search { display: none; } }
.legacy #menu-header-new { display: block; left: 0; margin: 0; position: absolute; top: 4em; width: 100%; }
@media only screen and (min-width: 60em) { .legacy #menu-header-new { display: none; } }
.legacy #menu-header-new a { color: #fff; }
.legacy #menu-header-new li { list-style: none; }
.legacy #menu-header-new li a { border-bottom: 1px solid rgba(0, 0, 0, 0.2); display: block; padding: 1em; }
.legacy #menu-header-new li li a { color: #ccc; font-weight: 300; }
.legacy #menu-header-navigation-2015 { display: block; left: 0; margin: 0; position: absolute; top: 4em; width: 100%; }
@media only screen and (min-width: 60em) { .legacy #menu-header-navigation-2015 { display: none; } }
.legacy #menu-header-navigation-2015 a { color: #fff; }
.legacy #menu-header-navigation-2015 li { list-style: none; }
.legacy #menu-header-navigation-2015 li a { border-bottom: 1px solid rgba(0, 0, 0, 0.2); display: block; padding: 1em; }
.legacy #menu-header-navigation-2015 li li a { color: #ccc; font-weight: 300; }
.legacy .menu-link { font-size: 36px; position: absolute; left: .325em; top: 18px; color: #fff; border: none; text-decoration: none; }
.legacy .menu-link:visited { color: #fff; }
.legacy .menu-link:hover { color: #ccc; }
@media only screen and (min-width: 60em) { .legacy #header > div { padding: 18px 40px 0; max-width: 1200px; }
  .legacy #header > div:before, .legacy #header > div:after { content: ""; display: table; }
  .legacy #header > div:after { clear: both; }
  .legacy #header { background: #333; overflow: visible; position: relative; }
  .legacy #logo { width: 120px; margin-right: 1em; margin-top: 10px; float: left; }
  .legacy .menu-link { display: none; }
  .legacy #fat-nav { display: block; width: 90%; margin: 0 50px 0 150px; }
  .legacy #fat-nav:before, .legacy #fat-nav:after { content: ""; display: table; }
  .legacy #fat-nav:after { clear: both; }
  .legacy #fat-nav > li { width: auto; }
  .legacy #fat-nav li { display: block; float: left; padding: 25px 0 5px 15px; margin-top: 20px; border-radius: 5px 5px 0 0; }
  .legacy #fat-nav li:hover { background-color: #111; color: #e17000; padding: 25px 0 5px 15px; margin-top: 20px; }
  .legacy #fat-nav li:hover .menu-item-link { border-right: 1px solid rgba(255, 255, 255, 0); }
  .legacy #fat-nav li.disabled:hover { background-color: transparent; }
  .legacy #fat-nav li.download { background: url("../images/layout/header/paper.png") 0 80px no-repeat, #d76b00; border-radius: 0; }
  .legacy #fat-nav li.download .menu-item-link:hover { color: rgba(255, 255, 255, 0.8); }
  .legacy #fat-nav li.highlight { background-color: #d76b00; }
  .legacy #fat-nav li.highlight .menu-item-link:hover { color: rgba(255, 255, 255, 0.8); }
  .legacy #fat-nav li:last-of-type .menu-item-link { border-right: 0; }
  .legacy #fat-nav li .menu-item-link { color: #fff; display: block; font-size: .8em; font-weight: 500; line-height: 1.25em; padding: 0 15px 0 0; min-height: 25px; text-decoration: none; border-right: 1px solid rgba(255, 255, 255, 0.2); }
  .legacy #fat-nav li .menu-item-link a { color: #fff; text-decoration: none; }
  .legacy #fat-nav li .menu-item-link a:hover { color: #e17000; }
  .legacy #fat-nav li .menu-item-link span { color: rgba(255, 255, 255, 0.5); }
  .legacy #fat-nav li .menu-item-link:hover { border-right: 1px solid transparent; color: #e17000; }
  .legacy #fat-nav li .subhead { color: rgba(255, 255, 255, 0.5); display: block; font-size: .75rem; font-weight: 300; margin-top: .25em; }
  .legacy #fat-nav li a.btn, .legacy #fat-nav li .bottom_drawer .promo .cta a, .legacy .bottom_drawer .promo .cta #fat-nav li a { color: #e17000; cursor: pointer; font-size: .8rem; font-weight: 300; }
  .legacy #fat-nav li .mega { float: left; font-size: 2em; margin-right: .5em; }
  .legacy #fat-nav li .h-icon { margin-top: .5em; }
  .legacy #fat-nav li .sub-menu { box-shadow: 3px, 3px, 3px, rgba(0, 0, 0, 0.75); box-shadow: 3px, 3px, 3px, rgba(0, 0, 0, 0.75); box-shadow: 3px, 3px, 3px, rgba(0, 0, 0, 0.75); background: #111; display: none; position: absolute; left: 0; margin-top: 5px; padding: 0; vertical-align: top; width: auto; z-index: 100; border-radius: 0 0 5px 5px; }
  .legacy #fat-nav li .sub-menu li { border-radius: 0; border-right: none; display: block; float: none; padding: 0; width: auto; margin: 15px 30px 0; font-weight: normal; font-size: 0.9rem; }
  .legacy #fat-nav li .sub-menu li:nth-child(4) { clear: none; }
  .legacy #fat-nav li .sub-menu li:last-of-type .menu-item-link { border: none; }
  .legacy #fat-nav li .sub-menu .menu-item-link { margin: 0; border-right: none; width: 100%; min-height: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-weight: normal; padding: 0; }
  .legacy #fat-nav li .sub-menu.col-5 .menu-item-link { padding-left: 15px; }
  .legacy #fat-nav li .sub-menu.col-2 .menu-item-link { padding-left: 15px; }
  .legacy #fat-nav #menu-item-1 .col-1 { margin-left: 190px; }
  .legacy #fat-nav #menu-item-2 .col-2 { margin-left: 327px; }
  .legacy #fat-nav #menu-item-3 .col-3 { margin-left: 412px; }
  .legacy #fat-nav #menu-item-5 .col-5 { margin-left: 507px; }
  .legacy #fat-nav #menu-item-6 .col-6 { margin-left: 593px; }
  .legacy #fat-nav #menu-item-7 .col-7 { margin-left: 672px; }
  .legacy #fat-nav #menu-item-8 .col-8 { margin-left: 754px; }
  .legacy #fat-nav #menu-item-8 .menu-item-link { border-right: none; }
  .legacy #fat-nav #menu-item-9 { color: #000; background-color: #e17000; padding: 10px 0 0 15px; border-radius: 5px 5px 5px 5px; margin: 30px 0 0 20px; }
  .legacy #fat-nav #menu-item-9:hover { background-color: #ff8003; color: #000; }
  .legacy #fat-nav #menu-item-9 .col-9 { margin: 7px 0 0 869px; background-color: rgba(255, 255, 255, 0.9); border: 1px solid #e17000; border-radius: 5px 5px 5px 5px; }
  .legacy #fat-nav #menu-item-9 .col-9 li { background: none; margin: 15px 15px 0; }
  .legacy #fat-nav #menu-item-9 .col-9 li .menu-item-link { color: #000; border-color: #000; }
  .legacy #fat-nav #menu-item-9 .col-9 li .menu-item-link:hover { color: #e17000; }
  .legacy #fat-nav #menu-item-9 .menu-item-link:hover { color: #fff; } }
@media only screen and (min-width: 75em) { .legacy #logo { margin-right: 10px; margin-top: 0; width: 180px; }
  .legacy #fat-nav { width: 960px; margin: 0 100px 0 205px; }
  .legacy #fat-nav > li > li:hover > a { color: #e17000; }
  .legacy #fat-nav li { padding: 25px 0 5px 15px; margin-top: 20px; }
  .legacy #fat-nav li:hover { padding: 25px 0 5px 15px; margin-top: 20px; }
  .legacy #fat-nav li.download { background: url("../images/layout/header/paper.png") 0 95px no-repeat, #d76b00; }
  .legacy #fat-nav li.download a { height: 100%; }
  .legacy #fat-nav li.download .uptext { display: block; margin-top: -23px; font-size: 80%; color: #fee8d4; font-weight: normal; }
  .legacy #fat-nav li .menu-item-link { font-size: 1em; }
  .legacy #fat-nav li .sub-menu { margin-left: 245px; margin-top: 5px; width: auto; border-radius: 0 0 5px 5px; }
  .legacy #fat-nav li .sub-menu li { padding: 0; width: auto; margin: 15px 30px 0; border-right: none; font-weight: normal; font-size: 0.9rem; }
  .legacy #fat-nav li .sub-menu .menu-item-link { min-height: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-weight: normal; padding: 0; }
  .legacy #fat-nav li .sub-menu.col-5 .menu-item-link { padding-left: 15px; }
  .legacy #fat-nav #menu-item-1 .col-1 { margin-left: 245px; }
  .legacy #fat-nav #menu-item-2 .col-2 { margin-left: 408px; }
  .legacy #fat-nav #menu-item-3 .col-3 { margin-left: 507px; }
  .legacy #fat-nav #menu-item-5 .col-5 { margin-left: 618px; }
  .legacy #fat-nav #menu-item-6 .col-6 { margin-left: 718px; }
  .legacy #fat-nav #menu-item-7 .col-7 { margin-left: 809px; }
  .legacy #fat-nav #menu-item-8 .col-8 { margin-left: 903px; }
  .legacy #fat-nav #menu-item-8 .menu-item-link { border-right: none; }
  .legacy #fat-nav #menu-item-9 { color: #000; background-color: #e17000; padding: 10px 0 5px 15px; border-radius: 5px 5px 5px 5px; margin: 30px 0 0 20px; }
  .legacy #fat-nav #menu-item-9:hover { background-color: #ff8003; color: #000; }
  .legacy #fat-nav #menu-item-9 .col-9 { margin: 7px 0 0 1036px; background-color: rgba(255, 255, 255, 0.9); border: 1px solid #e17000; border-radius: 5px 5px 5px 5px; }
  .legacy #fat-nav #menu-item-9 .col-9 li { background: none; margin: 15px 15px 0; }
  .legacy #fat-nav #menu-item-9 .col-9 li .menu-item-link { color: #000; border-color: #000; }
  .legacy #fat-nav #menu-item-9 .col-9 li .menu-item-link:hover { color: #e17000; }
  .legacy #fat-nav #menu-item-9 .menu-item-link:hover { color: #fff; } }
.legacy .breadcrumb { text-transform: uppercase; display: none; font-size: 80%; margin-top: 10px; margin-bottom: 10px; width: 100%; }
@media only screen and (min-width: 48em) { .legacy .breadcrumb { display: block; } }
.legacy .breadcrumb a:hover { color: #eee; }
.legacy .breadcrumb ul { padding-left: 0px; margin: 0px; }
.legacy .sectionnav ul { padding-left: 0px; margin: 0px; overflow: auto; position: relative; }
.legacy .sectionnav li { list-style-type: none; }
.legacy .sectionnav li .text { padding: 5px; margin-left: 20px; margin-right: 5px; }
.legacy .ps.sectionnav { border-top: 0px; }
.legacy .ps.sectionnav > div { padding: 10px 20px 10px; background-color: #555; }
@media only screen and (min-width: 48em) { .legacy .ps.sectionnav > div { padding: 10px 40px 10px; } }
.legacy .ps.sectionnav li a { display: block; color: #eee; font-size: large; border-radius: 3px; padding: 5px 10px; text-decoration: none; }
.legacy .ps.sectionnav li a:hover { background-color: #e6e6e6; color: #666; }
.legacy .ps.sectionnav li.active a { background-color: #e17000; color: #fff; }
@media only screen and (min-width: 48em) { .legacy .ps.sectionnav li { display: inline-block; margin-right: 20px; } }
.legacy .ps.sectionnav.grey { background-color: #d7d5d4; }
.legacy .opener .sectionnav { text-align: center; padding-bottom: 0px; }
.legacy .opener .sectionnav a { display: block; color: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 20px 20px; text-decoration: none; text-transform: uppercase; }
.legacy .opener .sectionnav a:hover { background-color: #fff; color: #e17000; }
.legacy .opener .sectionnav li.active a { background-color: #fff; color: #3FAE2A; }
@media only screen and (min-width: 48em) { .legacy .opener .sectionnav li { display: inline-block; margin-right: 20px; margin-right: 10px; } }
.legacy .opener.lighter .sectionnav a { color: #333; }
.legacy .sidenav .sectionnav { border-right: 1px dashed #ddd; }
.legacy .sidenav .sectionnav ul { margin-left: -10px; }
.legacy .sidenav .sectionnav a { display: block; text-decoration: none; padding: 2px 10px; }
.legacy .sidenav .sectionnav li.active a { color: #e17000; background-color: #f6f6f6; }
@media only screen and (min-width: 48em) { .legacy .sidenav .sectionnav li { margin-right: 10px; } }
.legacy .pop-over .search-form, .legacy .pop-over .language-form, .legacy .pop-over .login-form { padding: 0; }
@media only screen and (min-width: 60em) { .legacy .pop-over .search-form, .legacy .pop-over .language-form, .legacy .pop-over .login-form { padding: 7px 50px 0 70px; } }
.legacy .pop-over .language-form .icon-language, .legacy .pop-over .login-form .icon-profile { font-size: 36px; left: .5rem; line-height: 45px; position: absolute; top: 1rem; }
.legacy .navigation .search button, .legacy .pop-over .search-form button, .legacy .pop-over .login-form button, .legacy .pop-over .login-form .button { background-color: transparent; border: none; color: #fff; position: absolute; }
.legacy .pop-over input[type="text"], .legacy .pop-over input[type="search"], .legacy .pop-over input[type="password"], .legacy .pop-over .language-form .langugage-list .language, .legacy .pop-over .login-form input[type="text"], .legacy .pop-over .login-form input[type="password"] { background-color: transparent; border-bottom: 1px solid #fff; }
.legacy .pop-over .search-form, .legacy .pop-over .login-form { display: none; }
@media only screen and (min-width: 60em) { .legacy .pop-over .search-form, .legacy .pop-over .login-form { display: block; } }
.legacy .tools { display: inline-block; }
.legacy .tools .tools-list { display: inline-block; list-style: none; padding: 0; margin: 0; }
.legacy .tools .tools-list:before, .legacy .tools .tools-list:after { content: ""; display: table; }
.legacy .tools .tools-list:after { clear: both; }
.legacy .tools .tools-list li { display: inline-block; padding: 0; font-size: 100%; height: 15px; float: none; }
@media only screen and (min-width: 60em) { .legacy .tools .tools-list li { text-align: center; font-size: 100%; } }
@media only screen and (min-width: 75em) { .legacy .tools .tools-list li { padding: 0 0; float: left; } }
.legacy .tools .tools-list li.hide-small { display: none; }
@media only screen and (min-width: 60em) { .legacy .tools .tools-list li.hide-small { display: inline-block; } }
.legacy .tools .tools-list li .sub-menu { box-shadow: 3px, 3px, 3px, rgba(0, 0, 0, 0.75); box-shadow: 3px, 3px, 3px, rgba(0, 0, 0, 0.75); box-shadow: 3px, 3px, 3px, rgba(0, 0, 0, 0.75); background: #111; display: none; position: absolute; right: 0; padding: 0; vertical-align: top; z-index: 100; border-radius: 0 0 5px 5px; }
.legacy .tools .tools-list li .sub-menu li { padding: 1em 0 1em 1em; width: auto; height: 35px; float: none; }
.legacy .tools .tools-list li .sub-menu li:last-child a { border: none; }
.legacy .tools .tools-list li .sub-menu li a { line-height: normal; min-width: 10em; display: block; border-right: 1px solid rgba(255, 255, 255, 0.2); }
@media only screen and (min-width: 60em) { .legacy .tools .tools-list li .sub-menu li a { min-width: 0; } }
.legacy .tools .tools-list li .sub-menu .menu-item-link { padding: 0 1em 0 0; }
.legacy .tools .tools-list li:nth-child(3) { padding-left: 5px; }
.legacy .tools .tools-list li:nth-child(3) a { border-right: 0; }
.legacy .tools .tools-list a { color: #fff; text-decoration: none; }
.legacy .tools .tools-list a span { padding: 0 6px; vertical-align: middle; }
.legacy .tools .tools-list a span.icon-profile { transition-property: background; transition-property: background; transition-property: background; transition-property: background; transition-duration: 50ms; transition-duration: 50ms; transition-duration: 50ms; transition-duration: 50ms; transition-timing-function: fade; transition-timing-function: fade; transition-timing-function: fade; transition-timing-function: fade; }
.legacy .tools .tools-list a span.icon-profile:hover, .legacy .tools .tools-list a span.icon-profile.hover { background: #111; }
@media only screen and (min-width: 60em) { .legacy .tools { top: 10px; right: 1.625em; } }
@media only screen and (min-width: 75em) { .legacy .tools { top: 10px; font-size: 100%; } }
.legacy .pop-over { display: none; position: absolute; background-color: #000; color: #fff; z-index: 999; right: 0; top: 70px; width: 50%; }
@media only screen and (min-width: 60em) { .legacy .pop-over { display: none; font-size: 18px; height: 75px; line-height: 40px; left: 175px; right: auto; top: 18px; width: 75%; } }
@media only screen and (min-width: 75em) { .legacy .pop-over { font-size: 22px; height: 73px; left: 230px; top: 20px; right: auto; width: 810px; } }
.legacy .pop-over input[type="text"], .legacy .pop-over input[type="search"], .legacy .pop-over input[type="password"] { border-top: none; border-left: none; border-right: none; color: #fff; font-size: 22px; line-height: 45px; width: 100%; }
.legacy .pop-over input[type="text"], .legacy .pop-over input[type="password"] { line-height: 40px; }
.legacy .pop-over a { color: #fff; text-decoration: none; }
.legacy .pop-over .close { color: rgba(255, 255, 255, 0.3); display: none; line-height: 60px; position: absolute; right: 10px; top: 10px; }
@media only screen and (min-width: 60em) { .legacy .pop-over .close { display: block; } }
.legacy .pop-over .search-form button { left: .75rem; top: 1rem; }
.legacy .pop-over .search-form button .icon-search { color: #fff; font-size: 36px; line-height: 45px; }
.legacy .pop-over .language-form .smt-menu { background-color: rgba(0, 0, 0, 0.65); margin: 0; padding: 6px 0; position: relative; }
.legacy .pop-over .language-form .smt-menu li a { color: #cccccc; display: block; padding: .25em 1em; padding-right: 1em; }
.legacy .pop-over .language-form .smt-menu li a:hover { background-color: rgba(0, 0, 0, 0.5); }
.legacy .pop-over .language-form .langugage-list { display: inline-block; margin: 0; padding: 0; position: relative; width: 100%; z-index: 2000; }
.legacy .pop-over .language-form .langugage-list .language { color: #fff; display: block; padding-top: 6px; padding-bottom: 6px; }
.legacy .pop-over .language-form .langugage-list .language .icon-drop { float: right; font-size: 36px; line-height: 45px; }
.legacy .pop-over .language-form .langugage-list ul { margin-top: 5px; }
.legacy .pop-over .language-form li { list-style: none; }
.legacy .pop-over .language-form .icon-language { display: none; }
@media only screen and (min-width: 60em) { .legacy .pop-over .language-form .icon-language { display: block; } }
.legacy .pop-over .login-fail { padding: 18px 50px 0px 70px; }
.legacy .pop-over .login-form input[type="text"], .legacy .pop-over .login-form input[type="password"] { font-size: 16px; margin-top: 5px; width: 42%; }
@media only screen and (min-width: 75em) { .legacy .pop-over .login-form input[type="text"], .legacy .pop-over .login-form input[type="password"] { font-size: 22px; width: 40%; } }
.legacy .pop-over .login-form .forgot { color: rgba(255, 255, 255, 0.6); font-size: 12px; line-height: 60px; position: absolute; right: 150px; }
@media only screen and (min-width: 75em) { .legacy .pop-over .login-form .forgot { right: 180px; } }
.legacy .pop-over .login-form button, .legacy .pop-over .login-form .button { font-size: 14px; line-height: 50px; right: 35px; text-transform: uppercase; top: 15px; padding: 0 1em; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.5); }
@media only screen and (min-width: 75em) { .legacy .pop-over .login-form button, .legacy .pop-over .login-form .button { font-size: 14px; right: 50px; } }
.legacy .pop-over .login-form .name { display: inline-block; line-height: 60px; padding: 0 1em; }
.legacy .pop-over .login-form .icon-profile { text-align: center; top: 0.4rem; left: 1rem; }
.legacy .pop-over .login-form .icon-profile .login_to { font-size: 13px; display: block; line-height: normal; }
.legacy #footer_nav .menu .menu-item a { color: #436682; }
.legacy #newsletter_signup { background: #3FAE2A; min-height: 65px; padding: 1px; font-family: "Titillium Web", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.legacy #newsletter_signup > div { padding-top: 00px; padding-bottom: 0px; }
.legacy #newsletter_signup form { text-align: center; }
.legacy #newsletter_signup span { font-size: 20px; line-height: 65px; color: white; font-weight: lighter; margin-right: 5px; }
.legacy #newsletter_signup p { font-size: 20px; line-height: 65px; color: white; text-align: center; }
.legacy #newsletter_signup label { display: none; }
.legacy #newsletter_signup label.optin { display: block; margin-top: -25px; }
.legacy #newsletter_signup input[type="email"] { width: 266px; height: 35px; line-height: 35px; border: none; padding: 0 5px 0 35px; margin: 0 5px 4px 0; background: white url("../images/icons/envelope.jpg") no-repeat 10px 12px; }
.legacy #newsletter_signup input[type="submit"] { height: 35px; margin: 0px; padding: 0px 7px; background: transparent; border: 1px solid white; margin: 0 0 4px 0; color: white; font-size: 14px; font-weight: lighter; display: inline-block; position: relative; top: 0px; text-transform: uppercase; }
.legacy #newsletter_signup input[type="submit"]:hover { background-color: #b05801; }
.legacy #newsletter_signup #mkto_submit { display: inline-block; }
.legacy #newsletter_signup .dev-container { display: none; text-align: center; margin: 7px auto; padding-bottom: 10px; }
.legacy #newsletter_signup .dev-container input { height: 35px; margin-right: 3px; }
.legacy #newsletter_signup .dev-container #mktoForm_795 { height: 35px; margin-top: 15px; display: inline-block; }
.legacy #newsletter_signup .dev-container input[type="checkbox"] { position: absolute; margin: 20px 0; height: 10px; }
.legacy #footer_menu { background: #262626; }
.legacy #footer_menu li { display: block; width: 220px; float: left; margin: 0 10px; line-height: 20px; }
.legacy #footer_menu > li.parent > a #footer_menu li a { font-size: 11px; font-weight: normal; color: #e5e5e5; background: url(../images/icons/footer-bullet.gif) no-repeat left center; padding-left: 10px; }
.legacy #footer_search input { display: inline; }
.legacy #footer_search .search_input { background: transparent; border: none; border-bottom: 1px solid #5e89a9; border-radius: 0; color: #fff; height: 20px; width: 96.5%; float: right; margin-top: 11px; font-size: 16px; font-weight: bold; font-family: Arial; -webkit-font-smoothing: antialiased; padding-left: 0px; float: right; text-shadow: none; }
.legacy #footer_search #footer_submit { float: left; background: url("../images/icons/new_search.png") no-repeat transparent; height: 19px; width: 20px; border: none; display: block; margin: 14px 0 0; }
.legacy .menu-footer-navigation-container { width: 950px; height: 230px; overflow: hidden; position: relative; margin-top: 15px; }
.legacy .footer-container { position: relative; }
.legacy .footer-container .content-wrapper { padding-bottom: 0; }
.legacy #sub_footer { background: #262626; }
.legacy #sub_footer > div { overflow: hidden; padding-top: 25px; padding-bottom: 25px; }
.legacy #sub_footer p, .legacy #sub_footer ul { float: right; text-align: right; color: #e5e5e5; clear: both; font-size: 11px; }
.legacy #sub_footer a { color: #FFF; padding-right: 0; }
.legacy #sub_footer .social-icons-list { margin-bottom: 10px; }
.legacy .social-icons-list { padding-left: 0px; }
.legacy .social-icons-list li { list-style-type: none; float: left; margin-right: 15px; }
.legacy .social-icons-list li:last-child { margin: 0; }
.legacy #sub_footer .logo { width: 180px; float: left; }
.legacy #sub_footer .logo a { display: block; width: 180px; height: 68px; background: url(../images/layout/footer/footer-logo.png) no-repeat; text-indent: -9999px; }
.legacy #sub_footer small { float: left; line-height: 20px; }
.legacy #sub_footer ul { padding-left: 0; }
.legacy #sub_footer a.linkedin, .legacy a.twitter, .legacy a.slideshare, .legacy a.rss, .legacy a.newsletter, .legacy a.facebook { text-indent: -9999px; width: 15px; height: 15px; float: right; margin-left: 3px; vertical-align: middle; }
.legacy #footer_menu { width: 100%; background: #2d2d2d; }
.legacy #footer_menu li a { font-weight: bold; padding-right: 15px; }
.legacy #footer_menu nav { margin-bottom: 3px; }
.legacy #fat_footer { background-color: #333; color: #fff; }
.legacy #fat_footer a { color: #fff; text-decoration: none; }
.legacy #fat_footer .menu { font-size: .8em; list-style: none; margin: 0; padding: 0; text-transform: uppercase; }
.legacy #fat_footer .menu:before, .legacy #fat_footer .menu:after { content: ""; display: table; }
.legacy #fat_footer .menu:after { clear: both; }
@media only screen and (min-width: 48em) { .legacy #fat_footer .menu { margin: 2em 1em; } }
.legacy #fat_footer .menu > li { display: block; float: left; font-weight: 500; margin-bottom: 2em; width: 100%; }
@media only screen and (min-width: 48em) { .legacy #fat_footer .menu > li { margin-bottom: 0; padding-right: 1em; width: 20%; } }
.legacy #fat_footer .menu .sub-menu { list-style: none; margin-top: .5em; text-transform: capitalize; }
.legacy #fat_footer .menu .sub-menu li { font-weight: 300; padding: .25em 0; }
.legacy #fat_footer .menu .sub-menu li a { color: rgba(255, 255, 255, 0.4); }
.legacy #fat_footer .menu .sub-menu li a:hover { color: rgba(255, 255, 255, 0.8); }
.legacy #fat_footer .social-icons-list { margin-top: 1em; }
.legacy #fat_footer .logo { margin-bottom: 10px; }
.legacy #fat_footer .logo a { background: url(http://hortonworks.com/wp-content/uploads/2016/02/HWX-RGB-full-no-tagline-reverse.png) no-repeat; background-size: cover; display: block; width: 188px; height: 66px; text-indent: -9000px; margin: 0 auto; }
.legacy #fat_footer .copy { color: rgba(255, 255, 255, 0.4); font-size: .75em; margin: 0 auto -1em; text-align: center; width: 55%; }
.legacy #fat_footer .copy a { color: rgba(255, 255, 255, 0.8); line-height: 2em; }
.legacy #fat_footer .tel { font-size: 150%; font-weight: normal; margin: 15px 0; }
.legacy .opener { overflow: initial; /* When we use a carousel as part of the opener, we're going to style it differently. */ }
.legacy .opener > div { background-size: cover; text-align: left; margin-top: -43px; padding: 0px; }
.legacy .opener > div > div { padding: 0px 40px 30px; }
.legacy .opener > div:before { display: block; height: 43px; background-color: rgba(0, 0, 0, 0.3); content: " "; }
.legacy .opener .intro-copy { color: #fff; padding: 15px 20px; }
.legacy .opener .intro-copy .container { padding: 20px; }
.legacy .opener .intro-copy p, .legacy .opener .intro-copy .page-summary { font-size: 130%; }
.legacy .opener .intro-copy h1 { border-bottom: 4px solid #3FAE2A; }
.legacy .opener .intro-copy h2, .legacy .opener .intro-copy .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .opener .intro-copy .group_title { border-bottom: 4px solid #3FAE2A; }
@media only screen and (min-width: 48em) { .legacy .opener .intro-copy { padding: 70px 11% 40px; /* Default   */ }
  .legacy .opener .intro-copy h1 { width: auto; font-size: 300%; font-weight: 500; display: inline-block; }
  .legacy .opener .intro-copy h2, .legacy .opener .intro-copy .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .opener .intro-copy .group_title { width: auto; font-size: 240%; font-weight: 500; display: inline-block; }
  .legacy .opener .intro-copy.left { padding-left: 40px; padding-right: 30%; }
  .legacy .opener .intro-copy.right { padding-left: 45%; padding-right: 40px; } }
.legacy .opener.lighten > div > div { background-color: rgba(255, 255, 255, 0.6); color: initial; }
.legacy .opener.lighten > div > div .container { background-color: rgba(255, 255, 255, 0.4); }
.legacy .opener.lighten > div:before { background-color: rgba(149, 221, 94, 0.7); }
.legacy .opener.darken > div > div { background-color: rgba(0, 0, 0, 0.45); color: initial; color: #fff; }
.legacy .opener.darken > div > div p { color: #fff; font-weight: 400;}
.legacy .opener.darken > div > div > p:nth-child(2) { font-size: 150%; font-weight: 400; margin-top: 0; }
.legacy .opener.darken > div > div .container { background-color: rgba(0, 0, 0, 0.4); }
.legacy .opener.darken > div:before { background-color: rgba(0, 0, 0, 0.75); }
.legacy .opener .bx-wrapper .bx-viewport { background: none; border: 0px; }
.legacy .related.articles h3 { display: none; }
.legacy .related.articles .date { display: none; }
.legacy .examples .example { padding: 10px; }
.legacy .examples .example h3 { margin-top: 0; font-size: 130%; text-transform: uppercase; width: 35%; float: left; }
.legacy .examples .example .desc { margin-left: 40%; }
.legacy .examples .example:nth-child(odd) { background-color: #f7f7f7; }
.legacy .ps.promo-panel { overflow: visible; z-index: 10; }
.legacy .ps.promo-panel > div { padding: 20px 30px 15px; overflow: visible; position: relative; }
.legacy .ps.promo-panel h2, .legacy .ps.promo-panel .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .ps.promo-panel .group_title { font-size: 250%; margin-bottom: 0px; }
.legacy .ps.promo-panel .desc { margin-bottom: 10px; text-align: center; }
.legacy .ps.promo-panel .img { display: none; }
@media only screen and (min-width: 48em) { .legacy .ps.promo-panel h2, .legacy .ps.promo-panel .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .ps.promo-panel .group_title { text-transform: uppercase; font-size: 150%; font-weight: bold; margin-top: -5px; width: 65%; float: left; }
  .legacy .ps.promo-panel .desc { width: 65%; padding-right: 20px; }
  .legacy .ps.promo-panel .img { display: block; position: absolute; right: -45px; bottom: 0px; padding-right: 30px; text-align: right; } }
@media only screen and (min-width: 75em) { .legacy .ps.promo-panel h2, .legacy .ps.promo-panel .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .ps.promo-panel .group_title { float: none; width: 25%; font-size: 225%; }
  .legacy .ps.promo-panel .desc { position: absolute; left: 28%; top: 20px; width: 50%; padding-right: 20px; } }
.legacy .ps.promo-panel .webinars h3 { display: none; }
.legacy .ps.promo-panel .webinars .title { font-weight: bold; }
.legacy .ps.promo-panel .webinars .options { display: none; }
.legacy .ps.promo-panel .webinars p.more { display: none; }
.legacy .ps.promo-panel .webinars .img { bottom: 70px; right: 45px; }
.legacy .ps.promo-panel .webinars .img a { font-weight: bold; text-decoration: none; }
.legacy .bottom_drawer { background-color: #f2f0ef; }
.legacy .bottom_drawer > div { padding-bottom: 20px; }
.legacy .bottom_drawer .hitters { padding-top: 20px; }
@media only screen and (min-width: 48em) { .legacy .bottom_drawer .hitters { margin-left: 20px; } }
.legacy .bottom_drawer .hitters > div:nth-child(3) .promo { border-right: 0px; }
.legacy .bottom_drawer .promo { padding-right: 20px; text-align: center; color: #888; font-size: 95%; }
@media only screen and (min-width: 48em) { .legacy .bottom_drawer .promo { border-right: 1px solid #ccc; } }
.legacy .bottom_drawer .promo .title { font-weight: bold; }
.legacy .bottom_drawer .promo .cta a { margin-top: 10px; }
.legacy .lowerbody .ps .maincontent { text-align: left; }
.legacy .maincontent ul { padding-left: 1em; list-style-type: disc; }
.legacy .maincontent ul a { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
@media only screen and (min-width: 48em) { .legacy .maincontent ul { padding-left: 2em; } }
.legacy .maincontent li { margin-bottom: 10px; line-height: 20px; font-size: 16px; /* list-style-type: disc; 3/28/16 Removed due to extra li */ }
.legacy .maincontent img { max-width: 100%; margin: 10px 0px; height: auto; }
.legacy .maincontent pre { display: block; background-color: #f2f0ef; border: 1px solid #ccc; font-family: Consolas, "Liberation Mono", Courier, monospace; padding: 6px 10px; border-radius: 3px; font-size: 13px; overflow: auto; }
.legacy .maincontent code { background-color: #f2f0ef; border: 1px solid #ccc; font-family: Consolas, "Liberation Mono", Courier, monospace; padding: 6px 10px; border-radius: 3px; font-size: 13px; }
.legacy .maincontent pre code { border: 0px; padding: 0; border-radius: 0; background-color: none; }
.legacy .maincontent blockquote { quotes: "“" "”"; margin-left: 0px; margin-right: 0px; padding: 4px; padding-left: 30px; padding-right: 30px; font-family: "Roboto Slab", serif; font-weight: 300; position: relative; color: #999; }
.legacy .maincontent blockquote cite { display: block; margin-top: 5px; font-family: "Helvetica Neue", Helvetica, Arial, "Open Sans", "Lucida Grande", sans-serif; font-style: normal; font-weight: normal; font-size: 90%; color: #666; }
.legacy .maincontent blockquote:before { content: open-quote; font-size: 300%; color: #3FAE2A; font-family: serif; position: absolute; top: 0px; left: 0px; }
.legacy .maincontent blockquote:after { content: close-quote; font-size: 300%; color: #3FAE2A; font-family: serif; position: absolute; bottom: 0px; right: 0px; }
.legacy .maincontent .related_files .file { overflow: auto; margin-bottom: 20px; }
.legacy .maincontent .related_files .file .icon { float: left; }
.legacy .maincontent .related_files .file .icon img { width: 80px; border: 3px solid #fff; box-shadow: 0 0 5px #999; }
.legacy .maincontent .related_files .file .title { font-weight: bold; margin-left: 105px; }
.legacy .maincontent .related_files .file .desc { margin-left: 105px; font-size: 90%; color: #999; }
.legacy .maincontent .articles .article { margin-bottom: 20px; }
.legacy .maincontent .articles .logo { height: 60px; margin-right: 20px; float: left; }
.legacy .maincontent .articles .logo img { max-width: 150px; max-height: 60px; }
.legacy .maincontent .articles .date { color: #ccc; font-size: 85%; margin-left: 160px; }
.legacy .maincontent .articles .title { font-weight: bold; margin-left: 160px; }
.legacy .maincontent .articles .quote { margin-left: 160px; quotes: "“" "”"; padding: 4px 0px; font-family: "Roboto Slab", serif; font-weight: 300; position: relative; color: #999; }
.legacy .maincontent .articles .more { display: none; }
.legacy .maincontent .articles .edit_link { margin-left: 160px; }
.legacy .banner .articles { text-align: center; }
.legacy .banner .articles .article { display: inline-block; width: 220px; padding: 0px 20px; vertical-align: top; }
.legacy .banner .articles .article .logo { height: 60px; text-align: center; }
.legacy .banner .articles .article .logo img { max-width: 200px; max-height: 60px; }
.legacy .banner .articles .article .title { font-size: 100%; margin-top: 10px; }
.legacy .banner .articles .article .title a { text-decoration: none; }
.legacy .banner .articles .article .quote { display: none; }
.legacy .banner .articles .article .date { display: none; }
.legacy .banner .articles .article .more { display: none; }
.legacy .maincontent .categories a { font-size: 85%; }
.legacy .comment_warning { background-color: #fee8d4; padding: 5px; font-weight: bold; }
.legacy .versioning_note { background-color: #f2f0ef; padding: 10px; border: 1px solid #ddd; }
.legacy .related li { margin-bottom: 8px; }
.legacy .related a { text-decoration: none; }
.legacy .related .post .title { font-weight: bold; }
.legacy .related .post .date { color: #999; }
.legacy .maincontent .related.posts ul { padding-left: 0px; }
.legacy .maincontent .related.posts .post .title { font-weight: bold; }
.legacy .maincontent .related.posts .post .date { font-size: 85%; color: #999; float: left; padding-right: 5px; }
.legacy .maincontent .related.posts .post .author { font-size: 85%; color: #999; }
.legacy .maincontent .related.posts .post .author::before { content: "by "; }
.legacy .aside .related.posts .excerpt { display: none; }
.legacy .divided .related.posts .excerpt { display: none; }
.legacy .related.tutorials { padding-left: 0px; margin-left: 0px; list-style-type: none; }
.legacy .related.tutorials ol { padding-left: 0px; margin-left: 24px; counter-reset: li; }
.legacy .related.tutorials li { position: relative; margin: 0 0 6px 0; padding: 4px 0px; list-style: none; }
.legacy .related.tutorials ol li:before { /* Trick picked up from : http://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/ */ content: counter(li); /* Use the counter as content */ counter-increment: li; /* Increment the counter by 1 */ /* Position and style the number */ position: absolute; top: 8px; left: -1.7rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1.5em; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ margin-right: 8px; font-size: 85%; padding: 0px; /* Style it */ border-radius: 12px; color: #fff; background: #ccc; font-weight: bold; text-align: center; }
.legacy .related.tutorials li.active:before { background-color: #e17000; }
.legacy .related.tutorials .active { font-weight: bold; }
.legacy .related.tutorials a { text-decoration: none; }
.legacy .related.tutorials li { margin-bottom: 10px; }
.legacy .related.tutorials .title { font-weight: bold; }
.legacy .related.tutorials .tuts_type { text-transform: uppercase; color: #aaa; font-size: 90%; }
.legacy .related.tutorials .excerpt p { display: inline; }
.legacy .maincontent ul.related_tutorials { padding-left: 0px; }
.legacy .aside .related.tutorials .excerpt { display: none; }
.legacy .related.webinars { margin-bottom: 30px; }
.legacy .related.webinars .webinar { margin-bottom: 15px; }
.legacy .related.webinars .webinar .icon { float: left; position: relative; margin-right: 5px; }
.legacy .related.webinars .webinar .icon img { margin: 5px; box-shadow: 0px 0px 5px #999; border: 2px solid #fff; max-width: 70px; }
.legacy .related.webinars .webinar .title { font-weight: 600; margin: 0px 0px 10px; }
.legacy .related.webinars .webinar .date { color: #999; display: inline-block; font-size: 85%; }
.legacy .related.webinars .webinar .time { color: #999; display: inline-block; }
.legacy .related.webinars .webinar .options { margin: 10px 0; }
.legacy .slug_webinars .related.webinars h3 { display: none; }
.legacy .slug_webinars .related.webinars .icon img { max-width: 150px; margin-right: 10px; }
.legacy .aside .related.webinars .desc { display: none; }
.legacy .divided .related.webinars .desc { display: none; }
.legacy .aside { /* Content blocks within the sidebar should be contained within widgets */ /* Promo - Used to highlight something... typically in the sidebar: ASIDE */ /* For Related Tutorials.... shown in the sidebar */ /* For Associated Files.... shown in the sidebar */ /* Used on some partner related pages and the getting started with YARN page */ }
.legacy .aside h3 { color: #555; }
.legacy .aside .related.articles { /* These are hidden by default on panel layouts */ }
.legacy .aside .related.articles h3 { display: block; }
.legacy .aside .related.articles .date { display: block; }
.legacy .aside .widget { margin-bottom: 30px; position: relative; }
.legacy .aside .promo .widget { margin-bottom: 0px; }
.legacy .aside .promo { background-color: #f9f9f9; margin: 20px -10px 30px; border-radius: 3px; padding: 10px; }
.legacy .aside .promo h3 { margin-top: 0px; }
.legacy .aside .categories { font-weight: bold; }
.legacy .aside .categories ul { display: inline-block; padding-left: 0px; }
.legacy .aside .categories li { display: inline-block; }
.legacy .aside .tutorial .thumb { height: 100px; background-size: cover; background-position: center center; }
.legacy .aside .tutorial .title { font-weight: 600; margin: 10px 0px 5px; }
.legacy .aside .related_files .file { margin-bottom: 20px; }
.legacy .aside .related_files .file:before, .legacy .aside .related_files .file:after { content: ""; display: table; }
.legacy .aside .related_files .file:after { clear: both; }
.legacy .aside .related_files .icon { float: left; position: relative; }
.legacy .aside .related_files .icon img { margin: 5px; box-shadow: 0px 0px 5px #999; border: 2px solid #fff; max-width: 70px; }
.legacy .aside .related_files .name { margin-left: 85px; font-weight: bold; }
.legacy .aside .related_files .desc { margin-left: 85px; }
.legacy .aside .related_files .edit_link { margin-left: 85px; }
.legacy .aside .related_files .btn_container { clear: both; padding: 8px 0px; }
.legacy .aside .related_files .icon img.video_overlay { box-shadow: none; position: absolute; top: 0px; left: 0px; border: none; }
.legacy .aside .whitepaper .icon { padding: 20px 10px; }
.legacy .aside .whitepaper .icon img { margin: 5px; box-shadow: 0px 0px 5px #999; border: 2px solid #fff; max-width: 140px; transform: rotate(2deg); }
.legacy .aside .whitepaper .content-type { text-transform: uppercase; color: #aaa; font-size: 80%; }
.legacy .aside .whitepaper .name { font-weight: bold; font-size: 115%; }
.legacy .aside .whitepaper .cta { clear: both; padding: 8px 0px; }
.legacy .aside .related_posts .author { display: none; }
.legacy .aside .related_pages { margin-bottom: 35px; }
.legacy .aside .related_page p { margin: 0px; }
.legacy .aside .related_page { margin-bottom: 10px; }
.legacy .aside .related_partner .logo { margin-bottom: 5px; }
.legacy .aside .insightera_promo { margin: 40px 0px; }
.legacy .aside .insightera_promo:empty { margin: 0px; }
.legacy .aside .featured_story { background-color: #f9f8f8; border-radius: 5px; padding: 10px; font-size: 110%; margin: 0px 0px 20px; }
.legacy .aside .featured_story .logo:before { content: "Customer Story"; display: block; color: #ccc; text-transform: uppercase; margin: -5px 0px 5px; font-size: 90%; }
.legacy .aside .featured_story.partner .logo:before { content: "Featured Partner"; }
.legacy .aside .featured_story .logo { margin: 10px 0px; }
.legacy .aside .featured_story .logo img { max-width: 150px; max-height: 50px; }
.legacy .aside .featured_story .title { font-weight: bold; font-size: 110%; }
.legacy .aside .logo_collection { margin-bottom: 25px; text-align: center; }
.legacy .aside .logo_collection .partner { display: inline-block; margin: 0px 10px 10px 0px; }
.legacy .aside .logo_collection .partner .logo { display: inline; }
.legacy .aside .logo_collection .partner .name { display: none; }
.legacy .aside .logo_collection .partner .logo img { max-height: 50px; max-width: 150px; width: auto; }
.legacy .aside .featured_image { margin-bottom: 30px; }
.legacy .aside .in-depth-offer { background-color: #F4FAE9; padding: 3px 8px; }
.legacy .aside .in-depth-offer .case-study-img { float: right; width: 75px; margin-top: 10px; margin-right: -10px; transform: rotate(4deg); transform: rotate(4deg); transform: rotate(4deg); transform: rotate(4deg); }
.legacy .aside .oehroadshow.promo { font-family: "Cabin", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif; color: #fff; text-align: center; background: #75b844 url(/wp-content/uploads/unversioned/backgrounds/oehr-generic.jpg) no-repeat; background-size: 100%; }
.legacy .aside .oehroadshow.promo.sydney { background-image: url(/wp-content/uploads/unversioned/backgrounds/oehr-sydney.jpg); }
.legacy .aside .oehroadshow.promo.singapore { background-image: url(/wp-content/uploads/unversioned/backgrounds/oehr-singapore.jpg); }
.legacy .aside .oehroadshow.promo.dallas { background-image: url(/wp-content/uploads/unversioned/backgrounds/oehr-dallas.jpg); }
.legacy .aside .oehroadshow.promo.austin { background-image: url(/wp-content/uploads/unversioned/backgrounds/oehr-austin.jpg); }
.legacy .aside .oehroadshow.promo.tokyo { background-image: url(/wp-content/uploads/unversioned/backgrounds/oehr-tokyo.jpg); }
.legacy .aside .oehroadshow.promo .oeh-text { font-size: 100%; }
.legacy .aside .oehroadshow.promo .roadshow-text { font-size: 160%; text-transform: uppercase; }
.legacy .aside .oehroadshow.promo .were-coming-text { margin-top: 150px; font-size: 110%; }
.legacy .aside .oehroadshow.promo .city { font-size: 200%; text-transform: uppercase; font-weight: 400; }
.legacy .aside .oehroadshow.promo .date { font-size: 100%; }
.legacy .aside .oehroadshow.promo .desc { font-family: "Helvetica Neue", Helvetica, Arial, "Open Sans", "Lucida Grande", sans-serif; }
.legacy .aside .simple_promo { background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px; border: 1px solid #d7d5d4; margin: 10px 0px; padding: 10px; position: relative; }
.legacy .aside .simple_promo a { background: no-repeat scroll 13px center #d7d5d4; display: block; padding: 15px 15px 5px 70px; text-transform: uppercase; text-decoration: none; color: #756e69; min-height: 50px; }
.legacy .aside .simple_promo a:hover { color: #fff; background-color: #756e69; }
.legacy .aside .simple_promo.contact_sales a { background-image: url("/wp-content/themes/hortonworks/images/icons/simplepromoicon-newsletter-white.png"); color: #fff; background-color: #3FAE2A; }
.legacy .aside .simple_promo.contact_sales a:hover { color: #fff; background-color: #e17000; }
.legacy .aside .simple_promo.download a { background-image: url("/wp-content/themes/hortonworks/images/icons/simplepromoicon-download.png"); background-color: #d7d5d4; }
.legacy .aside .simple_promo.download a:hover { background-image: url("/wp-content/themes/hortonworks/images/icons/simplepromoicon-download-white.png"); background-color: #756e69; color: #fff; }
.legacy .paid { background-color: #eee; padding: 5px 35px; text-align: center; }
.legacy .page_summary { font-size: 120%; line-height: 150%; color: #aaa; margin-bottom: 20px; }
@media only screen and (min-width: 48em) { .legacy .page_summary { font-size: 130%; line-height: 150%; } }
.legacy .data-table { width: 100%; }
.legacy .data-table th { color: #fff; background-color: #3FAE2A; padding: 2px 5px; border: 1px solid #fff; }
.legacy .data-table td { padding: 2px 5px; border: 1px solid #fff; }
.legacy .data-table tr:nth-child(odd) { background-color: #f6f6f6; }
.legacy .data-table tr:nth-child(odd) td:first-child { background-color: #f0f0f0; font-weight: bold; }
.legacy .data-table tr:nth-child(even) { background-color: #f0f0f0; }
.legacy .data-table tr:nth-child(even) td:first-child { background-color: #e6e6e6; font-weight: bold; }
.legacy .basic-table { margin: 10px 0px; }
.legacy .basic-table td { padding: 2px 5px; border: 1px solid #dedede; }
.legacy .basic-table .divider { padding-top: 30px; font-weight: bold; text-align: center; background: none; border: 1px solid #fff; }
.legacy .quote_bubble { font-family: "Roboto Slab", serif; color: #777; position: relative; padding: 25px 35px; margin: 0.5em 0 2em; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 25px; box-shadow: 5px 5px 0px #3FAE2A; /* This is the triangle part of the quote. */ }
.legacy .quote_bubble:after { content: ""; position: absolute; bottom: -40px; /* value = - border-top-width - border-bottom-width */ left: 50px; /* controls horizontal position */ border-width: 40px 40px 0 0; /* vary these values to change the angle of the vertex */ border-style: solid; border-color: #fff transparent; /* reduce the damage in FF3.0 --> */ display: block; width: 0; }
.legacy .quote_bubble.right:after { right: 50px; left: initial; border-width: 40px 0 0 40px; }
.legacy .quote_bubble.large { font-size: 120%; }
@media only screen and (min-width: 48em) { .legacy .quote_bubble.large { font-size: 160%; } }
.legacy .quote_bubble.massive { font-size: 130%; }
@media only screen and (min-width: 48em) { .legacy .quote_bubble.massive { font-size: 200%; } }
.legacy ul.rich_list { list-style-type: none; padding-left: 0px; margin: 10px 0px; overflow: auto; }
.legacy ul.rich_list li { padding-left: 85px; overflow: auto; margin-bottom: 15px; }
.legacy ul.rich_list .title { margin-top: 5px; }
.legacy ul.rich_list .desc { display: block; }
.legacy ul.rich_list .icon img { float: left; width: 70px; margin-left: -85px; }
.legacy dl.classic { padding-left: 10px; }
@media only screen and (min-width: 48em) { .legacy dl.classic { padding-left: 30px; } }
.legacy dl.classic dt { font-weight: bold; margin-top: 10px; line-height: 24px; }
.legacy dl.classic dd { margin-bottom: 10px; font-weight: 300; font-family: 'roboto';}
.legacy .content p:first-of-type { margin-top: 0px; }
.legacy .content p:last-of-type { margin-top: 0px; }
.legacy .pullquote { quotes: "\201C" "\201D" "\2018" "\2019"; position: relative; padding-left: 35px; padding-right: 25px; margin: 25px 20px 20px 0; width: 300px; font-size: 150%; font-style: italic; color: #aaa; font-family: "Roboto Slab", serif; font-weight: 300; display: block; }
@media only screen and (min-width: 48em) { .legacy .pullquote { float: left; margin-left: -30px; } }
@media only screen and (min-width: 48em) { .legacy .pullquote.right { float: right; margin-right: -50px; margin-left: 30px; } }
.legacy .pullquote.full { float: none; margin-right: 0px; margin-left: 30px; width: auto; display: block; }
.legacy .pullquote:before { font-size: 300%; color: #3FAE2A; font-size: 250%; position: absolute; top: -35px; left: 0px; font-family: serif; }
.legacy .pullquote:after { font-size: 300%; color: #3FAE2A; font-size: 250%; position: absolute; right: 0px; font-family: serif; }
.legacy .pullquote.small { font-size: 100%; }
.legacy .pullquote.small:before { top: -2px; }
.legacy .breakout { font-weight: bold; color: #3FAE2A; border: 1px solid #3FAE2A; border-left: 0px; border-right: 0px; padding: 8px 0px; }
.legacy .callout { float: right; margin-left: 30px; width: 30%; }
.legacy .callout.left { float: left; margin-left: 0px; margin-right: 30px; }
.legacy .bookshelf { list-style-type: none; padding-left: 0px; margin: 10px -25px 10px 0px; overflow: auto; padding-top: 20px; }
.legacy .bookshelf li { vertical-align: top; margin-right: 20px; margin-bottom: 10px; padding-left: 0px; overflow: visible; }
@media only screen and (min-width: 48em) { .legacy .bookshelf li { width: 120px; display: inline-block; } }
@media only screen and (min-width: 48em) { .legacy .bookshelf .title { font-size: 80%; text-align: center; } }
.legacy .bookshelf .desc { display: none; }
.legacy .bookshelf .icon { text-align: center; overflow: visible; }
.legacy .bookshelf .icon img { float: none; width: 100px; margin-left: 0px; margin-bottom: 8px; }
@media only screen and (min-width: 48em) { .legacy .bookshelf .icon img { border: 4px solid #fff; box-shadow: 0 0 5px #aaa; } }
@media only screen and (min-width: 48em) { .legacy .bookshelf .icon img:hover { -webkit-transform: translateY(-10%) scale(1.15); -webkit-transition: 250ms; } }
.legacy .items { overflow: auto; clear: both; }
.legacy .hitters { list-style-type: none; padding-left: 0px; }
@media only screen and (min-width: 48em) { .legacy .hitters { margin-right: -30px; } }
.legacy .hitters > div, .legacy .hitters > li { display: inline-block; padding-bottom: 10px; margin-bottom: 15px; vertical-align: top; }
@media only screen and (min-width: 48em) { .legacy .hitters > div, .legacy .hitters > li { border-right: 10px solid transparent; padding-right: 20px; } }
.legacy .hitters #drawer_2, .legacy .hitters #drawer_3 { display: none; }
@media only screen and (min-width: 48em) { .legacy .hitters #drawer_2, .legacy .hitters #drawer_3 { display: inline-block; } }
.legacy .hitters.center > div { text-align: center; }
.legacy .maincontent ul.hitters { padding: 0px; }
.legacy .boxes .item { padding: 15px; border-radius: 3px; margin-bottom: 30px; background-color: #fff; color: #555; }
.legacy .boxes .item h3, .legacy .boxes .item .title { margin-top: 0px; }
.legacy .boxes.two .item:nth-child(even) { margin-left: 1.5%; }
.legacy .boxes.two .item:nth-child(odd) { margin-right: 1.5%; }
.legacy .boxes.green-border .item { box-shadow: 5px 5px 0 #3FAE2A; }
.legacy .promo-boxes .promo-box { position: relative; margin-bottom: 20px; text-align: center; }
.legacy .promo-boxes .promo-box h3 { margin-top: 0px; display: inline-block; margin: 1em auto .25em; width: 100%; }
.legacy .promo-boxes .promo-box .promo-img .promo-mask { z-index: 200; width: 300px; height: 200px; background: rgba(51, 94, 51, 0.5); position: relative; display: none; }
.legacy .promo-boxes .promo-box .promo-img img { position: relative; left: 0; z-index: 100; }
@media only screen and (min-width: 48em) { .legacy .promo-boxes .promo-box { margin: 20px auto; padding-left: 320px; text-align: left; overflow: auto; }
  .legacy .promo-boxes .promo-box h3 { margin-top: 0; }
  .legacy .promo-boxes .promo-box .promo-img { float: left; width: 300px; margin-left: -320px; } }
@media only screen and (min-width: 60em) { .legacy .promo-boxes .promo-box { width: 33%; margin: 0 auto; float: left; overflow: initial; text-align: center; padding: 0 18px; }
  .legacy .promo-boxes .promo-box h3 { margin-top: 1em; }
  .legacy .promo-boxes .promo-box .promo-img { float: none; width: auto; margin: 0px auto; } }
.legacy .twoway { /* Put content in nice white boxes... helpful when used on the light grey background. */ /* This extends the bxslider carousel class... add 'bxslider' to pick up standard styles, and 'auto' to fire the standard JS init script.  */ }
.legacy .twoway .item { margin-bottom: 45px; padding: 20px 0px; overflow: auto; text-align: left; }
.legacy .twoway .title, .legacy .twoway h3 { font-size: 180%; margin-bottom: 10px; margin-top: 0px; }
@media only screen and (min-width: 48em) { .legacy .twoway { /* Staggered extends twoway */ }
  .legacy .twoway .img img { padding-right: 40px; display: inline; }
  .legacy .twoway .img.logo img { padding: 15%; }
  .legacy .twoway .img { width: 45%; float: left; }
  .legacy .twoway .title, .legacy .twoway h3 { margin-left: 45%; }
  .legacy .twoway .desc { margin-left: 45%; }
  .legacy .twoway.staggered > div:nth-child(even) .img, .legacy .twoway.staggered > li:nth-child(even) .img { float: right; text-align: right; padding-left: 40px; padding-right: 0px; }
  .legacy .twoway.staggered > div:nth-child(even) .title, .legacy .twoway.staggered > div:nth-child(even) .desc, .legacy .twoway.staggered > div:nth-child(even) h3 { margin-left: 0; margin-right: 45%; } }
.legacy .twoway.boxes .item { padding: 20px; }
.legacy .twoway.bxslider .item { padding: 20px 40px; }
.legacy .twoway.bxslider .item .img img { width: auto; }
.legacy ol.mainpoints, .legacy ul.mainpoints { list-style-type: none; padding-left: 0px; }
@media only screen and (min-width: 48em) { .legacy ol.mainpoints, .legacy ul.mainpoints { margin-right: -30px; } }
.legacy .mainpoints { margin: 20px 0px; overflow: hidden; }
.legacy .mainpoints > div, .legacy .mainpoints > li { background-color: #f9f8f8; margin-bottom: 0px; padding-bottom: 0px; padding: 10px; position: relative; margin-bottom: 1em; }
@media only screen and (min-width: 48em) { .legacy .mainpoints > div, .legacy .mainpoints > li { float: left; border-right: 15px solid #fff; margin-bottom: 0; } }
.legacy .mainpoints > div { padding-top: 6px; min-height: 200px; line-height: 1.5; }
.legacy .mainpoints .title { font-weight: bold; color: #44697d; font-size: 110%; margin-bottom: 5px; border-bottom: 1px solid #d4dee7; }
.legacy .mainpoints .title a { text-decoration: none; }
.legacy .mainpoints .desc { margin-bottom: 25px; margin-top: 10px; }
.legacy .mainpoints .desc p:first-of-type { margin-top: 0px; }
.legacy .mainpoints .more { -webkit-transition: opacity 0.3s ease; position: absolute; display: block; background-color: #7696A7; font-size: 85%; bottom: 0px; left: 0px; width: 100%; padding: 4px 10px; }
.legacy .mainpoints .more a { color: #fff; font-weight: bold; text-decoration: none; }
.legacy .mainpoints .more a:hover { text-decoration: underline; }
.legacy .mainpoints .more a:after { display: inline-block; content: "   »"; padding: 0px 10px; }
.legacy .mainpoints .more > div:hover .more { opacity: 1; }
.legacy .phase_diagram { font-size: 90%; margin-bottom: 30px; }
.legacy .phase_diagram .phase { border: 1px solid #d7d5d4; position: relative; background-color: #f2f0ef; border-radius: 5px; padding: 10px; margin-bottom: -10px; padding-right: 40px; }
.legacy .phase_diagram .completed { background-color: #e6f2df; border-color: #3FAE2A; }
.legacy .phase_diagram .title { font-weight: bold; font-size: 110%; }
.legacy .phase_diagram .desc ul { padding-left: 20px; }
.legacy .phase_diagram .progress { background-color: #fff; border: 1px solid #333; padding: 8px; text-align: center; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); margin-bottom: 1em; }
@media only screen and (min-width: 48em) { .legacy .phase_diagram .progress { width: 40%; position: absolute; top: 20px; right: -35px; -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); margin-bottom: 0; } }
.legacy .phase_diagram .completed .progress { border-color: #e17000; }
.legacy .phase_diagram .apache-release { font-size: 110%; font-weight: bold; color: #3FAE2A; display: block; }
.legacy .phase_diagram .hwx-release { font-size: 90%; display: block; }
.legacy .tutorials { margin: 25px 0px; }
.legacy .tutorials .series { counter-reset: tutorial; margin-bottom: 10px; }
.legacy .tutorials .series h4 { background-color: #f2f0ef; padding: 2px 5px; }
.legacy .tutorials .series .series-desc { margin: 5px; }
.legacy .tutorials .tutorial { position: relative; padding-bottom: 12px; padding-bottom: 10px; margin-bottom: 5px; margin-top: 10px; vertical-align: text-top; counter-increment: tutorial; min-height: 85px; }
@media only screen and (min-width: 48em) { .legacy .tutorials .tutorial { background: url(/wp-content/themes/hortonworks/images/page-specific/get-started/tutorial-list.png) left bottom no-repeat; } }
@media only screen and (min-width: 48em) { .legacy .tutorials .tutorial:before { content: counter(tutorial); background-color: #44697d; display: inline-block; float: left; border-top: 5px solid #fff; font-size: 120%; font-weight: bold; color: #fff; width: 30px; height: 28px; border-radius: 20px; text-align: center; } }
.legacy .tutorials .tutorial > div { /*  */ }
@media only screen and (min-width: 48em) { .legacy .tutorials .tutorial > div { padding-left: 50px; } }
.legacy .tutorials .tutorial:last-of-type { border-bottom: none; background-image: none; }
.legacy #tuts-partners .tutorial { background: none; }
.legacy #tuts-partners .tutorial:before { content: none; }
.legacy .tutorial .title { font-size: 110%; font-weight: bold; }
.legacy .tutorial .pic { border-color: 1px solid #bbb; background-color: #fff; background-repeat: no-repeat; margin-bottom: 5px; }
@media only screen and (min-width: 48em) { .legacy .tutorial .pic { float: left; background-size: 80%; width: 110px; height: 80px; overflow: hidden; }
  .legacy .tutorial .pic img { width: 150px; } }
.legacy .tutorial .partner_name a { color: #999; text-transform: uppercase; font-size: 80%; text-decoration: none; }
.legacy .tutorial .partner_name a:hover { text-decoration: underline; }
.legacy .tutorial .summary p { margin: 0px; }
.legacy .tutorial .desc p { font-style: italic; }
.legacy .release { margin-bottom: 35px; }
.legacy .release .title { font-size: 130%; }
.legacy .release .title a { text-decoration: none; }
.legacy .release .excerpt p { margin-top: 0px; }
.legacy .release .date { color: #aaa; font-size: 85%; }
.fancybox-skin { background-color: #fff; border-radius: 15px; }
.fancybox-inner h2.header, .fancybox-inner .slug_innovation .innovation .header.group_title, .slug_innovation .innovation .fancybox-inner .header.group_title { color: #fff; text-align: center; margin: 0; padding: 5px 10px; border-bottom: 1px solid #3d7215; font-size: 180%; background-color: #57a41c; text-transform: uppercase; }
.fancybox-inner .body { padding: 15px; overflow: auto; }
.fancybox-inner .subheader { color: #555; font-size: 150%; }
.legacy .contact-sales-form { background-color: #f9f8f8; }
.legacy .contact-sales-form h2.header, .legacy .contact-sales-form .slug_innovation .innovation .header.group_title, .legacy .slug_innovation .innovation .contact-sales-form .header.group_title { color: #fff; text-align: center; margin: 0 0 10px; padding: 5px 10px; border-bottom: 1px solid #3d7215; font-size: 180%; background-color: #57a41c; text-transform: uppercase; }
.legacy .contact-sales-form .desc { width: 300px; position: absolute; background-color: #f9f8f8; font-size: 85%; padding: 10px; }
.legacy .contact-sales-form form { float: left; padding-left: 320px; width: 100%; }
.legacy .view-mode-compact.slug_thank-you .aside, .legacy .view-mode-compact.slug_thank-you .bottom_drawer { display: none; }
.legacy ul.contact-options { margin-top: 25px; }
.legacy ul.contact-options li { padding-left: 10px; padding-top: 5px; vertical-align: top; margin-bottom: 5px; }
.legacy ul.contact-options li.tel { list-style-image: url(../images/icons/contact_phone_black.png); }
.legacy ul.contact-options li.email { list-style-image: url(../images/icons/contact_email_black.png); }
.legacy .download-cta-box { display: none; float: right; width: 245px; padding: 15px 15px 0px; margin: -20px 0 20px 60px; text-align: center; }
.legacy .download-cta-box img { margin: 0; padding: 0; }
@media only screen and (min-width: 48em) { .legacy .download-cta-box { display: block; } }
.legacy .strat_partners { width: 80%; margin: auto; }
.legacy .strat_partners td { padding: 0px 10px; vertical-align: middle; display: block; text-align: center; }
@media only screen and (min-width: 48em) { .legacy .strat_partners td { display: table-cell; text-align: left; } }
.legacy .extended_items { list-style-type: none; -webkit-backface-visibility: hidden; margin: 10px 0px; padding-left: 0px; }
.legacy .extended_items li { overflow: auto; margin-bottom: 15px; padding-left: 50px; }
.legacy .extended_items .desc { display: none; }
.legacy .extended_items .icon { vertical-align: top; }
.legacy .extended_items .icon img { float: left; width: 40px; margin: 0px; margin-left: -50px; }
.legacy .bookshelf { list-style-type: none; padding-left: 10px; margin: 10px -25px 10px 0px; overflow: auto; padding-top: 20px; }
.legacy .bookshelf li { vertical-align: top; margin-right: 20px; margin-bottom: 10px; padding-left: 0px; overflow: visible; }
@media only screen and (min-width: 48em) { .legacy .bookshelf li { width: 175px; display: inline-block; } }
@media only screen and (min-width: 48em) { .legacy .bookshelf .title { font-size: 80%; text-align: center; line-height: 22px; margin-top: 10px;} }
.legacy .bookshelf .desc { display: none; }
.legacy .bookshelf .item .img { border: 4px solid #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.legacy .bookshelf .icon { text-align: center; overflow: visible; }
.legacy .bookshelf .icon img { float: none; width: 100px; margin-left: 0px; margin-bottom: 8px; }
@media only screen and (min-width: 48em) { .legacy .bookshelf .icon img { border: 4px solid #fff; box-shadow: 0 0 5px #aaa; } }
@media only screen and (min-width: 48em) { .legacy .bookshelf .icon img:hover { -webkit-transform: translateY(-10%) scale(1.15); -webkit-transition: 250ms; } }
.legacy .partners { text-align: center; }
.legacy .partners .partner { display: inline-block; margin: 5px 15px; }
.legacy .partners .partner .logo img { max-width: 120px; max-height: 60px; }
.legacy .partners .partner .name { display: none; }
.legacy .learning_options { overflow: auto; }
.legacy .learning_options > div { float: left; margin-right: 30px; }
.legacy .learning_options .fa { padding-right: 6px; font-size: 120%; position: relative; top: 1px; }
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .legacy { /* Style adjustments for high resolution devices */ } }
@media print { .legacy { /* Black prints faster: h5bp.com/s */ /* a[href]:after 			{ content: " (" attr(href) ")"; } */ /* Don't show links for images, or javascript/internal links */ /* h5bp.com/t */ /*  Page Layout - Hide Crap that doesn't need to be there. */ /* Comments */ }
  @page { .legacy { margin: 1.5cm; } }
  .legacy body { width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; font-size: 0.8em; }
  .legacy * { background: transparent !important; color: #000; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  .legacy a, .legacy a:visited { text-decoration: underline; }
  .legacy abbr[title]:after { content: " (" attr(title) ")"; }
  .legacy a:after, .legacy a[href^="javascript:"]:after, .legacy a[href^="#"]:after { content: ""; }
  .legacy pre, .legacy blockquote { color: #999; page-break-inside: avoid; }
  .legacy thead { display: table-header-group; }
  .legacy tr, .legacy img { page-break-inside: avoid; }
  .legacy img { max-width: 100% !important; }
  .legacy h1 { font-size: 220% !important; color: #333 !important; line-height: 1.5 !important; }
  .legacy h1 + .subtitle { font-size: 130%; color: #333 !important; }
  .legacy h2, .legacy .slug_innovation .innovation .group_title { font-size: 140%; }
  .legacy p, .legacy h2, .legacy .slug_innovation .innovation .group_title, .legacy h3 { orphans: 2; widows: 2; }
  .legacy h2, .legacy .slug_innovation .innovation .group_title, .legacy h3 { page-break-after: avoid; }
  .legacy ol.para li, .legacy ul.para li { margin-bottom: 15px; }
  .legacy #login-drawer { display: none !important; }
  .legacy #header { display: none !important; }
  .legacy #mobile-nav { display: none !important; }
  .legacy .ps > div { width: 100%; padding: 0px; padding-bottom: 20px; }
  .legacy #newsletter_signup { display: none !important; }
  .legacy #sub_footer { display: none !important; }
  .legacy #footer_menu { display: none !important; }
  .legacy #options_panel { display: none !important; }
  .legacy .bottom_drawer { display: none !important; }
  .legacy .no-print { display: none !important; }
  .legacy .share { display: none !important; }
  .legacy .aside { display: none !important; }
  .legacy #respond { display: none !important; }
  .legacy .main { width: 100%; }
  .legacy .maincontent { width: 100%; }
  .legacy .mainbody .ps.titlebar { border-top: 0px; }
  .legacy .mainpoints > div { height: auto !important; } }
.legacy .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }
.legacy .bx-wrapper img { max-width: 100%; display: block; }
.legacy .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.legacy .bx-wrapper .bx-pager, .legacy .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.legacy .bx-wrapper .bx-loading { min-height: 50px; background: url(/wp-content/themes/hortonworks/images/icons/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.legacy .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.legacy .bx-wrapper .bx-pager .bx-pager-item, .legacy .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.legacy .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.legacy .bx-wrapper .bx-pager.bx-default-pager a:hover, .legacy .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
.legacy .bx-wrapper .bx-prev { left: 10px; background: url(/wp-content/themes/hortonworks/images/icons/bx_controls.png) no-repeat 0 -32px; }
.legacy .bx-wrapper .bx-next { right: 10px; background: url(/wp-content/themes/hortonworks/images/icons/bx_controls) no-repeat -43px -32px; }
.legacy .bx-wrapper .bx-prev { left: -45px; background: url(/wp-content/themes/hortonworks/images/icons/bx_controls.png) no-repeat 0px 0px; border-left: 3px solid #000; }
.legacy .bx-wrapper .bx-next { right: -45px; background: url(/wp-content/themes/hortonworks/images/icons/bx_controls.png) no-repeat -70px 0px; border-right: 3px solid #000; }
.legacy .bx-wrapper .bx-prev:hover { background-position: 0 -64px; }
.legacy .bx-wrapper .bx-next:hover { background-position: -70px -64px; }
.legacy .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.legacy .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.legacy .bx-wrapper .bx-controls-auto { text-align: center; }
.legacy .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/wp-content/themes/hortonworks/images/icons/bx-controls.png) -86px -11px no-repeat; margin: 0 3px; }
.legacy .bx-wrapper .bx-controls-auto .bx-start:hover, .legacy .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.legacy .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/wp-content/themes/hortonworks/images/icons/bx-controls.png) -86px -44px no-repeat; margin: 0 3px; }
.legacy .bx-wrapper .bx-controls-auto .bx-stop:hover, .legacy .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.legacy .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.legacy .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.legacy .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.legacy .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
.legacy .bx-wrapper { margin-bottom: 20px; }
.legacy .bx-wrapper .bx-viewport { margin-left: 5px; box-shadow: none; }
.legacy .bx-wrapper .bx-controls-direction a { width: 64px; height: 64px; margin-top: -32px; }
.legacy .bx-wrapper:hover .bx-controls-direction a { opacity: 1; }
.legacy .bx-viewport { margin-left: 5px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; padding: 15px; margin: 0; background: #ffffff; color: #444; text-shadow: none; }
.fancybox-opened { z-index: 8030; overflow: visible !important; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { padding: 0; margin: 0; position: relative; outline: none; }
.fancybox-inner { overflow: visible !important; }
.fancybox-inner ol { padding-left: 25px; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .legacy .fancybox-next span { background-image: url("../images/fancybox_sprite.png"); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8020; }
#fancybox-loading div { width: 44px; height: 44px; background: url("../images/fancybox_loading.gif") center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url("../images/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 20px; background-position: 0 -36px; }
.fancybox-next span { right: 20px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; }
#fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: #000; opacity: 0.4 !important; }
#fancybox-overlay.overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8030; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { margin-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }
#HMUCG_Modal_Container_Wrap { display: none; }
#HMUCG_Modal_Container { position: relative; min-width: 720px; min-height: 400px; padding: 10px; }
#HMUCG_Modal_Container p { margin: 1em 0; }
#HMUCG_Modal_Container label { pointer-events: auto; }
#HMUCG_Modal_Container .loading { height: 400px; width: 720px; background: url(../images/loading.gif) center center no-repeat; }
#HMUCG_Modal_Container form p { float: left; width: 49%; margin: 0 2% .5em 0; }
#HMUCG_Modal_Container form p:nth-child(even) { margin-right: 0; }
#HMUCG_Modal_Container form p:last-of-type { clear: right; }
#gate-modal input, .legacy #gate-modal textarea, .legacy #gate-modal select { width: 100%; }
#gate-modal input[type="checkbox"] { width: auto; }
.legacy .lowerbody .hadoop_arch td { display: table-cell; width: auto; }
.legacy .hadoop_arch { word-wrap: normal; word-break: normal; margin: 0px auto; }
.legacy .maintable { position: relative; border-spacing: 5px; border-collapse: separate; margin-left: -5px; }
.legacy .lo .hilevel { display: none; }
.legacy .hi .lowlevel { display: none; }
.legacy .external .sec.external { display: table-cell; }
.legacy .hadoop_arch .sec { font-size: 80%; position: relative; background-color: #e6f2df; border: 1px solid #c2e0b0; border-radius: 5px; padding: 0px; }
.legacy .hadoop_arch .sec .body { padding: 5px; text-align: center; }
.legacy .hadoop_arch .sec .label { width: 100%; text-transform: uppercase; text-align: center; color: #fff; min-height: 46px; font-weight: bold; font-size: 90%; background-color: #3FAE2A; padding: 5px 8px; border-radius: 5px 5px 0 0; }
.legacy .hadoop_arch .sec.side { width: 15%; min-width: 80px; }
.legacy .hadoop_arch .sec.external { display: none; background-color: #f2f0ef; border-color: #ccc; padding: 10px; }
.legacy .hadoop_arch .sec:hover, .legacy .hadoop_arch .sec.hilight { background-color: #fee8d4; border-color: #e17000; }
.legacy .hadoop_arch .sec:hover .label, .legacy .hadoop_arch .sec.hilight .label { background-color: #e17000; }
.legacy .hadoop_arch .sec :hover .component, .legacy .hadoop_arch .sec.hilight .component { border-color: #e17000; }
.legacy #ha_security > .label, .legacy #ha_ops > .label, .legacy #ha_tools > .label { padding-top: 15px; }
.legacy .hadoop_arch .core { width: 50%; }
.legacy .hadoop_arch .purpose { font-weight: bold; text-align: center; text-overflow: ellipsis; overflow: hidden; }
.legacy .hadoop_arch .component { position: relative; background-color: #fff; border-radius: 5px; padding: 10px 1px; margin-bottom: 5px; border: 1px solid #c2e0b0; }
.legacy .hadoop_arch .component.hilight { background-color: #e17000; border-color: #b05801; color: #fff; }
.legacy .hadoop_arch .component.hilight a { color: #fff; }
.legacy .hadoop_arch .sub-components { padding-left: 0px; }
.legacy .hadoop_arch .sub-components li { list-style-type: none; text-align: center; text-overflow: ellipsis; overflow: hidden; margin: 0px; }
.legacy .hadoop_arch .sub-components li a { text-decoration: none; }
.legacy #ha_yarn { position: relative; z-index: 4; }
.legacy #ha_yarn.component { margin: 5px; background-color: #44697d; color: #fff; height: 70px; padding-top: 25px; margin-top: -20px; }
.legacy #ha_yarn.component.hilight { background-color: #e17000; border-color: #b05801; color: #fff; }
.legacy #ha_yarn.component.hilight a { color: #fff; }
.legacy #ha_yarn .purpose a { position: relative; display: inline-block; padding-top: 5px; color: #fff; text-decoration: none; font-size: 130%; }
.legacy #ha_hdfs.component { height: 64px; padding-top: 20px; background: #fff url(/wp-content/themes/hortonworks/images/assets/hdfs_backdrop.png) no-repeat; background-size: 100% 100%; font-size: 120%; }
.legacy #ha_hdfs .purpose { background-color: rgba(255, 255, 255, 0.5); }
.legacy #data_management { padding-top: 0px; }
.legacy #data_management .label { top: auto; bottom: 0px; border-radius: 0 0 5px 5px; min-height: 30px; }
.legacy #data_management .body { padding-top: 20px; border-radius: 5px 5px 0 0; }
.legacy #data_management .purpose { font-weight: normal; }
.legacy #data_management .purpose a { font-weight: bold; }
.legacy #ha_data_access { margin-bottom: 8px; }
.legacy #ha_data_access .body { height: 170px; padding: 0px; }
.legacy #ha_data_access .label { padding-top: 15px; }
.legacy .hadoop_arch .apps { position: relative; z-index: 5; border-spacing: 5px; border-collapse: separate; table-layout: fixed; width: 100%; font-size: 100%; }
.legacy .hadoop_arch .apps td { height: 130px; }
.legacy .hadoop_arch .apps li { font-size: 90%; line-height: 1.25; }
.legacy .hadoop_arch .apps td.others { background-color: #f6f6f6; border: 1px dashed #ddd; }
.legacy .hadoop_arch .apps td.more { display: none; }
.legacy .hadoop_arch .plug_below .sub-components:after { display: block; position: absolute; bottom: -15px; left: 2px; width: 100%; height: 15px; text-align: center; background: url(/wp-content/themes/hortonworks/images/assets/yarn_plugs.png) top center no-repeat; content: " "; }
.legacy .hadoop_arch .plug { position: absolute; bottom: -21px; width: 100%; text-align: center; margin-left: -4px; }
.legacy .hadoop_arch .plug_below span { display: inline-block; height: 22px; width: 38px; position: absolute; bottom: 0; right: 18%; }
.legacy .hadoop_arch .on_tez { background-image: url(/wp-content/themes/hortonworks/images/assets/arch_tez.png); background-position: center bottom; background-repeat: no-repeat; }
.legacy .hadoop_arch .on_slider { background-image: url(/wp-content/themes/hortonworks/images/assets/arch_slider.png); background-position: center bottom; background-repeat: no-repeat; }
.legacy .hadoop_arch .on_slider_tez { background-image: url(/wp-content/themes/hortonworks/images/assets/arch_tez-slider.png); background-position: center bottom; background-repeat: no-repeat; }
@media only screen and (max-width: 900px) { .legacy .hadoop_arch .apps td.solr { display: none; } }
@media only screen and (max-width: 800px) { .legacy .hadoop_arch .apps td.others { display: none; }
  .legacy .hadoop_arch .plug_below span { right: 20%; width: 30px; } }
@media only screen and (max-width: 700px) { .legacy .hadoop_arch .data_access .body { height: 138px; }
  .legacy .hadoop_arch .side.sec .component { min-height: 200px; }
  .legacy #ha_ops .component { min-height: 98px; }
  .legacy .hadoop_arch .purpose { font-size: 85%; }
  .legacy .hadoop_arch .sub-components { display: none; }
  .legacy #ha_yarn { padding-top: 25px; }
  .legacy .hadoop_arch .apps .component { height: 100px; min-width: 30px; }
  .legacy .hadoop_arch .apps .purpose { float: left; text-align: left; position: relative; left: 17px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); /* Rotate from top left corner (not default) */ -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; }
  .legacy .hadoop_arch .plug_below span { display: none; } }
.legacy .min .side.sec .component { min-height: 200px; }
.legacy .min .side.sec { width: 12%; min-width: 90px; }
.legacy .min .sec:hover { background-color: #e6f2df; border-color: #c2e0b0; }
.legacy .min .sec:hover .label { background-color: #3FAE2A; }
.legacy .min .sec:hover .component { border-color: #c2e0b0; }
.legacy .min #ha_ops .component { min-height: 98px; }
.legacy .min .purpose { font-size: 85%; font-weight: normal; }
.legacy .min .sub-components { display: none; }
.legacy .min .ingest .the_extra { display: none; }
.legacy .min .sec.side .label { margin-bottom: 20px; }
.legacy .min .sec.side.ingest .label { margin-bottom: 20px; }
.legacy .min #ha_yarn { padding-top: 25px; height: 70px; }
.legacy .min #ha_yarn .purpose a { text-decoration: none; font-size: 120%; top: 0px; }
.legacy .min #ha_yarn .purpose a:hover { color: #fff; }
.legacy .min #ha_data_access .body { height: 115px; }
.legacy .min #ha_hdfs a { color: #555; text-decoration: none; }
.legacy .min #ha_hdfs a:hover { color: #555; text-decoration: none; }
.legacy .min .apps td.nosql { display: none; }
.legacy .min .apps .component { height: 80px; min-width: 30px; }
.legacy .min .apps .purpose { float: left; text-align: left; position: relative; left: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); white-space: nowrap; /* Rotate from top left corner (not default) */ -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; }
.legacy .min .on_tez { background-image: none; }
.legacy .min .on_slider { background-image: none; }
.legacy .min .on_slider_tez { background-image: none; }
.legacy .hilite_security #ha_security, .legacy .hilite_governance #ha_governance, .legacy .hilite_operations #ha_ops, .legacy .hilite_data_access #ha_data_access, .legacy .hilite_data_management #ha_data_management { background-color: #fee8d4; border-color: #e17000; }
.legacy .hilite_security #ha_security .label, .legacy .hilite_governance #ha_governance .label, .legacy .hilite_operations #ha_ops .label, .legacy .hilite_data_access #ha_data_access .label, .legacy .hilite_data_management #ha_data_management .label { background-color: #e17000; }
.legacy .hilite_security #ha_security .component, .legacy .hilite_governance #ha_governance .component, .legacy .hilite_operations #ha_ops .component, .legacy .hilite_data_access #ha_data_access .component, .legacy .hilite_data_management #ha_data_management .component { border-color: #e17000; }
.legacy #ha_governance .component:nth-child(1) { min-height: 150px; }
.legacy #ha_governance .component:nth-child(2) { min-height: 265px; }
.legacy #ha_security .component { min-height: 420px; }
.legacy #ha_tools .component { max-height: 70px; padding: 0px; }
.legacy #ha_ops .component:nth-child(1) { min-height: 200px; }
.legacy #ha_ops .component:nth-child(2) { min-height: 215px; }
.legacy #ha_others img { max-width: 55%; }
.legacy .divDisplayFrame { visibility: hidden; font-family: "Cabin", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif; width: 400px; position: absolute !important; z-index: 2147483647 !important; background-color: #ffffff !important; text-align: left; font-size: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 5px 5px 0px #3FAE2A, -1px -1px 15px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 5px 5px 0px #3FAE2A, -1px -1px 15px rgba(0, 0, 0, 0.5); box-shadow: 5px 5px 0px #3FAE2A, -1px -1px 15px rgba(0, 0, 0, 0.5); }
.legacy .tabCompList { border: 0; margin-bottom: 10px; }
.legacy .tabCompList caption { line-height: 95%; padding: 0; }
.legacy .tabCompList h3 { padding: 5px 0 6px 0; font-family: "Cabin", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif; font-weight: bold; color: #245B27; border-width: 0; margin-top: 20px; }
.legacy .tabCompList td { line-height: 115%; font-size: 14px; border-width: 0; }
.legacy .tabCompTR:nth-child(even), .legacy .tabCompNATR { background: #F9F8F8 !important; }
.legacy .tabCompTR:hover, .legacy .tabCompNATR:hover { background: #3e3e3e !important; }
.legacy .tabCompTR:hover .divCompName, .legacy .tabCompNATR:hover .divCompNAName { color: #e17000 !important; }
.legacy .tabCompTR:hover .divCompDetails, .legacy .tabCompNATR:hover .divCompNADetails { color: #fff !important; }
.legacy .tabCompTD { padding-left: 2px; }
.legacy .tabCompNATD { padding-left: 2px; }
.legacy .divCompName { color: #598ba6; }
.legacy .divCompDetails { color: #606060; }
.legacy .divCompNAName { color: #598ba6; font-weight: bold; font-size: 12px; }
.legacy ul.page-numbers { clear: both; margin: 0; padding: 0; }
.legacy ul.page-numbers li { list-style-type: none; float: left; }
.legacy ul.page-numbers a, .legacy ul.page-numbers span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; }
.legacy ul.page-numbers a:hover, .legacy ul.page-numbers a.current, .legacy ul.page-numbers span:hover, .legacy ul.page-numbers span.current { border-color: #000; }
.legacy ul.page-numbers a.current, .legacy ul.page-numbers span.current { font-weight: bold; }
.legacy #registration_complete { display: none; }
.legacy form.register.ajax .row { border-bottom: 1px solid #eee; }
.legacy form.register.ajax .row:before, .legacy form.register.ajax .row:after { content: ""; display: table; }
.legacy form.register.ajax .row:after { clear: both; }
.legacy form.register.ajax .row:last-child { border-bottom: none; }
.legacy form.register.ajax label { line-height: 40px; cursor: pointer; color: #999; }
.legacy form.register.ajax input, .legacy form.register.ajax select { margin: 10px 0; width: 350px; padding: 10px; font-size: 16px; }
.legacy form.register.ajax input.disabled, .legacy form.register.ajax select.disabled { color: grey; }
.legacy form.register.ajax input[type="submit"] { width: auto; }
.legacy form.register.ajax .ajax-loading { display: none; margin: 0 15px; }
.legacy .form_notice span { color: red; display: block; }
.legacy .ui-dialog.insightera { position: absolute; top: 50%; right: 0; }
.legacy .ui-dialog.insightera .ui-dialog-titlebar-close { height: 24px; margin: -12px 0 0; width: 26px; }
.legacy .post_meta { margin-bottom: 30px; color: #999; }
.legacy .comment { position: relative; padding-left: 60px; margin-bottom: 20px; }
.legacy .comment .awaiting_moderation .comment_meta { border-bottom: 1px solid #e17000; background-color: #fff; }
.legacy .comment .awaiting_moderation .comment_body { color: #ccc; background-color: #fff; }
.legacy .comment .awaiting_moderation .comment_title { color: #ccc; }
.legacy .comment .awaiting_moderation .comment_title a { color: #9bafc3; }
.legacy .comment .awaiting_moderation .posted_on { color: #ccc; }
.legacy .comment .awaiting_moderation .reply { display: none; }
.legacy .comment .awaiting_moderation .avatar_container img { -webkit-filter: opacity(25%); }
.legacy .comment .awaiting_moderation_note { display: inline; color: #666; }
.legacy .comment .comment_title { background-color: #eee; padding: 2px 5px; }
.legacy .comment .comment_title a { text-decoration: none; }
.legacy .comment .comment_author { display: inline; font-weight: bold; }
.legacy .comment .comment_body { background-color: #f6f6f6; overflow: auto; padding: 10px 5px; }
.legacy .comment .comment_meta { font-size: 85%; color: #999; background-color: #fafafa; padding: 2px 5px; }
.legacy .comment .comment_meta a { color: #e17000; }
.legacy .comment .comment_actions { display: inline; }
.legacy .comment .comment_actions .loading { display: none; }
.legacy .comment .comment_actions .toggle a.disabled { color: gray; cursor: not-allowed; }
.legacy .comment .avatar_container { position: absolute; left: 0px; top: 0px; }
.legacy .comment .posted_on { display: inline; font-size: 85%; color: #999; }
.legacy .comment .reply { display: inline; font-weight: bold; }
.legacy #respond input, .legacy #respond textarea { width: 100%; }
.legacy #respond code { display: block; font-size: 75%; margin: 10px 0px; }
.legacy #respond .form-allowed-tags { width: 100%; }
.legacy #cancel-comment-reply-link { font-size: 16px; font-weight: normal; float: right; font-size: 15px; text-decoration: none; padding-top: 8px; }
.legacy .tax-blog_type h2, .legacy .tax-blog_type .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .tax-blog_type .group_title, .legacy .blog h2, .legacy .blog .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .blog .group_title, .legacy .archive h2, .legacy .archive .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .archive .group_title { font-size: 175%; margin-top: 0px; }
.legacy .tax-blog_type h2 a, .legacy .tax-blog_type .slug_innovation .innovation .group_title a, .legacy .slug_innovation .innovation .tax-blog_type .group_title a, .legacy .blog h2 a, .legacy .blog .slug_innovation .innovation .group_title a, .legacy .slug_innovation .innovation .blog .group_title a, .legacy .archive h2 a, .legacy .archive .slug_innovation .innovation .group_title a, .legacy .slug_innovation .innovation .archive .group_title a { text-decoration: none; }
.legacy .tax-blog_type .entry, .legacy .blog .entry, .legacy .archive .entry { padding-bottom: 30px; overflow: auto; padding: 10px; margin: 0px -10px 50px; }
.legacy .tax-blog_type .entry:hover, .legacy .blog .entry:hover, .legacy .archive .entry:hover { background-color: #f6f6f6; }
@media only screen and (min-width: 48em) { .legacy .tax-blog_type .meta, .legacy .blog .meta, .legacy .archive .meta { width: 35%; float: left; } }
.legacy .tax-blog_type .post_date, .legacy .blog .post_date, .legacy .archive .post_date { font-size: 85%; color: #999; }
.legacy .tax-blog_type .post_author, .legacy .blog .post_author, .legacy .archive .post_author { font-size: 85%; }
.legacy .tax-blog_type .post_author a, .legacy .blog .post_author a, .legacy .archive .post_author a { text-decoration: none; }
@media only screen and (min-width: 48em) { .legacy .tax-blog_type .content, .legacy .blog .content, .legacy .archive .content { width: 65%; float: left; padding-left: 10%; } }
.legacy .tax-blog_type .more_link a, .legacy .blog .more_link a, .legacy .archive .more_link a { text-decoration: none; }
.legacy .tax-blog_type .blog_type, .legacy .blog .blog_type, .legacy .archive .blog_type { padding: 2px 5px; background-color: #3FAE2A; border-bottom: 2px solid #3d7215; color: #fff; }
.legacy .tax-blog_type .blog_type a, .legacy .blog .blog_type a, .legacy .archive .blog_type a { color: #fff; text-decoration: none; }
.legacy .tax-blog_type .blog_type a:hover, .legacy .blog .blog_type a:hover, .legacy .archive .blog_type a:hover { text-decoration: underline; }
.legacy .tax-blog_type .blog_type.announcements, .legacy .blog .blog_type.announcements, .legacy .archive .blog_type.announcements { background-color: #e17000; border-bottom: 2px solid #b05801; }
.legacy .tax-blog_type .social-icons-list, .legacy .blog .social-icons-list, .legacy .archive .social-icons-list { float: right; }
.legacy .slug_hdp .hdp_assembly .stage { position: relative; }
@media only screen and (min-width: 48em) { .legacy .slug_hdp .hdp_assembly .stage { margin-top: 100px; margin-bottom: 100px; padding-left: 50%; } }
.legacy .slug_hdp .hdp_assembly .stage:last-of-type { margin-bottom: 20px; }
@media only screen and (min-width: 48em) { .legacy .slug_hdp .hdp_assembly .diagram { position: absolute; top: 0px; left: 0px; width: 48%; } }
.legacy .slug_hdp .hdp_assembly .sec { text-transform: uppercase; color: #aaa; margin-bottom: 15px; }
.legacy .slug_hdp .hdp_assembly h3.title { border-bottom: 0px; margin-bottom: 0px; }
.legacy .slug_hdp .benefits > div > .title { font-weight: bold; font-size: 120%; margin-bottom: 10px; }
.legacy .slug_hdp .benefits > div > .icon { margin-bottom: 20px; display: none; }
@media only screen and (min-width: 48em) { .legacy .slug_hdp .community-promo { margin-top: -30px; margin-bottom: 0px !important; } }
.legacy .slug_hdp .committers-image { margin-top: 25px; }
.legacy .slug_hdp .committers-image img { max-width: 50%; }
.legacy .slug_hdp .community-caption { padding: 10px; border-radius: 5px; font-size: 80%; color: #999; display: inline-block; }
@media only screen and (min-width: 48em) { .legacy .slug_hdp .community-caption { width: 100%; margin-top: 95px; } }
.legacy .slug_hdp .build-diagram { margin-top: 90px; }
.legacy .slug_whats-new .lowerbody .ps > div { overflow: hidden; }
.legacy .slug_whats-new .segue { margin: 0 auto; background-color: #f2f0ef; padding: 5px 20px; font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #3FAE2A; }
@media only screen and (min-width: 48em) { .legacy .slug_whats-new .segue { max-width: 500px; text-align: center; margin-bottom: -30px; } }
@media only screen and (min-width: 48em) { .legacy .slug_whats-new .hive_promo { float: left; width: 55%; } }
.legacy .slug_whats-new .community_promo { padding: 20px; padding-bottom: 160px; background-color: #fff; border-radius: 10px; background: #fff url(/wp-content/themes/hortonworks/images/page-specific/hdp/hive_collab.jpg) center bottom no-repeat; background-size: 100% auto; color: #555; }
@media only screen and (min-width: 48em) { .legacy .slug_whats-new .community_promo { float: right; width: 35%; margin-left: 40px; } }
.legacy .slug_whats-new h2, .legacy .slug_whats-new .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .slug_whats-new .group_title { margin-top: 20px; }
.legacy .slug_whats-new .community_promo h3 { margin-top: 0px; }
.legacy .slug_whats-new .asparagus { text-align: center; margin-top: 25px; margin-bottom: 20px; }
.legacy .slug_whats-new .asparagus img { max-width: 100%; }
.legacy .slug_whats-new .core_image { text-align: center; display: none; }
@media only screen and (min-width: 48em) { .legacy .slug_whats-new .core_image { display: block; } }
.legacy .slug_whats-new .new_features { overflow: auto; }
.legacy .slug_whats-new .feature { background-color: #f0f0f0; padding: 10px 15px; margin-bottom: 1em; }
@media only screen and (min-width: 48em) { .legacy .slug_whats-new .feature { margin-bottom: 10px; } }
@media only screen and (min-width: 48em) { .legacy .slug_whats-new .feature.ambari { position: absolute; top: 60px; right: 0px; width: 25%; } }
@media only screen and (min-width: 48em) { .legacy .slug_whats-new .feature.storm { float: left; width: 40%; }
  .legacy .slug_whats-new .feature.solr { float: right; width: 54%; }
  .legacy .slug_whats-new .feature.falcon { float: left; width: 40%; }
  .legacy .slug_whats-new .feature.knox { float: right; width: 54%; } }
.legacy .slug_whats-new .feature h3 { margin-top: 0px; }
.legacy .slug_whats-new .invests h3 { margin-top: 20px; }
.legacy .version { text-transform: uppercase; font-size: 150%; margin-bottom: -15px; }
@media only screen and (min-width: 48em) { .legacy .whats_new { width: 70%; float: left; overflow: auto; padding-right: 50px; } }
.legacy .whats_new ul { padding-left: 0px; list-style-type: none; overflow: auto; margin-left: 0; }
.legacy .whats_new li { margin-bottom: 8px; display: inline-block; min-width: 300px; max-width: 600px; margin: 0px; margin-right: 40px; margin-bottom: 25px; line-height: 1.45em; vertical-align: top; }
.legacy .whats_new li b { display: block; margin-bottom: 10px; }
@media only screen and (min-width: 48em) { .legacy .techspecs { width: 30%; float: left; overflow: auto; } }
.legacy .techspecs table { width: 100%; }
.legacy .techspecs th { padding-bottom: 10px; }
.legacy .techspecs tr td:first-of-type { padding-right: 30px; }
.legacy .techspecs tr:nth-child(even) { background-color: #f5f5f5; }
.legacy .benefits { margin-top: 35px; }
.legacy .previous_versions ul { list-style-type: none; padding-left: 0px; }
.legacy .documentation .search { float: right; }
.legacy .documentation .search input[type=submit] { margin-left: 20px; }
.legacy .docs { overflow: auto; }
@media only screen and (min-width: 48em) { .legacy .docs { width: 75%; } }
.legacy .docs .segment { position: relative; margin-bottom: 20px; padding: 10px; background-color: #f6f6f6; vertical-align: top; }
.legacy .docs .segment h3 { background-repeat: no-repeat; margin-top: 0px; padding-left: 20px; background-position: 0px 8px; }
.legacy .docs .segment h4 { font-weight: normal; font-size: 100%; margin: 10px 0px 0px; padding-left: 20px; font-weight: bold; }
.legacy .docs .segment ul { list-style-type: none; padding-left: 20px; margin: 0px; }
.legacy .docs .segment a { color: #5C7F92; text-decoration: none; }
.legacy .docs .segment a:hover { color: #e17000; text-decoration: none; }
.legacy #getting_started h3 { background-image: url(../images/icons/docs_play_9x12.png); }
.legacy #installation h3 { background-image: url(../images/icons/docs_wrench_12x12.png); }
.legacy #cluster_guide h3 { background-image: url(../images/icons/docs_cog_12x12.png); }
.legacy #ops_guide h3 { background-image: url(../images/icons/docs_key_stroke_12x12.png); }
.legacy #integration_guide h3 { background-image: url(../images/icons/docs_chart_12x12.png); }
.legacy #sysadmin_guide h3 { background-image: url(../images/icons/docs_sun_stroke_12x12.png); }
.legacy #reference h3 { background-image: url(../images/icons/docs_book_alt_12x12.png); }
.legacy #user_guide h3 { background-image: url(../images/icons/docs_sun_stroke_12x12.png); }
.legacy .cse .gsc-search-button input.gsc-search-button-v2, .legacy input.gsc-search-button-v2 { padding: 6px 7px; }
.legacy .gsc-control-cse { background-color: transparent; border: 0px; padding: 0px; }
.legacy .gsc-control-cse table { border-collapse: separate; margin-bottom: 0; }
.legacy .gsc-input td { padding: 2px 4px; }
.legacy table.addons { margin-left: -5px; }
.legacy table.addons .desc { padding: 10px 30px 5px 5px; }
.legacy table.addons .downloads { padding: 10px 5px; width: 100%; text-align: center; }
@media only screen and (min-width: 48em) { .legacy table.addons .downloads { width: 20%; } }
.legacy table.addons tr { border-bottom: 1px dashed #ddd; }
.legacy div.roundedcorners .fancybox-skin { border-radius: 10px; background: #fafafa; }
.legacy #eula { text-align: left; width: 542px; }
.legacy #eula .eula_box { height: 200px; width: auto; overflow-y: auto; background: white; padding: 10px; border: 1px solid #BBB; font-size: 11px; }
.legacy #eula h3 { font-weight: normal; color: #3FAE2A; font-size: 1.2em; padding: 0 0 1em 0; margin: 0 0 1em 0; }
.legacy #eula pre { margin: 0.2em 0 1em 0; white-space: pre; }
.legacy #eula pre, .legacy #eula tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; padding: 10px; display: block; }
.legacy #eula button { margin: 10px 0 0 0; }
.legacy .float_l { float: left; }
.legacy .float_r { float: right; }
.legacy .download-options-wide { margin-bottom: 10px; }
.legacy .download-options-wide .download-option { position: relative; margin-bottom: 30px; overflow: auto; }
.legacy .download-options-wide .do-title { font-size: 125%; border-bottom: 1px solid #eee; margin-bottom: 10px; }
.legacy .download-options-wide .body { margin-right: 250px; }
.legacy .download-options-wide .option { float: right; width: 200px; }
.legacy .download-options .download-option { border-radius: 3px; padding: 0; position: relative; display: inline-block; margin-bottom: 0px; border: 1px solid #ddd; }
.legacy .download-options .do-title { border-radius: 3px; font-weight: bold; color: #fff; padding: 20px 15px 15px; background: #999; /* Old browsers */ background: -moz-linear-gradient(top, #999 0%, #777 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999), color-stop(100%, #777)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #999 0%, #777 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #999 0%, #777 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #999 0%, #777 100%); /* IE10+ */ background: linear-gradient(to bottom, #999999 0%, #777777 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#777',GradientType=0 ); /* IE6-9 */ }
.legacy .download-options .do-title a { color: #fff; font-weight: bold; text-decoration: none; }
.legacy .download-options .body { position: relative; min-height: 250px; padding: 15px; border-top: 0px; }
.legacy .download-options .desc { min-height: 150px; }
.legacy .download-option .details { font-size: 80%; color: #999; }
.legacy .download-options ul.install_docs { padding-left: 0px; list-style-type: none; text-align: center; }
.legacy .download-options ul.install_docs li { font-size: 85%; display: inline-block; padding-right: 5px; border-right: 1px solid #999; }
.legacy .download-options ul.install_docs li:last-of-type { border-right: 0px; }
.legacy .download-options .install_docs { text-align: center; font-size: 90%; }
.legacy .download-option .option .downloads_page_btn { display: block; text-align: center; margin: 0; width: 100%; font-weight: bold; color: #69BF44; padding: 17px 0 17px; text-decoration: none; border: 1px solid #dcdcdc; border-top: 0px; border-collapse: collapse; box-shadow: none; background: white; /* Old browsers */ /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background: -moz-linear-gradient(top, white 0%, #e9e9e9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e9e9e9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #e9e9e9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #e9e9e9 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%); /* W3C */ }
.legacy .download-option .option .downloads_page_btn:hover { background: #F8F8F8; }
.legacy .also { padding-left: 50px; background: url(../images/icons/green_arrow_x41.png) no-repeat left; position: absolute; top: 0px; right: 70px; }
.legacy .also .type { font-size: 80%; color: #999; text-transform: uppercase; }
.legacy .also a { color: #3FAE2A; }
.legacy .download-all { margin-bottom: 20px; }
.legacy .download-all .download-option { position: relative; padding-bottom: 10px; margin-bottom: 10px; overflow: auto; border-bottom: 1px  solid #eee; }
.legacy .download-all .download-option:last-of-type { border-bottom: 0px; }
.legacy .download-all .do-title { font-size: 110%; margin-bottom: 0px; font-weight: 500; }
.legacy .download-all .details { margin-bottom: 10px; }
@media only screen and (min-width: 48em) { .legacy .download-all .desc { width: 45%; float: left; margin-right: 40px; } }
.legacy .download-all .option { text-align: center; margin-top: 20px; }
@media only screen and (min-width: 48em) { .legacy .download-all .option { float: right; width: 22%; font-size: 85%; margin-top: -40px; } }
.legacy .download-all .option a { margin-bottom: 20px; }
.legacy .download-all .install_docs { font-size: 85%; margin-top: 20px; }
@media only screen and (min-width: 48em) { .legacy .download-all .install_docs { float: left; width: 23%; min-height: 110px; margin-top: -40px; } }
.legacy .download-all .install_docs ul { padding-left: 0px; margin-top: 0px; display: inline-block; }
.legacy .download-all .install_docs li { list-style-type: none; margin-bottom: 10px; }
.legacy .doc_icon img { margin: 0px; box-shadow: 0 0 5px #aaa; height: 100px; margin-right: 20px; float: left; overflow: visible; }
.legacy .forums_list { list-style-type: none; padding-left: 0px; }
.legacy .forums_list li { margin-bottom: 20px; }
.legacy .forums_list .desc { display: block; }
.legacy .slug_hortonworks-sandbox #sandbox_image { position: relative; z-index: 5; max-width: 1200px; margin: auto; overflow: visible; }
@media only screen and (min-width: 48em) { .legacy .slug_hortonworks-sandbox #sandbox_image img { position: absolute; top: 20px; right: 50px; } }
.legacy .slug_hortonworks-sandbox .bicon { text-align: center; }
.legacy .slug_hortonworks-sandbox .bicon img { width: 30%; }
.legacy .slug_hortonworks-sandbox .center.hitters .hitter { text-align: center; padding-right: 40px; }
.legacy .slug_why-hortonworks-for-hadoop .innovation .title { font-size: 140%; }
.legacy .slug_why-hortonworks-for-hadoop .innovation.three .project { margin-bottom: 50px; }
.legacy .slug_why-hortonworks-for-hadoop .innovation .tagline { font-size: 110%; }
.legacy .slug_hadoop-modern-data-architecture article { margin: 0 0 40px 0; }
.legacy .slug_hadoop-modern-data-architecture .mainpoints.green > div { padding: 0; background-color: #fff; height: auto !important; margin-bottom: 20px; }
@media only screen and (min-width: 48em) { .legacy .slug_hadoop-modern-data-architecture .mainpoints.green > div { height: 307px !important; margin-bottom: 0; } }
.legacy .slug_hadoop-modern-data-architecture .mainpoints.green .colhead h3 { color: #fff; border-bottom: 0px; margin-top: 0px; overflow: visible; }
.legacy .slug_hadoop-modern-data-architecture .mainpoints.green .colhead { background-color: #3FAE2A; text-align: center; padding: 20px; margin-bottom: 20px; overflow: visible; }
@media only screen and (min-width: 48em) { .legacy .slug_hadoop-modern-data-architecture .mainpoints.green .colhead { height: 120px; } }
.legacy .slug_hadoop-modern-data-architecture .mainpoints.green .colbody { font-size: .9em; padding: 0px 15px; line-height: 1.5em; }
.legacy .slug_hadoop-modern-data-architecture .readmore { margin-top: 28px; padding: 0px; }
.legacy .slug_hadoop-modern-data-architecture .readmore a { font-size: inherit; }
.legacy .slug_hadoop-modern-data-architecture .orange { color: #e17000; }
.legacy .slug_hadoop-modern-data-architecture .center { text-align: center; }
.legacy .slug_hadoop-modern-data-architecture .last { margin-bottom: 0; }
.legacy .slug_hadoop-modern-data-architecture .no-break { white-space: nowrap; }
.legacy .slug_use-cases .case { overflow: auto; clear: both; padding-top: 35px; padding-bottom: 25px; background: url(/wp-content/themes/hortonworks/images/assets/divider_light.jpg) no-repeat scroll center top transparent; padding-left: 300px; }
.legacy .slug_use-cases .uc_video { width: 250px; padding-top: 15px; }
.legacy .slug_use-cases .uc_video img { width: 250px; }
.legacy .slug_use-cases .uc_video.left { float: left; margin-left: -300px; margin-right: 40px; }
.legacy .slug_use-cases .get_the_doc { width: 150px; float: right; margin-left: 50px; text-align: center; margin-top: -20px; }
.legacy .slug_use-cases .get_the_doc .subtitle { color: #aaa; text-transform: uppercase; font-size: 90%; margin-bottom: 5px; }
.legacy .slug_use-cases .get_the_doc img { border: 5px solid #fff; box-shadow: 0px 0px 5px #666; width: 120px; }
.legacy .slug_contact .contact-us.hitters > div { width: 100%; height: 450px; background-repeat: no-repeat !important; background-size: cover !important; }
@media only screen and (min-width: 48em) { .legacy .slug_contact .contact-us.hitters > div { margin-right: 15px; width: 31%; } }
.legacy .slug_contact .main.location .details { font-size: 110%; background-color: #f9f8f8; padding: 10px; }
.legacy .slug_contact .main.location .details a { text-decoration: none; }
.legacy .slug_contact .details > div { margin-bottom: 20px; }
.legacy .slug_contact .details .title { font-size: 130%; }
.legacy .slug_contact .remote.locations .office { background-color: #f9f8f8; padding: 10px; }
@media only screen and (min-width: 48em) { .legacy .slug_contact .remote.locations .office { float: left; width: 31%; margin-right: 20px; min-height: 500px; } }
.legacy .slug_contact h1 + .subtitle, .legacy .slug_management-team h1 + .subtitle, .legacy .slug_board-of-directors h1 + .subtitle, .legacy .slug_founders h1 + .subtitle, .legacy .slug_press-releases h1 + .subtitle { display: none; }
@media only screen and (min-width: 48em) { .legacy .slug_contact h1 + .subtitle, .legacy .slug_management-team h1 + .subtitle, .legacy .slug_board-of-directors h1 + .subtitle, .legacy .slug_founders h1 + .subtitle, .legacy .slug_press-releases h1 + .subtitle { display: block; } }
@media only screen and (min-width: 48em) { .legacy .slug_become-a-partner .program { padding-left: 320px; }
  .legacy .slug_become-a-partner .program .logo { margin-left: -320px; width: 280px; float: left; } }
.legacy .partner-filters { /**** Isotope Filtering ****/ /**** Isotope CSS3 transitions ****/ /**** disabling Isotope CSS3 transitions ****/ /*  This'll make the strategic partners bigger.
.strategic.partner              { width:298px; height:297px; }
.strategic.partner .logo        { margin:20px; width:240px; height:240px; }
*/ }
.legacy .partner-filters .isotope-item { z-index: 2; }
.legacy .partner-filters .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.legacy .partner-filters .isotope, .legacy .partner-filters .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.legacy .partner-filters .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.legacy .partner-filters .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
.legacy .partner-filters .isotope.no-transition, .legacy .partner-filters .isotope.no-transition .isotope-item, .legacy .partner-filters .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
.legacy .partner-filters .mainbody .ps.titlebar h1 + .subtitle { margin-left: -40px; padding-left: 40px; }
.legacy .partner-filters #partner_blox { overflow: visible; }
@media only screen and (min-width: 48em) { .legacy .partner-filters #partner_blox { padding-right: 41px; padding-left: 60px; } }
.legacy .partner-filters .partner-gallery { width: 100%; margin-left: -9px; }
.legacy .partner-filters .fwd_back { position: relative; font-size: 300%; font-weight: bold; z-index: 999; }
.legacy .partner-filters .fwd_back a { text-decoration: none; display: inline-block; padding: 3px 10px 10px; border-radius: 20px; color: #d6d6d6; }
.legacy .partner-filters .fwd_back a:hover { color: #aaa; }
.legacy .partner-filters .fwd_back .left { position: absolute; top: 230px; left: 0; z-index: 2; }
@media only screen and (min-width: 48em) { .legacy .partner-filters .fwd_back .left { left: -60px; } }
.legacy .partner-filters .fwd_back .right { position: absolute; z-index: 2; top: 230px; right: 0; }
@media only screen and (min-width: 48em) { .legacy .partner-filters .fwd_back .right { right: -50px; } }
.legacy .partner-filters #partners { width: 100%; visibility: hidden; }
@media only screen and (min-width: 48em) { .legacy .partner-filters #partners { visibility: visible; } }
.legacy .partner-filters .partner { position: relative; padding: 10px; width: 141px; height: 141px; display: inline-block; border: 1px solid #eee; background-color: #fff; margin: 8px; cursor: pointer; box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); z-index: 0; }
.legacy .partner-filters .partner:hover { border-color: #fcc79b; }
.legacy .partner-filters .partner.platinum { width: 200px; height: 200px; }
.legacy .partner-filters .partner.platinum .logo { width: 170px; height: 170px; }
.legacy .partner-filters .partner.gold { width: 175px; height: 175px; }
.legacy .partner-filters .partner.gold .logo { width: 150px; height: 150px; }
.legacy .partner-filters .partner .name { display: none; }
.legacy .partner-filters .partner .logo { width: 120px; height: 120px; background: no-repeat center center; background-size: contain; }
.legacy .partner-filters .partner .certified { position: absolute; top: 0; left: -4px; width: 150px; height: 150px; background: url("http://hortonworks.com/wp-content/uploads/2015/05/HWX_CertTech_Sashes_Color_HDP.png") no-repeat; pointer-events: none; }
.legacy .partner-filters .partner .yarn { background: url("http://hortonworks.com/wp-content/uploads/2015/05/HWX_CertTech_Sashes_Color_HDP.png") no-repeat; }
.legacy .partner-filters .partner .platinum.certified { background: url("/wp-content/themes/hortonworks/images/tab_platinum.png") no-repeat; left: initial; right: 2px; }
.legacy .partner-filters .partner .gold.certified { background: url("/wp-content/themes/hortonworks/images/tab_gold.png") no-repeat; left: initial; right: 2px; }
.legacy .partner-filters .partner .silver.certified { background: url("/wp-content/themes/hortonworks/images/tab_silver.png") no-repeat; }
.legacy .partner-filters .partner .bronze.certified { background: none; }
.legacy .partner-filters .sort_n_filter { display: none; }
@media only screen and (min-width: 48em) { .legacy .partner-filters .sort_n_filter { display: block; } }
@media only screen and (min-width: 48em) { .legacy .partner-filters .sort_n_filter .label { float: left; } }
.legacy .partner-filters .filters { list-style-type: none; margin: 15px 0px; padding-left: 0; overflow: auto; }
@media only screen and (min-width: 48em) { .legacy .partner-filters .filters li { display: inline-block; margin-right: 10px; } }
.legacy .partner-filters .filters li a { display: block; background-color: #999; color: #fff; border-radius: 10px; padding: 10px 20px; margin-bottom: 10px; text-decoration: none; font-size: 80%; }
@media only screen and (min-width: 48em) { .legacy .partner-filters .filters li a { padding: 3px 8px; margin-bottom: 0; } }
.legacy .partner-filters .filters li a:hover { background-color: #e17000; }
.legacy .partner-filters .filters li a.active { background-color: #44697d; }
.legacy .partner-filters .form_table { width: 100%; }
.legacy .partner-filters .form_table td { padding-right: 20px; }
.legacy .partner-filters .form_table select { width: 100%; }
.legacy .partner-filters .form_table textarea { width: 100%; }
.legacy .partner-filters .form_table input { width: 100%; }
.legacy .titlebar .certified_logo { display: none; }
@media only screen and (min-width: 48em) { .legacy .titlebar .certified_logo { display: block; position: absolute; right: 0; top: 0; } }
.legacy .titlebar .certified_logo a { margin-left: 5px; }
.legacy .titlebar .certified_logo img { width: 130px; vertical-align: top; }
.legacy .single-hw_partner .partner_logo { text-align: center; }
.legacy .single-hw_partner .partner_logo img { width: auto; height: auto; max-width: 100%; max-height: 140px; }
.legacy #header { border-bottom: none; }
@media only screen and (min-width: 48em) { .legacy .page-template-page-events-php .event { padding-left: 170px; position: relative; } }
@media only screen and (min-width: 48em) { .legacy .page-template-page-events-php .event .title { margin-left: -170px; } }
.legacy .page-template-page-events-php .event .logo { display: block; overflow: hidden; }
@media only screen and (min-width: 48em) { .legacy .page-template-page-events-php .event .logo { float: left; margin-left: -170px; } }
.legacy .page-template-page-events-php .event .logo img { max-width: 150px; height: auto; }
.legacy .page-template-page-events-php .date { font-size: 90%; }
.legacy .page-template-page-events-php .loc { font-size: 90%; font-weight: bold; margin-bottom: 10px; }
.legacy .page-template-page-events-php .related.posts { list-style: none; padding-left: 0; }
.legacy .slug_innovation .hadoop_arch { margin: -150px auto -180px; position: relative; top: -20px; left: 20px; text-align: center; display: none; }
@media only screen and (min-width: 48em) { .legacy .slug_innovation .hadoop_arch { display: block; } }
.legacy .slug_innovation .innovation { margin: 30px 0px 0px; overflow: visible; }
.legacy .slug_innovation .innovation .project { padding: 10px; vertical-align: top; margin-bottom: 20px; position: relative; border-radius: 5px; background-color: #f0f0f0; z-index: 5; }
.legacy .slug_innovation .innovation .partners .hitters { font-size: 200%; }
.legacy .slug_innovation .innovation .partners .hitters .project { width: 32%; font-size: 50%; }
@media only screen and (min-width: 48em) { .legacy .slug_innovation .innovation .upper .project, .legacy .slug_innovation .innovation .lower .project { width: 29%; display: inline-block; } }
@media only screen and (min-width: 48em) { .legacy .slug_innovation .innovation .upper .project:first-child, .legacy .slug_innovation .innovation .lower .project:first-child { margin-left: 0px; margin-right: 5%; }
  .legacy .slug_innovation .innovation .upper .project:last-child, .legacy .slug_innovation .innovation .lower .project:last-child { margin-left: 5%; margin-right: 0px; } }
@media only screen and (min-width: 48em) { .legacy .slug_innovation .project.stinger { margin-top: 60px; }
  .legacy .slug_innovation .project.spark { margin-top: 60px; }
  .legacy .slug_innovation .project.security { margin-top: 60px; } }
.legacy .slug_innovation .innovation .desc { text-align: center; }
.legacy .slug_innovation .innovation .title { font-size: 150%; text-align: center; margin-top: -5px; }
.legacy .slug_innovation .innovation .title a { text-decoration: none; }
.legacy .slug_innovation .innovation .icon { text-align: center; }
.legacy .slug_innovation .innovation .icon img { width: 50px; }
.legacy .slug_innovation .innovation .tagline { font-size: 90%; text-transform: uppercase; color: #999; margin-bottom: 10px; text-align: center; }
.legacy .slug_innovation .innovation .add_links { display: none; }
.legacy .slug_innovation .innovation .quote { display: none; }
.legacy .slug_innovation .innovation .group_desc { margin-bottom: 20px; }
.legacy .slug_innovation .innovation .project .delivered { position: absolute; top: 10px; right: 20px; text-align: right; }
.legacy .slug_innovation .innovation .project .delivered img { width: 90px; }
.legacy .slug_innovation .innovation .pullquote { margin-left: -100px; font-size: 100%; margin-top: 35px; margin-bottom: 0px; }
.legacy .slug_innovation .innovation .quoter { font-size: 80%; margin-left: -65px; margin-top: 0px; }
.legacy .slug_innovation .innovation.three .project { padding-left: 70px; }
.legacy .slug_innovation .innovation.three .icon { margin-left: -70px; }
.legacy .slug_innovation .innovation.three img { width: 60px; }
.legacy .slug_yarn .delivered, .legacy .slug_stinger .delivered { display: none; }
@media only screen and (min-width: 48em) { .legacy .slug_yarn .delivered, .legacy .slug_stinger .delivered { position: absolute; top: -160px; right: 50px; display: block; } }
.legacy .slug_yarn .delivered img, .legacy .slug_stinger .delivered img { width: 300px; }
.legacy .slug_yarn .mainbody .ps, .legacy .slug_stinger .mainbody .ps { overflow: visible; }
.legacy .slug_yarn .mainbody .ps:last-child > div, .legacy .slug_stinger .mainbody .ps:last-child > div { overflow: visible; }
.legacy .slug_yarn .titlebar .ps > div, .legacy .slug_stinger .titlebar .ps > div { overflow: visible; }
.legacy .solutions-benefits .item .img { overflow: hidden; display: none; }
.legacy .solutions-benefits .item .img img { opacity: 0.65; width: 100%; margin-top: -20%; margin-left: -20%; }
.legacy .solutions-benefits .item:nth-child(even) .img img { margin-left: 0px; margin-right: -20%; }
.legacy .solutions-benefits .item .cta { margin-top: 30px; }
.legacy .solutions-benefits .item h3 { margin-top: 10px; text-transform: uppercase; }
@media only screen and (min-width: 48em) { .legacy .solutions-benefits .item .img { display: block; } }
.legacy .cs_container { position: relative; overflow: hidden; }
.legacy .cs_btn.next { position: absolute; right: 0px; top: 0px; width: 42px; height: 60px; overflow: hidden; z-index: 999; }
.legacy .cs_btn.prev { position: absolute; left: 0px; top: 0px; width: 42px; height: 60px; overflow: hidden; z-index: 999; }
.legacy .cs_btn.next img:hover { margin-left: -42px; }
.legacy .cs_btn.prev img:hover { margin-left: -42px; }
.legacy .cs_btn img { max-width: none; }
.legacy .customer_slider { text-align: center; margin: 5px auto; }
.legacy .customer_slider ul { list-style-type: none; padding-left: 0px; }
.legacy .customer_slider .customer { display: inline-block; margin: 0px 10px; }
.legacy .customer_slider .logo { text-align: center; width: 110px; height: 60px; }
.legacy .customer_slider .logo img { max-width: 100px; max-height: 50px; position: relative; top: 50%; margin-top: -25px; }
.legacy .featured_customer { overflow: hidden; padding-top: 10px; padding-bottom: 10px; }
@media only screen and (min-width: 48em) { .legacy .featured_customer { float: left; width: 60%; } }
.legacy .featured_customer .image img { border: 3px solid #fff; }
.legacy .featured_customer .title { display: none; font-size: 150%; margin-bottom: 10px; }
.legacy .featured_customer .title a { text-decoration: none; }
.legacy .featured_customer .logo img { max-width: 180px; max-height: 50px; margin: 10px 0px; }
.legacy .featured_customer .more { margin: 10px 0px; }
.legacy .related_industry { border-radius: 5px; font-size: 90%; position: relative; overflow: hidden; }
@media only screen and (min-width: 48em) { .legacy .related_industry { width: 35%; float: right; } }
.legacy .related_industry .icon { position: absolute; top: -5px; right: 5px; }
.legacy .related_industry .title { background-color: #3FAE2A; padding: 5px 10px; color: #fff; text-transform: uppercase; font-weight: bold; margin-top: 20px; }
.legacy .related_industry .title a { text-decoration: none; color: #e6f2df; }
.legacy .related_industry .title a:hover { color: #fff; }
.legacy .related_industry .desc { background-color: #f0f0f0; padding: 12px 10px 5px; }
.legacy .related_industry .desc ul { padding-left: 20px; }
.legacy .related_industry .more { background-color: #f0f0f0; padding: 0px 10px 10px; }
@media only screen and (min-width: 48em) { .legacy .related_industry .more { position: absolute; bottom: 15px; right: 0px; } }
.legacy .use-cases .uc-video { text-align: center; margin: 10px auto; }
.legacy .use-cases .uc-video img { height: 220px; margin: auto; }
.legacy .use-cases .desc b { display: block; }
.legacy .use-cases .next-step { margin: 10px 0px; text-align: center; }
.legacy .use-cases .next-step p { font-size: 90%; }
.legacy .use-cases .next-step h4 { display: none; }
.legacy .hp { font-family: 'Roboto', sans-serif; color: #696969; font-weight: 200; background-color: #FFF; }
.legacy .hp h2, .legacy .hp .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .hp .group_title, .legacy .hp h3 { font-family: 'Roboto Condensed', sans-serif; margin: 0; }
.legacy .hp a { color: #41b735; text-decoration: underline; }
.legacy .hp section#home_rotator, .legacy .hp .bx-wrapper { margin: 0; position: relative; overflow: hidden; height: 500px; width: 100%; }
.legacy .hp section#home_rotator .bx-viewport, .legacy .hp .bx-wrapper .bx-viewport { border: 0; }
.legacy .hp section#home_rotator .bx-pager, .legacy .hp .bx-wrapper .bx-pager { bottom: 0; padding-top: 0; }
.legacy .hp section#home_rotator .bx-prev, .legacy .hp .bx-wrapper .bx-prev { border-left: 0; -webkit-transition: left .2s; transition: left .2s; }
.legacy .hp section#home_rotator .bx-prev:hover, .legacy .hp .bx-wrapper .bx-prev:hover { left: 0; }
.legacy .hp section#home_rotator .bx-next, .legacy .hp .bx-wrapper .bx-next { border-right: 0; -webkit-transition: right .2s; transition: right .2s; }
.legacy .hp section#home_rotator .bx-next:hover, .legacy .hp .bx-wrapper .bx-next:hover { right: 0; }
.legacy .hp .slide { background-size: cover; border-top: 3px solid #3FAE2A; height: 503px; margin: auto; border-bottom: 0px; overflow: visible; text-align: center; }
.legacy .hp .slide > div { max-width: 1200px; padding: 30px 40px; text-align: left; margin: 0px auto; }
.legacy .hp .slide .title { min-height: 100px; }
.legacy .hp .slide h1 { font-size: 280%; width: 90%; margin: 0; color: #fff; line-height: 1.4; }
.legacy .hp .slide .summary_block { width: 60%; font-size: 140%; color: #e6e6e6; font-weight: 400; }
.legacy .hp .slide .summary_block p { width: 75%; }
.legacy .hp .slide .subtitle { color: #e6e6e6; font-weight: bold; font-size: 140%; }
.legacy .hp .btn, .legacy .hp .bottom_drawer .promo .cta a, .legacy .bottom_drawer .promo .cta .hp a { font-family: "Roboto", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif; color: #FFF; background-color: #ff6633; border-radius: 0; text-decoration: none; text-transform: uppercase; font-size: 16px; font-weight: 300; padding: 8px 28px; margin-top: 4px; }
.legacy .hp .btn:hover, .legacy .hp .bottom_drawer .promo .cta a:hover, .legacy .bottom_drawer .promo .cta .hp a:hover { background-color: #ff8003; }
.legacy .hp .green { background-color: #3FAE2A; color: #fff; }
.legacy .hp .green:hover { background-color: #3B8640; }
.legacy .hp .white { background: none; border: #fff 1px solid; color: #fff; }
.legacy .hp .white:hover { background-color: #3FAE2A; }
.legacy .hp #wide-promo { color: #FFF; font-size: 16px; background-color: #4d738a; font-weight: 200; text-transform: uppercase; }
.legacy .hp #wide-promo .try { font-size: 18px; font-weight: 300; }
.legacy .hp #wide-promo .space { margin-left: 20px; font-size: 22px; }
.legacy .hp #solutions { overflow: auto; }
.legacy .hp #solutions a { margin: 0; text-decoration: none; font-weight: 300; font-size: 16px; }
.legacy .hp #solutions h4 { color: #333; font-size: 18px; margin: 0; font-weight: 200; }
.legacy .hp #solutions .title { margin-bottom: 0; text-transform: uppercase; }
.legacy .hp #solutions .promobox { margin: 0; }
.legacy .hp #solutions .promobox .promo-img { margin: 20px; }
.legacy .hp #solutions .desc { font-size: 16px; font-weight: 200; padding: 0 16px 10px; }
.legacy .hp #community { background-image: url("http://hortonworks.com/wp-content/uploads/2016/02/hp-community-bg.png"); background-size: cover; color: #FFF; overflow: auto; margin-top: -35px; padding: 85px 0 15px; }
.legacy .hp #community h2, .legacy .hp #community .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .hp #community .group_title { font-size: 200%; line-height: 36px; color: #fff; text-transform: uppercase; }
.legacy .hp #support .cta { margin: 85px 0; font-size: 18px; font-weight: 300; }
.legacy .hp #support h2, .legacy .hp #support .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .hp #support .group_title { font-size: 200%; line-height: 36px; text-transform: uppercase; margin-top: 12px; }
.legacy .hp #jumpstart { background-image: url("http://hortonworks.com/wp-content/uploads/2016/02/hp-sandbox-bg.jpg"); background-size: cover; }
.legacy .hp #jumpstart a { color: #FFF; font-weight: 300; }
.legacy .hp #jumpstart h2, .legacy .hp #jumpstart .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .hp #jumpstart .group_title { text-transform: uppercase; font-size: 200%; line-height: 36px; }
.legacy .hp #jumpstart img { width: 125px; float: right; }
.legacy .hp .desc-light { color: #FFF; margin: 16px 0; }
.legacy .hp .desc-dark { color: #747474; margin: 16px 0; }
.legacy .hp .upper { text-transform: uppercase; }
.legacy .hp .thick { font-weight: 300; }
@media only screen and (min-width: 975px) { .legacy .hp #wide-promo .right { float: right; }
  .legacy .hp .cta { margin-top: 0; }
  .legacy .hp .cta .right { float: right; } }
@media only screen and (max-width: 767px) { .legacy .hp .ps > div { padding: 20px 20px; }
  .legacy .hp .tb { margin: 20px 0; }
  .legacy .hp #support .cta { margin: 25px 0; }
  .legacy .hp #support h2, .legacy .hp #support .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .hp #support .group_title { margin-top: 15px; }
  .legacy .hp #community { margin-top: -30px; }
  .legacy .hp #community .col-1-2 { width: 100%; }
  .legacy .hp #solutions { padding: 25px; } }
.legacy .link--green { color: #3FAE2A; }
.legacy .link--plane { display: inline-block; position: relative; left: -23px; vertical-align: middle; }
.legacy .link--plane:before { content: ""; position: relative; left: 100%; display: inline-block; width: 23px; height: 18px; margin-left: 5px; background: transparent url(/wp-content/themes/hortonworks/images/page-specific/training/icon-plane.png) no-repeat 0 0; vertical-align: middle; }
.legacy .training-tracks { background-color: #f9f8f8; padding-bottom: 2em; }
.legacy .track-heading { text-align: center; }
.legacy .track-heading h3 { display: inline-block; width: auto; padding: .5em	1em; background-color: white; border-bottom: 0; border-radius: 8px; color: #999; font-weight: bold; text-transform: uppercase; }
.legacy .track-heading .track-arrows { display: block; padding-top: 10%; background: transparent url("/wp-content/themes/hortonworks/images/page-specific/training/track-path.png") no-repeat center center; }
.legacy .track-box { padding: 2em; text-align: center; color: #756e69; }
@media only screen and (min-width: 48em) { .legacy .track-box { width: 32%; float: left; margin: 0 1%; } }
.legacy .track-box:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 12px; background-color: #756e69; }
.legacy .track-box .track--title { position: relative; font-size: 28px; margin-top: 0; padding-top: 2.25em; border-bottom: 0; }
.legacy .track-box .track--title:before, .legacy .track-box .track--title:after { font-family: "FontAwesome"; font-size: 32px; position: absolute; left: 50%; margin-left: -.5em; }
.legacy .track-box .track--title:before { top: 0.25em; }
.legacy .track-box .track--title:after { top: 0; }
.legacy .track-box:first-child { margin-left: 0; }
.legacy .track-box:last-child { margin-right: 0; }
@media only screen and (min-width: 48em) { .legacy .track-box:last-child { float: right; } }
.legacy .track-box .track-box--classes { text-align: left; }
.legacy .track-box .track-box--classes h5 { margin-bottom: 0; font-size: 1rem; }
.legacy .track-box .classes-list { border-bottom: 2px dashed #d7d5d4; margin: 0 0 .5em; padding-bottom: .5em; }
.legacy .track-box .classes-list a { display: inline-block; vertical-align: middle; }
.legacy .track-box .class-name:after { display: inline-block; border-bottom: 0; padding-left: 4px; font-size: 2.5em; line-height: 24px; vertical-align: top; }
.legacy .track-box .class-topic { font-size: 12px; }
.legacy .track-box--dev { border-top-color: #e17000; }
.legacy .track-box--dev:before { background-color: #e17000; }
.legacy .track-box--dev .track--title:before, .legacy .track-box--dev .track--title:after, .legacy .track-box--dev a, .legacy .track-box--dev .class-name:after { color: #e17000; }
.legacy .track-box--dev .track--title:before, .legacy .track-box--dev .track--title:after { font-size: 24px; }
.legacy .track-box--dev .track--title:before { content: "\F0F4"; margin-left: -.625em; top: 1em; }
.legacy .track-box--dev .track--title:after { content: "\F06D"; }
.legacy .track-box--sysadmin { border-top-color: #3FAE2A; }
.legacy .track-box--sysadmin:before { background-color: #3FAE2A; }
.legacy .track-box--sysadmin .track--title:before, .legacy .track-box--sysadmin .track--title:after, .legacy .track-box--sysadmin a, .legacy .track-box--sysadmin .class-name:after { color: #3FAE2A; }
.legacy .track-box--sysadmin .track--title:before { content: "\F0AD"; }
.legacy .track-box--data .track--title:before, .legacy .track-box--data .track--title:after, .legacy .track-box--data a, .legacy .track-box--data .class-name:after { color: #756e69; }
.legacy .track-box--data .track--title:before { content: "\F0E8"; }
.legacy .training-different--carousel { position: relative; height: auto; min-height: 450px; }
.legacy .testimonial-carousel { position: relative; min-height: 450px; height: auto; }
@media only screen and (min-width: 48em) { .legacy .testimonial-carousel { padding: 0 2em; } }
.legacy .testimonial-carousel .slide { width: 95%; margin: 0 auto; height: auto; min-height: 100%; left: 5%	!important; /* forgive the !important, it needs	to fight the inline	styles from	js */ text-align: center; padding: 2.5em 0; border: 1px soild #d7d5d4; background-color: white; }
@media only screen and (min-width: 48em) { .legacy .testimonial-carousel .slide-body { max-width: 60%; margin: 0 auto; } }
.legacy .testimonial-carousel .slide-body blockquote { quotes: "\201C" "\201D"; font-family: "Helvetica Neue", Helvetica, Arial, "Open Sans", "Lucida Grande", sans-serif; font-weight: normal; position: relative; color: #756e69; }
.legacy .testimonial-carousel .slide-body blockquote:before { top: .075em; left: 0.025em; font-family: sans-serif; font-size: 15em; line-height: .5; color: #f2f0ef; }
.legacy .testimonial-carousel .slide-body blockquote .quote { position: relative; font-size: 20px; }
.legacy .testimonial-carousel .slide-body blockquote .source { display: inline-block; width: auto; padding: .75em 1em; border-top: 1px solid #d7d5d4; }
.legacy .testimonial-carousel .slide-body blockquote .client { text-transform: uppercase; font-weight: bold; }
.legacy .testimonial-carousel .slide-body blockquote .client-title { font-style: italic; }
.legacy .testimonial-carousel .slide-body blockquote .client-company { color: #44697d; text-decoration: none; font-weight: bold; }
.legacy .testimonial-carousel .slide-body blockquote .client-company:hover { color: #756e69; }
.legacy .carousel-nav a { position: absolute; top: 50%; margin-top: -50px; }
.legacy .carousel-nav a:before { font-family: "FontAwesome"; font-size: 100px; color: #d7d5d4; }
.legacy .carousel-nav #prev { left: -20px; }
.legacy .carousel-nav #prev:before { content: "\F104"; }
.legacy .carousel-nav #next { right: -20px; }
.legacy .carousel-nav #next:before { content: "\F105"; }
.legacy .training-map { padding: 0 0	2em; }
.legacy .training-map .sect-banner { text-align: center; border-bottom: 0; margin-bottom: 1em; font-size: 45px; font-weight: 300; }
.legacy .training-map .sect-banner span { font-size: 28px; color: #999; display: block; }
@media only screen and (min-width: 48em) { .legacy .training-map .sect-banner span { display: inline-block; } }
.legacy .map-col { float: left; }
.legacy .map-box { position: relative; background: transparent url(/wp-content/themes/hortonworks/images/page-specific/training/map-dotted.png) no-repeat center center; background-size: contain; min-height: 339px; width: 100%; }
@media only screen and (min-width: 48em) { .legacy .map-box { width: 66%; } }
.legacy .map-box .map-mark { display: none; }
@media only screen and (min-width: 48em) { .legacy .map-box .map-mark { position: absolute; display: block; width: 15px; height: 19px; background: transparent url(/wp-content/themes/hortonworks/images/page-specific/training/marker-map.png) no-repeat center center; }
  .legacy .map-box .map-mark:before { transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; content: attr(data-location); display: block; position: absolute; top: 2px; left: 100%; width: auto; min-width: 115px; margin-left: 3px; font-size: 13px; color: #3FAE2A; font-weight: bold; text-shadow: 0 1px 0 white; opacity: 0; }
  .legacy .map-box .map-mark:nth-child(1) { top: 125px; left: 190px; z-index: 1; }
  .legacy .map-box .map-mark:nth-child(1):hover { z-index: 10; }
  .legacy .map-box .map-mark:nth-child(2) { top: 105px; left: 200px; z-index: 2; }
  .legacy .map-box .map-mark:nth-child(2):hover { z-index: 10; }
  .legacy .map-box .map-mark:nth-child(3) { top: 90px; left: 330px; z-index: 3; }
  .legacy .map-box .map-mark:nth-child(3):hover { z-index: 10; }
  .legacy .map-box .map-mark:nth-child(3):before { right: 100%; left: auto; text-align: right; margin-right: 3px; }
  .legacy .map-box .map-mark:nth-child(4) { top: 80px; left: 340px; z-index: 4; }
  .legacy .map-box .map-mark:nth-child(4):hover { z-index: 10; }
  .legacy .map-box .map-mark:nth-child(5) { top: 110px; left: 340px; z-index: 5; }
  .legacy .map-box .map-mark:nth-child(5):hover { z-index: 10; }
  .legacy .map-box .map-mark:nth-child(6) { top: 125px; left: 560px; z-index: 6; }
  .legacy .map-box .map-mark:nth-child(6):hover { z-index: 10; }
  .legacy .map-box .map-mark:nth-child(7) { top: 135px; left: 115px; z-index: 6; }
  .legacy .map-box .map-mark:nth-child(7):hover { z-index: 10; }
  .legacy .map-box .map-mark:hover:before { opacity: 1; } }
.legacy .exam-details { font-weight: 300; }
@media only screen and (min-width: 48em) { .legacy .exam-details { width: 33%; padding-left: 2em; } }
.legacy .exam-details h2, .legacy .exam-details .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .exam-details .group_title { display: inline-block; vertical-align: middle; width: auto; margin-bottom: 0; font-size: 20px; font-weight: bold; font-style: normal; color: #3FAE2A; border-bottom: 0; }
.legacy .exam-details h2:before, .legacy .exam-details .slug_innovation .innovation .group_title:before, .legacy .slug_innovation .innovation .exam-details .group_title:before { content: ""; display: inline-block; vertical-align: middle; width: 29px; height: 35px; margin-right: .5em; background: transparent url(/wp-content/themes/hortonworks/images/page-specific/training/marker-online.png) no-repeat center center; }
.legacy .exam-details .lede { font-style: normal; }
.legacy .training-tracks { padding-bottom: 2rem; }
.legacy .training-tracks > div { background: url("/wp-content/themes/hortonworks/images/page-specific/training/class_bg.jpg") no-repeat; background-size: 100%; position: relative; padding-top: 150px; }
@media only screen and (min-width: 48em) { .legacy .training-tracks > div { padding-top: 280px; } }
.legacy .training-tracks .subheader { background-color: rgba(255, 255, 255, 0.8); padding: 15px 30px; color: #555; font-size: 115%; font-weight: 500; border-radius: 5px; margin-bottom: 0px; }
@media only screen and (min-width: 48em) { .legacy .training-tracks .subheader { position: absolute; width: 40%; right: 40px; margin: 0; top: 50px; } }
.legacy .training-callouts { padding-bottom: 2rem; }
.legacy .training-callout { background-color: #f2f0ef; padding: 20px; text-align: center; }
@media only screen and (min-width: 48em) { .legacy .two.hitters .training-callout { width: 46%; } }
@media only screen and (min-width: 48em) { .legacy .training-callout:first-of-type { margin-right: 40px; } }
.legacy .training-callout .title { font-size: 160%; font-family: "Cabin", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif; margin: 10px	0px; }
.legacy .training-callout .subtitle { text-transform: uppercase; color: #999; font-size: 90%; margin: -10px	0px	20px; }
.legacy .training-callout .subtitle + p { margin-top: 0px; }
.legacy .training-callout .body { text-align: left; font-size: 110%; }
.legacy .training-callout ul { margin-bottom: 5px; list-style-type: none; font-size: 110%; }
.legacy .training-callout ul li { margin-bottom: 5px; }
.legacy .training-callout .image { float: left; border: 5px solid #fff; }
.legacy .training-callout .image + .body { margin-left: 180px; }
.legacy .training-certification { margin-bottom: 40px; }
.legacy .training-certification .cert-icon:before { content: ""; display: inline-block; position: relative; top: 5px; width: 50px; height: 61px; background: transparent url(/wp-content/themes/hortonworks/images/page-specific/training/icon-certificate-lg.png) no-repeat left center; }
.legacy .cert-content { margin-right: 1%; color: white; }
@media only screen and (min-width: 48em) { .legacy .cert-content { width: 49%; float: left; display: inline-block; } }
.legacy .cert-content:last-of-type { margin-right: 0; margin-left: 1%; }
.legacy .cert-body p { font-size: 125%; }
.legacy .cert-icon:before { content: ""; display: inline-block; position: relative; top: 5px; width: 60px; height: 61px; background: transparent url(../images/training/icon-certificate-lg.png) no-repeat left center; }
.legacy .cert-callout--inner { padding: 1.5em 2em 2em; background-color: rgba(51, 79, 94, 0.34); }
.legacy .cert-callout--inner h3 { margin-top: 0px; }
.legacy .cert-list { padding-left: 20px; }
.legacy .cert-callout-note { font-size: 90%; font-style: italic; margin-top: 10px; color: #bfc9d3; }
.legacy .training-different .sect-banner { text-align: center; }
.legacy .training-different .diff-inner { padding-bottom: 20px; padding-right: 20px; }
@media only screen and (min-width: 48em) { .legacy .training-different .diff-inner { padding-left: 55%; min-height: 450px; background: transparent url(/wp-content/themes/hortonworks/images/page-specific/training/training_instructors.png) no-repeat 5% bottom; } }
.legacy .training-different .diff-inner h3 { text-align: center; border-bottom: 0; color: #aaa; font-weight: bold; }
.legacy .training-different .diff-list { color: #aaa; }
.legacy .training-different .diff-list li { margin-bottom: 0px; font-size: 200%; vertical-align: top; }
.legacy .training-different .diff-list li div { color: #555; font-size: 70%; }
.legacy .training-different .diff-list b { color: #e17000; font-weight: normal; }
.legacy .training-different .btn-wrap { text-align: center; padding: 20px; }
.legacy #filter_jobs { width: 45%; display: inline-block; }
.legacy #filter_jobs select { margin: 0 10px 0 0; font-size: 16px; }
.legacy .clear_filters { display: inline-block; }
.legacy #careers_list h4 { margin: 20px 0 5px; }
.legacy #careers_list .career a .title { line-height: 24px; display: inline-block; width: 70%; }
.legacy #careers_list .career .location { display: inline-block; width: 25%; text-align: right; }
.legacy #job_details h2, .legacy #job_details .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation #job_details .group_title { text-align: left; font-size: 175%; margin-bottom: 0; }
.legacy #job_details h3 { text-align: left; }
.legacy #job_details a { text-decoration: none; }
.legacy #job_details #apply { cursor: pointer; margin: 0 0 0 50px; padding: 5px 25px; }
.legacy #job_details .application_submitted { color: #fff; width: 100%; text-align: center; padding: 5px 0; margin-top: 20px; font-size: 20px; }
.legacy #job_details .application_submitted.success { background-color: #3FAE2A; }
.legacy #job_details .application_submitted.error { background-color: #e17000; }
.legacy #job_details .application_submitted.error a { color: #fff; text-decoration: underline; }
.legacy #job_details .application_submitted.error a:hover { color: #fff; }
.legacy #job_details .application_submitted.error a:visited { color: #fff; }
.legacy #job_details #application { margin-top: 25px; display: none; }
.legacy #job_details #application #greenhouse_application .questions, .legacy #job_details #application #greenhouse_application #compliance { border-top: 1px solid rgba(0, 0, 0, 0.2); padding-top: 30px; }
.legacy #job_details #application #greenhouse_application .questions .application_question .question_label, .legacy #job_details #application #greenhouse_application #compliance .application_question .question_label { width: 350px; display: inline-block; }
.legacy #job_details #application #greenhouse_application .questions .application_question .question_label label, .legacy #job_details #application #greenhouse_application #compliance .application_question .question_label label { display: block; }
.legacy #job_details #application #greenhouse_application .questions .application_question .question_label input[type=file], .legacy #job_details #application #greenhouse_application #compliance .application_question .question_label input[type=file] { width: 100%; border: none; box-shadow: none; }
.legacy #job_details #application #greenhouse_application .questions .application_question .question_input, .legacy #job_details #application #greenhouse_application #compliance .application_question .question_input { width: 275px; display: inline-block; vertical-align: top; }
.legacy #job_details #application #greenhouse_application .questions .application_question .question_input input, .legacy #job_details #application #greenhouse_application .questions .application_question .question_input textarea, .legacy #job_details #application #greenhouse_application #compliance .application_question .question_input input, .legacy #job_details #application #greenhouse_application #compliance .application_question .question_input textarea { width: 100%; }
.legacy #job_details #application #greenhouse_application .questions .Resume, .legacy #job_details #application #greenhouse_application .questions .Cover, .legacy #job_details #application #greenhouse_application #compliance .Resume, .legacy #job_details #application #greenhouse_application #compliance .Cover { border-top: 1px solid rgba(0, 0, 0, 0.2); padding-top: 10px; }
.legacy #job_details #application #greenhouse_application .questions .Cover, .legacy #job_details #application #greenhouse_application #compliance .Cover { border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 10px; }
.legacy #job_details #application #greenhouse_application .questions .First label:after, .legacy #job_details #application #greenhouse_application .questions .Last label:after, .legacy #job_details #application #greenhouse_application .questions .Email label:after, .legacy #job_details #application #greenhouse_application .questions .Phone label:after, .legacy #job_details #application #greenhouse_application #compliance .First label:after, .legacy #job_details #application #greenhouse_application #compliance .Last label:after, .legacy #job_details #application #greenhouse_application #compliance .Email label:after, .legacy #job_details #application #greenhouse_application #compliance .Phone label:after { content: " *"; }
.legacy #job_details #application #greenhouse_application .questions .hear, .legacy #job_details #application #greenhouse_application #compliance .hear { border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 10px; }
.legacy #job_details #application #greenhouse_application input[type=submit] { width: 200px; margin: 10px 20px 20px 0; }
.legacy #job_details #application #greenhouse_application label { position: relative; top: auto; left: auto; font-weight: normal; font-size: 100%; }
.legacy #job_details #application #greenhouse_application input { height: auto; margin: 0 0 10px 0; padding: 6px; }
.legacy #job_details #application #greenhouse_application textarea { margin: 0 0 10px 0; }
.legacy #job_details #application form#greenhouse_application { text-align: left; }
.legacy .hdf-resources { background-color: #EEE; border-top: 5px solid #AAA; }
.legacy .hdf-resources .adjust { height: 104px; width: auto; }
.legacy .hdf-img { width: 100%; height: auto; padding: 5%; }
.legacy .shorten-bottom { padding-bottom: 0px; }
.legacy .hdf { text-align: left; }
.legacy .hdf .more-videos { /* hdf page */ }
.legacy .hdf .more-videos .hdf-video { padding: 3% 7% 3% 0; }
.legacy .hdf .hdf-video h3 { color: #3FAE2A; font-size: 115%; margin: 0; }
.legacy .hdf .hdf-video h3 + p { margin: 0; }
.legacy .hdf .hdf-video .video-thumbnail { position: relative; max-width: 375px; /* video play button */ }
.legacy .hdf .hdf-video .video-thumbnail .play-overlay { text-align: center; background-color: rgba(2, 2, 2, 0.7); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; padding: 0%; }
.legacy .hdf .hdf-video .video-thumbnail .play-overlay .play-button { padding: 12%; width: 50%; height: auto; max-height: 140px; max-width: 140px; }
.legacy .hdf .hdf-video .video-thumbnail .play-overlay:hover { background-color: rgba(2, 2, 2, 0.8); }
.legacy .hdf .hdf-video .video-thumbnail .video-shot { height: 185px; }
.legacy .hdf .aside .right { padding-left: 0px; }
.legacy .hdf .pad-right { padding-right: 8%; }
.legacy .hdf .bottom-callout { padding: 3%; border: 1px solid #AAA; overflow: auto; }
.legacy .hdf .bottom-callout img { float: left; margin: 0 35px 5px 0; }
.legacy .hdf .informational { margin-bottom: 30px; }
.legacy .hdf .informational h4 { background-color: #EEE; font-size: larger; padding: 10px 15px; margin: 20px 0; }
.legacy .hdf #h2-overview { margin-bottom: 0px; }
.legacy .hdf h3 { margin: 0 0 10px; }
.legacy .hdf h4 { margin-bottom: 0px; }
.legacy .hdf .section { margin: 30px 0 55px; }
.legacy .hdf .section h4 { background-color: #EEE; }
.legacy .hdf .hdf-threehits { text-align: center; width: 30.8%; display: inline-block; padding: 3%; margin: 1%; vertical-align: top; }
.legacy .hdf .hdf-threehits img { margin: 0 0 10px; height: 100px; width: auto; padding: 5px; }
.legacy .hdf .hdf-threehits p { text-align: left; }
.legacy .hdf .features { background-color: #EEE; border-top: 5px solid #3FAE2A; min-height: 340px; }
.legacy .hdf .features h4 { margin: 0 0 10px; }
.legacy .hdf .fourhits { width: 22%; display: inline-block; padding: 3%; margin: 1%; vertical-align: top; text-align: center; min-height: 245px; }
.legacy .hdf .fourhits h3, .legacy .hdf .fourhits h4 { margin: 0; }
.legacy .hdf .fourhits img { margin: 0 0 25px; }
.legacy .hdf .hdf-imgsub { text-align: center; font-size: smaller; color: #AAA; }
.legacy .hdf .sidebar-title { padding: 5px 20px; background-color: #6ABD45; font-size: 18px; color: #FFF; }
.legacy .hdf .sidebar-title h3 { margin: 0px; color: #FFF; font-size: 18px; }
.legacy .hdf .sidebar-sec { margin-bottom: 5px; background-color: #EEE; padding: 15px 0; }
.legacy .hdf .sidebar-sec h3 { font-size: 16px; }
.legacy .hdf .sidebar-sec img { max-height: 60px; width: auto; margin-bottom: 10px; }
.legacy .hdf .centerbtn { color: #000; text-align: center; }
.legacy .hdf .centerbtn .btn, .legacy .hdf .centerbtn .bottom_drawer .promo .cta a, .legacy .bottom_drawer .promo .cta .hdf .centerbtn a { background-color: #E07126; border-radius: 0px; padding: 4px 18px; font-size: 13px; font-weight: normal; }
.legacy .hdf .centerbtn .btn:hover, .legacy .hdf .centerbtn .bottom_drawer .promo .cta a:hover, .legacy .bottom_drawer .promo .cta .hdf .centerbtn a:hover { background-color: #999; }
.legacy .hdf .centerbtn h4 { margin-bottom: 20px; }
.legacy .hdf .asideright { padding-right: 0px; }
.legacy .hdf .use-cases h3 { margin: 0; }
.legacy .hdf .use-cases img.hdf-diagram { width: 100%; padding: 20px; }
.legacy .hdf .use-cases .hdf-case { margin: 35px 0; }
.legacy .hdf .use-cases .expandable:hover { cursor: pointer; }
.legacy .hdf .use-cases .expandable img { float: left; padding: 20px 30px; }
.legacy .hdf .use-cases .expandable h3 { line-height: 18px; padding-top: 16px; }
@media only screen and (min-width: 48em) { .legacy .hdf #learn-more { margin-top: -60px; }
  .legacy .hdf .features { min-height: 300px; }
  .legacy .hdf #video-roll { /* getting started page */ }
  .legacy .hdf #video-roll .play-button { margin: 20px; } }
@media only screen and (max-width: 860px) { .legacy .hdf .features { min-height: 300px; }
  .legacy .hdf .hdf-threehits { width: 47%; } }
@media only screen and (max-width: 767px) { .legacy .hdf .hdf-video { width: 48%; }
  .legacy .hdf .hdf-video .video-thumbnail { max-width: 100%; }
  .legacy .hdf .hdf-video .video-thumbnail .play-button { margin-top: 0; }
  .legacy .hdf .fourhits { width: 47%; } }
@media only screen and (max-width: 500px) { .legacy .hdf .hdf-threehits { width: 100%; padding: 8%; }
  .legacy .hdf .features { min-height: 270px; }
  .legacy .hdf .dfenables { border: 1px solid #EEE; }
  .legacy .hdf .hdf-video { width: 98%; }
  .legacy .hdf .hdf-video .video-thumbnail { max-width: 100%; }
  .legacy .hdf .hdf-video .video-thumbnail .play-button { margin-top: 20px; }
  .legacy .hdf .asideright .hdf-video .video-thumbnail .play-button { margin-top: 0px; }
  .legacy .hdf .fourhits { width: 99%; min-height: 220px; } }
.legacy .project-body { margin-bottom: 50px; }
.legacy .terms-li > div p { margin: 0; }
.legacy .grid .maincontent li > a { display: inline; padding: 0; text-align: left; font-size: 16px; font-weight: 300; }
.legacy .grid li > a { font-family: 'Roboto', Helvetica, Arial, sans-serif; color: #598ba6; }
.legacy .grid li > a:hover { color: #e17000; }
.legacy .body-content .program { min-height: 100px; }
.legacy .body-content div.ready-programs { margin: 0; padding: 0; }
.legacy img .alignright .wp-image-54602 { margin: 260px 175px 0 0; }
.legacy .body-content ul li:before { top: 9px; }
.legacy .partner-logos img { max-width: 200px; display: inline-block; margin: 0 30px 0 0; }
.legacy .partner-section { margin: 50px 0; }
.legacy .partner-section h3 { text-transform: none; }
.legacy .partner-section li > a { font-family: 'Roboto', Helvetica, Arial, sans-serif; }
.legacy .body-content table tr th:nth-child(2):before { background-color: initial;  }
.legacy .body-content table tr th:nth-child(2) { position: inherit; padding: 2px 5px; background-color: #3FAE2A; }
.legacy .body-content table tr td:nth-child(2) { background-color: #eee; }
.legacy .privacy-li ul li, .terms-li ul li { margin-left: 40px; font-size: 1em; line-height: 1.5em; }
.legacy .privacy-li ul li:before, .legacy .terms-li ul li:before { top: 8px;}
.legacy .grid li { position: relative; height: auto; width: 100%; border: none; /* here is for the gravity form boxes */}
.legacy .body-content ul li:before { height: 0; width: 0; }
.legacy .bookshelf > li:before { height: 0; }
.col-padded { margin: 0 0 14px; }
.legacy .gridx { min-height: 230px; }
.legacy.language-form { background-color: #e8e8e8; display: inline-block; padding: 16px 0 16px 10px; width: 160px; float:right; text-decoration: none; cursor:pointer; }
.legacy.language-form a { color: #2b2b2b; }
.legacy.language-form span.icon-language { display: none; }
.legacy.language-form .smt-trigger { list-style-type: none; }
.legacy.language-form .smt-trigger > ul { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #888; }
.legacy.language-form .smt-item { display: block; height:30px; list-style-type: none; float: none;}
.body-content .hwx-classes-body ul li { list-style: none; }
/* Overwriting the old partners subnav */
.legacy .ps.sectionnav > div { background-color: white; border: 0px solid #fff; }
.legacy .sectionnav ul { border-left: 3px solid #eee; }
@media only screen and (min-width: 48em) { .legacy .ps.sectionnav li { margin-left: 20px; } }
.legacy .ps.sectionnav li a { color: #666; }
.legacy .ps.sectionnav li.active a { background-color: #3fae2a; }

.legacy .grid li:hover {box-shadow: none; }
