/* General */

body {
    padding-top: 69px; /* Guy changed from 90 px - use 90px for old icon menu type */
    padding-bottom: 20px;
}

.fuelux body {
    color: #373F46;
}

.center {
    text-align: center;
}

.show-grid {
    margin-top: 10px;
    margin-bottom: 20px;
}

.page-header-custom {
    margin-bottom: 18px;
}

.page-header-custom h2 {
    margin-bottom: 10px;
}

.ui-dialog .ui-dialog-titlebar {
    padding-left: 5px;
}

.fuelux p.righttable {
    margin: 0 0 0;
    text-align: right;
    background-color: transparent;
}

/* End General */

.sticky-footer {
    width: 100%;
    background: #F0F0F0;
    padding: 10px 20px;
    border-top: 1px solid #DDDDDD;
}

/* Menu */
.navbar .container-fluid {
    height: 57px; /* Guy changed from 75px - Use 75px for old icon menu type */
    background-color: #22373A; /* Added by Guy 14-05-13 */
}

.navbar .brand {
    padding-top: 8px; /*Guy changed this from 15px which is the font-size needed for the logo based navbar*/
}

.navbar .brand img {
    height: 38px; /*Guy changed this from 45px which is the font-size needed for the logo based navbar*/
}

.fuelux .navbar .brand {
    display: block;
    float: left;
    padding: 0 19px 0;
    margin-left: 0;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 200;
    color: #777;
    background-image: url(../img/logos/default-and-education-data.png);
    text-shadow: 0 0 0 #fff;
    height: 38px;

}

.fuelux .navbar-inverse .navbar-inner {
    height: 57px;
    background: #373f46 none repeat-x;
    border-color: #373f46;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0)
}

.navbar li a {
    font-size: 17px; /*Guy changed this from 12px which is the font-size needed for the logo based navbar*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    font-weight: bold; /*Guy created this - it should be removed if we want the logo based navbar*/
}

.navbar li a:hover {
    color: #FFFFFF;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.navbar .nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

[class^="nav-icon-"], [class*=" nav-icon-"] {
    line-height: 14px;
    vertical-align: text-top;
}

.navbar #primary-nav {
    margin-left: 10px;
}

.navbar #primary-nav > li > a {
    padding: 18px 14px;
    text-align: center;
}

.navbar #primary-nav > li > a > i {
    display: inline-block;
    width: 28px;
    height: 25px;
}

.navbar #primary-nav > li > a > span {
    display: block;
}

.navbar #primary-nav > li > a > i.nav-icon-1 {
    background: url('../img/nav-icon-1.png') no-repeat top center;
}

.navbar #primary-nav > li > a > i.nav-icon-2 {
    background: url('../img/nav-icon-2.png') no-repeat top center;
}

.navbar #primary-nav > li > a > i.nav-icon-3 {
    background: url('../img/nav-icon-3.png') no-repeat top center;
}

.navbar #primary-nav > li > a > i.nav-icon-4 {
    background: url('../img/nav-icon-4.png') no-repeat top center;
}

.navbar #primary-nav > li > a > i.nav-icon-5 {
    background: url('../img/nav-icon-5.png') no-repeat top center;
}

.navbar #primary-nav > li > a > i.nav-icon-6 {
    background: url('../img/nav-icon-6.png') no-repeat top center;
}

.navbar #primary-nav > li > a > i.nav-icon-7 {
    background: url('../img/nav-icon-7.png') no-repeat top center;
}

.navbar #primary-nav > li > a > i.nav-icon-8 {
    background: url('../img/nav-icon-8.png') no-repeat top center;
}

.navbar #primary-nav > li > a > i.nav-icon-9 {
    background: url('../img/nav-icon-9.png') no-repeat top center;
}

.navbar #primary-nav > li > a > i.nav-icon-10 {
    background: url('../img/nav-icon-10.png') no-repeat top center;
}

.navbar #primary-nav > li > a > i.nav-icon-11 {
    background: url('../img/nav-icon-11.png') no-repeat top center;
}

.navbar #primary-nav > li > a > i.nav-icon-12 {
    background: url('../img/nav-icon-12.png') no-repeat top center;
}

.navbar #primary-nav > li > a > i.nav-icon-13 {
    background: url('../img/nav-icon-13.png') no-repeat top center;
}

.navbar #primary-nav > li > a > i.nav-icon-14 {
    background: url('../img/nav-icon-14.png') no-repeat top center;
}

.navbar #secondary-nav > li > a {
    padding-top: 18px; /*Guy changed this from 14px which is the font-size needed for the logo based navbar*/
}

/* End Menu */

