@charset "UTF-8";
/* ==========================================================================
Importing the rest to give us more control and separation.  We can add more 
files to these if needed.
========================================================================= */
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222; }

body {
  margin: 0;
  font-size: 1em; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection {
  background: #3A77B4;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #3A77B4;
  color: #fff;
  text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */
a {
  color: #376295;
  cursor: pointer !important; }

a:visited {
  color: #376295; }

a:hover {
  color: #4073B1; }

/*for alt tags, to keep the text from being too large if image doesn't load*/
a img {
  font-size: 10px; }

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

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

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

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: "";
  content: none; }

small {
  font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
  margin: 0 0;
  padding: 0; }

ul {
  list-style: none; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

nav a {
  text-decoration: none; }

li {
  margin: 0;
  padding: 0; }

/*divs*/
div {
  margin: 0;
  padding: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0; }

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

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button, input {
  line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

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

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd; }

/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0; }

/* =============================================================================
   Non-semantic helper classes
   ========================================================================== */
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* Clearfix mixin*/
/*
usage:
 
	.group {
		@include clearfix;
	}
*/
/* Image replacement mixin*/
.clearfix:before, .bucket-content .meta:before, .section-wrapper .meta:before,
.content .meta:before, .form-section .checkbox-list:before, .single-comment-bucket div.bucket-content:before, .single-comment-bucket div.section-wrapper:before, .single-comment-bucket .bottom:before, div.inner-footer:before, div.inner-footer .left:before, #main ul.top-buttons:before, .avatar-info-block:before, #main .profile-top:before, #main .profile-top .content:before, .connections ul li:before, .clearfix:after, .bucket-content .meta:after, .section-wrapper .meta:after,
.content .meta:after, .form-section .checkbox-list:after, .single-comment-bucket div.bucket-content:after, .single-comment-bucket div.section-wrapper:after, .single-comment-bucket .bottom:after, div.inner-footer:after, div.inner-footer .left:after, #main ul.top-buttons:after, .avatar-info-block:after, #main .profile-top:after, #main .profile-top .content:after, .connections ul li:after {
  content: "";
  display: table; }
.clearfix:after, .bucket-content .meta:after, .section-wrapper .meta:after,
.content .meta:after, .form-section .checkbox-list:after, .single-comment-bucket div.bucket-content:after, .single-comment-bucket div.section-wrapper:after, .single-comment-bucket .bottom:after, div.inner-footer:after, div.inner-footer .left:after, #main ul.top-buttons:after, .avatar-info-block:after, #main .profile-top:after, #main .profile-top .content:after, .connections ul li:after {
  clear: both; }
.clearfix, .bucket-content .meta, .section-wrapper .meta,
.content .meta, .form-section .checkbox-list, .single-comment-bucket div.bucket-content, .single-comment-bucket div.section-wrapper, .single-comment-bucket .bottom, div.inner-footer, div.inner-footer .left, #main ul.top-buttons, .avatar-info-block, #main .profile-top, #main .profile-top .content, .connections ul li {
  *zoom: 1; }

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .bucket-content .meta:before, .section-wrapper .meta:before,
.content .meta:before, .form-section .checkbox-list:before, .single-comment-bucket div.bucket-content:before, .single-comment-bucket div.section-wrapper:before, .single-comment-bucket .bottom:before, div.inner-footer:before, div.inner-footer .left:before, #main ul.top-buttons:before, .avatar-info-block:before, #main .profile-top:before, #main .profile-top .content:before, .connections ul li:before,
.clearfix:after,
.bucket-content .meta:after,
.section-wrapper .meta:after,
.content .meta:after,
.form-section .checkbox-list:after,
.single-comment-bucket div.bucket-content:after,
.single-comment-bucket div.section-wrapper:after,
.single-comment-bucket .bottom:after,
div.inner-footer:after,
div.inner-footer .left:after,
#main ul.top-buttons:after,
.avatar-info-block:after,
#main .profile-top:after,
#main .profile-top .content:after,
.connections ul li:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after, .bucket-content .meta:after, .section-wrapper .meta:after,
.content .meta:after, .form-section .checkbox-list:after, .single-comment-bucket div.bucket-content:after, .single-comment-bucket div.section-wrapper:after, .single-comment-bucket .bottom:after, div.inner-footer:after, div.inner-footer .left:after, #main ul.top-buttons:after, .avatar-info-block:after, #main .profile-top:after, #main .profile-top .content:after, .connections ul li:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix, .bucket-content .meta, .section-wrapper .meta,
.content .meta, .form-section .checkbox-list, .single-comment-bucket div.bucket-content, .single-comment-bucket div.section-wrapper, .single-comment-bucket .bottom, div.inner-footer, div.inner-footer .left, #main ul.top-buttons, .avatar-info-block, #main .profile-top, #main .profile-top .content, .connections ul li {
  *zoom: 1; }

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
/* ==========================================================================
Variables - structure.scss
========================================================================= */
/* ==========================================================================
Mixins - structure.scss
========================================================================= */
/* ==========================================================================
General
========================================================================= */
#container {
  width: 980px;
  margin: 0 auto;
  float: none;
  padding: 20px 0;
  position: relative; }
  #container:before, #container:after {
    content: "";
    display: table; }
  #container:after {
    clear: both; }
  #container {
    *zoom: 1; }
  #container.responsive {
    max-width: 980px !important; }

#main:before, #main:after {
  content: "";
  display: table; }
#main:after {
  clear: both; }
#main {
  *zoom: 1; }
#main.responsive {
  max-width: 980px !important; }

/*
Three-column layout
========================================================================= */
body.three-column .left-sidebar {
  float: left;
  display: inline;
  width: 170px;
  margin-left: 0;
  margin-right: 8px; }
body.three-column #main {
  float: left;
  display: inline;
  width: 48.77551%;
  margin-left: 8px;
  margin-right: 8px; }
body.three-column .right-sidebar {
  float: left;
  display: inline;
  width: 300px;
  margin-left: 8px;
  margin-right: 0; }

body.two-column #main {
  width: 664px;
  float: left;
  display: inline;
  margin-left: 0;
  position: relative;
  margin-right: .816327%; }
  body.two-column #main .half {
    width: 326px;
    margin-left: 6px;
    margin-right: 6px;
    float: left;
    display: inline; }
  body.two-column #main .content .half,
  body.two-column #main .bucket-content .half,
  body.two-column #main .section-wrapper .half {
    width: 309px;
    margin-left: 6px;
    margin-right: 6px;
    float: left;
    display: inline; }
  body.two-column #main .fourth {
    width: 152px;
    float: left;
    display: inline;
    margin-left: 9px;
    margin-right: 9px; }
  body.two-column #main .three-fourths {
    width: 73%;
    float: left;
    display: inline; }
  body.two-column #main .first {
    margin-left: 0; }
  body.two-column #main .last {
    margin-right: 0; }
body.two-column .third {
  width: 209px;
  float: left;
  display: inline;
  margin-left: 9px;
  margin-right: 9px; }
  body.two-column .third.first {
    margin-left: 0; }
  body.two-column .third.last {
    margin-right: 0; }
body.two-column .right-sidebar {
  float: left;
  display: inline;
  width: 300px;
  margin-left: 8px;
  margin-right: 0; }

/*
Profile About page (alternate 3-column-layout)
========================================================================= */
body.two-column #main.profile-about .left-side {
  width: 375px;
  float: left;
  display: inline;
  margin-left: 0;
  margin-right: 6px; }
body.two-column #main.profile-about .right-side {
  width: 276px;
  float: left;
  display: inline;
  margin-left: 6px;
  margin-right: 0; }

body.one-column #main {
  width: 100%; }

/* ==========================================================================
GRADIENTS
========================================================================= */
.blue-gradient {
  background: #2f639c;
  background: -moz-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f639c), color-stop(6%, #2d659e), color-stop(8%, #326497), color-stop(11%, #316597), color-stop(17%, #32659e), color-stop(19%, #31669c), color-stop(36%, #3269a1), color-stop(86%, #3977b4), color-stop(100%, #3a76b2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f639c', endColorstr='#3a76b2',GradientType=0 );
  /* IE6-9 */ }

