/*Font family*/

@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/DroidSans.ttf') format('truetype'), url('fonts/DroidSans.woff') format('woff');
}

html {
    height: auto;
}

body {
    height: auto;
    margin: 0;
    padding: 0;
    color: #555;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    line-height: 1.5em;
    background-color: #fff;
    background-image: url(/images/templatemo_body.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.mygroups {
    text-decoration: none;
    color: #008000;
}

.mygroups:hover {
    text-decoration: underline;
    color: #008000;
}

.mymenu {
    padding: 5px;
    font-size: 1.1em;
    color: #333333;
    font-weight: bold;
}

.mymenu :hover {
    padding: 5px;
    font-size: 1.1em;
    color: #FFF;
    font-weight: bold;
}

a,
a:link,
a:visited {
    color: #27bbb6;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a.more {
    display: inline-block;
    font-weight: 700;
}

p {
    margin: 0 0 10px 0;
    padding: 0;
}

img {
    border: none;
}

blockquote {
    font-style: italic;
    margin: 0 0 0 10px;
}

.titleLink,
a.titleLink,
a.titleLink:link,
a.titleLink:visited,
a.titleLink:hover {
    color: #111;
    font-size: 1.1em;
    text-shadow: 0 1px 0px #e5e5e5;
    margin: 5px;
}

#homelink {
    float: right;
    margin-right: 20px;
    background-color: #348ac7;
    color: #fff;
    padding: 7px 14px 0;
}

a #homelink {
    margin-top: 15px;
    height: 27px;
    font-size: 11px;
    color: #e2e2e2;
    text-decoration: none;
    font-family: Georgia, serif;
    font-style: italic;
}

#logout {
    float: right;
    margin-right: 4px;
    background-color: #348ac7;
    color: #fff;
    padding: 7px 14px 0;
}

a #logout {
    height: 27px;
    font-size: 11px;
    color: #e2e2e2;
    text-decoration: none;
    font-family: Georgia, serif;
    font-style: italic;
}

html.popup {
    height: auto;
    padding-left: 0;
}

.popup body {
    height: 100%;
    width: 100%;
    max-width: 2000px;
    min-width: 0;
    background-color: #FAFAFA;
    margin: 0;
    padding: 0;
}

html.whitebg {
    height: auto;
    background: #FAFAFA;
}

.whitebg body {
    width: auto;
    min-width: 0;
    height: 100%;
    background: #FAFAFA;
    margin: 0;
    padding: 0;
}

.listIcon {
    color: #0063a8;
    font-size: 24px;
    margin-right: 5px;
}

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

.priceDollar {
    color: #444;
    font-size: 30px;
}

.priceValue {
    margin-bottom: 5px;
}

.creditcol {
    width: 400px;
    float: left;
    margin: 10px;
}

#paypalcredit {
    width: 500px;
    margin: 0 auto;
}

.divPopup,
body.popup {
    background: #FAFAFA;
}

.divPopup {
    border: 4px solid #DDD;
    position: absolute;
    top: 0;
    z-index: 200;
}

.divPopup div.blockContents,
.popup div.block,
.popup div.blockContents {
    width: 100%;
    min-width: 0;
    border-width: 0;
    margin: 0 auto;
    /*padding:0;*/
}

.dimmerDiv {
    background: #1E3247;
    filter: alpha(opacity=50);
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

.divPopup #popup_close_cell {
    width: 1%;
    text-align: right;
}

.divPopup #popup_frame {
    width: 100%;
    height: 100%;
    border-width: 0;
    padding: 0;
}

p {
    line-height: 24px;
    margin: 0;
    padding: 0 0 10px;
}

a:link,
a:visited {
    color: #444;
    text-decoration: none;
}

a:hover {
    color: #222;
    text-decoration: underline;
}

td.footer a,
td.footer a:link,
td.footer a:hover,
td.footer a:visited {
    color: #333;
}

table.pageLayout {
    width: 100%;
    height: 100%;
    /*-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 .1em 1em #333;
-moz-box-shadow:0 .1em 1em #333;
box-shadow:0 .1em 1em #333;
background-color:#f4f4f4;*/
}

table.pageLayout td.layoutColumn {
    vertical-align: top;
    /*background:#f4f4f4;*/
    padding: 4px;
}

table.pageLayout td.header {
    height: 90px;
    border-bottom: 0 solid #999;
    vertical-align: top;
    /*background:#eee;*/
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
}

table.pageLayout td.header #logo {
    float: left;
    padding: 8px;
}

table.pageLayout td.header #info {
    float: left;
    padding: 2px;
}

table.pageLayout td.header #site_name {
    font-size: 26px;
}

table.pageLayout td.header #logout_link {
    padding-right: 5px;
    padding-top: 0;
    float: right;
    margin-top: 15px;
}

table.pageLayout td.header #logout_link .headerText {
    border-left: 1 solid #CCC;
    padding-left: 5px;
}

table.pageLayout td.header #language {
    padding-top: 15px;
    padding-right: 5px;
    float: right;
    clear: right;
}

table.pageLayout td.header #path {
    clear: left;
    padding-top: 4px;
    padding-bottom: 6px;
    height: 28px;
    border-top: 0 solid #CCC;
    border-bottom: 0px solid #ccc;
    background: #fff;
    /*#0362A9;*/
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

table.pageLayout td.header #path #path_title {
    float: left;
    margin-left: 10px;
    padding-top: 5px;
    /*color:#fff;*/
}

table.pageLayout td.header #path #path_language {
    float: right;
    padding-right: 4px;
    padding-top: 0px;
}

table.pageLayout td.footer {
    color: #FFF;
    clear: both;
    width: 900px;
    padding: 130px 40px 30px;
    color: #ccc;
    text-align: center;
    margin: 0 auto;
    background: url(/images/templatemo_footer.jpg) center top repeat-x;
}

ul.headerMenu li {
    padding: 1px 8px 1px 3px;
}

ul.headerMenu li:hover {
    background: #C7D7F3;
    cursor: pointer;
}

table.pageLayout td.headerHidden {
    height: 26px;
    border-bottom: 0 solid #999;
    vertical-align: top;
    background: #FAFAFA;
    padding: 0;
}

table.pageLayout td.headerHidden #language {
    padding-top: 5px;
    padding-right: 5px;
    float: right;
    clear: right;
}

table.pageLayout td.headerHidden #path {
    clear: left;
    padding-top: 5px;
    padding-bottom: 3px;
    background: #f4f4f4;
    height: 25px;
}

table.pageLayout td.headerHidden #path #path_title {
    color: #989898;
    float: left;
    margin-left: 10px;
}

table.pageLayout td.headerHidden #path #path_language {
    color: #989898;
    float: right;
    padding-right: 4px;
}

table.pageLayout td.headerHidden a.titleLink {
    color: #111;
    text-shadow: 0px 0px 0px #aaa;
}

table.hideLeft td.center,
table.hideRight td.center,
table.hideBoth td.center {
    width: 78%;
    /*background:#f4f4f4;*/
}

table.calendarHeader,
table.calendar {
    background: #6caee0;
    color: #2F4F4F;
    width: 100%;
    border-radius: 2px;
    -moz-border-radius: 2px;
}

table.calendarHeader tr {
    background: #3b83a9;
    height: 25px;
}

table.calendarHeader td,
td.calendar {
    color: #C5D6ED;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 12px;
}

td.calendar {
    border-left: 0 solid #CBD9F3;
    border-top: 0 solid #CBD9F3;
    text-align: center;
    height: 16px;
    width: 16px;
}

table.calendar td.todayCalendar {
    background-color: #a1b6c8;
}

table.calendar td.eventCalendar {
    background-color: #A3E0CC;
}

table.calendar td.viewCalendar {
    border: 3px solid #FF8C00;
}

table.messageTable {
    width: 100%;
    text-align: center;
    border: 1px solid #AAA;
    font-weight: 700;
}

td.messageCell {
    height: 0;
}

table.messageTable td.message_success {
    background: #cfa;
    color: green;
}

table.messageTable td.message_failure {
    background: #ff9;
    color: red;
}

table.messageTable td.message_announcement {
    background: #ff9;
    color: #111;
}

.messageDiv {
    background-color: #F0E68C;
    vertical-align: middle;
    color: red;
    top: 100px;
    right: 100px;
    text-align: center;
    z-index: 10;
}

.pending {
    color: blue;
}

a.info {
    position: relative;
    z-index: 24;
}

a.glossary {
    border-bottom: 1px dashed;
}

a.glossary:hover span {
    width: 300px!important;
}

img.plus,
img.minus {
    background-repeat: no-repeat;
    cursor: pointer;
    height: 16px;
    width: 16px;
}

table.directionsTable,
table.coursesTable {
    width: 100%;
    margin-top: 5px;
}

table.directionsTable *,
table.coursesTable * {
    vertical-align: middle!important;
}

tr.lessonsList {
    color: #444;
    height: 30px;
}

tr.lessonsList td {
    border-top: 0 solid #2a4562;
    border-bottom: 1px solid #ddd;
    background: #f4f4f4;
    /*padding:6px!important;*/
    padding-top: 6px;
    padding-bottom: 6px;
}

tr.lessonsList td.listPadding {
    background: transparent;
    border-width: 0;
}

tr.lessonsList td.listToggle {
    border-right: 0 solid #AAA;
    width: 1px;
}

tr.lessonsList span.listName {
    font-size: 15px;
}

tr.lessonsList span.courseActions {
    margin-left: 20px;
}

tr.lessonsList span.courseRole {
    color: green;
    font-size: 11px;
}

.buyLesson {
    /*float:right;*/
    cursor: pointer;
    font-weight: 700;
    white-space: nowrap;
    position: relative;
    z-index: 25;
    background: #d4300f;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
}

tr.directionEntry td.lessonProgress {
    width: 50px;
    padding: 2px 6px 2px 0;
}

td.lessonsList_nocolor {
    height: 25px;
    text-align: right;
    padding: 5px;
}

select,
textarea {
    border: 1px solid #ccc;
    /*margin-top:6px;*/
    background: #fff;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Droid Sans', sans-serif;
    /*
font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,arial,verdana,sans-serif;
*/
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333;
}

input {
    border: 1px solid #ccc;
    /*margin-top:6px;*/
    background: #fff;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Droid Sans', sans-serif;
    /*
font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,arial,verdana,sans-serif;
*/
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333;
}

.inputTextScore {
    width: 30px;
}

.inputTextarea {
    height: 200px;
    width: 500px;
}

.inputContentTextarea {
    height: 500px;
    width: 100%;
}

.inputTestTextarea {
    height: 200px;
    width: 100%;
}

.inputSelectMed {
    width: 170px;
    min-width: 150px;
}

.inputSelectLong {
    width: 336px;
    max-width: 336px;
}

input.flatButton,
button.flatButton {
    /*font-size:15px;
text-shadow:1px 1px 1px #000;
color:#fff;
background-color:#777;
border:0 solid #2a4562;
-moz-border-radius:4px;
border-radius:4px;
text-shadow:1px 1px 1px #000;
padding:5px 20px;*/
    font-size: 1.1em;
    max-width: 250px;
    width: 100%;
    float: center;
    /* padding:3px 15px; */
    padding: 7px 15px;
    background: rgb(238, 114, 2);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    transition: box-shadow .20s ease-in-out, background-color .20s ease-in-out, color .20s ease-in-out, background .20s ease-in-out;
    cursor: pointer;
}

input.flatButton:hover,
button.flatButton:hover {
    box-shadow: 0px 1px 2px #bbb;
    color: #fff;
    background: rgb(2, 3, 44);
    /* background-color: #005e87; */
    /* background-image: linear-gradient(to bottom, #005e87, #31a1d7); */
    /* color: #ffe100; */
}

table.formElements {
    margin-left: 0;
    margin-right: 0;
}

td.labelCell {
    text-align: right;
    white-space: nowrap;
    width: 10%;
    padding: 5px;
}

td.labelCellTop {
    text-align: right;
    white-space: nowrap;
    width: 10%;
    vertical-align: top;
}

td.elementCell {
    text-align: left;
    white-space: nowrap;
    padding-right: 1%;
}

.infoCell {
    color: gray;
    text-align: left;
    vertical-align: middle;
}

td.submitCell {
    text-align: left;
    padding-top: 10px;
}

td.labelFormHalfCell {
    font-weight: 700;
    text-align: right;
    vertical-align: middle;
}

td.userFormCellLabel {
    text-align: left;
    vertical-align: middle;
    width: 150px;
}

td.labelFormCellTitleCenter {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
}

td.labelFormCellSmall {
    text-align: right;
    vertical-align: middle;
}

td.labelFormCellTitle {
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
}

td.elementFormCell {
    border: 1px;
    text-align: left;
    vertical-align: middle;
}

table.configurationSettings {
    margin-bottom: 20px;
}

table.configurationSettings td:first-child {
    width: 200px;
    white-space: normal;
}

.sortTablefilter {
    width: 10%;
    float: left;
    white-space: nowrap;
    vertical-align: middle;
}

td.sortedTableFooter {
    background: #fff;
    text-align: right;
    border-top: 0 solid #2a4562;
    border-bottom: 0 solid #2a4562;
    padding: 5px;
}

table.sortedTable td a {
    vertical-align: middle;
    color: #333;
}

table.sortedTable tr.subSection td:first-child {
    padding-left: 18px;
}

table.subSection {
    background-color: #BBB;
    border: 1px solid #BBB;
}

table.subSection td.sortedTableFooter {
    background: #CCC;
    text-align: right;
}

.topTitle {
    font-size: 15px px;
    color: #000;
    border-top: 0 solid #2a4562;
    //border-bottom:1px solid #AAA;
    border-bottom: 1px solid #d1d7e6;
    padding: 5px 5px 10px;
}

