bootstrap default skin hack

/*! jQuery UI - v1.10.4 - 2014-03-19
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
        display: none;
}
.ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
}
.ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
        content: "";
        display: table;
        border-collapse: collapse;
}
.ui-helper-clearfix:after {
        clear: both;
}
.ui-helper-clearfix {
        min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        filter:Alpha(Opacity=0);
}

.ui-front {
        z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
        cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
.ui-resizable {
        position: relative;
}
.ui-resizable-handle {
        position: absolute;
        font-size: 0.1px;
        display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
        display: none;
}
.ui-resizable-n {
        cursor: n-resize;
        height: 7px;
        width: 100%;
        top: -5px;
        left: 0;
}
.ui-resizable-s {
        cursor: s-resize;
        height: 7px;
        width: 100%;
        bottom: -5px;
        left: 0;
}
.ui-resizable-e {
        cursor: e-resize;
        width: 7px;
        right: -5px;
        top: 0;
        height: 100%;
}
.ui-resizable-w {
        cursor: w-resize;
        width: 7px;
        left: -5px;
        top: 0;
        height: 100%;
}
.ui-resizable-se {
        cursor: se-resize;
        width: 12px;
        height: 12px;
        right: 1px;
        bottom: 1px;
}
.ui-resizable-sw {
        cursor: sw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        bottom: -5px;
}
.ui-resizable-nw {
        cursor: nw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        top: -5px;
}
.ui-resizable-ne {
        cursor: ne-resize;
        width: 9px;
        height: 9px;
        right: -5px;
        top: -5px;
}
.ui-selectable-helper {
        position: absolute;
        z-index: 100;
        border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
        display: block;
        cursor: pointer;
        position: relative;
        margin-top: 2px;
        padding: .5em .5em .5em .7em;
        min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
        padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
        padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
        padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        position: absolute;
        left: .5em;
        top: 50%;
        margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
        padding: 1em 2.2em;
        border-top: 0;
        overflow: auto;
}
.ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        cursor: default;
}
.ui-button {
        display: inline-block;
        position: relative;
        padding: 0;
        line-height: normal;
        margin-right: .1em;
        cursor: pointer;
        vertical-align: middle;
        text-align: center;
        overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
        text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
        width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
        width: 2.4em;
}
.ui-button-icons-only {
        width: 3.4em;
}
button.ui-button-icons-only {
        width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
        display: block;
        line-height: normal;
}
.ui-button-text-only .ui-button-text {
        padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
        padding: .4em;
        text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
        padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
        padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
        padding-left: 2.1em;
        padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
        padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
        position: absolute;
        top: 50%;
        margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
        left: 50%;
        margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
        left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
        right: .5em;
}

/* button sets */
.ui-buttonset {
        margin-right: 7px;
}
.ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
        border: 0;
        padding: 0;
}
.ui-datepicker {
        width: 17em;
        padding: .2em .2em 0;
        display: none;
}
.ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
        left: 2px;
}
.ui-datepicker .ui-datepicker-next {
        right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
        width: 49%;
}
.ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
}
.ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
}
.ui-datepicker td {
        border: 0;
        padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em .6em;
        width: auto;
        overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
        width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
        float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
        width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
        width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left;
}
.ui-datepicker-row-break {
        clear: both;
        width: 100%;
        font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
        direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
        float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
        float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
}
.ui-dialog {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        padding: .2em;
        outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
}
.ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
}
.ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
        margin: .5em .4em .5em 0;
        cursor: pointer;
}
.ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
        cursor: move;
}
.ui-menu {
        list-style: none;
        padding: 2px;
        margin: 0;
        display: block;
        outline: none;
}
.ui-menu .ui-menu {
        margin-top: -3px;
        position: absolute;
}
.ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
        /* support: IE10, see #8844 */
        list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
        margin: 5px -2px 5px -2px;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
        text-decoration: none;
        display: block;
        padding: 2px .4em;
        line-height: 1.5;
        min-height: 0; /* support: IE7 */
        font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
        font-weight: normal;
        margin: -1px;
}

.ui-menu .ui-state-disabled {
        font-weight: normal;
        margin: .4em 0 .2em;
        line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
        cursor: default;
}

/* icon support */
.ui-menu-icons {
        position: relative;
}
.ui-menu-icons .ui-menu-item a {
        position: relative;
        padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
        position: absolute;
        top: .2em;
        left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
        position: static;
        float: right;
}
.ui-progressbar {
        height: 2em;
        text-align: left;
        overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
        background: url(/assets/smoothness/animated-overlay.gif[/wagn/assets/smoothness/animated-overlay.gif]);
        height: 100%;
        filter: alpha(opacity=25);
        opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
        background-image: none;
}
.ui-slider {
        position: relative;
        text-align: left;
}
.ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
}
.ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
}

.ui-slider-horizontal {
        height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
        left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
        right: 0;
}