/* 
Mixins for header of different buckets
========================================================================= */
.error {
  color: #ff0000; }

.success {
  color: #009B00; }

.box-sizing-border-box * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.css-ellipsis, nav[role=navigation] ul.main-nav .content-dropdown ul li a, .recent-comments-widget .bottom {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

a.no-decoration {
  text-decoration: none; }

.centered {
  margin-left: auto;
  margin-right: auto; }

.right {
  float: right !important; }

.left {
  float: left !important; }

.block {
  display: block !important; }

.lighter {
  color: #5b5b5b; }

span.triangle-down {
  font-size: 11px;
  margin-left: 3px;
  text-shadow: none; }

.lighter {
  color: #5b5b5b; }

a.black {
  color: black; }

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

.left {
  float: left; }

.clear-left {
  clear: left; }

.clear-right {
  clear: right; }

.right {
  float: right; }

.sticky {
  z-index: 3000 !important;
  position: fixed !important;
  top: 0 !important; }

.no-top-margin {
  margin-top: 0 !important; }

.margin-top {
  margin-top: 10px; }

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

.margin-right {
  margin-right: 10px; }

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

.dotted-bottom {
  border-bottom: 1px dotted #ccc; }

.thicker-dotted-bottom {
  border-bottom: 2px dotted #ccc; }

.solid-bottom {
  border-bottom: 1px solid #ccc; }

.solid-top {
  border-top: 1px solid #ccc; }

.solid-bottom {
  border-bottom: 1px solid #ccc; }

.padding-top-25 {
  padding-top: 25px; }

.disabled-item {
  cursor: default !important;
  opacity: 0.8 !important; }
  .disabled-item:hover {
    color: inherit !important; }

.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

.button-group .button-grey,
.button-group .button-primary,
.button-group .user-search-results .action-links a,
.user-search-results .action-links .button-group a {
  font-size: 12px;
  float: left; }
  .button-group .button-grey:first-child,
  .button-group .button-primary:first-child,
  .button-group .user-search-results .action-links a:first-child,
  .user-search-results .action-links .button-group a:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .button-group .button-grey:last-child,
  .button-group .button-primary:last-child,
  .button-group .user-search-results .action-links a:last-child,
  .user-search-results .action-links .button-group a:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0; }

.button-group {
  margin-left: 10px;
  margin: 0 10px 0 0;
  padding: 0; }

.button-grey,
.button-primary,
.button-primary.small,
.user-search-results .action-links a {
  border-radius: 4px;
  -moz-border-radius: 4px;
  /*-webkit-border-radius: 4px;
  -moz-box-shadow: 1px 1px 1px #DEDEDE;
  -webkit-box-shadow: 1px 1px 1px #DEDEDE;*/
  font-size: 13px;
  position: relative;
  display: inline-table;
  vertical-align: middle;
  color: black !important;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #a6a6a6;
  padding: 4px 15px;
  text-align: center;
  background: #ffffff;
  /*box-shadow: 1px 1px 1px #DEDEDE;
  -moz-box-shadow: 1px 1px 1px #DEDEDE;
  -webkit-box-shadow: 1px 1px 1px #DEDEDE;*/
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f3f3f3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #f3f3f3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #f3f3f3 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, white 0%, #f3f3f3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
  /* IE6-9 */ }
  .button-grey:hover,
  .button-primary:hover,
  .user-search-results .action-links a:hover {
    text-decoration: none !important; }
  .button-grey .icon,
  .button-primary .icon,
  .user-search-results .action-links a .icon {
    display: inline-table;
    vertical-align: bottom;
    float: none; }
  .button-grey.large,
  .button-primary.large,
  .user-search-results .action-links a.large {
    padding: 15px 30px;
    font-size: 20px !important; }
  .button-grey:hover,
  .button-primary:hover,
  .user-search-results .action-links a:hover {
    background: #fafafa;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #eeeeee));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fafafa 0%, #eeeeee 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee',GradientType=0 );
    /* IE6-9 */ }
  .button-grey:active,
  .button-primary:active,
  .user-search-results .action-links a:active {
    background: #f3f3f3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f3f3f3 0%, white 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, white));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f3f3f3 0%, white 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3f3f3 0%, white 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f3f3f3 0%, white 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f3f3f3 0%, white 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */ }
  .button-grey.success,
  .button-primary.success,
  .user-search-results .action-links a.success {
    color: #009B00 !important;
    cursor: default !important; }
  .button-grey.disabled,
  .button-primary.disabled,
  .user-search-results .action-links a.disabled {
    background: #f3f3f3;
    box-shadow: none;
    opacity: 0.7;
    cursor: default !important; }

.button-primary.small, .user-search-results .action-links a.small {
  font-size: 12px;
  line-height: 12px;
  padding: 3px 5px; }

button[disabled="disabled"], button.disabled {
  background: grey; }
  button[disabled="disabled"]:hover, button.disabled:hover {
    background: grey;
    cursor: default !important;
    box-shadow: none; }

.button-blue,
.button-tertiary {
  border-radius: 4px;
  -moz-border-radius: 4px;
  /*-webkit-border-radius: 4px;
  -moz-box-shadow: 1px 1px 1px #DEDEDE;
  -webkit-box-shadow: 1px 1px 1px #DEDEDE;*/
  font-size: 13px;
  position: relative;
  display: inline-table;
  vertical-align: middle;
  background: #2f639c;
  background: -moz-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f639c), color-stop(6%, #2d659e), color-stop(8%, #326497), color-stop(11%, #316597), color-stop(17%, #32659e), color-stop(19%, #31669c), color-stop(36%, #3269a1), color-stop(86%, #3977b4), color-stop(100%, #3a76b2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f639c', endColorstr='#3a76b2',GradientType=0 );
  /* IE6-9 */
  color: white !important; }
  .button-blue:hover,
  .button-tertiary:hover {
    text-decoration: none !important; }
  .button-blue .icon,
  .button-tertiary .icon {
    display: inline-table;
    vertical-align: bottom;
    float: none; }
  .button-blue:hover,
  .button-tertiary:hover {
    background: #376295; }
  .button-blue:active,
  .button-tertiary:active {
    background: #305682; }

button.button-blue {
  border: none;
  padding: 5px 15px;
  font-size: 14px;
  line-height: 14px; }

.small-green,
.button-green,
.bucket-content .meta a.new,
.section-wrapper .meta a.new,
.content .meta a.new,
.button-secondary,
header[role="banner"] ul.settings li#messages header .write-new-message,
.owner-edit {
  border-radius: 4px;
  -moz-border-radius: 4px;
  /*-webkit-border-radius: 4px;
  -moz-box-shadow: 1px 1px 1px #DEDEDE;
  -webkit-box-shadow: 1px 1px 1px #DEDEDE;*/
  font-size: 13px;
  position: relative;
  display: inline-table;
  vertical-align: middle;
  background: #009B00;
  padding: 0 5px;
  color: white !important;
  text-decoration: none;
  font-size: 11px !important;
  margin-left: 5px;
  border: 1px solid #006800;
  box-shadow: none; }
  .small-green:hover,
  .button-green:hover,
  .bucket-content .meta a.new:hover,
  .section-wrapper .meta a.new:hover,
  .content .meta a.new:hover,
  .button-secondary:hover,
  header[role="banner"] ul.settings li#messages header .write-new-message:hover,
  .owner-edit:hover {
    text-decoration: none !important; }
  .small-green .icon,
  .button-green .icon,
  .bucket-content .meta a.new .icon,
  .section-wrapper .meta a.new .icon,
  .content .meta a.new .icon,
  .button-secondary .icon,
  header[role="banner"] ul.settings li#messages header .write-new-message .icon,
  .owner-edit .icon {
    display: inline-table;
    vertical-align: bottom;
    float: none; }
  .small-green:hover,
  .button-green:hover,
  .bucket-content .meta a.new:hover,
  .section-wrapper .meta a.new:hover,
  .content .meta a.new:hover,
  .button-secondary:hover,
  header[role="banner"] ul.settings li#messages header .write-new-message:hover,
  .owner-edit:hover {
    text-decoration: none !important;
    background: #008200 !important;
    color: white !important; }
  .small-green.small,
  .button-green.small,
  .bucket-content .meta a.small.new,
  .section-wrapper .meta a.small.new,
  .content .meta a.small.new,
  .button-secondary.small,
  header[role="banner"] ul.settings li#messages header .small.write-new-message,
  .small.owner-edit {
    padding: 3px 5px;
    font-size: 12px !important; }
  .small-green.medium,
  .button-green.medium,
  .bucket-content .meta a.medium.new,
  .section-wrapper .meta a.medium.new,
  .content .meta a.medium.new,
  .button-secondary.medium,
  header[role="banner"] ul.settings li#messages header .medium.write-new-message,
  .medium.owner-edit {
    padding: 10px 20px;
    font-size: 16px !important; }
  .small-green.large,
  .button-green.large,
  .bucket-content .meta a.large.new,
  .section-wrapper .meta a.large.new,
  .content .meta a.large.new,
  .button-secondary.large,
  header[role="banner"] ul.settings li#messages header .large.write-new-message,
  .large.owner-edit {
    padding: 18px 35px;
    font-size: 22px !important; }
  .small-green.gradient,
  .button-green.gradient,
  .bucket-content .meta a.gradient.new,
  .section-wrapper .meta a.gradient.new,
  .content .meta a.gradient.new,
  .button-secondary.gradient,
  header[role="banner"] ul.settings li#messages header .gradient.write-new-message,
  .gradient.owner-edit {
    background: #0a9246;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0a9246 0%, #06622f 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0a9246), color-stop(100%, #06622f));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0a9246 0%, #06622f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0a9246 0%, #06622f 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0a9246 0%, #06622f 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #0a9246 0%, #06622f 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a9246', endColorstr='#06622f',GradientType=0 );
    /* IE6-9 */ }

.button-warning {
  color: #B52523 !important; }

/*Foundation Icons=================================================
==================================================================*/
/* font-face */
@font-face {
  font-family: "GeneralFoundicons";
  src: url("../fonts/general_foundicons/general_foundicons.eot?v=");
  src: url("../fonts/general_foundicons/general_foundicons.eot?#iefix?v=") format("embedded-opentype"), url("../fonts/general_foundicons/general_foundicons.woff?v=") format("woff"), url("../fonts/general_foundicons/general_foundicons.ttf?v=") format("truetype"), url("../fonts/general_foundicons/general_foundicons.svg#GeneralFoundicons?v=") format("svg");
  font-weight: normal;
  font-style: normal; }
/* global foundicon styles */
[class*="foundicon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat; }
  [class*="foundicon-"].bottom {
    vertical-align: bottom; }
  [class*="foundicon-"].top {
    vertical-align: top; }
  [class*="foundicon-"].middle {
    vertical-align: middle; }
  [class*="foundicon-"].baseline {
    vertical-align: baseline; }

[class*="foundicon-"]:before {
  font-family: "GeneralFoundicons";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit; }

/* icons */
.foundicon-edit:before {
  content: "\f01a"; }

.foundicon-flag:before {
  content: "\f027"; }

.foundicon-remove:before {
  content: "\f006"; }

.foundicon-trash:before {
  content: "\f018"; }

.foundicon-settings:before {
  content: "\f000"; }

.foundicon-heart:before {
  content: "\f001"; }

.foundicon-star:before {
  content: "\f002"; }

.foundicon-plus:before {
  content: "\f003"; }

.foundicon-minus:before {
  content: "\f004"; }

.foundicon-checkmark:before {
  content: "\f005"; }

.foundicon-mail:before {
  content: "\f007"; }

.foundicon-calendar:before {
  content: "\f008"; }

.foundicon-page:before {
  content: "\f009"; }

.foundicon-tools:before {
  content: "\f00a"; }

.foundicon-globe:before {
  content: "\f00b"; }

.foundicon-home:before {
  content: "\f00c"; }

.foundicon-quote:before {
  content: "\f00d"; }

.foundicon-people:before {
  content: "\f00e"; }

.foundicon-monitor:before {
  content: "\f00f"; }

.foundicon-laptop:before {
  content: "\f010"; }

.foundicon-phone:before {
  content: "\f011"; }

.foundicon-cloud:before {
  content: "\f012"; }

.foundicon-error:before {
  content: "\f013"; }

.foundicon-right-arrow:before {
  content: "\f014"; }

.foundicon-left-arrow:before {
  content: "\f015"; }

.foundicon-up-arrow:before {
  content: "\f016"; }

.foundicon-down-arrow:before {
  content: "\f017"; }

.foundicon-add-doc:before {
  content: "\f019"; }

.foundicon-lock:before {
  content: "\f01b"; }

.foundicon-unlock:before {
  content: "\f01c"; }

.foundicon-refresh:before {
  content: "\f01d"; }

.foundicon-paper-clip:before {
  content: "\f01e"; }

.foundicon-video:before {
  content: "\f01f"; }

.foundicon-photo:before {
  content: "\f020"; }

.foundicon-graph:before {
  content: "\f021"; }

.foundicon-idea:before {
  content: "\f022"; }

.foundicon-mic:before {
  content: "\f023"; }

.foundicon-cart:before {
  content: "\f024"; }

.foundicon-address-book:before {
  content: "\f025"; }

.foundicon-compass:before {
  content: "\f026"; }

.foundicon-location:before {
  content: "\f028"; }

.foundicon-clock:before {
  content: "\f029"; }

.foundicon-folder:before {
  content: "\f02a"; }

.foundicon-inbox:before {
  content: "\f02b"; }

.foundicon-website:before {
  content: "\f02c"; }

.foundicon-smiley:before {
  content: "\f02d"; }

.foundicon-search:before {
  content: "\f02e"; }

/*END Foundation Icons=================================================
==================================================================*/
/*DrivingSales Custom Icon Font for UI*/
@font-face {
  font-family: 'DrivingSales-com';
  src: url("../fonts/DrivingSales-com.eot?v=");
  src: local(".ÿ."), url("../fonts/DrivingSales-com.eot?#iefix?v=") format("embedded-opentype"), url("../fonts/DrivingSales-com.svg#DrivingSales-com?v=") format("svg"), url("../fonts/DrivingSales-com.woff?v=") format("woff"), url("../fonts/DrivingSales-com.ttf?v=") format("truetype");
  font-weight: normal;
  font-style: normal; }
/* Use the following CSS code if you want to use data attributes for inserting your icons */
/*[data-icon]:before {
	font-family: 'DrivingSales-com';
	content: attr(data-icon);
	speak: none;
}*/
/*
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: 'DrivingSales-com';
	font-style: normal;
	speak: none;
}
.icon-Notifications:before {
	content: "\21";
}
.icon-Messages:before {
	content: "\22";
}
.icon-Connections:before {
	content: "\23";
}
*/
.icon {
  font-family: 'DrivingSales-com';
  font-style: normal !important;
  speak: none;
  font-weight: 300 !important;
  font-variant: normal !important;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  line-height: inherit; }
  .icon.middle {
    vertical-align: middle !important; }
  .icon.bottom {
    vertical-align: bottom !important; }
  .icon.baseline {
    vertical-align: baseline !important; }

.meta .views i,
.meta .comments i {
  margin-left: -8px;
  padding-right: 2px; }

/*=====================*/
body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

/*=======================*/
/*============================================*/
h1, h1 a {
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 7px; }

h2, h2 a {
  font-size: 24px; }

h3, h3 a {
  font-size: 22px; }

h4, h4 a {
  font-size: 20px;
  margin-bottom: 7px; }

h5, h5 {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 5px; }

h6, h6 a {
  font-size: 16px;
  text-transform: uppercase; }

p {
  font-size: 13px; }

a {
  font-size: 13px; }

p.larger,
p.larger a {
  font-size: 16px;
  line-height: 16px; }

ol, ul {
  font-size: 13px; }

.large-static-page-heading {
  margin-top: 10px;
  font-size: 40px !important;
  font-family: Arial, sans-serif !important;
  color: #376295 !important;
  font-weight: 500 !important; }

.static-text h2 {
  margin-bottom: 3px !important;
  font-size: 26px;
  font-weight: 500; }
.static-text h3 {
  font-size: 20px;
  font-weight: 500; }
.static-text p {
  margin-bottom: 15px !important; }
.static-text ul.no-bullets {
  list-style: none;
  list-style-type: none; }
.static-text ul {
  margin-top: 5px;
  margin-bottom: 5px;
  list-style: disc inside;
  padding-left: 10px; }
  .static-text ul li {
    line-height: 20px; }
.static-text ol {
  list-style: decimal inside;
  margin-top: 0;
  margin-bottom: 3px; }
  .static-text ol li {
    line-height: 18px; }
.static-text ul ul {
  list-style: circle;
  padding-left: 40px; }

.feature-box {
  color: #444;
  margin: 10px 0;
  display: block;
  padding: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #dddddd;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 57%, #efefef 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(57%, #f8f8f8), color-stop(100%, #efefef));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 57%, #efefef 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 57%, #efefef 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 57%, #efefef 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 57%, #efefef 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
  /* IE6-9 */ }
  .feature-box p {
    color: #434343; }
  .feature-box h4 {
    margin-top: 0; }

.contact_block, .contact_block_right {
  padding: 30px 20px;
  border-bottom: 1px solid #cccccc; }
  .contact_block img, .contact_block_right img {
    margin: 0 20px 20px 0; }

.contact_block_right img {
  margin: 0 0 20px 20px;
  float: right !important; }

.contact_block_blue {
  padding: 20px;
  background: #376295;
  color: #fff; }
  .contact_block_blue h2 {
    color: #fff; }

/* ==========================================================================
Variables - style.scss
========================================================================= */
.centered {
  margin: 0 auto;
  width: 980px; }

/* Browsehappy */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.5em 0;
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3; }
  .browsehappy strong {
    color: #aa0000; }

header[role="banner"] {
  width: 100%;
  background: white;
  position: relative; }

div.header-top {
  width: 980px;
  margin: 0 auto;
  padding-top: 40px;
  position: relative; }
  div.header-top:before, div.header-top:after {
    content: "";
    display: table; }
  div.header-top:after {
    clear: both; }
  div.header-top {
    *zoom: 1; }

.nav-sticky-wrapper {
  height: 38px;
  position: relative;
  margin: 0 auto;
  width: 100%; }

div.header-bottom {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 38px;
  background: #2f639c;
  background: -moz-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f639c), color-stop(6%, #2d659e), color-stop(8%, #326497), color-stop(11%, #316597), color-stop(17%, #32659e), color-stop(19%, #31669c), color-stop(36%, #3269a1), color-stop(86%, #3977b4), color-stop(100%, #3a76b2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f639c', endColorstr='#3a76b2',GradientType=0 );
  /* IE6-9 */
  border-bottom: 1px solid white; }

div.header-bottom.semi-transparent {
  background: rgba(53, 97, 151, 0.9);
  border-bottom: 2px solid #305682; }

div.header-bottom.semi-transparent.ratings {
  background: rgba(172, 98, 15, 0.9) !important;
  border-bottom: 2px solid #af5c13; }

/*logo*/
#logo {
  float: left;
  margin: 0 0 7px 0;
  display: block; }

/*
Universal Navigation
========================================================================= */
.uni-topnav {
  background: none repeat scroll 0 0 #bdc3c7;
  font-size: 12px;
  font-family: helvetica;
  color: #fff;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2; }

.uni-topnav ul {
  line-height: 1;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  z-index: 99; }

.uni-topnav ul li {
  float: left;
  width: auto;
  padding: 10px 20px 10px 0; }

.uni-topnav ul a {
  color: #FFFFFF;
  display: block;
  position: relative;
  text-decoration: none;
  z-index: 100; }

.uni-topnav ul a:hover {
  color: #2B89C7; }

.uni-limit {
  margin: 0 auto;
  max-width: 960px;
  width: 100%; }

.uni-nav img {
  margin: 0 5px 0 0;
  position: relative;
  top: -1px; }

/* ---------------------------------------------------------------------- */
/*	 breakpont 1024px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1024px) {
  .uni-topnav {
    font-size: 1px; }

  .uni-topnav ul a {
    font-size: 1px;
    color: #BDC3C7; }

  .uni-topnav ul {
    margin-left: 20px; }

  .uni-nav img {
    margin-left: 20px; }

  header .container {
    margin-top: 30px; } }
/*
Main Navigation
========================================================================= */
nav[role=navigation] ul.main-nav {
  float: left;
  position: relative; }

nav[role=navigation] ul.main-nav li {
  float: left; }

nav[role=navigation] ul.main-nav > li > a {
  font-size: 16px;
  float: left;
  height: 38px;
  line-height: 38px;
  padding: 0 20px;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

nav[role=navigation] ul.main-nav li a:hover {
  background: rgba(0, 0, 0, 0.055); }

nav[role=navigation] ul.main-nav li span {
  font-size: 9px;
  margin: 0 0 0 3px;
  line-height: 38px; }

nav[role=navigation] ul.main-nav li ul a {
  margin: 0;
  text-align: left;
  display: block; }

nav[role=navigation] ul.main-nav .main-nav-column {
  min-width: 150px;
  max-width: 185px;
  margin-right: 10px;
  padding: 0 3px;
  float: left;
  display: inline; }

nav[role=navigation] ul.main-nav .content-dropdown > ul {
  width: 850px; }
nav[role=navigation] ul.main-nav .content-dropdown .column-title {
  padding: 3px 0 2px 2px;
  font-size: 16px;
  color: black;
  border-bottom: 1px dotted #b2b2b2; }
nav[role=navigation] ul.main-nav .content-dropdown ul li a {
  min-width: 140px !important;
  max-width: 175px !important; }
nav[role=navigation] ul.main-nav .content-dropdown .actions {
  padding: 10px 0 0 0;
  float: right; }
  nav[role=navigation] ul.main-nav .content-dropdown .actions a {
    color: #5b5b5b;
    clear: none !important;
    margin: 0 3px !important;
    padding: 0 !important;
    float: right !important; }
    nav[role=navigation] ul.main-nav .content-dropdown .actions a:hover {
      background: none; }

.header-bottom li.sticky-nav-logo {
  display: none;
  position: absolute;
  left: -8%; }
  .header-bottom li.sticky-nav-logo a {
    padding-left: 5px !important;
    padding-right: 5px !important; }
  .header-bottom li.sticky-nav-logo img {
    display: block;
    padding-top: 6px !important; }

@media only screen and (max-width: 1040px) {
  .header-bottom li.sticky-nav-logo {
    display: none !important; } }
/*
Search
========================================================================= */
header[role="banner"] div.search {
  float: right;
  position: relative;
  margin-right: 15px;
  margin-top: -2px; }

header[role="banner"] div.search form {
  line-height: 38px; }

header[role="banner"] div.search form button {
  position: absolute;
  right: 0;
  top: 11px;
  width: 23px;
  height: 19px;
  background-image: url(../images/header/search-button.jpg);
  background-color: white;
  font: 0/0 a;
  text-shadow: none;
  border: 0;
  z-index: 0; }

header[role="banner"] div.search form input {
  background: white;
  border: 1px solid #ccc;
  width: 250px;
  height: 19px;
  font-size: 12px; }

header[role="banner"] div.search form :-moz-placeholder {
  color: grey; }

header[role="banner"] div.search form ::-webkit-placeholder {
  color: grey; }

header[role="banner"] div.search.sticky-nav {
  float: left;
  margin-left: 30px; }
  header[role="banner"] div.search.sticky-nav input {
    width: 225px; }

/*
Settings (top right)
========================================================================= */
header[role="banner"] ul.settings {
  position: absolute;
  right: 0;
  top: 0;
  background: #376295;
  padding-top: 40px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  header[role="banner"] ul.settings > li {
    float: left; }
    header[role="banner"] ul.settings > li > a {
      color: #84A0CB;
      padding: 2px 7px;
      display: block;
      font-size: 20px;
      line-height: 18px; }
      header[role="banner"] ul.settings > li > a:hover {
        color: white; }
  header[role="banner"] ul.settings li.login-link a {
    font-size: 12px;
    color: #f2f2f2;
    line-height: 22px; }
  header[role="banner"] ul.settings li.dropdown {
    background: url(../images/header/settings-nav-divider.jpg) left repeat-y;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px; }
    header[role="banner"] ul.settings li.dropdown a {
      font-size: 9px;
      width: 10px; }
  header[role="banner"] ul.settings li.small-avatar {
    background: url(../images/header/settings-nav-divider.jpg) right repeat-y;
    padding-right: 3px;
    padding-left: 3px;
    margin-bottom: 0; }
    header[role="banner"] ul.settings li.small-avatar a {
      padding-bottom: 4px; }
    header[role="banner"] ul.settings li.small-avatar a:hover {
      opacity: 0.85; }
  header[role="banner"] ul.settings i {
    font-size: 22px;
    height: 22px;
    line-height: 22px; }
  header[role="banner"] ul.settings span {
    height: 22px;
    line-height: 22px;
    padding-top: 3px;
    padding-bottom: 5px; }
  header[role="banner"] ul.settings li#messages i {
    font-size: 18px; }

header[role="banner"] ul.settings li#messages a:hover {
  background: inherit !important; }
header[role="banner"] ul.settings li#messages .dropdown-menu {
  right: 20px !important;
  padding: 0 !important; }
header[role="banner"] ul.settings li#messages .notification-container {
  position: relative;
  width: 450px;
  max-height: 700px;
  overflow-y: scroll;
  overflow-x: hidden; }
header[role="banner"] ul.settings li#messages header {
  border-bottom: 1px solid #bbb;
  padding: 10px 7px; }
  header[role="banner"] ul.settings li#messages header .notification-heading {
    display: inline;
    font-size: 16px;
    font-weight: 500;
    margin-top: 0;
    color: black; }
  header[role="banner"] ul.settings li#messages header .write-new-message {
    float: right;
    padding: 3px 5px !important;
    font-size: 12px !important;
    line-height: 12px !important; }
header[role="banner"] ul.settings li#messages footer {
  border-top: 1px solid #ccc; }
  header[role="banner"] ul.settings li#messages footer a {
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    display: block;
    background: yellow;
    padding: 7px 4px;
    background: #f2f2f2; }
  header[role="banner"] ul.settings li#messages footer a:hover {
    background: #e5e5e5 !important;
    text-decoration: none; }

header[role="banner"] ul.settings .notification {
  display: block;
  padding: 7px 3px;
  position: relative; }
  header[role="banner"] ul.settings .notification:hover {
    background: #fcfcfc;
    border-right: 3px solid #b2b2b2; }
  header[role="banner"] ul.settings .notification.new {
    background: #fefae4; }
    header[role="banner"] ul.settings .notification.new:hover {
      background: #fdf7d5;
      border-right: 3px solid #009B00; }
  header[role="banner"] ul.settings .notification .left-side {
    position: absolute;
    left: 5px;
    height: 100%;
    display: inline; }
    header[role="banner"] ul.settings .notification .left-side img {
      display: block;
      float: left; }
  header[role="banner"] ul.settings .notification .right-side {
    margin-left: 60px;
    display: inline;
    float: left;
    padding-right: 5px; }
    header[role="banner"] ul.settings .notification .right-side .message-author, header[role="banner"] ul.settings .notification .right-side .message-author a {
      font-size: 14px !important;
      line-height: 14px !important;
      display: inline !important;
      font-weight: 700;
      margin: 0 0 2px 0;
      padding: 0;
      color: black; }
    header[role="banner"] ul.settings .notification .right-side .message-author a {
      color: black !important;
      text-decoration: underline; }
    header[role="banner"] ul.settings .notification .right-side .message-body {
      font-size: 12px !important;
      line-height: 15px !important;
      margin-top: 2px; }
      header[role="banner"] ul.settings .notification .right-side .message-body a {
        display: inline !important;
        white-space: normal;
        float: none;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 13px !important;
        line-height: 14px !important;
        text-decoration: underline; }
    header[role="banner"] ul.settings .notification .right-side .message-date {
      color: #5b5b5b;
      font-size: 10px;
      line-height: 12px;
      margin-top: 0 !important; }

.header-bottom ul.settings.settings-sticky {
  z-index: -1;
  background: none;
  border-radius: 0;
  display: inline;
  position: relative;
  padding-top: 0px;
  padding-left: 5px;
  margin-left: 15px;
  float: left;
  padding-right: 5px;
  height: 38px; }
  .header-bottom ul.settings.settings-sticky > li > a {
    background: none !important;
    text-decoration: none;
    vertical-align: middle; }
  .header-bottom ul.settings.settings-sticky > li {
    background: none !important;
    padding-top: 5px; }

/* hide if browser window is less than $site-width*/
@media only screen and (max-width: 980px) {
  .header-bottom ul.settings.settings-sticky {
    display: none !important; } }
.header-bottom.community ul.settings.settings-sticky {
  background: rgba(55, 98, 149, 0.5); }

.header-bottom.ratings ul.settings.settings-sticky {
  background: none;
  margin-left: 100px; }
  .header-bottom.ratings ul.settings.settings-sticky > li > a {
    color: white; }

/*
Community and Vendor Ratings tabs
========================================================================= */
div.header-top ul.tabs {
  position: absolute;
  left: 250px;
  bottom: -1px; }
  div.header-top ul.tabs li {
    margin-right: 10px;
    float: left; }
  div.header-top ul.tabs a {
    float: left;
    padding-right: 10px;
    text-decoration: none;
    padding: 7px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  div.header-top ul.tabs a.community {
    background: #306398 url(../images/header/icon-community.png) center no-repeat;
    width: 132px;
    height: 22px;
    font: 0/0 a;
    text-shadow: none;
    border: 0;
    border: 1px solid #294a70;
    border-bottom: 0; }
  div.header-top ul.tabs a.vendor-ratings {
    height: 21px;
    background: #c66816;
    background-color: #c66816;
    border: 1px solid #985011;
    border-bottom: none; }
  div.header-top ul.tabs .vendor-ratings-count {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 15px;
    height: 21px;
    line-height: 21px;
    margin: 0 3px;
    padding: 0;
    position: relative;
    vertical-align: bottom; }
  div.header-top ul.tabs a.news {
    background: #306398 url(../images/header/icon-news.png) center no-repeat;
    width: 78px;
    height: 22px;
    font: 0/0 a;
    text-shadow: none;
    border: 0;
    background-color: #0a9e01;
    border: 1px solid #077600;
    border-bottom: 0; }

#slides a {
  text-decoration: none; }

.slides {
  margin: 0px 10px 0px 10px;
  max-width: 80%;
  overflow: hidden;
  float: left; }

.slides li {
  float: left;
  margin: 0 1px;
  list-style: none; }

.slides li a {
  display: block;
  width: 18px;
  height: 38px;
  background-image: url(../images/media-graphics/media-dot.png);
  float: left;
  overflow: hidden; }

.slides li.current a {
  display: block;
  width: 18px;
  height: 38px;
  background-image: url(../images/media-graphics/media-dot-active.png);
  float: left;
  overflow: hidden; }

.slides_footer_arrows {
  float: right;
  margin: 0px 0px 0px 0px; }

.slides_footer_arrows a {
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  float: left; }

.slides_footer_arrows a:hover {
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */ }

.splitter-dark {
  height: 38px;
  float: left;
  width: 1px;
  background: #515151;
  /* Old browsers */
  background: -moz-linear-gradient(top, #232323 0%, #0d0d0d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #232323), color-stop(100%, #0d0d0d));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #232323 0%, #0d0d0d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-top, #232323 0%, #0d0d0d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #232323 0%, #0d0d0d 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #232323 0%, #0d0d0d 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#0d0d0d',GradientType=0 );
  /* IE6-9 fallback on horizontal gradient */ }

.splitter-light {
  float: left;
  height: 38px;
  width: 2px;
  background: #515151;
  /* Old browsers */
  background: -moz-linear-gradient(top, #515151 0%, #343434 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #515151), color-stop(100%, #343434));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #515151 0%, #343434 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-top, #515151 0%, #343434 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #515151 0%, #343434 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #515151 0%, #343434 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#343434',GradientType=0 );
  /* IE6-9 fallback on horizontal gradient */ }

#slides {
  background: -moz-linear-gradient(top, #7c7c7c 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7c7c7c), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7c7c7c 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-top, #7c7c7c 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #7c7c7c 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #7c7c7c 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#0d0d0d',GradientType=0 );
  /* IE6-9 fallback on horizontal gradient */ }

.slides_container {
  height: 230px; }

.slides_container div {
  width: 100%; }

.slides_footer {
  clear: both;
  height: 38px;
  /* width:478px; */
  background: #1e5799;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3b3b3b 0%, #1e1e1e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b3b3b), color-stop(100%, #1e1e1e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #3b3b3b 0%, #1e1e1e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #3b3b3b 0%, #1e1e1e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3b3b3b 0%, #1e1e1e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #3b3b3b 0%, #1e1e1e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#1e1e1e',GradientType=0 );
  /* IE6-9 fallback on horizontal gradient */
  border: solid 0px #3f3f3f;
  border-top: 0px solid #000000; }

.featured-image {
  position: relative;
  background-size: cover;
  background-clip: content-box; }

.featured-image img {
  display: block;
  background-size: cover;
  height: 230px;
  position: relative;
  width: 478px;
  background-clip: content-box; }

.two-column .featured image,
.two-column .featured-image img {
  width: 612px;
  height: 230px; }

.featured-content .featured-heading {
  margin: 0;
  font-size: 20px;
  display: block;
  width: 460px;
  margin-right: 10px;
  padding-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.two-column .featured-heading {
  width: 580px; }

.featured-content .featured-text {
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 460px;
  padding-bottom: 2px;
  display: block;
  padding-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.two-column .featured-text {
  width: 580px; }

.featured-content {
  position: absolute;
  bottom: 0;
  display: block;
  color: white;
  padding: 2px 2px 5px 10px;
  text-shadow: 1px 1px 1px black;
  background: black;
  opacity: 0.87;
  background: rgba(0, 0, 0, 0.8);
  background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }

#Messages .dropdown-menu li {
  float: none !important; }

#Messages .dropdown-menu li a {
  font-size: 11px !important;
  width: auto !important; }

#Messages .dropdown-menu {
  margin: 6px 0 0;
  padding: 5px !important; }

#Messages .dropdown-menu:after {
  border-bottom: 9px solid #FFFFFF;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
  right: 50px;
  top: -9px; }

#Messages .settings > li .dropdown-menu a {
  color: #306398 !important; }

#Messages .settings > li .dropdown-menu a:hover {
  color: #306398 !important;
  background: #ffffff !important;
  text-decoration: underline; }

#Messages .dropdown .caret {
  margin-left: 0 !important;
  margin-top: 8px !important; }

#Messages .dropdown-menu.pull-right {
  left: auto;
  right: 20px !important; }

#Messages .message {
  display: block;
  position: relative;
  float: left; }

#Messages .message-author {
  font-size: 11px;
  color: #111111; }

#Messages .message-author-image {
  float: left;
  display: block;
  margin: 0 10px 0 0;
  width: 32px;
  height: 50px; }

#Messages .message-wrapper {
  position: relative;
  top: -7px;
  width: 325px;
  display: block; }

#Messages .message-body {
  font-size: 11px;
  margin: 0;
  min-width: 300px;
  color: #555555; }

#Messages .message-date {
  font-size: 11px;
  color: #999999; }

#Messages .dropdown-menu .header {
  display: inline;
  padding: 2px 7px;
  color: #999999;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

#Messages .center-text {
  text-align: center; }

.dropdown-menu li {
  float: none !important; }

.dropdown-menu li a {
  font-size: 11px !important;
  width: auto !important; }

.settings > li > .dropdown-menu:after {
  border-bottom: 9px solid #FFFFFF;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
  right: 14px;
  top: -9px; }

.settings > li .dropdown-menu a {
  color: #306398 !important; }

.settings > li .dropdown-menu a:hover {
  color: #306398 !important;
  background: #ffffff !important;
  text-decoration: underline; }

.dropdown .caret {
  margin-left: 0 !important;
  margin-top: 8px !important; }

.caret {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #FFFFFF;
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0; }

.dropdown-menu.pull-right {
  left: auto;
  right: -10px !important; }

.open > .dropdown-menu {
  display: block; }

.dropdown-menu.pull-right {
  left: auto;
  right: 0; }

.dropdown-menu {
  margin: 6px 0 0;
  padding: 5px !important; }

.pull-right {
  float: right; }

.dropdown-menu {
  margin: 6px 0 0;
  padding: 5px !important;
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  display: none;
  float: left;
  left: 0;
  list-style: none outside none;
  min-width: 160px;
  position: absolute;
  top: 100%;
  z-index: 1000; }

.dropdown-menu .header {
  padding: 2px 7px;
  color: #999999;
  display: block;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff; }

.dropdown-menu a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap; }

/*========================================================================
General Bucket Styles
========================================================================= */
.bucket-content, .section-wrapper,
.content {
  position: relative;
  background: #ffffff;
  padding: 0 10px 5px 10px;
  margin: 0;
  min-height: 30px;
  border: 1px solid #b2b2b2; }
  .bucket-content li, .section-wrapper li,
  .content li {
    margin: 0;
    font-size: 13px;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px; }
  .bucket-content li:first-of-type, .section-wrapper li:first-of-type,
  .content li:first-of-type {
    margin-top: 0; }
  .bucket-content li:last-of-type, .section-wrapper li:last-of-type,
  .content li:last-of-type {
    padding-bottom: 3px; }
  .bucket-content p, .section-wrapper p,
  .content p {
    position: relative;
    line-height: 20px;
    margin-bottom: 4px;
    margin-top: 0; }
  .bucket-content h2, .section-wrapper h2, .bucket-content h3, .section-wrapper h3,
  .content h2,
  .content h3 {
    margin-top: 0;
    margin-bottom: 0; }
  .bucket-content h2 a, .section-wrapper h2 a, .bucket-content h3 a, .section-wrapper h3 a,
  .content h2 a,
  .content h3 a {
    margin: 0;
    margin-top: -2px;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 22px;
    color: black;
    display: block;
    text-decoration: none;
    width: 100%; }
    .bucket-content h2 a:hover, .section-wrapper h2 a:hover, .bucket-content h3 a:hover, .section-wrapper h3 a:hover,
    .content h2 a:hover,
    .content h3 a:hover {
      text-decoration: underline; }
  .bucket-content img, .section-wrapper img,
  .content img {
    float: left;
    margin-right: 0.5em;
    margin-bottom: 0.4em; }
  .bucket-content .content-view-image, .section-wrapper .content-view-image,
  .content .content-view-image {
    display: block;
    float: left; }
  .bucket-content .info, .section-wrapper .info, .bucket-content .info-single-page, .section-wrapper .info-single-page,
  .content .info,
  .content .info-single-page {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 3px 0 0 0 !important;
    height: 21px;
    float: left;
    /*
    display: inline-block;
    */ }
    .bucket-content .info *, .section-wrapper .info *, .bucket-content .info-single-page *, .section-wrapper .info-single-page *,
    .content .info *,
    .content .info-single-page * {
      line-height: 21px; }
    .bucket-content .info img, .section-wrapper .info img, .bucket-content .info-single-page img, .section-wrapper .info-single-page img,
    .content .info img,
    .content .info-single-page img {
      margin-bottom: 0; }
    .bucket-content .info p, .section-wrapper .info p, .bucket-content .info-single-page p, .section-wrapper .info-single-page p,
    .content .info p,
    .content .info-single-page p {
      margin: 0;
      float: left; }
    .bucket-content .info a, .section-wrapper .info a, .bucket-content .info-single-page a, .section-wrapper .info-single-page a,
    .content .info a,
    .content .info-single-page a {
      text-decoration: none; }
  .bucket-content .info-single-page, .section-wrapper .info-single-page,
  .content .info-single-page {
    margin-bottom: 10px !important; }
  .bucket-content .addthis_toolbox, .section-wrapper .addthis_toolbox,
  .content .addthis_toolbox {
    margin-top: 10px; }
  .bucket-content .meta, .section-wrapper .meta,
  .content .meta {
    float: right;
    height: 21px;
    display: inline;
    vertical-align: middle;
    width: 130px; }
    .bucket-content .meta li, .section-wrapper .meta li,
    .content .meta li {
      display: inline;
      float: none;
      padding: 0;
      border: none; }
    .bucket-content .meta a, .section-wrapper .meta a,
    .content .meta a {
      background: #f2f2f2;
      width: 45px;
      color: grey;
      border: 1px solid #ccc;
      padding-left: 7px;
      padding-right: 7px;
      border-radius: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      text-decoration: none;
      text-align: center;
      float: right;
      margin-left: 3px;
      margin-right: 3px;
      line-height: 19px; }
      .bucket-content .meta a:last-of-type, .section-wrapper .meta a:last-of-type,
      .content .meta a:last-of-type {
        margin-right: 0; }
      .bucket-content .meta a:hover, .section-wrapper .meta a:hover,
      .content .meta a:hover {
        background: #e5e5e5; }
    .bucket-content .meta a.new, .section-wrapper .meta a.new,
    .content .meta a.new {
      font-size: 12px !important; }
    .bucket-content .meta .icon, .section-wrapper .meta .icon,
    .content .meta .icon {
      padding-right: 2px;
      padding-left: 2px;
      display: inline-block;
      vertical-align: bottom; }
  .bucket-content .vote-box, .section-wrapper .vote-box,
  .content .vote-box {
    width: 100%;
    background: #F5F7FA;
    border: 1px solid #e4e9f2;
    display: block;
    height: 18px;
    /*border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;*/
    margin-top: 5px;
    float: left;
    clear: left; }
    .bucket-content .vote-box *, .section-wrapper .vote-box *,
    .content .vote-box * {
      line-height: 18px; }
    .bucket-content .vote-box .vote-actions, .section-wrapper .vote-box .vote-actions,
    .content .vote-box .vote-actions {
      float: right;
      display: block;
      width: 20%;
      margin-right: 1%;
      text-align: right; }
      .bucket-content .vote-box .vote-actions a, .section-wrapper .vote-box .vote-actions a,
      .content .vote-box .vote-actions a {
        font-size: 12px;
        text-decoration: none; }
      .bucket-content .vote-box .vote-actions a:hover, .section-wrapper .vote-box .vote-actions a:hover,
      .content .vote-box .vote-actions a:hover {
        text-decoration: none; }
      .bucket-content .vote-box .vote-actions .like, .section-wrapper .vote-box .vote-actions .like,
      .content .vote-box .vote-actions .like {
        color: #376295; }
      .bucket-content .vote-box .vote-actions .unlike, .section-wrapper .vote-box .vote-actions .unlike,
      .content .vote-box .vote-actions .unlike {
        color: grey; }
    .bucket-content .vote-box .like-summary, .section-wrapper .vote-box .like-summary,
    .content .vote-box .like-summary {
      float: left;
      margin-left: 1%;
      font-size: 12px;
      color: #5b5b5b;
      width: 78%;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .bucket-content .vote-box .like-summary a, .section-wrapper .vote-box .like-summary a,
      .content .vote-box .like-summary a {
        text-decoration: none;
        font-size: 12px; }
  .bucket-content .started-by, .section-wrapper .started-by,
  .bucket-content .last-reply,
  .section-wrapper .last-reply,
  .content .started-by,
  .content .last-reply {
    color: #5b5b5b;
    font-size: 13px;
    position: relative; }
    .bucket-content .started-by img, .section-wrapper .started-by img,
    .bucket-content .last-reply img,
    .section-wrapper .last-reply img,
    .content .started-by img,
    .content .last-reply img {
      margin-right: 3px;
      float: none; }
    .bucket-content .started-by a span, .section-wrapper .started-by a span,
    .bucket-content .last-reply a span,
    .section-wrapper .last-reply a span,
    .content .started-by a span,
    .content .last-reply a span {
      color: #376295; }
  .bucket-content .started-by, .section-wrapper .started-by,
  .content .started-by {
    margin-right: 15px; }

.minimal-bucket h2 a, .minimal-bucket h3 a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  display: block;
  font-size: 16px;
  color: #376295;
  margin: 0;
  width: 76%;
  height: 26px;
  line-height: 26px; }
.minimal-bucket .meta {
  height: 26px;
  width: 130px; }
  .minimal-bucket .meta li {
    float: none; }
  .minimal-bucket .meta a {
    margin-top: 3px; }

.padded, .section-wrapper {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 5px; }

.bucket-footer-primary {
  background: #f2f2f2;
  height: 22px;
  border: 1px solid #bbb;
  border-top: none;
  padding: 2px 10px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 15px; }
  .bucket-footer-primary i {
    font-size: 21px;
    display: inline;
    float: left; }
  .bucket-footer-primary a {
    color: #5b5b5b;
    line-height: 22px;
    font-size: 12px;
    vertical-align: middle;
    text-decoration: none; }
    .bucket-footer-primary a:hover {
      color: black;
      text-decoration: none !important; }
  .bucket-footer-primary span.arrow {
    font-size: 9px !important;
    vertical-align: top; }

.dotted > *, .dotted li {
  border-bottom: 1px dotted #b2b2b2; }
  .dotted > *:last-of-type, .dotted li:last-of-type {
    border-bottom: none; }

.section-wrapper {
  border-top: 1px solid #b2b2b2 !important; }

.view-more-bottom {
  cursor: pointer;
  margin-bottom: -5px;
  padding: 3px 0;
  padding-left: -10px;
  font-size: 11px;
  font-weight: 500;
  display: block;
  width: 100%;
  background: #ebf0f4;
  color: #356197;
  text-align: center;
  z-index: -100;
  margin-bottom: 1px;
  margin-top: 3px; }
  .view-more-bottom:hover {
    background: #e4ebf0; }

.department-description {
  padding-bottom: 10px;
  margin-bottom: 0;
  padding-bottom: 7px; }
  .department-description p {
    margin-top: 0; }
  .department-description .button-primary, .department-description .user-search-results .action-links a, .user-search-results .action-links .department-description a {
    margin-top: 0;
    padding: 2px 7px;
    font-size: 12px; }

.new-tag, .minimal-bucket .new-tag {
  font-weight: 700;
  vertical-align: top;
  font-size: 14px;
  color: #009B00;
  text-decoration: none;
  margin-right: 3px;
  font-style: italic; }
  .new-tag.rotated {
    transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg); }

.minimal-bucket .new-tag {
  font-size: 11px; }

.three-column .minimal-bucket h2 a, .three-column .minimal-bucket h3 {
  width: 443px; }
.three-column .minimal-bucket .meta {
  width: 118px; }
  .three-column .minimal-bucket .meta a {
    width: 40px;
    padding: 0 7px;
    font-size: 12px; }
  .three-column .minimal-bucket .meta .icon {
    padding-left: 2px; }

/*These are adjustments for three-column layout*/
.two-column .half li:last-of-type {
  padding-bottom: 0; }
.two-column .half .view-more-bottom {
  display: none; }
.two-column .half .bucket-content, .two-column .half .section-wrapper {
  padding-top: 0; }
.two-column .half .meta {
  float: left;
  clear: left;
  margin-left: -3px; }
.two-column .half .minimal-bucket h2 a, .two-column .half .minimal-bucket h3 a {
  margin-top: -5px;
  width: 100%; }

/*These are adjustments for two-column layout*/
/*
Left-sidebar bucket (dashboard)
========================================================================= */
.dashboard {
  background: #fff;
  position: relative; }
  .dashboard .dashboard-content {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    border: 1px solid #b2b2b2;
    border-top-color: white; }

.left-sidebar .new-user-message {
  margin: -5px auto 10px auto;
  color: #5b5b5b;
  padding: 0 5px;
  line-height: 18px; }
  .left-sidebar .new-user-message .ds-icon {
    margin-right: 5px;
    margin-bottom: 5px !important; }
  .left-sidebar .new-user-message .button-secondary, .left-sidebar .new-user-message header[role="banner"] ul.settings li#messages header .write-new-message, header[role="banner"] ul.settings li#messages header .left-sidebar .new-user-message .write-new-message, .left-sidebar .new-user-message .owner-edit {
    padding: 3px 5px;
    margin-top: -5px;
    display: block;
    width: 38%;
    text-align: center;
    line-height: 12px !important; }

.dashboard .main-avatar {
  margin: 10px auto 2px auto;
  font-size: 12px;
  text-align: center; }
  .dashboard .main-avatar img {
    margin-bottom: 7px; }

.dashboard .main-avatar a {
  text-decoration: none;
  display: block;
  color: black; }

.dashboard .content a {
  display: block; }

.dashboard a.main-avatar {
  display: block;
  padding: 10px 25px;
  font-size: 13px;
  font-weight: 700;
  margin: 0 auto; }

.dashboard a.main-avatar img {
  margin-right: 5px; }

.dashboard ul {
  border-bottom: 1px dotted #ccc;
  margin: 5px 0; }

.dashboard ul a {
  display: block;
  font-size: 13px;
  color: #5B5B5B;
  line-height: 16px;
  margin: 4px 0;
  padding: 4px;
  position: relative; }

.dashboard ul a:hover,
.dashboard ul a.active {
  background: #EBEBEB;
  color: inherit;
  color: black;
  text-decoration: none; }

.dashboard ul a.active {
  font-weight: 700; }

.dashboard ul a i {
  width: 23px;
  height: 23px;
  float: left;
  margin: 0 5px 0 3px;
  padding-top: 0;
  font-size: 23px;
  color: #959595; }

.dashboard ul a:hover i,
.dashboard ul a.active i {
  color: #5b5b5b;
  color: black; }

.dashboard ul.content-filter {
  position: relative;
  display: block;
  margin: 10px; }
  .dashboard ul.content-filter li {
    margin-bottom: 2px; }
  .dashboard ul.content-filter li a {
    font-size: 16px;
    padding-left: 28px;
    background: url(../images/user-view-toggle/checkbox.png) left center no-repeat;
    font-weight: 400; }
    .dashboard ul.content-filter li a.active {
      background: url(../images/user-view-toggle/checkbox-checked.png) left center no-repeat;
      color: inherit !important; }
      .dashboard ul.content-filter li a.active .icon {
        color: #376295; }
    .dashboard ul.content-filter li a img {
      opacity: 1 !important; }
  .dashboard ul.content-filter li a i {
    font-size: 22px;
    margin-left: 0; }
  .dashboard ul.content-filter span {
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin-bottom: 5px; }

.dashboard ul.profile-nav {
  border-bottom: none; }

/*
.dashboard .content-filter {
	@extend .clearfix;
	display: block;
	padding: 0 10px 10px 10px;
	
	div {
		background: url(../images/user-view-toggle/standard-toggle.png);
		width: 142px;
		height: 27px;
		cursor: pointer;
		@include image-replacement;
		
		&.active {
			background: url(../images/user-view-toggle/custom-toggle.png);
		}
		
		&:hover {
			opacity: 0.95;
		}
	}
	
	
	span {
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 5px;
		display: block;
		text-align: center;
	}
}
*/
/*icon font adjustments*/
.messages .icon {
  font-size: 18px;
  margin-left: 5px;
  margin-right: 3px; }

.dashboard ul a span {
  float: right;
  margin: 0;
  padding: 0 8px;
  height: 17px;
  line-height: 17px;
  border-radius: 3px;
  background: #D1DBE6;
  color: #306398;
  vertical-align: middle; }

.dashboard ul a.profile span {
  background: none;
  border: none;
  padding: 0 5px;
  line-height: 18px;
  position: absolute;
  margin-left: 0;
  color: inherit; }

.dashboard .dscore {
  position: relative;
  padding-bottom: 5px;
  border-top: 1px dotted #ccc;
  padding-top: 5px;
    /*
    a.what-is-this {
    	font-size: 10px;
    	color: #5B5B5B;    	 
    	text-decoration: none;
    	text-align: right;
    	display: block;
    	padding-right: 30px;
    	
    	&:hover {
	    	text-decoration: underline;
    	}
    }
    a.boost-score {
    	display: block;
    	font-size: 11px; 
    	text-decoration: none;
    	text-align: center;
    	padding-top: 5px;
    }
    */ }
  .dashboard .dscore:hover .dscore-background {
    opacity: 0.9; }
  .dashboard .dscore > a {
    text-decoration: none; }
  .dashboard .dscore a.what-is-dscore {
    display: block;
    text-align: center; }
    .dashboard .dscore a.what-is-dscore:hover {
      text-decoration: underline; }
  .dashboard .dscore .dscore-background {
    background: url(../images/dscore/dscore-dashboard.jpg?v=) no-repeat;
    width: 110px;
    height: 121px;
    margin: 0 auto; }
  .dashboard .dscore span.score {
    font-size: 48px;
    line-height: 75px;
    text-align: center;
    display: block;
    color: white;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px black; }
  .dashboard .dscore span.not-logged-in {
    font-size: 14px;
    display: block;
    padding-top: 25px;
    width: 100%;
    color: white;
    text-align: center;
    text-shadow: 1px 1px 1px black; }

.dashboard .achievements {
  border-top: 1px dotted #ccc;
  padding-bottom: 5px;
  margin-bottom: 0; }
  .dashboard .achievements a {
    text-decoration: none; }
    .dashboard .achievements a:hover {
      text-decoration: underline; }
  .dashboard .achievements .no-achievements {
    margin-top: 0;
    padding: 0 5px; }
    .dashboard .achievements .no-achievements p {
      margin-bottom: 3px;
      font-size: 14px;
      margin-top: 0;
      text-align: center; }
    .dashboard .achievements .no-achievements .button-secondary, .dashboard .achievements .no-achievements header[role="banner"] ul.settings li#messages header .write-new-message, header[role="banner"] ul.settings li#messages header .dashboard .achievements .no-achievements .write-new-message, .dashboard .achievements .no-achievements .owner-edit {
      padding: 3px 5px; }

.dashboard div.achievements ul {
  margin: 7px 0;
  padding: 0 5px;
  border: none; }

.dashboard div.achievements ul li a {
  display: inline-block;
  width: 65px;
  float: left;
  margin: 0 3px 2px 3px; }
  .dashboard div.achievements ul li a:hover {
    background: none; }
  .dashboard div.achievements ul li a > img {
    max-width: 100% !important; }
  .dashboard div.achievements ul li a > img:hover {
    opacity: 0.9; }

.dashboard div.achievements .more-badges {
  font-size: 11px;
  text-align: center;
  display: block;
  text-decoration: none; }
  .dashboard div.achievements .more-badges:hover {
    text-decoration: underline; }

.left-sidebar .vendor-ratings-categories .bucket-content a, .left-sidebar .vendor-ratings-categories .section-wrapper a {
  color: #5b5b5b;
  float: left;
  clear: left;
  text-decoration: none;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 3px;
  display: block;
  width: 100%; }
  .left-sidebar .vendor-ratings-categories .bucket-content a span, .left-sidebar .vendor-ratings-categories .section-wrapper a span {
    font-weight: 700; }
  .left-sidebar .vendor-ratings-categories .bucket-content a:hover, .left-sidebar .vendor-ratings-categories .section-wrapper a:hover {
    color: black;
    text-decoration: underline; }

.left-sidebar .recent-videos-widget li {
  padding: 2px 0;
  margin: 3px 0; }
.left-sidebar .recent-videos-widget a {
  text-decoration: none;
  font-size: 14px;
  display: block;
  text-align: center;
  color: black; }
  .left-sidebar .recent-videos-widget a:hover {
    text-decoration: underline; }
    .left-sidebar .recent-videos-widget a:hover img {
      opacity: 0.90; }
.left-sidebar .recent-videos-widget img {
  float: none;
  display: block;
  margin: 0 auto 5px auto; }

.left-sidebar .groups-widget li {
  padding: 2px 0; }
.left-sidebar .groups-widget a {
  text-decoration: none;
  font-size: 14px;
  display: block; }
  .left-sidebar .groups-widget a:hover {
    text-decoration: underline; }

/*
Primary Bucket Headers
========================================================================= */
.bucket-header-primary, .bucket-header-did-you-know, .bucket-header-dstv,
.bucket-content .bucket-header-primary,
.section-wrapper .bucket-header-primary,
.bucket-content .bucket-header-did-you-know,
.section-wrapper .bucket-header-did-you-know,
.bucket-content .bucket-header-dstv,
.section-wrapper .bucket-header-dstv {
  background: #f0f0f0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f0f0f0 0%, #e1e1e1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #e1e1e1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #e1e1e1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f0f0f0 0%, #e1e1e1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f0f0f0 0%, #e1e1e1 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f0f0f0 0%, #e1e1e1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e1e1e1',GradientType=0 );
  /* IE6-9 */
  margin-bottom: 0px;
  font-weight: 700;
  padding: 5px;
  margin-top: 15px;
  background: #2f639c;
  background: -moz-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f639c), color-stop(6%, #2d659e), color-stop(8%, #326497), color-stop(11%, #316597), color-stop(17%, #32659e), color-stop(19%, #31669c), color-stop(36%, #3269a1), color-stop(86%, #3977b4), color-stop(100%, #3a76b2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f639c', endColorstr='#3a76b2',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #294a70;
  color: white;
  text-shadow: 1px 1px 1px #5b5b5b; }
  .bucket-header-primary a, .bucket-header-did-you-know a, .bucket-header-dstv a,
  .bucket-content .bucket-header-primary a,
  .section-wrapper .bucket-header-primary a,
  .bucket-content .bucket-header-did-you-know a,
  .section-wrapper .bucket-header-did-you-know a,
  .bucket-content .bucket-header-dstv a,
  .section-wrapper .bucket-header-dstv a {
    /*color: $main-blue;*/
    font-size: 11px;
    text-decoration: none;
    text-shadow: none;
    font-weight: 500;
    line-height: 16px;
    color: white; }
    .bucket-header-primary a:hover, .bucket-header-did-you-know a:hover, .bucket-header-dstv a:hover,
    .bucket-content .bucket-header-primary a:hover,
    .section-wrapper .bucket-header-primary a:hover,
    .bucket-content .bucket-header-did-you-know a:hover,
    .section-wrapper .bucket-header-did-you-know a:hover,
    .bucket-content .bucket-header-dstv a:hover,
    .section-wrapper .bucket-header-dstv a:hover {
      text-decoration: underline; }
  .bucket-header-primary > *, .bucket-header-did-you-know > *, .bucket-header-dstv > *,
  .bucket-content .bucket-header-primary > *,
  .section-wrapper .bucket-header-primary > *,
  .bucket-content .bucket-header-did-you-know > *,
  .section-wrapper .bucket-header-did-you-know > *,
  .bucket-content .bucket-header-dstv > *,
  .section-wrapper .bucket-header-dstv > * {
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: 500;
    line-height: 16px;
    margin: 0; }

/*
Primary Bucket Footers
========================================================================= */
.bucket-footer-primary {
  background: #ededed;
  height: 22px;
  border: 1px solid #b2b2b2;
  border-top: none;
  padding: 2px 10px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  .bucket-footer-primary i {
    font-size: 21px;
    display: inline;
    float: left; }
  .bucket-footer-primary a {
    color: #5b5b5b;
    line-height: 22px;
    font-size: 12px;
    vertical-align: middle;
    text-decoration: none; }
    .bucket-footer-primary a:hover {
      color: black;
      text-decoration: none; }
  .bucket-footer-primary span.arrow {
    font-size: 10px;
    vertical-align: middle; }

/*
Secondary Bucket Headers
========================================================================= */
.bucket-header-secondary > h2 {
  margin-top: 0;
  color: #376295;
  background: #f5f5f5;
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 12px 7px;
  margin-bottom: 0;
  line-height: 16px;
  border-top: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  border-right: 1px solid #b2b2b2; }
.bucket-header-secondary > h2 > a {
  line-height: 16px;
  font-size: 11px;
  text-decoration: none;
  font-weight: 500; }
  .bucket-header-secondary > h2 > a:hover {
    text-decoration: underline; }
.bucket-header-secondary .larger-header {
  font-size: 22px !important;
  padding-left: 20px; }

/*===================================================
buckets in right sidebar
===================================================*/
.right-sidebar .connection-activity {
  max-height: 250px;
  overflow: auto; }
  .right-sidebar .connection-activity .user {
    font-weight: 700;
    color: black; }

.right-sidebar .people-you-may-know {
  max-height: 250px;
  overflow: auto; }
  .right-sidebar .people-you-may-know .avatar-info-block {
    margin-top: -10px; }
  .right-sidebar .people-you-may-know li {
    padding: 5px 0; }

.right-sidebar .trending-auto-news {
  max-height: 250px;
  overflow: auto; }
  .right-sidebar .trending-auto-news li {
    padding: 0; }
  .right-sidebar .trending-auto-news a,
  .right-sidebar .trending-auto-news p {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-right: 5px;
    margin: 7px 0;
    text-decoration: none; }
  .right-sidebar .trending-auto-news a:hover {
    text-decoration: underline; }
  .right-sidebar .trending-auto-news img {
    float: right;
    margin-left: 10px;
    margin-top: 5px; }

.right-sidebar .dstv-video {
  position: relative;
  margin-bottom: 10px; }
  .right-sidebar .dstv-video .bucket-content, .right-sidebar .dstv-video .section-wrapper {
    position: relative;
    min-height: 100px;
    padding-top: 10px !important;
    padding-bottom: 22px !important; }
  .right-sidebar .dstv-video .video {
    margin: 0 auto 5px auto; }
  .right-sidebar .dstv-video .bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #5b5b5b;
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: right; }
    .right-sidebar .dstv-video .bottom img {
      float: right !important; }

.right-sidebar .vendor-ratings-categories .bucket-content a, .right-sidebar .vendor-ratings-categories .section-wrapper a {
  width: 47%;
  margin-left: 3%;
  display: block;
  float: left;
  padding: 5px 0;
  font-size: 11px;
  text-decoration: none;
  color: #5B5B5B; }
  .right-sidebar .vendor-ratings-categories .bucket-content a:hover, .right-sidebar .vendor-ratings-categories .section-wrapper a:hover {
    text-decoration: underline; }
.right-sidebar .vendor-ratings-categories header span {
  font-size: 12px;
  font-weight: 500; }

.recent-vendor-ratings {
  position: relative;
  color: #333; }
  .recent-vendor-ratings .bucket-content, .recent-vendor-ratings .section-wrapper {
    padding: 0; }
  .recent-vendor-ratings .rating-info div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 285px; }
  .recent-vendor-ratings .product-logo {
    float: left;
    padding-right: 3px; }
  .recent-vendor-ratings h3 a {
    font-size: 20px;
    line-height: 24px;
    text-decoration: none !important;
    color: #444;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis; }
  .recent-vendor-ratings li {
    padding: 5px 8px; }
    .recent-vendor-ratings li:hover {
      background: #f7f7f7;
      cursor: pointer; }
  .recent-vendor-ratings li:hover a {
    color: black; }
  .recent-vendor-ratings .recommended,
  .recent-vendor-ratings .by,
  .recent-vendor-ratings .verified {
    font-size: 14px;
    line-height: 20px; }
  .recent-vendor-ratings .recommended img {
    float: none;
    vertical-align: text-top;
    display: inline; }
  .recent-vendor-ratings .verified {
    margin-top: 5px;
    line-height: 16px;
    font-size: 13px; }
  .recent-vendor-ratings p {
    line-height: 16px;
    margin: 4px 0; }
  .recent-vendor-ratings span {
    clear: left; }
  .recent-vendor-ratings a {
    text-decoration: none;
    font-weight: 700; }
    .recent-vendor-ratings a:hover {
      text-decoration: underline; }
  .recent-vendor-ratings .stars {
    margin-top: 2px; }
    .recent-vendor-ratings .stars img {
      margin-right: 3px; }

.recent-comments-widget {
  word-wrap: break-word; }
  .recent-comments-widget .bucket-content, .recent-comments-widget .section-wrapper {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0; }
  .recent-comments-widget li {
    display: block;
    padding: 7px;
    cursor: pointer; }
    .recent-comments-widget li:hover {
      background: #f7f7f7; }
    .recent-comments-widget li:last-of-type {
      padding-bottom: 5px; }
  .recent-comments-widget .username {
    line-height: 12px;
    margin-bottom: 3px;
    display: block;
    font-weight: 700;
    text-decoration: none; }
    .recent-comments-widget .username:hover {
      text-decoration: none; }
  .recent-comments-widget .timestamp {
    color: #5b5b5b;
    margin-bottom: 3px; }
  .recent-comments-widget .comment {
    display: block;
    color: black;
    line-height: 16px;
    margin-bottom: 0;
    padding-bottom: 3px;
    text-decoration: none !important; }
  .recent-comments-widget .bottom {
    font-size: 12px;
    float: left;
    clear: left;
    width: 100%; }
    .recent-comments-widget .bottom a {
      font-size: 12px;
      text-decoration: none; }

.bucket-header-did-you-know {
  background: #fca74c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fca74c 0%, #fca548 12%, #f99933 44%, #f69125 60%, #f2850e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fca74c), color-stop(12%, #fca548), color-stop(44%, #f99933), color-stop(60%, #f69125), color-stop(100%, #f2850e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fca74c 0%, #fca548 12%, #f99933 44%, #f69125 60%, #f2850e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fca74c 0%, #fca548 12%, #f99933 44%, #f69125 60%, #f2850e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fca74c 0%, #fca548 12%, #f99933 44%, #f69125 60%, #f2850e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fca74c 0%, #fca548 12%, #f99933 44%, #f69125 60%, #f2850e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fca74c', endColorstr='#f2850e',GradientType=0 );
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  border: 1px solid #b2b2b2;
  border-bottom: none; }

.bucket-header-dstv {
  background: #0a9246;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0a9246 0%, #06622f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0a9246), color-stop(100%, #06622f));
  /* 	Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0a9246 0%, #06622f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0a9246 0%, #06622f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0a9246 0%, #06622f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0a9246 0%, #06622f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a9246', endColorstr='#06622f',GradientType=0 );
  /* IE6-9 */ }

.widget-featured {
  padding-top: 5px; }
  .widget-featured h3 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 22px; }
  .widget-featured div {
    font-size: 14px;
    line-height: 18px; }
  .widget-featured .about-toggle {
    line-height: 40px; }
  .widget-featured .f-column-name {
    border: 1px dashed #999;
    padding: 8px 10px 5px 10px;
    margin: 10px 0;
    background: #f8f8f8; }
    .widget-featured .f-column-name p {
      line-height: normal;
      font-size: 14px;
      font-weight: bold;
      color: #555; }

.required {
  color: #FF0000; }
  .required.marked {
    margin-left: 5px; }
  .required:hover {
    color: #FF0000; }

.form-section {
  margin-bottom: 20px;
  /*textarea {
  	width: 60%;
  }*/ }
  .form-section p {
    font-size: 14px; }
  .form-section .checkbox-list {
    font-size: 14px;
    line-height: 24px; }
    .form-section .checkbox-list label {
      display: inline; }
    .form-section .checkbox-list input {
      margin: 0 5px 0 0;
      height: 14px; }
  .form-section ul {
    margin-top: 0; }
  .form-section ul li {
    margin-bottom: 10px; }

input.full-width,
textarea.full-width {
  width: 98%; }

input.big {
  height: 30px !important;
  font-size: 18px !important; }

textarea.big {
  font-size: 18px !important; }

.noshow legend {
  display: none; }

.tagName {
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
  padding: 2px;
  margin: 0; }
  .tagName:hover {
    background: #f2f2f2; }

.tagName:hover:before {
  content: ".ù color: white;
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 0;
  background: #5b5b5b;
  padding: 0 5px; }

/*Bootstrap forms*/
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*form {
  margin: 0 0 20px;
}*/
fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

legend small {
  font-size: 15px;
  color: #999999; }

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px; }

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

label {
  display: block;
  margin-bottom: 5px; }

select,
textarea,
input[type="text"],
input[type="file"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 9px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

input,
textarea,
.uneditable-input {
  width: 206px; }

textarea {
  height: auto; }

textarea,
input[type="text"],
input[type="file"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s; }

textarea:focus,
input[type="text"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
  cursor: pointer; }

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto; }

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 30px; }

select {
  border: 1px solid #cccccc;
  background-color: #ffffff; }

select[multiple],
select[size] {
  height: auto; }

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed; }

.uneditable-input {
  overflow: hidden;
  white-space: nowrap; }

.uneditable-textarea {
  width: auto;
  height: auto; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999; }

.radio,
.checkbox {
  min-height: 18px;
  padding-left: 18px; }

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px; }

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px; }

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle; }

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px; }

.input-mini {
  width: 60px; }

.input-small {
  width: 90px; }

.input-medium {
  width: 150px; }

.input-large {
  width: 210px; }

.input-xlarge {
  width: 270px; }

.input-xxlarge {
  width: 530px; }

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0; }

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block; }

input,
textarea,
.uneditable-input {
  margin-left: 0; }

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px; }

input.span12, textarea.span12, .uneditable-input.span12 {
  width: 926px; }

input.span11, textarea.span11, .uneditable-input.span11 {
  width: 846px; }

input.span10, textarea.span10, .uneditable-input.span10 {
  width: 766px; }

input.span9, textarea.span9, .uneditable-input.span9 {
  width: 686px; }

input.span8, textarea.span8, .uneditable-input.span8 {
  width: 606px; }

input.span7, textarea.span7, .uneditable-input.span7 {
  width: 526px; }

input.span6, textarea.span6, .uneditable-input.span6 {
  width: 446px; }

input.span5, textarea.span5, .uneditable-input.span5 {
  width: 366px; }

input.span4, textarea.span4, .uneditable-input.span4 {
  width: 286px; }

input.span3, textarea.span3, .uneditable-input.span3 {
  width: 206px; }

input.span2, textarea.span2, .uneditable-input.span2 {
  width: 126px; }

input.span1, textarea.span1, .uneditable-input.span1 {
  width: 46px; }

.controls-row {
  *zoom: 1; }

.controls-row:before,
.controls-row:after {
  display: table;
  content: "";
  line-height: 0; }

.controls-row:after {
  clear: both; }

.controls-row [class*="span"] {
  float: left; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee; }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent; }

.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853; }

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853; }

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; }

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853; }

.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48; }

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48; }

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; }

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48; }

.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847; }

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847; }

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; }

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847; }

.control-group.info > label, .bucket-content .control-group.info-single-page > label, .section-wrapper .control-group.info-single-page > label,
.content .control-group.info-single-page > label,
.control-group.info .help-block,
.bucket-content .control-group.info-single-page .help-block,
.section-wrapper .control-group.info-single-page .help-block,
.content .control-group.info-single-page .help-block,
.control-group.info .help-inline,
.bucket-content .control-group.info-single-page .help-inline,
.section-wrapper .control-group.info-single-page .help-inline,
.content .control-group.info-single-page .help-inline {
  color: #3a87ad; }

.control-group.info .checkbox, .bucket-content .control-group.info-single-page .checkbox, .section-wrapper .control-group.info-single-page .checkbox,
.content .control-group.info-single-page .checkbox,
.control-group.info .radio,
.bucket-content .control-group.info-single-page .radio,
.section-wrapper .control-group.info-single-page .radio,
.content .control-group.info-single-page .radio,
.control-group.info input,
.bucket-content .control-group.info-single-page input,
.section-wrapper .control-group.info-single-page input,
.content .control-group.info-single-page input,
.control-group.info select,
.bucket-content .control-group.info-single-page select,
.section-wrapper .control-group.info-single-page select,
.content .control-group.info-single-page select,
.control-group.info textarea,
.bucket-content .control-group.info-single-page textarea,
.section-wrapper .control-group.info-single-page textarea,
.content .control-group.info-single-page textarea {
  color: #3a87ad; }

.control-group.info input, .bucket-content .control-group.info-single-page input, .section-wrapper .control-group.info-single-page input,
.content .control-group.info-single-page input,
.control-group.info select,
.bucket-content .control-group.info-single-page select,
.section-wrapper .control-group.info-single-page select,
.content .control-group.info-single-page select,
.control-group.info textarea,
.bucket-content .control-group.info-single-page textarea,
.section-wrapper .control-group.info-single-page textarea,
.content .control-group.info-single-page textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.info input:focus, .bucket-content .control-group.info-single-page input:focus, .section-wrapper .control-group.info-single-page input:focus,
.content .control-group.info-single-page input:focus,
.control-group.info select:focus,
.bucket-content .control-group.info-single-page select:focus,
.section-wrapper .control-group.info-single-page select:focus,
.content .control-group.info-single-page select:focus,
.control-group.info textarea:focus,
.bucket-content .control-group.info-single-page textarea:focus,
.section-wrapper .control-group.info-single-page textarea:focus,
.content .control-group.info-single-page textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; }

.control-group.info .input-prepend .add-on, .bucket-content .control-group.info-single-page .input-prepend .add-on, .section-wrapper .control-group.info-single-page .input-prepend .add-on,
.content .control-group.info-single-page .input-prepend .add-on,
.control-group.info .input-append .add-on,
.bucket-content .control-group.info-single-page .input-append .add-on,
.section-wrapper .control-group.info-single-page .input-append .add-on,
.content .control-group.info-single-page .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad; }

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b; }

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7; }

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1; }

.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
  line-height: 0; }

.form-actions:after {
  clear: both; }

.help-block,
.help-inline {
  color: #595959; }

.help-block {
  display: block;
  margin-bottom: 10px; }

.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px; }

.input-append,
.input-prepend {
  margin-bottom: 5px;
  font-size: 0;
  white-space: nowrap; }

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  font-size: 14px;
  vertical-align: top;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2; }

.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc; }

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn {
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546; }

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px; }

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.input-append .add-on,
.input-append .btn {
  margin-left: -1px; }