a.drag_tree_current {
    background: silver;
    border: 1px solid #999;
}

a.treeactive,
a.treeactive:link,
a.treeactive:visited,
a.treeactive:hover {
    color: inherit;
}

.treeNoContent,
a.treeNoContent,
a.treeNoContent:link,
a.treeNoContent:visited,
a.treeNoContent:hover {
    color: #77C;
}

.treeUnclickable,
a.treeUnclickable,
a.treeUnclickable:link,
a.treeUnclickable:visited,
a.treeUnclickable:hover {
    cursor: default;
    text-decoration: none;
}

.dhtmlgoodies_tree ul {
    display: none;
    margin-left: 12px;
    padding-left: 0;
}

#floatingContainer ul {
    margin-left: 12px;
    padding-left: 0;
}

.dhtmlgoodies_tree li,
#floatingContainer li {
    list-style-type: none;
    vertical-align: middle;
}

.dhtmlgoodies_tree li {
    text-align: left;
    display: block;
    margin-bottom: 4px;
    padding-bottom: 3px;
}

.dhtmlgoodies_tree li a,
#floatingContainer li a {
    color: #000;
    line-height: 13px;
    margin-left: 0;
    padding-left: 0;
    text-decoration: none;
}

.dhtmlgoodies_tree li a.highlightedNodeItem {
    background: #009;
    color: #FFF;
}

.dhtmlgoodies_tree input.folderTreeTextBox {
    height: 12px;
    margin: 0;
    padding: 0;
}

tr.oddRowColorNoHover {
    background: #f1f1f1;
    border: 1px dotted #D0D0D0;
}

div.headerTools {
    padding: 5px 0;
}

div.headerTools span {
    border-left: 1px solid #bbb;
    padding-left: 5px;
}

.mediumHeader {
    font-size: 16px;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
}

.smallHeader {
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
}

span.chatProfessorMessages {
    color: #FF0;
}

span.chatAdministratorMessages {
    color: #111;
}

span.chatSystemMessage {
    color: purple;
    font-style: italic;
}

a.exitLink,
a.exitLink:link,
a.exitLink:visited,
a.exitLink:hover {
    color: #EE82EE;
}

span.chatMyMessages {
    color: purple;
}

.inner {
    height: 100%;
    width: 100%;
}

.centerTable {
    vertical-align: top;
    width: 100%;
}

.forumTable {
    margin-top: 0;
    width: 100%;
}

.forumTable td.toolsColumn {
    width: 5%;
    text-align: center;
}

.forumIcon {
    float: left;
    margin: 5px;
}

.forumMessageInfo {
    color: gray;
    text-align: left;
    vertical-align: middle;
    font-size: 10px;
}

.forumMessageTools {
    border-top: 1px dotted #FFF;
}

.forumMessageCreator {
    white-space: nowrap;
    width: 10%;
    border-left: 1px dotted #FFF;
    text-align: center;
    vertical-align: top;
    padding: 0 10px;
}

.messagesTable .messageTitle {
    font-size: 18px;
    margin-bottom: 10px;
}

.previewPane {
    background: #fff;
    border: 1px solid #111;
    vertical-align: top;
}

.quote {
    margin-left: 25px;
    margin-right: 25px;
}

.quoteBody {
    background-color: #c1c1c1;
    text-align: left;
    padding: 10px;
}

.emailSubjectText {
    width: 600px;
}

.tabberlive {
    margin-top: 1em;
    /* overflow-x: auto; */
}

ul.tabbernav {
    border-bottom: 1px solid #e5e5e5;
    /* border-bottom:1px solid #ccc; */
    font-size: 12px;
    margin: 0;
    padding: 4px 0;
    padding-top: 10px;
    padding-bottom: 6px;
    margin-left: -15px;
    width: calc(100% + 30px);
}

ul.tabbernav li {
    display: inline;
    list-style: none;
    margin: 0;
}

ul.tabbernav li a {
    background: #fff;
    /* background:#DDE; */
    border: 1px solid #e5e5e5;
    /* border:1px solid #ccc; */
    border-bottom: none;
    margin-left: 2px;
    /* margin-left:2px; */
    text-decoration: none;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 7px 20px;
    font-size: 14px;
}

ul.tabbernav li:first-of-type a {
    margin-left: 0;
}

ul.tabbernav li a:link {
    color: #448;
}

ul.tabbernav li a:visited {
    color: #667;
}

ul.tabbernav li a:hover {
    background: #e5e5e5;
    /* background:#AAE; */
    color: #1d1d1d;
    /* color:#000; */
}

ul.tabbernav li.tabberactive a {
    /* font-size:15px; */
    /* padding-top:6px; */
    font-weight: 700;
    background: #e5e5e5;
    color: #1d1d1d;
    /* background:#fafafa; */
    /* border-bottom:0 solid #778; */
}

ul.tabbernav li.tabberactive a:hover {
    border-bottom: 0 solid #778;
    color: #000;
}

.tabberlive .tabbertab {
    border: 0 solid #aaa;
    border-top: 0;
    padding: 0;
    padding-top: 20px;
    overflow: auto;
}

.tabberlive .tabbertab h3 {
    display: none;
    font-size: 14px;
}

.tabberlive#tab2 .tabbertab {
    height: 200px;
    overflow: auto;
}

.popUpInfoDiv {
    background: #f1f1f1;
    border: 1px solid #111;
    text-align: left;
    position: absolute;
    z-index: 100;
}

ul.sortable li {
    list-style-type: none;
}

ul.sortable li table .handle {
    cursor: move;
}

ul.sortable li#first_empty,
ul.sortable li#second_empty {
    height: 5px;
    border-top: 2px solid gray;
}

.surveyAnswer {
    background: #cf9;
    color: red;
    font-weight: 700;
    height: 20px;
    vertical-align: bottom;
    border-style: dotted;
    border-width: 2px;
}

.surveyPercentage {
    background: #cf9;
    color: blue;
    height: 20px;
    vertical-align: baseline;
    border-style: dotted;
    border-width: 2px;
}

td.externalSurvey {
    background: #A0BDEF;
    color: #111;
    font-weight: 700;
    vertical-align: middle;
}

table.indexTable {
    background: #f8f8f8;
    border: 1px outset #9B9B9B;
    margin-left: auto;
    margin-right: auto;
    width: 380px;
}

table.indexTable td.indexHeader {
    background: #5F91EA;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    height: 35px;
    padding-left: 5px;
    width: 50%;
}

table.indexTable td.indexHeader img {
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 5px;
}

.blockHeader {
    color: #555;
    font-size: 16px;
}

table.horizontalBlock {
    color: #333;
    vertical-align: middle;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #fff;
    font-size: 2em;
    width: 100%;
    margin: 0;
    padding: 0;
}

table.horizontalBlock td {
    vertical-align: middle;
    white-space: nowrap;
    padding-top: 10px;
}

table.horizontalBlock .rightOption {
    float: right;
    margin-left: 10px;
}

div.autocomplete {
    background: #FFF;
    border: 1px solid #888;
    position: absolute;
    z-index: 3;
    white-space: normal;
    overflow: auto;
    max-height: 400px;
    margin: 0;
    padding: 0;
}

div.autocomplete ul li.selected {
    background: #ffb;
}

div.autocomplete ul li {
    cursor: pointer;
    display: block;
    list-style-type: none;
    margin: 2px;
    padding: 2px;
}

div.loading {
    font-weight: 700;
    font-size: 18px;
    position: absolute;
    z-index: 100;
    text-align: center;
    background-color: #F8F8F8;
}

div.loading div {
    top: 50%;
    left: 45%;
    position: absolute;
}

.loadingImg {
    padding-right: 15px;
    padding-left: 5px;
}

.searchResults {
    padding-bottom: 7px;
}

.resultsText {
    background-color: #FF0;
}

.resultsTitle a,
.resultsTitle a:link,
.resultsTitle a:active,
.resultsTitle a:visited {
    text-decoration: underline;
    color: navy;
}

.resultsTitle .small,
.resultsTitle .small a {
    font-size: 11px;
    padding-bottom: 5px;
    text-decoration: none;
    color: green;
}

.searchBox {
    background-repeat: no-repeat;
    border: 1px solid #CCC;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 140px;
    font-style: italic;
    color: #777;
    margin: 0;
}

.searchBox_catalog {
    background-repeat: no-repeat;
    border: 1px solid #CCC;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 140px;
    font-style: italic;
    color: #777;
    margin: 0;
}

div#progress_bar a {
    display: block;
    margin-top: 10px;
}

.progressCell {
    padding-left: 5px;
    padding-right: 5px;
    width: 100px;
    vertical-align: top;
    position: relative;
}

span.progressNumber {
    position: absolute;
    font-size: 11px;
    color: #555;
    text-align: center;
    border: 1px solid #d3d3d3;
    vertical-align: middle;
    z-index: 2;
    width: 100px;
    height: 18px;
    margin: 0;
    padding: 0;
}

span.progressBar {
    background-color: #A0BDEF;
    border-right: 2px solid #A0BDEF;
    position: absolute;
    height: 18px;
}

.sortedTable span.progressBar,
.sortedTable span.progressNumber {
    margin-top: -9px;
    top: 50%;
}

table.contentArea,
table.contentArea td#centerColumn,
table.contentArea td#sideColumn,
table.contentArea table#unitContent {
    vertical-align: top;
    height: 100%;
}

table.contentArea td#completeUnit {
    text-align: center;
    width: 100%;
    border-top: 1px solid #DDD;
    vertical-align: top;
    height: 50px;
}

table.contentArea div#contentQuestionAnswer {
    text-align: left;
    margin-top: 10px;
}

table.statisticsSelectDate {
    margin-bottom: 10px;
}

table.statisticsGeneralInfo td.labelCell {
    width: 1%;
    white-space: nowrap;
    padding-right: 10px;
}

table.statisticsGeneralInfo #userAvatar {
    width: 1%;
    padding-right: 15px;
    padding-left: 15px;
}

table.statisticsTools {
    font-weight: 700;
    vertical-align: middle;
}

table.statisticsTools td#right {
    text-align: right;
    white-space: nowrap;
    width: 90%;
}

table.statisticsTools td.filter {
    text-align: left;
    padding-right: 10px;
    white-space: nowrap;
    padding-bottom: 15px;
}

table.testHeader {
    width: 100%;
    text-align: center;
}

table.testHeader #testName {
    font-weight: 700;
    font-size: 16px;
    vertical-align: top;
    padding-bottom: 10px;
}

table.testHeader td#testProceed {
    padding-top: 15px;
}

table.testInfo {
    background-color: #f8f8f8;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

table.surveyInfo {
    background-color: #f8f8f8;
    border: 1px dotted gray;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

table.testInfo td#testInfoImage {
    width: 15%;
    text-align: center;
}

table.doneTestInfo {
    text-align: left;
    width: 100%;
}

table.doneTestHeader td#doneTestImage {
    width: 10%;
    text-align: center;
}

table.doneTestHeader #testName {
    font-size: 16px;
    vertical-align: top;
    padding-bottom: 10px;
}

table.doneTestHeader td#timer {
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

table.doneTestHeader td#timer * {
    vertical-align: middle;
    white-space: nowrap;
}

.feedback_test {
    background: #f5dc85;
    border: 1px dotted gray;
    width: 100%;
}

table.test_analysis iframe {
    width: 750px;
    height: 570px;
}

td.questionLabel {
    white-space: normal!important;
}

.inputTextarea_QuestionText {
    height: 250px;
    width: 99%;
}

.inputTextarea_QuestionExample {
    height: 60px;
}

.correctAnswer {
    color: #228B22;
    font-weight: 700;
    font-size: 12px;
    text-decoration: underline;
}

.questionExplanation {
    background: #cf9;
    border: 1px dotted gray;
    width: 100%;
}

.questionWeight {
    background: #a1b6c8 none repeat scroll 0 0;
    border-bottom: 0 solid #AAA;
    color: #444;
    font-size: 14px;
    height: 30px;
    vertical-align: top;
    width: 100%;
    padding: 4px;
}

.draggable,
.droppable {
    background: #4493BD url(../images/css_images/gradient.gif) repeat-x top;
    z-index: 10;
    height: 100%;
}

.expiredQuestion {
    z-index: 11;
    background-color: #ccc;
    border: 1px solid #ccc;
    position: absolute;
}

.rawTextQuestion {
    width: 100%;
    height: 100px;
}

.dragDropQuestion .droppable,
.dragDropQuestion .draggable {
    color: #FFF;
    padding: 5px;
}

.emptySpacesField {
    margin-bottom: 3px;
}

table .randomTest {
    text-align: left;
    margin: 5px;
}

table.randomTestMatrix {
    margin-left: auto;
    margin-right: auto;
}

table .randomTestMatrix td {
    border: 1px solid gray;
    text-align: center;
    padding: 5px 10px;
}

body.sidebar {
    background: #F4F4F4;
}

div.menu {
    width: 100%;
    height: 80%;
    background-color: #f8f8f8;
}

div.tabmenu {
    width: 100%;
    background-color: #f8f8f8;
    text-align: center;
    vertical-align: middle;
    color: #000;
    font-size: 11px;
}

div.topPhoto {
    background-color: #f8f8f8;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    color: #FFF;
}

div.verticalTab {
    width: 100%;
    border-top: 1px solid #f8f8f8;
    position: absolute;
    background-color: #f8f8f8;
}

div.tabHeader {
    background: #FAFAFA url(../images/css_images/gradient.gif) repeat-x bottom;
    min-height: 25px;
    cursor: pointer;
    padding-left: 2px;
    font-weight: 700;
    vertical-align: middle;
}

div.menuOption a:hover {
    text-decoration: none;
    font-weight: 700;
}

.menuTool {
    vertical-align: middle;
    float: right;
    white-space: nowrap;
}

