/*!
 * This file is generated by the Dnn.ClientSide project.
 * Do not edit it directly.
 * Changes will be overwritten upon upgrades.
 * 
 */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

html {
    color: var(--dnn-color-foreground, #222);
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--dnn-base-font-size, 16px)
}

body {
    background-color: var(--dnn-color-background, #fff);
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-weight: inherit;
    line-height: 1.4;
    margin-bottom: .75rem;
    margin-top: 1rem
}

h1 {
    font-size: 2.375rem
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.75rem
}

h4 {
    font-size: 1.375rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

p {
    margin-bottom: 1.125rem
}

a,
a:visited {
    color: var(--dnn-color-primary, #028bff);
    text-decoration: underline
}

a:active,
a:focus,
a:hover {
    color: var(--dnn-color-foreground-light, #222)
}

p a,
p a:visited {
    line-height: inherit
}

ol,
ul {
    list-style-position: outside;
    padding-inline-start: 1.5rem
}

.left {
    float: left
}

.right {
    float: right
}

.dnnLeft {
    float: left
}

.dnnRight {
    float: right
}

.dnnClear {
    clear: both
}

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

*+html .dnnClear {
    min-height: 1%
}

img {
    border: 0;
    vertical-align: middle
}

img.dnn-sclae-img {
    height: auto;
    max-width: 100%
}

#dnn_dnnLOGO_imgLogo {
    border: 0
}

.dnnForm {
    width: 100%
}

.dnnForm fieldset {
    clear: none;
    margin-bottom: 1.125rem;
    position: relative;
    text-align: left
}

.dnnForm fieldset fieldset {
    width: 100%
}

.dnnForm .dnnFormItem {
    clear: both;
    display: block;
    position: relative;
    text-align: left;
    width: 100%
}

.dnnForm .dnnFormItem a.dnnFormHelp span {
    position: relative
}

.dnnForm .dnnFormItem a.dnnFormHelp img {
    display: block
}

.dnnFormItem input[type=email],
.dnnFormItem input[type=password],
.dnnFormItem input[type=search],
.dnnFormItem input[type=text],
.dnnFormItem select,
.dnnFormItem textarea {
    background: var(--dnn-color-background, #fff);
    border: 1px solid var(--dnn-color-foreground-light, #c9c9c9);
    border-radius: var(--dnn-controls-radius, 3px);
    color: var(--dnn-color-foreground, #333);
    font-size: .75rem;
    margin-bottom: 1.125rem;
    max-width: 445px;
    padding: .5rem;
    width: 45%
}

.dnnFormItem input[type=email]+.dnnTertiaryAction,
.dnnFormItem input[type=password]+.dnnTertiaryAction,
.dnnFormItem input[type=search]+.dnnTertiaryAction,
.dnnFormItem input[type=text]+.dnnTertiaryAction,
.dnnFormItem select+.dnnTertiaryAction,
.dnnFormItem textarea+.dnnTertiaryAction {
    display: inline-block;
    max-width: 60px
}

.dnnFormItem input[type=checkbox],
.dnnFormItem input[type=radio] {
    box-sizing: border-box;
    height: .8125rem;
    padding: 0;
    width: .8125rem
}

.dnnFormItem input[type=search] {
    box-sizing: content-box
}

.dnnFormItem input[type=checkbox] {
    margin: 0 5px
}

.dnnFormItem table {
    background: none
}

.dnnFormItem .dnnSpinner {
    margin-bottom: 1.125rem;
    width: 45%
}

.dnnFormItem .dnnTagsInput {
    width: 45%
}

.dnnFormItem textarea {
    min-height: 5rem
}

.dnnFormItem .dnnInputGroup {
    display: block;
    float: left;
    margin-bottom: 1.125rem;
    padding: .3125rem;
    width: 32.075%
}

.dnnFormItem .dnnInputGroup .dnnLeft {
    width: 100%
}

.dnnFormItem .dnnInputGroup span {
    display: inline-block;
    text-align: right;
    width: 33%
}

.dnnFormItem input[type=checkbox].normalCheckBox {
    display: inline-block;
    margin: 8px 0 4px
}

.dnnFormItem input.aspNetDisabled,
.dnnFormItem textarea.aspNetDisabled {
    background: var(--dnn-color-neutral-light, #ebebeb);
    border-color: var(--dnn-color-neutral-dark, #a7a7a7);
    border-width: 1px;
    color: var(--dnn-color-neutral, #444)
}

.dnnFormItem button[disabled],
.dnnFormItem input[disabled] {
    cursor: default;
    opacity: .5
}

.dnnFormItem .dnnFormItem input[type=email]:focus,
.dnnFormItem .dnnFormItem input[type=password]:active,
.dnnFormItem .dnnFormItem input[type=search]:focus,
.dnnFormItem .dnnFormItem input[type=text]:focus,
.dnnFormItem .dnnFormItem select:focus,
.dnnFormItem .dnnFormItem textarea:focus,
.dnnFormItem input[type=email]:active,
.dnnFormItem input[type=password]:focus,
.dnnFormItem input[type=search]:active,
.dnnFormItem input[type=text]:active,
.dnnFormItem select:active,
.dnnFormItem textarea:active {
    background: var(--dnn-color-background, #fff);
    border: 1px solid var(--dnn-color-primary, rgba(2, 139, 255, .5));
    box-shadow: 0 0 3px 0 var(--dnn-color-primary, rgba(2, 139, 255, .4));
    color: var(--dnn-color-foreground, #333)
}

.dnnFormItem input:invalid,
.dnnFormItem textarea:invalid {
    background-color: var(--dnn-color-neutral, #f0dddd)
}

.dnnFormItem span.dnnFormMessage.dnnFormError {
    background: var(--dnn-color-danger, rgba(255, 0, 0, .75));
    border: none;
    border-radius: var(--dnn-controls-radius, 3px);
    bottom: 95%;
    color: var(--dnn-color-danger-contrast, #fff);
    display: block;
    font-size: .75rem;
    margin-bottom: 0;
    overflow: visible;
    padding: .625rem;
    position: absolute;
    right: 12%;
    text-align: left;
    width: 200px
}

.dnnFormItem span.dnnFormMessage.dnnFormError:after {
    border-left: .4375rem solid transparent;
    border-right: .4375rem solid transparent;
    border-top: .4375rem solid var(--dnn-color-danger, red);
    bottom: -.4375rem;
    content: "";
    height: 0;
    left: .9375rem;
    opacity: .75;
    position: absolute;
    width: 0
}

div.dnnFormGroup {
    display: inline-block;
    margin-bottom: 5px;
    padding: 10px;
    width: 65%
}

.dnnFormItem button,
.dnnFormItem input[type=button],
.dnnFormItem input[type=reset],
.dnnFormItem input[type=submit],
.dnnLogin .LoginTabGroup span,
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction {
    background: var(--dnn-color-background-dark, #eaeaea);
    border: 1px solid var(--dnn-color-foreground-light, #c2c2c2);
    border-radius: var(--dnn-controls-radius, 3px);
    color: var(--dnn-color-foreground, #333);
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-bottom: .5625rem;
    min-width: 4.6875rem;
    overflow: visible;
    padding: .5625rem;
    text-align: center;
    text-decoration: none
}

.dnnFormItem button,
.dnnFormItem input[type=button],
.dnnFormItem input[type=reset],
.dnnFormItem input[type=submit],
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction {
    padding: .375rem
}

.dnnFormMessage {
    background: var(--dnn-color-info, rgba(2, 139, 255, .15));
    border: 1px solid var(--dnn-color-info-dark, rgba(2, 139, 255, .2));
    border-radius: var(--dnn-controls-radius, 3px);
    display: block;
    margin-bottom: 1.125rem;
    max-width: 100%;
    padding: .95rem 1rem
}

.dnnFormMessage,
.dnnFormMessage a {
    color: var(--dnn-color-info-contrast, #000)
}

.dnnFormMessage a {
    text-decoration: underline
}

.dnnFormMessage.dnnFormError,
.dnnFormMessage.dnnFormValidationSummary {
    background-color: var(--dnn-color-danger, rgba(255, 0, 0, .15));
    border-color: var(--dnn-color-danger-dark, rgba(255, 0, 0, .2));
    color: var(--dnn-color-danger-contrast, #000)
}

.dnnFormMessage.dnnFormError a,
.dnnFormMessage.dnnFormValidationSummary a {
    color: var(--dnn-color-danger-contrast, #000)
}

.dnnFormMessage.dnnFormWarning {
    background-color: var(--dnn-color-warning, rgba(255, 255, 0, .15));
    border-color: var(--dnn-color-warning-dark, #cdb21f)
}

.dnnFormMessage.dnnFormWarning,
.dnnFormMessage.dnnFormWarning a {
    color: var(--dnn-color-warning-contrast, #000)
}

.dnnFormMessage.dnnFormSuccess {
    background-color: var(--dnn-color-success, rgba(0, 255, 0, .15));
    border-color: var(--dnn-color-success-dark, rgba(0, 255, 0, .5))
}

.dnnFormMessage.dnnFormSuccess,
.dnnFormMessage.dnnFormSuccess a {
    color: var(--dnn-color-success-contrast, #000)
}

.dnnFormMessage .dnnLabel {
    float: none;
    text-align: left;
    width: 90%
}

.dnnFormItem input[type=checkbox]+span,
.dnnFormItem input[type=radio]+span {
    display: inline-block;
    margin: .375rem .3125rem;
    width: auto
}

.dnnFormItem .dnnLabel {
    margin-top: .3125rem
}

.dnnFormSectionHead span {
    color: #222;
    font-size: 18px
}

.dnnTooltip {
    margin-right: 1.125rem;
    width: 32.075%
}

.dnnHelperTip,
.dnnTooltip {
    display: block;
    position: relative
}

.dnnDragdropTip {
    background: rgba(var(--dnn-color-background-contrast, 0), var(--dnn-color-background-contrast, 0), var(--dnn-color-background-contrast, 0), .75) url(../../../../../images/pin-icn.png) no-repeat 7px 12px;
    border-radius: var(--dnn-controls-radius, 3px);
    color: var(--dnn-color-foreground-contrast, #ddd);
    font-size: .6875rem;
    height: auto !important;
    padding: .625rem .625rem .625rem 1.875rem;
    position: absolute;
    text-align: left;
    width: auto !important;
    z-index: 10000
}

div.dnnFormItem.dnnFormRequired>div.dnnLabel span:after,
span.dnnFormRequired:after {
    color: var(--dnn-color-danger, red);
    content: "*";
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    margin: 0 0 0 .3125rem
}

.dnnForm .dnnFormItem a.dnnFormHelp,
.dnnTooltip label a.dnnFormHelp,
a.dnnFormHelp {
    color: var(--dnn-color-foreground, #333);
    font-weight: 700;
    text-decoration: none
}

a.dnnFormHelp {
    background: url(../../../../../images/helpI-icn-grey.png) no-repeat left 2px;
    display: inline-block;
    height: 15px;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 2px;
    width: 14px
}

.aspNetDisabled,
.dnnDisabled,
a.aspNetDisabled,
a.dnnDisabled {
    background-color: var(--dnn-color-neutral, #ebebeb) !important;
    border: none;
    color: var(--dnn-color-neutral-dark, #ccc) !important;
    cursor: not-allowed;
    opacity: .7;
    text-decoration: none
}

.required label:after,
legend.required:after {
    background: rgba(0, 0, 0, .03);
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: var(--dnn-controls-radius, 3px);
    color: var(--dnn-color-foreground-light, #777);
    content: "Required";
    display: inline-block;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: .6875rem;
    font-style: italic;
    font-weight: 400;
    margin-left: .5625rem;
    margin-top: -.125rem;
    padding: .0625rem .5625rem
}

.error label,
legend.error {
    color: var(--dnn-color-danger, rgba(255, 0, 0, .9))
}

.error .error textarea,
.error input[type=email],
.error input[type=search],
.error input[type=text],
.error select {
    border: 1px solid var(--dnn-color-danger, rgba(255, 0, 0, .6));
    color: var(--dnn-color-danger, rgba(255, 0, 0, .7))
}

.dnnFormError label a span {
    color: var(--dnn-color-danger, red)
}

.dnnFormError input[type=email],
.dnnFormError input[type=password],
.dnnFormError input[type=tel],
.dnnFormError input[type=text],
.dnnFormError select,
.dnnFormError textarea {
    border: 1px solid var(--dnn-color-danger, red)
}

.dnnAddress input[type=checkbox] {
    margin: 0 5px
}

.dnnActions {
    clear: both;
    display: block;
    float: none;
    margin: 0;
    padding-top: 1.125rem;
    text-align: left
}

.dnnActions li {
    float: left;
    list-style: none;
    margin-right: .3125rem
}

.dnnFormItem input[type=submit],
.dnnPrimaryAction,
a.dnnPrimaryAction {
    background: var(--dnn-color-primary, #3792ed);
    border-color: var(--dnn-color-primary-dark, #0d569e);
    color: var(--dnn-color-primary-contrast, #efefef)
}

.dnnFormItem input[type=submit]:active,
.dnnFormItem input[type=submit]:hover,
.dnnPrimaryAction:active,
.dnnPrimaryAction:hover,
a.dnnPrimaryAction:active,
a.dnnPrimaryAction:hover {
    background: var(--dnn-color-primary-light, #6cb6f3);
    color: var(--dnn-color-primary-contrast, #fff)
}

.dnnFormItem input[type=submit][disabled],
.dnnFormItem input[type=submit][disabled]:active,
.dnnFormItem input[type=submit][disabled]:hover,
.dnnPrimaryAction[disabled],
.dnnPrimaryAction[disabled]:active,
.dnnPrimaryAction[disabled]:hover,
a.dnnPrimaryAction[disabled],
a.dnnPrimaryAction[disabled]:active,
a.dnnPrimaryAction[disabled]:hover {
    background: var(--dnn-color-neutral-light, #ebebeb);
    border-color: var(--dnn-color-neutral-dark, #a7a7a7);
    color: var(--dnn-color-neutral, #444)
}

.dnnFormItem input[type=reset],
.dnnLogin .LoginTabGroup span,
.dnnSecondaryAction,
a.dnnSecondaryAction {
    background: var(--dnn-color-secondary, #f5f5f5);
    border-color: var(--dnn-color-secondary-dark, #f5f5f5);
    color: var(--dnn-color-secondary-contrast, #333)
}

.dnnFormItem input[type=reset]:active,
.dnnFormItem input[type=reset]:hover,
.dnnLogin .LoginTabGroup span:active,
.dnnLogin .LoginTabGroup span:hover,
.dnnSecondaryAction:active,
.dnnSecondaryAction:hover,
a.dnnSecondaryAction:active,
a.dnnSecondaryAction:hover {
    background: var(--dnn-color-secondary-light, #fefefe);
    color: var(--dnn-color-secondary-contrast, #333)
}

.dnnFormItem input[type=reset][disabled],
.dnnFormItem input[type=reset][disabled]:active,
.dnnFormItem input[type=reset][disabled]:hover,
.dnnLogin .LoginTabGroup span[disabled],
.dnnLogin .LoginTabGroup span[disabled]:active,
.dnnLogin .LoginTabGroup span[disabled]:hover,
.dnnSecondaryAction[disabled],
.dnnSecondaryAction[disabled]:active,
.dnnSecondaryAction[disabled]:hover,
a.dnnSecondaryAction[disabled],
a.dnnSecondaryAction[disabled]:active,
a.dnnSecondaryAction[disabled]:hover {
    background: var(--dnn-color-neutral-light, #ebebeb);
    border-color: var(--dnn-color-neutral-dark, #a7a7a7);
    color: var(--dnn-color-neutral, #444)
}

.dnnTertiaryAction,
a.dnnTertiaryAction {
    background: var(--dnn-color-tertiary, #eaeaea);
    border-color: var(--dnn-color-tertiary-dark, #c2c2c2);
    color: var(--dnn-color-tertiary-contrast, #333)
}

.dnnTertiaryAction:active,
.dnnTertiaryAction:hover,
a.dnnTertiaryAction:active,
a.dnnTertiaryAction:hover {
    background: var(--dnn-color-tertiary-dark, #d8d8d8);
    color: var(--dnn-color-tertiary-contrast, #333)
}

.dnnFormItem input[type=text]+a.dnnPrimaryAction,
.dnnFormItem input[type=text]+a.dnnSecondaryAction,
.dnnFormItem input[type=text]+a.dnnTerriaryAction {
    margin-left: .3125rem
}

.dnnFormItem input[type=checkbox]+span,
.dnnFormItem input[type=radio]+span {
    margin: .3125rem
}

.dnnHelperTip .dnnFormHelpContent,
.dnnTooltip .dnnFormHelpContent {
    background: var(--dnn-color-info, rgba(0, 0, 0, .75));
    border-radius: var(--dnn-controls-radius, 3px);
    color: var(--dnn-color-info-contrast, #ddd);
    font-size: .6875rem;
    padding: 10px 10px 10px 30px;
    position: absolute;
    text-align: left;
    visibility: hidden;
    width: 200px;
    z-index: 10
}

.dnnFormHelpContent span {
    display: block;
    word-wrap: break-word
}

.dnnTooltip .dnnFormHelpContent .dnnHelpText {
    word-wrap: break-word
}

.dnnFormItem input[type=radio]+label,
.dnnFormRadioButtons label {
    display: inline;
    float: none;
    font-weight: 400;
    margin: 0 10px 0 0;
    padding-right: 0;
    text-align: left;
    width: auto
}

.dnnFormRadioButtons {
    display: block;
    float: left;
    width: auto
}

.dnnFormRadioButtons input[type=radio] {
    float: none
}

.dnnTextEditor {
    margin-bottom: 1.125rem
}

.dnnFormLabel,
.dnnLabel {
    float: left;
    margin-right: 18px;
    overflow: visible;
    padding-right: 20px;
    position: relative;
    text-align: right;
    width: 32.075%
}

.dnnFormLabel>span,
.dnnLabel>span {
    text-align: right
}

.dnnFormLabel+span,
.dnnLabel+span {
    display: inline-block;
    margin-bottom: 6px;
    margin-top: 6px;
    white-space: pre-line
}

.bottomArrow:after {
    border-top: 7px solid var(--dnn-color-info, #000);
    bottom: -7px
}

.bottomArrow:after,
.topArrow:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    height: 0;
    left: 15px;
    position: absolute;
    width: 0
}

.topArrow:before {
    border-bottom: 7px solid var(--dnn-color-info, #000);
    top: -7px
}

a.pinHelp {
    background: url(../../../../../images/pin-icn.png) no-repeat 0 0;
    display: block;
    filter: contrast(3);
    height: 15px;
    left: 7px;
    opacity: .5;
    position: absolute;
    top: 12px;
    width: 15px
}

.ui-draggable a.pinHelp,
a.pinHelp:hover {
    opacity: 1
}

.dnnCheckbox {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.dnnCheckbox img {
    background: transparent url(../../../../../images/checkbox.png) no-repeat;
    background-position: 0 0;
    height: 18px;
    width: 18px
}

.dnnCheckbox-checked img {
    background-position: -51px 0
}

.dnnCheckbox-disabled {
    cursor: not-allowed
}

.dnnCheckbox-disabled img {
    opacity: .5
}

.dnnCheckbox-error img {
    background-position: -100px 0
}

.dnnCheckbox-checked-error img {
    background-position: -150px 0
}

.dnnCheckbox-focus {
    outline: 2px solid var(--dnn-color-forground, #000);
    outline-offset: 2px
}

.dnnBoxLabel,
.dnnRadiobutton {
    display: inline-block
}

.dnnRadiobutton {
    cursor: pointer
}

.dnnRadiobutton .mark {
    display: inline-block
}

.dnnRadiobutton img {
    background: transparent url(../../../../../images/radiobutton.png) no-repeat;
    background-position: 0 0;
    height: 18px;
    min-width: 20px;
    vertical-align: middle;
    width: 20px
}

.dnnRadiobutton-checked img {
    background-position: -50px 0
}

.dnnRadiobutton-disabled img {
    opacity: .5
}

.dnnRadiobutton-checked-error img {
    background-position: -150px 0
}

.dnnRadiobutton-error img {
    background-position: -100px 0
}

.dnnRadiobutton-focus {
    outline: 2px solid var(--dnn-color-foreground, #000);
    outline-offset: 2px
}

div.dnnFormRadioButtons,
div.dnnHSRadioButtons,
span.dnnFormRadioButtons,
span.dnnHSRadioButtons {
    display: inline-block;
    margin-bottom: 5px;
    padding: 10px
}

table.dnnFormRadioButtons {
    margin-bottom: 5px
}

.RadComboBox_Default .rcbInput {
    width: 100% !important
}

div.dnnTagsInput {
    background: var(--dnn-color-background, #fff);
    border: 1px solid var(--dnn-color-foreground-light, #c9c9c9);
    border-radius: var(--dnn-controls-radius, 3px);
    display: inline-block;
    margin: 0;
    padding: 5px 0 0 5px
}

div.dnnTagsInput span.tag {
    background-color: var(--dnn-color-neutral, #eee);
    border: 1px solid var(--dnn-color-neutral-dark, #c9c9c9);
    border-radius: var(--dnn-controls-radius, 3px);
    color: var(--dnn-color-neutral-contrast, #888);
    cursor: pointer;
    display: block;
    float: left;
    font-size: .75rem;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 2px 6px;
    text-decoration: none;
    word-break: break-word
}

div.dnnTagsInput span.tag:hover {
    background-color: var(--dnn-color-primary, #e8f1fa);
    border-color: var(--dnn-color-primary-dark, #000);
    color: var(--dnn-color-primary-contrast, #444)
}

div.dnnTagsInput span.tag a {
    background: transparent url(../../../../../images/dnnTagClose.png) no-repeat;
    background-position: 50%;
    display: inline-block;
    filter: contrast(5);
    height: 8px;
    margin: .375rem 0 0;
    width: 8px
}

div.dnnTagsInput>div>input {
    background: transparent;
    border: none;
    display: inline-block;
    font-size: .75rem;
    height: 1.1875rem;
    margin-bottom: .3125rem;
    padding: .5rem 0 .1875rem .1875rem;
    vertical-align: top
}

div.dnnTagsInput>div>input:active,
div.dnnTagsInput>div>input:focus {
    outline: none
}

div.dnnTagsInput>div>input.dnnTagsInvalid {
    background: var(--dnn-color-danger, #fbd8db);
    border: none;
    border-radius: var(--dnn-controls-radius, 3px);
    color: var(--dnn-color-danger-contrast, #90111a) !important;
    cursor: pointer;
    display: block;
    float: left;
    font-size: .75rem;
    margin-right: 5px;
    outline: none;
    text-decoration: none
}

div.dnnTagsInput div {
    display: block;
    float: left
}

div.dnnTagsInput div.dnnTags_filter {
    float: right;
    margin: 0 0 .3125rem .3125rem;
    position: relative
}

div.dnnTagsInput div.dnnTags_filter>.dnnTags_filter_label {
    background: url(../../../../../images/dnnSpinnerDownArrow.png) no-repeat;
    background-position: 100%;
    border-left: 1px solid #ccc;
    color: #999;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    margin-right: 3px;
    padding: 3px 15px 0 10px
}

.dnnFormPopup {
    background: var(--dnn-color-background, #fff);
    box-shadow: 0 0 25px 0 rgba(var(--dnn-color-foreground-r, 0), var(--dnn-color-foreground-g, 0), var(--dnn-color-foreground-b, 0), .75);
    padding: 1.125rem;
    position: absolute;
    z-index: 100000
}

.dnnFormPopup .dnnFormPopup>* {
    box-sizing: content-box
}

.dnnFormPopup .ui-dialog-titlebar {
    border-bottom: 1px solid var(--dnn-color-foreground-light, #ddd);
    cursor: move;
    font-size: 1.125rem;
    font-weight: 700;
    padding: 0 0 1.125rem;
    position: relative
}

.dnnFormPopup .dnnModalCtrl {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px #666;
    display: block;
    height: 26px;
    position: absolute;
    right: -30px;
    top: -30px;
    width: 69px
}

.dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close {
    background: #585858 url(../../../../../images/closeBtn.png) no-repeat;
    background-position: 8px 4px;
    border: none;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    display: block;
    float: right;
    height: 18px;
    margin: 4px 4px 0 1px;
    min-width: 0 !important;
    overflow: hidden;
    text-indent: -9999em;
    width: 30px
}

.dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close:hover {
    background: var(--dnn-color-primary, #358eea) url(../../../../../images/closeBtn.png) no-repeat;
    background-position: 8px 4px;
    cursor: pointer
}

.dnnFormPopup .dnnModalCtrl a.dnnToggleMax {
    background: #585858 url(../../../../../images/resizeBtn.png) no-repeat;
    background-position: 10px 2px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    display: block;
    float: left;
    height: 18px;
    margin: 4px 0 0 4px;
    overflow: hidden;
    text-indent: -9999em;
    width: 30px
}

.dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover {
    background: var(--dnn-color-primary, #358eea) url(../../../../../images/resizeBtn.png) no-repeat;
    background-position: 10px 2px
}

.dnnFormPopup .ui-resizable-se {
    background: url(../../../../../images/modal-resize-icn.png) no-repeat bottom;
    float: right;
    height: 24px;
    width: 24px
}

.dnnFormPopup .dnnDialog {
    padding: 10px
}

.dnnFormPopup #iPopUp {
    padding-top: 10px;
    width: 100% !important
}

.dnnFormPopup #iPopUp .ui-dialog-content,
.dnnFormPopup .ui-dialog-content {
    background: var(--dnn-color-background, #fff);
    border: 0;
    overflow: auto;
    padding: 0;
    position: relative;
    zoom: 1
}

.dnnFormPopup .ui-dialog-buttonpane {
    background-image: none;
    border-width: 1px 0 0;
    border-top: 1px solid var(--dnn-color-foreground-light, #ddd);
    margin: .5em 0 0;
    overflow: hidden;
    padding: .3em 1em 0 0;
    text-align: left
}

.dnnFormPopup .ui-dialog-buttonpane button {
    border: none;
    cursor: pointer;
    margin: .5em .4em .5em 0;
    padding: .5em 1em
}

.dnnLoading {
    background: #fff url(../../../../../images/loading.gif) no-repeat 50%;
    position: absolute;
    z-index: 9999
}

.dnnPanelLoading {
    height: 100%;
    left: 0;
    opacity: .7;
    top: 0;
    width: 100%
}

.dnnForm .ui-resizable {
    position: relative
}

.dnnForm .ui-resizable-handle {
    display: block;
    font-size: .1px;
    position: absolute;
    z-index: 99999
}

.dnnForm .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    left: 0;
    top: -5px;
    width: 100%
}

.dnnForm .ui-resizable-s {
    bottom: -5px;
    cursor: s-resize;
    height: 7px;
    left: 0;
    width: 100%
}

.dnnForm .ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px
}

.dnnForm .ui-resizable-w {
    cursor: w-resize;
    height: 100%;
    left: -5px;
    top: 0;
    width: 7px
}

.dnnForm .ui-resizable-se {
    bottom: 1px;
    cursor: se-resize;
    height: 12px;
    right: 1px;
    width: 12px
}

.dnnForm .ui-resizable-sw {
    bottom: -5px;
    cursor: sw-resize;
    height: 9px;
    left: -5px;
    width: 9px
}

.dnnForm .ui-resizable-nw {
    cursor: nw-resize;
    height: 9px;
    left: -5px;
    top: -5px;
    width: 9px
}

.dnnForm .ui-resizable-ne {
    cursor: ne-resize;
    height: 9px;
    right: -5px;
    top: -5px;
    width: 9px
}

.dnnForm .ui-resizable-autohide .ui-resizable-handle,
.dnnForm .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.dnnSpinner {
    background: #fff;
    background: linear-gradient(180deg, #fff 0, #f0f2f1);
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #bbb;
    color: #333;
    display: inline-block;
    overflow: visible;
    padding: 6px;
    position: relative;
    text-decoration: none;
    width: 150px
}

.dnnSpinnerDisplay {
    background: transparent;
    color: #999;
    margin: 0 25px 0 8px
}

.dnnFormItem .dnnSpinnerDisplay>input[type=text],
.dnnFormItem .dnnSpinnerDisplay>input[type=text]:focus {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.dnnSpinnerCtrl {
    background-color: transparent;
    border-left: 1px solid #c9c9c9;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px
}

.dnnSpinnerCtrl>a.dnnSpinnerTopButton {
    background: transparent url(../../../../../images/dnnSpinnerUpArrow.png) no-repeat;
    background-position: 50%;
    cursor: pointer;
    display: block;
    height: 16px;
    width: 25px
}

.dnnSpinnerCtrl>a.dnnSpinnerBotButton {
    background: transparent url(../../../../../images/dnnSpinnerDownArrow.png) no-repeat;
    background-position: 50%;
    cursor: pointer;
    display: block;
    height: 16px;
    width: 25px
}

ul.dnnAdminTabNav {
    border-bottom: 1px solid var(--dnn-color-foreground-light, #c2c2c2);
    display: flex;
    margin-left: 0;
    margin-top: .3125rem;
    width: 100%
}

ul.dnnAdminTabNav li {
    align-items: center;
    display: flex;
    list-style: none
}

ul.dnnAdminTabNav li a {
    border: 1px solid var(--dnn-color-foreground-light, #c2c2c2);
    border-bottom: none;
    border-radius: var(--dnn-controls-radius, 3px) var(--dnn-controls-radius, 3px) 0 0;
    margin-bottom: 0;
    margin-right: .25rem;
    padding: 12px 9px 10px;
    text-decoration: none
}

ul.dnnAdminTabNav li a:active,
ul.dnnAdminTabNav li a:hover {
    color: var(--dnn-color-primary-light, #028bff)
}

ul.dnnAdminTabNav li.ui-tabs-active a {
    background: var(--dnn-color-primary, #fff);
    border-color: var(--dnn-color-primary, #028bff);
    color: var(--dnn-color-primary-contrast, #000)
}

.ui-tabs .ui-tabs-panel {
    display: block;
    position: relative
}

.ui-tabs .ui-tabs-hide {
    display: none
}

div.ui-dialog-titlebar>.ui-dialog-titlebar-close {
    background: #585858 url(../../../../../images/closeBtn.png) no-repeat;
    background-position: 4px 4px;
    border: 3px solid #fff;
    border-radius: 12px;
    display: block;
    height: 24px;
    margin: 0;
    min-width: 0 !important;
    overflow: hidden;
    position: absolute;
    right: -30px;
    text-indent: -9999em;
    top: -30px;
    width: 24px
}

.dnnForm .ui-helper-hidden {
    display: none
}

.dnnForm .ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px)
}

.dnnForm .ui-state-highlight,
.dnnForm .ui-widget-content .ui-state-highlight,
.dnnForm .ui-widget-header .ui-state-highlight {
    background: var(--dnn-color-warning, #ffe45c);
    border: 1px solid var(--dnn-color-warning-dark, #fed22f);
    color: var(--dnn-color-warning-contrast, #363636)
}

.dnnForm .ui-state-highlight a,
.dnnForm .ui-widget-content .ui-state-highlight a,
.dnnForm .ui-widget-header .ui-state-highlight a {
    color: var(--dnn-color-warning-contrast, #363636)
}

.dnnForm .ui-state-error,
.dnnForm .ui-widget-content .ui-state-error,
.dnnForm .ui-widget-header .ui-state-error {
    background: var(--dnn-color-danger, #b81900);
    border: 1px solid var(--dnn-color-danger-dark, #cd0a0a);
    color: var(--dnn-color-danger-contrast, #fff)
}

.dnnForm .ui-state-error a,
.dnnForm .ui-state-error-text,
.dnnForm .ui-widget-content .ui-state-error a,
.dnnForm .ui-widget-content .ui-state-error-text,
.dnnForm .ui-widget-header .ui-state-error a,
.dnnForm .ui-widget-header .ui-state-error-text {
    color: var(--dnn-color-danger-contrast, #fff)
}

.dnnForm .ui-priority-primary,
.dnnForm .ui-widget-content .ui-priority-primary,
.dnnForm .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.dnnForm .ui-priority-secondary,
.dnnForm .ui-widget-content .ui-priority-secondary,
.dnnForm .ui-widget-header .ui-priority-secondary {
    font-weight: 400;
    opacity: .7
}

.dnnForm .ui-state-disabled,
.dnnForm .ui-widget-content .ui-state-disabled,
.dnnForm .ui-widget-header .ui-state-disabled {
    background-image: none;
    opacity: .35
}

.dnnForm .ui-draggable {
    cursor: move
}

.dnnForm .dnnForm .ui-corner-right,
.dnnForm .dnnForm .ui-corner-tr,
.dnnForm .ui-corner-all,
.dnnForm .ui-corner-left,
.dnnForm .ui-corner-tl,
.dnnForm .ui-corner-top {
    border-radius: var(--dnn-controls-radius, 4px)
}

.ui-widget-overlay {
    background: rgba(0, 0, 0, .65);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.dnn_acResults {
    background-color: #fff;
    border: 1px solid #c9c9c9;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 2px 0 0 #bbb;
    min-width: 150px;
    overflow: hidden;
    padding: 0;
    z-index: 900001
}

.dnn_acResults ul {
    list-style-position: outside;
    list-style: none;
    margin: 0;
    padding: 0
}

.dnn_acResults ul li {
    border-top: 1px solid #c9c9c9;
    color: #666;
    color: #333;
    cursor: pointer;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 6px 22px
}

.dnn_acResults ul li:first-child {
    border-top: none
}

.dnn_acSelect {
    background-color: #e8f1fa;
    color: #333
}

.dnnProgressbar {
    background: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    height: 25px !important;
    padding: 18px 10px 0
}

.ui-progressbar {
    background-color: #ccc;
    height: 10px !important;
    overflow: hidden;
    text-align: left
}

.ui-progressbar .ui-progressbar-value {
    background-color: #1a82f7;
    background: linear-gradient(90deg, #2b7fda 0, #3fbdff);
    height: 100%;
    margin: 0
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    background: #ccc;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 11px
}

.jspHorizontalBar {
    background: #ccc;
    bottom: 0;
    height: 11px;
    left: 0;
    position: absolute;
    width: 100%
}

.jspHorizontalBar *,
.jspVerticalBar * {
    margin: 0;
    padding: 0
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: transparent;
    position: relative
}

.jspVerticalBar .jspTrack {
    margin: 0 0 0 3px;
    width: 10px
}

.jspHorizontalBar .jspTrack {
    height: 5px;
    margin: 3px 0
}

.jspVerticalBar .jspCap {
    display: block;
    height: 3px;
    width: 11px
}

.jspHorizontalBar .jspCap {
    display: block;
    height: 11px;
    width: 3px
}

.jspDrag {
    background: #000;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    left: 0;
    opacity: .75;
    position: relative;
    top: 0
}

.jspHorizontalBar .jspDrag,
.jspHorizontalBar .jspTrack {
    float: left;
    height: 5px
}

.dnnDropdownSettings {
    height: 30px !important;
    position: relative
}

.dnnButtonDropdown {
    background: var(--dnn-color-background, #fff);
    border: 1px solid var(--dnn-color-foreground-light, #c9c9c9);
    border-radius: var(--dnn-controls-radius, 3px);
    cursor: pointer;
    height: 30px !important;
    width: 50px
}

.dnnButtonArrow,
.dnnButtonIcon {
    display: inline-block;
    height: 30px !important
}

.dnnButtonIcon {
    width: 32px
}

.dnnButtonArrow {
    background: transparent url(../../../../../images/dnnSpinnerDownArrow.png) no-repeat 50%;
    width: 10px
}

.dnnButtonDropdown-clicked {
    border-bottom: 1px solid var(--dnn-color-foreground-light, #c9c9c9);
    border: 1px solid var(--dnn-color-foreground-light, #c9c9c9);
    border-bottom-color: var(--dnn-color-background, #fff);
    border-top-left-radius: var(--dnn-controls-radius, 3px);
    border-top-right-radius: var(--dnn-controls-radius, 3px);
    height: 30px !important;
    width: 50px;
    z-index: 100
}

.dnnButtonDropdown-clicked,
.dnnButtonDropdown-ul {
    background: var(--dnn-color-background, #fff);
    position: absolute
}

.dnnButtonDropdown-ul {
    border: 1px solid var(--dnn-color-foreground-light, #c9c9c9);
    border-radius: 3px;
    display: none;
    left: 0;
    list-style-type: none;
    margin-left: 0;
    top: 29px;
    width: 200px;
    z-index: 99
}

.dnnButtonDropdown-ul>li,
.dnnButtonDropdown-ul>ul>li {
    border-bottom: 1px solid var(--dnn-color-foreground-light, #c9c9c9);
    color: var(--dnn-color-foreground, #333);
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 8px;
    vertical-align: middle
}

.dnnButtonDropdown-ul>ul {
    margin: 0
}

.dnnButtonDropdown-ul>ul>li {
    padding-left: 16px
}

.dnnButtonDropdown-ul>li:last-child {
    border-bottom: none !important
}

.dnnButtonDropdown-ul>li:hover {
    background-color: var(--dnn-color-background-dark, #e8f1fa);
    color: var(--dnn-color-foreground-dark, #000)
}

.ModuleTitle_MenuContainer {
    border: 1px solid blue
}

table.dnnASPGrid,
table.dnnGrid {
    border: 1px solid var(--dnn-color-foreground-light, #c9c9c9);
    margin-bottom: 20px
}

.dnnGridHeader td,
thead.dnnGridHeader th,
tr.dnnGridHeader th {
    background: var(--dnn-color-background-dark, #f0f2f1);
    border-bottom: 1px solid var(--dnn-color-foreground-light, #c9c9c9);
    border-right: 1px solid var(--dnn-color-foreground-light, #c9c9c9);
    padding: .375rem .75rem
}

.dnnGridAltItem td,
.dnnGridItem td {
    border-right: 1px solid var(--dnn-color-foreground-light, #c9c9c9);
    padding: .375rem
}

.dnnGridAltItem td input,
.dnnGridItem td input {
    margin-bottom: none
}

.dnnGridAltItem:hover,
.dnnGridItem:hover {
    background-color: rgba(var(--dnn-color-primary-r, 0), var(--dnn-color-primary-g, 165), var(--dnn-color-primary-b, 224), .2)
}

.dnnGridAltItem {
    background: var(--dnn-color-background-dark, #f2f2f2)
}

td.dnnGridHeaderTD-NoBorder {
    border-right: none !important
}

tr.dnnGridAltItem td,
tr.dnnGridItem td {
    border-right: none
}

tr.dnnGridItem td input {
    margin-bottom: 0
}

.dnnFilePicker,
span[id$=FileControl] {
    display: block;
    float: left
}

.dnnFilePicker {
    background-color: var(--dnn-color-background, #f0f0f0);
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0 15px;
    width: 450px
}

.dnnFilePicker .dnnLeft {
    margin: -30px 0 0;
    padding: 0
}

.dnnFilePicker .dnnLeft img {
    max-height: 100px;
    max-width: 135px
}

.dnnFilePicker .dnnLeft .dnnFilePickerImageHolder {
    background-color: #ccc;
    height: 100px;
    margin: 20px 15px;
    width: 135px
}

.dnnFilePicker .dnnLeft a.dnnSecondaryAction {
    display: inline-block;
    margin: 10px 10px 0 0
}

.dnnFilePicker .dnnLeft img {
    display: block;
    margin: 20px 15px
}

.dnnFilePicker .dnnFormItem {
    margin: -10px 0 0;
    padding: 0;
    position: static
}

.dnnFilePicker .dnnFormItem span {
    display: block;
    float: left;
    margin-top: 8px;
    padding-left: 5px;
    text-align: left;
    width: 40px
}

.dnnFilePicker input,
.dnnFilePicker select {
    float: none;
    margin: 0 10px 0 0;
    width: 200px
}

.eipbackimg {
    background: url(../../../../../images/eip_toolbar.png) repeat-x;
    height: 32px;
    margin-top: -32px;
    position: absolute;
    white-space: nowrap;
    z-index: 1
}

.eipbackimg.editMode {
    background: linear-gradient(180deg, #303030 0, #191919) !important;
    opacity: .8
}

.eipbackimg.editMode .eipbuttonbackimg {
    border-left: 1px solid #1f1f1f;
    border-right: 1px solid #393939;
    opacity: .5
}

.eipbackimg.editMode.containerTitle .eipbuttonbackimg {
    border: none;
    opacity: 1
}

.eipbackimg.editMode.containerTitle .eipborderhover {
    background-color: inherit
}

.eipbackimg.editMode .eipborderhover {
    background-color: #333;
    opacity: 1
}

.eipbackimg.containerTitle {
    margin-top: -8px
}

.eipbackimg.containerTitle.editMode {
    background: none !important;
    border: none !important;
    left: auto;
    margin-top: -2px;
    right: 0
}

.eipbackimg.containerTitle .eipbutton_cancel {
    background: url(../../../../../images/eip_title_cancel.png) no-repeat 50%
}

.eipbackimg.containerTitle .eipbutton_save {
    background-image: url(../../../../../images/eip_title_save.png)
}

.eipbuttonbackimg {
    background: url(../../../../../images/eip_toolbar.png) no-repeat;
    cursor: pointer;
    float: left;
    height: 32px;
    width: 32px
}

.eipbuttonbackimg.eipbutton_cancel {
    background-position: -32px 0
}

.eipbuttonbackimg.eipbutton_bold {
    background-position: -64px 0
}

.eipbuttonbackimg.eipbutton_italic {
    background-position: -96px 0
}

.eipbuttonbackimg.eipbutton_underline {
    background-position: -128px 0
}

.eipbuttonbackimg.eipbutton_justifyleft {
    background-position: -160px 0
}

.eipbuttonbackimg.eipbutton_justifycenter {
    background-position: -192px 0
}

.eipbuttonbackimg.eipbutton_justifyright {
    background-position: -224px 0
}

.eipbuttonbackimg.eipbutton_orderedlist {
    background-position: -256px 0
}

.eipbuttonbackimg.eipbutton_unorderedlist {
    background-position: -288px 0
}

.eipbuttonbackimg.eipbutton_outdent {
    background-position: -320px 0
}

.eipbuttonbackimg.eipbutton_indent {
    background-position: -352px 0
}

.eipbuttonbackimg.eipbutton_createlink {
    background-position: -384px 0
}

.eipbutton_edit {
    background: url(../../../../../images/eip_edit.png) no-repeat 100%;
    float: left
}

.eipbutton_save {
    background: url(../../../../../images/eip_save.png) no-repeat 100%;
    float: left
}

div[id$=titleLabel_tb].visible~span {
    margin-left: 32px
}

.dnnLogin .LoginTabGroup {
    border-bottom: 1px solid #c2c2c2;
    display: inline-block;
    height: 37px;
    margin-left: 0;
    margin-top: 5px;
    width: 100%
}

.dnnLogin .LoginTabGroup span {
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-right: 4px
}

.dnnLogin .LoginTabGroup span.LoginTabSelected {
    background: none repeat scroll 0 0 #fff;
    margin-top: -3px;
    padding: 12px 9px 10px
}

.dnnLoginActions {
    display: inline-block
}

.dnnTableDisplay {
    border: 1px solid var(--dnn-color-neutral, #d1d1d1);
    border-bottom: 0;
    border-left: 0;
    margin-bottom: 1.125rem
}

.dnnTableDisplay td,
.dnnTableDisplay th {
    border-bottom: 1px solid var(--dnn-color-neutral, #d1d1d1);
    padding: 5px 9px
}

.dnnTableDisplay th {
    border-left: 1px solid var(--dnn-color-neutral, #d1d1d1);
    padding: 0
}

.dnnTableDisplay th>a,
.dnnTableDisplay th>span {
    display: block;
    padding: 5px 9px
}

.dnnTableDisplay td:first-child {
    border-left: 1px solid var(--dnn-color-neutral, #d1d1d1)
}

.dnnTableDisplay label {
    display: inline;
    padding-left: .3125rem
}

.dnnTableDisplay th {
    background: var(--dnn-color-background, #d1d1d1);
    color: var(--dnn-color-foreground, #333);
    text-align: left
}

.dnnTableDisplay th a,
.dnnTableDisplay th label {
    color: var(--dnn-color-foreground, #333);
    font-weight: 400;
    text-decoration: none
}

.dnnTableDisplay th a {
    padding: .5rem .5625rem
}

.dnnTableDisplay th a:active,
.dnnTableDisplay th a:hover {
    color: var(--dnn-color-foreground-dark, #333)
}

.dnnTableDisplay tr:nth-child(2n) td {
    background: rgba(var(--dnn-color-foreground-r, 0), var(--dnn-color-foreground-g, 0), var(--dnn-color-foreground-b, 0), .04)
}

.dnnTableDisplay .dnnTableDisplay tr:hover td {
    background: rgba(var(--dnn-color-info-r, 2), 139, 255, .15)
}

.dnnTableDisplay tfoot tr:hover td {
    background: none
}

.dnnTableFilter {
    background: rgba(var(--dnn-color-foreground, 0), var(--dnn-color-foreground, 0), var(--dnn-color-foreground, 0), .04);
    margin-bottom: 18px
}

.dnnTableFilter .dnnTableDisplay {
    margin-bottom: 0
}

.dnnFilterSet {
    padding: 1.125rem
}

.dnnFilterSet label {
    display: inline-block
}

.dnnFilterSet input,
.dnnFilterSet select {
    display: inline-block;
    margin: 0 .3125rem
}

.verticalFilter .dnnFilterSet {
    float: left;
    padding: 2% 1.125rem;
    width: 20%
}

.verticalFilter .dnnTableDisplay {
    float: right;
    width: 75%
}

.verticalFilter input[type=search],
.verticalFilter input[type=text],
.verticalFilter select {
    box-sizing: border-box;
    margin: 0;
    width: 100%
}

.footballTable {
    width: 100%;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
    border-color: #666;
}

.footballTable tr {
    width: 100%;
    margin: 0;
    padding: 0;
}

.footballTable td.teamIndex {
    width: 30px;
    text-align: center;
}

.footballTable td.teamImage {
    width: 40px;
    text-align: center;
}

.footballTable td {
    color:#fff !important;
    background:#333 !important;
    text-align:left;
    padding:5px;
    margin: 0;
}

.calTable {
    width: 100%;
    height:480px;
}

.calTable.tr {
    min-height:20%;
}

.calTable.th {
    font-weight: bolder;
}

td.calWeekday {
    width: 14.2%;
}

td.calSaturday {
    width: 14.2%;
    background-color: #ffeeee !important;
}

td.calSunday {
    width: 14.2%;
    background-color: #eedddd !important;
}

.Head {
    display: inline-block;
    margin-bottom: .375rem
}

td.SubHead {
    display: table-cell;
    margin-bottom: 0
}

.Normal,
.NormalDeleted,
.NormalDisabled {
    color: var(--dnn-color-foreground, #444);
    font-size: 1rem;
    line-height: 1.125rem;
    word-wrap: break-word
}

.NormalDeleted,
.NormalDisabled {
    color: var(--dnn-color-neutral, #999)
}

.NormalBold,
.NormalRed {
    font-weight: 700
}

.NormalRed {
    color: var(--dnn-color-danger, red)
}

.NormalDeleted {
    text-decoration: line-through
}

.Help {
    background-color: var(--dnn-color-warning, #ff9);
    border: 1px solid var(--dnn-color-warning-contrast, #000);
    color: var(--dnn-color-warning-contrast, #000);
    font-size: .6875rem;
    font-weight: 400;
    padding: 2px
}

.DNNAlignleft {
    text-align: left
}

.DNNAlignright {
    text-align: right
}

.DNNAligncenter {
    text-align: center
}

.Hidden {
    display: none
}

div.errorWin p {
    margin: 0 0 10px
}

h2.dnnFormSectionHead {
    border-bottom: 1px solid var(--dnn-color-foreground-light, #ddd);
    font-size: 2rem;
    letter-spacing: .001875rem;
    line-height: 2.25rem;
    margin-bottom: 18px;
    margin-top: 8px
}

h2.dnnFormSectionHead h2.dnnFormSectionHead a {
    background: url(../../../../../images/down-icn.png) no-repeat right 50%;
    color: var(--dnn-color-foreground, #333);
    display: block;
    font-size: 7.375rem;
    font-weight: 400;
    letter-spacing: normal;
    padding-left: 3px;
    text-decoration: none
}

h2.dnnFormSectionHead h2.dnnFormSectionHead a:hover {
    background: rgba(var(--dnn-color-primary-r, 2), var(--dnn-color-primary-g, 139), var(--dnn-color-primary-b, 255), .05) url(../../../../../images/down-icn.png) no-repeat right 50%;
    color: #222
}

h2.dnnFormSectionHead h2.dnnFormSectionHead a.dnnSectionExpanded {
    background: url(../../../../../images/up-icn.png) no-repeat right 50%;
    color: var(--dnn-color-foreground, #222)
}

h2.dnnFormSectionHead h2.dnnFormSectionHead a.dnnSectionExpanded:hover {
    background: rgba(var(--dnn-color-primary-r, 2), var(--dnn-color-primary-g, 139), var(--dnn-color-primary-b, 255), .05) url(../../../../../images/up-icn.png) no-repeat right 50%;
    color: var(--dnn-color-foreground, #222)
}

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