.input-append .add-on:last-child,
.input-append .btn:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; }

/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px; }

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0; }

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0; }

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px; }

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle; }

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none; }

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block; }

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0; }

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle; }

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0; }

.control-group {
  margin-bottom: 10px; }

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate; }

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1; }

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0; }

.form-horizontal .control-group:after {
  clear: both; }

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right; }

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0; }

.form-horizontal .controls:first-child {
  *padding-left: 180px; }

.form-horizontal .help-block {
  margin-bottom: 0; }

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block {
  margin-top: 10px; }

.form-horizontal .form-actions {
  padding-left: 180px; }

.ad {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block; }

.left-sidebar .ad.skyscraper-160 {
  padding: 0 5px; }

.right-sidebar .ad-group-1 .left-side {
  float: left;
  width: 48%; }
  .right-sidebar .ad-group-1 .left-side .ad {
    padding-left: 15px;
    margin-bottom: 10px; }
.right-sidebar .ad-group-1 .right-side {
  float: right;
  width: 48%; }
  .right-sidebar .ad-group-1 .right-side .ad {
    float: right;
    padding-right: 15px; }

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0); }

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.tooltip.top {
  margin-top: -3px; }

.tooltip.right {
  margin-left: 3px; }

.tooltip.bottom {
  margin-top: 3px; }