div.selectedTopTitle {
    color: #222;
    height: 20px;
    font-weight: 700;
    background: #FAFAFA url(../images/css_images/gradient.gif) repeat-x bottom;
    border-bottom: 1px solid #CCC;
}

div.selectedTopTitle a:hover {
    color: #fcfcfc;
    text-decoration: none;
}

div.menuOption {
    background-color: #f8f8f8;
    height: 20px;
    border: none;
    color: #222;
    text-decoration: none;
}

table.chatbox a {
    color: blue;
    text-decoration: underline;
}

div#personIdentity {
    font-size: 10px;
    text-align: center;
}

table.layout {
    margin: 0 auto;
}

table.preview {
    width: 120px;
    height: 100px;
}

table.preview td.header {
    height: 15px;
}

table.preview td.footer {
    height: 10px;
}

table.preview td.layoutLeft {
    width: 20px;
    padding-left: 3px;
}

table.edit td.layoutLeft {
    width: 150px;
    padding-left: 3px;
}

table.preview td.layoutRight {
    width: 20px;
    padding-right: 3px;
}

table.edit td.layoutRight {
    width: 150px;
    padding-right: 3px;
}

table.edit td.collapse {
    height: 10px;
    padding: 0;
}

table#layoutMenu a img {
    vertical-align: middle;
    border-width: 0;
}

table#layoutMenu div.layoutLabel {
    text-align: center;
    padding: 5px 0 10px;
}

table#layoutMenu div.layoutBlock {
    border: solid 1px #b7ddf2;
    background-color: #ebf4fb;
    text-align: center;
    margin-bottom: 3px;
}

table#layoutMenu div.layoutBlock .tool {
    cursor: pointer;
    margin: 0 2px;
}

table#layoutMenu td#left div.layout {
    width: 140px;
    border: 1px solid #BBB;
    padding: 10px 5px;
}

table#layoutMenu td#left div.layout:hover,
table#layoutMenu td#left div.selectedLayout {
    background-color: #dbe5f1;
}

table#layoutMenu td#right div.layoutBlock {
    width: 140px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: top;
    margin-top: 10px;
}

table#layoutMenu td#right div.layoutBlock img {
    margin-top: 10px;
}

table#layoutMenu td#center div.layout {
    height: 100%;
    border: 1px solid #bbb;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 5px;
}

table#layoutMenu td#center div.layout div.layoutBlock {
    height: 100px;
    margin: 10px;
}

table#layoutMenu ul.sortable {
    border: 2px dotted #aaa;
}

table#layoutMenu td#buttons div {
    width: 300px;
    margin: 0 auto;
}

table#layoutMenu td#buttons span {
    float: left;
    width: 100px;
}

.lessonInfo {
    font-size: 12px;
    padding: 5px;
}

div.courseLessonInfo {
    border-left: 0 solid grey;
    border-right: 0 solid grey;
    border-bottom: 0 solid grey;
    margin-top: 10px;
}

div#buy {
    text-align: right;
    padding: 5px;
}

table.pageLayout div .formRow {
    clear: left;
}

table.pageLayout div .formLabel {
    display: block;
    font-size: 1.1em;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 2px;
}

table.pageLayout div .note {
    clear: both;
    padding-left: 10px;
    display: block;
}

table.pageLayout form.indexForm .inputCheckbox {
    margin: 2px 0 5px 10px;
    padding: 4px 2px;
}

table.pageLayout form.indexForm select {
    margin: 2px 0 5px 10px;
}

table.pageLayout form.indexForm .inputSearchText {
    width: 50%;
    margin: 0 0 10px 10px;
    padding: 4px 2px 0 18px;
}

table.pageLayout form.indexForm .flatButton {
    clear: both;
    margin-left: 10px;
    text-align: center;
}

table.pageLayout form.indexForm .explanation {
    color: #666;
    font-weight: 400;
}

table.pageLayout form.indexForm .error {
    color: red;
    margin-left: 10px;
}

table.pageLayout form.indexForm {
    margin-bottom: 0;
}

table.pageLayout div #contact,
table.pageLayout div #comments {
    height: 10em;
}

table.messageBlock {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    background: #FFF;
}

table.messageBlock td {
    padding: 5px;
}

table.messageBlock td.successBlock {
    color: #006CA9;
    width: 100%;
    vertical-align: middle;
    text-shadow: 0px 1px 0px #ddd;
}

table.messageBlock td.failureBlock {
    width: 100%;
    vertical-align: middle;
    color: red;
    text-shadow: 0px 1px 0px #ddd;
    padding: 10px;
}

div.messageContents {
    padding: 0!important;
}

div.cart div.cartElement {
    border-bottom: 1px dotted #DDD;
    vertical-align: middle;
    clear: both;
    padding: 3px 0;
}

div.cart div.cartElement div.cartTitle {
    float: left;
}

table.pageLayout div.newsTitle {
    font-size: 26px;
    width: 95%;
    margin: 10px auto;
}

table.pageLayout div.newsTitle div {
    float: right;
    font-size: 16px;
}

table.pageLayout div.newsContent {
    border-top: 0 solid #999;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}

table.pageLayout div.licenseHandles {
    padding-top: 50px;
    text-align: center;
}

div.block {
    margin-top: 5px;
    margin-bottom: 0;
}

div.blockContents {
    margin: 0 auto 10px;
}

ul.sortable img.blockMoveHandle {
    cursor: move;
    display: inline;
}

div.block table.iconTable td {
    text-align: center;
    padding: 10px;
    /* padding:3px; */
}

div.block table.iconTable td.iconData:hover {
    background-color: rgba(0, 0, 0, 0.1);
    /* background-color:rgba(0,143,213,0.25); */
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

div.block table.iconTable td.group {
    background-color: #C5D6ED;
}

div.block .title {
    padding-top: 10px;
    padding-bottom: 20px;
    display: inline-block;
    width: 100%;
    text-shadow: 0px 1px 0px #FFF;
    font-size: 2.3rem;
    min-width: 92px;
    text-align: center;
    //text-align:left;
    font-weight: bold;
    color: #333;
    background-color: #fff;
    /*#D14836;*/
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    /*
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:4px;
border-bottom-left-radius:15px;
border-bottom-right-radius:4px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
*/
}

div.block .title:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: rgb(2, 3, 44);
    /* background: #0078bc; */
}

.tabbertab div.block .title {
    display: none;
}

.tabbertab div.block div.block .title {
    display: inline;
}

div.block .title img {
    vertical-align: middle;
    margin-right: 10px;
}

div.block .open-close-handle {
    display: none;
}

div.block .subtitle {
    display: none;
    font-size: 11px;
    color: #666;
    border: solid 1px #CCC;
    border-bottom: 0;
    clear: left;
    background: #fff;
    padding-top: 0;
    padding-bottom: 6px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}

div.block .handles img {
    vertical-align: middle;
    border-width: 0;
    margin: 15px 7px 2px 0;
}

div.block .toggle {
    font-size: 14px;
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

div.block .content {
    //border:solid 1px #ddd;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #fff;
    padding: 10px;
}

div.block .content.col-md-12 {
    padding: 0 15px 15px;
}

.category-select-in-list {
    margin-bottom: 15px;
}

.category-name-in-list {
    background: rgb(2, 3, 44);
    color: #fff;
    font-size: 1.8rem;
    padding: 5px 10px;
    border-radius: 5px;
}

.tabbertab div.block .content {
    border-width: 0px;
}

div.block .toolbar {
    //white-space:nowrap;
    background-color: #fff;
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid #ddd;
}

div.block .toolbar span {
    border-right: 1px solid #CCC;
    margin: 0;
    padding: 6px 5px 7px;
}

div.block .toolbar span:last-child {
    border-right: 0 solid #2a4562;
}

div.block .toolbar span.selected {
    background-color: #eee;
    font-weight: 700;
    padding: 10px 5px;
    //padding-top:12px;
    //padding-bottom:12px;
}

.trigger {
    position: absolute;
}

span.timeago {
    color: #7F7F7F;
    font-style: italic;
}

.bubblePopup {
    position: absolute;
    z-index: 50;
    border-collapse: collapse;
    background-color: #FAFAFA;
}

.bubblePopup td.corner {
    height: 15px;
    width: 19px;
}

.bubblePopup td#topleft {
    background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-1.png);
}

.bubblePopup td.top {
    background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-2.png);
}

.bubblePopup td#topright {
    background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-3.png);
}

.bubblePopup td.left {
    background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-4.png);
}

.bubblePopup td.right {
    background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-5.png);
}

.bubblePopup td#bottomleft {
    background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-6.png);
}

.bubblePopup td.bottom {
    background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-7.png);
    text-align: center;
}

.bubblePopup td.bottom img {
    display: block;
    margin: 0 auto;
}

.bubblePopup td#bottomright {
    background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-8.png);
}

td.fixedLabelCell {
    text-align: right;
    white-space: nowrap;
    width: 180px;
}

div.loginFacebookFormRow {
    border-top: 1px;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin-top: 3px;
    color: #999;
    border-style: solid;
}

div.facebookHeader {
    color: #000;
    font-size: 12px;
    font-weight: 700;
}

.scormFrame {
    width: 100%;
    height: 100%;
    border-width: 0;
}

.scormCommitFrame {
    display: none;
    border: 1px solid red;
    width: 100%;
    height: 400px;
}

.phpinfodisplay {
    background-color: #FAFAFA;
    color: #000;
    font-size: 16px;
}

.phpinfodisplay hr {
    margin-left: 0;
    width: 600px;
    background-color: #ccc;
    border: 0;
    height: 1px;
    color: #000;
}

.phpinfodisplay,
.phpinfodisplay td,
.phpinfodisplay th,
.phpinfodisplay h1,
.phpinfodisplay h2 {
    font-family: sans-serif;
}

.phpinfodisplay pre {
    font-family: monospace;
    margin: 0;
}

.phpinfodisplay a:link {
    color: #009;
    text-decoration: none;
    background-color: #FAFAFA;
}

.phpinfodisplay .center th {
    text-align: center!important;
}

.phpinfodisplay td,
.phpinfodisplay th {
    border: 1px solid #000;
    font-size: 75%;
    vertical-align: baseline;
}

.phpinfodisplay h1 {
    font-size: 150%;
}

.phpinfodisplay h2 {
    font-size: 125%;
}

.phpinfodisplay .e {
    background-color: #ccf;
    font-weight: 700;
    color: #000;
}

.phpinfodisplay .h {
    background-color: #99c;
    font-weight: 700;
    color: #000;
}

.phpinfodisplay .v {
    background-color: #ccc;
    color: #000;
}

.phpinfodisplay .vr {
    background-color: #ccc;
    text-align: right;
    color: #000;
}

.phpinfodisplay img {
    float: right;
    border: 0;
}

.horizontalSelectedTopTitle {
    height: 32px;
    color: #FAFAFA;
    background-image: url(../images/css_images/gradient.gif);
    vertical-align: middle;
    text-decoration: none;
}

.horizontalSelectedTopTitle a {
    height: 32px;
    color: #FAFAFA;
    vertical-align: middle;
    text-decoration: none;
}

table.horizontalMenuTable {
    background-color: #97AFC9;
    z-index: 200;
    height: 25px;
    border: none;
    width: 100%;
    padding: 0;
}

.horizontalMenuOption {
    height: 32px;
    background-color: #f8f8f8;
    border: none;
    color: #222;
    text-decoration: none;
    vertical-align: middle;
}

.headerDivider {
    font-size: 22px;
    color: #bbb;
    margin: 3px;
}

.headerText {
    display: inline-block;
    color: #333;
    padding-left: 5px;
    padding-right: 5px;
}

a.headerText,
a.headerText:link,
a.headerText:visited,
a.headerText:active {
    color: #444;
    text-decoration: none;
}

a.headerText:hover {
    color: #111;
    text-decoration: underline;
}

a.inactiveLink,
a.inactiveLink:link,
a.inactiveLink:hover,
a.inactiveLink:visited,
a.inactiveLink:active {
    color: #bbb;
    cursor: default;
    text-decoration: none;
    font-size: 1.1em;
}

span.oldPrice {
    text-decoration: line-through;
}

div.proto_graph {
    background-color: #FFF;
    height: 500px;
}

.horizontalSeparator {
    border-bottom: 1px solid #888;
}

.horizontalSeparatorAbove {
    /*border-top:1px solid #888;*/
}

.inactiveElement {
    color: #AAA!important;
}