/* Subnav */
.subnav {
    width: 100%;
    height: 36px;
    background: #eeeeee none repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0);
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.subnav .nav {
    margin-bottom: 0;
}

.subnav .nav > li > a {
    color: #373F46;
    margin: 0;
    padding-top: 11px;
    padding-bottom: 11px;
    border-left: 0 solid #f5f5f5;
    border-right: 1px solid #e5e5e5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.subnav .nav > .active > a,
.subnav .nav > .active > a:hover {
    padding-left: 13px;
    color: #777;
    background-color: #e9e9e9;
    border-right-color: #ddd;
    border-left: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    height: 18px;
    padding-top: 10px;
    margin-top: 0;
}

.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
    border-top-color: #777;
}

.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
    border-left: 0;
    padding-left: 12px;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}

.subnav .nav > li:last-child > a {
    border-right: 0;
}

.subnav .dropdown-menu {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    margin-top: 0;
}

/* End Subnav */

/* Login Form */

#login-page {
    /*background: #38393B url(../img/linen-bg.jpg) repeat;*/
    background: #fafafa;
    color: #666;
    text-align: center;
    padding-top: 100px;
}

#login .main-form {
    width: 456px;
    margin: auto;
}

#login .logo {
    margin: 10px;
}

#login input[type=text], #login input[type=password] {
    width: 361px;
    height: 30px;
    padding-left: 8px;
}

#login .add-on {
    line-height: 30px;
    height: 30px;
    width: 30px;
}

#login .well {
    background: none;
    border: none;
    box-shadow: none;
}

/* End Login Form */

/* Dashboard */

#columns .column {
    float: left;
    width: 33.3%;
    /* Min-height: */
    min-height: 400px;
    height: auto !important;
}

#columns #widget1 .widget {
    margin-right: 10px;
}

#columns #widget2 .widget {
    margin-left: 10px;
    margin-right: 10px;
}

#columns #widget3 .widget {
    margin-left: 10px;
}

#columns .widget {
    margin: 20px 0 0 0;
    padding: 0;
    position: relative;
    border: 1px solid #DDDDDD;
}

#columns .widget .widget-head {
    overflow: hidden;
    background-color: #F0F0F0;
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
}

#columns .widget .widget-head span {
    color: #0088CC;
    text-shadow: #fff 0 1px;
    font-size: 15px;
    line-height: 25px;
    padding-left: 5px;
    white-space: nowrap;
    float: left;
}

#columns .widget .widget-content {
    padding: 0;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
}

#columns .widget .widget-iframe {
    width: 100%;
    height: 180px;
    border: none;
}

.widget-head a.remove {
    float: right;
    display: inline;
    background: url(../img/buttons.png) no-repeat -20px 0;
    width: 12px;
    height: 12px;
    margin: 6px 1px 4px 0;
    text-indent: -9999em;
    outline: none;
}

.widget-head a.edit {
    float: right;
    display: inline;
    background: url(../img/buttons.png) no-repeat -3px 0;
    width: 12px;
    height: 12px;
    text-indent: -9999em;
    margin: 6px 6px 4px 4px;
    outline: none;
}

.widget-head a.collapse {
    float: left;
    display: inline;
    background: url(../img/buttons.png) no-repeat -48px 0;
    width: 12px;
    height: 12px;
    text-indent: -9999em;
    margin: 6px -3px 4px 7px;
    outline: none;
}

.widget-placeholder {
    border: 2px dashed #777;
    margin: 18px 8px 0 8px;
}

.collapsed .widget-head a.collapse {
    background-position: -34px 0;
}

.collapsed .widget-content {
    display: none !important;
}

/* End Dashboard */

.super-hero-unit { /*Guy created this - it's based on the hero unit*/
    padding: 20px;
    margin-bottom: 20px;
    background-color: #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.super-hero-unit h1 { /*Guy created this - it's based on the hero unit*/

    font-size: 20px;
    line-height: 0; /*Guy changed from 20 10-04-13*/
    padding-bottom: 12px; /*Guy changed from 20 10-04-13*/
    letter-spacing: 0;
    color: inherit
}

.super-hero-unit p { /*Guy created this - it's based on the hero unit*/
    font-size: 14px;
    font-weight: 200;
    line-height: 30px;
    color: inherit;
}

/* -------- CLASSES CARRIED OVER FROM BOOTSTRAP-CHANGES.CSS ------------------------ */
.fuelux label {
    display: block;
    margin-bottom: 0; /*guy changed from 5px to 0*/
    margin-top: 10px; /*guy added this (didn't exist before*/
}

.fuelux select, .fuelux textarea, .fuelux input[type="text"], .fuelux input[type="password"], .fuelux input[type="datetime"], .fuelux input[type="datetime-local"], .fuelux input[type="date"], .fuelux input[type="month"], .fuelux input[type="time"], .fuelux input[type="week"], .fuelux input[type="number"], .fuelux input[type="email"], .fuelux input[type="url"], .fuelux input[type="search"], .fuelux input[type="tel"], .fuelux input[type="color"], .fuelux .uneditable-input {
    margin-bottom: 0; /*Guy changed from 9px*/
}

