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

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

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

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

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

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

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


/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 2.25em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

#map_canvas img,
.google-maps img {
    max-width: none;
}

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

.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}

.row {
    margin-left: -20px;
    *zoom: 1;
}

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

.row:after {
    clear: both;
}

[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 940px;
}

.span12 {
    width: 940px;
}

.span11 {
    width: 860px;
}

.span10 {
    width: 780px;
}

.span9 {
    width: 700px;
}

.span8 {
    width: 620px;
}

.span7 {
    width: 540px;
}

.span6 {
    width: 460px;
}

.span5 {
    width: 380px;
}

.span4 {
    width: 300px;
}

.span3 {
    width: 220px;
}

.span2 {
    width: 140px;
}

.span1 {
    width: 60px;
}

.offset12 {
    margin-left: 980px;
}

.offset11 {
    margin-left: 900px;
}

.offset10 {
    margin-left: 820px;
}

.offset9 {
    margin-left: 740px;
}

.offset8 {
    margin-left: 660px;
}

.offset7 {
    margin-left: 580px;
}

.offset6 {
    margin-left: 500px;
}

.offset5 {
    margin-left: 420px;
}

.offset4 {
    margin-left: 340px;
}

.offset3 {
    margin-left: 260px;
}

.offset2 {
    margin-left: 180px;
}

.offset1 {
    margin-left: 100px;
}

.row-fluid {
    width: 100%;
    *zoom: 1;
}

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

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

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

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

.row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.12765957%;
}

.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851%;
}

.row-fluid .span11 {
    width: 91.4893617%;
    *width: 91.43617021%;
}

.row-fluid .span10 {
    width: 82.9787234%;
    *width: 82.92553191%;
}

.row-fluid .span9 {
    width: 74.46808511%;
    *width: 74.41489362%;
}

.row-fluid .span8 {
    width: 65.95744681%;
    *width: 65.90425532%;
}

.row-fluid .span7 {
    width: 57.44680851%;
    *width: 57.39361702%;
}

.row-fluid .span6 {
    width: 48.93617021%;
    *width: 48.88297872%;
}

.row-fluid .span5 {
    width: 40.42553191%;
    *width: 40.37234043%;
}

.row-fluid .span4 {
    width: 31.91489362%;
    *width: 31.86170213%;
}

.row-fluid .span3 {
    width: 23.40425532%;
    *width: 23.35106383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.84042553%;
}

.row-fluid .span1 {
    width: 6.38297872%;
    *width: 6.32978723%;
}

.row-fluid .offset12 {
    margin-left: 104.25531915%;
    *margin-left: 104.14893617%;
}

.row-fluid .offset12:first-child {
    margin-left: 102.12765957%;
    *margin-left: 102.0212766%;
}

.row-fluid .offset11 {
    margin-left: 95.74468085%;
    *margin-left: 95.63829787%;
}

.row-fluid .offset11:first-child {
    margin-left: 93.61702128%;
    *margin-left: 93.5106383%;
}

.row-fluid .offset10 {
    margin-left: 87.23404255%;
    *margin-left: 87.12765957%;
}

.row-fluid .offset10:first-child {
    margin-left: 85.10638298%;
    *margin-left: 85%;
}

.row-fluid .offset9 {
    margin-left: 78.72340426%;
    *margin-left: 78.61702128%;
}

.row-fluid .offset9:first-child {
    margin-left: 76.59574468%;
    *margin-left: 76.4893617%;
}

.row-fluid .offset8 {
    margin-left: 70.21276596%;
    *margin-left: 70.10638298%;
}

.row-fluid .offset8:first-child {
    margin-left: 68.08510638%;
    *margin-left: 67.9787234%;
}

.row-fluid .offset7 {
    margin-left: 61.70212766%;
    *margin-left: 61.59574468%;
}

.row-fluid .offset7:first-child {
    margin-left: 59.57446809%;
    *margin-left: 59.46808511%;
}

.row-fluid .offset6 {
    margin-left: 53.19148936%;
    *margin-left: 53.08510638%;
}

.row-fluid .offset6:first-child {
    margin-left: 51.06382979%;
    *margin-left: 50.95744681%;
}

.row-fluid .offset5 {
    margin-left: 44.68085106%;
    *margin-left: 44.57446809%;
}

.row-fluid .offset5:first-child {
    margin-left: 42.55319149%;
    *margin-left: 42.44680851%;
}

.row-fluid .offset4 {
    margin-left: 36.17021277%;
    *margin-left: 36.06382979%;
}

.row-fluid .offset4:first-child {
    margin-left: 34.04255319%;
    *margin-left: 33.93617021%;
}

.row-fluid .offset3 {
    margin-left: 27.65957447%;
    *margin-left: 27.55319149%;
}

.row-fluid .offset3:first-child {
    margin-left: 25.53191489%;
    *margin-left: 25.42553191%;
}

.row-fluid .offset2 {
    margin-left: 19.14893617%;
    *margin-left: 19.04255319%;
}

.row-fluid .offset2:first-child {
    margin-left: 17.0212766%;
    *margin-left: 16.91489362%;
}

.row-fluid .offset1 {
    margin-left: 10.63829787%;
    *margin-left: 10.53191489%;
}

.row-fluid .offset1:first-child {
    margin-left: 8.5106383%;
    *margin-left: 8.40425532%;
}

[class*="span"].hide,
.row-fluid [class*="span"].hide {
    display: none;
}

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
    float: right;
}

.container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}

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

.container:after {
    clear: both;
}

.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
}

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

.container-fluid:after {
    clear: both;
}

body {
    background: var(--color-td-gray-2, #D9D9D6);
}

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

#basic-modal-content {
    display: none;
}

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

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

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

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

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

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

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

#simplemodal-container #basic-modal-content {
    padding: 8px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#menu-holder {
    position: relative;
}

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

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

#newSearchContainer.open {
    width: 100%;
}

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

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

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

.lead {
    margin-bottom: 1.5em;
    font-size: 24px;
    font-weight: 200;
    line-height: 1.8em;
}

small {
    font-size: 85%;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

cite {
    font-style: normal;
}

.muted {
    color: var(--color-td-gray-2, #D9D9D6);
}

a.muted:hover,
a.muted:focus {
    color: #cbced0;
}

.text-warning {
    color: #c09853;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #a47e3c;
}

.text-error {
    color: #b94a48;
}

a.text-error:hover,
a.text-error:focus {
    color: #953b39;
}

.text-info {
    color: #3a87ad;
}

a.text-info:hover,
a.text-info:focus {
    color: #2d6987;
}

.text-success {
    color: #468847;
}

a.text-success:hover,
a.text-success:focus {
    color: #356635;
}

.text-left {
    text-align: left;
}

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

.text-center {
    text-align: center;
}

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

.page-header {
    padding-bottom: -0.625em;
    margin: 1.5em 0 1.8em;
    border-bottom: 1px solid var(--color-td-gray-1, #F2F2F2);
}

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

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

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

ul.inline > li,
ol.inline > li {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    padding-left: 5px;
    padding-right: 5px;
}

dl {
    margin-bottom: 1.5em;
}

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

dt {
    font-weight: bold;
}

dd {
    margin-left: 0.375em;
}

.dl-horizontal {
    *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
    display: table;
    content: "";
    line-height: 0;
}

.dl-horizontal:after {
    clear: both;
}

.dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dl-horizontal dd {
    margin-left: 180px;
}

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

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

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

blockquote.pull-right {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid var(--color-td-gray-1, #F2F2F2);
    border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
    text-align: right;
}

blockquote.pull-right small:before {
    content: '';
}

blockquote.pull-right small:after {
    content: '\00A0 \2014';
}

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.prettyprint {
    margin-bottom: 1.5em;
}

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

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

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"],
.uneditable-input {
    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,
.uneditable-input {
    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"],
.uneditable-input {
    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,
.uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    -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;
}

.uneditable-input,
.uneditable-textarea {
    color: var(--color-td-gray-2, #D9D9D6);
    background-color: #fcfcfc;
    border-color: var(--color-td-gray-2, #D9D9D6);
    -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;
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap;
}

.uneditable-textarea {
    width: auto;
    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);
}

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

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

.controls > .radio:first-child,
.controls > .checkbox:first-child {
    padding-top: 5px;
}

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

.input-mini {
    width: 60px !important;
}

.input-small {
    width: 90px !important;
}

.input-medium {
    width: 150px !important;
}

.input-large {
    width: 210px !important;
}

.input-xlarge {
    width: 270px !important;
}

.input-xxlarge {
    width: 530px !important;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
    float: none;
    margin-left: 0;
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
    display: inline-block;
}

input,
textarea,
.uneditable-input {
    margin-left: 0;
}

.controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
    width: 926px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
    width: 846px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
    width: 766px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
    width: 686px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
    width: 606px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
    width: 526px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
    width: 446px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
    width: 366px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
    width: 286px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
    width: 206px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
    width: 126px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
    width: 46px;
}

.controls-row {
    *zoom: 1;
}

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

.controls-row:after {
    clear: both;
}

.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
    float: left;
}

.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
    padding-top: 5px;
}

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

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
    color: #c09853;
}

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
    color: #c09853;
}

.control-group.warning input,
.control-group.warning select,
.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);
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.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;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853;
}

.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
    color: #b94a48;
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    color: #b94a48;
}

.control-group.error input,
.control-group.error select,
.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);
}

.control-group.error input:focus,
.control-group.error select:focus,
.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;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
    color: #468847;
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    color: #468847;
}

.control-group.success input,
.control-group.success select,
.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);
}

.control-group.success input:focus,
.control-group.success select:focus,
.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;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}

.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
    color: #3a87ad;
}

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
    color: #3a87ad;
}

.control-group.info input,
.control-group.info select,
.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);
}

.control-group.info input:focus,
.control-group.info select:focus,
.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;
}

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad;
}

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

.form-actions {
    padding: 0.5em 20px 1.5em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    background-color: var(--color-td-gray-2, #D9D9D6);
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
}

.form-actions:before,
.form-actions:after {
    display: table;
    content: "";
    line-height: 0;
}

.form-actions:after {
    clear: both;
}

.help-block,
.help-inline {
    color: #787c82;
}

.help-block {
    display: block;
    margin-bottom: 0.375em;
}

.help-inline {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    vertical-align: middle;
    padding-left: 5px;
}

.input-append,
.input-prepend {
    display: inline-block;
    margin-bottom: 0.375em;
    vertical-align: middle;
    font-size: 0;
    white-space: nowrap;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
    font-size: 16px;
}

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

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
    z-index: 2;
}

.input-append .add-on,
.input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 1.5em;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5em;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid #ccc;
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.input-append .active,
.input-prepend .active {
    background-color: #7cedbe;
    border-color: #19b775;
}

.input-prepend .add-on,
.input-prepend .btn {
    margin-right: -1px;
}

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

.input-append input,
.input-append select,
.input-append .uneditable-input {
    -webkit-border-radius: 100px 100px 100px 100px 0 0 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px 0 0 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px 0 0 100px 100px 100px 100px;
}

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
    -webkit-border-radius: 0 100px 100px 100px 100px 100px 100px 100px 100px 0;
    -moz-border-radius: 0 100px 100px 100px 100px 100px 100px 100px 100px 0;
    border-radius: 0 100px 100px 100px 100px 100px 100px 100px 100px 0;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
    margin-left: -1px;
}

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

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
    -webkit-border-radius: 0 100px 100px 100px 100px 100px 100px 100px 100px 0;
    -moz-border-radius: 0 100px 100px 100px 100px 100px 100px 100px 100px 0;
    border-radius: 0 100px 100px 100px 100px 100px 100px 100px 100px 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 100px 100px 100px 100px 0 0 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px 0 0 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px 0 0 100px 100px 100px 100px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 100px 100px 100px 100px 100px 100px 100px 100px 0;
    -moz-border-radius: 0 100px 100px 100px 100px 100px 100px 100px 100px 0;
    border-radius: 0 100px 100px 100px 100px 100px 100px 100px 100px 0;
}

.input-prepend.input-append .btn-group:first-child {
    margin-left: 0;
}

input.search-query {
    padding-right: 14px;
    padding-right: 4px \9;
    padding-left: 14px;
    padding-left: 4px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

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

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

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

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

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
    display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
    display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
    margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-right: 3px;
    margin-left: 0;
}

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

legend + .control-group {
    margin-top: 1.5em;
    -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
    margin-bottom: 1.5em;
    *zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
    display: table;
    content: "";
    line-height: 0;
}

.form-horizontal .control-group:after {
    clear: both;
}

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 180px;
    *margin-left: 0;
}

.form-horizontal .controls:first-child {
    *padding-left: 180px;
}

.form-horizontal .help-block {
    margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
    margin-top: 0.375em;
}

.form-horizontal .form-actions {
    padding-left: 180px;
}

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

.table {
    width: 100%;
    margin-bottom: 1.5em;
}

.table th,
.table td {
    padding: 8px;
    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;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top: 0;
}