.inactiveImage,
.inactiveImage img {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

input.inactiveElement {
    background-color: #FAFAFA;
    border-color: #FAFAFA;
}

img.handle {
    cursor: pointer;
    vertical-align: middle;
    border-width: 0;
}

img.ajaxHandle {
    cursor: pointer;
    vertical-align: middle;
}

span.progress {
    height: 16px;
    width: 16px;
    margin-right: 6px;
    position: absolute;
}

span.progress32 {
    height: 32px;
    width: 32px;
    margin-right: 6px;
    position: absolute;
}

table.uploadBox {
    margin: 2em;
}

table.lessonListOptions td.lessonListOption {
    padding-left: 10px;
}

table.emptyLessonsList {
    width: 100%;
    height: 100%;
    text-align: center;
}

.lessonsList>div {
    display: inline-block;
}

.singleLessonView {
    text-align: center;
    border-radius: 5px;
    margin: 20px 0;
    padding: 5% 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    //min-height: 330px;
    cursor: pointer;
    position: relative;
}

.singleLessonView .singleLessonLink {
    padding: 10px 0 25px 0;
    //border: 1px solid black;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.singleLessonView .singleLessonLink a {
    color: #14397d;
    font-size: 1.1em;
    font-weight: bold;
}

.singleLessonImage {
    width: 90%;
    margin: auto;
    height: 200px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.singleLessonImage img {
    max-width: 100%;
}

.singleLessonProgress {
    font-size: 0.8em;
    /*position: absolute;*/
    bottom: 15px;
    width: 100%;
    padding: 0 10px 0 17px;
    text-align: left;
}

.singleLessonProgress>div {
    display: inline-block;
    vertical-align: middle;
}

.singleLessonProgress>div.lessonProgress {
    padding-left: 5px;
    width: 25%;
}

table.emptyLessonsList td.lessonListOption {
    padding-top: 25px;
}

fieldset.fieldsetSeparator {
    border-top: 1px solid #999;
    border-width: 0;
}

fieldset.fieldsetSeparator legend {
    font-weight: 700;
    font-size: 1.4em;
}

fieldset.fieldsetSeparator legend.smallLegend {
    font-weight: 700;
    font-size: 12px;
}

div.lessonLayout {
    width: 602px;
    margin-left: auto;
    margin-right: auto;
}

object {
    position: relative;
    z-index: 0;
}

.studentMode {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: #F30;
    font-size: 13px;
    text-align: center;
    border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px;
}

.prototip {
    color: #000;
    position: absolute;
    overflow: hidden;
}

.prototip .default {
    width: 250px;
    color: #333;
    opacity: 1;
}

.prototip .default .toolbar {
    background: #f1f1f1;
    font-weight: 700;
}

.prototip .default .content {
    background: #fff;
    padding: 5px;
}

.prototipLoader {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 14px;
    width: 14px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.prototip .toolbar .close {
    position: relative;
    text-decoration: none;
    float: right;
    width: 19px;
    height: 15px;
    display: block;
    line-height: 0;
    font-size: 0;
    border: 0;
    cursor: pointer;
}

.prototip .tooltip {
    clear: both;
    float: left;
}

.prototip .borderLeftWrapper,
.prototip .borderRightWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 20px;
}

.prototip .borderFrame {
    height: 100%;
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}

.prototip .borderTop,
.prototip .borderBottom {
    overflow: hidden;
}

.prototip .borderRow {
    list-style-type: none;
    float: left;
    width: 100%;
    position: relative;
    clear: both;
    margin: 0;
    padding: 0;
}

.prototip_CornerWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clear: both;
    margin: 0;
    padding: 0;
    padding-left: 4px;
}

.prototip_BetweenCorners {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    clear: both;
}

.prototip .borderCenter {
    position: relative;
    float: left;
    height: 100%;
}

.prototip_StemWrapper {
    position: relative;
    width: 100%;
    height: auto;
    clear: both;
}

.prototip_Stem {
    width: 100%;
    position: absolute;
    overflow: hidden;
}

.iframeShim {
    position: absolute;
    border: 0;
    background: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.prototip .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.prototip .clearfix {
    display: block;
}

table.innerTable {
    background: #F8F8F8;
    border: 1px solid #CCD;
    width: 100%;
    margin: 0 0 5px;
}

table.innerTable th.innerTableHeader {
    color: #333;
    font-weight: 700;
    text-align: left;
}

th.innerTableHeader,
td.innerTableHeader {
    border-bottom: 1px solid #CCD;
}

table.innerTable td.tableSeparator {
    background: #2F4F4F;
    height: .3em;
}

td.iconTableTD {
    background: #F8F8F8;
    text-align: center;
    border: 1px;
    padding: 5px 0;
}

td.iconTableTD:hover {
    background: #dbe5f1;
}

td.emptyIconTableTD {
    background: #F8F8F8;
    text-align: center;
}

table.sideTable {
    border: 1px solid #DDD;
    width: 100%;
    padding: 2px 8px;
}

td.smallIconCell {
    width: 16px;
    vertical-align: middle;
}

.mceContentBody#tinymce {
    background: #FFF;
    width: 100%;
    min-width: 300px;
    height: 100%;
    margin: 0;
}

sup {
    font-size: xx-small;
    vertical-align: top!important;
}

sub {
    font-size: xx-small;
    vertical-align: bottom!important;
}

.filemanagerBlock {
    height: 100%;
    text-align: center;
    width: 100%;
    background-color: #FFF;
}

table.navigationTable {
    width: 100%;
    margin-top: 15px;
    border-top: 1px solid #AAA;
}

table.navigationTable td.previousUnitHandleIcon {
    width: 3%;
    text-align: left;
    ertical-align: top;
    padding-top: 15px;
}

table.navigationTable td.previousUnitHandle {
    width: 27%;
    text-align: left;
    ertical-align: top;
    padding-top: 15px;
}

table.navigationTable td.completeUnitHandle {
    width: 40%;
    text-align: center;
    padding-top: 15px;
    vertical-align: top;
}

table.navigationTable td.completeUnitHandle div.unitQuestionArea {
    border: 1px solid #000;
    padding: 10px;
}

table.navigationTable td.nextUnitHandleIcon {
    width: 3%;
    text-align: right;
    ertical-align: top;
    padding-top: 15px;
}

table.navigationTable td.nextUnitHandle {
    width: 27%;
    text-align: right;
    ertical-align: top;
    padding-top: 15px;
}

.sprite32 {
    background: url(../images/css_images/32x32map.png);
    width: 32px;
    height: 32px;
}

.sprite16 {
    background: url(../images/css_images/16x16map.png);
    width: 16px;
    height: 16px;
}

.sprite16-add {
    width: 16px;
    height: 16px;
    background-position: -1px -1px;
}

.sprite16-analysis {
    width: 16px;
    height: 16px;
    background-position: -1px -19px;
}

.sprite16-arrow_left {
    width: 16px;
    height: 16px;
    background-position: -1px -37px;
}

.sprite16-arrow_right {
    width: 16px;
    height: 16px;
    background-position: -1px -55px;
}

.sprite16-attachment {
    width: 16px;
    height: 16px;
    background-position: -1px -73px;
}

.sprite16-autocomplete {
    width: 16px;
    height: 16px;
    background-position: -1px -91px;
}

.sprite16-bookmark {
    width: 16px;
    height: 16px;
    background-position: -1px -109px;
}

.sprite16-bookmark_add {
    width: 16px;
    height: 16px;
    background-position: -1px -127px;
}

.sprite16-branch {
    width: 16px;
    height: 16px;
    background-position: -1px -145px;
}

.sprite16-calendar {
    width: 16px;
    height: 16px;
    background-position: -1px -163px;
}

.sprite16-calendar_selection_all {
    width: 16px;
    height: 16px;
    background-position: -1px -181px;
}

.sprite16-calendar_selection_day {
    width: 16px;
    height: 16px;
    background-position: -1px -199px;
}

.sprite16-calendar_selection_month {
    width: 16px;
    height: 16px;
    background-position: -1px -217px;
}

.sprite16-calendar_selection_week {
    width: 16px;
    height: 16px;
    background-position: -1px -235px;
}

.sprite16-catalog {
    width: 16px;
    height: 16px;
    background-position: -1px -253px;
}

.sprite16-categories {
    width: 16px;
    height: 16px;
    background-position: -1px -271px;
}

.sprite16-certificate {
    width: 16px;
    height: 16px;
    background-position: -1px -289px;
}

.sprite16-chat {
    width: 16px;
    height: 16px;
    background-position: -1px -307px;
}

.sprite16-clock {
    width: 16px;
    height: 16px;
    background-position: -1px -325px;
}

.sprite16-close {
    width: 16px;
    height: 16px;
    background-position: -1px -343px;
}

.sprite16-comment_add {
    width: 16px;
    height: 16px;
    background-position: -1px -361px;
}

.sprite16-content {
    width: 16px;
    height: 16px;
    background-position: -1px -379px;
}

.sprite16-continue {
    width: 16px;
    height: 16px;
    background-position: -1px -397px;
}

.sprite16-copy {
    width: 16px;
    height: 16px;
    background-position: -1px -415px;
}

.sprite16-courses {
    width: 16px;
    height: 16px;
    background-position: -1px -433px;
}

.sprite16-edit {
    width: 16px;
    height: 16px;
    background-position: -1px -451px;
}

.sprite16-enterprise {
    width: 16px;
    height: 16px;
    background-position: -1px -469px;
}

.sprite16-error_delete {
    width: 16px;
    height: 16px;
    background-position: -1px -487px;
}

.sprite16-examples {
    width: 16px;
    height: 16px;
    background-position: -1px -505px;
}

.sprite16-examples_failed {
    width: 16px;
    height: 16px;
    background-position: -1px -523px;
}

.sprite16-examples_incomplete {
    width: 16px;
    height: 16px;
    background-position: -1px -541px;
}

.sprite16-examples_passed {
    width: 16px;
    height: 16px;
    background-position: -1px -559px;
}

.sprite16-export {
    width: 16px;
    height: 16px;
    background-position: -1px -577px;
}

.sprite16-facebook {
    width: 16px;
    height: 16px;
    background-position: -1px -595px;
}

.sprite16-feedback {
    width: 16px;
    height: 16px;
    background-position: -1px -613px;
}

.sprite16-feedback_failed {
    width: 16px;
    height: 16px;
    background-position: -1px -631px;
}

.sprite16-feedback_incomplete {
    width: 16px;
    height: 16px;
    background-position: -1px -649px;
}

.sprite16-feedback_passed {
    width: 16px;
    height: 16px;
    background-position: -1px -667px;
}

.sprite16-file_explorer {
    width: 16px;
    height: 16px;
    background-position: -1px -685px;
}

.sprite16-flag_blue {
    width: 16px;
    height: 16px;
    background-position: -1px -703px;
}

.sprite16-flag_green {
    width: 16px;
    height: 16px;
    background-position: -1px -721px;
}

.sprite16-flag_red {
    width: 16px;
    height: 16px;
    background-position: -1px -739px;
}

.sprite16-flag_yellow {
    width: 16px;
    height: 16px;
    background-position: -1px -757px;
}

.sprite16-folder {
    width: 16px;
    height: 16px;
    background-position: -1px -775px;
}

.sprite16-folder_add {
    width: 16px;
    height: 16px;
    background-position: -1px -793px;
}

.sprite16-folder_up {
    width: 16px;
    height: 16px;
    background-position: -1px -811px;
}

.sprite16-forbidden {
    width: 16px;
    height: 16px;
    background-position: -1px -829px;
}

.sprite16-forums {
    width: 16px;
    height: 16px;
    background-position: -1px -847px;
}

.sprite16-generic {
    width: 16px;
    height: 16px;
    background-position: -1px -865px;
}

.sprite16-glossary {
    width: 16px;
    height: 16px;
    background-position: -1px -883px;
}

.sprite16-go_back {
    width: 16px;
    height: 16px;
    background-position: -1px -901px;
}

.sprite16-go_into {
    width: 16px;
    height: 16px;
    background-position: -1px -919px;
}

.sprite16-goto_admin {
    width: 16px;
    height: 16px;
    background-position: -1px -937px;
}

.sprite16-goto_professor {
    width: 16px;
    height: 16px;
    background-position: -1px -955px;
}

.sprite16-goto_student {
    width: 16px;
    height: 16px;
    background-position: -1px -973px;
}

.sprite16-graduation {
    width: 16px;
    height: 16px;
    background-position: -1px -991px;
}

.sprite16-help {
    width: 16px;
    height: 16px;
    background-position: -1px -1009px;
}

.sprite16-home {
    width: 16px;
    height: 16px;
    background-position: -1px -1027px;
}

.sprite16-import {
    width: 16px;
    height: 16px;
    background-position: -1px -1045px;
}

.sprite16-import_export {
    width: 16px;
    height: 16px;
    background-position: -1px -1063px;
}

.sprite16-information {
    width: 16px;
    height: 16px;
    background-position: -1px -1081px;
}

.sprite16-job_descriptions {
    width: 16px;
    height: 16px;
    background-position: -1px -1099px;
}

.sprite16-layout {
    width: 16px;
    height: 16px;
    background-position: -1px -1117px;
}

.sprite16-lessons {
    width: 16px;
    height: 16px;
    background-position: -1px -1135px;
}

.sprite16-lock {
    width: 16px;
    height: 16px;
    background-position: -1px -1153px;
}

.sprite16-logout {
    width: 16px;
    height: 16px;
    background-position: -1px -1171px;
}

.sprite16-mail {
    width: 16px;
    height: 16px;
    background-position: -1px -1189px;
}

.sprite16-message {
    width: 16px;
    height: 16px;
    background-position: -1px -1207px;
}

.sprite16-minus {
    width: 16px;
    height: 16px;
    background-position: -1px -1225px;
}

.sprite16-minus2 {
    width: 16px;
    height: 16px;
    background-position: -1px -1243px;
}

.sprite16-navigate_down {
    width: 16px;
    height: 16px;
    background-position: -1px -1261px;
}

.sprite16-navigate_left {
    width: 16px;
    height: 16px;
    background-position: -1px -1279px;
}

.sprite16-navigate_right {
    width: 16px;
    height: 16px;
    background-position: -1px -1297px;
}

.sprite16-navigate_up {
    width: 16px;
    height: 16px;
    background-position: -1px -1315px;
}

.sprite16-order {
    width: 16px;
    height: 16px;
    background-position: -1px -1333px;
}

.sprite16-organization {
    width: 16px;
    height: 16px;
    background-position: -1px -1351px;
}

.sprite16-out {
    width: 16px;
    height: 16px;
    background-position: -1px -1369px;
}

.sprite16-paperclip {
    width: 16px;
    height: 16px;
    background-position: -1px -1387px;
}

.sprite16-paste {
    width: 16px;
    height: 16px;
    background-position: -1px -1405px;
}

.sprite16-pause {
    width: 16px;
    height: 16px;
    background-position: -1px -1423px;
}

.sprite16-php {
    width: 16px;
    height: 16px;
    background-position: -1px -1441px;
}

.sprite16-pin_green {
    width: 16px;
    height: 16px;
    background-position: -1px -1459px;
}

.sprite16-pin_red {
    width: 16px;
    height: 16px;
    background-position: -1px -1477px;
}

.sprite16-plus {
    width: 16px;
    height: 16px;
    background-position: -1px -1495px;
}

.sprite16-plus2 {
    width: 16px;
    height: 16px;
    background-position: -1px -1513px;
}

.sprite16-printer {
    width: 16px;
    height: 16px;
    background-position: -1px -1531px;
}

.sprite16-projects {
    width: 16px;
    height: 16px;
    background-position: -1px -1549px;
}

.sprite16-projects_failed {
    width: 16px;
    height: 16px;
    background-position: -1px -1567px;
}

.sprite16-projects_incomplete {
    width: 16px;
    height: 16px;
    background-position: -1px -1585px;
}

.sprite16-projects_passed {
    width: 16px;
    height: 16px;
    background-position: -1px -1603px;
}

.sprite16-question_and_answer {
    width: 16px;
    height: 16px;
    background-position: -1px -1621px;
}

.sprite16-question_type_drag_drop {
    width: 16px;
    height: 16px;
    background-position: -1px -1639px;
}

.sprite16-question_type_empty_spaces {
    width: 16px;
    height: 16px;
    background-position: -1px -1657px;
}

.sprite16-question_type_free_text {
    width: 16px;
    height: 16px;
    background-position: -1px -1675px;
}

.sprite16-question_type_match {
    width: 16px;
    height: 16px;
    background-position: -1px -1693px;
}

.sprite16-question_type_multiple_correct {
    width: 16px;
    height: 16px;
    background-position: -1px -1711px;
}

.sprite16-question_type_one_correct {
    width: 16px;
    height: 16px;
    background-position: -1px -1729px;
}

.sprite16-question_type_true_false {
    width: 16px;
    height: 16px;
    background-position: -1px -1747px;
}

.sprite16-refresh {
    width: 16px;
    height: 16px;
    background-position: -1px -1765px;
}

.sprite16-reports {
    width: 16px;
    height: 16px;
    background-position: -1px -1783px;
}

.sprite16-rules {
    width: 16px;
    height: 16px;
    background-position: -1px -1801px;
}

.sprite16-schedule {
    width: 16px;
    height: 16px;
    background-position: -1px -1819px;
}

.sprite16-scorm {
    width: 16px;
    height: 16px;
    background-position: -1px -1837px;
}

.sprite16-search {
    width: 16px;
    height: 16px;
    background-position: -1px -1855px;
}

.sprite16-semi_success {
    width: 16px;
    height: 16px;
    background-position: -1px -1873px;
}

.sprite16-settings {
    width: 16px;
    height: 16px;
    background-position: -1px -1891px;
}

.sprite16-shopping_basket {
    width: 16px;
    height: 16px;
    background-position: -1px -1909px;
}

.sprite16-shopping_basket_add {
    width: 16px;
    height: 16px;
    background-position: -1px -1927px;
}

.sprite16-skill_gap {
    width: 16px;
    height: 16px;
    background-position: -1px -1945px;
}

.sprite16-skills {
    width: 16px;
    height: 16px;
    background-position: -1px -1963px;
}

.sprite16-social {
    width: 16px;
    height: 16px;
    background-position: -1px -1981px;
}

.sprite16-spacer {
    width: 1px;
    height: 1px;
    background-position: -1px -1999px;
}

.sprite16-start {
    width: 16px;
    height: 16px;
    background-position: -1px -2002px;
}

.sprite16-status {
    width: 16px;
    height: 16px;
    background-position: -1px -2020px;
}

.sprite16-stop {
    width: 16px;
    height: 16px;
    background-position: -1px -2038px;
}

.sprite16-stop_red {
    width: 16px;
    height: 16px;
    background-position: -1px -2056px;
}

.sprite16-success {
    width: 16px;
    height: 16px;
    background-position: -1px -2074px;
}

.sprite16-surveys {
    width: 16px;
    height: 16px;
    background-position: -1px -2092px;
}

.sprite16-tests {
    width: 16px;
    height: 16px;
    background-position: -1px -2110px;
}

.sprite16-tests_failed {
    width: 16px;
    height: 16px;
    background-position: -1px -2128px;
}

.sprite16-tests_incomplete {
    width: 16px;
    height: 16px;
    background-position: -1px -2146px;
}

.sprite16-tests_passed {
    width: 16px;
    height: 16px;
    background-position: -1px -2164px;
}

.sprite16-themes {
    width: 16px;
    height: 16px;
    background-position: -1px -2182px;
}

.sprite16-theory {
    width: 16px;
    height: 16px;
    background-position: -1px -2200px;
}

.sprite16-theory_failed {
    width: 16px;
    height: 16px;
    background-position: -1px -2218px;
}

.sprite16-theory_incomplete {
    width: 16px;
    height: 16px;
    background-position: -1px -2236px;
}

.sprite16-theory_passed {
    width: 16px;
    height: 16px;
    background-position: -1px -2254px;
}

.sprite16-tools {
    width: 16px;
    height: 16px;
    background-position: -1px -2272px;
}

.sprite16-trafficlight_green {
    width: 16px;
    height: 16px;
    background-position: -1px -2290px;
}

.sprite16-trafficlight_red {
    width: 16px;
    height: 16px;
    background-position: -1px -2308px;
}

.sprite16-tree_indicator {
    width: 16px;
    height: 16px;
    background-position: -1px -2326px;
}

.sprite16-uncompress {
    width: 16px;
    height: 16px;
    background-position: -1px -2344px;
}

.sprite16-undo {
    width: 16px;
    height: 16px;
    background-position: -1px -2362px;
}

.sprite16-unit {
    width: 16px;
    height: 16px;
    background-position: -1px -2380px;
}

.sprite16-unit_completed {
    width: 16px;
    height: 16px;
    background-position: -1px -2398px;
}

.sprite16-unlocked {
    width: 16px;
    height: 16px;
    background-position: -1px -2416px;
}

.sprite16-user {
    width: 16px;
    height: 16px;
    background-position: -1px -2434px;
}

.sprite16-user_mapping {
    width: 16px;
    height: 16px;
    background-position: -1px -2452px;
}

.sprite16-user_timeline {
    width: 16px;
    height: 16px;
    background-position: -1px -2470px;
}

.sprite16-user_types {
    width: 16px;
    height: 16px;
    background-position: -1px -2488px;
}

.sprite16-users {
    width: 16px;
    height: 16px;
    background-position: -1px -2506px;
}

.sprite16-warning {
    width: 16px;
    height: 16px;
    background-position: -1px -2524px;
}

.sprite16-wizard {
    width: 16px;
    height: 16px;
    background-position: -1px -2542px;
}

.sprite32-add {
    width: 32px;
    height: 32px;
    background-position: -1px -1px;
}

.sprite32-addons {
    width: 32px;
    height: 32px;
    background-position: -1px -35px;
}

.sprite32-announcements {
    width: 32px;
    height: 32px;
    background-position: -1px -69px;
}

.sprite32-arrow_left {
    width: 32px;
    height: 32px;
    background-position: -1px -103px;
}

.sprite32-arrow_right {
    width: 32px;
    height: 32px;
    background-position: -1px -137px;
}

.sprite32-autocomplete {
    width: 32px;
    height: 32px;
    background-position: -1px -171px;
}

.sprite32-backup_restore {
    width: 32px;
    height: 32px;
    background-position: -1px -205px;
}

.sprite32-billboard {
    width: 32px;
    height: 32px;
    background-position: -1px -239px;
}

.sprite32-bookmark {
    width: 32px;
    height: 32px;
    background-position: -1px -273px;
}

.sprite32-branch {
    width: 32px;
    height: 32px;
    background-position: -1px -307px;
}

.sprite32-calendar {
    width: 32px;
    height: 32px;
    background-position: -1px -341px;
}

.sprite32-catalog {
    width: 32px;
    height: 32px;
    background-position: -1px -375px;
}

.sprite32-categories {
    width: 32px;
    height: 32px;
    background-position: -1px -409px;
}

.sprite32-certificate {
    width: 32px;
    height: 32px;
    background-position: -1px -443px;
}

.sprite32-chat {
    width: 32px;
    height: 32px;
    background-position: -1px -477px;
}

.sprite32-cleanup {
    width: 32px;
    height: 32px;
    background-position: -1px -511px;
}

.sprite32-clock {
    width: 32px;
    height: 32px;
    background-position: -1px -545px;
}

.sprite32-close {
    width: 32px;
    height: 32px;
    background-position: -1px -579px;
}

.sprite32-content {
    width: 32px;
    height: 32px;
    background-position: -1px -613px;
}

.sprite32-content_reorder {
    width: 32px;
    height: 32px;
    background-position: -1px -647px;
}

.sprite32-content_tree {
    width: 32px;
    height: 32px;
    background-position: -1px -681px;
}

.sprite32-continue {
    width: 32px;
    height: 32px;
    background-position: -1px -715px;
}

.sprite32-courses {
    width: 32px;
    height: 32px;
    background-position: -1px -749px;
}

.sprite32-curriculum {
    width: 32px;
    height: 32px;
    background-position: -1px -783px;
}

.sprite32-custom_reports {
    width: 32px;
    height: 32px;
    background-position: -1px -817px;
}

.sprite32-directory {
    width: 32px;
    height: 32px;
    background-position: -1px -851px;
}

.sprite32-edit {
    width: 32px;
    height: 32px;
    background-position: -1px -885px;
}

.sprite32-enterprise {
    width: 32px;
    height: 32px;
    background-position: -1px -919px;
}

.sprite32-error_delete {
    width: 32px;
    height: 32px;
    background-position: -1px -953px;
}

.sprite32-examples {
    width: 32px;
    height: 32px;
    background-position: -1px -987px;
}

.sprite32-exclamation {
    width: 32px;
    height: 32px;
    background-position: -1px -1021px;
}

.sprite32-export {
    width: 32px;
    height: 32px;
    background-position: -1px -1055px;
}

.sprite32-facebook {
    width: 32px;
    height: 32px;
    background-position: -1px -1089px;
}

.sprite32-feedback {
    width: 32px;
    height: 32px;
    background-position: -1px -1123px;
}

.sprite32-file_explorer {
    width: 32px;
    height: 32px;
    background-position: -1px -1157px;
}

.sprite32-folders {
    width: 32px;
    height: 32px;
    background-position: -1px -1191px;
}

.sprite32-forum {
    width: 32px;
    height: 32px;
    background-position: -1px -1225px;
}

.sprite32-generic {
    width: 32px;
    height: 32px;
    background-position: -1px -1259px;
}

.sprite32-glossary {
    width: 32px;
    height: 32px;
    background-position: -1px -1293px;
}

.sprite32-go_back {
    width: 32px;
    height: 32px;
    background-position: -1px -1327px;
}

.sprite32-graduation {
    width: 32px;
    height: 32px;
    background-position: -1px -1361px;
}

.sprite32-hide_left {
    width: 32px;
    height: 32px;
    background-position: -1px -1395px;
}

.sprite32-hide_right {
    width: 32px;
    height: 32px;
    background-position: -1px -1429px;
}

.sprite32-home {
    width: 32px;
    height: 32px;
    background-position: -1px -1463px;
}

.sprite32-import {
    width: 32px;
    height: 32px;
    background-position: -1px -1497px;
}

.sprite32-import_export {
    width: 32px;
    height: 32px;
    background-position: -1px -1531px;
}

.sprite32-information {
    width: 32px;
    height: 32px;
    background-position: -1px -1565px;
}

.sprite32-job_description {
    width: 32px;
    height: 32px;
    background-position: -1px -1599px;
}

.sprite32-key {
    width: 32px;
    height: 32px;
    background-position: -1px -1633px;
}

.sprite32-keys {
    width: 32px;
    height: 32px;
    background-position: -1px -1667px;
}

.sprite32-languages {
    width: 32px;
    height: 32px;
    background-position: -1px -1701px;
}

.sprite32-layout {
    width: 32px;
    height: 32px;
    background-position: -1px -1735px;
}

.sprite32-lesson_copy {
    width: 32px;
    height: 32px;
    background-position: -1px -1769px;
}

.sprite32-lessons {
    width: 32px;
    height: 32px;
    background-position: -1px -1803px;
}

.sprite32-locale {
    width: 32px;
    height: 32px;
    background-position: -1px -1837px;
}

.sprite32-lock {
    width: 32px;
    height: 32px;
    background-position: -1px -1871px;
}

.sprite32-logout {
    width: 32px;
    height: 32px;
    background-position: -1px -1905px;
}

.sprite32-mail {
    width: 32px;
    height: 32px;
    background-position: -1px -1939px;
}

.sprite32-mailbox {
    width: 32px;
    height: 32px;
    background-position: -1px -1973px;
}

.sprite32-maintenance {
    width: 32px;
    height: 30px;
    background-position: -1px -2007px;
}

.sprite32-message {
    width: 32px;
    height: 32px;
    background-position: -1px -2039px;
}

.sprite32-navigate_left {
    width: 32px;
    height: 32px;
    background-position: -1px -2073px;
}

.sprite32-navigate_right {
    width: 32px;
    height: 32px;
    background-position: -1px -2107px;
}

.sprite32-note {
    width: 32px;
    height: 32px;
    background-position: -1px -2141px;
}

.sprite32-notifications {
    width: 32px;
    height: 32px;
    background-position: -1px -2175px;
}

.sprite32-options {
    width: 32px;
    height: 32px;
    background-position: -1px -2209px;
}

.sprite32-order {
    width: 32px;
    height: 32px;
    background-position: -1px -2243px;
}

.sprite32-organization {
    width: 32px;
    height: 32px;
    background-position: -1px -2277px;
}

.sprite32-paypal {
    width: 32px;
    height: 32px;
    background-position: -1px -2311px;
}

.sprite32-percent {
    width: 32px;
    height: 32px;
    background-position: -1px -2345px;
}

.sprite32-photo {
    width: 32px;
    height: 32px;
    background-position: -1px -2379px;
}

.sprite32-php {
    width: 32px;
    height: 32px;
    background-position: -1px -2413px;
}

.sprite32-polls {
    width: 32px;
    height: 32px;
    background-position: -1px -2447px;
}

.sprite32-printer {
    width: 32px;
    height: 32px;
    background-position: -1px -2481px;
}

.sprite32-profile {
    width: 32px;
    height: 32px;
    background-position: -1px -2515px;
}

.sprite32-profile_add {
    width: 32px;
    height: 32px;
    background-position: -1px -2549px;
}

.sprite32-projects {
    width: 32px;
    height: 32px;
    background-position: -1px -2583px;
}

.sprite32-question_and_answer {
    width: 32px;
    height: 32px;
    background-position: -1px -2617px;
}

.sprite32-reports {
    width: 32px;
    height: 32px;
    background-position: -1px -2651px;
}

.sprite32-rules {
    width: 32px;
    height: 32px;
    background-position: -1px -2685px;
}

.sprite32-schedule {
    width: 32px;
    height: 32px;
    background-position: -1px -2719px;
}

.sprite32-scorm {
    width: 32px;
    height: 32px;
    background-position: -1px -2753px;
}

.sprite32-search {
    width: 32px;
    height: 32px;
    background-position: -1px -2787px;
}

.sprite32-semi_success {
    width: 32px;
    height: 32px;
    background-position: -1px -2821px;
}

.sprite32-settings {
    width: 32px;
    height: 32px;
    background-position: -1px -2855px;
}

.sprite32-shopping_basket {
    width: 32px;
    height: 32px;
    background-position: -1px -2889px;
}

.sprite32-shopping_basket_add {
    width: 32px;
    height: 32px;
    background-position: -1px -2923px;
}

.sprite32-skill_gap {
    width: 32px;
    height: 32px;
    background-position: -1px -2957px;
}

.sprite32-skills {
    width: 32px;
    height: 32px;
    background-position: -1px -2991px;
}

.sprite32-social {
    width: 32px;
    height: 32px;
    background-position: -1px -3025px;
}

.sprite32-spacer {
    width: 1px;
    height: 1px;
    background-position: -1px -3059px;
}

.sprite32-start {
    width: 32px;
    height: 32px;
    background-position: -1px -3062px;
}

.sprite32-status {
    width: 32px;
    height: 32px;
    background-position: -1px -3096px;
}

.sprite32-success {
    width: 32px;
    height: 32px;
    background-position: -1px -3130px;
}

.sprite32-surveys {
    width: 32px;
    height: 32px;
    background-position: -1px -3164px;
}

.sprite32-tests {
    width: 32px;
    height: 32px;
    background-position: -1px -3198px;
}

.sprite32-themes {
    width: 32px;
    height: 32px;
    background-position: -1px -3232px;
}

.sprite32-theory {
    width: 32px;
    height: 32px;
    background-position: -1px -3266px;
}

.sprite32-tools {
    width: 32px;
    height: 32px;
    background-position: -1px -3300px;
}

.sprite32-unit {
    width: 32px;
    height: 32px;
    background-position: -1px -3334px;
}

.sprite32-unit_completed {
    width: 32px;
    height: 32px;
    background-position: -1px -3368px;
}

.sprite32-user {
    width: 32px;
    height: 32px;
    background-position: -1px -3402px;
}

.sprite32-user_mapping {
    width: 32px;
    height: 32px;
    background-position: -1px -3436px;
}

.sprite32-user_timeline {
    width: 32px;
    height: 32px;
    background-position: -1px -3470px;
}

.sprite32-user_types {
    width: 32px;
    height: 32px;
    background-position: -1px -3504px;
}

.sprite32-users {
    width: 32px;
    height: 32px;
    background-position: -1px -3538px;
}

.sprite32-warning {
    width: 32px;
    height: 32px;
    background-position: -1px -3572px;
}

.sprite32-wizard {
    width: 32px;
    height: 32px;
    background-position: -1px -3606px;
}

a:hover #homelink,
a:hover #logout {
    background: #0363a8;
}