/*Guy added this below to get the uneditable fields in the add pages to be the right width*/
.fuelux .input-small-uneditable {
    width: 104px
}

/*Guy added this below to get the uneditable fields in the add pages to be the right width*/
.fuelux .input-kindamedium-uneditable {
    width: 160px
}

/*Guy added this below to get the uneditable fields in the add pages to be the right width*/
.fuelux .input-kindalittlermedium-uneditable {
    width: 100px
}

/*Guy added this below to get the uneditable fields in the add pages to be the right width*/
.fuelux .input-medium-uneditable {
    width: 241px
}

/*Guy added this above to get the uneditable fields in the add pages to be the right width*/
.fuelux input[class*="span"], .fuelux select[class*="span"], .fuelux textarea[class*="span"], .fuelux .uneditable-input[class*="span"], .fuelux .row-fluid input[class*="span"], .fuelux .row-fluid select[class*="span"], .fuelux .row-fluid textarea[class*="span"], .fuelux .row-fluid .uneditable-input[class*="span"] {
    float: none;
    margin-left: 0
}

/*Guy added this below to get the uneditable fields to vertically line up*/
.fuelux .uneditable-input {
    margin-left: 0;
    margin-top: 5px; /*guy changed from 0*/
}

/*Guy added this above to get the uneditable fields to vertically line up*/

.fuelux .input-append input, .fuelux .input-prepend input, .fuelux .input-append select, .fuelux .input-prepend select, .fuelux .input-append .fuelux .uneditable-input, .fuelux .input-prepend .fuelux .uneditable-input {
    margin-top: 0; /*guy set to 0 after Alistair pushed datagrid (was 5px which didn't work (at least in Firefox)*/
}

.fuelux .input-append .add-on, .fuelux .input-prepend .add-on {
    /*margin-top:5px guy added this margin-top*/
}

.fuelux .form-horizontal .control-label {
    width: auto; /*Guy changed this from 140px*/
    text-align: left; /*Guy changed this from right*/
}

.fuelux .form-horizontal .controls {
    margin-left: auto; /*Guy changed this from 140px*/
}

.fuelux .dropdown-menu li a {
    line-height: 35px; /*Guy Changed from 20px. Use 20px for the logo based navbar*/
    color: #666666;
}

.fuelux .close {
    float: right; /* Guy changed from right 10-04-13 */
    font-size: 20px; /* Guy changed from 20px 10-04-13 */
    font-weight: bold; /* Guy changed from bold 10-04-13 */
}

.fuelux .alert .close { /* Alistair added this class to fix the close button in the alerts */
    float: right;
    color: #000;
    font-weight: bold;
}

.fuelux .nav-tabs {
    /*border-bottom:1px solid #ddd*/ /*Guy commented this out as we don't want a border on the bottom of the right hand side nav bar*/
    border-bottom: 0;
}

.fuelux .label, .fuelux .badge {
    vertical-align: text-top; /*Guy changed from baseline*/
}

.fuelux .accordion-heading .accordion-toggle {
    padding: 8px 0; /*Guy changed left padding to 0 from 8px*/
}

.fuelux select, .fuelux textarea, .fuelux input[type="text"], .fuelux input[type="password"], .fuelux input[type="datetime"], .fuelux input[type="datetime-local"], .fuelux input[type="date"], .fuelux input[type="month"], .fuelux input[type="time"], .fuelux input[type="week"], .fuelux input[type="number"], .fuelux input[type="email"], .fuelux input[type="url"], .fuelux input[type="search"], .fuelux input[type="tel"], .fuelux input[type="color"], .fuelux .uneditable-input {
    margin-bottom: 0; /*Guy changed from 9px*/
}

.fuelux input, .fuelux textarea {
    /*width:80px; /* Guy changed from 210px*/
}

.fuelux .span4 {
    width: 300px;
}

.fuelux .navbar-inner {
    border: 0;
}

.fuelux .datagrid .input-append {
    margin: 0;
}

.fuelux .datagrid .input-append .span1 {
    margin: 0;
}

.fuelux .datagrid .datagrid-header-left .grid-count {
    float: left;
    margin-top: 4px;
}

.fuelux .datagrid .datagrid-search .btn {
    border: 1px solid #CCC;
    height: 30px;
}

.fuelux .datagrid .datagrid-header-right .filter .btn {
    border: 1px solid #CCC;
    background: #FFF;
}

.fuelux .datagrid input[type="checkbox"] {
    margin: 0 0 4px 10px;
}

.fuelux .datagrid .datagrid-footer-left .btn, .datagrid .datagrid-footer-right .btn {
    background: #FFF;
    border: 1px solid #CCC;
    height: 30px;
}