.ui-slider-vertical {
        width: .8em;
        height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
        top: 0;
}
.ui-spinner {
        position: relative;
        display: inline-block;
        overflow: hidden;
        padding: 0;
        vertical-align: middle;
}
.ui-spinner-input {
        border: none;
        background: none;
        color: inherit;
        padding: 0;
        margin: .2em 0;
        vertical-align: middle;
        margin-left: .4em;
        margin-right: 22px;
}
.ui-spinner-button {
        width: 16px;
        height: 50%;
        font-size: .5em;
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        cursor: default;
        display: block;
        overflow: hidden;
        right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
        border-top: none;
        border-bottom: none;
        border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
        position: absolute;
        margin-top: -8px;
        top: 50%;
        left: 0;
}
.ui-spinner-up {
        top: 0;
}
.ui-spinner-down {
        bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
        /* need to fix icons sprite */
        background-position: -65px -16px;
}
.ui-tabs {
        position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
        padding: .2em;
}
.ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
        list-style: none;
        float: left;
        position: relative;
        top: 0;
        margin: 1px .2em 0 0;
        border-bottom-width: 0;
        padding: 0;
        white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        float: left;
        padding: .5em 1em;
        text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: -1px;
        padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
        cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none;
}
.ui-tooltip {
        padding: 8px;
        position: absolute;
        z-index: 9999;
        max-width: 300px;
        -webkit-box-shadow: 0 0 5px #aaa;
        box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
        border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
        font-family: Verdana,Arial,sans-serif;
        font-size: 1.1em;
}
.ui-widget .ui-widget {
        font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
        font-family: Verdana,Arial,sans-serif;
        font-size: 1em;
}
.ui-widget-content {
        border: 1px solid #aaaaaa;
        background: #ffffff url(/assets/smoothness/ui-bg_flat_75_ffffff_40x100.png[/wagn/assets/smoothness/ui-bg_flat_75_ffffff_40x100.png]) 50% 50% repeat-x;
        color: #222222;
}
.ui-widget-content a {
        color: #222222;
}
.ui-widget-header {
        border: 1px solid #aaaaaa;
        background: #cccccc url(/assets/smoothness/ui-bg_highlight-soft_75_cccccc_1x100.png[/wagn/assets/smoothness/ui-bg_highlight-soft_75_cccccc_1x100.png]) 50% 50% repeat-x;
        color: #222222;
        font-weight: bold;
}
.ui-widget-header a {
        color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: #e6e6e6 url(/assets/smoothness/ui-bg_glass_75_e6e6e6_1x400.png[/wagn/assets/smoothness/ui-bg_glass_75_e6e6e6_1x400.png]) 50% 50% repeat-x;
        font-weight: normal;
        color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
        color: #555555;
        text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
        border: 1px solid #999999;
        background: #dadada url(/assets/smoothness/ui-bg_glass_75_dadada_1x400.png[/wagn/assets/smoothness/ui-bg_glass_75_dadada_1x400.png]) 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
        color: #212121;
        text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
        border: 1px solid #aaaaaa;
        background: #ffffff url(/assets/smoothness/ui-bg_glass_65_ffffff_1x400.png[/wagn/assets/smoothness/ui-bg_glass_65_ffffff_1x400.png]) 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
        color: #212121;
        text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
        border: 1px solid #fcefa1;
        background: #fbf9ee url(/assets/smoothness/ui-bg_glass_55_fbf9ee_1x400.png[/wagn/assets/smoothness/ui-bg_glass_55_fbf9ee_1x400.png]) 50% 50% repeat-x;
        color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
        color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #fef1ec url(/assets/smoothness/ui-bg_glass_95_fef1ec_1x400.png[/wagn/assets/smoothness/ui-bg_glass_95_fef1ec_1x400.png]) 50% 50% repeat-x;
        color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
        color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
        color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
        font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter:Alpha(Opacity=70);
        font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter:Alpha(Opacity=35);
        background-image: none;
}
.ui-state-disabled .ui-icon {
        filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
        width: 16px;
        height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
        background-image: url(/assets/smoothness/ui-icons_222222_256x240.png[/wagn/assets/smoothness/ui-icons_222222_256x240.png]);
}
.ui-widget-header .ui-icon {
        background-image: url(/assets/smoothness/ui-icons_222222_256x240.png[/wagn/assets/smoothness/ui-icons_222222_256x240.png]);
}
.ui-state-default .ui-icon {
        background-image: url(/assets/smoothness/ui-icons_888888_256x240.png[/wagn/assets/smoothness/ui-icons_888888_256x240.png]);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
        background-image: url(/assets/smoothness/ui-icons_454545_256x240.png[/wagn/assets/smoothness/ui-icons_454545_256x240.png]);
}
.ui-state-active .ui-icon {
        background-image: url(/assets/smoothness/ui-icons_454545_256x240.png[/wagn/assets/smoothness/ui-icons_454545_256x240.png]);
}
.ui-state-highlight .ui-icon {
        background-image: url(/assets/smoothness/ui-icons_2e83ff_256x240.png[/wagn/assets/smoothness/ui-icons_2e83ff_256x240.png]);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
        background-image: url(/assets/smoothness/ui-icons_cd0a0a_256x240.png[/wagn/assets/smoothness/ui-icons_cd0a0a_256x240.png]);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
        border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
        border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
        border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
        border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
        background: #aaaaaa url(/assets/smoothness/ui-bg_flat_0_aaaaaa_40x100.png[/wagn/assets/smoothness/ui-bg_flat_0_aaaaaa_40x100.png]) 50% 50% repeat-x;
        opacity: .3;
        filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
        margin: -8px 0 0 -8px;
        padding: 8px;
        background: #aaaaaa url(/assets/smoothness/ui-bg_flat_0_aaaaaa_40x100.png[/wagn/assets/smoothness/ui-bg_flat_0_aaaaaa_40x100.png]) 50% 50% repeat-x;
        opacity: .3;
        filter: Alpha(Opacity=30);
        border-radius: 8px;
}