.divPopup #popup_title,
.centerAlign,
table#layoutMenu td#buttons,
div.cart div#submit_cart,
div.lessonLayout td#submitLayout {
    text-align: center;
}

.divPopup #popup_data,
.leftColumnData,
.rightColumnData,
.singleColumnData {
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.divPopup #frame_data,
table.edit,
table#layoutMenu {
    width: 100%;
    height: 100%;
}

table,
.phpinfodisplay table {
    border-collapse: collapse;
}

div.block span.title a,
div.block span.title a:link,
div.block span.title a:hover,
div.block span.title a:visited,
table.horizontalBlock a,
table.messageBlock td a,
table.messageBlock td a:link,
table.messageBlock td a:hover,
table.messageBlock td a:visited {
    color: #333;
    text-shadow: 0px 1px 0px #FFF;
}

table.pageLayout td.left,
table.pageLayout td.right {
    width: 250px;
    /*background:#f4f4f4;*/
}

table.pageLayout td.header #logout_link .headerText:first-child,
div.headerTools span:first-child {
    border-left: 0 solid #000;
    padding-left: 0;
}

table.pageLayout td.header #logout_link a img,
div.block table.iconTable a img {
    border-width: 0;
}

table.pageLayout td.header #path #tab_handles_div,
div.cart div.cartElement div.cartDelete,
div.block .handles,
table.lessonListOptions,
.prototip_CornerTr,
.prototip_CornerBr {
    float: right;
}