.table tbody + tbody {
    border-top: 2px solid var(--color-td-gray-3, #C8C9C7);
}

.table .table {
    background-color: #fff;
}

.table-condensed th,
.table-condensed td {
    padding: 4px 5px;
}

.table-bordered {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
}

.table-bordered th,
.table-bordered td {
    border-left: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}

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

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
    -webkit-border-top-right-radius: 100px 100px 100px 100px;
    -moz-border-radius-topright: 100px 100px 100px 100px;
    border-top-right-radius: 100px 100px 100px 100px;
}

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

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
    -webkit-border-bottom-right-radius: 100px 100px 100px 100px;
    -moz-border-radius-bottomright: 100px 100px 100px 100px;
    border-bottom-right-radius: 100px 100px 100px 100px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 100px 100px 100px 100px;
    -moz-border-radius-topleft: 100px 100px 100px 100px;
    border-top-left-radius: 100px 100px 100px 100px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 100px 100px 100px 100px;
    -moz-border-radius-topright: 100px 100px 100px 100px;
    border-top-right-radius: 100px 100px 100px 100px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: var(--color-td-gray-1, #F2F2F2);
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    background-color: var(--color-td-gray-2, #D9D9D6);
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-left: 0;
}

.table td.span1,
.table th.span1 {
    float: none;
    width: 44px;
    margin-left: 0;
}

.table td.span2,
.table th.span2 {
    float: none;
    width: 124px;
    margin-left: 0;
}

.table td.span3,
.table th.span3 {
    float: none;
    width: 204px;
    margin-left: 0;
}

.table td.span4,
.table th.span4 {
    float: none;
    width: 284px;
    margin-left: 0;
}

.table td.span5,
.table th.span5 {
    float: none;
    width: 364px;
    margin-left: 0;
}

.table td.span6,
.table th.span6 {
    float: none;
    width: 444px;
    margin-left: 0;
}

.table td.span7,
.table th.span7 {
    float: none;
    width: 524px;
    margin-left: 0;
}

.table td.span8,
.table th.span8 {
    float: none;
    width: 604px;
    margin-left: 0;
}

.table td.span9,
.table th.span9 {
    float: none;
    width: 684px;
    margin-left: 0;
}

.table td.span10,
.table th.span10 {
    float: none;
    width: 764px;
    margin-left: 0;
}

.table td.span11,
.table th.span11 {
    float: none;
    width: 844px;
    margin-left: 0;
}

.table td.span12,
.table th.span12 {
    float: none;
    width: 924px;
    margin-left: 0;
}

.table tbody tr.success > td {
    background-color: #dff0d8;
}

.table tbody tr.error > td {
    background-color: #f2dede;
}

.table tbody tr.warning > td {
    background-color: #fcf8e3;
}

.table tbody tr.info > td {
    background-color: #d9edf7;
}

.table-hover tbody tr.success:hover > td {
    background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover > td {
    background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover > td {
    background-color: #faf2cc;
}

.table-hover tbody tr.info:hover > td {
    background-color: #c4e3f3;
}

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.unstyled,
ol.unstyled {
    margin: 0;
    list-style: none;
}

ul.unstyled li,
ol.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 .help-inline,
.form .help-inline,
form .help-block,
.form .help-block {
    font-size: 10px;
    color: #0e103e;
}

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

form .help-inline a:hover,
.form .help-inline a:hover,
form .help-block a:hover,
.form .help-block 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 .span5,
.form .span5 {
    margin-left: 0;
}

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

form .span5 select,
.form .span5 select {
    width: 299px;
}

form .span4,
.form .span4 {
    margin-left: 0;
}

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

form .span4 select,
.form .span4 select {
    width: 264px;
}

form .span8,
.form .span8 {
    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 .control-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;
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: 0.3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(/content/img/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}

/* White icons with optional class, or on hover/focus/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: url(/content/img/glyphicons-halflings-white.png);
}

.icon-glass {
    background-position: 0 0;
}

.icon-music {
    background-position: -24px 0;
}

.icon-search {
    background-position: -48px 0;
}

.icon-envelope {
    background-position: -72px 0;
}

.icon-heart {
    background-position: -96px 0;
}

.icon-star {
    background-position: -120px 0;
}

.icon-star-empty {
    background-position: -144px 0;
}

.icon-user {
    background-position: -168px 0;
}

.icon-film {
    background-position: -192px 0;
}

.icon-th-large {
    background-position: -216px 0;
}

.icon-th {
    background-position: -240px 0;
}

.icon-th-list {
    background-position: -264px 0;
}

.icon-ok {
    background-position: -288px 0;
}

.icon-remove {
    background-position: -312px 0;
}

.icon-zoom-in {
    background-position: -336px 0;
}

.icon-zoom-out {
    background-position: -360px 0;
}

.icon-off {
    background-position: -384px 0;
}

.icon-signal {
    background-position: -408px 0;
}

.icon-cog {
    background-position: -432px 0;
}

.icon-trash {
    background-position: -456px 0;
}

.icon-home {
    background-position: 0 -24px;
}

.icon-file {
    background-position: -24px -24px;
}

.icon-time {
    background-position: -48px -24px;
}

.icon-road {
    background-position: -72px -24px;
}

.icon-download-alt {
    background-position: -96px -24px;
}

.icon-download {
    background-position: -120px -24px;
}

.icon-upload {
    background-position: -144px -24px;
}

.icon-inbox {
    background-position: -168px -24px;
}

.icon-play-circle {
    background-position: -192px -24px;
}

.icon-repeat {
    background-position: -216px -24px;
}

.icon-refresh {
    background-position: -240px -24px;
}

.icon-list-alt {
    background-position: -264px -24px;
}

.icon-lock {
    background-position: -287px -24px;
}

.icon-flag {
    background-position: -312px -24px;
}

.icon-headphones {
    background-position: -336px -24px;
}

.icon-volume-off {
    background-position: -360px -24px;
}

.icon-volume-down {
    background-position: -384px -24px;
}

.icon-volume-up {
    background-position: -408px -24px;
}

.icon-qrcode {
    background-position: -432px -24px;
}

.icon-barcode {
    background-position: -456px -24px;
}

.icon-tag {
    background-position: 0 -48px;
}

.icon-tags {
    background-position: -25px -48px;
}

.icon-book {
    background-position: -48px -48px;
}

.icon-bookmark {
    background-position: -72px -48px;
}

.icon-print {
    background-position: -96px -48px;
}

.icon-camera {
    background-position: -120px -48px;
}

.icon-font {
    background-position: -144px -48px;
}

.icon-bold {
    background-position: -167px -48px;
}

.icon-italic {
    background-position: -192px -48px;
}

.icon-text-height {
    background-position: -216px -48px;
}

.icon-text-width {
    background-position: -240px -48px;
}

.icon-align-left {
    background-position: -264px -48px;
}

.icon-align-center {
    background-position: -288px -48px;
}

.icon-align-right {
    background-position: -312px -48px;
}

.icon-align-justify {
    background-position: -336px -48px;
}

.icon-list {
    background-position: -360px -48px;
}

.icon-indent-left {
    background-position: -384px -48px;
}

.icon-indent-right {
    background-position: -408px -48px;
}

.icon-facetime-video {
    background-position: -432px -48px;
}

.icon-picture {
    background-position: -456px -48px;
}

.icon-pencil {
    background-position: 0 -72px;
}

.icon-map-marker {
    background-position: -24px -72px;
}

.icon-adjust {
    background-position: -48px -72px;
}

.icon-tint {
    background-position: -72px -72px;
}

.icon-edit {
    background-position: -96px -72px;
}

.icon-share {
    background-position: -120px -72px;
}

.icon-check {
    background-position: -144px -72px;
}

.icon-move {
    background-position: -168px -72px;
}

.icon-step-backward {
    background-position: -192px -72px;
}

.icon-fast-backward {
    background-position: -216px -72px;
}

.icon-backward {
    background-position: -240px -72px;
}

.icon-play {
    background-position: -264px -72px;
}

.icon-pause {
    background-position: -288px -72px;
}

.icon-stop {
    background-position: -312px -72px;
}

.icon-forward {
    background-position: -336px -72px;
}

.icon-fast-forward {
    background-position: -360px -72px;
}

.icon-step-forward {
    background-position: -384px -72px;
}

.icon-eject {
    background-position: -408px -72px;
}

.icon-chevron-left {
    background-position: -432px -72px;
}

.icon-chevron-right {
    background-position: -456px -72px;
}

.icon-plus-sign {
    background-position: 0 -96px;
}

.icon-minus-sign {
    background-position: -24px -96px;
}

.icon-remove-sign {
    background-position: -48px -96px;
}

.icon-ok-sign {
    background-position: -72px -96px;
}

.icon-question-sign {
    background-position: -96px -96px;
}

.icon-info-sign {
    background-position: -120px -96px;
}

.icon-screenshot {
    background-position: -144px -96px;
}

.icon-remove-circle {
    background-position: -168px -96px;
}

.icon-ok-circle {
    background-position: -192px -96px;
}

.icon-ban-circle {
    background-position: -216px -96px;
}

.icon-arrow-left {
    background-position: -240px -96px;
}

.icon-arrow-right {
    background-position: -264px -96px;
}

.icon-arrow-up {
    background-position: -289px -96px;
}

.icon-arrow-down {
    background-position: -312px -96px;
}

.icon-share-alt {
    background-position: -336px -96px;
}

.icon-resize-full {
    background-position: -360px -96px;
}

.icon-resize-small {
    background-position: -384px -96px;
}

.icon-plus {
    background-position: -408px -96px;
}

.icon-minus {
    background-position: -433px -96px;
}

.icon-asterisk {
    background-position: -456px -96px;
}

.icon-exclamation-sign {
    background-position: 0 -120px;
}

.icon-gift {
    background-position: -24px -120px;
}

.icon-leaf {
    background-position: -48px -120px;
}

.icon-fire {
    background-position: -72px -120px;
}

.icon-eye-open {
    background-position: -96px -120px;
}

.icon-eye-close {
    background-position: -120px -120px;
}

.icon-warning-sign {
    background-position: -144px -120px;
}

.icon-plane {
    background-position: -168px -120px;
}

.icon-calendar {
    background-position: -192px -120px;
}

.icon-random {
    background-position: -216px -120px;
    width: 16px;
}

.icon-comment {
    background-position: -240px -120px;
}

.icon-magnet {
    background-position: -264px -120px;
}

.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

.icon-retweet {
    background-position: -336px -120px;
}

.icon-shopping-cart {
    background-position: -360px -120px;
}

.icon-folder-close {
    background-position: -384px -120px;
    width: 16px;
}

.icon-folder-open {
    background-position: -408px -120px;
    width: 16px;
}

.icon-resize-vertical {
    background-position: -432px -119px;
}

.icon-resize-horizontal {
    background-position: -456px -118px;
}

.icon-hdd {
    background-position: 0 -144px;
}

.icon-bullhorn {
    background-position: -24px -144px;
}

.icon-bell {
    background-position: -48px -144px;
}

.icon-certificate {
    background-position: -72px -144px;
}

.icon-thumbs-up {
    background-position: -96px -144px;
}

.icon-thumbs-down {
    background-position: -120px -144px;
}

.icon-hand-right {
    background-position: -144px -144px;
}

.icon-hand-left {
    background-position: -168px -144px;
}

.icon-hand-up {
    background-position: -192px -144px;
}

.icon-hand-down {
    background-position: -216px -144px;
}

.icon-circle-arrow-right {
    background-position: -240px -144px;
}

.icon-circle-arrow-left {
    background-position: -264px -144px;
}

.icon-circle-arrow-up {
    background-position: -288px -144px;
}

.icon-circle-arrow-down {
    background-position: -312px -144px;
}

.icon-globe {
    background-position: -336px -144px;
}

.icon-wrench {
    background-position: -360px -144px;
}

.icon-tasks {
    background-position: -384px -144px;
}

.icon-filter {
    background-position: -408px -144px;
}

.icon-briefcase {
    background-position: -432px -144px;
}

.icon-fullscreen {
    background-position: -456px -144px;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle {
    *margin-bottom: -3px;
}

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

.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 {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: -0.625em 1px;
    *margin: -5px 0 5px;
    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-gradient(linear, 0 0, 0 100%, from(#008759), to(#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;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008759', endColorstr='#ff006e48', GradientType=0);
}

.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-gradient(linear, 0 0, 0 100%, from(#008759), to(#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;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008759', endColorstr='#ff006e48', GradientType=0);
}

.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;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: default;
}

.open {
    *z-index: 1000;
}

.open > .dropdown-menu {
    display: block;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #111;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

.dropdown-submenu {
    position: relative;
}

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

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

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}

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

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header {
    padding-left: 20px;
    padding-right: 20px;
}

.typeahead {
    z-index: 1051;
    margin-top: 2px;
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
}

.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);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
    border-color: var(--color-td-gray-2, #D9D9D6);
    border-color: rgba(0, 0, 0, 0.15);
}

.well-large {
    padding: 24px;
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
}

.well-small {
    padding: 9px;
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

.collapse.in {
    height: auto;
}

.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5em;
    color: #111;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
    color: #111;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.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: #008759;
    color: white;
    border: 1px solid #008759;
}

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

.btn-group {
    position: relative;
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-group + .btn-group {
    margin-left: 5px;
}

.btn-toolbar {
    font-size: 0;
    margin-top: 0.375em;
    margin-bottom: 0.375em;
}

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
    margin-left: 5px;
}

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

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

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
    font-size: 16px;
}

.btn-group > .btn-mini {
    font-size: 12px;
}

.btn-group > .btn-small {
    font-size: 13.6px;
}

.btn-group > .btn-large {
    font-size: 20px;
}

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

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

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

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

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
    z-index: 2;
    background: var(--color-td-gray-1, #F2F2F2);
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    *padding-top: 5px;
    *padding-bottom: 5px;
}

.btn-group > .btn-mini + .dropdown-toggle {
    padding-left: 5px;
    padding-right: 5px;
    *padding-top: 2px;
    *padding-bottom: 2px;
}

.btn-group > .btn-small + .dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
    *padding-top: 7px;
    *padding-bottom: 7px;
}

.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #0e103e;
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #00af66;
}

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #FFD162;
}

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #C81C1C;
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #008759;
}

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #161616;
}

.btn .caret {
    margin-top: 8px;
    margin-left: 0;
}

.btn-large .caret {
    margin-top: 6px;
}

.btn-large .caret {
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px;
}

.btn-mini .caret,
.btn-small .caret {
    margin-top: 8px;
}

.dropup .btn-large .caret {
    border-bottom-width: 5px;
}

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

.btn-group-vertical {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
}

.btn-group-vertical > .btn {
    display: block;
    float: none;
    max-width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group-vertical > .btn + .btn {
    margin-left: 0;
    margin-top: -1px;
}

.btn-group-vertical > .btn:first-child {
    -webkit-border-radius: 100px 100px 100px 100px 100px 100px 100px 100px 0 0;
    -moz-border-radius: 100px 100px 100px 100px 100px 100px 100px 100px 0 0;
    border-radius: 100px 100px 100px 100px 100px 100px 100px 100px 0 0;
}

.btn-group-vertical > .btn:last-child {
    -webkit-border-radius: 0 0 100px 100px 100px 100px 100px 100px 100px 100px;
    -moz-border-radius: 0 0 100px 100px 100px 100px 100px 100px 100px 100px;
    border-radius: 0 0 100px 100px 100px 100px 100px 100px 100px 100px;
}

.btn-group-vertical > .btn-large:first-child {
    -webkit-border-radius: 100px 100px 100px 100px 100px 100px 100px 100px 0 0;
    -moz-border-radius: 100px 100px 100px 100px 100px 100px 100px 100px 0 0;
    border-radius: 100px 100px 100px 100px 100px 100px 100px 100px 0 0;
}

.btn-group-vertical > .btn-large:last-child {
    -webkit-border-radius: 0 0 100px 100px 100px 100px 100px 100px 100px 100px;
    -moz-border-radius: 0 0 100px 100px 100px 100px 100px 100px 100px 100px;
    border-radius: 0 0 100px 100px 100px 100px 100px 100px 100px 100px;
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 1.5em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 100px 100px 100px 100px;
}

.alert,
.alert h4 {
    color: #c09853;
}

.alert h4 {
    margin: 0;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 1.5em;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.alert-success h4 {
    color: #468847;
}

.alert-danger,
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

.alert-danger h4,
.alert-error h4 {
    color: #b94a48;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}

.alert-info h4 {
    color: #3a87ad;
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
    margin-bottom: 0;
}

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

.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 1.5em;
    list-style: none;
    background-color: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-1, #F2F2F2);
}

.breadcrumb > li {
    display: inline-block;
    font-size: 12px;
}

.breadcrumb > li > .divider {
    padding: 0 5px;
    color: #161616;
}

.breadcrumb > li > a {
    color: #0e103e;
}

.breadcrumb > .active {
    color: #53565A;
}

.pagination {
    margin: 1.5em 0;
}

.pagination ul {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.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;
    -webkit-border-top-left-radius: 100px 100px 100px 100px;
    -moz-border-radius-topleft: 100px 100px 100px 100px;
    border-top-left-radius: 100px 100px 100px 100px;
    -webkit-border-bottom-left-radius: 100px 100px 100px 100px;
    -moz-border-radius-bottomleft: 100px 100px 100px 100px;
    border-bottom-left-radius: 100px 100px 100px 100px;
}

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

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
    padding: 11px 19px;
    font-size: 20px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
    -webkit-border-top-left-radius: 100px 100px 100px 100px;
    -moz-border-radius-topleft: 100px 100px 100px 100px;
    border-top-left-radius: 100px 100px 100px 100px;
    -webkit-border-bottom-left-radius: 100px 100px 100px 100px;
    -moz-border-radius-bottomleft: 100px 100px 100px 100px;
    border-bottom-left-radius: 100px 100px 100px 100px;
}

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

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
    -webkit-border-top-left-radius: 100px 100px 100px 100px;
    -moz-border-radius-topleft: 100px 100px 100px 100px;
    border-top-left-radius: 100px 100px 100px 100px;
    -webkit-border-bottom-left-radius: 100px 100px 100px 100px;
    -moz-border-radius-bottomleft: 100px 100px 100px 100px;
    border-bottom-left-radius: 100px 100px 100px 100px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
    -webkit-border-top-right-radius: 100px 100px 100px 100px;
    -moz-border-radius-topright: 100px 100px 100px 100px;
    border-top-right-radius: 100px 100px 100px 100px;
    -webkit-border-bottom-right-radius: 100px 100px 100px 100px;
    -moz-border-radius-bottomright: 100px 100px 100px 100px;
    border-bottom-right-radius: 100px 100px 100px 100px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
    padding: 2px 10px;
    font-size: 13.6px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
    padding: 0 6px;
    font-size: 12px;
}

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

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 14px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #1C1F57;
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #1C1F57;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #1C1F57;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #1C1F57;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #1C1F57;
}

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

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.popover-title:empty {
    display: none;
}

.popover-content {
    padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover .arrow {
    border-width: 11px;
}

.popover .arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff;
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

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

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff;
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

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

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@-ms-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 40px 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 1.5em;
    margin-bottom: 1.5em;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
}

.progress .bar {
    width: 0%;
    height: 100%;
    color: #fff;
    float: left;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress .bar + .bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15);
}

.progress-striped .bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
    background-color: #dd514c;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar,
.progress .bar-success {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(to bottom, #62c462, #57a957);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
    background-color: #62c462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar,
.progress .bar-info {
    background-color: #4bb1cf;
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar,
.progress .bar-warning {
    background-color: #ffd673;
    background-image: -moz-linear-gradient(top, #ffdf92, #FFC845);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffdf92), to(#FFC845));
    background-image: -webkit-linear-gradient(top, #ffdf92, #FFC845);
    background-image: -o-linear-gradient(top, #ffdf92, #FFC845);
    background-image: linear-gradient(to bottom, #ffdf92, #FFC845);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffdf92', endColorstr='#ffffc845', GradientType=0);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
    background-color: #ffdf92;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.carousel {
    position: relative;
    margin-bottom: 1.5em;
    line-height: 1;
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #161616;
    border: 3px solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.carousel-control.right {
    left: auto;
    right: 15px;
}

.carousel-control:hover,
.carousel-control:focus {
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.carousel-indicators {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    margin: 0;
    list-style: none;
}

.carousel-indicators li {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #ccc;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 5px;
}

.carousel-indicators .active {
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #53565A;
    background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
    color: #fff;
    line-height: 1.5em;
}

.carousel-caption h4 {
    margin: 0 0 5px;
}

.carousel-caption p {
    margin-bottom: 0;
}

.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;
    height: 1%;
    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 .comments {
    width: 540px;
    margin-right: 40px;
}

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

.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 .span3 {
    border-right: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding-top: 10px;
    padding-bottom: 10px;
}

.select-term .span3.last {
    border: 0;
}

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

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

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

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

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

.select-plan .span6 .span6 {
    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 .span6 {
    border-right: 1px solid var(--color-td-gray-3, #C8C9C7);
    padding-top: 10px;
    padding-bottom: 10px;
}

.select-payment .span6.last {
    border: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.invoice-line {
    cursor: pointer;
}

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

.pcs-list img {
    cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.alert {
    border-radius: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.library-item .text-box {
    float: left;
    height: 1%;
    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 .pull-right {
    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 .pull-left,
.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .feature-list .feature-row .pull-right {
    width: 326px;
    padding-right: 37px;
    font-size: 13px;
}

.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .feature-list .feature-row .pull-left a,
.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .feature-list .feature-row .pull-right 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 .pull-left a:hover,
.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .feature-list .feature-row .pull-right a:hover {
    text-decoration: none;
}

.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .feature-list .feature-row .pull-left img,
.logged-out-home #wrapper .main-holder .main-frame .home-marketing-wrapper .feature-list .feature-row .pull-right 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.pull-left {
    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-fluid {
    margin-top: 20px;
}

#knowledgebase .kb-section .row-fluid: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 .t-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 .pull-left {
    width: 440px;
}

.getting-started-container .getting-started-box .pull-right {
    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 .pull-left {
    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 .pull-left {
    width: 530px;
}

.getting-started-container .getting-started-box.last .pull-left a {
    color: #008759;
    text-decoration: none;
}

.getting-started-container .getting-started-box.last .pull-left 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 .t-upload-button {
    margin-top: 10px;
}

div#file-select-result span#file-selected-label i {
    color: #00af66;
}


.step-container .step-list .t-upload > ul > li,
.step-container .step-list .t-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 .t-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 .span3 .callout {
    padding: 10px;
    color: #635fa4;
    margin-bottom: 10px;
    min-height: 45px;
    border-radius: 4px;
    display: flex;
}

.bis-learn-more#RA .units .span3 .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/layout/img/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 {
    height: 1%;
    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;
    height: 1%;
    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;
    height: 1%;
    overflow: hidden;
}

.aside .user-info .box {
    background: none;
    width: auto;
    overflow: hidden;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.affix {
    position: fixed;
}

pre {
    background: none;
    border: 0;
    border-radius: 0;
    display: block;
    font-size: 11px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    font-family: inherit;
}
#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 {
    height: 1%;
    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 > 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 {
    color: var(--color-td-blue, #0E103E);
    text-decoration: none;
    text-transform: none;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
}

#Header #userMenu .dropdown-menu a:hover {
    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;
    height: 1%;
    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;
}

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

/* queness-tooltip */
	
.queness-tooltip {
	position:absolute;
	z-index:9999;
	color:#CE1945;
	font-size:11px;
	line-height:14px;
	width:250px;
}
.queness-tooltip strong
{
	color:#CE1945;
}
.queness-tooltip .tipHeader {
	height:10px;
	/*-moz-border-radius-topleft: 75px;
	border-top-left-radius: 75px;
	-moz-border-radius-topright: 75px;
	border-top-right-radius: 75px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;*/
	
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#CCC;
	background:#F6F6F6;
}
.queness-tooltip .tipBody
{
	padding:0 10px;
	border-width:0 1px;
	border-style:solid;
	border-color:#CCC;
	background:#F6F6F6;
}
.queness-tooltip .tipFooter
{
	height:10px;
	/*-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 75px;
	border-bottom-left-radius: 75px;
	-moz-border-radius-bottomright: 75px;
	border-bottom-right-radius: 75px;*/
	
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#CCC;
	background:#F6F6F6;
}
.view-tooltip, .view-tooltip:hover
{
	text-decoration:underline;
	cursor:default;
	position:relative;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:8000; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Formatting styles
*/
#colorbox {
    box-sizing: content-box;
}
/*#colorbox h2 {margin:25px 0 0 0; color:#00AF66; font:normal 1.6em/normal Arial, Helvetica, Verdana, sans-serif; padding-right:20px;}*/
#colorbox h2 {
    font-size: 18px;
    font-family: Arial;
    line-height: normal;
}
#colorbox h3 {margin:10px 0 0 0; color:#000; font:normal 1.4em/normal Arial, Helvetica, Verdana, sans-serif;}
#colorbox h4 {font-weight: bold; margin-top:10px; margin-bottom:2px;}
/*#colorbox h5 {color:#000; font:bold 1.5em/1.2em Arial,Helvetica,sans-serif; padding:5px 0 10px;}*/
#colorbox h6 {color:var(--color-td-green-heading, #00995b); font:normal normal/normal Arial,Helvetica,sans-serif; margin-bottom:10px;}
#colorbox h2 span, #colorbox h4 span {font-weight:normal;}
#colorbox p {margin:8px 0;}
#colorbox .mt-5 {margin-top: 5px;}
#colorbox .mt-10 {margin-top: 10px;}
#colorbox .mt-15 {margin-top: 15px;}
#colorbox .mr-5 {margin-right: 5px;}
#colorbox .mb-5 {margin-bottom: 5px;}
#colorbox .mb-15 {margin-bottom: 15px;}
#colorbox .dotted-divider {
    background: url(/content/Images/dot-line.gif) repeat-x;
    height: 1px;
}
#colorbox .dotted-divider {
    background: url(/content/Images/divider.gif) repeat-x;
    height: 1px !important;
}
/*#colorbox .solid-divider,*/ #colorbox .button-divider {border-top: 1px solid #CCC;}
#colorbox .button-divider {margin-bottom: 20px;}
#colorbox form {line-height:1.5em;}
#colorbox form .checkbox {margin-right: 5px; margin-bottom:4px;}
#colorbox form .radio {margin-right: 3px; margin-bottom:4px;}
#colorbox .comment {color:#666;}
#colorbox small {font-size:0.9em !important;}

#colorbox .login-wrapper {color:#666;}
#colorbox .login-wrapper li {margin-bottom:5px;}

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

#colorbox .assign-to-selected td {vertical-align:top; padding:0;}
    #colorbox .assign-to-selected td .activities {
        background: url(/content/Images/dot-line.gif) 0 100% repeat-x;
        margin-top: -1px;
        padding: 10px;
        clear: both;
        height: 123px;
    }