.tooltip.left {
  margin-left: -3px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  width: 236px;
  padding: 1px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.popover.top {
  margin-bottom: 10px; }

.popover.right {
  margin-left: 10px; }

.popover.bottom {
  margin-top: 10px; }

.popover.left {
  margin-right: 10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover-content p,
.popover-content ul,
.popover-content ol {
  margin-bottom: 0; }

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover .arrow:after {
  content: "";
  z-index: -1; }

.popover.top .arrow {
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-top-color: #ffffff; }

.popover.top .arrow:after {
  border-width: 11px 11px 0;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -1px;
  left: -11px; }

.popover.right .arrow {
  top: 50%;
  left: -10px;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-right-color: #ffffff; }

.popover.right .arrow:after {
  border-width: 11px 11px 11px 0;
  border-right-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
  left: -1px; }

.popover.bottom .arrow {
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #ffffff; }

.popover.bottom .arrow:after {
  border-width: 0 11px 11px;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -1px;
  left: -11px; }

.popover.left .arrow {
  top: 50%;
  right: -10px;
  margin-top: -10px;
  border-width: 10px 0 10px 10px;
  border-left-color: #ffffff; }

.popover.left .arrow:after {
  border-width: 11px 0 11px 11px;
  border-left-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
  right: -1px; }

.single-post-actions {
  margin-top: 20px;
  margin-bottom: 0;
  padding: 5px 0;
  border-top: 1px dotted #b2b2b2;
  border-bottom: 1px dotted #b2b2b2; }
  .single-post-actions .left-side {
    width: 48%;
    float: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .single-post-actions .left-side a {
      text-decoration: none; }
  .single-post-actions .right-side {
    width: 48%;
    float: right; }
    .single-post-actions .right-side a {
      margin-left: 10px; }
  .single-post-actions a.flag-button {
    margin-left: 15px; }
  .single-post-actions .flag-dropdown {
    position: relative; }
  .single-post-actions .dropdown-menu {
    position: absolute;
    top: 20px;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .single-post-actions .dropdown-menu li {
    padding: 0 !important; }
  .single-post-actions .dropdown-menu li a {
    text-decoration: none;
    margin-left: 0 !important;
    padding-left: 8px !important; }
  .single-post-actions .dropdown-menu li a:hover {
    background: #376295;
    color: white; }

.comments {
  padding-top: 25px; }

.single-comment-bucket {
  position: relative;
  margin-bottom: 10px;
  padding-right: 0; }
  .single-comment-bucket > header > h2 {
    background: #8d8d8d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #8d8d8d 0%, #939393 29%, #a2a2a2 75%, #a7a7a7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8d8d8d), color-stop(29%, #939393), color-stop(75%, #a2a2a2), color-stop(100%, #a7a7a7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8d8d8d 0%, #939393 29%, #a2a2a2 75%, #a7a7a7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8d8d8d 0%, #939393 29%, #a2a2a2 75%, #a7a7a7 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8d8d8d 0%, #939393 29%, #a2a2a2 75%, #a7a7a7 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #8d8d8d 0%, #939393 29%, #a2a2a2 75%, #a7a7a7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d8d8d', endColorstr='#a7a7a7',GradientType=0 );
    /* IE6-9 */
    display: block;
    border: 1px solid #ccc;
    border-bottom: none;
    margin-top: 0;
    color: white;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 6px 7px;
    margin-bottom: 0;
    line-height: 14px; }
  .single-comment-bucket div.bucket-content, .single-comment-bucket div.section-wrapper {
    border: 1px solid #ccc;
    position: relative;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    min-height: 145px; }
  .single-comment-bucket .left-side {
    background: #FAFAFA;
    width: 165px;
    position: absolute;
    left: 0;
    height: 100%;
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid #ccc;
    text-align: center; }
    .single-comment-bucket .left-side a {
      font-weight: 700;
      text-decoration: none; }
      .single-comment-bucket .left-side a:hover {
        text-decoration: underline; }
    .single-comment-bucket .left-side .user-info {
      width: 100%;
      margin: 0 auto;
      padding-top: 5px; }
      .single-comment-bucket .left-side .user-info img {
        display: block;
        margin: 0 auto;
        padding-bottom: 2px;
        float: none; }
    .single-comment-bucket .left-side ul {
      margin: 0; }
    .single-comment-bucket .left-side .stats {
      display: block;
      margin: 0 auto;
      width: 70px;
      color: #376295;
      font-size: 12px;
      font-weight: 700;
      margin-bottom: 0 !important; }
      .single-comment-bucket .left-side .stats li {
        text-align: left;
        padding: 2px 0; }
      .single-comment-bucket .left-side .stats span {
        font-weight: 500; }
    .single-comment-bucket .left-side .comment-job-title {
      line-height: 12px;
      padding: 0 !important;
      color: #5b5b5b;
      font-size: 12px;
      line-height: 14px; }
  .single-comment-bucket .right-side {
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    width: 419px;
    padding-top: 5px;
    padding-bottom: 10px; }
    .single-comment-bucket .right-side a {
      word-wrap: break-word !important; }
    .single-comment-bucket .right-side h3 {
      border-bottom: 1px dotted #ccc;
      margin-bottom: 3px;
      font-size: 18px; }
    .single-comment-bucket .right-side p {
      line-height: 18px; }
  .single-comment-bucket .bottom {
    background: #E2E2E2;
    height: 25px;
    padding: 0 12px;
    padding-right: 3px;
    line-height: 25px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #5b5b5b;
    position: relative; }
    .single-comment-bucket .bottom p {
      font-size: 11px;
      line-height: 25px;
      float: left; }
    .single-comment-bucket .bottom .button-grey {
      float: right;
      height: 10px;
      padding-left: 7px;
      padding-right: 7px;
      margin-left: 3px;
      font-size: 10px;
      font-weight: 500;
      line-height: 10px;
      top: 3px;
      color: black !important; }
      .single-comment-bucket .bottom .button-grey:hover {
        text-decoration: none; }

#comment_body {
  width: 98%;
  margin-top: 0; }

.add-comment legend {
  border-bottom: none;
  margin-bottom: 0; }
  .add-comment legend .icon {
    vertical-align: bottom;
    margin-right: -2px; }

/*!
 * Bootstrap v2.1.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0; }

.table {
  width: 100%;
  margin-bottom: 20px; }

.table th,
.table td {
  padding: 8px;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #dddddd; }

.table th {
  font-weight: bold; }

.table thead th {
  vertical-align: bottom; }

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0; }

.table tbody + tbody {
  border-top: 2px solid #dddddd; }

.table-condensed th,
.table-condensed td {
  padding: 4px 5px; }

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd; }

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0; }

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px; }

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px; }

.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px; }

.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px; }

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px; }

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px; }

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9; }

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #f5f5f5; }

table [class*=span],
.row-fluid table [class*=span] {
  display: table-cell;
  float: none;
  margin-left: 0; }

.table .span1 {
  float: none;
  width: 44px;
  margin-left: 0; }

.table .span2 {
  float: none;
  width: 124px;
  margin-left: 0; }

.table .span3 {
  float: none;
  width: 204px;
  margin-left: 0; }

.table .span4 {
  float: none;
  width: 284px;
  margin-left: 0; }

.table .span5 {
  float: none;
  width: 364px;
  margin-left: 0; }

.table .span6 {
  float: none;
  width: 444px;
  margin-left: 0; }

.table .span7 {
  float: none;
  width: 524px;
  margin-left: 0; }

.table .span8 {
  float: none;
  width: 604px;
  margin-left: 0; }

.table .span9 {
  float: none;
  width: 684px;
  margin-left: 0; }

.table .span10 {
  float: none;
  width: 764px;
  margin-left: 0; }

.table .span11 {
  float: none;
  width: 844px;
  margin-left: 0; }

.table .span12 {
  float: none;
  width: 924px;
  margin-left: 0; }

.table .span13 {
  float: none;
  width: 1004px;
  margin-left: 0; }

.table .span14 {
  float: none;
  width: 1084px;
  margin-left: 0; }

.table .span15 {
  float: none;
  width: 1164px;
  margin-left: 0; }

.table .span16 {
  float: none;
  width: 1244px;
  margin-left: 0; }

.table .span17 {
  float: none;
  width: 1324px;
  margin-left: 0; }

.table .span18 {
  float: none;
  width: 1404px;
  margin-left: 0; }

.table .span19 {
  float: none;
  width: 1484px;
  margin-left: 0; }

.table .span20 {
  float: none;
  width: 1564px;
  margin-left: 0; }

.table .span21 {
  float: none;
  width: 1644px;
  margin-left: 0; }

.table .span22 {
  float: none;
  width: 1724px;
  margin-left: 0; }

.table .span23 {
  float: none;
  width: 1804px;
  margin-left: 0; }

.table .span24 {
  float: none;
  width: 1884px;
  margin-left: 0; }

.table tbody tr.success td {
  background-color: #dff0d8; }

.table tbody tr.error td {
  background-color: #f2dede; }

.table tbody tr.warning td {
  background-color: #fcf8e3; }

.table tbody tr.info td, .table tbody .bucket-content tr.info-single-page td, .bucket-content .table tbody tr.info-single-page td, .table tbody .section-wrapper tr.info-single-page td, .section-wrapper .table tbody tr.info-single-page td,
.table tbody .content tr.info-single-page td,
.content .table tbody tr.info-single-page td {
  background-color: #d9edf7; }

.table-hover tbody tr.success:hover td {
  background-color: #d0e9c6; }

.table-hover tbody tr.error:hover td {
  background-color: #ebcccc; }

.table-hover tbody tr.warning:hover td {
  background-color: #faf2cc; }

.table-hover tbody tr.info:hover td, .table-hover tbody .bucket-content tr.info-single-page:hover td, .bucket-content .table-hover tbody tr.info-single-page:hover td, .table-hover tbody .section-wrapper tr.info-single-page:hover td, .section-wrapper .table-hover tbody tr.info-single-page:hover td,
.table-hover tbody .content tr.info-single-page:hover td,
.content .table-hover tbody tr.info-single-page:hover td {
  background-color: #c4e3f3; }

/*adjustments*/
table td {
  font-size: 13px;
  /*.button-secondary {
  	margin-top: -5px;
  	margin-left: 15%;
  	padding: 3px 10px;
  	font-size: 14px !important;
  }*/ }

.profile-top .dropdown-menu,
.profile-top-thin .dropdown-menu {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .profile-top .dropdown-menu li,
  .profile-top-thin .dropdown-menu li {
    color: black !important; }
  .profile-top .dropdown-menu li a:hover,
  .profile-top-thin .dropdown-menu li a:hover {
    background: #3575B4;
    color: white !important;
    text-decoration: none !important; }

#myModal {
  display: none;
  padding: 20px;
  position: absolute; }

#popup-login .popup-inner {
  font-size: 0.8em;
  padding: 0 !important;
  width: 872px; }

#popup-login .content {
  margin: 0px;
  padding: 0px;
  background: auto;
  border: 0px; }

#popup-login .popup-outer {
  display: block !important; }

.popup-outer {
  display: block !important; }

.popup-inner {
  border: 0 solid #999999;
  font-family: "Trebuchet MS",Verdana,sans-serif;
  margin: 0;
  padding: 0px;
  position: relative;
  width: auto; }

#popup-login .login {
  float: left !important;
  padding-bottom: 20px !important;
  width: 100% !important; }

#popup-login h2 {
  font-size: 24px; }

#popup-login div.left {
  float: left;
  width: 50%; }

#popup-login div.right {
  background-color: #EBEEF5;
  border: 1px solid #999999;
  float: left;
  margin-left: 50px;
  padding: 10px;
  width: 40%; }

.modal-backdrop, .modal-backdrop.fade.in {
  opacity: 0.8; }

.modal-backdrop {
  background-color: #000000;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 4000; }

#ajaxModal {
  display: none; }

.modal-wrapper {
  z-index: 5000;
  width: 875px;
  position: relative;
  margin: 0 auto; }

.modal {
  z-index: 5000;
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 10px solid rgba(0, 0, 0, 0.5);
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  overflow: auto;
  width: 855px;
  z-index: 1050;
  position: absolute;
  left: auto;
  right: auto; }
  .modal h1.large {
    font-size: 46px;
    color: #376295;
    margin-bottom: 15px;
    line-height: 46px; }
  .modal h2.subheader {
    color: grey;
    font-size: 22px;
    margin-top: 0;
    font-weight: 500; }
  .modal p.subtext {
    font-size: 16px;
    color: #5b5b5b;
    margin-top: 0; }
  .modal h3 {
    color: #376295;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 20px; }
  .modal:focus {
    outline: none !important; }
  .modal .header {
    background: #2f639c;
    background: -moz-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f639c), color-stop(6%, #2d659e), color-stop(8%, #326497), color-stop(11%, #316597), color-stop(17%, #32659e), color-stop(19%, #31669c), color-stop(36%, #3269a1), color-stop(86%, #3977b4), color-stop(100%, #3a76b2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #2f639c 0%, #2d659e 6%, #326497 8%, #316597 11%, #32659e 17%, #31669c 19%, #3269a1 36%, #3977b4 86%, #3a76b2 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f639c', endColorstr='#3a76b2',GradientType=0 );
    /* IE6-9 */
    height: 40px;
    position: relative; }
    .modal .header .title {
      color: white;
      font-size: 20px;
      font-weight: 700;
      line-height: 40px;
      padding-left: 10px;
      text-shadow: 1px 1px 1px black; }
    .modal .header .cancel {
      color: white;
      font-size: 26px;
      position: absolute;
      right: 12px;
      top: 2px;
      cursor: pointer; }
  .modal .footer {
    height: 60px;
    line-height: 60px;
    background: #ececec;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ececec 0%, #f9f9f9 23%, #f8f9fb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(23%, #f9f9f9), color-stop(100%, #f8f9fb));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ececec 0%, #f9f9f9 23%, #f8f9fb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ececec 0%, #f9f9f9 23%, #f8f9fb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ececec 0%, #f9f9f9 23%, #f8f9fb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ececec 0%, #f9f9f9 23%, #f8f9fb 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#f8f9fb',GradientType=0 );
    /* IE6-9 */ }
    .modal .footer .button-blue {
      margin-top: 15px;
      margin-right: 20px;
      padding: 8px 20px;
      font-size: 16px; }
  .modal .modal-content {
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 10px;
    min-height: 80px;
    padding-bottom: 5px; }
  .modal select {
    max-width: 100%; }
  .modal .left-side {
    float: left;
    width: 547px;
    display: inline; }
  .modal .right-side {
    float: right;
    width: 230px;
    display: inline; }
    .modal .right-side select {
      max-width: 215px;
      display: block; }
  .modal .counter {
    color: grey; }
    .modal .counter span.error {
      color: #AB3536; }
  .modal .left-half {
    width: 48%;
    float: left;
    display: inline; }
  .modal .right-half {
    float: right;
    width: 48%;
    display: inline; }

.modal-error {
  color: #AB3536;
  font-weight: 700;
  margin-bottom: -5px !important;
  display: block; }
  .modal-error .error {
    color: #AB3536; }

.modal-tour .modal-tour-container {
  position: relative; }
.modal-tour .slide {
  display: none;
  position: relative; }
  .modal-tour .slide .left-side,
  .modal-tour .slide .right-side,
  .modal-tour .slide .left-half,
  .modal-tour .slide .right-half {
    position: relative;
    padding-bottom: 15px; }
  .modal-tour .slide:first-of-type {
    display: block; }
.modal-tour .less-top {
  margin-top: -50px; }
.modal-tour .slide .left-half .button-secondary, .modal-tour .slide .left-half header[role="banner"] ul.settings li#messages header .write-new-message, header[role="banner"] ul.settings li#messages header .modal-tour .slide .left-half .write-new-message, .modal-tour .slide .left-half .owner-edit {
  position: absolute;
  right: -275px;
  bottom: 30px; }
.modal-tour .slide .right-side .button-secondary, .modal-tour .slide .right-side header[role="banner"] ul.settings li#messages header .write-new-message, header[role="banner"] ul.settings li#messages header .modal-tour .slide .right-side .write-new-message, .modal-tour .slide .right-side .owner-edit {
  position: absolute;
  right: 185px;
  top: 20px; }
.modal-tour .screenshot {
  display: block;
  margin-left: 70px; }
.modal-tour .list {
  display: block;
  padding-top: 20px;
  margin-left: 60px; }
  .modal-tour .list.wide {
    margin-left: 40px; }
.modal-tour .next-arrow, .modal-tour .prev-arrow {
  position: absolute;
  top: 200px;
  cursor: pointer; }
  .modal-tour .next-arrow a, .modal-tour .prev-arrow a {
    text-decoration: none; }
  .modal-tour .next-arrow .icon, .modal-tour .prev-arrow .icon {
    font-size: 60px;
    line-height: 60px;
    cursor: pointer;
    color: grey; }
    .modal-tour .next-arrow .icon:hover, .modal-tour .prev-arrow .icon:hover {
      color: black; }
.modal-tour .next-arrow {
  right: 0; }
.modal-tour .prev-arrow {
  left: 0; }

@media only screen and (max-width: 767px) {
  /* phones */
  #container {
    width: 100%; }

  div.header-top {
    width: 100%; }

  .uni-topnav {
    display: none; }

  body.three-column #main {
    width: 100%;
    margin: 0; }

  body.two-column #main {
    width: 100%; }

  div.inner-footer {
    display: none; }

  div.attribution {
    width: 100% !important; }

  .top-buttons {
    display: none; }

  .settings {
    display: none; }

  .tabs {
    display: none; }

  .header-bottom {
    display: none; }

  .breadcrumb {
    width: 100% !important; }

  .search {
    display: none; }

  aside {
    display: none; }

  .article-rotator {
    display: none; }

  #slides {
    display: none; }

  .top-cta {
    display: none !important; }

  .bucket-content img, .section-wrapper img, .section-wrapper img, .content img {
    width: 33%; }

  .featured-image img {
    width: 100%; }

  .three-column .minimal-bucket h2 a, .three-column .minimal-bucket h3 {
    width: 100%; }

  body.two-column #main .first {
    display: none; }

  body.two-column #main .last {
    display: none; }

  .single-comment-bucket .left-side {
    width: 25%;
    padding: 0px;
    border-right: none; }

  .single-comment-bucket .right-side {
    width: 70%; }

  #ad-zone-478x70_1 {
    display: none; }

  .have-a-question-cta {
    text-align: center;
    width: 100% !important; }

  .have-a-question-cta .button-green, .have-a-question-cta .bucket-content .meta a.new, .bucket-content .meta .have-a-question-cta a.new, .have-a-question-cta .section-wrapper .meta a.new, .section-wrapper .meta .have-a-question-cta a.new,
  .have-a-question-cta .content .meta a.new,
  .content .meta .have-a-question-cta a.new {
    text-align: center;
    position: relative !important;
    top: 5px !important;
    right: 0px !important; }

  .section-logo-area .section-logo h1 a {
    width: 100% !important; }

  /* -Modal Styles- */
  .modal-wrapper {
    width: 100% !important; }

  .modal {
    width: 100% !important; }

  #messages {
    width: 100% !important;
    padding-left: 10px; }

  .single-comment-bucket .left-side {
    width: 100% !important;
    position: inherit; }

  /* Comments */
  .single-comment-bucket .right-side {
    width: 90%; } }
