/*!
 * jQuery UI CSS Framework 1.14.2
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 */

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

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


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


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

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

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*!
 * jQuery UI Tabs 1.14.2
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/tabs/#theming
 */
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

/*!
 * jQuery UI Accordion 1.14.2
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/accordion/#theming
 */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

/*!
 * jQuery UI Autocomplete 1.14.2
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

/*!
 * jQuery UI Menu 1.14.2
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/menu/#theming
 */
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

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

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

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

/*!
 * jQuery UI Datepicker 1.14.2
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

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

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

/*
    The branding this site puts on the jQuery UI widgets, which the package's own
    `themes/base/core.css` and widget stylesheets draw.

    A bundle must serve this file after every one of those. This file and the package declare the
    same selectors at the same specificity, so order alone decides them.

    No bundle serves the package's `themes/base/theme.css`, and none may: it paints a light-grey
    skin over every widget, and these rules are what the site paints instead.

    The `border: 0` rules below answer the **browser's** stylesheet, not the package's. A widget
    class lands on a `button` as often as on a `div`, and a `button` carries a 2px outset border
    the browser draws whether or not any stylesheet asks for it. Measured on the datepicker's
    button panel: without them each button grows 66x32 to 70x36 and the popup 4px taller. No
    corner radius needs the same answer, because nothing draws one on these classes.

    The icon sprite below is committed rather than taken from the package. The build copies an
    image out of a package only for a stylesheet that lives inside one, so a first-party file can
    name no image a package ships. The committed sprite is also the artwork the site has always
    drawn: the package pairs its own with offsets that differ by a pixel.
*/

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    border: 0;
    color: #000000;
}
.ui-widget-header {
    border: 0;
    color: #FFF;
    font-weight: bold;
}
.ui-widget-header a {
    color: #FFF;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 0;
    font-weight: normal;
    color: #000000;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #666666;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 0;
    font-weight: normal;
    color: #000000;
}
.ui-state-hover a,
.ui-state-hover a:hover {
    color: #666666;
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 0;
    font-weight: normal;
    color: #7a0002;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #7a0002;
    text-decoration: none;
}
.ui-widget :active {
    outline: none;
}

/* Interaction cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #f6f6f6;
    color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    font-weight: normal;
}
/* The package dims a disabled widget to 35%. This site leaves it at full strength. */
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 1;
    background-image: none;
}

/* Icons
----------------------------------*/
/* One sprite for every state. No element on the site carries `.ui-state-highlight` or
   `.ui-state-error` with an icon inside it, so a second sprite would have no reader. */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url("/Content/images/jquery-ui/ui-icons_ffffff_256x240.png");
}

/* The four offsets the live widgets reach: the accordion header triangles and the datepicker
   arrows. The sprite holds 174 icons, and no other offset has a reader. */
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

/* Tabs
----------------------------------*/
/* `Content/css/project.css` brands the tabs inside a `.ui-tabs-v2-wrapper`, and outranks every
   rule here. These are the tabs outside one. */
.ui-tabs {
    padding: 0;
}
.ui-tabs .ui-tabs-nav {
    margin-top: 15px;
    padding: 0;
}
.ui-tabs .ui-tabs-nav li {
    margin: 0 -1px 0 0;
    border-bottom: 0 !important;
    font-weight: bold;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    padding-bottom: 0;
}
/* The package brands the anchor through `.ui-tabs-anchor`, which is three classes. A rule that
   names the `a` element instead loses to it, whatever the order. */
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 0 20px;
    text-decoration: none;
    background: #f7f7f7;
}
.ui-tabs .ui-tabs-panel {
    padding: 0;
}

/*
    The branding this site puts on the jQuery UI datepicker, which the package's own
    `themes/base/datepicker.css` draws.

    A bundle must serve this file after that one. `.ui-datepicker` and `.ui-datepicker td` are
    declared in both at the same specificity, so order alone decides them.
*/
.ui-datepicker {
    background: #FFFFFF;
    border: 1px solid #DBDBDB;
    padding: 5px 5px 1px 5px;
}
.ui-datepicker .ui-datepicker-header {
    background: #00AF66;
}
.ui-datepicker td {
    border: 1px solid #dbdbdb;
    background: #FFF;
}
button.ui-datepicker-trigger {
    display: none;
}
.ui-datepicker-calendar .ui-state-default {
    background: none;
}
/* The datepicker puts `ui-state-highlight` on today's link, and Content/student-management.css
   gives that class a height of 133px for its sortable lists. `height` here answers only that. */
.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
    height: auto;
    border: 0;
    color: #000;
    font-weight: bold;
}
.ui-datepicker-calendar .ui-state-disabled {
    border: 1px solid #dbdbdb;
    background: #eee;
    color: #999;
}
.ui-datepicker-calendar .ui-datepicker-current-day {
    border: 1px solid #dbdbdb;
    background: #DBDBDB !important;
    color: #000000;
}
.ui-datepicker-calendar .ui-datepicker-today {
    border: 1px solid #dbdbdb;
    background: #dbdbdb;
}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-widget-content .ui-state-active,
.ui-datepicker-calendar .ui-widget-header .ui-state-active {
    color: #000 !important;
    background: none !important;
    font-weight: bold;
}

: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;
}


.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;
    }
}
/*
 * 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;
}

body.bmo-panel {
    background: #fff !important;
}

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

.bmo-panel .modalCopy {
    font-size: 12px;
}

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

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

.bmo-panel h2 {
    margin: 0 0 10px 0;
    padding: 0;
}

/* The dialogs on the pages whose body carries `class="bmo-panel"`. `Content/css/bmo-modal.css`
   carries the same values for the dialog primitive, which no `.bmo-panel` ancestor reaches. */
.bmo-panel .popup-buttons {
    text-align: right;
    margin-top: 30px;
    clear: both;
    font-size: 11px;
}

.bmo-panel .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 .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 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 stylesheet of the site's one dialog primitive. `Scripts/site/bmo-modal.js` builds the markup.
 *
 * **No z-index appears below except on the close control, 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, which is what the react-bootstrap dialogs drew before
 * they moved onto this primitive. 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 serves
 * ten of the site's dialogs -- so this primitive depends on no Bootstrap class and no Bootstrap
 * custom property.
 *
 * `bmo-modal`, not `bmo-dialog`: `.bmo-dialog` was taken when this file was written, by the
 * react-bootstrap dialogs that have since moved onto this primitive.
 *
 * 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.
 *
 * **`border-box` means a width is the outer box, and the replaced library's was the content.** Its
 * container took the declared width as content and added 20px of padding and a 15px border on each
 * side, so a dialog asking for 500 rendered 570 and held 500 of content. Measured on both hosts, on
 * thirteen dialogs, and the 70px was the same every time. Here 500 renders 500 and holds 458. The
 * content column is 42px narrower on every consumer, which is the one measured cost of the change.
 *
 * 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 `.bmo-panel h1` and `.bmo-panel h2`, which
 * is one class and one element. `MasterPages2_0/Modal.Master` puts `class="home bmo-panel"` 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, were the retired library's, so a dialog reads the way the
 * site's dialogs read. 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 no rule outside this file reaches
 * inside a `<dialog>`, so without this the heading comes out at the page's own `<h1>` size.
 *
 * **Two of the five declarations change what the replaced library drew, and three do not.** The
 * green is `Content/css/base.css`'s own `h1` colour, which reached inside the old container as well,
 * and 18px is what that container declared; the bold comes from `base.css` here as it did there.
 * What is new is the 1px rule under the heading, and Arial in place of `base.css`'s TeleVoice stack.
 * Both were the retired library's, so every dialog on this site now reads alike.
 *
 * The rest of that family -- `.content p`, `.content h2`, `h4` and a Verdana stack -- was scoped to
 * a `.content` ancestor inside the container, and no host div and no message payload on this site
 * carries that class, so all of it was dead. None is carried across.
 *
 * Pinned to the top of `.bmo-modal-body`, which is the scroll pane. The `box-shadow` spread paints
 * the band across the pane's 20px of padding, which the box itself does not reach. The offset must
 * stay `0`: it is measured from the pane's content box, so any other value moves the heading in a
 * dialog that does not scroll.
 */
dialog.bmo-modal .bmo-modal-title,
dialog.bmo-modal .bmo-modal-body h1 {
    position: sticky;
    top: 0;
    background-color: #fff;
    box-shadow: 0 0 0 20px #fff;
    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 mark is a data url rather than a file, because the site holds no sprite for it.
 *
 * 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.
 *
 * The z-index keeps it above the pinned heading, which is positioned too and comes later in the
 * document. Without it the heading takes this control's clicks.
 */
dialog.bmo-modal .bmo-modal-close {
    position: absolute;
    z-index: 1;
    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);
}

/*
 * A dialog whose close control is hidden rather than dropped, so the corner keeps its space and the
 * heading keeps its right padding. `visibility`, not `display`, for the same reason.
 *
 * Two meanings, both in `Scripts/site/modals.js`: work still running, and a form to finish first.
 *
 * Escape still closes it. The dialog it replaced was Escape-closable too, and a reader who cannot
 * dismiss a dialog that is waiting on a network call has no way out of it.
 */
dialog.bmo-modal.bmo-modal-busy .bmo-modal-close {
    visibility: hidden;
}

/* 20px, which is the padding of the dialog this primitive replaced, 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;
}

/*
 * The one content this box cannot size itself around: an iframe has no intrinsic content height,
 * and one with no height draws at the browser's own 150px whatever its document holds. So a dialog
 * holding an iframe is the only one that declares a height, and `ShowDialog`'s `height` option
 * exists for this rule and for nothing else.
 *
 * `height: 100%` resolves against the body's *content* box, so the 20px inset is already
 * subtracted. With no declared height on the box the percentage is circular and the 150px returns.
 */
dialog.bmo-modal .bmo-modal-frame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/*
 * The document inside a frame, which holds no dialog element, so `dialog.bmo-modal` reaches nothing
 * there. `MasterPages2_0/Modal.Master` carries this class.
 *
 * `max-height`, not `height`: a body with a height reports the frame rather than its own content,
 * and `FitDialogToFrameContent` sizes the box from that measurement. `flex: 0 1 auto` keeps the form
 * off the same trap by never stretching it.
 */
body.bmo-modal-page {
    display: flex;
    flex-direction: column;
    max-height: 100vh;
}

body.bmo-modal-page > form {
    flex: 0 1 auto;
    overflow-y: auto;
}

/* No inset to cancel and no alignment to set. The frame's own edges carry no padding, and
   `.bmo-panel .popup-buttons` in `Content/css/project.css` already right-aligns this row. */
body.bmo-modal-page .popup-buttons {
    position: sticky;
    bottom: 0;
    background-color: #fff;
}

/*
 * The typography of a dialog's own content.
 *
 * Two of these reach the 95 dialogs the message wrappers open: `p`, in 66 of their payloads, and
 * `h4` in 2. The other nine reach only the partials a dialog loads, because no payload carries an
 * `h2`, `h3`, `small`, `form`, `.checkbox`, `.radio` or `.button-divider`.
 *
 * `h2` is 28px TeleVoice from `Content/css/base.css`, or 12px where
 * `Content/layout/legacyCss/legacy.css`'s `.bmo-panel h2` reaches. Neither is what a dialog heading
 * reads, and `dialog.bmo-modal h2` outranks both.
 */
dialog.bmo-modal h2 {
    font-size: 18px;
    font-family: Arial;
    line-height: normal;
}

dialog.bmo-modal h3 {
    margin: 10px 0 0 0;
    color: #000;
    font: normal 1.4em/normal Arial, Helvetica, Verdana, sans-serif;
}

dialog.bmo-modal h4 {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 2px;
}

dialog.bmo-modal h2 span,
dialog.bmo-modal h4 span {
    font-weight: normal;
}

dialog.bmo-modal p {
    margin: 8px 0;
}

/* `!important`, because `Content/css/base.css` gives every `small` on the site 85%. */
dialog.bmo-modal small {
    font-size: 0.9em !important;
}

dialog.bmo-modal form {
    line-height: 1.5em;
}

dialog.bmo-modal form .checkbox {
    margin-right: 5px;
    margin-bottom: 4px;
}