/*!
 * Wagn: http://wagn.org
 * Copyright 2015 Grass Commons and other contributors; Licensed GPL
 */
/*
This minimal CSS is needed for basic Wagn functionality.

Without the following, menus will be barely usable, "closed" view will not appear on one line,
and certain hidden information will show up.

Note that this CSS is taken from code so that it will be updated automatically with releases.
If you don't want certain rules, you may:
  (a) override them, or
  (b) choose not to include this card in your Skin

Choosing (b) will mean your CSS will not be affected by automated updates.
*/
/* -- resets -- */
.card-frame,
.card-body,
.ALL {
  overflow: inherit;
  white-space: normal;
}

/* NOTE: we recommend against styling ".card-slot", which is heavily used by javascript */
/* --  hidden info -- */
.ui-loader,
.card-notice,
.new-current-revision-id,
.editor .revision-navigation,
.editor .autosave-alert,
.edit_name-view .alert,
.btn.renamer-updater,
.confirm_update_all-view,
.follow-updater,
.admin-error-message,
.labeled-view .card-menu-link {
  display: none;
}

/* -- card-headers and menus--*/
.card-header .card-header-title {
  display: inline-block;
  overflow: hidden;
}
.card-header .card-header-title span.header-icon {
  margin: 0px 5px;
}
.card-header .toggler {
  display: inline-block;
  position: relative;
}

.menu-slot {
  width: 100%;
  position: relative;
}
.menu-slot span.menu-item-label {
  margin-left: 5px;
}
.menu-slot .card-menu {
  position: absolute;
  right: 5px;
  top: 3px;
}
.menu-slot .card-menu li {
  white-space: nowrap;
  text-align: left;
}
.menu-slot .card-menu li a {
  color: #333;
}
.menu-slot .card-menu .dropdown-menu {
  right: -2px;
  top: 18px;
  min-width: 110px;
}
.menu-slot .card-menu .dropdown-menu:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid white;
  position: absolute;
  top: -5px;
  right: 2px;
}
.menu-slot .vertical-card-menu .dropdown-menu {
  z-index: 2;
}
.menu-slot .horizontal-card-menu {
  z-index: 1;
}
.menu-slot .horizontal-card-menu li {
  height: 30px;
}
.menu-slot .horizontal-card-menu .btn {
  padding: 6px 12px;
}

.card-header-title {
  margin-right: 3px;
}

.dropdown-menu {
  z-index: 1005;
}

.navbar.toolbar {
  margin-bottom: 0;
}

.toolbar .navbar-text span.glyphicon, .toolbar span.menu-item-label {
  margin-left: 5px;
}

/*-- closed and labeled views --*/
.closed-view {
  position: relative;
}
.closed-view > .card-frame {
  white-space: nowrap !important;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: static;
}
.closed-view .card-menu.btn-group {
  display: none;
}
.closed-view .card-header {
  display: inline-block;
}

.closed-content {
  display: inline;
  white-space: nowrap !important;
}
.closed-content table, .closed-content thead, .closed-content tbody, .closed-content tr, .closed-content th, .closed-content td, .closed-content p, .closed-content h1, .closed-content h2, .closed-content h3, .closed-content h4, .closed-content h5, .closed-content h6, .closed-content ul, .closed-content li, .closed-content pre, .closed-content ol, .closed-content div, .closed-content span, .closed-content a, .closed-content blockquote, .closed-content img, .closed-content label, .closed-content i {
  display: inline !important;
  white-space: nowrap !important;
  float: none !important;
}
.closed-content br, .closed-content hr, .closed-content input, .closed-content textarea, .closed-content object, .closed-content :after, .closed-content :before {
  display: none !important;
}

.labeled-view:hover .card-menu {
  display: inline-block;
}

/* -- change view --*/
.change-view {
  clear: both;
}
.change-view .last-update {
  float: right;
  text-align: right;
}
.change-view .last-update a {
  white-space: nowrap;
}