table.pageLayout td.headerHidden #logo,
table.pageLayout td.headerHidden #info,
table.pageLayout td.headerHidden #site_name,
table.pageLayout td.headerHidden #logout_link,
table.hideLeft td.left,
table.hideRight td.right,
table.centerFull td.right,
table.centerFull td.left,
table.hideCenter td.center,
a.info span.tooltipSpan,
.tabber,
.tabberlive .tabbertabhide,
.tabberlive .tabbertab h2,
table#layoutMenu td#left div.hideLeft td.layoutLeft,
table#layoutMenu td#left div.hideRight td.layoutRight,
table.hideLayoutLeft td.layoutLeft,
table.hideLayoutRight td.layoutRight,
table.pageLayout div .centerOnly,
img.blockMoveHandle,
.hiddenElement {
    display: none;
}

table.hideBoth td.right,
table.hideBoth td.left,
.sortedTable,
table#layoutMenu td#left div.hideBoth td.layoutRight,
table#layoutMenu td#left div.hideBoth td.layoutLeft,
table.hideLayoutBoth td.layoutRight,
table.hideLayoutBoth td.layoutLeft {
    visibility: hidden;
}

table.centerFull td.center,
table.messageTable td.message_text,
table.glossary,
.messagesTable,
table.contentArea,
table.contentArea table#unitContent,
table.statisticsPanel,
table.statisticsSelectList,
table.statisticsTools,
table.statisticsGeneralInfo,
table.statisticsDataHeader,
table.statisticsData,
table.statisticsSubInfo,
div.statisticsDiv table,
table.statisticsGeneralInfo table,
table.test_analysis,
table.QuestionsListTable,
.unsolvedQuestion,
div.tabHeader table,
div#personIdentity table,
table.cpanelTable,
div.block table.iconTable,
table.copyContent {
    width: 100%;
}

.success,
span.chatStudentMessages,
.noWarning,
a.editLink,
a.editLink:link,
a.editLink:visited,
a.editLink:hover,
td.editLink a,
a.inviteLink,
a.inviteLink:link,
a.inviteLink:visited,
a.inviteLink:hover {
    /* color:#0078bc; */
    color: #1d1d1d;
}

.failure,
.formError,
.formRequired,
.severeWarning,
tr.deactivatedTableElement td,
tr.deactivatedTableElement td a,
tr.deactivatedTableElement td a span,
tr.deactivatedTableElement td a,
.deactivatedElement,
a.deactivatedLinkElement,
a.deactivatedLinkElement:link,
a.deactivatedLinkElement:hover,
a.deactivatedLinkElement:visited,
a.deactivatedLinkElement:active,
.wrongAnswer,
a.deleteLink,
a.deleteLink:link,
a.deleteLink:visited,
a.deleteLink:hover {
    color: red;
}

.innerTableName,
.emptyCategory {
    font-style: italic;
}

div.infoEntry span:first-child,
.boldFont,
.forumMessageInfo span,
.messagesTable .messageInfo span,
.unreadMessage,
a.selectedLink,
a.selectedLink:link,
a.selectedLink:visited,
a.selectedLink:hover,
.resultsTitleBold,
table.statisticsGeneralInfo td.elementCell,
table.doneTestHeader #time_left,
.lessonInfo .infoTitle,
a.nonEmptyLesson,
a.nonEmptyLesson:link,
a.nonEmptyLesson:visited,
a.nonEmptyLesson:hover {
    font-weight: 700;
}

table.glossary td a img,
table.formElements a img,
table.sortedTable td a img,
table.statisticsSelectList a img,
table.statisticsTools a img,
table.statisticsGeneralInfo a img,
table.statisticsDataHeader a img,
table.statisticsData a img,
table.statisticsSubInfo a img,
div.statisticsDiv table a img,
div#buy *,
div.block .toolbar img {
    vertical-align: middle;
    border-width: 0;
}

tr.directionEntry td,
table .randomTest td {
    padding: 2px;
}

.inputText,
.inputText_QuestionChoice,
table.contentArea td#sideColumn {
    width: 250px;
}

.inputProjectTextarea,
.inputEssayTextarea,
.emailBodyTextarea {
    height: 350px;
    width: 100%;
}

table.formElements a,
td.elementCell *,
td.labelFormCell,
.dhtmlgoodies_tree *,
div.headerTools *,
div.loading div *,
table.statisticsGeneralInfo #userAvatar img,
.unsolvedQuestion *,
table .randomTestMatrix *,
table.messageBlock td,
div.lessonLayout ul * {
    vertical-align: middle;
}

td.formError,
td.formRequired,
.leftAlign,
.phpinfodisplay .center table,
.phpinfodisplay .p {
    text-align: left;
}

.sortedTable .topTitle,
.nowrap,
table.testInfo td,
td.menuListOption {
    white-space: nowrap;
}

.sortedTable td,
.prototip .default .title {
    padding: 5px;
}

table.subSection tr.oddRowColor,
tr.oddRowColor {
    background: #f7fafc;
    border-bottom: 1px solid #eef2f4;
    border-top: 1px solid #eef2f4;
}

table.subscriton tr.evenRowColor,
tr.evenRowColor,
tr.evenRowColorNoHover {
    background: #f9f9f9;
}

table.subSection tr.oddRowColor:hover,
table.subSection tr.evenRowColor:hover,
tr.oddRowColor:hover,
tr.evenRowColor:hover {
    background: #C7D7F3;
}

td#path,
.forumTable tr,
table.QuestionsListTable tr {
    height: 25px;
}

.treeLink:hover,
.resultsTitle .small a:hover,
.phpinfodisplay a:hover {
    text-decoration: underline;
}

.dhtmlgoodies_tree,
#floatingContainer,
.mceContentBody#tinymce p {
    margin: 0;
    padding: 0;
}

.defaultRowHeight,
table.edit td.footer {
    height: 30px;
}

.topAlign,
.moduleCell,
.forumMessageTable td,
table.statisticsSubInfo td,
table.doneTestHeader,
table.test_analysis td,
table.layout tr td,
table#layoutMenu td,
table.copyContent td,
div.lessonLayout td {
    vertical-align: top;
}

.rightAlign,
table.indexTable td.indexHeader#right,
table.cpanelTable td.cpanelTime,
table.innerTable td.info {
    text-align: right;
}

a.activateLink,
a.activateLink:link,
a.activateLink:visited,
a.activateLink:hover,
.plainWarning {
    color: orange;
}

.forumTable td.firstColumn,
input.autoCompleteTextBox {
    width: 50%;
}

.forumTable td.secondColumn,
.forumTable td.thirdColumn {
    width: 20%;
}

ul.sortable,
div.autocomplete ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

table.horizontalBlock .leftOption,
fieldset.fieldsetSeparator table {
    margin-left: 5px;
}

table.testInfo td#testInfoLabels,
table.innerTable td.tableImage {
    width: 1%;
}

table.edit td.header,
table.layout td.footer {
    height: 40px;
}

table.preview tr td,
table.edit tr td {
    padding: 6px 1px 1px 3px;
}

table#layoutMenu td#left,
table#layoutMenu td#right {
    width: 150px;
}

table#layoutMenu td#left div.layoutLabel,
table#layoutMenu td#right div.layoutLabel {
    width: 140px;
}

table.pageLayout form.indexForm .inputText,
table.pageLayout form.indexForm .inputSelect {
    width: 80%;
    margin: 2px 0 5px 10px;
    padding: 6px;
}

table.pageLayout fieldset,
.btn-mini .caret {
    margin-top: 5px;
}

.bubbleInfo,
.prototip .tooltip,
.prototip .toolbar,
.prototip .toolbar .title {
    position: relative;
}

a.emptyLesson,
a.emptyLesson:link,
a.emptyLesson:visited,
a.emptyLesson:hover,
span.counter {
    font-weight: 400;
}

.prototip .content,
.btn-group:after {
    clear: both;
}

.prototip_Corner,
.prototip_StemBox {
    float: left;
    position: relative;
}

.prototip canvas,
.prototip .borderMiddle {
    position: relative;
    float: left;
}