dialog.bmo-modal form .radio {
    margin-right: 3px;
    margin-bottom: 4px;
}

/* No stylesheet outside this one declares the class, so a `.button-divider` outside a dialog draws
   no line at all. 35 files render one. */
dialog.bmo-modal .button-divider {
    border-top: 1px solid #CCC;
    margin-bottom: 20px;
}

/*
 * Four partials draw a panel background that a dialog must not repeat. Each of the four class names
 * also renders on an ordinary page, where the background is wanted, so these keep the dialog scope
 * rather than moving to the partial.
 */
dialog.bmo-modal .content-box-title,
dialog.bmo-modal .form-settings .form,
dialog.bmo-modal .form-block {
    background: none;
}

dialog.bmo-modal .form-settings .form {
    margin-bottom: 0px;
}

dialog.bmo-modal .form-settings .form h4 {
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 0px;
}

dialog.bmo-modal .form-buttons {
    margin-top: 20px;
}

/*
 * `.popup-buttons` is the site's own dialog footer, and the consumers carry it in their own markup.
 * The rule that used to right-align it on one row was scoped to the replaced library's container,
 * 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` and `Content/layout/legacyCss/legacy.css` both
 * declare for `.bmo-panel .popup-buttons`, which is the surviving half of that pair.
 *
 * The sibling selector `.bmo-panel .popup-buttons` reaches inside a dialog on the pages whose
 * body carries `class="bmo-panel"`, and nowhere else. So the footer would otherwise lay out on
 * `MasterPages2_0/Modal.Master` and not on the other nine layouts.
 *
 * Pinned to the bottom of the pane. Read the heading rule above for the `box-shadow` and the `0`.
 */
dialog.bmo-modal .popup-buttons {
    position: sticky;
    bottom: 0;
    background-color: #fff;
    box-shadow: 0 0 0 20px #fff;
    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 replaced library's `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 the old library'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;
    }
}

/* The loading bar the four React applications draw.

   These are the rules of `angular-loading-bar` 0.8.0, which reached these pages through
   `~/bundles/apps.shared.css` until the last AngularJS application went. The bar itself is
   first-party now — `Scripts/modules/loading-bar` — and it writes the same element names, so the
   paint is unchanged.

   Three groups of the original are not here, and none of them ever drew anything on this site:

   - the `.ng-enter` and `.ng-leave` rules, which are AngularJS animation hooks and match no class
     the React component writes;
   - the vendor-prefixed `transition`, `box-shadow`, `border-radius` and `animation` properties,
     which every browser this site supports has taken unprefixed for years;
   - `-ms-keyframes`, which was never a real prefix. */

#loading-bar,
#loading-bar-spinner {
    pointer-events: none;
    transition: 350ms linear all;
}

#loading-bar .bar {
    transition: width 350ms;
    background: #29d;
    position: fixed;
    z-index: 10002;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px;
}

#loading-bar .peg {
    position: absolute;
    width: 70px;
    right: 0;
    top: 0;
    height: 2px;
    opacity: 0.45;
    box-shadow: #29d 1px 0 6px 1px;
    border-radius: 100%;
}

#loading-bar-spinner {
    display: block;
    position: fixed;
    z-index: 10002;
    top: 10px;
    left: 10px;
}

/* The ring is .bmo-spinner .bmo-spinner-sm on the markup, so the corner spinner is the same grey
   ring the rest of the site draws. The bar above it keeps the accent blue: a progress bar has to be
   noticed against a light page, and brand grey would lose that. The original rules here — a 14px
   blue ring on its own 400ms keyframes — are what the two now replace. */

#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;
}

/*main content*/
.forumContent #content { width:100%; }


/*topheader*/
.topheader {margin-bottom:20px;}
.topheader table {height:25px;border-collapse:separate;width:100%;background-color:Transparent;font-size:100%;}
.topheader td {height:25px;}
.topheader th {height:25px;color:Black;white-space:nowrap;font-weight:normal;}
.topheader th.menuitem {color:black;text-align:center;width:12%;border-left:1px solid #9FAABF;border-right:1px solid #606D85;white-space:nowrap;padding-left:5px;padding-right:5px;}
.topheader th.rightitem {border-left:1px solid #9FAABF;color:Silver;text-align:right;border-right:none;}
.topheader td.outerheader {width:6px;}

/*header*/
.header table {font-size: 12px;background-color:transparent;width:100%;height:90px;border:none;}
.header td {white-space:nowrap;}
.header h1 {font-weight: normal;font-size: 12px;margin-bottom: 0px;font-family: 'Arial Narrow';margin-top:5px;}
.header img{vertical-align:middle;border:none;}

/*main body*/
.forumcontent {padding:0 25px 10px 0; }
.forumcontent table {border:none; margin:0 0 10px; width:100%;}
.forumcontent th {font-weight: bold;font-size: 12px;text-align: left;padding: 10px; border-bottom:1px solid #ccc;}
.forumcontent td {border:1px solid #ccc; padding:10px; line-height:normal; border-top:none;}
.forumcontent td.icon {border:1px solid #ccc; padding:10px 0 10px 10px; line-height:normal; border-top:none; border-right:none; text-align:center; width:26px;}
.forumcontent td.fmain {width:83%; border-left:none;}

.forumcontent textarea{font-family: Verdana;font-size: 12px;border-left: slategray 1px solid;border-right: slategray 1px solid;border-bottom: slategray 1px solid;border-top: none;}
.forumcontent select{font-family: Verdana;font-size: 12px;border: 0px solid slategray;}
.forumcontent img{vertical-align:middle;border:none;}
.forumcontent hr{height:1px;border:none;color:silver;background:silver;}
.forumcontent div.location{margin-top:17px;margin-bottom:17px;}

.forumcontent p {margin:0 0 15px 0; font-size:12px; color:#333; line-height:18px;}

#content .forumcontent .content-holder h2 { padding:15px 0 6px 0; font-size:16px; }
#content .forumcontent p a { font-size:14px; }
#content .forumcontent .meta p a { font-size:12px; }

.radiolist td {text-align: left;}
div.editbar{margin-top: 3px;border-left: 1px solid slategray;border-right: 1px solid slategray;border-top: 1px solid slategray;padding-left:2px;}
div.quote{color: #7777aa;text-decoration: none;padding-left: 15px;}


.forum-nav {font-size:14px; padding:35px 0 0; word-spacing:10px;}
.forum-nav span {word-spacing:normal;}
.forum-nav a {color:#666; font-weight:bold;}

 a.default {color:#000; font-size:15px; font-weight:bold;}
 
 td.threadno {text-align:center; font-weight:bold;}
 td.threaduser {width:100px; border-right:none;}
 .meta {float:right; width:185px; padding:0 15px; margin:0 0 15px 10px; border-left:1px dotted #ccc;}
 .forumcontent .meta  p {font-size:11px; color:#999; text-align:left;}
 
.forumcontent select.default {
	border:1px solid #ccc;
}
.outtaHere {
	position:absolute;
	left:-3000px;
}
/* selects */
.selectArea {
	width:160px !important;
	position:relative;
	height:36px;
	float:left;
	color:#000;
	font-size:11px;
	line-height:23px;
	color:#fff;
}
.selectArea .left {
	position:absolute;
	top:0;
	left:0;
	width:18px;
	height:36px;
}
.selectAreaActive .left{
	background:url(/Content/images/bg-select-left.gif) no-repeat;
}
.selectArea .right {
	position:absolute;
	top:0;
	right:0;
	width:18px;
	height:36px;
}
.selectAreaActive .right{
	background:url(/Content/images/bg-select-right.gif) no-repeat;
}
.selectArea a.selectButton {
	position:absolute;
	top:10px;
	right:17px;
	background:url(/Content/images/bg-select-button.gif) 125px 8px no-repeat;
	width:135px;
	height:20px;
}
.selectArea .center{
	height:27px;
	display:block;
	padding:9px 17px 0 17px;
}
.selectAreaActive .center{
	background:url(/Content/images/bg-select-center.gif) repeat-x;
}
.selectArea .center img { float:left; }
/* selects drop-down */
.optionsDivInvisible,
.optionsDivVisible {
	position:absolute;
	z-index:300;
}
.optionsDivInvisible {display: none;}
.optionsDivVisible ul {
	width:152px;
	margin:0;
	padding:0 4px 5px;
	overflow:hidden;
	list-style:none;
	background:url(/Content/images/bg-select-c.png) repeat-y;
	font-size:11px;
}
.optionsDivVisible ul li {
	width:100%;
	padding-top:4px;
	overflow: hidden;
	vertical-align: top;
}
.optionsDivVisible a {
	color:#fff;
	overflow:hidden;
	text-decoration:none;
	display:block;
	width:126px;
	padding:4px 13px 4px;
}
.optionsDivVisible a img { float:left; }
.optionsDivVisible a:hover {
	background-color:#2F384E;
	text-decoration:none;
}
.select-bottom{
	background:url(/Content/images/bg-select-b.png) no-repeat;
	width:160px;
	height:16px;
}

/* added by dynavox */
.requiredNote {
	color:red;
	font-size:10px;
	float:right; text-align:right;	
	line-height:12px;
}
.requiredMark {
	color:red;
	font-size:12px;
}
.textfieldNote {
	clear:both;
	line-height:16px;
	font-size:11px;
}
.textfieldNote a {
	text-decoration:underline;
}
.textfieldNote a:hover {
	text-decoration:none;
}
.form-buttons {
	text-align:right; 
	margin-top:30px;
	clear:both;
	font-size:11px;
}
.form-buttons div {
	display:inline-block;
}	


.form-settings .profile-list li .checkboxList-inline label,
.form-settings .profile-list li .checkboxList-inline input { display:inline; vertical-align:middle; }
.form-settings .profile-list li .checkboxList-inline label { padding-left:6px; }

.selectedLink
{
    font-weight:bold;
    text-decoration:underline;
}

.unselectedLink
{
    font-weight:normal;
    text-decoration:none;
}
.password {font-size: 12px; border: 1px solid #cc9933; width: 200px; font-family: arial, sans-serif;}


.clear {
	clear:both;
}
br.clear {
	padding:0; margin:0; height:0; line-height:0;
}


.marketingCallout ul { list-style:disc; }
.marketingCallout ul li { margin-left:30px; font-size:11px; padding:3px 0; }
.marketingCallout p { margin:10px; 0;  font-size:11px; }




/************** 
checkout styles 
**************/

.generalCopy {
	font-size:11px;
	color:#000;
}

/* printer editor/player landing */
.productLandingMain { font-family:Arial, Helvetica, sans-serif; }
.productLandingMain h3 {
	color:#666;
	font-size:18px;
	font-style:italic;
	font-weight:normal;
	margin:10px 0;
}
.productLandingMain p {
	margin:22px 0;
	font-size:12px;
	line-height:16px;
}
#productLanding01 {
	background:url(/Content/images/bg_peMonitor.jpg) top right no-repeat;	
	padding:0 290px 0 0;
	position:relative;
}

#productLanding02 {
	background:url(/Content/images/bg_playerMonitor.jpg) top right no-repeat;	
	padding:0 290px 0 0;
	position:relative;
}
#productPreviewHolder {
	position:absolute;
	top:230px;
	right:0;
	width:241px;
	text-align:center;
}
#productPreviewHolder a img {
	margin:7px 2px 7px 0;
}
#peLandingMain .easy {
	background:url(/Content/images/bg_peEasy.jpg) top left no-repeat;
	height:269px;
	padding:22px 0 0 0;
}
#playerLandingMain .easy {
	background:url(/Content/images/bg_playerEasy.jpg) top left no-repeat;
	height:269px;
	padding:22px 0 0 0;
}
.productLandingMain .easy ol {
	list-style-type:decimal;
}
.productLandingMain .easy ol li {
	font-size:24px;
	color:#3f6622;
	margin:12px 0 12px 55px;
}
.productLandingMain .easy ol li span {
	color:#555;
	font-size:14px;
}
.productLandingMain .easy ol li a {
	color:#555;
	text-decoration:underline;
	font-weight:bold;
}
.productLandingMain .productFeatures ul {
	float:left;
	width:285px;
	margin:0 35px 0 0;
	font-size:12px;
}
.productLandingMain .productFeatures ul.noMargin { margin:0; width:300px; }
.productLandingMain .productFeatures ul li {
	background:url(/Content/images/bul_star.gif) 0 6px no-repeat;
	line-height:18px;
	padding:0 0 0 16px;
}
.productLandingMain .productFeatures ul li.header { background:none; color:#000; font-weight:bold; }
.productLandingSide p { margin:15px 0 30px 0; }
.productLandingSide p a { 
	color:var(--color-td-gray-5, #75787B);
	text-decoration:underline;
}
#viewDemoBox {
	background:url(/Content/images/bg_peDemoBtn.gif) 0 0 no-repeat;
	width:259px;
	height:83px;
}
#viewDemoBox div {
	padding:14px;	
}
#viewDemoBox img { margin-right:10px; }
#viewDemoBox h1 { font-size:18px; color:var(--color-td-green-heading, #00995b); font-weight:bold; line-height:8px; margin-top:2px; }
#viewDemoBox p { font-size:12px; color:#666; line-height:16px;}

.player #viewDemoBox h1 { line-height:16px; font-size:14px; }

.callout1 { margin-top:230px; }
.callout1 img {
	margin-bottom:15px;
}
.callout2 { margin-top:90px; }






/* printer editor sign up */
#planChoiceHolder {
	height:151px;
	padding-bottom:2px;
}
#planChoiceHolder ul {
	list-style:none;
	display:inline;
}
#planChoiceHolder .planChoiceItem {
	float:left;
	width:208px;
	height:127px;
	margin-right:1px;
	background:#ebebeb;
	text-align:center;
	padding:24px 0 0 0;
	cursor:pointer;
	font-family:Verdana, Geneva, sans-serif;
}
#planChoiceHolder .noPointer {
	cursor:default;
}
#planChoiceHolder .planChoiceItem label {
	display:block;
	width:209px;
	height:127px;
	text-align:center;
	
}
#planChoiceHolder .planChoiceItem a { display:block; }
#planChoiceHolder .planChoiceItem.selected,
#planChoiceHolder a.planChoiceItem:hover {
	background:url(/Content/images/bg_activePlanChoiceItem.gif) 0 0 no-repeat;
	text-decoration:none;
}
#planChoiceHolder .planChoiceItem.selected h1.length,
#planChoiceHolder a.planChoiceItem:hover h1.length { color:#000; }
#planChoiceHolder .planChoiceItem h1.length {
	font-size:24px;
	font-weight:bold;
	color:#666;
}
#planChoiceHolder .planChoiceItem p.desc {
	font-size:12px;
	margin:10px 0 0 0;
	font-weight:bold;
	color:#666;
}
#planChoiceHolder .planChoiceItem p.desc .caps {
	font-weight:bold;
	text-transform:uppercase;
}
#planChoiceHolder .planChoiceItem h1.price {
	font-size:24px;
	font-weight:bold;
	color:var(--color-td-green-heading, #00995b);
	line-height:65px;
}

