/*
color-font: #222;
color-selection: #b3d4fc;

contrast: #B5CB30;
contrast-dark: #A3A658;

144659
B5CB30
A3A658
BFA89B
D9CFCC -- FFF3F0
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin-top: 1em; margin-bottom: 1em; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** 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 Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, 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. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
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 and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/* ========================================================================== HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) ========================================================================== */
html, button, input, select, textarea { color: #333; }

body { background: #fffbfa; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

img { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ===== Initializr Styles ================================================== Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template ========================================================================== */
body { font-family: "PT Serif", serif; font-size: 1em; line-height: 1.6; }

h1, .announcement, label, input { font-family: "PT Sans", sans-serif; }

.header__title { color: white; font-size: 160%; font-weight: 700; font-family: 'PT Sans Narrow', sans-serif; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4); text-transform: uppercase; letter-spacing: 0.2em; background-color: #B5CB30; text-align: center; }
.header__title a.header__link, .header__title a.header__link:visited, .header__title a.header__link:hover { text-decoration: none; border-bottom-color: transparent; color: white; }

.header-container { background-color: #B5CB30; background-image: url("/img/header.png"); background-repeat: repeat-x; background-position: 0 50%; }

.wrapper { /* don't add margin on mobile to all */ }

.content-wrapper { width: 94%; margin: 0 3%; }

.footer-container { background: #B5CB30; }

#footer { font-family: "PT Sans", sans-serif; }

/* ============== MOBILE: Menu ============== */
nav { background: #144659; font-family: "PT Sans", sans-serif; }

nav ul { margin: 0; padding: 0; }

nav ul li { list-style-type: none; }

nav a { display: block; margin: 10px 0; padding: 0.5em 0; text-align: center; text-decoration: none; font-weight: bold; color: #D3D3D3; }

.nav__icon { padding-right: 0.3em; }

.nav__icon .iconic-property-fill { fill: #D3D3D3; }

.nav__icon--products .iconic-property-fill { fill: #adadad; }
.nav__icon--products .iconic-property-stroke { stroke: #D3D3D3; }

nav a:hover { color: white; border-bottom-color: transparent; background: rgba(255, 255, 255, 0.2); }
nav a:hover .nav__icon .iconic-property-fill { fill: white; }

/* ============== MOBILE: Main ============== */
.main { padding: 30px 0; background: #fffbfa; }

.main article h1 { font-size: 2em; }

.footer-container footer { color: white; padding: 20px 0; }

/* =============== ALL: IE Fixes =============== */
.ie7 .header__title { padding-top: 20px; }

/* ========================================================================== Author's custom styles ========================================================================== */
a { color: #4961DD; text-decoration: none; border-bottom: 1px solid transparent; }

a.image-link { border-bottom: 0; }

a:hover { color: #4961DD; border-bottom-color: #4961DD; }

figure { margin-left: -3%; margin-right: -3%; font-style: italic; }
figure em, figure i { font-style: normal; }

figure a, figure a:hover { border-bottom-color: transparent; }

.feed-icon { margin-left: 0.3em; }
.feed-icon * { fill: #4961DD; stroke: #4961DD; }

/** Blog */
ul > li > p { margin-top: 0; }

blockquote { font-style: italic; }
blockquote i, blockquote em { font-style: normal; }

.tags { display: inline; padding-left: 0; margin-left: 0; }
.tags li { display: inline; list-style: none; padding-right: 0; }

hr { border-color: transparent; border-top: 3px solid #fddbcd; margin-top: 2em; margin-bottom: 2em; }

/* ========================================================================== Media Queries ========================================================================== */
@media only screen and (min-width: 480px) { body { font-size: 1.25em; }
  /* ==================== INTERMEDIATE: Menu ==================== */
  nav a { padding: 0.5em 2%; margin-bottom: 0; }
  nav li:first-child a { margin-left: 0; }
  nav li:last-child a { margin-right: 0; }
  .header__title { font-size: 220%; padding-left: 0.4em; padding-right: 0.2em; /* right: 0.4em - letter-spacing */ margin-left: auto; margin-right: auto; }
  .tool-icon { max-width: 100%; }
  nav ul li { display: inline; }
  .oldie nav a { margin: 0 0.7%; } }
@media only screen and (min-width: 768px) { .header__title { margin-top: .4em; margin-bottom: .4em; }
  h2 { clear: both; } }
@media only screen and (min-width: 1200px) { /* =============== Maximal Width =============== */
  body { background: #feede6; }
  .wrapper, .content-wrapper { max-width: 1220px; margin: 0 auto; }
  figure { /* figure used negative margins to display to-the-edge on mobile */ margin-left: 40px; margin-right: 40px; }
  .main, .footer-main { padding-left: 1em; padding-right: 2em; }
  nav a { padding-top: 0.8em; padding-bottom: 0.8em; } }
/* ========================================================================== Helper classes ========================================================================== */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 150%; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.BreadcrumbsWrapper { font-family: "PT Sans", sans-serif; margin-top: 1em; }

.BreadcrumbWrap { clear: both; }

hr.after-breadcrumbs { margin-top: 0.2em; margin-bottom: 0.2em; }

.search { padding-top: 0.8em; text-align: right; }
.search input.InputBox { display: inline-block; font-size: 80%; margin-right: 0.5em; }

.PanelColumn { font-size: 80%; padding-left: 1em; font-family: "PT Sans", sans-serif; }
.PanelColumn hr { margin-left: 0; margin-right: 0; }

.MainForm ul, #Form_User_Password ul, .MenuItems ul, ul.MenuItems, .FilterMenu, .DataList, .Discussions, .Conversations, .DiscussionForm .PostOptions, .PopList, form > div > ul, .PanelColumn ul { list-style: none; margin-left: 0; padding-left: 0; }

a.PhotoWrap, a.FlyoutButton, a.MeButton { border-bottom-color: transparent; }
a.PhotoWrap:hover, a.PhotoWrap:visited, a.FlyoutButton:hover, a.FlyoutButton:visited, a.MeButton:hover, a.MeButton:visited { border-bottom-color: transparent; }

.editor-help-text { font-family: "PT Sans", sans-serif; font-size: 80% !important; }

.FormWrapper .Buttons .Back { font-size: 80%; font-family: "PT Sans", sans-serif; }

.Discussion .Item-BodyWrap::before, .Comment .Item-BodyWrap::before { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

@media only screen and (min-width: 768px) { #Panel { -webkit-position: sticky; position: sticky; top: 0px; }
  .MessageList .AuthorWrap, .Comment .AuthorWrap { float: left; font-family: "PT Sans", sans-serif; }
  .MessageList .ItemDiscussion .Meta, .MessageList .CommentMeta.Meta, .Comment .ItemDiscussion .Meta, .Comment .CommentMeta.Meta { float: right; font-size: 100%; font-family: "PT Sans", sans-serif; }
  .MessageList .Author, .Comment .Author { position: relative; }
  .MessageList .Author .PhotoWrap, .Comment .Author .PhotoWrap { float: left; position: absolute; left: -72px; }
  .MessageList .Item-Header, .MessageList .Item-BodyWrap, .Comment .Item-Header, .Comment .Item-BodyWrap { margin-left: 72px; } }
/** Plugin Customizations */
/*** Polls */
#DP_Tools { list-style: none; margin-left: 0; padding-left: 0; }

/*** Signatures */
.Signature.UserSignature { font-size: 80% !important; }

.PageControls .discussion-sort-filter-module { margin-left: 10px; }

/** Pages that hide the panel and have full-width content */
body.NoPanel #Panel, body.Entry #Panel, body.Conversations.add #Panel, body.Vanilla.Post #Panel { display: none; }

body.NoPanel #Content, body.Conversations.add #Content, body.Vanilla.Post #Content { width: auto; margin: 0; }

body.NoPanel #Content { margin: auto; }

body.NarrowForm #Content { max-width: 700px; }

body.Entry #Content { float: none; margin: 0 auto; max-width: 600px; }

/** General Styles & Typography */
.content-wrapper { font-size: 90%; }

#Body { zoom: 1; }

#Body:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

.Invisible { opacity: 0; }

.ClearFix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.ClearFix { display: inline-table; }

* html .ClearFix { height: 1%; }

.ClearFix { display: block; }

.nowrap { white-space: nowrap; }

.Center { text-align: center; }

.Right { text-align: right; }

a.TextColor, a .TextColor { color: #333; }

img.Thumbnail { max-height: 300px; max-width: 100px; float: left; margin: 0 16px 0 0; }

input.DateBox, input.InputBox, input.SmallInput, textarea { font-family: "PT Sans", sans-serif; color: #333; padding: 3px; margin: 0; width: 250px; background: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.4); }

.PasswordStrength { width: 250px; }

.ui-datepicker { width: 17em; padding: 2px 20px 2px 10px; display: none; background: #e6e6e6; background: rgba(255, 255, 255, 0.9); border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.4); }

.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }

.ui-datepicker .ui-datepicker-prev { left: 2px; }

.ui-datepicker .ui-datepicker-next { right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }

.ui-datepicker .ui-datepicker-next-hover { right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }

.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }

.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year { width: 100%; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }

.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }

.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }

.ui-datepicker td { border: 0; padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

.ui-datepicker.ui-datepicker-multi { width: auto; }

.ui-datepicker-multi .ui-datepicker-group { float: left; }

.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }

.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }

.ui-datepicker-rtl { direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }

.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }

textarea.TextBox { width: 500px; height: 100px; min-height: 100px; }

.TextBoxWrapper { width: auto; }

.TextBoxWrapper textarea, .TextBoxWrapper input:not([type=radio]):not([type=checkbox]) { width: 100%; display: block; box-sizing: border-box; }

.TextBoxWrapper .PasswordStrength { width: 100%; }

#Popup textarea.TextBox { width: 100%; }

input.SmallInput, input.InputBox { padding: 6px 3px; }

input.SmallInput:focus, input.InputBox:focus, textarea:focus { background: #ffe; }

input.BigInput { width: 100%; }

textarea { line-height: 128%; }

select { font-family: "PT Sans", sans-serif; font-size: 0.9em; color: #222; margin: 0; padding: 3px; }

.Button { font-family: "PT Sans", sans-serif; display: inline-block; cursor: pointer; margin: 0; line-height: 1.2; font-weight: bold; padding: 0.2em 0.7em; background: #f8f8f8; border: 1px solid #999; border-radius: 2px; white-space: nowrap; border-color: #999; }

.search .Button { font-size: 90%; }

.Button:hover { color: #111; border-color: #666; }

.Button.Disabled { opacity: .5; }

div.FileUpload .CurrentImage { display: block; margin: 5px 0; max-width: 100%; }

.NavLabel { font-weight: bold; margin-right: 4px; }

.NavBar > .Button { border-radius: 0; border-right-width: 0; }

.NavBar > .Button:first-child { border-radius: 2px 0 0 2px; }

.NavBar > .Button:last-child { border-radius: 0 2px 2px 0; border-right-width: 1px; }

.Button.Active, .ButtonGroup.Open .Button.Handle, .Button:focus, .Button:active { border-color: #aaa; color: #333; background: #f7f7f7; }

.Button.FileInput > input { position: absolute; top: 0; right: 0; margin: 0; border: solid transparent; border-width: 0 0 100px 200px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(-300px, 0) scale(4); transform: translate(-300px, 0) scale(4); direction: ltr; cursor: pointer; }

.Button.FileInput { position: relative; overflow: hidden; }

.BigButton { display: block; text-align: center; margin: 0 0 10px; font-size: 1.1em; font-weight: bold; padding: 8px 10px; }

.Buttons { margin-top: 10px; }

.Buttons-Confirm { text-align: center; }

.Buttons-Confirm .Button { min-width: 65px; }

.NavButton { color: #333; display: inline-block; cursor: pointer; font-family: "PT Sans", sans-serif; font-size: 13px; line-height: 16px; font-weight: bold; padding: 5px 8px; border: 1px solid #999; border-radius: 2px; white-space: nowrap; background-color: #fdfdfd; }

.ButtonGroup.Open .NavButton.Handle { color: #333; background: #eee; }

.ButtonGroup.Multi > .NavButton:first-child, .ButtonGroup.Multi > .Button:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.ButtonGroup.Multi > .NavButton.Handle, .ButtonGroup.Multi > .Button.Handle { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; }

.NavButton.Handle .Sprite, .Button.Handle .Sprite { display: inline-block; border-style: solid; border-width: 4px; border-color: #000 transparent transparent transparent; position: relative; top: 2px; margin: 0; height: initial; width: initial; vertical-align: middle; }

.ButtonGroup.Big .NavButton.Handle .Sprite, .ButtonGroup.Big .Button.Handle .Sprite { top: 0; }

.ButtonGroup { position: relative; display: inline-block; }

.ButtonGroup .Dropdown { display: none; font-size: 12px; position: absolute; top: 100%; left: 0; margin-top: 1px; z-index: 100; }

.ButtonGroup.DropRight .Dropdown { right: 0; left: auto; }

#Panel .ButtonGroup .Dropdown { right: 0; }

.ProfileOptions .ButtonGroup .Dropdown { left: auto; right: 0; }

.ButtonGroup.Open .Dropdown { display: block; }

.ButtonGroup.Big .NavButton, .ButtonGroup.Big .Button { font-size: 15px; padding: 8px; text-align: center; }

.ButtonGroup.Big { display: block; white-space: nowrap; }

#Panel .ButtonGroup.Big > .NavButton:first-child, #Panel .ButtonGroup.Big > .Button:first-child { width: 78%; }

.ActivateSlider { display: inline-block; background: #bbb; box-shadow: 0 10px 30px #333 inset; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) inset; border: solid 1px #ccc; width: 125px; border-radius: 4px; padding: 1px; position: relative; }

.ActivateSlider-Active { text-align: right; }

.Gloss { font-size: 80%; font-weight: normal; color: #666; }

.Loading { height: 100px; padding: 0 20px; background: url("images/progress.gif") center center no-repeat; }

.Progress { padding: 10px 40px 10px 0; background: url("images/progress.gif") center center no-repeat; }

.TinyProgress { padding: 10px 40px 10px 0; background: url("images/progress_sm.gif") center center no-repeat; }

.InProgress { opacity: .5; cursor: progress; pointer-events: none; }

.Conversations .Deleted { text-decoration: line-through; }

.Deleted { background: #f5f5f5; border: 1px solid #ddd; margin: 10px 0 0; padding: 6px 10px; border-radius: 3px; }

span.Warning, div.Warning { background: #fee; border: 2px solid #fbb; color: #d00; padding: 6px 8px; margin: 10px 0; border-radius: 2px; }

.Count { background-color: #444; background-color: rgba(0, 0, 0, 0.6); border-radius: 3px; color: #fff; font-size: 80%; font-weight: normal; padding: 1px .8ex; }

.Alert { font-size: 80%; background: #d00; color: #fff; padding: 1px 3px; border-radius: .5ex; }

.Alert a { color: #fff; }

.Alert a:hover { text-decoration: underline; }

.Info { font-size: 13px; background: #fafafa; border: 2px solid #eee; border: 2px solid rgba(0, 0, 0, 0.1); color: #888; border-radius: 2px; padding: 6px 8px; margin: 10px 0; }

.Info strong { font-weight: bold; }

#PagerLess { border-radius-topright: 2px; border-radius-topleft: 2px; margin-bottom: 1px; text-align: left; }

.MorePager { text-align: right; }

.MorePager a.Loading { border: 0 !important; padding: 0 20px !important; background: url("images/progress.gif") center center no-repeat !important; }

.Pager { font-weight: bold; float: right; }

.Pager a, .Pager span { display: inline-block; margin: 0 3px; line-height: 1; padding: 0.2em 0.4em; border-radius: 2px; background: rgba(0, 0, 0, 0.03); }

.Pager span { color: #777; }

.Pager .Highlight { color: #000; }

.MoreWrap { float: right; }

.PagerNub { overflow: hidden; display: inline-block; width: 1px; margin-right: -1px; }

a.Small:hover { text-decoration: none; }

a.Small img { text-indent: -100px; background: #ddd; display: inline-block; height: 24px; width: 24px; overflow: hidden; }

/** Messages */
.DismissMessage a.Dismiss { font-family: "PT Sans", sans-serif; position: absolute; font-size: 16px; font-weight: bold; line-height: 1; color: #777; top: -1px; right: -1px; padding: 1px 3px; text-decoration: none; }

.DismissMessage a.Dismiss:hover { border: none; background: #333; color: #fff; }

.DismissMessage strong, .DismissMessage b { font-weight: bold; }

.DismissMessage { font-size: 13px; text-align: left; position: relative; color: #000; border: none; border-radius: 1px; margin: 10px 0; padding: 10px; }

.DismissMessage.Info { background: #f3f4f8; border: 1px solid #ddd; }

.DismissMessage.Warning { background: #ffebe9; border: 1px solid #ffccc9; }

.DismissMessage.Box { background: #fff8ce; border: 1px solid #c5bea4; box-shadow: none; margin: 0 0 10px; }

.CasualMessage { background: #cfecff; border: 1px solid #abdafb; color: #1e79a7; }

.InfoMessage { background: #f6f6f6; border: 1px solid #ddd; }

.AlertMessage { background: #fff8ce; border: 1px solid #deddaf; }

.WarningMessage { background: #ffebe9; border: 1px solid #ffccc9; }

/** Header */
.SiteSearch { position: relative; }

.SiteSearch .InputBox { padding: 5px 25px 5px 5px; font-size: 11px; }

.SiteSearch .Button { background: url("images/sprites.png") 0 -196px no-repeat transparent; height: 16px; width: 16px; overflow: hidden; line-height: 999px; color: transparent; font-size: 0; border: none; position: absolute; top: 4px; right: 4px; padding: 0; }

#Head .SiteSearch { float: right; }

#Head .SiteSearch .InputBox { border: none; width: 175px; }

.ControlOptions, .Options { float: right; }

.CategoryLink { padding: 2px 4px; background: #cfecff; border-radius: 1px; }

.PageTitle h1 { margin-top: 0; }

.PageTitle .Options { height: 10px; }

.OptionsMenu { font-family: "PT Sans", sans-serif; font-weight: normal; line-height: 100%; }

.OptionsTitle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: url("images/ui_sprites.png") no-repeat 0 -101px; padding: 0; width: 21px; height: 18px; display: inline-block; vertical-align: top; line-height: 999px; overflow: hidden; font-size: 0; cursor: pointer; }

.Item .OptionsTitle { visibility: hidden; }

.Item:hover .OptionsTitle, .Item.Open .OptionsTitle { visibility: visible; }

.Flyout:before, .Flyout:after { border-bottom: 7px solid #444; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; left: 9px; position: absolute; top: -7px; }

.Flyout:after { border-bottom: 7px solid #fff; top: -6px; }

.OptionsMenu .Flyout:before, .OptionsMenu .Flyout:after { left: inherit; right: 14px; }

.MenuItems { font-family: "PT Sans", sans-serif; border: 1px solid #999; border-radius: 2px; background: #fff; padding: 5px 0; box-shadow: 0 5px 10px #eee; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.MenuItems a, .MenuItems a:link, .MenuItems a:visited, .MenuItems a:active { display: block; text-decoration: none; white-space: nowrap; color: #333 !important; padding: 3px 15px; }

.MenuItems a:hover { color: #fff !important; text-decoration: none; background-color: #004d9f !important; }

.MenuItems a:hover .Gloss { color: #fff !important; }

.MenuItems li > strong { padding: 3px 10px; line-height: 18px; }

.MenuItems hr { margin-top: 5px; margin-bottom: 5px; border: 0; border-bottom: 1px solid #ddd; }

.MenuItems.Up:before, .MenuItems.Up:after { border-top: 7px solid #444; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; left: 71px; position: absolute; bottom: -7px; }

.MenuItems.Up:after { border-top: 7px solid #fff; bottom: -6px; }

.ToggleFlyout { position: relative; }

.ToggleFlyout.Open { z-index: 110; }

.ToggleFlyout .Flyout { position: absolute; top: 100%; display: none; }

.OptionsMenu .Flyout { top: 18px; right: -9px; }

.Flyout .Author .PhotoWrap { margin: 0; }

.FlyoutMenu { width: 300px; background: #fff; color: #000; border-radius: 2px; box-shadow: 0 5px 10px #eee; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); border: solid 1px #999; }

.FlyoutMenu a { color: #00419b; }

.FlyoutButton { cursor: pointer; }

.FlyoutLeft .Flyout { right: inherit; }

.DropHandle { display: inline-block; height: 0; width: 0; border-style: solid; border-width: 4px; border-color: #000 transparent transparent transparent; position: relative; bottom: -2px; }

.SelectFlyout { display: inline-block; cursor: pointer; }

.SelectFlyout .Flyout:before, .SelectFlyout .Flyout:after { display: none; }

.MeBox .Flyout { right: inherit; left: -4px; top: 150%; }

.MeBox.FlyoutRight .Flyout { left: inherit; right: -4px; }

.MeBox.FlyoutRight .Flyout:before, .MeBox.FlyoutRight .Flyout:after { left: auto; right: 9px; }

a.Bookmark, a.Bookmarked, a.Bookmarking { display: inline-block; background: url("images/ui_sprites.png") 0 -2px no-repeat; height: 18px; width: 18px; vertical-align: top; overflow: hidden; text-indent: -1000px; font-size: 1px; }

a.Bookmark:hover { background-position: 0 -22px; }

a.Bookmarked { background-position: 0 -42px; }

a.Bookmarked:hover { background-position: 0 -82px; }

a.Bookmarking, a.Bookmarking:hover { background-position: 0 -62px; }

.AdminCheck { vertical-align: top; line-height: 1; }

td.CheckBoxColumn { text-align: center; }

.HomepageTitle .AdminCheck { padding-left: 8px; }

.ControlOptions .AdminCheck { display: block; padding: 6px 8px 0; }

.Opts .ControlOptions .AdminCheck { padding: 0; }

/** Full Page Errors */
.SplashMessage #Body h1 { font-size: 64px; line-height: 1.4; }

.SplashMessage #Message { font-size: 18px; margin-bottom: 3em; }

.SplashMessage .SplashInfo { max-width: 640px; margin: auto; }

/** Panels / Sidebars */
.Box { margin: 10px 0; }

.Box dl { overflow: hidden; }

.Box dl dt { font-size: 12px; float: left; width: 80px; color: #555; overflow: hidden; white-space: nowrap; }

.Box dl dd { font-size: 12px; margin-left: 80px; }

.MeBox-SignIn { display: none; }

.Profile .MeBox { display: none; }

.UserBox, .MeBox { margin: 10px 0; }

.UserBox .PhotoWrap, .MeBox .PhotoWrap { float: left; margin-right: 5px; }

.UserBox .WhoIs, .MeBox .WhoIs { min-height: 40px; line-height: 1.3; }

.UserBox .Username, .MeBox .Username { font-weight: bold; vertical-align: top; font-size: 14px; }

.UserBox .Email { white-space: nowrap; overflow: hidden; }

.MeMenu { line-height: 24px; }

.MeButton { padding: 3px 5px; border: solid 1px transparent; position: relative; line-height: 1; display: inline-block; }

.MeButton:hover { background: #eee; background: rgba(0, 0, 0, 0.07); }

.MeButton:hover { background: #eee; background: rgba(0, 0, 0, 0.07); }

.MeButton .Alert { position: absolute; top: -2px; right: -1px; font-size: 9px; line-height: 1; padding: 2px; }

.MeMenu em { display: none; }

.MeBox.Inline, .MeBox.Inline .WhoIs, .MeBox.Inline .MeMenu { display: inline-block; line-height: 24px; margin: 0; vertical-align: top; min-height: 24px; }

.MeBox.Inline > .PhotoWrap { float: none; }

.MeBox.Inline > .PhotoWrap .ProfilePhoto { height: 24px; width: 24px; }

.MeBox.Inline .Username { margin-right: 4px; }

.MeBox-SignIn.Inline * { display: inline; }

.MeBox.Inline .SignInIcons img { vertical-align: top; }

.PanelActivity { border-top: 1px solid #abdafb; border-bottom: 0; }

.PanelActivity li { background: #e3f4ff; border-bottom: 1px solid #abdafb; padding: 2px 4px; color: #555; line-height: 1.6; }

.PanelActivity li a { font-size: 13px; }

.PanelActivity li a.Name { margin-right: 2px; }

.PanelActivity span { padding: 0 4px; }

.PanelActivity p { padding: 0 4px; display: inline; font-size: 90%; }

.PanelActivity li em { padding-left: 5px; color: #777; font-size: 80%; }

.PanelActivity li .Story { font-size: 85%; }

#Panel .FilterMenu li, .PanelInfo li { border-bottom: 1px solid #ddd; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 2px 4px; }

#Panel .FilterMenu li:first-child, .PanelInfo li:first-child { border-top: 1px solid #ddd; border-top: 1px solid rgba(0, 0, 0, 0.1); }

.PanelColumn .Item { padding: 2px; }

.PanelColumn .Item .Title { font-size: 13px; font-weight: normal; }

.PanelColumn .Options { display: none; }

#Panel .FilterMenu .Aside, .PanelInfo .Aside, .Item .Aside { float: right; }

.PanelInfo .Heading { font-weight: bold; }

.PanelInfo li strong { font-weight: normal; text-align: left; }

.PanelInfo li .LastMessage { float: right; }

.PanelInfo .Meta span a { margin-left: 8px; }

.PanelInfo .Meta strong { display: inline; border-radius: 2px; background: #ff0; color: #000; font-size: 9px; font-weight: bold; padding: 3px; line-height: 1; }

.PanelInfo .Parent { text-align: left; font-weight: bold; background: none; color: #333; padding: 2px 0; }

#Panel .FilterMenu .Active, .PanelInfo .Active { background: #f7f7f7; background: rgba(0, 0, 0, 0.03); font-weight: bold; }

.PanelInfo .Active strong { font-weight: bold; }

.PanelActivity .ShowAll, .PanelInfo .ShowAll { font-weight: bold; border: 0; text-align: right; background: none; }

#Content .BoxFilter { margin: 0 0 6px; }

#Panel .BoxFilter { margin: 10px 0; }

#Content .FilterMenu { margin: 10px 0; }

#Content .FilterMenu li, #Content .FilterMenu li.Active { display: inline-block; white-space: nowrap; margin: 0 6px; }

#Content .FilterMenu li a { padding: 4px 0; }

#Content .FilterMenu li.Active a { border-bottom: 2px solid #ddd; border-bottom: 2px solid rgba(0, 0, 0, 0.1); }

#Content .BoxFilter a { margin: 0 10px 0 0; padding: 4px 0; display: block; }

#Content .BoxFilter .Active a { color: #000; border-bottom: 2px solid #ddd; border-bottom: 2px solid rgba(0, 0, 0, 0.1); }

#Content .BoxFilter { display: none; }

#UserOptions { margin-bottom: 10px; }

/** Panel Category Depths */
.CategoryFilterOptions .CurrentFilter { font-weight: bold; }

.PanelCategories .Depth2 { padding-left: 8px; }

.PanelCategories .Depth3 { padding-left: 12px; }

.PanelCategories .Depth4 { padding-left: 16px; }

.PanelCategories .Depth5 { padding-left: 20px; }

.PanelCategories .Depth6 { padding-left: 24px; }

.PanelCategories .Depth7 { padding-left: 28px; }

.PanelCategories .Depth8 { padding-left: 32px; }

.PanelCategories .Depth9 { padding-left: 36px; }

.PanelCategories .Depth10 { padding-left: 40px; }

.PanelCategories .Depth11 { padding-left: 44px; }

.PanelCategories .Depth12 { padding-left: 48px; }

.CategoryList .Depth2 { padding-left: 25px !important; }

.CategoryList .Depth3 { padding-left: 50px !important; }

.CategoryList .Depth4 { padding-left: 75px !important; }

.CategoryList .Depth5 { padding-left: 100px !important; }

.CategoryList .Depth6 { padding-left: 125px !important; }

.CategoryList .Depth7 { padding-left: 150px !important; }

.CategoryList .Depth8 { padding-left: 175px !important; }

.CategoryList .Depth9 { padding-left: 200px !important; }

.CategoryList .Depth10 { padding-left: 225px !important; }

.CategoryList .Depth11 { padding-left: 250px !important; }

.CategoryList .Depth12 { padding-left: 275px !important; }

.CategoryListWithHeadings .Depth1 { padding-left: 0 !important; }

.CategoryListWithHeadings .Depth2 { padding-left: 0 !important; }

.CategoryListWithHeadings .Depth3 { padding-left: 25px !important; }

.CategoryListWithHeadings .Depth4 { padding-left: 50px !important; }

.CategoryListWithHeadings .Depth5 { padding-left: 75px !important; }

.CategoryListWithHeadings .Depth6 { padding-left: 100px !important; }

.CategoryListWithHeadings .Depth7 { padding-left: 125px !important; }

.CategoryListWithHeadings .Depth8 { padding-left: 150px !important; }

.CategoryListWithHeadings .Depth9 { padding-left: 175px !important; }

.CategoryListWithHeadings .Depth10 { padding-left: 200px !important; }

.CategoryListWithHeadings .Depth11 { padding-left: 225px !important; }

.CategoryListWithHeadings .Depth12 { padding-left: 250px !important; }

.Box.RecentUsers { float: left; }

.Icons a { display: block; margin: 0 2px 2px 0; float: left; }

.Icons img { display: block; height: 44px; width: 44px; overflow: hidden; background: #c4cde0; color: #c4cde0; text-indent: 50px; }

#Content .BoxNewDiscussion { display: block; }

.PageControls { margin: 5px 0; min-height: 24px; }

/** DataList - used in search results, vanilla discussions & drafts */
.DataList.Discussions { font-family: "PT Sans", sans-serif; }

.SearchForm { margin: 20px auto; }

.SearchForm .InputBox { width: 100%; box-sizing: border-box; font-size: 14px; padding: 6px 25px 6px 8px; border-radius: .35ex; border: solid 1px #bbb; }

.SearchForm .SiteSearch { max-width: 600px; margin: 0; }

.SearchForm .SiteSearch .Button { top: 8px; right: 6px; }

.Empty { margin: 10px 0; }

.DataList .Item, .NarrowList .Item { margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; border: 0 solid #ddd; border-bottom-width: 1px; position: relative; }

.CommentHeading { display: none; }

.DataList .Item.ItemComment { border-color: #fddbcd; padding-top: 3.2em; border-top-width: 2px; margin-bottom: 3.2em; border-bottom-width: 0px; }

.DataList .Item .Item { border: none; }

.Item-Icon { float: left; margin: 0 10px 10px 0; }

.Item h2, .Item h3, .Item h4, .Item h5 { margin: 0; }

#latest { float: left; margin: -10px; }

.DataList .Title { display: block; font-weight: bold; margin: 0; }

.ItemDiscussion .Meta, .DataList .Meta { color: #70727c; font-size: 80%; }

.MItem { margin-left: 8px; margin-right: 8px; white-space: nowrap; }

.MItem:first-child { margin-left: 0; }

.MItem:last-child { margin-right: 0; }

.CommentInfo { line-height: 1.5; }

.DataList .Excerpt { margin: 5px 0; }

.DataList .Excerpt p { display: inline; padding: 0; }

.HasNew { border-radius: 2px; background: #ff0; color: #000; font-size: 9px; font-weight: bold; padding: 3px; line-height: 1; white-space: nowrap; }

.JustNew { display: none; }

.Item.Read { background: #f8f8f8; }

.Item.Read:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

.Item.Read .Title, .Item.Read .BlockTitle { font-weight: normal; }

.Item.Checked { background: #ffc; }

.Item.Open { z-index: 200; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(enabled=false)" !important; filter: alpha(enabled=false) !important; opacity: 1 !important; }

.DataList a.Delete { border-radius: 0; color: #333; display: block; height: 14px; margin: 0; padding: 2px 4px; width: auto; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: bold; line-height: 1; visibility: hidden; }

.DataList a.Delete:hover { text-decoration: none; border: none; background: #333; color: #fff; visibility: visible; }

.Item:hover a.Delete { visibility: visible; }

.DataList .Unfollow { background: #eee; }

.DataList .Unfollow a { color: #888; }

.Item .Inset { border-top: 1px solid #bec8cc; padding: 5px 0; }

.Item .Author { font-weight: bold; }

.Condensed .Title, .Condensed a.Title { display: inline; padding: 0; }

.Condensed .Excerpt { display: inline; }

.PopList .Item { padding: 4px; position: relative; overflow: hidden; border-bottom: 1px solid #ddd; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.PopList .ItemContent { margin: 0 0 0 48px; line-height: 1.4; }

.PopList .Meta { color: #777; font-size: 80%; }

.PopList .Center { padding: 0; }

.PopList .Center a { display: block; padding: 4px 0; }

.PopList .Item:hover { background: #eee; background: rgba(0, 0, 0, 0.03); }

.PopList .Item.Title:hover { background: inherit; }

.PopList .Item.Title { font-size: 12px; padding: 2px 4px; }

.PopList .Item.Title a { float: right; }

.PopList .Empty { border: none; }

.MeAction .AuthorAction { display: inline; margin: 0 6px; font-size: 15px; font-weight: bold; }

.MeAction .Item-Header { margin-bottom: 8px; }

.MeAction .Message { display: none; }

.Hero { background: #f7f7f7; background: rgba(0, 0, 0, 0.03); padding: 20px; margin: 10px 0 20px; border-radius: 6px; }

.Hero h3 { font-size: 24px; font-weight: normal; }

.ChildCategoryList { overflow: hidden; margin-bottom: 8px; }

.ChildCategoryList .Item { float: left; width: 50%; padding: 0; }

.ChildCategoryList .Item:nth-child(odd) { clear: left; }

.ChildCategoryList .ItemContent { padding: 8px 0 0; }

/** Activities */
.Activities li.HasPhoto .Title { padding: 0; }

.Activities a.Title, .Activities .Title, .Activities .Title a { font-size: 14px; }

.Activities li.Condensed .Excerpt { color: #000; font-size: 13px; }

.Activities ul.DataList { margin-left: 50px; }

.Activities .ItemContent { margin: 0 0 0 4.48em; }

.Activities .ActivityComments .ItemContent { margin: 0 0 0 4.48em; }

.Activities .DataList li { background: #f3f3f3; background: rgba(0, 0, 0, 0.05); margin-bottom: 2px; padding: 6px; }

.Activities .DataList a.Title, .Activities .DataList .Title, .Activities .DataList .Title a, .Activities .DataList .Excerpt p { font-size: 13px; line-height: 1; }

.Activities .DataList .Photo img { height: 32px; width: 32px; }

.Activities a.CommentLink, .Activities a.CommentLink:hover { cursor: text; background: #fff; color: #bbb !important; padding: 5px; text-decoration: none; border: 1px solid #aaa; display: block; line-height: 100%; font-weight: normal; }

/** MessageList */
.Author .PhotoWrap { margin: 0 10px 4px 0; float: left; }

.Popup .Preview { padding: 8px; margin: 0; }

body.Post .Popup a.Close { color: #1e79a7; }

.MessageList { list-style: none; margin-left: 0; padding-left: 0; }

.Message { word-wrap: break-word; margin-top: 1.6em; margin-bottom: 1.6em; }

blockquote { margin: 1em 0 1em 40px; }

.emoji { margin-top: -0.3em; margin-bottom: -3px; }

blockquote.Quote, blockquote.UserQuote { padding: 1ex 16px; margin: 1em 0; background: #f3f3f3; background: rgba(0, 0, 0, 0.05); border-left: 4px solid #eee; border-left: 4px solid rgba(0, 0, 0, 0.1); min-width: 200px; overflow-y: auto; }

.Message small { color: #777; }

.EmbeddedContent { overflow: hidden; }

.Message img.LeftAlign, img.LeftAlign { float: left; margin: 0 10px 5px 0; max-width: 300px; }

.Message dt { font-weight: bold; margin: 10px 0 4px; }

.Message dd { margin-left: 30px; }

.Message dd > p { margin-top: 4px; }

.Message li { margin: 5px 0; }

.ClearFix { clear: both; }

code, pre { border-radius: 2px; background: #ff9; padding: 4px 8px; font-family: monospace; overflow: auto; border: 1px solid #eec; }

code { white-space: pre-wrap; }

pre { display: block; margin: 1em 0; white-space: pre; }

pre code { border: none; padding: 0; white-space: pre wrap; /* We wrap code blocks because we're sharing text, not source code */ }

mark { padding: 0 2px; color: inherit; background: #ff6; }

.Message img { max-width: 100%; }

/* ===============================================================
/* Categories */
.ChildCategories { border-top: 1px dotted #ddd; display: block; }

.DataList .Meta .RSS { margin-right: 6px; }

.Meta .RSS img { vertical-align: text-bottom; }

.CategoryHeading .ItemContent { font-weight: bold; font-size: 14px; }

.RssButton { display: inline-block; background: url(images/rss.gif) no-repeat center center; height: 16px; width: 16px; vertical-align: bottom; color: transparent; overflow: hidden; text-indent: -100px; }

.DataTable .RssButton { float: right; }

/* ============================================================= Profile Page */
a.ChangePicture { position: absolute; background: #333; background: rgba(0, 0, 0, 0.7); color: #fff; padding: 10px 0; width: 100%; display: none; text-align: center; }

.PhotoWrap:hover a.ChangePicture { display: block; }

a.ChangePicture:hover { color: #fff; text-decoration: underline; }

.ProfileOptions { float: right; position: relative; }

/* Hiding form headings with CSS in case the forms get popped */
div.Popup .SmallPopup h1 { display: none; }

/* BGColor on profile forms */
body.Profile.EditMode #Content form { padding: 10px 20px 20px; background: #f3f3f3; background: rgba(0, 0, 0, 0.05); }

/*form.Activity { display: block; margin: 0 0 10px;
	overflow: hidden;
}
form.Activity textarea { width: 100%; margin-bottom: 2px; height: 60px; min-height: 60px;
}
form.Activity .Button { float: right;
}
.ActivityComments textarea { height: 60px; min-height: 60px;
}*/
/* Invitations Form */
table.PreferenceGroup, #Form_Invitation table { width: 100%; border-collapse: collapse; margin: 10px 0; }

table.PreferenceGroup th, table.PreferenceGroup td, #Form_Invitation th, #Form_Invitation td { padding: 2px 6px; border-bottom: 1px solid #ddd; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

table.PreferenceGroup th, #Form_Invitation table th { font-weight: bold; text-align: left; }

/* Preferences Form */
.Preferences h3 { margin: 0; padding: 10px 0 4px !important; }

/** About page in content area */
.ContentColumn .About h2 { display: none; }

dl.About dt, dl.About dd { padding: 0; margin: 0; float: none; display: inline; }

dl.About dd:after { content: "\a"; white-space: pre; }

dl.About dt { color: #666; background: url("images/profile-sprites.png") 2px -139px no-repeat transparent; padding-left: 14px; }

dl.About dt.Name { background-position: 0 -26px; }

dl.About dt.Email { background-position: 0 -53px; }

dl.About dt.Joined, dl.About dt.LastActive { background-position: 0 3px; }

dl.About dt.Roles { background-position: 1px -81px; }

dl.About dt.Posts { background-position: 0 -113px; }

dl.About dd { padding: 0 8px 0 0; }

/* Invitations */
.Invitations.DataTable { margin: 15px 0; }

.Invitations.DataTable th { text-align: left; }

.Invitations.DataTable th { padding: 4px; border-bottom: 1px solid #eee; border-bottom: 1px solid rgba(0, 0, 0, 0.1); vertical-align: top; }

.Invitations th.InviteMeta { width: 20%; }

.InviteForm { margin: 5px 0; }

.InviteForm label { display: block; }

/* ======================================================== Thumbnail Cropper */
.Popup .CurrentPicture { display: none; }

.CurrentPicture table, form.Thumbnail table { width: 100%; }

.CurrentPicture table td, form.Thumbnail table td { width: 50%; font-weight: normal; vertical-align: top; padding-right: 10px; }

.CurrentPicture table thead td, form.Thumbnail table thead td { font-weight: bold; }

form.Thumbnail .Warning { margin-bottom: 20px; }

.jcropper-holder { border: 1px #000 solid; }

.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline { font-size: 0; position: absolute; background: #fff url("images/jcrop.gif") top left repeat; }

.jcrop-vline { height: 100%; width: 1px !important; }

.jcrop-hline { width: 100%; height: 1px !important; }

.jcrop-handle { font-size: 1px; width: 7px !important; height: 7px !important; border: 1px #eee solid; background-color: #333; }

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline, .custom .jcrop-hline { background: #ff0; }

.custom .jcrop-handle { border-color: #000; background-color: #c7bb00; border-radius: 3px; }

/* ================================================= CommentForm */
.Preview { background: #fff; color: #000; padding: 4px; min-height: 100px; }

.EditCommentForm .Buttons, .CommentForm .Buttons { position: relative; text-align: right; margin: 0; padding: 6px 0; }

.CommentForm .WriteButton, .CommentForm .PreviewButton, .CommentForm .DraftButton { margin: 0 6px; }

.Form-Header .Username { display: none; }

.Form-Header .Author .PhotoWrap { margin: 10px 0 0 10px; }

.EditCommentForm .FormWrapper { padding: 10px; }

.CommentForm .FormWrapper { padding: 10px 10px 10px 4.48em; }

.EmbedCommentForm.CommentForm .FormWrapper { padding-left: 10px; }

.EditCommentForm textarea.TextBox, .CommentForm textarea.TextBox { min-height: 50px; height: 50px; }

.EditCommentForm { margin: 10px 0; }

/* =================================================================== Popups */
.Popup .Info { margin-top: 10px; }

.Overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 998; }

.MSIE .Overlay { background: gray; filter: alpha(opacity=0); position: static; }

div.Popup { position: absolute; width: 100%; top: 0; left: 0; text-align: center; }

div.Popup .Border { margin: 0 auto; text-align: left; position: relative; max-width: 600px; display: inline-block; }

div.Popup .Body { background: #fff; padding: 10px; float: left; /* Put this here b/c background of form was not descending to bottom of popup. */ }

div.Popup .Loading { text-align: center; }

div.Popup h1 { margin-top: 0; }

a.Close { position: absolute; top: 16px; right: 20px; line-height: 1; color: #000; cursor: pointer; font-family: "PT Sans", sans-serif; font-size: 22px; font-weight: bold; padding: 0; }

div.Popup .Footer { border: none; background: none; padding: 0; margin: 0; text-align: right; }

div.Popup h3 { font-size: 120%; font-weight: bold; padding: 20px 0 10px; }

div.Popup p { padding: 6px 10px 10px; }

div.Popup .Legal p { padding: 6px 0 10px; }

div.Popup small { font-size: 11px; }

div.Popup form p { padding: 0; }

body.Profile.EditMode ul li label, div.Popup form ul li label { display: block; font-weight: bold; margin: 10px 0 0; }

body.Entry form ul li.Gender label.RadioLabel, body.Profile.EditMode ul li.Gender label.RadioLabel, div.Popup form ul li.Gender label.RadioLabel { display: inline; padding-right: 20px; }

li.Gender { margin-bottom: 10px; }

body.Profile.EditMode ul li label.RadioLabel, body.Profile.EditMode ul li label.CheckBoxLabel, div.Popup form ul li label.RadioLabel, div.Popup form ul li label.CheckBoxLabel { font-weight: normal; }

body.Profile.EditMode .Warning { margin: 10px 0; }

/* Serious Ajax Error Styles */
.AjaxError { white-space: pre; overflow: auto; padding: 10px; }

/* ==================================================================== Legal */
.Legal h3 { padding: 0; margin: 20px 0 0; font-size: 120%; font-weight: bold; }

.Legal ol { list-style-position: outside; list-style-type: decimal; margin: 0 30px 10px; }

.Legal ul { list-style-position: outside; list-style-type: disc; margin: 0 30px 10px; }

.Legal li { padding: 5px 0; }

.Legal strong { font-weight: bold; }

/* =================================================================== Footer */
#Foot { clear: both; text-align: center; margin: 20px 0 0; padding: 4px 9px; font-size: 13px; color: #ddd; line-height: 1; }

#Foot a { color: #ccc; }

#Foot a:hover { color: #aaa; }

.PoweredByVanilla { display: inline-block; height: 28px; width: 125px; background: url("images/vanilla-logo.svg") center center no-repeat; line-height: 999px; color: white; overflow: hidden; font-size: 0; }
.PoweredByVanilla:hover { border-bottom-color: transparent; }

/* ================================ Vanilla ================================= */
/* ============================================================== Discussions */
/* Note: The Vanilla Discussion List has the following classes applied to individual list elements and can be styled: + Bookmarked: the user has bookmarked that topic + Announcement: the discussion has been announced + Mine: the user created the discussion + New: there are new comments since the last viewed the discussion
*/
.Tag { background: #777; border-radius: 2px; color: #fff; padding: 1px 4px; line-height: 14px; }

.Tag a { color: #fff; }

.Tag.Closed { background: #555; }

.Tag.Category { background: #f0f0f0; font-weight: normal; }

.Tag.Category a { color: #000; }

.Tag.Tag-Banned { background-color: #c70028; }

/* Overview thread item*/
.ItemDiscussion { margin-bottom: 2em; padding: 0.5em; }

.DiscussionHeader { margin: 5px 0 10px; }

.BeforeCommentHeading { display: block; overflow: hidden; }

/* Category & Discussions Table Views */
.DataTable { width: 100%; table-layout: fixed; }

.DataTable td { padding: 4px; border-bottom: 1px solid #ddd; border-bottom: 1px solid rgba(0, 0, 0, 0.1); vertical-align: top; }

.DataTable thead td, .DataTable thead th { font-weight: bold; vertical-align: bottom; }

.CheckBoxColumn { width: 24px; }

.DataTable .BlockColumn { width: 30%; }

tbody .BlockColumn { padding: 8px 4px; /* compensate for line-height 1 */ }

.DataTable .BlockColumn-User { width: 15%; }

td.BigCount { width: 70px; text-align: center; font-weight: bold; }

.DiscussionsTable td.BigCount { width: 70px; }

tbody td.BigCount { font-size: 16px; padding: 8px 4px; }

.DataTable .Title { font-size: 13px; font-weight: bold; }

td.Opts { white-space: nowrap; text-align: right; width: 1px; }

.MiniPager { display: inline-block; margin-left: 3px; font-size: 11px; color: #333; }

.MiniPager a, .MiniPager span { margin: 0 1px; }

tr.CategoryHeading td { font-weight: bold; background: #f7f7f7; background: rgba(0, 0, 0, 0.03); }

/** Category Table */
.CategoryTable { font-family: "PT Sans", sans-serif; }

.CategoryTable .ChildCategories { font-size: 11px; }

.CategoryTable thead td { font-size: 80%; }

.CategoryTable .CategoryName h2 { clear: none; font-size: 120%; }

.CategoryTable .Depth2 .CategoryName { padding-left: 1.5em; }
.CategoryTable .Depth2 .CategoryName h3 { font-size: 1em; }

.CategoryTable .BigCount .Number { font-size: 120%; }

/** Discussion Sorter */
.DiscussionSorter { float: right; margin-right: 24px; font-size: 11px; }

.DiscussionSorter:hover { cursor: pointer; background: #f3f3f3; }

.DiscussionSorter .MenuItems { padding: 0; width: 130px; border-top: none; border-radius: 0; }

.DiscussionSorter .Selected { padding: 0 0 0 15px; display: inline-block; width: 115px; border: 1px solid transparent; border-bottom: none; }

.DiscussionSorter .Open .Selected { border: 1px solid #999; border-bottom: none; }

.DiscussionSorter .SpMenu { background-position: -32px -20px; height: 8px; width: 12px; margin-top: 8px; }

.DiscussionSorter .Flyout:before, .DiscussionSorter .Flyout:after { border: none; }

.DiscussionSorter .ToggleFlyout .Flyout { top: 18px; }

/* ======================================= Blocks */
.Block { line-height: 1; }

.BlockTitle { display: block; font-weight: bold; padding-bottom: 3px; font-size: 0.8em; }

.DataTable a:hover { border-bottom-color: transparent; }

.Block .PhotoWrap { float: left; margin: 0 5px 0 0; }

.Block .PostWrap { display: block; margin-left: 2em; }

.IndexPhoto img { margin-top: 7px; }

/*.Block img { height: 24px;
	width: 24px;
}*/
.Block .MItem { font-size: 80%; margin: 0; }

/* ================================= Conversation, Discussion & Comment Forms */
.SpNewConversation, .SpAskQuestion, .SpNewPoll, .SpNewDiscussion { display: inline-block; height: 16px; width: 16px; background: url("images/sprites.png") 0 -68px no-repeat; margin: 0 5px 2px 0; vertical-align: middle; }

.SpNewConversation { background-position: -64px -68px; }

.SpAskQuestion { background-position: -48px -68px; }

.SpNewPoll { background-position: -32px -68px; }

.SpRSS { background: url("images/sprites.png") no-repeat -27px -46px transparent; display: inline-block; height: 14px; vertical-align: middle; width: 14px; }

.DiscussionForm label { font-size: 14px; font-weight: bold; color: #666; }

.FormWrapper { background: #f7f7f7; background: rgba(0, 0, 0, 0.03); margin: 0; padding: 20px; }

.FormWrapper-Condensed { padding: 10px; }

.FormWrapper-Condensed .Buttons { text-align: right; }

label.B { font-weight: bold; }

.DiscussionForm textarea { width: 100%; height: 100px; min-height: 100px; margin: 0 0 6px; }

.DiscussionForm .Category, .DiscussionForm input.InputBox { width: 100%; margin-bottom: 10px; }

.DiscussionForm .Category label { padding: 0 8px 0 0; }

.DiscussionForm .PostOptions li { display: inline; padding: 0 8px 0 0; }

.DiscussionForm .PostOptions > li { display: block; margin: 0.3em 0; }

.DiscussionForm .PostOptions label { display: inline; font-weight: normal; font-size: 95%; }

.FormWrapper.StructuredForm { padding-top: 5px; }

.StructuredForm label { font-weight: bold; font-size: 14px; display: block; }

.StructuredForm .P { margin: 15px 0; }

.StructuredForm label.RadioLabel, .StructuredForm label.CheckBoxLabel, .StructuredForm label.Unstyled { font-size: 100%; font-weight: normal; }

.StructuredForm input.hasDatepicker, .StructuredForm input.hasDatepicker:focus { background-image: url("images/calendar.png"); background-repeat: no-repeat; background-position: center right; padding-right: 24px; }

.List.Inline { display: inline; }

.List.Inline * { line-height: 16px; }

/* ============================== Conversations ============================= */
textarea.MultiComplete { width: 100%; height: 20px; text-align: left; }

#Panel input.InputBox, .AddPeople textarea.MultiComplete { width: 100%; margin-bottom: 2px; }

.AddPeople form div { text-align: right; }

.ac_results { padding: 0; border: 1px solid #d7d8da; border-top: 0; background-color: #fff; overflow: hidden; z-index: 99999; }

.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }

.ac_results li { margin: 0; padding: 5px; cursor: default; display: block;  /*
if width will be 100% horizontal scrollbar will apear
when scroll mode will be used
*/ /*width: 100%;*/ font-size: 12px;  /*
it is very important, if line-height not setted or setted
in relative units scroll will be broken in firefox
*/ line-height: 16px; overflow: hidden; border-bottom: 1px solid #d7d8da; text-align: left; }

.ac_lastitem { border-bottom: 0 !important; }

.ac_results strong { font-weight: bold; background: #c7e2ff; }

.ac_over strong { font-weight: bold; background: #216ebf; }

.ac_over { background: #004d9f; color: #fff; }

.AddPeople h4 { border-bottom: 0; }

/* ==================================================== New Conversation Form */
#ConversationForm label { display: block; text-align: left; color: #666; font-size: 14px; font-weight: bold; }

#ConversationForm .TextBox { width: 100%; height: 100px; min-height: 100px; margin: 8px 0 6px; }

body.Conversations a.Cancel { margin-left: 20px; }

/* Upload Progress Bar */
.UploadProgress { margin: 10px 0; background: url("images/upload-progress-back.gif") repeat; width: 200px; z-index: 0; color: #fff; text-shadow: 0 1px 1px #333; border: 1px solid #0c3c7e; border-radius: 2px; }

.UploadProgress div { padding: 2px 0; }

.UploadProgress div strong { font-weight: bold; }

.UploadProgress .Foreground, .UploadProgress .Background { position: absolute; }

.UploadProgress .Background { width: 0; background: url("images/upload-bg.gif") repeat; z-index: 1; }

.UploadProgress .Foreground { text-indent: 6px; overflow: visible; white-space: nowrap; z-index: 2; }

/* Container */
.Border { border-radius: 8px; background: #ddd; background: rgba(82, 82, 82, 0.7); padding: 10px; }

/* Tabs */
ul.Tabs { border-bottom: 1px solid #aaa; text-align: left; padding-left: 4px; }

ul.Tabs li { display: inline-block; }

ul.Tabs li a { display: inline-block; margin-left: 4px; border: 1px solid #aaa; border-width: 1px 1px 0 1px; border-radius: 3px 3px 0 0; background: #eee; color: #888; position: relative; top: 1px; padding: 2px 8px 1px; }

ul.Tabs li a:hover { background: #f5f5f5; color: #444; }

ul.Tabs li a.Active { padding: 2px 8px; background: #fff; color: #000; }

/* Icons */
ul.Tabs li a.EntryTabFor_password { padding-left: 22px; background-image: url("images/icon.png"); background-position: 3px 4px; background-repeat: no-repeat; }

/* ============================================================ Entry Screens */
body.Entry form ul li label { font-weight: bold; padding: 6px 0 0; display: block; }

body.Entry form ul li label.CheckBoxLabel, body.Entry form ul li label.RadioLabel { font-weight: normal; width: auto; }

span.Incorrect { display: block; color: #f00; }

.SingleEntryMethod { margin: 0 auto; }

.MultipleEntryMethods { margin: 0 auto; overflow: hidden; }

.MultipleEntryMethods .MainForm { float: left; /* Fix mainform from shoving the other entry methods down when an error occurs during login */ width: 300px; }

.MultipleEntryMethods .Methods { padding: 0 15px 5px; line-height: 1; margin-left: 300px; }

body#dashboard_entry_password #Content input.Password, body#dashboard_entry_signin #Content input.Password, body#dashboard_entry_index #Content input.Password, .SignInPopup input.Password { width: 180px; }

.PasswordStrength { position: relative; margin-top: 2px; padding-right: 8px; margin-bottom: 4px; height: 10px; }

.PasswordStrength .Background { height: 4px; background-color: #e8e8e8; width: 100%; position: absolute; left: 0; }

.PasswordStrength .Strength { height: 4px; background-color: #c81818; width: 0; position: absolute; left: 0; }

.PasswordStrength .Separator { height: 4px; width: 2px; background-color: #fff; position: absolute; left: 0; }

.PasswordStrength .StrengthText { padding-top: 2px; text-align: right; font-size: 12px; margin-right: -8px; }

.PasswordStrength.Score-0 .Strength { width: 0; }

.PasswordStrength.Score-0 .StrengthText { color: #888; }

.PasswordStrength.Score-1 .Strength { background-color: #c81818; width: 20%; }

.PasswordStrength.Score-1 .StrengthText { color: #c81818; }

.PasswordStrength.Score-2 .Strength { background-color: #ff891d; width: 40%; }

.PasswordStrength.Score-2 .StrengthText { color: #ff891d; }

.PasswordStrength.Score-3 .Strength { background-color: #ffac1d; width: 60%; }

.PasswordStrength.Score-3 .StrengthText { color: #ffac1d; }

.PasswordStrength.Score-4 .Strength { background-color: #a6C060; width: 80%; }

.PasswordStrength.Score-4 .StrengthText { color: #a6C060; }

.PasswordStrength.Score-5 .Strength { background-color: #27b30f; width: 100%; }

.PasswordStrength.Score-5 .StrengthText { color: #27b30f; }

a.ForgotPassword { margin-left: 10px; }

li.Buttons div a.ForgotPassword { margin: 0; }

body#dashboard_entry_password ul li label.CheckBoxLabel, body#dashboard_entry_signin ul li label.CheckBoxLabel, body#dashboard_entry_index ul li label.CheckBoxLabel, .SignInPopup ul li label.CheckBoxLabel { display: inline; font-size: 12px; font-weight: normal; margin: 10px 0 0 10px; }

.SignInPopup li.Buttons, body.Entry li.Buttons { text-align: left; padding: 0 0 10px; }

.Methods .Method { margin: 5px 0; }

.MainForm .InputBox { max-width: 250px; }

/* Handshake */
body#dashboard_entry_handshake #Content { width: 720px; }

body#dashboard_entry_handshake #Content form { padding: 20px 30px 26px; }

body#dashboard_entry_handshake ul.NewAccount { float: left; width: 315px; margin-right: 44px; border-right: 1px solid #a5d0e7; }

body#dashboard_entry_handshake ul.LinkAccount { margin-left: 315px; }

ul.NewAccount h2, ul.LinkAccount h2 { padding-left: 36px !important; background: url("images/dashboard-sprites.png") 0 -542px no-repeat; }

ul.LinkAccount h2 { padding-left: 84px !important; background-position: 45px -296px; }

body#dashboard_entry_handshake .Info { border: 1px solid #a5d0e7; background: #d3f0ff; color: #02475a; }

body#dashboard_entry_handshake #Content h2 { border: none; color: #02475a; font-size: 140%; font-weight: bold; padding: 6px 0; margin: 0; text-align: left; }

/* Leaving Page */
body#dashboard_entry_leave p { margin: 0; padding: 20px 10px; }

body#dashboard_entry_leave p.Leaving { background: url("images/progress.gif") left center no-repeat; margin: 0 0 0 14px; padding: 20px 0 20px 50px; }

.Connect form ul li#ConnectPassword label, .SignInPopup form ul li#ConnectPassword label { padding: 10px 0 0; }

.FinePrint { color: #777; }

/* Do not customize these unless you enjoy pain. */
/* Error messages that get displayed on forms throughout the application. */
.Errors { text-align: left; position: inherit; top: auto; left: auto; z-index: auto; margin: 0 0 10px !important; }

* html .Errors { position: inherit; width: auto; top: auto; left: auto; overflow: auto; }

.Errors ul { border: 1px solid #a00 !important; background: #d50a0a !important; padding: 6px 10px; display: block; border-radius: 2px; }

.Errors a { color: #fff; text-decoration: underline; }

.Errors ul li { color: #fff !important; background: #d50a0a !important; text-align: left; }

div.Popup .Errors ul { display: block; border-radius: 2px; border: 1px solid #a00 !important; }

div.Popup .Errors { text-align: left; position: inherit; top: auto; left: auto; z-index: auto; margin: 10px 0 !important; }

.Errors pre { margin: 10px 0 5px; padding: 4px 8px; display: block; border-radius: 2px; white-space: pre; overflow: auto; }

.Errors pre, .Errors pre * { background: #ffa !important; font-size: 12px !important; font-weight: normal !important; font-family: monospace !important; text-shadow: none !important; color: #333 !important; line-height: 1.4 !important; }

.Errors pre * { margin: 0 !important; padding: 0 !important; }

/* Note: InformMessages are "growl" style messages that appear in a fixed
position on the page to notify users of things like drafts being saved, etc. */
.InformMessages { text-align: left; position: fixed; top: auto; bottom: 0; left: 0; z-index: 200; margin: 0; padding: 0; list-style: none; font-size: 12px; display: block; width: auto; }

* html .InformMessages { position: absolute; top: auto; margin-left: 10px; overflow: visible; }

.InformWrapper { display: block; margin: 10px; }

.InformMessages .InformMessage { color: #fff !important; text-shadow: 0 1px 1px #000; text-align: left !important; border-radius: 2px; background: #000 !important; background: rgba(0, 0, 0, 0.7) !important; border: none !important; width: auto; max-width: 400px; padding: 9px 14px 8px; display: -moz-inline-stack; display: inline-block; zoom: 1; position: relative; line-height: 1.6; }

.InformMessages .InformMessage:hover { background: #333; background: rgba(0, 0, 0, 0.8) !important; }

.InformMessages .InformMessage a { color: #aff; }

.InformMessages .InformMessage a:hover { color: #cff; text-decoration: underline; }

.InformMessages .InformMessage strong { font-weight: bold; }

.InformMessages .InformMessage a.Close { border: none; background: transparent; border-top-right-radius: 2px; color: #ddd; font-size: 14px; text-align: center; display: none; height: 12px; width: 12px; line-height: 1; text-decoration: none; position: absolute; top: 0; right: 0; }

.InformMessages .InformMessage a.Close span { display: inline; }

.InformMessages .InformMessage a.Close:hover { background: #000; color: #fff; }

.InformMessages .InformMessage:hover a.Close { display: block; }

/* iPad/iPhone */
@media only screen and (device-width: 768px), only screen and (max-device-width: 480px) { .InformMessages .InformMessage a.Close { color: #fff; display: block; }
  .Item .OptionsTitle { visibility: visible; } }
/* Small screens */
@media (max-width: 500px) { .InformMessages { width: 100%; }
  .InformWrapper { margin: 5px; }
  .InformMessages .InformMessage { display: block; max-width: inherit; } }
.InformMessages .Actions a { margin-right: 4px; }

.InformMessages .Actions a:last-child { margin-right: 0; }

.InformMessages .Actions a.CancelAction { color: #aaa; }

/* Inform Sprites */
.InformMessages .InformWrapper.HasIcon .InformMessage { padding-left: 42px !important; min-height: 20px; }

.InformMessages .InformWrapper.HasSprite .InformMessage { padding-left: 40px !important; }

.InformMessages .InformMessage a.Icon { display: block; position: absolute; top: 5px; left: 5px; height: 28px; width: 28px; }

.InformMessages .InformMessage a.Icon img { height: 28px; width: 28px; }

span.InformSprite { background: url("images/inform-sprites.png") -9px -9px no-repeat; display: block; position: absolute; top: 4px; left: 5px; height: 30px; width: 30px; }

span.InformSprite.Refresh { background-position: -9px -9px; }

span.InformSprite.Recycle { background-position: -57px -9px; }

span.InformSprite.Infinity { background-position: -105px -9px; }

span.InformSprite.Squiggle { background-position: -153px -9px; }

span.InformSprite.Random { background-position: -200px -9px; }

span.InformSprite.Magnify { background-position: -250px -9px; }

span.InformSprite.Location { background-position: -298px -9px; }

span.InformSprite.Bubble { background-position: -346px -9px; }

span.InformSprite.ElipsisBubble { background-position: -394px -9px; }

span.InformSprite.Plus { background-position: -442px -9px; }

span.InformSprite.Time { background-position: -9px -57px; }

span.InformSprite.Eye { background-position: -57px -57px; }

span.InformSprite.Target { background-position: -105px -57px; }

span.InformSprite.Redflag { background-position: -153px -57px; }

span.InformSprite.Flags { background-position: -200px -57px; }

span.InformSprite.Graph { background-position: -250px -57px; }

span.InformSprite.Chart { background-position: -298px -57px; }

span.InformSprite.Envelope { background-position: -346px -57px; }

span.InformSprite.Gear { background-position: -394px -57px; }

span.InformSprite.Gears { background-position: -442px -57px; }

span.InformSprite.Skull { background-position: -9px -106px; }

span.InformSprite.SkullBones { background-position: -57px -106px; }

span.InformSprite.Bird { background-position: -105px -106px; }

span.InformSprite.Present { background-position: -153px -106px; }

span.InformSprite.Thundercloud { background-position: -200px -106px; }

span.InformSprite.Bandaid { background-position: -250px -106px; }

span.InformSprite.Saturn { background-position: -298px -106px; }

span.InformSprite.Star { background-position: -346px -106px; }

span.InformSprite.Heart { background-position: -394px -106px; }

span.InformSprite.Key { background-position: -442px -106px; }

span.InformSprite.Ipod { background-position: -9px -152px; }

span.InformSprite.Iphone { background-position: -57px -152px; }

span.InformSprite.Cabinet { background-position: -105px -152px; }

span.InformSprite.Coffee { background-position: -153px -152px; }

span.InformSprite.Briefcase { background-position: -200px -152px; }

span.InformSprite.Toolcase { background-position: -250px -152px; }

span.InformSprite.Suitcase { background-position: -298px -152px; }

span.InformSprite.Airplane { background-position: -346px -152px; }

span.InformSprite.Spraypaint { background-position: -394px -152px; }

span.InformSprite.MailInbox { background-position: -442px -154px; }

span.InformSprite.WallPicture { background-position: -9px -200px; }

span.InformSprite.Photos { background-position: -57px -200px; }

span.InformSprite.FilmRoll { background-position: -105px -200px; }

span.InformSprite.Drawer { background-position: -153px -200px; }

span.InformSprite.FilmStrip { background-position: -200px -200px; }

span.InformSprite.FilmStrip2 { background-position: -250px -200px; }

span.InformSprite.Gas { background-position: -298px -200px; }

span.InformSprite.Cutlery { background-position: -346px -200px; }

span.InformSprite.Battery { background-position: -394px -200px; }

span.InformSprite.Beaker { background-position: -442px -200px; }

span.InformSprite.Outlet { background-position: -9px -250px; }

span.InformSprite.Pinetree { background-position: -57px -250px; }

span.InformSprite.House { background-position: -105px -250px; }

span.InformSprite.Padlock { background-position: -153px -250px; }

span.InformSprite.Network { background-position: -200px -250px; }

span.InformSprite.Cloud { background-position: -250px -250px; }

span.InformSprite.Download { background-position: -298px -250px; }

span.InformSprite.BookmarkRibbon { background-position: -346px -250px; }

span.InformSprite.Flag { background-position: -394px -250px; }

span.InformSprite.Signpost { background-position: -442px -250px; }

span.InformSprite.Brightness { background-position: -9px -298px; }

span.InformSprite.Contrast { background-position: -57px -298px; }

span.InformSprite.Runner { background-position: -105px -298px; }

span.InformSprite.Zap { background-position: -153px -298px; }

span.InformSprite.MusicNote { background-position: -200px -298px; }

span.InformSprite.Microphone { background-position: -250px -298px; }

span.InformSprite.Tshirt { background-position: -298px -298px; }

span.InformSprite.Paperclip { background-position: -346px -298px; }

span.InformSprite.Monitor { background-position: -394px -298px; }

span.InformSprite.Tv { background-position: -442px -297px; }

span.InformSprite.Compass { background-position: -9px -346px; }

span.InformSprite.Pin { background-position: -57px -346px; }

span.InformSprite.Radar { background-position: -105px -346px; }

span.InformSprite.Location { background-position: -153px -346px; }

span.InformSprite.Telephone { background-position: -200px -346px; }

span.InformSprite.Baby { background-position: -250px -346px; }

span.InformSprite.Ekg { background-position: -298px -346px; }

span.InformSprite.Stopwatch { background-position: -346px -346px; }

span.InformSprite.MedicalBag { background-position: -394px -346px; }

span.InformSprite.ShoppingCart { background-position: -442px -346px; }

span.InformSprite.Dashboard { background-position: -9px -393px; }

span.InformSprite.Dogpaw { background-position: -57px -393px; }

span.InformSprite.Calendar { background-position: -105px -393px; }

span.InformSprite.Lightbulb { background-position: -153px -393px; }

span.InformSprite.Trophy { background-position: -200px -393px; }

span.InformSprite.Camera { background-position: -250px -393px; }

span.InformSprite.Wineglass { background-position: -298px -393px; }

span.InformSprite.Beerglass { background-position: -346px -391px; }

span.InformSprite.Dumbbells { background-position: -394px -393px; }

span.InformSprite.Buoy { background-position: -442px -393px; }

span.InformSprite.Beaker2 { background-position: -9px -440px; }

span.InformSprite.Testtube { background-position: -57px -440px; }

span.InformSprite.Thermometer { background-position: -105px -440px; }

span.InformSprite.Pill { background-position: -153px -440px; }

span.InformSprite.Equalizer { background-position: -200px -440px; }

span.InformSprite.Book { background-position: -250px -440px; }

span.InformSprite.Puzzle { background-position: -298px -440px; }

span.InformSprite.Palette { background-position: -346px -440px; }

span.InformSprite.Umbrella { background-position: -394px -440px; }

span.InformSprite.CoffeeCup { background-position: -442px -440px; }

span.InformSprite.Gameplan { background-position: -9px -490px; }

span.InformSprite.Walk { background-position: -57px -490px; }

span.InformSprite.Map { background-position: -105px -490px; }

span.InformSprite.IndexCards { background-position: -153px -490px; }

span.InformSprite.Piano { background-position: -200px -490px; }

span.InformSprite.Sliders { background-position: -250px -490px; }

span.InformSprite.Widescreen { background-position: -298px -490px; }

span.InformSprite.Badge { background-position: -346px -490px; }

span.InformSprite.Chicken { background-position: -394px -490px; }

span.InformSprite.Bug { background-position: -442px -490px; }

span.InformSprite.SingleUser { background-position: -9px -539px; }

span.InformSprite.Group { background-position: -57px -537px; }

span.InformSprite.Navigation { background-position: -105px -537px; }

span.InformSprite.Balloon { background-position: -153px -537px; }

span.InformSprite.Bowandarrow { background-position: -200px -537px; }

span.InformSprite.Controller { background-position: -250px -537px; }

span.InformSprite.Check { background-position: -298px -537px; }

span.InformSprite.Hanger { background-position: -346px -537px; }

span.InformSprite.Piggybank { background-position: -394px -537px; }

span.InformSprite.Headphones { background-position: -442px -537px; }

span.InformSprite.Landscape { background-position: -9px -586px; }

span.InformSprite.Stats { background-position: -57px -586px; }

span.InformSprite.Idcard { background-position: -105px -586px; }

span.InformSprite.Bullhorn { background-position: -153px -586px; }

span.InformSprite.Food { background-position: -200px -586px; }

span.InformSprite.Moon { background-position: -250px -586px; }

span.InformSprite.Sock { background-position: -298px -586px; }

span.InformSprite.Bone { background-position: -346px -586px; }

span.InformSprite.Golf { background-position: -394px -586px; }

span.InformSprite.Dice { background-position: -442px -586px; }

.Sprite16 { background: url("images/sprites.png") 0 0 no-repeat; display: inline-block; height: 16px; width: 16px; vertical-align: top; }

/* 16px Sprites White */
.SpDashboard, .SpOptions, .SpCog { background-position: 0 -148px; }

.SpSettings { background-position: -16px -212px; }

.SpNotifications, .SpGlobe { background-position: -32px -212px; }

.SpSignOut, .SpExit { background-position: -48px -212px; }

.SpMarker { background-position: -64px -212px; }

.SpDocuments { background-position: -80px -212px; }

.SpInbox, .SpEnvelope { background-position: 0 -228px; }

.SpInmail { background-position: -16px -228px; }

.SpRoundBubble { background-position: -32px -228px; }

.SpSquareBubble { background-position: -48px -228px; }

.SpRoundBubbles { background-position: -64px -228px; }

.SpSquareBubbles { background-position: -80px -228px; }

.SpTag { background-position: 0 -244px; }

.SpWrite { background-position: -16px -244px; }

.SpLock { background-position: -32px -244px; }

.SpRoundAlert { background-position: -48px -244px; }

.SpTriangleAlert { background-position: -64px -244px; }

.SpBookmarks, .SpStar { background-position: -80px -244px; }

.SpSearch { background-position: 0 -260px; }

.SpTrash { background-position: -16px -260px; }

.SpUser { background-position: -32px -260px; }

.SpRefresh { background-position: -48px -260px; }

.SpPencil { background-position: -64px -260px; }

.SpPlus { background-position: -80px -260px; }

/* 16px Sprites White Transparent */
.SpDashboard, .SpCog { background-position: 0 -276px; }

.SpSettings { background-position: -16px -276px; }

.SpNotifications, .SpGlobe { background-position: -32px -276px; }

.SpSignOut, .SpExit { background-position: -48px -276px; }

.SpMarker { background-position: -64px -276px; }

.SpDocuments { background-position: -80px -276px; }

.SpInbox, .SpEnvelope { background-position: 0 -292px; }

.SpInmail { background-position: -16px -292px; }

.SpRoundBubble { background-position: -32px -292px; }

.SpSquareBubble { background-position: -48px -292px; }

.SpRoundBubbles { background-position: -64px -292px; }

.SpSquareBubbles { background-position: -80px -292px; }

.SpTag { background-position: 0 -308px; }

.SpWrite { background-position: -16px -308px; }

.SpLock { background-position: -32px -308px; }

.SpRoundAlert { background-position: -48px -308px; }

.SpTriangleAlert { background-position: -64px -308px; }

.SpBookmarks, .SpStar { background-position: -80px -308px; }

.SpSearch { background-position: 0 -324px; }

.SpTrash { background-position: -16px -324px; }

.SpUser { background-position: -32px -324px; }

.SpRefresh { background-position: -48px -324px; }

.SpPencil { background-position: -64px -324px; }

.SpPlus { background-position: -80px -324px; }

/* 16px Sprites Black */
.SpDashboard, .SpCog { background-position: 0 -84px; }

.SpSettings { background-position: -16px -84px; }

.SpNotifications, .SpGlobe { background-position: -32px -84px; }

.SpSignOut, .SpExit { background-position: -48px -84px; }

.SpMarker { background-position: -64px -84px; }

.SpDocuments { background-position: -80px -84px; }

.SpInbox, .SpEnvelope { background-position: 0 -100px; }

.SpInmail { background-position: -16px -100px; }

.SpRoundBubble { background-position: -32px -100px; }

.SpSquareBubble { background-position: -48px -100px; }

.SpRoundBubbles { background-position: -64px -100px; }

.SpSquareBubbles { background-position: -80px -100px; }

.SpTag { background-position: 0 -116px; }

.SpWrite { background-position: -16px -116px; }

.SpLock { background-position: -32px -116px; }

.SpRoundAlert { background-position: -48px -116px; }

.SpTriangleAlert { background-position: -64px -116px; }

.SpBookmarks, .SpStar { background-position: -80px -116px; }

.SpSearch { background-position: 0 -132px; }

.SpTrash { background-position: -16px -132px; }

.SpUser { background-position: -32px -132px; }

.SpRefresh { background-position: -48px -132px; }

.SpPencil { background-position: -64px -132px; }

.SpPlus { background-position: -80px -132px; }

/* 16px Sprites Black Transparent */
.SpDashboard, .SpCog { background-position: 0 -148px; }

.SpSettings { background-position: -16px -148px; }

.SpNotifications, .SpGlobe { background-position: -32px -148px; }

.SpSignOut, .SpExit { background-position: -48px -148px; }

.SpMarker { background-position: -64px -148px; }

.SpDocuments { background-position: -80px -148px; }

.SpInbox, .SpEnvelope { background-position: 0 -164px; }

.SpInmail { background-position: -16px -164px; }

.SpRoundBubble { background-position: -32px -164px; }

.SpSquareBubble { background-position: -48px -164px; }

.SpRoundBubbles { background-position: -64px -164px; }

.SpSquareBubbles { background-position: -80px -164px; }

.SpTag { background-position: 0 -180px; }

.SpWrite { background-position: -16px -180px; }

.SpLock { background-position: -32px -180px; }

.SpRoundAlert { background-position: -48px -180px; }

.SpTriangleAlert { background-position: -64px -180px; }

.SpBookmarks, .SpStar { background-position: -80px -180px; }

.SpSearch { background-position: 0 -196px; }

.SpTrash { background-position: -16px -196px; }

.SpUser { background-position: -32px -196px; }

.SpRefresh { background-position: -48px -196px; }

.SpPencil { background-position: -64px -196px; }

.SpPlus { background-position: -80px -196px; }

/* ============================= Embedded Discussion & Comment Customizations */
body.embed #Content { float: none; margin: 0; width: auto; }

body.embed .InformMessages { display: none; }

.EmbedCommentForm { padding: 0; border-top: 1px solid #fff; }

.EmbedCommentForm.CommentForm textarea.TextBox { width: 100%; height: 10em; min-height: 8em; padding: 3px; border-radius: 0; }

.Embed .Buttons { text-align: right; }

.EmbedCommentForm .Author { display: inline-block; color: #777; padding: 0 8px 0 0; }

.Embed .CommentForm input.Button { font-size: 12px; }

.Embed .Foot { background: none; border: none; text-align: right; }

.Embed .MorePager a { background: none; border: none; padding: 0; }

.Embed .MorePager a.Loading, .Embed .MorePager a.Loading:hover { text-decoration: none !important; }

.Embed .Administration { display: none; }

.Embed .MorePager { padding: 2px 8px 4px; }

/* ============================================================ Regarding */
.RegardingEvent { padding: 10px; position: relative; padding-left: 38px; color: #fff !important; text-shadow: 0 1px 1px #000; text-align: left !important; border-radius: 4px; background: #000 !important; background: rgba(0, 0, 0, 0.7) !important; }

.RegardingEvent span.InformSprite { top: 5px; left: 5px; }

.RegardingEvent a.ReportedUser, .RegardingEvent a.ReportingUser { color: #cfecff; }

.RegardingEvent .ReportedReason { padding: 5px; font-style: italic; }

.RegardingEvent .RegardingTime { font-size: 9px; text-transform: uppercase; color: #b1b1b1; }

.RegardingActions { position: relative; overflow: hidden; height: 100%; padding: 0 10px; margin-bottom: 10px; }

.RegardingActions .ActionButton { padding: 0 5px 2px 5px; display: inline-block; margin-right: 4px; color: #fff !important; text-shadow: 0 1px 1px #000; text-align: left !important; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background: #000 !important; background: rgba(0, 0, 0, 0.7) !important; }

.RegardingActions .ActionButton a { color: #cfecff; font-size: 10px; text-transform: uppercase; }

.PhotoWrap { position: relative; line-height: 1; }

.ProfilePhoto { height: 40px; width: 40px; vertical-align: bottom; }

.ProfilePhotoSmall { height: 1.6em; width: 1.6em; vertical-align: bottom; }

.ProfilePhotoMedium { height: 3.2em; width: 3.2em; }

.ProfilePhotoLarge { width: 100%; }

.PhotoGrid { line-height: 32px; margin: 2px -2px; }

.PhotoGrid img { margin: 2px; vertical-align: text-bottom; height: 32px; width: 32px; }

.PhotoGridSmall { line-height: 24px; margin: 1px -1px; }

.PhotoGridSmall img { margin: 1px; vertical-align: text-bottom; height: 24px; width: 24px; }

.CategoryPhoto { max-height: 64px; }

.PhotoGrid .UserPicture { display: inline-block; }

.PhotoGrid .UserPicture * { vertical-align: bottom; }

.PhotoGrid .Username { display: inline-block; line-height: 32px; }

.PhotoGridSmall .Username { line-height: 24px; }

/* Reaction Buttons */
.Reactions { position: relative; margin: 15px 0 0; }

.ReactButton { display: inline-block; margin: 0 2px; line-height: 18px; vertical-align: top; }

.Reactions > a.React { margin: 0 10px; padding: 0; }

.Reactions > a.React > .ReactSprite { margin-right: 2px; }

.Flyout.Flags { top: 25px; z-index: 997; }

.Reactions .FlagMenu .MenuItems .ReactButton { margin: 0; padding: 0 15px; }

.SpEditProfile { background-image: url("images/sprites-14-000000.png"); background-position: -245px -29px; }

.Handle > .SpEditProfile, .NavButton > .SpEditProfile { display: inline-block; width: 14px; height: 14px; line-height: 14px; vertical-align: top; }

/* === Reaction Sprites === */
.ReactSprite { display: inline-block; width: 16px; height: 16px; margin-right: .3em; line-height: 18px; vertical-align: top; background-image: url("images/sprites-14-000000.png"); background-position: 16px 16px; background-repeat: no-repeat; }

input + .ReactSprite { vertical-align: middle; }

.ReactEverything { background-position: -197px -53px; }

.ReactAwesome { background-position: -269px -6px; }

.ReactFeature { background-position: -280px -60px; }

.ReactFlag { background-position: -54px -52px; }

.ReactInsightful { background-position: -149px -6px; }

.ReactOffTopic { background-position: -173px -6px; }

.ReactAbuse { background-position: -6px -52px; }

.ReactSpam { background-position: -125px -6px; }

.ReactTroll { background-position: -101px -6px; }

.ReactPromote { background-position: -50px -29px; }

.ReactDisagree { background-position: -28px -5px; }

.ReactAgree { background-position: -4px -5px; }

.ReactDislike { background-position: -28px -28px; }

.ReactLike { background-position: -4px -31px; }

.ReactDown { background-position: -220px -29px; }

.ReactUp { background-position: -195px -30px; }

.ReactWTF { background-position: -76px -5px; }

.ReactLOL { background-position: -52px -5px; }

.ReactQuote { background-position: -316px -6px; }

.ReactInfraction { background-position: -100px -53px; }

.ReactAccept { background-position: -6px -102px; }

.ReactReject { background-position: -342px -6px; }

.ReactFacebook { background-position: -29px -124px; }

.ReactTwitter { background-position: -53px -124px; }

.ReactGooglePlus { background-position: -77px -124px; }

.ReactMessage { background-position: -101px -102px; }

.ReactWarn { background-position: -222px -6px; }

/* Switch to the white icons when hovering over a menuitem sprite */
.MenuItems a:hover .ReactSprite, .MenuItems a:hover .Sprite { background-image: url("https://c3409409.ssl.cf0.rackcdn.com/images/sprites-14-fff.png"); }

/* Switch to bordered icons for user reaction overlays */
.UserReactionWrap .ReactSprite { background-image: url("https://c3409409.ssl.cf0.rackcdn.com/images/sprites-14-000-bordered.png"); }

.ActionBlock { margin: 15px 0 5px; font-style: italic; }

/* Embedded Video Preview Hide/Reveal */
.Video.YouTube .VideoPlayer { display: none; }

.Video.YouTube .VideoPreview { cursor: pointer; position: relative; max-width: 100%; display: inline-block; height: auto; }

.Video.YouTube .VideoPreview:after { background: url("https://c3409409.ssl.cf0.rackcdn.com/images/youtube-overlay-button.png") 0 -44px no-repeat transparent; position: absolute; display: block; content: ''; top: 50%; left: 50%; margin-left: -30px; margin-top: -22px; height: 44px; width: 60px; }

.Video.YouTube .VideoPreview:hover:after { background-position: 0 0; }

.Video.YouTube .VideoPreview img { max-width: 100%; height: auto !important; }

/* For vimeo/other embeds */
.Section-Discussion .Message iframe, .Section-BestOf iframe { max-width: 100%; }

.Section-BestOf iframe { height: auto; }

/* Media */
.Media { margin: 5px 0 10px; }

.Media, .Media .Media-Body { overflow: hidden; zoom: 1; }

.Media .Img { float: left; margin-right: 10px; }

.Media .Img img { display: block; }

.Media .ImgExt { float: right; margin-left: 10px; }

.Item h2 + .Media, .Item h3 + .Media { margin-top: 0; }

/* Overrides */
.Hidden { display: none; }

/* Screen readers only, as part of Section 508 compliance. */
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/* Token input */
ul.token-input-list { box-sizing: border-box; border: 1px solid #aaa; color: #333; font-size: 15px; margin: 0 !important; padding: 3px; overflow: hidden; height: auto !important; height: 1%; width: 100%; cursor: text; min-height: 1px; z-index: 999; background-color: #fff; list-style-type: none; }

ul.token-input-list-focus, ul.token-input-list-focus input { background: #ffe; }

ul.token-input-list li input { border: 0; width: 100px; padding: 3px 3px; margin: 2px 0; }

li.token-input-token { overflow: hidden; height: auto !important; height: 1%; margin-right: 3px; padding: 1px 5px; line-height: 20px; cursor: default; border: 1px solid #999; border-radius: 2px; float: left; font-size: 13px; }

li.token-input-token.not-allowed { background-color: #ffc2c2; color: #c91313; border: 1px solid #ff3232; }

li.token-input-token.not-allowed span { color: #c91313; }

li.token-input-token p { display: inline; padding: 0; margin: 0; line-height: 1.4; vertical-align: middle; }

li.token-input-token span { margin-left: 5px; font-weight: bold; cursor: pointer; font-family: "PT Sans", sans-serif; font-size: 13px; vertical-align: middle; }

li.token-input-selected-token { background-color: #eee; }

li.token-input-selected-token.not-allowed { background-color: #f00; color: #fff; border: 1px solid #ff3232; }

li.token-input-selected-token.not-allowed span { color: #fff; }

li.token-input-input-token { float: left; }

div.token-input-dropdown { position: absolute; background-color: #fff; overflow: hidden; border: 1px solid #aaa; border-top-width: 0; cursor: default; z-index: 1; padding: 0 3px; }

div.token-input-dropdown p { margin: 0; padding: 5px; }

div.token-input-dropdown ul { margin: 0 -3px !important; padding: 0; }

div.token-input-dropdown ul li { background-color: #fff; padding: 3px 6px; }

div.token-input-dropdown ul li.token-input-dropdown-item { background-color: #fff; }

div.token-input-dropdown ul li.token-input-dropdown-item2 { background-color: #fff; }

div.token-input-dropdown ul li em { font-weight: bold; font-style: none; }

div.token-input-dropdown ul li.token-input-selected-dropdown-item { background-color: #eee; }

/** At mentions in core, moved from advanced editor. */
.atwho-view { font: normal 14px/1.7em 'lucida grande', 'Lucida Sans Unicode', tahoma, sans-serif; position: absolute; top: 0; left: 0; display: none; margin-top: 18px; background: #fff; min-width: 120px; z-index: 100010; /* So high because a client actually had 99999 in a theme */ border-radius: 2px; overflow: hidden; box-shadow: 0 5px 10px #eee; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.atwho-view .cur { background: #1e79a7; color: #fff; }

.atwho-view .cur small { color: #fff; }

.atwho-view strong { color: #1e79a7; }

.atwho-view .cur strong { color: #fff; font-weight: bold; }

.atwho-view ul { list-style: none; padding: 0; margin: auto; }

.atwho-view ul li { display: block; border-bottom: 1px solid #eee; border-bottom: 1px solid rgba(0, 0, 0, 0.05); cursor: pointer; padding: 0 5px; line-height: 34px; }

.atwho-view ul li:last-child { border: 0; }

.atwho-view small { font-size: smaller; color: #777; font-weight: 400; }

.at-suggest-emoji .emoji-wrap { display: inline-block; width: 34px; overflow: hidden; line-height: 34px; text-align: center; vertical-align: top; }

.at-suggest-emoji .emoji-wrap > * { display: inline-block; line-height: 34px; }

.at-suggest-emoji .emoji-name { display: inline-block; line-height: 34px; vertical-align: top; }

/** Text formatting alignment */
.AlignLeft { float: left; margin: 0 10px 10px 0; text-align: left; }

.AlignCenter { margin: 0 auto; display: block; text-align: center; }

.AlignRight { float: right; margin: 0 0 10px 10px; text-align: right; }

/** Socialcons */
.SocialIcon { display: inline-block; overflow: hidden; font-weight: bold; line-height: 24px; color: #fff !important; text-decoration: none; vertical-align: middle; }

.SocialIcon.HasText { min-width: 210px; line-height: 32px; }

.SocialIcon .Icon { width: 24px; height: 24px; }

.SocialIcon.HasText .Icon { width: 32px; height: 32px; }

.SocialIcon .Text { padding: 0 15px 0 10px; border-left: 1px solid #eee; border-left: 1px solid rgba(0, 0, 0, 0.1); }

.SocialIcon { -webkit-transition: background-color 100ms; transition: background-color 100ms; }

.SocialIcon .Icon, .SocialIcon .Text { display: block; float: left; vertical-align: top; }

.SocialIcon .Icon { background-image: url("images/socialcons-small.png"); background-repeat: no-repeat; background-size: 24px 168px; }

.SocialIcon.HasText .Icon { background-size: 32px 224px; background-image: url("images/socialcons.png"); }

@media (min-device-pixel-ratio: 2) { .SocialIcon .Icon { background-image: url("images/socialcons-small@2x.png"); }
  .SocialIcon.HasText .Icon { background-image: url("images/socialcons@2x.png"); } }
.SocialIcon-Facebook .Icon { background-position: 0 -24px; }

.SocialIcon-Facebook.HasText .Icon { background-position: 0 -32px; }

.SocialIcon-Facebook, .SocialIcon-Facebook.HasText .Icon { background-color: #36609e; }

.SocialIcon-Facebook:hover { background-color: #294978; }

.SocialIcon-Twitter .Icon { background-position: 0 -144px; }

.SocialIcon-Twitter.HasText .Icon { background-position: 0 -192px; }

.SocialIcon-Twitter, .SocialIcon-Twitter.HasText .Icon { background-color: #2aa8df; }

.SocialIcon-Twitter:hover { background-color: #1c8aba; }

.SocialIcon-Google .Icon { background-position: 0 -72px; }

.SocialIcon-Google.HasText .Icon { background-position: 0 -96px; }

.SocialIcon-Google, .SocialIcon-Google.HasText .Icon { background-color: #da5442; }

.SocialIcon-Google:hover { background-color: #c33926; }

.SocialIcon-OpenID .Icon { background-position: 0 -120px; }

.SocialIcon-OpenID.HasText .Icon { background-position: 0 -160px; }

.SocialIcon-OpenID, .SocialIcon-OpenID.HasText .Icon { background-color: #f7921c; }

.SocialIcon-OpenID:hover { background-color: #d87808; }

.SocialIcon-LinkedIn .Icon { background-position: 0 -96px; }

.SocialIcon-LinkedIn.HasText .Icon { background-position: 0 -128px; }

.SocialIcon-LinkedIn, .SocialIcon-LinkedIn.HasText .Icon { background-color: #066c9a; }

.SocialIcon-LinkedIn:hover { background-color: #044a69; }

.SocialIcon-Disqus .Icon { background-position: 0 0; }

.SocialIcon-Disqus, .SocialIcon-Disqus.HasText .Icon { background-color: #2e9fff; }

.SocialIcon-Disqus:hover { background-color: #0087fa; }

.SocialIcon-GitHub .Icon { background-position: 0 -48px; }

.SocialIcon-GitHub.HasText .Icon { background-position: 0 -64px; }

.SocialIcon-GitHub, .SocialIcon-GitHub.HasText .Icon { background-color: #6b9ecf; }

.SocialIcon-GitHub:hover { background-color: #4485c3; }

/* Woe unto whoever caused this */
.MeBox-SignIn.Inline .SocialIcon { display: inline-block; }

/*
# Attachments

Components for Attachments.

Styleguide Attachments
*/
/*
## Utilities

Styleguide Attachments.Utilities
*/
.pull-right { float: right !important; }

.pull-left { float: left !important; }

/*
## Definition lists

Styleguide Definitions
*/
.item-attachment dl { margin-top: 0; margin-bottom: 20px; }

.item-attachment dt { font-weight: 700; }

.item-attachment dd { margin-left: 0; }

.item-attachment dt, .item-attachment dd { line-height: 20px; }

/* Horizontal layout */
.item-attachment .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.item-attachment .dl-horizontal dd { margin-left: 180px; }

/* Column layout */
.item-attachment .dl-columns { overflow: hidden; margin-right: -10px; margin-left: -10px; }

.item-attachment .dl-columns:before, .item-attachment .dl-columns:after { display: table; content: " "; }

.item-attachment .dl-columns:after { clear: both; }

.item-attachment .dl-columns dt { width: 20%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.item-attachment .dl-columns dd { width: 30%; }

.item-attachment .dl-columns dt, .item-attachment .dl-columns dd { float: left; padding: 0 10px; box-sizing: border-box; }

/*
## Media objects

Styleguide Media
*/
.item-attachment .media { overflow: hidden; }

.item-attachment .media:before, .item-attachment .media:after { display: table; content: " "; }

.item-attachment .media:after { clear: both; }

.item-attachment .media > .pull-left { margin-right: 10px; }

.item-attachment .media > .pull-right { margin-right: 10px; }

.item-attachment .media-body { overflow: hidden; zoom: 1; }

.item-attachment .media-object { display: block; }

.item-attachment .media-heading { margin: 0 0 5px !important; /* Hack */ }

.item-attachment .media-list { padding-left: 0; list-style: none; }

/*
## Alerts

.alert-info    - Informative alert
.alert-warning - Warning alert
.alert-danger  - Danger alert

Styleguide Alerts
*/
.item-attachment .alert { padding: 12px; margin-bottom: 20px; color: #222; background-color: #d8ecfc; border-color: #d8ecfc; border-style: solid; border-width: 1px; border-radius: 2px; }

.item-attachment .alert a { color: #090909; }

.item-attachment .alert hr { border-top-color: #c0e0fa; }

.item-attachment .alert h4 { margin-top: 0; color: inherit; }

.item-attachment .alert p, .item-attachment .alert ul { margin-bottom: 0; }

.item-attachment .alert p + p { margin-top: 5px; }

/* Informative alert */
.item-attachment .alert-info { color: #222; background-color: #f9edbe; border-color: #f9edbe; }

.item-attachment .alert-info a { color: #090909; }

.item-attachment .alert-info hr { border-top-color: #f7e7a7; }

/* Warning alert */
.item-attachment .alert-warning { color: #222; background-color: #ffcc00; border-color: #ffcc00; }

.item-attachment .alert-warning a { color: #090909; }

.item-attachment .alert-warning hr { border-top-color: #e6b800; }

/* Danger alert */
.item-attachment .alert-danger { color: #fff; background-color: #b90000; border-color: #b90000; }

.item-attachment .alert-danger a { color: #e6e6e6; }

.item-attachment .alert-danger hr { border-top-color: #a00; }

/** Base item */
/** Styleguide Item */
.item-attachment .item-heading { margin-bottom: 0 !important; /* Hack */ font-weight: 500; }

.item-attachment .item-body { overflow: hidden; }

.item-attachment .item-body:before, .item-attachment .item-body:after { display: table; content: " "; }

.item-attachment .item-body:after { clear: both; }

.item-attachment .item-body > *:first-child { margin-top: 0; }

.item-attachment .item-body > *:last-child { margin-bottom: 0; }

.item-attachment .item-header + .item-body { margin-top: 5px; }

.item-attachment .item-meta { font-size: 12px; line-height: 20px; color: #999; }

.item-attachment .item-meta > span { padding-right: 5px; padding-left: 5px; }

.item-attachment .item-meta > span:first-child { padding-left: 0; }

.item-attachment .item-meta > span:last-child { padding-right: 0; }

/*
## Item attachments

Styleguide Attachments
*/
.item-attachment { margin-top: 20px; }

.item-attachment .alert { margin-bottom: 0; }

.item-attachment .media-object .icon { display: block; min-width: 32px; font-size: 32px; text-align: center; line-height: 1; }

/** Twitter card embed. */
.twitter-card-preload { opacity: 0; }

.twitter-card-loaded { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 1; }

/* Effects */
@-webkit-keyframes highlight { 0% { background-color: #ff9; }
  10% { background-color: #ff9; } }
@keyframes highlight { 0% { background-color: #ff9; }
  10% { background-color: #ff9; } }
.highlight-effect { -webkit-animation: highlight .8s; animation: highlight .8s; }

/* Groups section tweaks */
.Groups.Section-DiscussionList .Group-Header, .Section-Group.Section-Discussion .Group-Header { margin-bottom: 0; }

.Groups.Section-DiscussionList #Panel, .Section-Group.Section-Discussion #Panel { float: none; position: absolute; }

.Groups.Section-DiscussionList .HomepageTitle { display: none; }

/* --------------------------------------------- */
/* Add space to user-generated tables in posts to revert normalization */
.Message table td, .Message table th { border: 1px solid #aaa; padding: 0.2em; }

/*# sourceMappingURL=style.css.map */