/* -- template-editor (editing template rule inclusions inline) -- */
.template_editor-view > div {
  float: left;
}

.template-editor-close {
  float: right;
}

.template_link-view {
  display: inline;
}

.navbox-item-label {
  float: left;
  position: relative;
}

/*-- misc --*/
.card-editor {
  white-space: normal;
  padding-bottom: 15px;
}

pre,
.TYPE-plain_text.card-content,
.SELF-Xhead.card-content {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

.missing-view a {
  display: inline;
}

.SELF-Xstat > .card-content table {
  width: 100%;
}
.SELF-Xstat > .card-content tr:nth-child(even) {
  background: #eee;
}

/*
The below provides styles for aspects of wagn sites not usually prioritized by skin designers.

It includes basic styling for:

  1. wagneer interface (sets, settings, rules)
  2. editor interface (forms, fieldsets, menus, navbox, history)
  3. views that by definition alter default styling (closed, labeled)
  4. errors / warnings / notices
  5. key default content for new installs (home page, sidebar)

Most colors are greyscale; any that aren't are explained with comments beginning with "NOTGREY"

Note that this CSS is taken from code so that it will be updated automatically with releases.
If you don't want certain rules, you may (a) override them, or (b) choose not to include this card
in your skin.  Choosing (b) will mean your CSS will not be affected by automated updates.
*/
/* -- resets -- */
.card-frame {
  text-align: left;
  font-weight: normal;
  font-style: normal;
}

/*-------------------- */
/*- DYNAMIC ELEMENTS - */
/*-------------------- */
/* related view (used by many menu items, such as "referred to by")  */
.related-view > .card-frame > .card-body, .related-view > .card-body {
  background: #bbb;
  padding: 5px;
}
.related-view > .card-frame > .card-body > .ALL, .related-view > .card-body > .ALL {
  background: #fff;
}
.related-view > .card-frame > .card-body > .ALL > .card-header, .related-view > .card-body > .ALL > .card-header {
  background: #ddd;
  padding: 5px;
  color: #000;
}
.related-view > .card-frame > .card-body > .ALL > .card-body, .related-view > .card-body > .ALL > .card-body {
  padding: 8px 2%;
}

/* navboxes */
.navbox-item-label {
  font-size: 10px;
  width: 50px;
  padding: 3px 0 3px 5px;
}

.ui-menu-item .glyphicon {
  float: left;
  font-size: 10px;
  padding: 3px 0 3px 0px;
}

/*-------------------- */
/*- ONE-LINE VIEWS   - */
/*-------------------- */
.closed-view.panel {
  margin: 0;
  width: 100%;
}

.closed-content table, .closed-content tbody, .closed-content tr, .closed-content th, .closed-content td, .closed-content p, .closed-content h1, .closed-content h2, .closed-content h3, .closed-content h4, .closed-content h5, .closed-content h6, .closed-content ul, .closed-content li, .closed-content pre, .closed-content ol, .closed-content div, .closed-content span, .closed-content a, .closed-content blockquote, .closed-content img {
  font-size: 1em !important;
  margin: 0 6px 0 0;
  padding: 0 !important;
  border: 0 !important;
}
.closed-content a {
  margin: 0;
}
.closed-content img {
  max-height: 1em;
  width: auto;
}

.labeled-view {
  padding: 5px 0;
}
.labeled-view label h1,
.labeled-view .pointer-list,
.labeled-view .pointer-item,
.labeled-view .search-result-list,
.labeled-view .search-result-item {
  font-size: 1em;
}
.labeled-view > .card-content {
  padding-left: 10px;
}

.labeled-view label,
a.missing-labeled {
  display: inline-block;
  min-width: 30%;
  text-align: right;
}

/*-------------------- */
/*- EDIT INTERFACE   - */
/*-------------------- */
textarea,
.content-editor > input[type=text],
.content-editor > input[type=password],
.name-editor input {
  width: 97.5%;
}

/* width + padding = 99.5%, which leaves 0.5% for the borders.  This is imprecise, but borders can't be specified as a percentage */
textarea {
  max-height: 500px;
}

.name-editor.known-name input {
  border: 3px solid #c22;
  /* NOTGREY - red for warning */
}

.name-messages {
  font-style: italic;
  background: #ffd;
  /* NOTGREY - yellow for highlighting */
}

/* -- template-editor (editing template rule inclusions inline) -- */
.template-editor-main {
  width: 85%;
}

.template-editor-left,
.template-editor-right {
  width: 5%;
  text-align: center;
  font-size: 3em;
  line-height: 2em;
  white-space: nowrap;
}

.pointer-list-editor {
  margin: 0px;
  padding: 0px;
}
.pointer-list-editor input {
  margin-right: 10px;
  width: 65%;
}
.pointer-list-editor li {
  list-style: none;
  white-space: nowrap;
}
.pointer-list-editor .pointer-item-delete {
  margin-left: 4px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
}
.pointer-list-editor .pointer-item-add {
  margin-top: 10px;
}
.pointer-list-editor .input-group-addon.handle {
  padding-left: 1px;
  padding-right: 1px;
}
.pointer-list-editor .input-group-addon.handle .glyphicon-option-vertical.left {
  margin-right: -7px;
}
.pointer-list-editor .input-group-addon.handle .glyphicon-option-vertical.right {
  margin-left: -7px;
}

.new-account-link {
  text-align: center;
}

/* links to create missing cards */
.missing-view a {
  color: #999;
  font-variant: small-caps;
}

.missing-view a:hover {
  color: #069;
  background: #ffc;
}

/*-------------------- */
/*- SEARCH & POINTER - */
/*-------------------- */
div.pointer-list,
div.search-result-list {
  list-style: none;
  padding: 5px 0;
  margin: 0;
}
div.pointer-list .closed-view > .card-frame,
div.search-result-list .closed-view > .card-frame {
  margin-bottom: 0;
}

div.pointer-list .pointer-item,
div.search-result-list .search-result-item {
  margin: 0;
}

.search-result-item.item-link,
.pointer-item.item-link,
.search-result-item.item-name,
.pointer-item.item-name {
  text-indent: -15px;
  padding-left: 15px;
}

.radio-option-description,
.checkbox-option-description {
  margin-left: 40px;
}

ul.pointer {
  margin: 0px;
  padding: 0px;
}

/*-------------------- */
/*- HISTORY          - */
/*-------------------- */
.history-slot {
  overflow: hidden;
  clear: both;
}

.history-header {
  padding: 10px;
  background: #fdfdfd;
}

.history-legend {
  text-align: right;
}

.history-header nav.pagination {
  display: inline;
  float: left;
}

.act {
  /*
    .name-diff {
      color: #000;
      border-style: solid;
      border-width: 1px;
      border-color: #E4E4E4;
      padding: 3px 8px 3px 8px;
      background-color: #EEEEEE;
      margin-left: 3px;
    }
  */
}
.act .head {
  float: left;
  margin-right: 10px;
  min-width: 175px;
}
.act .nr {
  float: left;
}
.act .title {
  float: left;
  margin-left: 10px;
}
.act .actor {
  float: left;
}
.act .time {
  font-size: 8pt;
  float: left;
  clear: left;
}
.act .action-container {
  overflow: hidden;
}
.act .action {
  background-color: #fdfdfd;
  margin: 5px 5px 2px 2px;
  padding: 6px 5px 6px 5px;
  overflow: hidden;
}
.act .ampel {
  margin: 2px 0 0 4px;
}
.act .arrow {
  margin: 0px 10px 0px 10px;
  color: green;
}
.act .toggle {
  float: right;
  margin: 12px 10px 0px 10px;
  width: 20px;
}
.act .type-diff {
  padding: 1px 0px 1px 3px;
}
.act .content-diff {
  overflow: hidden;
}
.act .action .expanded {
  clear: left;
  padding: 14px 10px 14px 24px;
}
.act .action .summary {
  padding: 6px 0px;
}
.act .arrow-down {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 11px solid #b7b7b7;
  display: block;
}
.act .arrow-right {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #b7b7b7;
  display: block;
}
.act .info {
  font-style: italic;
}

.diff-red {
  text-decoration: line-through;
  color: #ff5050;
}

.diff-green {
  color: #41ad41;
}

.diff-invisible {
  color: #fdfdfd;
}

.diff-green, .diff-invisible {
  text-decoration: none;
}

/*-------------------- */
/*- ERRORS / NOTICES - */
/*-------------------- */
/* FIXME - following should be consolidated / simplified */
.exception p {
  margin: 15px;
}

.errors-view {
  margin: 10px;
  padding: 10px;
  border: 3px solid #966;
  /* NOTGREY - red for error */
  background: #ffa;
  /* NOTGREY - yellow for highlighting */
  border-radius: 8px;
  -moz-border-radius: 8px;
  border: 1px solid #777;
  border-bottom: 2px solid #888;
  border-right: 2px solid #888;
  color: #333;
}

.card-notice {
  background: #fff;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  margin: 0 0 4px 0;
}

#credit,
.flash-notice {
  color: #333;
  font-size: 1.1em;
  background: #fff;
  border: 1px solid #888;
  margin-bottom: 15px;
  padding: 5px;
  text-align: center;
}

.conflict-view {
  text-align: left;
  border: 1px solid grey;
  padding: 10px;
  margin-top: 12px;
}

/*-------------------------- */
/*- KEY DEFAULT CONTENT    - */
/*-------------------------- */
.SELF-home-original.card-content ul {
  list-style-type: none;
  margin: 1em;
  padding: 0;
}
.SELF-home-original.card-content li {
  padding: .8em;
  margin: 0;
  background: #eee;
}
.SELF-home-original.card-content li:nth-child(even) {
  background: #ddd;
}
.SELF-home-original.card-content aside {
  float: right;
  border: 1px solid #999;
  background: white;
  width: 33%;
  padding: 1em;
  margin: 36px 16px 2px 5px;
  overflow: auto;
  border-radius: 18px;
  -moz-border-radius: 18px;
  text-align: center;
}
.SELF-home-original.card-content aside h2 {
  font-size: .9em;
  padding: 0;
  margin: 5px;
}
.SELF-home-original.card-content aside p {
  font-size: .8em;
}

.SELF-wagneer_menu.card-content > p {
  margin-left: 6%;
  text-indent: -6%;
}

/*-------------------------- */
/*- SETS, SETTINGS, RULES  - */
/*-------------------------- */
.setting-rules,
.set-rules {
  width: 100%;
}

.setting-rules th,
.set-rules th {
  background: #aaa;
  color: #eee;
  padding: 5px 0;
}

.setting-rules th,
.setting-rules td,
.set-rules th,
.set-rules td.rule-cell {
  text-align: left;
  padding: 2px 5px;
}

.set-rules th,
.set-rules td.rule-cell {
  border-bottom: 1px solid #eee;
}

.setting-klass,
.rule-setting {
  font-weight: bold;
}

td.rule-setting {
  width: 30%;
}

.rule-set {
  color: #666;
  white-space: nowrap;
}

.rule-type-field {
  max-width: 70%;
  margin-right: 5px;
}

.closed-rule {
  height: 30px;
}
.closed-rule td {
  vertical-align: middle;
}
.closed-rule .rule-content {
  width: 350px;
}

.rule-content-container {
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: inherit;
  background: inherit;
  white-space: nowrap;
}

.rule-content-container .closed-content,
.rule-content-container .closed-content .pointer-list,
.rule-content-container .closed-content .search-list {
  margin: 0;
}

td.missing-rule {
  background-color: #eee;
  border-bottom: 1px solid #fff;
}

.rule-setting {
  padding-top: 4px;
}

.open-rule > .rule-setting {
  width: 28%;
  float: left;
}

.open-rule .card-body {
  clear: both;
}

.open-rule .rule-instruction {
  float: right;
  text-align: left;
  max-width: 68%;
}

.edit-rule .set-editor ul {
  list-style-type: none;
}
.edit-rule .set-editor .current-set-label {
  font-weight: bold;
}
.edit-rule .edit-button-area {
  clear: both;
  padding-top: 5px;
}

.attention {
  border: 3px solid red;
}

.rule-delete-section {
  float: right;
}

.show-rule .rule-set {
  margin-bottom: 10px;
}

.klass-row {
  background: #eee;
  border-top: 1px solid #ddd;
}

tr.rule-changeover td {
  border-top: 1px solid #eee;
  padding-top: 5px;
}

td.rule-anchor {
  padding-left: 30px;
}

a.setting-link {
  font-style: italic;
  margin-left: 2%;
  font-weight: normal;
  color: #000;
  white-space: nowrap;
}

h2.set-label {
  padding-bottom: 10px;
}

.TYPE_PLUS_RIGHT-user-Xfollow .tab-pane {
  margin-top: 15px;
}

/*------- permissions ------------------*/
.perm-section {
  margin-bottom: 20px;
}

.perm-section h5 {
  margin: 0 0 10px 0;
}

/*-------------------------- */
/*- MISCELLANEOUS          - */
/*-------------------------- */
.ui-menu-icons .ui-menu-item a {
  padding-left: 0;
}

.ui-icon {
  background-image: url(/assets/smoothness/ui-icons_454545_256x240.png[/wagn/assets/smoothness/ui-icons_454545_256x240.png]);
}

table.show-cache td {
  padding: 10px;
  border: 1px solid grey;
}

/* note said this is o non-ie browsers do better with image floats.  looks over-specified.
html>body .open-view {
  width: auto;
}
*/
/* the following classes are here because they're scheduled for deprecation */
.faint {
  color: #bbc;
}

.VIEW-type {
  font-style: italic;
  font-size: .85em;
}


/*
This stylesheet defines a simple layout with the sidebar at right.
*/
article,
#primary {
  margin: 0 1% 3em 1%;
  float: left;
  width: 67%;
}