.checkoutForm .form-block {
	margin-top:0;
}
.checkoutForm .form-block h4 {
	margin-bottom:10px;
}
.checkoutForm .col {
	margin-bottom:22px;
}
.checkoutForm .profile-list li textarea.termsConditions {
	width:605px;
	height:150px;
	border:1px solid #737373;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
}
.checkoutForm .agreeTermsConditions {
	font-size:12px;
}

.checkoutForm .profile-list{
	padding-bottom:8px;
}

.checkoutBtns {
	text-align:right;
}
.checkoutBtns input {
	width:99px;
}
.checkoutBtns input.submit {
	background:url(/Content/images/btn_submit.gif) 0 0 no-repeat;
	width:97px;
	float:none;
	margin-right:9px;
}
.checkoutBtns input.cancel {
	background:url(/Content/images/btn_cancel.gif) 0 0 no-repeat;
	width:83px;
	float:none;
	padding:0 0 2px 0;
}



/* printer editor sign up page 2 */
.billingAddress {
	font-size:12px;
}
.pe-signUp2 strong {
	font-weight:bold;
}
.pe-signUp2 .lnk_whatsThis {
	font-size:11px;
	color:#555;
}
.pe-signUp2 .lnk_whatsThis a {
	text-decoration:underline;
	color:#555;
}
.pe-signUp2 #orderSummaryTable {
	border:1px solid var(--color-td-gray-3, #C8C9C7);
	margin-bottom:30px;
}
.pe-signUp2 #orderSummaryTable th {
	background:var(--color-td-gray-1, #F2F2F2);
	font-weight:bold;
}
.pe-signUp2 #orderSummaryTable th,
.pe-signUp2 #orderSummaryTable td {
	border-right:1px solid var(--color-td-gray-3, #C8C9C7);
	padding:18px 14px;
	border-bottom:1px solid var(--color-td-gray-3, #C8C9C7);
	font-size:12px;
	text-align:left;
}
.pe-signUp2 #orderSummaryTable th.last,
.pe-signUp2 #orderSummaryTable td.last {
	border-right:0;
}
.pe-signUp2 #orderSummaryTable tr.noBorder td {
	border:0;
	padding:18px 14px 18px 0;
}
.pe-signUp2 #orderSummaryTable td.alignRight {
	text-align:right;
}
.pe-signUp2 .noFloat {
	float:none;
}
#ccNumber-MM {
	width:25px;
}
#ccNumber-YYYY {
	width:50px;
}
#secCode {
	width:74px;
}
.pe-signUp2 .slash {
	font-size:12px;
}

.pe-signUp2 .checkoutBtns {
	width:627px;
}


/* printer editor sign up page 3 */
#wrapper .pe-signUp3 {
	
}
.pe-signUp3 .gray-box {
	font-size:11px;
	color:#666;
}
.pe-signUp3 .gray-box a {
	color:#666;
	text-decoration:underline;
}
.pe-signUp3 .gray-box p {
	margin:8px 0;
}
.pe-signUp3 .gray-box p.black {
	color:#000;
}
.pe-signUp3 .form-block{
	padding-top:31px;
	background:url(/Content/images/bg-content-box.gif) no-repeat;
	width:100%;
	overflow:hidden;
	font-size:12px;
	color:#000;
}
.pe-signUp3 .form-block h4 {
	margin:0 0 24px;
	font:1.8em/1.2em Arial, Helvetica, sans-serif;
	color:var(--color-td-gray-5, #75787B);
}
.pe-signUp3 .form-block p {
	margin:12px 0;
	padding-right:15px;
}
.pe-signUp3 .form-block strong {
	font-weight:bold;
}
.pe-signUp3-aside {
	position:relative;
	width:251px;
}
.pe-signUp3-aside p {
	margin:12px 0;
	font-size:12px;
	color:#000;
}
.pe-signUp3-aside a {
	text-decoration:underline;
	font-weight:bold;
}
.popularActHolder {
	width:100%;
	position:relative;
	padding-top:31px;	
	overflow:hidden;
}
.popularActHolder strong {
	font-weight:bold;
}
.popularActHolder p {
	color:#666;
	font-size:11px;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
}
.pe-signUp3-aside .top-div {
	position:absolute;
	left:-25px;
	top:94px;
	height:22px;
	width:292px;
}
.activityHolder {
	clear:both;
	margin-bottom:26px;
	list-style-type: none;
}
.activityHolder li {
	float:left;
	width:146px;
}
.activityHolder .activityThumb {
	/*float:left;*/
	padding-right:15px;
	width:87px;
	/*display:block;*/
}
.activityHolder p {
	/*float:left;*/
	margin:0;
	line-height:18px;
}




/* printer editor trial page 1 */
.checkoutBtns input.btn_startMyTrial {
	background:url(/Content/images/btn-startFreeTrial.gif) 0 0 no-repeat;
	width:170px;	
}




/* player page 1 */
.playerPlans .caps {
	color:#00AF66;
}
.form-settings .profile-list .numberOfSubscriptions input.text,
.form-settings .profile-list .numberOfAddSubscriptions input.text {
	width:45px;
}
.form-settings .profile-list .numberOfSubscriptions .field {
	width:155px;
}
.form-settings .profile-list .numberOfSubscriptions .desc {
	width:445px;
	color:#666;
	font-size:11px;
	line-height:16px;
}

/* add subscriptions */
.form-settings .profile-list li.numberOfAddSubscriptions {		
	background:url(/Content/images/bg_addPlayerSubscriptions.gif) 0 0 no-repeat;
	padding-bottom:0;
}
.numberOfAddSubscriptions .col {
	margin-bottom:0;
}
.numberOfAddSubscriptions .field {
	width:220px;
	margin-right:32px;
	padding:40px 0 0 15px;
}
.numberOfAddSubscriptions .desc1 {
	text-align:left;
	width:150px;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	color:#666;
	background:none;
	padding-top:30px;
}
.numberOfAddSubscriptions .desc1 .caps {
	color:#00AF66;
}
.numberOfAddSubscriptions .desc2 {
	text-align:left;
	width:170px;
	padding-top:30px;
	font-size:11px;
	color:#666;
	line-height:16px;
}


/* player page 3 */
.player strong {
	font-weight:bold;
}
.player .pink-block {
	color:#7a0002;
}
.player .pink-block .frame {
	padding:22px 16px 14px 20px;
	font-size:11px;
}
.player .pink-block .frame a {
	font-weight:bold;
}
.player.gray-box {
	font-size:11px;
	color:#666;
}
.player .gray-box a {
	color:#666;
	text-decoration:underline;
}
.player .gray-box p {
	margin:8px 0;
}
.player .gray-box p.black {
	color:#000;
}


/* player page 4 */
.player .noFloat {
	float:none;
}
.player .checkoutBtns {
	margin-bottom:35px;
}
.player-aside {
	position:relative;
	width:251px;
}
.player-aside strong {
	font-weight:bold;
	color:#000;
}
.player-aside p {
	margin:12px 0;
	font-size:11px;
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	line-height:16px;
}
.player-aside a {
	text-decoration:underline;
	font-weight:bold;
	color:#666;
}


/* player page 5 */
#downloadList {
	background:url(/Content/images/bg-content-box.gif) 0 100% no-repeat;
	margin-top:30px;
	margin-bottom:15px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
}
#downloadList li {
	margin-top:10px;
	position:relative;
}
#downloadList li p {
	padding-top:10px;
	line-height:16px;
}
#downloadList li span {
	font-size:14px;
	font-weight:bold;
}
.download-windows p {
	background:url(/Content/images/ico-windows.gif) 0 0 no-repeat;
	padding:0 0 0 60px;
	height:60px;
}
.download-mac {
	padding:0 0 15px 0;
}
.download-mac p {
	background:url(/Content/images/ico-osx.gif) 0 0 no-repeat;
	padding:0 0 0 60px;
	height:60px;
}
#downloadList li .link {
	position:absolute;
	right:15px;
	top:10px;
}
#gettingStarted {
	margin-bottom:20px;
}
#gettingStarted .left {
	width:207px;
	padding:0 45px 0 0;
	float:left;
	font-size:12px;
	color:#000;
}
#gettingStarted .right {
	float:left;
	background:url(/Content/images/bg_loginScreenshot.jpg) 0 0 no-repeat;
	width:375px;
	height:326px;
	position:relative;
}
#gettingStarted .left h3 {
	margin:0 0 12px;
	font:normal 1.8em/1.2em Arial, Helvetica, sans-serifl;
	color:var(--color-td-gray-5, #75787B);
}
#gettingStarted .right div {
	position:absolute;
	left:170px;
	font-size:13px;
	color:#000;
	line-height:18px;
	font-weight:bold;
}
#gettingStarted .right #AL-accountNum {
	top:126px;	
}
#gettingStarted .right #username {
	top:159px;
}
#gettingStarted .right #password {
	top:193px;
}
#gettingStarted .noFloat {
	float:none;
	height:0; margin:0; padding:0;
}











#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.ui-tabs-nav 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.ui-tabs-nav li a.tab-override {
    float: none;
    padding: 0;
}

.lg-btn-menu li a:focus-visible, .lg-btn-menu.ui-tabs-nav li a.tab-override:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -4px;
}

.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.ui-tabs-nav 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;
}