.fuelux .datagrid tfoot .datagrid-footer-right .grid-pager .combobox {
    margin: 0;
    top: 8px;
}

.fuelux .datagrid tfoot .datagrid-footer-right .grid-pager input {
    max-width: 50px;
}

.fuelux .datagrid .input-medium {
    width: 400px;
}

.fuelux .listTree i {
    float: left;
    margin: 3px 15px 0;
}

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    margin-left: 4px;
    padding-left: 4px;
}

.fuelux h4.form {
    font-size: 17px;
    padding-top: 12px
}

.fuelux h5.form {
    font-size: 14px;
    padding-top: 12px;
}

.fuelux small.form {
    font-size: 100%;
}

.fuelux .input-append, .fuelux .input-prepend {
    margin-bottom: 4px;
    width: inherit;
}

.fuelux .datepicker {
    z-index: 1160;
}

.fuelux .modal.bigboy {
    width: 80%;
    margin-left: -40%;
}

.fuelux .modal.bigboy .modal-body {
    max-height: 620px;
}

/** --------------------------------------
|
|   NEW BUTTONS
|
L -------------------------------------- */

.fuelux .btn {
    display: inline-block;
    *display: inline;
    padding: 5px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    background-color: #e9e9e9;
    background-image: none;
    border: 0 solid #ccc;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 3px;
    *zoom: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.fuelux .btn:hover, .fuelux .btn:focus, .fuelux .btn:active, .fuelux .btn.active, .fuelux .btn.disabled, .fuelux .btn[disabled] {
    /*color:#333;
    background-color:#e6e6e6;
    *background-color:#d9d9d9*/
}

.fuelux .btn:active, .fuelux .btn.active {
    /*background-color:#ccc */
}

.fuelux .btn-primary {
    color: #fff;
    text-shadow: none;
    *background-color: #04c;
    background: #006dcc none repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false)
}

.fuelux .btn-primary:hover, .fuelux .btn-primary:focus, .fuelux .btn-primary:active, .fuelux .btn-primary.active, .fuelux .btn-primary.disabled, .fuelux .btn-primary[disabled] {
    color: #fff;
    background-color: #04c;
    *background-color: #003bb3
}

.fuelux .btn-primary:active, .fuelux .btn-primary.active {
    background-color: #039 \9
}

.fuelux .btn-warning {
    color: #fff;
    text-shadow: none;
    *background-color: #f89406;
    background: #faa732 none repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false)
}

.fuelux .btn-warning:hover, .fuelux .btn-warning:focus, .fuelux .btn-warning:active, .fuelux .btn-warning.active, .fuelux .btn-warning.disabled, .fuelux .btn-warning[disabled] {
    color: #fff;
    background-color: #f89406;
    *background-color: #df8505
}

.fuelux .btn-warning:active, .fuelux .btn-warning.active {
    background-color: #c67605 \9
}

.fuelux .btn-danger {
    color: #fff;
    text-shadow: none;
    *background-color: #bd362f;
    background: #da4f49 none repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false)
}

.fuelux .btn-danger:hover, .fuelux .btn-danger:focus, .fuelux .btn-danger:active, .fuelux .btn-danger.active, .fuelux .btn-danger.disabled, .fuelux .btn-danger[disabled] {
    color: #fff;
    background-color: #bd362f;
    *background-color: #a9302a
}

.fuelux .btn-danger:active, .fuelux .btn-danger.active {
    background-color: #942a25 \9
}

.fuelux .btn-success {
    color: #fff;
    text-shadow: none;
    *background-color: #51a351;
    background: #5bb75b none repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false)
}

.fuelux .btn-success:hover, .fuelux .btn-success:focus, .fuelux .btn-success:active, .fuelux .btn-success.active, .fuelux .btn-success.disabled, .fuelux .btn-success[disabled] {
    color: #fff;
    background-color: #51a351;
    *background-color: #499249
}

.fuelux .btn-success:active, .fuelux .btn-success.active {
    background-color: #408140 \9
}

.fuelux .btn-info {
    color: #fff;
    text-shadow: none;
    *background-color: #2f96b4;
    background: #60B9EF none repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false)
}

.fuelux .btn-info:hover, .fuelux .btn-info:focus, .fuelux .btn-info:active, .fuelux .btn-info.active, .fuelux .btn-info.disabled, .fuelux .btn-info[disabled] {
    color: #fff;
    background-color: #49afdf;
    *background-color: #2a85a0
}

.fuelux .btn-info:active, .fuelux .btn-info.active {
    background-color: #24748c \9
}

.fuelux .btn-inverse {
    color: #fff;
    text-shadow: none;
    *background-color: #222;
    background: #363636 none repeat-x;
    border-color: #222 #222 #000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false)
}

.fuelux .btn-inverse:hover, .fuelux .btn-inverse:focus, .fuelux .btn-inverse:active, .fuelux .btn-inverse.active, .fuelux .btn-inverse.disabled, .fuelux .btn-inverse[disabled] {
    color: #fff;
    background-color: #222;
    *background-color: #151515
}

.fuelux .btn-inverse:active, .fuelux .btn-inverse.active {
    background-color: #080808 \9
}

.fuelux .btn-onoff {
    color: #fff;
    text-shadow: none;
    *background-color: #bd362f;
    background: #da4f49 none repeat-x;
    border-color: #222 #222 #000;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false)
}

.fuelux .btn-onoff:hover, .fuelux .btn-onoff:focus, .fuelux .btn-onoff:active, .fuelux .btn-onoff.active, .fuelux .btn-onoff.disabled, .fuelux .btn-onoff[disabled] {
    color: #fff;
    background-color: #5bb75b;
    *background-color: #51a351
}

.fuelux .btn-onoff:active, .fuelux .btn-onoff.active {
    background-color: #080808 \9
}

.fuelux .listTree {
    margin-bottom: 18px;
}

.fuelux .listTree ul {
    margin: 0;
}

.fuelux .listTree li {
    list-style-type: none;
}

.fuelux .listTree ul > li > ul > li > ul {
    padding-left: 20px;
}

.fuelux .listTree > ul > li {
    background-color: #eee;
    border: 1px solid #ddd;
    border-bottom-width: 0;
}

.fuelux .listTree > ul > li:first-child {
    border-width: 1px 1px 0 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fuelux .listTree > ul > li:last-child {
    border-width: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.fuelux .listTree > ul > li:last-child > ul > li:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.fuelux .listTree span {
    display: inline-block;
    width: 95%;
    padding: 5px;
    cursor: pointer;
}

.fuelux .listTree > ul > li > span {
    font-weight: bold;
}

.fuelux .listTree > ul > li > ul > li {
    background-color: #fff;
    border: 0 solid #ddd;
    border-top-width: 1px;
    padding-left: 10px;
}

.fuelux .listTree > ul > li > ul > li:first-child {
    border-width: 1px 0 0 0;
}

.fuelux .listTree > ul > li > ul > li:last-child {
    border-width: 1px 0 0 0;
}

.fuelux .listTree i {
    float: right;
    margin-right: 15px;
}

.fuelux .listTree input {
    margin-bottom: 8px;
}

/* -- CUSTOM CLASSES FOR BITS AND PIECES -- */

.fuelux #dataseeds_yes .field {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
}

.seed {
    margin-bottom: 10px;
    padding: 4px;
}

#date_error {
    display: inline-block;
    width: 100px;
    height: 20px;
    margin-top: -4px;
    position: relative;
}

.wizard {
    position: relative;
}

.wizard .loader {
    position: absolute;
    right: 200px;
    top: 12px;
    display: none;
}

.fuelux .popover-content {
    min-width: 160px;
}

.type_selection {
    float: left;
    margin-right: 30px;
}

#breach_resolution {
    margin-top: 20px;
}