.login_box2 {
    background-image: url(../images/css_images/pass_input.gif);
    background-position: right top;
    background-repeat: no-repeat;
    width: 80%;
    margin: 2px 0 5px 10px;
    padding: 6px;
}

.login_box {
    background-image: url(../images/css_images/login_input.gif);
    background-position: right top;
    background-repeat: no-repeat;
    width: 80%;
    margin: 2px 0 5px 10px;
    padding: 6px;
}

.info {
    font-style: italic;
    font-size: 0.9em;
    color: #666666;
}

#popupMask {
    position: absolute;
    z-index: 200;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .4;
    filter: alpha(opacity=40);
    /* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
    background-color: transparent !important;
    background-color: #333333;
    /* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
    background-image/**/
    : url("../images/maskBG.png") !important; // For browsers Moz, Opera, etc.
    background-image: none;
    background-repeat: repeat;
    display: none;
}

#popupContainer {
    position: absolute;
    z-index: 201;
    top: 0px;
    left: 0px;
    display: none;
    padding: 0px;
}

#popupInner {
    border: 1px solid #616161;
    background-color: #ffffff;
}

#popupFrame {
    margin: 0px;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 202;
}

#popupTitleBar {
    background-color: #486CAE;
    color: #ffffff;
    font-weight: bold;
    height: 1.3em;
    padding: 5px;
    border-top: 1px solid #78A3F2;
    border-left: 1px solid #78A3F2;
    border-right: 1px solid #204095;
    position: relative;
    z-index: 203;
}

#popupTitle {
    float: left;
    font-size: 1.1em;
}

#popupControls {
    float: right;
    cursor: pointer;
    cursor: hand;
}

.myButton {
    font-size: 1.1em;
    color: #00;
    text-decoration: none;
}

.myButton:hover {
    text-decoration: underline;
    font-size: 1.1em;
    color: #00;
}

#beststudent {
    padding-top: 20px;
}

.best-stud-img,
.best-stud-data {
    display: inline-block;
    vertical-align: middle;
}

.best-stud-data {
    padding: 0 10px;
}

#bestAvatar {
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
}

#bestAvatar img {
    min-height: 100px;
}

#bestName {
    color: #656565;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0 0 15px;
}

#bestPercent {
    color: #ea3c50;
    font-weight: bold;
    font-size: 1.5rem;
}


/*rating students*/

#beststudenta ul.topstudList {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}

#beststudenta ul.topstudList li {
    width: 15%;
    //border: 1px solid black;
}

@media screen and (max-width: 768px) {
    #beststudenta ul.topstudList li {
        width: 100%;
    }
    #bbbstudentTable td {
        display: block;
    }
}

.prof-contr-pan.pad-top {
    margin-top: 20px;
}

.topstudList li p:first-child span {
    //border: 1px solid black;
    padding-bottom: 0;
    position: relative;
    font-size: 2rem;
    border: 3px solid #0080CC;
    padding: 0 10px;
    border-radius: 50%;
}

.topstudList li img {
    height: 70px;
}


/*.topstudList li p:first-child:after {
	content: "";
	border: 3px solid #0080CC;
	position: absolute;
	left: 50%;
	top: 0;
	width: 34px;
	height: 34px;
	margin-left: -17px;
	margin-top: 1px;
	border-radius: 50%;
}*/


/*#rating students*/

.n-groupTree span.group-toggle,
.n-groupTree span.no-childs {
    display: inline-block;
    width: 20px;
    background: transparent;
    color: #373737;
    border-radius: 3px;
    text-align: center;
    margin-right: 5px;
    font-size: 12px;
}

.n-groupTree span.group-toggle {
    box-shadow: 0 1px 1px #73737382;
    border: 1px solid #00000026;
    transition: 200ms;
}

.n-groupTree span.group-toggle:hover {
    color: #000;
}

.ll-link {
    position: absolute !important;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.ll-link-span {
    color: #1d1d1d;
    /* color: #14397d; */
    font-size: 1.1em;
    padding: 5px 10px;
    font-weight: bold;
}

fieldset.n-sort legend.drag-sort {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 8px;
}

fieldset.n-sort li>img.sprite16-plus {
    display: none;
}

.group-block {
    margin-bottom: 10px;
}

.stat_list {
    box-shadow: 0 1px 0 0 #e6e6e6;
    padding: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.stat_list span {
    display: block;
}

.stat_list span i {
    font-size: 16px;
    opacity: .8;
    color: #878585;
}

.stat_list span.sl_title {
    font-size: 18px;
    color: #333;
}

.stat_list .users-list {
    overflow: auto;
    margin-top: 10px;
    max-height: 110px;
    columns: 250px auto;
}

.stat_list .users-list span.ps_user {
    width: 250px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    padding-bottom: 10px;
}

.tab-content {
    margin-top: 15px !important;
}

.assignButton {
    background: #d4300f;
    border: none;
    font-size: 1.7rem;
    color: #fff;
    border-radius: 3px;
    padding: 3px 20px;
}

.user-types-popup {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.user-types-popup .ut-popup {
    width: 50%;
    display: flex;
    padding-right: 30px;
    justify-content: space-between;
}

.lessons_list {
    display: flex;
    flex-wrap: wrap;
}

.lessons_list .lesson {
    display: flex;
    flex: 0 0 24%;
    padding: 10px;
    border: 1px solid #e4e4e4;
    margin-right: 1%;
    flex-direction: column;
}

.lessons_list .lesson .name {
    display: block;
    width: 100%;
    font-size: 14px;
}

.modal-open .modal {
    overflow: hidden !important;
}

.modal-body {
    overflow: auto;
}

#explicitlySelectedHelp {
    position: relative;
}


/* LIKES */

div.like {
    position: relative;
    background-image: url(../images/web_like.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 2900%;
    height: 35px;
    width: 50px;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 6;
}

div.like-block {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

div.like-block span.count {
    display: block;
    margin-left: -8px;
}

div.view {
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.like.isAnimation {
    background-position: right;
}

div.like.isAnimation {
    animation-timing-function: steps(28);
    animation-name: heart-burst;
    animation-duration: .8s;
    animation-iteration-count: 1;
}

@keyframes heart-burst {
    0% {
        background-position: left
    }
    100% {
        background-position: right
    }
}

.my-row .directionEntry {
    margin-top: 20px;
}

.singleLessonFooter {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.singleLessonFooter div.view {
    margin-left: 10px;
}

.singleLessonFooter div.view i {
    font-size: 18px;
    display: block;
}

.singleLessonFooter div.view span.count {
    display: block;
    margin-left: 8px;
}

.singleLessonFooter span.count {
    font-size: 10px;
}


/* #LIKES */


/* TOP MENU */

div.orange-line {
    border-top: 5px solid #fdd542;
}

div.top-nav {
    background: #d4300f;
}

div.top-nav ul.nav {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: center;
}

div.top-nav ul.nav:after,
div.top-nav ul.nav:before {
    content: none;
}

div.top-nav ul.nav li.nav-item {
    width: 100%;
}

div.top-nav ul.nav li.nav-item a.nav-link {
    text-align: center;
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, .2);
    font-weight: 600;
    padding: 15px;
}

div.top-nav ul.nav li.nav-item:last-child a.nav-link {
    border: inherit;
}

div.top-nav ul.nav li.nav-item.active a.nav-link {
    color: #000;
    background: #fdd542;
}

div.top-nav ul.nav li.nav-item a.nav-link:focus {
    background: transparent;
}

div.top-nav ul.nav li.nav-item a.nav-link:hover {
    color: rgba(0, 0, 0, .7);
    background: #fdd542;
}


/* #TOP MENU */

span.sb-category_title {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #000;
}

.inactiveLink {
    z-index: 7 !important;
}

.inactiveLink:after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    background-image: url(../images/32x32/lock-lesson.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 45px;
}

.inActive-block img,
.inActive-block .singleLessonImage {
    filter: grayscale(100%);
}

.default-group {
    margin-bottom: 15px;
    position: relative;
}

.default-group input,
.default-group textarea,
.default-group select {
    width: 100% !important;
    max-width: 100%;
    padding: 3.5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: none;
    min-height: 30px;
}

.default-group input::placeholder,
.default-group textarea::placeholder {
    color: inherit;
}

.default-title {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    padding: 4px 10px;
    display: block;
    background: #f4f8f9;
    margin-bottom: 15px;
    border-radius: 4px;
    position: relative;
}

.default-title a {
    position: absolute;
    right: 0;
    background: #d4300f;
    padding: 4px 10px;
    top: 0;
    color: #fff;
    transition: 0.3s;
}

.default-title a:hover,
.default-title a:focus {
    color: #fff;
    opacity: 0.8;
}

.default-group .vbb-block {
    position: relative;
    margin-bottom: 15px;
}

.default-group .vbb-block:nth-of-type(1) {
    margin-top: 15px;
}

#autocomplete_curator_workingout+.vbb-block {
    margin-top: 15px;
}

.default_file {
    color: #fff;
    background-color: #313131;
}

.default-group span.vbb-delete,
.default-group span.add-input {
    position: absolute;
    right: 0;
    top: 0;
    height: 29px;
    background: #2ecc71;
    width: 29px;
    display: flex;
    justify-content: center;
    font-size: 18px;
    align-items: center;
    align-self: center;
    color: #fff;
    font-weight: bold;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    transition: 150ms;
}

.default-group .sprite16 {
    position: absolute;
    top: calc(50% - 8px);
    right: 10px;
}

.default_btn {
    outline: none;
    text-decoration: none;
    display: block;
    background: #d4300f;
    color: #fff;
    border: none;
    padding: 3px 10px;
}

.default_btn:hover {
    background: #ff3e17;
}

.__orange {
    background: orange;
}

.__orange:hover {
    background: #d28903;
}

.__blue {
    background: #0095ff;
}

.__blue:hover {
    background: #0481da;
}

.__success {
    background: green;
}

.default-group span.vbb-delete {
    background: #e74a25;
}


/* CUSTOM RADIO */

.custom-container {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
}

.custom-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.radio-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #d4300f;
    border-radius: 50%;
}

.custom-container:hover input~.radio-checkmark {
    background-color: #fdd542;
}

.custom-container input:checked~.radio-checkmark {
    background-color: #d4300f;
}

.radio-checkmark::after {
    content: "";
    position: absolute;
    display: none;
}

.custom-container input:checked~.radio-checkmark:after {
    display: block;
}

.custom-container .radio-checkmark::after {
    top: calc(50% - 4px);
    left: calc(50% - 4px);
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: white;
}

.default_print_form.candidates_event tbody,
.default_print_form.candidates_event table,
.default_print_form input {
    width: 100%;
}

.default_print_form.candidates_event tbody,
.default_print_form.candidates_event table,
.default_print_form.candidates_event table tr {
    display: block;
    width: 100%;
}

.default_print_form.candidates_event table tr:nth-of-type(2) {
    display: block;
}

.default_print_form.candidates_event table tr:nth-last-child(2),
.default_print_form.candidates_event table tr:nth-last-child(5) {
    display: block;
}

.default_print_form.candidates_event table tr:nth-last-child(4) {
    display: none;
}

.default_print_form.candidates_event table tr:nth-last-child(3) {
    position: absolute;
}

.default_print_form.candidates_event table td {
    padding: 0;
    width: 100%;
    text-align: left;
    display: block;
}

.default_print_form.candidates_event table td.elementCell {
    margin-bottom: 10px;
}

.default_print_form.candidates_event table td.elementCell input[type="checkbox"],
.default_print_form.candidates_event table td.elementCell input[type="radio"] {
    width: 22px;
    box-shadow: none;
    border: none;
}


/* #CUSTOM RADIO */

@media screen and (max-width: 768px) {
    div.top-nav ul.nav {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
}

@media screen and (min-width: 992px) {
    .my-row {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
    }
}

.label-input-top+input,
.label-input-top+select,
.label-input-top+textarea {
    padding-top: 15px;
}

.default-group .label-input-top~span.add-input {
    height: 40.5px;
}

.label-input-top {
    position: absolute;
    top: -10px;
    color: #000;
    left: 5px;
    background: #fff;
    z-index: 2;
    padding: 0 10px 0 3px;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    max-width: 80%;
    text-overflow: ellipsis;
}

.default_input_frozen {
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 13px 0 5px 10px;
    border-radius: 4px;
}

.default-item-list {
    padding: 0 8px;
    margin-right: 5px;
    display: inline-block;
    background: #969191;
    color: #fff;
    margin-bottom: 5px;
}

.default-info {
    font-size: 12px;
}

.default-nav {
    display: inline-block;
    margin: 0 15px;
}

.default-nav span.def-nav {
    display: inline-block;
    padding: 4px 8px !important;
    border: 1px solid lightgray !important;
    border-radius: 3px;
    margin: 0;
    cursor: pointer;
    background: #f4f8f9;
    color: #757575;
    transition: 150ms;
}

.default-nav span.def-nav.active,
.default-nav span.def-nav:hover {
    background: #fdd542;
    color: #000;
}


/*----------freeze-form----------*/

.no-change {
    width: 100% !important;
    max-width: 100%;
    padding: 3.5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: none;
    padding-top: 15px;
}

.no-change .custom-container {
    padding-left: 0;
}

.no-change .custom-container .radio-checkmark {
    display: none;
}

.default-overflow-block {
    max-height: 200px;
    overflow: auto;
    font-size: 12px;
    border-top: 1px solid #a3a3a3;
    margin-top: 5px;
    padding-top: 5px;
}


/*----------#freeze-form----------*/

#op-bg-import-candidate-button {
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
}

#op-bg-import-candidate-preloader {
    z-index: 2;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
}

.breadcrumbs {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    font-size: 1em;
}

.breadcrumbs a.titleLink:hover,
.breadcrumbs a.titleLink:last-child {
    text-decoration: underline;
}

.HH-Employer-ResumeAdditionals-Trigger {
    display: none;
}

.resume-search-item__content-wrapper {
    margin-bottom: 15px;
    padding: 15px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 3px;
    border: 1px solid #ccc;
    min-height: 105px;
}

#resumes .resume-search-item__content-wrapper:last-child {
    margin-bottom: 5px;
}

.output__addition {
    font-size: 12px;
    color: #696969;
}

.resume-search-item__content-layout {
    position: relative;
}

.resume-search-item__content {
    width: 80%;
}

.resume-search-item__additionals {
    position: absolute;
    right: 0;
    width: 75px;
    height: 75px;
    top: 0;
}

.bloko-gap.bloko-gap_left {
    width: 75px;
    height: 75px;
}

.resume-userpic {
    width: 75px;
    height: 75px;
    overflow: hidden;
    border-radius: 3px;
    background: #efefef;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    align-self: center;
}

a.HH-Bloko-PopupSwitcher-Switcher {
    display: block;
    width: 100%;
    height: 100%;
}

img.resume-userpic__photo.noprint {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.g-hidden.HH-Bloko-PopupSwitcher-Popup {
    display: none;
}

.resume-search-item__header {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 8px;
    flex-direction: column;
}

.resume-search-item__description-title {
    /* font-weight: bold; */
    margin-bottom: 8px;
    font-size: 12px;
    color: #8e8e8e;
}

.resume-search-item__description-content {
    margin-bottom: 15px;
    font-size: 14px;
}

.resume-search-item__description-title {
    /* font-weight: bold; */
    margin-bottom: 8px;
    font-size: 12px;
    color: #8e8e8e;
}

.resume-search-item__description-content {
    margin-bottom: 15px;
    font-size: 14px;
}

.bloko-toggle.HH-Employer-VacancyResponse-Topic-ExperienceTrigger {
    display: none;
}

span.resume-search-item__company-name {
    font-weight: bold;
}

a.resume-search-item__name.HH-VisitedResume-Href.HH-LinkModifier {
    text-decoration: none;
    color: #2471d4;
    font-size: 18px;
}

.resume-search-item__fullname {
    /* margin-left: 30px; */
    font-size: 16px;
    font-size: 14px;
    /* margin-top: 8px; */
}

.resume-search-item__compensation {
    /* margin-left: 30px; */
    font-weight: bold;
}

.__alert {
    display: block;
    width: 100%;
    border-radius: 3px;
    margin-bottom: 15px;
    padding: 6px 15px;
    background: #fdd542;
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.__alert.success {
    background: #6ae26a;
}

.__alert.error {
    color: #ffffff;
    background: #d4300f;
}

.refresh {
    display: inline-block;
    background: #29a3d2;
    padding: 8px 20px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    transition: 350ms ease;
}

.refresh:hover {
    background: #1e7b9e;
}

span.bloko-button-group span.bloko-button,
a.bloko-button {
    background: #d4300f;
    min-width: 25px;
    height: 25px;
    display: inline-flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-radius: 3px;
    border: 1px solid #cccccc;
    color: #fff;
    margin: 0 .5px;
    cursor: pointer;
    padding: 0 7px;
}

span.bloko-button-group span.bloko-button {
    background: #fdd542;
    color: #313131;
}

a.bloko-button:focus {
    color: #fff;
}

a.bloko-button:hover {
    background: #fdd542;
    color: #000 !important;
}

span.bloko-form-spacer {
    display: inline-block;
    width: 0px;
    height: 25px;
    margin: 0 .5px;
}

.hh-import {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
    margin-bottom: 10px;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    background: #31808e;
}

.hh-import:hover {
    background: #1d4e56;
}

.HH-Resume-Contacts-Contact button {
    display: none;
}

.HH-Resume-Contacts-PhoneNumber {
    position: relative;
    color: #ffffff;
}

.HH-Resume-Contacts-PhoneNumber:after {
    content: attr(data-phone);
    position: absolute;
    bottom: 0;
    color: #8d9498;
    left: 0;
    width: 200px;
}

.HH-Resume-Contacts-PhoneNumber::before {
    content: '';
    position: absolute;
}

a.default__link {
    font-size: 14px;
    text-decoration: none;
    color: #4a4a4a;
}

a.default__link:hover {
    color: #313131;
}

.default_btn.pp {
    background: #384a80;
    display: inline-block;
    color: #fff;
    margin: 5px 0 15px 0;
}

.user__info {
    margin-bottom: 15px;
    margin-top: 10px;
}

.user__info .user__thumbnail {
    background: #fff5cf;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    height: 140px;
}

.user__info .user__thumbnail img {
    width: auto;
    height: auto;
    object-fit: contain;
}

.user__info .user__content {
    background: #fff5cf;
    padding: 4px 10px;
}

.user__info .col-md-2 {
    padding-right: 7.5px;
}

.user__info .col-md-10 {
    padding-left: 7.5px;
}

.user__info .user__content span {
    display: block;
    color: #000;
    margin-bottom: 8px;
    font-size: 14px;
}

.user__info .user__content span a.send__message {
    text-transform: lowercase;
    color: #c300c3;
}

.gradient--score {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 52%), linear-gradient(-45deg, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 52%);
    background-size: .65em .65em;
    color: #000;
}

.score--red {
    background-color: #ff8585;
}

.score--orange {
    background-color: #ffdd62;
}

.score--normal {
    background-color: #ffaa2a;
}

.score--green {
    background-color: #3de43d;
}

tr.custom--border {
    border: none;
}

tr.custom--border td {
    border: 1px solid #eef2f4;
}

tr.custom--border td:last-child {
    border-right: none;
}

body.modal-open div.modal-backdrop {
    display: block !important;
}

div.members__list div.user {
    background: #fafafa;
    color: #333;
    margin-bottom: 30px;
    padding: 15px 25px;
    border: 1px solid #d8d8d8;
    position: relative;
    transition: 150ms;
}

div.members__list div.user a.link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

div.members__list div.user:hover div.u-thumbnail,
div.members__list div.user:hover {
    border: 1px solid #3aadff;
}

div.members__list div.user b {
    font-weight: bold;
}

div.members__list div.user span.text {
    display: block;
    margin-bottom: 8px;
}

div.one__member div.user div.u-thumbnail,
div.members__list div.user div.u-thumbnail {
    width: 150px;
    height: 150px;
    transition: 150ms;
    margin: auto;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #d4300f;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    border-radius: 100px;
    overflow: hidden;
}

div.members__list div.user div.fio {
    margin-bottom: 20px;
}

div.members__list div.user div.fio span {
    font-weight: bold;
    display: block;
}

div.members__list div.user div.statistics {
    margin-top: 25px;
}

div.members__list div.user div.statistics div.stat {
    margin-bottom: 10px;
}

div.members__list div.user div.statistics div.stat span.text {
    margin-bottom: 0;
}

div.members__list div.user div.statistics div.stat div.gradient--score {
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    height: 30px;
}

div.one__member {
    margin-top: 15px;
    color: #000;
}

div.one__member b {
    font-weight: bold;
}

div.one__member div.user div.fio span.name {
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

div.one__member div.user div.u-info span {
    display: block;
    margin-bottom: 5px;
}

form#curator_group_filter_form {
    display: flex;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

form#curator_group_filter_form div.filter-item {
    position: relative;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
}

form#curator_group_filter_form div.filter-item>span {
    position: absolute;
    bottom: 100%;
    left: 0;
    color: #000;
}

form#curator_group_filter_form div.filter-item select {
    border-radius: 0;
    margin-top: 5px;
    max-width: 220px;
}