#colorbox .assign-to-selected td .activities .checkbox {margin-right: 12px; float:left;}
        #colorbox .assign-to-selected td .activities .thumb {
            margin: 0 12px 10px -4px;
            padding: 5px 0 0 5px;
            width: 147px;
            float: left;
            height: 118px;
            background: url(/content/Images/bg-image-lesson.gif) no-repeat;
            position: relative;
        }
#colorbox .assign-to-selected td .activities .assign-actions {position:relative; height:118px; float:left; padding-left:0; width:420px;}
#colorbox .assign-to-selected td h4 {font:bold 14px/18px Verdana, Arial, Helvetica, sans-serif;}
#colorbox .assign-to-selected td h4 a {text-decoration:underline; color:#000;}
#colorbox .assign-to-selected h4 a:hover {text-decoration:none;}

/*#colorbox a.button {background: transparent url(/content/images/bg_button-rightSide.gif) no-repeat scroll top right; font-weight:bold; font-size:11px; text-transform:uppercase; color:#666; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 16px; /* sliding doors padding * text-decoration: none !important; cursor:pointer;}
#colorbox a.button:link {color:#666;}
#colorbox a.button:hover {text-decoration:underline !important;}
#colorbox a.button span {background: transparent url(/content/images/bg_button-main.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 16px;}*/

