You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@metron.apache.org by rm...@apache.org on 2016/05/20 16:22:05 UTC
[11/15] incubator-metron git commit: METRON-173 Update the the Apache
Metron Web Page (iraghumitra via merrimanr) closes
apache/incubator-metron#126
http://git-wip-us.apache.org/repos/asf/incubator-metron/blob/7077dbd6/site/css/legacy.css
----------------------------------------------------------------------
diff --git a/site/css/legacy.css b/site/css/legacy.css
new file mode 100644
index 0000000..c6b7eee
--- /dev/null
+++ b/site/css/legacy.css
@@ -0,0 +1,2530 @@
+@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. Prev
ent 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 Chrom
e. */ /** 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 ========================================================================== */ /** A
ddress 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 sp
acing 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 spaci
ng 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 t
wo-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 a
t 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_par
tners 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 t
he 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 CUST
OMERS 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: "\u2022 "; 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: "\uf000"; }
+.legacy .fa-music:before { content: "\uf001"; }
+.legacy .fa-search:before { content: "\uf002"; }
+.legacy .fa-envelope-o:before { content: "\uf003"; }
+.legacy .fa-heart:before { content: "\uf004"; }
+.legacy .fa-star:before { content: "\uf005"; }
+.legacy .fa-star-o:before { content: "\uf006"; }
+.legacy .fa-user:before { content: "\uf007"; }
+.legacy .fa-film:before { content: "\uf008"; }
+.legacy .fa-th-large:before { content: "\uf009"; }
+.legacy .fa-th:before { content: "\uf00a"; }
+.legacy .fa-th-list:before { content: "\uf00b"; }
+.legacy .fa-check:before { content: "\uf00c"; }
+.legacy .fa-times:before { content: "\uf00d"; }
+.legacy .fa-search-plus:before { content: "\uf00e"; }
+.legacy .fa-search-minus:before { content: "\uf010"; }
+.legacy .fa-power-off:before { content: "\uf011"; }
+.legacy .fa-signal:before { content: "\uf012"; }
+.legacy .fa-gear:before, .legacy .fa-cog:before { content: "\uf013"; }
+.legacy .fa-trash-o:before { content: "\uf014"; }
+.legacy .fa-home:before { content: "\uf015"; }
+.legacy .fa-file-o:before { content: "\uf016"; }
+.legacy .fa-clock-o:before { content: "\uf017"; }
+.legacy .fa-road:before { content: "\uf018"; }
+.legacy .fa-download:before { content: "\uf019"; }
+.legacy .fa-arrow-circle-o-down:before { content: "\uf01a"; }
+.legacy .fa-arrow-circle-o-up:before { content: "\uf01b"; }
+.legacy .fa-inbox:before { content: "\uf01c"; }
+.legacy .fa-play-circle-o:before { content: "\uf01d"; }
+.legacy .fa-rotate-right:before, .legacy .fa-repeat:before { content: "\uf01e"; }
+.legacy .fa-refresh:before { content: "\uf021"; }
+.legacy .fa-list-alt:before { content: "\uf022"; }
+.legacy .fa-lock:before { content: "\uf023"; }
+.legacy .fa-flag:before { content: "\uf024"; }
+.legacy .fa-headphones:before { content: "\uf025"; }
+.legacy .fa-volume-off:before { content: "\uf026"; }
+.legacy .fa-volume-down:before { content: "\uf027"; }
+.legacy .fa-volume-up:before { content: "\uf028"; }
+.legacy .fa-qrcode:before { content: "\uf029"; }
+.legacy .fa-barcode:before { content: "\uf02a"; }
+.legacy .fa-tag:before { content: "\uf02b"; }
+.legacy .fa-tags:before { content: "\uf02c"; }
+.legacy .fa-book:before { content: "\uf02d"; }
+.legacy .fa-bookmark:before { content: "\uf02e"; }
+.legacy .fa-print:before { content: "\uf02f"; }
+.legacy .fa-camera:before { content: "\uf030"; }
+.legacy .fa-font:before { content: "\uf031"; }
+.legacy .fa-bold:before { content: "\uf032"; }
+.legacy .fa-italic:before { content: "\uf033"; }
+.legacy .fa-text-height:before { content: "\uf034"; }
+.legacy .fa-text-width:before { content: "\uf035"; }
+.legacy .fa-align-left:before { content: "\uf036"; }
+.legacy .fa-align-center:before { content: "\uf037"; }
+.legacy .fa-align-right:before { content: "\uf038"; }
+.legacy .fa-align-justify:before { content: "\uf039"; }
+.legacy .fa-list:before { content: "\uf03a"; }
+.legacy .fa-dedent:before, .legacy .fa-outdent:before { content: "\uf03b"; }
+.legacy .fa-indent:before { content: "\uf03c"; }
+.legacy .fa-video-camera:before { content: "\uf03d"; }
+.legacy .fa-photo:before, .legacy .fa-image:before, .legacy .fa-picture-o:before { content: "\uf03e"; }
+.legacy .fa-pencil:before { content: "\uf040"; }
+.legacy .fa-map-marker:before { content: "\uf041"; }
+.legacy .fa-adjust:before { content: "\uf042"; }
+.legacy .fa-tint:before { content: "\uf043"; }
+.legacy .fa-edit:before, .legacy .fa-pencil-square-o:before { content: "\uf044"; }
+.legacy .fa-share-square-o:before { content: "\uf045"; }
+.legacy .fa-check-square-o:before { content: "\uf046"; }
+.legacy .fa-arrows:before { content: "\uf047"; }
+.legacy .fa-step-backward:before { content: "\uf048"; }
+.legacy .fa-fast-backward:before { content: "\uf049"; }
+.legacy .fa-backward:before { content: "\uf04a"; }
+.legacy .fa-play:before { content: "\uf04b"; }
+.legacy .fa-pause:before { content: "\uf04c"; }
+.legacy .fa-stop:before { content: "\uf04d"; }
+.legacy .fa-forward:before { content: "\uf04e"; }
+.legacy .fa-fast-forward:before { content: "\uf050"; }
+.legacy .fa-step-forward:before { content: "\uf051"; }
+.legacy .fa-eject:before { content: "\uf052"; }
+.legacy .fa-chevron-left:before { content: "\uf053"; }
+.legacy .fa-chevron-right:before { content: "\uf054"; }
+.legacy .fa-plus-circle:before { content: "\uf055"; }
+.legacy .fa-minus-circle:before { content: "\uf056"; }
+.legacy .fa-times-circle:before { content: "\uf057"; }
+.legacy .fa-check-circle:before { content: "\uf058"; }
+.legacy .fa-question-circle:before { content: "\uf059"; }
+.legacy .fa-info-circle:before { content: "\uf05a"; }
+.legacy .fa-crosshairs:before { content: "\uf05b"; }
+.legacy .fa-times-circle-o:before { content: "\uf05c"; }
+.legacy .fa-check-circle-o:before { content: "\uf05d"; }
+.legacy .fa-ban:before { content: "\uf05e"; }
+.legacy .fa-arrow-left:before { content: "\uf060"; }
+.legacy .fa-arrow-right:before { content: "\uf061"; }
+.legacy .fa-arrow-up:before { content: "\uf062"; }
+.legacy .fa-arrow-down:before { content: "\uf063"; }
+.legacy .fa-mail-forward:before, .legacy .fa-share:before { content: "\uf064"; }
+.legacy .fa-expand:before { content: "\uf065"; }
+.legacy .fa-compress:before { content: "\uf066"; }
+.legacy .fa-plus:before { content: "\uf067"; }
+.legacy .fa-minus:before { content: "\uf068"; }
+.legacy .fa-asterisk:before { content: "\uf069"; }
+.legacy .fa-exclamation-circle:before { content: "\uf06a"; }
+.legacy .fa-gift:before { content: "\uf06b"; }
+.legacy .fa-leaf:before { content: "\uf06c"; }
+.legacy .fa-fire:before { content: "\uf06d"; }
+.legacy .fa-eye:before { content: "\uf06e"; }
+.legacy .fa-eye-slash:before { content: "\uf070"; }
+.legacy .fa-warning:before, .legacy .fa-exclamation-triangle:before { content: "\uf071"; }
+.legacy .fa-plane:before { content: "\uf072"; }
+.legacy .fa-calendar:before { content: "\uf073"; }
+.legacy .fa-random:before { content: "\uf074"; }
+.legacy .fa-comment:before { content: "\uf075"; }
+.legacy .fa-magnet:before { content: "\uf076"; }
+.legacy .fa-chevron-up:before { content: "\uf077"; }
+.legacy .fa-chevron-down:before { content: "\uf078"; }
+.legacy .fa-retweet:before { content: "\uf079"; }
+.legacy .fa-shopping-cart:before { content: "\uf07a"; }
+.legacy .fa-folder:before { content: "\uf07b"; }
+.legacy .fa-folder-open:before { content: "\uf07c"; }
+.legacy .fa-arrows-v:before { content: "\uf07d"; }
+.legacy .fa-arrows-h:before { content: "\uf07e"; }
+.legacy .fa-bar-chart-o:before { content: "\uf080"; }
+.legacy .fa-twitter-square:before { content: "\uf081"; }
+.legacy .fa-facebook-square:before { content: "\uf082"; }
+.legacy .fa-camera-retro:before { content: "\uf083"; }
+.legacy .fa-key:before { content: "\uf084"; }
+.legacy .fa-gears:before, .legacy .fa-cogs:before { content: "\uf085"; }
+.legacy .fa-comments:before { content: "\uf086"; }
+.legacy .fa-thumbs-o-up:before { content: "\uf087"; }
+.legacy .fa-thumbs-o-down:before { content: "\uf088"; }
+.legacy .fa-star-half:before { content: "\uf089"; }
+.legacy .fa-heart-o:before { content: "\uf08a"; }
+.legacy .fa-sign-out:before { content: "\uf08b"; }
+.legacy .fa-linkedin-square:before { content: "\uf08c"; }
+.legacy .fa-thumb-tack:before { content: "\uf08d"; }
+.legacy .fa-external-link:before { content: "\uf08e"; }
+.legacy .fa-sign-in:before { content: "\uf090"; }
+.legacy .fa-trophy:before { content: "\uf091"; }
+.legacy .fa-github-square:before { content: "\uf092"; }
+.legacy .fa-upload:before { content: "\uf093"; }
+.legacy .fa-lemon-o:before { content: "\uf094"; }
+.legacy .fa-phone:before { content: "\uf095"; }
+.legacy .fa-square-o:before { content: "\uf096"; }
+.legacy .fa-bookmark-o:before { content: "\uf097"; }
+.legacy .fa-phone-square:before { content: "\uf098"; }
+.legacy .fa-twitter:before { content: "\uf099"; }
+.legacy .fa-facebook:before { content: "\uf09a"; }
+.legacy .fa-github:before { content: "\uf09b"; }
+.legacy .fa-unlock:before { content: "\uf09c"; }
+.legacy .fa-credit-card:before { content: "\uf09d"; }
+.legacy .fa-rss:before { content: "\uf09e"; }
+.legacy .fa-hdd-o:before { content: "\uf0a0"; }
+.legacy .fa-bullhorn:before { content: "\uf0a1"; }
+.legacy .fa-bell:before { content: "\uf0f3"; }
+.legacy .fa-certificate:before { content: "\uf0a3"; }
+.legacy .fa-hand-o-right:before { content: "\uf0a4"; }
+.legacy .fa-hand-o-left:before { content: "\uf0a5"; }
+.legacy .fa-hand-o-up:before { content: "\uf0a6"; }
+.legacy .fa-hand-o-down:before { content: "\uf0a7"; }
+.legacy .fa-arrow-circle-left:before { content: "\uf0a8"; }
+.legacy .fa-arrow-circle-right:before { content: "\uf0a9"; }
+.legacy .fa-arrow-circle-up:before { content: "\uf0aa"; }
+.legacy .fa-arrow-circle-down:before { content: "\uf0ab"; }
+.legacy .fa-globe:before { content: "\uf0ac"; }
+.legacy .fa-wrench:before { content: "\uf0ad"; }
+.legacy .fa-tasks:before { content: "\uf0ae"; }
+.legacy .fa-filter:before { content: "\uf0b0"; }
+.legacy .fa-briefcase:before { content: "\uf0b1"; }
+.legacy .fa-arrows-alt:before { content: "\uf0b2"; }
+.legacy .fa-group:before, .legacy .fa-users:before { content: "\uf0c0"; }
+.legacy .fa-chain:before, .legacy .fa-link:before { content: "\uf0c1"; }
+.legacy .fa-cloud:before { content: "\uf0c2"; }
+.legacy .fa-flask:before { content: "\uf0c3"; }
+.legacy .fa-cut:before, .legacy .fa-scissors:before { content: "\uf0c4"; }
+.legacy .fa-copy:before, .legacy .fa-files-o:before { content: "\uf0c5"; }
+.legacy .fa-paperclip:before { content: "\uf0c6"; }
+.legacy .fa-save:before, .legacy .fa-floppy-o:before { content: "\uf0c7"; }
+.legacy .fa-square:before { content: "\uf0c8"; }
+.legacy .fa-navicon:before, .legacy .fa-reorder:before, .legacy .fa-bars:before { content: "\uf0c9"; }
+.legacy .fa-list-ul:before { content: "\uf0ca"; }
+.legacy .fa-list-ol:before { content: "\uf0cb"; }
+.legacy .fa-strikethrough:before { content: "\uf0cc"; }
+.legacy .fa-underline:before { content: "\uf0cd"; }
+.legacy .fa-table:before { content: "\uf0ce"; }
+.legacy .fa-magic:before { content: "\uf0d0"; }
+.legacy .fa-truck:before { content: "\uf0d1"; }
+.legacy .fa-pinterest:before { content: "\uf0d2"; }
+.legacy .fa-pinterest-square:before { content: "\uf0d3"; }
+.legacy .fa-google-plus-square:before { content: "\uf0d4"; }
+.legacy .fa-google-plus:before { content: "\uf0d5"; }
+.legacy .fa-money:before { content: "\uf0d6"; }
+.legacy .fa-caret-down:before { content: "\uf0d7"; }
+.legacy .fa-caret-up:before { content: "\uf0d8"; }
+.legacy .fa-caret-left:before { content: "\uf0d9"; }
+.legacy .fa-caret-right:before { content: "\uf0da"; }
+.legacy .fa-columns:before { content: "\uf0db"; }
+.legacy .fa-unsorted:before, .legacy .fa-sort:before { content: "\uf0dc"; }
+.legacy .fa-sort-down:before, .legacy .fa-sort-desc:before { content: "\uf0dd"; }
+.legacy .fa-sort-up:before, .legacy .fa-sort-asc:before { content: "\uf0de"; }
+.legacy .fa-envelope:before { content: "\uf0e0"; }
+.legacy .fa-linkedin:before { content: "\uf0e1"; }
+.legacy .fa-rotate-left:before, .legacy .fa-undo:before { content: "\uf0e2"; }
+.legacy .fa-legal:before, .legacy .fa-gavel:before { content: "\uf0e3"; }
+.legacy .fa-dashboard:before, .legacy .fa-tachometer:before { content: "\uf0e4"; }
+.legacy .fa-comment-o:before { content: "\uf0e5"; }
+.legacy .fa-comments-o:before { content: "\uf0e6"; }
+.legacy .fa-flash:before, .legacy .fa-bolt:before { content: "\uf0e7"; }
+.legacy .fa-sitemap:before { content: "\uf0e8"; }
+.legacy .fa-umbrella:before { content: "\uf0e9"; }
+.legacy .fa-paste:before, .legacy .fa-clipboard:before { content: "\uf0ea"; }
+.legacy .fa-lightbulb-o:before { content: "\uf0eb"; }
+.legacy .fa-exchange:before { content: "\uf0ec"; }
+.legacy .fa-cloud-download:before { content: "\uf0ed"; }
+.legacy .fa-cloud-upload:before { content: "\uf0ee"; }
+.legacy .fa-user-md:before { content: "\uf0f0"; }
+.legacy .fa-stethoscope:before { content: "\uf0f1"; }
+.legacy .fa-suitcase:before { content: "\uf0f2"; }
+.legacy .fa-bell-o:before { content: "\uf0a2"; }
+.legacy .fa-coffee:before { content: "\uf0f4"; }
+.legacy .fa-cutlery:before { content: "\uf0f5"; }
+.legacy .fa-file-text-o:before { content: "\uf0f6"; }
+.legacy .fa-building-o:before { content: "\uf0f7"; }
+.legacy .fa-hospital-o:before { content: "\uf0f8"; }
+.legacy .fa-ambulance:before { content: "\uf0f9"; }
+.legacy .fa-medkit:before { content: "\uf0fa"; }
+.legacy .fa-fighter-jet:before { content: "\uf0fb"; }
+.legacy .fa-beer:before { content: "\uf0fc"; }
+.legacy .fa-h-square:before { content: "\uf0fd"; }
+.legacy .fa-plus-square:before { content: "\uf0fe"; }
+.legacy .fa-angle-double-left:before { content: "\uf100"; }
+.legacy .fa-angle-double-right:before { content: "\uf101"; }
+.legacy .fa-angle-double-up:before { content: "\uf102"; }
+.legacy .fa-angle-double-down:before { content: "\u2186"; } /* edited for archive pg */
+.legacy .fa-angle-left:before { content: "\uf104"; }
+.legacy .fa-angle-right:before { content: "\uf105"; }
+.legacy .fa-angle-up:before { content: "\uf106"; }
+.legacy .fa-angle-down:before { content: "\uf107"; }
+.legacy .fa-desktop:before { content: "\uf108"; }
+.legacy .fa-laptop:before { content: "\uf109"; }
+.legacy .fa-tablet:before { content: "\uf10a"; }
+.legacy .fa-mobile-phone:before, .legacy .fa-mobile:before { content: "\uf10b"; }
+.legacy .fa-circle-o:before { content: "\uf10c"; }
+.legacy .fa-quote-left:before { content: "\uf10d"; }
+.legacy .fa-quote-right:before { content: "\uf10e"; }
+.legacy .fa-spinner:before { content: "\uf110"; }
+.legacy .fa-circle:before { content: "\uf111"; }
+.legacy .fa-mail-reply:before, .legacy .fa-reply:before { content: "\uf112"; }
+.legacy .fa-github-alt:before { content: "\uf113"; }
+.legacy .fa-folder-o:before { content: "\uf114"; }
+.legacy .fa-folder-open-o:before { content: "\uf115"; }
+.legacy .fa-smile-o:before { content: "\uf118"; }
+.legacy .fa-frown-o:before { content: "\uf119"; }
+.legacy .fa-meh-o:before { content: "\uf11a"; }
+.legacy .fa-gamepad:before { content: "\uf11b"; }
+.legacy .fa-keyboard-o:before { content: "\uf11c"; }
+.legacy .fa-flag-o:before { content: "\uf11d"; }
+.legacy .fa-flag-checkered:before { content: "\uf11e"; }
+.legacy .fa-terminal:before { content: "\uf120"; }
+.legacy .fa-code:before { content: "\uf121"; }
+.legacy .fa-mail-reply-all:before, .legacy .fa-reply-all:before { content: "\uf122"; }
+.legacy .fa-star-half-empty:before, .legacy .fa-star-half-full:before, .legacy .fa-star-half-o:before { content: "\uf123"; }
+.legacy .fa-location-arrow:before { content: "\uf124"; }
+.legacy .fa-crop:before { content: "\uf125"; }
+.legacy .fa-code-fork:before { content: "\uf126"; }
+.legacy .fa-unlink:before, .legacy .fa-chain-broken:before { content: "\uf127"; }
+.legacy .fa-question:before { content: "\uf128"; }
+.legacy .fa-info:before { content: "\uf129"; }
+.legacy .fa-exclamation:before { content: "\uf12a"; }
+.legacy .fa-superscript:before { content: "\uf12b"; }
+.legacy .fa-subscript:before { content: "\uf12c"; }
+.legacy .fa-eraser:before { content: "\uf12d"; }
+.legacy .fa-puzzle-piece:before { content: "\uf12e"; }
+.legacy .fa-microphone:before { content: "\uf130"; }
+.legacy .fa-microphone-slash:before { content: "\uf131"; }
+.legacy .fa-shield:before { content: "\uf132"; }
+.legacy .fa-calendar-o:before { content: "\uf133"; }
+.legacy .fa-fire-extinguisher:before { content: "\uf134"; }
+.legacy .fa-rocket:before { content: "\uf135"; }
+.legacy .fa-maxcdn:before { content: "\uf136"; }
+.legacy .fa-chevron-circle-left:before { content: "\uf137"; }
+.legacy .fa-chevron-circle-right:before { content: "\uf138"; }
+.legacy .fa-chevron-circle-up:before { content: "\uf139"; }
+.legacy .fa-chevron-circle-down:before { content: "\uf13a"; }
+.legacy .fa-html5:before { content: "\uf13b"; }
+.legacy .fa-css3:before { content: "\uf13c"; }
+.legacy .fa-anchor:before { content: "\uf13d"; }
+.legacy .fa-unlock-alt:before { content: "\uf13e"; }
+.legacy .fa-bullseye:before { content: "\uf140"; }
+.legacy .fa-ellipsis-h:before { content: "\uf141"; }
+.legacy .fa-ellipsis-v:before { content: "\uf142"; }
+.legacy .fa-rss-square:before { content: "\uf143"; }
+.legacy .fa-play-circle:before { content: "\uf144"; }
+.legacy .fa-ticket:before { content: "\uf145"; }
+.legacy .fa-minus-square:before { content: "\uf146"; }
+.legacy .fa-minus-square-o:before { content: "\uf147"; }
+.legacy .fa-level-up:before { content: "\uf148"; }
+.legacy .fa-level-down:before { content: "\uf149"; }
+.legacy .fa-check-square:before { content: "\uf14a"; }
+.legacy .fa-pencil-square:before { content: "\uf14b"; }
+.legacy .fa-external-link-square:before { content: "\uf14c"; }
+.legacy .fa-share-square:before { content: "\uf14d"; }
+.legacy .fa-compass:before { content: "\uf14e"; }
+.legacy .fa-toggle-down:before, .legacy .fa-caret-square-o-down:before { content: "\uf150"; }
+.legacy .fa-toggle-up:before, .legacy .fa-caret-square-o-up:before { content: "\uf151"; }
+.legacy .fa-toggle-right:before, .legacy .fa-caret-square-o-right:before { content: "\uf152"; }
+.legacy .fa-euro:before, .legacy .fa-eur:before { content: "\uf153"; }
+.legacy .fa-gbp:before { content: "\uf154"; }
+.legacy .fa-dollar:before, .legacy .fa-usd:before { content: "\uf155"; }
+.legacy .fa-rupee:before, .legacy .fa-inr:before { content: "\uf156"; }
+.legacy .fa-cny:before, .legacy .fa-rmb:before, .legacy .fa-yen:before, .legacy .fa-jpy:before { content: "\uf157"; }
+.legacy .fa-ruble:before, .legacy .fa-rouble:before, .legacy .fa-rub:before { content: "\uf158"; }
+.legacy .fa-won:before, .legacy .fa-krw:before { content: "\uf159"; }
+.legacy .fa-bitcoin:before, .legacy .fa-btc:before { content: "\uf15a"; }
+.legacy .fa-file:before { content: "\uf15b"; }
+.legacy .fa-file-text:before { content: "\uf15c"; }
+.legacy .fa-sort-alpha-asc:before { content: "\uf15d"; }
+.legacy .fa-sort-alpha-desc:before { content: "\uf15e"; }
+.legacy .fa-sort-amount-asc:before { content: "\uf160"; }
+.legacy .fa-sort-amount-desc:before { content: "\uf161"; }
+.legacy .fa-sort-numeric-asc:before { content: "\uf162"; }
+.legacy .fa-sort-numeric-desc:before { content: "\uf163"; }
+.legacy .fa-thumbs-up:before { content: "\uf164"; }
+.legacy .fa-thumbs-down:before { content: "\uf165"; }
+.legacy .fa-youtube-square:before { content: "\uf166"; }
+.legacy .fa-youtube:before { content: "\uf167"; }
+.legacy .fa-xing:before { content: "\uf168"; }
+.legacy .fa-xing-square:before { content: "\uf169"; }
+.legacy .fa-youtube-play:before { content: "\uf16a"; }
+.legacy .fa-dropbox:before { content: "\uf16b"; }
+.legacy .fa-stack-overflow:before { content: "\uf16c"; }
+.legacy .fa-instagram:before { content: "\uf16d"; }
+.legacy .fa-flickr:before { content: "\uf16e"; }
+.legacy .fa-adn:before { content: "\uf170"; }
+.legacy .fa-bitbucket:before { content: "\uf171"; }
+.legacy .fa-bitbucket-square:before { content: "\uf172"; }
+.legacy .fa-tumblr:before { content: "\uf173"; }
+.legacy .fa-tumblr-square:before { content: "\uf174"; }
+.legacy .fa-long-arrow-down:before { content: "\uf175"; }
+.legacy .fa-long-arrow-up:before { content: "\uf176"; }
+.legacy .fa-long-arrow-left:before { content: "\uf177"; }
+.legacy .fa-long-arrow-right:before { content: "\uf178"; }
+.legacy .fa-apple:before { content: "\uf179"; }
+.legacy .fa-windows:before { content: "\uf17a"; }
+.legacy .fa-android:before { content: "\uf17b"; }
+.legacy .fa-linux:before { content: "\uf17c"; }
+.legacy .fa-dribbble:before { content: "\uf17d"; }
+.legacy .fa-skype:before { content: "\uf17e"; }
+.legacy .fa-foursquare:before { content: "\uf180"; }
+.legacy .fa-trello:before { content: "\uf181"; }
+.legacy .fa-female:before { content: "\uf182"; }
+.legacy .fa-male:before { content: "\uf183"; }
+.legacy .fa-gittip:before { content: "\uf184"; }
+.legacy .fa-sun-o:before { content: "\uf185"; }
+.legacy .fa-moon-o:before { content: "\uf186"; }
+.legacy .fa-archive:before { content: "\uf187"; }
+.legacy .fa-bug:before { content: "\uf188"; }
+.legacy .fa-vk:before { content: "\uf189"; }
+.legacy .fa-weibo:before { content: "\uf18a"; }
+.legacy .fa-renren:before { content: "\uf18b"; }
+.legacy .fa-pagelines:before { content: "\uf18c"; }
+.legacy .fa-stack-exchange:before { content: "\uf18d"; }
+.legacy .fa-arrow-circle-o-right:before { content: "\uf18e"; }
+.legacy .fa-arrow-circle-o-left:before { content: "\uf190"; }
+.legacy .fa-toggle-left:before, .legacy .fa-caret-square-o-left:before { content: "\uf191"; }
+.legacy .fa-dot-circle-o:before { content: "\uf192"; }
+.legacy .fa-wheelchair:before { content: "\uf193"; }
+.legacy .fa-vimeo-square:before { content: "\uf194"; }
+.legacy .fa-turkish-lira:before, .legacy .fa-try:before { content: "\uf195"; }
+.legacy .fa-plus-square-o:before { content: "\uf196"; }
+.legacy .fa-space-shuttle:before { content: "\uf197"; }
+.legacy .fa-slack:before { content: "\uf198"; }
+.legacy .fa-envelope-square:before { content: "\uf199"; }
+.legacy .fa-wordpress:before { content: "\uf19a"; }
+.legacy .fa-openid:before { content: "\uf19b"; }
+.legacy .fa-institution:before, .legacy .fa-bank:before, .legacy .fa-university:before { content: "\uf19c"; }
+.legacy .fa-mortar-board:before, .legacy .fa-graduation-cap:before { content: "\uf19d"; }
+.legacy .fa-yahoo:before { content: "\uf19e"; }
+.legacy .fa-google:before { content: "\uf1a0"; }
+.legacy .fa-reddit:before { content: "\uf1a1"; }
+.legacy .fa-reddit-square:before { content: "\uf1a2"; }
+.legacy .fa-stumbleupon-circle:before { content: "\uf1a3"; }
+.legacy .fa-stumbleupon:before { content: "\uf1a4"; }
+.legacy .fa-delicious:before { content: "\uf1a5"; }
+.legacy .fa-digg:before { content: "\uf1a6"; }
+.legacy .fa-pied-piper-square:before, .legacy .fa-pied-piper:before { content: "\uf1a7"; }
+.legacy .fa-pied-piper-alt:before { content: "\uf1a8"; }
+.legacy .fa-drupal:before { content: "\uf1a9"; }
+.legacy .fa-joomla:before { content: "\uf1aa"; }
+.legacy .fa-language:before { content: "\uf1ab"; }
+.legacy .fa-fax:before { content: "\uf1ac"; }
+.legacy .fa-building:before { content: "\uf1ad"; }
+.legacy .fa-child:before { content: "\uf1ae"; }
+.legacy .fa-paw:before { content: "\uf1b0"; }
+.legacy .fa-spoon:before { content: "\uf1b1"; }
+.legacy .fa-cube:before { content: "\uf1b2"; }
+.legacy .fa-cubes:before { content: "\uf1b3"; }
+.legacy .fa-behance:before { content: "\uf1b4"; }
+.legacy .fa-behance-square:before { content: "\uf1b5"; }
+.legacy .fa-steam:before { content: "\uf1b6"; }
+.legacy .fa-steam-square:before { content: "\uf1b7"; }
+.legacy .fa-recycle:before { content: "\uf1b8"; }
+.legacy .fa-automobile:before, .legacy .fa-car:before { content: "\uf1b9"; }
+.legacy .fa-cab:before, .legacy .fa-taxi:before { content: "\uf1ba"; }
+.legacy .fa-tree:before { content: "\uf1bb"; }
+.legacy .fa-spotify:before { content: "\uf1bc"; }
+.legacy .fa-deviantart:before { content: "\uf1bd"; }
+.legacy .fa-soundcloud:before { content: "\uf1be"; }
+.legacy .fa-database:before { content: "\uf1c0"; }
+.legacy .fa-file-pdf-o:before { content: "\uf1c1"; }
+.legacy .fa-file-word-o:before { content: "\uf1c2"; }
+.legacy .fa-file-excel-o:before { content: "\uf1c3"; }
+.legacy .fa-file-powerpoint-o:before { content: "\uf1c4"; }
+.legacy .fa-file-photo-o:before, .legacy .fa-file-picture-o:before, .legacy .fa-file-image-o:before { content: "\uf1c5"; }
+.legacy .fa-file-zip-o:before, .legacy .fa-file-archive-o:before { content: "\uf1c6"; }
+.legacy .fa-file-sound-o:before, .legacy .fa-file-audio-o:before { content: "\uf1c7"; }
+.legacy .fa-file-movie-o:before, .legacy .fa-file-video-o:before { content: "\uf1c8"; }
+.legacy .fa-file-code-o:before { content: "\uf1c9"; }
+.legacy .fa-vine:before { content: "\uf1ca"; }
+.legacy .fa-codepen:before { content: "\uf1cb"; }
+.legacy .fa-jsfiddle:before { content: "\uf1cc"; }
+.legacy .fa-life-bouy:before, .legacy .fa-life-saver:before, .legacy .fa-support:before, .legacy .fa-life-ring:before { content: "\uf1cd"; }
+.legacy .fa-circle-o-notch:before { content: "\uf1ce"; }
+.legacy .fa-ra:before, .legacy .fa-rebel:before { content: "\uf1d0"; }
+.legacy .fa-ge:before, .legacy .fa-empire:before { content: "\uf1d1"; }
+.legacy .fa-git-square:before { content: "\uf1d2"; }
+.legacy .fa-git:before { content: "\uf1d3"; }
+.legacy .fa-hacker-news:before { content: "\uf1d4"; }
+.legacy .fa-tencent-weibo:before { content: "\uf1d5"; }
+.legacy .fa-qq:before { content: "\uf1d6"; }
+.legacy .fa-wechat:before, .legacy .fa-weixin:before { content: "\uf1d7"; }
+.legacy .fa-send:before, .legacy .fa-paper-plane:before { content: "\uf1d8"; }
+.legacy .fa-send-o:before, .legacy .fa-paper-plane-o:before { content: "\uf1d9"; }
+.legacy .fa-history:before { content: "\uf1da"; }
+.legacy .fa-circle-thin:before { content: "\uf1db"; }
+.legacy .fa-header:before { content: "\uf1dc"; }
+.legacy .fa-paragraph:before { content: "\uf1dd"; }
+.legacy .fa-sliders:before { content: "\uf1de"; }
+.legacy .fa-share-alt:before { content: "\uf1e0"; }
+.legacy .fa-share-alt-square:before { content: "\uf1e1"; }
+.legacy .fa-bomb:before { content: "\uf1e2"; }
+.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: absolut
<TRUNCATED>