form#curator_group_filter_form input[type="submit"] {
    margin-top: 35px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0 20px;
    background: #00bbd9;
    color: #fff;
    border: 1px solid transparent;
}

form#curator_group_filter_form input[type="submit"]:hover {
    background: #0283cc;
}

select {
    max-width: 100%;
}

img {
    max-width: 100%;
}

.modal ul.tabbernav {
    display: flex;
    overflow-x: scroll;
}

.modal ul.tabbernav li a {
    display: flex;
    text-align: center;
    height: 100%;
    align-items: center;
    white-space: nowrap;
    padding-bottom: 8px;
}

.user-profile .profile-image .prof-img-block img {
    object-fit: cover;
}

.directionEntry {
    margin: 20px 0;
}

.singleLessonView {
    margin: 0;
    height: 100%;
}

#signup_register_personal_form .error {
    color: red;
}

@media screen and (max-width: 1200px) {
    iframe {
        max-width: 100%;
    }
}

@media screen and (max-width: 900px) {
    img {
        height: auto;
    }
}

@media screen and (max-width: 600px) {
    .smallHeader {
        white-space: normal;
    }
    .sortTablefilter {
        width: auto;
    }
    .nextUnitHandle,
    .previousUnitHandle {
        display: none;
    }
    table.navigationTable td.completeUnitHandle {
        width: 20%;
    }
    iframe {
        height: 300px !important;
    }
    ul.tabbernav {
        display: flex;
        overflow-x: scroll;
    }
    ul.tabbernav li a {
        display: flex;
        text-align: center;
        height: 100%;
        align-items: center;
        /* white-space: nowrap; */
        padding-bottom: 8px;
    }
    div.block .toolbar {
        overflow-x: scroll;
        white-space: nowrap;
    }
    #\%D0\%9A\%D0\%B0\%D0\%BB\%D0\%B5\%D0\%BD\%D0\%B4\%D0\%B0\%D1\%80\%D1\%8C_content>table>tbody>tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .prof-contr-pan {
        margin-bottom: 20px;
    }
    div.block .title {
        font-size: 1.5rem;
    }
    div.block .title::after {
        margin-top: 10px;
    }
    .sortedTable,
    .tabbertab div.block .content,
    #create_form {
        display: block;
        overflow-x: scroll;
    }
    #loading_planningTable {
        width: 100% !important;
        height: 64px !important;
        left: 0 !important;
    }
    div.loading div {
        position: static !important;
    }
    .tabberlive {
        overflow-x: hidden;
    }
    .statisticsGeneralInfo>tbody>tr>td {
        display: block;
        text-align: center;
    }
    .statisticsGeneralInfo>tbody>tr>td>table {
        font-size: 12px;
    }
    table.statisticsGeneralInfo #userAvatar {
        width: 100%;
        margin-bottom: 10px;
    }
    #from_Year,
    #to_Year {
        margin-right: 33px;
        margin-bottom: 5px;
    }
    .nav-pills>li {
        float: none;
    }
    .my-nav ul.nav {
        overflow-x: scroll;
        display: flex;
        align-items: center;
        text-align: center;
        white-space: normal;
        font-size: 12px;
    }
    .modal {
        max-width: 100%;
        padding: 15px;
    }
    #edit_template,
    #BBB_server_entry_form,
    table.uploadBox {
        display: block;
        overflow-x: scroll;
    }
    .prototip {
        display: none !important;
    }
    .formElements,
    .formElements tbody,
    .formElements td,
    .statisticsSelectList,
    .statisticsSelectList tbody,
    .statisticsSelectList td,
    .iconTable,
    .iconTable tbody,
    .iconTable td {
        display: block;
        max-width: 100%;
    }
    .formElements tr,
    .statisticsSelectList tr,
    .iconTable tr {
        display: flex;
        flex-wrap: wrap;
        margin: 10px 0;
        max-width: 100%;
    }
    .formElements td,
    .statisticsSelectList td {
        display: flex;
        flex-wrap: wrap;
        text-align: left;
        width: 100%;
        padding-left: 0;
        white-space: normal;
    }
    div.block table.iconTable td.iconData {
        width: 100% !important;
        margin: 20px 0;
    }
    input.autoCompleteTextBox {
        width: 100%;
    }
    .statisticsSelectList .infoCell {
        font-size: 12px;
    }
    #statsFiltersHidden .filter input {
        display: block;
        width: 100%;
    }
    .inputText,
    .inputText_QuestionChoice,
    table.contentArea td#sideColumn,
    #select_avatar {
        width: 100%;
        display: block;
    }
    .inputText+.formRequired {
        display: inline-block;
    }
    .inputText {
        width: calc(100% - 19px);
    }
    .formElements td.infoCell {
        margin: 0 auto;
    }
    ul.tabbernav li.tabberactive a,
    ul.tabbernav li a {
        font-size: 12px;
        font-weight: 700;
    }
    .toolbar span a {
        font-size: 12px;
    }
    .category-name-in-list {
        font-size: 1.1em;
    }
    .singleLessonImage {
        height: 150px;
        background-size: contain !important;
    }
    .singleLessonView .singleLessonLink {
        height: auto !important;
        padding-bottom: 10px;
    }
    .singleLessonProgress>div.lessonProgress {
        width: auto;
    }
    .singleLessonProgress {
        text-align: center;
        padding: 0 35px 0 10px;
    }
    .directionEntry {
        width: 100%;
    }
    .ll-link-span {
        font-size: 0.9em;
    }
    .lessons_list {
        justify-content: space-between;
    }
    div.loading {
        left: 0 !important;
        width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-filter,
    .default-nav {
        margin: 10px 0 !important;
    }
    .default-item-list {
        display: block;
        text-align: center;
    }
    #group_filter {
        margin-top: 20px;
    }
    .unsolvedQuestion.multipleOneQuestion td {
        display: block;
    }
    #\%D0\%A4\%D0\%B0\%D0\%B9\%D0\%BB\%D0\%BE\%D0\%B2\%D1\%8B\%D0\%B9\+\%D0\%BC\%D0\%B5\%D0\%BD\%D0\%B5\%D0\%B4\%D0\%B6\%D0\%B5\%D1\%80_content,
    #upload_ims_form {
        width: 100%;
        display: block;
        overflow-x: scroll;
    }
}