.block-message {
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-width: 2px 0;
    border-style: solid;
    font-size: 12px;
    line-height: 16px;
    display: block;
    font-weight: bold;
}

.textNotSelectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.error-block-message {
    background: #ffe5e5 url(/Content/images/bg-user-profile-warning.gif) 15px 6px no-repeat;
    border-color: var(--color-td-gray-3, #C8C9C7);
}

.warning-block-message {
    background: #fff6bf;
    border-color: #ffd324;
}

.button-primary {
    background-color: var(--color-td-blue, #0E103E) !important;
    color: #fff !important;
    &:hover {
        background-color: var(--color-bootstrap-blue) !important;
        border-color: var(--color-bootstrap-blue) !important;
    }
}

a.link-underline {
    text-decoration-line: underline !important;
    &:hover {
        text-decoration-line: none !important;
    }
}
:root {
    /* Brand Colors */
    --color-td-blue: #0E103E;
    --color-td-green-heading: #00995b;
    --color-link-on-dark: #C8C9C7;
    --color-bootstrap-blue: #005b94;

    /* Report chart series, in the order a chart hands them out */
    --color-chart-1: #B41D2E;
    --color-chart-2: #FF8A00;
    --color-chart-3: #FBBB00;
    --color-chart-4: #AEB700;
    --color-chart-5: #00763F;
    --color-chart-6: #005B4F;
    --color-chart-7: #005D71;
    --color-chart-8: #00558D;
    --color-chart-9: #5B397C;
    --color-chart-10: #7A2656;

    /* Brand Grays */
    --color-td-gray-1: #F2F2F2;
    --color-td-gray-2: #D9D9D6;
    --color-td-gray-3: #C8C9C7;
    --color-td-gray-4: #B1B3B3;
    --color-td-gray-5: #75787B;
}


/*
 * The document base: how a bare element looks on every page of this site.
 *
 * These rules were compiled into Content/css/bootstrap.css, beside a copy of Bootstrap 2's
 * component classes. The component classes are gone - no markup uses them since the site moved to
 * Bootstrap 5 - and these are what the site is written against.
 *
 * Two halves, and they are not the same kind of thing. Down to `@media print` it is normalize.css
 * v2, unedited, which Bootstrap 2 vendored and every framework of that era shipped some version of.
 * From `body` on it is this project's: the brand fonts, the brand heading scale and colours, the
 * brand link colour, and the pill-shaped text input. The first half is the reason the second half
 * renders the same in every browser, so they stay together.
 *
 * Bootstrap 5's Reboot is the other way to reset a document, and it is not what this file does.
 * Reboot writes its own heading scale, list indent and paragraph margin, so adopting it changes
 * every page. That is a visual change of its own.
 *
 * Every CSS bundle serves this file. Edit it here; nothing compiles it.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

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

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

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a:hover,
a:active {
    outline: 0;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    /* Responsive images (ensure images don't scale beyond their parents) */
    max-width: 100%;
    /* Part 1: Set a maxium relative to the parent */
    width: auto \9;
    /* IE7-8 need help adjusting responsive images */
    height: auto;
    /* Part 2: Scale the height according to the width, otherwise you get stretching */
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
}

button,
input {
    *overflow: visible;
    line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
    cursor: pointer;
}

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

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

textarea {
    overflow: auto;
    vertical-align: top;
}

@media print {
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

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

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

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

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

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

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

body {
    margin: 0;
    font-family: AkzidGroCFFReg_0;
    font-size: 16px;
    line-height: 1.5em;
    color: #53565A;
    background-color: #fff;
}

a {
    color: #008759;
    text-decoration: none;
}

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

@font-face {
    font-family: AkzidGroCFFReg_0;
    src: url('/Content/fonts/AkzidenzGroteskBE-Regular.woff2') format('woff2'), url('/Content/fonts/AkzidenzGroteskBE-Regular.woff') format('woff');
}

@font-face {
    font-family: TeleVoice-Regular;
    src: url('/Content/fonts/TeleVoiceRegular.woff2') format('woff2'), url('/Content/fonts/TeleVoiceRegular.woff') format('woff');
}

p {
    margin: 0 0 0.375em;
}

small {
    font-size: 85%;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

cite {
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0.375em 0;
    text-rendering: optimizelegibility;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: normal;
    line-height: 1;
    color: var(--color-td-gray-2, #D9D9D6);
}

h1,
h2,
h3,
h4 {
    line-height: 1.5em;
}

h1 {
    font-size: 36px;
    font-family: TeleVoice-Regular;
    font-weight: bold;
    color: var(--color-td-green-heading, #00995b);
}

h2 {
    font-size: 28px;
    font-family: TeleVoice-Regular;
    font-weight: 400;
    color: var(--color-td-green-heading, #00995b);
}

h3 {
    font-size: 22px;
    font-family: AkzidGroCFFReg_0;
    font-weight: 500;
    color: #0e103e;
}

h4 {
    font-size: 17px;
    font-weight: 500;
    font-family: AkzidGroCFFReg_0;
    color: #0e103e;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 13.6px;
}

h1 small {
    font-size: 28px;
}

h2 small {
    font-size: 20px;
}

h3 small {
    font-size: 16px;
}

h4 small {
    font-size: 16px;
}

ul,
ol {
    padding: 0;
    margin: 0 0 0.375em 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-bottom: 0;
}

li {
    line-height: 1.5em;
}

dl {
    margin-bottom: 1.5em;
}

dt,
dd {
    line-height: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0.375em;
}

hr {
    margin: 1.5em 0;
    border: 0;
    border-top: 1px solid var(--color-td-gray-1, #F2F2F2);
    border-bottom: 1px solid #fff;
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted var(--color-td-gray-2, #D9D9D6);
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 1.5em;
    border-left: 5px solid var(--color-td-gray-1, #F2F2F2);
}

blockquote p {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25;
}

blockquote small {
    display: block;
    line-height: 1.5em;
    color: var(--color-td-gray-2, #D9D9D6);
}

blockquote small:before {
    content: '\2014 \00A0';
}

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

address {
    display: block;
    margin-bottom: 1.5em;
    font-style: normal;
    line-height: 1.5em;
}

code,
pre {
    padding: 0 3px 2px;
    font-family: AkzidGroCFFReg_0;
    font-size: 14px;
    color: #53565A;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

code {
    padding: 2px 4px;
    color: #C81C1C;
    background-color: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    white-space: nowrap;
}

pre {
    display: block;
    padding: 0.125em;
    margin: 0 0 0.375em;
    font-size: 15px;
    line-height: 1.5em;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
}

pre code {
    padding: 0;
    color: inherit;
    white-space: pre;
    white-space: pre-wrap;
    background-color: transparent;
    border: 0;
}

form {
    margin: 0 0 1.5em;
}

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

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 1.5em;
    font-size: 16px;
    line-height: 1.8em;
    color: #161616;
    border: 0;
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
}

legend small {
    font-size: 0.75em;
    color: var(--color-td-gray-2, #D9D9D6);
}

label,
input,
button,
select,
textarea {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5em;
}

input,
button,
select,
textarea {
    font-family: AkzidGroCFFReg_0;
}

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

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    display: inline-block;
    height: 1.5em;
    padding: 4px 6px;
    margin-bottom: 0.375em;
    font-size: 16px;
    line-height: 1.5em;
    color: #53565A;
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
    vertical-align: middle;
}

input,
textarea {
    width: 206px;
}

textarea {
    height: auto;
}

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

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
}

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

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

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

select {
    width: 220px;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    background-color: #fff;
}

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

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: var(--color-td-gray-2, #D9D9D6);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: var(--color-td-gray-2, #D9D9D6);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--color-td-gray-2, #D9D9D6);
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: var(--color-td-gray-1, #F2F2F2);
}

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

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
    color: #C81C1C;
    border-color: #E73C3E;
}

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

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

/* The one class in this file. Every other page gets `.clearfix` from Bootstrap 5, but
   MasterPages2_0/Modal.Master serves no Bootstrap at all and links this stylesheet by hand.
   Content/bootstrap5/theme.scss declares the same two rules, because Bootstrap's own `.clearfix` is
   served after this file and would otherwise win. */
.clearfix::before,
.clearfix::after {
    display: table;
    content: "";
}

.clearfix::after {
    clear: both;
}

/*
 * The components the site's own markup needs, lifted out of Content/css/bootstrap.css when that file
 * was deleted. Bootstrap 5 declares some of these class names and styles a different markup shape
 * behind them; it declares others not at all.
 *
 * Every CSS bundle serves this file, in the position the deleted one held, and
 * MasterPages2_0/Modal.Master links it by hand because it serves no bundle. The position is what
 * keeps the cascade against every other stylesheet unchanged: Content/css/project.css is served
 * directly after it and still overrides what it always overrode.
 *
 * The IE-only declarations of the deleted file are not here: the `*property` hacks, the
 * `filter: progid:DXImageTransform` gradients, the `-webkit-gradient()` fallback and the
 * `-webkit-`/`-moz-` radius prefixes.
 */

/* ---- The dropdown menu ----------------------------------------------------------------------
 *
 * Bootstrap 5 draws a menu whose items are `.dropdown-item` elements. Every menu here is a `<ul>`
 * of `<li><a>`, which Bootstrap 5 styles not at all. It also offsets `.dropdown-menu` from
 * `[data-bs-popper]`, an attribute Popper sets and `Scripts/site/dropdown.js` does not, so the offset is
 * declared here or every menu opens at the top of its container.
 */

.dropdown-toggle:active {
    outline: 0;
}

/* Twelve toggles render `<b class="caret"></b>` of their own, and Content/bootstrap5/theme.scss
   turns Bootstrap's `::after` arrow off so a toggle draws one arrow rather than two. */
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #161616;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}

.dropdown-menu {
    top: 100%;
    left: 0;
    float: left;
}

.dropdown-menu .divider {
    height: 1px;
    margin: -0.625em 1px;
    overflow: hidden;
    background-color: var(--color-td-gray-1, #F2F2F2);
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
}

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

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    text-decoration: none;
    color: #008759;
    background-color: #007d52;
    background-image: -moz-linear-gradient(top, #008759, #006e48);
    background-image: -webkit-linear-gradient(top, #008759, #006e48);
    background-image: -o-linear-gradient(top, #008759, #006e48);
    background-image: linear-gradient(to bottom, #008759, #006e48);
    background-repeat: repeat-x;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #008759;
    text-decoration: none;
    outline: 0;
    background-color: #007d52;
    background-image: -moz-linear-gradient(top, #008759, #006e48);
    background-image: -webkit-linear-gradient(top, #008759, #006e48);
    background-image: -o-linear-gradient(top, #008759, #006e48);
    background-image: linear-gradient(to bottom, #008759, #006e48);
    background-repeat: repeat-x;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: var(--color-td-gray-2, #D9D9D6);
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: default;
}

/* One menu opens on hover, with no script: the organisation admin menu in
   Views/Shared/AdminMenuOptions_Org.ascx. */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #b1b4b7;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #008759;
}

/* ---- The table ------------------------------------------------------------------------------
 *
 * Bootstrap 5 pads a cell and colours it, and leaves the rest of what a cell had.
 * Content/css/project.css took the padding when the deleted file was split; these are the rest.
 */

.table th,
.table td {
    line-height: 1.5em;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.table th {
    font-weight: bold;
}

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

/* ---- The pager ------------------------------------------------------------------------------
 *
 * The pager is `div.pagination > ul > li > a`; Bootstrap 5's pager is
 * `ul.pagination > li.page-item > a.page-link`. So Bootstrap styles the outer element and nothing
 * inside it. Without these the list items are blocks and the pager stacks one page number a line.
 *
 * The BIS page's own pager is Bootstrap 5 markup, and `Content/layout/components/components.css`
 * holds its margin at zero with `!important`, so `.pagination` here does not reach it.
 */

.pagination {
    margin: 1.5em 0;
}

.pagination ul {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
}

.pagination ul > li {
    display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
    float: left;
    padding: 4px 12px;
    line-height: 1.5em;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: #00af66;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    color: var(--color-td-gray-2, #D9D9D6);
    cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
    color: var(--color-td-gray-2, #D9D9D6);
    background-color: transparent;
    cursor: default;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
    border-left-width: 1px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

/* ---- The button group -----------------------------------------------------------------------
 *
 * Four pagers put their arrows in a `.btn-group`. Bootstrap 5 makes the group a flex row and gives
 * each button `flex: 1 1 auto`, with no size of its own, so an arrow would take the pill's 135x30
 * from `Content/bootstrap5/theme.scss`. Two classes outrank that one, which is how these stayed
 * 15x18 while the pill was site-wide.
 */

.btn-group > .btn {
    position: relative;
    width: 15px;
    height: 18px;
    background: #fff;
}

.btn-group > .btn + .btn {
    margin-left: -1px;
    width: 15px;
    height: 18px;
    background: #fff;
}

/* ---- The check box and the radio button -----------------------------------------------------
 *
 * Bootstrap 5 draws these with `.form-check`, which is a different markup shape and a different
 * control; 44 `checkbox` and 15 `radio` sites still use this one. Without the `.inline` rule a
 * label falls back to `Content/css/base.css`'s block `label` and every inline check box starts a
 * line of its own.
 */

.radio,
.checkbox {
    min-height: 1.5em;
    padding-left: 20px;
}

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

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

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

/* ---- The form group -------------------------------------------------------------------------
 *
 * One page groups its fields with `.control-group`, and Bootstrap 5 has no equivalent: its
 * `.mb-3` is 1rem where this is 0.375em. The name is the site's own now.
 */

.control-group {
    margin-bottom: 0.375em;
}

/* ---- The list and the panel -----------------------------------------------------------------
 *
 * `.list-unstyled` is on the site's main menu and on both footer lists, so it renders on every
 * page; only Content/css/project.css declared it, and one bundle does not carry that file.
 * `.bmo-well` is the panel Bootstrap 5 has no equivalent for, used by the BIS page.
 */

ul.list-unstyled,
ol.list-unstyled {
    margin: 0;
    list-style: none;
}

.bmo-well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* ---- The fluid grid -------------------------------------------------------------------------
 *
 * Views/Shared/_Layout.cshtml serves no Bootstrap, so the grid its markup is built against has
 * to be declared here. These percentages are the deleted file's and cannot be re-derived.
 */

.bmo-row-fluid {
    width: 100%;
}

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

.bmo-row-fluid:after {
    clear: both;
}

.bmo-row-fluid > [class*="bmo-span"] {
    display: block;
    width: 100%;
    min-height: 2.25em;
    box-sizing: border-box;
    float: left;
    margin-left: 2.12765957%;
}

.bmo-row-fluid > [class*="bmo-span"]:first-child {
    margin-left: 0;
}

.bmo-row-fluid > .bmo-span2 {
    width: 14.89361702%;
}

.bmo-row-fluid > .bmo-span4 {
    width: 31.91489362%;
}

.bmo-row-fluid > .bmo-span8 {
    width: 65.95744681%;
}

/*
 * The project stylesheets that were compiled into the forked Bootstrap 2 stylesheet, lifted out of
 * that compile unit before it was deleted. Thirty-two LESS partials produced these rules; the file
 * they came from was the committed stylesheet, not the LESS, because the two had diverged.
 *
 * Content/css/base.css and Content/css/site-components.css are the rest of what that file held, and
 * every bundle serves the three in that order, so the cascade against every other stylesheet is
 * unchanged.
 */
body {
    background: var(--color-td-gray-2, #D9D9D6);
}

.content-wide {
    background: #fff;
    margin-top: -1px;
    border-top: 1px solid #0e103e;
}

#simplemodal-overlay {
    background-color: #111;
    cursor: wait;
}

#simplemodal-container {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    border: 15px solid #303030;
}

#simplemodal-container code {
    background: #050727;
    border-left: 3px solid #19b775;
    color: var(--color-td-gray-2, #D9D9D6);
    display: block;
    margin-bottom: 12px;
    padding: 4px 6px 6px;
}

#simplemodal-container h1 {
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 18px;
}

#simplemodal-container h4 {
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 10px;
}

#simplemodal-container a.modalCloseImg {
    position: absolute;
    top: 12px;
    right: 12px;
    background: url(/Content/images/colorbox/controls.png) no-repeat -25px 0px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    cursor: pointer;
}

#simplemodal-container a.modalCloseImg:hover {
    background-position: -25px -25px;
}

#simplemodal-container .top div {
    height: 21px;
}

#simplemodal-container .content .center {
    margin: 0 21px;
    padding: 10px;
    background: #fff;
    overflow: visible;
}

#simplemodal-container .content {
    font-family: Verdana, Geneva, sans-serif;
    color: #111;
    font-size: 16px;
    line-height: normal;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

#simplemodal-container .content h1,
#colorbox h1 {
    margin: 9px 0 18px;
    line-height: 21.6px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: var(--color-td-green-heading, #00995b);
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
    padding-bottom: 10px;
}

#simplemodal-container .content h2 {
    margin: 10px 0 2px 0;
    padding: 0;
}

#simplemodal-container .content p {
    font-size: 16px;
}

#simplemodal-container .popup-buttons,
.modal .popup-buttons {
    text-align: right;
    margin-top: 30px;
    clear: both;
    font-size: 11px;
}

#simplemodal-container .popup-buttons div,
.modal .popup-buttons div {
    display: inline-block;
}

body.modal {
    background: #fff !important;
}

.modal table td {
    font-size: 12px;
}

.modal .modalCopy {
    font-size: 12px;
}

.modal {
    font-family: Verdana, Geneva, sans-serif;
    color: #000;
    font-size: 12px;
}

.modal h1 {
    margin: 0 0 28px 0 !important;
    padding: 7px 20px 5px 0 !important;
    border-bottom: 1px solid var(--color-td-gray-1, #F2F2F2) !important;
}

.modal h2 {
    margin: 0 0 10px 0;
    padding: 0;
}

#simplemodal-container .popup-buttons,
.modal .popup-buttons {
    text-align: right;
    margin-top: 30px;
    clear: both;
    font-size: 11px;
}

#simplemodal-container .popup-buttons div,
.modal .popup-buttons div {
    display: inline-block;
}

.search-style-dropdown {
    font-family: Verdana;
    position: absolute !important;
    top: 1px;
    left: 0px;
    font-size: 12px;
}

.search-style-dropdown a.dropdown-toggle {
    display: block;
    background: var(--color-td-gray-1, #F2F2F2);
    border-right: 1px solid var(--color-td-gray-2, #D9D9D6);
    border-left: 1px solid var(--color-td-gray-2, #D9D9D6);
    height: 40px;
    line-height: 40px;
    width: 110px;
    padding-left: 15px;
    color: #161616;
    text-decoration: none;
}

.search-style-dropdown a.dropdown-toggle:hover {
    text-decoration: inherit;
}

.search-style-dropdown a.dropdown-toggle .caret {
    border-top: 5px solid #53565A;
    margin-right: 12px;
    margin-top: 18px;
    position: absolute;
    right: 0;
    top: 0;
}

.search-style-dropdown .dropdown-menu {
    background: var(--color-td-gray-1, #F2F2F2) !important;
    border-color: var(--color-td-gray-2, #D9D9D6) !important;
    border-radius: 0 0 0 0;
    margin-top: 0;
    padding: 0;
    min-width: 143px;
}

.search-style-dropdown .dropdown-menu li {
    background: var(--color-td-gray-1, #F2F2F2);
    padding-left: 15px;
    color: #161616;
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.search-style-dropdown .dropdown-menu li.last {
    border-bottom: 0;
}

.search-style-dropdown .dropdown-menu li label {
    font-size: 11px;
    height: 28px;
    line-height: 28px;
    margin: 0;
    color: #0e103e;
}

.search-style-dropdown .dropdown-menu li label input {
    margin-top: 6px;
}

#headerSearch .search-style-dropdown {
    top: 1px;
    right: 32px;
    left: auto;
}

#headerSearch .search-style-dropdown a.dropdown-toggle {
    border-left: 1px solid var(--color-td-gray-2, #D9D9D6);
    border-right: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.ui-autocomplete {
    background: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid var(--color-td-gray-2, #D9D9D6) !important;
    border-top: 0 !important;
}

.ui-autocomplete li a {
    color: #0e103e;
    cursor: pointer;
    text-decoration: none;
}

.ui-autocomplete li a:hover {
    text-decoration: underline;
}

.table-multiskill th,
.table-multiskill td {
    padding-right: 10px;
}

.table-multiskill .skill-level-1 {
    background: var(--color-td-gray-1, #F2F2F2);
}

.table-multiskill .skill-description {
    border-left: 0;
}

.table-multiskill tr.last-row td {
    color: #0e103e;
}

#ToC,
#ToS {
    padding-right: 20px;
}

#ToC ul,
#ToS ul {
    list-style: none outside none;
    padding: 0;
    margin: 10px 0 0 0;
}

#ToC ul li,
#ToS ul li {
    font-size: 14px;
    font-weight: bold;
    padding-left: 30px;
    margin-bottom: 10px;
    line-height: normal;
    *zoom: 1;
}

#ToC ul li:before,
#ToS ul li:before,
#ToC ul li:after,
#ToS ul li:after {
    display: table;
    content: "";
    line-height: 0;
}

#ToC ul li:after,
#ToS ul li:after {
    clear: both;
}

#ToC ul li span,
#ToS ul li span {
    display: inline-block;
    margin-left: -30px;
    width: 30px;
    padding-left: 0;
}

#ToC ul li ul li,
#ToS ul li ul li {
    padding-left: 40px;
    font-size: 11px;
    font-weight: normal;
}

#ToC ul li ul li span,
#ToS ul li ul li span {
    margin-left: -40px;
    width: 40px;
}

#ToC ul li ul li ul li,
#ToS ul li ul li ul li {
    padding-left: 50px;
}

#ToC ul li ul li ul li span,
#ToS ul li ul li ul li span {
    margin-left: -50px;
    width: 50px;
}

#ToC .agreement,
#ToS .agreement {
    font-size: 11px;
}

#achieveSearchButton:focus,
.btn-search:focus {
    outline: 1px solid #0e103e;
}

.glimpse {
    z-index: 1000;
    position: relative;
}

#menu-holder {
    position: relative;
}

#newSearchContainer {
    background: #fff;
    height: 64px;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 0;
    transition: width 375ms cubic-bezier(0.4, 0, 0.2, 1);
}

#newSearchContainer #newSearchField {
    box-sizing: border-box;
    padding: 5px 90px 5px 20px;
    height: 42px;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    color: #53565A;
    margin: 10px 0;
    font-size: 18px;
    font-family: 'Open Sans';
    width: 100%;
    outline: none;
}

#newSearchContainer.open {
    width: 100%;
}

#newSearchContainer.open #newSearchField {
    z-index: 100;
}

#newSearchButton {
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
    height: 42px;
    width: 42px;
    cursor: pointer;
    border: none;
    background: url(/Content/images/btn_search-submit-header.png) -42px 0 no-repeat;
    outline: none;
    /*&.open {
        background-position: -42px 0;
    }*/
}

td {
    padding: 0;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 13.6px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0.5em 0 0.5em 0;
}

h1.no-margin,
h2.no-margin,
h3.no-margin,
h4.no-margin,
h5.no-margin,
h6.no-margin {
    margin: 0;
}

h5 {
    margin: 6px 0 0 0;
}

.primary-theme-color {
    color: #00af66;
}

.secondary-theme-color {
    color: #0e103e;
}

ul.list-unstyled,
ol.list-unstyled {
    margin: 0;
    list-style: none;
}

ul.list-unstyled li,
ol.list-unstyled li {
    line-height: normal;
}

ul.no-style,
ol.no-style {
    list-style: none;
}

ul.no-style li,
ol.no-style li {
    line-height: normal;
}

form,
.form {
    margin: 0;
}

form .form-text,
.form .form-text {
    font-size: 10px;
    color: #0e103e;
}

form .form-text a,
.form .form-text a {
    color: inherit;
    text-decoration: underline;
}

form .form-text a:hover,
.form .form-text a:hover {
    text-decoration: none;
}

form .form-section,
.form .form-section {
    padding: 10px 0 20px 0;
    border-top: 1px solid var(--color-td-gray-2, #D9D9D6);
}

form .form-section.first,
.form .form-section.first {
    padding-top: 20px;
    border: 0;
}

form .form-section.tight,
.form .form-section.tight {
    padding: 0 0 10px 0;
}

form .form-section.no-border,
.form .form-section.no-border {
    border: 0;
}

form .form-subsection,
.form .form-subsection {
    padding: 10px 0;
}

form .form-row,
.form .form-row {
    padding-bottom: 10px;
}

form .form-verify-box,
.form .form-verify-box {
    border-top: 1px solid var(--color-td-gray-2, #D9D9D6);
    padding-top: 10px;
}

form h3 .requiredMark,
.form h3 .requiredMark {
    font-size: inherit;
}

form .col-5,
.form .col-5 {
    margin-left: 0;
}

form .col-5 input[type="text"],
.form .col-5 input[type="text"],
form .col-5 input[type="password"],
.form .col-5 input[type="password"] {
    width: 285px;
}

form .col-5 select,
.form .col-5 select {
    width: 299px;
}

form .col-4,
.form .col-4 {
    margin-left: 0;
}

form .col-4 input[type="text"],
.form .col-4 input[type="text"],
form .col-4 input[type="password"],
.form .col-4 input[type="password"] {
    width: 250px;
}

form .col-4 select,
.form .col-4 select {
    width: 264px;
}

form .col-8,
.form .col-8 {
    margin-left: 0;
}

form span.has-select,
.form span.has-select {
    display: inline-block;
    margin-top: 5px;
    vertical-align: top;
}

form span.has-select select,
.form span.has-select select {
    vertical-align: top;
    margin-top: -5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

label.disabled {
    color: #53565A;
    cursor: default;
}

.form-horizontal .form-label {
    text-align: left;
    width: 70px;
}

.form-horizontal .controls {
    margin-left: 90px;
}

input[disabled],
select[disabled],
textarea[disabled] {
    cursor: not-allowed;
    background-color: var(--color-td-gray-1, #F2F2F2);
    color: var(--color-td-gray-3, #C8C9C7);
}

input[readonly],
select[readonly],
textarea[readonly] {
    cursor: default;
}

input[readonly]:not(.hasDatepicker),
select[readonly]:not(.hasDatepicker),
textarea[readonly]:not(.hasDatepicker) {
    background-color: var(--color-td-gray-1, #F2F2F2);
    color: var(--color-td-gray-3, #C8C9C7);
}

input[readonly].hasDatepicker,
select[readonly].hasDatepicker,
textarea[readonly].hasDatepicker {
    background: #fff;
}

.table-bordered,
.table tr,
td,
th {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.table-outline-only {
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.table-outline-only > tr,
.table-outline-only > td,
.table-outline-only > th {
    border: 0;
}

.table {
    font-size: 11px;
}

.table thead tr,
.table thead td {
    background: #e7e7e7;
}

.table tr.accent > th,
.table tr.accent > td {
    background: var(--color-td-gray-1, #F2F2F2);
}

.table th,
.table td {
    padding: 10px 20px;
}

.table.table-my-messages {
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

td[align="right"] {
    text-align: right !important;
}

.form-button-holder {
    border-top: 1px solid var(--color-td-gray-2, #D9D9D6);
    margin-top: 20px;
    padding-top: 20px;
}

.form-button-holder .form-button-holder-wrap {
    float: left;
}

.form-button-holder .form-button-holder-wrap.align-right {
    float: right;
}

.btn {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    padding: 1px 15px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    width: 135px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    color: #0e103e;
    text-decoration: none;
    border: 1px solid #0e103e;
    *border: 0;
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
    *margin-left: 0.3em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn:first-child {
    *margin-left: 0;
}

.btn:hover,
.btn:focus {
    color: #0e103e;
    background: #fff;
    text-decoration: underline;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn.disabled,
.btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-large {
    padding: 11px 19px;
    font-size: 20px;
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
    margin-top: 4px;
}

.btn-small {
    padding: 2px 10px;
    font-size: 13.6px;
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
    margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
    margin-top: -1px;
}

.btn-mini {
    padding: 0 6px;
    font-size: 12px;
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-primary,
.btn-warning,
.btn-danger,
.btn-success,
.btn-info,
.btn-inverse {
    color: #fff;
}

.btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #99dfc2;
    background-image: -moz-linear-gradient(top, #fff, #00af66);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#00af66));
    background-image: -webkit-linear-gradient(top, #fff, #00af66);
    background-image: -o-linear-gradient(top, #fff, #00af66);
    background-image: linear-gradient(to bottom, #fff, #00af66);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff00af66', GradientType=0);
    border-color: #00af66 #00af66 #006339;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #00af66;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    color: #fff;
    background-color: #00af66;
    *background-color: #009657;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #007c48 \9;
}

.btn-warning {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffde90;
    background-image: -moz-linear-gradient(top, #ffe7af, #FFD162);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe7af), to(#FFD162));
    background-image: -webkit-linear-gradient(top, #ffe7af, #FFD162);
    background-image: -o-linear-gradient(top, #ffe7af, #FFD162);
    background-image: linear-gradient(to bottom, #ffe7af, #FFD162);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe7af', endColorstr='#ffffd162', GradientType=0);
    border-color: #FFD162 #FFD162 #ffbb16;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #FFD162;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

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

.btn-warning:active,
.btn-warning.active {
    background-color: #ffc22f \9;
}

.btn-danger {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #db2f30;
    background-image: -moz-linear-gradient(top, #E73C3E, #C81C1C);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E73C3E), to(#C81C1C));
    background-image: -webkit-linear-gradient(top, #E73C3E, #C81C1C);
    background-image: -o-linear-gradient(top, #E73C3E, #C81C1C);
    background-image: linear-gradient(to bottom, #E73C3E, #C81C1C);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe73c3e', endColorstr='#ffc81c1c', GradientType=0);
    border-color: #C81C1C #C81C1C #851313;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #C81C1C;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

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

.btn-danger:active,
.btn-danger.active {
    background-color: #9b1616 \9;
}

.btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #99cfbd;
    background-image: -moz-linear-gradient(top, #fff, #008759);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#008759));
    background-image: -webkit-linear-gradient(top, #fff, #008759);
    background-image: -o-linear-gradient(top, #fff, #008759);
    background-image: linear-gradient(to bottom, #fff, #008759);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff008759', GradientType=0);
    border-color: #008759 #008759 #003b27;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #008759;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    color: #fff;
    background-color: #008759;
    *background-color: #006e48;
}

.btn-success:active,
.btn-success.active {
    background-color: #005437 \9;
}

.btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #2f96b4;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

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

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

.btn-inverse {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #323232;
    background-image: -moz-linear-gradient(top, #444, #161616);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#161616));
    background-image: -webkit-linear-gradient(top, #444, #161616);
    background-image: -o-linear-gradient(top, #444, #161616);
    background-image: linear-gradient(to bottom, #444, #161616);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff161616', GradientType=0);
    border-color: #161616 #161616 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #161616;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

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

.btn-inverse:active,
.btn-inverse.active {
    background-color: #000000 \9;
}

button.btn,
input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-link {
    border-color: transparent;
    cursor: pointer;
    text-decoration: none;
    color: #0e103e;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-link:hover,
.btn-link:focus {
    text-decoration: underline;
    color: #fff;
    background-color: #0e103e;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
    color: #53565A;
    text-decoration: none;
}

a.button,
input.button,
div.button,
button.button,
a.green-button,
input.green-button,
div.green-button,
button.green-button,
a.link-button,
input.link-button,
div.link-button,
button.link-button,
a.windows-button,
input.windows-button,
div.windows-button,
button.windows-button,
a.apple-button,
input.apple-button,
div.apple-button,
button.apple-button,
a.android-button,
input.android-button,
div.android-button,
button.android-button {
    background: #fff;
    font-weight: bold;
    font-size: 12px !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    text-transform: capitalize;
    display: inline-block;
    height: auto;
    line-height: 22px;
    margin-right: 6px;
    text-decoration: none !important;
    cursor: pointer;
    padding: 5px 20px;
    border: 2px solid #0e103e;
    outline: 0;
    border-radius: 100px 100px 100px 100px;
}

a.button,
input.button,
div.button,
button.button,
a.link-button,
input.link-button,
div.link-button,
button.link-button {
    background-color: #fff;
    color: #0e103e;
}

a.button:hover,
input.button:hover,
div.button:hover,
button.button:hover,
a.link-button:hover,
input.link-button:hover,
div.link-button:hover,
button.link-button:hover {
    background-color: #0e103e;
    color: white;
}

a.confirm,
input.confirm,
div.confirm,
button.confirm {
    background-color: var(--color-td-blue, #0E103E);
    color: white;
    border: 1px solid var(--color-td-blue, #0E103E);;
}

a.confirm:hover,
input.confirm:hover,
div.confirm:hover,
button.confirm:hover {
    background-color: var(--color-bootstrap-blue, #005b94);
    color: white;
    border: 1px solid var(--color-bootstrap-blue, #005b94);
}

a.green-button,
input.green-button,
div.green-button,
button.green-button {
    background-color: #fff;
    color: #0e103e;
    border: 1px solid #0e103e;
}

a.green-button:hover,
input.green-button:hover,
div.green-button:hover,
button.green-button:hover {
    background-color: #0e103e;
    color: white;
    border: 1px solid #0e103e;
}

a.windows-button,
input.windows-button,
div.windows-button,
button.windows-button {
    background-color: #01A4EF;
}

a.windows-button:hover,
input.windows-button:hover,
div.windows-button:hover,
button.windows-button:hover {
    background-color: #0181bc;
}

a.apple-button,
input.apple-button,
div.apple-button,
button.apple-button {
    background-color: #000000;
}

a.apple-button:hover,
input.apple-button:hover,
div.apple-button:hover,
button.apple-button:hover {
    background-color: #1a1a1a;
}

a.android-button,
input.android-button,
div.android-button,
button.android-button {
    background-color: #A4C639;
}

a.android-button:hover,
input.android-button:hover,
div.android-button:hover,
button.android-button:hover {
    background-color: #839e2e;
}

a.button[disabled],
input.button[disabled],
div.button[disabled],
button.button[disabled],
a.button.button-disabled,
input.button.button-disabled,
div.button.button-disabled,
button.button.button-disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor: default;
}

a.large-button,
input.large-button,
div.large-button,
button.large-button {
    font-size: 30px !important;
    font-family: 'Open Sans', sans-serif !important;
    height: 30px;
    line-height: 30px;
    margin-right: 0;
    padding: 17px 70px;
}

a.text-input-align,
input.text-input-align,
div.text-input-align,
button.text-input-align {
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: top;
}

.pagination ul > li > a,
.pagination ul > li > span {
    line-height: 22px;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
    font-size: 11px;
    padding: 0px 5px;
    margin-left: 3px;
}

.pagination ul {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.pagination ul,
.pagination-small ul > li:first-child > span,
.pagination ul > li:first-child > span,
.pagination-small ul > li:last-child > a,
.pagination ul > li:last-child > a,
.pagination-small ul > li:first-child > a,
.pagination-small ul > li:last-child > span {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.pagination-small ul > li > span {
    background: #00af66;
    color: #fff;
}

.pagination-small ul > li > a {
    background: none;
    color: #0e103e;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background: var(--color-td-gray-2, #D9D9D6);
    color: #111;
}

.activity-box-1 {
    border: 1px solid transparent;
    padding: 15px;
    margin-bottom: 20px;
}

.activity-box-1 .box-inner {
    width: 152px;
    position: relative;
}

.activity-box-1 .activity-box-image-link {
    display: block;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.activity-box-1 .activity-box-details,
.activity-box-1 .activity-box-author,
.activity-box-1 .activity-box-details a,
.activity-box-1 .activity-box-author a {
    color: #0e103e;
    font-size: 13.6px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.activity-box-1 .activity-box-details a,
.activity-box-1 .activity-box-author a {
    text-decoration: underline;
}

.activity-box-1 .activity-box-details a:hover,
.activity-box-1 .activity-box-author a:hover {
    text-decoration: none;
}

.activity-box-1.hover {
    background: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.activity-box-1.selectable {
    cursor: pointer;
}

.activity-box-1.selected {
    margin: 5px 5px 25px 5px;
    padding: 10px;
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.activity-box-1 img {
    background: #fff;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.activity-box-1 .check-assigned {
    background: url(/Content/images/assign-activities-checkmark.png) 0 0 no-repeat;
    position: absolute;
    top: -15px;
    right: -15px;
    height: 46px;
    width: 46px;
    z-index: 150;
}

.activity-box-1 h5,
.lesson-block-2 h5,
.activity-box-horizontal h5,
.activity-box-1 h5 a,
.lesson-block-2 h5 a,
.activity-box-horizontal h5 a {
    color: var(--color-td-blue, #0E103E);
    font-family: AkzidGroCFFReg_0;
    font-weight: normal;
    word-wrap: break-word;
}

.lesson-block-2 {
    padding: 14px 18px;
    position: relative;
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.lesson-block-2 .image {
    float: left;
    display: inline;
}

.lesson-block-2 .image img {
    vertical-align: top;
    border: 1px #000 solid;
}

.lesson-block-2 .image.pdf {
    width: 76px;
    text-align: center;
}

.lesson-block-2 .image.pdf img {
    border: 0;
}

.lesson-block-2 .activitysetimage {
    float: left;
    background: url(/Content/images/bg-activity-set-sm.png) 0 0 no-repeat;
    display: block;
    height: 62px;
    width: 76px;
    z-index: 100;
    position: relative;
}

.lesson-block-2 .activitysetimage img {
    position: absolute;
    bottom: 2px;
    right: 1px;
    height: 45px;
    width: 53px;
}

.lesson-block-2 .text-box {
    float: left;
    overflow: hidden;
    width: 440px;
    font-size: 10px;
}

.lesson-block-2 .ico-wrapper {
    padding: 0 15px;
    float: left;
    position: relative;
}

.lesson-block-2 .ico-wrapper em {
    height: 31px;
    width: 34px;
    display: block;
}

.lesson-block-2 .ico-wrapper span {
    text-align: center;
    background-image: url("/Content/images/lg-icons-sprite.png");
    height: 31px;
    width: 34px;
    display: block;
    margin: 0;
    float: left;
}

.lesson-block-2 .ico-wrapper span {
    background-position: 0 0;
}

.lesson-block-2 .ico-wrapper .ico-performance-interactive span {
    background-position: 0 -31px;
}

.lesson-block-2 .ico-wrapper .ico-performance-interactive-locked span {
    background-position: -34px -31px;
}

.lesson-block-2 .ico-wrapper .ico-performance-interactive-editable span {
    background-position: -68px -31px;
}

.lesson-block-2 .ico-wrapper .ico-interactive span {
    background-position: 0 -62px;
}

.lesson-block-2 .ico-wrapper .ico-interactive-locked span {
    background-position: -34px -62px;
}

.lesson-block-2 .ico-wrapper .ico-interactive-editable span {
    background-position: -68px -62px;
}

.lesson-block-2 .ico-wrapper .ico-non-interactive span {
    background-position: 0 -93px;
}

.lesson-block-2 .ico-wrapper .ico-non-interactive-locked span {
    background-position: -34px -93px;
}

.lesson-block-2 .ico-wrapper .ico-non-interactive-editable span {
    background-position: -68px -93px;
}

.lesson-block-2 .ico-wrapper .ico-activity-set span {
    background-position: 0 -124px;
}

.lesson-block-2 .ico-wrapper .ico-activity-set-locked span {
    background-position: -34px -124px;
}

.lesson-block-2 .ico-wrapper .ico-activity-set-editable span {
    background-position: -68px -124px;
}

.lesson-block-2 .ico-wrapper .ico-symbol span {
    background-position: 0 -155px;
}

.lesson-block-2 .ico-wrapper .ico-video span {
    background-position: 0 -186px;
}

.lesson-block-2 .ico-wrapper .ico-audio span {
    background-position: 0 -217px;
}

.lesson-block-2 .ico-wrapper .ico-program span {
    background-position: 0 -248px;
}

.lesson-block-2 .ico-wrapper .ico-bm-content span {
    background-position: 0 -279px;
}

.lesson-block-2 .quick-view {
    padding: 0 0 3px 0;
    font-size: 13.6px;
    line-height: 16px;
    color: #53565A;
}

.lesson-block-2 .quick-view .premium {
    color: #00af66;
    font-weight: bold;
}

.lesson-block-2 .quick-view a {
    color: #0e103e;
    text-decoration: underline;
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: visible;
    white-space: nowrap;
    position: relative;
    top: 3px;
    max-width: 190px;
    display: inline-block;
}

.lesson-block-2 .quick-view a:hover {
    text-decoration: none;
}

.lesson-block-2 .quick-view a.private {
    color: #0e103e;
}

.lesson-block-2 .quick-view a.public {
    color: #0e103e;
}

.lesson-block-2 ul {
    float: right;
}

.lesson-block-2 ul li {
    position: relative;
    float: left;
}

.lesson-block-2 ul li .counter {
    background: url(/Content/images/btn-activity-actions-counter.png) 0 0 no-repeat;
    font: normal 9px/18px Arial, Helvetica, Verdana, sans-serif;
    color: #FFF;
    text-align: center;
    position: absolute;
    top: -9px;
    right: 3px;
    height: 18px;
    width: 18px;
    display: block;
}

/* my activities */
.lg-btn-menu.my-activities-menu[class*="District"] li,
.lg-btn-menu.my-activities-menu[class*="Classroom"] li,
.lg-btn-menu.my-activities-menu.RetailFamily li {
    width: 25%;
}

.lg-btn-menu.my-activities-menu[class*="admin"] li {
    width: 20%;
    text-align: center;
}

.lg-btn-menu.my-activities-menu[class*="admin"] li a {
    height: auto;
}

.lg-btn-menu.my-activities-menu[class*="admin"] li a span {
    float: none;
    margin: 7px auto 0;
}

.lg-btn-menu.my-activities-menu.FreeAccount li,
.lg-btn-menu.my-activities-menu.FreeAccount.admin li {
    width: 50%;
}

.activity-box-horizontal .left,
.activity-box-horizontal .right {
    float: left;
}

.activity-box-horizontal .left {
    margin-right: 18px;
    position: relative;
    width: 143px;
}

.activity-box-horizontal .right {
    width: 430px;
}

.activity-box-horizontal .activity-box-details,
.activity-box-horizontal .activity-box-author,
.activity-box-horizontal .activity-box-details a,
.activity-box-horizontal .activity-box-author a {
    color: #008759;
    font-size: 13.6px;
}

.activity-box-horizontal .activity-box-details a,
.activity-box-horizontal .activity-box-author a {
    text-decoration: none;
}

.activity-box-horizontal .activity-box-details a:hover,
.activity-box-horizontal .activity-box-author a:hover {
    text-decoration: underline;
}

.activity-box-horizontal img {
    border: 1px solid #111;
}

.activity-set-status {
    font-size: 18px;
    color: var(--color-td-gray-3, #C8C9C7);
    position: absolute;
    top: 80px;
    right: 0;
}

.activity-set-status span {
    color: #008759;
}

.activity-set-list {
    background: #fff;
    overflow: auto;
    height: 500px;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.activity-set-list .lesson-block-2 .text-box {
    width: 325px;
    padding-left: 20px;
}

.activity-set-list .lesson-block-2 .text-box h5 {
    margin-top: 0;
}

.group-box-1 {
    border: 1px solid transparent;
    padding: 15px;
    margin-bottom: 20px;
}

.group-box-1 .box-inner {
    width: 152px;
}

.group-box-1 .group-box-image-link {
    display: block;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.group-box-1 .group-box-details,
.group-box-1 .group-box-author,
.group-box-1 .group-box-details a,
.group-box-1 .group-box-author a {
    color: #0e103e;
    font-size: 13.6px;
}

.group-box-1 .group-box-details a,
.group-box-1 .group-box-author a {
    text-decoration: underline !important;
}

.group-box-1 .group-box-details a:hover,
.group-box-1 .group-box-author a:hover {
    text-decoration: none !important;
}

.group-box-1 .group-box-details {
    line-height: 1.3em;
    padding: 4px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.group-box-1 .group-box-details.stats p {
    font-size: 10px;
    color: #161616;
    margin-bottom: 6px;
}

.group-box-1 .group-box-details.stats p .number {
    font-weight: bold;
    float: right;
}

.group-box-1.hover {
    background: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.group-box-1.selectable {
    cursor: pointer;
}

.group-box-1.selected {
    margin: 5px 5px 25px 5px;
    padding: 10px;
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.group-box-1 img {
    background: #fff;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.group-box-1 h5,
.group-box-1 h5 a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #008759;
}

.member-box-1 {
    border: 1px solid transparent;
    padding: 15px;
    margin-bottom: 20px;
}

.member-box-1 .box-inner {
    width: 152px;
}

.member-box-1 .member-box-image-link {
    display: block;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.member-box-1 .member-box-details,
.member-box-1 .member-box-author,
.member-box-1 .member-box-details a,
.member-box-1 .member-box-author a {
    color: #0e103e;
    font-size: 13.6px;
}

.member-box-1 .member-box-details a,
.member-box-1 .member-box-author a {
    text-decoration: none;
}

.member-box-1 .member-box-details a:hover,
.member-box-1 .member-box-author a:hover {
    text-decoration: underline;
}

.member-box-1 .member-box-details {
    line-height: 12px;
    padding: 4px 0;
}

.member-box-1.hover {
    background: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.member-box-1.selectable {
    cursor: pointer;
}

.member-box-1.selected {
    margin: 5px 5px 25px 5px;
    padding: 10px;
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.member-box-1 img {
    background: #fff;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.member-box-1 h5,
.member-box-1 h5 a {
    color: #008759;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.profile-box {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.profile-box .profile-thumbnail {
    margin-right: 20px;
}

.profile-box .profile-thumbnail img {
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    background: #fff;
}

.profile-box .profile-details {
    width: 707px;
}

.profile-box .profile-details h3 {
    color: #0e103e;
    font-family: AkzidGroCFFReg_0;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.profile-box .profile-details .profile-details-columns {
    color: #161616;
    font-size: 14px;
}

.profile-box .profile-details .profile-details-columns strong {
    color: #111;
}

.profile-box .profile-details .profile-details-columns .column-left {
    padding-right: 20px;
}

.profile-box .profile-details .profile-details-columns .column-right {
    width: 345px;
}

.profile-box .profile-details .profile-details-columns li {
    padding: 2px 0;
}

.profile-box .profile-details .profile-details-columns a {
    text-decoration: underline;
}

.profile-box .profile-details .profile-details-columns a:hover {
    text-decoration: none;
}

.profile-box .profile-details .profile-details-wide {
    border-top: 1px solid var(--color-td-gray-2, #D9D9D6);
    margin-top: 0;
}

.profile-box .profile-details .profile-details-wide h3 {
    color: #0e103e;
    font-size: 22px;
    line-height: 1.3em;
    font-family: AkzidGroCFFReg_0;
    margin-top: 2px;
}

.profile-box .profile-details .profile-details-wide .col {
    float: left;
    padding-top: 10px;
}

.profile-box .profile-details .profile-details-wide .col1 {
    text-align: center;
    border-right: 1px solid var(--color-td-gray-2, #D9D9D6);
    width: 118px;
}

.profile-box .profile-details .profile-details-wide .col1 a {
    display: block;
    font-size: 16px;
    color: #008759;
    margin-top: 2px;
    text-decoration: none;
}

.profile-box .profile-details .profile-details-wide .col1 a:hover {
    text-decoration: underline;
}

.profile-box .profile-details .profile-details-wide .col2 {
    text-align: center;
    width: 75px;
}

.profile-box .profile-details .profile-details-wide .col3 {
    width: 513px;
    text-align: right;
}

.profile-box .profile-details .profile-details-wide .col-dynamic {
    text-align: center;
    border-right: 1px solid var(--color-td-gray-2, #D9D9D6);
    padding-right: 20px;
    padding-left: 20px;
}

.profile-box .profile-details .profile-details-wide .col-dynamic.last-col-dynamic {
    border-right: 0;
}

.profile-box .profile-details .profile-details-wide .col-dynamic a {
    font-size: 16px;
    color: #008759;
    margin-top: 2px;
    text-decoration: none;
}

.profile-box .profile-details .profile-details-wide .col-dynamic a:hover {
    text-decoration: underline;
}

.profile-box .profile-details .profile-details-wide .col-dynamic-right {
    float: right;
    text-align: center;
    padding-top: 10px;
    padding-left: 20px;
}

.profile-box.dashboard-profile-box,
.profile-box.licensed-dashboard-profile-box {
    height: 192px;
    padding: 0;
}

.profile-box.dashboard-profile-box .profile-thumbnail,
.profile-box.licensed-dashboard-profile-box .profile-thumbnail {
    margin: 20px;
}

.profile-box.dashboard-profile-box .profile-details,
.profile-box.licensed-dashboard-profile-box .profile-details {
    width: 774px;
}

.profile-box.dashboard-profile-box .profile-details .left,
.profile-box.licensed-dashboard-profile-box .profile-details .left {
    width: 396px;
    padding-top: 5px;
}

.profile-box.dashboard-profile-box .profile-details .left .profile-details-columns,
.profile-box.licensed-dashboard-profile-box .profile-details .left .profile-details-columns {
    padding-bottom: 10px;
}

.profile-box.dashboard-profile-box .profile-details .left .profile-details-columns ul li,
.profile-box.licensed-dashboard-profile-box .profile-details .left .profile-details-columns ul li {
    padding: 4px 0;
}

.profile-box.dashboard-profile-box .profile-details .left .col,
.profile-box.licensed-dashboard-profile-box .profile-details .left .col {
    width: 110px;
    text-align: center;
}

.profile-box.dashboard-profile-box .profile-details .left .col2,
.profile-box.licensed-dashboard-profile-box .profile-details .left .col2 {
    border-right: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.profile-box.dashboard-profile-box .profile-details .left .col2 a,
.profile-box.licensed-dashboard-profile-box .profile-details .left .col2 a,
.profile-box.dashboard-profile-box .profile-details .left .col3 a,
.profile-box.licensed-dashboard-profile-box .profile-details .left .col3 a {
    display: block;
    font-size: 16px;
    color: #008759;
    margin-top: 2px;
    text-decoration: none;
}

.profile-box.dashboard-profile-box .profile-details .left .col2 a:hover,
.profile-box.licensed-dashboard-profile-box .profile-details .left .col2 a:hover,
.profile-box.dashboard-profile-box .profile-details .left .col3 a:hover,
.profile-box.licensed-dashboard-profile-box .profile-details .left .col3 a:hover {
    text-decoration: underline;
}

.profile-box.dashboard-profile-box .profile-details .right,
.profile-box.licensed-dashboard-profile-box .profile-details .right {
    height: 193px;
}

.profile-box.dashboard-profile-box .profile-details .right ul,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul {
    height: 193px;
    padding: 0;
}

.profile-box.dashboard-profile-box .profile-details .right ul li,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul li {
    text-align: center;
    width: 115px;
    padding: 0;
    border-top: none;
    height: 193px;
    float: right;
    border-left: 1px solid var(--color-td-gray-2, #D9D9D6);
    overflow: hidden;
}

.profile-box.dashboard-profile-box .profile-details .right ul li a,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul li a {
    display: block;
    height: 100%;
    color: #53565A;
    text-decoration: none;
    padding-top: 50px;
}

.profile-box.dashboard-profile-box .profile-details .right ul li a .wrapper,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul li a .wrapper {
    padding-top: 22px;
}

.profile-box.dashboard-profile-box .profile-details .right ul li a .wrapper .icon,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul li a .wrapper .icon {
    display: inline-block;
    padding: 0;
    margin: 0 auto;
    height: 31px;
    width: 31px;
    background: url(/Content/images/icons/lg-btn-dashboard-icons-sprite.png) 0 0 no-repeat;
}

.profile-box.dashboard-profile-box .profile-details .right ul li a .wrapper .title,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul li a .wrapper .title {
    font-size: 11px;
    padding-top: 10px;
    line-height: 14px;
}

.profile-box.dashboard-profile-box .profile-details .right ul li a:hover,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul li a:hover {
    background: #0e103e;
    color: #fff;
    text-decoration: underline;
}

.profile-box.dashboard-profile-box .profile-details .right ul li a strong,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul li a strong {
    font-size: 18px;
    line-height: 21px;
    padding-top: 10px;
    display: block;
}

.profile-box.dashboard-profile-box .profile-details .right ul .link01 a .wrapper .icon,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul .link01 a .wrapper .icon {
    background-position: 0 0;
}

.profile-box.dashboard-profile-box .profile-details .right ul .link01 a:hover .wrapper .icon,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul .link01 a:hover .wrapper .icon {
    background-position: -31px 0;
}

.profile-box.dashboard-profile-box .profile-details .right ul .link02 a .wrapper .icon,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul .link02 a .wrapper .icon {
    background-position: 0 -93px;
}

.profile-box.dashboard-profile-box .profile-details .right ul .link02 a:hover .wrapper .icon,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul .link02 a:hover .wrapper .icon {
    background-position: -31px -93px;
}

.profile-box.dashboard-profile-box .profile-details .right ul .link03 a .wrapper .icon,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul .link03 a .wrapper .icon {
    background-position: 0 -31px;
}

.profile-box.dashboard-profile-box .profile-details .right ul .link03 a:hover .wrapper .icon,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul .link03 a:hover .wrapper .icon {
    background-position: -31px -31px;
}

.profile-box.dashboard-profile-box .profile-details .right ul .link04 a .wrapper .icon,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul .link04 a .wrapper .icon {
    background-position: 0 -62px;
}

.profile-box.dashboard-profile-box .profile-details .right ul .link04 a:hover .wrapper .icon,
.profile-box.licensed-dashboard-profile-box .profile-details .right ul .link04 a:hover .wrapper .icon {
    background-position: -31px -62px;
}

.profile-box.dashboard-profile-box.licensed-dashboard-profile-box,
.profile-box.licensed-dashboard-profile-box.licensed-dashboard-profile-box {
    height: 240px;
}

.profile-box.dashboard-profile-box.licensed-dashboard-profile-box,
.profile-box.licensed-dashboard-profile-box.licensed-dashboard-profile-box.oc {
    height: 300px;
}

.profile-box.dashboard-profile-box.licensed-dashboard-profile-box .right ul li,
.profile-box.licensed-dashboard-profile-box.licensed-dashboard-profile-box .right ul li {
    height: 230px;
}

/* student profile */
.student-profile-box {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.student-profile-box .student-profile-thumbnail-container {
    width: 180px;
}

.student-profile-box .student-profile-thumbnail {
}

.student-profile-box .student-profile-grade-level {
    margin-right: 20px;
    width: 150px;
}

.student-profile-box .student-profile-grade-level .row1 {
    text-align: center;
    border-left: 1px solid var(--color-td-gray-2, #D9D9D6);
    padding-left: 5px;
}

.student-profile-box .student-profile-grade-level .row2 {
    text-align: center;
    border-left: 1px solid var(--color-td-gray-2, #D9D9D6);
    padding-left: 5px;
}

.student-profile-box .student-profile-student-badge {
    margin-right: 20px;
}

.student-profile-box .student-profile-student-badge img {
    background: var(--color-td-gray-1, #F2F2F2);
    padding-left: 27px;
}

.student-profile-box .student-profile-details {
    width: 530px;
    margin-left: 20px;
}

.student-profile-box .student-profile-details .student-profile-details-columns {
    color: #161616;
    font-size: 14px;
}

.student-profile-box .student-profile-details .student-profile-details-columns strong {
    color: #111;
}

.student-profile-box .student-profile-details .student-profile-details-columns .column-left {
    padding-right: 20px;
}

.student-profile-box .student-profile-details .student-profile-details-columns .column-right {
    width: 330px;
}

.student-profile-box .student-profile-details .student-profile-details-columns li {
    padding: 2px 0;
}

.student-profile-box .student-profile-details .student-profile-details-columns a {
    text-decoration: underline;
}

.student-profile-box .student-profile-details .student-profile-details-columns a:hover {
    text-decoration: none;
}

.student-profile-box .student-profile-details .student-profile-details-wide {
    margin-top: 0px;
    padding-top: 22px;
}

.student-profile-box .student-profile-details .student-profile-details-wide h3 {
    color: #0e103e;
    font-size: 22px;
    line-height: 1.3em;
    font-family: AkzidGroCFFReg_0;
    margin-top: 2px;
}

.student-profile-box .student-profile-details .student-profile-details-wide .col {
    float: left;
}

.student-profile-box .student-profile-details .student-profile-details-wide .col1 {
    text-align: center;
    border-right: 1px solid var(--color-td-gray-2, #D9D9D6);
    width: 38px;
}

.student-profile-box .student-profile-details .student-profile-details-wide .col1 a {
    display: block;
    font-size: 16px;
    color: #008759;
    margin-top: 2px;
    text-decoration: none;
}

.student-profile-box .student-profile-details .student-profile-details-wide .col1 a:hover {
    text-decoration: underline;
}

.student-profile-box .student-profile-details .student-profile-details-wide .dropdown {
    position: relative;
    display: inline-block;
}


.student-profile-box .student-profile-details .student-profile-details-wide .user-setting-dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--color-td-gray-1, #F2F2F2);
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    left: 10px;
}

.student-profile-box .student-profile-details .student-profile-details-wide .user-setting-dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.student-profile-box .student-profile-details .student-profile-details-wide .user-setting-dropdown-content a:hover {
    background-color: var(--color-td-gray-2, #D9D9D6)
}

.student-profile-box .student-profile-details .student-profile-details-wide .user-setting-show {
    display: block;
}

.student-profile-box .student-profile-details .student-profile-details-wide .dropdown:hover .user-setting-dropdown-content {
    display: block;
}

.student-profile-box .student-profile-details .student-profile-details-wide .col-dynamic {
    text-align: center;
    border-right: 1px solid var(--color-td-gray-2, #D9D9D6);
    padding-right: 20px;
    padding-left: 20px;
}

.student-profile-box .student-profile-details .student-profile-details-wide .col-dynamic.last-col-dynamic {
    border-right: 0;
}

.student-profile-box .student-profile-details .student-profile-details-wide .col-dynamic a {
    font-size: 16px;
    color: #008759;
    margin-top: 2px;
    text-decoration: none;
}

.student-profile-box .student-profile-details .student-profile-details-wide .col-dynamic a:hover {
    text-decoration: underline;
}

.student-profile-box .student-profile-details .student-profile-details-wide .col-dynamic-right {
    float: right;
    text-align: center;
    padding-top: 10px;
    padding-left: 20px;
}


#dashboardTabs {
    margin-top: 24px;
}

.dashboard-tabs-panel-holder .ui-tabs-panel {
    padding-top: 14px !important;
}

/* table header */
#standardProgressTableHeaderHolder {
    height: 29px;
    margin-top: 30px;
}

#standardProgressTableHeader {
    width: 818px;
    background: var(--color-td-gray-1, #F2F2F2);
    height: 28px;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    border-bottom: 0;
    text-align: center;
    line-height: 28px;
    font-size: 11px;
}

#standardProgressTableHeader span {
    color: #111;
    font-weight: bold;
}

#standardProgressTableHeader a.scroll-button {
    color: #53565A;
    display: block;
    padding: 0 10px;
    cursor: pointer;
}

#standardProgressTableHeader a.scroll-button-disabled {
    color: var(--color-td-gray-2, #D9D9D6);
    display: block;
    padding: 0 10px;
    cursor: default;
}

#standardProgressTableHeader .jump-prev {
    float: left;
}

#standardProgressTableHeader .jump-next {
    float: right;
}

#homegridview {
    width: 100%;
    overflow-y: auto;
    margin-bottom: 25px;
}

#homegridview table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

#homegridview th,
#homegridview td {
    padding: 6px;
    line-height: 17px;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    font-size: 16px;
}

#homegridview tr th:first-child {
    border-right: 1px solid var(--color-td-gray-2, #D9D9D6);
    text-align: left;
}

#homegridview th.normalheader,
#homegridview td.skill-stat-data-filled {
    text-align: center;
    font-size: 16px;
}

#homegridview td.filled0 {
    background-color: #b41d2e;
}

#homegridview td.filled1 {
    background-color: #ff8a00;
}

#homegridview td.filled2 {
    background-color: #fbbb00;
}

#homegridview td.filled3 {
    background-color: #aeb700;
}

#homegridview td.filled4 {
    background-color: #00763f;
}

#homegridview th.normalheader {
    background-color: #f7f7f7;
    border-right-color: transparent;
}

#homegridview th.normalheader img {
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    background: #fff;
}

#homegridview th.normalheader:last-child {
    border-right-color: var(--color-td-gray-2, #D9D9D6);
}

#homegridview td.alt {
    background-color: var(--color-td-gray-1, #F2F2F2);
}

#homegridview th a,
#homegridview tr td:first-child a {
    color: #008759;
    text-decoration: none;
    word-wrap: break-word;
}

#homegridview th :hover,
#homegridview tr td:first-child :hover {
    text-decoration: underline;
}

#homegridview td.skill-stat-data-filled {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
}

#homegridview td.SkillMarker {
    color: #161616;
    /*IE fix for Standards with letters and dots only*/
    word-wrap: break-word;
}

.skill-stat-tooltip {
    z-index: 2000;
}

#newActivities h2 {
    font-size: 18px;
    margin: 6px 0 20px 0;
}

#newActivities #NewActivitiesList li {
    float: left;
    margin-right: 14px;
}

#newActivities #NewActivitiesList li:last-child {
    margin-right: 0;
}

#newActivities #NewActivitiesList li img {
    border: 1px solid #161616;
}

.jump-to-title {
    margin-top: 30px;
}

.jump-links {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    margin-bottom: 30px;
}

.jump-links a {
    width: 25%;
    height: 207px;
    float: left;
    display: block;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
}

.jump-links a .jump-link-inner {
    padding-top: 40px;
    display: inline-block;
}

.jump-links a .jump-link-inner .icon {
    display: inline-block;
    padding: 0;
    margin: 0 auto;
    height: 50px;
    width: 62px;
    background: url(/Content/images/icons/btn-dashboard-jump-to-icons-sprite.png) 0 0 no-repeat;
}

.jump-links a .jump-link-inner .title {
    padding-top: 10px;
    color: #161616;
    margin-bottom: 10px;
}

.jump-links a .jump-link-inner .desc {
    color: #161616;
    font-size: 13px;
    line-height: 1.5em;
    padding: 0 10px;
}

.jump-links a:hover {
    background: #0e103e;
    text-decoration: inherit;
}

.jump-links a:hover .title,
.jump-links a:hover .desc {
    color: #fff;
}

.jump-links a.my-activities .icon {
    background-position: 0 0;
}

.jump-links a.my-activities:hover .icon {
    background-position: -62px 0;
}

.jump-links a.upload-activities .icon {
    background-position: 0 -50px;
}

.jump-links a.upload-activities:hover .icon {
    background-position: -62px -50px;
}

.jump-links a.find-activities .icon {
    background-position: 0 -150px;
}

.jump-links a.find-activities:hover .icon {
    background-position: -62px -150px;
}

.jump-links a.get-support .icon {
    background-position: 0 -250px;
}

.jump-links a.get-support:hover .icon {
    background-position: -62px -250px;
}

.jump-links a.premium-activities .icon {
    background-position: 0 -200px;
}

.jump-links a.premium-activities:hover .icon {
    background-position: -62px -200px;
}

.jump-links a.learn-how .icon {
    background-position: 0 -300px;
}

.jump-links a.learn-how:hover .icon {
    background-position: -62px -300px;
}

.jump-links a.launch-student-center .icon {
    background-position: 0 -450px;
}

.jump-links a.launch-student-center:hover .icon {
    background-position: -62px -450px;
}

.jump-links a.create-activity .icon {
    background-position: 0 -100px;
}

.jump-links a.create-activity:hover .icon {
    background-position: -62px -100px;
}

.jump-links a.curriculum .icon {
    background-position: 0 -500px;
}

.jump-links a.curriculum:hover .icon {
    background-position: -62px -500px;
}

.jump-links.admin-user .link01 .icon,
.jump-links.admin-user .link02 .icon {
    background-position: 0 -350px;
}

.jump-links.admin-user .link01:hover .icon,
.jump-links.admin-user .link02:hover .icon {
    background-position: -62px -350px;
}

.jump-links.admin-user .link03 .icon {
    background-position: 0 -400px;
}

.jump-links.admin-user .link03:hover .icon {
    background-position: -62px -400px;
}

.jump-links.admin-user .link04 .icon {
    background-position: 0 -300px;
}

.jump-links.admin-user .link04:hover .icon {
    background-position: -62px -300px;
}

.beta-wrapper {
    padding: 20px !important;
    background: none repeat scroll 0 0 #F79122;
    border: 1px solid #CCCCCC;
    color: #FFF;
    position: relative;
    margin-bottom: 35px;
}

.beta-wrapper .beta-message {
    float: left;
    font-size: 14px;
    width: 75%;
}

.beta-wrapper .beta-button {
    float: right;
}

.beta-wrapper .beta-button .button {
    background-color: #FFF;
    color: #F79122 !important;
    margin: 15px 20px 0 0;
}

.beta-wrapper .beta-button .button:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

.single-file-view h1.sfv-title {
    font-size: 28px;
    font-weight: 400;
    font-family: TeleVoice-Regular;
    color: var(--color-td-green-heading, #00995b);
    line-height: 1.5em;
    padding-left: 52px;
    position: relative;
}

.single-file-view h2.sfv-title {
    padding-left: 52px;
    position: relative;
}

.single-file-view .icon {
    background: url("/Content/images/lg-icons-sprite.png") no-repeat scroll 0 0 transparent;
    width: 34px;
    margin-right: 10px;
    height: 31px;
    position: absolute;
    left: 6px;
    top: 4px;
}

.single-file-view .icon.performance {
    background-position: 0 -31px;
}

.single-file-view .icon.performance-locked {
    background-position: -34px -31px;
}

.single-file-view .icon.performance-editable {
    background-position: -68px -31px;
}

.single-file-view .icon.interactive {
    background-position: 0 -62px;
}

.single-file-view .icon.interactive-locked {
    background-position: -34px -62px;
}

.single-file-view .icon.interactive-editable {
    background-position: -68px -62px;
}

.single-file-view .icon.print {
    background-position: 0 -93px;
}

.single-file-view .icon.print-locked {
    background-position: -34px -93px;
}

.single-file-view .icon.print-editable {
    background-position: -68px -93px;
}

.single-file-view .icon.activity-set {
    background-position: 0 -124px;
}

.single-file-view .icon.activity-set-locked {
    background-position: -34px -124px;
}

.single-file-view .icon.activity-set-editable {
    background-position: -68px -124px;
}

.single-file-view .top-actions-menu {
    padding: 0 0 18px 53px;
}

.single-file-view .top-actions-menu li {
    margin: 0.5px;
}

.single-file-view .top-actions-menu li a {
    margin: 0;
}

.single-file-view .top-actions-menu .notification {
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
}

.single-file-view .top-actions-menu .notification.damaged-activity,
.single-file-view .top-actions-menu .notification.conversion-required {
    color: #fff;
}

.single-file-view .top-actions-menu .notification.conversion-required {
    background: #007FFF;
}

.single-file-view .top-actions-menu .notification.damaged-activity {
    background: #E73C3E;
}

.single-file-view .main .main-left {
    width: 565px;
}

.single-file-view .main .main-left .embedded-player {
    width: 495px;
}

.single-file-view .main .main-left .galleria-loader {
    background: #161616;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 47%;
    right: 47%;
    z-index: 2;
    display: none;
    background: url(/Content/images/loader.gif) no-repeat top left;
}

.single-file-view .main .main-right {
    width: 325px;
    margin-right: 10px;
    padding-top: 10px;
}

.single-file-view .main .author .photo {
    width: 50px;
    margin-right: 15px;
}

.single-file-view .main .author .photo a {
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    display: inline-block;
}

.single-file-view .main .author .details {
    width: 260px;
}

.single-file-view .main .author .details h2 {
    font-size: 22px;
    font-weight: 500;
    font-family: AkzidGroCFFReg_0;
    color: #008759;
    line-height: 1.5em;
}

.single-file-view .main .author .details h2 a {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    text-decoration: none;
    color: #008759;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.single-file-view .main .author .details h2.author-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.single-file-view .main .author .details h2.activities {
    color: var(--color-td-gray-3, #C8C9C7);
}

.single-file-view .main .author .details h3 {
    color: #008759;
}

.single-file-view .main .author .details h3 a {
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    color: #008759;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.single-file-view .main .author .details h3.author-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.single-file-view .main .author .details h3.activities {
    color: var(--color-td-gray-3, #C8C9C7);
}

.single-file-view .main .details-2 {
    border-top: 1px solid var(--color-td-gray-2, #D9D9D6);
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
    padding: 10px 0 20px 0;
    margin-bottom: 10px;
}

.single-file-view .main .details-2 .col {
    text-align: center;
    padding: 0 20px;
    color: #53565A;
    font-size: 10px;
}

.single-file-view .main .details-2 .col span {
    color: #53565A;
    font-size: 18px;
}

.single-file-view .main .details-2 .col1,
.single-file-view .main .details-2 .col2 {
    border-right: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.single-file-view .main .details-2 .description {
    font-size: 14px;
}

.single-file-view .main .details-2 h3 {
    font-size: 16px;
    font-weight: bold;
    font-family: AkzidGroCFFReg_0;
    color: #333;
    margin: 6px 0 0 0;
    line-height: 1.5em;
}

.single-file-view .main .standards {
    font-size: 14px;
    position: relative;
}

.single-file-view .main .standards h3 {
    font-size: 16px;
    font-weight: bold;
    font-family: AkzidGroCFFReg_0;
    color: #333;
    margin: 6px 0 0 0;
    line-height: 1.5em;
}

.single-file-view .main .standards .btn-associate-standard {
    position: absolute;
    top: 0;
    right: 10px;
}

.single-file-view .main .standards .standard-set {
    padding-right: 50px;
}

.single-file-view .comments-details {
    padding-top: 20px;
    color: #53565A;
}

.single-file-view .comments-details .meta-details {
    width: 342px;
    font-size: 14px;
}

.single-file-view .comments-details .meta-details h2 {
    font-size: 22px;
    font-weight: 500;
    font-family: AkzidGroCFFReg_0;
    color: #0e103e;
    line-height: 1.5em;
}

.single-file-view .comments-details .meta-details dd {
    margin-left: 0;
}

.single-file-view .activities-list {
    border-top: 1px solid var(--color-td-gray-2, #D9D9D6);
    padding-top: 20px;
}

.single-file-view .activities-list > h2 {
    font-size: 22px;
    font-weight: 500;
    font-family: AkzidGroCFFReg_0;
    color: #0e103e;
    line-height: 1.5em;
}

.single-file-view .activities-list .activity-box-1 h3 {
    color: var(--color-td-blue, #0E103E);
    font-family: AkzidGroCFFReg_0;
    font-weight: normal;
    word-wrap: break-word;
    font-size: 16px;
    margin: 6px 0 0 0;
    line-height: 1.5em;
}

.single-file-view .activities-list .activity-box-1 h3 a {
    color: #008759;
    font-weight: normal;
}

.single-file-view #NotesSectionDiv h2 {
    font-size: 22px;
    font-weight: 500;
    font-family: AkzidGroCFFReg_0;
    color: #0e103e;
    line-height: 1.5em;
}

.single-file-view .sfv-notes {
    background: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    font-size: 14px;
    line-height: 18px;
    padding: 10px 0;
}

.single-file-view .sfv-notes .note-info {
    color: #111;
    padding: 0 10px;
    margin-bottom: 5px;
}

.single-file-view .sfv-notes .note-body {
    color: #0e103e;
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
    padding: 0 10px 10px;
    margin-bottom: 10px;
}

.single-file-view .sfv-notes .note-body:last-child {
    border-bottom: 0 none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.single-file-view .sfv-notes .action-link:last-child {
    padding-left: 0 !important;
}

.primary-thumbnail-list img {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.primary-thumbnail-list label {
    padding: 10px;
    border: 1px solid transparent;
}

.primary-thumbnail-list .selected {
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    background: var(--color-td-gray-1, #F2F2F2);
}

.subscription-status {
    height: 56px;
    background: url(/Content/images/template/bg_subscription-sprite.gif) 0 0 no-repeat;
}

.subscription-status.step-1 {
    background-position: 0 0;
}

.subscription-status.step-2 {
    background-position: 0 -56px;
}

.subscription-status.step-3 {
    background-position: 0 -112px;
}

.subscription-status.step-4 {
    background-position: 0 -168px;
}

.payment-required-notice {
    margin-top: -21px;
}

.account-option-container .account-option {
    width: 25%;
    float: left;
    background: var(--color-td-gray-2, #D9D9D6);
    box-sizing: border-box;
    border-right: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding: 10px 10px 10px 20px;
    min-height: 330px;
}

.account-option-container .account-option.selected {
    background: var(--color-td-gray-1, #F2F2F2);
    box-shadow: 0 0 10px 0 #FFD162;
    z-index: 100;
    position: relative;
}

.account-option-container .account-option:last-child {
    border-right: 0;
}

.free-trial-plan .gray-well {
    width: 420px;
}

.free-trial-plan .gray-well.no-border-left {
    width: 419px;
    border-left: 0;
}

.free-trial-plan .gray-well label {
    font-size: 18px;
    color: #008759;
}

.free-trial-plan .gray-well label span {
    font-size: 11px;
    color: #0e103e;
    padding-top: 5px;
    display: block;
}

.select-term {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-family: arial;
}

.select-term .col-3 {
    border-right: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding-top: 10px;
    padding-bottom: 10px;
}

.select-term .col-3.last {
    border: 0;
}

.select-term .col-3 label {
    font-size: 11px;
}

.select-term .col-3 label h3 {
    font-size: 18px;
    margin-bottom: 0;
    color: #008759;
}

.select-term .col-3 label.disabled h3 {
    color: #050727;
}

.select-plan .col-6 {
    background: var(--color-td-gray-1, #F2F2F2);
    color: #53565A;
    padding: 10px 0;
}

.select-plan .col-6 h3 {
    font-family: AkzidGroCFFReg_0;
}

.select-plan .col-6 .col-6 {
    border: 0;
    padding: 0;
}

.select-plan .plans .plan {
    text-align: center;
    background: var(--color-td-gray-1, #F2F2F2);
    color: #53565A;
    cursor: pointer;
}

.select-plan .plans .plan.not-selectable {
    cursor: default;
}

.select-plan .plans .plan.not-selectable label {
    cursor: default;
}

.select-plan .plans .plan.not-selectable .plan-header {
    background: var(--color-td-gray-2, #D9D9D6) !important;
    border: 1px solid var(--color-td-gray-2, #D9D9D6) !important;
    border-bottom: 0;
}

.select-plan .plans .plan.not-selectable .plan-header,
.select-plan .plans .plan.not-selectable .plan-details,
.select-plan .plans .plan.not-selectable .plan-footer,
.select-plan .plans .plan.not-selectable .highlight {
    color: #161616 !important;
}

.select-plan .plans .plan.not-selectable .plan-details .feature {
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6) !important;
}

.select-plan .plans .plan.plan-selected {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 #FFD162;
    -moz-box-shadow: 0 0 10px 0 #FFD162;
    box-shadow: 0 0 10px 0 #FFD162;
}

.select-plan .plans .plan.plan-selected .plan-header,
.select-plan .plans .plan.plan-selected .plan-details,
.select-plan .plans .plan.plan-selected .plan-footer,
.select-plan .plans .plan.plan-selected .studio-disclaimer {
    border-left: 1px solid #FFD162 !important;
    border-right: 1px solid #FFD162 !important;
}

.select-plan .plans .plan.plan-selected .plan-header {
    border-top: 1px solid #FFD162 !important;
}

.select-plan .plans .plan.plan-selected .plan-footer {
    border-bottom: 1px solid #FFD162 !important;
}

.select-plan .plans .plan.plan-selected .plan-footer {
    background: var(--color-td-gray-1, #F2F2F2);
}

.select-plan .plans .plan .plan-header {
    padding: 20px 0;
    font-family: AkzidGroCFFReg_0;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.3em;
}

.select-plan .plans .plan .plan-details {
    padding-top: 20px;
    height: 750px;
    border-left: 1px solid var(--color-td-gray-1, #F2F2F2);
    border-right: 1px solid var(--color-td-gray-1, #F2F2F2);
}

.select-plan .plans .plan .plan-details .price,
.select-plan .plans .plan .plan-details .rate {
    font-family: AkzidGroCFFReg_0;
}

.select-plan .plans .plan .plan-details .price {
    font-size: 36px;
}

.select-plan .plans .plan .plan-details .price sup {
    font-size: 68%;
    top: -0.3em;
}

.select-plan .plans .plan .plan-details .rate {
    font-size: 16px;
    margin-bottom: 20px;
}

.select-plan .plans .plan .plan-details .feature {
    margin: 10px 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.select-plan .plans .plan .plan-details .specifics {
    text-align: center;
    margin-right: 20px;
    margin-left: 20px;
}

.select-plan .plans .plan .plan-details .specifics span {
    padding-right: 10px;
}

.select-plan .plans .plan .studio-disclaimer {
    font-size: 13px;
    border-left: 1px solid var(--color-td-gray-1, #F2F2F2);
    border-right: 1px solid var(--color-td-gray-1, #F2F2F2);
}

.select-plan .plans .plan .plan-footer {
    text-align: center;
    background: var(--color-td-gray-2, #D9D9D6);
    padding: 20px;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    border-top: 0;
}

.select-plan .plans .plan .plan-footer label {
    font-family: AkzidGroCFFReg_0;
    font-size: 14px;
    display: inline-block;
    margin: 0 auto;
}

.select-plan .plans .plan .plan-footer a {
    color: #008759;
}

.select-plan .plans .plan.plan-family .highlight {
    color: #0e103e;
}

.select-plan .plans .plan.plan-family .plan-header {
    background: #0e103e;
    border: 1px solid #0e103e;
    border-bottom: 0;
}

.select-plan .plans .plan.plan-classroom .highlight {
    color: #0e103e;
}

.select-plan .plans .plan.plan-classroom .plan-header {
    background: #0e103e;
    border: 1px solid #0e103e;
    border-bottom: 0;
}

.select-plan .plans .plan.plan-district .highlight {
    color: #050727;
}

.select-plan .plans .plan.plan-district .plan-header {
    background: #050727;
    border: 1px solid #050727;
    border-bottom: 0;
}

.select-plan .plans .plan.plan-district-enterprise {
    cursor: default;
}

.select-plan .plans .plan.plan-paidcontent .highlight {
    color: #1C1F57;
}

.select-plan .plans .plan.plan-paidcontent .plan-header {
    background: #1C1F57;
    border: 1px solid #1C1F57;
    border-bottom: 0;
    height: 49px;
}

.select-plan .plans .plan.plan-paidcontent .plan-details {
    height: 420px;
    padding-top: 10px;
}

.select-plan .plans .plan.plan-paidcontent .plan-details .content-type,
.select-plan .plans .plan.plan-paidcontent .plan-details .content-description,
.select-plan .plans .plan.plan-paidcontent .plan-details .content-price,
.select-plan .plans .plan.plan-paidcontent .plan-details .instructor-count {
    margin: 0 20px;
    padding: 10px 0;
}

.select-plan .plans .plan.plan-paidcontent .plan-details .content-type {
    color: #1C1F57;
    font-size: 18px;
}

.select-plan .plans .plan.plan-paidcontent .plan-details .content-description {
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.select-plan .plans .plan.plan-paidcontent .plan-details .content-price {
    color: #1C1F57;
    font-size: 14px;
}

.select-plan .plans .plan.plan-paidcontent .plan-details .instructor-count {
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.select-plan .plans .plan.plan-paidcontent .plan-details .instructor-count input {
    width: 153px;
}

.select-payment {
    background: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-family: arial;
}

.select-payment .col-6 {
    border-right: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding-top: 10px;
    padding-bottom: 10px;
}

.select-payment .col-6.last {
    border: none;
}

.select-payment .col-6 label {
    font-size: 11px;
}

.select-payment .col-6 label h3 {
    font-size: 18px;
    margin-bottom: 0;
    color: #008759;
}

.select-payment .col-6 label.disabled h3 {
    color: #050727;
}

.reseller-details {
    color: #0e103e;
}

.reseller-details a {
    color: #008759;
}

/*!
   * jQuery UI Tabs @VERSION
   * http://jqueryui.com
   *
   * Copyright 2012 jQuery Foundation and other contributors
   * Released under the MIT license.
   * http://jquery.org/license
   *
   * http://docs.jquery.com/UI/Tabs#theming
   */
.ui-tabs-v2-wrapper .ui-tabs {
    position: relative;
    padding: 0;
    margin-top: 20px;
    zoom: 1;
}

.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
}

.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 0;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav li a {
    font-family: AkzidGroCFFReg_0;
    float: left;
    padding: 0 20px;
    font-size: 18px;
    font-weight: normal;
    line-height: 33px;
    height: 33px;
    color: var(--color-td-blue, #0E103E);
    text-decoration: none;
    background: var(--color-td-gray-1, #F2F2F2);
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-left: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav li.first-tab a {
    border-right: 0;
}

.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav li:first-child a {
    border-right: 0;
}

.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav li.last-tab a {
    border-right: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav li:last-child a {
    border-right: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav a:hover {
    text-decoration: underline;
}

.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    margin-bottom: -1px;
    padding-bottom: 1px;
    color: #0e103e !important;
    background: #fff;
}

.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}

.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav li a,
.ui-tabs-v2-wrapper .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}

.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 20px 0;
    background: none;
}

.ui-tabs-panel-holder {
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active a.ui-tab-dark {
    background: var(--color-td-gray-2, #D9D9D6);
}

.ui-tabs-v2-wrapper .ui-tabs-add-assignment-wrapper.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background: var(--color-td-gray-2, #D9D9D6);
}

.ui-tabs-v2-wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active a.ui-tab-light {
    background: var(--color-td-gray-1, #F2F2F2);
}

.group-box .group-thumbnail {
    margin-right: 20px;
}

.group-box .group-thumbnail img {
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    background: #fff;
}

.group-box .group-details {
    width: 707px;
}

.group-box .group-details h3 {
    margin-bottom: 12px;
}

.group-box .group-details p {
    font-size: 11px;
    line-height: 18px;
}

.group-box .group-details .group-details-columns {
    color: #0e103e;
    font-size: 11px;
}

.group-box .group-details .group-details-columns strong {
    color: #111;
}

.group-box .group-details .group-details-columns li {
    padding: 2px 0;
}

.group-box .group-details .group-details-wide {
    border-top: 1px solid var(--color-td-gray-2, #D9D9D6);
    margin-top: 10px;
}

.group-box .group-details .group-details-wide .col {
    float: left;
    padding: 10px 20px 0px;
    text-align: center;
    border-right: 1px solid var(--color-td-gray-2, #D9D9D6);
    color: #0e103e;
}

.group-box .group-details .group-details-wide .col.last-col {
    border-right: 0 none;
}

.group-box .group-details .group-details-wide .col a {
    display: block;
    font-size: 16px;
    margin-top: 2px;
    color: #008759;
    text-decoration: none;
}

.group-box .group-details .group-details-wide .col a:hover {
    text-decoration: underline;
}

.group-box .group-details .group-details-wide .btn-col {
    float: right;
    padding: 10px 0px 0px 20px;
    text-align: right;
}

.discussion-member-thumbnail {
    margin-right: 10px;
}

.discussion-member-thumbnail img {
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    background: #fff;
}

.network-member-box .network-member-thumbnail {
    margin-right: 20px;
}

.network-member-box .network-member-thumbnail img {
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    background: #fff;
}

.network-member-box .network-member-details {
    width: 707px;
}

.network-member-box .network-member-details h3 {
    margin-bottom: 12px;
}

.network-member-box .network-member-details p {
    font-size: 14px;
    line-height: 18px;
}

.network-member-box .network-member-details .network-member-details-columns {
    color: #0e103e;
    font-size: 14px;
}

.network-member-box .network-member-details .network-member-details-columns strong {
    color: #111;
}

.network-member-box .network-member-details .network-member-details-columns .column-left {
    padding-right: 20px;
    width: 245px;
}

.network-member-box .network-member-details .network-member-details-columns .column-right {
    width: 345px;
}

.network-member-box .network-member-details .network-member-details-columns li {
    padding: 2px 0;
}

.network-member-box .network-member-details .network-member-details-wide {
    border-top: 1px solid var(--color-td-gray-2, #D9D9D6);
    margin-top: 10px;
}

.network-member-box .network-member-details .network-member-details-wide h3 {
    margin-top: 2px;
}

.network-member-box .network-member-details .network-member-details-wide .col {
    float: left;
    padding: 10px 20px 0px;
    text-align: center;
    border-right: 1px solid var(--color-td-gray-2, #D9D9D6);
    color: #0e103e;
}

.network-member-box .network-member-details .network-member-details-wide .col.last-col {
    border-right: 0 none;
}

.network-member-box .network-member-details .network-member-details-wide .col a {
    display: block;
    font-size: 16px;
    margin-top: 2px;
    color: #008759;
    text-decoration: none;
}

.network-member-box .network-member-details .network-member-details-wide .col a:hover {
    text-decoration: underline;
}

.network-member-box .network-member-details .network-member-details-wide .btn-col {
    float: right;
    padding: 10px 0 0 20px;
    text-align: right;
}

.student-center {
    margin-top: 20px;
}

.student-center .gray-well {
    min-height: 400px;
    width: 45.4%;
}

.student-center .gray-well.no-border-left {
    border-left: 0;
}

.student-center .gray-well.no-border-top {
    border-top: 0;
}

.student-center .sub-well {
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    background: #fff;
    color: #161616;
    padding: 10px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    word-wrap: break-word;
    word-break: break-all;
}

.student-center .sub-well.cwa {
    margin-bottom: 25px;
}

.student-center .sub-well a {
    font-size: inherit;
    color: #008759;
}

.student-center .sub-well strong {
    color: #050727;
}

.invoice-line {
    cursor: pointer;
}

.invoice-line.highlight td {
    background: var(--color-td-gray-1, #F2F2F2) !important;
}

.pcs-list img {
    cursor: pointer;
}

.pcs-list div {
    border: 1px solid transparent;
}

.pcs-list div input {
    display: none;
}

.pcs-list div.selected {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    background: var(--color-td-gray-1, #F2F2F2);
}

.standards-col-set div {
    width: 210px;
    margin-left: 20px;
}

.general-notification-container {
    padding: 20px !important;
    background: none repeat scroll 0 0 #0e103e;
    border: 1px solid #0e103e;
    border-radius: 0 0 0 0;
    color: #fff;
    text-align: center;
    position: relative;
}

.general-notification-container a:not(.button) {
    color: var(--color-link-on-dark, #C8C9C7);
    text-decoration: none;
    font-size: inherit;
}

.general-notification-container a:not(.button):hover {
    text-decoration: underline;
}

.general-notification-container a:not(.button).gnc-close {
    background: url(/Content/images/btn/btn_close.gif) 0 0 no-repeat;
    width: 13px;
    height: 0;
    padding-top: 13px;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
}

.general-top-notification-container {
    background: #0e103e url(/Content/images/template/bg_top-messaging.png) bottom left repeat-x;
    padding: 10px 0 12px 0;
}

.general-top-notification-container .gtnc-wrap {
    width: 980px;
    margin: 0 auto;
    color: #fff;
    position: relative;
    padding: 0 40px;
    box-sizing: border-box;
}

.general-top-notification-container .orglogin-wrap {
    width: 800px;
    margin: 0 auto;
    color: #fff;
    position: relative;
    padding: 0 40px;
    box-sizing: border-box;
}

.general-top-notification-container .gtnc-wrap a:not(.button) {
    color: var(--color-link-on-dark, #C8C9C7);
    text-decoration: none;
}

.general-top-notification-container .gtnc-wrap a:not(.button):hover {
    text-decoration: underline;
}

.general-top-notification-container .gtnc-wrap a:not(.button).gnc-close {
    background: url(/Content/images/btn/btn_close.gif) 0 0 no-repeat;
    width: 13px;
    height: 0;
    padding-top: 13px;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 4px;
    right: 10px;
}

.alert {
    border-radius: 0;
}

.validation-summary-valid {
    display: none;
}

.table-my-messages th {
    padding: 10px 20px;
}

.table-my-messages td {
    padding: 3px 20px;
}

.table-my-messages input[type="checkbox"] {
    margin-top: 10px;
}

.table-my-messages label.inline input[type="checkbox"] {
    margin-top: 0px;
}

.table-my-messages .avatar {
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    background: #fff;
    margin: 0 10px;
}

.table-my-messages .checkbox-holder {
    padding-right: 0;
    width: 80px;
}

.table-my-messages .from {
    padding-left: 0;
}

.table-my-messages .subject a {
    color: #111;
    text-decoration: underline;
}

.table-my-messages .subject a:hover {
    text-decoration: none;
}

.table-my-messages .date {
    width: 100px;
}

.table-my-messages td.from,
.table-my-messages td.subject,
.table-my-messages td.date {
    padding-top: 10px;
    font-weight: normal;
}

.table-my-messages tr.mark td.from,
.table-my-messages tr.mark td.subject,
.table-my-messages tr.mark td.date {
    font-weight: bold;
}

.messages-list .form-button-holder {
    margin-top: 42px;
}

.messages-list .pagination {
    margin-top: -80px;
}

.message-body {
    border-top: 0 !important;
}

.library-item {
    padding: 14px 18px;
    position: relative;
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.library-item .image {
    float: left;
    display: inline;
}

.library-item .image img {
    vertical-align: top;
    border: 1px #111 solid;
}

.library-item .text-box {
    float: left;
    overflow: hidden;
    width: 440px;
    font-size: 10px;
}

.library-item .ico-wrapper {
    padding: 0 15px;
    float: left;
    position: relative;
}

.library-item .ico-wrapper em {
    height: 31px;
    width: 34px;
    display: block;
}

.library-item .ico-wrapper span {
    text-align: center;
    background-image: url("/Content/images/lg-icons-sprite.png");
    height: 31px;
    width: 34px;
    display: block;
    margin: 0;
    float: left;
}

.library-item .ico-wrapper span {
    background-position: 0 0;
}

.library-item .ico-wrapper .ico-symbol span {
    background-position: 0 -155px;
}

.library-item .ico-wrapper .ico-video span {
    background-position: 0 -186px;
}

.library-item .ico-wrapper .ico-audio span {
    background-position: 0 -217px;
}

.library-item .ico-wrapper .ico-program span {
    background-position: 0 -248px;
}

.library-item .ico-wrapper .ico-bm-content span {
    background-position: 0 -279px;
}

.library-item .ico-wrapper .ico-image span {
    background-position: 0 -310px;
}

.library-item .quick-view {
    padding: 0 0 3px 0;
    font-size: 13.6px;
    line-height: 16px;
    color: #53565A;
}

.library-item .quick-view .premium {
    color: #00af66;
    font-weight: bold;
}

.library-item .quick-view a {
    color: #008759;
    text-decoration: none;
}

.library-item .quick-view a:hover {
    text-decoration: underline;
}

.library-item .quick-view a.private {
    color: #008759;
}

.library-item .quick-view a.public {
    color: #008759;
}

.library-item ul {
    float: right;
}

.library-item ul li {
    position: relative;
    float: left;
}

.library-item ul li .counter {
    background: url(/Content/images/btn-activity-actions-counter.png) 0 0 no-repeat;
    font: normal 9px/18px Arial, Helvetica, Verdana, sans-serif;
    color: #FFF;
    text-align: center;
    position: absolute;
    top: -9px;
    right: 3px;
    height: 18px;
    width: 18px;
    display: block;
}

#UploadMediaForm #myImage #mediaImage {
    max-width: 250px;
}

#MyActivities_Grid h5 {
    margin-top: 0;
}

#MyActivities_Grid .text-box {
    width: 480px;
}

#MyActivities_Grid .text-box .quick-view .standard-set {
    margin-top: 6px;
}

.logged-out-home #Header {
    height: 64px;
}

.logged-out-home #Header #custom-header .header-top {
    display: none;
}

.logged-out-home #Header #menu-container #menu .float-end {
    display: none;
}

.logged-out-home .home-banner {
    background: url(/Content/images/template/marketing/bg_topBanner.jpg) center top no-repeat;
    height: 380px;
}

.logged-out-home .home-banner .home-banner-inner {
    width: 922px;
    margin: 0 auto;
}

.logged-out-home .home-banner .home-banner-inner img {
    margin: 79px 0 0 11px;
}

.logged-out-home .home-banner .home-banner-inner #BecomeMemberLink {
    background: #fff;
    padding: 17px;
    font-size: 31px;
    line-height: 31px;
    color: #c10d30;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    display: block;
    margin-top: 112px;
}

.logged-out-home .home-banner .home-banner-inner #BecomeMemberLink:hover {
    text-decoration: none;
}

.logged-out-home .home-banner .home-banner-inner #AlreadyMemberLink {
    font-size: 21px;
    line-height: 30px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    padding: 11px;
}

.logged-out-home .home-banner .home-banner-inner #AlreadyMemberLink a {
    color: #fff;
    text-decoration: underline;
}

.logged-out-home .home-banner .home-banner-inner #AlreadyMemberLink a:hover {
    text-decoration: none;
}

.logged-out-home #wrapper {
    background: #fff;
}

.logged-out-home #wrapper .main-holder {
    background: none;
}

.logged-out-home #wrapper .main-holder .main-frame {
    padding-top: 0;
}

.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper {
    margin: -83px -22px 0 -22px;
    float: left;
    background: #fff;
    width: 906px;
    padding: 30px;
    color: #3f3f3f;
}

.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper h1,
.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper h1 {
    font-size: 35px;
    line-height: 43px;
    color: #3f3f3f;
}

.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper h2 {
    margin-bottom: 10px;
    font-size: 33px;
    line-height: 38px;
    color: #c10d30;
}

.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .intro {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 35px;
    margin-bottom: 35px;
}

.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .feature-list .feature-row {
    padding-top: 30px;
    padding-bottom: 20px;
}

.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .feature-list .feature-row .float-start,
.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .feature-list .feature-row .float-end {
    width: 326px;
    padding-right: 37px;
    font-size: 13px;
}

.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .feature-list .feature-row .float-start a,
.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .feature-list .feature-row .float-end a {
    font-weight: bold;
    font-style: italic;
    color: #3f3f3f;
    text-decoration: underline;
}

.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .feature-list .feature-row .float-start a:hover,
.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .feature-list .feature-row .float-end a:hover {
    text-decoration: none;
}

.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .feature-list .feature-row .float-start img,
.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .feature-list .feature-row .float-end img {
    margin-left: 16px;
}

.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .ad-block-column .ad-block {
    width: 100%;
    margin-bottom: 30px;
}

.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .activity-callout.first {
    border-top: 1px solid #e4e4e4;
    padding-top: 20px;
}

.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .activity-callout .activity-row {
    margin: 0 -15px;
}

html.connect {
    overflow: hidden;
}

html.connect body {
    background: #fff;
}

html.connect .ui-tabs-v2-wrapper .ui-tabs {
    margin-top: 0;
}

html.connect .ui-tabs-v2-wrapper .ui-tabs .ui-tabs-active .ui-tab-dark,
html.connect .ui-tabs-v2-wrapper .ui-tabs .ui-state-active .ui-tab-dark {
    background: var(--color-td-gray-2, #D9D9D6) !important;
}

html.connect .ui-tabs-v2-wrapper .ui-tabs .ui-tabs-panel {
    padding-top: 0;
}

html.connect #connectLoginTabs ul {
    margin: 0;
}

html.connect #connectLoginTabs ul li {
    border-bottom: 0 none;
    list-style: none outside none;
    margin: 0 -1px 0 0;
    padding: 0;
    top: 0;
    border-bottom: 0 none !important;
    float: left;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    white-space: nowrap;
    color: #0e103e;
}

html.connect #connectLoginTabs ul li a {
    background: none repeat scroll 0 0 var(--color-td-gray-1, #F2F2F2);
    border-left: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    color: #008759;
    float: left;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    height: 33px;
    line-height: 33px;
    padding: 0 20px;
    text-decoration: none;
}

html.connect #connectLoginTabs ul li a.last {
    border-right: 1px solid var(--color-td-gray-3, #C8C9C7);
}

html.connect #connectLoginTabs ul li.active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

html.connect #connectLoginTabs ul li.active a {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #008759 !important;
    margin-bottom: -1px;
    padding-bottom: 1px;
}

html.connect #connectLoginTabs ul li.active a.ui-tab-dark {
    background: var(--color-td-gray-2, #D9D9D6) !important;
}

html.connect .gray-well a {
    font-size: inherit;
}

html.connect .topBar {
    background: var(--color-td-gray-3, #C8C9C7) url(/App_Themes/Main2_0/Images/Connect/bg_topBar.gif) bottom left repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 10px 38px 24px 38px;
}

html.connect .topBar .top {
    background: var(--color-td-gray-1, #F2F2F2) url(/App_Themes/Main2_0/Images/Connect/bg_topBar-topRight.gif) top right no-repeat;
}

html.connect .topBar .top .holder {
    height: 9px;
    background: url(/App_Themes/Main2_0/Images/Connect/bg_topBar-topLeft.gif) top left no-repeat;
}

html.connect .topBar .bottom {
    background: var(--color-td-gray-1, #F2F2F2) url(/App_Themes/Main2_0/Images/Connect/bg_topBar-botRight.gif) top right no-repeat;
}

html.connect .topBar .bottom .holder {
    background: url(/App_Themes/Main2_0/Images/Connect/bg_topBar-botLeft.gif) top left no-repeat;
    height: 9px;
}

html.connect .topBar div.holder-main {
    background: url(/App_Themes/Main2_0/Images/Connect/ico_topBar-info.gif) 16px 1px no-repeat;
    font-size: 12px;
    padding: 0 70px;
    min-height: 44px;
}

html.connect .topBar div.holder-main a {
    color: #008759;
    text-decoration: none;
}

html.connect .topBar div.holder-main a:hover {
    text-decoration: underline;
}

html.connect .topBar div.holder-main .title {
    color: #00af66;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

html.connect .wrapper {
    padding: 0 38px;
    overflow: auto;
}

html.connect .top-row,
html.connect .box-row {
    margin: 30px 0;
}

html.connect .box-row .info-box {
    width: 48.3280255%;
}

html.connect .box-row .info-box .inner {
    height: 200px;
}

@media (max-width: 855px) {
    html.connect .box-row .info-box .inner {
        height: 250px;
    }
}

html.connect .box-row .info-box .inner.has-tabs {
    height: 166px;
}

@media (max-width: 855px) {
    html.connect .box-row .info-box .inner.has-tabs {
        height: 216px;
    }
}

html.connect .box-row .info-box.float-start {
    margin-right: 3.343949%;
}

html.connect .box-row select {
    color: #0e103e;
}

html.connect #FileActivity ul,
html.connect #GroupActivity ul {
    *zoom: 1;
    margin-top: 20px;
    height: 123px;
    overflow: hidden;
}

html.connect #FileActivity ul:before,
html.connect #GroupActivity ul:before,
html.connect #FileActivity ul:after,
html.connect #GroupActivity ul:after {
    display: table;
    content: "";
    line-height: 0;
}

html.connect #FileActivity ul:after,
html.connect #GroupActivity ul:after {
    clear: both;
}

html.connect #FileActivity ul li,
html.connect #GroupActivity ul li {
    float: left;
    border-left: 1px solid var(--color-td-gray-3, #C8C9C7);
    margin-left: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

html.connect #FileActivity ul li.first,
html.connect #GroupActivity ul li.first {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}

html.connect #FileActivity ul li img,
html.connect #GroupActivity ul li img {
    border: 1px solid #53565A;
}

html.connect #FileActivity ul li p,
html.connect #GroupActivity ul li p {
    margin-top: 10px;
    margin-bottom: 0;
}

html.connect #FileActivity ul li p.title a,
html.connect #GroupActivity ul li p.title a {
    color: #008759;
    font-size: 12px;
    padding-top: 10px;
}

html.connect #FileActivity ul li p.date,
html.connect #GroupActivity ul li p.date {
    color: var(--color-td-gray-2, #D9D9D6);
    font-size: 11px;
}

html.connect #GroupActivity ul {
    height: 155px;
}

html.connect #GroupActivity ul li {
    float: none;
    margin: 0;
    border: 0;
    padding: 0 0 20px 0;
    *zoom: 1;
}

html.connect #GroupActivity ul li:before,
html.connect #GroupActivity ul li:after {
    display: table;
    content: "";
    line-height: 0;
}

html.connect #GroupActivity ul li:after {
    clear: both;
}

html.connect #GroupActivity ul li a.image-link {
    float: left;
    margin-right: 10px;
}

html.connect #GroupActivity ul li .details {
    float: left;
}

html.connect #GroupActivity ul li .details p {
    margin-top: 0;
    margin-bottom: 10px;
}

html.connect #NewsActivity li {
    margin-top: 15px;
}

html.connect #NewsActivity li p {
    margin-bottom: 5px;
}

html.connect #NewsActivity li p a {
    color: #008759;
    font-weight: normal;
}

html.connect .profile-box.dashboard-profile-box .profile-thumbnail {
    margin: 0 20px 0 0;
}

html.connect .profile-box.dashboard-profile-box .profile-details,
html.connect .profile-box.dashboard-profile-box .profile-details .left {
    width: auto;
    padding-top: 0;
}

html.connect .profile-box.dashboard-profile-box .profile-details h3,
html.connect .profile-box.dashboard-profile-box .profile-details .left h3 {
    margin-bottom: 0;
}

html.connect .profile-box.dashboard-profile-box .profile-details .logoutLink,
html.connect .profile-box.dashboard-profile-box .profile-details .left .logoutLink {
    display: block;
    margin-bottom: 20px;
    font-size: 11px;
    color: #0e103e;
}

html.connect .profile-box.dashboard-profile-box .profile-details .dashList li,
html.connect .profile-box.dashboard-profile-box .profile-details .left .dashList li {
    margin: 4px 0;
}

.login-section p {
    margin-bottom: 20px;
}

.login-section .login-member {
    float: left;
    width: 60%;
}

.login-section .login-member .keep-me-signed-in {
    padding: 8px 0 10px 5px;
}

.login-section .login-non-member {
    float: left;
    width: 43%;
    padding: 10px;
}

.login-help h3 {
    font-family: Televoice, Arial, sans-serif;
    color: var(--color-td-green-heading, #00995b);
}

.green-li {
    position: relative;
}

.green-li:before {
    content: "";
    position: absolute;
    left: -1em;
    top: 0.6em;
    width: 0.4em;
    height: 0.4em;
    background-color: #00AF66;
    border-radius: 50%;
    transform: translateY(-50%);
}

.custom-bullet-ul {
    list-style: none;
    padding-bottom: 15px;
}

.list-text {
    color: black;
}

.login-button {
    padding: 10px 30px;
    display: table;
}

.login-button-text {
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
}

.info-link {
    color: #00AF66;
    font-weight: bold;
    cursor: pointer;
    padding: 30px;
}

#knowledgebase .kb-section {
    padding: 30px 0 10px 0;
}

#knowledgebase .kb-section.first {
    padding: 20px 0 0 0;
    border: 0;
}

#knowledgebase .kb-section .row {
    margin-top: 20px;
}

#knowledgebase .kb-section .row:first-child {
    margin-top: 0;
}

#knowledgebase .kb-section h3 {
    margin-bottom: 0;
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding-bottom: 10px;
}

#knowledgebase .kb-section h4 {
    margin: 0 0 5px 0;
}

#knowledgebase .kb-section h4 a {
    color: #008759;
}

#knowledgebase .kb-section .browsing-tabs .tab {
    margin-bottom: 5px;
}

#knowledgebase .kb-section .browsing-tabs .tab a {
    background-color: var(--color-td-gray-1, #F2F2F2);
    border-color: #E8E8E8;
    border-width: 1px;
    border-style: solid;
    height: 31px;
    line-height: 31px;
    padding: 0 10px;
    font-size: 14px;
    color: #008759;
    display: block;
    text-decoration: none;
}

#knowledgebase .kb-section .browsing-tabs .tab a:hover {
    text-decoration: underline;
}

#knowledgebase .kb-section .browsing-tabs .tab.active a {
    background-color: #fff;
    border-color: #fff;
    color: #008759;
    cursor: text;
}

#knowledgebase .kb-section .browsing-tabs .tab.active a:hover {
    text-decoration: underline;
}

#knowledgebase .kb-section .article-overview {
    margin-bottom: 20px;
}

#knowledgebase .kb-section .article-overview p {
    margin: 0 0 5px;
}

#knowledgebase .kb-section .article-overview .article-summary {
    font-family: AkzidGroCFFReg_0;
    color: #161616;
    font-size: 16px;
    line-height: normal;
}

#knowledgebase .kb-section .article-overview .article-details {
    font-family: AkzidGroCFFReg_0;
    color: #0e103e;
}

#knowledgebase .kb-section .article-overview .article-details span {
    padding: 0 5px;
    color: #161616;
}

#knowledgebase .kb-section .article-overview .article-details em {
    padding: 0 8px 0 3px;
}

#knowledgebase a {
    font-family: AkzidGroCFFReg_0;
    color: #161616;
}

#knowledgebase .clear-results {
    margin-top: 5px;
    padding-right: 10px;
    font-size: 11px;
    line-height: 20px;
}

#knowledgebase .clear-results a {
    color: #008759;
}

#knowledgebase .bmo-ui-grid-pager {
    padding-top: 15px;
}

#knowledgebase table.help-questions {
    border-width: 1px 0;
    border-style: solid;
    border-color: var(--color-td-gray-2, #D9D9D6);
}

#knowledgebase table.help-questions thead {
    display: none;
}

#knowledgebase .question-block {
    font-family: AkzidGroCFFReg_0;
    color: #161616;
    font-size: 16px;
    padding: 10px;
}

#knowledgebase .question-block .question-title {
    font-size: 14px;
}

#knowledgebase .question-block .question-title a {
    color: #008759;
}

#knowledgebase .question-block .question-sub-title {
    padding: 7px 0;
}

#knowledgebase .question-block .question-field-set {
    color: #E73C3E;
}

#knowledgebase .question-block .question-field-set .question-field-name {
    padding: 0 0 0 9px;
}

#knowledgebase .question-block .question-field-set .question-field-name:first-child {
    padding: 0;
}

#knowledgebase .question-block .question-field-set .question-field-value {
    color: #161616;
    padding: 0 9px 0 5px;
}

#knowledgebase .article-question-block {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    padding: 20px;
    color: #161616;
    font-family: AkzidGroCFFReg_0;
    font-size: 16px;
}

#knowledgebase .article-question-block .question-title {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 3px;
}

#knowledgebase .article-question-block .question-sub-title,
#knowledgebase .article-question-block .question-field-set {
    padding-top: 7px;
}

#knowledgebase .article-question-block .question-field-set .question-field-name {
    padding: 0 0 0 9px;
}

#knowledgebase .article-question-block .question-field-set .question-field-name:first-child {
    padding: 0;
}

#knowledgebase .article-question-block .question-field-set .question-field-value {
    padding: 0 9px 0 5px;
}

#knowledgebase .trans-well #lipsum {
    color: #161616 !important;
    font-family: AkzidGroCFFReg_0 !important;
    font-size: 16px !important;
    text-align: left !important;
}

.getting-started-container .top {
    text-align: center;
}

.getting-started-container .top p {
    font-size: 16px;
    color: #161616;
}

.getting-started-container h2.main-header {
    font-size: 40px;
}

.getting-started-container h2.dark {
    color: #161616;
}

.getting-started-container .getting-started-box {
    position: relative;
    padding: 20px 35px 42px 100px;
    margin: 0 -22px;
}

.getting-started-container .getting-started-box .float-start {
    width: 440px;
}

.getting-started-container .getting-started-box .float-end {
    width: 298px;
    padding-top: 22px;
}

.getting-started-container .getting-started-box.alt {
    background: var(--color-td-gray-2, #D9D9D6);
}

.getting-started-container .getting-started-box.no-step {
    padding-left: 35px;
}

.getting-started-container .getting-started-box.no-step .float-start {
    width: 505px;
}

.getting-started-container .getting-started-box .step-1,
.getting-started-container .getting-started-box .step-2,
.getting-started-container .getting-started-box .step-3,
.getting-started-container .getting-started-box .step-4,
.getting-started-container .getting-started-box .step-5,
.getting-started-container .getting-started-box .step-6 {
    background: url(/Content/images/template/marketing/numbering-sprite.png) 0 0 no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 30px;
    left: 40px;
    display: block;
}

.getting-started-container .getting-started-box .step-1 {
    background-position: 0 0;
}

.getting-started-container .getting-started-box .step-2 {
    background-position: 0 -40px;
}

.getting-started-container .getting-started-box .step-3 {
    background-position: 0 -80px;
}

.getting-started-container .getting-started-box .step-4 {
    background-position: 0 -120px;
}

.getting-started-container .getting-started-box .step-5 {
    background-position: 0 -160px;
}

.getting-started-container .getting-started-box .step-6 {
    background-position: 0 -200px;
}

.getting-started-container .getting-started-box.last {
    padding-left: 45px;
}

.getting-started-container .getting-started-box.last .float-start {
    width: 530px;
}

.getting-started-container .getting-started-box.last .float-start a {
    color: #008759;
    text-decoration: none;
}

.getting-started-container .getting-started-box.last .float-start a:hover {
    text-decoration: underline;
}

.getting-started-container .getting-started-box.help-divider {
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding-bottom: 0;
}

#OrganizationsGrid table th {
    white-space: normal;
}

.network-member-details-wide .col {
    text-align: center;
    border-right: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding-right: 30px;
    padding-left: 30px;
}

.network-member-details-wide .col .non-link-details {
    display: block;
    font-size: 16px;
    margin-top: 2px;
    color: #53565A;
}

.admin-manage-privileges-checkboxlist label,
.admin-manage-privileges-checkboxlist input {
    float: left;
}

.admin-manage-privileges-checkboxlist label {
    margin-left: 5px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active.members-management a {
    color: #008759 !important;
    background: #FFF !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active.manage-settings a:hover span {
    background-position: 0 -324px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active.manage-account a:hover span {
    background-position: 0 -360px;
}

#licensing-admin-manage-license {
    padding: 20px;
}

#browse-standards .sortable li div p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.step-container .step-list {
    margin-left: 2em;
}

.step-container .step-list li {
    font-size: 24px;
    margin-bottom: 20px;
}

.step-container .step-list li > span {
    font-size: 14px;
}

div#file-select-result {
    font-size: 14px;
    margin-top: 0;
    line-height: 1.5em;
    display: none;
    padding: 0 0;
    border: 0 solid #ccc;
}

div#file-select-result .bmo-ui-upload-button {
    margin-top: 10px;
}

div#file-select-result span#file-selected-label i {
    color: #00af66;
}


.step-container .step-list .bmo-ui-upload > ul > li,
.step-container .step-list .bmo-ui-upload > button {
    font-size: 16px;
}

.step-container .step-list .step-button input[type="file"] {
    font-size: 14px;
    line-height: 1.3;
}

.noMenuWrapper {
    width: 800px;
    margin: 0 auto;
}

.noMenuWrapper .button:not(.rebrand-override),
.noMenuWrapper .link-button:not(.rebrand-override) {
    background: var(--color-td-gray-3, #C8C9C7);
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300;
    font-size: 22px !important;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    color: #FFF !important;
    text-decoration: none !important;
    cursor: pointer;
    padding: 5px 30px;
    border: 0;
    outline: 0;
}

.noMenuWrapper {
    background-color: #0e103e;
}

.noMenuWrapper .windows-button {
    background-color: #01A4EF;
}

.noMenuWrapper .windows-button:hover {
    background-color: #0181bc;
}

.noMenuWrapper .apple-button {
    background-color: #000000;
}

.noMenuWrapper .apple-button:hover {
    background-color: #262626;
}

.noMenuWrapper #header {
    height: 120px;
}

.noMenuWrapper #header .logo {
    float: left;
    margin: 41px 0 0 50px;
}

.noMenuWrapper #container {
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
    background-color: #F9F9F9;
    margin-bottom: 35px;
}

.noMenuWrapper .page h2 {
    margin: 0;
}

.noMenuWrapper .page .heading {
    padding: 25px 50px;
    background-color: #fff;
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.06);
}

.noMenuWrapper .page .heading .thumb {
    float: left;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    height: 70px;
    width: 70px;
    margin-right: 20px;
}

.noMenuWrapper .page .heading .titleContainer {
    float: left;
    width: 608px;
}

.noMenuWrapper .page .heading .titleContainer .title {
    height: 70px;
    display: table-cell;
    vertical-align: middle;
}

.noMenuWrapper .page .content {
    padding: 40px 50px 50px;
}

.noMenuWrapper .page .content h2 {
    margin-bottom: 30px;
}

.noMenuWrapper .page .content .new-form,
.noMenuWrapper .page .content .new-form form {
    padding: 0;
    margin: 0;
}

.noMenuWrapper .page .content .new-form input[type="text"],
.noMenuWrapper .page .content .new-form input[type="password"] {
    height: 40px;
    padding: 4px 6px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 40px;
    color: #E73C3E;
    width: 310px;
}

.noMenuWrapper .page .content .new-form .checkbox {
    color: #161616;
}

.noMenuWrapper .page .content .keep-me-signed-in {
    margin: 15px 0 0 10px;
}

.noMenuWrapper .page .content .forgot-password {
    font-size: 11px;
    margin-top: 10px;
}

.noMenuWrapper .page .content .col {
    float: left;
    width: 50%;
}

.noMenuWrapper .page .content .col .left {
    padding-right: 25px;
}

.noMenuWrapper .page .content .col .right {
    padding-left: 25px;
}

.noMenuWrapper .page .content .bmo-ui-dropzone {
    padding: 0 !important;
}

.noMenuWrapper .page .footing {
    padding: 40px 50px 50px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.noMenuWrapper .page .footing h2 {
    margin-bottom: 30px;
}

.noMenuWrapper #footer {
    text-align: center;
    color: #0e103e;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
    background: none;
    border: 0;
}

.group-box-1 .box-inner,
.member-box-1 .box-inner,
.author .box-inner,
.group-thumbnail .box-inner,
.network-member-thumbnail .box-inner {
    position: relative;
}

.group-box-1 .box-inner .my-org,
.member-box-1 .box-inner .my-org,
.author .box-inner .my-org,
.group-thumbnail .box-inner .my-org,
.network-member-thumbnail .box-inner .my-org {
    background: url(/Content/images/template/tag-my-org.png) 0 0 no-repeat;
    height: 37px;
    width: 37px;
    position: absolute;
    top: -16px;
    right: -16px;
}

.author .box-inner .my-org,
.group-thumbnail .box-inner .my-org,
.network-member-thumbnail .box-inner .my-org {
    top: 0px;
    right: 0px;
}

.org-toggle {
    padding: 0px 10px;
    margin: 0px 0px 0px 10px;
    font-size: 12px;
    color: #161616;
    vertical-align: middle;
    height: 28px;
    line-height: 28px;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    background-color: var(--color-td-gray-2, #D9D9D6);
}

.org-toggle span {
    float: left;
    display: block;
}

.org-toggle .on-off-toggle {
    background: url(/Content/images/btn/btn_on-off-toggle.png) 0 0 no-repeat;
    display: block;
    width: 60px;
    height: 0;
    padding-top: 20px;
    margin: 4px 0px 0px 10px;
    overflow: hidden;
}

.org-toggle .on-off-toggle.on {
    background-position: 0 -20px;
}

#PremiumActivities {
    font-family: AkzidGroCFFReg_0;
    font-size: 13px;
    color: #161616;
}

#PremiumActivities h2 {
    margin-bottom: 10px;
}

#PremiumActivities .top-banner {
    background-image: url(/Content/images/premium-activities/bg_topBanner.jpg);
    background-repeat: no-repeat;
    height: 461px;
    width: 1170px;
    margin: 0 0 50px -124px;
    text-align: center;
}

#PremiumActivities .top-banner h2.premium-title {
    padding-top: 32px;
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 20px;
}

#PremiumActivities .top-banner .premium-subtitle {
    font-family: AkzidGroCFFReg_0;
    font-size: 16px;
    line-height: 27px;
    color: #161616;
    margin-top: -12px;
}

#PremiumActivities .premium-col {
    float: left;
    width: 50%;
}

#PremiumActivities #premium-sample-activities {
    width: 372px;
}

#PremiumActivities #carousel-premium-apps {
    width: 324px;
}

#PremiumActivities .premium-sample-activities {
    margin-bottom: 60px;
}

#PremiumActivities .premium-sample-activities .monitor-container {
    background-image: url(/Content/images/premium-activities/bg_monitor.gif);
    background-repeat: no-repeat;
    height: 302px;
    width: 400px;
    padding: 12px 0 0 14px;
}

#PremiumActivities .premium-apps {
    margin-top: 60px;
}

#PremiumActivities .premium-apps .device-container {
    background-image: url(/Content/images/premium-activities/bg_device.gif);
    background-repeat: no-repeat;
    height: 269px;
    width: 400px;
    padding: 13px 0 0 38px;
    margin-top: 80px;
}

#PremiumActivities .premium-apps .available-apps {
    font-size: 11px;
    line-height: 22px;
}

#PremiumActivities .premium-apps .available-apps .available-apps-col {
    float: left;
}

#UploadListTable {
    table-layout: fixed;
}

#UploadListTable th,
#UploadListTable td {
    min-width: 100px;
    overflow: hidden;
}

#UploadListTable td .filename {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    color: #0e103e;
    font-size: 10px;
}

#UploadListTable input[type=text] {
    width: 100%;
    margin-bottom: 0;
}

form[name=uploadForm] .progress {
    background: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-radius: 0;
    box-shadow: none;
}

.bis-learn-more {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
}

.bis-learn-more h1 {
    margin-bottom: 45px;
}

.bis-learn-more h3 {
    line-height: normal;
    margin-bottom: 12px;
}

.bis-learn-more h4 {
    margin-top: 0;
    font-style: italic;
}

.bis-learn-more p,
.bis-learn-more ul > li {
    font-size: 17px;
    line-height: normal;
}

.bis-learn-more ul > li {
    margin-bottom: 8px;
}

.bis-learn-more hr {
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-bottom: 0;
    margin: 0;
    /*margin-top: 30px;
        margin-bottom: 30px;*/
}

.bis-learn-more > .container {
    margin-top: 40px;
    margin-bottom: 40px;
}

.bis-learn-more .bis-heading {
    background: var(--color-td-gray-1, #F2F2F2);
    padding: 90px 0 30px 0;
}

.bis-learn-more .bis-heading .video {
    border: 1px solid #c2c2c2;
}

.bis-learn-more .bis-heading .video-caption {
    font-size: 14px;
    width: 447px;
    margin-top: 10px;
}

.bis-learn-more .intro {
    margin-top: 30px;
}

.bis-learn-more .intro p {
    font-size: 20px;
}

.bis-learn-more .callout {
    background: var(--color-td-gray-1, #F2F2F2);
    border-radius: 8px;
    padding: 25px 35px;
}

.bis-learn-more .callout p {
    margin: 0;
}

.bis-learn-more .callout.details {
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}

.bis-learn-more .footer {
    padding-bottom: 40px;
}

.bis-learn-more .footer .bmo-learn-more {
    font-weight: bold;
    text-decoration: underline;
}

.bis-learn-more .footer .bmo-learn-more:hover {
    text-decoration: none;
}

.bis-learn-more .footer .bis-link-button {
    background: #FFF;
    display: inline-block;
    font-size: 25px;
    border-radius: 4px;
    width: 85%;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    padding: 16px 0;
    box-shadow: 0 4px #d1d1d1;
    -webkit-transition: color, background 0.3s ease-out;
    -moz-transition: color, background 0.3s ease-out;
    -ms-transition: color, background 0.3s ease-out;
    -o-transition: color, background 0.3s ease-out;
}

.bis-learn-more .footer .bis-link-button:hover {
    text-decoration: none;
}

.bis-learn-more .footer .download-info-sheet {
    margin-top: 20px;
    padding-left: 40px;
    position: relative;
    font-size: 14px;
    line-height: 19px !important;
}

.bis-learn-more .footer .download-info-sheet .icon {
    position: absolute;
    top: 2px;
    left: 0;
}

.bis-learn-more .footer .download-info-sheet a {
    text-decoration: none;
    color: inherit;
}

.bis-learn-more .footer .download-info-sheet a:hover {
    text-decoration: underline;
}

.bis-learn-more .footer .price {
    font-size: 22px;
}

.bis-learn-more .footer .price span {
    font-size: 17px;
}

.bis-learn-more .feature-carousel .carousel-controls .buttons {
    height: 326px;
    display: flex;
    padding-left: 25px;
}

.bis-learn-more .feature-carousel .carousel-controls .buttons button {
    position: relative;
    height: 60px;
    width: 60px;
    outline: 0;
    border: 0;
    padding: 0;
    overflow: hidden;
    align-self: center;
}

.bis-learn-more .feature-carousel .carousel-controls .buttons button span {
    position: absolute;
    top: 11px;
    left: 20px;
    font-size: 80px;
    color: #fff;
    font-family: 'Open Sans';
}

.bis-learn-more .feature-carousel .carousel-controls .buttons .c-left {
    border-radius: 4px 0 0 4px;
}

.bis-learn-more .feature-carousel .carousel-controls .buttons .c-right {
    border-radius: 0 4px 4px 0;
}

.bis-learn-more .feature-carousel .carousel-center ul {
    overflow: hidden;
    position: relative;
}

.bis-learn-more .feature-carousel .carousel-center ul,
.bis-learn-more .feature-carousel .carousel-center ul li {
    height: 326px;
}

.bis-learn-more .feature-carousel .carousel-center ul li {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    margin: 0;
    text-align: center;
    width: 100%;
}

.bis-learn-more .feature-carousel .carousel-center ul li.active,
.bis-learn-more .feature-carousel .carousel-center ul li.fade-out {
    visibility: visible;
}

.bis-learn-more .feature-carousel .carousel-center ul li img {
    border: 1px solid #c2c2c2;
    box-sizing: border-box;
}

.bis-learn-more .feature-carousel .carousel-right .c-caption {
    color: #111;
    font-weight: bold;
    font-style: italic;
    position: relative;
    font-size: 17px;
    display: flex;
    height: 326px;
}

.bis-learn-more .feature-carousel .carousel-right .c-caption .caption {
    position: absolute;
    top: auto;
    left: 0;
    visibility: hidden;
    align-self: center;
}

.bis-learn-more .feature-carousel .carousel-right .c-caption .caption.active,
.bis-learn-more .feature-carousel .carousel-right .c-caption .caption.fade-out {
    visibility: visible;
}

.bis-learn-more#CFL h3,
.bis-learn-more#CFL .callout.details {
    color: #eb6854;
}

.bis-learn-more#CFL .feature-carousel .buttons button {
    background: #eb6854;
}

.bis-learn-more#CFL .footer .bis-link-button {
    color: #eb6854;
    border-color: #eb6854;
}

.bis-learn-more#CFL .footer .bis-link-button:hover {
    background: #eb6854;
    color: #fff;
}

.bis-learn-more#EE h3,
.bis-learn-more#EE .callout.details {
    color: #00a198;
}

.bis-learn-more#EE .feature-carousel .buttons button {
    background: #00a198;
}

.bis-learn-more#EE .footer .bis-link-button {
    color: #00a198;
    border-color: #00a198;
}

.bis-learn-more#EE .footer .bis-link-button:hover {
    background: #00a198;
    color: #fff;
}

.bis-learn-more#BB h3,
.bis-learn-more#BB .callout.details {
    color: #cc569b;
}

.bis-learn-more#BB .feature-carousel .buttons button {
    background: #cc569b;
}

.bis-learn-more#BB .footer .bis-link-button {
    color: #cc569b;
    border-color: #cc569b;
}

.bis-learn-more#BB .footer .bis-link-button:hover {
    background: #cc569b;
    color: #fff;
}

.bis-learn-more#BB .callout.alt {
    border-radius: 0;
    min-height: 160px;
}

.bis-learn-more#RA h3,
.bis-learn-more#RA .callout.details {
    color: #635fa4;
}

.bis-learn-more#RA .feature-carousel .buttons button {
    background: #635fa4;
}

.bis-learn-more#RA .footer .bis-link-button {
    color: #635fa4;
    border-color: #635fa4;
}

.bis-learn-more#RA .footer .bis-link-button:hover {
    background: #635fa4;
    color: #fff;
}

.bis-learn-more#RA .units .col-3 .callout {
    padding: 10px;
    color: #635fa4;
    margin-bottom: 10px;
    min-height: 45px;
    border-radius: 4px;
    display: flex;
}

.bis-learn-more#RA .units .col-3 .callout span {
    align-self: center;
}

#menu-holder {
    position: relative;
}

#newSearchContainer {
    background: #fff;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 0;
    transition: width 375ms cubic-bezier(0.4, 0, 0.2, 1);
}

#newSearchContainer #newSearchField {
    box-sizing: border-box;
    padding: 5px 90px 5px 10px;
    height: 50px;
    border: 0;
    margin: 0;
    font-size: 18px;
    font-family: AkzidGroCFFReg_0;
    color: #050727;
    width: 100%;
    outline: none;
    border-top: 1px solid #0e103e;
    box-shadow: none;
}

#newSearchContainer #newSearchField::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--color-td-gray-3, #C8C9C7);
    opacity: 1;
    /* Firefox */
}

#newSearchContainer #newSearchField:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--color-td-gray-3, #C8C9C7);
}

#newSearchContainer #newSearchField::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--color-td-gray-3, #C8C9C7);
}

#newSearchContainer.open {
    width: 100%;
}

#newSearchContainer.open #newSearchField {
    z-index: 100;
}

#newSearchButton {
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
    height: 42px;
    width: 42px;
    cursor: pointer;
    border: none;
    background: url(/Content/images/btn_search-submit-header.png) -42px 0 no-repeat;
    outline: none;
}

#newSearchButton.open {
    background-position: -42px 0;
}

.aside {
    display: inline;
    float: right;
    width: 261px;
    margin-right: 16px;
    padding-top: 14px;
    padding-top: 0px;
}

.aside h4 {
    margin-bottom: 15px;
}

.aside h4:after {
    content: '';
    display: block;
    clear: both;
}

.aside h4.indent {
    padding-left: 3px;
}

.aside h4 span {
    float: left;
}

.aside h4 img,
.aside h5 img {
    float: right;
    margin: -1px 3px 0 0;
    position: relative;
}

.aside h5 img {
    margin-top: 0;
}

aside .sidebox {
    padding: 38px 20px 0;
    width: 252px;
    background: url(/Content/images/bg-sidebox.gif) no-repeat;
    overflow: hidden;
}

.aside .noBg {
    background: none;
    padding-top: 0;
}

.aside .sidebox .sidehold,
.aside .sidebox .sidehold2 {
    margin: 0 -20px;
    padding: 0 20px;
    position: relative;
    background: url(/Content/images/dot-line.gif) repeat-x 0 100%;
    overflow: hidden;
}

.aside .sidebox .sidehold2 {
    margin-bottom: 19px;
}

#main .aside .topbox {
    padding-top: 0;
    background: none;
}

.aside .sidebox h4,
.aside .sidebox h5 {
    margin: 0 0 8px;
    font-size: 1.2em;
    line-height: 1.2em;
    color: #C81C1C;
    font-weight: bold;
}

.aside .sidebox h5 {
    font-size: 1.1em;
    color: #53565A;
}

.aside .link-list {
    margin: 0 0 6px;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden;
}

.aside .link-list li {
    margin-bottom: 6px;
    font-size: 1.2em;
    line-height: 1.333em;
}

.aside .link-list li a {
    color: #666;
}

.aside .all-link {
    padding: 11px 23px 0;
    width: 246px;
    background: url(/Content/images/dot-line.gif) repeat-x;
    overflow: hidden;
}

.aside .all-link a {
    padding-left: 34px;
    background: url(/Content/images/arrow-all-link.gif) no-repeat 0 3px;
    font-size: 1.1em;
    line-height: 1.2em;
    color: #161616;
    font-weight: bold;
}

.aside .activities-folders h4 {
    margin: 0 0 12px;
    font-size: 1.1em;
}

.aside .activities-folders h4 span {
    float: none;
    color: #53565A;
    font-weight: normal;
}

.aside .activities-folders h4.all-activities {
    padding: 17px 15px 0;
    background: var(--color-td-gray-1, #F2F2F2) url(/Content/images/ico-folder-folders-list.gif) no-repeat 15px 19px;
    margin: 0 -15px;
    width: 292px;
    font-size: 1.2em;
}

.aside .activities-folders h4.all-activities a {
    padding-left: 24px;
}

.aside .text-block {
    margin-top: -5px;
    padding: 0 40px 4px 0px;
    width: 234px;
    background: url(/Content/images/dot-line.gif) repeat-x 0 100%;
    overflow: hidden;
}

.aside .text-block2 {
    background: none;
    margin-bottom: -28px;
}

.aside .text-block3 {
    background: none;
    padding-left: 18px;
}

.aside .text-block h3 {
    margin: 0 0 5px;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #000;
    font-weight: bold;
}

.twocolumns .aside .text-block h3 {
    font-size: 1.1em;
}

.aside .text-block p {
    margin: 0 0 18px;
    font-size: 1.1em;
    line-height: 1.6363em;
}

.aside .invite-link {
    margin-bottom: 18px;
    padding: 14px 19px;
    width: 254px;
    background: #eef3ea url(/Content/images/bg-create-folder.gif) no-repeat 0 100%;
    overflow: hidden;
}

.aside .invite-link a {
    float: left;
    padding-left: 29px;
    background: url(/Content/images/ico-invitation.png) no-repeat;
    font-size: 1.1em;
    line-height: 1.6363em;
    color: #008759;
    font-weight: bold;
    cursor: pointer;
}

.aside .view-all {
    padding: 5px 2px 20px;
    overflow: hidden;
}

.aside .view-all a {
    float: left;
    padding-left: 27px;
    font-size: 1.1em;
    line-height: 1.6363em;
    color: #008759;
    font-weight: bold;
    background: url(/Content/images/ico-add.gif) no-repeat 0 2px;
}

.aside .add-friends-link,
.aside .compose-link,
.start-thread-link,
.add-activity-link {
    padding: 16px 19px 15px;
    width: 254px;
    background: #eef3ea url(/Content/images/bg-create-folder.gif) no-repeat 0 100%;
    overflow: hidden;
}

.aside .compose-link {
    margin-bottom: 18px;
    padding: 14px 22px 16px;
    width: 248px;
}

.aside .add-friends-link a,
.aside .compose-link a,
.start-thread-link a,
.add-activity-link a {
    float: left;
    padding-left: 31px;
    background: url(/Content/images/ico-request.png) no-repeat;
    font-size: 1.1em;
    line-height: 1.4em;
    cursor: pointer;
    font-weight: bold;
    color: #008759;
}

.aside .compose-link a {
    padding-left: 28px;
    line-height: 1.5em;
    background: url(/Content/images/ico-compose.gif) no-repeat;
}

.aside .send-link {
    padding: 15px 19px 16px;
    width: 254px;
    background: #ffe5e5 url(/Content/images/bg-send-message.gif) no-repeat 0 100%;
    overflow: hidden;
}

.aside .send-link a {
    float: left;
    padding-left: 31px;
    background: url(/Content/images/ico-mail.gif) no-repeat 4px 4px;
    font-size: 1.1em;
    line-height: 1.4em;
    cursor: pointer;
    font-weight: bold;
    color: #008759;
}

.aside .send-link span {
    float: left;
    padding-left: 31px;
    background: url(/Content/images/ico-mail.gif) no-repeat 4px 4px;
    font-size: 1.1em;
    line-height: 1.4em;
    font-weight: bold;
    color: #00af66;
}

.aside .message-link {
    padding: 0 17px 15px;
    width: 258px;
    overflow: hidden;
}

.aside .message-link a {
    float: left;
    padding-left: 26px;
    font-size: 1.1em;
    line-height: 1.4em;
    color: #161616;
    font-weight: bold;
    background: url(/Content/images/arrow-all-link.gif) no-repeat 0 4px;
}

.aside .message-link a span {
    color: #008759;
}

.aside .form-login {
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.aside .box {
    width: 260px;
    background: url(/Content/images/bg-form-login.gif) repeat-y;
    overflow: hidden;
}

.aside .box .holder {
    background: url(/Content/images/bg-top-form-login.gif) no-repeat;
}

.aside .box .frame {
    padding: 10px 17px 25px;
    width: 226px;
    background: url(/Content/images/bg-bot-form-login.gif) no-repeat 0 100%;
    overflow: hidden;
}

.aside .form-login .form,
.aside .form-login .holder {
    background: var(--color-td-gray-1, #F2F2F2);
    height: 320px;
    overflow: hidden;
}

.aside .form-login .frame {
    padding: 48px 40px 25px 35px;
    overflow: hidden;
}

.aside .box .groupDash {
    padding-bottom: 15px;
}

.aside .box .groupDash .settings-list {
    margin-bottom: 0;
}

.aside .form-login ul {
    overflow: hidden;
}

.aside .form-login ul li {
    margin-bottom: 4px;
    width: 100%;
    float: left;
}

.aside .form-login h4 {
    margin: 0 0 5px;
    font: 1.8em/1.2em Arial, Helvetica, sans-serif;
    color: #000;
}

.aside .form-login ul li label {
    display: block;
    margin-bottom: 3px;
    font: 1.1em/1.6363em Arial, Helvetica, sans-serif;
    color: #53565A;
}

.aside .form-login ul li .text {
    width: 206px;
    height: 14px;
    border: 1px var(--color-td-gray-3, #C8C9C7) solid;
    padding: 8px 4px 9px;
    font-size: 12px;
    line-height: 14px;
}

.aside .form-login .buttons {
    padding: 13px 0 4px;
    width: 100%;
    overflow: hidden;
}

.aside .form-login .btn {
    margin: 0 0 0 7px;
    float: left;
    padding: 0 0 2px 15px;
    width: 99px;
    height: 24px;
    font-size: 11px;
    line-height: 24px;
    color: #53565A;
    font-weight: bold;
    text-align: center;
    border: 0;
    background: url(/Content/images/btn-login.gif) no-repeat;
    cursor: pointer;
}

.aside .form-login .buttons span {
    margin: 2px 0 0 15px;
    float: left;
    font-size: 1.1em;
    line-height: 2em;
}

.aside .form-login .buttons span a {
    color: #53565A;
    text-decoration: underline;
}

.aside .form-login .buttons span a:hover {
    text-decoration: none;
}

.aside .settings-list {
    margin: -5px 0 15px;
    overflow: hidden;
}

.aside .user-info .box {
    background: none;
    width: auto;
    overflow: hidden;
}

/* Commented "For IEP Goal Notes" in the LESS partial this came from. */
pre {
    background: none;
    border: 0;
    border-radius: 0;
    display: block;
    font-size: 11px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    font-family: inherit;
}

/*
 * Components Bootstrap 5 does not have. The rules were lifted from the Bootstrap 2 fork that used
 * to be served, so the pages keep their appearance. They carry a project prefix because they
 * are project components now, not Bootstrap ones. `.bmo-well` sits in
 * Content/css/site-components.css instead, because the BIS page uses it and serves no bundle that
 * carries this file.
 */
.bmo-input-xlarge {
    width: 270px !important;
}

.bmo-input-large {
    width: 210px !important;
}

.bmo-input-small {
    width: 90px !important;
}

.bmo-dl-horizontal::before,
.bmo-dl-horizontal::after {
    display: table;
    line-height: 0;
    content: "";
}

.bmo-dl-horizontal::after {
    clear: both;
}

.bmo-dl-horizontal dt {
    float: left;
    clear: left;
    width: 160px;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bmo-dl-horizontal dd {
    margin-left: 180px;
}

/*
 * Bootstrap 5 `.w-100` gives a form control only its width, and the theme drops Reboot, so there
 * is no global border-box either. Scoped to form controls so a plain `.w-100` on a container
 * keeps Bootstrap's meaning.
 */
input.w-100,
select.w-100,
textarea.w-100 {
    display: block;
    min-height: 2.25em;
    box-sizing: border-box;
}

/* ---- The spinner ----------------------------------------------------------------------------
 *
 * Every loading indicator outside the blocking $.blockUI overlays draws this ring: the grid loader
 * in Content/css/bmo-grid.css, the admin search spinners, the React applications' corner spinner,
 * the bulk uploader's queue rows, and every region a page empties while it fetches. The overlays
 * keep loader.gif.
 *
 * It is a file of its own, rather than a block inside site-components.css, because two kinds of
 * page need it and only one of them serves a bundle. The three bundles below list it; the bulk
 * uploader imports it from source, because _BlankLayout.cshtml renders only the Style section and
 * no site stylesheet reaches that page.
 *
 * The grid's pseudo-element joins the selector list because a ::after takes no class. It keeps its
 * own positioning below.
 *
 * The declared size is the painted size — box-sizing puts the border inside the box — so
 * .bmo-spinner-lg is 40px across, not 48px.
 */

.bmo-spinner,
.bmo-ui-widget.bmo-ui-grid.bmo-ui-loading::after {
    box-sizing: border-box;
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 3px solid var(--color-td-gray-3, #C8C9C7);
    border-top-color: #555;
    border-radius: 50%;
    animation: bmo-spin 0.7s linear infinite;
}

.bmo-spinner-sm {
    width: 14px;
    height: 14px;
    border-width: 2px;
}

.bmo-spinner-lg {
    width: 40px;
    height: 40px;
    border-width: 4px;
}

/* Centres the ring in a region the page empties while it fetches. */
.bmo-spinner-center {
    display: block;
    margin: 24px auto;
}

/* A ring that sits on the line before its own label. */
.bmo-spinner-inline {
    margin-right: 6px;
    vertical-align: middle;
}

/* On a filled button, where the grey arc would have almost no contrast. */
.bmo-spinner-light {
    border-color: rgba(255, 255, 255, 0.4);
    border-top-color: #fff;
}

@keyframes bmo-spin {
    to { transform: rotate(360deg); }
}

/* The repairs a page needs where Bootstrap 5 declares a class name the site was already using, or
   declares nothing where the site's old stylesheets did. Neither is visible in the markup, so the
   repairs live here rather than scattered through the page stylesheets.

   Everything here is sized in px on purpose, so that a change to the root font size cannot move it.

   Served immediately after `Content/css/project.css`. */

/* `.btn` is declared by `Content/css/project.css` as the site's pill button and by Bootstrap 5 as
   its own, both at one class, so on a page in the window Bootstrap 5 wins every property they share.
   Measured on the search pager: the border went from `1px solid rgb(14, 16, 62)` to
   `1px solid rgba(0, 0, 0, 0)` and the text from brand blue to `rgb(33, 37, 41)`.

   Two classes outrank both, whichever order they are served in. This repairs the controls that opt
   in by name; a plain `.btn` on a migrated page still draws Bootstrap 5's. */
.btn.pager-arrow {
    background: #fff;
    color: #0e103e;
    border: 1px solid #0e103e;
}

/* Bootstrap 5 declares no geometry for these controls, and its `.form-check` draws a different
   control, so the geometry is written here. */
.stacked-check {
    min-height: 1.5em;
    padding-left: 20px;
}

    .stacked-check input[type="checkbox"] {
        float: left;
        margin-left: -20px;
    }

/* `.well` is gone from Bootstrap 5. On the search page `.gray-well` and `.well-padding-20` beside it
   already supply the background, the border and the padding; these three properties are the rest of
   what `.well` gave it. */
.search-panel {
    min-height: 20px;
    margin-bottom: 20px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* The five dialogs these pages open were colorbox lightboxes, and colorbox brought its own chrome.
   A Bootstrap 5 dialog is a different size, dims by a different amount and takes the page's own
   heading size rather than the lightbox's. These four rules are the difference, measured against the
   lightbox: content 438px wide, an 18px heading from `Content/css/colorbox-content.css` `#colorbox h2`, and a
   backdrop at 0.6 rather than Bootstrap's 0.5.

   Scoped by class, not by `.modal`, so a Bootstrap 5 dialog added later is not silently resized. */

.bmo-dialog {
    --bs-modal-width: 470px;
}

    .bmo-dialog h2 {
        font-size: 18px;
        margin: 9px 0;
    }

/* Two classes: this sits on the same element as .modal-backdrop, and Bootstrap 5 is served
   after this file, so one class would lose. */
.modal-backdrop.bmo-dialog-backdrop {
    --bs-backdrop-opacity: 0.6;
}

/*
 * The stylesheet of the site's one dialog primitive. `Scripts/site/bmo-modal.js` builds the markup.
 *
 * **No z-index appears below, and none may be added.** `showModal()` puts the element in the top
 * layer, above every stacking context on the page. A z-index here would say the opposite.
 *
 * The values are the Bootstrap 5 modal's own, so the look converges with the three react-bootstrap
 * dialogs. They are written out rather than read from `--bs-modal-*`, which Bootstrap declares on
 * `.modal` and not on `:root`. Two layouts serve no `bundles/bootstrap5.css` at all --
 * `MasterPages2_0/Modal.Master` and `Views/Activities/SingleFileView.cshtml`, and the second is the
 * heaviest SimpleModal consumer -- so this primitive depends on no Bootstrap class and no Bootstrap
 * custom property.
 *
 * `bmo-modal`, not `bmo-dialog`: `Content/css/bootstrap5-window.css` already gives `.bmo-dialog` to
 * the react-bootstrap dialogs.
 *
 * Every box below sets its own `box-sizing`. `Content/css/base.css` does not set it globally, and
 * the Bootstrap 5 theme's stand-in rule names a fixed list of components that this one is not on.
 *
 * Every rule carries `dialog.bmo-modal`, and a class alone will not do. `Content/css/project.css`
 * and `Content/layout/legacyCss/legacy.css` both declare `.modal h1` and `.modal h2`, which is one
 * class and one element. `MasterPages2_0/Modal.Master` puts `class="home modal"` on the body, and
 * three views wrap a container in the same class, so those rules reach inside a dialog opened there
 * and beat a bare `.bmo-modal-title` whatever the bundle order.
 */
dialog.bmo-modal {
    box-sizing: border-box;
    width: 500px;
    max-width: calc(100% - 2rem);
    max-height: calc(100% - 2rem);
    padding: 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/* A closed dialog is `display: none` in the browser's own stylesheet, so the flex column is scoped
   to the open state. Without the scope, a closed dialog would be visible. */
dialog.bmo-modal[open] {
    display: flex;
    flex-direction: column;
}

dialog.bmo-modal::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

/*
 * The heading, and the rule under it, are `#simplemodal-container .content h1, #colorbox h1`'s, so a
 * dialog reads the way every dialog on this site already reads. The rule belongs to the heading
 * rather than to a header bar, which is why there is no header element here at all.
 *
 * **The consumer's own `<h1>` is covered as well as the `title` option, and that is the point.** Most
 * of the consumers write their heading into their own markup, and today it is the two selectors
 * above that shrink it to 18px. Neither reaches inside a `<dialog>`, so without this the heading
 * comes out at the page's own `<h1>` size. Measured on the same markup through both mechanisms.
 *
 * The rest of the family — `.content p`, `.content h2`, `h4`, and the Verdana on `.content` itself —
 * is not carried across. Those are the consumers' own text styles, and the ticket that moves them
 * decides which are wanted.
 */
dialog.bmo-modal .bmo-modal-title,
dialog.bmo-modal .bmo-modal-body h1 {
    margin: 9px 0 18px;
    padding-right: 30px;
    padding-bottom: 10px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    line-height: 21.6px;
    color: var(--color-td-green-heading, #00995b);
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
}

/*
 * The close control the site already draws. `#simplemodal-container a.modalCloseImg` and colorbox's
 * `#cboxClose` are both 25 by 25, absolute, and 12px from the top and right, and both take their
 * mark from `Content/images/colorbox/controls.png`.
 *
 * The mark is redrawn here as a data url rather than pointed at that sprite, because the sprite
 * belongs to colorbox and colorbox is being retired. The three colours are read out of the sprite's
 * own pixels: a `#ccc` ring, a `#787878` cross, and `#5e77a1` on hover.
 *
 * Absolute, so it holds the corner while the body scrolls. `.bmo-modal-title` carries the right
 * padding that keeps a long heading from running under it.
 */
dialog.bmo-modal .bmo-modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    padding: 0;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3e%3ccircle cx='12.5' cy='12.5' r='11.5' fill='%23fff' stroke='%23cccccc'/%3e%3cpath d='M8.6 8.6 16.4 16.4M16.4 8.6 8.6 16.4' stroke='%23787878' stroke-width='2.6' stroke-linecap='round'/%3e%3c/svg%3e") center/25px 25px no-repeat;
    border: 0;
    cursor: pointer;
}

dialog.bmo-modal .bmo-modal-close:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3e%3ccircle cx='12.5' cy='12.5' r='11.5' fill='%23fff' stroke='%23cccccc'/%3e%3cpath d='M8.6 8.6 16.4 16.4M16.4 8.6 8.6 16.4' stroke='%235e77a1' stroke-width='2.6' stroke-linecap='round'/%3e%3c/svg%3e");
}

/* The brand blue, `--color-td-blue: #0E103E`, at a quarter. Written as a literal because a token
   read through `var()` cannot be given an alpha channel without `color-mix`, which is newer than
   the browsers this primitive otherwise needs. */
dialog.bmo-modal .bmo-modal-close:focus-visible {
    outline: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 0.25rem rgba(14, 16, 62, 0.25);
}

/* 20px, which is `#simplemodal-container`'s own padding, so the content and the footer sit where a
   reader already expects to find them. */
dialog.bmo-modal .bmo-modal-body {
    box-sizing: border-box;
    flex: 1 1 auto;
    padding: 20px;
    overflow-y: auto;
}

/*
 * `.popup-buttons` is the site's own dialog footer, and the SimpleModal consumers carry it in their
 * own markup. It is right-aligned on one row by `#simplemodal-container .popup-buttons`, which no
 * dialog here matches, so without this rule the buttons stack down the left instead. Measured by
 * opening one consumer's markup through both mechanisms on the same page.
 *
 * The values are the ones `Content/css/project.css`, `Content/layout/legacyCss/legacy.css` and
 * `Content/third-party/simplemodal.css` all three declare.
 *
 * The sibling selector `.modal .popup-buttons` reaches inside a dialog on the pages whose body
 * carries `class="modal"`, and nowhere else. So the footer would otherwise lay out on
 * `MasterPages2_0/Modal.Master` and not on the other nine layouts.
 */
dialog.bmo-modal .popup-buttons {
    margin-top: 30px;
    clear: both;
    font-size: 11px;
    text-align: right;
}

dialog.bmo-modal .popup-buttons div {
    display: inline-block;
}

/*
 * The entrance: the overlay fades in, then the container fades in and slides down. `<dialog>`
 * supplies neither.
 *
 * `backwards`, not `both`: the fill holds the start state through the delay and then leaves nothing
 * behind.
 *
 * **The content is not animated separately, and it must not be.** The six SimpleModal `onOpen`
 * callbacks ran a third stage, a jQuery `slideDown` of the content after the container appeared.
 * A `clip-path` reveal reproduced it, and `clip-path` clips hit testing as well as painting:
 * measured in Chromium, `elementFromPoint` over the dialog's own OK button returned the `<dialog>`
 * for the whole 550 ms, so an early click missed the button. With `closeOnBackdropClick` set, that
 * click closed the dialog instead. The slide down below is the container's own, which moves the
 * content with it and blocks nothing.
 *
 * The timing is not SimpleModal's either. It chained three jQuery `'slow'` animations, 600 ms each
 * and 1.8 s in all, and a dialog that takes almost two seconds to appear reads as a page that has
 * not answered.
 */
@keyframes bmo-modal-backdrop-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes bmo-modal-box-in {
    from { opacity: 0; transform: translateY(-50px); }
    to { opacity: 1; transform: none; }
}

dialog.bmo-modal[open]::backdrop {
    animation: bmo-modal-backdrop-in 200ms ease backwards;
}

dialog.bmo-modal[open] {
    animation: bmo-modal-box-in 300ms ease 100ms backwards;
}

/*
 * The exit. `Scripts/site/bmo-modal.js` adds the class, waits for these animations, and only then
 * calls `close()`.
 *
 * Each selector carries `[open]` as well as the class, so it outranks the entrance rule above by
 * specificity rather than by source order.
 */
@keyframes bmo-modal-backdrop-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes bmo-modal-box-out {
    from { opacity: 1; transform: none; }
    to { opacity: 0; transform: translateY(-24px); }
}

dialog.bmo-modal[open].bmo-modal-closing::backdrop {
    animation: bmo-modal-backdrop-out 150ms ease forwards;
}

dialog.bmo-modal[open].bmo-modal-closing {
    animation: bmo-modal-box-out 150ms ease forwards;
}

/*
 * 1 ms, not zero. The close path waits for `getAnimations()` to settle, and an animation of no
 * duration is never reported, so a reader who asked for reduced motion would keep an open dialog.
 */
@media (prefers-reduced-motion: reduce) {
    dialog.bmo-modal[open],
    dialog.bmo-modal[open]::backdrop,
    dialog.bmo-modal[open].bmo-modal-closing,
    dialog.bmo-modal[open].bmo-modal-closing::backdrop {
        animation-delay: 0s;
        animation-duration: 1ms;
    }
}

#wrapper {
    background-color: #fff;
    padding-bottom: 50px;
}

#wrapper .inner {
    width: 638px;
}

#wrapper .innerside,
#wrapper .innerside2 {
    margin-right: 0;
    width: 292px;
}

#wrapper .innerside2 {
    padding-top: 5px;
}

#wrapper .innerside2 .homeside {
    padding-top: 0;
}

#wrapper .innerside3 {
    padding-top: 6px;
}

#wrapper .twocolumns .aside {
    padding-top: 22px;
}

#wrapper #main {
    background: #fff;
    width: 980px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}

#wrapper .main-frame {
    padding: 15px 0px 0px 21px;
    /* overflow: hidden; */
    min-height: 350px;
}

.page #content {
    float: left;
    position: relative;
    width: 960px;
    margin-top: 0px;
    margin-left: -15px;
}

#content {
    float: left;
    position: relative;
    width: 627px;
}

/* open sans font */
@font-face {
    font-family: 'Open Sans';
    src: url('/content/fonts/opensans/opensans_light_macroman/OpenSans-Light-webfont.eot');
    src: url('/content/fonts/opensans/opensans_light_macroman/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/opensans/opensans_light_macroman/OpenSans-Light-webfont.woff') format('woff'), url('/content/fonts/opensans/opensans_light_macroman/OpenSans-Light-webfont.ttf') format('truetype'), url('/content/fonts/opensans/opensans_light_macroman/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

#Header {
    background-color: #fff;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.header-top {
    width: 968px;
    margin: 0 auto;
    height: 96px;
}

.header-top .header-left {
    padding-top: 26px;
}

.header-top .header-left .display-name {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #3F3F3F;
}

.header-top .header-right {
    padding-top: 29px;
}

/* welcome user */
#welcome-user {
    color: #3f3f3f;
    text-transform: none;
}

/* support menu */
#support-container-commercial {
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    text-align: right;
    margin-right: 5px;
}

#support-container-retail {
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    text-align: right;
    margin-right: 13px;
}

#support-menu {
    font: 10px/25px Verdana, Arial, Helvetica, sans-serif;
    color: #666;
    position: relative;
}

#support-menu li {
    float: left;
    margin: 0;
    padding: 0 0 0 22px;
}

#support-menu li.first {
    padding-left: 0;
    background: none;
}

#support-menu li.last {
    padding-right: 0;
}

#support-menu li a {
    height: 26px;
    line-height: 25px;
    text-decoration: none;
    white-space: nowrap;
    margin: 0;
    color: #3f3f3f;
    text-transform: uppercase;
}

#support-menu a:hover {
    text-decoration: underline;
    color: #3f3f3f;
}

#support-menu li a.callout {
    color: #3f3f3f;
    font-weight: bold;
}

#headerSearch {
    padding: 0;
    position: relative;
    margin-top: 11px;
}

#headerSearch input[type='text'] {
    width: 266px;
    padding: 10px 30px 10px 10px;
    border: 1px solid #d8d8d8;
    color: #3f3f3f !important;
    background: url(/Content/images/template/bg_header-search.jpg) 0 0 repeat-x;
}

#MainSearchButton {
    position: absolute;
    top: 0;
    right: 0;
    background: url(/Content/images/template/btn_search-submit-header.png) 6px 15px no-repeat;
    border: 0;
    height: 0;
    padding-top: 40px;
    width: 28px;
    overflow: hidden;
    cursor: pointer;
}

#header-outer-container {
    height: 105px;
}

#header-topbar-container {
    background: url(/Content/images/overlay-header-topbar.png) left top repeat-x;
    height: 25px;
}

#header-mainbar-container {
    background: url(/Content/images/overlay-header-mainbar.png) left top repeat-x;
    height: 80px;
    clear: both;
}

.top-bar-content {
    text-align: left;
    margin: 0 auto;
    width: 980px;
}

/* branding - commercial */
#branding-content-commercial {
    color: #C42030;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    margin-top: 4px;
}

#branding-content-commercial a, #branding-content-commercial a:hover {
    color: inherit;
    text-decoration: none;
}

/* branding - retail */
#branding-wrapper-retail {
    text-align: left;
    width: 763px;
}

#branding-container-retail {
    float: left;
    margin-top: 18px;
    margin-left: 10px;
    color: #FFF;
}

#branding-content-retail {
    color: #3f3f3f;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 4px;
}

#bms-logo-retail {
    margin-top: 4px;
}

/* search */
#search-input-container {
    background: url(/Content/images/search-container.gif) left top no-repeat;
    height: 31px;
    width: 236px;
    margin-right: 4px;
    float: left;
}

#search-input-container input {
    background: none;
    border: 0 none;
    height: 29px;
    margin-left: 28px;
    width: 196px;
    font: 12px/29px Verdana, Arial, Helvetica, sans-serif;
    color: #333;
}

/* search - commercial */
#search-container-commercial {
    float: right;
    position: relative;
    z-index: 3000;
}

#search-content-commercial {
    padding: 5px 5px 0;
}

#search-button-container-commercial {
    background: url(/Content/images/search-button.gif) left top no-repeat;
    height: 31px;
    width: 69px;
    float: left;
    text-align: center;
}

#search-button-container-commercial input {
    background: none;
    border: 0 none;
    text-transform: uppercase;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    height: 30px !important;
    line-height: 30px !important;
    color: #333;
}

/* search - retail */
#search-container-retail {
    float: right;
}

#search-content-retail {
    border: 1px solid #FFF;
    padding: 3px 4px;
    margin-top: 20px;
}

#search-button-container-retail {
    background: url(/Content/images/search-button.gif) left top no-repeat;
    height: 31px;
    width: 69px;
    float: left;
    text-align: center;
}

#search-button-container-retail input {
    background: none;
    border: 0 none;
    text-transform: uppercase;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    padding-top: 8px;
    color: #333;
}

/* user dropdown menu */
#Header #userMenu {
    font-family: AkzidGroCFFReg_0;
}

#Header #userMenu > li {
    float: left;
    font-size: 15px;
    margin-left: 10px;
}

#Header #userMenu > li a {
    line-height: 36px;
    color: var(--color-td-blue, #0E103E);
    display: block;
}

#Header #userMenu > li a:hover {
    line-height: 36px;
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
    display: block;
}

#Header #userMenu .logout-form {
    display: inline;
    margin: 0;
}

#Header #userMenu .logout-button {
    background: none;
    border: 0;
    color: var(--color-td-blue, #0E103E);
    cursor: pointer;
    display: block;
    font: inherit;
    line-height: 36px;
    margin: 0;
    padding: 0;
}

#Header #userMenu .logout-button:hover,
#Header #userMenu .logout-button:focus {
    text-decoration: underline;
}

#Header #userMenu > li span {
    display: block;
    line-height: 36px;
}

#Header #userMenu > li.open {
    background: var(--color-td-gray-1, #F2F2F2);
}

#Header #userMenu > li.open > a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
    padding: 0 6px;
}

#Header #userMenu > li.open > a:hover {
    text-decoration: underline;
}

#Header #userMenu .dropdown {
    padding-right: 10px;
}

#Header #userMenu .dropdown .caret {
    margin-top: 17px;
    *margin-top: 8px; /* IE7 hack */
    margin-left: 5px;
    border-top-color: #161616;
}

#Header #userMenu > li.open .caret {
    border-top-color: #161616;
}

#Header #userMenu .dropdown-menu {
    /*min-width: 158px;*/
    min-width: inherit;
    width: 100%;
    padding-right: 34px;
    *padding-right: 0; /* IE7 hack */
}

#Header #userMenu .dropdown-menu li {
    margin-right: -34px;
    *margin-right: -32px; /* IE7 hack */
}

#Header #userMenu .dropdown-menu a,
#Header #userMenu .dropdown-menu a:hover,
#Header #userMenu .dropdown-menu .logout-button {
    color: var(--color-td-blue, #0E103E);
    text-decoration: none;
    text-transform: none;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    text-align: left;
    width: 100%;
}

#Header #userMenu .dropdown-menu a:hover,
#Header #userMenu .dropdown-menu .logout-button:hover,
#Header #userMenu .dropdown-menu .logout-button:focus {
    text-decoration: underline;
}

#Header #userMenu .upgrade-link {
    color: #007FFF;
}

#noti_Container {
    position: relative;
}

/* A CIRCLE LIKE BUTTON IN THE TOP MENU. */
#noti_Button {
    width: 36px;
    height: 36px;
    line-height: 22px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #FFF;
    margin: -3px 10px 0 10px;
    cursor: pointer;
}

#noti_Button img {
    max-width: 22px;
    max-height: 26px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* THE POPULAR RED NOTIFICATIONS COUNTER. */
#noti_Counter {
    display: block;
    position: absolute;
    background: #E73C3E;
    color: #FFF;
    font-size: 12px;
    line-height: normal;
    font-weight: normal;
    padding: 1px 3px;
    margin: -8px 0 0 25px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 1;
    top: 2px;
}

/* THE NOTIFICAIONS WINDOW. THIS REMAINS HIDDEN WHEN THE PAGE LOADS. */
#notifications {
    display: none;
    height: 550px;
    width: 430px;
    position: absolute;
    top: 42px;
    left: -383px;
    background: white;
    border: solid 1px rgba(100, 100, 100, .20);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .20);
    z-index: 999;
}

/* AN ARROW LIKE STRUCTURE JUST OVER THE NOTIFICATIONS WINDOW */
#notifications:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    color: transparent;
    border-color: transparent transparent var(--color-td-gray-2, #D9D9D6);
    margin-top: -20px;
    margin-left: 400px;
}

#notifications_Box {
    height: 478px;
    width: 430px;
    color: white;
    z-index: 1000;
    overflow-y: scroll;
}

#notifications_Box:last-child {
    border-bottom: none;
}

#notifications h3 {
    display: block;
    color: #161616;
    background: var(--color-td-gray-2, #D9D9D6);
    font-family: TeleVoice-Regular;
    font-weight: bold;
    font-size: 13px;
    padding: 8px;
    margin: 0;
    border-bottom: solid 1px rgba(100, 100, 100, .30);
}

#clearAll {
    background: #53565A;
    font-family: TeleVoice-Regular;
    font-size: 12px;
    font-weight: bold;
    border-top: solid 1px rgba(100, 100, 100, .20);
    text-align: center;
    position: sticky;
    bottom: 0;
    width: 430px;
    height: 36px;
    top: 3px;
}

#clearAll a {
    color: #fff;
}

#clearAll a:hover {
    background: #53565A;
    color: #fff;
    text-decoration: underline;
}

#notifications_Box .unreadNotification {
    background-color: #ebf2f7;
}

#notifications_Box .readNotification {
    background-color: white;
}

.notification {
    height: 92px;
    box-sizing: content-box;
    border-bottom: solid 1px rgba(100, 100, 100, .30);
    position: relative;
    overflow: hidden;
    padding: 5px 0;
}

.notification:hover {
    background-color: var(--color-td-gray-1, #F2F2F2);
}

.notification .messageblock {
    display: inline-block;
    position: absolute;
    height: 92px;
    width: 343px;
    font-size: 13px;
    left: 50px;
}

.notification .imageblock {
    display: inline-block;
    width: 50px;
    height: 92px;
    position: absolute;
    float: left;
}

.notification .imageblock img {
    max-height: 30px;
    max-width: 30px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.notification .messageblock .message {
    display: block;
    position: relative;
    height: 20px;
}

.notification .messageblock .message .error {
    display: block;
    font-family: TeleVoice-Regular;
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
    line-height: 23px;
}

.notification .messageblock .message .success {
    display: block;
    font-family: TeleVoice-Regular;
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
    line-height: 23px;
}

.notification .messageblock .message .error strong {
    color: #E73C3E;
}

.notification .messageblock .message .success strong {
    color: #00af66;
}

.notification .messageblock .messageinfo {
    display: inline-block;
    font-size: 12px;
    color: #0e103e;
    height: 46px;
    top: 6px;
    position: relative;
    width: inherit;
    vertical-align: middle;
    line-height: 15px;
    word-break: break-word;
    overflow: hidden;
}

.notification .messageblock .date {
    font-size: 11px;
    color: var(--color-td-gray-5, #75787B);
    position: relative;
    height: 18px;
    display: block;
    text-align: left;
    vertical-align: middle;
    line-height: 18px;
    top: 6px;
}

.notification .clearNotif {
    display: inline-block;
    position: absolute;
    left: 393px;
    height: 92px;
    width: 37px;
}

.notification .clearNotif:before {
    font: normal 1em/1 Arial, sans-serif;
    content: "\2715";
    text-align: center;
    font-size: 12px;
    line-height: 92px;
    padding: 4px;
}
#footer {
    clear: both;
    font-size: 14px;
    line-height: 1.3em;
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
}

#footer a {
    color: var(--color-td-blue, #0E103E);
}

#footer .footer-wrapper {
    width: 980px;
    margin: 0 auto;
}

#footer .footer-wrapper .inner {
    padding: 20px 8px;
}

.footer-panel-commercial {
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.footer-panel-retail {
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.connect-box {
    display: inline;
    float: right;
    margin-top: 14px;
    line-height: 18px;
    position: relative;
}

.connect-box span {
    float: left;
    padding: 4px 0 0 0;
    color: #53565A;
}

.connect-box .btn-social {
    width: 27px;
    height: 0;
    padding-top: 28px;
    overflow: hidden;
    display: block;
    float: left;
    margin: -2px 0 0 10px;
    background-image: url(/Content/images/template/ico_social_media.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.connect-box .facebook {
    background-position: 0 0;
}

.connect-box .twitter {
    background-position: 0 -28px;
}

.connect-box .pinterest {
    background-position: 0 -56px;
}

.connect-box .youtube {
    background-position: 0 -84px;
}

#footer .footer-nav {
    float: left;
    position: relative;
    font-size: 14px;
    margin: 20px 0 16px 0;
}

#footer .footer-nav li {
    padding: 0 10px;
    float: left;
    border-right: 1px solid var(--color-td-gray-3, #C8C9C7);
}

/* menu-wrapper */
#footer .menu-wrapper {
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
}

#footer .footer-menu {
    position: relative;
    font-size: 14px;
    margin: 16px 0;
}

#footer .footer-menu li {
    padding: 0 10px;
    float: left;
    border-right: 1px solid var(--color-td-gray-3, #C8C9C7);
}

#footer .footer-nav li:first-child, #footer .footer-nav li.first-child, #footer .footer-menu li:first-child {
    background: none;
    padding-left: 0;
}

#footer .footer-nav li:last-child, #footer .footer-nav li.last-child, #footer .footer-menu li:last-child {
    border-right: 0;
}

/* copy */
.copy {
    margin-top: 0;
}

.copy span {
    float: left;
}

.copy ul {
    display: inline;
    float: left;
    margin-left: -3px;
    position: relative;
}

.copy li {
    float: left;
    padding: 0 6px 0 7px;
}

.copy a:hover {
    text-decoration: none;
}

.copy li:first-child, .copy li.first-child {
    background: none;
}

/* scanalert box */
#scanalertBox {
    background: #FFFFFF;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding: 3px;
}

/*
 * This is a vendored copy of the Colorbox theme, forked from 1.4. It carries local changes, so an
 * upgrade must re-apply them. Do not edit.
 */
/*
    The Colorbox theme, and nothing else. The rules for the content this site puts inside the box
    are in `Content/css/colorbox-content.css`, which every bundle serving this file serves after
    it.
*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:8000; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#colorbox {
    box-sizing: content-box;
}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
    background: #000;
    opacity: 0.6 !important;
}
#colorbox{color:#000; font:1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;}
#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(/Content/images/colorbox/controls.png) no-repeat -100px 0;
}
#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(/Content/images/colorbox/controls.png) no-repeat -129px 0;
}
#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(/Content/images/colorbox/controls.png) no-repeat -100px -29px;
}
#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(/Content/images/colorbox/controls.png) no-repeat -129px -29px;
}
#cboxMiddleLeft {
    width: 21px;
    background: url(/Content/images/colorbox/controls.png) left top repeat-y;
}
#cboxMiddleRight {
    width: 21px;
    background: url(/Content/images/colorbox/controls.png) right top repeat-y;
}
#cboxTopCenter {
    height: 21px;
    background: url(/Content/images/colorbox/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
    height: 21px;
    background: url(/Content/images/colorbox/border.png) 0 -29px repeat-x;
}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px; padding:0 10px; position:relative;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; display:none !important; }
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0px;
    background: url(/Content/images/colorbox/controls.png) no-repeat -75px 0px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
        #cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/Content/images/colorbox/controls.png) no-repeat -50px 0px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
        #cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay {
    background: url(/Content/images/colorbox/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
    background: url(/Content/images/colorbox/loading.gif) no-repeat center center;
}
#cboxClose {
    position: absolute;
    top: 0;
    right: 0;
    background: url(/Content/images/colorbox/controls.png) no-repeat -25px 0px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    border: 0;
}
#cboxClose:hover{
    background-position:-25px -25px;
}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
/*.cboxIE #cboxTopLeft {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}*/

/*
    The rules this site applies to the content it puts inside a Colorbox. None of them is
    Colorbox's: every selector is scoped to `#colorbox` or to `#moveActivity`, and each one
    styles markup this project renders into the box.

    No selector here shares a property with any rule in the theme, so a bundle may serve this file
    anywhere after `Content/colorbox.css` without deciding anything.
*/
/*#colorbox h2 {margin:25px 0 0 0; color:#00AF66; font:normal 1.6em/normal Arial, Helvetica, Verdana, sans-serif; padding-right:20px;}*/
#colorbox h2 {
    font-size: 18px;
    font-family: Arial;
    line-height: normal;
}
#colorbox h3 {margin:10px 0 0 0; color:#000; font:normal 1.4em/normal Arial, Helvetica, Verdana, sans-serif;}
#colorbox h4 {font-weight: bold; margin-top:10px; margin-bottom:2px;}
#moveActivity h3 {font-size:14px;}
#moveActivity ul {font-size:14px;}
/*#colorbox h5 {color:#000; font:bold 1.5em/1.2em Arial,Helvetica,sans-serif; padding:5px 0 10px;}*/
#colorbox h6 {color:var(--color-td-green-heading, #00995b); font:normal normal/normal Arial,Helvetica,sans-serif; margin-bottom:10px;}
#colorbox h2 span, #colorbox h4 span {font-weight:normal;}
#colorbox p {margin:8px 0;}
#colorbox .bmo-mt-5 {margin-top: 5px;}
#colorbox .mt-10 {margin-top: 10px;}
#colorbox .mt-15 {margin-top: 15px;}
#colorbox .mr-5 {margin-right: 5px;}
#colorbox .bmo-mb-5 {margin-bottom: 5px;}
#colorbox .mb-15 {margin-bottom: 15px;}
#colorbox .dotted-divider {
    background: url(/Content/images/dot-line.gif) repeat-x;
    height: 1px;
}
#colorbox .dotted-divider {
    background: url(/Content/images/divider.gif) repeat-x;
    height: 1px !important;
}
/*#colorbox .solid-divider,*/ #colorbox .button-divider {border-top: 1px solid #CCC;}
#colorbox .button-divider {margin-bottom: 20px;}
#colorbox form {line-height:1.5em;}
#colorbox form .checkbox {margin-right: 5px; margin-bottom:4px;}
#colorbox form .radio {margin-right: 3px; margin-bottom:4px;}
#colorbox .comment {color:#666;}
#colorbox small {font-size:0.9em !important;}

#colorbox .login-wrapper {color:#666;}
#colorbox .login-wrapper li {margin-bottom:5px;}

#colorbox .username-password-overflow {height: 346px; overflow:auto; border:1px solid #CCC;}
#colorbox .assign-to-selected {height: 346px; overflow:auto; border:1px solid #CCC;}

#colorbox .assign-to-selected td {vertical-align:top; padding:0;}
    #colorbox .assign-to-selected td .activities {
        background: url(/Content/images/dot-line.gif) 0 100% repeat-x;
        margin-top: -1px;
        padding: 10px;
        clear: both;
        height: 123px;
    }
#colorbox .assign-to-selected td .activities .checkbox {margin-right: 12px; float:left;}
        #colorbox .assign-to-selected td .activities .thumb {
            margin: 0 12px 10px -4px;
            padding: 5px 0 0 5px;
            width: 147px;
            float: left;
            height: 118px;
            background: url(/Content/images/bg-image-lesson.gif) no-repeat;
            position: relative;
        }
#colorbox .assign-to-selected td .activities .assign-actions {position:relative; height:118px; float:left; padding-left:0; width:420px;}
#colorbox .assign-to-selected td h4 {font:bold 14px/18px Verdana, Arial, Helvetica, sans-serif;}
#colorbox .assign-to-selected td h4 a {text-decoration:underline; color:#000;}
#colorbox .assign-to-selected h4 a:hover {text-decoration:none;}

#colorbox .left-col, #colorbox .right-col {float:left; width:50%;}
#colorbox .left-col .content {padding-right: 10px;}
#colorbox .right-col .content {padding-left: 10px;}

#colorbox .profile-picture {overflow:hidden; font-family:Arial, Helvetica, sans-serif; float:left; padding-top:4px;}
#colorbox .profile-picture .avatar {width:98px; background:#FFF; margin-right:15px; text-align:left; vertical-align:bottom; overflow:hidden; position:relative;border:1px solid #000;}
#colorbox .profile-picture .avatar img {position:relative; bottom:0; }
#colorbox .profile-picture a {color: #00F; text-decoration:underline;}
#colorbox .profile-picture a:hover {text-decoration:none;}

#colorbox .create-new-group .left-col {width:100px;}
#colorbox .create-new-group .right-col {width:550px;}
#colorbox .create-new-group p {margin:0 0 8px;}
#colorbox .create-new-group small {font-size:10px !important;}


















#colorbox .content-box-title, #colorbox .form-settings .form, #colorbox .form-block {background:none;}
#colorbox .form-settings .form {margin-bottom:0px;}
#colorbox .form-settings .form h4 {font-weight:normal; margin-bottom:10px; margin-top:0px;}
#colorbox .form-buttons {margin-top:20px;}

#menu-container {
    background: #ffffff;
}

#menu-holder {
    margin: 0 auto;
    width: 968px;
    text-align: left;
}

ul.menu {
    font-family: Arial, Sans-serif;
    width: 968px;
    list-style: none;
    border-bottom: solid 1px #161616;
    margin-bottom: 0;
}

ul.menu > li {
    float: left;
    margin-right: 1px;
    font-family: AkzidGroCFFReg_0
}

ul.menu > li.float-end {
    float: right !important;
    margin: 0;
}

ul.menu > li > a,
ul.menu > li > span.no-link {
    display: block;
    padding: 16px 15px;
    line-height: 18px;
    font-size: 18px;
    height: 50px;
    box-sizing: border-box;
}

ul.menu > li > a:hover,
ul.menu > li.hover > a,
ul.menu > li.open > a {
    color: #0e103e;
    background: var(--color-td-gray-1, #F2F2F2);
    text-decoration: underline;
}

ul.menu li a,
ul.menu li span.no-link {
    color: #0e103e;
    text-decoration: none;
}

ul.menu .dropdown .caret {
    border-top: 5px solid #0e103e;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}


#Header ul.dropdown-menu,
#Header .dropdown-submenu > .dropdown-menu {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin-top: 0;
    background: var(--color-td-gray-1, #F2F2F2);
    border: 0;
    padding: 0;
    -moz-box-shadow: 0 2px 1px 0 var(--color-td-gray-3, #C8C9C7);
    -webkit-box-shadow: 0 2px 1px 0 var(--color-td-gray-3, #C8C9C7);
    box-shadow: 0 2px 1px 0 var(--color-td-gray-3, #C8C9C7);
}

#Header ul.dropdown-menu a {
    font-size: 14px;
    display: block;
    height: 30px;
    padding: 0 15px;
    line-height: 30px;
}

#Header ul.dropdown-menu li:first-child a {
    border-top: none;
}

#Header ul.dropdown-menu li a:focus,
#Header ul.dropdown-menu li a:hover,
#Header ul.dropdown-menu li a:active {
    color: var(--color-td-blue, #0E103E);
    background: var(--color-td-gray-1, #F2F2F2);
    text-decoration: underline;
}

#Header .dropdown-submenu > a:after {
    margin-top: 11px;
}

#Header .dropdown-menu li > a:hover,
#Header .dropdown-menu li > a:focus,
#Header .dropdown-submenu:hover > a {
    color: #0e103e;
    background: var(--color-td-gray-1, #F2F2F2);
    text-decoration: underline;
    filter: none;
}

#Header .dropdown-menu .active > a,
#Header .dropdown-menu .active > a:hover {
    color: #0e103e;
    text-decoration: none;
    outline: 0;
    background: #ffffff;
    filter: none;
}

/* reset IE hack */
.dropdown-toggle {
    *margin-bottom: 0;
}

/* hover-hack */
.hover > .dropdown-menu,
.open > .dropdown-menu {
    display: block;
}

#menu > li#Home > a {
    padding-left: 7px;
    padding-right: 7px;
    color: #0e103e;
}

#menu > li#Home > a:hover {
    background: #fff;
    color: #00af66;
}

.recent-activities-container .activity-container h5 /* CSS Document */
.page .main-holder-portal {
    background: url(/Content/images/bg-main-portal-t.gif) no-repeat;
}


#colorpicker-container {
    text-align: left;
    margin-bottom: 10px;
}

#colorpicker-container input {
    font: normal 11px Verdana, Geneva, sans-serif;
    vertical-align: middle;
}


#topbar {
    height: 80px;
}

#bottomBar, #transitionBar {
    height: 40px;
}

.colorwell, .colorwell-inactive {
    border: 2px solid var(--color-td-gray-3, #C8C9C7);
    width: 6em;
    text-align: center;
    cursor: pointer;
}

body .colorwell-selected {
    border: 2px solid #000;
    font-weight: bold;
}

.appearance-avatar-container {
    background: var(--color-td-gray-3, #C8C9C7);
    padding: 1px;
    float: left;
}

.appearance-avatar-container img {
    background: #FFF;
}

.form-col {
    width: 90%;
}

.form-col-drop {
    width: 92.5%;
}

.sub-domain {
    width: 77.0%;
}

.sub-domain-padding {
    padding: 8px 5px 6px !important;
}

.PCSLinkContainer {
    position: relative;
    left: 102px;
    top: -70px;
}

.PCSLinkContainerUpload {
    position: relative;
    left: 102px;
    top: -140px;
}

.accordion {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    color: var(--color-td-blue, #0E103E);
    display: flex;
    margin: 1.33em 0;
    font-weight: bold;
    justify-content: space-between;
}

.accordionOpener {
    font-weight: bolder;
    font-size: 16px;
    pointer-events: none;
}

.panel {
    display: none;
}

/* choose language menu */
#choose-language-container {
    float: left;
    height: 25px;
    vertical-align: middle;
    color: #FFF;
    font: 10px/25px Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

#choose-language-content {
    height: 25px;
}

#language-menu-container {
    list-style-type: none;
}

#language-menu-container li {
    display: block;
    float: left;
    position: relative;
    z-index: 500;
    margin-right: 13px;
}

#language-menu-container li span {
    display: block;
    z-index: 500;
    line-height: 25px;
    height: 26px;
    font-size: 14px;
    padding: 0 13px;
    visibility: hidden;
}

#language-menu-container li a, #language-menu-container li a:visited {
    display: block;
}

#language-menu-container dl {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#language-menu-container .language-drop-menu {
    background: none;
}

#language-menu-container dt {
    margin: 0;
    font-size: 14px;
    border: 0;
    float: left;
    padding-right: 13px;
}

#language-menu-container dd {
    display: none;
    border: 0;
    clear: left;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
    text-align: left;
}

#language-menu-container dt a, #language-menu-container dt a:visited, #language-menu-container dd a, #language-menu-container dd a:visited {
    display: block;
    color: #fff;
    line-height: 18px;
    height: 18px;
    padding: 0 13px;
    text-decoration: none;
    background: url(/Content/images/bg-language-menu.png) 0 0 repeat-x;
}

#language-menu-container li a:hover {
    border: 0;
}

#language-menu-container li:hover dd, #language-menu-container li a:hover dd {
    display: block;
    white-space: nowrap;
}

#language-menu-container li:hover dl, #language-menu-container li a:hover dl {
    border: 0;
    background: url(/Content/images/bg-language-menu.png) 0 0 repeat-x;
}

#language-menu-container dd a:hover {
    background: url(/Content/images/bg-language-menu-hover.png) 0 0 repeat-x;
    color: #fff;
}

#language-menu-container li .choose, #language-menu-container li:hover dt a, #language-menu-container li a:hover dt a {
    display: block;
    float: left;
    height: 26px;
    line-height: 25px;
    text-decoration: none;
    white-space: nowrap;
    margin: 0;
    color: #FFF;
    background: url(/Content/images/arrow-choose-language.gif) 100% 12px no-repeat;
    padding-right: 11px;
}

/* search button */
.search-activities-container {
    position: absolute;
    top: 15px;
    right: 24px;
    font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif;
}

.search-activities-content {
    width: 190px;
    padding: 5px 14px 5px 15px;
    height: 18px;
    position: relative;
}

.btn-search {
    background: url(/Content/images/btn-search.gif) no-repeat;
    width: 14px;
    height: 15px;
    float: right;
    margin: 2px 0 0;
    padding: 0;
    cursor: pointer;
    border: none;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
}

.form-search-input {
    width: 165px;
    float: left !important;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 17px;
    border: 0 !important;
    color: #666;
}

/* portal login */
.portal-container {
    background: url(/Content/images/bg-portal.gif) 0 0 repeat-y;
    margin: 60px 0 0 0;
}

.portal-container .portal-image-container {
    float: left;
    width: 45%;
    text-align: right;
}

.portal-container .portal-login-container {
    float: left;
    width: 55%;
    text-align: left;
}

.portal-container .portal-image {
    padding-right: 40px;
    width: 299px;
    height: 336px;
    float: right;
}

.portal-container .portal-login {
    padding: 40px 0 40px 40px;
}

.portal-container .portal-login .title-text .alt {
    color: #00AF66;
    margin: 0 0 5px;
}

.portal-container .portal-login .instructions a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
}

.portal-container .portal-login .instructions a:hover {
    text-decoration: none;
}

.portal-container .input-container {
    float: left;
}

.portal-container .input-container .input-content {
    margin-bottom: 10px;
}

.portal-container .input-container .text-input-content {
    background: #fff;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding: 3px 5px;
    width: 200px;
    margin-bottom: 10px;
}

.portal-container .input-container .text-input-content input {
    border: 0;
    color: #000;
    font: normal 1.8em Arial, Helvetica, Verdana, sans-serif;
    width: 198px;
}

.portal-container .text-container {
    float: left;
    font: bold 1.2em/2.7em Arial, Helvetica, Verdana, sans-serif;
    color: #000;
}

.portal-container .text {
    height: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: right;
}


/* my playlist */
.my-playlist-info {
    padding-left: 23px;
    margin-bottom: 4px;
    width: 100%;
    font-size: 1.1em;
    line-height: 1.5em;
    color: var(--color-td-gray-5, #75787B);
}

.my-playlist-date {
    padding-left: 23px;
    color: #666;
}

.my-playlist-actions {
    position: absolute;
    bottom: 14px;
}

.my-playlist-buttons {
    position: absolute;
    bottom: 14px;
    right: 0;
}

a.my-playlist-links {
    color: #008759;
    text-decoration: underline;
    font-weight: bold;
}

a.my-playlist-links:hover {
    text-decoration: none;
}

.my-playlist-pc-date {
    padding-left: 41px;
    color: #666;
}

.my-playlist-badge {
    background: url(/Content/images/badge-blank.gif) 0 0 no-repeat;
    width: 27px;
    height: 27px;
    overflow: hidden;
    float: left;
    margin: 5px 20px 0 5px;
    font: bolder 18px/27px Arial, Helvetica, Verdana, sans-serif;
    color: #FFFFFF;
    text-align: center;
}

a.my-playlist-play span, a.my-playlist-print span, a.assigned-activities-printplay span {
    background-image: url(/Content/images/bg_button-main-ico-check.gif);
    padding-left: 30px;
}

.manage-playlist-activities #sortable li, .manage-playlist-activities #unsortable li {
    font-size: 1.0em;
    margin: 0; /*padding: 10px 0 0;*/
    padding: 0;
}

.form-plan .manage-playlist-activities .lesson-block, .results-holder .manage-playlist-activities .lesson-block {
    padding: 0 0 10px;
    margin-top: 0;
}

/* additional page formatting - 1 column */
.content-heading .lesson-interactive {
    background: url(/Content/images/ico-interactive.png) no-repeat 0 1px;
    padding-left: 23px;
}

.content-heading .lesson-non-interactive {
    background: url(/Content/images/ico-noninteractive.png) no-repeat 0 1px;
    padding-left: 23px;
}

.large-content-box {
    padding-top: 37px;
    background: url(/Content/images/bg-content-box-lg.gif) no-repeat;
}

.large-content h4 {
    font: bold 1.2em/1.2em Verdana, Arial, Helvetica, sans-serif;
    color: var(--color-td-green-heading, #00995b);
}

.large-content p {
    margin: 0;
    font: normal 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif;
}

.large-content .black {
    color: #000;
}

.large-content p span {
    padding: 0 10px;
}

.large-content p a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
}

.large-content p a:hover {
    text-decoration: none;
}

.large-content-box {
    font: normal 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;
    color: #666;
}

.large-content-box h3 {
    font-size: 1.2em;
    line-height: 1.2em;
}

p.instructions {
    font: normal 1.2em/1.3em Verdana, Arial, Helvetica, sans-serif !important;
    color: #666;
}

ol.ol-normal, ul.ul-normal {
    font: normal 1.2em/1.3em Verdana, Arial, Helvetica, sans-serif !important;
    color: #666;
    margin-left: 20px;
}

ol.ol-normal {
    list-style: decimal;
}

ul.ul-normal {
    list-style: disc;
}

/* installations */
.installations-container {
    clear: both;
    float: left;
    overflow: hidden;
    width: 100%;
}

.installations {
    float: left;
    left: 50%;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
    margin-left: -2px;
}

.installations li {
    float: left;
    position: relative;
    right: 50%;
    width: 230px;
    background: url(/Content/images/divider.gif) repeat-y;
    text-align: center;
    display: inline;
}

/* container blocks */
.container-wrapper {
    padding: 0 0 10px;
    width: 100%;
}

.container-list {
    margin-left: -20px;
    width: 942px;
}

.container-list li {
    margin: 0 0 17px 20px;
    float: left;
    display: inline;
    width: 451px;
}

.container-list .box {
    width: 451px;
    background: url(/Content/images/bg-container-box.gif) repeat-y;
}

.container-list .box .holder {
    width: 451px;
    background: url(/Content/images/bg-container-box-bot.gif) no-repeat 0 100%;
}

.container-list .box .frame {
    padding: 18px 18px 18px 18px;
    width: 415px;
    background: url(/Content/images/bg-container-box-top.gif) no-repeat;
    min-height: 39px;
}

* html .container-list .box .frame {
    height: 39px;
}

.container-list .box h4 {
    margin: 0 0 10px;
    font: bold 1.8em/1.111em Arial, Helvetica, Verdana, sans-serif;
    color: var(--color-td-green-heading, #00995b);
    background: url(/Content/images/divider.gif) 0 100% repeat-x;
    padding-bottom: 5px;
}

.container-list .box h4 a {
    color: var(--color-td-green-heading, #00995b);
}

.container-list .box p {
    margin: 0;
    font: 1.2em/1.5em Arial, Helvetica, Verdana, sans-serif !important;
}

.container-list .box p .black {
    color: #000;
}

.container-list .box p span {
    padding: 0 6px;
}

.container-list .box p a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
}

.container-list .box p a:hover {
    text-decoration: none;
}

/* box container restyled */
.container-list .box {
    width: 449px;
    background: none var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.container-list .box .holder {
    width: 449px;
    background: none var(--color-td-gray-2, #D9D9D6);
}

.container-list .box .frame {
    width: 413px;
    background: none var(--color-td-gray-2, #D9D9D6);
}

/* card height */
.container-list .card-height {
    height: 275px;
}

.container-list .instructor-card-height {
    height: 137px;
}

/* profile card */
.container-list .profile-card .essentials h4 {
    height: 1.111em;
    line-height: 1.2em;
    overflow: hidden;
}

.container-list .profile-card p {
    height: 1.3em;
    overflow: hidden;
}

.container-list .profile-card .avatar {
    background: #FFF;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    text-align: center;
    vertical-align: bottom;
    overflow: hidden;
    position: relative;
    width: 96px;
    height: 96px;
    margin-top: 5px;
}

.container-list .profile-card .avatar img {
    position: relative;
    bottom: 0;
}

.container-list .profile-card .essentials {
    width: 295px;
}

.container-list .profile-card .profile-overview {
}

.container-list .profile-card .profile-details {
    overflow: hidden;
    color: #000;
    font-weight: bold !important;
}

.container-list .profile-card .profile-details a {
    font-weight: normal !important;
}

/* metrics card */
.container-list .metrics-card {
    height: 23px;
    margin: 0;
}

.container-list .metrics-card li {
    font-size: 14px;
    line-height: 23px;
    margin: 0 -1px 0 0;
    width: auto;
}

.container-list .metrics-card li a {
    padding: 0 10px;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    text-decoration: none;
}

.container-list .metrics-card li a:hover {
    text-decoration: underline;
}

.container-list .metrics-card .ui-state-active a, .container-list .metrics-card .ui-state-active a:link, .container-list .metrics-card .ui-state-active a:visited {
    border-bottom: 1px solid #FFFFFF;
    background: #FFFFFF;
}

.container-list .metrics-card-report {
    background: #FFF;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    margin: 2px 0 0 0;
    height: 234px;
    text-align: center;
}

.container-list .metrics-card-report h5 {
    font: normal 18px/23px Arial, Helvetica, Verdana, sans-serif;
    color: var(--color-td-gray-5, #75787B);
    margin: 45px 0 15px 0;
}

/* stats */
.container-list .instructor-stats-container .instructor-stats {
    text-align: center;
    float: left;
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    background: none;
    width: 100%;
}

.container-list .instructor-stats-container .instructor-stats li {
    float: left;
    padding: 9px 17px 4px;
    border-left: 1px solid var(--color-td-gray-3, #C8C9C7);
    background: none;
}

.container-list .instructor-stats-container .instructor-stats span {
    display: block;
    font-size: 1.1em;
    line-height: 1.2em;
    padding-bottom: 3px;
}

.container-list .instructor-stats strong {
    display: block;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.2em;
    clear: both;
}

* html .container-list .instructor-stats-container .instructor-stats strong, * + html .container-list .instructor-stats-container .instructor-stats strong {
    display: inline;
}

.container-list .instructor-stats-container .instructor-stats li:first-child, .container-list .instructor-stats-container .instructor-stats li.first-child {
    border-left: 0;
    padding-left: 0;
}


/* edit activity settings */
.edit-activity-settings {
    padding-top: 16px;
    color: #000;
}

.edit-activity-settings .project-setup {
    width: 150px;
    margin-right: 10px;
}

.edit-activity-settings h3 {
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: bold;
}

.edit-activity-settings p {
    margin: 5px 0;
    font-size: 1.1em;
    line-height: 1.6em;
}

.edit-activity-settings a {
    text-decoration: underline;
}

.edit-activity-settings a:hover {
    text-decoration: none;
}


/* additional form settings */
.w-30 {
    width: 30px !important;
}

.w-40 {
    width: 40px !important;
}

.w-50 {
    width: 50px !important;
}

.bmo-w-100 {
    width: 100px !important;
}

.w-125 {
    width: 125px !important;
}

.w-135 {
    width: 135px !important;
}

.w-145 {
    width: 145px !important;
}

.w-200 {
    width: 200px !important;
}

.w-215 {
    width: 215px !important;
}

.w-225 {
    width: 225px !important;
}

.w-285 {
    width: 285px !important;
}

.w-300 {
    width: 300px !important;
}

.w-320 {
    width: 320px !important;
}

.w-344 {
    width: 344px !important;
}

.w-350 {
    width: 350px !important;
}

.w-400 {
    width: 400px !important;
}

.w-460 {
    width: 460px !important;
}

.bmo-h-75 {
    height: 75px !important;
}

.h-150 {
    height: 150px !important;
}

.swatch {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
}

.radio-button, .checkbox-button, .button-spacer {
    width: 21px;
    float: left;
    margin-top: 5px;
}

.radio-text, .checkbox-text, .text-spacer {
    width: 635px;
    float: left;
    margin: 5px 0;
}

/* input wrapper */
.input-wrapper {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    color: #000000;
    font: normal 14px/16px Arial, Helvetica, sans-serif;
    height: 16px;
    padding: 8px 9px;
    vertical-align: middle;
    background: #FFF;
}

.input-wrapper input, .input-wrapper select {
    margin: 0;
    border: 0;
    padding: 0;
    vertical-align: middle;
    width: 100% !important;
}

.no-input-wrapper-input {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    color: #000000;
    font: normal 14px/16px Arial, Helvetica, sans-serif;
    height: 16px;
    padding: 8px 9px;
    vertical-align: middle;
}

.no-wrapper-textarea {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    color: #000000;
    font: normal 14px/16px Arial, Helvetica, sans-serif;
    padding: 8px 9px;
    vertical-align: top;
}

/* checkbox wrapper */
.checkbox-wrapper {
    color: #000000;
    font: normal 12px/14px Arial, Helvetica, sans-serif;
    height: 14px;
    padding: 3px 0;
    vertical-align: middle;
}

/* radio wrapper */
.radio-wrapper {
    color: #000000;
    font: normal 12px/14px Arial, Helvetica, sans-serif;
    height: 14px;
    padding: 3px 0;
    vertical-align: middle;
}

.radio-wrapper input {
    margin-top: -2px;
}

/* disabled-wrapper */
.disabled-wrapper .input-wrapper, .disabled-wrapper .input-wrapper input, .disabled-wrapper .input-wrapper select {
    background: var(--color-td-gray-2, #D9D9D6);
    color: var(--color-td-gray-5, #75787B);
}

.disabled-wrapper h4 {
    color: var(--color-td-gray-5, #75787B);
}

.disabled-wrapper table th, .disabled-wrapper table td, .disabled-wrapper h3, .disabled-wrapper p, .disabled-wrapper p span {
    color: var(--color-td-gray-5, #75787B) !important;
}

.disabled-wrapper table th.ignore-disabled-wrapper, .disabled-wrapper table td.ignore-disabled-wrapper {
    color: inherit !important;
}

/* register, billing */
.register-col, .billing-col {
    float: left;
    width: 33%;
}

.register-col .content, .billing-col .content {
    padding-right: 20px;
}

/* page search and advanced search */
.advanced-search-field {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    color: #000000;
    font: normal 14px/16px Arial, Helvetica, sans-serif;
    height: 16px;
    padding: 8px 9px;
    vertical-align: middle;
}

.advanced-search-button input, .load-more input, .portal-login-btn input {
    cursor: pointer;
    width: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    vertical-align: middle;
}

/* expandable buttons */
div.advanced-search-button {
    background: transparent url(/Content/images/bg_advanced_search_rightSide.png) right top no-repeat scroll;
    font: normal 16px/35px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #FFF !important;
    display: block;
    float: left;
    height: 35px;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none !important;
    cursor: pointer;
}

div.advanced-search-button:hover {
    text-decoration: underline !important;
}

div.advanced-search-button span {
    background: transparent url(/Content/images/bg_advanced_search_main.png) no-repeat;
    display: block;
    line-height: 35px;
    padding: 0 0 5px 16px;
}

/* asp button */
.search-people {
    background: url(/Content/images/btn-find.gif) top left no-repeat;
    height: 35px;
    width: 97px;
    padding: 0;
    margin: 0;
    border: 0;
    font: normal 16px/35px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #fff;
}

.search-people:hover {
    text-decoration: underline;
}


/* block container */
.block-container {
    background: url(/Content/images/bg-roster-operations.gif) left top repeat-y;
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.block-container-section {
    width: 33.3%;
    float: left;
}

.block-container-content {
    padding: 20px;
    font-family: arial;
}

.block-container p {
    font-size: 14px;
}

.general-settings .instructions {
    font-size: 1.0em !important;
}

/* one column block container */
.one-col-block-container {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.one-col-block-container-section {
    width: 100%
}

.one-col-block-container-content {
    padding: 20px;
}

.one-col-block-container h3 {
    color: #666;
    font: normal 18px/1.111em Arial, Helvetica, Verdana, sans-serif;
    margin-bottom: 20px;
}

.one-col-block-container p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 16px;
}

.account-overview-block strong {
    word-wrap: break-word;
}

/* two column block container */
.two-col-block-container {
    background: url(/Content/images/bg-two-col-block.gif) left top repeat-y;
    border-top: 1px solid var(--color-td-gray-2, #D9D9D6);
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.two-col-block-container-section {
    width: 50%;
    float: left;
}

.two-col-block-container-content {
    padding: 20px;
}

.two-col-block-container h3 {
    color: #000;
    font: normal 18px/1.111em Arial, Helvetica, Verdana, sans-serif;
    margin-bottom: 20px;
}

.two-col-block-container p {
    font-size: 14px;
}

.two-col-block-container p.instructions {
    font-size: 1em !important;
    margin-top: 7px !important;
}

.two-col-block-container p.instructions span {
    padding: 0 6px;
    font-weight: bold;
    color: #000;
}

/* four column block container */
.four-col-block-container {
    background: url(/Content/images/bg-four-col-block.gif) left top repeat-y;
    border-top: 1px solid var(--color-td-gray-2, #D9D9D6);
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.four-col-block-container-section {
    width: 25%;
    float: left;
}

.four-col-block-container-content {
    padding: 20px;
    text-align: center
}

.four-col-block-container h3 {
    color: #000;
    font: normal 18px/1.111em Arial, Helvetica, Verdana, sans-serif;
    margin-bottom: 20px;
}

.four-col-block-container p {
    font-size: 14px;
}

.four-col-block-container p.data {
    font-size: 14px;
    color: #000;
    font: 72px/72px "Times New Roman", Times, serif;
    margin-top: 10px;
}

.four-col-block-container p.data span {
    padding: 0 !important;
}

/* narrow two column block container */
.narrow-two-col-block-container {
    background: url(/Content/images/bg-nar-two-col-block.gif) left top repeat-y;
    border-top: 1px solid var(--color-td-gray-2, #D9D9D6);
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.narrow-two-col-block-container-section {
    width: 50%;
    float: left;
}

.narrow-two-col-block-container-content {
    padding: 20px;
}

.narrow-two-col-block-container h3 {
    color: #000;
    font: normal 18px/1.111em Arial, Helvetica, Verdana, sans-serif;
    margin-bottom: 20px;
}

.narrow-two-col-block-container p {
    font-size: 14px;
}

.narrow-two-col-block-container p.instructions {
    font-size: 1em !important;
    margin-top: 7px !important;
}

.narrow-two-col-block-container p.instructions span {
    padding: 0 6px;
    font-weight: bold;
    color: #000;
}

/* account block container */
.account-block-container {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.account-block-container-overview-section {
    width: 33.3%;
    float: left;
}

.account-block-container-details-section {
    width: 66.6%;
    float: left;
}

.account-block-container-content {
    padding: 20px;
}

.account-block-container h3 {
    color: #666;
}

.account-block-container p {
    font-size: 14px;
    line-height: 1.3em;
    margin-top: 7px !important;
}

.account-block-container p span {
    color: #000000;
    font-weight: bold;
    padding: 0 6px;
}

.account-block-container-content .account-table-list-wrapper, .account-block-container-content .account-table-list-wrapper-alt {
    background: #FFF;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    padding: 10px;
}

.account-block-container-content .account-table-list-wrapper .first-column {
    text-align: left;
    width: 40%;
}

.account-block-container-content .account-table-list-wrapper th, .account-block-container-content .account-table-list-wrapper td {
    text-align: center;
    width: 20%;
}

.account-block-container-content .account-table-list-wrapper tr.alt-heading th {
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
}


a.advanced-search {
    font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
    margin-left: 5px;
}

a.advanced-search:hover {
    text-decoration: none;
}

.advanced-search-container {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    background: var(--color-td-gray-2, #D9D9D6);
    padding: 15px;
    text-align: center;
}


/* paging */
.search-result-paging {
    font: normal 11px/35px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}

.search-result-paging button {
    padding: 3px 5px;
    margin-bottom: -6px;
}

.search-result-paging .left {
    background: url(/Content/images/paging-arrow-left.gif) no-repeat;
    height: 7px;
    width: 4px;
}

.search-result-paging .right {
    background: url(/Content/images/paging-arrow-right.gif) no-repeat;
    height: 7px;
    width: 4px;
}

.search-result-paging span {
    color: var(--color-td-gray-4, #B1B3B3);
}


/* tables */
.tabs-container {
    position: relative;
}

.table-tabs-container {
    z-index: 500 !important;
    position: absolute;
    top: 0;
    left: 0;
}

.table-tabs-total {
    line-height: 18px;
    float: right;
}

.table-tabs {
    clear: both;
}

.table-tabs li {
    font-size: 18px;
    line-height: 35px;
    margin-right: -1px;
}

.table-tabs li a {
    padding: 0 20px;
    background: none var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    text-decoration: none;
}

.table-tabs li a {
    padding: 0 20px;
    background: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    text-decoration: none;
}

.table-tabs li a:hover {
    text-decoration: underline;
    cursor: pointer !important;
}

.table-tabs .ui-state-active a, .table-tabs .ui-state-active a:link, .table-tabs .ui-state-active a:visited {
    border-bottom: 1px solid #FFE5E5;
    background: #FFE5E5;
}

.table-tabs .ui-state-active a, .table-tabs .ui-state-active a:link, .table-tabs .ui-state-active a:visited {
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
    background: var(--color-td-gray-2, #D9D9D6);
}

.table-tabs .ui-state-active a.alt, .table-tabs .ui-state-active a.alt:link, .table-tabs .ui-state-active a.alt:visited {
    border-bottom: 1px solid #FFFFFF !important;
    background: #FFFFFF !important;
}

.table-tabs-spacer {
    margin-top: 2px;
}

.table-tabs-cleaner {
    height: 0;
}

/*.table-list {clear: both;}*/
.table-list tr th a span {
    padding-right: 7px;
}

.table-list tr th a span.bmo-ui-icon {
    height: 20px;
    width: 7px;
}

.table-list tr th a span.sort-none, .table-list tr th a span.sort-up, .table-list tr th a span.sort-down {
    background-repeat: no-repeat;
    background-position: 100% 3px;
}

.table-list tr th a span.sort-none {
    background-image: url(/Content/images/sort-none.gif);
}

.table-list tr th a span.sort-up {
    background-image: url(/Content/images/sort-up.gif);
}

.table-list tr th a span.sort-down {
    background-image: url(/Content/images/sort-down.gif);
}

.table-list table {
    border: 1px solid var(--color-td-gray-3, #C8C9C7) !important;
    padding: 0;
    margin: 0;
    font-size: 14px;
    width: 100%;
    color: #000;
}

.table-list table.no-top-border {
    border-top: none 0 !important;
}

.table-list table th {
    height: 45px;
    vertical-align: middle; /*border-bottom:1px solid #ccc;*/
    background: #FFE5E5;
    padding-left: 10px;
    overflow: hidden;
}

.table-list table th {
    height: 45px;
    vertical-align: middle; /*border-bottom:1px solid #ccc;*/
    background: var(--color-td-gray-2, #D9D9D6);
    padding-left: 10px;
    overflow: hidden;
}

.table-list table .only-child {
    border-bottom: 0;
}

.table-list table .activity-search {
    height: 22px;
    padding-bottom: 15px;
}

.table-list table td {
    height: 30px;
    vertical-align: middle;
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding: 3px 0 3px 10px;
    overflow: hidden;
    line-height: 1.3em; /* added following to fix non-breaking text word-wrap:break-word; word-break:break-all; max-width:140px*/;
}

.table-list table td.align-center {
    text-align: center;
}

.table-list table td div {
    position: relative;
}

.table-list table .last {
    padding-right: 10px;
}

.table-list table .last div {
    padding-left: 10px;
}

.table-list table .alt {
    background: #f6f6f6;
}

.table-list table .first-child {
    background: none;
}

.table-list table .solid {
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
}

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

.table-list table .right {
    text-align: right;
}

.table-list table td a {
    color: #008759;
    text-decoration: none;
}

.table-list table td a.std {
    color: #008759;
    text-decoration: none;
}

.table-list table td a:hover, .table-list table tr td a.std:hover {
    text-decoration: underline;
}

.table-list table .first-new {
    font-weight: bold;
}

.table-list table .first-new div {
    background: url(/Content/images/template/tag-new.png) no-repeat;
    height: 37px;
    line-height: 37px;
    top: 0;
    left: -10px;
    padding-left: 10px;
}

.table-list tr td.activity-history table {
    border: 0;
}

.table-list tr td.activity-history, .table-list tr td.activity-history table td {
    background: none;
    height: 22px;
}

.table-list tr.alt td.activity-history, .table-list tr.alt td.activity-history table td {
    background: #F6F6F6;
}

.table-list .assign-activities {
    border-bottom: 0;
}

.table-list .assign-activities .last {
    padding-right: 0px;
}

.table-list .assign-activities td .activities {
    background: url(/Content/images/dot-line.gif) 0 0 repeat-x;
    margin-top: -1px;
    padding: 10px;
    clear: both;
    height: 123px;
}

.table-list .assign-activities td .activities .thumb {
    margin: 0 12px 10px -4px;
    padding: 5px 0 0 5px;
    width: 147px;
    float: left;
    height: 118px;
    background: url(/Content/images/bg-image-lesson.gif) no-repeat;
    position: relative;
}

.table-list .assign-activities td .assigned .thumb .check-assigned {
    background: url(/Content/images/assign-activities-checkmark.png) 0 0 no-repeat;
    position: absolute;
    top: 0;
    right: -6px;
    height: 46px;
    width: 46px;
}

.table-list .assign-activities td .activities .assign-actions {
    position: relative;
    height: 118px;
    float: left;
    padding-left: 0;
    width: 575px;
}

.table-list .assign-activities td .activities .assign-actions .actions {
    position: absolute;
    bottom: 0;
    padding-left: 0;
}

.table-list .assign-activities td h4 {
    font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
}

.table-list .assign-activities td h4 a {
    text-decoration: underline;
    color: #008759;
}

.table-list .assign-activities td h4 a:hover {
    text-decoration: none;
}

.table-list .assign-activities td .assigned {
    background: url(/Content/images/dot-line.gif) 0 0 repeat-x;
}

.table-list .assign-activities td .assigned h4 a, .table-list .assign-activities td .assigned h4 a:hover {
    color: var(--color-td-gray-5, #75787B);
}


.table-list .browser-techincal-check th {
    font-weight: bold;
}

.table-list .browser-techincal-check span {
    padding: 0 7px;
    color: var(--color-td-gray-5, #75787B);
}

.table-list .browser-techincal-check .pass, .table-list .browser-techincal-check .fail {
    font-weight: bold;
    text-transform: uppercase;
}

.table-list .browser-techincal-check .pass {
    color: #008759;
}

.table-list .browser-techincal-check .fail {
    color: #008759;
}

.table-list .nested-grid {
    border: none 0 !important;
}

.table-list .nested-grid thead {
    background: none !important;
}

.table-list .nested-grid th {
    height: 30px;
    background: none !important;
}

.table-list .nested-grid td {
    border-top: 0;
    background: url(/Content/images/dot-line.gif) repeat-x;
}

.table-list .nested-grid .alt {
    background: #f6f6f6;
}

.subscription-summary td {
    padding: 0 12px;
    border-right: 1px solid #fff !important;
    font-size: 14px !important;
}

.subscription-summary tbody td {
    padding: 0 12px;
    vertical-align: top;
    line-height: 16px !important;
    height: auto;
    background-image: none;
}

.subscription-summary tbody tr.top-line td {
    padding: 6px 12px 0 12px;
    background-image: none;
}

.subscription-summary tbody tr.bottom-line td {
    padding: 0 12px 11px 12px;
    background: url(/Content/images/dot-line3.gif) repeat-x scroll 0 100% transparent;
}

.subscription-summary tbody td.totals {
    background: none;
    padding: 3px 12px;
    text-align: right;
}

.subscription-summary tbody td.align-center {
    text-align: center;
}

.subscription-summary .negative {
    color: #F00;
}

.cancel-subscription td.active-date {
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding: 6px 12px 11px 12px;
}

.table-list .billing-info {
    border-left: 0 !important;
}

.table-list .billing-info td {
    border: 0;
    border-left: 1px solid var(--color-td-gray-3, #C8C9C7);
    width: 50%;
    font-size: 14px;
    vertical-align: top;
}

.table-list .billing-info td p {
    padding-top: 5px;
    padding-bottom: 20px;
}

.table-list .billing-info th {
    font-weight: bold;
    height: 30px;
    border: 0;
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-left: 1px solid var(--color-td-gray-3, #C8C9C7);
    font-size: 14px;
    background: var(--color-td-gray-2, #D9D9D6);
    vertical-align: middle;
    padding: 12px;
}

.table-list .acct-mgmt th {
    font-weight: bold;
    height: 30px;
}

.table-list .acct-mgmt td {
    font-weight: normal;
}

.table-list .manage-contacts td {
    vertical-align: top;
}

.table-list .manage-contacts .first {
    width: 20px;
}

.table-list .manage-contacts th {
    font-weight: bold;
    height: 30px;
}

.table-list .manage-contacts .manage-contacts-checkbox {
    padding-top: 4px;
}

.table-list .manage-contacts .left-col {
    float: left;
    width: 50%;
    padding: 5px 0;
}

.table-list .manage-contacts .right-col {
    float: right;
    padding: 5px 0;
}

.table-list .manage-contacts .left-col .left-side {
    float: left;
    width: 20%;
    font-weight: bold;
}

.table-list .manage-contacts .left-col .right-side {
    float: left;
    width: 80%;
}

.table-list .manage-contacts p {
    font-size: 1.0em;
}

.table-list .order-summary {
    border-left: 0 !important;
}

.table-list .order-summary th {
    font-weight: bold;
    height: 30px;
    background: none;
    padding: 12px;
    border: 0;
    border-left: 1px solid var(--color-td-gray-3, #C8C9C7);
    font-size: 14px;
}

.table-list .order-summary td {
    padding: 0 12px;
    border: 0;
    border-left: 1px solid var(--color-td-gray-3, #C8C9C7);
    font-size: 14px;
    vertical-align: top;
    line-height: 16px !important;
    height: auto;
}

.table-list .order-summary tr.top-line td {
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding: 5px 12px 0 12px;
}

.table-list .order-summary tr.bottom-line td {
    padding: 0 12px 5px 12px;
}

.table-list .order-summary td.invoice-number {
    background: var(--color-td-gray-2, #D9D9D6);
    vertical-align: middle;
    padding: 12px;
    font-weight: bold;
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.table-list .order-summary td.totals {
    padding: 0 12px;
    text-align: right;
    vertical-align: middle;
    height: 24px;
    white-space: nowrap !important;
}

.table-list .order-summary td.separator {
    height: 2px;
    padding: 0 12px;
}

.table-list .order-summary td.recurring-payment {
    font-size: 14px;
    text-align: right;
    border-top: 0;
    vertical-align: middle;
    padding: 5px 12px 10px 12px;
}

.table-list .order-summary .negative {
    color: #F00;
}

.table-list .bordered-table {
    border-width: 0 1px 1px 0 !important;
    border-style: solid !important;
    border-color: var(--color-td-gray-3, #C8C9C7) !important;
}

.table-list .bordered-table th {
    font-weight: bold;
    height: 30px;
    background: var(--color-td-gray-2, #D9D9D6);
    padding: 12px;
    border-width: 1px 0 0 1px !important;
    border-style: solid !important;
    border-color: var(--color-td-gray-3, #C8C9C7) !important;
    font-size: 14px;
}

.table-list .bordered-table td {
    padding: 5px 12px;
    border-width: 1px 0 0 1px !important;
    border-style: solid !important;
    border-color: var(--color-td-gray-3, #C8C9C7);
    font-size: 14px;
    vertical-align: top;
    line-height: 16px !important;
    height: auto;
}

.table-list .bordered-table td ul {
    list-style: disc;
    margin: 0 10px 0 5px;
}

.table-list .bordered-table td ul li {
    padding: 0;
    margin-left: 10px;
}

.table-list .instructor-conflict .type-status {
    color: #00AF66;
}

.table-list .instructor-conflict td {
    vertical-align: text-top;
    padding-top: 3px;
    padding-bottom: 3px;
}


table.select-plan {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

table.select-plan th, table.select-plan td {
    padding: 0;
}

table.select-plan td {
    width: 185px;
}

table.select-plan td .plan-title {
    text-align: center;
    background: url(/Content/images/bg-comparison-chart-plan-title.jpg) 0 0 repeat-x;
    height: 30px;
    font: normal 18px/32px Arial, Arial, Helvetica, Verdana, sans-serif;
    color: #666;
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
    margin: 0 2px 1px 2px;
}

table.select-plan td .plan-wrapper {
    background: var(--color-td-gray-2, #D9D9D6) url(/Content/images/bg-comparison-chart-border.gif) 0 0 repeat-y;
    height: 306px;
    margin: 0 2px 1px 2px;
    width: 181px;
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
    position: relative;
}

table.select-plan td .plan-wrapper .plan-pricing-wrapper {
    background: #A51437 url(/Content/images/bg-comparison-chart-banner.jpg) 0 100% repeat-x;
    text-align: center;
    color: #FFF;
}

table.select-plan td .plan-wrapper .plan-introduction {
    height: 34px;
    font: normal 15px/40px Arial, Helvetica, Verdana, sans-serif;
}

table.select-plan td .plan-wrapper .plan-price {
    height: 62px;
    line-height: 62px;
    padding-top: 4px;
}

table.select-plan td .plan-wrapper .plan-price .sm-num {
    font: bold 40px/28px Arial, Helvetica, Verdana, sans-serif;
    vertical-align: top;
}

table.select-plan td .plan-wrapper .plan-price .lg-num {
    font: bold 65px/48px Arial, Helvetica, Verdana, sans-serif;
    vertical-align: top;
}

table.select-plan td .plan-wrapper .plan-term {
    height: 28px;
    font: normal 15px/11px Arial, Helvetica, Verdana, sans-serif;
}

table.select-plan td .plan-wrapper .banner-tip {
    height: 22px;
    background: url(/Content/images/bg-comparison-chart-banner-tip.jpg) 0 0 no-repeat;
}

table.select-plan td .plan-wrapper .banner-tip-trial {
    height: 47px;
    background: url(/Content/images/bg-comparison-chart-banner-tip-trial.jpg) 0 0 no-repeat;
    margin: 0 -2px;
    font: bold 13px/28px Arial, Helvetica, Verdana, sans-serif;
    color: #FFF;
    text-align: center;
}

table.select-plan td .plan-wrapper ul {
    font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    list-style: disc;
    margin: 15px 10px 0;
}

table.select-plan td .plan-wrapper ul li {
    padding: 0 0 6px 0;
    margin-left: 10px;
}

table.select-plan td .plan-wrapper .plan-btn-wrapper {
    position: absolute;
    bottom: 10px;
}

table.select-plan td .plan-wrapper .plan-btn-container {
    text-align: center;
    vertical-align: bottom;
}

table.select-plan td .current-plan {
    text-align: center;
    width: 145px;
    margin-left: 18px;
    padding-bottom: 5px;
    color: #000;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    display: block
}

.lg-plan-btn {
    float: none !important;
    margin: 0 0 0 10px !important;
}

table.compare {
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 14px;
    width: 100%;
    color: #000;
}

table.compare th {
    height: 30px;
    font: bold 12px/30px Verdana, Arial, Helvetica, sans-serif;
    color: #CE1945;
    text-transform: uppercase;
}

table.compare td {
    height: 30px;
    width: 185px;
    vertical-align: middle;
    text-align: center;
}

table.compare td.title {
    text-align: left;
}

table.compare td.title div a {
    padding: 0 0 0 10px;
    text-decoration: none;
    font: normal 11px/30px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-style: italic;
}

table.compare td img {
    vertical-align: middle;
}

table.compare tr.first td div {
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
}

table.compare td div {
    height: 30px;
    line-height: 30px;
    background: url(/Content/images/bg-comparison-chart-border.gif) 0 0 repeat-y;
    margin: 0 2px;
    width: 181px;
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
}

table.compare tr.alt td div {
    background: #F6F6F6 url(/Content/images/bg-comparison-chart-border.gif) 0 0 repeat-y;
}

table.compare td div span.check {
    height: 30px;
    width: 21px;
    background: url(/Content/images/compare-checkmark.png) center center no-repeat;
    display: block;
    margin: 0 auto;
}

table.compare td.bot-btns {
    text-align: left;
    padding: 0;
    width: 185px;
}

table.compare td .bot-btns-wrapper {
    height: 35px;
    line-height: 35px;
    padding-top: 10px;
    margin: 0 2px;
    position: relative;
    width: 181px;
}

table.compare td .bot-btns-container {
    position: absolute;
    width: auto !important;
    margin: 0;
    border: 0;
    background: none;
}

table.compare td .bot-btns-content {
    text-align: center;
    vertical-align: bottom;
    width: auto !important;
    margin: 0;
    border: 0;
    background: none;
}

table.compare td .current-plan {
    text-align: center;
    width: 145px;
    margin-left: 18px;
    padding-top: 5px;
    color: #000;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    display: block
}

table.compare .category {
    padding-left: 0;
    font-weight: bold;
    text-align: left;
}

table.compare .details {
    padding-left: 0px;
    text-align: left;
}

table.compare .action {
    font-size: 14px;
    color: #000;
    padding: 10px;
    text-align: left;
}


.table-list .supported-browsers {
    border-top: none !important;
    border-left: none !important;
}

.table-list .supported-browsers th {
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    text-align: center;
    font-weight: bold;
    border-left: 1px solid var(--color-td-gray-3, #C8C9C7);
    width: 18%;
    padding: 0 10px;
    height: 100px;
}

.table-list .supported-browsers th.empty {
    background: none;
    border: none;
    width: 10%;
}

.table-list .supported-browsers th span.ie {
    background: url(/Content/images/error-icon-ie.png) 0 0 no-repeat;
    height: 60px;
    width: 60px;
    display: block;
    margin: 0 auto 10px;
}

.table-list .supported-browsers th span.firefox {
    background: url(/Content/images/error-icon-firefox.png) 0 0 no-repeat;
    height: 60px;
    width: 60px;
    display: block;
    margin: 0 auto 10px;
}

.table-list .supported-browsers th span.chrome {
    background: url(/Content/images/error-icon-chrome.png) 0 0 no-repeat;
    height: 60px;
    width: 60px;
    display: block;
    margin: 0 auto 10px;
}

.table-list .supported-browsers th span.safari {
    background: url(/Content/images/error-icon-safari.png) 0 0 no-repeat;
    height: 60px;
    width: 60px;
    display: block;
    margin: 0 auto 10px;
}

.table-list .supported-browsers th span.opera {
    background: url(/Content/images/error-icon-opera.png) 0 0 no-repeat;
    height: 60px;
    width: 60px;
    display: block;
    margin: 0 auto 10px;
}

.table-list .supported-browsers td {
    border-left: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding: 0 10px;
    text-align: center;
}

.table-list .supported-browsers td.os {
    text-align: left;
}


.manage-relationships table {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding: 0;
    margin: 0;
    font-size: 14px;
    width: 100%;
    color: #000;
}

.manage-relationships table tr th {
    height: 45px;
    vertical-align: middle;
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
    background: #FFE5E5;
    padding: 0 16px;
    overflow: hidden;
    font-weight: bold;
}

.manage-relationships table tr th {
    height: 45px;
    vertical-align: middle;
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
    background: var(--color-td-gray-2, #D9D9D6);
    padding: 0 16px;
    overflow: hidden;
    font-weight: bold;
}

.manage-relationships table tr td {
    vertical-align: middle;
    padding: 20px 16px;
    overflow: hidden;
    border-top: 0;
}

.manage-relationships table tr td a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: none;
}

.manage-relationships table tr td a:hover {
    text-decoration: underline;
}

.manage-relationships table th span {
    padding: 0 7px;
    color: var(--color-td-gray-5, #75787B);
}

.manage-relationships table li span {
    padding: 0;
}

.manage-relationships table li.alt {
    background-color: #f6f6f6;
}

.manage-relationships table li .alt {
    background: none;
}

.manage-relationships table li em {
    padding: 0 5px;
    color: var(--color-td-gray-5, #75787B);
}

.manage-relationships table li {
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    line-height: 12px;
}

.manage-relationships table .jstree {
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.manage-relationships table .relationship-actions {
    position: absolute;
    top: 3px;
    right: 10px;
}

/* grid widget */
.manage-relationships table .bmo-ui-treeview-lines {
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.manage-relationships table .bmo-ui-treeview-lines li {
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
}

/* sign up */
.signup-progressbar-container {
    height: 48px;
}

.signup-progressbar-container ol.signup-progressbar {
    height: 27px;
    line-height: 27px;
    background: var(--color-td-gray-3, #C8C9C7);
    padding: 1px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
}

.signup-progressbar-container ol.signup-progressbar li {
    float: left;
    width: 25%;
}

.signup-progressbar-container ol.signup-progressbar li span {
    padding-left: 10px;
    display: block;
    text-decoration: none;
}

.signup-progressbar-container ol.signup-progressbar li span {
    background: var(--color-td-gray-1, #F2F2F2) url(/Content/images/progress-indicator-future.gif) 100% 0 no-repeat;
    color: var(--color-td-gray-5, #75787B);
}

.signup-progressbar-container ol.signup-progressbar li.current span {
    background: #9E0515 url(/Content/images/progress-indicator-current.gif) 100% 0 no-repeat;
    color: #FFF;
}

.signup-progressbar-container ol.signup-progressbar li.previous span {
    background: #FFE5E5 url(/Content/images/progress-indicator-previous.gif) 100% 0 no-repeat;
    color: #790000;
}

.signup-progressbar-container ol.signup-progressbar li.past span {
    background: #FFE5E5 url(/Content/images/progress-indicator-past.gif) 100% 0 no-repeat;
    color: #790000;
}

.signup-progressbar-container ol.signup-progressbar li.last span {
    background-image: none !important;
}

.signup-progressbar-container ol.signup-progressbar li span strong {
    margin-right: 8px;
}

.signup-progressbar-container .signup-shadow {
    background: url(/Content/images/bg-sign-up-progress-bar.gif) 0 100% no-repeat;
    width: 627px;
    height: 21px;
}

#sign-up .left-col {
    float: left;
    width: 25%;
}

#sign-up .right-col {
    float: left;
    width: 75%;
}

#sign-up .radio-container {
    vertical-align: middle;
    float: left;
    margin-right: 5px;
}

#sign-up .radio-label {
    vertical-align: middle;
    float: left;
    font: normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
    color: #333;
}

#sign-up .radio-label span {
    font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
}

#sign-up .input-disabled {
    color: var(--color-td-gray-3, #C8C9C7);
}

/* account management */
#acct-mgmt-billing .left-col, #acct-mgmt-billing .right-col {
    float: left;
    width: 50%;
}

#acct-mgmt-billing .left-col .left-side {
    float: left;
    width: 35%;
    font-weight: bold;
}

#acct-mgmt-billing .left-col .right-side {
    float: left;
    width: 65%;
}

#acct-mgmt-billing .right-col .left-side {
    float: left;
    width: 50%;
    font-weight: bold;
}

#acct-mgmt-billing .right-col .right-side {
    float: left;
    width: 50%;
}

#acct-mgmt-billing p {
    font-size: 1.0em;
}

/* reporting */
#reporting .title-text p.alt-title {
    color: #00AF66 !important;
    font: 18px Arial, Helvetica, sans-serif !important;
}

#reporting table.license-report-overview {
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    color: #000;
    border-collapse: collapse;
}

#reporting table.license-report-overview tr td {
    padding: 0;
    text-align: center;
    color: #00AF66;
}

#reporting table.license-report-overview tr td a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: none;
}

#reporting table.license-report-overview tr td a:hover {
    text-decoration: underline;
}

#reporting table.license-report-overview tr td div p {
    font: normal 1.0em/1.3em Verdana, Arial, Helvetica, sans-serif;
}

#reporting table.license-report-overview tr td.divider {
    background: url(/Content/images/divider.gif) repeat-y;
}

/* reporting filters */
a.advanced-search {
    font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
    margin-left: 5px;
}

a.advanced-search:hover {
    text-decoration: none;
}

.reporting-filters-container {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    background: var(--color-td-gray-2, #D9D9D6);
    padding: 15px;
    text-align: center;
}

/* reporting error message */
.reporting-notification {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    margin-bottom: 10px;
    padding: 10px 20px;
}

.reporting-notification span {
    font-weight: bold;
}

.reporting-notification ul {
    list-style: disc inside none;
    margin-top: 5px;
}

.reporting-notification ul li, .reporting-notification span {
    color: #00AF66;
}

/* general error container */
.general-error-container {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    margin-bottom: 10px;
    padding: 10px 20px;
}

.general-error-container span {
    font-weight: bold;
}

.general-error-container ul {
    list-style: disc inside none;
    margin-top: 5px;
}

.general-error-container ul li, .general-error-container span {
    color: #00AF66;
}

/* operations error container */
.operations-error {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding: 10px 20px;
    color: #00AF66;
}

.operations-error a {
    color: #00AF66;
    text-decoration: none;
    font-weight: bold;
}

.operations-error a:hover {
    text-decoration: underline;
}

/* user profile container */
.user-profile-container {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    margin-bottom: 10px;
    padding: 0;
}

.user-profile-container .left {
    width: 416px;
    padding: 15px 0 0 20px;
}

.user-profile-container .right {
    width: 464px;
    height: 136px;
}

.user-profile-container .visual {
    float: left;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    margin-right: 15px;
    background: #FFF;
}

.user-profile-container .user-name {
    display: block;
    font-size: 1.8em;
    line-height: 1.2em;
    font-weight: bold;
    padding-bottom: 3px;
    color: #000;
}

.user-profile-container .options {
    float: left;
    margin: 0;
    padding-bottom: 15px;
    color: #666;
    font-size: 14px;
}

.user-profile-container .options a {
    color: #666;
    text-decoration: underline;
}

.user-profile-container .options a:hover {
    text-decoration: none;
}

.user-profile-container .options li {
    float: left;
    padding: 0 4px 0 0;
}

.user-profile-container .user-data-container {
    padding-top: 2px;
    overflow: hidden;
}

.user-profile-container .user-data-container p {
    font-size: 1.2em;
    line-height: 1.5em;
}

.user-profile-container .user-data-container .container span {
    float: left;
}

.user-profile-container .user-data-container .profile-info {
    padding: 0 0 10px 10px;
}

.user-profile-container .user-data-container dl {
    margin: 0;
    width: 100%;
    font-size: 1.1em;
    line-height: 1.6363em;
}

.user-profile-container .user-data-container dl dt {
    font-weight: bold;
    display: inline;
}

.user-profile-container .user-data-container dl dd {
    margin: 0;
    display: inline;
}

.user-profile-container .user-profile-data {
    text-align: center;
    float: left;
    background: none;
    width: 100%;
}

.user-profile-container .user-profile-data li {
    float: left;
    padding: 9px 10px 4px;
    border-left: 1px solid var(--color-td-gray-2, #D9D9D6);
    border-top: 1px solid var(--color-td-gray-2, #D9D9D6);
    background: none;
}

.user-profile-container .user-profile-data span {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    padding-bottom: 3px;
}

.user-profile-data strong {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    clear: both;
}

* html .user-profile-container .user-profile-data strong, * + html .user-profile-container .user-profile-data strong {
    display: inline;
}

.user-profile-container .user-profile-data li:first-child, .user-profile-container .user-profile-data li.first-child {
    border-left: 0;
}

/* quick view - last X days */
ul.dashboard-quick-view {
    margin: 20px 0;
}

ul.dashboard-quick-view li {
    float: left;
    width: 33%;
}

ul.dashboard-quick-view li div.icon {
    height: 0;
    padding-top: 50px;
    overflow: hidden;
    width: 50px;
    background: url(/Content/images/icons/dashboard-icons-sprite.png) 0 0 no-repeat;
}

ul.dashboard-quick-view li + li div.icon {
    background-position: 0 -50px;
}

ul.dashboard-quick-view li + li + li div.icon {
    background-position: 0 -100px;
}

ul.dashboard-quick-view li .desc {
    color: #53565A;
    font-size: 12px;
    line-height: normal;
}

ul.dashboard-quick-view li .value {
    color: #00AF66;
    font-size: 32px;
    font-family: Times New Roman;
    line-height: normal;
}

/* general notification container */
.general-notification {
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    margin-bottom: 10px;
    padding: 10px 20px;
    color: #00AF66;
}

.general-notification h4 {
    font-size: 1.8em;
    line-height: 1.2em;
    color: #53565a;
}

.general-notification a {
    color: #008759;
    text-decoration: none;
    font-weight: bold;
}

.general-notification a:hover {
    text-decoration: underline;
}

/* welcome message container */
.welcome-message-container {
    color: #53565a;
}

.welcome-message-container a {
    color: #000;
    text-decoration: none;
}

.welcome-message-container a:hover {
    text-decoration: underline;
}

/* user warning container */
.user-warning-container {
    color: #00AF66;
}

.user-warning-container a {
    color: #008759;
    font-weight: bold;
    text-decoration: none;
}

.user-warning-container a:hover {
    text-decoration: underline;
}

/* organization container */
.organization-container {
    width: 922px;
    display: block;
    margin: -10px 0 10px 0;
}

.organization-content {
    background: #FFF;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    padding: 20px 20px;
}

.organization-content .visual {
    float: left;
}

.organization-content .visual img {
    border: 2px solid var(--color-td-gray-3, #C8C9C7);
    background: #FFF;
}

.organization-content .organization-message {
    overflow: hidden;
    padding: 0 0 0 15px;
}

.organization-content .org-heading {
    color: #FFF;
    font-size: 2.8em;
    font-weight: bold;
    line-height: 1.2em;
}

.organization-content .org-message {
    font-size: 1.2em;
    line-height: 1.3em;
    color: #FFF;
}

/* member login */
.member-login-container {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding: 30px;
    margin: 0 auto;
    width: 470px;
}

.member-login-container .visual {
    float: left;
}

.member-login-container .visual img {
    border: 2px solid var(--color-td-gray-3, #C8C9C7);
    background: #FFF;
}

.member-login-container .member-login-content {
    overflow: hidden;
    padding: 0 0 0 20px;
}

.member-login-container .member-login-content h4 {
    color: #000000;
    font: 1.8em/1.2em Arial, Helvetica, sans-serif;
    margin: 0 0 5px;
}

.member-login-container .member-login-content label {
    font: 1.2em/1.85em Arial, Helvetica, sans-serif;
}

.member-login-container .member-login-content input.no-input-wrapper-input {
    width: 280px;
    margin-bottom: 3px;
}

/* quick view container */
.quick-view-container {
    width: 100%;
    margin-top: 20px;
}

.quick-view-container .charts {
    float: left;
    width: 45%;
}

.quick-view-container .quick-data {
    float: left;
    width: 55%;
}

.quick-view-container .quick-data .title {
    font-size: 1.2em;
    color: var(--color-td-gray-5, #75787B);
    font-weight: bold;
}

.quick-view-container .quick-data .data {
    color: #000;
    font: normal 72px/108px "Times New Roman", Times, serif;
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    margin-top: 10px;
}

.data-tooltip {
    background: #fff;
    border: 1px solid black;
    padding: 5px;
    box-shadow: 2px 2px 4px -2px black;
    -webkit-box-shadow: 2px 2px 4px -2px black;
    -moz-box-shadow: 2px 2px 4px -2px black;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.data-tooltip-note {
    margin-top: 1em;
}

.chart-print {
    float: right;
    margin: 0 0 5px 0;
}

/* The page is hidden while the chart prints, and the button must not print with it. */
@media print {
    .chart-print {
        display: none;
    }
}


/* dashboard */
/* friend-activity */
.friend-activity {
    overflow: hidden;
    margin: -6px 0 -8px;
    position: relative;
}

.friend-activity li {
    width: 100%;
    overflow: hidden;
    float: left;
    padding: 10px 0;
    border-top: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.friend-activity li:first-child {
    border-top: 0 none;
}

.friend-activity .visual {
    float: left;
}

.friend-activity .visual img {
    border: 1px solid #000;
}

.friend-activity .friend-data {
    overflow: hidden;
    padding: 0 20px 0 11px;
}

* html .friend-activity .friend-data {
    padding-left: 8px;
}

.friend-activity .friend-data h4 {
    color: #000;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3333em;
    margin: 0;
}

.friend-activity .friend-data h4 a {
    text-decoration: none;
}

.friend-activity .friend-data h4 a:hover {
    text-decoration: underline;
}

.friend-activity .friend-data span {
    display: block;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #666;
    padding-top: 5px;
}

.friend-activity .friend-data span a {
    text-decoration: underline;
    color: #666;
}

.friend-activity .friend-data span a:hover {
    text-decoration: none;
}

.friend-activity .friend-data em {
    font-size: 1.1em;
    line-height: 1.182em;
    font-style: normal;
}

.groups-results li h4 {
    color: var(--color-td-green-heading, #00995b);
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3333em;
    margin: 0;
}

.graph-container {
    height: 260px;
    margin: 0 1px;
}

/* student-activity */
.student-activity {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.student-content {
    padding: 10px 20px;
}

.student-content h4 {
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3333em;
    margin: 0 0 10px;
}

.currently-active {
    overflow: hidden;
}

.currently-active .visual {
    float: left;
    margin: 0 8px 8px 0;
}

.currently-active .visual img {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    background: #FFF;
}

.recently-active {
    overflow: hidden;
}

.recently-active li {
    width: 100%;
    overflow: hidden;
    float: left;
    padding: 5px 0;
    border-top: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.recently-active .visual {
    float: left;
}

.recently-active .visual img {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    background: #FFF;
}

.recently-active .student-data {
    overflow: hidden;
    padding: 4px 0 0 10px;
}

* html .recently-active .student-data {
    padding-top: 1px;
    padding-left: 7px;
}

.recently-active .student-data span {
    font-size: 1.1em;
    line-height: 1.5em;
    color: #666;
}

.recently-active .student-data span a {
    text-decoration: underline;
    color: #666;
}

.recently-active .student-data span a:hover {
    text-decoration: none;
}

.recently-active .student-data em {
    font-size: 1.0em;
    line-height: 1.182em;
    font-style: normal;
    color: var(--color-td-gray-5, #75787B);
}


/* quick overview stats */
.quick-overview-container {
    width: 100%;
}

.quick-overview-container .left-col {
    width: 66%;
}

.quick-overview-container .right-col {
    width: 33%;
}

.quick-overview-container .quick-data {
    float: left;
}

.quick-overview-container .quick-data .title {
    font-size: 1.2em;
    color: var(--color-td-gray-5, #75787B);
    font-weight: bold;
}

.quick-overview-container .quick-data .data {
    color: #000;
    font: normal 72px/108px "Times New Roman", Times, serif;
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    margin-top: 10px;
}

.quick-overview-container .right-col .title, .quick-overview-container .right-col .data {
    margin-left: 23px;
}

/* account id */
.player-id-content {
    font: normal 1.2em/1.3em Verdana, Arial, Helvetica, sans-serif;
    color: #333;
}

.player-id-content p {
    padding: 8px 0;
}

.player-id-content .player-id {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    color: #000;
    font: 36px/54px "Times New Roman", Times, serif;
    padding: 20px;
    text-align: center;
}


/* jQuery UI Rewrite */
#sortable, #unsortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100% !important;
}

#sortable li, #unsortable li {
    margin: 0;
    font-size: 1.2em;
}

html > body #sortable li, html > body #unsortable li {
    line-height: 1.2em;
    border: 0;
}

.ui-state-default {
    background: #FFFFFF;
}

.ui-state-highlight {
    height: 133px;
    line-height: 1.2em;
    background: #F6F6F6;
    border: 1px dotted #000000;
}

.ui-sortable-helper {
    background: #FFE5E5;
    border: 1px dotted #000000 !important;
}

.ui-sortable-helper {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px dotted #000000 !important;
}

.ui-widget {
    font-size: inherit;
}

.assign-activities .bmo-ui-plus, .assign-activities .bmo-ui-plus-disabled {
    background-position: 0 -144px !important;
}

.assign-activities .bmo-ui-minus, .assign-activities .bmo-ui-minus-disabled {
    background-position: -16px -144px !important;
}

.subscriptions-left-col {
    background: var(--color-td-gray-2, #D9D9D6);
    height: 30px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    padding: 0 12px;
}

.subscriptions-right-col {
    float: right;
    padding-left: 12px;
    border-left: 1px solid #fff;
    width: 105px;
    text-align: right;
    white-space: nowrap;
}

#subscriptions-container {
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
}

#subscriptions-container .ui-accordion {
    font-size: 14px;
}

#subscriptions-container .ui-accordion .ui-accordion-header {
    padding: 5px 12px 5px 0;
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    margin-top: 0;
}

#subscriptions-container .ui-accordion .ui-accordion-header a {
    padding: 5px 0 5px 24px;
}

#subscriptions-container .ui-accordion .ui-accordion-header a span {
    display: block;
    float: right;
    width: 105px;
    text-align: right;
}

#subscriptions-container .ui-accordion .ui-accordion-header a em {
    text-decoration: underline;
    font-style: normal;
}

#subscriptions-container .ui-accordion .ui-accordion-header a em.alert {
    text-decoration: none;
    font-weight: normal;
    color: #F00;
}

#subscriptions-container .ui-accordion .ui-accordion-header a strong, #subscriptions-container .ui-accordion .ui-accordion-header a span {
    text-decoration: none !important;
}

#subscriptions-container .ui-accordion .ui-accordion-content {
    padding: 18px 12px 5px 24px;
    color: var(--color-td-gray-5, #75787B);
}

#subscriptions-container .ui-accordion .ui-accordion-content .term {
    float: left;
}

#subscriptions-container .ui-accordion .ui-accordion-content .date {
    float: right;
    text-align: right;
}

#subscriptions-container .ui-accordion .ui-accordion-content em.alert {
    font-style: normal;
    color: #F00;
}

#subscriptions-container .ui-accordion .ui-state-active a, #subscriptions-container .ui-accordion .ui-state-active a:link, #subscriptions-container .ui-accordion .ui-state-active a:visited {
    color: #000;
}

/* playlist activities */
.playlist-activities {
    padding: 0 0 20px 12px;
    background: url(/Content/images/dot-line.gif) repeat-x 0 100%;
}

.playlist-activities .badge {
    background: url(/Content/images/badge-blank.gif) 0 0 no-repeat;
    width: 27px;
    height: 27px;
    overflow: hidden;
    float: left;
    margin: 5px 20px 0 5px;
    font: bolder 18px/27px Arial, Helvetica, Verdana, sans-serif;
    color: #FFFFFF;
    text-align: center;
}

.playlist-activities .thumb {
    margin: 0 12px 0 -4px;
    padding: 5px 0 0 5px;
    width: 147px;
    float: left;
    display: inline;
    height: 118px;
    background: url(/Content/images/bg-image-lesson.gif) no-repeat;
}

.playlist-activities .info {
    float: left;
    margin: 5px 0 0 0;
    font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    width: 530px;
}

.playlist-activities .info h5 {
    float: left;
    margin: 0 20px 10px 0;
    font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
    overflow: hidden;
    height: 18px;
}

.playlist-activities .info h5 a {
    text-decoration: underline;
    color: #000000;
}

.playlist-activities .info h5 a:hover {
    text-decoration: none;
}

.playlist-activities .info p {
    margin: 5px 0;
    clear: both
}

.playlist-activities .actions {
    margin: 5px 20px 0 0;
    float: right;
}

.playlist-activities .actions a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
}

.playlist-activities .actions a:hover {
    text-decoration: none;
}


/* assigned activities */
.assigned-activities {
    padding: 0 0 20px 12px;
    background: url(/Content/images/dot-line3.gif) repeat-x 0 100%;
    position: relative;
}

.assigned-activities .badge {
    background: url(/Content/images/badge-blank.gif) 0 0 no-repeat;
    width: 27px;
    height: 27px;
    overflow: hidden;
    float: left;
    margin: 5px 20px 0 5px;
    font: bolder 18px/27px Arial, Helvetica, Verdana, sans-serif;
    color: #FFFFFF;
    text-align: center;
}

.assigned-activities .thumb {
    margin: 0 12px 0 -4px;
    padding: 5px 0 0 5px;
    width: 147px;
    float: left;
    display: inline;
    height: 118px;
    background: url(/Content/images/bg-image-lesson.gif) no-repeat;
}

.assigned-activities .info {
    float: left;
    margin: 5px 0 0 0;
    font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    width: 500px;
}

.assigned-activities .info h5 {
    float: left;
    margin: 0px 20px 10px 0;
    font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
    overflow: hidden;
    height: 18px;
}

.assigned-activities .info h5 a {
    text-decoration: underline;
    color: #000000;
}

.assigned-activities .info h5 a:hover {
    text-decoration: none;
}

.assigned-activities .info p {
    margin: 5px 0;
    clear: both
}

.assigned-activities .actions {
    margin: 5px 20px 0 0;
    float: right;
}

.assigned-activities .actions a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
}

.assigned-activities .actions a:hover {
    text-decoration: none;
}

.assigned-activities .assigned-activities-action {
    position: absolute;
    right: 14px;
    bottom: 20px;
}

.assigned-activities .actions a.edit-settings {
    background: url(/Content/images/ico-edit-settings.png) 0 0 no-repeat;
    padding: 0 0 4px 24px;
}

/* trending & recent activities */
.trending-activities-container {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding: 26px 12px 26px 28px;
}

.trending-activities-container .col {
    width: 273px;
    margin: 0 13px;
    float: left;
}

.trending-activities-container .details {
    padding-top: 20px;
    padding-left: 45px;
    position: relative;
}

.trending-activities-container .details .icon {
    height: 31px;
    width: 34px;
    position: absolute;
    top: 20px;
    left: 0;
    background: url(/Content/images/lg-icons-sprite.png) 0 0 no-repeat;
}

.trending-activities-container .details .icon.interactive {
    background-position: 0 -62px;
}

.trending-activities-container .details .title {
    color: #008957;
    font-weight: bold;
    font-size: 14px;
    display: block;
    line-height: normal;
}

.trending-activities-container .details .standard {
    font-size: 14px;
    color: #000;
    display: block;
    line-height: normal;
    text-decoration: underline;
}

.trending-activities-container .details .by {
    font-size: 14px;
    color: #161616;
    display: block;
    line-height: normal;
}

.trending-activities-container .details .by a {
    text-decoration: none;
    color: inherit;
}

.trending-activities-container .details .standard:hover,
.trending-activities-container .details .by a:hover {
    text-decoration: underline;
}

.trending-activities-container img {
    vertical-align: top;
    border: 1px #000 solid;
    background: #fff;
}

.recent-activities-container h3 a {
    text-decoration: none;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3em;
    color: var(--color-td-blue, #0E103E);
}

.recent-activities-container h3 a:hover {
    text-decoration: underline;
}

.recent-activities-container .col {
    float: left;
    width: 294px;
    margin: 0 20px 0 0;
}

.recent-activities-container .col.last {
    float: left;
    width: 294px;
    margin: 0;
}

.recent-activities-container .activity-container {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    margin: 0 0 10px 0;
    padding: 10px;
    height: 78px;
    position: relative;
}

.recent-activities-container .activity-container .image {
    margin-right: 10px;
    float: left;
}

.recent-activities-container .activity-container .image img {
    border: 1px solid #000;
}

.recent-activities-container .activity-container .text-box {
    float: right;
    width: 172px;
}

.recent-activities-container .activity-container .title {
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    color: #008759;
    text-align: left;
}

.recent-activities-container .activity-container .title a {
    color: #008759;
    text-decoration: none;
}

.recent-activities-container .activity-container .title a:hover {
    text-decoration: underline;
}

.recent-activities-container .activity-container .standard a {
    color: #008759;
    font-size: 14px;
    text-decoration: none;
    line-height: normal;
}

.recent-activities-container .activity-container .standard a:hover {
    text-decoration: underline;
}

.recent-activities-container .activity-container .created-by {
    font-size: 14px;
    position: absolute;
    bottom: 10px;
    line-height: normal;
}

.recent-activities-container .activity-container .created-by a {
    color: #161616;
    text-decoration: none;
}

.recent-activities-container .activity-container .created-by a:hover {
    text-decoration: underline;
}

/* track activities */
.track-activities-container {
    width: 922px;
}

.track-activities-container .col1 {
    float: left;
    width: 451px;
    margin: 0 20px 0 0;
    clear: both;
}

.track-activities-container .col2 {
    float: left;
    width: 451px;
    margin: 0;
}

.track-activities-container .track-activities {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    margin: 0 0 20px 0;
    padding: 10px;
}

.track-activities-container .track-activities:after {
    content: '';
    display: block;
    clear: both;
}

.track-activities .image {
    margin: 0 12px 0 -4px;
    padding: 5px 0 0 5px;
    width: 147px;
    float: left;
    display: inline;
    height: 118px;
    background: url(/Content/images/bg-image-lesson.png) no-repeat;
}

* html .track-activities .image {
    margin-right: 9px;
}

.track-activities .image img {
    vertical-align: top;
    border: 1px #000 solid;
}

.track-activities .text-box {
    float: left;
    width: 269px;
    overflow: hidden;
}

.track-activities .text-box h4 {
    margin: 2px 0 2px;
    padding-left: 23px;
    background: url(/Content/images/ico-title.gif) no-repeat 0 1px;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: bold;
    color: var(--color-td-green-heading, #00995b);
}

.track-activities .text-box h4 a {
    text-decoration: none;
    color: var(--color-td-green-heading, #00995b);
}

.track-activities .text-box h4 a:hover {
    text-decoration: underline;
}

.track-activities .text-box h4.lesson-interactive {
    background: url(/Content/images/ico-interactive.png) no-repeat 0 1px;
}

.track-activities .text-box h4.lesson-non-interactive {
    background: url(/Content/images/ico-noninteractive.png) no-repeat 0 1px;
}

.track-activities .created-by {
    color: #666;
    padding: 0 0 7px 23px;
}

.track-activities .created-by a {
    color: #666;
    text-decoration: underline;
}

.track-activities .created-by a:hover {
    text-decoration: none;
}

.track-activities .info-columns {
    margin-bottom: 0;
    float: left;
    padding: 10px 0 5px 23px;
    width: 269px;
}

.track-activities .info-columns:after {
    content: '';
    display: block;
    clear: both;
}

.track-activities .info-columns dl {
    margin-bottom: 4px;
    width: 100%;
    font-size: 1.0em;
    color: #666;
    overflow: hidden;
}

.track-activities .info-columns dl a {
    text-decoration: underline;
    color: #666;
}

.track-activities .info-columns dl a:hover {
    text-decoration: none;
}

.track-activities .info-columns dl dt, .track-activities .info-columns dl dd {
    margin: 0;
    display: inline;
    float: left;
}

.track-activities .info-columns dl dt {
    font-weight: normal;
    width: 90px;
}

.track-activities .info-columns dl dd {
    width: 179px;
}

.track-activities .action-items {
    color: var(--color-td-gray-5, #75787B);
    font-weight: normal;
    padding: 5px 0 0 23px;
    font-size: 1.0em;
}

.track-activities .action-items a {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}

.track-activities .action-items a:hover {
    text-decoration: none;
}

/* select starting board */
.select-starting-board {
    width: 627px;
}

.select-starting-board p.instructions {
    font: bold 1.2em/1.3em Verdana, Arial, Helvetica, sans-serif !important;
    color: #00AF66;
}

.select-starting-board .column {
    float: left;
    width: 50%;
}

.select-starting-board .image {
    margin: 0 0 10px 0;
    padding: 5px 0 0 5px;
    width: 283px;
    height: 228px;
    background: url(/Content/images/bg-image-trending.png) no-repeat;
    float: left;
}

.select-starting-board .image img {
    vertical-align: top;
    border: 1px #000 solid;
}

/* test activity */
.test-activity-container {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    height: 690px;
    min-height: 690px;
}

.test-activity-container .test-activity-content {
    height: 690px;
}

.test-activity-container .test-activity-content .test-activity-outer-wrapper {
    position: relative;
    height: 690px;
}

.test-activity-container .test-activity-content .test-activity-outer-wrapper .test-activity-inner-wrapper {
    position: absolute;
    top: 45%;
    text-align: center;
    width: 100%;
}

.test-activity-container .directions {
    text-align: center;
    margin-top: 5px;
    color: #666;
    font-size: 14px;
}

/* single file view -preview activity */
.single-fileview-container {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    height: 500px;
}

.single-fileview-container .single-fileview-content {
    height: 690px;
}

.single-fileview-container .single-fileview-content .single-fileview-outer-wrapper {
    position: relative;
    height: 550px;
}

.single-fileview-container .single-fileview-content .single-fileview-outer-wrapper .single-fileview-inner-wrapper {
    position: absolute;
    top: 45%;
    text-align: center;
    width: 100%;
}

.single-fileview-container .directions {
    text-align: center;
    margin-top: 5px;
    color: #666;
    font-size: 14px;
}

/* rate activity performance */
.rate-activity-performance {
    font: normal 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif !important;
    color: #666;
}

.rate-activity-performance .performance-option {
    margin-bottom: 10px;
}

.rate-activity-performance .performance-radio {
    float: left;
    width: 23px;
}

.rate-activity-performance .performance-selection {
    float: left;
    width: 604px;
    padding-top: 1px;
}

.rate-activity-performance span {
    font: normal 1.2em/1.3em Verdana, Arial, Helvetica, sans-serif !important;
    color: #00AF66;
}

/* update bar - large */
.update-bar-large {
    width: 100%;
    background: url(/Content/images/bg-update-bar-lg-c.gif) repeat-y;
    margin-bottom: 15px;
}

.update-bar-large-holder {
    background: url(/Content/images/bg-update-bar-lg-top.gif) no-repeat;
}

.update-bar-large-frame {
    overflow: hidden;
    padding: 18px 16px 16px;
    font-size: 1.1em;
    line-height: 1.2em;
    background: url(/Content/images/bg-update-bar-lg-bot.gif) no-repeat 0 100%;
}

.update-bar-large span {
    display: block;
    padding: 1px 0 3px 30px;
    color: #7a0002;
    background: url(/Content/images/bg-update-bar-lg-warning.gif) no-repeat;
}

.update-bar-large a {
    color: #7a0002;
    text-decoration: underline;
}

.update-bar-large a:hover {
    text-decoration: none;
}

/* create new group */
.create-new-group .left-col {
    float: left;
    width: 100px;
    margin: 5px 0;
}

.create-new-group .right-col {
    float: left;
    margin: 5px 0;
}

.create-new-group .right-col img {
    vertical-align: top;
    border: 5px var(--color-td-gray-3, #C8C9C7) solid;
}

/* manage groups */
.manage-groups .left-col {
    float: left;
    width: 122px;
    margin: 5px 0;
}

.manage-groups .left-col img {
    vertical-align: top;
    border: 5px var(--color-td-gray-3, #C8C9C7) solid;
}

.manage-groups .right-col {
    float: left;
    margin: 5px 0;
    width: 789px;
}

.manage-groups .right-col p {
    color: #666;
}

.manage-groups .right-col .title-text p, .manage-groups .right-col .title-text p a {
    color: #00AF66 !important;
}

.manage-groups .right-col .title-text p a {
    text-decoration: none;
}

.manage-groups .right-col .title-text p a:hover {
    text-decoration: underline;
}

.manage-groups .description {
    padding: 7px 0;
}

.manage-groups .group-info strong {
    padding-right: 5px;
}

.manage-groups .group-info span {
    padding: 0 15px;
}

.manage-groups a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
}

.manage-groups a:hover {
    text-decoration: none;
}

/* manage hierarchy */
.manage-hierarchy .level-col {
    float: left;
    margin-right: 10px;
    font: bold 12px/16px Arial, Helvetica, sans-serif;
    height: 16px;
    padding: 9px 0;
    vertical-align: middle;
}

.manage-hierarchy .value-col {
    float: left;
    vertical-align: top;
}

.manage-hierarchy .req-col {
    float: left;
    height: 16px;
    padding: 9px 0 9px 5px;
    vertical-align: middle;
}

.manage-hierarchy a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
    padding-left: 10px;
}

.manage-hierarchy a:hover {
    text-decoration: none;
}

/* instructional level settings */
.instructional-level-settings .level-col {
    float: left;
    margin-right: 10px;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    height: 16px;
    padding: 9px 0;
    vertical-align: middle;
}

.instructional-level-settings .value-col {
    float: left;
    vertical-align: top;
}

.instructional-level-settings .action-container {
    float: left;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    height: 16px;
    padding: 9px 0 9px 10px;
    vertical-align: middle;
}

.instructional-level-settings .action-container span {
    padding: 0 5px;
}

.instructional-level-settings a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
}

.instructional-level-settings a:hover {
    text-decoration: none;
}

/* add relationships */
.add-relationships .text-col {
    float: left;
    margin-right: 10px;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    height: 16px;
    padding: 9px 0;
    vertical-align: middle;
}

.add-relationships .value-col {
    float: left;
    vertical-align: top;
}

.add-relationships .req-col {
    float: left;
    height: 16px;
    padding: 9px 0 9px 5px;
    vertical-align: middle;
}

.add-relationships a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
    padding-left: 10px;
}

.add-relationships a:hover {
    text-decoration: none;
}

#planChoiceHolder .planChoiceItem .NotEligible {
    color: var(--color-td-gray-5, #75787B) !important;
}

.form-settings .sign-up-login {
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 20px;
}

.form-settings .sign-up-login label {
    margin-bottom: 7px;
    display: block;
    font-size: 1.2em;
    line-height: 1.3em;
    font-weight: normal;
}

.form-settings .sign-up-login .text {
    padding: 8px 9px;
    width: 206px;
    height: 16px;
    font: bold 14px/16px Arial, Helvetica, sans-serif;
    color: #000;
    border: 1px var(--color-td-gray-3, #C8C9C7) solid;
}

/* large button menus */
.lg-btn-menu:after {
    content: '';
    display: block;
    clear: both;
}

.lg-btn-menu li {
    float: left;
}

.lg-btn-menu li a, .lg-btn-menu li a.tab-override {
    height: 56px;
    background: var(--color-td-gray-1, #F2F2F2);
    color: #666;
    font: normal 18px/56px Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none;
    display: block;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    outline: none;
}

.lg-btn-menu li a.tab-override {
    float: none;
    padding: 0;
}

.lg-btn-menu li a span {
    background-image: url(/Content/images/lg-btn-icons-sprite.png);
    width: 41px;
    height: 36px;
    display: block;
    float: left;
    margin: 7px 10px 13px 15px;
}

.lg-btn-menu li a:hover, .lg-btn-menu li a.tab-override:hover {
    background: var(--color-td-blue, #0E103E);
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}

.lg-btn-menu li a {
    border-right: 0;
}

.lg-btn-menu li.add-folder a, .lg-btn-menu li.last-lg-btn a {
    border-right: 1px solid var(--color-td-gray-2, #D9D9D6);
}

/* active */
.lg-btn-menu li.add-folder a span {
    background-position: 0 0;
}


.lg-btn-menu li.upload-activity a span {
    background-position: 0 -72px;
}

.lg-btn-menu li.add-activity-set a span {
    background-position: 0 -108px;
}

.lg-btn-menu li.add-symbol a span {
    background-position: 0 -144px;
}

.lg-btn-menu li.add-video a span {
    background-position: 0 -180px;
}

.lg-btn-menu li.add-audio a span {
    background-position: 0 -216px;
}

.lg-btn-menu li.add-member a span {
    background-position: 0 -252px;
}

.lg-btn-menu li.add-discussion a span {
    background-position: 0 -288px;
}

.lg-btn-menu li.manage-settings a span {
    background-position: 0 -324px;
}

.lg-btn-menu li.manage-account a span {
    background-position: 0 -360px;
}

.lg-btn-menu li.upload-pdf a span {
    background-position: 0 -540px;
}

/* hover */
.lg-btn-menu li.add-folder a:hover span {
    background-position: -41px 0;
}

.lg-btn-menu li.add-activity a span {
    background-position: 0 -36px;
}

.lg-btn-menu li.add-activity a:hover span {
    background-position: -41px -36px;
}

.lg-btn-menu li.upload-activity a:hover span {
    background-position: -41px -72px;
}

.lg-btn-menu li.add-activity-set a:hover span {
    background-position: -41px -108px;
}

.lg-btn-menu li.add-symbol a:hover span {
    background-position: -41px -144px;
}

.lg-btn-menu li.add-video a:hover span {
    background-position: -41px -180px;
}

.lg-btn-menu li.add-audio a:hover span {
    background-position: -41px -216px;
}

.lg-btn-menu li.add-member a:hover span {
    background-position: -41px -252px;
}

.lg-btn-menu li.add-discussion a:hover span {
    background-position: -41px -288px;
}

.lg-btn-menu li.manage-settings a:hover span {
    background-position: -41px -324px;
}

.lg-btn-menu li.manage-account a:hover span {
    background-position: -41px -360px;
}

.lg-btn-menu li.upload-pdf a:hover span {
    background-position: -41px -540px;
}

/* inactive buttons */
.lg-btn-menu li.inactive {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor: default;
}

.lg-btn-menu li.inactive a:hover {
    background: var(--color-td-gray-1, #F2F2F2);
    color: #666;
    text-decoration: none;
    cursor: default;
}

.lg-btn-menu li.add-activity.inactive a:hover span {
    background-position: 0 -36px;
}

.lg-btn-menu li.add-member.inactive a:hover span {
    background-position: 0 -252px;
}

/* specific menu */
.my-activities-menu li {
    width: 25%;
}

.my-group-menu li {
    width: 25%;
}

.my-symbols-menu li, .my-videos-menu li, .my-audio-menu li, .admin-manage-member li {
    width: 50%;
}

/* dropdown menu */
.lg-btn-menu .lg-btn-menu__dropdown {
    position: relative;
}

.lg-btn-menu .lg-btn-menu__dropdown.active a,
.lg-btn-menu .lg-btn-menu__dropdown:hover a {
    background: var(--color-td-blue, #0E103E);
    color: #fff;
    background-image: inherit;
}

.lg-btn-menu .lg-btn-menu__dropdown:hover span {
    background-position: -41px -72px;
}

.lg-btn-menu__dropdown:hover .lg-btn-menu__dropdown__container {
    display: block;
}

.lg-btn-menu .lg-btn-menu__dropdown__container {
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%;
    background: var(--color-td-blue, #0E103E);
    display: none;
}

.lg-btn-menu.admin .lg-btn-menu__dropdown__container {
    top: 101px;
}

.lg-btn-menu .lg-btn-menu__dropdown__container a {
    display: block;
    height: auto;
    background: var(--color-td-blue, #0E103E);
    color: #fff;
    font-size: 14px;
    line-height: normal;
    padding: 10px 20px;
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
    border-top: 0;
    text-align: left;
}

.lg-btn-menu .lg-btn-menu__dropdown__container a:hover {
    background: var(--color-td-blue, #0E103E);
    text-decoration: underline;
}

.lg-btn-menu .lg-btn-menu__dropdown a .caret {
    border-top-color: #666;
    position: relative;
    top: 24px;
    left: 10px;
}

.lg-btn-menu .lg-btn-menu__dropdown:hover a .caret {
    border-top-color: #fff;
}

.aside-actions-menu li .btnPlayInWebPlayer span {
    background-position: 0 0;
}

.aside-actions-menu li .btnPlayInWebPlayer:hover span {
    background-position: -20px 0;
}

.aside-actions-menu li .btnAssignActivity span {
    background-position: 0 -20px;
}

.aside-actions-menu li .btnAssignActivity:hover span {
    background-position: -20px -20px;
}

.aside-actions-menu li .btnAddToPlaylist span {
    background-position: 0 -40px;
}

.aside-actions-menu li .btnAddToPlaylist:hover span {
    background-position: -20px -40px;
}

.aside-actions-menu li .btnDownloadActivity span {
    background-position: 0 -60px;
}

.aside-actions-menu li .btnDownloadActivity:hover span {
    background-position: -20px -60px;
}

.aside-actions-menu li .btnDeleteActivity span {
    background-position: 0 -80px;
}

.aside-actions-menu li .btnDeleteActivity:hover span {
    background-position: -20px -80px;
}

.aside-actions-menu li .btnRemoveFromMyActivities span {
    background-position: 0 -100px;
}

.aside-actions-menu li .btnRemoveFromMyActivities:hover span {
    background-position: -20px -100px;
}

.aside-actions-menu li .btnAddToGroup span {
    background-position: 0 -120px;
}

.aside-actions-menu li .btnAddToGroup:hover span {
    background-position: -20px -120px;
}

.aside-actions-menu li .btnSendToColleague span {
    background-position: 0 -140px;
}

.aside-actions-menu li .btnSendToColleague:hover span {
    background-position: -20px -140px;
}

.aside-actions-menu li .btnBuyActivity span {
    background-position: 0 -160px;
}

.aside-actions-menu li .btnBuyActivity:hover span {
    background-position: -20px -160px;
}

.aside-actions-menu li .btnPrintActivity span {
    background-position: 0 -180px;
}

.aside-actions-menu li .btnPrintActivity:hover span {
    background-position: -20px -180px;
}

.aside-actions-menu li .btnAddToMyActivities span {
    background-position: 0 -200px;
}

.aside-actions-menu li .btnAddToMyActivities:hover span {
    background-position: -20px -200px;
}

.aside-actions-menu li .btnCompleteProcessing span {
    background-position: 0 -220px;
}

.aside-actions-menu li .btnCompleteProcessing:hover span {
    background-position: -20px -220px;
}

/* aside actions nav - inactive */
.aside-actions-menu li.inactive {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-top: 0;
    width: 100%;
    position: relative;
}

.aside-actions-menu li.inactive a {
    height: 44px;
    background: #B3B3B3;
    color: var(--color-td-gray-3, #C8C9C7);
    width: 100%;
    font: normal 1.8em/44px Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none;
    display: block;
}

.aside-actions-menu li.inactive .upgrade {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: none;
}

.aside-actions-menu li.inactive .upgrade a {
    font: normal 1.8em/44px Arial, Helvetica, Verdana, sans-serif;
    background: #CD1819;
    color: #FFF;
}

.aside-actions-menu li.inactive .upgrade a span {
    background: none;
    height: 0px;
    width: 0px;
    display: none;
    margin: 0;
    float: none
}

.aside-actions-menu li.inactive .upgrade a em {
    display: inline-block;
    padding-left: 15px;
    font-style: normal
}

.aside-actions-menu li.inactive .btnPlayInWebPlayer span, .aside-actions-menu li.inactive .btnPlayInWebPlayer:hover span {
    background-position: -40px 0;
}

.aside-actions-menu li.inactive .btnAssignActivity span, .aside-actions-menu li.inactive .btnAssignActivity:hover span {
    background-position: -40px -20px;
}

.aside-actions-menu li.inactive .btnAddToPlaylist span, .aside-actions-menu li.inactive .btnAddToPlaylist:hover span {
    background-position: -40px -40px;
}

.aside-actions-menu li.inactive .btnDownloadActivity span, .aside-actions-menu li.inactive .btnDownloadActivity:hover span {
    background-position: -40px -60px;
}

.aside-actions-menu li.inactive .btnDeleteActivity span, .aside-actions-menu li.inactive .btnDeleteActivity:hover span {
    background-position: -40px -80px;
}

.aside-actions-menu li.inactive .btnRemoveFromMyActivities span, .aside-actions-menu li.inactive .btnRemoveFromMyActivities:hover span {
    background-position: -40px -100px;
}

.aside-actions-menu li.inactive .btnAddToGroup span, .aside-actions-menu li.inactive .btnAddToGroup:hover span {
    background-position: -40px -120px;
}

.aside-actions-menu li.inactive .btnSendToColleague span, .aside-actions-menu li.inactive .btnSendToColleague:hover span {
    background-position: -40px -140px;
}

.aside-actions-menu li.inactive .btnBuyActivity span, .aside-actions-menu li.inactive .btnBuyActivity:hover span {
    background-position: -40px -160px;
}

.aside-actions-menu li.inactive .btnPrintActivity span, .aside-actions-menu li.inactive .btnPrintActivity:hover span {
    background-position: -40px -180px;
}

.aside-actions-menu li.inactive .btnAddToMyActivities span, .aside-actions-menu li.inactive .btnAddToMyActivities:hover span {
    background-position: -40px -200px;
}

.aside-actions-menu li.inactive .btnCompleteProcessing span, .aside-actions-menu li.inactive .btnCompleteProcessing:hover span {
    background-position: -40px -220px;
}


/* aside buttons */
.aside-btn-container {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    list-style: none;
    margin: 0 -16px 0 -17px;
    padding: 0 20px 0 21px;
}

.aside-btn-container ul {
    padding-top: 7px;
}

.aside-btn-container ul.folders-list {
    background: url(/Content/images/divider2.gif) repeat-x;
    margin-bottom: 15px;
    padding-top: 15px;
}

.aside-btn-container li {
    margin-bottom: 7px;
}

.aside-btn-container li a {
    padding-left: 24px;
    background: url(/Content/images/btn-aside-folder.gif) 0 0 no-repeat;
    font: normal 1.2em/1.4em Arial, Helvetica, Verdana, sans-serif;
    color: #666;
    text-decoration: none;
}

.aside-btn-container li a:hover {
    text-decoration: underline;
}

.aside-btn-container li li > ul {
    margin-left: 24px;
}

.aside-btn-container .create-folder {
    margin-bottom: 15px;
}

.aside-btn-container .create-folder a {
    padding-left: 24px;
    background: url(/Content/images/btn-aside-new-folder.gif) 0 0 no-repeat;
    font: normal 1.2em/1.4em Arial, Helvetica, Verdana, sans-serif;
    color: #666;
    text-decoration: none;
    display: block;
}

.aside-btn-container .create-folder a:hover {
    text-decoration: underline;
}

.aside-btn-container li span {
    font: normal 1.2em/1.4em Arial, Helvetica, Verdana, sans-serif;
    color: var(--color-td-gray-5, #75787B);
    text-decoration: none;
}

.aside-btn {
    padding-left: 24px;
    height: 44px;
    background-position: 0 13px;
    background-repeat: no-repeat;
}

.btn-aside-activities {
    background-image: url(/Content/images/btn-aside-activities.gif);
}

.btn-aside-plus {
    background-image: url(/Content/images/btn-aside-plus.gif);
}

.btn-aside-playlist {
    background-image: url(/Content/images/btn-aside-playlist.gif);
}

.btn-aside-premium {
    background-image: url(/Content/images/btn-aside-premium.gif);
}

.btn-aside-invite-friend {
    background-image: url(/Content/images/btn-aside-invite-friend.gif);
}

.btn-aside-create-group {
    background-image: url(/Content/images/btn-aside-create-group.gif);
}

.btn-aside-delete-group {
    background-image: url(/Content/images/btn-aside-delete-group.gif);
}

.btn-aside-back {
    background-image: url(/Content/images/btn-aside-back.gif);
}

.btn-aside-privileges {
    background-image: url(/Content/images/btn-aside-privileges.gif);
}

.btn-aside-compose-message {
    background-image: url(/Content/images/btn-aside-compose-message.gif);
}

.btn-aside-profile-information {
    background-image: url(/Content/images/btn-aside-profile-information.gif);
}

.btn-aside-password {
    background-image: url(/Content/images/btn-aside-password.gif);
}

.btn-aside-privacy-information {
    background-image: url(/Content/images/btn-aside-privacy-information.gif);
}

.btn-aside-player-id {
    background-image: url(/Content/images/btn-aside-player-id.gif);
}

.btn-aside-studio-key {
    background-image: url(/Content/images/btn-aside-studio-key.gif);
}

.btn-aside-notifications {
    background-image: url(/Content/images/btn-aside-notifications.gif);
}

.btn-aside-add-as-friend {
    background-image: url(/Content/images/btn-aside-add-as-friend.gif);
}

.btn-aside-remove-friend {
    background-image: url(/Content/images/btn-aside-remove-friend.gif);
}

.btn-aside-send-message {
    background-image: url(/Content/images/btn-aside-send-message.gif);
}

.btn-aside-stu-mgmt {
    background-image: url(/Content/images/btn-aside-stu-mgmt.gif);
}

.btn-aside-print-editor {
    background-image: url(/Content/images/btn-aside-download.gif);
}

.btn-aside-purchase-history {
    background-image: url(/Content/images/btn-aside-purchase-history.gif);
}

.aside-btn a, .aside-btn span {
    font: normal 1.8em/44px Arial, Helvetica, Verdana, sans-serif;
    color: #666;
    text-decoration: none;
}

.aside-btn a:hover {
    text-decoration: underline;
}

.aside-btn span {
    color: var(--color-td-gray-5, #75787B);
}

.aside-btn-container .folders-list li.active a {
    font-weight: bold;
    color: #00AF66;
}

.aside-btn-container .folders-list li.active span {
    color: #00AF66;
}

#MySettingsLinksDiv {
    margin-bottom: 20px;
}

a.search-link-button {
    background: transparent url('/Content/images/bg_advanced_search_rightSide.png') right top no-repeat scroll;
    font: normal 16px/35px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: white !important;
    display: block;
    float: left;
    height: 35px;
    margin-right: 6px;
    padding-right: 16px;
    text-decoration: none !important;
    cursor: pointer;
}

a.search-link-button span {
    background: transparent url('/Content/images/bg_advanced_search_main.png') no-repeat;
    display: block;
    line-height: 35px;
    padding: 0 0 5px 16px;
}

/* aside - recent activity - friend, group */
.recent-activity {
    margin-bottom: 18px;
    width: 100%;
    overflow: hidden;
}

.recent-activity li {
    padding: 10px 0 8px;
    width: 100%;
    float: left;
}

.recent-activity .image {
    margin: 2px 15px 0 0;
    float: left;
    display: inline;
}

* html .recent-activity .image {
    margin-right: 12px;
}

.recent-activity .image img {
    vertical-align: top;
    border: 1px #000 solid;
}

.recent-activity .info {
    overflow: hidden;
    font-size: .9em;
}

.recent-activity strong {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #00AF66;
}

.recent-activity strong a {
    color: #00AF66;
}

.recent-activity dl {
    margin: 0;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #666;
}

.recent-activity dt, .recent-activity dd {
    margin: 0;
    display: inline;
}

.recent-activity dt {
    font-weight: bold;
}

/* move to folder modal */
.move-to-folder-container {
    background: none;
    border: 0 none;
    list-style: none;
    margin: 0;
    padding: 0;
}

.move-to-folder-container .activities-folders {
    margin-bottom: 0px;
    padding: 5px 0 0;
}

.move-to-folder-container .activities-folders .folders-list {
    background: none;
    margin: 20px 0 15px;
    padding: 0px;
    overflow: hidden;
    width: 100%;
}

.move-to-folder-container .activities-folders .folders-list ul li {
    padding: 2px 0 5px;
}

.move-to-folder-container .activities-folders .folders-list li {
    margin-bottom: 0;
    padding: 0 0 7px;
    width: 100%
}

.move-to-folder-container .activities-folders .folders-list li a {
    padding-left: 24px;
    background: url(/Content/images/btn-aside-folder.gif) 0 0 no-repeat;
    font: normal 1.2em/1.4em Arial, Helvetica, Verdana, sans-serif;
    color: #666;
    text-decoration: none;
}

.move-to-folder-container .activities-folders .folders-list li a:hover {
    text-decoration: underline;
}

.move-to-folder-container .activities-folders .folders-list li span {
    font: normal 1.2em/1.4em Arial, Helvetica, Verdana, sans-serif;
    color: var(--color-td-gray-5, #75787B);
    text-decoration: none;
}

/* block UI */
.blockUI {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.blockUI h1, .blockUI img {
    margin-top: 32px;
}

.blockUI h1 {
    color: var(--color-td-green-heading, #00995b);
    font-size: 18px;
}

/* DMC specific styles */
/* paging Styles */
.pagingList {
    float: right;
    list-style: none outside none;
    margin: 37px 0 0;
    padding: 0;
}

.pagingList li, .pagingList li.current-page {
    background: var(--color-td-gray-3, #C8C9C7);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    float: left;
    font-size: 12px;
    line-height: 27px;
    margin-right: 3px;
}

.pagingList li a, .pagingList li.current-page {
    background: var(--color-td-gray-3, #C8C9C7);
    color: #666;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 9px;
}

.pagingList li a, .pagingList li a:hover {
    cursor: pointer;
}

.pagingList li a:hover, .pagingList li.current-page {
    background: #FC0;
    color: #000;
}

.pagingList li.current-page {
    cursor: default;
}

.pagingList .link-next, .pagingList .link-previous {
    height: 33px;
    overflow: hidden;
    width: 22px;
    background: none;
    border: none;
}

.pagingList .link-next a, .pagingList .link-next a:hover, .pagingList .link-previous a, .pagingList .link-previous a:hover {
    display: block;
    height: 100%;
    text-indent: -9999px;
    color: #000000;
    text-decoration: none;
    padding: 0 11px;
}

.pagingList .link-next {
    float: right;
    margin: -3px 0 0 15px;
}

.pagingList .link-next a, .pagingList .link-next a:hover {
    background: url(/Content/images/arrow-next.gif) 0 0 no-repeat;
}

.pagingList .link-previous {
    float: left;
    margin: -3px 15px 0 0;
}

.pagingList .link-previous a, .pagingList .link-previous a:hover {
    background: url(/Content/images/arrow-previous.gif) 0 0 no-repeat;
}

/* basic styles */
.inlineList li {
    display: inline;
    float: left;
    list-style-type: none;
    padding: 0 5px 0 5px;
}

.inlineList li .active, ul#menu li .active {
    background-color: #D0E1F2;
}

ul.basic-unordered-list {
    margin-left: 25px;
    list-style: disc;
    font: normal 1.2em/1.3em Verdana, Arial, Helvetica, sans-serif !important;
}

/* rewrite styles */
.riDisplay {
    left: 0;
}

.searchFix {
    height: 34px !important;
}

/* additional global */
.no-border {
    border: none !important;
}

.no-top-border {
    border-top: none !important;
}

.no-bottom-border {
    border-bottom: none !important;
}

.no-left-border {
    border-left: none !important;
}

.no-background {
    background: none !important;
}

.no-padding {
    padding: 0 !important;
}

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

.height-1 {
    height: 1px !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

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

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

.clear {
    clear: both !important;
}

.black {
    color: #000 !important;
}

.gray {
    color: var(--color-td-gray-5, #75787B);
}

.bold {
    font-weight: bold;
}

.dotted-divider {
    background: url(/Content/images/dot-line.gif) repeat-x;
    height: 1px;
}

.dotted-divider {
    background: url(/Content/images/divider.gif) repeat-x;
    height: 1px !important;
}

.solid-divider {
    background: url(/Content/images/divider.gif) repeat-x;
    height: 1px !important;
}

a.blue-link {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
}

a.blue-link:hover {
    text-decoration: none;
}

a.black-link {
    color: #000;
    text-decoration: underline;
}

a.black-link:hover {
    text-decoration: none;
}

ol.ordered-list {
    list-style: decimal;
    margin: 0 10px 0 5px;
}

ol.ordered-list li {
    padding: 3px 0;
    margin-left: 10px;
}

.mt-minus-1 {
    margin-top: -1px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-1 {
    margin-top: 1px !important;
}

.mt-2 {
    margin-top: 2px !important;
}

.mt-3 {
    margin-top: 3px !important;
}

.mt-4 {
    margin-top: 4px !important;
}

.bmo-mt-5 {
    margin-top: 5px !important;
}

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

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-37 {
    margin-top: 37px !important;
}

.mt-52 {
    margin-top: 52px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.bmo-mb-5 {
    margin-bottom: 5px !important;
}

.mb-7 {
    margin-bottom: 7px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}


small {
    font-size: 14px !important;
}


/* student roster */
#student-management-manage-students .ui-tabs-panel {
    padding-top: 0;
}

#student-management-manage-students .bmo-ui-grid-pager {
    position: absolute;
    top: -50px;
    right: 0;
}

#student-management-manage-students #MyStudentsRosterGrid > table,
#student-management-manage-students #AllStudentsRosterGrid > table {
    border-top: 0 !important;
}

#rosterSearch,
#inactiveRosterSearch {
    padding: 20px;
    position: relative;
}

#rosterSearch input[type="button"],
#inactiveRosterSearch input[type="button"] {
    background: url("/Content/images/btn/btn_search-submit.gif") no-repeat scroll 6px 9px transparent;
    border: 0 none;
    cursor: pointer;
    height: 0;
    overflow: hidden;
    padding-top: 28px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 28px;
}

#onPageSearch {
    position: relative;
}

#onPageSearch input[type="text"] {
    margin: 0;
    width: 170px !important;
    padding-right: 30px;
    color: #53565a;
    font-size: 14px;
}

#onPageSearch input[type="button"] {
    background: url("/Content/images/btn/btn_search-submit.gif") no-repeat scroll 6px 9px transparent;
    border: 0 none;
    cursor: pointer;
    height: 0;
    overflow: hidden;
    padding-top: 28px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 28px;
}

.sm-user-thumb img {
    background-color: #fff;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    margin: 3px 0;
    /* opt out of bootstrap img{max-width:100%}, which lets the grid column shrink below image width and td overflow:hidden clip it */
    max-width: none;
}

.admin-modal p {
    font-size: 0.8em;
    font-weight: 400;
}

.existing-community-account-notice {
    font-size: 12px;
    line-height: 1.35;
    margin: 0 0 15px;
}

#SelectProfileImage.disabled {
    pointer-events: none;
}

.organization-account-options {
    display: grid;
    gap: 15px 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.organization-account-option {
    align-items: center;
    display: flex;
}

.organization-account-option input[type="checkbox"] {
    margin: 0;
}

.organization-account-option label {
    margin: 0 0 0 6px;
}

/* ========================================
   Flex Utility Classes (Tailwind-inspired)
   ======================================== */

/* Display */
.flex {
    display: flex !important;
}

.inline-flex {
    display: inline-flex !important;
}

.hidden {
    display: none !important;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

/* Flex Direction */
.flex-row {
    flex-direction: row !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-col {
    flex-direction: column !important;
}

.flex-col-reverse {
    flex-direction: column-reverse !important;
}

/* Flex Wrap */
.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

/* Justify Content */
.justify-start {
    justify-content: flex-start !important;
}

.justify-end {
    justify-content: flex-end !important;
}

.justify-center {
    justify-content: center !important;
}

.justify-between {
    justify-content: space-between !important;
}

.justify-around {
    justify-content: space-around !important;
}

.justify-evenly {
    justify-content: space-evenly !important;
}

/* Align Items */
.items-start {
    align-items: flex-start !important;
}

.items-end {
    align-items: flex-end !important;
}

.items-center {
    align-items: center !important;
}

.items-baseline {
    align-items: baseline !important;
}

.items-stretch {
    align-items: stretch !important;
}

/* Align Content */
.content-start {
    align-content: flex-start !important;
}

.content-end {
    align-content: flex-end !important;
}

.content-center {
    align-content: center !important;
}

.content-between {
    align-content: space-between !important;
}

.content-around {
    align-content: space-around !important;
}

.content-stretch {
    align-content: stretch !important;
}

/* Align Self */
.place-self-auto {
    align-self: auto !important;
}

.place-self-start {
    align-self: flex-start !important;
}

.place-self-end {
    align-self: flex-end !important;
}

.place-self-center {
    align-self: center !important;
}

.place-self-stretch {
    align-self: stretch !important;
}

/* Flex Grow & Shrink */
.flex-1 {
    flex: 1 1 0% !important;
}

.flex-auto {
    flex: 1 1 auto !important;
}

.flex-initial {
    flex: 0 1 auto !important;
}

.flex-none {
    flex: none !important;
}

.flex-grow {
    flex-grow: 1 !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-shrink {
    flex-shrink: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

/* Gap */
.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 0.75rem !important;
}

.bmo-gap-4 {
    gap: 1rem !important;
}

.gap-5 {
    gap: 1.25rem !important;
}

.gap-6 {
    gap: 1.5rem !important;
}

.gap-8 {
    gap: 2rem !important;
}

.gap-10 {
    gap: 2.5rem !important;
}

.gap-12 {
    gap: 3rem !important;
}

.gap-16 {
    gap: 4rem !important;
}

.gap-20 {
    gap: 5rem !important;
}

/* Gap X (column gap) */
.gap-x-0 {
    column-gap: 0 !important;
}

.gap-x-1 {
    column-gap: 0.25rem !important;
}

.gap-x-2 {
    column-gap: 0.5rem !important;
}

.gap-x-3 {
    column-gap: 0.75rem !important;
}

.gap-x-4 {
    column-gap: 1rem !important;
}

.gap-x-5 {
    column-gap: 1.25rem !important;
}

.gap-x-6 {
    column-gap: 1.5rem !important;
}

.gap-x-8 {
    column-gap: 2rem !important;
}

.gap-x-10 {
    column-gap: 2.5rem !important;
}

/* Gap Y (row gap) */
.gap-y-0 {
    row-gap: 0 !important;
}

.gap-y-1 {
    row-gap: 0.25rem !important;
}

.gap-y-2 {
    row-gap: 0.5rem !important;
}

.gap-y-3 {
    row-gap: 0.75rem !important;
}

.gap-y-4 {
    row-gap: 1rem !important;
}

.gap-y-5 {
    row-gap: 1.25rem !important;
}

.gap-y-6 {
    row-gap: 1.5rem !important;
}

.gap-y-8 {
    row-gap: 2rem !important;
}

.gap-y-10 {
    row-gap: 2.5rem !important;
}

/* ========================================
   Grid Utility Classes (Tailwind-inspired)
   ======================================== */

/* Display Grid */
.grid {
    display: grid !important;
}

.inline-grid {
    display: inline-grid !important;
}

/* Grid Template Columns */
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

.grid-cols-none {
    grid-template-columns: none !important;
}

/* Grid Template Rows */
.grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}

.grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
}

.grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
}

.grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
}

.grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
}

.grid-rows-none {
    grid-template-rows: none !important;
}

/* Grid Column Span */
.col-auto {
    grid-column: auto !important;
}

.col-span-1 {
    grid-column: span 1 / span 1 !important;
}

.col-span-2 {
    grid-column: span 2 / span 2 !important;
}

.col-span-3 {
    grid-column: span 3 / span 3 !important;
}

.col-span-4 {
    grid-column: span 4 / span 4 !important;
}

.col-span-5 {
    grid-column: span 5 / span 5 !important;
}

.col-span-6 {
    grid-column: span 6 / span 6 !important;
}

.col-span-12 {
    grid-column: span 12 / span 12 !important;
}

.col-span-full {
    grid-column: 1 / -1 !important;
}

/* Grid Row Span */
.row-auto {
    grid-row: auto !important;
}

.row-span-1 {
    grid-row: span 1 / span 1 !important;
}

.row-span-2 {
    grid-row: span 2 / span 2 !important;
}

.row-span-3 {
    grid-row: span 3 / span 3 !important;
}

.row-span-4 {
    grid-row: span 4 / span 4 !important;
}

.row-span-5 {
    grid-row: span 5 / span 5 !important;
}

.row-span-6 {
    grid-row: span 6 / span 6 !important;
}

.row-span-full {
    grid-row: 1 / -1 !important;
}

/* Grid Auto Flow */
.grid-flow-row {
    grid-auto-flow: row !important;
}

.grid-flow-col {
    grid-auto-flow: column !important;
}

.grid-flow-row-dense {
    grid-auto-flow: row dense !important;
}

.grid-flow-col-dense {
    grid-auto-flow: column dense !important;
}

/* Grid Auto Columns */
.auto-cols-auto {
    grid-auto-columns: auto !important;
}

.auto-cols-min {
    grid-auto-columns: min-content !important;
}

.auto-cols-max {
    grid-auto-columns: max-content !important;
}

.auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr) !important;
}

/* Grid Auto Rows */
.auto-rows-auto {
    grid-auto-rows: auto !important;
}

.auto-rows-min {
    grid-auto-rows: min-content !important;
}

.auto-rows-max {
    grid-auto-rows: max-content !important;
}

.auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr) !important;
}

/* Place Items */
.place-items-start {
    place-items: start !important;
}

.place-items-end {
    place-items: end !important;
}

.place-items-center {
    place-items: center !important;
}

.place-items-stretch {
    place-items: stretch !important;
}

/* Place Content */
.place-content-start {
    place-content: start !important;
}

.place-content-end {
    place-content: end !important;
}

.place-content-center {
    place-content: center !important;
}

.place-content-between {
    place-content: space-between !important;
}

.place-content-around {
    place-content: space-around !important;
}

.place-content-evenly {
    place-content: space-evenly !important;
}

.place-content-stretch {
    place-content: stretch !important;
}

/* Place Self */
.place-self-auto {
    place-self: auto !important;
}

.place-self-start {
    place-self: start !important;
}

.place-self-end {
    place-self: end !important;
}

.place-self-center {
    place-self: center !important;
}

.place-self-stretch {
    place-self: stretch !important;
}

/* ========================================
   Additional Layout Utilities
   ======================================== */

/* Width */
.w-full {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.w-1\/2 {
    width: 50% !important;
}

.w-1\/3 {
    width: 33.333333% !important;
}

.w-2\/3 {
    width: 66.666667% !important;
}

.w-1\/4 {
    width: 25% !important;
}

.w-3\/4 {
    width: 75% !important;
}

/* Height */
.h-full {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.h-screen {
    height: 100vh !important;
}

/* Min/Max Width */
.min-w-0 {
    min-width: 0 !important;
}

.min-w-full {
    min-width: 100% !important;
}

.max-w-full {
    max-width: 100% !important;
}

.max-w-none {
    max-width: none !important;
}

/* Min/Max Height */
.min-h-0 {
    min-height: 0 !important;
}

.min-h-full {
    min-height: 100% !important;
}

.max-h-full {
    max-height: 100% !important;
}

/* Text Alignment */
.text-left {
    text-align: left !important;
}

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

.text-right {
    text-align: right !important;
}

.text-justify {
    text-align: justify !important;
}

/* Overflow */
.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.overflow-x-auto {
    overflow-x: auto !important;
}

.overflow-y-auto {
    overflow-y: auto !important;
}


/* Font Size Utilities */
.text-xs {
    font-size: 0.75rem; /* 12px */
    line-height: 1rem; /* 16px */
}

.text-sm {
    font-size: 0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
}

.text-base {
    font-size: 1rem; /* 16px */
    line-height: 1.5rem; /* 24px */
}

.text-lg {
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
}

.text-xl {
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
}

.text-2xl {
    font-size: 1.5rem; /* 24px */
    line-height: 2rem; /* 32px */
}

.text-3xl {
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
}

.text-4xl {
    font-size: 2.25rem; /* 36px */
    line-height: 2.5rem; /* 40px */
}

.text-5xl {
    font-size: 3rem; /* 48px */
    line-height: 1;
}

.text-6xl {
    font-size: 3.75rem; /* 60px */
    line-height: 1;
}

.text-7xl {
    font-size: 4.5rem; /* 72px */
    line-height: 1;
}

.text-8xl {
    font-size: 6rem; /* 96px */
    line-height: 1;
}

.text-9xl {
    font-size: 8rem; /* 128px */
    line-height: 1;
}

/* Font Weight Utilities */
.font-thin {
    font-weight: 100;
}

.font-extralight {
    font-weight: 200;
}

.font-light {
    font-weight: 300;
}

.font-normal {
    font-weight: 400;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

.font-extrabold {
    font-weight: 800;
}

.font-black {
    font-weight: 900;
}

.group-folder-breadcrumb .breadcrumb {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}

.group-folder-tree-prompt {
    margin-bottom: 8px;
    font-weight: bold;
}

.group-folder-tree {
    max-height: 260px;
    overflow-y: auto;
    border: 1px solid #cccccc;
    padding: 8px 10px;
    margin-bottom: 10px;
}

.group-folder-tree ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.group-folder-tree ul ul {
    margin-left: 22px;
}

.group-folder-tree li {
    padding: 0;
}

.group-folder-tree-option {
    display: block;
    padding: 4px 6px;
    font-weight: normal;
    cursor: pointer;
}

.group-folder-tree-option:hover {
    background-color: #f2f2f2;
}

.group-folder-tree-option input {
    margin-right: 8px;
    vertical-align: middle;
}

.group-folder-tree-count {
    margin-left: 8px;
    color: #666666;
}

.group-folder-tree-option.disabled {
    color: #999999;
    cursor: not-allowed;
}

.group-folder-tree-option.disabled:hover {
    background-color: transparent;
}

/*
 * This is a vendored copy of Inline Form Validation Engine 2.6.2. It carries local changes, so an
 * upgrade must re-apply them. Do not edit.
 */
/* The tooltip is placed from its own width, so it must not inherit border-box. */
.formError, 
.formError * {
	box-sizing: content-box;
}

/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}
/* global styles */

.ico-moveable {
    background: url(/Content/images/btn-activity-actions-sprite.png) 0 -192px no-repeat;
    width: 32px;
    height: 32px;
    display: block;
}

/* activity buttons */
.btn-activity {
    width: 32px;
    height: 0;
    padding-top: 32px;
    overflow: hidden;
    display: block;
    float: left;
    margin: 1px 0 1px 1px;
    background-image: url(/Content/images/btn-activity-actions-sprite.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.btn-play {
    background-position: 0 0;
}

.btn-print {
    background-position: 0 -32px;
}

.btn-unassign {
    background-position: 0px -64px;
}

.btn-add-to-playlist {
    background-position: 0px -96px;
}

.btn-download {
    background-position: 0px -128px;
}

.btn-remove {
    background-position: 0px -160px;
}

.btn-move {
    background-position: 0px -192px;
}

.btn-settings {
    background-position: 0px -224px;
}

.btn-edit-details, .btn-config {
    background-position: 0px -256px;
}

.btn-collapse {
    background-position: 0px -288px;
}

.btn-expand {
    background-position: 0px -320px;
}

.btn-assign-to {
    background-position: 0px -352px;
}

.btn-edit {
    background-position: 0px -384px;
}

.btn-add-group-friends {
    background-position: 0px -416px;
}

.btn-email {
    background-position: 0px -448px;
}

.btn-refresh {
    background-position: 0px -480px;
}

.btn-copy {
    background-position: 0px -512px;
}

.btn-add-category {
    background-position: 0px -544px;
}

.btn-add-standard, .btn-associate-standard {
    background-position: 0px -576px;
}

.btn-publish {
    background-position: 0px -608px;
}

.btn-update-activity {
    background-position: 0px -640px;
}

.btn-convert {
    background-position: 0px -672px;
}

.btn-back {
    background-position: 0px -704px;
}

.btn-look-up {
    background-position: 0px -736px;
}

.btn-add {
    background-position: 0px -768px;
}

.btn-associate-activity {
    background-position: 0px -800px;
}

.btn-add-note {
    background-position: 0px -832px;
}

.btn-reactivate {
    background-position: 0px -864px;
}

.btn-favorite {
    background-position: 0px -896px;
}

.btn-upgrade {
    background-position: 0px -928px;
}

.btn-print-pdf {
    background-position: 0px -960px;
}

.btn-file-corrupt {
    background-position: 0px -992px;
}

.btn-missing-image {
    background-position: 0px -1024px;
}

.btn-edit-dropdown {
    background-position: 0px -1056px;
}

/* hover states */
.btn-play:hover {
    background-position: -32px 0px;
}

.btn-print:hover {
    background-position: -32px -32px;
}

.btn-unassign:hover {
    background-position: -32px -64px;
}

.btn-add-to-playlist:hover {
    background-position: -32px -96px;
}

.btn-download:hover {
    background-position: -32px -128px;
}

.btn-remove:hover {
    background-position: -32px -160px;
}

.btn-move:hover {
    background-position: -32px -192px;
}

.btn-settings:hover {
    background-position: -32px -224px;
}

.btn-edit-details:hover, .btn-config:hover {
    background-position: -32px -256px;
}

.btn-collapse:hover {
    background-position: -32px -288px;
}

.btn-expand:hover {
    background-position: -32px -320px;
}

.btn-assign-to:hover {
    background-position: -32px -352px;
}

.btn-edit:hover {
    background-position: -32px -384px;
}

.btn-add-group-friends:hover {
    background-position: -32px -416px;
}

.btn-email:hover {
    background-position: -32px -448px;
}

.btn-refresh:hover {
    background-position: -32px -480px;
}

.btn-copy:hover {
    background-position: -32px -512px;
}

.btn-add-category:hover {
    background-position: -32px -544px;
}

.btn-add-standard:hover, .btn-associate-standard:hover {
    background-position: -32px -576px;
}

.btn-publish:hover {
    background-position: -32px -608px;
}

.btn-update-activity:hover {
    background-position: -32px -640px;
}

.btn-convert:hover {
    background-position: -32px -672px;
}

.btn-back:hover {
    background-position: -32px -704px;
}

.btn-look-up:hover {
    background-position: -32px -736px;
}

.btn-add:hover {
    background-position: -32px -768px;
}

.btn-associate-activity:hover {
    background-position: -32px -800px;
}

.btn-add-note:hover {
    background-position: -32px -832px;
}

.btn-reactivate:hover {
    background-position: -32px -864px;
}

.btn-favorite:hover {
    background-position: -32px -896px;
}

.btn-upgrade:hover {
    background-position: -32px -928px;
}

.btn-print-pdf:hover {
    background-position: -32px -960px;
}

.btn-file-corrupt:hover {
    background-position: -32px -992px;
}

.btn-missing-image:hover {
    background-position: -32px -1024px;
}

.btn-edit-dropdown:hover {
    background-position: -32px -1056px;
}

/* disabled states */
.btn-disabled-play {
    background-position: -64px 0px;
    cursor: default;
}

.btn-disabled-print {
    background-position: -64px -32px;
    cursor: default;
}

.btn-disabled-unassign {
    background-position: -64px -64px;
    cursor: default;
}

.btn-disabled-add-to-playlist {
    background-position: -64px -96px;
    cursor: default
}

.btn-disabled-download {
    background-position: -64px -128px;
    cursor: default;
}

.btn-disabled-remove {
    background-position: -64px -160px;
    cursor: default;
}

.btn-disabled-move {
    background-position: -64px -192px;
    cursor: default;
}

.btn-disabled-settings {
    background-position: -64px -224px;
    cursor: default;
}

.btn-disabled-edit-details, .btn-disabled-config {
    background-position: -64px -256px;
    cursor: default;
}

.btn-disabled-assign-to {
    background-position: -64px -352px;
    cursor: default;
}

.btn-disabled-edit {
    background-position: -64px -384px;
    cursor: default;
}

.btn-disabled-add-group-friends {
    background-position: -64px -416px;
    cursor: default;
}

.btn-disabled-email {
    background-position: -64px -448px;
    cursor: default;
}

.btn-disabled-refresh {
    background-position: -64px -480px;
    cursor: default;
}

.btn-disabled-copy {
    background-position: -64px -512px;
    cursor: default;
}

.btn-disabled-add-category {
    background-position: -64px -544px;
    cursor: default;
}

.btn-disabled-add-standard, .btn-disabled-associate-standard {
    background-position: -64px -576px;
    cursor: default;
}

.btn-disabled-publish {
    background-position: -64px -608px;
    cursor: default;
}

.btn-disabled-update-activity {
    background-position: -64px -640px;
    cursor: default;
}

.btn-disabled-convert {
    background-position: -64px -672px;
    cursor: default;
}

.btn-disabled-back {
    background-position: -64px -704px;
    cursor: default;
}

.btn-disabled-look-up {
    background-position: -64px -736px;
    cursor: default;
}

.btn-disabled-add {
    background-position: -64px -768px;
    cursor: default;
}

.btn-disabled-associate-activity {
    background-position: -64px -800px;
    cursor: default;
}

.btn-disabled-add-note {
    background-position: -64px -832px;
    cursor: default;
}

.btn-disabled-reactivate {
    background-position: -64px -864px;
    cursor: default;
}

.btn-disabled-favorite {
    background-position: -64px -896px;
    cursor: default;
}

.btn-disabled-upgrade {
    background-position: -64px -928px;
    cursor: default;
}

.btn-disabled-print-pdf {
    background-position: -64px -960px;
}

.btn-disabled-file-corrupt {
    background-position: -64px -992px;
}

.btn-disabled-missing-image {
    background-position: -64px -1024px;
}

.btn-disable-edit-dropdown {
    background-position: -64px -1056px;
}

/* disable all click events on disabled buttons*/
.btn-disabled-play:active {
    pointer-events: none;
}

.btn-disabled-print:active {
    pointer-events: none;
}

.btn-disabled-unassign:active {
    pointer-events: none;
}

.btn-disabled-add-to-playlist:active {
    pointer-events: none;
}

.btn-disabled-download:active {
    pointer-events: none;
}

.btn-disabled-remove:active {
    pointer-events: none;
}

.btn-disabled-move:active {
    pointer-events: none;
}

.btn-disabled-settings:active {
    pointer-events: none;
}

.btn-disabled-edit-details:active, .btn-disabled-config:active {
    pointer-events: none;
}

.btn-disabled-assign-to:active {
    pointer-events: none;
}

.btn-disabled-edit:active {
    pointer-events: none;
}

.btn-disabled-add-group-friends:active {
    pointer-events: none;
}

.btn-disabled-email:active {
    pointer-events: none;
}

.btn-disabled-refresh:active {
    pointer-events: none;
}

.btn-disabled-copy:active {
    pointer-events: none;
}

.btn-disabled-add-category:active {
    pointer-events: none;
}

.btn-disabled-add-standard:active, .btn-disabled-associate-standard:active {
    pointer-events: none;
}

.btn-disabled-publish:active {
    pointer-events: none;
}

.btn-disabled-update-activity:active {
    pointer-events: none;
}

.btn-disabled-convert:active {
    pointer-events: none;
}

.btn-disabled-back:active {
    pointer-events: none;
}

.btn-disabled-look-up:active {
    pointer-events: none;
}

.btn-disabled-add:active {
    pointer-events: none;
}

.btn-disabled-associate-activity:active {
    pointer-events: none;
}

.btn-disabled-add-note:active {
    pointer-events: none;
}

.btn-disabled-reactivate:active {
    pointer-events: none;
}

.btn-disabled-favorite:active {
    pointer-events: none;
}

.btn-disabled-upgrade:active {
    pointer-events: none;
}

.btn-disabled-print-pdf:active {
    pointer-events: none;
}

.btn-disabled-file-corrupt:active {
    pointer-events: none;
}

.btn-disabled-missing-image:active {
    pointer-events: none;
}

.btn-disable-edit-dropdown:active {
    pointer-events: none;
}

/* edit activity button menu */
#EditInStudioDropdown .dropdown {
    padding-right: 10px;
}

#EditInStudioDropdown .dropdown .caret {
    margin-top: 17px;
    *margin-top: 8px; /* IE7 hack */
    margin-left: 5px;
    border-top-color: #161616;
}

#EditInStudioDropdown > li.open .caret {
    border-top-color: #161616;
}

#EditInStudioDropdown .dropdown-menu {
    min-width: inherit;
    padding-right: 34px;
    *padding-right: 0; /* IE7 hack */
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#EditInStudioDropdown .dropdown-menu li {
    margin-right: -34px;
    *margin-right: -32px; /* IE7 hack */
}


#EditInStudioDropdown .dropdown-menu a,
#EditInStudioDropdown .dropdown-menu a:hover {
    color: #161616;
    background-color: var(--color-td-gray-2, #D9D9D6);
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: repeat-x;
    text-decoration: none;
    text-transform: none;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
}

#EditInStudioDropdown .dropdown-menu a:hover {
    text-decoration: underline;
    color: #161616;
    background-color: var(--color-td-gray-2, #D9D9D6);
}


/* remove link styles */
.action-link {
    font-size: 10px !important;
    color: #000 !important;
    font-weight: normal;
    padding-left: 10px !important;
}

.action-link a {
    font-size: 10px !important;
    text-decoration: underline;
    color: #000 !important;
    cursor: pointer;
}

.action-link a:hover {
    text-decoration: none;
}

.list-note {
    font-size: 12px;
    padding-top: 6px;
}

/* general activity boxes */
.activity-holder {
    font-family: Verdana, Arial, Sans-Serif;
}

.activity-holder input {
    vertical-align: top;
}

.activity-holder span {
    line-height: 16px;
}

.activity-holder .title {
    font-weight: bold;
    font-size: 12px;
}

.activity-holder .standard a {
    color: var(--color-td-blue, #0E103E);
    font-size: 11px;
    text-decoration: underline;
}

.activity-holder .by {
    position: absolute;
    left: 145px;
    bottom: 10px;
}

.activity-holder .by a {
    color: var(--color-td-gray-5, #75787B);
    font-size: 11px;
    text-decoration: underline;
}

.activity-holder a:hover {
    text-decoration: none;
}

.activity-holder .details {
    font-size: 11px;
}

.activity-holder .standard,
.activity-holder .author,
.activity-holder .assigned {
    margin-bottom: 4px;
}

.activity-holder .GoalAssociationsDiv {
    margin-bottom: 10px;
}

.activity-holder .standard,
.activity-holder .assigned,
.activity-holder .author,
.activity-holder .associations {
    color: #666;
    font-size: 11px;
}

.activity-holder .author a {
    color: #666;
    text-decoration: underline;
}

.activity-holder .author a:hover {
    text-decoration: none;
}


/* full width activity rows */
.activity-holder-sm,
.activity-holder-lg {
    padding: 10px;
    position: relative;
    float: left;
}

.activity-holder-lg .left,
.activity-holder-sm .left {
    float: left;
    position: relative;
    width: 143px;
    margin-right: 18px;
}

.activity-holder-lg .right,
.activity-holder-sm .right {
    float: left;
}

#assignmentsDiv .activity-holder-lg,
#assignmentsDiv .activity-holder-sm {
    width: 480px
}

#assignmentsDiv .activity-holder-lg .right,
#assignmentsDiv .activity-holder-sm .right {
    width: 315px
}

.activity-holder-lg .title,
.activity-holder-sm .title {
    margin-bottom: 4px;
    margin-top: 4px;
    color: #00AF66;
}

.activity-holder-lg .thumb,
.activity-holder-sm .thumb {
    margin: 5px 0 5px 5px;
    float: right;
    border: 1px solid #000;
}

.activity-set-wrapper {
    background: url(/Content/images/bg-activity-set.png) 0 0 no-repeat;
    display: block;
    width: 142px;
    height: 113px;
    z-index: 100;
    position: relative;
}

.activity-set-wrapper .thumb {
    border: none !important;
    margin: 0 !important;
    position: absolute;
    bottom: 1px;
    right: 1px;
}

.activity-holder-lg .ico-moveable {
    position: absolute;
    top: 6px;
    left: 16px;
}


#assignmentsDiv .activity-options {
    font-family: Arial, Sans-Serif;
    width: 400px;
    font-size: 11px;
    margin-right: 20px;
}

#assignmentsDiv .activity-options label {
    font-size: 11px;
}

/* activity set order icons */
span.activity-set-activity-position {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: #c32032;
    cursor: default;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    float: left;
    height: 27px;
    text-decoration: none;
    margin: 5px 0 0 5px;
    padding-right: 0;
    width: 26px;
    text-align: center;
}

span.activity-set-activity-position span {
    background-color: #c32032;
    display: block;
    line-height: 17px;
    padding: 5px 0;
}


/* activity box for grid views */
.activity-holder-sm-grid {
    width: 285px;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
    float: left;
}

.activity-holder-sm-grid .left {
    float: left;
    width: 130px;
}

.activity-holder-sm-grid .right {
    float: left;
    width: 150px;
    padding-left: 5px;
}

.activity-holder-sm-grid .title {
    margin-bottom: 4px;
    margin-top: 4px;
}

.activity-holder-sm-grid .thumb {
    border: 1px solid #000;
}

.activity-holder-sm-grid .left .check-assigned {
    background: url(/Content/images/assign-activities-checkmark.png) 0 0 no-repeat;
    position: absolute;
    top: -2px;
    left: 94px;
    height: 46px;
    width: 46px;
    z-index: 150;
}


/* PROFILE CARD */
.info-box {
    background: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.info-box h3 {
    color: var(--color-td-green-heading, #00995b);
    margin-top: 0;
}

.info-box a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
}

.info-box a:hover {
    text-decoration: none;
}

.student-profile-info-box .avatar {
    padding: 19px;
}

.student-profile-info-box .avatar img {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    background-color: #fff;
}

.student-profile-info-box .details {
    padding: 20px 20px 20px 0;
    color: #666;
    font-size: 11px;
}

.student-profile-info-box .details strong {
    color: #000;
}

.student-profile-info-box ul {
    width: 245px;
    padding-right: 20px;
}

.student-profile-info-box ul.details-right {
    width: 345px;
}

.student-profile-info-box ul li {
    /*height:21px;*/
    line-height: 21px;
}


/* PROFILE TABS */
.tab-holder li {
    float: left;
    color: #00AF66;
    font-size: 18px;
    font-weight: bold;
    line-height: 33px;
    height: 33px;
}

/* MODAL ACTIVITY LISTS */
.activity-modal-scrollable, .activity-results-scrollable {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 11px;
    height: 480px;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .bmo-ui-last {
    padding-right: 0;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .bmo-ui-hierarchy-cell,
    /* #associationActvitiesHolder */
.activity-modal-scrollable .bmo-ui-detail-cell {
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .folder-name {
    display: block;
    height: 14px;
    line-height: 14px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
    vertical-align: top;
}

.activity-modal-scrollable .folder-name .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/Content/images/bmo-ui/sprite.png') 0px -146px no-repeat;
    margin-right: 10px;
}

.activity-modal-scrollable .folder-name.open .icon {
    background: url('/Content/images/bmo-ui/sprite.png') -16px -146px no-repeat;
}

.activity-modal-scrollable .subfolder-activity-list {
    padding-left: 20px;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .bmo-ui-master-row .bmo-ui-hierarchy-cell {
    padding-left: 10px;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .bmo-ui-detail-cell .nested-grid {
    width: 100%;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .bmo-ui-detail-cell .nested-grid .bmo-ui-last {
    overflow: visible;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .bmo-ui-detail-cell .nested-grid td {
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .bmo-ui-detail-cell .nested-grid tr.bmo-ui-last-row td {
    border-bottom: 0;
}


/* #associationActvitiesHolder */
.activity-modal-scrollable .activity {
    padding: 5px 0;
    position: relative;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .desc {
    float: left;
    margin-top: 10px;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .thumb {
    margin: 10px 18px 5px 25px;
    float: left;
    border: 1px solid #000;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .desc {
    width: 395px;
    line-height: 18px;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable input[type="checkbox"] {
    position: absolute;
    top: 20px;
    left: 0px;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .desc .title {
    font-size: 12px;
    font-weight: bold;
    background: url(/Content/images/ico-interactive.png) 0 0 no-repeat;
    padding-left: 26px;
    height: 18px;

}

/* #associationActvitiesHolder */
.activity-modal-scrollable .desc .by {
    font-size: 9px;
    color: #666;
    padding-left: 26px;
    display: block;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .desc .standard {
    font-size: 9px;
    padding-left: 26px;
    display: block;
}

.activity-modal-scrollable .assignment-options label.radio {
    font-size: 11px;
}

.activity-modal-scrollable .assignment-options label.radio input {
    height: 16px;
    width: 16px;
}

/****START: copy of css defined for .activity-modal-scrollable *****/

.activity-results-scrollable .activity {
    padding: 5px 0 5px 30px;
    position: relative;
}

/*padding value is different from the css on activity-modal-scrollable*/

.activity-results-scrollable .desc {
    float: left;
    margin-top: 10px;
}

.activity-results-scrollable .thumb {
    margin: 10px 18px 5px 5px;
    float: left;
    border: 1px solid #000;
}

.activity-results-scrollable .desc {
    width: 395px;
    line-height: 18px;
}

.activity-results-scrollable input[type="checkbox"] {
    position: absolute;
    top: 20px;
    left: 5px;
}

/*left value is different from the css on activity-modal-scrollable*/

.activity-results-scrollable .desc .title {
    font-size: 12px;
    font-weight: bold;
    background: url(/Content/images/ico-interactive.png) 0 0 no-repeat;
    padding-left: 26px;
    height: 18px;

}

.activity-results-scrollable .desc .by {
    font-size: 9px;
    color: #666;
    padding-left: 26px;
    display: block;
}

.activity-results-scrollable .desc .standard {
    font-size: 9px;
    padding-left: 26px;
    display: block;
}

/****END: copy of css defined for .activity-modal-scrollable *****/

/* grid global styles */
.bmo-ui-grid .message-empty-folder {
    display: block;
    height: 14px;
    line-height: 14px;
    padding: 8px 10px;
    font-weight: bold;
}

/* no results message */
.msg-no-results {
    padding: 10px;
    font-weight: bold;
}

/* IEP GOALS */
.goal-table {
	width:920px;
	border:1px solid var(--color-td-gray-3, #C8C9C7) !important;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin-top:20px;
	border-collapse:collapse !important;
	empty-cells:show;
	table-layout:fixed !important;
}
.goal-table th {
	font-weight:bold;
	background:var(--color-td-gray-2, #D9D9D6);
	height:21px;
	line-height:14px;
	vertical-align:middle;
	color:#000;
	padding:8px 0;
	border-bottom:1px solid var(--color-td-gray-3, #C8C9C7);
}


.goal-table td {
	height:21px;
	line-height:14px;
	color:#000;
	padding:8px 0;
	vertical-align:top;
	border-bottom:1px solid var(--color-td-gray-3, #C8C9C7);
}
.goal-table  td a {
	color:var(--color-td-blue, #0E103E);
	text-decoration:underline;
}
.goal-table  td a:hover {
	text-decoration:none;
}

.goal-table td a.associated-activity { color:#00AF66; }

.goal-table tbody.even td,
.goal-table tr.even td,
.goal-table td.even {
	background:#f6f6f6;
}

.goal-table  td.no-border { border:none; }

/* grid overrides */
.goal-table .bmo-ui-grid-pager {
    height: 0;
    padding-top: 0;
}
.goal-table .bmo-ui-icon 
{
	margin-left: 8px;
}

#tbl_iepGoals th.col-goal-ojectives { width:345px;}
#tbl_iepGoals th.col-associations { width:270px; }
#tbl_iepGoals th.col-actions { width:185px; text-align:right;}
#tbl_iepGoals th.col-end-spacer { width:40px; }
#tbl_iepGoals th.col-spacer { width:20px; }

#tbl_iepGoals .view-icon-link,
#tbl_iepGoals .delete-link  { padding:0; border-bottom:0; border-top:1px solid var(--color-td-gray-3, #C8C9C7); }
#tbl_iepGoals .view-icon-link a {
	display:block;	
	overflow:hidden;
	height:29px;
	width:40px;
	position:relative;
}

#tbl_iepGoals .view-icon-link a span {
	width:10px;
	height:10px;
	display:block;
	position:absolute;
	top:12px;
	right:12px;
}
#tbl_iepGoals .delete-link a {
	display:block;	
	padding-top:29px;
	overflow:hidden;
	height:0;
	width:100%;
	background:url(/Content/images/ico-close.png) center center no-repeat;
}

#tbl_iepGoals .goal-row-set.closed tr.row-details { display:none; }

#tbl_iepGoals .row-goal-objectives,
#tbl_iepGoals .row-goal-notes {background:var(--color-td-gray-1, #F2F2F2); border:1px solid var(--color-td-gray-3, #C8C9C7); font-size:11px; line-height:18px; margin-bottom:20px;}
#tbl_iepGoals .row-goal-notes .note-info {color:#000; padding: 0 10px; margin-bottom: 5px;}
#tbl_iepGoals .row-goal-notes .note-body {color:#666; border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7); padding: 0 10px 10px; margin-bottom: 10px;}
#tbl_iepGoals .row-goal-notes .note-body:last-child {border-bottom: 0 none; padding-bottom: 0; margin-bottom: 0;}
#tbl_iepGoals .row-goal-notes .note-body .action-link:last-child {padding-left: 0 !important;}

/* modals */

/* global */
	.goal-two-col-wrapper {background:var(--color-td-gray-1, #F2F2F2) url(/Content/images/dot-line.gif) 50% top repeat-y; border: 1px solid var(--color-td-gray-3, #C8C9C7);}
	.goal-two-col-wrapper-section {width:50%; float:left;}
	.goal-two-col-wrapper-section:after {content:''; display:block; clear:both;}
	.goal-two-col-wrapper-content {padding:20px;}
	.goal-two-col-wrapper-content p {color:#666;}
	.goal-two-col-wrapper-content p strong {font-weight:normal; color:#000;}

/* standard details */
.standard-details {
	border:1px solid var(--color-td-gray-3, #C8C9C7);	
	font-size:12px;
	line-height:19px;
}
.standard-details .sd-row {
	padding:5px 10px;
}
.standard-details strong {
	padding-right:10px;
	text-align:right;
}
.standard-details .sd-1 {
	background:#f6f6f6;
	border-bottom:1px solid var(--color-td-gray-3, #C8C9C7);
}
.standard-details .sd-2 {
	background:#f6f6f6;
	border-bottom:1px solid var(--color-td-gray-3, #C8C9C7);
}
.standard-details .sd-3,
.standard-details .sd-4,
.standard-details .sd-5,
.standard-details .sd-6,
.standard-details .sd-7,
.standard-details .sd-8,
.standard-details .sd-9,
.standard-details .sd-10 { border-bottom:1px solid var(--color-td-gray-3, #C8C9C7); }

.standard-details .sd-2 { padding-left:30px; }
.standard-details .sd-3 { padding-left:50px; }
.standard-details .sd-4 { padding-left:70px; }
.standard-details .sd-5 { padding-left:90px; }
.standard-details .sd-6 { padding-left:110px; }
.standard-details .sd-7 { padding-left:130px; }
.standard-details .sd-8 { padding-left:150px; }
.standard-details .sd-9 { padding-left:170px; }
.standard-details .sd-10 { padding-left:190px; }

.standard-details .sd-row.last { border-bottom:none; }

.standard-details .bmo-dl-horizontal:after {
    clear: both;
}
.standard-details .bmo-dl-horizontal:before,
.bmo-dl-horizontal:after {
    content: "";
    display: table;
    line-height: 0;
}
.standard-details .bmo-dl-horizontal:before,
.bmo-dl-horizontal:after {
    content: "";
    display: table;
    line-height: 0;
}

.standard-details .bmo-dl-horizontal dt {
    clear: left;
    float: left;
    overflow: hidden;
    /*width: 80px;*/
}
.standard-details dt {
    font-weight: bold;
}
.standard-details dt, dd {
    line-height: 20px;
}
.standard-details .bmo-dl-horizontal dd {
    margin-left: 100px;
}
.standard-details dd {
    margin-left: 10px;
}





/* add goal */
#addGoalBankList {
	overflow-x:hidden;
	overflow-y:auto;
	height:410px;
	width:634px;
	margin-top:15px;
	padding-right:21px;
	border:1px solid var(--color-td-gray-3, #C8C9C7);
}
#tbl_addGoalBankList {
	width:670px;
	margin-top:0;
	border:0;
}
#tbl_addGoalBankList thead {
}
#tbl_addGoalBankList th.col-select { width:45px; }
#tbl_addGoalBankList th.col-goal { width:227px; }
#tbl_addGoalBankList th.col-objectives { width:256px; }
#tbl_addGoalBankList th.col-associations { width:142px; }

#tbl_addGoalBankList .objective { width:228px; }

#tbl_addGoalBankList input[type=radio] { margin:5px; }

.form-add-goal { padding-top:15px; }
.form-add-goal .requiredNote { float:none; }
#addEditGoal label {
	margin-bottom: 7px;
	display: block;
	font-size: 1.2em;
	line-height: 1.3em;
}

#addEditGoal .text {
	padding: 8px 9px;
	width: 610px;
	height: 16px;
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: black;
	border: 1px var(--color-td-gray-3, #C8C9C7) solid;
}
#addEditGoal textarea.text { width:638px;height:60px;font-weight:normal; }
#addEditGoal .objective-list li { margin:8px 0; }
#addEditGoal .objective-list .input-holder { width:668px; }
#addEditGoal .objective-list .delete-link-holder { width:25px; }
#addEditGoal .objective-list a.link-objective-delete {
	width:25px;
	background:url(/Content/images/ico-close.png) 10px 10px no-repeat;
	overflow:hidden;
	padding-top:32px;
	height:0;
	display:block;
	float:right;
}


/* add associations */
#associationsFilter select,
#associationActvitiesHolder select {
	width:100%;
	margin-bottom:10px;	
}
#associationActvitiesHolder input[type="text"] { width:624px; width:644px; }
.association-scrollable {
	overflow-x:hidden;
	overflow-y:auto;
	height:325px;
	border:1px solid var(--color-td-gray-3, #C8C9C7); 
}

/* standards */
.skills-grid-table {
	font-size:12px;
	border-collapse:collapse;
	empty-cells:show;
	table-layout:fixed;
    width:100%;
}
.skills-grid-table th {	
	height:21px;
	line-height:14px;
	vertical-align:middle;
	color:#000;
	padding:8px 0;
	border-bottom:1px solid var(--color-td-gray-3, #C8C9C7);
	border-right:1px solid var(--color-td-gray-3, #C8C9C7);
	background:#f6f6f6;
}
.skills-grid-table th.col-checkbox {
	width:65px;
}
.skills-grid-table th.col-association-detail {
	width:540px;
}
.skills-grid-table td {
	height:21px;
	line-height:14px;
	color:#000;
	border-bottom:1px solid var(--color-td-gray-3, #C8C9C7);
	border-right:1px solid var(--color-td-gray-3, #C8C9C7);
	padding:8px 10px 8px 0;
	vertical-align:top;
}
.skills-grid-table td,
.skills-grid-table th {
	padding:5px 10px;
	line-height:19px;
}
.skills-grid-table th {
    text-align: left;
}

.skills-grid-table .no-border-right {
	border-right:none;
}
.skills-grid-table td a {
	color:var(--color-td-blue, #0E103E);
	text-decoration:underline;
}
.skills-grid-table td a:hover {
	text-decoration:none;
}
.skills-grid-table .association-row-1 td { background:#f6f6f6; }
.skills-grid-table .association-row-1 td.content { padding-left:30px; }
.skills-grid-table .association-row-2 td.content { padding-left:50px; }
.skills-grid-table dl { margin:0 !important; }
.skills-grid-table dt {
	/*text-align:right;
	float:left;     */
}
.skills-grid-table dt .activity-count {
    font-size:11px;
    color: var(--color-td-blue, #0E103E);
    font-weight:normal;
}
.skills-grid-table dd {
	margin-left:55px;
}


/* add note */
.goalNoteContainer textarea.text { width:652px;height:60px;font-weight:normal;font-size:12px;border:1px solid var(--color-td-gray-3, #C8C9C7); }


/* associated activities modal */
#SkillAssociatedActivitesGrid td {
    border-bottom:1px solid var(--color-td-gray-3, #C8C9C7);
}

#SelectedStandardsDiv 
{
    display:none;
    border-top:1px solid var(--color-td-gray-3, #C8C9C7);
    margin-top:20px;
    padding-top:20px;
}
#SelectedStandardsDiv .standards-list
{    
    border:1px solid var(--color-td-gray-3, #C8C9C7);
    padding:10px;
    font-size:11px;
    margin-top:8px;
}
#SelectedStandardsDiv .standards-list p 
{
    color:#00AF66;
    margin:2px 0;
}

/* after all styles are applied */
.goal-table tr.bmo-ui-master-row td.bmo-ui-last
{
	border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
}	
.goal-table table tr:last-child td, .goal-table table tr:last-child td.bmo-ui-last
{
	border-bottom: 0 !important;
}

.new-form .clearfix{*zoom:1;}
.new-form .clearfix:before,.new-form .clearfix:after{display:table;content:"";line-height:0;}
.new-form .clearfix:after{clear:both;}
.new-form .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.new-form .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.new-form form{margin:0 0 20px;}
.new-form fieldset{padding:0;margin:0;border:0;}
.new-form legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#333333;border:0;border-bottom:1px solid #e5e5e5;}
.new-form legend small{font-size:15px;color:#999999;}
.new-form label,.new-form input,.new-form button,.new-form select,.new-form textarea{font-size:14px;font-weight:normal;line-height:20px;}
.new-form input,.new-form button,.new-form select,.new-form textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.new-form label{display:block;margin-bottom:5px;}
.new-form select,.new-form textarea,.new-form input[type="text"],.new-form input[type="password"],.new-form input[type="datetime"],.new-form input[type="datetime-local"],.new-form input[type="date"],.new-form input[type="month"],.new-form input[type="time"],.new-form input[type="week"],.new-form input[type="number"],.new-form input[type="email"],.new-form input[type="url"],.new-form input[type="search"],.new-form input[type="tel"],.new-form input[type="color"],.new-form .uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle;}
.new-form input,.new-form textarea,.new-form .uneditable-input{width:206px;}
.new-form textarea{height:auto;}
.new-form textarea,.new-form input[type="text"],.new-form input[type="password"],.new-form input[type="datetime"],.new-form input[type="datetime-local"],.new-form input[type="date"],.new-form input[type="month"],.new-form input[type="time"],.new-form input[type="week"],.new-form input[type="number"],.new-form input[type="email"],.new-form input[type="url"],.new-form input[type="search"],.new-form input[type="tel"],.new-form input[type="color"],.new-form .uneditable-input{background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;}
.new-form textarea:focus,.new-form input[type="text"]:focus,.new-form input[type="password"]:focus,.new-form input[type="datetime"]:focus,.new-form input[type="datetime-local"]:focus,.new-form input[type="date"]:focus,.new-form input[type="month"]:focus,.new-form input[type="time"]:focus,.new-form input[type="week"]:focus,.new-form input[type="number"]:focus,.new-form input[type="email"]:focus,.new-form input[type="url"]:focus,.new-form input[type="search"]:focus,.new-form input[type="tel"]:focus,.new-form input[type="color"]:focus,.new-form .uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);}
.new-form input[type="radio"],.new-form input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal;cursor:pointer;}
.new-form input[type="file"],.new-form input[type="image"],.new-form input[type="submit"],.new-form input[type="reset"],.new-form input[type="button"],.new-form input[type="radio"],.new-form input[type="checkbox"]{width:auto;}
.new-form select,.new-form input[type="file"]{height:30px;*margin-top:4px;line-height:30px;}
.new-form select{width:220px;border:1px solid #cccccc;background-color:#ffffff;}
.new-form select[multiple],.new-form select[size]{height:auto;}
.new-form select:focus,.new-form input[type="file"]:focus,.new-form input[type="radio"]:focus,.new-form input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.new-form .uneditable-input,.new-form .uneditable-textarea{color:#999999;background-color:#fcfcfc;border-color:#cccccc;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}
.new-form .uneditable-input{overflow:hidden;white-space:nowrap;}
.new-form .uneditable-textarea{width:auto;height:auto;}
.new-form input:-moz-placeholder,.new-form textarea:-moz-placeholder{color:#999999;}
.new-form input:-ms-input-placeholder,.new-form textarea:-ms-input-placeholder{color:#999999;}
.new-form input::-webkit-input-placeholder,.new-form textarea::-webkit-input-placeholder{color:#999999;}
.new-form .radio,.new-form .checkbox{min-height:20px;padding-left:20px;}
.new-form .radio input[type="radio"],.new-form .checkbox input[type="checkbox"]{float:left;margin-left:-20px;}
.new-form .controls>.radio:first-child,.new-form .controls>.checkbox:first-child{padding-top:5px;}
.new-form .radio.inline,.new-form .checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle;}
.new-form .radio.inline+.radio.inline,.new-form .checkbox.inline+.checkbox.inline{margin-left:10px;}
.new-form .input-mini{width:60px;}
.new-form .input-small{width:90px;}
.new-form .input-medium{width:150px;}
.new-form .input-large{width:210px;}
.new-form .input-xlarge{width:270px;}
.new-form .input-xxlarge{width:530px;}
.new-form input[class*="span"],.new-form select[class*="span"],.new-form textarea[class*="span"],.new-form .uneditable-input[class*="span"],.new-form .row-fluid input[class*="span"],.new-form .row-fluid select[class*="span"],.new-form .row-fluid textarea[class*="span"],.new-form .row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0;}
.new-form .input-append input[class*="span"],.new-form .input-append .uneditable-input[class*="span"],.new-form .input-prepend input[class*="span"],.new-form .input-prepend .uneditable-input[class*="span"],.new-form .row-fluid input[class*="span"],.new-form .row-fluid select[class*="span"],.new-form .row-fluid textarea[class*="span"],.new-form .row-fluid .uneditable-input[class*="span"],.new-form .row-fluid .input-prepend [class*="span"],.new-form .row-fluid .input-append [class*="span"]{display:inline-block;}
.new-form input,.new-form textarea,.new-form .uneditable-input{margin-left:0;}
.new-form .controls-row [class*="span"]+[class*="span"]{margin-left:20px;}
.new-form input.span12,.new-form textarea.span12,.new-form .uneditable-input.span12{width:926px;}
.new-form input.span11,.new-form textarea.span11,.new-form .uneditable-input.span11{width:846px;}
.new-form input.span10,.new-form textarea.span10,.new-form .uneditable-input.span10{width:766px;}
.new-form input.span9,.new-form textarea.span9,.new-form .uneditable-input.span9{width:686px;}
.new-form input.span8,.new-form textarea.span8,.new-form .uneditable-input.span8{width:606px;}
.new-form input.span7,.new-form textarea.span7,.new-form .uneditable-input.span7{width:526px;}
.new-form input.span6,.new-form textarea.span6,.new-form .uneditable-input.span6{width:446px;}
.new-form input.span5,.new-form textarea.span5,.new-form .uneditable-input.span5{width:366px;}
.new-form input.span4,.new-form textarea.span4,.new-form .uneditable-input.span4{width:286px;}
.new-form input.span3,.new-form textarea.span3,.new-form .uneditable-input.span3{width:206px;}
.new-form input.span2,.new-form textarea.span2,.new-form .uneditable-input.span2{width:126px;}
.new-form input.span1,.new-form textarea.span1,.new-form .uneditable-input.span1{width:46px;}
.new-form .controls-row{*zoom:1;}
.new-form .controls-row:before,.new-form .controls-row:after{display:table;content:"";line-height:0;}
.new-form .controls-row:after{clear:both;}
.new-form .controls-row [class*="span"],.new-form .row-fluid .controls-row [class*="span"]{float:left;}
.new-form .controls-row .checkbox[class*="span"],.new-form .controls-row .radio[class*="span"]{padding-top:5px;}
.new-form input[disabled],.new-form select[disabled],.new-form textarea[disabled],.new-form input[readonly],.new-form select[readonly],.new-form textarea[readonly]{cursor:not-allowed;background-color:#eeeeee;}
.new-form input[type="radio"][disabled],.new-form input[type="checkbox"][disabled],.new-form input[type="radio"][readonly],.new-form input[type="checkbox"][readonly]{background-color:transparent;}
.new-form .control-group.warning>label,.new-form .control-group.warning .help-block,.new-form .control-group.warning .help-inline{color:#c09853;}
.new-form .control-group.warning .checkbox,.new-form .control-group.warning .radio,.new-form .control-group.warning input,.new-form .control-group.warning select,.new-form .control-group.warning textarea{color:#c09853;}
.new-form .control-group.warning input,.new-form .control-group.warning select,.new-form .control-group.warning textarea{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.new-form .control-group.warning input:focus,.new-form .control-group.warning select:focus,.new-form .control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #dbc59e;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #dbc59e;}
.new-form .control-group.warning .input-prepend .add-on,.new-form .control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853;}
.new-form .control-group.error>label,.new-form .control-group.error .help-block,.new-form .control-group.error .help-inline{color:#b94a48;}
.new-form .control-group.error .checkbox,.new-form .control-group.error .radio,.new-form .control-group.error input,.new-form .control-group.error select,.new-form .control-group.error textarea{color:#b94a48;}
.new-form .control-group.error input,.new-form .control-group.error select,.new-form .control-group.error textarea{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.new-form .control-group.error input:focus,.new-form .control-group.error select:focus,.new-form .control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #d59392;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #d59392;}
.new-form .control-group.error .input-prepend .add-on,.new-form .control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;}
.new-form .control-group.success>label,.new-form .control-group.success .help-block,.new-form .control-group.success .help-inline{color:#468847;}
.new-form .control-group.success .checkbox,.new-form .control-group.success .radio,.new-form .control-group.success input,.new-form .control-group.success select,.new-form .control-group.success textarea{color:#468847;}
.new-form .control-group.success input,.new-form .control-group.success select,.new-form .control-group.success textarea{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.new-form .control-group.success input:focus,.new-form .control-group.success select:focus,.new-form .control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7aba7b;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7aba7b;}
.new-form .control-group.success .input-prepend .add-on,.new-form .control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847;}
.new-form .control-group.info>label,.new-form .control-group.info .help-block,.new-form .control-group.info .help-inline{color:#3a87ad;}
.new-form .control-group.info .checkbox,.new-form .control-group.info .radio,.new-form .control-group.info input,.new-form .control-group.info select,.new-form .control-group.info textarea{color:#3a87ad;}
.new-form .control-group.info input,.new-form .control-group.info select,.new-form .control-group.info textarea{border-color:#3a87ad;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.new-form .control-group.info input:focus,.new-form .control-group.info select:focus,.new-form .control-group.info textarea:focus{border-color:#2d6987;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7ab5d3;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7ab5d3;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7ab5d3;}
.new-form .control-group.info .input-prepend .add-on,.new-form .control-group.info .input-append .add-on{color:#3a87ad;background-color:#d9edf7;border-color:#3a87ad;}
.new-form input:focus:required:invalid,.new-form textarea:focus:required:invalid,.new-form select:focus:required:invalid{color:#b94a48;border-color:#ee5f5b;}
.new-form input:focus:required:invalid:focus,.new-form textarea:focus:required:invalid:focus,.new-form select:focus:required:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;}
.new-form .form-actions{padding:19px 20px 20px;margin-top:20px;margin-bottom:20px;background-color:#f5f5f5;border-top:1px solid #e5e5e5;*zoom:1;}
.new-form .form-actions:before,.new-form .form-actions:after{display:table;content:"";line-height:0;}
.new-form .form-actions:after{clear:both;}
.new-form .help-block,.new-form .help-inline{color:#595959;}
.new-form .help-block{display:block;margin-bottom:10px;}
.new-form .help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px;}
.new-form .input-append,.new-form .input-prepend{margin-bottom:5px;font-size:0;white-space:nowrap;}
.new-form .input-append input,.new-form .input-prepend input,.new-form .input-append select,.new-form .input-prepend select,.new-form .input-append .uneditable-input,.new-form .input-prepend .uneditable-input,.new-form .input-append .dropdown-menu,.new-form .input-prepend .dropdown-menu{font-size:14px;}
.new-form .input-append input,.new-form .input-prepend input,.new-form .input-append select,.new-form .input-prepend select,.new-form .input-append .uneditable-input,.new-form .input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.new-form .input-append input:focus,.new-form .input-prepend input:focus,.new-form .input-append select:focus,.new-form .input-prepend select:focus,.new-form .input-append .uneditable-input:focus,.new-form .input-prepend .uneditable-input:focus{z-index:2;}
.new-form .input-append .add-on,.new-form .input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#eeeeee;border:1px solid #ccc;}
.new-form .input-append .add-on,.new-form .input-prepend .add-on,.new-form .input-append .btn,.new-form .input-prepend .btn{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.new-form .input-append .active,.new-form .input-prepend .active{background-color:#a9dba9;border-color:#46a546;}
.new-form .input-prepend .add-on,.new-form .input-prepend .btn{margin-right:-1px;}
.new-form .input-prepend .add-on:first-child,.new-form .input-prepend .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.new-form .input-append input,.new-form .input-append select,.new-form .input-append .uneditable-input{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.new-form .input-append input+.btn-group .btn,.new-form .input-append select+.btn-group .btn,.new-form .input-append .uneditable-input+.btn-group .btn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.new-form .input-append .add-on,.new-form .input-append .btn,.new-form .input-append .btn-group{margin-left:-1px;}
.new-form .input-append .add-on:last-child,.new-form .input-append .btn:last-child{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.new-form .input-prepend.input-append input,.new-form .input-prepend.input-append select,.new-form .input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.new-form .input-prepend.input-append input+.btn-group .btn,.new-form .input-prepend.input-append select+.btn-group .btn,.new-form .input-prepend.input-append .uneditable-input+.btn-group .btn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.new-form .input-prepend.input-append .add-on:first-child,.new-form .input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.new-form .input-prepend.input-append .add-on:last-child,.new-form .input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.new-form .input-prepend.input-append .btn-group:first-child{margin-left:0;}
.new-form input.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.new-form .form-search .input-append .search-query,.new-form .form-search .input-prepend .search-query{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.new-form .form-search .input-append .search-query{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px;}
.new-form .form-search .input-append .btn{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;}
.new-form .form-search .input-prepend .search-query{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;}
.new-form .form-search .input-prepend .btn{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px;}
.new-form .form-search input,.new-form .form-inline input,.new-form .form-horizontal input,.new-form .form-search textarea,.new-form .form-inline textarea,.new-form .form-horizontal textarea,.new-form .form-search select,.new-form .form-inline select,.new-form .form-horizontal select,.new-form .form-search .help-inline,.new-form .form-inline .help-inline,.new-form .form-horizontal .help-inline,.new-form .form-search .uneditable-input,.new-form .form-inline .uneditable-input,.new-form .form-horizontal .uneditable-input,.new-form .form-search .input-prepend,.new-form .form-inline .input-prepend,.new-form .form-horizontal .input-prepend,.new-form .form-search .input-append,.new-form .form-inline .input-append,.new-form .form-horizontal .input-append{display:inline-block;*display:inline;*zoom:1;margin-bottom:0;vertical-align:middle;}
.new-form .form-search .hide,.new-form .form-inline .hide,.new-form .form-horizontal .hide{display:none;}
.new-form .form-search label,.new-form .form-inline label,.new-form .form-search .btn-group,.new-form .form-inline .btn-group{display:inline-block;}
.new-form .form-search .input-append,.new-form .form-inline .input-append,.new-form .form-search .input-prepend,.new-form .form-inline .input-prepend{margin-bottom:0;}
.new-form .form-search .radio,.new-form .form-search .checkbox,.new-form .form-inline .radio,.new-form .form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle;}
.new-form .form-search .radio input[type="radio"],.new-form .form-search .checkbox input[type="checkbox"],.new-form .form-inline .radio input[type="radio"],.new-form .form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0;}
.new-form .control-group{margin-bottom:10px;}
.new-form legend+.control-group{margin-top:20px;-webkit-margin-top-collapse:separate;}
.new-form .form-horizontal .control-group{margin-bottom:20px;*zoom:1;}
.new-form .form-horizontal .control-group:before,.new-form .form-horizontal .control-group:after{display:table;content:"";line-height:0;}
.new-form .form-horizontal .control-group:after{clear:both;}
.new-form .form-horizontal .control-label{float:left;width:160px;padding-top:5px;text-align:right;}
.new-form .form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0;}
.new-form .form-horizontal .controls:first-child{*padding-left:180px;}
.new-form .form-horizontal .help-block{margin-bottom:0;}
.new-form .form-horizontal input+.help-block,.new-form .form-horizontal select+.help-block,.new-form .form-horizontal textarea+.help-block{margin-top:10px;}
.new-form .form-horizontal .form-actions{padding-left:180px;}

.new-form input,.new-form button,.new-form select,.new-form textarea{font-family:Arial,Helvetica,Verdana,sans-serif;}
.new-form select,.new-form textarea,.new-form input[type="text"],.new-form input[type="password"],.new-form input[type="datetime"],.new-form input[type="datetime-local"],.new-form input[type="date"],.new-form input[type="month"],.new-form input[type="time"],.new-form input[type="week"],.new-form input[type="number"],.new-form input[type="email"],.new-form input[type="url"],.new-form input[type="search"],.new-form input[type="tel"],.new-form input[type="color"],.new-form .uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#000;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;vertical-align:middle;}
.new-form textarea{height:auto;}
.new-form textarea,.new-form input[type="text"],.new-form input[type="password"],.new-form input[type="datetime"],.new-form input[type="datetime-local"],.new-form input[type="date"],.new-form input[type="month"],.new-form input[type="time"],.new-form input[type="week"],.new-form input[type="number"],.new-form input[type="email"],.new-form input[type="url"],.new-form input[type="search"],.new-form input[type="tel"],.new-form input[type="color"],.new-form .uneditable-input{background-color:#ffffff;border:1px solid var(--color-td-gray-3, #C8C9C7);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.new-form textarea:focus,.new-form input[type="text"]:focus,.new-form input[type="password"]:focus,.new-form input[type="datetime"]:focus,.new-form input[type="datetime-local"]:focus,.new-form input[type="date"]:focus,.new-form input[type="month"]:focus,.new-form input[type="time"]:focus,.new-form input[type="week"]:focus,.new-form input[type="number"]:focus,.new-form input[type="email"]:focus,.new-form input[type="url"]:focus,.new-form input[type="search"]:focus,.new-form input[type="tel"]:focus,.new-form input[type="color"]:focus,.new-form .uneditable-input:focus{border-color:var(--color-td-gray-3, #C8C9C7);outline:0;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

.new-form { font-size:12px; padding-bottom:20px; color:#000; }
.new-form h4 { font-weight:normal !important; }
.new-form .checkbox { color:#000; font-size:11px; }
.new-form legend { margin: 0 0 12px 0;font: 18px/1.2 Arial, Helvetica, sans-serif;color: #000;border:0; }
.new-form .help-block,
.new-form .form-text,
.new-form .help-inline { font-size:10px; color:#000; }
.new-form select,.new-form input[type="file"]{height:30px;*margin-top:4px;line-height:30px;}
.new-form select{width:220px;border:1px solid var(--color-td-gray-3, #C8C9C7);background-color:#ffffff;}
.new-form select[multiple],.new-form select[size]{height:auto;}
.new-form select:focus,.new-form input[type="file"]:focus,.new-form input[type="radio"]:focus,.new-form input[type="checkbox"]:focus{outline:none;}

.new-form input[type="radio"],.new-form input[type="checkbox"]{height:16px;width:16px;margin:1px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal;cursor:pointer;}

.new-form input[disabled], .new-form select[disabled], .new-form textarea[disabled], .new-form input[readonly], .new-form select[readonly], .new-form textarea[readonly] {
    cursor: default;
}

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

.new-form .form-inline { margin-bottom: 10px;}

.new-form-section
{
    padding: 10px 0 20px 0;
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
}
.new-form-section.first
{
    padding-top: 20px;
    border: 0;
}
.new-form-subsection
{
    padding: 10px 0;
}
.top-actions-menu li 
{
    float:left;
    position:relative;
}

    .top-actions-menu li .counter {
        background: url(/Content/images/btn-activity-actions-counter.png) no-repeat scroll 0 0 transparent;
        color: #FFFFFF;
        display: block;
        font: 9px/18px Arial,Helvetica,Verdana,sans-serif;
        height: 18px;
        position: absolute;
        right: 2px;
        text-align: center;
        top: -7px;
        width: 18px;
    }


/* side col */
.side-col-box 
{    
    border-bottom:1px dotted var(--color-td-gray-3, #C8C9C7);
    margin-bottom:10px;
    position:relative;
    padding:0 10px 10px 10px;
    color:#000;
}
.side-col-box.last 
{
    border-bottom:none;
}
.side-col-box p 
{
    padding:4px 0;
}

.standards-association-box { font-size:11px; }
.standards-association-box a
{
    color:blue;
    text-decoration:underline;
}
.standards-association-box a:hover
{
    text-decoration:none;
}


.rate-report-actions 
{
    overflow: hidden;    
}
.rate-report-actions .links li, 
.rate-report-actions div.stars
{
    padding:4px 0;
}
.rate-report-actions  .links li a
{
    color: var(--color-td-gray-5, #75787B);
    text-decoration: underline;
}
.rate-report-actions .links li a:hover
{
    text-decoration: none;
}



/* upload activity */
.upload-activity-status {
    display: none !important;
    height: 56px;
    margin: 10px 0 20px 0;
    background: url(/Content/images/template/bg_upload-activity-sprite.gif) 0 0 no-repeat;
}
.upload-activity-status.step-1 { background-position:0 0; }
.upload-activity-status.step-2 { background-position:0 -56px; }
.upload-activity-status.step-3 { background-position:0 -112px; }
.upload-activity-status.step-4 { background-position:0 -168px; }
.upload-activity-status.step-5 { background-position:0 -224px; }
.upload-activity-status.step-6 { background-position:0 -280px; }


/* The "(What's this?)" affordance beside the two Standards headings. Its tooltip is a native
   `title`, so no library stylesheet carries this rule. */
.view-tooltip, .view-tooltip:hover
{
    text-decoration:underline;
    cursor:default;
    position:relative;
}


/* The progress bar branding, which the ThemeRoller build at position 1 of `bundles/legacy-app.css`
   does not carry. Only `text-align` and `overflow` below came from jQuery UI's own stylesheet; the
   two gifs, the border, the margin and the heights are this site's. Live on
   `Views/Activities/Processing.aspx` and `ConvertActivities.aspx`. */
.ui-progressbar {
    height: 23px;
    text-align: left;
    overflow: hidden;
    background: #eee url(/Content/images/jquery-upload-progress.gif) 0 0 repeat;
    border: 1px solid #CCC;
    margin-top: 20px;
}
    .ui-progressbar .ui-progressbar-value {
        height: 24px;
        background: url(/Content/images/jquery-upload-progress-bar.gif) 0 0 repeat;
    }
#dashboardTabs { margin-top:24px; }
.dashboard-tabs-panel-holder .ui-tabs-panel { padding-top:14px !important; }

/* table header */
#standardProgressTableHeaderHolder {
	height: 29px;
	margin-top:30px;
}
#standardProgressTableHeader {
	width: 818px;
	background: var(--color-td-gray-2, #D9D9D6);
	height: 28px;
	border: 1px solid var(--color-td-gray-1, #F2F2F2);
	border-bottom: 0;
	text-align: center;
	line-height: 28px;
	font-size: 11px;
}
#standardProgressTableHeader span {
	color: #000;
	font-weight: bold;
}
#standardProgressTableHeader a.scroll-button {
	color: #666;
	display: block;
	padding: 0 10px;
	cursor:pointer;
}
#standardProgressTableHeader a.scroll-button-disabled {
	color: var(--color-td-gray-2, #D9D9D6);
	display: block;
	padding: 0 10px;
	cursor:default;
}
#standardProgressTableHeader .jump-prev {
	float: left;
}
#standardProgressTableHeader .jump-next {
	float: right;
}

#studentProgressTableHeaderHolder {
	height: 29px;
	margin-top:30px;
}
#studentProgressTableHeader {
	width: 818px;
	background: var(--color-td-gray-2, #D9D9D6);
	height: 28px;
	border: 1px solid var(--color-td-gray-1, #F2F2F2);
	border-bottom: 0;
	text-align: center;
	line-height: 28px;
}
#studentProgressTableHeader span {
	color: #000;
	font-weight: bold;
}
#studentProgressTableHeader a.scroll-button {
	color: #666;
	display: block;
	padding: 0 10px;
	cursor:pointer;
}
#studentProgressTableHeader a.scroll-button-disabled {
	color: var(--color-td-gray-2, #D9D9D6);
	display: block;
	padding: 0 10px;
	cursor:default;
}
#studentProgressTableHeader .jump-prev {
	float: left;
}
#studentProgressTableHeader .jump-next {
	float: right;
}


#homegridview {
	width: 100%;
	overflow-y: auto;
	margin-bottom:25px;
}
#homegridview table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
#homegridview th, 
#homegridview td {
	padding: 6px;
	line-height:17px;
	border: 1px solid var(--color-td-gray-1, #F2F2F2);
	font-size:11px; 
}
/*
#homegridview tr th:first-child {
	border-top-color: transparent;
	border-left-color: transparent;
}
*/
#homegridview tr th:first-child { border-right:1px solid var(--color-td-gray-3, #C8C9C7); text-align:left; }
#homegridview th.normalheader, 
#homegridview td.skill-stat-data-filled {
	text-align: center;		
}


#homegridview td.filled0 { background-color: #b41d2e; }
#homegridview td.filled1 { background-color: #ff8a00; }
#homegridview td.filled2 { background-color: #fbbb00; }
#homegridview td.filled3 { background-color: #aeb700;}
#homegridview td.filled4 { background-color: #00763f; }
#homegridview th.normalheader {
	background-color: var(--color-td-gray-1, #F2F2F2);
	border-right-color: transparent;
}

    #homegridview th.normalheader img {
        border: 1px solid var(--color-td-gray-1, #F2F2F2);
        background: #fff;
    }

#homegridview th.normalheader:last-child { border-right-color: var(--color-td-gray-1, #F2F2F2); }
#homegridview td.alt { background-color: var(--color-td-gray-1, #F2F2F2); }


#homegridview tr td:first-child, #homegridview tr th:first-child { width: 89px;}
#homegridview th a,
#homegridview tr td:first-child a { color: #008759; text-decoration:none; }
#homegridview th :hover,
#homegridview tr td:first-child :hover { text-decoration:underline; }
#homegridview td.skill-stat-data-filled  { color: #fff;font-weight:bold; font-size:12px; font-family:Arial; }

#homegridview td.SkillMarker { color:#161616; }

#standardsgridview {
	width: 100%;
	overflow-y: auto;
	margin-bottom:25px;
}
#standardsgridview table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
    #standardsgridview th,
    #standardsgridview td {
        padding: 6px;
        line-height: 17px;
        border: 1px solid var(--color-td-gray-1, #F2F2F2);
        font-size: 11px;
    }
/*
#standardsgridview tr th:first-child {
	border-top-color: transparent;
	border-left-color: transparent;
}
*/
    #standardsgridview tr th:first-child {
        border-right: 1px solid var(--color-td-gray-1, #F2F2F2);
        text-align: left;
    }
#standardsgridview th.normalheader, 
#standardsgridview td.skill-stat-data-filled {
	text-align: center;		
}


#standardsgridview td.filled0 { background-color: #b41d2e; }
#standardsgridview td.filled1 { background-color: #ff8a00; }
#standardsgridview td.filled2 { background-color: #fbbb00; }
#standardsgridview td.filled3 { background-color: #aeb700;}
#standardsgridview td.filled4 { background-color: #00763f; }
#standardsgridview th.normalheader {
	background-color: var(--color-td-gray-1, #F2F2F2);
	border-right-color: transparent;
}

    #standardsgridview th.normalheader img {
        border: 1px solid var(--color-td-gray-1, #F2F2F2);
        background: #fff;
    }

    #standardsgridview th.normalheader:last-child {
        border-right-color: var(--color-td-gray-1, #F2F2F2);
    }
#standardsgridview td.alt { background-color: var(--color-td-gray-1, #F2F2F2); }


#standardsgridview tr td:first-child, #standardsgridview tr th:first-child { width: 94px;}
#standardsgridview th a,
#standardsgridview tr td:first-child a { color: #008759; text-decoration:none; }
#standardsgridview th :hover,
#standardsgridview tr td:first-child :hover { text-decoration:underline; }
#standardsgridview td.skill-stat-data-filled  { color: #fff;font-weight:bold; font-size:12px; font-family:Arial; }

    #standardsgridview td.SkillMarker {
        color: #161616;
        word-wrap: break-word;
    }

.skill-stat-tooltip {
	z-index: 2000;
}

#newActivities h2 
{
    font-size:18px;
    margin:6px 0 20px 0;
}
#newActivities #NewActivitiesList li { float:left;margin-right:14px; }
#newActivities #NewActivitiesList li:last-child { margin-right:0; } 
#newActivities #NewActivitiesList li img { border:1px solid #161616; }

.gray-well {
    padding: 10px;
    background: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid #BCBEB0;
    color: #161616;
}
.gray-well a:not(.button) {
    color: #0e103e;
    text-decoration: none;
    font-size: 14px;
}
.gray-well a:hover {
    text-decoration: underline;
    
}

    /*.gray-well a:active {
        text-decoration: underline;
        border: 1px solid #161616
    }*/

.trans-well {
    padding: 10px;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    color: #161616;
}
/*.gray-well input[type=radio], .trans-well input[type=radio] {
	padding: 0;
	margin: 0;
} */
.gray-well ol 
{
    list-style: decimal; list-style-position: outside; margin: 10px 0 0 20px;
}
.gray-well ol li { margin-bottom:4px; }
.well-padding-20 {
	padding: 20px !important;
}
/* content box styles */
.gray-well .ui-tabs-panel-holder {
    background: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid var(--color-td-gray-1, #F2F2F2);
    padding: 15px;
}
.gray-well .ui-tabs-panel-holder .ui-tabs-panel {
	padding-top: 0 !important;
}
.subsection {
	padding: 10px 0;
}
.page-header-small {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 6px;
}
.page-header-small-sub {
	font-size: 11px;
}
/* text styles */
.subsection-header {
	color: #161616;
	font-weight: bold;
	font-size: 18px;
	line-height: normal;
	margin: 10px 0;
}
.primary-text-color {
	color: var(--color-td-green-heading, #00995b);
}
.secondary-text-color {
	color: var(--color-td-gray-5, #75787B);
}
.text-centered {
	text-align: center;
}
.text-no-bold {
	font-weight: normal;
}
.bmo-border-top {
	border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
}
.button-label {
	display: inline-block !important;
	margin-right: 10px;
}

h3.new-text 
{
    font-size:18px;
    float:none;
    width:auto;
    padding-bottom:10px;
    font-family:Arial;
	
}

/* buttons */
.btn-search-2 {
    background: url("/Content/images/btn/btn_search-submit.gif") no-repeat scroll 6px 9px transparent;
    border: 0 none;
    cursor: pointer;
    height: 0;
    overflow: hidden;
    padding-top: 28px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 28px !important;
}
.btn-form-item-delete {
    background: url("/Content/images/ico-close.png") no-repeat scroll 10px 10px transparent;
    display: block;
    float: right;
    height: 0;
    overflow: hidden;
    padding-top: 32px;
    width: 25px;
}
#UploadMediaForm #MediaPreview {
	float: left;
	width: 144px;
	margin-right: 16px;
}
#UploadMediaForm #UploadForm {
	float: left;
	width: 481px;
}
#UploadMediaForm #MediaPreview img {
	height: 142px;
	width: 143px;
	border: 1px solid var(--color-td-gray-1, #F2F2F2);
}
#UploadMediaForm .form-section {
	border-top: 1px solid var(--color-td-gray-1, #F2F2F2);
	padding: 15px 0;
}

/* global print styles */


@media print {
    /*
    * {
        height: 0;
        line-height: 0;
    }
    body {
        visibility: hidden;
        position: relative;
    }
    .general-top-notification-container, #Header, #footer {
        display: none;
    }
    h1, h2, h3, h4, h5, h6 {
        line-height: 0;
        margin: 0;
    }
    #wrapper .main-frame {
        padding: 0;
    }
    .ui-tabs {
        margin: 0 !important;
    }
    .ui-tabs .ui-tabs-panel {
        padding: 0 !important;
    }
    */
    a[href]:after {
        content: none !important;
    }

    a {
        display: none !important;
    }

    .no-print {
        display: none !important;
    }
}
/*
 * This is a vendored copy of the SimpleModal demo stylesheet, version unknown. It carries local
 * changes, so an upgrade must re-apply them. Do not edit.
 */
#simplemodal-overlay {
    background-color: #111;
    cursor: wait;
}

#simplemodal-container {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    border: 15px solid #303030;
}

#simplemodal-container code {
    background: #050727;
    border-left: 3px solid #19b775;
    color: var(--color-td-gray-2, #D9D9D6);
    display: block;
    margin-bottom: 12px;
    padding: 4px 6px 6px;
}

#simplemodal-container h1 {
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 18px;
}

#simplemodal-container h4 {
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 10px;
}

#simplemodal-container a.modalCloseImg {
    position: absolute;
    top: 12px;
    right: 12px;
    background: url(/Content/images/colorbox/controls.png) no-repeat -25px 0px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    cursor: pointer;
}

#simplemodal-container a.modalCloseImg:hover {
    background-position: -25px -25px;
}

#simplemodal-container .top div {
    height: 21px;
}

#simplemodal-container .content .center {
    margin: 0 21px;
    padding: 10px;
    background: #fff;
    overflow: visible;
}

#simplemodal-container .content {
    font-family: Verdana, Geneva, sans-serif;
    color: #111;
    font-size: 16px;
    line-height: normal;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

#simplemodal-container .content h1,
#colorbox h1 {
    margin: 9px 0 18px;
    line-height: 21.6px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: var(--color-td-green-heading, #00995b);
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
    padding-bottom: 10px;
}

#simplemodal-container .content h2 {
    margin: 10px 0 2px 0;
    padding: 0;
}

#simplemodal-container .content p {
    font-size: 16px;
}

#simplemodal-container .popup-buttons,
.modal .popup-buttons {
    text-align: right;
    margin-top: 30px;
    clear: both;
    font-size: 11px;
}

#simplemodal-container .popup-buttons div,
.modal .popup-buttons div {
    display: inline-block;
}
/* ---- Site notifications ---------------------------------------------------------------------
 *
 * ShowNotification in Scripts/site/common.js builds the markup. It carries the Bootstrap 5 toast
 * class names, so the shape is Bootstrap's and no Bootstrap JavaScript runs.
 *
 * The box is declared here rather than taken from bundles/bootstrap5.css, because one serving
 * surface does not have that bundle. MasterPages2_0/Modal.Master serves bundles/legacy-app.css and
 * bundles/legacy-app.js and no Bootstrap, and Modal/DeactivatePid.aspx raises a notification on it.
 * Bootstrap 5 cannot go on that master page: `<body class="home modal">` means a panel there and a
 * hidden full-screen overlay to Bootstrap, so the page would blank. asset-build/bootstrap5.test.mjs
 * holds that rule.
 *
 * Every rule names .toast or .toast-container beside its own class. bundles/bootstrap5.css is
 * served after each bundle that carries this file, so a single-class rule here would lose to
 * Bootstrap's own declaration of the same property, and the two surfaces would not match.
 */

.toast-container.bmo-notification-container {
    /* Above colorbox at 8000, SimpleModal at 9000 and blockUI at 9001, which is where the library
     * this replaced sat. */
    z-index: 9999;

    position: fixed;
    top: 15px;
    right: 15px;
    width: max-content;
    max-width: 100%;
    /* The container spans no further than its toasts, and the page below it stays clickable. */
    pointer-events: none;
}

.toast.bmo-notification {
    box-sizing: border-box;
    display: block;
    width: 350px;
    max-width: 100%;
    margin-bottom: 15px;
    background-clip: padding-box;
    border: 1px solid;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    pointer-events: auto;
    transition: opacity 250ms linear;
}

.toast.bmo-notification.showing {
    opacity: 0;
}

.toast.bmo-notification .toast-header {
    display: flex;
    align-items: center;
    padding: 10px 15px 0;
    background-color: transparent;
    border-bottom: 0;
}

.toast.bmo-notification .bmo-notification-title {
    margin-right: auto;
    font: bold 18px Arial, Helvetica, Verdana, sans-serif;
}

.toast.bmo-notification .bmo-notification-close {
    padding: 0 0 0 15px;
    font: normal 20px/1 Arial, Helvetica, Verdana, sans-serif;
    color: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    opacity: 0.6;
}

.toast.bmo-notification .bmo-notification-close:hover,
.toast.bmo-notification .bmo-notification-close:focus {
    opacity: 1;
}

.toast.bmo-notification .toast-body {
    padding: 5px 15px 10px;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    word-wrap: break-word;
}

.toast.bmo-notification-notice {
    background-color: #EEF6FF;
    border-color: #69A9EE;
}

.toast.bmo-notification-notice .bmo-notification-title {
    color: #69A9EE;
}

.toast.bmo-notification-error {
    background-color: #FFE5E5;
    border-color: #9E0516;
}

.toast.bmo-notification-error .bmo-notification-title {
    color: #9E0516;
}

#galleria-loader{height:1px!important}

.galleria-theme-classic {
    position: relative;
    overflow: hidden;
    background: #000;
}
.galleria-theme-classic img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.galleria-theme-classic .galleria-stage {
    position: absolute;
    top: 10px;
    bottom: 60px;
    left: 10px;
    right: 10px;
    overflow:hidden;
}
.galleria-theme-classic .galleria-thumbnails-container {
    height: 50px;
    bottom: 0;
    position: absolute;
    left: 10px;
    right: 10px;
    z-index: 2;
}
.galleria-theme-classic .galleria-carousel .galleria-thumbnails-list {
    margin-left: 30px;
    margin-right: 30px;
}
.galleria-theme-classic .galleria-thumbnails .galleria-image {
    height: 40px;
    width: 60px;
    background: #000;
    margin: 0 5px 0 0;
    border: 1px solid #000;
    float: left;
    cursor: pointer;
}
.galleria-theme-classic .galleria-counter {
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-align: right;
    color: #fff;
    font: normal 11px/1 arial,sans-serif;
    z-index: 1;
}
.galleria-theme-classic .galleria-loader {
    background: #000;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
    background: url('data:image/gif;base64,R0lGODlhEAAQAPQAAAAAAP///w4ODnR0dB4eHri4uISEhP///6amptra2lJSUkBAQOrq6mJiYvr6+sjIyJaWlgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAAKAAEALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQACgACACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQACgADACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkEAAoABAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkEAAoABQAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkEAAoABgAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAAKAAcALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkEAAoACAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAAKAAkALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQACgAKACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQACgALACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==') no-repeat 2px 2px;
}
.galleria-theme-classic .galleria-info {
    width: 50%;
    top: 15px;
    left: 15px;
    z-index: 2;
    position: absolute;
}
.galleria-theme-classic .galleria-info-text {
    background-color: #000;
    padding: 12px;
    display: none;
    /* IE7 */ zoom:1;
}
.galleria-theme-classic .galleria-info-title {
    font: bold 12px/1.1 arial,sans-serif;
    margin: 0;
    color: #fff;
    margin-bottom: 7px;
}
.galleria-theme-classic .galleria-info-description {
    font: italic 12px/1.4 georgia,serif;
    margin: 0;
    color: #bbb;
}
.galleria-theme-classic .galleria-info-close {
    width: 9px;
    height: 9px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -753px -11px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
    display: none;
}
.galleria-theme-classic .notouch .galleria-info-close:hover{
    opacity:1;
    filter: alpha(opacity=100);
}
.galleria-theme-classic .touch .galleria-info-close:active{
    opacity:1;
    filter: alpha(opacity=100);
}
.galleria-theme-classic .galleria-info-link {
    background-position: -669px -5px;
    opacity: .7;
    filter: alpha(opacity=70);
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: #000;
}
.galleria-theme-classic.notouch .galleria-info-link:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-theme-classic.touch .galleria-info-link:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-theme-classic .galleria-image-nav {
    position: absolute;
    top: 50%;
    margin-top: -62px;
    width: 100%;
    height: 62px;
    left: 0;
}
.galleria-theme-classic .galleria-image-nav-left,
.galleria-theme-classic .galleria-image-nav-right {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: pointer;
    width: 62px;
    height: 124px;
    position: absolute;
    left: 10px;
    z-index: 2;
    background-position: 0 46px;
}
.galleria-theme-classic .galleria-image-nav-right {
    left: auto;
    right: 10px;
    background-position: -254px 46px;
    z-index: 2;
}
.galleria-theme-classic.notouch .galleria-image-nav-left:hover,
.galleria-theme-classic.notouch .galleria-image-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-theme-classic.touch .galleria-image-nav-left:active,
.galleria-theme-classic.touch .galleria-image-nav-right:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right {
    cursor: pointer;
    display: none;
    background-position: -495px 5px;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 23px;
    z-index: 3;
    opacity: .8;
    filter: alpha(opacity=80);
}
.galleria-theme-classic .galleria-thumb-nav-right {
    background-position: -578px 5px;
    border-right: none;
    right: 0;
    left: auto;
}
.galleria-theme-classic .galleria-thumbnails-container .disabled {
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: default;
}
.galleria-theme-classic.notouch .galleria-thumb-nav-left:hover,
.galleria-theme-classic.notouch .galleria-thumb-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.galleria-theme-classic.touch .galleria-thumb-nav-left:active,
.galleria-theme-classic.touch .galleria-thumb-nav-right:active {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.galleria-theme-classic.notouch .galleria-thumbnails-container .disabled:hover {
    opacity: .2;
    filter: alpha(opacity=20);
    background-color: transparent;
}

.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-right {
    display: block;
}
.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right,
.galleria-theme-classic .galleria-info-link,
.galleria-theme-classic .galleria-info-close,
.galleria-theme-classic .galleria-image-nav-left,
.galleria-theme-classic .galleria-image-nav-right {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA/gAAAAfCAYAAABTcmYwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTA3ODRCNjVENUY3MTFERjg4NUNGOTRFNUE1NDEyNzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTA3ODRCNjZENUY3MTFERjg4NUNGOTRFNUE1NDEyNzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Mzk5MTg1OEQ1RjExMURGODg1Q0Y5NEU1QTU0MTI3OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMDc4NEI2NEQ1RjcxMURGODg1Q0Y5NEU1QTU0MTI3OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqgJ9JYAAAOkSURBVHja7N3Ni01hHAfwZ+7CiryUsmTlZUNNsb2lpAgbEf+BDfspkqzxF9gi8hKRkrGcotiIDTZKKSmzspjr9zjn5rhm5o6ZcZ055/Opb4ay+S2ee77zPOe5Y71eLy3S6sh0Ahgtaw8AAMyis8j/tynyPHLWCIEROh+ZKtcgAABgiQU/P1g/iWyNnEjFbhrAv5bXmmORHeUapOQDAMASCn6/3OcH7NeRbnJUFhiN6XLNeavkAwDA0gr+YLnfG/lkhMAIfSpL/mslHwAAFlfwlXugTiV/r5IPAAB/X/CVe0DJBwCAmhsb8jV5GyOTyj1QU7PdC/LZWAAAaKOOcg+sYIM7+ZPl2gUAAAq+cg8o+QD8R2ciR4wB4O/NdkR/sNx3kyOvQP05rg/D5Q/9MWMwrxrLa/fT/nOqcQy1Os3+ldVz/TvQcB3lHmiIwa/Qm0x28mGwrGJudfcycidy2SiGOh+ZSn9eMrs78i5yyIigfao7+Mo90ATWMpi/pNoVNTdWvrxD/zyyNf3+Om0u948jayM3I0eNCtqlU3kgdrQVaILPyU4+zFVSMcc6y+/e5+P5l4xiqOmBz7r8HL+vUu7vRU4aE7RP3sHPD775eM8W5R5okOpO/vvIHmsbSmnx2W8s5ldDVyPr0q/L9fJz6QdjGap6/8xMKjbvcrnPO/ffjQfaWfDzu047I18i2zwAAw0r+W8iGyKvIruMBAVVQTW/2snFvlv+mYv+18h6Y1mwvHP/sCz33yLbIx+NBdopLwQXUvEbv/wAPGEkQINMlGvbTLnWQdsoo+a5EuRCny/WO1z+/Y6RLNh45Eal3K9JxTF9r6ZBiwv+rciBVBzjOZ3cWgo0w+VyTfternG3jASlFHOstf7x/GdGseBy33/n/nYqdu7dPwMK/k+PUvFbUyUfaFq5P1yucaCcYn711a38nMvpOSOZV75FPx/Lz6fU8m35x1NxLL9bKfnXjAnaW/CVfEC5ByUVc/tfvlZ+zu/h3zWSeeVb9E9Frqfitvz+hXr9b5LJpyDOGBO08EOr1/vj/pj95aK6KnLF4gAo9wCMwOYyk0YBsHwFX8kHlHsAAFhhOnP8u+P6gHIPAAANKPhKPqDcAwBAQwq+kg8o9wAA0JCCr+QDyj0AADSk4Cv5gHIPAAANKfhKPqDcAwBAjc31NXnzqX6F3sHIA2MERuRA5L5yDwAAy1Pw+yV/PHLRCIERm4i8UO4BAGB5Cj4AAABQIz8EGAC+MAY7hAP2pgAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
}
.galleria-theme-classic.galleria-container.videoplay .galleria-info,
.galleria-theme-classic.galleria-container.videoplay .galleria-counter{ display:none!important; }