/* The blocking overlay */
.bmo-overlay {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.bmo-overlay h1, .bmo-overlay img {
    margin-top: 32px;
}

.bmo-overlay 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;
}

/* =====================================================
   The layout of four partials the site loads into a dialog. These rules are keyed on the partial
   rather than on the dialog, because each class name below renders in those partials and nowhere
   else on the site. A dialog scope would say the layout is the dialog's, and it is not.

   This file rides `bundles/legacy-app.css` and `bundles/singleFileViewCss`, and not
   `bundles/layout/base.css`. All four partials open from a legacy master page, so all four are
   served. A dialog opened from `Views/Shared/_NewLayout.cshtml` would not be.
   ===================================================== */

.username-password-overflow {
    height: 346px;
    overflow: auto;
    border: 1px solid #CCC;
}

.assign-to-selected {
    height: 346px;
    overflow: auto;
    border: 1px solid #CCC;
}

.assign-to-selected td {
    vertical-align: top;
    padding: 0;
}

.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;
}

.assign-to-selected td .activities .checkbox {
    margin-right: 12px;
    float: left;
}

.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;
}

.assign-to-selected td .activities .assign-actions {
    position: relative;
    height: 118px;
    float: left;
    padding-left: 0;
    width: 420px;
}

.assign-to-selected td h4 {
    font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
}

.assign-to-selected td h4 a {
    text-decoration: underline;
    color: #000;
}

.assign-to-selected h4 a:hover {
    text-decoration: none;
}

/* `Views/Shared/Student/EditStudentProfile_Sec1.ascx` and
   `Views/Shared/Student/InitiateStudentSetUp.ascx` are the only two files on the site that render
   these two names, so an unscoped rule reaches those two and nothing else. */
.left-col,
.right-col {
    float: left;
    width: 50%;
}

.left-col .content {
    padding-right: 10px;
}

.right-col .content {
    padding-left: 10px;
}

.profile-picture {
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    padding-top: 4px;
}

.profile-picture .avatar {
    width: 98px;
    background: #FFF;
    margin-right: 15px;
    text-align: left;
    vertical-align: bottom;
    overflow: hidden;
    position: relative;
    border: 1px solid #000;
}

.profile-picture .avatar img {
    position: relative;
    bottom: 0;
}

.profile-picture a {
    color: #00F;
    text-decoration: underline;
}

.profile-picture a:hover {
    text-decoration: none;
}

/*
 * 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;
}
/* ---- 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.
 * asset-build/bootstrap5.test.mjs holds the list of heads that serve Bootstrap 5, and that master
 * page is not on it.
 *
 * 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 the blocking overlay's message, which reaches 9012 for the `baseZ: 9001` that
     * `org-administration.js` passes. `Scripts/site/block-overlay.js` owns that offset.
     * The dialog primitive needs no number: `showModal()` paints it in the top layer. */
    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;
}

@charset "utf-8";
/* CSS Document */

#beta-bar {background:url(/Content/images/BETA-topbar.jpg) 0 0 repeat-x; height:25px; width:100%;}
#beta-bar-content {margin:0 auto; text-align:left; width:980px;}
#beta-submit-feedback {float:left; font:10px/25px Verdana,Arial,Helvetica,sans-serif; height:25px; padding-left:13px; text-transform:uppercase; vertical-align:middle;}
#beta-tutorials {float:right; font:10px/25px Verdana,Arial,Helvetica,sans-serif; height:25px; margin-right:13px; text-align:right; text-transform:uppercase; vertical-align:middle;}
#beta-submit-feedback a, #beta-tutorials a {text-decoration:none; color:#FFFFFF;}
#beta-submit-feedback a:hover, #beta-tutorials a:hover {text-decoration:underline;}

/* =====================================================
   Grid, pager and upload widget base
   ===================================================== */

.bmo-ui-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; }

.bmo-ui-widget,
.bmo-ui-widget .text-box{
    font-size: 100%;
}

.bmo-ui-link
{
    cursor: pointer;
    outline: none;
}

.bmo-ui-icon{
    background-color: transparent;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    vertical-align: middle;
}

.bmo-ui-header .bmo-ui-link
{
    text-decoration: none;
}

/* Grid */
.bmo-ui-grid
{
    position: relative;
    zoom: 1;
}

.bmo-ui-grid table
{
    width: 100%;
    border-collapse: separate;
    empty-cells: show;
    border: 0;
}

