/*
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    WARNING: Any time a change is made in this file the grunt task css:dev needs to be run in the plugin/resources folder.
    The RTL files that are created also need to be checked in.
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/

/* n4jive.css */
#jive-nitro-admin-modal {
    height: 800px;
    width: 90%;
}
#jive-nitro-admin-modal iframe {
    height: 725px;
    max-height: 725px;
    width: 100%;
}

.j-nitro-activity .j-nitro-activity-type {
    margin-right: 5px;
}

.j-nitro-activity .j-nitro-activity-icon {
    height: 16px;
    top: 2px;
    margin-right: 5px;
}

.j-nitro-activity .j-nitro-activity-name {
    font-weight: bold;
}

#reputation-spacer {
    display: inline-block;
}

#reputation-menu-link {
    display: inline-block;
    min-width: 75px;
}

#reputation-menu-link .reputation-points-loading {
    font-weight: normal;
}

#reputation-menu-link .reputation-points-ready {
    color: #F2AA00;
    font-weight: bold;
}

#navReputationCenter .reputation-points-ready {
    font-weight: bold;
}

.j-people-thumb footer img {
    max-height: 16px;
    max-width: 30px;
    margin-right: 4px;
}

.nitro-annual-points {
    font-size: 75%;
    font-style: italic;
}

.nitro-history-complete {
    margin-top: 15px;
}

#g-challenge-mini-modal .g-challenge-wrapper {
    height: 60px;
    margin-bottom: 10px;
    position: relative;
}

#g-challenge-mini-modal .j-empty {
    margin-top: 90px;
}

#g-challenge-mini-modal .g-challenge-image {
    height: 50px;
    width: 50px;
    padding-right: 10px;
}

#g-challenge-mini-modal .g-challenge-description {
    position: absolute;
    top: 15%;
}

#g-challenge-mini-modal .g-recently-completed {
    font-weight: bold;
    border-bottom: 1px;
}

#j-js-nitro-history a.nitro-challenge-link img {
    height: 46px;
    width: 46px;
}

.j-gamification-status-level {
    margin-top: -10px;
    max-width: 30px;
    max-height: 30px;
}

.jive-comment .j-gamification-status-level {
    position: absolute;
    left: -50px;
    top: 30px;
    padding: 0;
    margin: 0;
    max-width: 30px;
    max-height: 30px;
}

.nitro4x_heading.shrunk {
    font-size: 12px;
}

.nitro4x_reputation .nitro4x_heading a.j-single-line {
    height: 44px;
    padding: 0;
    line-height: 44px;
}

.nitro4x_reputation .j-place-header {
    display:block;
    overflow:hidden;
}

/* nitro4x.base.css */

.n4jive_column_50		{ width:49%;float:left }
.n4jive_highlight_border	{ height:1px;background:#FFF;display:block;position:absolute;width:100%;}

/**
 *  This is the self clearing class and all elements that should "autoclear"
*/
.n4jive_widget .selfclear:after,
.n4jive_widget .left:after,
.n4jive_widget .right:after,
.n4jive_widget .grid2col:after,
.n4jive_widget .grid2col-a:after,
.n4jive_widget .grid2col-b:after,
.n4jive_widget .grid2col-c:after,
.n4jive_widget .grid2col-d:after,
.n4jive_widget .grid3col:after,
.n4jive_widget .grid4col:after,
.n4jive_widget .grid5col:after,
.n4jive_widget .column:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
}


/**
 *  Default Heading styles
 */