.data_type_well {
    display: none;
}

.data_type_visible {
    display: block;
}

.quick_counts_loading {
    position: fixed;
    top: 0;
    left: 0;
    background: RGBA(255, 255, 255, 0.95);
    width: 100%;
    height: 100%;
}

.quick_counts_loading .loading_box {
    position: absolute;
    width: 200px;
    height: 60px;
    text-align: center;
    border: 1px solid lightblue;
    padding: 20px;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -110px;
    background: #FFF;
    box-shadow: 2px 2px 2px #333;
}

.date img {
    width: 22px !important;
    cursor: pointer;
}

.task_comments {
}

.task_comments .col {
    width: 50%;
    float: left;
}

.avatar_thumbnail {
    background: #FFF !important;
!important;
    padding: 0 !important;
    text-shadow: none !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}

.avatar_thumbnail img {
    margin: 0;
    padding: 0;
    height: 40px;
    border: 1px solid #CCC;
    border-radius: 2px;
}

.navbar .avatar_thumbnail {
    margin-top: 7px !important;
}

.comment_content {
    margin-bottom: 5px;
}

.shiftleft {
    margin-left: 0 !important;
}

.bootstrap-wysihtml5-insert-link-url {
    border-radius: 0;
    border: 1px solid #CCC;
    height: 20px;
    padding: 4px 6px;
    width: 510px !important;
}

.bootstrap-wysihtml5-insert-image-url {
    border-radius: 0;
    border: 1px solid #CCC;
    height: 20px;
    padding: 4px 6px;
    width: 510px !important;
}

.datagrid tr td:last-child {
    white-space: nowrap;
}

.establishment_add_form {
}

.establishment_add_form label {
    margin-top: 4px !important;
    margin-bottom: 10px !important;
    min-height: 30px;
}