.bmo-ui-grid-header .bmo-ui-header
{
    text-align: left;
	font-weight:bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bmo-ui-grid-header .bmo-ui-header .bmo-ui-link
{
    line-height: 18px; /* due to sorting icons*/
    height: 18px;
    display: block;
    margin: -.3em -.6em;
    padding: .3em 2.4em .3em .6em;
    border: 0;
}

.bmo-ui-grid-header .bmo-ui-header .bmo-ui-icon
{
    position: static;
}

.bmo-ui-grid td
{
    border: 0;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.bmo-ui-grid-header{
    padding-right: 17px; /* width of scrollbar. may vary across operating systems. can be calculated. */
    zoom: 1;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

div.bmo-ui-grid-header .bmo-ui-header{
    border-bottom-width: 0;
}

.bmo-ui-grid-header table{
    table-layout: fixed;
}

/* Grid : : paging */

.bmo-ui-grid-pager
{
    line-height: 1.8em;
	height:27px;
	padding-top:25px;
	z-index:100;
	font-size: 11px;
}

.bmo-ui-grid-bottom
{
	float:right;
}

.bmo-ui-grid .bmo-ui-pager,
.bmo-ui-grid .bmo-ui-status-text,
.bmo-ui-pager .bmo-ui-page-i-of-n,
.bmo-ui-pager .bmo-ui-link,
.bmo-ui-pager span,
.bmo-ui-pager input{
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
}

.bmo-ui-footer-template td
{
    border-width: 1px 1px 0 0;
    border-style: solid;
}

.bmo-ui-grid .bmo-ui-pager
{
    float: left;
    cursor: default;
}

.bmo-ui-grid .bmo-ui-status-text
{
    float: right;
    margin-right: .2em;
}

.bmo-ui-pager .bmo-ui-link
{
    text-decoration: none;
    padding: 1px;
    margin-top: .2em;
    border: 0;
    line-height: 16px;
}

.bmo-ui-pager span,
.bmo-ui-pager .bmo-ui-link
{
    vertical-align: top;
}

.bmo-ui-pager .bmo-ui-page-i-of-n
{
    margin: 0 7px;
    vertical-align: top;
}

.bmo-ui-page-i-of-n input
{
    width: 2em;
    vertical-align: baseline;
    font-size: 1em;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

/* Grid :: grouping */

.bmo-ui-grid td.bmo-ui-hierarchy-cell
{
    border-right: 0;
}

/* Grid :: editing */

.bmo-ui-grid .field-validation-error
{
    display: block;
}

.bmo-ui-grid .input-validation-error
{
    border-style: ridge;
    border-color: #f00;
    background-color: #ffc0cb;
}

.bmo-ui-grid .bmo-ui-detail-cell
{
    overflow: visible;
}

/* Upload */

html .bmo-ui-upload
{
    position: relative;
    border-width:0;
    background: none;
}

.bmo-ui-dropzone,
.bmo-ui-upload-files
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.bmo-ui-dropzone em,
.bmo-ui-upload-button
{
    vertical-align: middle;
}

.bmo-ui-dropzone
{
    border-style: solid;
    border-width: 0;
	padding: 4px 0;
    background-color: transparent;
}

.bmo-ui-dropzone em
{
    margin-left: .6em;
    visibility: hidden;
}

.bmo-ui-upload-button
{
    position: relative;
    direction: ltr;
    overflow: hidden !important;
}

.bmo-ui-upload-button input
{
    font: 200px monospace !important; /* The input font size and family are critical for the operation of the Upload */
    opacity: 0;
    position: absolute;
    padding: 0;
    margin: 0;
    cursor: pointer;
    right: 0; top: 0;
    z-index: 1;
    vertical-align:inherit;
}

.bmo-ui-upload-files
{
    border-style: solid;
    border-width: 1px;
    padding: .3em .7em .5em;
    line-height: 1.9em;
	clear: both;
	margin: 2em 0 .25em;
}

dialog.bmo-modal .bmo-ui-upload-files
{
	margin: 1em 0 0;
}

.bmo-ui-upload-selected
{
    min-width: 86px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    margin: 3px 0 0;
}

/* =====================================================
   Grid, pager and upload widget colours. A selector that also appears in the section above
   is declared twice on purpose: the order of the two declarations is load-bearing.
   ===================================================== */

.bmo-ui-widget,
.bmo-ui-widget button,
.bmo-ui-widget input,
.bmo-ui-widget select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The two sprite urls below are rooted, so they resolve against the document rather than against
   this file, and moving this rule between stylesheets does not change what they fetch. */
.bmo-ui-header,
.bmo-ui-grid-header {
    border-color: #a7bac5;
    background: #a6d9f4 url('/Content/images/bmo-ui/sprite.png') repeat-x 0 -752px;
}

.bmo-ui-icon {
    background-image: url('/Content/images/bmo-ui/sprite.png');
}

.bmo-ui-plus{ background-position: 0 -256px; }
.bmo-ui-minus{ background-position: -16px -256px; }

.bmo-ui-arrow-up { background-position: -16px -160px; }
.bmo-ui-arrow-down { background-position: -16px -176px; }

.bmo-ui-refresh { background-position: -32px -240px; display: none !important;}

.bmo-ui-widget,
.bmo-ui-link:link,
.bmo-ui-link:active,
.bmo-ui-link:visited{
    color: #000;
}

.bmo-ui-footer-template td
{
    background-color: #e0e5f5;
    border-color: #aec5d1 #e0e5f5 #fff;
}

.bmo-ui-upload-files
{
    border-color: #d2dfe6;
    background-color: #eff7fc;
}

.bmo-ui-dropzone em
{
    color: #a7bac5;
}

.bmo-ui-pager { float: right !important; }

.bmo-ui-pager .bmo-ui-link{ -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; margin-top: -2px; background: none; margin-left: 3px; border: 1px solid var(--color-td-gray-3, #C8C9C7); color: #3F3F3F; }

.cell-break-word {
    word-break: break-all;
}

/* =====================================================
   Student profile card — fix column layout when parent
   has display:flex (flex shrinkage collapses columns)
   ===================================================== */
.student-profile-box .student-profile-details {
    flex-shrink: 0;
}
.student-profile-box .student-profile-details .student-profile-details-columns .column-left,
.student-profile-box .student-profile-details .student-profile-details-columns .column-middle {
    float: left;
    min-width: 160px;
}

/* =====================================================
   BMOGrid header — mirrors .bmo-ui-grid-header rules that
   don't apply because BMOGrid has no .bmo-ui-grid-header wrapper
   ===================================================== */
.bmo-ui-grid th.bmo-ui-header {
    text-align: left;
}
.bmo-ui-grid th.bmo-ui-header .bmo-ui-link {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
    border: 0;
    line-height: 18px;
}
.bmo-ui-grid th.bmo-ui-header .bmo-ui-link span {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-left: 4px;
    vertical-align: middle;
}

/* BMOGrid pager — use flex to guarantee inline layout regardless of bootstrap resets */
.bmo-ui-pager.bmo-ui-grid-pager {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    float: none !important;
    padding: 4px 8px;
}
.bmo-ui-pager.bmo-ui-grid-pager.bmo-pager-hidden {
    display: none !important;
}
/* Clickable numeric page buttons (|< < 1 2 3 ... > >|), styled to match the
   MemberSearchList GridView pager (.gv-pager-bar in admin/global.css) so pagination
   is uniform app-wide. Replaces the old "type the page number" input box. */
.bmo-ui-pager.bmo-ui-grid-pager .bmo-pager-nav {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.bmo-pager .bmo-page-btn {
    display: inline-block;
    padding: 4px 10px;
    margin: 0 2px;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-radius: 3px;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.4;
}
.bmo-pager a.bmo-page-btn { color: #008759; cursor: pointer; }
.bmo-pager a.bmo-page-btn:hover { background: var(--color-td-gray-1, #F2F2F2); }
.bmo-pager .bmo-page-current { background: #008759; color: #fff; border-color: #008759; }
.bmo-pager .bmo-page-disabled { color: var(--color-td-gray-3, #C8C9C7); }
.bmo-ui-pager-total {
    margin-left: 10px;
    font-size: 12px;
    color: #555;
    vertical-align: middle;
}

/* Loading indicator while BMOGrid fetches data.
   The ring itself is the site's .bmo-spinner, declared in Content/css/site-components.css, which
   this bundle serves nineteen positions earlier. Only the placement is here.
   Pages must NOT layer their own loader.gif spinner on top (that produced the
   "two/three spinners" bug).
   min-height guarantees the centered spinner has room on an empty/short grid
   (initial load) instead of collapsing into the top-left corner. */
.bmo-ui-widget.bmo-ui-grid.bmo-ui-loading {
    position: relative;
    pointer-events: none;
    opacity: 0.6;
    min-height: 120px;
    /* The loading state must show only the ::after spinner below. This guards against a stray
       background in the large legacy-app.css bundle reaching the loader. */
    background-image: none;
}
.bmo-ui-widget.bmo-ui-grid.bmo-ui-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    z-index: 10;
}

/* =====================================================
   TD Brand Gray overrides. These must stay below the two sections above, which set the
   colours they replace.
   ===================================================== */

/* Gray 1: #F2F2F2  (was #f7f7f7, #f1f1f1) */
.bmo-ui-alt { background-color: var(--color-td-gray-1, #F2F2F2); }

/* Gray 2: #D9D9D6  (was #e8e8e8, #e3e3e3, #e0e0e0, #d1d1d1) */
.bmo-ui-pager .bmo-ui-state-hover { background: var(--color-td-gray-2, #D9D9D6); }
.bmo-ui-popup .bmo-ui-item:hover { background: var(--color-td-gray-2, #D9D9D6); }
.bmo-ui-calendar th { border-color: var(--color-td-gray-2, #D9D9D6); }

/* Gray 3: #C8C9C7  (was #ccc) */
.bmo-ui-grouping-header .bmo-ui-group-indicator { border-color: var(--color-td-gray-3, #C8C9C7); }

/* Gray 4: #B1B3B3  (was #bbb, #aaa) */
.bmo-ui-state-disabled,
.bmo-ui-state-disabled .bmo-ui-link { border-color: var(--color-td-gray-4, #B1B3B3); }
.bmo-ui-panelbar .bmo-ui-link,
.bmo-ui-panelbar .bmo-ui-group,
.bmo-ui-panelbar .bmo-ui-content { border-color: var(--color-td-gray-4, #B1B3B3); }
.bmo-ui-popup,
.bmo-ui-menu .bmo-ui-group,
.bmo-ui-time-popup,
.bmo-ui-datepicker-calendar { box-shadow: 2px 2px 2px var(--color-td-gray-4, #B1B3B3); }
div.bmo-ui-window { box-shadow: 0 0 5px 2px var(--color-td-gray-4, #B1B3B3); }
.bmo-ui-grid-resize-indicator { background-color: var(--color-td-gray-4, #B1B3B3); }

/* Gray 5: #75787B  (was #999, #8a8a8a, #858585, #777, #767676) */
.bmo-ui-state-disabled .bmo-ui-link { color: var(--color-td-gray-5, #75787B); }
.bmo-ui-touch-scrollbar { border-color: var(--color-td-gray-5, #75787B); background-color: var(--color-td-gray-5, #75787B); }
.bmo-ui-other-month .bmo-ui-link { color: var(--color-td-gray-5, #75787B); }
.bmo-ui-tooltip { border-color: var(--color-td-gray-5, #75787B); }

.bmo-ui-grid-custom th a.bmo-ui-link { padding:0 !important; margin:0 !important; }
.bmo-ui-grid-custom th.bmo-ui-hierarchy-cell,
.bmo-ui-grid-custom td.bmo-ui-hierarchy-cell {
    width:40px !important;
    min-width:40px;
    max-width:40px;
    padding-left:0;
    padding-right:0;
    text-align:center;
}
.bmo-ui-grid-custom .bmo-ui-detail-cell > .bmo-ui-grid > .bmo-ui-grid-pager {
    clear:both;
    position:static !important;
}
.bmo-ui-grid-custom .bmo-ui-detail-cell { padding:0; }
.bmo-ui-grid-custom .bmo-ui-detail-cell .nested-grid { table-layout:fixed;width:840px;/*border-top:1px solid #ccc;*/ }
/* removed 1/28/2013 */ /*.bmo-ui-grid-custom .bmo-ui-detail-cell .nested-grid thead { display:none; }*/
/* added   1/28/2013 */ .bmo-ui-grid-custom .bmo-ui-detail-cell .nested-grid thead { visibility:hidden; height: 0; line-height: 0; }
/* added   1/28/2013 */ .bmo-ui-grid-custom .bmo-ui-detail-cell .nested-grid thead th, .bmo-ui-grid-custom .bmo-ui-detail-cell .nested-grid thead th .bmo-ui-link { border:0 none; height: 0; line-height: 0; padding: 0; margin:0;}
.bmo-ui-grid-custom .bmo-ui-detail-cell .nested-grid tr.bmo-ui-alt { background:none; }
.bmo-ui-grid-custom .bmo-ui-master-row td.bmo-ui-hierarchy-cell { border-bottom:0; border-top:1px solid var(--color-td-gray-3, #C8C9C7); }
.bmo-ui-grid-custom .bmo-ui-detail-row td.bmo-ui-hierarchy-cell,
.bmo-ui-grid-custom .bmo-ui-detail-row td.bmo-ui-detail-cell { border-top:0; }
.bmo-ui-grid-custom .bmo-ui-detail-row td.bmo-ui-detail-cell .bmo-ui-last { border-bottom:1px solid var(--color-td-gray-3, #C8C9C7); }
.bmo-ui-grid-custom .bmo-ui-detail-row .bmo-ui-footer-template td { background:none; padding:0; }
.bmo-ui-grid-custom .bmo-ui-grid-bottom { border:none; }

/* performance tab */
.bmo-ui-grid-custom .bmo-ui-detail-row td.bmo-ui-detail-cell table.tbl-session-set .bmo-ui-last { border-top:none; }
.bmo-ui-grid-custom .bmo-ui-detail-cell table.tbl-session-set.nested-grid > thead { display:none !important; }
.bmo-ui-grid-custom .bmo-ui-detail-cell table.tbl-session-set.nested-grid .bmo-ui-detail-cell .nested-grid { table-layout:fixed;width:840px; }
.bmo-ui-grid-custom .bmo-ui-detail-cell table.tbl-session-set.nested-grid .bmo-ui-detail-cell .nested-grid { table-layout:fixed;width:840px; }
.bmo-ui-grid-custom .bmo-ui-detail-cell table.tbl-session-set.nested-grid .bmo-ui-master-row > td { border-bottom:none !important; }
.bmo-ui-grid-custom .bmo-ui-detail-cell table.tbl-session-set.nested-grid .tbl-events > tbody > tr > td.bmo-ui-last { border-top:1px solid var(--color-td-gray-3, #C8C9C7) !important; }

.bmo-ui-grid-custom .bmo-ui-detail-cell table.tbl-session-set.nested-grid table.tbl-activity-performance-results thead { visibility:visible; height: 21px; line-height: 14px; }
.bmo-ui-grid-custom .bmo-ui-detail-cell table.tbl-session-set.nested-grid table.tbl-activity-performance-results thead th, .bmo-ui-grid-custom .bmo-ui-detail-cell table.tbl-session-set.nested-grid table.tbl-activity-performance-results thead th .bmo-ui-link { height: 21px; line-height: 14px; padding: 8px 10px; border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7); }

/* reports performance IEP goal activity */
.tbl-performance-data-goal-activity { border: 1px solid var(--color-td-gray-3, #C8C9C7) !important; margin: 20px 0; }
.bmo-ui-grid-custom .bmo-ui-detail-cell table.tbl-performance-data-goal-activity.nested-grid thead { visibility:visible; height: 21px; line-height: 14px; }
.bmo-ui-grid-custom .bmo-ui-detail-cell table.tbl-performance-data-goal-activity.nested-grid thead th { padding: 8px 10px;}
.bmo-ui-grid-custom .bmo-ui-detail-cell table.tbl-performance-data-goal-activity.nested-grid thead th .bmo-ui-link { padding: 8px 0px;}

/* 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;
}

.assignment-row {
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding: 15px 0;
    position: relative;
}

.assignment-row a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
}

.assignment-row a:hover {
    text-decoration: none;
}

.assignment-options .gray-well {
    margin-top: 8px;
    padding: 8px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.assignment-row .activity-row {
    border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding: 15px 0;
    position: relative;
}

/* activity set listing */
.btn-toggle-activity-set {
    position: absolute;
    bottom: -1px;
    right: 22px;
    margin: 0 !important;
    z-index: 2000;
}

/* modals */
/* add assignment */
#tabsKeyword,
#tabsStandards {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-top: none;
    padding-bottom: 0;
}

#addAssignmentHolder {
    margin-top: 20px;
    background: #fff;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: var(--color-td-gray-3, #C8C9C7);
}

#keywordFilter,
#standardsFilter {
    padding: 0 10px;
}

#keywordFilter select,
#standardsFilter select {
    width: 100%;
    margin-bottom: 10px;
}

#keywordFilter input[type="text"] {
    width: 622px;
}


#addAssignmentHolder .activity {
    position: relative;
}

#addAssignmentHolder .desc .title {
    background: none;
}

#addAssignmentHolder .desc .title,
#addAssignmentHolder .desc .by,
#addAssignmentHolder .desc .standard {
    padding-left: 0;
}

#addAssignmentHolder .gray-well {
    background: var(--color-td-gray-1, #F2F2F2);
    padding: 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

#addAssignmentHolder .btn-assign-to,
#addAssignmentHolder .btn-unassign {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#addAssignmentHolder .activity .check-assigned {
    background: url(/Content/images/assign-activities-checkmark.png) 0 0 no-repeat;
    position: absolute;
    top: 3px;
    left: 117px;
    height: 46px;
    width: 46px;
    z-index: 150;
}

/* manage associations */
#manageAssociationsHolder .gray-well {
    margin-bottom: 20px;
}

#manageAssociationsHolder .gray-well img {
    width: 87px;
    float: left;
}

#manageAssociationsHolder .gray-well p {
    float: left;
    margin-left: 10px;
    font-weight: bold;
    font-size: 12px;
    color: #000;
}

#manageAssociationsHolder #associationGridHolder th,
#manageAssociationsHolder #associationGridHolder td {
    font-size: 11px;
}

#manageAssociationsHolder #associationGridHolder th {
    font-weight: bold;
}

#manageAssociationsHolder #associationGridHolder tr.association-row-1 .content,
#manageAssociationsHolder #associationGridHolder tr.association-row-2 .content {
    padding-left: 10px;
}

#manageAssociationsHolder #associationGridHolder tr.association-row-1 .content {
    font-weight: bold;
}

#tabsPerformanceResults {
	padding-top:0;	
}

.tbl-performance-results {
	width:100% !important;	
	table-layout:fixed !important;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	border:1px solid var(--color-td-gray-3, #C8C9C7);
	border-top:none;
}
.tbl-performance-results th,
.tbl-performance-results td {
	height:21px;
	line-height:14px;
	vertical-align:middle;
	color:#000;
	padding:8px 10px;
	border-bottom:1px solid var(--color-td-gray-3, #C8C9C7) !important;
    text-overflow: clip;
}
.tbl-performance-results .even td { background:#F6F6F6; }

.tbl-performance-results th {
	background:var(--color-td-gray-2, #D9D9D6);
	font-weight:bold;
	color:#000;
}
.tbl-performance-results #tbl_results tr > th {
	background:#fff;
	color:var(--color-td-gray-5, #75787B);
}
.tbl-performance-results #tbl_items tr > th {
	background:var(--color-td-gray-2, #D9D9D6);
	font-weight:bold;
	color:#000;
}


.tbl-performance-results .view-icon-link { padding:0; }
.tbl-performance-results .view-icon-link a {
	display:block;	
	overflow:hidden;
	height:29px;
	width:30px;
	position:relative;
}
.tbl-performance-results .view-icon-link a span {
	width:10px;
	height:10px;
	display:block;
	position:absolute;
	top:12px;
	right:0px;
}


.tbl-performance-results .activity-performance-cell { width:800px !important; }



/* NEW STYLES */

.activity-performance-cell > tbody > tr > td.bmo-ui-last  
{
    padding-right:0;
    padding-top:0;
    padding-left:0;
}

.activity-performance-holder .expanded-details { display:none; }

.activity-performance-row { position:relative; }
.activity-performance-row .activity-row-expand-toggle 
{
    position:absolute;
    left:-41px;
    height:22px;
    width:20px;
    line-height: 14px;
    padding: 8px 10px;
    vertical-align: middle;    
}
.activity-performance-row .activity-row-expand-toggle a { cursor:pointer; }

/* general row style */
.activity-performance-row ul li,
.activity-performance-detail-holder ul li .header /*,
.tbl-activity-performance-results th,
.tbl-activity-performance-results td*/
{
  height: 37px;
  line-height: 37px;
  padding:0;
}

.activity-performance-holder { width:790px; }
.activity-performance-holder.part-of-set { width:760px;padding-left:40px; }
.activity-performance-holder.not-part-of-set { width:790px; }
.bmo-ui-grid-custom .bmo-ui-detail-cell .activity-performance-holder { margin-bottom:16px; }
.activity-performance-row ul li,
.activity-performance-detail-holder ul li { float:left; }

/* activity */
.activity-performance-row { border-bottom:1px solid var(--color-td-gray-3, #C8C9C7); }
.activity-performance-row ul li.title { font-weight:bold;}
.activity-performance-row ul li.started { padding:0 10px; }
.activity-performance-row ul li.stopped { padding:0 10px; }
.activity-performance-row ul li.duration { padding:0 10px; }

.activity-performance-holder.part-of-set .activity-performance-row ul li.title { width:276px; }
.activity-performance-holder.part-of-set .activity-performance-row ul li.started { width:155px; }
.activity-performance-holder.part-of-set .activity-performance-row ul li.stopped { width:155px; }
.activity-performance-holder.part-of-set .activity-performance-row ul li.duration { width:104px; }



/* activity details */
.activity-performance-detail-holder ul li {
  margin-right:20px;  
}
.activity-performance-detail-holder ul li:last-child {
  margin-right:0;
}
.activity-performance-holder.part-of-set .activity-performance-detail-holder ul li.cueing-level { width:235px; }
.activity-performance-holder.part-of-set .activity-performance-detail-holder ul li.results { width:115px; }
.activity-performance-holder.part-of-set .activity-performance-detail-holder ul li.percent-correct { width:115px; }
.activity-performance-holder.part-of-set .activity-performance-detail-holder ul li.status { width:235px; }

.activity-performance-holder.not-part-of-set .activity-performance-detail-holder ul li.cueing-level { width:242px; }
.activity-performance-holder.not-part-of-set .activity-performance-detail-holder ul li.results { width:122px; }
.activity-performance-holder.not-part-of-set .activity-performance-detail-holder ul li.percent-correct { width:122px; }
.activity-performance-holder.not-part-of-set .activity-performance-detail-holder ul li.status { width:244px; }

.activity-performance-detail-holder ul li .header { 
  color:var(--color-td-gray-5, #75787B);
  font-weight:bold;
  border-bottom:1px solid var(--color-td-gray-3, #C8C9C7);
}
.activity-performance-detail-holder ul li .value { 
  /*font-family:Times New Roman;*/
  /*font-size:32px;*/
  font-family: 'Open Sans', Arial, Helvetica, Verdana, sans-serif;
  font-weight: 300;
  font-size: 25px;
  color:#000;
  padding-top:10px;
  line-height:normal;
}

.performanceEventDetails { width:790px; }

.tbl-activity-performance-results {
  width:100% !important;
  border:1px solid var(--color-td-gray-3, #C8C9C7) !important;
  table-layout:fixed !important;
  border-collapse:collapse !important;
  margin-top:10px !important;
}
.tbl-activity-performance-results thead { display:table-header-group !important; }
.tbl-activity-performance-results th { display:table-cell !important; }
.tbl-activity-performance-results th,
.tbl-activity-performance-results td {
  padding:0 10px;
  border:1px solid var(--color-td-gray-3, #C8C9C7);
  text-overflow: clip;
}
.tbl-activity-performance-results th {
  background:var(--color-td-gray-2, #D9D9D6);
  font-weight:bold;
}
    .tbl-activity-performance-results .result-icon span {
        background: url("/Content/images/student-profile/ico_activityResultStatus.gif") 0 0 no-repeat;
        padding-left: 18px;
    }
.tbl-activity-performance-results .result-icon.yes span {
  
}
.tbl-activity-performance-results .result-icon.no span {
  background-position:0 -30px;
}
.tbl-activity-performance-results .result-icon.skipped span {
  background-position:0 -60px;
}
.tbl-activity-performance-results .result-icon.result-column { text-overflow:clip; }

.performanceEventDetails .note {
    font-size: 11px;
    line-height: 18px;
    border-top:0;
}
.performanceEventDetails .note:first-child { border-top:1px solid var(--color-td-gray-3, #C8C9C7); }
.performanceEventDetails .note-info { color:#000; }
.performanceEventDetails .note-body {
	color:#666;	
}

/* unique performace table styles */
.tbl-activity-performance-results .has-image { text-align:center; padding:4px; }
.tbl-activity-performance-results .has-image img { width:100px; }

/* PROGRESS - OVERVIEW */
.single-goal-progress-holder {
    width: 920px;
    background: var(--color-td-gray-1, #F2F2F2);
    border-top: 1px solid var(--color-td-gray-2, #D9D9D6);
    border-right: 1px solid var(--color-td-gray-2, #D9D9D6);
    border-left: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.single-goal-progress-holder:last-child {
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
}

.single-goal-progress-holder #progressTableHolder {
    padding: 0 0px 0px 0px;
}

.single-goal-progress-holder #progressTableHeaderHolder {
    height: 29px;
}

.single-goal-progress-holder .goal-details {
    width: 261px;
    font-size: 11px;
    padding: 20px 0 10px 20px;
    font-weight: bold;
}

.single-goal-progress-holder .goal-details p span {
    font-size: 18px;
}

.single-goal-progress-holder .goal-details a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
}

.single-goal-progress-holder .goal-details a:hover {
    text-decoration: none;
}

.single-goal-progress-holder .goal-details-2 {
    width: 577px;
    margin: 20px;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
}

/* table header */
.single-goal-progress-holder #progressTableHeader {
    width: 575px;
    background: var(--color-td-gray-2, #D9D9D6);
    height: 28px;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-bottom: 0;
    text-align: center;
    line-height: 28px;
    font-size: 11px;
}

.single-goal-progress-holder #progressTableHeader span {
    color: #000;
    font-weight: bold;
}

.single-goal-progress-holder #progressTableHeader a.scroll-button {
    color: #666;
    display: block;
    padding: 0 10px;
    cursor: pointer;
}

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

.single-goal-progress-holder #progressTableHeader .jump-prev {
    float: left;
}

.single-goal-progress-holder #progressTableHeader .jump-next {
    float: right;
}

/* grid */
.single-goal-progress-holder #progressTableHolder table {
    border-collapse: collapse;
    table-layout: fixed;
    empty-cells: show;
}

.single-goal-progress-holder #progressTableHolder table td {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    height: 48px;
    padding: 0;
}

.single-goal-progress-holder #progressTableHolder table td.progressgrid-activity-column {
    font-family: arial;
    width: 85px;
    padding: 0 5px;
    height: 75px;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
}

.single-goal-progress-holder #progressTableHolder table td.progressgrid-activity-column a {
    color: #fff;
}

.single-goal-progress-holder #progressTableHolder table td.progressgrid-activity-column a:hover {
    text-decoration: none;
}

.single-goal-progress-holder #progressTableHolder table td.progressGoals {
    width: 302px;
}

.progressGoals a {
    color: var(--color-td-blue, #0E103E);
    font-size: 11px;
    line-height: 14px;
    padding: 0px;
    text-decoration: underline;
}

.progressGoals a:hover {
    text-decoration: none;
}

.progressGoals p {
    font-size: 11px;
    line-height: 14px;
    padding: 10px;
}

.progressGoals span {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    padding: 0px;
}

.single-goal-progress-holder #progressTableHolder table td.mastery-activity {
    cursor: pointer;
    background: #ff8a00;
}

.single-goal-progress-holder #progressTableHolder table td.output-activity {
    cursor: pointer;
    background: #666666;
}

.single-goal-progress-holder #progressTableHolder table td.mastery-activity-high {
    cursor: pointer;
    background: #09bb1b;
}

.single-goal-progress-holder #progressTableHolder table td.mastery-activity-medium {
    cursor: pointer;
    background: #eabb00;
}

.single-goal-progress-holder #progressTableHolder table td.mastery-activity-low {
    cursor: pointer;
    background: #df002d;
}

.single-goal-progress-holder #progressTableHolder table td.no-activities-banner {
    color: #000;
    width: 565px;
    height: 50px;
}

/* tooltips for progress grid*/
.activity-progress-tooltip {
    z-index: 2000;
}

.data-tooltip.tip-mastery, .data-tooltip.tip-output, .data-tooltip.tip-mastery a, .data-tooltip.tip-output a {
    color: #333;
}

.data-tooltip.tip-mastery-low {
    border: 1px solid #df002d;
}

.data-tooltip.tip-mastery-medium {
    border: 1px solid #eabb00;
}

.data-tooltip.tip-mastery-high {
    border: 1px solid #09bb1b;
}

.data-tooltip.tip-mastery {
    border: 1px solid #0099FF;
}

.data-tooltip.tip-output {
    border: 1px solid #666666;
}

/* PROGRESS - DETAILS */
#tbl_progressDetails, #tbl_results, #tbl_items {
    width: 920px;
    table-layout: fixed;
}

#tbl_progressDetails {
    width: 100%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    margin-top: 20px;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
}

#tbl_progressDetails th, #tbl_progressDetails td {
    height: 21px;
    line-height: 14px;
    vertical-align: middle;
    color: #000;
    padding: 8px 10px;
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
    word-wrap: break-word;
}

#tbl_progressDetails th {
    background: var(--color-td-gray-2, #D9D9D6);
    font-weight: bold;
    color: #000;
}

#tbl_progressDetails #tbl_results tr > th {
    background: #fff;
    color: var(--color-td-gray-5, #75787B);
}

#tbl_progressDetails #tbl_items tr > th {
    background: var(--color-td-gray-2, #D9D9D6);
    font-weight: bold;
    color: #000;
}

#tbl_progressDetails #td_resultsHolder {
    padding: 0 20px 20px 20px;
    border: 0;
}

#tbl_results {
    width: 880px;
}

#tbl_results > thead > tr > th, #tbl_results > tbody > tr > td {
    padding: 8px 0;
    width: 280px;
}

#tbl_results > tbody > tr > td {
    border: 0;
    font-family: "Times New Roman", Times, serif;
    font-size: 36px;
    line-height: normal;
}

#tbl_results .spacer {
    width: 20px;
    border: 0;
}

#tbl_items {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    width: 878px;
}

#tbl_items th, #tbl_items td {
    padding: 0 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    line-height: 29px;
}

#tbl_items td {
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-right: 1px solid var(--color-td-gray-3, #C8C9C7);
}

#tbl_items tr.last td {
    border-bottom: none;
}

#tbl_items td.last {
    border-right: none;
}

#tbl_items td.result-yes span {
    background: url(/Content/images/student-profile/ico_activityResultStatus.gif) 0 0 no-repeat;
    padding-left: 18px;
}

#tbl_items td.result-no span {
    background: url(/Content/images/student-profile/ico_activityResultStatus.gif) 0 -30px no-repeat;
    padding-left: 18px;
}

.recommendation-popup { width:600px;float:none;padding:10px 0 0 0; }
.recommendation-popup .left { padding-left:0; }
.recommendation-popup .right { width:430px;font-size:12px; }
.recommendation-popup .right .title { color:#00AF66;font-size:12px; }
.recommendation-popup .right span.details { font-size:11px; }
.recommendation-popup .right span.author  
{
    font-size:11px; 
    color:#666;
    margin-top:12px;
}
.recommendation-popup .right span.author a 
{
    text-decoration:underline;
    color:#666;
}
.recommendation-popup .right span.author a:hover { text-decoration:none; }

.activity-set-block a.image { background:none; }
.activity-set-block a.image img { border:none; }
.activity-set-block .text-box h4 { background:none; padding-left:10px; }
.activity-set-block .text-box h4,
.activity-set-block .text-box .quick-view,
.activity-set-block ul { padding-left:10px; }
.activity-set-block ul { padding-top:15px; }

/* MANAGE ACTIVITY SET */
.manage-activity-set { color:#000; }
.manage-activity-set .content-heading {
	height:22px;
}
#ActivitySetDescription { padding:0 0 20px 0; }
.manage-activity-set .gray-well { color:#000; border:1px solid var(--color-td-gray-3, #C8C9C7); background:var(--color-td-gray-2, #D9D9D6);position:relative; }

.btn-on-off-toggle {
    background: url(/Content/images/btn/btn_on-off-toggle.gif) 0 0 no-repeat;
    display: block;
    width: 60px;
    height: 0;
    padding-top: 20px;
    overflow: hidden;
    position: absolute;
    top: 8px;
    right: 20px;
}
.btn-on-off-toggle.on 
{
    background-position:0 -20px;
}

.manage-activity-set .col-left {
	float:left;
	width:614px;
}
.manage-activity-set .col-right {
	float:right;
	width:291px;
}
.content-heading h3 {
    float: left;
    white-space: normal;
    width: 400px;
	font: bold 1.8em/1.2em Arial,Helvetica,sans-serif;
}
#manageActivitySetSearch { margin-top:0; }
#tabsSearchByKeyword,
#tabsSearchByStandards { 
	padding-top:0;
	padding-bottom:0;	
	/*background: #E8E8E8;*/
    background: #FFFFFF;
	border: 1px solid var(--color-td-gray-3, #C8C9C7);
    /*border-top: none;*/
}
#tabsSearchByKeyword .new-form,
#tabsSearchByStandards .new-form { padding-bottom:0; }

.activity-list-holder { min-height:445px; border:1px solid var(--color-td-gray-3, #C8C9C7); margin-bottom:20px; position:relative; }

.activity-search-list {
	overflow-y:auto;
	overflow-x:hidden;
    min-height: 446px;
    max-height: 900px;
}
.activity-search-list li {
	padding:10px;
	min-height:72px;
	background:#fff;
	border-top:1px solid var(--color-td-gray-3, #C8C9C7);
	position:relative;
}
.activity-search-list li div.image-holder { width:100px; }
.activity-search-list li div.details-holder { /*width:168px;*/ width:150px; }
.activity-search-list li img {
	width: 88px;
	border: 1px solid black;
	margin-right:18px;
}
.activity-search-list li div.float-left {  }
.activity-search-list li .title { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.activity-search-list li .standard { font-size:9px; color:var(--color-td-blue, #0E103E);font-family:Verdana, Geneva, sans-serif; }
.activity-search-list li .author { font-size:9px; color:#666;font-family:Verdana, Geneva, sans-serif; padding-top:6px; }
.activity-search-list li .author a { color:#666;font-weight:normal;text-decoration:underline; }
.activity-search-list li .author a:hover { text-decoration:none; }
.activity-search-list li #ActivityStandards,
.activity-search-list li #CorrelatedStandards {
    font-size:11px;
}

/* activity set list */
.activity-set-list { overflow-y:auto; overflow-x:hidden; min-height: 440px; max-height: 900px;}
.activity-set-list li { position:relative; border-top:1px solid var(--color-td-gray-3, #C8C9C7); /*min-height: 145px;*/ padding:10px; }
.activity-set-list li.last { border-bottom:none; }
.activity-set-list li .right { }
.activity-set-list li .activity-set-controls { position:absolute;top:13px;right:18px; }

.activity-set-list li .activity-holder-lg { width:592px; padding:0px !important;}
/*.activity-set-list li .activity-holder-lg .left { padding-left:55px; }*/
.activity-set-list li .activity-holder-lg .right { width:417px; }
.activity-set-list .activity-options { 
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	width:362px;	
	font-size:11px;
}
.activity-set-list .activity-options .gray-well { color:#666; }
.activity-set-list .activity-options .gray-well .requiredNote { float:right;font-size:11px; }
.activity-set-list .activity-options label.radio { font-size:11px; }
.activity-set-list .activity-options label.radio input { height:16px; width:16px;}

.activity-set-list li .activity-holder .left .activity-set-activity-position 
{
    position:absolute;
    top:20px;
    left:10px;
    /*Revised*/
    top:0;
    left:0;
}

/* Activity Set rows compact and reserve space for action controls. */
.manage-activity-set #ActivitySetList li {
    box-sizing: border-box;
    min-height: 96px;
    padding: 10px 68px 10px 10px;
}

.manage-activity-set #ActivitySetList li .activity-holder-lg {
    width: 100%;
}

.manage-activity-set #ActivitySetList li .activity-holder-lg .right {
    float: none;
    margin-left: 116px;
    width: auto;
}

.manage-activity-set #ActivitySetList li .activity-holder-lg .right p {
    margin: 0 0 4px 0;
}

.manage-activity-set #ActivitySetList li .activity-options {
    margin-top: 6px;
    width: auto;
}

.manage-activity-set #ActivitySetList li .activity-set-controls {
    right: 12px;
    top: 10px;
}

/* Drag-time visuals */
li.activity-set-drag-helper {
    box-sizing: border-box;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    background: #fff;
    padding: 10px 68px 10px 10px;
    min-height: 96px;
    opacity: 0.98;
}

li.activity-set-drag-helper .activity-holder-lg {
    width: 100%;
}

li.activity-set-drag-helper .activity-holder-lg .right {
    float: none;
    margin-left: 116px;
    width: auto;
}

li.activity-set-drag-helper .activity-holder-lg .right p {
    margin: 0 0 4px 4px;
}

li.activity-set-drag-helper .activity-set-controls {
    right: 12px;
    top: 10px;
}

.manage-activity-set #ActivitySetList li.activity-set-drop-placeholder {
    visibility: visible !important;
    box-sizing: border-box;
    min-height: 96px;
    border: 1px dashed var(--color-td-gray-4, #B1B3B3);
    background: var(--color-td-gray-1, #F2F2F2);
    padding: 10px;
}

.manage-activity-set #ActivitySetList li.activity-set-drop-placeholder * {
    visibility: hidden;
}


/* test activity set */
.test-activity-set  
{
    border:1px solid var(--color-td-gray-3, #C8C9C7);
    height:270px;
    overflow-x:hidden;
    overflow-y:auto;
}
.test-activity-set .activity-holder 
{
    border-bottom:1px solid var(--color-td-gray-3, #C8C9C7);
    width:636px;
}
.test-activity-set .activity-holder.last { border-bottom:0; }
.test-activity-set .activity-holder .left {
    padding-left:25px;
}
.test-activity-set .activity-holder input[type="radio"] 
{
    position:absolute;
    top:10px;
    left:10px;
}


#NoActivitiesIndicator { width:100%; position:absolute; bottom:50%; text-align:center; font-weight:bold; font-size:16px; color:var(--color-td-gray-3, #C8C9C7); }

.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. The site serves no jQuery UI progressbar stylesheet, so every rule the
   widget needs is here. 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;
}
    /* The negative margin pulls the filled bar over the border of the track, which `overflow`
       above would otherwise clip it against. */
    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        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; }

/* STANDARDS ADMIN */

/* Migrated admin asp:GridViews (RadGrid -> GridView): numeric pager styling.
   The default GridView pager renders bare numeric links; style them as buttons. */
.gv-pager td { padding: 6px 4px; }
.gv-pager a,
.gv-pager span {
    display: inline-block;
    padding: 4px 10px;
    margin: 0 2px;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-radius: 3px;
    text-decoration: none;
    color: #008759;
}
.gv-pager span { /* current page */
    background: #008759;
    color: #fff;
    border-color: #008759;
}
.gv-pager a:hover { background: var(--color-td-gray-1, #F2F2F2); }

/* Selected-row highlight (e.g. MemberSearchList "Select Member" flow).
   !important overrides the .table-striped alternating-row background. */
.gv-selected td {
    background-color: #e8f4fc !important;
    transition: background-color 0.12s ease-in;
}
.gv-selected td:first-child {
    box-shadow: inset 4px 0 0 0 #008759; /* brand-green left accent */
}

/* MemberSearchList: whole row is clickable to select a member. */
.selectable-row { cursor: pointer; }

/* MemberSearchList results grid: readable against the generic ".table" 11px. */
#memberSearchPanel .table { font-size: 0.8125rem; }

.gv-search-loading {
    display: inline-flex;
    align-items: center;
    color: #666;
}
.gv-results-loading {
    opacity: 0.5;
    pointer-events: none;
}

/* RadGrid-style pager rebuilt inside the GridView PagerTemplate:
   |< < 1 2 3 > >|   Page size: [n]   N items in M pages.
   The .gv-pager-bar span reset neutralises the generic ".gv-pager span" rule
   above (which paints every span as a green "current page" chip). */
.gv-pager-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.gv-pager-bar span { background: none; color: inherit; border: 0; padding: 0; margin: 0; }
.gv-pager-bar .gv-pager-nav a,
.gv-pager-bar .gv-pager-nav .gv-page-current,
.gv-pager-bar .gv-pager-nav .gv-page-disabled {
    display: inline-block;
    padding: 4px 10px;
    margin: 0 2px;
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-radius: 3px;
    text-decoration: none;
}
.gv-pager-bar .gv-pager-nav a { color: #008759; cursor: pointer; }
.gv-pager-bar .gv-pager-nav a:hover { background: var(--color-td-gray-1, #F2F2F2); }
.gv-pager-bar .gv-pager-nav .gv-page-current { background: #008759; color: #fff; border-color: #008759; }
.gv-pager-bar .gv-pager-nav .gv-page-disabled { color: var(--color-td-gray-3, #C8C9C7); }
.gv-pager-bar .gv-pager-size { margin-left: auto; }
.gv-pager-bar .gv-pager-size label { display: inline; margin: 0; vertical-align: middle; }
.gv-pager-bar .gv-pager-size select { margin-left: 4px; vertical-align: middle; }
.gv-pager-bar .gv-pager-info { margin-left: 8px; color: #666; }

:root {
    --dark-gray: #231F20;
    --light-blue: #CFEAF8;
    --light-grey: var(--color-td-gray-2, #D9D9D6);
    --light-grey-2: var(--color-td-gray-1, #F2F2F2);
    --med-grey: #B2B2B2;
    --med-grey-2: #BCBEB0;
    --white: #FFFFFF;
    --sea-green: #00A862;
}

.sortable li div.skill-actions  
{
    float:right; 
    background:none;
    border:none;
    cursor:default;
    margin:0;
    padding:0;
    position: absolute;
    right: 8px;
    top: 1px;
}

.filter-tag-container {
    padding-top: 15px;
}

.filter-tag {
    vertical-align: middle;
    text-align: left;
    font: normal normal normal 12px/15px Verdana;
    letter-spacing: 0px;
    color: var(--dark-gray);
    padding: 7px 7px 7px 10px;
    background: var(--light-blue) 0% 0% no-repeat padding-box;
    border: 1px solid var(--light-blue);
    border-radius: 17px;
    margin-right: 3px;
    opacity: 1;
}

.filter-label {
    padding-right: 5px;
}

.filter-tag-remove {
    margin-left: 6px;
}

/* Every box in the search row states its own `box-sizing`: no stylesheet this page serves sets one
   globally, so a width here is a content width until the rule says otherwise. */
.search-dropdown {
    display: inline-flex;
    align-items: stretch;
    vertical-align: top;
    height: 40px;
}

.search-select {
    box-sizing: border-box;
    width: 188px;
    height: auto;
    margin-bottom: 0;
    background-color: var(--light-grey);
    border: 1px solid var(--med-grey);
    border-radius: 0px;
}

.search-div {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid var(--med-grey);
    background-color: var(--white);
}

.search-div-container {
    position: relative;
    display: inline-flex;
    align-items: center;
    align-self: stretch;
}

/* The glyph sits over the field rather than beside it, so the field keeps the whole width the page
   sets on it in pixels. `padding-left` on the field is what holds the text clear. */
.search-field-icon {
    position: absolute;
    left: 14px;
    color: rgba(0, 0, 0, 0.4);
    pointer-events: none;
}

.search-div input {
    box-sizing: border-box;
    align-self: stretch;
    height: auto;
    margin-bottom: 0;
    padding: 0 16px 0 43px;
    border-style: none;
    outline: none;
    font-family: inherit;
    font-size: 16px;
    color: var(--dark-gray);
    background: none;
}

/* `align-self`, so the whole height of the field answers a click rather than the glyph alone. */
.search-div-button {
    display: flex;
    align-items: center;
    align-self: stretch;
    box-sizing: border-box;
    padding: 0 9px;
    border: 0;
    background: none;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    cursor: pointer;
}

.search-button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 86px;
    height: 35px;
    padding: 0;
    border-radius: 17px;
    color: var(--color-td-blue, #0E103E);
    background: var(--white) 0% 0% no-repeat padding-box;
    border: 1px solid var(--color-td-blue, #0E103E);
    font: normal normal bold 12px/15px Verdana;
    letter-spacing: 0px;
    opacity: 1;
    margin-left: 10px;
}

.search-results-org {
    text-align: left;
    letter-spacing: 0px;
    color: var(--sea-green);
    opacity: 1;
}

.footer-create {
    box-sizing: border-box;
    margin-top: 29px;
    border: 1px solid var(--med-grey-2);
    background: var(--light-grey-2) 0% 0% no-repeat padding-box;
    height: 122px;
    opacity: 1;
}

/* A pixel size, not a `rem`: no rule sets a root font size for this page, so a `rem` reads against
   the browser's own 16px. */
.footer-text {
    margin-top: 20px;
    margin-left: 20px;
    text-align: left;
    letter-spacing: 0px;
    color: var(--color-td-blue, #0E103E);
    font-size: 18px;
}

.footer-button-container {
    margin-top: 20px;
    margin-left: 20px;
}

.footer-button {
    box-sizing: border-box;
    display: block;
    width: 163px;
    height: 35px;
    padding-top: 7px;
    text-align: center;
    border-radius: 17px;
    color: var(--color-td-blue, #0E103E);
    background: var(--white) 0% 0% no-repeat padding-box;
    border: 1px solid var(--color-td-blue, #0E103E);
    font: normal normal bold 12px/15px Verdana;
    letter-spacing: 0px;
    opacity: 1;
}

/* The dialog primitive shows this panel, so nothing but the panel is in the page. */
.account-filter {
    display: none;
}

.account-filter .field {
    display: flex;
    align-items: center;
    gap: 8px;
}

.account-filter .field label {
    margin-bottom: 0;
}

.modal-search-title {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0px;
    color: var(--dark-gray);
}

.modal-search-dropdown {
    box-sizing: border-box;
    width: 370px;
}

.modal-search-hint {
    padding-top: 6px;
    font-size: 12px;
    color: var(--color-td-gray-5, #75787B);
}

.modal-section {
    border-bottom: 1px solid rgba(35, 36, 38, .15);
    padding-top: 20px;
    padding-bottom: 20px;
}

/* The SSO badge on a federated organization. Its class name lives inside a `BMOGrid` column template
   string, so a sweep of the markup for the name does not find it. */
.sso-badge {
    display: inline-block;
    margin-left: 1px;
    padding: 5px 7px;
    border-radius: 4px;
    background-color: var(--color-bootstrap-blue, #005b94);
    color: var(--white);
    font-size: 9px;
    font-weight: bold;
    line-height: 9px;
    white-space: nowrap;
}

.button.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.bmo-ui-grid-pager {
    padding-top: 0px; 
}

.org-account-overview-url {
    min-height: 32px;
}

.org-account-overview-address {
    font-weight: bold;
}

.account-action-row {
    display: flex;
    align-items: flex-start;
}

.account-manage-action {
    flex: 0 0 105px;
    margin-right: 10px;
}

.account-status-summary {
    flex: 1 1 auto;
    line-height: normal;
}

.account-status-chip {
    display: inline-block;
    margin: 0 6px 6px 0;
    padding: 3px 7px;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    background-color: #f5f5f5;
    font-size: inherit;
    line-height: inherit;
    white-space: nowrap;
}

.account-notes {
    padding-left: 115px;
    padding-top: 5px;
    word-wrap: break-word;
}

.org-account-overview-notes-more {
    display: none;
}

.org-account-overview-message-dialog {
    visibility: hidden;
}

.org-instructor-actions {
    margin-bottom: 10px;
}

.org-instructor-domain-dialog {
    display: none;
    font-size: 14px;
    line-height: 1.5;
}

.org-instructor-domain-dialog h1 {
    font-size: 21px;
    margin: 0 0 12px;
}

.org-instructor-domain-dialog p {
    font-size: 14px;
    margin: 0 0 8px;
}

.org-instructor-domain-distribution {
    max-height: 132px;
    overflow-y: auto;
    margin-bottom: 14px;
}

.org-instructor-domain-distribution table {
    width: auto;
    min-width: 300px;
    font-size: 14px;
}

.org-instructor-domain-distribution td,
.org-instructor-domain-distribution th {
    padding: 3px 18px 3px 0;
    text-align: left;
}

.org-instructor-domain-field {
    margin-bottom: 10px;
}

.org-instructor-domain-field label {
    display: block;
    margin: 0 0 3px;
    font-size: 14px;
    font-weight: bold;
}

.org-instructor-domain-field input {
    display: block;
    width: 260px;
    margin: 0;
    font-size: 14px;
}

.org-instructor-domain-note {
    margin: 12px 0 0;
    color: #666;
}

.org-instructor-domain-loading {
    margin-top: 14px;
    font-size: 14px;
}

.org-instructor-domain-error {
    margin-top: 14px;
    padding: 10px 14px;
    font-size: 14px;
    color: #a12622;
    background: #fdf0ef;
    border: 1px solid #e0b4b2;
    border-left: 4px solid #a12622;
}

.org-instructor-domain-error:empty {
    display: none;
}

.org-instructor-domain-preview {
    margin-top: 16px;
    max-height: 200px;
    overflow-y: auto;
    padding: 12px 14px;
    background: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-left: 4px solid #008759;
}

.org-instructor-domain-preview:empty {
    display: none;
}

.org-instructor-domain-preview h3 {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: bold;
}

.org-instructor-domain-preview p:last-child {
    margin-bottom: 0;
}

.org-instructor-domain-preview ul {
    margin: 0 0 8px 18px;
}

.org-instructor-domain-preview li {
    font-size: 14px;
}

.org-instructor-grid {
    width: 100%;
    table-layout: fixed;
}

.org-instructor-grid th,
.org-instructor-grid td {
    box-sizing: border-box;
}

.org-instructor-grid th.col-first-name {
    width: 16%;
}

.org-instructor-grid th.col-last-name {
    width: 16%;
}

.org-instructor-grid th.col-email {
    width: 33%;
}

.org-instructor-grid th.col-access-level {
    width: 20%;
}

.org-instructor-grid th.col-actions {
    width: 15%;
}

/* The row stays hidden until the page has decided which of the two search boxes to draw. The page
   reveals it with the class rather than with `.show()`, which restores the default display of a
   `div` and would lay the row out as a block. */
.organization-search-container {
    display: none;
}

.organization-search-container.search-ready {
    display: inline-flex;
}

.organization-administration-page .accounts-list:last-child {
    display: none;
}

.copy-to-table {
    font-size: 0.88rem; /* Equivalent to 14px */

    & tr {
        & th, & td {
            padding: 0.3rem;
        }

        & td {
            &:first-child {
                padding-left: 0.3rem;
                /* The instructor thumbnail is 32px wide */
                width: 35px;
            }

            &:last-child {
                /* The Copy link has a little more padding right so it's not so close to the border */
                padding-right: 0.5rem;
                width: 5rem;
            }
        }
    }
}
.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;
}

/* filters/refinements */
.filterdiv,
#selectedfilterdiv {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    /*width: 256px;*/
}

#selectedfilterdiv {
    margin-bottom: 30px;
}

.filtersectiontitle {
    background: var(--color-td-gray-2, #D9D9D6);
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
    color: #666;
    font-size: 14px;
    height: 27px;
    line-height: 27px;
    padding: 0 10px;
}

.filterdiv {
    padding-bottom: 20px;
}

    #selectedfilterdiv #selectedfilters,
    .filterdiv .mainheader,
    .filterdiv .addedsearchfilter {
        padding: 10px;
    }

    .filterdiv .mainheader {
        padding-bottom: 0;
    }
    .filterdiv .mainheader .filter-list {
        max-height: 300px;
        overflow: auto;
    }

    .filterdiv h3,
    .filterdiv .searchable {
        padding: 0;
    }

    .filterdiv h3 {
        color: #333;
        font-size: 14px;
        margin: 0;
    }

    .filterdiv .searchable a {
        color: #008759;
        font-size: 12px;
        text-decoration: none;
    }

    .filterdiv .mainheader a {
    color: #008759;
    font-size: 12px;
    text-decoration: none;
}

    .filterdiv .searchable.searched a {
        font-weight: bold;
    }

    .filterdiv .searchable a:hover {
        text-decoration: underline;
    }

    .filterdiv .searchable .count {
        color: #666;
        font-size: 11px;
    }

    .filterdiv .showall {
        color: #008759;
        font-size: 12px;
    }

#selectedfilters .filter-set {
    padding: 0 0 5px 5px;
}

    #selectedfilters .filter-set .filter {
        text-indent: -13px;
        padding-left: 14px;
        line-height: normal;
    }

#selectedfilters .filter {
    color: #262626;
    font-size: 12px;
    padding-bottom: 4px;
}

    #selectedfilters .filter a {
        color: #008759;
        cursor: pointer;
    }

        #selectedfilters .filter a:hover {
            text-decoration: none;
        }

            #selectedfilters .filter a:hover span {
                text-decoration: underline;
            }

#SearchResults_Grid td.bmo-ui-last {
    padding: 0;
}

    #SearchResults_Grid td.bmo-ui-last .lesson-block-2 {
        width: 611px;
    }

        #SearchResults_Grid td.bmo-ui-last .lesson-block-2 h5 {
            margin-top: 0;
        }

        #SearchResults_Grid td.bmo-ui-last .lesson-block-2 .text-box {
            width: 470px;
        }

        #SearchResults_Grid td.bmo-ui-last .lesson-block-2 .associated-standards {
            /*bottom: 10px;*/
            position: absolute;
            right: 20px;
        }

            #SearchResults_Grid td.bmo-ui-last .lesson-block-2 .associated-standards a {
                color: #008759;
                text-decoration: underline;
            }

                #SearchResults_Grid td.bmo-ui-last .lesson-block-2 .associated-standards a:hover {
                    text-decoration: none;
                }

#SearchResults_Grid tr.bmo-ui-alt {
    background: #fff;
}

/* search form */

#activitykeyword {
    border: 1px solid #D8D8D8;
    color: #3F3F3F !important;
}

    #activitykeyword.hasStandardsSearch {
        padding: 10px 30px 10px 140px;
        width: 708px;
    }

    #activitykeyword.noStandardsSearch {
        padding: 10px 30px 10px 10px;
        width: 100%;
        box-sizing: border-box;
        height: 40px;
    }

#searchResultsView {
}

    #searchResultsView #filtersDiv {
        /*float: left;
    width: 275px;*/
    }

        #searchResultsView #filtersDiv.no-results {
            display: none;
        }

    #searchResultsView #resultsDiv {
        /*float: right;
    width: 647px;*/
    }

        #searchResultsView #resultsDiv.no-results {
            width: 100%;
        }

.lesson-block-2 .fileImage {
    height: 60px;
    width: 74px;
}

/* 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;
    }
}