BODY {
    Margin: 0px;
    Padding: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: #09223C;
    background-repeat: no-repeat;
    background-color: #ffffff;
	height: 100%;
}

#content {
    padding-left: 60px;
}

TABLE, TR, TD {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1rem;
    text-align: left;
    vertical-align: middle;
    padding: 5px;
}

.containerTableStyle TD {
    padding: 0px;
}

#copyPopUp TD,
#deletePopUp TD,
#popUpBoxModal TD,
#popUpBox TD,
#errorPopUp TD,
#optionsPopUp TD,
#scormPopUp TD,
#confirmPopUp TD {
    padding: 0px;
}

.modal textarea {
    min-height: 10em;
}

TABLE.liste {
    border-collapse: collapse;
    Border-Style: solid;
    border-top: #e1e1e1 solid 0px;
    border-bottom: #e1e1e1 solid 0px;
    border-right: #e1e1e1 solid 0px;
    border-left: #e1e1e1 solid 0px;
}

TR.liste {
    vertical-align: bottom;
}

TR.listeheader {
    vertical-align: bottom;
    background-color: #e1e1e1;
}

TD.liste {
    border: #FFFFFF solid 0px;
    Margin: 0px;
    Padding: 4px;
}

TABLE.coursestructure_linkholder {
    border-top: #FFFFFF solid 0px;
    border-bottom: #FFFFFF solid 0px;
    border-right: #FFFFFF solid 0px;
    border-left: #FFFFFF solid 0px;
    Margin: 0px;
    Padding: 0px;
}

TD.coursestructure_linkholder_image {
    vertical-align: top;
}

TD.coursestructure_linkholder_link {
    vertical-align: top;
}

TD.coursestructure_holder {
    width: 500px;
}

TABLE.coursestructure {
    width: 100%;
    border: #FFFFFF solid 0px;
    vertical-align: middle;
    Margin: 0px;
    Padding: 0px;
    border-collapse: collapse;
    Border-Style: solid;
}

TD.coursestructure_block {
    height: 15px;
    width: 300px;
    font-size: 0.92rem;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    border-top: #FFFFFF solid 0px;
    border-bottom: #FFFFFF solid 0px;
    border-right: #FFFFFF solid 0px;
    border-left: #FFFFFF solid 0px;
    Margin: 0px;
    Padding: 0px;
}

TD.coursestructure_link {
    height: 15px;
    width: 300px;
    vertical-align: middle;
    font-size: 0.92rem;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    border-top: #FFFFFF solid 0px;
    border-bottom: #FFFFFF solid 0px;
    border-right: #FFFFFF solid 0px;
    border-left: #FFFFFF solid 0px;
    Margin: 0px;
    Padding: 0px;
}

TD.coursestructure_progress_block {
    height: 15px;
    width: 160px;
    vertical-align: middle;
    font-size: 0.92rem;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    border-top: #FFFFFF solid 0px;
    border-bottom: #FFFFFF solid 0px;
    border-right: #FFFFFF solid 0px;
    border-left: #FFFFFF solid 0px;
    Margin: 0px;
    Padding: 0px;
}

TD.coursestructure_progress_link {
    height: 15px;
    width: 160px;
    vertical-align: middle;
    font-size: 0.92rem;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    border-top: #FFFFFF solid 0px;
    border-bottom: #FFFFFF solid 0px;
    border-right: #FFFFFF solid 0px;
    border-left: #FFFFFF solid 0px;
    Margin: 0px;
    Padding: 0px;
}

table.coursecontentstructure {
    width: 100%;
    border: #e1e1e1 solid 0px;
    vertical-align: middle;
    Margin: 0px;
    Padding: 0px;
    border-collapse: collapse;
    Border-Style: solid;
}

Tr.coursestructure_isexpired {
    background: #e1e1e1;
}

TD.coursestructure_open {
    margin: 0px;
    padding: 0px;
}

.hiddenText label {
    display: none;
}

.coursestructure_expiry {
    position: absolute;
    float: right;
    width: 100px;
    top: 16px;
    right: 10px;
}

.coursestructure_icon_spacer {
    height: 1px;
    width: 4px;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}

.coursedescription_link {
    text-decoration: none;
    font-size: 1.16rem;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: Black;
}

.coursedescription_link_deactivated {
    text-decoration: none;
    font-size: 1.16rem;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #666666;
}

.coursedescription_link_pad {
    text-decoration: none;
    font-size: 2rem;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: Black;
}

.coursedescription_link_deactivated_pad {
    text-decoration: none;
    font-size: 2rem;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #666666;
}

.coursedescription_link_phone {
    text-decoration: none;
    font-size: 3rem;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: Black;
}

.coursedescription_link_deactivated_phone {
    text-decoration: none;
    font-size: 3rem;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #666666;
}

TD.coursestructure_icon {
    width: 23px;
    margin: 0px;
    padding: 0px;
}

img.coursestructure_icon {
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
    margin-right: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    width: 67px;
    height: 45px;
}

img.coursestructure_icon_in_management {
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
    margin-right: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
}

TD.coursestructure_item {
    width: auto;
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
}

TD.coursestructure_subblock {
    width: auto;
    margin: 0px;
    padding: 0px;
}


TD.coursestructure_item img {
    vertical-align: middle;
}

TD.coursestructure_results {
    width: 200px;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}

TD.coursestructure_expiry {
    /*width: 120px; 
    vertical-align: middle;
    margin: 0px;
    padding: 0px;*/
}

TABLE.coursestructure_library {
    border: #FFFFFF solid 0px;
    width: 500px;
    Margin: 0px;
    Padding: 0px;
}

TABLE.coursestructure_commitments {
    border: #FFFFFF solid 0px;
    width: 500px;
    Margin: 0px;
    Padding: 0px;
}

TABLE.coursestructure_bibliothek {
    width: 500px;
    border-top: #FFFFFF solid 0px;
    border-bottom: #FFFFFF solid 0px;
    border-right: #FFFFFF solid 0px;
    border-left: #FFFFFF solid 0px;
    Margin: 0px;
    Padding: 0px;
}

TABLE.coursestructure_handlungsanweisung {
    border: #FFFFFF solid 0px;
    width: 500px;
    Margin: 0px;
    Padding: 0px;
}

TABLE.coursedescription {
    border-top: #FFFFFF solid 0px;
    border-bottom: #FFFFFF solid 0px;
    border-right: #FFFFFF solid 0px;
    border-left: #FFFFFF solid 0px;
    Margin: 0px;
    Padding: 0px;
}

TR.coursedescription_row_title {
    height: 50px;
}

TR.coursedescription_row_description {
    height: 200px;
}

TR.coursedescription_row_launch {
    height: 30px;
}

TD.coursedescription_title {
    width: 100px;
    font-size: 0.92rem;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    border-top: #FFFFFF solid 0px;
    border-bottom: #FFFFFF solid 0px;
    border-right: #FFFFFF solid 0px;
    border-left: #FFFFFF solid 0px;
    Margin: 0px;
    Padding: 0px;
}

TD.coursedescription_description {
    width: 100px;
    font-size: 0.92rem;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    border-top: #FFFFFF solid 0px;
    border-bottom: #FFFFFF solid 0px;
    border-right: #FFFFFF solid 0px;
    border-left: #FFFFFF solid 0px;
    Margin: 0px;
    Padding: 0px;
}

TD.coursedescription_launch {
    width: 100px;
    font-size: 0.92rem;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    border-top: #FFFFFF solid 0px;
    border-bottom: #FFFFFF solid 0px;
    border-right: #FFFFFF solid 0px;
    border-left: #FFFFFF solid 0px;
    Margin: 0px;
    Padding: 0px;
}

TD.coursedescription_title_body {
    width: 100%;
}

TD.coursedescription_description_body {
    width: 100%;
}


TD.coursedescription_launch_body {
    width: 100%;
}

TD.listeMiddle {
    border-top: #FFFFFF solid 0px;
    border-bottom: #FFFFFF solid 0px;
    border-right: #FFFFFF solid 0px;
    border-left: #FFFFFF solid 0px;
    Border-Style: solid;
    Margin: 0px;
    vertical-align: middle;
    Padding: 5px;
}

.progress {
    background-color: transparent !important;
}

TD.progressbar_small {
    background-color: transparent;
    Border-Color: #FF9933;
    Border-Width: 1px;
    Border-Style: solid;
    Margin: 0px;
    Padding: 0px;
    Width: 100px;
}

TD.progressbar_big {
    background-color: transparent;
    border: #FF9933 1px solid;
    Margin: 0px;
    Padding: 0px;
    Width: 150px;
}

TD.progressbar_huge {
    background-color: transparent;
    border: #FF9933 1px solid;
    Margin: 0px;
    Padding: 0px;
    Width: 200px;
}