/* end-phones */
@media only screen and (min-width: 767px) {
  header {
    border-bottom: none !important; }

  .m-pikabu-nav-toggle {
    display: none !important; } }
.fa {
  position: relative;
  display: table-cell;
  width: 60px;
  height: 36px;
  text-align: center;
  vertical-align: middle;
  font-size: 20px; }

.main-menu {
  width: 100%;
  height: 100%; }

.main-menu > ul {
  margin: 7px 0; }

.main-menu li {
  position: relative;
  display: block;
  width: 100%; }

.main-menu li > a {
  position: relative;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  color: #fff;
  font-family: arial;
  font-size: 14px;
  text-decoration: none;
  -webkit-transform: translateZ(0) scale(1, 1);
  -webkit-transition: all .1s linear;
  transition: all .1s linear; }

.main-menu .nav-icon {
  position: relative;
  display: table-cell;
  width: 60px;
  height: 36px;
  text-align: center;
  vertical-align: middle;
  font-size: 18px; }

.main-menu .nav-text {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 190px;
  font-family: 'Titillium Web', sans-serif; }

.no-touch .scrollable.hover {
  overflow-y: hidden; }

.no-touch .scrollable.hover:hover {
  overflow-y: auto;
  overflow: visible; }

a:hover, a:focus {
  text-decoration: none; }