.establishment_add_form .select2-container {
    margin: 0 0 7px !important;
}

.fuelux .contact_add_form {
    overflow: visible;
}

/** --------------------------------------
|
|   NEW SELECT 2 STUFF
|
L -------------------------------------- */
.select2-container {
    margin-bottom: 14px;
}

.select2-container .select2-choice {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 8px;
    color: #444;
    text-decoration: none;
}

.select2-container .select2-choice div b {
    background-color: #EEE;
    display: block;
    width: 100%;
    height: 100%;
}

.select2-container-multi .select2-choices .select2-search-choice {
    font-size: 0.8em;
    padding: 0 5px 0 18px;
}

/** --------------- MAIN NAVIGATION --------------------- */

#primary-nav .database ul li a:hover {
    background: #4A9FDF;
}

#primary-nav .converts ul li a:hover {
    background: #E35956;
}

#primary-nav .contacts ul li a:hover {
    background: #62CBD3;
}

#primary-nav .sales ul li a:hover {
    background: #6DAF6D;
}

#primary-nav .campaigns ul li a:hover {
    background: #F2A711;
}

#primary-nav .quotes ul li a:hover {
    background: #E35956;
}

#primary-nav .tasks ul li a:hover {
    background: #E8DD52;
}

#primary-nav .marketing ul li a:hover {
    background: #0EAD93;
}

#secondary-nav .manage ul li a:hover {
    background: #F9804B;
}

#secondary-nav .settings ul li a:hover {
    background: #CCCCCC;
}

#secondary-nav .account ul li a:hover {
    background: #828282;
}

#secondary-nav .dropdown {
    height: 56px;
}

/* Added to fix menu issue, need to test on different sized screens */
#secondary-nav .mainmenuactive {
    height: 58px;
}

/* Added to fix menu issue, need to test on different sized screens */

/** --------------- WELL --------------------- */

.fuelux .well {
    min-height: 20px;
    padding: 14px 19px 8px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 0 solid #e3e3e3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) /* it was this... Guy changed it: box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)*/
}

/** --------------- FOMRS --------------------- */

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

.fuelux select, .fuelux textarea, .fuelux input[type="text"], .fuelux input[type="password"], .fuelux input[type="datetime"], .fuelux input[type="datetime-local"], .fuelux input[type="date"], .fuelux input[type="month"], .fuelux input[type="time"], .fuelux input[type="week"], .fuelux input[type="number"], .fuelux input[type="email"], .fuelux input[type="url"], .fuelux input[type="search"], .fuelux input[type="tel"], .fuelux input[type="color"], .fuelux .uneditable-input {
    display: inline-block;
    /*height:20px; --> this is was breaking the wysihtml editor */
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.fuelux textarea, .fuelux input[type="text"], .fuelux input[type="password"], .fuelux input[type="datetime"], .fuelux input[type="datetime-local"], .fuelux input[type="date"], .fuelux input[type="month"], .fuelux input[type="time"], .fuelux input[type="week"], .fuelux input[type="number"], .fuelux input[type="email"], .fuelux input[type="url"], .fuelux input[type="search"], .fuelux input[type="tel"], .fuelux input[type="color"], .fuelux .uneditable-input {

    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    -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
}

.fuelux textarea {
    height: 150px;
    /* padding: 0; Add this back in to lose the padding and make the wysi editor line up with the other inputs */
}

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

.fuelux .btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px
}

.fuelux .btn-group > .btn:last-child, .fuelux .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px
}

.fuelux .input-append .add-on:last-child, .fuelux .input-append .btn:last-child, .fuelux .input-append .btn-group:last-child > .dropdown-toggle {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.fuelux .combobox button.btn {
    border-radius: 3px
}

/** --------------- POP OVER --------------------- */

.fuelux .popover {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #DA4F49;
    border: 0 solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.fuelux .popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #DA4F49;
    border-left-width: 0
}

.fuelux .datagrid .popover {
    background-color: #FFF;
    color: #333;
    border: 1px solid #CCC;
    box-shadow: 2px 2px 2px #CCC;
}

.fuelux .datagrid .popover.right .arrow:after {
    border-right-color: #CCC;
}

.fuelux .standard-popovers .popover {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #ccc;
    color: #333;
    font-weight: normal;
}

.fuelux .standard-popovers .popover .popover-title {
    font-weight: bold;
}

.fuelux .popover.right .arrow:after {
    border-right-color: #ccc;
}

/** --------------- PILLS --------------------- */

.fuelux .nav-pills > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0
}

/** --------------- MODAL --------------------- */

.fuelux .modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

/** --------------- DROP DOWNS --------------------- */

.fuelux .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 2px 0;
    margin: 1px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.fuelux .mainmenuactive .dropdown-menu {
    margin-top: -1px;
}