.n4jive_widget h1,
.n4jive_widget h2,
.n4jive_widget h3,
.n4jive_widget h4,
.n4jive_widget h5 {
    color: #309aba;
}
.n4jive_widget h1 { font-size: 1.667em; font-weight: bold; text-shadow:0 1px #FFF }
.n4jive_widget h2 { font-size: 1.333em; font-weight: bold; }
.n4jive_widget h3 { font-size: 1.333em; }
.n4jive_widget h4 { font-size: 1.167em; font-weight: bold; }
.n4jive_widget h5 { font-size: 1.167em; }
.n4jive_widget h6 { font-weight: bold; }

.n4jive_widget .subheader { font-size: 0.75em; font-weight: normal; color: #686868; }
.n4jive_widget h1 .subheader,
.n4jive_widget h2 .subheader,
.n4jive_widget h3 .subheader,
.n4jive_widget h4 .subheader,
.n4jive_widget h5 .subheader,
.n4jive_widget h6 .subheader { margin-left: .5em; }

.n4jive_widget mark { font-weight: bold; }




.n4jive_widget .left { float: left; }
.n4jive_widget .right { float: right; }

.n4jive_widget .noflow { overflow: hidden; }

.n4jive_widget .progress-bar,
.n4jive_widget .grid2col,
.n4jive_widget .grid2col-a,
.n4jive_widget .grid2col-b,
.n4jive_widget .grid2col-c,
.n4jive_widget .grid2col-d,
.n4jive_widget .grid3col,
.n4jive_widget .grid4col,
.n4jive_widget .grid5col { width: 100%; }

.n4jive_widget .column { float: left; }
.n4jive_widget .grid2col > .column { width: 49%; }
.n4jive_widget .grid2col-a > .column { width: 25%; }
.n4jive_widget .grid2col-a > .column.last { width: 75%; }
.n4jive_widget .grid2col-b > .column { width: 25%; }
.n4jive_widget .grid2col-b > .column.first { width: 75%; }
.n4jive_widget .grid2col-c > .column { width: 33%; }
.n4jive_widget .grid2col-c > .column.first { width: 66%; }
.n4jive_widget .grid2col-d > .column { width: 66%; }
.n4jive_widget .grid2col-d > .column.first { width: 33%; }
.n4jive_widget .grid3col > .column { width: 32%; }
.n4jive_widget .grid4col > .column { width: 24%; }
.n4jive_widget .grid5col > .column { width: 18%; }

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

.n4jive_widget .value { margin-right: 0.25em; font-weight: bold; font-size: 1.143em; }

.n4jive_widget .help { margin-left: 5px; line-height: 1em; cursor: pointer; }


/***********************************************************
*   Generic CSS for a progress bar and it's HTML fallback
***********************************************************/
.n4jive_widget .progress-bar { position: relative; margin: 5px 0; display:block }
.n4jive_widget .progress-bar progress,
.n4jive_widget .progress-bar .progress { width: 100%; height: 1.3em; }
.n4jive_widget .progress-bar .progress { position: relative; border: 1px solid #dededf; background: #fff; }
.n4jive_widget .progress-bar progress { height: 23px }
.n4jive_widget .progress-bar .progress,
.n4jive_widget .progress-bar .progress-slider {
    height: 1.5em; border-radius: 1em; margin:2px;
}
.n4jive_widget .progress-bar .progress-slider {
    margin: 0.167em; position: absolute; top: 0; left: 0; width: 45%; height: 1.166em; background-color: #27aed4;
    -webkit-transition: width 0.25s ease-in; -moz-transition: width 0.25s ease-in; -o-transition: width 0.25s ease-in; -ms-transition: width 0.25s ease-in;
    transition: width 0.25s ease-in;
    box-shadow: inset -2px -2px 3px #2199BB, inset 2px 2px 3px #2199BB;
    box-sizing: border-box;
}
.n4jive_widget .progress-bar.webkit .progress-slider { margin: 0.2em; }

.n4jive_widget .progress-bar figcaption { position: absolute; margin: 0 0 0 1px; top: 0; left:0;  height: 1.5em; width: 100%; text-align: left; color: #707070; }
.n4jive_widget .progress-bar .progress + figcaption { margin: 0.167em 0 0 0.167em; height: 1.166em; }
.n4jive_widget .progress-bar.webkit figcaption { margin: 0.2em;  }

.n4jive_widget .progress-bar .shadow span,
.n4jive_widget .progress-bar .value { padding-left: 1.188em; line-height: 1.8em; }
.n4jive_widget .progress-bar .shadow { padding-right: 2px; position: absolute; font-size: 1em;  z-index: 10; overflow: hidden; color: #fff; width: 30%; white-space: nowrap; text-shadow:none }
.n4jive_widget .progress-bar .value { margin-right: 0.5em; font-weight: normal; font-size: 1em; text-shadow:none }

.n4jive_widget .progress-bar .progress + figcaption .shadow span,
.n4jive_widget .progress-bar .progress + figcaption .value { line-height: 1.166em; }

/* All HTML5 progress enabled browsers */
.n4jive_widget progress { appearance: none; -moz-appearance: none; -webkit-appearance: none; border: solid #E5E5E5 2px; border-radius: 15px; height: 23px; padding:2px }
/* Polyfill */
.n4jive_widget progress[role]:after { background-image: none }
progress[role] strong { display: none }

/* Background of the progress bar background */
/* Firefox and Polyfill */
.n4jive_widget progress { background: #FFF !important; /* !important only needed in polyfill */ }
/* Chrome */
.n4jive_widget progress::-webkit-progress-bar { background: #FFF; border-radius:12px }

/* Background of the progress bar value */
/* Firefox */
.n4jive_widget progress::-moz-progress-bar { border-radius: 12px; background:#3299BA }
/* Chrome */
.n4jive_widget progress::-webkit-progress-value { border-radius: 5px; background:#3299BA }
/* Polyfill */
.n4jive_widget progress[aria-valuenow]:before  { border-radius: 5px; background:#3299BA }


/***********************************************
 * DIV-BASED PROGRESS BARS
 **********************************************/
.n4jive_progress			{ width:100%;height:25px;margin:5px 0;float:left;padding:2px;overflow:hidden;background:#619ad8;clear:both;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px; }
.n4jive_progress_inner		{ width:0;background:#4683BB;height:23px;margin:1px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.n4jive_progress_label		{ clear:both;text-transform:uppercase;font-size:11px;display:block;position:absolute;width:215px;text-align: center;top:13px;}
.n4jive_skinny_progress {position: relative;top: -12px;}

/***********************************************
 * COMMON MODULE STYLES
 ***********************************************/
aside.n4jive_sidebar_module	{ width:99%;border:1px solid #FFF }
.n4jive_widget header.n4jive_header		{ width:100%;min-height:45px;position:relative;border-bottom:1px solid #CDCDCD;margin:0 0 5px 0}
.n4jive_widget header.n4jive_header .n4jive_highlight_border		{ bottom:0 }
.n4jive_widget header.n4jive_header select	{ width:90%;margin:10px }
.n4jive_header_toggle		{ float:left; font-size: 1em; font-weight: bold; letter-spacing: -0.04em; margin: 0; padding: 0; width: 130px; }

.n4jive_widget header.n4jive_sidebar_module_body		{ width:221px;background:#CCC;margin:3px 0;padding:2px }

.n4jive_widget  footer.n4jive_sidebar_module_footer		{ width:100%;height:35px;background:#EDEDED;position:relative;border-top:1px solid #CDCDCD;margin:5px 0 0 }
.n4jive_widget  footer.n4jive_sidebar_module_footer .n4jive_sidebar_module_footer_view_more		{ font-size:1em;margin:10px;padding:0 0 0 20px;background:url(../../../images/icn_arrow_down.png) top left no-repeat; }

.n4jive_sub_header			{
    height:35px;width:100%;background:#333333; margin:-5px 0 15px 0;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom,  #666 0%,#333 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-8 */
}
.n4jive_sub_header label { color:#FFF;font-weight:bold;font-size:1em;padding:9px;display:block;float:left;width:7%;text-align:right }
.n4jive_sub_header label.n4jive_header_checkbox { width:100%; text-align:left }

/***********************************************
 * TOOLTIPS
 ***********************************************/
#n4jive_jive_style_tooltip { width:275px  }

/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version:nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
* http://en.wikipedia.org/wiki/MIT_License
* http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date:Tue Jan 31 10:16:34.0000000000 2012
*/
/* Core qTip styles */
.ui-tooltip,.qtip{position:absolute;left:-28000px;top:-28000px;display:none;min-width:50px;font-size:10.5px;line-height:12px;}
/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid{display:block;visibility:hidden;position:static !important;float:left !important;}
.ui-tooltip-content{position:relative; }
.ui-tooltip-titlebar{ display:none }
.ui-tooltip-titlebar + .ui-tooltip-content{border-top-width:0 !important;}
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{}
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{}
/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{ }
.ui-tooltip-default .ui-tooltip-titlebar{ }
.ui-tooltip-default .ui-tooltip-icon{ }
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{ }
/*! Add shadows to your tooltips in:FF3+,Chrome 2+,Opera 10.6+,IE6+,Safari 2+ */
.ui-tooltip-shadow{ }
.ui-tooltip-shadow .ui-tooltip-titlebar,
.ui-tooltip-shadow .ui-tooltip-content{}
/*! Add rounded corners to your tooltips in:FF3+,Chrome 2+,Opera 10.6+,IE9+,Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
/* IE Specific */
.ui-tooltip-jtools .ui-tooltip-titlebar{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";}
.ui-tooltip-jtools .ui-tooltip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";}
.ui-tooltip-jtools .ui-tooltip-titlebar,
.ui-tooltip-jtools .ui-tooltip-content{background:transparent;color:white;border:0 dashed transparent;}
.ui-tooltip-jtools .ui-tooltip-icon{border-color:#555;}
.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{border-color:#333;}
/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{filter:none;-ms-filter:none;}

/* n4jive.core.css */

/*---------------------------------------------------
    LESS Elements 0.6
  ---------------------------------------------------
    A set of useful LESS mixins by Dmitry Fadeyev
    Special thanks for mixin suggestions to:
      Kris Van Herzeele,
      Benoit Adam,
      Portenart Emile-Victor,
      Ryan Faerman

    More info at: http://lesselements.com
-----------------------------------------------------*/

.nitro4x_left_nav {
    padding-top: 0;
    width: 170px;
    float: left;
    position: absolute;
    z-index: 5;
}
.nitro4x_left_nav ul {
    margin: 0;
    z-index: 5;
}
.nitro4x_left_nav ul li {
    list-style: none;
    padding-left: 16px;
    position: relative;
    zoom: 1;
    font: 14px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.nitro4x_left_nav ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0;
    border-top: 1px solid #EAEAEA;
    white-space: nowrap;
    zoom: 1;
    color: #3778c7;
}
.nitro4x_left_nav ul li a:hover {
    text-decoration: underline;
}
.nitro4x_left_nav ul li:hover {
    color: #000;
}
.nitro4x_left_nav ul li .nav_label.active {
    position: relative;
    z-index: 10;
    color: #3e3e3e;
    font-weight: bold;
}
.nitro4x_left_nav ul li:first-child a {
    border: none;
}
.nitro4x_left_nav ul .active_arrow {
    background: url(../images/left_nav_active.png) no-repeat 0 0;
    z-index: 5;
    overflow: visible;
    position: absolute;
    left: -7px;
    top: -1px;
    width: 200px;
    height: 38px;
}
.nitro4x_col2 {
    position: relative;
    right: 0;
    left: 0;
    border-left: 1px solid #e6e6e6;
    padding: 0 20px 0 25px;
    margin-left: 175px;
    width: auto;
}
.nitro4x_header {
    clear: both;
    width: 100%;
}
.nitro4x_filter_sort {
    clear: both;
    width: 100%;
}
.nitro4x_header_wrapper {
    clear: both;
    height: 70px;
    padding: 0 0 6px 0;
}
.nitro4x_filter_sort_bar {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-clip: padding-box;
    height: 32px;
    font-family: Arial;
    float: left;
    width: 99%;
    margin-bottom: 10px;
}
.nitro4x_filter_sort_bar .nitro4x_sortfilterbar_sort {
    margin: 7px 0 0 10px;
}
.nitro4x_filter_sort_bar .nitro4x_sortfilterbar_filter {
    border-radius: 9px;
    background-clip: padding-box;
    margin: 6px 0 0 10px;
    border: 1px solid #ccc;
    width: 150px;
    height: 18px;
    padding: 0 0 0 8px;
    box-shadow: inset 0 1px 2px #ddd;
    box-shadow: inset 0 1px 2px #ddd 0 1px #000;
}
.nitro4x_filter_sort_bar .nitro4x_sortfilterbar_pagination {
    float: right;
    display: inline-block;
    height: 24px;
    margin: 3px 5px 0 0;
}
.nitro4x_filter_sort_bar .nitro4x_sortfilterbar_pagination .nitro4x_page {
    vertical-align: top;
    display: inline-block;
    padding: 6px 3px 4px 3px;
    font-weight: bold;
    color: #3e3e3e;
    cursor: pointer;
}
.nitro4x_filter_sort_bar .nitro4x_sortfilterbar_pagination .nitro4x_page.nitro4x_page_active {
    color: #3778c7;
    cursor: default;
}
.nitro4x_filter_sort_bar .nitro4x_sortfilterbar_pagination .nitro4x_page_prev_next {
    display: inline-block;
    height: 24px;
    width: 52px;
    background: url(../images/pagination_sprite.png) no-repeat -132px 0;
    margin-top: 1px;
}
.nitro4x_filter_sort_bar .nitro4x_sortfilterbar_pagination .nitro4x_page_prev_next .nitro4x_page_prev {
    display: inline-block;
    height: 24px;
    width: 22px;
    margin-left: 3px;
    background: url(../images/pagination_sprite.png) no-repeat;
    background-position: -88px 0 /*rtl: -110px 0 */;
}
.nitro4x_filter_sort_bar .nitro4x_sortfilterbar_pagination .nitro4x_page_prev_next .nitro4x_page_prev.nitro4x_page_prev_enabled {
    background: url(../images/pagination_sprite.png) no-repeat;
    background-position: 0 0 /*rtl: -22px 0 */;
    cursor: pointer;
}
.nitro4x_filter_sort_bar .nitro4x_sortfilterbar_pagination .nitro4x_page_prev_next .nitro4x_page_prev.nitro4x_page_prev_enabled:active {
    background: url(../images/pagination_sprite.png) no-repeat;
    background-position: -44px 0 /*rtl: -66px 0 */;
}
.nitro4x_filter_sort_bar .nitro4x_sortfilterbar_pagination .nitro4x_page_prev_next .nitro4x_page_next {
    display: inline-block;
    height: 24px;
    width: 22px;
    background: url(../images/pagination_sprite.png) no-repeat;
    background-position: -110px 0 /*rtl: -88px 0 */;
}
.nitro4x_filter_sort_bar .nitro4x_sortfilterbar_pagination .nitro4x_page_prev_next .nitro4x_page_next.nitro4x_page_next_enabled {
    background: url(../images/pagination_sprite.png) no-repeat;
    background-position: -22px 0 /*rtl: 0 0 */;
    cursor: pointer;
}
.nitro4x_filter_sort_bar .nitro4x_sortfilterbar_pagination .nitro4x_page_prev_next .nitro4x_page_next.nitro4x_page_next_enabled:active {
    background: url(../images/pagination_sprite.png) no-repeat;
    background-position:  -66px 0 /*rtl: -44px 0 */;
}
.nitro4x_header_bar {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-clip: padding-box;
    height: 66px;
    font-family: Arial;
    float: left;
    width: 99%;
    /*}

  .nitro4x_header_right{
      background: @light_gray_boxes;
      .border-radius(10px);
      height: 69px;
      font-family: Arial;
      float: left;
      width: 480px;
      padding: 0 13px;
  */

}
.nitro4x_header_bar .nitro4x_header_divider {
    color: #3e3e3e;
    width: 3px;
    height: 64px;
    float: left;
    background: url(../images/header_divider.png);
    margin: 1px 3px;
}
.nitro4x_header_bar .nitro4x_header_unit_box {
    width: 200px;
    float: left;
    padding: 5px;
    margin-top: 5px;
    position: relative;
}
.nitro4x_header_bar .nitro4x_header_unit_box .title {
    font-size: 22px;
    font-weight: bold;
    color: #3e3e3e;
    text-align: center;
    display: block;
    line-height: 27px;
}
.nitro4x_header_bar .nitro4x_header_unit_box .nitro4x_header_small_arrow_icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 15px;
    background: url(../images/arrow_button_sprite_16.png) no-repeat 0 0;
}
.nitro4x_header_bar .nitro4x_header_unit_box .unit_name {
    font-size: 14px;
    color: #3e3e3e;
    text-align: center;
    display: block;
    line-height: 17px;
}
.nitro4x_header_bar .nitro4x_header_unit_box .unit_extra {
    display: none;
    margin-top: 16px;
}
.nitro4x_header_bar .nitro4x_header_unit_box .unit_extra .date {
    background: url(../images/bg_dark_gray_dropdown_overlay.png);
    background-clip: padding-box;
    border-radius: 9px;
    color: #fff;
    font-size: 10px;
    width: 35px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    display: inline-block;
    float: left;
}
.nitro4x_header_bar .nitro4x_header_unit_box .unit_extra .text {
    color: #3e3e3e;
    font-size: 10px;
    display: inline-block;
    padding: 5px;
    float: left;
    max-width: 100px;
}
.nitro4x_header_bar .nitro4x_header_unit_box .unit_extra .number {
    color: #3e3e3e;
    font-size: 15px;
    display: inline-block;
    float: right;
    padding-top: 1px;
}
.nitro4x_header_bar .nitro4x_header_unit_box .unit_extra .unit_history_selector {
    font-size: 10px;
    text-align: center;
    width: 185px;
}
.nitro4x_header_bar .nitro4x_header_unit_box .unit_extra .no_unit_history {
    font-size: 14px;
    color: #3E3E3E;
    text-align: center;
    display: block;
    line-height: 17px;
    padding: 10px;
}
.nitro4x_header_bar .nitro4x_header_unit_box.hover {
    background-clip: padding-box;
    border-radius: 9px;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    border: 5px solid #fff;
    padding: 0;
    width: 200px;
    z-index: 1001;
    position: relative;
}
.nitro4x_header_bar .nitro4x_header_unit_box.hover .unit_extra {
    display: block;
}
.nitro4x_header_bar .nitro4x_header_unit_box.hover .nitro4x_header_small_arrow_icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 15px;
    right: 10px;
    background: url(../images/arrow_button_sprite_16.png) no-repeat -16px 0;
}
.nitro4x_header_bar .nitro4x_header_unit_box.hover .nitro4x_scrollable {
    display: inline-block;
    margin-bottom: 5px;
    position: relative;
    float: left;
}
.nitro4x_header_bar .nitro4x_header_unit_box.hover .nitro4x_scrollable ul {
    margin: 10px 15px 10px 4px;
    padding: 0;
    max-height: 300px;
    overflow-y: auto;
    font-size: 18px;
    position: relative;
    float: left;
}
.nitro4x_header_bar .nitro4x_header_unit_box.hover .nitro4x_scrollable ul li {
    float: left;
    list-style: none;
    padding: 4px 5px 3px;
    position: relative;
    background: url(../images/bg_light_gray_dropdown_overlay.png);
    background-clip: padding-box;
    border-radius: 9px;
    margin: 0 18px 2px 0;
    width: 170px;
}
.nitro4x_header_bar .nitro4x_header_rank_box {
    width: 200px;
    float: left;
    padding: 5px;
    margin-top: 5px;
    position: relative;
}
.nitro4x_header_bar .nitro4x_header_rank_box .title {
    font-size: 22px;
    font-weight: bold;
    color: #3e3e3e;
    text-align: center;
    display: block;
    line-height: 27px;
}
.nitro4x_header_bar .nitro4x_header_rank_box .nitro4x_header_small_arrow_icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 5px;
    background: url(../images/arrow_button_sprite_16.png) no-repeat 0 0;
}
.nitro4x_header_bar .nitro4x_header_rank_box .rank_title {
    font-size: 14px;
    color: #3e3e3e;
    text-align: center;
    display: block;
    line-height: 17px;
}
.nitro4x_header_bar .nitro4x_header_rank_box .rank_extra {
    display: none;
    margin-top: 10px;
}
.nitro4x_header_bar .nitro4x_header_rank_box .rank_extra ul {
    margin: 0;
    padding: 2px;
}
.nitro4x_header_bar .nitro4x_header_rank_box .rank_extra ul li {
    width: 100%;
    height: 40px;
    background: #aab336;
    background: linear-gradient(to top, #aab336 0%, #bec74b 100%);
    border-radius: 5px;
    background-clip: padding-box;
    color: #fff;
    font-size: 10px;
    margin-bottom: 2px;
    text-align: center;
    display: block;
}
.nitro4x_header_bar .nitro4x_header_rank_box .rank_extra ul li .nitro4x_rank_title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: block;
    text-shadow: 0 -1px #666;
    clear: both;
    padding-top: 5px;
}
.nitro4x_header_bar .nitro4x_header_rank_box .rank_extra ul li.nitro4x_rank_locked .nitro4x_rank_title {
    text-shadow: none;
}
.nitro4x_header_bar .nitro4x_header_rank_box .rank_extra ul li.nitro4x_rank_locked {
    background: url(../images/bg_light_gray_dropdown_overlay.png);
    color: #999;
    text-shadow: none;
}
.nitro4x_header_bar .nitro4x_header_rank_box .rank_extra ul li.nitro4x_rank_locked .nitro4x_ranked_locked_icon {
    width: 8px;
    height: 11px;
    float: right;
    margin-right: 8px;
    margin-top: -20px;
    background: url(../images/small-gray-padlock.png) no-repeat 0 0;
}
.nitro4x_header_bar .nitro4x_header_rank_box:hover {
    background-clip: padding-box;
    border-radius: 9px;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    border: 5px solid #fff;
    padding: 0;
    width: 200px;
    z-index: 1001;
    position: relative;
}
.nitro4x_header_bar .nitro4x_header_rank_box:hover .rank_extra {
    display: block;
}
.nitro4x_header_bar .nitro4x_header_rank_box:hover .nitro4x_header_small_arrow_icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 15px;
    right: 0;
    background: url(../images/arrow_button_sprite_16.png) no-repeat -16px 0;
}
.nitro4x_header_bar .nitro4x_header_badges {
    background-clip: padding-box;
    border-radius: 10px;
    height: 60px;
    margin: 3px 0 0 438px;
    overflow: hidden;
    position: relative;
}
.nitro4x_header_bar .nitro4x_header_badges .nitro4x_header_small_arrow_icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 25px;
    right: 20px;
    background: url(../images/arrow_button_sprite_16.png) no-repeat 0 0;
}
.nitro4x_header_bar .nitro4x_header_badges ul {
    list-style: none;
    margin-top: 5px;
    padding-left: 0;
}
.nitro4x_header_bar .nitro4x_header_badges ul li {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background-clip: padding-box;
    float: left;
    margin: 0 0 8px 8px;
    cursor: move;
}
.nitro4x_header_bar .nitro4x_header_badges ul.badge_selection li {
    overflow: hidden;
    border-radius: 5px;
    background-clip: padding-box;
}
.nitro4x_header_bar .nitro4x_header_badges .nitro4x_header_badges_small {
    height: 58px;
}
.nitro4x_header_bar .nitro4x_header_badges .nitro4x_no_badges {
    font-size: 14px;
    color: #3E3E3E;
    text-align: center;
    display: block;
    line-height: 17px;
    padding-top: 20.5px;
    height: 58px;
}
.nitro4x_header_bar .nitro4x_header_badges:hover .nitro4x_no_badges {
    font-size: 14px;
    color: #3E3E3E;
    text-align: center;
    display: block;
    line-height: 17px;
    padding-top: 10.5px;
    height: 58px;
}
.nitro4x_header_bar .nitro4x_header_badges .nitro4x_header_badges_small img {
    width: 50px;
}
.nitro4x_header_bar .nitro4x_header_badges .drop_me_here ul.nitro4x_badge_list {
    background: #e8e7e7 url(../images/bg_target_zone_sprite.png) no-repeat 0 -128px;
}
.nitro4x_header_bar .nitro4x_header_badges .drop_me_here ul.nitro4x_badge_list li {
    cursor: pointer;
}
.nitro4x_header_bar .nitro4x_header_badges .nitro4x_me_in_three {
    clear: both;
    padding: 15px 0 0 0;
}
.nitro4x_header_bar .nitro4x_header_badges .nitro4x_me_in_three ul {
    list-style: none;
    background: #e8e7e7 url(../images/bg_target_zone_sprite.png) no-repeat 0 0;
    width: 99%;
    border-radius: 10px;
    background-clip: padding-box;
    height: 100px;
    padding: 10px;
}
.nitro4x_header_bar .nitro4x_header_badges .nitro4x_me_in_three ul li {
    width: 90px;
    /*float: left;*/
    margin: 8px 5px 5px 30px;
    height: 90px;
    background: #eaeaea;
}
.nitro4x_header_bar .nitro4x_header_badges .nitro4x_me_in_three ul li img {
    border-radius: 10px;
    background-clip: padding-box;
}
.nitro4x_header_bar .nitro4x_header_badges .nitro4x_me_in_three ul li .delete_badge_button {
    cursor: pointer;
    width: 24px;
    height: 23px;
    position: relative;
    top: -100px;
    left: 75px;
    background: url(../images/black-close-btn.png) no-repeat 0 0;
}
.nitro4x_header_bar .nitro4x_header_badges .nitro4x_me_in_three img {
    width: 90px;
    height: 90px;
}
.nitro4x_header_bar .nitro4x_header_badges .nitro4x_me_in_three .title {
    font-size: 24px;
    color: #3e3e3e;
    font-weight: bold;
    display: block;
}
.nitro4x_header_bar .nitro4x_header_badges #nitro4x_me_in_three_list:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
    padding: 0;
    margin: 0;
}
.nitro4x_header_bar .nitro4x_header_badges #nitro4x_badge_list:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
    padding: 0;
    margin: 0;
}
.nitro4x_header_bar .nitro4x_header_badges .nitro4x_badge_list:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
    padding: 0;
    margin: 0;
}
.nitro4x_header_bar .nitro4x_header_badges:hover {
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 10px;
    border: 5px solid #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    padding: 5px 5px 0 5px;
    height: auto;
    overflow: visible;
    position: relative;
    z-index: 1001;
}
.nitro4x_header_bar .nitro4x_header_badges:hover ul {
    padding-left: 0;
    margin-top: -5px;
    margin-left: -2px;
}
.nitro4x_header_bar .nitro4x_header_badges:hover ul.badge_selection li {
    margin-left: 0;
    margin-right: 8px;
}
.nitro4x_header_bar .nitro4x_header_badges:hover ul.me_in_three_items {
    margin-top: 10px;
}
.nitro4x_header_bar .nitro4x_header_badges:hover .nitro4x_header_small_arrow_icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 15px;
    background: url(../images/arrow_button_sprite_16.png) no-repeat -16px 0;
}
.nitro4x_header_bar .nitro4x_header_badges:hover .nitro4x_me_in_three {
    display: block;
}
.nitro4x_header_bar .nitro4x_header_badges:hover .nitro4x_me_in_three ul li {
    /*width: @large_badge; float: left; margin-left: 4px; height: @large_badge;*/

}
.nitro4x_header_bar .nitro4x_header_badges:hover .nitro4x_me_in_three ul li:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
    padding: 0;
    margin: 0;
}
.nitro4x_subheader {
    position: relative;
    background: #939393;
    height: 55px;
    margin-bottom: 25px;
    clear: both;
    float: left;
    width: 100%;
    font-family: Arial;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.nitro4x_subheader .missions {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.nitro4x_subheader .title {
    color: #fff;
    font-size: 25px;
    text-shadow: 0 -2px #000;
    line-height: 55px;
    padding-left: 30px;
}
.nitro4x_subheader .nitro4x_mission_search_label {
    position: absolute;
    right: 260px;
    top: 14px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}
.nitro4x_subheader .nitro4x_mission_search_label .nitro4x_mission_search {
    height: 20px;
    width: 110px;
    margin-left: 5px;
}
.nitro4x_subheader .nitro4x_mission_search_label .nitro4x_search_clear {
    position: absolute;
    right: 2px;
    top: 2px;
    height: 24px;
    width: 24px;
    background: url(../images/search_clear.png) no-repeat 0 0;
    cursor: pointer;
}
.nitro4x_subheader .nitro4x_mission_sort_label {
    position: absolute;
    display: block;
    padding-top: 3px;
    right: 20px;
    top: 13px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    height: 31px;
    cursor: default;
}
.nitro4x_subheader .nitro4x_mission_sort_label .nitro4x_mission_sort {
    position: relative;
    width: 165px;
    margin-left: 5px;
    opacity: 0;
    z-index: 10;
}
.nitro4x_subheader .nitro4x_mission_sort_label .nitro4x_mission_sort_face {
    background: url('../images/sort_dropdown_bg.png') no-repeat right top;
    position: absolute;
    top: 0;
    right: 0;
    width: 158px;
    height: 31px;
    color: #3e3e3e;
    font-weight: normal;
    padding: 7px 0 0 7px;
}
.nitro4x_subheader .nitro4x_reputation_search_label {
    position: absolute;
    right: 260px;
    top: 14px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}
.nitro4x_subheader .nitro4x_reputation_search_label .nitro4x_reputation_search {
    height: 20px;
    width: 110px;
    margin-left: 5px;
}
.nitro4x_subheader .nitro4x_reputation_search_label .nitro4x_search_clear {
    position: absolute;
    right: 2px;
    top: 2px;
    height: 24px;
    width: 24px;
    background: url(../images/search_clear.png) no-repeat 0 0;
    cursor: pointer;
}
.nitro4x_subheader .nitro4x_reputation_sort_label {
    position: absolute;
    display: block;
    padding-top: 3px;
    right: 20px;
    top: 13px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    height: 31px;
    cursor: default;
}
.nitro4x_subheader .nitro4x_reputation_sort_label .nitro4x_reputation_sort {
    position: relative;
    width: 165px;
    margin-left: 5px;
    opacity: 0;
    z-index: 10;
}
.nitro4x_subheader .nitro4x_reputation_sort_label .nitro4x_reputation_sort_face {
    background: url('../images/sort_dropdown_bg.png') no-repeat right top;
    position: absolute;
    top: 0;
    right: 0;
    width: 158px;
    height: 31px;
    color: #3e3e3e;
    font-weight: normal;
    padding: 7px 0 0 7px;
}
.reputation_container {
    margin-top: 15px;
}
.row_wrap {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 20px;
}
.nitro4x_reputation {
    position: relative;
    width: 218px;
    height: 285px;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    z-index: 10;
    float: left;
    margin-right: 25px;
}

.nitro4x_reputation .flip_card {
    position: absolute;
    width: 218px;
    height: 342px;
    z-index: 10;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.4s;
    -moz-transform-style: preserve-3d;
    -moz-transition: 0.4s;
    -ms-transform-style: preserve-3d;
    -ms-transition: 0.4s;
    -o-transform-style: preserve-3d;
    -o-transition: 0.4s;
}
.nitro4x_reputation .flip {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}
.nitro4x_reputation .nitro4x_front_side {
    position: absolute;
    top: 0;
    left: 0;
    width: 218px;
    height: 285px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
    background-clip: padding-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    z-index: 10;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    /** THE LEVELS IN THE PLACARD */

}
.nitro4x_reputation .nitro4x_front_side .nitro4x_heading {
    font-size: 13px;
    color: #3e3e3e;
    display: block;
    width: 208px;
    height: 30px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #fff;
    padding: 7px 0 0 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
    background-clip: padding-box;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_rank_platinum {
    position: absolute;
    width: 75px;
    height: 22px;
    top: 5px;
    border-radius: 3px;
    background-clip: padding-box;
    right: 17px;
    background: #b9ae97;
    background: linear-gradient(to top, #a59b84 0%, #b9ae97 100%);
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_rank_gold {
    position: absolute;
    width: 75px;
    height: 22px;
    top: 5px;
    border-radius: 3px;
    background-clip: padding-box;
    right: 17px;
    background: #f0ac00;
    background: linear-gradient(to top, #dc9800 0%, #f0ac00 100%);
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_rank_silver {
    position: absolute;
    width: 75px;
    height: 22px;
    top: 5px;
    border-radius: 3px;
    background-clip: padding-box;
    right: 17px;
    background: #787979;
    background: linear-gradient(to top, #5f6060 0%, #787979 100%);
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_rank_bronze {
    position: absolute;
    width: 75px;
    height: 22px;
    top: 5px;
    border-radius: 3px;
    background-clip: padding-box;
    right: 17px;
    background: #8e4c00;
    background: linear-gradient(to top, #8e4c00 0%, #a96300 100%);
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_rank_title {
    position: absolute;
    top: 5px;
    left: 7px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_rank_help {
    position: absolute;
    width: 24px;
    height: 24px;
    top: -2px;
    right: -12px;
    background: url(../images/help_icons.png) no-repeat 0 0;
    cursor: pointer;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_logo_wrap {
    padding: 10px;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_team_logo {
    display: block;
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 200px;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_points {
    background: #eee;
    background: hsla(0,0%,100%,.8);
    bottom: 0;
    font-size: 11px;
    padding: 3px 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 1px #FFFFFF;
    font-weight: bold;
    width: 100%;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_points .nitro4x_point_help_icon {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    top: -5px;
    background: url(../images/help_icons.png) no-repeat 0 -24px;
    cursor: pointer;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_badge_bg {
    position: absolute;
    width: 206px;
    height: 75px;
    bottom: 6px;
    left: 6px;
    background: #EEE;
    border-radius: 5px;
    background-clip: padding-box;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_badgeCarousel {
    position: relative;
    display: block;
    left: 0;
    width: 218px;
    height: 55px;
    overflow: hidden;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_badgeCarousel ul {
    position: relative;
    list-style-type: disc;
    display: block;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_badgeCarousel ul li {
    float: left;
    list-style: none;
    margin-right: 8px;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_badgeCarousel ul li img {
    height: 55px;
    width: 55px;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_badgeCarousel .jcarousel-clip {
    width: 145px;
    height: 55px;
    overflow: hidden;
    margin-left: 36px;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_badgeCarousel .jcarousel-next {
    top: 15px;
    background: url(../images/pagination_sprite.png) no-repeat -22px 0;
    position: absolute;
    width: 22px;
    height: 24px;
    cursor: pointer;
    right: 12px;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_badgeCarousel .jcarousel-next-disabled {
    top: 15px;
    background: url(../images/pagination_sprite.png) no-repeat -66px 0;
    position: absolute;
    width: 22px;
    height: 24px;
    cursor: auto;
    right: 12px;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_badgeCarousel .jcarousel-prev {
    top: 15px;
    background: url(../images/pagination_sprite.png) no-repeat 0 0;
    position: absolute;
    width: 22px;
    height: 24px;
    cursor: pointer;
    left: 10px;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_badgeCarousel .jcarousel-prev-disabled {
    top: 15px;
    background: url(../images/pagination_sprite.png) no-repeat -44px 0;
    position: absolute;
    width: 22px;
    height: 24px;
    cursor: auto;
    left: 10px;
}
.nitro4x_reputation .nitro4x_front_side .nitro4x_arrowFlip {
    bottom: -7px;
    right: -6px;
    background: url(../images/gear_flip.png) no-repeat 0 0;
    position: absolute;
    width: 34px;
    height: 34px;
    cursor: pointer;
}
.nitro4x_reputation .nitro4x_back_side {
    position: absolute;
    width: 218px;
    min-height: 285px;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    border-radius: 5px;
    background-clip: padding-box;
    background: #5c5c5c;
    background: linear-gradient(to top, #444 0%, #6b6b6b 100%);
    border: 1px solid #2B2B2B;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.nitro4x_reputation .nitro4x_back_side .nitro4x_back_side_highlight {
    position: absolute;
    background: url(../images/card_bg_glare.png) no-repeat 0 0;
    display: block;
    width: 218px;
    height: 153px;
    border-radius: 5px;
    background-clip: padding-box;
    border-top: 1px solid #BDBDBD;
    z-index: -5;
}
.nitro4x_reputation .nitro4x_back_side .nitro4x_badge_label {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    margin-left: 15px;
    margin-top: 10px;
}
.nitro4x_reputation .nitro4x_back_side .nitro4x_point_label {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    margin-left: 15px;
}
.nitro4x_reputation .nitro4x_back_side .nitro4x_badge_list {
    display: block;
    max-height: 140px;
    overflow-y: auto;
}
.nitro4x_reputation .nitro4x_back_side .nitro4x_badge_list ul {
    position: relative;
    list-style-type: disc;
    display: block;
    top: 0;
    left: 0;
    margin: 10px 0 0 15px;
    padding: 0;
}
.nitro4x_reputation .nitro4x_back_side .nitro4x_badge_list ul li {
    float: left;
    list-style: none;
    margin: 0 7px 10px 0;
    height: 55px;
    width: 55px;
}
.nitro4x_reputation .nitro4x_back_side .nitro4x_badge_list ul li img {
    height: 55px;
    width: 55px;
}
.nitro4x_reputation .nitro4x_back_side .nitro4x_scrollable {
    display: inline-block;
    border-radius: 5px;
    background-clip: padding-box;
    height: 85px;
    width: 192px;
    background-color: #929292;
    margin: 10px 13px 50px 13px;
}
.nitro4x_reputation .nitro4x_back_side .nitro4x_scrollable ul {
    margin: 10px 3px 0 10px;
    padding: 0;
    display: block;
    height: 72px;
    overflow-y: auto;
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.nitro4x_reputation .nitro4x_back_side .nitro4x_scrollable ul li {
    list-style: none;
    margin: 0 0 8px;
}
.nitro4x_reputation .nitro4x_back_side .nitro4x_scrollable ul li .col1 {
    display: inline-block;
    vertical-align: top;
    width: 38px;
    background: #3B3B3B;
    border-radius: 4px;
    background-clip: padding-box;
    padding: 3px 0 2px 0;
    font-size: 11px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.nitro4x_reputation .nitro4x_back_side .nitro4x_scrollable ul li .col2 {
    display: inline-block;
    vertical-align: top;
    width: 85px;
    font-size: 11px;
    color: #3e3e3e;
}
.nitro4x_reputation .nitro4x_back_side .nitro4x_scrollable ul li .col3 {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    font-size: 12px;
    text-align: right;
    color: #acdefd;
    font-weight: bold;
    padding-top: 3px;
}
.nitro4x_reputation .nitro4x_back_side .nitro4x_back_side_back {
    background: url(../images/back_btn_bg.png) no-repeat 0 0;
    width: 60px;
    height: 21px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding-top: 5px;
}
.nitro4x_reputation .nitro4x_rank_help_container {
    position: absolute;
    width: 123px;
    height: 286px;
    top: -17px;
    right: -114px;
    background: url(../images/rank_help_bg.png) no-repeat 0 0;
}
.nitro4x_reputation .nitro4x_rank_help_container .nitro4x_rank_help_colors {
    position: absolute;
    width: 87px;
    height: 259px;
    top: 11px;
    left: 20px;
}
.nitro4x_reputation .nitro4x_rank_help_container .nitro4x_rank_help_colors .nitro4x_rank_help_text {
    position: relative;
    display: block;
    width: 85px;
    height: 55px;
    margin: 0 0 6px 0;
    text-align: center;
    border-radius: 5px;
    background-clip: padding-box;
    border: 2px solid #FFF;
    text-shadow: 0 -1px #000;
    /** THE INDIVIDUAL LEVELS IN THE FLYOUT */

}
.nitro4x_reputation .nitro4x_rank_help_container .nitro4x_rank_help_colors .nitro4x_rank_help_text.level0 {
    background: #b9ae97;
    background: linear-gradient(to top, #a59b84 0%, #b9ae97 100%);
}
.nitro4x_reputation .nitro4x_rank_help_container .nitro4x_rank_help_colors .nitro4x_rank_help_text.level1 {
    background: #f0ac00;
    background: linear-gradient(to top, #dc9800 0%, #f0ac00 100%);
}
.nitro4x_reputation .nitro4x_rank_help_container .nitro4x_rank_help_colors .nitro4x_rank_help_text.level2 {
    background: #787979;
    background: linear-gradient(to top, #5f6060 0%, #787979 100%);
}
.nitro4x_reputation .nitro4x_rank_help_container .nitro4x_rank_help_colors .nitro4x_rank_help_text.level3 {
    background: #8e4c00;
    background: linear-gradient(to top, #8e4c00 0%, #a96300 100%);
}
.nitro4x_reputation .nitro4x_rank_help_container .nitro4x_rank_help_colors .nitro4x_rank_help_text .nitro4x_rank_help_title {
    position: absolute;
    width: 87px;
    top: 20px;
    left: 0;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}
.nitro4x_reputation .nitro4x_rank_help_container_content {
    color: #fff;
    margin: 10px 15px 10px 20px;
    font-size: 11px;
}
.nitro4x_reputation .nitro4x_badgeCarouselNoneEarned {
    text-align: center;
    padding-top: 31px;
    font-size: 11px;
    color: #3E3E3E;
}
.nitro4x_reputation .nitro4x_badgeListNoneEarned {
    padding: 10px 0 10px 15px;
    color: #FFFFFF;
    font-size: 11px;
}
.nitro4x_reputation .nitro4x_pointsNoneEarned {
    text-align: center;
    padding-top: 36px;
    font-size: 11px;
    color: #FFFFFF;
}
.nitro4x_mission {
    position: relative;
    width: 218px;
    height: 342px;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    z-index: 10;
    float: left;
    margin-right: 25px;
}
.nitro4x_mission .flip_card {
    position: absolute;
    width: 218px;
    height: 342px;
    z-index: 10;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.4s;
    -moz-transform-style: preserve-3d;
    -moz-transition: 0.4s;
    -ms-transform-style: preserve-3d;
    -ms-transition: 0.4s;
    -o-transform-style: preserve-3d;
    -o-transition: 0.4s;
}
.nitro4x_mission .flip {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}
.nitro4x_mission .nitro4x_front_side {
    position: absolute;
    width: 218px;
    height: 342px;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox {
    position: relative;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
    background-clip: padding-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    padding: 0;
    width: 218px;
    height: 317px;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_heading {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #3e3e3e;
    font-weight: bold;
    display: block;
    width: 208px;
    height: 24px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #fff;
    padding: 7px 0 0 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
    background-clip: padding-box;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_earn_again {
    background: url(../images/earn_again.png) no-repeat 0 0;
    width: 76px;
    height: 21px;
    margin: 5px 0 0 5px;
    position: absolute;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_badge {
    position: absolute;
    width: 75px;
    overflow: hidden;
    height: 75px;
    top: 48px;
    left: 72px;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_badge img {
    height: 75px;
    width: 75px;
    border-radius: 5px;
    background-clip: padding-box;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_points {
    position: absolute;
    width: 104px;
    top: 125px;
    left: 0;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 23px;
    font-weight: bold;
    color: #3e3e3e;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_pointCategory {
    position: absolute;
    width: 109px;
    top: 132px;
    left: 109px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #696969;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_badge_desc {
    position: absolute;
    width: 188px;
    top: 152px;
    min-height: 40px;
    max-height: 55px;
    overflow: hidden;
    left: 0;
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #3e3e3e;
    padding: 0 15px 0 15px;
    line-height: 13px;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_rently_completed_label {
    display: block;
    width: 218px;
    position: absolute;
    top: 209px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
    text-align: center;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_completed_by_list {
    position: absolute;
    top: 222px;
    left: 37px;
    padding: 0;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_completed_by_list li {
    float: left;
    list-style: none;
    margin-right: 8px;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_completed_by_list li .jive-avatar {
    border-radius: 5px;
    background-clip: padding-box;
    height: 30px;
    width: 30px;
    overflow: hidden;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_completed_by_list li .nitro4x_completed_by_img img {
    height: 30px;
    width: 30px;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .mission_progress_bar_container {
    width: 188px;
    height: 12px;
    position: absolute;
    bottom: 35px;
    left: 14px;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .mission_progress_bar_container .mission_progress_bar_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 188px;
    height: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-clip: padding-box;
    background: #d0d0d0;
    background: linear-gradient(to top, #f0f0f0 0%, #d0d0d0 100%);
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .mission_progress_bar_container .mission_progress_bar_bg .mission_progress_bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 12px;
    border-radius: 6px;
    background-clip: padding-box;
    background: #3575c2;
    background: linear-gradient(to top, #2e67ad 0%, #3a82d9 100%);
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .mission_progress_bar_container .mission_progress_bar_bg .mission_progress_bar .nitro4x_progress_pct_txt {
    position: absolute;
    top: -17px;
    right: 0;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #696969;
}
.nitro4x_mission .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_arrowFlip {
    position: absolute;
    bottom: -7px;
    right: -6px;
    background: url(../images/gear_flip.png) no-repeat 0 0;
    width: 34px;
    height: 34px;
    cursor: pointer;
}
.nitro4x_mission .nitro4x_back_side {
    position: absolute;
    width: 218px;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}
.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox {
    position: relative;
    width: 218px;
    min-height: 315px;
    padding: 0;
    border-radius: 5px;
    background-clip: padding-box;
    background: #5c5c5c;
    background: linear-gradient(to top, #444 0%, #6b6b6b 100%);
    border: 1px solid #2B2B2B;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_back_side_back_spacer {
    padding-top: 5px;
    margin: 10px 0 5px 153px;
    height: 21px;
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_back_side_back_spacer {
    padding-top: 2px;
    margin: 10px 0 5px 142px;
    height: 16px;
}
.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_back_side_highlight {
    position: absolute;
    background: url(../images/card_bg_glare.png) no-repeat 0 0;
    display: block;
    width: 218px;
    height: 153px;
    border-radius: 5px;
    background-clip: padding-box;
    border-top: 1px solid #BDBDBD;
}
.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_heading_back {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    margin-left: 15px;
    margin-top: 10px;
}
.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_badge_desc_back {
    position: block;
    width: 188px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #fff;
    line-height: 13px;
    padding: 5px 15px 0 15px;
}
.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_badge_back {
    position: relative;
    width: 203px;
    height: 75px;
    margin: 5px 0 0 15px;
}
.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_badge_back img {
    width: 75px;
    height: 75px;
    border-radius: 5px;
    background-clip: padding-box;
}
.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_badge_back .nitro4x_point_box {
    position: absolute;
    top: 24px;
    left: 84px;
    width: 134px;
}
.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_badge_back .nitro4x_point_box .nitro4x_points_back {
    display: inline;
    font-family: Arial, sans-serif;
    font-size: 23px;
    font-weight: bold;
    color: #acdefd;
}
.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_badge_back .nitro4x_point_box .nitro4x_pointCategory_back {
    display: inline;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #999;
}
.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_requirements_heading {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    margin-left: 15px;
    margin-top: 5px;
}
.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_requirement_desc {
    position: block;
    width: 188px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #fff;
    padding: 5px 15px 2px 15px;
}

.nitro4x_requirements_block {
    max-height: 115px;
    overflow: hidden;
    overflow-y: auto;
}

.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox .mission_progress_bar_container {
    position: relative;
    width: 188px;
    height: 12px;
    margin-left: 14px;
}
.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox .mission_progress_bar_container .mission_progress_bar_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 188px;
    height: 12px;
    border-radius: 6px;
    background-clip: padding-box;
    background: #d0d0d0;
    background: linear-gradient(to top, #f0f0f0 0%, #d0d0d0 100%);
}
.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox .mission_progress_bar_container .mission_progress_bar_bg .mission_progress_bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 12px;
    border-radius: 6px;
    background-clip: padding-box;
    background: #3575c2;
    background: linear-gradient(to top, #2e67ad 0%, #3a82d9 100%);
}
.nitro4x_mission .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_back_side_back {
    background: url(../images/back_btn_bg.png) no-repeat 0 0;
    width: 60px;
    height: 21px;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding-top: 5px;
    margin: 10px 0 5px 153px;
    position: absolute;
    bottom: 0;
}
.nitro4x_mission .nitro4x_ribbon45_ending_soon {
    position: absolute;
    width: 100px;
    height: 100px;
    top: -3px;
    right: -3px;
    background: url(../images/ribbon45.png) no-repeat 0 0;
}
.nitro4x_mission .nitro4x_ribbon45_only_5_left {
    position: absolute;
    width: 100px;
    height: 100px;
    top: -3px;
    right: -3px;
    background: url(../images/ribbon45.png) no-repeat 0 -100px;
}
.nitro4x_mission .nitro4x_ribbon45_only_4_left {
    position: absolute;
    width: 100px;
    height: 100px;
    top: -3px;
    right: -3px;
    background: url(../images/ribbon45.png) no-repeat 0 -200px;
}
.nitro4x_mission .nitro4x_ribbon45_only_3_left {
    position: absolute;
    width: 100px;
    height: 100px;
    top: -3px;
    right: -3px;
    background: url(../images/ribbon45.png) no-repeat 0 -300px;
}
.nitro4x_mission .nitro4x_ribbon45_only_2_left {
    position: absolute;
    width: 100px;
    height: 100px;
    top: -3px;
    right: -3px;
    background: url(../images/ribbon45.png) no-repeat 0 -400px;
}
.nitro4x_mission .nitro4x_ribbon45_only_1_left {
    position: absolute;
    width: 100px;
    height: 100px;
    top: -3px;
    right: -3px;
    background: url(../images/ribbon45.png) no-repeat 0 -500px;
}
.missions_container {
    margin-top: 15px;
}
.missions_container.small {
    margin-top: 10px;
    max-height: 550px;
    overflow: hidden;
    overflow-y: auto;
}
.nitro4x_mission_row {
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    margin: 5px 0 5px 0;
}
.nitro4x_mission_small {
    position: relative;
    width: 195px;
    height: 230px;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    z-index: 10;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.nitro4x_mission_small .flip_card {
    position: absolute;
    width: 195px;
    height: 230px;
    z-index: 10;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.4s;
    -moz-transform-style: preserve-3d;
    -moz-transition: 0.4s;
    -ms-transform-style: preserve-3d;
    -ms-transition: 0.4s;
    -o-transform-style: preserve-3d;
    -o-transition: 0.4s;
}
.nitro4x_mission_small .flip {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}
.nitro4x_mission_small .nitro4x_front_side {
    position: absolute;
    width: 195px;
    height: 230px;
    top: 0;
    left: 0;
    padding-bottom: 10px;
    z-index: 10;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}
.nitro4x_mission_small .nitro4x_front_side .nitro4x_bg_whitebox {
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
    background-clip: padding-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    padding: 0;
    width: 194px;
    height: 220px;
}
.nitro4x_mission_small .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_heading {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #3e3e3e;
    font-weight: bold;
    display: block;
    width: 184px;
    height: 20px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #fff;
    padding: 6px 0 0 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
    background-clip: padding-box;
}
.nitro4x_mission_small .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_earn_again {
    background: url(../images/earn_again_small.png) no-repeat 0 0;
    position: absolute;
    top: 35px;
    left: 7px;
    width: 41px;
    height: 11px;
}
.nitro4x_mission_small .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_badge {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 35px;
    left: 72px;
}
.nitro4x_mission_small .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_badge img {
    height: 50px;
    width: 50px;
}
.nitro4x_mission_small .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_points {
    position: absolute;
    width: 97px;
    top: 90px;
    left: 0;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #3e3e3e;
}
.nitro4x_mission_small .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_pointCategory {
    position: absolute;
    width: 97px;
    top: 93px;
    left: 100px;
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #696969;
}
.nitro4x_mission_small .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_badge_desc {
    position: absolute;
    width: 175px;
    top: 112px;
    left: 0;
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #3e3e3e;
    padding: 0 10px 0 10px;
    line-height: 10px;
}
.nitro4x_mission_small .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_progress_pct_txt {
    position: absolute;
    top: -14px;
    right: 0;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
}
.nitro4x_mission_small .nitro4x_front_side .nitro4x_bg_whitebox .mission_progress_bar_container {
    width: 165px;
    height: 8px;
    position: absolute;
    bottom: 57px;
    left: 14px;
}
.nitro4x_mission_small .nitro4x_front_side .nitro4x_bg_whitebox .mission_progress_bar_container .mission_progress_bar_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 165px;
    height: 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-clip: padding-box;
    background: #d0d0d0;
    background: linear-gradient(to top, #f0f0f0 0%, #d0d0d0 100%);
}
.nitro4x_mission_small .nitro4x_front_side .nitro4x_bg_whitebox .mission_progress_bar_container .mission_progress_bar_bg .mission_progress_bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    border-radius: 6px;
    background-clip: padding-box;
    background: #3575c2;
    background: linear-gradient(to top, #2e67ad 0%, #3a82d9 100%);
}
.nitro4x_mission_small .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_arrowFlip {
    position: absolute;
    bottom: 12px;
    right: -6px;
    background: url(../images/gear_flip.png) no-repeat 0 0;
    width: 34px;
    height: 34px;
    cursor: pointer;
}
.nitro4x_mission_small .nitro4x_back_side {
    position: absolute;
    width: 195px;
    top: 0;
    left: 0;
    padding-bottom: 10px;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox {
    position: relative;
    width: 195px;
    min-height: 218px;
    padding: 0;
    border-radius: 5px;
    background-clip: padding-box;
    background: #5c5c5c;
    background: linear-gradient(to top, #444 0%, #6b6b6b 100%);
    border: 1px solid #2B2B2B;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    z-index: 10;
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_back_side_highlight {
    position: absolute;
    background: url(../images/card_bg_glare.png) no-repeat right 0;
    display: block;
    width: 195px;
    height: 153px;
    border-radius: 5px;
    background-clip: padding-box;
    border-top: 1px solid #BDBDBD;
    z-index: -5;
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_heading_back {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 8px 0 0 10px;
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_badge_desc_back {
    position: block;
    width: 175px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #fff;
    line-height: 10px;
    padding: 4px 10px 0 10px;
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_badge_back {
    position: relative;
    width: 50px;
    height: 50px;
    padding: 10px 5px 10px 5px;
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_badge_back img {
    height: 50px;
    width: 50px;
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_badge_back .nitro4x_point_box {
    position: absolute;
    top: 24px;
    left: 62px;
    width: 100px;
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_badge_back .nitro4x_point_box .nitro4x_points_back {
    display: inline;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #acdefd;
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_badge_back .nitro4x_point_box .nitro4x_pointCategory_back {
    display: inline;
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #999;
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_requirements_heading {
    position: block;
    width: 185px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_requirement_desc {
    position: block;
    width: 185px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #fff;
    padding: 5px 0 0 10px;
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox .mission_progress_bar_container {
    position: relative;
    width: 165px;
    height: 8px;
    margin: 3px 0 0 15px;
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox .mission_progress_bar_container .mission_progress_bar_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 165px;
    height: 8px;
    border-radius: 6px;
    background-clip: padding-box;
    background: #d0d0d0;
    background: linear-gradient(to top, #f0f0f0 0%, #d0d0d0 100%);
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox .mission_progress_bar_container .mission_progress_bar_bg .mission_progress_bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    border-radius: 6px;
    background-clip: padding-box;
    background: #3575c2;
    background: linear-gradient(to top, #2e67ad 0%, #3a82d9 100%);
}
.nitro4x_mission_small .nitro4x_back_side .nitro4x_bg_greybox .nitro4x_back_side_back {
    position: absolute;
    bottom: 0;
    margin: 10px 0 5px 142px;
    width: 43px;
    height: 16px;
    background: url(../images/reputation_side2_back_small.png) no-repeat 0 0;
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    cursor: pointer;
    padding-top: 2px;
}
.nitro4x_mission_small .nitro4x_ribbon45_ending_soon {
    position: absolute;
    width: 54px;
    height: 54px;
    top: -2px;
    right: -2px;
    background: url(../images/ribbon45_small.png) no-repeat 0 0;
}
.nitro4x_mission_small .nitro4x_ribbon45_only_5_left {
    position: absolute;
    width: 54px;
    height: 54px;
    top: -2px;
    right: -2px;
    background: url(../images/ribbon45_small.png) no-repeat 0 -54px;
}
.nitro4x_mission_small .nitro4x_ribbon45_only_4_left {
    position: absolute;
    width: 54px;
    height: 54px;
    top: -2px;
    right: -2px;
    background: url(../images/ribbon45_small.png) no-repeat 0 -108px;
}
.nitro4x_mission_small .nitro4x_ribbon45_only_3_left {
    position: absolute;
    width: 54px;
    height: 54px;
    top: -2px;
    right: -2px;
    background: url(../images/ribbon45_small.png) no-repeat 0 -162px;
}
.nitro4x_mission_small .nitro4x_ribbon45_only_2_left {
    position: absolute;
    width: 54px;
    height: 54px;
    top: -2px;
    right: -2px;
    background: url(../images/ribbon45_small.png) no-repeat 0 -216px;
}
.nitro4x_mission_small .nitro4x_ribbon45_only_1_left {
    position: absolute;
    width: 54px;
    height: 54px;
    top: -2px;
    right: -2px;
    background: url(../images/ribbon45_small.png) no-repeat 0 -270px;
}
.store_container {
    margin-top: 15px;
}
.nitro4x_store {
    position: relative;
    width: 218px;
    height: 310px;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    z-index: 10;
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}
.nitro4x_store .flip_card {
    position: absolute;
    width: 100%;
    height: 320px;
    z-index: 10;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.4s;
    -moz-transform-style: preserve-3d;
    -moz-transition: 0.4s;
    -ms-transform-style: preserve-3d;
    -ms-transition: 0.4s;
    -o-transform-style: preserve-3d;
    -o-transition: 0.4s;
}
.nitro4x_store .flip {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}
.nitro4x_store .nitro4x_front_side {
    position: absolute;
    top: 0;
    left: 0;
    width: 218px;
    height: 310px;
    z-index: 10;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}
.nitro4x_store .nitro4x_front_side .nitro4x_bg_whitebox {
    position: relative;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
    background-clip: padding-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    padding: 0;
    width: 218px;
    height: 285px;
}
.nitro4x_store .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_award_name {
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #3e3e3e;
    font-weight: bold;
    display: block;
    width: 208px;
    height: 24px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #fff;
    padding: 7px 0 0 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 5px;
    background-clip: padding-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nitro4x_store .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_award_owned {
    /* !!! TODO !!! */

    color: #3e3e3e;
    background-color: #f9f9f9;
    position: absolute;
    top: 0;
    height: 24px;
    width: 73px;
    right: 0;
    padding: 7px 10px 0 10px;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #fff;
    border-top-right-radius: 5px;
    background-clip: padding-box;
}
.nitro4x_store .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_award_img {
    display: block;
    width: store_width;
    text-align: center;
    margin-top: 10px;
}
.nitro4x_store .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_award_img img {
    height: 120px;
}
.nitro4x_store .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_award_desc {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #3e3e3e;
    padding: 0 15px 0 15px;
    line-height: 15px;
    height: 70px;
    overflow-y: scroll;
}
.nitro4x_store .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_purchase_btn {
    position: absolute;
    bottom: 15px;
    right: 15px;
    border: 1px solid #999;
    border-radius: 5px;
    background-clip: padding-box;
    background: #bbc45b;
    background: linear-gradient(to top, #bbc45b 0%, #bbc45b 100%);
    width: 55px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding: 4px 5px;
    cursor: pointer;
}
.nitro4x_store .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_cost_txt {
    position: absolute;
    bottom: 32px;
    left: 15px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #696969;
}
.nitro4x_store .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_award_cost {
    position: absolute;
    bottom: 10px;
    left: 15px;
}
.nitro4x_store .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_award_cost .nitro4x_award_cost_nmbr {
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #3e3e3e;
}
.nitro4x_store .nitro4x_front_side .nitro4x_bg_whitebox .nitro4x_award_cost .nitro4x_award_cost_ctgry {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #696969;
}
.nitro4x_store .nitro4x_bg_greyout {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-clip: padding-box;
    background: url(../images/greyout_bg.png);
    padding: 0;
    width: 218px;
    height: 285px;
}
.nitro4x_store .nitro4x_bg_greyout .nitro4x_lock_icon {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 75px;
    width: 75px;
    background: url(../images/store_padlock.png) no-repeat 0 0;
}
.nitro4x_store .nitro4x_bg_greyout .nitro4x_not_available_txt {
    position: absolute;
    top: 100px;
    left: 10px;
    height: 55px;
    width: 178px;
    background-color: #fff;
    border-radius: 5px;
    background-clip: padding-box;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #3e3e3e;
    line-height: 19px;
    padding: 10px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
.nitro4x_store .nitro4x_back_side {
    position: absolute;
    top: 0;
    left: 0;
    width: 218px;
    height: 310px;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}
.nitro4x_store .nitro4x_back_side .nitro4x_bg_whitebox {
    position: relative;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
    background-clip: padding-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    padding: 0;
    width: 218px;
    height: 285px;
}
.nitro4x_store .nitro4x_back_side .nitro4x_bg_whitebox .nitro4x_confirm_txt {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #696969;
    text-align: center;
    padding: 30px 15px 0 15px;
}
.nitro4x_store .nitro4x_back_side .nitro4x_bg_whitebox .nitro4x_award_cost {
    display: block;
    text-align: center;
    padding-top: 5px;
}
.nitro4x_store .nitro4x_back_side .nitro4x_bg_whitebox .nitro4x_award_cost .nitro4x_award_cost_nmbr {
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #3e3e3e;
}
.nitro4x_store .nitro4x_back_side .nitro4x_bg_whitebox .nitro4x_award_cost .nitro4x_award_cost_ctgry {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #696969;
}
.nitro4x_store .nitro4x_back_side .nitro4x_bg_whitebox .nitro4x_confirm_btn {
    position: absolute;
    left: 59px;
    bottom: 50px;
    padding: 7px 0 7px 0;
    border: 1px solid #999;
    width: 100px;
    border-radius: 5px;
    background-clip: padding-box;
    background: #bbc45b;
    background: linear-gradient(to top, #bbc45b 0%, #bbc45b 100%);
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}
.nitro4x_store .nitro4x_back_side .nitro4x_bg_whitebox .nitro4x_cancel_btn {
    position: absolute;
    left: 59px;
    bottom: 20px;
    width: 100px;
    color: #999;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}
.nitro4x_leader_board_container {
    margin-top: 15px;
}
.nitro4x_spaces_board_container {
    margin-top: 15px;
}
.nitro4x_leader_board {
    clear: both;
    width: 415px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
    background-clip: padding-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    position: relative;
    margin: 0 25px 25px 0;
    padding: 10px;
}
.nitro4x_leader_board .title {
    font-family: Arial, sans-serif;
    font-size: 20px;
    color: #696969;
    float: left;
    margin-bottom: 14px;
}
.nitro4x_leader_board .filter_box {
    float: right;
    color: #696969;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-shadow: -1px 1px 1px #fff;
    position: relative;
    margin-top: -3px;
}
.nitro4x_leader_board .filter_box .text {
    line-height: 27px;
    float: right;
    margin-top: 3px;
}
.nitro4x_leader_board .filter_box .nitro4x_filter_by_friends {
    width: 27px;
    height: 27px;
    float: right;
}
.nitro4x_leader_board .filter_box .nitro4x_filter_by_space {
    float: right;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    z-index: 10;
    width: 186px !important;
}
.nitro4x_leader_board .filter_box .nitro4x_filter_by_space_styled {
    position: absolute;
    top: -20px;
    float: left;
    left: 0;
    width: 186px;
    height: 58px;
    line-height: 58px;
    text-indent: 15px;
    background: url('../images/titlebar_dropdown_bg.png') no-repeat 0 0;
    cursor: default;
    z-index: 1;
}
.nitro4x_leader_board ul {
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
    clear: both;
}
.nitro4x_leader_board ul li {
    overflow: hidden;
    background: url(../images/bg_light_gray_dropdown_overlay.png);
    background-clip: padding-box;
    border-radius: 10px;
    width: 100%;
    height: 75px;
    margin-bottom: 8px;
    position: relative;
}
.nitro4x_leader_board ul li .percent_bar {
    width: 50%;
    position: absolute;
    background: url(../images/bg_light_gray_dropdown_overlay.png);
    background-clip: padding-box;
    border-radius: 10px;
    z-index: 10;
    top: 0;
    left: 0;
    height: 75px;
}
.nitro4x_leader_board ul li .content_bar {
    /*width: 100%;*/

    font-family: Arial;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    padding: 12px 15px;
}
.nitro4x_leader_board ul li .content_bar .rank {
    line-height: 52px;
    font-size: 16px;
    color: #696969;
    float: left;
    width: 48px;
    text-shadow: -1px 1px 1px #fff;
}
.nitro4x_leader_board ul li .content_bar .profile_pic {
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 5px;
    background-clip: padding-box;
    margin-right: 22px;
}
.nitro4x_leader_board ul li .content_bar .profile_pic img {
    height: 50px;
    width: 50px;
}
.nitro4x_leader_board ul li .content_bar .info_box {
    float: left;
}
.nitro4x_leader_board ul li .content_bar .info_box .name {
    margin-top: 4px;
    color: #3e3e3e;
    font-weight: bold;
    float: left;
    font-size: 13px;
    text-shadow: -1px 1px 1px #fff;
}
.nitro4x_leader_board ul li .content_bar .info_box .units {
    clear: both;
    float: left;
    color: #9fb109;
    text-shadow: 0 1px #FFF;
    font-weight: bold;
    font-size: 20px;
}
.nitro4x_leader_board ul li .content_bar .info_box .unit_name {
    margin: 6px 0 0 4px;
    color: #696969;
    font-weight: bold;
    float: left;
    font-size: 13px;
    text-shadow: -1px 1px 1px #fff;
}
.nitro4x_leader_board_container {
    float: left;
}
.nitro4x_spaces_board_container {
    float: left;
}
.nitro4x_user_widget {
    clear: both;
    width: 204px;
    background: #fff url(../images/bg_texture_31.png);
    right: 285px;
    top: 35px;
    z-index: 2;
    background-clip: padding-box;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #ccc;
}
.nitro4x_user_widget .nitro4x_user_widget_arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 28px;
    background: url(../images/sm_down_arrow.png) no-repeat center center;
}
.nitro4x_user_widget .nitro4x_user_widget_progress {
    position: relative;
    background: #575757;
    background-clip: padding-box;
    border-radius: 8px;
    height: 18px;
    margin: 3px 0 5px;
    border: 1px solid #999;
    width: 168px;
    float: left;
}
.nitro4x_user_widget .nitro4x_user_widget_progress .percent_bar {
    width: 50%;
    position: absolute;
    background: none repeat scroll 0 0 #4683BB;
    background-clip: padding-box;
    border-radius: 8px;
    z-index: 10;
    top: 0;
    left: 0;
    height: 18px;
}
.nitro4x_user_widget .nitro4x_user_widget_progress .content_bar {
    /*width: 100%;*/

    font-family: Arial;
    color: #fff;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 10px;
}
.nitro4x_user_widget_extra {
    padding: 0 8px;
}
.nitro4x_user_widget .nitro4x_user_widget_extra ul {
    margin: 5px 0 0;
    padding: 0;
    list-style: none;
    clear: both;
}
.nitro4x_user_widget .nitro4x_user_widget_extra ul li {
    background: url(../images/bg_light_gray_dropdown_overlay.png);
    background-clip: padding-box;
    border-radius: 10px;
    min-height: 40px;
    margin-bottom: 4px;
    position: relative;
    font-family: Arial;
    padding: 0 10px;
}
.nitro4x_user_widget .nitro4x_user_widget_extra ul li .left_side {
    width: 80px;
    margin-top: 13px;
    color: #3e3e3e;
    font-weight: bold;
    font-size: 12px;
    text-shadow: -1px 1px 1px #fff;
    float: left;
    text-transform: capitalize;
}
.nitro4x_user_widget .nitro4x_user_widget_extra ul li .right_side {
    width: 83px;
    float: left;
    margin-top: 12px;
}
.nitro4x_user_widget .nitro4x_user_widget_extra ul li .right_side .text {
    font-size: 12px;
    color: #719048;
    float: right;
    font-weight: bold;
}

.nitro4x_user_widget .nitro4x_user_widget_extra ul li div.empty_text {
    font-size: 12px;
    color: #719048;
    float: right;
    font-weight: bold;
    margin: 5px 0 5px;
    text-shadow: -1px 1px 1px #fff;
}

.nitro4x_user_widget .nitro4x_user_widget_extra ul li .right_side .badge {
    float: right;
    margin-right: 0;
}
.nitro4x_user_widget .nitro4x_user_widget_extra ul li .right_side .status {
    clear: both;
    margin: -2px 0 5px;
    color: #3e3e3e;
    font-weight: bold;
    float: right;
    font-size: 10px;
    text-shadow: -1px 1px 1px #fff;
}
.nitro4x_user_widget .nitro4x_user_widget_extra ul li .right_side .status .medium_green {
    clear: both;
    float: left;
    color: #9fb109;
    font-weight: bold;
    font-size: 10px;
}
.nitro4x_user_widget .nitro4x_user_widget_extra ul li .right_side .status .unit_name {
    margin: 6px 0 0 4px;
    color: #696969;
    font-weight: bold;
    float: left;
    font-size: 13px;
    text-shadow: -1px 1px 1px #fff;
}
.nitro4x_user_widget .nitro4x_user_widget_extra .nitro4x_more_button {
    text-align: center;
}
.nitro4x_user_widget .nitro4x_user_widget_extra .nitro4x_more_button a {
    display: block;
    width: 60px;
    height: 23px;
    background: url(../images/btn_more_small.png) no-repeat;
    text-indent: -999999px;
    margin: 0 auto;
}
.nitro4x_user_widget:hover .nitro4x_user_widget_extra {
    display: block;
}
.nitro4x_front_side .nitro4x_heading a.j-place-header {
    height: 25px;
    line-height: 25px;
    font-weight: 500;
}
/***********************************************************
*   Loading Icons and Stuff
***********************************************************/
.nitro4x_wrapper {
    width: 100%;
    min-width: 950px;
    min-height: 500px;
    float: left;
    background: white;
    border: 1px solid #ccc;
    padding-top: 20px;
    position: relative;
}
.nitro4x_wrapper .nitro-widget-loading { position: relative; height: 100px; } /* background: url(https://assets.bunchball.net/widgets/HTML5Widgets/common/images/dotbg1x3.png) repeat; width: 600px; */
.nitro4x_wrapper .nitro-widget-loading .loading-icon { position: absolute; margin: 0 auto; padding: 10px; display: block; background: #fff; border: 1px solid #e9e9e9;
    border-radius: 5px; text-align: center;
}
.nitro4x_wrapper .nitro-widget-loading {
    position: relative;
    width: 600px;
}

.jive-body-widget-customizing .jive-widget-body .nitro4x_mission  {
    z-index: 0 !important;
}

.jive-body-widget-customizing .jive-widget-body .nitro4x_mission .flip_card  {
    z-index: 0 !important;
}

.jive-body-widget-customizing .jive-widget-body .nitro4x_mission_small  {
    z-index: 0 !important;
}

.jive-body-widget-customizing .jive-widget-body .nitro4x_mission_small .flip_card  {
    z-index: 0 !important;
}

.nitro4x_filter_sort #j-browse-filters {
    margin-bottom: 10px;
}

.nitro4x_leader_board .leader_highlight {
    border: 2px solid #4683B9;
}

.nitro-beta {
    color: red;
    font-size: 6pt;
    padding-left: 2px;
    vertical-align: top;
}