nav {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

nav ul, nav li {
  outline: 0;
  margin: 0;
  padding: 0; }

.main-menu li:hover > a, nav.main-menu li.active > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .no-touch .dashboard-page nav.dashboard-menu ul li:hover a, .dashboard-page nav.dashboard-menu ul li.active a {
  color: #fff;
  background-color: #5fa2db; }

.area {
  float: left;
  background: #e2e2e2;
  width: 100%;
  height: 100%; }

header {
  border-bottom: solid 2px #376295; }

.m-pikabu-nav-toggle {
  position: relative;
  float: left;
  display: block;
  width: 50px;
  height: 30px;
  margin: 10px;
  background: #376295;
  border: solid 1px #376295;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #fcfdf4;
  -moz-box-shadow: inset 0 1px 0 #fcfdf4;
  box-shadow: inset 0 1px 0 #fcfdf4;
  text-indent: 100%;
  white-space: nowrap;
  color: #e64a33;
  line-height: 29px; }

.m-pikabu-nav-toggle[data-role="right"] {
  float: right; }

.m-pikabu-nav-toggle::after {
  content: '.';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  font-family: 'entypo', sans-serif;
  text-align: center;
  text-indent: 0;
  font-size: 25px;
  font-weight: bold;
  color: #fff; }

.m-pikabu-nav-toggle[data-role="right"]::after {
  content: "\e705";
  font-size: 17px; }

.m-pikabu-left-visible .m-pikabu-nav-toggle[data-role="left"], .m-pikabu-right-visible .m-pikabu-nav-toggle[data-role="right"] {
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); }

.m-pikabu-sidebar {
  padding: 10px;
  color: white; }

.m-pikabu-container {
  background: #f2f2f2; }

.m-pikabu-viewport {
  position: relative;
  display: -webkit-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  /*-webkit-perspective: 1000;
  -webkit-transform: translateZ(0);*/
  -webkit-backface-visibility: hidden; }

.m-pikabu-sidebar {
  position: absolute;
  overflow: visible;
  display: block;
  width: 80%;
  background: #666; }

.m-pikabu-sidebar.m-pikabu-left {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.m-pikabu-sidebar.m-pikabu-right {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.m-pikabu-left-visible .m-pikabu-sidebar.m-pikabu-left, .m-pikabu-right-visible .m-pikabu-sidebar.m-pikabu-right {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.m-pikabu-container {
  width: 100%;
  -webkit-backface-visibility: hidden; }

.m-pikabu-left-visible .m-pikabu-container.m-pikabu-left, .m-pikabu-right-visible .m-pikabu-container.m-pikabu-right {
  position: absolute; }

.m-pikabu-left-visible .m-pikabu-container {
  -webkit-transform: translate3d(80%, 0, 0);
  -moz-transform: translate3d(80%, 0, 0);
  -ms-transform: translate3d(80%, 0, 0);
  -o-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0); }

.m-pikabu-right-visible .m-pikabu-container {
  -webkit-transform: translate3d(-80%, 0, 0);
  -moz-transform: translate3d(-80%, 0, 0);
  -ms-transform: translate3d(-80%, 0, 0);
  -o-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0); }

.m-pikabu-container,
.m-pikabu-sidebar {
  -webkit-transition: -webkit-transform 0.2s ease-in;
  -moz-transition: -webkit-transform 0.2s ease-in;
  -o-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in; }

.m-pikabu-overlay {
  display: none; }

.m-pikabu-left-visible .m-pikabu-overlay, .m-pikabu-right-visible .m-pikabu-overlay {
  position: absolute;
  top: 0;
  z-index: 30;
  display: block;
  height: 100%;
  width: 100%;
  cursor: pointer; }

.m-pikabu-overflow-scrolling .m-pikabu-sidebar {
  overflow: auto; }

.m-pikabu-overflow-touch {
  -webkit-overflow-scrolling: touch; }

/* ==========================================================================
Footer
========================================================================= */
footer[role="contentinfo"] {
  background: #8A8A8A url(../images/footer/footer-bg.jpg) repeat-x;
  width: 100%;
  padding-top: 30px; }

/* 
Inner footer
========================================================================= */
div.inner-footer {
  width: 980px;
  background: white;
  margin: 0 auto;
  border-radius: 5px;
  position: relative; }
  div.inner-footer ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0; }

div.inner-footer .left {
  min-height: 365px;
  width: 570px;
  float: left;
  display: inline;
  padding-top: 20px;
  padding-left: 20px;
  position: relative; }
  div.inner-footer .left .community,
  div.inner-footer .left .vendor-ratings,
  div.inner-footer .left .company {
    width: 31.6666667%;
    float: left;
    display: inline;
    margin-bottom: 30px; }
    div.inner-footer .left .community h5,
    div.inner-footer .left .vendor-ratings h5,
    div.inner-footer .left .company h5 {
      color: grey;
      font-size: 20px;
      margin-bottom: 5px;
      margin-top: 7px; }
    div.inner-footer .left .community li,
    div.inner-footer .left .vendor-ratings li,
    div.inner-footer .left .company li {
      margin-bottom: 5px; }
    div.inner-footer .left .community a,
    div.inner-footer .left .vendor-ratings a,
    div.inner-footer .left .company a {
      color: #457bba;
      font-size: 14px;
      text-decoration: none; }
    div.inner-footer .left .community a:hover,
    div.inner-footer .left .vendor-ratings a:hover,
    div.inner-footer .left .company a:hover {
      color: #376295; }
    div.inner-footer .left .community li a:hover,
    div.inner-footer .left .vendor-ratings li a:hover,
    div.inner-footer .left .company li a:hover {
      text-decoration: underline; }
  div.inner-footer .left .community {
    margin-left: 5%; }
  div.inner-footer .left .social-media {
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    bottom: 30px;
    left: 20px;
    height: 50px;
    max-width: 375px;
    min-width: 100px; }
    div.inner-footer .left .social-media h5 {
      font-size: 18px;
      position: absolute;
      top: -17px;
      left: 20px;
      color: #B3B3B3;
      display: block;
      padding: 0 2px;
      background: #ffffff; }
    div.inner-footer .left .social-media li {
      float: left; }
    div.inner-footer .left .social-media li a {
      float: left;
      padding: 6px; }
      div.inner-footer .left .social-media li a:hover {
        opacity: 0.85; }
  div.inner-footer .left .rotating-spot {
    float: right;
    height: 85px;
    position: absolute;
    bottom: 20px;
    right: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
    div.inner-footer .left .rotating-spot a {
      display: block;
      margin-top: 6px;
      padding: 0; }
    div.inner-footer .left .rotating-spot a:hover {
      opacity: 0.85; }

div.inner-footer .right {
  min-height: 365px;
  width: 320px;
  float: left;
  display: inline;
  padding-top: 15px;
  margin-left: 30px;
  padding-bottom: 5px;
  padding-left: 20px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #efefef;
  /* Old browsers */
  background: -moz-linear-gradient(left, #efefef 0%, #f0f0f0 1%, #f7f7f7 3%, #fbfbfb 26%, #ffffff 56%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #efefef), color-stop(1%, #f0f0f0), color-stop(3%, #f7f7f7), color-stop(26%, #fbfbfb), color-stop(56%, #ffffff), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #efefef 0%, #f0f0f0 1%, #f7f7f7 3%, #fbfbfb 26%, #ffffff 56%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #efefef 0%, #f0f0f0 1%, #f7f7f7 3%, #fbfbfb 26%, #ffffff 56%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #efefef 0%, #f0f0f0 1%, #f7f7f7 3%, #fbfbfb 26%, #ffffff 56%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to right, #efefef 0%, #f0f0f0 1%, #f7f7f7 3%, #fbfbfb 26%, #ffffff 56%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 );
  /* IE6-9 */ }
  div.inner-footer .right h6 {
    background: url(../images/footer/need-more.jpg);
    width: 246px;
    height: 40px;
    margin-bottom: 3px;
    margin-left: 3px;
    font: 0/0 a;
    text-shadow: none;
    border: 0; }

ul.need-more {
  font-size: 14px;
  display: block; }
  ul.need-more a {
    text-decoration: none;
    color: #5B5B5B;
    display: block;
    padding: 5px;
    height: 26px;
    line-height: 26px;
    margin: 0 0 3px -5px;
    float: left;
    width: 95%; }
    ul.need-more a:hover {
      text-decoration: none;
      background: #f2f2f2; }
    ul.need-more a i {
      float: left;
      margin-right: 12px;
      display: block;
      background: no-repeat;
      height: 26px;
      width: 26px; }
  ul.need-more i.dsd {
    background: url(../images/footer/sprite-footer-right.png?v=) 0 0; }
  ul.need-more i.dsu {
    background: url(../images/footer/sprite-footer-right.png?v=) -26px 0; }
  ul.need-more i.comm {
    background: url(../images/footer/sprite-footer-right.png?v=) -52px 0; }
  ul.need-more i.dstv {
    background: url(../images/footer/sprite-footer-right.png?v=) -79px 0;
    width: 25px;
    margin-right: 13px; }
  ul.need-more i.dses {
    background: url(../images/footer/sprite-footer-right.png?v=) -104px -1px; }
  ul.need-more i.vr {
    background: url(../images/footer/sprite-footer-right.png?v=) -130px 0px; }
  ul.need-more i.dsig {
    background: url(../images/footer/sprite-footer-right.png?v=) -156px 0; }
  ul.need-more i.dsa {
    background: url(../images/footer/sprite-footer-right.png?v=) -182px 0; }
  ul.need-more i.ic {
    background: url(../images/footer/sprite-footer-right.png?v=) -208px 0; }
  ul.need-more i.bic {
    background: url(../images/footer/sprite-footer-right.png?v=) -234px 0; }
  ul.need-more i.canada {
    background: url(../images/footer/sprite-footer-right.png?v=) -260px 0; }
  ul.need-more i.pclub {
    background: url(../images/footer/sprite-footer-right.png?v=) -286px 0; }
  ul.need-more i.news {
    background: url(../images/footer/sprite-footer-right.png?v=) -312px 0; }

div.footer-logo {
  border-bottom: 1px solid #ccc; }
  div.footer-logo img {
    margin-bottom: 8px; }

div.attribution {
  padding: 20px 0;
  width: 980px;
  margin: 0 auto;
  text-align: center;
  color: #D8D8D8;
  font-size: 12px; }
  div.attribution span {
    color: #9F9F9F;
    font-weight: 700;
    padding: 0 5px; }
  div.attribution a {
    color: #D8D8D8;
    text-decoration: underline; }
    div.attribution a:hover {
      color: #fefefe; }
    div.attribution a:first-of-type {
      padding-right: 15px; }

body {
  background: #f2f2f2; }

#main ul.top-buttons {
  list-style: none;
  margin: 15px 0;
  padding: 0; }
  #main ul.top-buttons li {
    float: left; }
  #main ul.top-buttons a {
    text-decoration: none;
    float: left;
    font-size: 14px;
    font-weight: 700;
    display: block;
    width: 151px;
    height: 35px;
    line-height: 35px; }
  #main ul.top-buttons i {
    font-size: 24px;
    margin-right: 4px;
    margin-bottom: 2px;
    vertical-align: top; }
  #main ul.top-buttons a.rate-a-vendor,
  #main ul.top-buttons a.update-status,
  #main ul.top-buttons a.ask-a-question {
    margin-left: 9px;
    float: left;
    border: 1px solid #ccc;
    display: block;
    width: 151px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    color: #515151 !important; }
  #main ul.top-buttons a.rate-a-vendor .icon {
    color: #c76c1d; }
  #main ul.top-buttons a.rate-a-vendor:hover {
    color: #c76c1d !important; }
  #main ul.top-buttons a.update-status {
    margin-left: 0; }
    #main ul.top-buttons a.update-status .icon {
      color: #306398; }
    #main ul.top-buttons a.update-status:hover {
      color: #306398 !important; }
  #main ul.top-buttons a.ask-a-question .icon {
    color: #4ca265; }
  #main ul.top-buttons a.ask-a-question:hover {
    color: #4ca265 !important; }

.avatar-info-block img {
  display: block;
  float: left;
  margin-bottom: 3px; }
.avatar-info-block a {
  font-weight: 700;
  margin: 0;
  line-height: 10px;
  text-decoration: none; }
.avatar-info-block p {
  color: #5b5b5b;
  margin: 0;
  line-height: 12px;
  display: block; }

ul.bullets {
  list-style: square inside;
  font-size: 13px;
  margin-bottom: 10px; }

.strategies-section h3,
.strategies-section h4 {
  display: block;
  border-bottom: 1px solid #eaeaea; }

/*MOVE INTO DIFFERENT STYLESHEET*/
/*========================================================================
Profile Homepage
========================================================================= */
/*
Profile Top
========================================================================= */
#main .profile-top {
  position: relative; }

#main .profile-top .content {
  padding-top: 15px;
  padding-bottom: 20px;
  padding-left: 35px;
  position: relative; }

#main .profile-top a {
  text-decoration: none; }

#main .profile-top .custom-banner {
  position: relative; }
  #main .profile-top .custom-banner > img {
    height: 256px;
    width: 664px; }

#main .profile-top .custom-banner > .no-banner {
  width: 664px;
  height: 75px; }

#main .profile-top-avatar {
  position: absolute;
  left: 25px;
  top: -65px;
  background: white;
  padding: 5px !important;
  border: 1px solid #ccc;
  border-radius: 5px; }
  #main .profile-top-avatar img {
    margin: 0; }

#main .profile-top .dropdown-menu li {
  padding: 0; }