.fuelux .mainmenuactive a {
    background-color: transparent;
}

.fuelux .mainmenuactive a span {
    color: #FFF;
}

.fuelux .nav-pills .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

/** --------------- TABLES --------------------- */

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

.fuelux .table th, .fuelux .table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #ddd
}

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

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

/** --------------- OTHER STUFF --------------------- */

.fuelux .tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0
}

/** --------------- ALERTS --------------------- */

.fuelux .alert {
    border: 0 solid #fbeed5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

/** --------------- MAIN NAV BAR --------------------- */

.fuelux .navbar-inner {
    min-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(to bottom, #fff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.fuelux .navbar-fixed-top .navbar-inner, .fuelux .navbar-static-top .navbar-inner {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.fuelux .navbar-fixed-bottom {
    bottom: 0
}

.fuelux .navbar-fixed-bottom .navbar-inner {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

/** --------------- BREADCRUMBS --------------------- */

.fuelux .breadcrumb > li {
    display: inline-block;
    *display: inline;
    text-shadow: 0 0 0 #fff;
    *zoom: 1
}

/** --------------- BREADCRUMBS --------------------- */

.fuelux h1, .fuelux h2, .fuelux h3, .fuelux h4, .fuelux h5, .fuelux h6 {
    color: #373F46;
}

/** --------------- DATEPICKER ---------------------- */

.datepicker table tr td.today, .datepicker table tr td.today:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/** --------------- BADGES ---------------------- */

.fuelux .label, .fuelux .badge {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.bootstrap-timepicker-widget.dropdown-menu.open {
    z-index: 9999;
}

/** --------------- WIZARD ---------------------- */

.fuelux .wizard {
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

/** --------------- DATAGRID ---------------------- */

.fuelux .datagrid thead .datagrid-header-right .search, .fuelux .datagrid thead .datagrid-header-left .search, .fuelux .datagrid thead .datagrid-header-right .filter, .fuelux .datagrid thead .datagrid-header-left .filter {
    margin-bottom: -10px;

}

/** --------------- WIZARDNEW ---------------------- */

.fuelux .wizardnew_container {
    margin: 0 -20px;
    padding-bottom: 20px;
}

.fuelux .wizardnew {
    background-color: #373f46;
    border: 0 solid #d4d4d4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    *zoom: 1;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.fuelux .wizardnew:before, .fuelux .wizard:after {
    display: table;
    line-height: 0;
}

.fuelux .wizardnew:after {
    clear: both
}

.fuelux .wizardnew ul {
    padding: 0 0 0 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

.fuelux .wizardnew ul li {
    position: relative;
    color: #999999;
    float: none;
    display: inline-block;
    padding: 5px 20px 0 0;
    margin: 0;
    font-size: 14px;
    line-height: 56px;
    cursor: default;
}

.fuelux .wizardnew ul li i {
    margin-left: 15px;
    font-size: 12px;
    margin-top: 4px;
}

.fuelux .wizardnew ul li.complete {
}

.fuelux .wizard ul li.complete:hover {
    cursor: pointer;
    background: #e7eff8;
}

.fuelux .wizardnew ul li.complete:hover .chevron:before {
    border-left: 14px solid #e7eff8
}

.fuelux .wizardnew ul li.complete .chevron:before {
    border-left: 14px solid #f3f4f5
}

.fuelux .wizardnew ul li.active {
    font-weight: normal;
    color: #FFF;
}

.fuelux .wizardnew ul li.active .chevron:before {
    border-left: 14px solid #f1f6fc
}

.fuelux .wizardnew ul li .badge {
    margin-right: 8px
}

.fuelux .wizardnew ul li:nth-child(1) {
    z-index: 10;
    padding-left: 0;
    border-radius: 0 0 0 0
}

.fuelux .wizardnew ul li:nth-child(2) {
    z-index: 9
}

.fuelux .wizardnew ul li:nth-child(3) {
    z-index: 8
}

.fuelux .wizardnew ul li:nth-child(4) {
    z-index: 7
}

.fuelux .wizardnew ul li:nth-child(5) {
    z-index: 6
}

.fuelux .wizardnew ul li:nth-child(6) {
    z-index: 5
}

.fuelux .wizardnew ul li:nth-child(7) {
    z-index: 4
}

.fuelux .wizardnew ul li:nth-child(8) {
    z-index: 3
}

.fuelux .wizardnew ul li:nth-child(9) {
    z-index: 2
}

.fuelux .wizardnew ul li:nth-child(10) {
    z-index: 1
}

.fuelux .wizardnew .actions {
    padding-right: 15px;
    line-height: 44px;
    position: absolute;
    left: 20px;
    top: 10px;
}

.fuelux .wizardnew .actions_right {
    padding-right: 15px;
    line-height: 44px;
    position: absolute;
    right: 20px;
    top: 10px;
}

.fuelux .wizardnew .actions a {
    margin-right: 8px;
    font-size: 12px;
    line-height: 45px;
    text-decoration: none;
}

.fuelux .wizardnew .btn-link:hover {
    text-decoration: none;
}

.fuelux .wizardnew .actions .btn-prev i {
    margin-right: 5px;
    color: #FFF;
}

.fuelux .wizardnew .actions_right .btn-next i {
    margin-left: 5px;
    color: #FFF;
}

.fuelux .wizardnew .btn-link {
    color: #FFF;
}

.fuelux .step-content .step-pane {
    display: none
}

.fuelux .step-content .active {
    display: block
}

/* CHECKLIST */
.fuelux .checklist .icon-remove {
    font-size: 1.4em;
    color: red;
    margin-right: 20px;
}

.fuelux .checklist .icon-check {
    font-size: 1.4em;
    color: green;
    margin-right: 20px;
}

/* LEFT AFFIX MENU */
.fuelux .settings-left-menu {
    margin-left: -15px;
    top: 80px;
}

.fuelux .settings-left-menu > li > a {
    display: block;
    width: 190px;
    margin: 0 0 -1px;
    padding: 8px 14px;
    border: 1px solid #e5e5e5;
}

.fuelux .settings-right h5 {
    margin-top: 0;
}

.fuelux .settings-right .subsetting {
    padding-top: 80px;
}

/* NOTIFICATIONS */
.notifications {
    background: #FFF;
    z-index: 99999;
    width: 300px;
    max-height: 500px;
}

.notifications.nav-notifications {
    display: none;
    position: absolute;
    top: 58px;
    right: -20px;
    box-shadow: -1px 1px 1px #CCC;
    overflow: auto;
}

.notifications .none {
    padding: 20px 20px 10px 20px;
}

.notifications .see_all {
    padding: 0 20px 10px 20px;
    margin-top: 10px;
}

.notifications .see_all a {
    font-weight: normal;
    font-size: 0.9em;
}

.notifications .see_all a:hover {
    color: #CCC;
}

.notifications-link {
    height: 58px;
}

.notifications-link:hover .notifications.nav-notifications {
    display: block;
}

.notifications .notification {
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
    width: 300px;
    overflow: hidden;
    background: #FFF;
}

.notifications .notification.claimed {
    background-color: #dff0d8;
}

.notifications .notification:hover {
    background: #EFEFEF;
    cursor: pointer;
}

.notifications .notification a {
    font-weight: normal;
}

.notifications .notification .heading {
    padding: 5px 10px;
    border-bottom: 1px solid #EFEFEF;
}

.notifications .notification .body {
    padding: 5px 10px 10px;
    height: 55px;
    overflow: hidden;
}

.notifications .notification .buttons .btn {
    width: 126px;
    margin: 0;
    display: block;
    float: left;
}

.notifications .notification .buttons .claimed_by {
    width: 126px;
    margin: 0;
    float: left;
    font-size: 0.8em;
    padding: 5px 12px;
    text-align: center;
}

.notifications .notification .buttons .btn-claim {
    background: #dff0d8;
}

.notifications .notification .buttons .btn-dismiss {
    background: #fcf8e3;
}

.flash_notifications_container {
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
    width: 310px;
    background: none;
}

.flash_notifications_container .notification {
    border: 1px solid #CCC;
    position: absolute;
    bottom: 0;
}

/* Media Boxes */

.fuelux .thumbnail {
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

/* Page Header */

.fuelux .page-header {
    padding-bottom: 9px;
    margin: 20px 0 20px;
    border-bottom: 1px solid #eee
}

/* Hack for PLUS / MINUS icons */
.fuelux .icon-plus {
    display: inline-block;
    margin-top: 2px;
}

.fuelux .icon-minus {
    display: inline-block;
    margin-top: 2px;
}

/* People View Page */
.export-insights-container {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
}

.export-insights-container .options li {
    width: 20%;
    float: left;
    list-style: none;
}

ul.data-update-log {
    margin: 0;
    padding: 0;
}

ul.data-update-log li {
    font-size: 0.9em;
    list-style: none;
}

ul.data-update-log li > span {
    font-size: 0.9em;
    color: #ff7261;
    font-weight: bold;
    margin-right: 10px;
}

a.anchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}

.help-image {
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 3px;
    border: #7d7d7d solid 1px;
    -webkit-box-shadow: 2px 2px 5px 0px #7d7d7d;
    -moz-box-shadow: 2px 2px 5px 0px #7d7d7d);
    box-shadow: 2px 2px 5px 0px #7d7d7d;
}

#no_of_servers::-webkit-outer-spin-button,
#no_of_servers::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#no_of_servers[type=number] {
    -moz-appearance: textfield;
}