/*! Pure v0.5.0 Copyright 2014 Yahoo! Inc. All rights reserved. Licensed under the BSD License. https://github.com/yui/pure/blob/master/LICENSE.md Modified version of pure css */  .mpp-align-left{ 	float: left; } .mpp-align-right{ 	float: right; } .mpp-align-none{ 	float: none; }  .mpp-clearfix {   *zoom: 1; } .mpp-clearfix:before, .mpp-clearfix:after {   display: table;   line-height: 0;   content: ""; }  .mpp-clearfix:after {   clear: both; }  /* ==========================================================================    Typography    ========================================================================== */  /**  * Address margins set differently in IE 6/7.  */ .mpp-content  p {     margin: 1em 0; }  /* ==========================================================================    Lists    ========================================================================== */  /**  * Address margins set differently in IE 6/7.  */ .mpp-content ol, .mpp-content ul {     margin: 1em 0; }  /**  * Address paddings set differently in IE 6/7.  */ .mpp-content ol, .mpp-content ul {     padding: 0 0 0 40px; }  /**  * Correct list images handled incorrectly in IE 7.  */ .mpp-content nav ul, .mpp-content nav ol {     list-style: none;     list-style-image: none; }  /* ==========================================================================    Embedded content    ========================================================================== */  /**  * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.  * 2. Improve image quality when scaled in IE 7.  */  .mpp-content img {     border: 0; /* 1 */     -ms-interpolation-mode: bicubic; /* 2 */ }  /* ==========================================================================    Forms    ========================================================================== */  /**  * Correct margin displayed oddly in IE 6/7.  */  .mpp-content form {     margin: 0; }  /**  * Define consistent border, margin, and padding.  */  .mpp-content fieldset {     border: 1px solid #c0c0c0;     margin: 0 2px;     padding: 0.35em 0.625em 0.75em; }  /**  * 1. Correct color not being inherited in IE 6/7/8/9.  * 2. Correct text not wrapping in Firefox 3.  * 3. Correct alignment displayed oddly in IE 6/7.  */  .mpp-content legend {     border: 0; /* 1 */     padding: 0;     white-space: normal; /* 2 */     *margin-left: -7px; /* 3 */ }  /**  * 1. Correct font size not being inherited in all browsers.  * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,  *    and Chrome.  * 3. Improve appearance and consistency in all browsers.  */  .mpp-content button, .mpp-content input, .mpp-content select, .mpp-content textarea {     font-size: 100%; /* 1 */     margin: 0; /* 2 */     vertical-align: baseline; /* 3 */     *vertical-align: middle; /* 3 */ }  /**  * Address Firefox 3+ setting `line-height` on `input` using `!important` in  * the UA stylesheet.  */  .mpp-content button, .mpp-content input {     line-height: normal; }  /**  * 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 6+.  * Correct `select` style inheritance in Firefox 4+ and Opera.  */  .mpp-content button, .mpp-content select {     text-transform: none; }  /**  * 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.  * 4. Remove inner spacing in IE 7 without affecting normal text inputs.  *    Known issue: inner spacing remains in IE 6.  */  .mpp-content button, html .mpp-content input[type="button"], /* 1 */ .mpp-content input[type="reset"], .mpp-content input[type="submit"] {     -webkit-appearance: button; /* 2 */     cursor: pointer; /* 3 */     *overflow: visible;  /* 4 */ } /**  * Re-set default cursor for disabled elements.  */  .mpp-content button[disabled], html .mpp-content input[disabled] {     cursor: default; }  /**  * 1. Address box sizing set to content-box in IE 8/9.  * 2. Remove excess padding in IE 8/9.  * 3. Remove excess padding in IE 7.  *    Known issue: excess padding remains in IE 6.  */  .mpp-content input[type="checkbox"], .mpp-content input[type="radio"] {     box-sizing: border-box; /* 1 */     padding: 0; /* 2 */     *height: 13px; /* 3 */     *width: 13px; /* 3 */ }  /**  * 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).  */  .mpp-content input[type="search"] {     -webkit-appearance: textfield; /* 1 */     -moz-box-sizing: content-box;     -webkit-box-sizing: content-box; /* 2 */     box-sizing: content-box; }  /**  * Remove inner padding and search cancel button in Safari 5 and Chrome  * on OS X.  */  .mpp-content input[type="search"]::-webkit-search-cancel-button, .mpp-content input[type="search"]::-webkit-search-decoration {     -webkit-appearance: none; }  /**  * Remove inner padding and border in Firefox 3+.  */  .mpp-content button::-moz-focus-inner, .mpp-content input::-moz-focus-inner {     border: 0;     padding: 0; }  /**  * 1. Remove default vertical scrollbar in IE 6/7/8/9.  * 2. Improve readability and alignment in all browsers.  */  .mpp-content textarea {     overflow: auto; /* 1 */     vertical-align: top; /* 2 */ }   /*csslint important:false*/  /* ==========================================================================    Pure Base Extras    ========================================================================== */  /**  * Extra rules that Pure adds on top of Normalize.css  */  /**  * Always hide an element when it has the `hidden` HTML attribute.  */  .mpp-content [hidden] {     display: none !important; }  /**  * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining  * aspect ratio.  */ .mpp-content  .mpp-img {     max-width: 100%;     height: auto;     display: block; }  /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/  .mpp-g {     letter-spacing: -0.31em; /* Webkit: collapse white-space between units */     *letter-spacing: normal; /* reset IE < 8 */     *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */     text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */      /*     Sets the font stack to fonts known to work properly with the above letter     and word spacings. See: https://github.com/yui/pure/issues/41/      The following font stack makes Pure Grids work on all known environments.      * FreeSans: Ships with many Linux distros, including Ubuntu      * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and       Arial to get picked up by the browser, even though neither is available       in Chrome OS.      * Droid Sans: Ships with all versions of Android.      * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.     */     font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;      /*     Use flexbox when possible to avoid `letter-spacing` side-effects.      NOTE: Firefox (as of 25) does not currently support flex-wrap, so the     `-moz-` prefix version is omitted.     */      display: -webkit-flex;     -webkit-flex-flow: row wrap;      /* IE10 uses display: flexbox */     display: -ms-flexbox;     -ms-flex-flow: row wrap; }  /* Opera as of 12 on Windows needs word-spacing.    The ".opera-only" selector is used to prevent actual prefocus styling    and is not required in markup. */ .opera-only :-o-prefocus, .mpp-g {     word-spacing: -0.43em; }  .mpp-u {     display: inline-block;     *display: inline; /* IE < 8: fake inline-block */     zoom: 1;     letter-spacing: normal;     word-spacing: normal;     vertical-align: top;     text-rendering: auto; }  /* Resets the font family back to the OS/browser's default sans-serif font, this the same font stack that Normalize.css sets for the `body`. */ .mpp-g [class *= "mpp-u"] {     font-family: sans-serif; }  .mpp-u-1, .mpp-u-1-1, .mpp-u-1-2, .mpp-u-1-3, .mpp-u-2-3, .mpp-u-1-4, .mpp-u-3-4, .mpp-u-1-5, .mpp-u-2-5, .mpp-u-3-5, .mpp-u-4-5, .mpp-u-5-5, .mpp-u-1-6, .mpp-u-5-6, .mpp-u-1-8, .mpp-u-3-8, .mpp-u-5-8, .mpp-u-7-8, .mpp-u-1-12, .mpp-u-5-12, .mpp-u-7-12, .mpp-u-11-12, .mpp-u-1-24, .mpp-u-2-24, .mpp-u-3-24, .mpp-u-4-24, .mpp-u-5-24, .mpp-u-6-24, .mpp-u-7-24, .mpp-u-8-24, .mpp-u-9-24, .mpp-u-10-24, .mpp-u-11-24, .mpp-u-12-24, .mpp-u-13-24, .mpp-u-14-24, .mpp-u-15-24, .mpp-u-16-24, .mpp-u-17-24, .mpp-u-18-24, .mpp-u-19-24, .mpp-u-20-24, .mpp-u-21-24, .mpp-u-22-24, .mpp-u-23-24, .mpp-u-24-24 {     display: inline-block;     *display: inline;     zoom: 1;     letter-spacing: normal;     word-spacing: normal;     vertical-align: top;     text-rendering: auto; }  .mpp-u-1-24 {     width: 4.1667%;     *width: 4.1357%; }  .mpp-u-1-12, .mpp-u-2-24 {     width: 8.3333%;     *width: 8.3023%; }  .mpp-u-1-8, .mpp-u-3-24 {     width: 12.5000%;     *width: 12.4690%; }  .mpp-u-1-6, .mpp-u-4-24 {     width: 16.6667%;     *width: 16.6357%; }  .mpp-u-1-5 {     width: 20%;     *width: 19.9690%; }  .mpp-u-5-24 {     width: 20.8333%;     *width: 20.8023%; }  .mpp-u-1-4, .mpp-u-6-24 {     width: 25%;     *width: 24.9690%; }  .mpp-u-7-24 {     width: 29.1667%;     *width: 29.1357%; }  .mpp-u-1-3, .mpp-u-8-24 {     width: 33.3333%;     *width: 33.3023%; }  .mpp-u-3-8, .mpp-u-9-24 {     width: 37.5000%;     *width: 37.4690%; }  .mpp-u-2-5 {     width: 40%;     *width: 39.9690%; }  .mpp-u-5-12, .mpp-u-10-24 {     width: 41.6667%;     *width: 41.6357%; }  .mpp-u-11-24 {     width: 45.8333%;     *width: 45.8023%; }  .mpp-u-1-2, .mpp-u-12-24 {     width: 50%;     *width: 49.9690%; }  .mpp-u-13-24 {     width: 54.1667%;     *width: 54.1357%; }  .mpp-u-7-12, .mpp-u-14-24 {     width: 58.3333%;     *width: 58.3023%; }  .mpp-u-3-5 {     width: 60%;     *width: 59.9690%; }  .mpp-u-5-8, .mpp-u-15-24 {     width: 62.5000%;     *width: 62.4690%; }  .mpp-u-2-3, .mpp-u-16-24 {     width: 66.6667%;     *width: 66.6357%; }  .mpp-u-17-24 {     width: 70.8333%;     *width: 70.8023%; }  .mpp-u-3-4, .mpp-u-18-24 {     width: 75%;     *width: 74.9690%; }  .mpp-u-19-24 {     width: 79.1667%;     *width: 79.1357%; }  .mpp-u-4-5 {     width: 80%;     *width: 79.9690%; }  .mpp-u-5-6, .mpp-u-20-24 {     width: 83.3333%;     *width: 83.3023%; }  .mpp-u-7-8, .mpp-u-21-24 {     width: 87.5000%;     *width: 87.4690%; }  .mpp-u-11-12, .mpp-u-22-24 {     width: 91.6667%;     *width: 91.6357%; }  .mpp-u-23-24 {     width: 95.8333%;     *width: 95.8023%; }  .mpp-u-1, .mpp-u-1-1, .mpp-u-5-5, .mpp-u-24-24 {     width: 100%; } @media screen and (min-width: 768px) and (max-width:  992px ){      .mpp-item-list .mpp-item {         min-width: 33%;     }  }  @media screen and (min-width: 421px) and (max-width:  767px ){      .mpp-item-list .mpp-item {         min-width: 50%;     }  }  @media screen and (max-width: 420px ){     .mpp-item-list [class *= "mpp-u"] {         width: 100%;         float: none;     } } .mpp-button {     /* Structure */     display: inline-block;     *display: inline; /*IE 6/7*/     zoom: 1;     line-height: normal;     white-space: nowrap;     vertical-align: baseline;     text-align: center;     cursor: pointer;     -webkit-user-drag: none;     -webkit-user-select: none;     -moz-user-select: none;     -ms-user-select: none;     user-select: none; }  /* Firefox: Get rid of the inner focus border */ .mpp-button::-moz-focus-inner {     padding: 0;     border: 0; }  /*csslint outline-none:false*/  .mpp-button {        }  .mpp-button-hover, .mpp-button:hover, .mpp-button:focus {    } .mpp-button:focus {     outline: 0; } .mpp-button-active, .mpp-button:active {     }  .mpp-button[disabled], .mpp-button-disabled, .mpp-button-disabled:hover, .mpp-button-disabled:focus, .mpp-button-disabled:active {     border: none;     background-image: none;     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);     filter: alpha(opacity=40);     -khtml-opacity: 0.40;     -moz-opacity: 0.40;     opacity: 0.40;     cursor: not-allowed;     box-shadow: none; }  .mpp-button-hidden {     display: none; }  /* Firefox: Get rid of the inner focus border */ .mpp-button::-moz-focus-inner{     padding: 0;     border: 0; }  .mpp-button-primary, .mpp-button-selected, a.mpp-button-primary, a.mpp-button-selected {     }  .mpp-form input[type="text"], .mpp-form input[type="password"], .mpp-form input[type="email"], .mpp-form input[type="url"], .mpp-form input[type="date"], .mpp-form input[type="month"], .mpp-form input[type="time"], .mpp-form input[type="datetime"], .mpp-form input[type="datetime-local"], .mpp-form input[type="week"], .mpp-form input[type="number"], .mpp-form input[type="search"], .mpp-form input[type="tel"], .mpp-form input[type="color"], .mpp-form select, .mpp-form textarea {     padding: 0.5em 0.6em;     display: inline-block;     border: 1px solid #ccc;     box-shadow: inset 0 1px 3px #ddd;     border-radius: 4px;     -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;     box-sizing: border-box; }  /* Need to separate out the :not() selector from the rest of the CSS 2.1 selectors since IE8 won't execute CSS that contains a CSS3 selector. */ .mpp-form input:not([type]) {     padding: 0.5em 0.6em;     display: inline-block;     border: 1px solid #ccc;     box-shadow: inset 0 1px 3px #ddd;     border-radius: 4px;     -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;     box-sizing: border-box; }   /* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */ /* May be able to remove this tweak as color inputs become more standardized across browsers. */ .mpp-form input[type="color"] {     padding: 0.2em 0.5em; }   .mpp-form input[type="text"]:focus, .mpp-form input[type="password"]:focus, .mpp-form input[type="email"]:focus, .mpp-form input[type="url"]:focus, .mpp-form input[type="date"]:focus, .mpp-form input[type="month"]:focus, .mpp-form input[type="time"]:focus, .mpp-form input[type="datetime"]:focus, .mpp-form input[type="datetime-local"]:focus, .mpp-form input[type="week"]:focus, .mpp-form input[type="number"]:focus, .mpp-form input[type="search"]:focus, .mpp-form input[type="tel"]:focus, .mpp-form input[type="color"]:focus, .mpp-form select:focus, .mpp-form textarea:focus {     outline: 0;     outline: thin dotted \9; /* IE6-9 */     border-color: #129FEA; }  /* Need to separate out the :not() selector from the rest of the CSS 2.1 selectors since IE8 won't execute CSS that contains a CSS3 selector. */ .mpp-form input:not([type]):focus {     outline: 0;     outline: thin dotted \9; /* IE6-9 */     border-color: #129FEA; }  .mpp-form input[type="file"]:focus, .mpp-form input[type="radio"]:focus, .mpp-form input[type="checkbox"]:focus {     outline: thin dotted #333;     outline: 1px auto #129FEA; } .mpp-form .mpp-checkbox, .mpp-form .mpp-radio {     margin: 0.5em 0;     display: block; }  .mpp-form input[type="text"][disabled], .mpp-form input[type="password"][disabled], .mpp-form input[type="email"][disabled], .mpp-form input[type="url"][disabled], .mpp-form input[type="date"][disabled], .mpp-form input[type="month"][disabled], .mpp-form input[type="time"][disabled], .mpp-form input[type="datetime"][disabled], .mpp-form input[type="datetime-local"][disabled], .mpp-form input[type="week"][disabled], .mpp-form input[type="number"][disabled], .mpp-form input[type="search"][disabled], .mpp-form input[type="tel"][disabled], .mpp-form input[type="color"][disabled], .mpp-form select[disabled], .mpp-form textarea[disabled] {     cursor: not-allowed;     background-color: #eaeded;     color: #cad2d3; }  /* Need to separate out the :not() selector from the rest of the CSS 2.1 selectors since IE8 won't execute CSS that contains a CSS3 selector. */ .mpp-form input:not([type])[disabled] {     cursor: not-allowed;     background-color: #eaeded;     color: #cad2d3; } .mpp-form input[readonly], .mpp-form select[readonly], .mpp-form textarea[readonly] {     background: #eee; /* menu hover bg color */     color: #777; /* menu text color */     border-color: #ccc; }  .mpp-form input:focus:invalid, .mpp-form textarea:focus:invalid, .mpp-form select:focus:invalid {     color: #b94a48;     border-color: #ee5f5b; } .mpp-form input:focus:invalid:focus, .mpp-form textarea:focus:invalid:focus, .mpp-form select:focus:invalid:focus {     border-color: #e9322d; } .mpp-form input[type="file"]:focus:invalid:focus, .mpp-form input[type="radio"]:focus:invalid:focus, .mpp-form input[type="checkbox"]:focus:invalid:focus {     outline-color: #e9322d; } .mpp-form select {     border: 1px solid #ccc;     background-color: white; 	height: auto; } .mpp-form select[multiple] {     height: auto; } .mpp-form label {     margin: 0.5em 0 0.2em; } .mpp-form fieldset {     margin: 0;     padding: 0.35em 0 0.75em;     border: 0; } .mpp-form legend {     display: block;     width: 100%;     padding: 0.3em 0;     margin-bottom: 0.3em;     color: #333;     border-bottom: 1px solid #e5e5e5; }  .mpp-form-stacked input[type="text"], .mpp-form-stacked input[type="password"], .mpp-form-stacked input[type="email"], .mpp-form-stacked input[type="url"], .mpp-form-stacked input[type="date"], .mpp-form-stacked input[type="month"], .mpp-form-stacked input[type="time"], .mpp-form-stacked input[type="datetime"], .mpp-form-stacked input[type="datetime-local"], .mpp-form-stacked input[type="week"], .mpp-form-stacked input[type="number"], .mpp-form-stacked input[type="search"], .mpp-form-stacked input[type="tel"], .mpp-form-stacked input[type="color"], .mpp-form-stacked select, .mpp-form-stacked label, .mpp-form-stacked textarea {     display: block;     margin: 0.25em 0; }  /* Need to separate out the :not() selector from the rest of the CSS 2.1 selectors since IE8 won't execute CSS that contains a CSS3 selector. */ .mpp-form-stacked input:not([type]) {     display: block;     margin: 0.25em 0; } .mpp-form-aligned input, .mpp-form-aligned textarea, .mpp-form-aligned select, /* NOTE: pure-help-inline is deprecated. Use .mpp-form-message-inline instead. */ .mpp-form-aligned .mpp-help-inline, .mpp-form-message-inline {     display: inline-block;     *display: inline;     *zoom: 1;     vertical-align: middle; } .mpp-form-aligned textarea {     vertical-align: top; }  /* Aligned Forms */ .mpp-form-aligned .mpp-control-group {     margin-bottom: 0.5em; } .mpp-form-aligned .mpp-control-group label {     text-align: right;     display: inline-block;     vertical-align: middle;     width: 10em;     margin: 0 1em 0 0; } .mpp-form-aligned .mpp-controls {     margin: 1.5em 0 0 10em; }  /* Rounded Inputs */ .mpp-form input.mpp-input-rounded, .mpp-form .mpp-input-rounded {     border-radius: 2em;     padding: 0.5em 1em; }  /* Grouped Inputs */ .mpp-form .mpp-group fieldset {     margin-bottom: 10px; } .mpp-form .mpp-group input {     display: block;     padding: 10px;     margin: 0;     border-radius: 0;     position: relative;     top: -1px; } .mpp-form .mpp-group input:focus {     z-index: 2; } .mpp-form .mpp-group input:first-child {     top: 1px;     border-radius: 4px 4px 0 0; } .mpp-form .mpp-group input:last-child {     top: -2px;     border-radius: 0 0 4px 4px; } .mpp-form .mpp-group button {     margin: 0.35em 0; }  .mpp-form .mpp-input-1 {     width: 100%; } .mpp-form .mpp-input-2-3 {     width: 66%; } .mpp-form .mpp-input-1-2 {     width: 50%; } .mpp-form .mpp-input-1-3 {     width: 33%; } .mpp-form .mpp-input-1-4 {     width: 25%; }  /* Inline help for forms */ /* NOTE: pure-help-inline is deprecated. Use .mpp-form-message-inline instead. */ .mpp-form .mpp-help-inline, .mpp-form-message-inline {     display: inline-block;     padding-left: 0.3em;     color: #666;     vertical-align: middle;     font-size: 0.875em; }  /* Block help for forms */ .mpp-form-message {     display: block;     color: #666;     font-size: 0.875em; }  @media only screen and (max-width : 480px) {     .mpp-form button[type="submit"] {         margin: 0.7em 0 0;     }      .mpp-form input:not([type]),     .mpp-form input[type="text"],     .mpp-form input[type="password"],     .mpp-form input[type="email"],     .mpp-form input[type="url"],     .mpp-form input[type="date"],     .mpp-form input[type="month"],     .mpp-form input[type="time"],     .mpp-form input[type="datetime"],     .mpp-form input[type="datetime-local"],     .mpp-form input[type="week"],     .mpp-form input[type="number"],     .mpp-form input[type="search"],     .mpp-form input[type="tel"],     .mpp-form input[type="color"],     .mpp-form label {         margin-bottom: 0.3em;         display: block;     }      .mpp-group input:not([type]),     .mpp-group input[type="text"],     .mpp-group input[type="password"],     .mpp-group input[type="email"],     .mpp-group input[type="url"],     .mpp-group input[type="date"],     .mpp-group input[type="month"],     .mpp-group input[type="time"],     .mpp-group input[type="datetime"],     .mpp-group input[type="datetime-local"],     .mpp-group input[type="week"],     .mpp-group input[type="number"],     .mpp-group input[type="search"],     .mpp-group input[type="tel"],     .mpp-group input[type="color"] {         margin-bottom: 0;     }      .mpp-form-aligned .mpp-control-group label {         margin-bottom: 0.3em;         text-align: left;         display: block;         width: 100%;     }      .mpp-form-aligned .mpp-controls {         margin: 1.5em 0 0 0;     }      /* NOTE: pure-help-inline is deprecated. Use .mpp-form-message-inline instead. */     .mpp-form .mpp-help-inline,     .mpp-form-message-inline,     .mpp-form-message {         display: block;         font-size: 0.75em;         /* Increased bottom padding to make it group with its related input element. */         padding: 0.2em 0 0.8em;     } }  /*csslint adjoining-classes:false, outline-none:false*/ /*TODO: Remove this lint rule override after a refactor of this code.*/  .mpp-menu ul {     position: absolute;     visibility: hidden; }  .mpp-menu.mpp-menu-open {     visibility: visible;     z-index: 2;     width: 100%; }  .mpp-menu ul {     left: -10000px;     list-style: none;     margin: 0;     padding: 0;     top: -10000px;     z-index: 1; }  .mpp-menu > ul { position: relative; }  .mpp-menu-open > ul {     left: 0;     top: 0;     visibility: visible; }  .mpp-menu-open > ul:focus {     outline: 0; }  .mpp-menu li { position: relative; }  .mpp-menu a, .mpp-menu .mpp-menu-heading {     display: block;     color: inherit;     line-height: 1.5em;     padding: 5px 20px;     text-decoration: none;     white-space: nowrap; }  .mpp-menu.mpp-menu-horizontal > .mpp-menu-heading {     display: inline-block;     *display: inline;     zoom: 1;     margin: 0;     vertical-align: middle; } .mpp-menu.mpp-menu-horizontal > ul {     display: inline-block;     *display: inline;     zoom: 1;     vertical-align: middle; }  .mpp-menu li a { padding: 5px 20px; }  .mpp-menu-can-have-children > .mpp-menu-label:after {     content: '\25B8';     float: right;     /* These specific fonts have the Unicode char we need. */     font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif;     margin-right: -20px;     margin-top: -1px; }  .mpp-menu-can-have-children > .mpp-menu-label {     padding-right: 30px; }  .mpp-menu-separator {     background-color: #dfdfdf;     display: block;     height: 1px;     font-size: 0;     margin: 7px 2px;     overflow: hidden; }  .mpp-menu-hidden {     display: none; }  /* FIXED MENU */ .mpp-menu-fixed {     position: fixed;     top: 0;     left: 0;     width: 100%; }   /* HORIZONTAL MENU CODE */  /* Initial menus should be inline-block so that they are horizontal */ .mpp-menu-horizontal li {     display: inline-block;     *display: inline;     zoom: 1;     vertical-align: middle; }  /* Submenus should still be display: block; */ .mpp-menu-horizontal li li {     display: block; }  /* Content after should be down arrow */ .mpp-menu-horizontal > .mpp-menu-children > .mpp-menu-can-have-children > .mpp-menu-label:after {     content: "\25BE"; } /*Add extra padding to elements that have the arrow so that the hover looks nice */ .mpp-menu-horizontal > .mpp-menu-children > .mpp-menu-can-have-children > .mpp-menu-label {     padding-right: 30px; }  /* Adjusting separator for vertical menus */ .mpp-menu-horizontal li.mpp-menu-separator { 	height: 50%; 	width: 1px; 	margin: 0 7px; }  /* Submenus should be horizontal separator again */ .mpp-menu-horizontal li li.mpp-menu-separator { 	height: 1px; 	width: auto; 	margin: 7px 2px; }   /*csslint adjoining-classes:false*/ /*TODO: Remove this lint rule override after a refactor of this code.*/  /* MAIN MENU STYLING */  .mpp-menu.mpp-menu-open, .mpp-menu.mpp-menu-horizontal li .mpp-menu-children {     background: #fff; /* Old browsers */     border: 1px solid #b7b7b7; }  /* remove borders for horizontal menus */ .mpp-menu.mpp-menu-horizontal, .mpp-menu.mpp-menu-horizontal .mpp-menu-heading {     border: none; }   /* LINK STYLES */  .mpp-menu a {     border: 1px solid transparent;     border-left: none;     border-right: none;  }  .mpp-menu a, .mpp-menu .mpp-menu-can-have-children > li:after {     color: #777; }  .mpp-menu .mpp-menu-can-have-children > li:hover:after {     color: #fff; }  /* Focus style for a dropdown menu-item when the parent has been opened */ .mpp-menu .mpp-menu-open {     background: #dedede; }   .mpp-menu li a:hover, .mpp-menu li a:focus {     background: #eee; }  /* DISABLED STATES */ .mpp-menu li.mpp-menu-disabled a:hover, .mpp-menu li.mpp-menu-disabled a:focus {     background: #fff;     color: #bfbfbf; }  .mpp-menu .mpp-menu-disabled > a {     background-image: none;     border-color: transparent;     cursor: default; }  .mpp-menu .mpp-menu-disabled > a, .mpp-menu .mpp-menu-can-have-children.mpp-menu-disabled > a:after {     color: #bfbfbf; }  /* HEADINGS */ .mpp-menu .mpp-menu-heading {     color: #565d64;     text-transform: uppercase;     font-size: 90%;     margin-top: 0.5em;     border-bottom-width: 1px;     border-bottom-style: solid;     border-bottom-color: #dfdfdf; }  /* ACTIVE MENU ITEM */ .mpp-menu .mpp-menu-selected a {     color: #000; }  /* FIXED MENU */ .mpp-menu.mpp-menu-open.mpp-menu-fixed {     border: none;     border-bottom: 1px solid #b7b7b7; }  /*csslint box-model:false*/ /*TODO: Remove this lint rule override after a refactor of this code.*/   .mpp-paginator ul {      /* `pure-g` Grid styles */     letter-spacing: -0.31em; /* Webkit: collapse white-space between units */     *letter-spacing: normal; /* reset IE < 8 */     *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */     text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */      /* `pure-paginator` Specific styles */     list-style: none;     margin: 0;     padding: 0; 	text-align: center; } .opera-only :-o-prefocus, .mpp-paginator ul {     word-spacing: -0.43em; 	 	 }  /* `mpp-u` Grid styles */ .mpp-paginator li {     display: inline-block;     *display: inline; /* IE < 8: fake inline-block */     zoom: 1;     letter-spacing: normal;     word-spacing: normal;     vertical-align: top;     text-rendering: auto; 	padding: 0 5px; }   .mpp-paginator .mpp-button {     border-radius: 0;     padding: 0.8em 1.4em;     vertical-align: top;     height: 1.1em; } .mpp-paginator .mpp-button:focus, .mpp-paginator .mpp-button:active {     outline-style: none; } .mpp-paginator .prev, .mpp-paginator .next {     color: #C0C1C3;    } .mpp-paginator .prev {     border-radius: 2px 0 0 2px; } .mpp-paginator .next {     border-radius: 0 2px 2px 0; }  @media (max-width: 480px) {     .mpp-menu-horizontal {         width: 100%;     }      .mpp-menu-children li {         display: block;         border-bottom: 1px solid black;     } }  /*** For Buttons*/ .mpp-button-success, .mpp-button-error, .mpp-button-warning, .mpp-button-secondary { 	 }  .mpp-button-success {  }  .mpp-button-error { 	 }  .mpp-button-warning { 	 }  .mpp-button-secondary { 	 }