TD.progress {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

TD.progressPercentBig {
    vertical-align: middle;
    text-align: right;
}

TD.progressTableTitle {
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 0.92rem;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}

TABLE.loginsmall {
    border-top: #FFFFFF solid 1px;
    border-bottom: #FFFFFF solid 1px;
    border-right: #FFFFFF solid 1px;
    border-left: #FFFFFF solid 1px;
    Border-Style: none;
    Margin: 2px;
    Padding: 2px;
    width: 250px;
}

input.button_tasklist {
    color: #000000;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    background-color: #F0F0F0;
    /*width: 150px;*/
    width: 90px;
}

/* SD ---------------------- */
input.button_tasklist_Disabled {
    color: #c0c0c0;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    background-color: #F0F0F0;
    border-bottom-color: #c0c0c0;
    border-right-color: #c0c0c0;
    width: 90px;
}
/*----------------------*/




input.button {
    color: #000000;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    background-color: #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/* SD ---------------------- */
input.buttonDisabled {
    color: #c0c0c0;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    background-color: #F0F0F0;
    border-bottom-color: #c0c0c0;
    border-right-color: #c0c0c0;
}
/*----------------------*/

input.colorBtnOver {
    color: #000000;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    background-color: #ecc2ff;
    cursor: pointer;
}

input.buttonnull {
    color: #000000;
    width: 204px;
    border-top: #A0A0A0 solid 1px;
    border-bottom: #A0A0A0 solid 1px;
    border-right: #A0A0A0 solid 1px;
    border-left: #A0A0A0 solid 1px;
    text-decoration: none;
    background-color: #F0F0F0;
}

input.buttonKatalog {
    color: #000000;
    width: 42px;
    border-top: #A0A0A0 solid 1px;
    border-bottom: #A0A0A0 solid 1px;
    border-right: #A0A0A0 solid 1px;
    border-left: #A0A0A0 solid 1px;
    text-decoration: none;
    background-color: #F0F0F0;
}


.dhx_toolbar_base_dhx_skyblue div.dhx_toolbar_btn .inp {
    height: 18px;
}

input.big2FA {
    width: 70px;
    height:30px;
}

input.texteditable {
    width: 400px;
}

input.textnoteditable {
    background-color: #e1e1e1;
    width: 400px;
}

input.texteditablebig {
    width: 500px;
}

input.texteditableverybig {
    width: 500px;
}

input.texteditablesmall {
    width: 100px;
}

input.texteditablenumbers {
    text-align: right;
    width: 80px;
}

input.textnoteditablenumbers {
    text-align: right;
    background-color: #fce6b7;
    width: 80px;
    background-color: #fce6b7;
}



input.texteditablenumbersleft {
    text-align: left;
    width: 120px;
}

input.textnoedit {
    background-color: #fce6b7;
    width: 400px;
}

input.textDisable {
    background-color: #CAC8BB;
    width: 400px;
}

input.texteditable2digit {
    margin-left: 0px;
    color: #000000;
    height: 19px;
    width: 25px;
    text-decoration: none;
    border-top: #263f49 solid 1px;
    border-bottom: #263f49 solid 1px;
    border-right: #263f49 solid 1px;
    border-left: #263f49 solid 1px;
}

input.texteditable4digit {
    margin-left: 0px;
    color: #000000;
    height: 19px;
    width: 50px;
    font-size: 21px;
    text-decoration: none;
    border-top: #263f49 solid 1px;
    border-bottom: #263f49 solid 1px;
    border-right: #263f49 solid 1px;
    border-left: #263f49 solid 1px;
}

input.zwischenspeicher {
    margin-left: 0px;
    color: #263f49;
    background-color: transparent;
    height: 19px;
    width: 300px;
    text-decoration: none;
    border-top: #263f49 solid 1px;
    border-bottom: #263f49 solid 1px;
    border-right: #263f49 solid 1px;
    border-left: #263f49 solid 1px;
}


select.select_small {
    width: 40px;
}


/* class applies to select element itself, not a wrapper element */
select {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 400px;
    max-width: 100%; /* useful when width is set to anything other than 100% */
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
        for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
        
    */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .7em top 50%, 0 0;
    /* icon size, then gradient */
    background-size: .65em auto, 100%;
}
    /* Hide arrow icon in IE browsers */
    select::-ms-expand {
        display: none;
    }
    /* Hover style */
    select:hover {
        border-color: #888;
    }
    /* Focus style */
    select:focus {
        border-color: #aaa;
        /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
        box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
        box-shadow: 0 0 0 3px -moz-mac-focusring;
        color: #222;
        outline: none;
    }

    /* Set options to normal weight */
    select option {
        font-weight: normal;
    }

    select.noImage {
        background-image: url(),linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    }

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] select, :root:lang(ar) select, :root:lang(iw) select {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
select:disabled, select[aria-disabled=true] {
    color: graytext;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

    select:disabled:hover, .select-css[aria-disabled=true] {
        border-color: #aaa;
    }


input.PUFeld {
    margin-left: 0px;
    color: #000000;
    background-color: #C2C1A7;
    height: 19px;
    width: 100px;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
    border-top: #263f49 solid 0px;
    border-bottom: #263f49 solid 0px;
    border-right: #263f49 solid 0px;
    border-left: #263f49 solid 0px;
}

textarea.textareaeditable {
    width: 400px;
    height: 100px;
    text-decoration: none;
    background-color: #d6e7fa;
    border-top: #263f49 solid 1px;
    border-bottom: #263f49 solid 1px;
    border-right: #263f49 solid 1px;
    border-left: #263f49 solid 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1rem;
}

textarea.textareanoteditable {
    width: 400px;
    height: 100px;
    text-decoration: none;
    background-color: #e1e1e1;
    border-top: #263f49 solid 1px;
    border-bottom: #263f49 solid 1px;
    border-right: #263f49 solid 1px;
    border-left: #263f49 solid 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1rem;
}

A:link:not(.btn) {
    color: #0A3E77;
    text-decoration: none;
    text-decoration: underline;
}

a.notunderline:link {
    color: #0A3E77;
    text-decoration: none;
}

span.notunderline a:link {
    color: #0A3E77;
    text-decoration: none;
}

A:active:not(.btn) {
    color: #0A3E77;
    text-decoration: none;
}

A:visited:not(.btn) {
    color: #0A3E77;
    text-decoration: none;
    text-decoration: underline;
}

.PageTitleBlueDesign a:not(:empty) { /*not is needed for Order*/
    color: #FFFFFF;
}

a.notunderline:visited {
    color: #0A3E77;
    text-decoration: none;
}

span.notunderline a:visited {
    color: #0A3E77;
    text-decoration: none;
}

A:hover {
    text-decoration: none;
}

.titel {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: transparent;
    font-size: 16pt;
}

.textunderline {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: underline;
}

.optioneditable {
    font-size: 12pt;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.pageborder {
    border-top: #B5BFC9 solid 0px;
    border-bottom: #B5BFC9 solid 0px;
    border-right: #B5BFC9 solid 0px;
    border-left: #B5BFC9 solid 0px;
    width: 100%;
    height: 100%;
    Margin: 0px;
    Padding: 0px;
    overflow: hidden;
}

.ContainerSpacer {
    position: relative;
    display: block;
    height: 10px;
    width: 1000px;
    background-color: Aqua;
}

.TopMenu {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    position: absolute;
    right: 10px;
    top: 5px;
    float: right;
    font-size: 8pt;
    z-index: 3;
    color: #555555;
    background-color: transparent;
}

.PoweredBy {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    position: absolute;
    right: 10px;
    top: 16px;
    float: right;
    font-size: 8pt;
    z-index: 3;
    color: #555555;
    background-color: transparent;
}


.MenuLayer {
    position: absolute;
    top: 75px;
    left: 0px;
    width: 250px;
    Margin: 0px;
    Padding: 0px;
    background-color: transparent;
    overflow: hidden;
}


.ContentLayer {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    position: relative;
    top: 0px;
    left: 20px;
    width: 1110px;
    font-size: 1.08rem;
    background-color: transparent;
    overflow: visible;
}

.MenuTD {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    Margin: 0px;
    Padding: 0px;
    font-size: 1.08rem;
    background-color: #e1e1e1;
}

.ContentTable {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 15pt;
    color: #000000;
    border-top: #A0A0A0 solid 0px;
    border-right: #A0A0A0 solid 0px;
    border-left: #A0A0A0 solid 0px;
}


.topbar {
    background-color: #FFFFFF;
}

.help_search {
    vertical-align: bottom;
    Margin: 0px;
    Padding: 5px;
}

.topbar_help_title {
    border-top: #FFFFFF solid 0px;
    border-bottom: #FFFFFF solid 0px;
    border-right: #FFFFFF solid 0px;
    border-left: #FFFFFF solid 0px;
    vertical-align: bottom;
    text-align: right;
    Margin: 0px;
    Padding: 15px;
}

.navbar {
    background-color: #FFFFFF;
    border-top: #B5BFC9 solid 0px;
    border-bottom: #B5BFC9 solid 0px;
    border-right: #B5BFC9 solid 1px;
    border-left: #B5BFC9 solid 0px;
    Margin: 0px;
    Padding: 5px;
}

.navbarext {
    background-color: #263f49;
    border-top: #FFFFFF solid 0px;
    border-bottom: #FFFFFF solid 0px;
    border-right: #FFFFFF solid 0px;
    border-left: #FFFFFF solid 0px;
    Margin: 0px;
    Padding: 5px;
}

.mainbar {
    background-color: transparent;
    border-top: #B5BFC9 solid 0px;
    border-bottom: #B5BFC9 solid 0px;
    border-right: #B5BFC9 solid 0px;
    border-left: #B5BFC9 solid 0px;
    Margin: 0px;
    Padding: 5px;
}

.mainbarLargeFont {
    font-size: 16px;
    font-weight: bold;
    background-color: transparent;
    border-top: #B5BFC9 solid 0px;
    border-bottom: #B5BFC9 solid 0px;
    border-right: #B5BFC9 solid 0px;
    border-left: #B5BFC9 solid 0px;
    Margin: 0px;
    Padding: 5px;
}


.forgotpassword {
    background-color: transparent;
    border-top: #B5BFC9 solid 0px;
    border-bottom: #B5BFC9 solid 0px;
    border-right: #B5BFC9 solid 0px;
    border-left: #B5BFC9 solid 0px;
    Padding: 5px;
}

.Menu {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.08rem;
    color: #ffffff;
    cursor: pointer;
}

.MenuOver {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.08rem;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
}

.SubMenu {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.08rem;
    color: #ffffff;
    cursor: pointer;
}

.titelblau {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #005ead;
    font-weight: bold;
    font-size: 12pt;
    background-color: transparent;
}

.WarningMessage {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #FF0000;
    font-weight: normal;
    background-color: transparent;
}

.SuccessMessage {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #339933;
    font-weight: normal;
    background-color: transparent;
}


.LoggedinText {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000000;
    font-weight: normal;
    font-size: 1.08rem;
    height: 100%;
}

.Unavailable {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-style: italic;
    font-size: 9pt;
    background-color: transparent;
}

.BookOffering {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000080;
    font-weight: bold;
    font-size: 10pt;
    background-color: transparent;
}

.DynLogo {
    position: absolute;
    left: 0px;
    top: 35px;
    width: 211px;
    height: 72px;
    border-top: #000000 solid 0px;
    border-bottom: #000000 solid 0px;
    border-right: #000000 solid 0px;
    border-left: #000000 solid 0px;
    Margin: 0px;
    Padding: 0px;
    z-index: 0;
}

.language a {
    color: #000000;
}

    .language a:link {
        color: #000000;
    }

    .language a:active {
        color: #000000;
    }

    .language a:visited {
        color: #000000;
    }

.TopMenuPipe {
    color: #000000;
}


/* Used for the description of the elements on the taskbars*/
div.coursedescription {
    position: relative;
    border: red solid 0px;
}

    div.coursedescription a {
        color: #0A3E77;
    }

        div.coursedescription a div {
            display: none;
        }

        div.coursedescription a:link {
            color: #0A3E77;
        }

        div.coursedescription a:active {
            color: #0A3E77;
        }

        div.coursedescription a:visited {
            color: #0A3E77;
        }

        div.coursedescription a:hover {
            background: none;
            background-color: #e1e1e1;
        }

            div.coursedescription a:hover div {
                border: #000000 solid 1px;
                display: block;
                position: absolute;
                background: #DDE2E8;
                line-height: 16px;
                color: #000000;
                padding: 5px;
                width: 300px;
                left: 500px;
                top: 20px;
            }

/* Used for the description of the elements on the taskbars*/
span.coursedescription {
    position: relative;
    border: red solid 0px;
}

    span.coursedescription a {
        color: #0A3E77;
    }

        span.coursedescription a div {
            display: none;
        }

        span.coursedescription a:link {
            color: #0A3E77;
        }

        span.coursedescription a:active {
            color: #0A3E77;
        }

        span.coursedescription a:visited {
            color: #0A3E77;
        }

        span.coursedescription a:hover {
            background: none;
            /*background-color: #e1e1e1;*/
        }

            span.coursedescription a:hover div {
                border: #c0c0c0 solid 1px;
                /*border-left-width:0px;*/
                display: block;
                position: absolute;
                background: #e2efff;
                line-height: 16px;
                color: #000000;
                padding: 5px;
                width: 80%;
                height: 50px;
                overflow: visible;
                /*left: 290px;*/
                right: 66px;
                top: -1px;
                white-space: normal;
            }

.descriptionDiv {
    width: 400px;
    min-height: 80px;
    color: #000000;
    display: none;
    position: absolute;
    background-color: white;
    padding: 5px;
    border: #c0c0c0 solid 1px;
    z-index: 999999999;
    -moz-box-shadow: 3px 3px 4px #cccccc;
    -webkit-box-shadow: 3px 3px 4px #cccccc;
    box-shadow: 3px 3px 4px #cccccc;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
    pointer-events: none;
}

.SiteMapBack {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1rem;
    background-color: #dadada;
}

.benutzerverwaltung_liste_titel {
    font-weight: bold;
}

.benutzerverwaltung_liste {
    font-weight: bold;
    background-color: #A1A1A1;
}



.assessorRangeTitle {
    Margin: 0px;
    Padding: 0px;
    font-family: verdana, tahoma, Arial, Helvetica, sans-serif;
    color: #47484b;
    line-height: 1.6em;
    font-size: 1.5em;
    font-style: normal;
    font-weight: normal;
    padding-top: 0px;
}

.PageTitle {
    Margin: 0px;
    Padding: 0px;
    font-family: verdana, tahoma, Arial, Helvetica, sans-serif;
    color: #47484b;
    line-height: 1.2em;
    font-size: 1.5em;
    font-style: normal;
    font-weight: normal;
}

.PageSubTitleDynamic {
    Margin: 0px;
    Padding: 0px;
    font-family: verdana, tahoma, Arial, Helvetica, sans-serif;
    color: #47484b;
    line-height: 1.2em;
    font-style: normal;
    font-weight: normal;
}

.PageTitleBreak {
    border-top: #000000 solid 0px;
    border-bottom: #000000 solid 0px;
    border-right: #000000 solid 0px;
    border-left: #000000 solid 0px;
    Margin: 0px;
    Padding: 0px;
    width: 100%;
    height: 7px;
    font-size: 0px;
}

.PageSubTitle {
    background-color: transparent;
    Margin: 0px;
    Padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #09223C;
    font-size: 1.16rem;
    font-weight: bold;
}

.PageTitleBlueDesign {
    background-color: #263f49;
    Margin: 0px;
    Padding: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.16rem;
    height: 30px;
    font-weight: bold;
}

    .PageTitleBlueDesign a {
        color: #ffffff;
    }

    .PageTitleBlueDesign td {
        color: #ffffff;
    }


.SearchBarDesign {
    height: 30px;
    width: 1150px;
}

.PageSubTitleDashboard {
    background-color: transparent;
    Margin: 0px;
    Padding: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    display: block;
    width: 500px;
    background-color: #263f49;
    padding: 5px;
}

.tableDashboardTable {
    background-color: transparent;
    Margin: 0px;
    Padding: 3px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    width: 500px;
    height: 50px;
    border: 1px solid #263f49;
}

.tableContentPackage {
    background-color: transparent;
    Margin: 0px;
    Padding: 3px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    border: 1px solid #263f49;
}

.tableDynamicColor {
    background-color: transparent;
    Margin: 0px;
    Padding: 3px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    width: 100%;
    height: 50px;
}

.tableBlueDesign {
    background-color: transparent;
    Margin: 0px;
    Padding: 3px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    width: 50em;
}

    .tableBlueDesign tr {
        height: 25px;
    }

    .tableBlueDesign td {
        position: relative;
    }

    .tableBlueDesign .sumTableHeader {
        display: none
    }


.PageSubTitleContentPackage {
    background-color: transparent;
    Margin: 0px;
    Padding: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    display: block;
    width: 500px;
    background-color: #263f49;
}


.PageSubTitleDynamicColor {
    background-color: transparent;
    Margin: 0px;
    Padding: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    display: block;
    width: 100%;
    height: 100%;
}


div.tableDashboardChart {
    background-color: transparent;
    Margin: 0px;
    Padding: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    width: 500px;
    height: 250px;
    border: 1px solid #263f49;
}

.progressbar_small {
    background-color: #FFFFFF;
    border: #336699 1px solid;
    Margin: 0px;
    Padding: 0px;
    Width: 100px;
    height: 10px;
    /* Needed for spacer in IE */
    font-size: 1px;
}

.progressbar_small_pad {
    background-color: #FFFFFF;
    border: #336699 1px solid;
    Margin: 0px;
    Padding: 0px;
    Width: 50px;
    height: 3px;
    /* Needed for spacer in IE */
    font-size: 1px;
}

.progressbar_small_phone {
    background-color: #FFFFFF;
    border: #336699 1px solid;
    Margin: 0px;
    Padding: 0px;
    Width: 50px;
    height: 3px;
    /* Needed for spacer in IE */
    font-size: 1px;
}

input {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1rem;
    margin-left: 0px;
    color: #000000;
    height: 29px;
    text-decoration: none;
    border-top: #263f49 solid 2px;
    border-bottom: #263f49 solid 2px;
    border-right: #263f49 solid 2px;
    border-left: #263f49 solid 2px;
    padding: 5px;
    border-radius: 7px;
}

    input[type="file"] {
        height: 37px !important;
    }


A.HW:link {
    color: #ACACAC;
    text-decoration: none;
    background: transparent;
    text-decoration: underline;
}

A.HW:active {
    color: #ACACAC;
    text-decoration: none;
    background: #E1E1E1;
}

A.HW:visited {
    color: #ACACAC;
    text-decoration: none;
    background: transparent;
    text-decoration: underline;
}

A.HW:hover {
    text-decoration: none;
    background-color: transparent;
}

.PdfPopUP {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
}

.ImageSelectTD {
    text-align: center;
    width: 110px;
    height: 110px;
}

.ImageNameTD {
    width: 110px;
    background-color: Grey;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}

.Line {
    color: black;
}

TD.report_icon {
    height: 25px;
    width: 25px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

TD.report_title {
    height: 25px;
    width: 450px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
}

TD.report_link {
    text-decoration: underline;
    height: 25px;
    width: 450px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
}

TD.report_status {
    height: 25px;
    width: 100px;
    vertical-align: top;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

TD.report_expirydate {
    height: 25px;
    width: 150px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

TD.report_time {
    height: 25px;
    width: 150px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

TD.report_participants {
    height: 25px;
    width: 120px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

TD.report_questionparticipants {
    height: 20px;
    width: 200px;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}

.report_bgcolor1 {
    background-color: #DADADA;
}

.report_bgcolor2 {
    background-color: #FFFFFF;
}

.report_warningcolor {
    color: #FF6666;
}

.report_successcolor {
    color: #339933;
}

.StepRaparamImport {
    Margin: 0px;
    Padding: 0px;
    background-color: #B5BFC9;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #09223C;
    font-size: 1.16rem;
    font-weight: 600;
}

.StepTable {
    border: #97A0AB solid 1px;
}


.ImportTable {
    border: #97A0AB solid 1px;
}

DIV.TheElementMenu {
    background-color: #dadada;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    margin: 3px 3px 3px 3px;
    border-right: #888888 1px solid;
    border-top: #888888 1px solid;
    border-left: #888888 1px solid;
    border-bottom: #888888 1px solid;
    width: 230px;
    position: absolute;
    display: block;
    z-index: 99999;
}

a.TheElement {
    font-size: 10pt;
    color: black;
    font-family: Arial;
    font-weight: 200;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px 0px 0px 0px;
    border-right: #EEEEEE 0px solid;
    border-top: #EEEEEE 0px solid;
    border-left: #EEEEEE 0px solid;
    border-bottom: #EEEEEE 1px solid;
    text-decoration: none;
    background-color: #dadada;
    width: 100%;
    height: 20px;
    position: relative;
    display: block;
    vertical-align: middle;
}


    a.TheElement:hover {
        background-color: #EEEEEE;
    }

    a.TheElement:active {
    }

    a.TheElement:visited {
    }


TABLE.pagingbar {
    background-color: #DADADA;
    border-style: solid;
    border-width: 0px;
    border-color: #EEEEEE;
    width: 1150px;
}

TABLE.pagingbarBlueDesign {
    white-space: nowrap;
    overflow: hidden;
    height: 35px;
    background-image: url("../media/backgroundPagingBar.gif");
    background-repeat: repeat-x;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    cursor: default;
    width: 1150px;
    height: 35px;
}


.unit_link_unpublished {
    text-decoration: none;
    color: #000000;
    border: #000000 solid 0px;
}

.unit_link_inactive {
    /*this is applied when the unit is active*/
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    border: #000000 solid 0px;
}

.unit_link_active {
    /*this is applied when the unit is inactive*/
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
    color: #FF8000;
    border: #000000 solid 0px;
}

.unit_link_deactivated_deactivated {
    text-decoration: none;
    color: #999999;
    border: #000000 solid 0px;
}

.unit_link_deactivated_activated {
    text-decoration: none;
    color: #000000;
    border: #000000 solid 0px;
}

.unit_link_deactivated_activated_Marked {
    text-decoration: none;
    color: #00DD00;
    border: #000000 solid 0px;
}

.unit_link_deactivated_deactivated_Marked {
    text-decoration: none;
    color: #00DD00;
    border: #000000 solid 0px;
}


A.ObligatoryChar {
    color: red;
}

TABLE.ExamTitle {
    background-color: #DADADA;
    border-style: solid;
    border-width: 1px;
    border-color: #EEEEEE;
    width: 90%;
}

TR.ExamTitleHeader {
    background-color: #AAAAAA;
}

TABLE.ExamTable {
    border-style: solid;
    border-width: 1px;
    border-color: #EEEEEE;
    width: 1150px;
}

TABLE.TaskTable {
    border-style: solid;
    border-width: 1px;
    border-color: #EEEEEE;
    width: 1150px;
}

TABLE.optionTables {
    border-style: solid;
    border-width: 0px;
    border-color: #EEEEEE;
    width: 903px;
}

TABLE.SelectedExamTable {
    background-color: #debf73;
    border-style: none;
    border-color: #EEEEEE;
    width: 1150px;
}

TR.SelectedExamTableHeader,
TH.SelectedExamTableHeader {
    background-color: #263f49;
    color: #ffffff;
}

TD.TableHeader {
    background-color: #AAAAAA;
    font-weight: bold;
}

TABLE.SelectedExamTableDetail {
    background-color: #FFFFCC;
    border-style: none;
    border-color: #EEEEEE;
    width: 1150px;
}


.progressBar {
    position: relative;
    border: 1px solid #000000;
    width: 502px;
    height: 27px;
}

.progressBarGreenValue {
    position: absolute;
    top: 0px;
    left: 0px;
    border: 0px;
    width: 0px;
    height: 25px;
    background: #e1e1e1;
}

.progressBarRedValue {
    position: absolute;
    top: 0px;
    right: 0px;
    border: 0px;
    width: 500px;
    height: 25px;
    background: #808080;
    vertical-align: middle;
}

.progressBarNumberValue {
    position: absolute;
    top: 5px;
    left: 200px;
    border: 0px;
    width: 100px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 0.92rem;
    font-weight: bold;
}


.MetaSummaryProgressContainer {
    top: 0px;
    right: 0px;
    width: 100%;
    height: 10px;
    background: #FFFFFF;
    border: 1px;
    border-color: #000000;
    margin: 5px;
    Border-Style: solid;
}

.MetaSummaryProgressPassValue {
    top: 0px;
    right: 0px;
    height: 10px;
    background: #009000;
    border: 0px;
    width: 0%;
}

.MetaSummaryProgressFailedValue {
    top: 0px;
    right: 0px;
    height: 10px;
    background: #FF0000;
    border: 0px;
    width: 0px;
}

.MetaSummaryProgressMasteryScore {
    top: 0px;
    right: 0px;
    height: 10px;
    background: #B0B0B0;
    border: 0px;
    width: 0px;
}


.MetaSummaryTitleFrame {
    top: 0px;
    border: 1px;
    border-color: #000000;
    Border-Style: solid;
    width: 90%;
    text-align: center;
    font-size: 18pt;
    margin-bottom: 15pt;
}

.MetaSummaryTableTitle {
    background-color: #649696;
    text-align: center;
}

.MetaSummaryTableFooter {
    font-weight: bold;
}

.MatrixTable {
    border-style: solid;
    border-width: 1px;
    border-color: #EEEEEE;
    width: 90%;
    background-color: #cccccc;
}



.MatrixTableLeftCol {
    /*top: 0px;
    right: 0px;
    height: 10px;
    border: 0px;
    width: 0%;    
    background-color: #009000;
        */
    border-style: solid;
    border-width: 1px;
    border-color: #EEEEEE;
}
.MatrixTablePassValue {
    /*top: 0px;
    right: 0px;
    height: 10px;
    border: 0px;
    width: 0%;
    */
    background-color: lightgreen;
    border-style: solid;
    border-width: 1px;
    border-color: #EEEEEE;
}

.MatrixTableFailedValue {
    /*top: 0px;
    right: 0px;
    height: 10px;
    border: 0px;
    width: 0px;*/
    background-color: lightcoral;
    border-style: solid;
    border-width: 1px;
    border-color: #EEEEEE;
}



TABLE.examoptions {
    border-top: #FFFFFF solid 1px;
    border-bottom: #FFFFFF solid 1px;
    border-right: #FFFFFF solid 1px;
    border-left: #FFFFFF solid 1px;
    Border-Style: none;
    Margin: 2px;
    Padding: 2px;
    width: 700px;
}

.AddExamDetailTitle {
    font-size: 10pt;
    color: black;
    font-family: Arial;
    font-weight: bold;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px 0px 0px 0px;
    border-right: #EEEEEE 0px solid;
    border-top: #EEEEEE 0px solid;
    border-left: #EEEEEE 0px solid;
    border-bottom: #EEEEEE 0px solid;
    text-decoration: none;
    background-color: #dadada;
    width: 100%;
    height: 20px;
    vertical-align: top;
}

.AddExamDetailSubTitle {
    font-size: 10pt;
    color: black;
    font-family: Arial;
    font-weight: bold;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px 0px 0px 0px;
    border-right: #EEEEEE 0px solid;
    border-top: #EEEEEE 0px solid;
    border-left: #EEEEEE 0px solid;
    border-bottom: #EEEEEE 0px solid;
    text-decoration: none;
    background-color: transparent;
    width: 260px;
    height: 20px;
    vertical-align: top;
}

.AddExamDetailText {
    font-size: 10pt;
    color: black;
    font-family: Arial;
    font-weight: 200;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px 0px 0px 0px;
    border-right: #EEEEEE 0px solid;
    border-top: #EEEEEE 0px solid;
    border-left: #EEEEEE 0px solid;
    border-bottom: #EEEEEE 0px solid;
    text-decoration: none;
    background-color: transparent;
    width: 200px;
    height: 20px;
    vertical-align: top;
}

.AddExamDetailTextLarge {
    font-size: 10pt;
    color: black;
    font-family: Arial;
    font-weight: 200;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px 0px 0px 0px;
    border-right: #EEEEEE 0px solid;
    border-top: #EEEEEE 0px solid;
    border-left: #EEEEEE 0px solid;
    border-bottom: #EEEEEE 0px solid;
    text-decoration: none;
    background-color: transparent;
    width: 100%;
    height: 20px;
    vertical-align: top;
}

.AddExamDetailOptional {
    font-size: 10pt;
    color: black;
    font-family: Arial;
    font-weight: 200;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px 0px 0px 0px;
    border-right: #EEEEEE 0px solid;
    border-top: #EEEEEE 0px solid;
    border-left: #EEEEEE 0px solid;
    border-bottom: #EEEEEE 0px solid;
    text-decoration: none;
    background-color: transparent;
    width: 200px;
    height: 20px;
    vertical-align: top;
}

.AddExamDetailSpace {
    width: 100%;
    height: 20px;
}


TABLE.ExamDetailTables {
    width: 600px;
    font-size: 10pt;
    color: black;
    background-color: #e1e1e1;
    border-top: #e1e1e1 solid 1px;
    border-bottom: #e1e1e1 solid 1px;
    border-right: #e1e1e1 solid 1px;
    border-left: #e1e1e1 solid 1px;
}

    TABLE.ExamDetailTables TD.title {
        width: 250px;
        height: 19px;
        font-weight: bold;
    }

    TABLE.ExamDetailTables TD.data {
    }

    TABLE.ExamDetailTables TD.examtitle {
        width: 250px;
        height: 19px;
        font-weight: bold;
        background-color: #cccccc;
    }

    TABLE.ExamDetailTables TD.examdata {
        font-weight: bold;
        background-color: #cccccc;
    }



TABLE.MissingTasks {
    width: 290px;
    font-size: 10pt;
    color: black;
    background-color: #eeeeee;
    border-top: #FF3300 solid 1px;
    border-bottom: #FF3300 solid 1px;
    border-right: #FF3300 solid 1px;
    border-left: #FF3300 solid 1px;
}

    TABLE.MissingTasks TD.title {
        width: 30px;
        height: 19px;
        font-weight: bold;
    }

    TABLE.MissingTasks TD.data {
        width: 260px;
    }

TABLE.MetadatenDetails {
    width: 410px;
    font-size: 10pt;
    color: black;
    /*background-color: #eeeeee;*/
}

    TABLE.MetadatenDetails TD.title {
        width: 120px;
        height: 19px;
        font-weight: bold;
    }

    TABLE.MetadatenDetails TD.data {
        width: 290px;
    }


TABLE.Container TD.data {
    border: gray solid 1px;
    padding: 10px;
    height: 400px;
}

TABLE.ProductList {
    width: 100%;
}

    TABLE.ProductList TR.ZebraStyle1 {
        border: 0px;
        background-color: #DADADA;
    }

    TABLE.ProductList TR.ZebraStyle2 {
        border: 0px;
        background-color: #FFFFFF;
    }


table.ShoppingCard td {
    font-size: 8pt;
    padding-top: 8px;
    padding-bottom: 8px;
}

TABLE.FunctionTableElement2 {
    /*border-top: #FFFFFF solid 1px;
    border-bottom: #FFFFFF solid 1px;
    border-right: #FFFFFF solid 1px;
    border-left: #FFFFFF solid 1px;*/
    height: 60px;
    font-size: 10pt;
    color: black;
    font-family: Arial;
    font-weight: bold;
}

    TABLE.FunctionTableElement2 TD.title {
        font-size: 10pt;
        color: black;
        font-family: Arial;
        font-weight: bold;
        padding-right: 2px;
        padding-left: 2px;
        padding-bottom: 2px;
        padding-top: 2px;
        margin: 0px 0px 0px 0px;
        border-right: #EEEEEE 0px solid;
        border-top: #EEEEEE 0px solid;
        border-left: #EEEEEE 0px solid;
        border-bottom: #EEEEEE 0px solid;
        text-decoration: none;
        background-color: #dadada;
        height: 20px;
        vertical-align: top;
    }

TABLE.FunctionTableElement1 {
    border-top: #FFFFFF solid 1px;
    border-bottom: #FFFFFF solid 1px;
    border-right: #FFFFFF solid 1px;
    border-left: #FFFFFF solid 1px;
}

TABLE.TaskListFunctionTable {
    border-top: #FFFFFF solid 1px;
    border-bottom: #FFFFFF solid 1px;
    border-right: #FFFFFF solid 1px;
    border-left: #FFFFFF solid 1px;
    width: 400px;
    height: 90px;
}

    TABLE.TaskListFunctionTable TD.title {
        font-size: 10pt;
        color: black;
        font-family: Arial;
        font-weight: bold;
        padding-right: 2px;
        padding-left: 2px;
        padding-bottom: 2px;
        padding-top: 2px;
        margin: 0px 0px 0px 0px;
        border-right: #EEEEEE 0px solid;
        border-top: #EEEEEE 0px solid;
        border-left: #EEEEEE 0px solid;
        border-bottom: #EEEEEE 0px solid;
        text-decoration: none;
        background-color: #dadada;
        width: 100%;
        height: 20px;
        vertical-align: top;
    }

.NavigationTextInput {
    font-size: 1rem;
    font-family: Verdana;
    text-align: center;
    width: 50px;
}


TABLE.JobListTableHeader TD.Data1 {
    font-size: 8pt;
    background-color: Transparent;
    padding-top: 8px;
    padding-bottom: 8px;
}

TABLE.JobListTableHeader TD.Data2 {
    font-size: 8pt;
    background-color: #DADADA;
    padding-top: 8px;
    padding-bottom: 8px;
}

TABLE.JobListTableHeader TD.title {
    background-color: #AAAAAA;
    font-weight: bold;
    font-size: 10pt;
    padding-top: 8px;
    padding-bottom: 8px;
}


.PopUpGenerate {
    background-color: #e1e1e1;
    font-size: 1rem;
    font-family: Verdana;
    text-align: center;
    color: #000000;
}

.HelpBody {
    Margin: 0px;
    Padding: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #09223C;
    font-size: 1.08rem;
    background-color: #e1e1e1;
}

.HelpPageborder {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    Padding: 0px;
}

.overlay {
    left: 0px;
    top: 0px;
    z-index: 10000;
    filter: alpha(opacity=80); /*older IE*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE */
    -moz-opacity: .80; /*older Mozilla*/
    -khtml-opacity: 0.8; /*older Safari*/
    opacity: 0.8; /*supported by current Mozilla, Safari, and Opera*/
    background-color: #FFFFFF;
    position: fixed;
    text-align: center;
    vertical-align: middle;
    visibility: hidden;
}

* html #overlay { /* ie6 hack */
    position: absolute;
    top: -75px;
    left: -41px;
}

.popUpBox {
    position: absolute;
    display: block; /*set the div in the center of the screen*/
    float: left;
    padding: 1px,1px,1px,1px;
    font-weight: bold;
    background-color: transparent;
    z-index: 10000;
    visibility: hidden;
    border: solid 0px #000;
    overflow: auto;
}

#BannerContainer {
    font-weight: bold;
    font-size: large;
}

.TabMenuContainer {
    border-top: solid 0px black;
}

.TabMenuItem {
    background-color: #e1e1e1;
    text-align: center;
    border: solid 1px #ffffff;
    padding: 3px 3px 7px 3px;
    margin-right: 2px;
    text-decoration: none;
}

.TabMenuItemSelected {
    color: #ffffff;
    background-color: #ECE0F8;
    text-align: center;
    border: solid 1px #ffffff;
    padding: 3px 3px 7px 3px;
    margin-right: 2px;
    text-decoration: none;
}

.TabMenuItemHover {
    color: Black;
    font-weight: bold;
}

.SiteStaticMenu {
    margin: 0px 0px 0px 0px;
    background-color: Black;
}

.TabMenuSpacer {
    background-color: #222222;
    padding: 0px 2px 0px 0px;
}

.ExcecuteRow {
    background-color: #CEE3F6;
    width: 50px;
    text-align: center;
}

.CreateRow {
    background-color: #A9D0F5;
    width: 50px;
    text-align: center;
}

.ReadRow {
    background-color: #81BEF7;
    width: 50px;
    text-align: center;
}

.ModifyRow {
    background-color: #2E9AFE;
    width: 50px;
    text-align: center;
}

.DeleteRow {
    background-color: #B40404;
    width: 50px;
    text-align: center;
}

.SpaceRow {
    background-color: #ffffff;
    width: 10px;
    text-align: center;
}

.ACLListTable {
    border: 1px solid #ffffff;
}

.ACLList {
    background-color: #ffffff;
}

.ACLListAlt {
    background-color: #f2f2f2;
}

.PopUpTitle {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 1.33rem;
    padding: 0px;
}

.repositoryPanel {
    position: relative;
    height: 30px;
    left: 18px;
    width: 1080px;
}

.repositoryPanelPad {
    position: relative;
    height: 30px;
    left: 18px;
    width: 900px;
}



.repositoryTabs {
    position: relative;
    height: 68px;
    left: 20px;
    top: 7px;
    width: 970px;
}

.repositoryTab {
    float: left;
    font-family: Arial;
    font-weight: normal;
    height: 33px;
    z-index: 1;
}



.repositoryTabLeft {
    position: relative;
    left: -14px;
    float: left;
    width: 15px;
    height: 33px;
    background-image: url(../media/tab-left.png);
    padding: 0px;
}

.repositoryTabRight {
    position: relative;
    right: -14px;
    float: right;
    width: 15px;
    height: 33px;
    background-image: url(../media/tab-right.png);
    padding: 0px;
}

.repositoryTabMiddle {
    position: relative;
    height: 33px;
    background-image: url(../media/tab-space.png);
    padding: 0px;
    width: 186px;
    text-align: center;
}

.repositoryTabText {
    position: relative;
    height: 33px;
    top: 9px;
}


a.repositoryTabText {
    text-decoration: none;
}

    a.repositoryTabText:link {
        text-decoration: none;
    }

    a.repositoryTabText:hover {
        text-decoration: none;
        font-weight: bold;
    }

    a.repositoryTabText:active {
        text-decoration: none;
        font-weight: bold;
    }

.repositoryTabTopPos {
    float: left;
    position: relative;
    top: -8px;
    z-index: 1;
}

.repositoryTabTopPosSelected {
    float: left;
    position: relative;
    top: -8px;
    z-index: 99;
}

.newsPanel {
    background-repeat: no-repeat;
    position: relative;
    height: 100%;
    left: 18px;
    width: 1080px;
    padding-top: 2px;
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
    padding-bottom: 2px;
}

.accessTemplateGroup {
    display: block;
    border: 1px solid #C0C0C0;
    width: 450px;
    background-color: #debf73;
    float: none;
    margin: 0px;
    -moz-box-shadow: 3px 3px 4px #cccccc;
    -webkit-box-shadow: 3px 3px 4px #cccccc;
    box-shadow: 3px 3px 4px #cccccc;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}


.PrerequisitsDropArea {
    display: block;
    border: 1px solid #C0C0C0;
    width: 525px;
    height: 600px;
    background-repeat: no-repeat;
    float: left;
    margin: 0px;
}

.PrerequisitsDragArea {
    left: -53px;
    position: relative;
    display: block;
    border: 1px solid #C0C0C0;
    width: 525px;
    height: 600px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    float: right;
}

.PrerequisitsBehaviourArea {
    display: block;
    border: 1px solid #C0C0C0;
    width: 1057px;
    height: 27px;
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 5px;
}

.PrerequisitsButtonArea {
    display: block;
    border: 0px solid #C0C0C0;
    width: 1057px;
    height: 27px;
    background-repeat: no-repeat;
    float: left;
    margin-top: 10px;
}

.CourseEditDropArea {
    display: block;
    border: 1px solid #C0C0C0;
    width: 525px;
    height: 600px;
    background-repeat: no-repeat;
    float: left;
    margin: 0px;
}

.CourseEditDragArea {
    left: -53px;
    position: relative;
    display: block;
    border: 1px solid #C0C0C0;
    width: 525px;
    height: 600px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    float: right;
}

.CourseEditButtonArea {
    display: block;
    border: 0px solid #C0C0C0;
    width: 1057px;
    height: 27px;
    background-repeat: no-repeat;
    float: left;
}


.taskDetail2 {
    display: none;
}
.AccessRightSettingsOnObjectMedia,
.AccessRightSettingsOnObject {
    display: block;
    border: 1px solid #C0C0C0;
    width: 625px;
    background-color: #debf73;
    float: none;
    margin: 0px;
    -moz-box-shadow: 3px 3px 4px #cccccc;
    -webkit-box-shadow: 3px 3px 4px #cccccc;
    box-shadow: 3px 3px 4px #cccccc;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}

.contextMenuLayer {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding-bottom: 6px;
    padding-top: 6px;
}

.contextMenuLayer2 {
    display: block;
    position: relative;
    vertical-align: middle;
    padding-bottom: 6px;
    padding-top: 6px;
}

.contextMenuLayerSmallPadding {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding-bottom: 2px;
    padding-top: 2px;
}

.contextMenuDescription {
    width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.EnhancedSearchActiveInfo {
    display: block;
    position: absolute;
    border: 1px solid #C0C0C0;
    top: 0em;
    left: 22em;
    width: 25em;
    background-color: #ffe57f;
    float: none;
    margin: 0px;
    padding: 3px;
    -moz-box-shadow: 3px 3px 4px #cccccc;
    -webkit-box-shadow: 3px 3px 4px #cccccc;
    box-shadow: 3px 3px 4px #cccccc;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#cccccc')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#cccccc');
    visibility: hidden;
}


.dialog {
    position: relative;
    margin: 0px auto;
    min-width: 8em;
    max-width: 760px; /* based on image dimensions - not quite consistent with drip styles yet */
    color: #fff;
    z-index: 1;
    margin-left: 12px; /* default, width of left corner */
    margin-bottom: 0.5em; /* spacing under dialog */
}

    .dialog .content,
    .dialog .t,
    .dialog .b,
    .dialog .b div {
        background: transparent url(dialog2-blue-800x1600.png) no-repeat top right;
        _background-image: url(dialog2-blue.gif);
    }

    .dialog .content {
        position: relative;
        zoom: 1;
        _overflow-y: hidden;
        padding: 0px 12px 0px 0px;
    }

    .dialog .t {
        /* top+left vertical slice */
        position: absolute;
        left: 0px;
        top: 0px;
        width: 12px; /* top slice width */
        margin-left: -12px;
        height: 100%;
        _height: 1600px; /* arbitrary long height, IE 6 */
        background-position: top left;
    }

    .dialog .b {
        /* bottom */
        position: relative;
        width: 100%;
    }

        .dialog .b,
        .dialog .b div {
            height: 30px; /* height of bottom cap/shade */
            font-size: 1px;
        }

    .dialog .b {
        background-position: bottom right;
    }

        .dialog .b div {
            position: relative;
            width: 12px; /* bottom corner width */
            margin-left: -12px;
            background-position: bottom left;
        }

    .dialog .hd,
    .dialog .bd,
    .dialog .ft {
        position: relative;
    }


    .dialog h1,
    .dialog p {
        margin: 0px; /* margins will blow out backgrounds, leaving whitespace. */
        padding: 0.1em 0px 0.5em 0px;
        padding-bottom: 0px;
    }

    .dialog.type2 .content,
    .dialog.type2 .t,
    .dialog.type2 .b,
    .dialog.type2 .b div {
        background-image: url(../media/dialog2-dark-800x1200-alpha-drip.png);
        _background-image: url(../media/dialog2-dark-alpha-drip.gif);
    }

    /* "drip" variant */

    .dialog.drip .b,
    .dialog.drip .b div {
        height: 5px;
    }

    .dialog.drip {
        margin-left: 1px;
    }

        .dialog.drip .t,
        .dialog.drip .b div,
        .dialog.drip .hd,
        .dialog.drip .bd,
        .dialog.drip .ft,
        .dialog.drip .wrapper {
            margin-left: -10px;
            width: 10px;
        }

        .dialog.drip .wrapper {
            width: auto;
        }

    .dialog .wrapper .hd,
    .dialog .wrapper .bd,
    .dialog .wrapper .ft {
        margin-left: 0px;
    }

    .dialog.drip .hd,
    .dialog.drip .bd,
    .dialog.drip .ft {
        zoom: 1;
        width: auto;
        padding: 0px 2px 0px 12px;
    }

.directoryDenied {
    top: 100px;
    left: -130px;
    position: relative;
}

.login {
    top: 100px;
    left: -30px;
    position: relative;
}

.styleQuotes {
    width: 320px;
    display: block;
    color: Gray;
    font-family: Arial;
    font-weight: normal;
    font-size: 1.16rem;
    border: none;
    background: transparent;
    overflow: auto;
    text-align: center;
    margin-left: 40px;
    cursor: wait;
    resize: none;
}

.LockOff {
}

.LockOn {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 10000;
    top: 0px;
    left: 0px;
    width: 105%;
    height: 105%;
    background-color: #FFFFFF;
    text-align: center;
    padding-top: 20%;
    filter: alpha(opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE */
}

.loadingStyle {
    margin: 0 auto;
    position: absolute;
    z-index: 10000;
    overflow: auto;
    top: 30%;
    left: 30%;
    height: 230px;
    width: 400px;
    text-align: center;
}

.boldFont {
    font-weight: bold;
}

/*Repository*/
.MyTree {
    /*margin-left: 0px;*/
    width: 100%;
    /*position:absolute;*/
}

.standartTreeRow {
    width: auto;
    /*position:static;*/
    float: left;
}

.MyTree .selectedTreeRow, .selectedTreeRow0, .selectedTreeRow1, .selectedTreeRow2, .selectedTreeRow3, .selectedTreeRow4, .selectedTreeRow5, .selectedTreeRow6, .selectedTreeRow7, .selectedTreeRow8, .selectedTreeRow9 {
    color: #000000;
    background-color: transparent;
    height: 100%;
    display: block;
    float: right;
}

.selectedTreeRow0 {
    width: 98px;
}

.selectedTreeRow1 {
    width: 96px;
}

.selectedTreeRow2 {
    width: 94px;
}

.selectedTreeRow3 {
    width: 92px;
}

.selectedTreeRow4 {
    width: 90px;
}

.selectedTreeRow5 {
    width: 88px;
}

.selectedTreeRow6 {
    width: 86px;
}

.selectedTreeRow7 {
    width: 84px;
}

.selectedTreeRow8 {
    width: 82px;
}

.repositoryStyle, .repositoryStyle0, .repositoryStyle1, .repositoryStyle2, .repositoryStyle3, .repositoryStyle4, .repositoryStyle5, .repositoryStyle6, .repositoryStyle7, .repositoryStyle8, .repositoryStyle9 {
    position: relative;
    display: block;
    border: 1px solid #C0C0C0;
    height: 50px;
    /*width:100%;*/
    margin: 1px auto;
    padding-right: 0px;
    padding-left: 0px;
    float: right;
    background-image: none !important;
    background-color: #dcf2f7;
    /*left:0px;
    right:0px;
    right:5px;*/
}

.repositoryStyle {
}

.repositoryStyle0 {
    width: 98%;
}

.repositoryStyle1 {
    width: 96%;
}

.repositoryStyle2 {
    width: 94%;
}

.repositoryStyle3 {
    width: 92%;
}

.repositoryStyle4 {
    width: 90%;
}

.repositoryStyle5 {
    width: 88%;
}

.repositoryStyle6 {
    width: 86%;
}

.repositoryStyle7 {
    width: 84%;
}

.repositoryStyle8 {
    width: 82%;
}


.selectedTreeRow .repositoryStyle {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyle0 {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyle1 {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyle2 {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyle3 {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyle4 {
    background-color: #6cb1d8;
}


.selectedTreeRow .repositoryStyle5 {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyle6 {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyle7 {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyle8 {
    background-color: #6cb1d8;
}


.selectedTreeRow .repositoryStyleSubFolder {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyleSubFolder0 {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyleSubFolder1 {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyleSubFolder2 {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyleSubFolder3 {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyleSubFolder4 {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyleSubFolder5 {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyleSubFolder6 {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyleSubFolder7 {
    background-color: #6cb1d8;
}

.selectedTreeRow .repositoryStyleSubFolder8 {
    background-color: #6cb1d8;
}

/*
.repositoryStyle0{width:100%;position:static;}
.repositoryStyle1{width:100%;position:static;}
.repositoryStyle2{width:100%;position:static;}
.repositoryStyle3{width:100%;position:static;}
.repositoryStyle4{width:100%;position:static;}
.repositoryStyle5{width:100%;position:static;}
.repositoryStyle6{width:100%;position:static;}
.repositoryStyle7{width:100%;position:static;}
.repositoryStyle8{width:100%;position:static;}
 */

.repositoryStyleSubFolder0 {
    width: 98%;
    float: right;
}

.repositoryStyleSubFolder1 {
    width: 96%;
    float: right;
}

.repositoryStyleSubFolder2 {
    width: 94%;
    float: right;
}

.repositoryStyleSubFolder3 {
    width: 92%;
    float: right;
}

.repositoryStyleSubFolder4 {
    width: 90%;
    float: right;
}

.repositoryStyleSubFolder5 {
    width: 88%;
    float: right;
}

.repositoryStyleSubFolder6 {
    width: 86%;
    float: right;
}

.repositoryStyleSubFolder7 {
    width: 84%;
    float: right;
}

.repositoryStyleSubFolder8 {
    width: 82%;
    float: right;
}

/*
.repositoryStyleSubFolder0{width:100%;position:static;}
.repositoryStyleSubFolder1{width:100%;position:static;}
.repositoryStyleSubFolder2{width:100%;position:static;}
.repositoryStyleSubFolder3{width:100%;position:static;}
.repositoryStyleSubFolder4{width:100%;position:static;}
.repositoryStyleSubFolder5{width:100%;position:static;}
.repositoryStyleSubFolder6{width:100%;position:static;}
.repositoryStyleSubFolder7{width:100%;position:static;}
.repositoryStyleSubFolder8{width:100%;position:static;}
*/

.repositoryStyle_pad, .repositoryStyle_pad0, .repositoryStyle_pad1, .repositoryStyle_pad2, .repositoryStyle_pad3, .repositoryStyle_pad4, .repositoryStyle_pad5, .repositoryStyle_pad6, .repositoryStyle_pad7, .repositoryStyle_pad8 {
    position: relative;
    display: inline-block;
    border: 1px solid #C0C0C0;
    height: 125px;
    margin: 1px auto;
    left: -5px;
    right: 5px;
}

.repositoryStyle_pad {
    width: 860px;
}

.repositoryStyle_pad0 {
    width: 842px;
}

.repositoryStyle_pad1 {
    width: 824px;
}

.repositoryStyle_pad2 {
    width: 788px;
}

.repositoryStyle_pad3 {
    width: 729px;
}

.repositoryStyle_pad4 {
    width: 770px;
}

.repositoryStyle_pad5 {
    width: 752px;
}

.repositoryStyle_pad6 {
    width: 734px;
}

.repositoryStyle_pad7 {
    width: 716px;
}

.repositoryStyle_pad8 {
    width: 698px;
}

.repositoryStyle_phone, .repositoryStyle_phone0, .repositoryStyle_phone1, .repositoryStyle_phone2, .repositoryStyle_phone3, .repositoryStyle_phone4, .repositoryStyle_phone5, .repositoryStyle_phone6, .repositoryStyle_phone7, .repositoryStyle_phone8 {
    position: relative;
    display: inline-block;
    border: 1px solid #C0C0C0;
    height: 150px;
    margin: 1px auto;
    left: -5px;
    right: 5px;
}

.repositoryStyle_phone {
    width: 860px;
}

.repositoryStyle_phone0 {
    width: 842px;
}

.repositoryStyle_phone1 {
    width: 824px;
}

.repositoryStyle_phone2 {
    width: 806px;
}

.repositoryStyle_phone3 {
    width: 788px;
}

.repositoryStyle_phone4 {
    width: 770px;
}

.repositoryStyle_phone5 {
    width: 752px;
}

.repositoryStyle_phone6 {
    width: 734px;
}

.repositoryStyle_phone7 {
    width: 716px;
}

.repositoryStyle_phone8 {
    width: 698px;
}

.repositoryStyleSubFolder0, .repositoryStyleSubFolder1, .repositoryStyleSubFolder2, .repositoryStyleSubFolder3, .repositoryStyleSubFolder4, .repositoryStyleSubFolder5 {
    border: 1px solid #C0C0C0;
    height: 50px;
    margin: 1px auto;
    left: 0px;
    right: 0px;
    display: inline-block;
    position: relative;
    float: right;
}

.repositoryStyleAU {
    border: 1px solid #C0C0C0;
    width: 100%;
    height: 50px;
    margin: 1px auto;
    left: -5px;
    right: 5px;
    display: inline-block;
    position: relative;
    width: 952px;
    height: 50px;
}

.containerTableStyle {
    min-width: 570px;
    overflow: visible;
    position: relative;
    top: 0;
    font-size: 1rem;
    -khtml-user-select: none;
    background-color: transparent;
}

.coursedescription {
    width: 340px;
}

.coursestructure_icon {
    display: inline-block;
    position: absolute;
    left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.DescriptionColumn {
    display: inline-block;
    position: relative;
    float: left;
    top: 16px;
    padding-left: 100px;
    width: 800px;
    background-color: transparent;
}

.LoadingMessageCourse {
    display: inline-block;
    position: absolute;
    float: right;
    visibility: hidden;
    top: 10px;
    left: 900px;
    width: 70px;
    height: 20px;
}

.LoadingMessageDashboard {
    display: inline-block;
    position: relative;
    text-align: center;
    background-color: transparent;
    Margin: 0px;
    Padding: 0px;
    width: 500px;
    vertical-align: middle;
    height: 100%;
}

.ProgressColumn, .ProgressColumnLevel0, .ProgressColumnLevel1, .ProgressColumnLevel2, .ProgressColumnLevel3, .ProgressColumnLevel4, .ProgressColumnLevel5, .ProgressColumnLevel6, .ProgressColumnLevel7, .ProgressColumnLevel8, .ProgressColumnLevel9 {
    /*display: inline-block;*/
    position: relative;
    float: right;
    /*top: 16px;
            left: 600px;*/
    width: auto;
    padding-right: 170px;
}

.ProgressColumnLevel0 {
    /*left: 582px;*/
    position: relative;
}

.ProgressColumnLevel1 {
    /*left: 564px;*/
    position: relative;
}

.ProgressColumnLevel2 {
    /*left: 546px;*/
    position: relative;
}

.ProgressColumnLevel3 {
    /*left: 528px;*/
    position: relative;
}

.ProgressColumnLevel4 {
    /*left: 510px;*/
    position: relative;
}

.ProgressColumnLevel5 {
    /*left: 492px;*/
    position: relative;
}

.ProgressColumnLevel6 {
    /*left: 474px;*/
    position: relative;
}

.ProgressColumnLevel7 {
    /*left: 456px;*/
    position: relative;
}

.ProgressColumnLevel8 {
    /*left: 438px;*/
    position: relative;
}

.ProgressColumnLevel9 {
    /*left: 420px;*/
    position: relative;
}


.coursedescriptionIpad {
    font-size: 0.83rem;
}

.coursedescriptionPhone {
    font-size: 1rem;
}

.MyTreeIpad {
    width: 880px;
    display: block;
}

    .MyTreeIpad .selectedTreeRow {
        color: #000000;
        background-color: #00a2ff;
        padding: 0px;
        height: 100%;
        width: 880px;
        display: block;
    }

.mGrid {
    Width: 100%;
    Margin: 0px;
    Padding: 3px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    height: 50px;
    border-style: double;
    border-color: #263f49;
}

    .mGrid th {
        height: 25px;
        font-size: 16;
        font-weight: bold;
        padding-left: 20;
        background-color: #263f49;
    }

    .mGrid td {
        height: 25px;
        font-size: larger;
        padding-left: 20;
    }

    .mGrid tr {
    }

        .mGrid tr.rowHover:hover {
            background-color: Gray;
        }

.ReportLink {
    display: inline-block;
    position: absolute;
    float: right;
    top: 0px;
    width: 50px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.ReportLinkPad {
    display: inline-block;
    position: absolute;
    float: right;
    top: -45px;
    left: 800px;
    width: 50px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.StatusLoadingMessage {
    overflow: hidden;
    height: 31px;
    width: 31px;
    background-image: url("../media/ajax-loader.gif");
    background-repeat: no-repeat;
    position: absolute;
    top: -10px;
    left: 36px;
}

.truncated {
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
}

#truncated {
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
}

.tooltip {
    display: none;
    position: absolute;
    font-family: Tahoma;
    font-size: 0.92rem;
    font-weight: normal;
    color: #000000;
    cursor: default;
    /*white-space: nowrap;*/
    -moz-user-select: none;
    border-top: #eaf2fb 1px solid;
    border-bottom: #eaf2fb 1px solid;
    background-color: #eaf2fb;
    border: #263f49 1px solid;
    /*overflow: hidden;*/
    padding: 10px;
}

.DDSelectCorr {
    color: black;
}

.DDOption {
    color: black;
}

.InfoText {
    font-size: 16;
    font-weight: normal;
}

.LabelText {
    font-size: 16;
    font-weight: bold;
}

/*overrides Bootstrap defines so that it fits our Design better*/
label {
    margin-bottom: 0px !important;
}

.btn {
    padding: 0.1825rem 0.3825rem !important;
}

img {
    vertical-align: sub !important; /*To center the back and vorward Button in the Navigation*/
}

.searchTable {
    width: 580px;
}

    .searchTable > tbody > tr > td:nth-child(1) {
        width: 170px;
        height: 39px;
    }

    .searchTable > tbody > tr > td:nth-child(2) {
        /*width: 410px;*/
    }

    .searchTable input.texteditable {
        width: 100%;
    }

    .searchTable input.texteditablebig {
        width: 100%;
    }

    .searchTable select {
        width: 100%;
    }

    .searchTable td.subtableHolderPaddingRemove {
        padding: 0;
    }

    .searchTable .searchTableDateSubtable {
    }

        .searchTable .searchTableDateSubtable td:first-child {
            padding: 0;
            width: 100%;
        }

        .searchTable .searchTableDateSubtable td:last-child {
            padding-right: 0;
        }

/*.userListSearchTable{
    width: 680px;
}*/
.userRegistrationSearchTable {
    width: 663px;
}

.myProfileSearchTable,
.listExamSearchTable,
.listTaskSearchTable,
.userProfileEditTable {
    width: 700px;
}

.btnRoleEdit {
    margin-top: 5px;
}

.modal-center {
    position: absolute;
    float: left;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
}

.sumLine {
    width: 200px;
    position: relative;
    left: 95px;
}

.accessCheckBoxesHolder {
    margin-top: 5px;
    /*display: inline;*/
    /*color: #000000;*/
    background-color: green;
    font-weight: bold;
    /*width: 200px;*/
    display: inline-block;
    /*text-align: right;*/
}

.accessCheckBoxesHolderControlMatrix {
    color: #000000;
}

.accessCheckboxHolder {
    /*display: inline;*/
    /*background-color: green;*/
    /*width: 65px;*/
    /*text-align: left;*/
}

    .accessCheckboxHolder input {
        margin-left: 5px;
        margin-right: 5px;
        vertical-align: middle;
    }

    .accessCheckBoxHolder font {
        vertical-align: middle;
    }

.accessCheckBoxBase {
    background-color: grey;
}


.hoursSelect, .minutesSelect {
    display: flex;
    float: left;
    width: 100px;
    margin-right: 10px;
}


.flex-div {
    display: flex;
}

.flex-divflex-align-row {
    flex-direction: row;
}

.flex-div.flex-align-column {
    flex-direction: column;
}

.flex-div.flex-align-row-reverse {
    flex-direction: row-reverse;
}

.flex-div.flex-align-column-reverse {
    flex-direction: column-reverse;
}

.flex-div.flex-align-row.space-between, .flex-div.flex-align-column.space-between, .flex-div.flex-align-row-reverse.space-between, .flex-div.flex-align-column-reverse.space-between {
    justify-content: space-between;
}

.flex-div.align-center {
    align-items: center;
}

.table-color-item{
    width: 20px;
    height: 20px;
    border: solid;
    border-radius: 5px;
    border-width: 2px;
}

.table-color-text{
    margin-left: 10px;
}

.table-highlight-color-0 {
    background-color: #ffffff00 !important;
}

.table-highlight-color-0:hover {
    background-color: #ffffff55 !important;
}

.table-highlight-color-1 {
    background-color: #ff62849c !important;
}

.table-highlight-color-1:hover {
    background-color: #ff6284ff !important;
}

.table-highlight-color-2 {
    background-color: #35a2ea9c !important;
}

.table-highlight-color-2:hover {
    background-color: #35a2eaff !important;
}

.table-highlight-color-3 {
    background-color: #FECD559c !important;
}

.table-highlight-color-3:hover {
    background-color: #FECD55ff !important;
}

.table-highlight-color-4 {
    background-color: #97FB989c !important;
}

.table-highlight-color-4:hover {
    background-color: #97FB98ff !important;
}


.popUpWindowSimple {
    width: 75%;
    height: 50%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 1vw;
    border: solid;
    border-width: 1px;
}

.popUpWindowSimpleHeader {
    min-height: 15%;
    width: 100%;
    border-bottom: solid;
    border-width: 2px;
    justify-content: center;
    display: flex;
    background-color: coral;
    border-top-right-radius: 1vw;
    border-top-left-radius: 1vw;
    background-image: linear-gradient(180deg, rgba(129,176,233,1) 0%, rgba(66,134,223,1) 35%, rgba(37,93,199,1) 100%);
}

.popUpWindowSimpleHeaderText {
    min-width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    font-size: calc(1.25vw + 1.25vh);
    font-family: Arial, Helvetica, sans-serif;
}

.popUpWindowSimpleMessage {
    min-height: 70%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popUpWindowSimpleMessageText {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-size: calc(2vw + 2vh);
}

.popUpWindowSimpleFooter {
    min-height: 15%;
    width: 100%;
    /*border-top: solid;*/
    border-width: 2px;
    justify-content: center;
    display: flex;
}

.popUpWindowSimpleFooterButtons {
    min-width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(1vw + 1vh);
}

.fullPageContent {
    min-width: 1150px;
    width: calc(100vw - 400px) !important;
}

.popUpWindowSimpleSmall {
    width: 40%;
    height: 35%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 1vw;
    border: solid;
    border-width: 1px;
    filter: drop-shadow(0px 0px 15px #000);
    min-height: 12rem;
}

.popUpWindowSimpleHeaderSmall {
    min-height: 2rem;
    width: 100%;
    border-bottom: solid;
    border-width: 2px;
    justify-content: center;
    display: flex;
    background-color: coral;
    border-top-right-radius: 1vw;
    border-top-left-radius: 1vw;
    background-image: linear-gradient(180deg, rgba(129,176,233,1) 0%, rgba(66,134,223,1) 35%, rgba(37,93,199,1) 100%);
}

.popUpWindowSimpleHeaderTextSmall {
    min-width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    font-size: calc(1vw + 1vh);
    font-family: Arial, Helvetica, sans-serif;
}

.popUpWindowSimpleMessageSmall {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 10rem;
    height: 100%;
}

.popUpWindowSimpleMessageTextSmall {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}

.popUpWindowSimpleMessageTextAreaSmall {
    width: 100%;
    border: none;
    text-align: center;
    resize: none;
    font-size: calc(.75vw + .75vh);
    min-height: 5rem !important;
    height: 12rem;
}

.popUpWindowSimpleFooterSmall {
    min-height: 15%;
    width: 100%;
    /*border-top: solid;*/
    border-width: 2px;
    justify-content: center;
    display: flex;
}

.popUpWindowSimpleFooterButtonsSmall {
    min-width: 90%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /*font-size: calc(0.85vw + 0.85vh);*/
    font-size: calc(0.65vw + 0.65vh);
}

.popUpWindowSimpleFooterButtonsSmall a {
    font-size: calc(0.65vw + 0.65vh);
    min-width: 4em;
}

.pupUpWindowHeaderCloseButtonDiv {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0.5em;
}

.tooltip-text {
    display: none;
    position: absolute;
    font-family: Tahoma;
    font-size: 0.92rem;
    font-weight: normal;
    color: #000000;
    cursor: default;
    /*white-space: nowrap;*/
    -moz-user-select: none;
    border-top: #eaf2fb 1px solid;
    border-bottom: #eaf2fb 1px solid;
    background-color: #eaf2fb;
    border: #263f49 1px solid;
    /*overflow: hidden;*/
    padding: 10px;
    z-index: 9;
}

.tooltip-master:hover .tooltip-text {
    display: block;
}

.mouseActionRight:hover{
    cursor: pointer;
}

.listTaskExamItem {
    background-color: transparent;
}

.listTaskExamItem:hover {
    background-color: #e2e2e2;
    cursor: pointer;
}

.taskInExam {
    background-color: #7ccbff;
}

.taskInExam:hover {
    background-color: #7ccbff54
}

.hidden{
    display: none;
}

.ASPRadioButtonList td{
    display: flex;
    align-items: center;
}

.ASPRadioButtonList td label{
    margin-left: 10px;
}

.loadingPopUpParent {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.loadingScreenLoadingExtensions {
    display: none;
    flex-direction: column;
    justify-content: center;
    border-radius: 5px;
    background-color: white;
    min-width: 300px;
    max-width: 300px;
}

.loadingScreenloaderProgressBar {
    display: none;
    justify-content: center;
}

.loadingScreenLoaderProgressBarContainer {
    border: solid;
    border-radius: 5px;
    border-width: 2px;
    height: 30px;
    width: 290px;
    display: flex;
    margin: 5px;
    justify-content: flex-start;
}

.loadingScreenLoaderProgressBarBackground {
    background-color: #0000ff54;
    height: 100%;
    width: 63%;
    transition: width 1s ease-in-out 0s;
}

.loadingScreenLoaderProgressPercent {
    position: absolute;
    left: 40%;
    margin-right: 5%;
    margin-left: 5%;
}

.loadingScreenloaderMessage {
    display: none;
    justify-content: center;
}

.text-overflow-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 40ch;
    white-space: nowrap;
}

.GridListItemTopBottom {
    border-bottom: solid 1px;
    color: #000;
}

.GridListItemTopBottom:hover {
    background-color: #e2e2e2;
    cursor: pointer;
}

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

.NotEnrolledByCourseRole {
    background-image: linear-gradient(45deg, #00000080 1.5%, transparent 1.5%, transparent 98.5%, #00000080 98.5%, #00000080 100%, transparent 100%, #fff);
}

.PointerHover:hover {
    cursor: pointer;
}

#objFrame {
    border: none;
}

.expiredData {
    filter: invert(66%) sepia(88%) saturate(303%) hue-rotate(349deg) brightness(103%) contrast(105%);
}

.externalCertificate {
    background-color: #ffc175;
}