#main .profile-top-blurb {
  background: white;
  position: absolute;
  top: -65px;
  padding: 5px 10px;
  left: 145px;
  max-width: 320px;
  max-height: 60px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  overflow: hidden;
  border: 1px solid #ccc;
  font-size: 13px; }
  #main .profile-top-blurb p {
    margin: 0;
    font-size: 12px; }

#main .profile-top .username {
  font-size: 28px;
  margin-left: 140px;
  margin-top: 8px;
  font-weight: 500; }

#main .profile-top .profile-dropdown {
  margin-top: 10px; }
  #main .profile-top .profile-dropdown > ul {
    position: absolute;
    top: 33px; }

#main .profile-top ul.user-info {
  float: left;
  width: 190px;
  margin-right: 0;
  padding-right: 0;
  margin-top: 10px; }
  #main .profile-top ul.user-info .icon {
    font-size: 18px;
    line-height: 12px;
    color: #5b5b5b; }

#main .profile-top ul.user-info li,
#main .profile-top ul.user-info a {
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  padding: 0; }

#main .profile-top ul.user-info li {
  margin: 2px 0; }

#main .profile-top .sections {
  float: right;
  margin-top: 10px; }

#main .profile-top .sections a {
  float: left;
  width: 99px;
  margin-left: 10px;
  font-size: 12px;
  display: block;
  text-align: center; }
  #main .profile-top .sections a:hover {
    text-decoration: underline; }
  #main .profile-top .sections a > img {
    padding-bottom: 3px; }
  #main .profile-top .sections a span {
    color: grey; }

#main .profile-top .badge-cube {
  width: 99px;
  height: 69px;
  margin-bottom: 7px;
  border: 1px solid #dbdbdb;
  background: #f7f7f7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 37%, #d9d9d9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(37%, #f7f7f7), color-stop(100%, #d9d9d9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 37%, #d9d9d9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f7f7f7 0%, #f7f7f7 37%, #d9d9d9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f7f7f7 0%, #f7f7f7 37%, #d9d9d9 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 37%, #d9d9d9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d9d9d9',GradientType=0 );
  /* IE6-9 */ }
  #main .profile-top .badge-cube img {
    max-width: 100%; }

#main .profile-top .connect {
  padding-top: 15px;
  float: right;
  padding-bottom: 10px; }

#main .profile-top .connect .button-grey {
  color: black;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px; }

.owner-edit {
  position: absolute;
  font-size: 16px !important;
  color: white !important;
  text-shadow: 1px 1px 1px black;
  z-index: 1000; }

.custom-banner .owner-edit {
  padding: 4px;
  bottom: 0;
  right: 0; }

.profile-top-avatar .owner-edit {
  padding: 5px;
  font-size: 12px !important;
  position: absolute;
  top: -20px;
  left: -10px;
  display: block;
  width: 110px; }

/*
Post to wall on profile page
========================================================================= */
.post-to-wall {
  margin-top: 10px;
  margin-bottom: 10px; }
  .post-to-wall h3 {
    padding-top: 5px; }