aside,
#secondary {
  margin: 0 1% 3em 1%;
  float: right;
  width: 28%;
}

footer {
  clear: both;
  text-align: center;
  padding: 1em;
}

@media print {
  article,
  #primary {
    width: 100%;
    float: none;
    margin: 0;
  }

  aside,
  #secondary,
  footer {
    display: none;
  }
}


/*!
 * Wagn: http://wagn.org
 * Copyright 2015 Grass Commons and other contributors; Licensed GPL
 */

/*
  These styles are intended to help bridge the default card context with bootstrap styling.
  Note: these styles do not appear in pre-bootstrap skins.
*/
$bootstrap-sass-asset-helper: false !default;
//
// Variables
// --------------------------------------------------


//== Colors
//
//## Gray and brand colors for use across Bootstrap.

$gray-base:              #000 !default;
$gray-darker:            lighten($gray-base, 13.5%) !default; // #222
$gray-dark:              lighten($gray-base, 20%) !default;   // #333
$gray:                   lighten($gray-base, 33.5%) !default; // #555
$gray-light:             lighten($gray-base, 46.7%) !default; // #777
$gray-lighter:           lighten($gray-base, 93.5%) !default; // #eee

$brand-primary:         darken(#428bca, 6.5%) !default; // #337ab7
$brand-success:         #5cb85c !default;
$brand-info:            #5bc0de !default;
$brand-warning:         #f0ad4e !default;
$brand-danger:          #d9534f !default;


//== Scaffolding
//
//## Settings for some of the most global styles.

//** Background color for `<body>`.
$body-bg:               #fff !default;
//** Global text color on `<body>`.
$text-color:            $gray-dark !default;

//** Global textual link color.
$link-color:            $brand-primary !default;
//** Link hover color set via `darken()` function.
$link-hover-color:      darken($link-color, 15%) !default;
//** Link hover decoration.
$link-hover-decoration: underline !default;


//== Typography
//
//## Font, line-height, and color for body text, headings, and more.

$font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-family-serif:       Georgia, "Times New Roman", Times, serif !default;
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base:        $font-family-sans-serif !default;

$font-size-base:          14px !default;
$font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px

$font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px
$font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px
$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px
$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-h5:            $font-size-base !default;
$font-size-h6:            ceil(($font-size-base * 0.85)) !default; // ~12px

//** Unit-less `line-height` for use in components like buttons.
$line-height-base:        1.428571429 !default; // 20/14
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
$line-height-computed:    floor(($font-size-base * $line-height-base)) !default; // ~20px

//** By default, this inherits from the `<body>`.
$headings-font-family:    inherit !default;
$headings-font-weight:    500 !default;
$headings-line-height:    1.1 !default;
$headings-color:          inherit !default;


//== Iconography
//
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.

//** Load fonts from this directory.

// [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
// [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default;

//** File name for all font files.
$icon-font-name:          "glyphicons-halflings-regular" !default;
//** Element ID within SVG icon file.
$icon-font-svg-id:        "glyphicons_halflingsregular" !default;


//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

$padding-base-vertical:     6px !default;
$padding-base-horizontal:   12px !default;

$padding-large-vertical:    10px !default;
$padding-large-horizontal:  16px !default;

$padding-small-vertical:    5px !default;
$padding-small-horizontal:  10px !default;

$padding-xs-vertical:       1px !default;
$padding-xs-horizontal:     5px !default;

$line-height-large:         1.3333333 !default; // extra decimals for Win 8.1 Chrome
$line-height-small:         1.5 !default;

$border-radius-base:        4px !default;
$border-radius-large:       6px !default;
$border-radius-small:       3px !default;

//** Global color for active items (e.g., navs or dropdowns).
$component-active-color:    #fff !default;
//** Global background color for active items (e.g., navs or dropdowns).
$component-active-bg:       $brand-primary !default;

//** Width of the `border` for generating carets that indicator dropdowns.
$caret-width-base:          4px !default;
//** Carets increase slightly in size for larger components.
$caret-width-large:         5px !default;


//== Tables
//
//## Customizes the `.table` component with basic values, each used across all table variations.

//** Padding for `<th>`s and `<td>`s.
$table-cell-padding:            8px !default;
//** Padding for cells in `.table-condensed`.
$table-condensed-cell-padding:  5px !default;

//** Default background color used for all tables.
$table-bg:                      transparent !default;
//** Background color used for `.table-striped`.
$table-bg-accent:               #f9f9f9 !default;
//** Background color used for `.table-hover`.
$table-bg-hover:                #f5f5f5 !default;
$table-bg-active:               $table-bg-hover !default;

//** Border color for table and cell borders.
$table-border-color:            #ddd !default;


//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.

$btn-font-weight:                normal !default;

$btn-default-color:              #333 !default;
$btn-default-bg:                 #fff !default;
$btn-default-border:             #ccc !default;

$btn-primary-color:              #fff !default;
$btn-primary-bg:                 $brand-primary !default;
$btn-primary-border:             darken($btn-primary-bg, 5%) !default;

$btn-success-color:              #fff !default;
$btn-success-bg:                 $brand-success !default;
$btn-success-border:             darken($btn-success-bg, 5%) !default;

$btn-info-color:                 #fff !default;
$btn-info-bg:                    $brand-info !default;
$btn-info-border:                darken($btn-info-bg, 5%) !default;

$btn-warning-color:              #fff !default;
$btn-warning-bg:                 $brand-warning !default;
$btn-warning-border:             darken($btn-warning-bg, 5%) !default;

$btn-danger-color:               #fff !default;
$btn-danger-bg:                  $brand-danger !default;
$btn-danger-border:              darken($btn-danger-bg, 5%) !default;

$btn-link-disabled-color:        $gray-light !default;


//== Forms
//
//##

//** `<input>` background color
$input-bg:                       #fff !default;
//** `<input disabled>` background color
$input-bg-disabled:              $gray-lighter !default;

//** Text color for `<input>`s
$input-color:                    $gray !default;
//** `<input>` border color
$input-border:                   #ccc !default;

// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4
//** Default `.form-control` border radius
// This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
$input-border-radius:            $border-radius-base !default;
//** Large `.form-control` border radius
$input-border-radius-large:      $border-radius-large !default;
//** Small `.form-control` border radius
$input-border-radius-small:      $border-radius-small !default;

//** Border color for inputs on focus
$input-border-focus:             #66afe9 !default;

//** Placeholder text color
$input-color-placeholder:        #999 !default;

//** Default `.form-control` height
$input-height-base:              ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
//** Large `.form-control` height
$input-height-large:             (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
//** Small `.form-control` height
$input-height-small:             (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;

//** `.form-group` margin
$form-group-margin-bottom:       15px !default;

$legend-color:                   $gray-dark !default;
$legend-border-color:            #e5e5e5 !default;

//** Background color for textual input addons
$input-group-addon-bg:           $gray-lighter !default;
//** Border color for textual input addons
$input-group-addon-border-color: $input-border !default;

//** Disabled cursor for form controls and buttons.
$cursor-disabled:                not-allowed !default;


//== Dropdowns
//
//## Dropdown menu container and contents.

//** Background for the dropdown menu.
$dropdown-bg:                    #fff !default;
//** Dropdown menu `border-color`.
$dropdown-border:                rgba(0,0,0,.15) !default;
//** Dropdown menu `border-color` **for IE8**.
$dropdown-fallback-border:       #ccc !default;
//** Divider color for between dropdown items.
$dropdown-divider-bg:            #e5e5e5 !default;

//** Dropdown link text color.
$dropdown-link-color:            $gray-dark !default;
//** Hover color for dropdown links.
$dropdown-link-hover-color:      darken($gray-dark, 5%) !default;
//** Hover background for dropdown links.
$dropdown-link-hover-bg:         #f5f5f5 !default;

//** Active dropdown menu item text color.
$dropdown-link-active-color:     $component-active-color !default;
//** Active dropdown menu item background color.
$dropdown-link-active-bg:        $component-active-bg !default;

//** Disabled dropdown menu item background color.
$dropdown-link-disabled-color:   $gray-light !default;

//** Text color for headers within dropdown menus.
$dropdown-header-color:          $gray-light !default;

//** Deprecated `$dropdown-caret-color` as of v3.1.0
$dropdown-caret-color:           #000 !default;


//-- Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
//
// Note: These variables are not generated into the Customizer.

$zindex-navbar:            1000 !default;
$zindex-dropdown:          1000 !default;
$zindex-popover:           1060 !default;
$zindex-tooltip:           1070 !default;
$zindex-navbar-fixed:      1030 !default;
$zindex-modal-background:  1040 !default;
$zindex-modal:             1050 !default;


//== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1
$screen-xs:                  480px !default;
//** Deprecated `$screen-xs-min` as of v3.2.0
$screen-xs-min:              $screen-xs !default;
//** Deprecated `$screen-phone` as of v3.0.1
$screen-phone:               $screen-xs-min !default;

// Small screen / tablet
//** Deprecated `$screen-sm` as of v3.0.1
$screen-sm:                  768px !default;
$screen-sm-min:              $screen-sm !default;
//** Deprecated `$screen-tablet` as of v3.0.1
$screen-tablet:              $screen-sm-min !default;

// Medium screen / desktop
//** Deprecated `$screen-md` as of v3.0.1
$screen-md:                  992px !default;
$screen-md-min:              $screen-md !default;
//** Deprecated `$screen-desktop` as of v3.0.1
$screen-desktop:             $screen-md-min !default;

// Large screen / wide desktop
//** Deprecated `$screen-lg` as of v3.0.1
$screen-lg:                  1200px !default;
$screen-lg-min:              $screen-lg !default;
//** Deprecated `$screen-lg-desktop` as of v3.0.1
$screen-lg-desktop:          $screen-lg-min !default;

// So media queries don't overlap when required, provide a maximum
$screen-xs-max:              ($screen-sm-min - 1) !default;
$screen-sm-max:              ($screen-md-min - 1) !default;
$screen-md-max:              ($screen-lg-min - 1) !default;


//== Grid system
//
//## Define your custom responsive grid.

//** Number of columns in the grid.
$grid-columns:              12 !default;
//** Padding between columns. Gets divided in half for the left and right.
$grid-gutter-width:         30px !default;
// Navbar collapse
//** Point at which the navbar becomes uncollapsed.
$grid-float-breakpoint:     $screen-sm-min !default;
//** Point at which the navbar begins collapsing.
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;


//== Container sizes
//
//## Define the maximum width of `.container` for di