#colorbox .left-col, #colorbox .right-col {float:left; width:50%;}
#colorbox .left-col .content {padding-right: 10px;}
#colorbox .right-col .content {padding-left: 10px;}

#colorbox .profile-picture {overflow:hidden; font-family:Arial, Helvetica, sans-serif; float:left; padding-top:4px;}
#colorbox .profile-picture .avatar {width:98px; background:#FFF; margin-right:15px; text-align:left; vertical-align:bottom; overflow:hidden; position:relative;border:1px solid #000;}
#colorbox .profile-picture .avatar img {position:relative; bottom:0; }
#colorbox .profile-picture a {color: #00F; text-decoration:underline;}
#colorbox .profile-picture a:hover {text-decoration:none;}

#colorbox .create-new-group .left-col {width:100px;}
#colorbox .create-new-group .right-col {width:550px;}
#colorbox .create-new-group p {margin:0 0 8px;}
#colorbox .create-new-group small {font-size:10px !important;}


















#colorbox .content-box-title, #colorbox .form-settings .form, #colorbox .form-block {background:none;}
#colorbox .form-settings .form {margin-bottom:0px;}
#colorbox .form-settings .form h4 {font-weight:normal; margin-bottom:10px; margin-top:0px;}
#colorbox .form-buttons {margin-top:20px;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
    background: #000;
    opacity: 0.6 !important;
}
#colorbox{color:#000; font:1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;}
#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(/content/Images/colorbox/controls.png) no-repeat -100px 0;
}
#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(/content/Images/colorbox/controls.png) no-repeat -129px 0;
}
#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(/content/Images/colorbox/controls.png) no-repeat -100px -29px;
}
#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(/content/Images/colorbox/controls.png) no-repeat -129px -29px;
}
#cboxMiddleLeft {
    width: 21px;
    background: url(/content/Images/colorbox/controls.png) left top repeat-y;
}
#cboxMiddleRight {
    width: 21px;
    background: url(/content/Images/colorbox/controls.png) right top repeat-y;
}
#cboxTopCenter {
    height: 21px;
    background: url(/content/Images/colorbox/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
    height: 21px;
    background: url(/content/Images/colorbox/border.png) 0 -29px repeat-x;
}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px; padding:0 10px; position:relative;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; display:none !important; }
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0px;
    background: url(/content/Images/colorbox/controls.png) no-repeat -75px 0px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
        #cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/content/Images/colorbox/controls.png) no-repeat -50px 0px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
        #cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay {
    background: url(/content/Images/colorbox/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
    background: url(/content/Images/colorbox/loading.gif) no-repeat center center;
}
#cboxClose {
    position: absolute;
    top: 0;
    right: 0;
    background: url(/content/Images/colorbox/controls.png) no-repeat -25px 0px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    border: 0;
}
#cboxClose:hover{
    background-position:-25px -25px;
}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
/*.cboxIE #cboxTopLeft {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/content/Images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/content/Images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/content/Images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/content/Images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/content/Images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/content/Images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/content/Images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/content/Images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}*/