/*
Wall on profile page
========================================================================= */
.wall img.avatar {
  padding-top: 5px; }
.wall .bucket-content, .wall .section-wrapper {
  max-height: 376px;
  min-height: 75px;
  overflow: auto; }
.wall li {
  padding: 5px 0; }
.wall span {
  font-size: 12px;
  margin: 0;
  color: #5B5B5B; }
.wall p {
  margin: 5px 0;
  line-height: 16px; }
.wall .replies a {
  text-decoration: none; }
.wall .replies li ul li {
  padding-left: 5px;
  margin: 5px 0 5px 10px;
  background: #F5F7FA;
  border: 1px solid #e4e9f2; }

.wall-section .replies li ul li {
  margin-left: 10px;
  padding-left: 5px;
  background: #F5F7FA;
  border: 1px solid #e4e9f2; }

.replies .post-to-wall h3 {
  display: none; }
.replies .post-to-wall textarea {
  margin-top: 5px;
  height: 30px; }

/*
Activity on profile page
========================================================================= */
.activity {
  margin-top: 10px; }

.activity .content {
  max-height: 530px;
  min-height: 80px;
  overflow: auto; }
  .activity .content li {
    padding: 8px 0;
    color: #5b5b5b;
    font-size: 13px;
    margin-top: 0; }
  .activity .content a {
    font-size: 13px;
    text-decoration: none; }
    .activity .content a:hover {
      text-decoration: underline; }
  .activity .content .no-activity {
    padding-top: 10px; }
    .activity .content .no-activity a {
      text-decoration: underline; }

/*
About on profile page
========================================================================= */
#main .about {
  margin-top: 10px; }
  #main .about ul {
    margin-top: 0;
    padding-top: 2px;
    padding-bottom: 2px; }
  #main .about ul li {
    margin: 3px 0;
    padding: 0; }

#main .about .content .left-side {
  width: 55%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: inline; }

#main .about .content .right-side {
  float: right;
  margin-left: 0;
  margin-right: 0;
  display: inline;
  width: 40%; }

#main .about h3 {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 700; }
  #main .about h3 .icon {
    font-size: 24px;
    line-height: 24px; }

#main .about h3,
#main .about h5 {
  margin-bottom: 0; }

#main .about h5 {
  margin-top: 7px;
  margin-bottom: 1px;
  font-size: 16px;
  font-weight: 700; }

#main .about p {
  margin-top: 0;
  line-height: 18px;
  font-size: 13px; }

#main .about li {
  line-height: 18px;
  list-style: inside disc; }

/*
Recommendations on profile page
========================================================================= */
.recommendations .content header {
  padding-top: 10px; }
.recommendations .content p {
  font-size: 14px;
  line-height: 22px;
  color: #5b5b5b; }
.recommendations .content span {
  font-size: 12px;
  margin: 0;
  color: #5B5B5B; }

/*
Profile bottom on profile page (badges, rpm score, etc)
========================================================================= */
.profile-bottom {
  margin-top: 10px; }

.profile-bottom .content {
  padding: 15px; }
  .profile-bottom .content a {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    text-decoration: none; }
  .profile-bottom .content a:hover {
    text-decoration: underline; }
  .profile-bottom .content a img {
    padding-bottom: 15px;
    display: block;
    margin: 0 auto;
    float: none; }
  .profile-bottom .content span {
    color: #5b5b5b; }

/*
Trending blog posts and forum posts at bottom of profile page
========================================================================= */
body.two-column .trending-blog-posts .info ul, body.two-column .trending-blog-posts .bucket-content .info-single-page ul, .bucket-content body.two-column .trending-blog-posts .info-single-page ul, body.two-column .trending-blog-posts .section-wrapper .info-single-page ul, .section-wrapper body.two-column .trending-blog-posts .info-single-page ul,
body.two-column .trending-blog-posts .content .info-single-page ul,
.content body.two-column .trending-blog-posts .info-single-page ul {
  float: left;
  margin-top: -5px; }

body.two-column #main .trending-blog-posts h3 a {
  font-size: 18px; }

body.two-column .trending-forum-posts .info ul, body.two-column .trending-forum-posts .bucket-content .info-single-page ul, .bucket-content body.two-column .trending-forum-posts .info-single-page ul, body.two-column .trending-forum-posts .section-wrapper .info-single-page ul, .section-wrapper body.two-column .trending-forum-posts .info-single-page ul,
body.two-column .trending-forum-posts .content .info-single-page ul,
.content body.two-column .trending-forum-posts .info-single-page ul {
  float: left;
  margin-top: -5px; }

.content.profile-top-thin {
  padding: 10px; }
  .content.profile-top-thin .dropdown-menu li {
    padding: 0; }
  .content.profile-top-thin .dropdown-menu a {
    text-decoration: none; }
  .content.profile-top-thin .avatar {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 1px 10px 0 0;
    padding: 3px;
    background: white;
    border: 1px solid #ccc; }
  .content.profile-top-thin .button-primary, .content.profile-top-thin .user-search-results .action-links a, .user-search-results .action-links .content.profile-top-thin a {
    margin-top: 2px; }

/*=======================================================================
Profile about page (class of .profile-about is added to <div id="main"> for this)
========================================================================= */
#main.profile-about .left-side .content,
#main.profile-about .right-side .content {
  padding: 5px 18px 10px 18px;
  margin-top: 10px; }
  #main.profile-about .left-side .content a,
  #main.profile-about .right-side .content a {
    color: #376295 !important;
    text-decoration: underline !important; }
  #main.profile-about .left-side .content .work-history ul,
  #main.profile-about .left-side .content .education ul,
  #main.profile-about .right-side .content .work-history ul,
  #main.profile-about .right-side .content .education ul {
    list-style: disc inside; }
  #main.profile-about .left-side .content h4,
  #main.profile-about .right-side .content h4 {
    margin-top: 0;
    margin-bottom: 3px; }
  #main.profile-about .left-side .content h5,
  #main.profile-about .right-side .content h5 {
    color: #5b5b5b;
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0; }
  #main.profile-about .left-side .content p,
  #main.profile-about .right-side .content p {
    margin-top: 0;
    margin-bottom: 3px; }
  #main.profile-about .left-side .content li p,
  #main.profile-about .right-side .content li p {
    margin: 0;
    line-height: 16px; }
  #main.profile-about .left-side .content ul,
  #main.profile-about .right-side .content ul {
    margin-top: 0;
    padding-top: 2px;
    padding-bottom: 2px; }
  #main.profile-about .left-side .content ul li,
  #main.profile-about .right-side .content ul li {
    margin: 3px 0;
    padding: 0; }
  #main.profile-about .left-side .content div,
  #main.profile-about .right-side .content div {
    padding-top: 5px;
    padding-bottom: 5px; }
  #main.profile-about .left-side .content.contact h4,
  #main.profile-about .right-side .content.contact h4 {
    margin-bottom: 0; }
  #main.profile-about .left-side .content.contact h4 i,
  #main.profile-about .right-side .content.contact h4 i {
    font-size: 26px; }
  #main.profile-about .left-side .content.contact li, #main.profile-about .left-side .content.contact a,
  #main.profile-about .right-side .content.contact li,
  #main.profile-about .right-side .content.contact a {
    font-size: 13px;
    color: black;
    text-decoration: none;
    margin: 4px 0; }
  #main.profile-about .left-side .content.contact li i,
  #main.profile-about .right-side .content.contact li i {
    font-size: 18px;
    line-height: 13px; }
  #main.profile-about .left-side .content.contact li a:hover,
  #main.profile-about .right-side .content.contact li a:hover {
    text-decoration: underline; }
  #main.profile-about .left-side .content .see-details,
  #main.profile-about .right-side .content .see-details {
    text-decoration: none;
    margin-top: 9px;
    font-size: 11px; }

/*=======================================================================
Activity (for RPM activity page, general activity page, etc.
========================================================================= */
.content.activity {
  padding: 10px 20px; }
  .content.activity .month-activity {
    padding-bottom: 10px; }
  .content.activity a {
    font-size: 14px;
    text-decoration: none; }
    .content.activity a:hover {
      text-decoration: underline; }
  .content.activity h5 {
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 15px;
    display: block;
    border-bottom: 1px dotted #ccc; }
  .content.activity ul li {
    font-size: 14px;
    padding: 5px 0;
    position: relative; }
  .content.activity ul li a.small-green {
    position: absolute;
    top: 5px; }
    .content.activity ul li a.small-green:hover {
      text-decoration: none;
      opacity: 0.8; }
  .content.activity .see-more {
    padding-top: 10px; }

/*=======================================================================
RPM profile page
========================================================================= */
.rpm-large .meter {
  margin: 15px 0 10px 40px;
  width: 155px;
  height: 170px;
  background: url(../images/dscore/dscore-big.jpg?v=) no-repeat;
  text-align: center;
  position: relative; }
  .rpm-large .meter .score {
    display: block;
    color: white;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    font-size: 65px;
    line-height: 110px;
    text-shadow: 1px 1px 1px black; }
.rpm-large .description {
  width: 390px;
  margin-top: 60px;
  margin-right: 20px; }
  .rpm-large .description p, .rpm-large .description a {
    font-size: 16px; }

.badge-reminder {
  background: #FFFFF3;
  border: 1px solid #ccc;
  padding: 7px 15px;
  position: relative;
  margin-top: 10px; }
  .badge-reminder a {
    text-decoration: none; }
  .badge-reminder p {
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0;
    line-height: 20px; }
  .badge-reminder span.close {
    position: absolute;
    right: 3px;
    top: 3px;
    padding: 0 5px;
    font-size: 16px;
    color: grey; }
    .badge-reminder span.close:hover {
      background: #ccc;
      cursor: pointer;
      color: white; }

/*=======================================================================
Badges Profile page
========================================================================= */
.badges-large-top {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px; }

#main ul.badges-large {
  display: block;
  margin-top: 10px; }
  #main ul.badges-large li {
    float: left;
    margin: 5px 10px;
    display: block;
    width: 300px; }
    #main ul.badges-large li a {
      text-decoration: none;
      display: block;
      padding: 3px; }
      #main ul.badges-large li a:hover {
        background: #f2f2f2;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.3s all; }
    #main ul.badges-large li a:hover h2,
    #main ul.badges-large li a:hover h3 {
      color: black; }
    #main ul.badges-large li:nth-child(2n+1) {
      clear: left; }
    #main ul.badges-large li h2 {
      text-align: center;
      font-size: 20px;
      color: #444; }
    #main ul.badges-large li h3 {
      text-align: center;
      font-size: 20px;
      color: #444; }
    #main ul.badges-large li img {
      width: 95px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      float: none; }
    #main ul.badges-large li p {
      color: #5b5b5b;
      text-align: center; }

/*=======================================================================
Recommendations profile page
========================================================================= */
#main .recommendations .do-you-know {
  float: right;
  margin-top: 0;
  padding-top: 0; }
  #main .recommendations .do-you-know p {
    margin-top: 5px; }

#main .recommendations .recommend-box-large {
  background: #F2F3F8;
  border: 1px solid #ccc;
  padding: 10px; }
  #main .recommendations .recommend-box-large h4 span {
    font-size: 16px;
    font-weight: 500; }
  #main .recommendations .recommend-box-large textarea {
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 10px; }

/*=======================================================================
Connections profile page
========================================================================= */
.connections .left-side {
  width: 400px;
  float: left; }
.connections .right-side {
  float: right;
  margin-top: 15px; }
.connections a {
  text-decoration: none;
  font-size: 14px; }
.connections .content {
  padding: 15px; }
.connections ul {
  position: relative; }
.connections ul li {
  margin: 0;
  position: relative;
  padding: 7px 0; }
.connections ul li a img {
  margin-top: 0;
  display: block; }
.connections p {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  margin-top: 3px; }
.connections .see-more {
  padding-top: 15px; }
.connections h3 span,
.connections h4 span {
  font-size: 16px; }
.connections h4 {
  display: block;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 5px; }

.connections-group {
  margin-top: 15px;
  position: relative; }
  .connections-group .button-primary, .connections-group .user-search-results .action-links a, .user-search-results .action-links .connections-group a {
    font-size: 12px;
    margin-left: 3px; }
  .connections-group .search-bar {
    position: absolute;
    top: 0;
    right: 0; }
  .connections-group .search-bar input {
    height: 18px;
    width: 200px;
    position: absolute;
    right: 0;
    border: 1px solid #ccc;
    font-size: 12px; }
  .connections-group .search-bar form input:-moz-placeholder {
    color: grey; }
  .connections-group .search-bar form input::-webkit-placeholder {
    color: grey; }
  .connections-group p a {
    font-size: 13px;
    text-decoration: underline; }

.connections-group > h4 {
  font-size: 16px !important; }

/*=======================================================================
Wall profile page
========================================================================= */
.wall-page h3 {
  margin-bottom: 8px; }
.wall-page .post-to-wall {
  background: #f2f2f2;
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin: 10px 0; }
.wall-page .wall-section img.avatar {
  padding-top: 5px; }
.wall-page .wall-section .content {
  overflow: auto; }
.wall-page .wall-section li {
  padding: 5px 0; }
.wall-page .wall-section span {
  font-size: 12px;
  margin: 0;
  color: #5B5B5B; }
.wall-page .wall-section p {
  margin: 5px 0;
  line-height: 16px; }

.achievements-info-page a {
  text-decoration: none; }
  .achievements-info-page a:hover {
    text-decoration: underline; }
.achievements-info-page .achievement {
  padding: 10px 0;
  position: relative; }
  .achievements-info-page .achievement a {
    color: black; }
    .achievements-info-page .achievement a:hover {
      text-decoration: underline; }
    .achievements-info-page .achievement a:hover img {
      opacity: 0.85; }
  .achievements-info-page .achievement:last-of-type {
    border-bottom: none; }
  .achievements-info-page .achievement .badge {
    float: left;
    text-align: center;
    width: 99px;
    margin-right: 10px;
    background: #f2f2f2;
    padding: 3px; }
    .achievements-info-page .achievement .badge img {
      margin: 0;
      padding-left: 5px;
      display: block;
      margin: 0 auto; }
    .achievements-info-page .achievement .badge p {
      font-size: 14px;
      margin: 0; }
  .achievements-info-page .achievement .description {
    margin-top: 45px;
    margin-left: 100px; }
    .achievements-info-page .achievement .description p {
      font-size: 14px; }

.extra-large-badge-section {
  padding-top: 20px; }
  .extra-large-badge-section .badge-description {
    padding-top: 65px; }
    .extra-large-badge-section .badge-description p {
      font-size: 20px;
      line-height: 28px;
      color: #444; }
  .extra-large-badge-section .message {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px; }
    .extra-large-badge-section .message p,
    .extra-large-badge-section .message p a {
      font-size: 16px;
      line-height: 20px; }

.user-search-results li {
  display: block;
  padding: 8px 0;
  position: relative; }
  .user-search-results li:first-of-type {
    padding-top: 8px; }
.user-search-results .avatar {
  float: left; }
.user-search-results h3.username a {
  font-size: 16px;
  margin-bottom: 0;
  margin-left: 69px; }
.user-search-results .job-title {
  line-height: 14px;
  font-weight: 700; }
.user-search-results .friends {
  margin: 2px 0; }
.user-search-results a.view-profile {
  line-height: 12px;
  margin-top: 0; }
.user-search-results .action-links {
  position: absolute;
  top: 8px;
  right: 0; }
  .user-search-results .action-links a {
    float: right;
    font-size: 12px;
    clear: right;
    margin: 0 0 5px 0; }

.content-search-results .bucket-content, .content-search-results .section-wrapper {
  padding-bottom: 3px;
  min-height: 10px; }
.content-search-results li, .content-search-results a {
  font-size: 14px; }
.content-search-results li {
  color: #5b5b5b; }
.content-search-results a {
  text-decoration: none; }
  .content-search-results a:hover {
    text-decoration: underline; }
.content-search-results a.item {
  color: black;
  font-weight: 700;
  text-decoration: underline; }
.content-search-results em {
  font-size: 12px; }

.dscore-info-page,
.about-the-community,
.tour-page {
  position: relative; }
  .dscore-info-page h2,
  .about-the-community h2,
  .tour-page h2 {
    color: #376295;
    margin-top: 5px; }
  .dscore-info-page .feature-box p,
  .about-the-community .feature-box p,
  .tour-page .feature-box p {
    font-size: 14px;
    line-height: 22px; }
  .dscore-info-page .feature-box img,
  .about-the-community .feature-box img,
  .tour-page .feature-box img {
    margin-top: -50px; }

.tour-page h3 {
  margin-top: 15px; }
.tour-page .tour-section {
  margin: 5px 0;
  padding: 5px 0; }

.sticky-terms {
  position: fixed;
  z-index: 4000;
  top: 0;
  width: 967px; }

.accept-terms {
  margin-top: 0; }

.accept-terms p {
  font-size: 14px;
  margin-bottom: 10px;
  color: white;
  font-weight: 700; }

.modal .sticky-terms {
  width: 802px; }

.tos-wrapper {
  max-height: 400px;
  overflow-y: scroll; }

.contact-section {
  color: #376295;
  margin-top: 5px; }

/*# sourceMappingURL=style.css.map */