#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.pull-right {
    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 {
    background: url(/content/Images/bg-form-search.png) no-repeat;
    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 {
    height: 1%;
    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;
}

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

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

/* telerik */
.manage-relationships table .t-treeview-lines {
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
}

.manage-relationships table .t-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 {
    height: 1%;
    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 url(/content/Images/overlay-organization-container.png) left top repeat-x;
    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 {
    height: 1%;
    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 {
    height: 1%;
    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;
}

.highcharts-tooltip-container {
    background: #fff;
    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;
}


/* dashboard */
/* friend-activity */
.friend-activity {
    height: 1%;
    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 {
    height: 1%;
    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 {
    height: 1%;
    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 {
    height: 1%;
    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 {
    height: 1%;
    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 .t-plus, .assign-activities .t-plus-disabled {
    background-position: 0 -144px !important;
}

.assign-activities .t-minus, .assign-activities .t-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;
    height: 1%;
    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 {
    height: 1%;
    overflow: hidden;
    padding: 18px 16px 16px;
    font-size: 1.1em;
    line-height: 1.2em;
    background: url(/content/Images/bg-update-bar-lg-bot.gif) no-repeat 0 100%;
}

.update-bar-large span {
    display: block;
    padding: 1px 0 3px 30px;
    color: #7a0002;
    background: url(/content/Images/bg-update-bar-lg-warning.gif) no-repeat;
}

.update-bar-large a {
    color: #7a0002;
    text-decoration: underline;
}

.update-bar-large a:hover {
    text-decoration: none;
}

/* create new group */
.create-new-group .left-col {
    float: left;
    width: 100px;
    margin: 5px 0;
}

.create-new-group .right-col {
    float: left;
    margin: 5px 0;
}

.create-new-group .right-col img {
    vertical-align: top;
    border: 5px var(--color-td-gray-3, #C8C9C7) solid;
}

/* manage groups */
.manage-groups .left-col {
    float: left;
    width: 122px;
    margin: 5px 0;
}

.manage-groups .left-col img {
    vertical-align: top;
    border: 5px var(--color-td-gray-3, #C8C9C7) solid;
}

.manage-groups .right-col {
    float: left;
    margin: 5px 0;
    width: 789px;
}

.manage-groups .right-col p {
    color: #666;
}

.manage-groups .right-col .title-text p, .manage-groups .right-col .title-text p a {
    color: #00AF66 !important;
}

.manage-groups .right-col .title-text p a {
    text-decoration: none;
}

.manage-groups .right-col .title-text p a:hover {
    text-decoration: underline;
}

.manage-groups .description {
    padding: 7px 0;
}

.manage-groups .group-info strong {
    padding-right: 5px;
}

.manage-groups .group-info span {
    padding: 0 15px;
}

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

.manage-groups a:hover {
    text-decoration: none;
}

/* manage hierarchy */
.manage-hierarchy .level-col {
    float: left;
    margin-right: 10px;
    font: bold 12px/16px Arial, Helvetica, sans-serif;
    height: 16px;
    padding: 9px 0;
    vertical-align: middle;
}

.manage-hierarchy .value-col {
    float: left;
    vertical-align: top;
}

.manage-hierarchy .req-col {
    float: left;
    height: 16px;
    padding: 9px 0 9px 5px;
    vertical-align: middle;
}

.manage-hierarchy a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
    padding-left: 10px;
}

.manage-hierarchy a:hover {
    text-decoration: none;
}

/* instructional level settings */
.instructional-level-settings .level-col {
    float: left;
    margin-right: 10px;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    height: 16px;
    padding: 9px 0;
    vertical-align: middle;
}

.instructional-level-settings .value-col {
    float: left;
    vertical-align: top;
}

.instructional-level-settings .action-container {
    float: left;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    height: 16px;
    padding: 9px 0 9px 10px;
    vertical-align: middle;
}

.instructional-level-settings .action-container span {
    padding: 0 5px;
}

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

.instructional-level-settings a:hover {
    text-decoration: none;
}

/* add relationships */
.add-relationships .text-col {
    float: left;
    margin-right: 10px;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    height: 16px;
    padding: 9px 0;
    vertical-align: middle;
}

.add-relationships .value-col {
    float: left;
    vertical-align: top;
}

.add-relationships .req-col {
    float: left;
    height: 16px;
    padding: 9px 0 9px 5px;
    vertical-align: middle;
}

.add-relationships a {
    color: var(--color-td-blue, #0E103E);
    text-decoration: underline;
    padding-left: 10px;
}

.add-relationships a:hover {
    text-decoration: none;
}

#planChoiceHolder .planChoiceItem .NotEligible {
    color: var(--color-td-gray-5, #75787B) !important;
}

.form-settings .sign-up-login {
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 20px;
}

.form-settings .sign-up-login label {
    margin-bottom: 7px;
    display: block;
    font-size: 1.2em;
    line-height: 1.3em;
    font-weight: normal;
}

.form-settings .sign-up-login .text {
    padding: 8px 9px;
    width: 206px;
    height: 16px;
    font: bold 14px/16px Arial, Helvetica, sans-serif;
    color: #000;
    border: 1px var(--color-td-gray-3, #C8C9C7) solid;
}

/* large button menus */
.lg-btn-menu:after {
    content: '';
    display: block;
    clear: both;
}

.lg-btn-menu li {
    float: left;
}

.lg-btn-menu li a, .lg-btn-menu li a.tab-override {
    height: 56px;
    background: var(--color-td-gray-1, #F2F2F2);
    color: #666;
    font: normal 18px/56px Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none;
    display: block;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    outline: none;
}

.lg-btn-menu li a.tab-override {
    float: none;
    padding: 0;
}

.lg-btn-menu li a span {
    background-image: url(/content/Images/lg-btn-icons-sprite.png);
    width: 41px;
    height: 36px;
    display: block;
    float: left;
    margin: 7px 10px 13px 15px;
}

.lg-btn-menu li a:hover, .lg-btn-menu li a.tab-override:hover {
    background: var(--color-td-blue, #0E103E);
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}

.lg-btn-menu li a {
    border-right: 0;
}

.lg-btn-menu li.add-folder a, .lg-btn-menu li.last-lg-btn a {
    border-right: 1px solid var(--color-td-gray-2, #D9D9D6);
}

/* active */
.lg-btn-menu li.add-folder a span {
    background-position: 0 0;
}


.lg-btn-menu li.upload-activity a span {
    background-position: 0 -72px;
}

.lg-btn-menu li.add-activity-set a span {
    background-position: 0 -108px;
}

.lg-btn-menu li.add-symbol a span {
    background-position: 0 -144px;
}

.lg-btn-menu li.add-video a span {
    background-position: 0 -180px;
}

.lg-btn-menu li.add-audio a span {
    background-position: 0 -216px;
}

.lg-btn-menu li.add-member a span {
    background-position: 0 -252px;
}

.lg-btn-menu li.add-discussion a span {
    background-position: 0 -288px;
}

.lg-btn-menu li.manage-settings a span {
    background-position: 0 -324px;
}

.lg-btn-menu li.manage-account a span {
    background-position: 0 -360px;
}

.lg-btn-menu li.upload-pdf a span {
    background-position: 0 -540px;
}

/* hover */
.lg-btn-menu li.add-folder a:hover span {
    background-position: -41px 0;
}

.lg-btn-menu li.add-activity a span {
    background-position: 0 -36px;
}

.lg-btn-menu li.add-activity a:hover span {
    background-position: -41px -36px;
}

.lg-btn-menu li.upload-activity a:hover span {
    background-position: -41px -72px;
}

.lg-btn-menu li.add-activity-set a:hover span {
    background-position: -41px -108px;
}

.lg-btn-menu li.add-symbol a:hover span {
    background-position: -41px -144px;
}

.lg-btn-menu li.add-video a:hover span {
    background-position: -41px -180px;
}

.lg-btn-menu li.add-audio a:hover span {
    background-position: -41px -216px;
}

.lg-btn-menu li.add-member a:hover span {
    background-position: -41px -252px;
}

.lg-btn-menu li.add-discussion a:hover span {
    background-position: -41px -288px;
}

.lg-btn-menu li.manage-settings a:hover span {
    background-position: -41px -324px;
}

.lg-btn-menu li.manage-account a:hover span {
    background-position: -41px -360px;
}

.lg-btn-menu li.upload-pdf a:hover span {
    background-position: -41px -540px;
}

/* inactive buttons */
.lg-btn-menu li.inactive {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor: default;
}

.lg-btn-menu li.inactive a:hover {
    background: var(--color-td-gray-1, #F2F2F2);
    color: #666;
    text-decoration: none;
    cursor: default;
}

.lg-btn-menu li.add-activity.inactive a:hover span {
    background-position: 0 -36px;
}

.lg-btn-menu li.add-member.inactive a:hover span {
    background-position: 0 -252px;
}

/* specific menu */
.my-activities-menu li {
    width: 25%;
}

.my-group-menu li {
    width: 25%;
}

.my-symbols-menu li, .my-videos-menu li, .my-audio-menu li, .admin-manage-member li {
    width: 50%;
}

/* dropdown menu */
.lg-btn-menu .lg-btn-menu__dropdown {
    position: relative;
}

.lg-btn-menu .lg-btn-menu__dropdown.active a,
.lg-btn-menu .lg-btn-menu__dropdown:hover a {
    background: var(--color-td-blue, #0E103E);
    color: #fff;
    background-image: inherit;
}

.lg-btn-menu .lg-btn-menu__dropdown:hover span {
    background-position: -41px -72px;
}

.lg-btn-menu__dropdown:hover .lg-btn-menu__dropdown__container {
    display: block;
}

.lg-btn-menu .lg-btn-menu__dropdown__container {
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%;
    background: var(--color-td-blue, #0E103E);
    display: none;
}

.lg-btn-menu.admin .lg-btn-menu__dropdown__container {
    top: 101px;
}

.lg-btn-menu .lg-btn-menu__dropdown__container a {
    display: block;
    height: auto;
    background: var(--color-td-blue, #0E103E);
    color: #fff;
    font-size: 14px;
    line-height: normal;
    padding: 10px 20px;
    border-bottom: 1px solid var(--color-td-gray-2, #D9D9D6);
    border-top: 0;
    text-align: left;
}

.lg-btn-menu .lg-btn-menu__dropdown__container a:hover {
    background: var(--color-td-blue, #0E103E);
    text-decoration: underline;
}

.lg-btn-menu .lg-btn-menu__dropdown a .caret {
    border-top-color: #666;
    position: relative;
    top: 24px;
    left: 10px;
}

.lg-btn-menu .lg-btn-menu__dropdown:hover a .caret {
    border-top-color: #fff;
}

.aside-actions-menu li .btnPlayInWebPlayer span {
    background-position: 0 0;
}

.aside-actions-menu li .btnPlayInWebPlayer:hover span {
    background-position: -20px 0;
}

.aside-actions-menu li .btnAssignActivity span {
    background-position: 0 -20px;
}

.aside-actions-menu li .btnAssignActivity:hover span {
    background-position: -20px -20px;
}

.aside-actions-menu li .btnAddToPlaylist span {
    background-position: 0 -40px;
}

.aside-actions-menu li .btnAddToPlaylist:hover span {
    background-position: -20px -40px;
}

.aside-actions-menu li .btnDownloadActivity span {
    background-position: 0 -60px;
}

.aside-actions-menu li .btnDownloadActivity:hover span {
    background-position: -20px -60px;
}

.aside-actions-menu li .btnDeleteActivity span {
    background-position: 0 -80px;
}

.aside-actions-menu li .btnDeleteActivity:hover span {
    background-position: -20px -80px;
}

.aside-actions-menu li .btnRemoveFromMyActivities span {
    background-position: 0 -100px;
}

.aside-actions-menu li .btnRemoveFromMyActivities:hover span {
    background-position: -20px -100px;
}

.aside-actions-menu li .btnAddToGroup span {
    background-position: 0 -120px;
}

.aside-actions-menu li .btnAddToGroup:hover span {
    background-position: -20px -120px;
}

.aside-actions-menu li .btnSendToColleague span {
    background-position: 0 -140px;
}

.aside-actions-menu li .btnSendToColleague:hover span {
    background-position: -20px -140px;
}

.aside-actions-menu li .btnBuyActivity span {
    background-position: 0 -160px;
}

.aside-actions-menu li .btnBuyActivity:hover span {
    background-position: -20px -160px;
}

.aside-actions-menu li .btnPrintActivity span {
    background-position: 0 -180px;
}

.aside-actions-menu li .btnPrintActivity:hover span {
    background-position: -20px -180px;
}

.aside-actions-menu li .btnAddToMyActivities span {
    background-position: 0 -200px;
}

.aside-actions-menu li .btnAddToMyActivities:hover span {
    background-position: -20px -200px;
}

.aside-actions-menu li .btnCompleteProcessing span {
    background-position: 0 -220px;
}

.aside-actions-menu li .btnCompleteProcessing:hover span {
    background-position: -20px -220px;
}

/* aside actions nav - inactive */
.aside-actions-menu li.inactive {
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    border-top: 0;
    width: 100%;
    position: relative;
}

.aside-actions-menu li.inactive a {
    height: 44px;
    background: #B3B3B3;
    color: var(--color-td-gray-3, #C8C9C7);
    width: 100%;
    font: normal 1.8em/44px Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none;
    display: block;
}

.aside-actions-menu li.inactive .upgrade {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: none;
}

.aside-actions-menu li.inactive .upgrade a {
    font: normal 1.8em/44px Arial, Helvetica, Verdana, sans-serif;
    background: #CD1819;
    color: #FFF;
}

.aside-actions-menu li.inactive .upgrade a span {
    background: none;
    height: 0px;
    width: 0px;
    display: none;
    margin: 0;
    float: none
}

.aside-actions-menu li.inactive .upgrade a em {
    display: inline-block;
    padding-left: 15px;
    font-style: normal
}

.aside-actions-menu li.inactive .btnPlayInWebPlayer span, .aside-actions-menu li.inactive .btnPlayInWebPlayer:hover span {
    background-position: -40px 0;
}

.aside-actions-menu li.inactive .btnAssignActivity span, .aside-actions-menu li.inactive .btnAssignActivity:hover span {
    background-position: -40px -20px;
}

.aside-actions-menu li.inactive .btnAddToPlaylist span, .aside-actions-menu li.inactive .btnAddToPlaylist:hover span {
    background-position: -40px -40px;
}

.aside-actions-menu li.inactive .btnDownloadActivity span, .aside-actions-menu li.inactive .btnDownloadActivity:hover span {
    background-position: -40px -60px;
}

.aside-actions-menu li.inactive .btnDeleteActivity span, .aside-actions-menu li.inactive .btnDeleteActivity:hover span {
    background-position: -40px -80px;
}

.aside-actions-menu li.inactive .btnRemoveFromMyActivities span, .aside-actions-menu li.inactive .btnRemoveFromMyActivities:hover span {
    background-position: -40px -100px;
}

.aside-actions-menu li.inactive .btnAddToGroup span, .aside-actions-menu li.inactive .btnAddToGroup:hover span {
    background-position: -40px -120px;
}

.aside-actions-menu li.inactive .btnSendToColleague span, .aside-actions-menu li.inactive .btnSendToColleague:hover span {
    background-position: -40px -140px;
}

.aside-actions-menu li.inactive .btnBuyActivity span, .aside-actions-menu li.inactive .btnBuyActivity:hover span {
    background-position: -40px -160px;
}

.aside-actions-menu li.inactive .btnPrintActivity span, .aside-actions-menu li.inactive .btnPrintActivity:hover span {
    background-position: -40px -180px;
}

.aside-actions-menu li.inactive .btnAddToMyActivities span, .aside-actions-menu li.inactive .btnAddToMyActivities:hover span {
    background-position: -40px -200px;
}

.aside-actions-menu li.inactive .btnCompleteProcessing span, .aside-actions-menu li.inactive .btnCompleteProcessing:hover span {
    background-position: -40px -220px;
}


/* aside buttons */
.aside-btn-container {
    background: var(--color-td-gray-2, #D9D9D6);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    list-style: none;
    margin: 0 -16px 0 -17px;
    padding: 0 20px 0 21px;
}

.aside-btn-container ul {
    padding-top: 7px;
}

.aside-btn-container ul.folders-list {
    background: url(/content/Images/divider2.gif) repeat-x;
    margin-bottom: 15px;
    padding-top: 15px;
}

.aside-btn-container li {
    margin-bottom: 7px;
}

.aside-btn-container li a {
    padding-left: 24px;
    background: url(/content/Images/btn-aside-folder.gif) 0 0 no-repeat;
    font: normal 1.2em/1.4em Arial, Helvetica, Verdana, sans-serif;
    color: #666;
    text-decoration: none;
}

.aside-btn-container li a:hover {
    text-decoration: underline;
}

.aside-btn-container li li > ul {
    margin-left: 24px;
}

.aside-btn-container .create-folder {
    margin-bottom: 15px;
}

.aside-btn-container .create-folder a {
    padding-left: 24px;
    background: url(/content/Images/btn-aside-new-folder.gif) 0 0 no-repeat;
    font: normal 1.2em/1.4em Arial, Helvetica, Verdana, sans-serif;
    color: #666;
    text-decoration: none;
    display: block;
}

.aside-btn-container .create-folder a:hover {
    text-decoration: underline;
}

.aside-btn-container li span {
    font: normal 1.2em/1.4em Arial, Helvetica, Verdana, sans-serif;
    color: var(--color-td-gray-5, #75787B);
    text-decoration: none;
}

.aside-btn {
    padding-left: 24px;
    height: 44px;
    background-position: 0 13px;
    background-repeat: no-repeat;
}

.btn-aside-activities {
    background-image: url(/content/Images/btn-aside-activities.gif);
}

.btn-aside-plus {
    background-image: url(/content/Images/btn-aside-plus.gif);
}

.btn-aside-playlist {
    background-image: url(/content/Images/btn-aside-playlist.gif);
}

.btn-aside-premium {
    background-image: url(/content/Images/btn-aside-premium.gif);
}

.btn-aside-invite-friend {
    background-image: url(/content/Images/btn-aside-invite-friend.gif);
}

.btn-aside-create-group {
    background-image: url(/content/Images/btn-aside-create-group.gif);
}

.btn-aside-delete-group {
    background-image: url(/content/Images/btn-aside-delete-group.gif);
}

.btn-aside-back {
    background-image: url(/content/Images/btn-aside-back.gif);
}

.btn-aside-privileges {
    background-image: url(/content/Images/btn-aside-privileges.gif);
}

.btn-aside-compose-message {
    background-image: url(/content/Images/btn-aside-compose-message.gif);
}

.btn-aside-profile-information {
    background-image: url(/content/Images/btn-aside-profile-information.gif);
}

.btn-aside-password {
    background-image: url(/content/Images/btn-aside-password.gif);
}

.btn-aside-privacy-information {
    background-image: url(/content/Images/btn-aside-privacy-information.gif);
}

.btn-aside-player-id {
    background-image: url(/content/Images/btn-aside-player-id.gif);
}

.btn-aside-studio-key {
    background-image: url(/content/Images/btn-aside-studio-key.gif);
}

.btn-aside-notifications {
    background-image: url(/content/Images/btn-aside-notifications.gif);
}

.btn-aside-add-as-friend {
    background-image: url(/content/Images/btn-aside-add-as-friend.gif);
}

.btn-aside-remove-friend {
    background-image: url(/content/Images/btn-aside-remove-friend.gif);
}

.btn-aside-send-message {
    background-image: url(/content/Images/btn-aside-send-message.gif);
}

.btn-aside-stu-mgmt {
    background-image: url(/content/Images/btn-aside-stu-mgmt.gif);
}

.btn-aside-print-editor {
    background-image: url(/content/Images/btn-aside-download.gif);
}

.btn-aside-purchase-history {
    background-image: url(/content/Images/btn-aside-purchase-history.gif);
}

.aside-btn a, .aside-btn span {
    font: normal 1.8em/44px Arial, Helvetica, Verdana, sans-serif;
    color: #666;
    text-decoration: none;
}

.aside-btn a:hover {
    text-decoration: underline;
}

.aside-btn span {
    color: var(--color-td-gray-5, #75787B);
}

.aside-btn-container .folders-list li.active a {
    font-weight: bold;
    color: #00AF66;
}

.aside-btn-container .folders-list li.active span {
    color: #00AF66;
}

#MySettingsLinksDiv {
    margin-bottom: 20px;
}

a.search-link-button {
    background: transparent url('/content/Images/bg_advanced_search_rightSide.png') right top no-repeat scroll;
    font: normal 16px/35px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: white !important;
    display: block;
    float: left;
    height: 35px;
    margin-right: 6px;
    padding-right: 16px;
    text-decoration: none !important;
    cursor: pointer;
}

a.search-link-button span {
    background: transparent url('/content/Images/bg_advanced_search_main.png') no-repeat;
    display: block;
    line-height: 35px;
    padding: 0 0 5px 16px;
}

/* aside - recent activity - friend, group */
.recent-activity {
    margin-bottom: 18px;
    width: 100%;
    overflow: hidden;
}

.recent-activity li {
    padding: 10px 0 8px;
    width: 100%;
    float: left;
}

.recent-activity .image {
    margin: 2px 15px 0 0;
    float: left;
    display: inline;
}

* html .recent-activity .image {
    margin-right: 12px;
}

.recent-activity .image img {
    vertical-align: top;
    border: 1px #000 solid;
}

.recent-activity .info {
    height: 1%;
    overflow: hidden;
    font-size: .9em;
}

.recent-activity strong {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #00AF66;
}

.recent-activity strong a {
    color: #00AF66;
}

.recent-activity dl {
    margin: 0;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #666;
}

.recent-activity dt, .recent-activity dd {
    margin: 0;
    display: inline;
}

.recent-activity dt {
    font-weight: bold;
}

/* move to folder modal */
.move-to-folder-container {
    background: none;
    border: 0 none;
    list-style: none;
    margin: 0;
    padding: 0;
}

.move-to-folder-container .activities-folders {
    margin-bottom: 0px;
    padding: 5px 0 0;
}

.move-to-folder-container .activities-folders .folders-list {
    background: none;
    margin: 20px 0 15px;
    padding: 0px;
    overflow: hidden;
    width: 100%;
}

.move-to-folder-container .activities-folders .folders-list ul li {
    padding: 2px 0 5px;
}

.move-to-folder-container .activities-folders .folders-list li {
    margin-bottom: 0;
    padding: 0 0 7px;
    width: 100%
}

.move-to-folder-container .activities-folders .folders-list li a {
    padding-left: 24px;
    background: url(/content/Images/btn-aside-folder.gif) 0 0 no-repeat;
    font: normal 1.2em/1.4em Arial, Helvetica, Verdana, sans-serif;
    color: #666;
    text-decoration: none;
}

.move-to-folder-container .activities-folders .folders-list li a:hover {
    text-decoration: underline;
}

.move-to-folder-container .activities-folders .folders-list li span {
    font: normal 1.2em/1.4em Arial, Helvetica, Verdana, sans-serif;
    color: var(--color-td-gray-5, #75787B);
    text-decoration: none;
}

/* block UI */
.blockUI {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}

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

.blockUI h1 {
    color: var(--color-td-green-heading, #00995b);
    font-size: 18px;
}

/* DMC specific styles */
/* paging Styles */
.pagingList {
    float: right;
    list-style: none outside none;
    margin: 37px 0 0;
    padding: 0;
}

.pagingList li, .pagingList li.current-page {
    background: var(--color-td-gray-3, #C8C9C7);
    border: 1px solid var(--color-td-gray-3, #C8C9C7);
    float: left;
    font-size: 12px;
    line-height: 27px;
    margin-right: 3px;
}

.pagingList li a, .pagingList li.current-page {
    background: var(--color-td-gray-3, #C8C9C7);
    color: #666;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 9px;
}

.pagingList li a, .pagingList li a:hover {
    cursor: pointer;
}

.pagingList li a:hover, .pagingList li.current-page {
    background: #FC0;
    color: #000;
}

.pagingList li.current-page {
    cursor: default;
}

.pagingList .link-next, .pagingList .link-previous {
    height: 33px;
    overflow: hidden;
    width: 22px;
    background: none;
    border: none;
}

.pagingList .link-next a, .pagingList .link-next a:hover, .pagingList .link-previous a, .pagingList .link-previous a:hover {
    display: block;
    height: 100%;
    text-indent: -9999px;
    color: #000000;
    text-decoration: none;
    padding: 0 11px;
}

.pagingList .link-next {
    float: right;
    margin: -3px 0 0 15px;
}

.pagingList .link-next a, .pagingList .link-next a:hover {
    background: url(/content/Images/arrow-next.gif) 0 0 no-repeat;
}

.pagingList .link-previous {
    float: left;
    margin: -3px 15px 0 0;
}

.pagingList .link-previous a, .pagingList .link-previous a:hover {
    background: url(/content/Images/arrow-previous.gif) 0 0 no-repeat;
}

/* basic styles */
.inlineList li {
    display: inline;
    float: left;
    list-style-type: none;
    padding: 0 5px 0 5px;
}

.inlineList li .active, ul#menu li .active {
    background-color: #D0E1F2;
}

ul.basic-unordered-list {
    margin-left: 25px;
    list-style: disc;
    font: normal 1.2em/1.3em Verdana, Arial, Helvetica, sans-serif !important;
}

/* rewrite styles */
.riDisplay {
    left: 0;
}

.searchFix {
    height: 34px !important;
}

/* additional global */
.no-border {
    border: none !important;
}

.no-top-border {
    border-top: none !important;
}

.no-bottom-border {
    border-bottom: none !important;
}

.no-left-border {
    border-left: none !important;
}

.no-background {
    background: none !important;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.height-1 {
    height: 1px !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.align-left {
    text-align: left;
}

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

.clear {
    clear: both !important;
}

.black {
    color: #000 !important;
}

.gray {
    color: var(--color-td-gray-5, #75787B);
}

.bold {
    font-weight: bold;
}

.dotted-divider {
    background: url(/content/Images/dot-line.gif) repeat-x;
    height: 1px;
}

.dotted-divider {
    background: url(/content/Images/divider.gif) repeat-x;
    height: 1px !important;
}

.solid-divider {
    background: url(/content/Images/divider.gif) repeat-x;
    height: 1px !important;
}

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

a.blue-link:hover {
    text-decoration: none;
}

a.black-link {
    color: #000;
    text-decoration: underline;
}

a.black-link:hover {
    text-decoration: none;
}

ol.ordered-list {
    list-style: decimal;
    margin: 0 10px 0 5px;
}

ol.ordered-list li {
    padding: 3px 0;
    margin-left: 10px;
}

.mt-minus-1 {
    margin-top: -1px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-1 {
    margin-top: 1px !important;
}

.mt-2 {
    margin-top: 2px !important;
}

.mt-3 {
    margin-top: 3px !important;
}

.mt-4 {
    margin-top: 4px !important;
}

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

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

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

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

/* 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 .t-last {
    padding-right: 0;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .t-hierarchy-cell,
    /* #associationActvitiesHolder */
.activity-modal-scrollable .t-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/2012.3.1018/BMShare/sprite.png') 0px -146px no-repeat;
    margin-right: 10px;
}

.activity-modal-scrollable .folder-name.open .icon {
    background: url('/content/2012.3.1018/BMShare/sprite.png') -16px -146px no-repeat;
}

.activity-modal-scrollable .subfolder-activity-list {
    padding-left: 20px;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .t-master-row .t-hierarchy-cell {
    padding-left: 10px;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .t-detail-cell .nested-grid {
    width: 100%;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .t-detail-cell .nested-grid .t-last {
    overflow: visible;
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .t-detail-cell .nested-grid td {
    border-bottom: 1px solid var(--color-td-gray-3, #C8C9C7);
}

/* #associationActvitiesHolder */
.activity-modal-scrollable .t-detail-cell .nested-grid tr.t-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 *****/

/* telerik grid global styles */
.t-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 .t-grid-pager {
    height: 0;
    padding-top: 0;
}
.goal-table .t-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 .goal-row-set.closed .view-icon-link a span {
    background: url(/content/2012.1.214/BMShare/sprite.png) -8px -261px no-repeat;
}
#tbl_iepGoals .goal-row-set.open .view-icon-link a span {
    background: url(/content/2012.1.214/BMShare/sprite.png) -24px -261px no-repeat;
}
#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 .dl-horizontal:after {
    clear: both;
}
.standard-details .dl-horizontal:before, .dl-horizontal:after {
    content: "";
    display: table;
    line-height: 0;
}
.standard-details .dl-horizontal:before, .dl-horizontal:after {
    content: "";
    display: table;
    line-height: 0;
}

.standard-details .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 .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.t-master-row td.t-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.t-last
{
	border-bottom: 0 !important;
}

.new-form .clearfix{*zoom:1;}
.new-form .clearfix:before,.new-form .clearfix:after{display:table;content:"";line-height:0;}
.new-form .clearfix:after{clear:both;}
.new-form .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.new-form .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.new-form form{margin:0 0 20px;}
.new-form fieldset{padding:0;margin:0;border:0;}
.new-form legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#333333;border:0;border-bottom:1px solid #e5e5e5;}
.new-form legend small{font-size:15px;color:#999999;}
.new-form label,.new-form input,.new-form button,.new-form select,.new-form textarea{font-size:14px;font-weight:normal;line-height:20px;}
.new-form input,.new-form button,.new-form select,.new-form textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.new-form label{display:block;margin-bottom:5px;}
.new-form select,.new-form textarea,.new-form input[type="text"],.new-form input[type="password"],.new-form input[type="datetime"],.new-form input[type="datetime-local"],.new-form input[type="date"],.new-form input[type="month"],.new-form input[type="time"],.new-form input[type="week"],.new-form input[type="number"],.new-form input[type="email"],.new-form input[type="url"],.new-form input[type="search"],.new-form input[type="tel"],.new-form input[type="color"],.new-form .uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle;}
.new-form input,.new-form textarea,.new-form .uneditable-input{width:206px;}
.new-form textarea{height:auto;}
.new-form textarea,.new-form input[type="text"],.new-form input[type="password"],.new-form input[type="datetime"],.new-form input[type="datetime-local"],.new-form input[type="date"],.new-form input[type="month"],.new-form input[type="time"],.new-form input[type="week"],.new-form input[type="number"],.new-form input[type="email"],.new-form input[type="url"],.new-form input[type="search"],.new-form input[type="tel"],.new-form input[type="color"],.new-form .uneditable-input{background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;}
.new-form textarea:focus,.new-form input[type="text"]:focus,.new-form input[type="password"]:focus,.new-form input[type="datetime"]:focus,.new-form input[type="datetime-local"]:focus,.new-form input[type="date"]:focus,.new-form input[type="month"]:focus,.new-form input[type="time"]:focus,.new-form input[type="week"]:focus,.new-form input[type="number"]:focus,.new-form input[type="email"]:focus,.new-form input[type="url"]:focus,.new-form input[type="search"]:focus,.new-form input[type="tel"]:focus,.new-form input[type="color"]:focus,.new-form .uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);}
.new-form input[type="radio"],.new-form input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal;cursor:pointer;}
.new-form input[type="file"],.new-form input[type="image"],.new-form input[type="submit"],.new-form input[type="reset"],.new-form input[type="button"],.new-form input[type="radio"],.new-form input[type="checkbox"]{width:auto;}
.new-form select,.new-form input[type="file"]{height:30px;*margin-top:4px;line-height:30px;}
.new-form select{width:220px;border:1px solid #cccccc;background-color:#ffffff;}
.new-form select[multiple],.new-form select[size]{height:auto;}
.new-form select:focus,.new-form input[type="file"]:focus,.new-form input[type="radio"]:focus,.new-form input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.new-form .uneditable-input,.new-form .uneditable-textarea{color:#999999;background-color:#fcfcfc;border-color:#cccccc;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}
.new-form .uneditable-input{overflow:hidden;white-space:nowrap;}
.new-form .uneditable-textarea{width:auto;height:auto;}
.new-form input:-moz-placeholder,.new-form textarea:-moz-placeholder{color:#999999;}
.new-form input:-ms-input-placeholder,.new-form textarea:-ms-input-placeholder{color:#999999;}
.new-form input::-webkit-input-placeholder,.new-form textarea::-webkit-input-placeholder{color:#999999;}
.new-form .radio,.new-form .checkbox{min-height:20px;padding-left:20px;}
.new-form .radio input[type="radio"],.new-form .checkbox input[type="checkbox"]{float:left;margin-left:-20px;}
.new-form .controls>.radio:first-child,.new-form .controls>.checkbox:first-child{padding-top:5px;}
.new-form .radio.inline,.new-form .checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle;}
.new-form .radio.inline+.radio.inline,.new-form .checkbox.inline+.checkbox.inline{margin-left:10px;}
.new-form .input-mini{width:60px;}
.new-form .input-small{width:90px;}
.new-form .input-medium{width:150px;}
.new-form .input-large{width:210px;}
.new-form .input-xlarge{width:270px;}
.new-form .input-xxlarge{width:530px;}
.new-form input[class*="span"],.new-form select[class*="span"],.new-form textarea[class*="span"],.new-form .uneditable-input[class*="span"],.new-form .row-fluid input[class*="span"],.new-form .row-fluid select[class*="span"],.new-form .row-fluid textarea[class*="span"],.new-form .row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0;}
.new-form .input-append input[class*="span"],.new-form .input-append .uneditable-input[class*="span"],.new-form .input-prepend input[class*="span"],.new-form .input-prepend .uneditable-input[class*="span"],.new-form .row-fluid input[class*="span"],.new-form .row-fluid select[class*="span"],.new-form .row-fluid textarea[class*="span"],.new-form .row-fluid .uneditable-input[class*="span"],.new-form .row-fluid .input-prepend [class*="span"],.new-form .row-fluid .input-append [class*="span"]{display:inline-block;}
.new-form input,.new-form textarea,.new-form .uneditable-input{margin-left:0;}
.new-form .controls-row [class*="span"]+[class*="span"]{margin-left:20px;}
.new-form input.span12,.new-form textarea.span12,.new-form .uneditable-input.span12{width:926px;}
.new-form input.span11,.new-form textarea.span11,.new-form .uneditable-input.span11{width:846px;}
.new-form input.span10,.new-form textarea.span10,.new-form .uneditable-input.span10{width:766px;}
.new-form input.span9,.new-form textarea.span9,.new-form .uneditable-input.span9{width:686px;}
.new-form input.span8,.new-form textarea.span8,.new-form .uneditable-input.span8{width:606px;}
.new-form input.span7,.new-form textarea.span7,.new-form .uneditable-input.span7{width:526px;}
.new-form input.span6,.new-form textarea.span6,.new-form .uneditable-input.span6{width:446px;}
.new-form input.span5,.new-form textarea.span5,.new-form .uneditable-input.span5{width:366px;}
.new-form input.span4,.new-form textarea.span4,.new-form .uneditable-input.span4{width:286px;}
.new-form input.span3,.new-form textarea.span3,.new-form .uneditable-input.span3{width:206px;}
.new-form input.span2,.new-form textarea.span2,.new-form .uneditable-input.span2{width:126px;}
.new-form input.span1,.new-form textarea.span1,.new-form .uneditable-input.span1{width:46px;}
.new-form .controls-row{*zoom:1;}
.new-form .controls-row:before,.new-form .controls-row:after{display:table;content:"";line-height:0;}
.new-form .controls-row:after{clear:both;}
.new-form .controls-row [class*="span"],.new-form .row-fluid .controls-row [class*="span"]{float:left;}
.new-form .controls-row .checkbox[class*="span"],.new-form .controls-row .radio[class*="span"]{padding-top:5px;}
.new-form input[disabled],.new-form select[disabled],.new-form textarea[disabled],.new-form input[readonly],.new-form select[readonly],.new-form textarea[readonly]{cursor:not-allowed;background-color:#eeeeee;}
.new-form input[type="radio"][disabled],.new-form input[type="checkbox"][disabled],.new-form input[type="radio"][readonly],.new-form input[type="checkbox"][readonly]{background-color:transparent;}
.new-form .control-group.warning>label,.new-form .control-group.warning .help-block,.new-form .control-group.warning .help-inline{color:#c09853;}
.new-form .control-group.warning .checkbox,.new-form .control-group.warning .radio,.new-form .control-group.warning input,.new-form .control-group.warning select,.new-form .control-group.warning textarea{color:#c09853;}
.new-form .control-group.warning input,.new-form .control-group.warning select,.new-form .control-group.warning textarea{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.new-form .control-group.warning input:focus,.new-form .control-group.warning select:focus,.new-form .control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #dbc59e;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #dbc59e;}
.new-form .control-group.warning .input-prepend .add-on,.new-form .control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853;}
.new-form .control-group.error>label,.new-form .control-group.error .help-block,.new-form .control-group.error .help-inline{color:#b94a48;}
.new-form .control-group.error .checkbox,.new-form .control-group.error .radio,.new-form .control-group.error input,.new-form .control-group.error select,.new-form .control-group.error textarea{color:#b94a48;}
.new-form .control-group.error input,.new-form .control-group.error select,.new-form .control-group.error textarea{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.new-form .control-group.error input:focus,.new-form .control-group.error select:focus,.new-form .control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #d59392;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #d59392;}
.new-form .control-group.error .input-prepend .add-on,.new-form .control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;}
.new-form .control-group.success>label,.new-form .control-group.success .help-block,.new-form .control-group.success .help-inline{color:#468847;}
.new-form .control-group.success .checkbox,.new-form .control-group.success .radio,.new-form .control-group.success input,.new-form .control-group.success select,.new-form .control-group.success textarea{color:#468847;}
.new-form .control-group.success input,.new-form .control-group.success select,.new-form .control-group.success textarea{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.new-form .control-group.success input:focus,.new-form .control-group.success select:focus,.new-form .control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7aba7b;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7aba7b;}
.new-form .control-group.success .input-prepend .add-on,.new-form .control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847;}
.new-form .control-group.info>label,.new-form .control-group.info .help-block,.new-form .control-group.info .help-inline{color:#3a87ad;}
.new-form .control-group.info .checkbox,.new-form .control-group.info .radio,.new-form .control-group.info input,.new-form .control-group.info select,.new-form .control-group.info textarea{color:#3a87ad;}
.new-form .control-group.info input,.new-form .control-group.info select,.new-form .control-group.info textarea{border-color:#3a87ad;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.new-form .control-group.info input:focus,.new-form .control-group.info select:focus,.new-form .control-group.info textarea:focus{border-color:#2d6987;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7ab5d3;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7ab5d3;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7ab5d3;}
.new-form .control-group.info .input-prepend .add-on,.new-form .control-group.info .input-append .add-on{color:#3a87ad;background-color:#d9edf7;border-color:#3a87ad;}
.new-form input:focus:required:invalid,.new-form textarea:focus:required:invalid,.new-form select:focus:required:invalid{color:#b94a48;border-color:#ee5f5b;}
.new-form input:focus:required:invalid:focus,.new-form textarea:focus:required:invalid:focus,.new-form select:focus:required:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;}
.new-form .form-actions{padding:19px 20px 20px;margin-top:20px;margin-bottom:20px;background-color:#f5f5f5;border-top:1px solid #e5e5e5;*zoom:1;}
.new-form .form-actions:before,.new-form .form-actions:after{display:table;content:"";line-height:0;}
.new-form .form-actions:after{clear:both;}
.new-form .help-block,.new-form .help-inline{color:#595959;}
.new-form .help-block{display:block;margin-bottom:10px;}
.new-form .help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px;}
.new-form .input-append,.new-form .input-prepend{margin-bottom:5px;font-size:0;white-space:nowrap;}
.new-form .input-append input,.new-form .input-prepend input,.new-form .input-append select,.new-form .input-prepend select,.new-form .input-append .uneditable-input,.new-form .input-prepend .uneditable-input,.new-form .input-append .dropdown-menu,.new-form .input-prepend .dropdown-menu{font-size:14px;}
.new-form .input-append input,.new-form .input-prepend input,.new-form .input-append select,.new-form .input-prepend select,.new-form .input-append .uneditable-input,.new-form .input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.new-form .input-append input:focus,.new-form .input-prepend input:focus,.new-form .input-append select:focus,.new-form .input-prepend select:focus,.new-form .input-append .uneditable-input:focus,.new-form .input-prepend .uneditable-input:focus{z-index:2;}
.new-form .input-append .add-on,.new-form .input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#eeeeee;border:1px solid #ccc;}
.new-form .input-append .add-on,.new-form .input-prepend .add-on,.new-form .input-append .btn,.new-form .input-prepend .btn{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.new-form .input-append .active,.new-form .input-prepend .active{background-color:#a9dba9;border-color:#46a546;}
.new-form .input-prepend .add-on,.new-form .input-prepend .btn{margin-right:-1px;}
.new-form .input-prepend .add-on:first-child,.new-form .input-prepend .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.new-form .input-append input,.new-form .input-append select,.new-form .input-append .uneditable-input{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.new-form .input-append input+.btn-group .btn,.new-form .input-append select+.btn-group .btn,.new-form .input-append .uneditable-input+.btn-group .btn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.new-form .input-append .add-on,.new-form .input-append .btn,.new-form .input-append .btn-group{margin-left:-1px;}
.new-form .input-append .add-on:last-child,.new-form .input-append .btn:last-child{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.new-form .input-prepend.input-append input,.new-form .input-prepend.input-append select,.new-form .input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.new-form .input-prepend.input-append input+.btn-group .btn,.new-form .input-prepend.input-append select+.btn-group .btn,.new-form .input-prepend.input-append .uneditable-input+.btn-group .btn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.new-form .input-prepend.input-append .add-on:first-child,.new-form .input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.new-form .input-prepend.input-append .add-on:last-child,.new-form .input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.new-form .input-prepend.input-append .btn-group:first-child{margin-left:0;}
.new-form input.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.new-form .form-search .input-append .search-query,.new-form .form-search .input-prepend .search-query{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.new-form .form-search .input-append .search-query{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px;}
.new-form .form-search .input-append .btn{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;}
.new-form .form-search .input-prepend .search-query{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;}
.new-form .form-search .input-prepend .btn{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px;}
.new-form .form-search input,.new-form .form-inline input,.new-form .form-horizontal input,.new-form .form-search textarea,.new-form .form-inline textarea,.new-form .form-horizontal textarea,.new-form .form-search select,.new-form .form-inline select,.new-form .form-horizontal select,.new-form .form-search .help-inline,.new-form .form-inline .help-inline,.new-form .form-horizontal .help-inline,.new-form .form-search .uneditable-input,.new-form .form-inline .uneditable-input,.new-form .form-horizontal .uneditable-input,.new-form .form-search .input-prepend,.new-form .form-inline .input-prepend,.new-form .form-horizontal .input-prepend,.new-form .form-search .input-append,.new-form .form-inline .input-append,.new-form .form-horizontal .input-append{display:inline-block;*display:inline;*zoom:1;margin-bottom:0;vertical-align:middle;}
.new-form .form-search .hide,.new-form .form-inline .hide,.new-form .form-horizontal .hide{display:none;}
.new-form .form-search label,.new-form .form-inline label,.new-form .form-search .btn-group,.new-form .form-inline .btn-group{display:inline-block;}
.new-form .form-search .input-append,.new-form .form-inline .input-append,.new-form .form-search .input-prepend,.new-form .form-inline .input-prepend{margin-bottom:0;}
.new-form .form-search .radio,.new-form .form-search .checkbox,.new-form .form-inline .radio,.new-form .form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle;}
.new-form .form-search .radio input[type="radio"],.new-form .form-search .checkbox input[type="checkbox"],.new-form .form-inline .radio input[type="radio"],.new-form .form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0;}
.new-form .control-group{margin-bottom:10px;}
.new-form legend+.control-group{margin-top:20px;-webkit-margin-top-collapse:separate;}
.new-form .form-horizontal .control-group{margin-bottom:20px;*zoom:1;}
.new-form .form-horizontal .control-group:before,.new-form .form-horizontal .control-group:after{display:table;content:"";line-height:0;}
.new-form .form-horizontal .control-group:after{clear:both;}
.new-form .form-horizontal .control-label{float:left;width:160px;padding-top:5px;text-align:right;}
.new-form .form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0;}
.new-form .form-horizontal .controls:first-child{*padding-left:180px;}
.new-form .form-horizontal .help-block{margin-bottom:0;}
.new-form .form-horizontal input+.help-block,.new-form .form-horizontal select+.help-block,.new-form .form-horizontal textarea+.help-block{margin-top:10px;}
.new-form .form-horizontal .form-actions{padding-left:180px;}

.new-form input,.new-form button,.new-form select,.new-form textarea{font-family:Arial,Helvetica,Verdana,sans-serif;}
.new-form select,.new-form textarea,.new-form input[type="text"],.new-form input[type="password"],.new-form input[type="datetime"],.new-form input[type="datetime-local"],.new-form input[type="date"],.new-form input[type="month"],.new-form input[type="time"],.new-form input[type="week"],.new-form input[type="number"],.new-form input[type="email"],.new-form input[type="url"],.new-form input[type="search"],.new-form input[type="tel"],.new-form input[type="color"],.new-form .uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#000;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;vertical-align:middle;}
.new-form textarea{height:auto;}
.new-form textarea,.new-form input[type="text"],.new-form input[type="password"],.new-form input[type="datetime"],.new-form input[type="datetime-local"],.new-form input[type="date"],.new-form input[type="month"],.new-form input[type="time"],.new-form input[type="week"],.new-form input[type="number"],.new-form input[type="email"],.new-form input[type="url"],.new-form input[type="search"],.new-form input[type="tel"],.new-form input[type="color"],.new-form .uneditable-input{background-color:#ffffff;border:1px solid var(--color-td-gray-3, #C8C9C7);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.new-form textarea:focus,.new-form input[type="text"]:focus,.new-form input[type="password"]:focus,.new-form input[type="datetime"]:focus,.new-form input[type="datetime-local"]:focus,.new-form input[type="date"]:focus,.new-form input[type="month"]:focus,.new-form input[type="time"]:focus,.new-form input[type="week"]:focus,.new-form input[type="number"]:focus,.new-form input[type="email"]:focus,.new-form input[type="url"]:focus,.new-form input[type="search"]:focus,.new-form input[type="tel"]:focus,.new-form input[type="color"]:focus,.new-form .uneditable-input:focus{border-color:var(--color-td-gray-3, #C8C9C7);outline:0;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

.new-form { font-size:12px; padding-bottom:20px; color:#000; }
.new-form h4 { font-weight:normal !important; }
.new-form .checkbox { color:#000; font-size:11px; }
.new-form legend { margin: 0 0 12px 0;font: 18px/1.2 Arial, Helvetica, sans-serif;color: #000;border:0; }
.new-form .help-block,
.new-form .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-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-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; }
#dashboardTabs { margin-top:24px; }
.dashboard-tabs-panel-holder .ui-tabs-panel { padding-top:14px !important; }

/* table header */
#standardProgressTableHeaderHolder {
	height: 29px;
	margin-top:30px;
}
#standardProgressTableHeader {
	width: 818px;
	background: var(--color-td-gray-2, #D9D9D6);
	height: 28px;
	border: 1px solid var(--color-td-gray-1, #F2F2F2);
	border-bottom: 0;
	text-align: center;
	line-height: 28px;
	font-size: 11px;
}
#standardProgressTableHeader span {
	color: #000;
	font-weight: bold;
}
#standardProgressTableHeader a.scroll-button {
	color: #666;
	display: block;
	padding: 0 10px;
	cursor:pointer;
}
#standardProgressTableHeader a.scroll-button-disabled {
	color: var(--color-td-gray-2, #D9D9D6);
	display: block;
	padding: 0 10px;
	cursor:default;
}
#standardProgressTableHeader .jump-prev {
	float: left;
}
#standardProgressTableHeader .jump-next {
	float: right;
}

#studentProgressTableHeaderHolder {
	height: 29px;
	margin-top:30px;
}
#studentProgressTableHeader {
	width: 818px;
	background: var(--color-td-gray-2, #D9D9D6);
	height: 28px;
	border: 1px solid var(--color-td-gray-1, #F2F2F2);
	border-bottom: 0;
	text-align: center;
	line-height: 28px;
}
#studentProgressTableHeader span {
	color: #000;
	font-weight: bold;
}
#studentProgressTableHeader a.scroll-button {
	color: #666;
	display: block;
	padding: 0 10px;
	cursor:pointer;
}
#studentProgressTableHeader a.scroll-button-disabled {
	color: var(--color-td-gray-2, #D9D9D6);
	display: block;
	padding: 0 10px;
	cursor:default;
}
#studentProgressTableHeader .jump-prev {
	float: left;
}
#studentProgressTableHeader .jump-next {
	float: right;
}


#homegridview {
	width: 100%;
	overflow-y: auto;
	margin-bottom:25px;
}
#homegridview table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
#homegridview th, 
#homegridview td {
	padding: 6px;
	line-height:17px;
	border: 1px solid var(--color-td-gray-1, #F2F2F2);
	font-size:11px; 
}
/*
#homegridview tr th:first-child {
	border-top-color: transparent;
	border-left-color: transparent;
}
*/
#homegridview tr th:first-child { border-right:1px solid var(--color-td-gray-3, #C8C9C7); text-align:left; }
#homegridview th.normalheader, 
#homegridview td.skill-stat-data-filled {
	text-align: center;		
}


#homegridview td.filled0 { background-color: #b41d2e; }
#homegridview td.filled1 { background-color: #ff8a00; }
#homegridview td.filled2 { background-color: #fbbb00; }
#homegridview td.filled3 { background-color: #aeb700;}
#homegridview td.filled4 { background-color: #00763f; }
#homegridview th.normalheader {
	background-color: var(--color-td-gray-1, #F2F2F2);
	border-right-color: transparent;
}

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

#homegridview th.normalheader:last-child { border-right-color: var(--color-td-gray-1, #F2F2F2); }
#homegridview td.alt { background-color: var(--color-td-gray-1, #F2F2F2); }


#homegridview tr td:first-child, #homegridview tr th:first-child { width: 89px;}
#homegridview th a,
#homegridview tr td:first-child a { color: #008759; text-decoration:none; }
#homegridview th :hover,
#homegridview tr td:first-child :hover { text-decoration:underline; }
#homegridview td.skill-stat-data-filled  { color: #fff;font-weight:bold; font-size:12px; font-family:Arial; }

#homegridview td.SkillMarker { color:#161616; }

#standardsgridview {
	width: 100%;
	overflow-y: auto;
	margin-bottom:25px;
}
#standardsgridview table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
    #standardsgridview th,
    #standardsgridview td {
        padding: 6px;
        line-height: 17px;
        border: 1px solid var(--color-td-gray-1, #F2F2F2);
        font-size: 11px;
    }
/*
#standardsgridview tr th:first-child {
	border-top-color: transparent;
	border-left-color: transparent;
}
*/
    #standardsgridview tr th:first-child {
        border-right: 1px solid var(--color-td-gray-1, #F2F2F2);
        text-align: left;
    }
#standardsgridview th.normalheader, 
#standardsgridview td.skill-stat-data-filled {
	text-align: center;		
}


#standardsgridview td.filled0 { background-color: #b41d2e; }
#standardsgridview td.filled1 { background-color: #ff8a00; }
#standardsgridview td.filled2 { background-color: #fbbb00; }
#standardsgridview td.filled3 { background-color: #aeb700;}
#standardsgridview td.filled4 { background-color: #00763f; }
#standardsgridview th.normalheader {
	background-color: var(--color-td-gray-1, #F2F2F2);
	border-right-color: transparent;
}

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

    #standardsgridview th.normalheader:last-child {
        border-right-color: var(--color-td-gray-1, #F2F2F2);
    }
#standardsgridview td.alt { background-color: var(--color-td-gray-1, #F2F2F2); }


#standardsgridview tr td:first-child, #standardsgridview tr th:first-child { width: 94px;}
#standardsgridview th a,
#standardsgridview tr td:first-child a { color: #008759; text-decoration:none; }
#standardsgridview th :hover,
#standardsgridview tr td:first-child :hover { text-decoration:underline; }
#standardsgridview td.skill-stat-data-filled  { color: #fff;font-weight:bold; font-size:12px; font-family:Arial; }

    #standardsgridview td.SkillMarker {
        color: #161616;
        word-wrap: break-word;
    }

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

#newActivities h2 
{
    font-size:18px;
    margin:6px 0 20px 0;
}
#newActivities #NewActivitiesList li { float:left;margin-right:14px; }
#newActivities #NewActivitiesList li:last-child { margin-right:0; } 
#newActivities #NewActivitiesList li img { border:1px solid #161616; }

.gray-well {
    padding: 10px;
    background: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid #BCBEB0;
    color: #161616;
}
.gray-well a:not(.button) {
    color: #0e103e;
    text-decoration: none;
    font-size: 14px;
}
.gray-well a:hover {
    text-decoration: underline;
    
}

    /*.gray-well a:active {
        text-decoration: underline;
        border: 1px solid #161616
    }*/

.trans-well {
    padding: 10px;
    border: 1px solid var(--color-td-gray-2, #D9D9D6);
    color: #161616;
}
/*.gray-well input[type=radio], .trans-well input[type=radio] {
	padding: 0;
	margin: 0;
} */
.gray-well ol 
{
    list-style: decimal; list-style-position: outside; margin: 10px 0 0 20px;
}
.gray-well ol li { margin-bottom:4px; }
.well-padding-20 {
	padding: 20px !important;
}
/* content box styles */
.gray-well .ui-tabs-panel-holder {
    background: var(--color-td-gray-1, #F2F2F2);
    border: 1px solid var(--color-td-gray-1, #F2F2F2);
    padding: 15px;
}
.gray-well .ui-tabs-panel-holder .ui-tabs-panel {
	padding-top: 0 !important;
}
.subsection {
	padding: 10px 0;
}
.page-header-small {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 6px;
}
.page-header-small-sub {
	font-size: 11px;
}
/* text styles */
.subsection-header {
	color: #161616;
	font-weight: bold;
	font-size: 18px;
	line-height: normal;
	margin: 10px 0;
}
.primary-text-color {
	color: var(--color-td-green-heading, #00995b);
}
.secondary-text-color {
	color: var(--color-td-gray-5, #75787B);
}
.text-centered {
	text-align: center;
}
.text-no-bold {
	font-weight: normal;
}
.border-top {
	border-top: 1px solid var(--color-td-gray-3, #C8C9C7);
}
.button-label {
	display: inline-block !important;
	margin-right: 10px;
}

h3.new-text 
{
    font-size:18px;
    float:none;
    width:auto;
    padding-bottom:10px;
    font-family:Arial;
	
}

/* buttons */
.btn-search-2 {
    background: url("/content/Images/btn/btn_search-submit.gif") no-repeat scroll 6px 9px transparent;
    border: 0 none;
    cursor: pointer;
    height: 0;
    overflow: hidden;
    padding-top: 28px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 28px !important;
}
.btn-form-item-delete {
    background: url("/content/Images/ico-close.png") no-repeat scroll 10px 10px transparent;
    display: block;
    float: right;
    height: 0;
    overflow: hidden;
    padding-top: 32px;
    width: 25px;
}
#UploadMediaForm #MediaPreview {
	float: left;
	width: 144px;
	margin-right: 16px;
}
#UploadMediaForm #UploadForm {
	float: left;
	width: 481px;
}
#UploadMediaForm #MediaPreview img {
	height: 142px;
	width: 143px;
	border: 1px solid var(--color-td-gray-1, #F2F2F2);
}
#UploadMediaForm .form-section {
	border-top: 1px solid var(--color-td-gray-1, #F2F2F2);
	padding: 15px 0;
}

/* global print styles */


@media print {
    /*
    * {
        height: 0;
        line-height: 0;
    }
    body {
        visibility: hidden;
        position: relative;
    }
    .general-top-notification-container, #Header, #footer {
        display: none;
    }
    h1, h2, h3, h4, h5, h6 {
        line-height: 0;
        margin: 0;
    }
    #wrapper .main-frame {
        padding: 0;
    }
    .ui-tabs {
        margin: 0 !important;
    }
    .ui-tabs .ui-tabs-panel {
        padding: 0 !important;
    }
    */
    a[href]:after {
        content: none !important;
    }

    a {
        display: none !important;
    }

    .no-print {
        display: none !important;
    }
}
#simplemodal-overlay {
    background-color: #111;
    cursor: wait;
}

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

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

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

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

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

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

#simplemodal-container #basic-modal-content {
    padding: 8px;
}

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

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

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

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

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

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

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

#simplemodal-container .popup-buttons div,
.modal .popup-buttons div {
    display: inline-block;
}
/* 
	Document   : jquery.pnotify.default.icons.css
	Created on : Nov 24, 2009, 2:58:21 PM
	Author     : Hunter Perrin
	Version    : 1.0.0
	Description:
		Pines Icon styling for Pines Notify.
*/

.ui-pnotify .picon {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	width: 17px;
	height: 17px;
}
/* 
	Document    : jquery.pnotify.default.css
	Created on  : Nov 23, 2009, 3:14:10 PM
	Author      : Hunter Perrin
	Version     : 1.0.0
	Description : Default styling for Pines Notify jQuery plugin.
*/

/* Notice
----------------------------------*/
.ui-pnotify {top: 18px; right: 18px; position: absolute; height: auto; /* Ensure that the notices are on top of everything else. */	z-index: 9999;}
.ui-pnotify {top: 0; right: 0; width:100% !important; /*background:#fff; border-bottom:1px solid #dbdbdb;*/ position: absolute; height: auto; /* Ensure that the notices are on top of everything else. */ z-index: 9999;}
	
/* This hides position: fixed from IE6, which doesn't understand it. */
html > body .ui-pnotify {position: fixed;}

.ui-pnotify .ui-pnotify-shadow {margin: 0; position: absolute; top: .1em; left: .1em; bottom: -.2em; right: -.2em; z-index: -1;}

.ui-pnotify-container {background-position: 0 0; padding: .8em; height: 100%;}
.ui-pnotify-container {background-position: 0 0; padding: 10px 15px; height: 100%; width:980px; margin:0 auto;}

.ui-pnotify-closer {float: right; margin-left: .2em;}

.ui-pnotify-title {display: block; font-size: 1.2em; font-weight: bold; margin-bottom: .4em;}
.ui-pnotify-title {display: block; font: bold 18px Arial, Helvetica, Verdana, sans-serif; margin-bottom: .4em;}

.ui-pnotify-text {display: block;}
.ui-pnotify-text {display: block; margin-left:33px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#666; color:#333;}

.ui-pnotify-icon, .ui-pnotify-icon span {display: block; float: left; margin-right: .2em;}
.ui-pnotify-icon, .ui-pnotify-icon span {display: block; float: left; margin-right: 3px;}

/* History Pulldown
----------------------------------*/
.ui-pnotify-history-container {position: absolute; top: 0; right: 18px; width: 70px; /* Ensure that the history container is on top of the notices. */ z-index: 10000; padding: 0 5px; /*border-width: 1px; border-style: solid; border-color: #CCC; */ -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; /*border-top: none;*/ border: 0; background: #FFF;}
.ui-pnotify-history-container {display:none;}

.ui-pnotify-history-container .ui-pnotify-history-header {/*padding: 2px;*/ margin: 0 auto; width: 100%; text-align: center; font-weight: bold; line-height: 1.3em; font-size: 1.1em;}
.ui-pnotify-history-container button {cursor: pointer; display: block; width: 100%; line-height: 1.3em; font-size: 1.1em;}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {display: block; margin: 0 auto;}

/* Added 11/4/2011
----------------------------------*/
.ui-pnotify .ui-state-highlight {background: none repeat scroll 0 0 #FFF; background:none; border: 0; line-height: 1.2em;}
.ui-state-highlight .ui-icon-info {background:none; background:url(/content/Images/bg-pnotify-info.png) 0 0 no-repeat; display:block; height:25px; width:25px;}
.ui-state-error .ui-icon-alert {background:none; background:url(/content/Images/bg-pnotify-error.png) 0 0 no-repeat; display:block; height:25px; width:25px;}
.ui-icon-circle-close {background:none; background:url(/content/Images/bg-pnotify-close.png) 0 0 no-repeat !important; height:17px; width:17px;}

/* Added 1/10/2012
----------------------------------*/
.ui-pnotify-has-ui-state-highlight {background:#EEF6FF; border-bottom:1px solid #69a9ee;}
.ui-pnotify-has-ui-state-highlight .ui-pnotify-title {color:#69a9ee;}

.ui-pnotify-has-ui-state-error {
    background: #FFE5E5;
    border-bottom: 1px solid #9e0516;
}
.ui-pnotify-has-ui-state-error .ui-state-error {border:0 !important; background:none !important;}
    .ui-pnotify-has-ui-state-error .ui-pnotify-title {
        color: #9e0516;
    }