/*
 * Contents Overview
 * =================
 *
 * - Desktop/DesktopHome (main framework pages)
 * - Lightbox (main framework pages)
 * - Classes for specific controls
 *   + LanguageSelectionControl
 *   + classes for typical tables
 *   + SideNavigation (Forums/DataExchangeArea)
 *   + ToggleControl
 * - Theme Info
 * - Test Results
 * - Test Learning Paths
 * - Bookmarks
 * - Appointments
 * - LearnerDesktop/Content/Curriculum.ascx
 * - Teilnehmer Page
 * - Sitemap
 * - Announcements
 * - Library
 */



/* ========================================================================= */
/*             Desktop/DesktopHome (main framework pages)                    */

/* Everything that has to do with the LOGO */

/* 8.0 */
#headerLogoArea {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 300px;
    height: 90px;
}

.LD_Navigation_Banner {
    border: none;
    background-repeat: no-repeat;
    width: auto;
    background-color: transparent; /* in BaseLearnerDesktop, we define WHITE, override */
}

.LD_Navigation_Banner_Logo_Container {
    width: 300px;
    height: 90px;
    background-repeat: no-repeat;
}

.LD_Navigation_Banner_Logo {
    width: 300px;
    height: 90px;
}


/* Header tabs */
div.tabs ul.ui-tabs-nav {
    background-image: url(../../Images/_SysImages/LearnerDesktop/shadow_menu.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

div.tabs {
    overflow: hidden;
}

.LD_Control_TabControl div.tabs {
    overflow: visible;
}

div.tabs > ul {
    height: 22px;
    margin-bottom: 15px;
}

    .ui-tabs .ui-tabs-nav li {
        float: left;
        width: 190px;
        text-align: center;
        padding-top: 7px;
        padding-bottom: 2px;
        cursor: pointer;
        -ms-user-select: none;
    }

div.LD_Control_TabControl li.LD_MainNavi_Separator {
    height: 22px;
}

div.LD_Control_TabControl li.LD_MainNavi_Separator {
    padding: 0;
    margin: 0;
    width: 2px;
    background-image: url(../../Images/_SysImages/LearnerDesktop/divider_mainNavigation.png);
    margin-top: -2px; /* fix for a little visual issue because of the image not being properly transparent */
}


/* Everything that as to do with the main navigation */
#headerNavigationMain {
    height: 48px;
    position: relative;
}

/* Applicable to main and meta navigation */
#headerNavigationMain ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#mainNavi, #metaNavi {
    height: 48px;
    border-width: 1px 0;
    border-style: solid;
    box-sizing: border-box;
}

    #headerNavigationMain li {
        margin: 0;
        padding: 0;
        display: block;
        border-width: 0;
        border-style: solid;
    }

        #headerNavigationMain li a,
        #headerNavigationMain li a:hover {
            display: block;
            text-decoration: none;
            white-space: nowrap;
            font-size: 15px;
            height: 46px;
        }

    #mainNavi > li,
    #metaNavi > li {
        text-align: center;
        border-left-style: solid;
        border-left-width: 1px;
        -ms-user-select: none;
        line-height: 44px;
        white-space: nowrap;
    }

    /* Applicable only to the main navigation*/
    #mainNavi > li {
        font-size: 15px;
        position: relative;
        display: block;
        float: left;
        width: 179px;
        height: 46px;
    }

        #mainNavi > li:last-child {
            border-right-style: solid;
            border-right-width: 1px;
        }


    #mainNavi li.LD_MainNavi_Separator {
        display: none;
    }

        /* Entry specific styles */
        #mainNavi li.home {
            width: 69px;
            border-left-width: 0;
            font-size: 0;
        }

        #mainNavi li.home:hover,
        #mainNavi li.home.LD_MainNavi_Item_Level1_Selected {
            width: 68px;
            border-left-width: 1px;
            border-left-style: solid;
        }

            #mainNavi li.home a {
                padding-top: 12px;
                box-sizing: border-box;
            }


        /* Sub menus */
        #mainNavi li ul {
            position: absolute;
            display: none;
            top: 46px;
            left: 0;
            z-index: 100;
            border-style: solid;
            border-width: 1px 1px 0 1px;
        }
            /* Shows the sub menu on hover of the parent li */
            #mainNavi li:hover ul {
                display: block;
            }

            #mainNavi li ul li {
                min-width: 178px;
                position: relative;
                border-width: 0 0 1px 0;
            }

                #mainNavi li ul li a {
                    padding: 0 40px 0 48px;
                    line-height: 46px;
                    text-align: left;
                }

                #mainNavi li ul li.LD_Header_Navigation_FirstSubMenu {
                    display: none;
                }

                #mainNavi li ul li.LD_Header_Navigation_LastSubMenu {
                    display: none;
                }


        #mainNavi div.LD_IconTopNavigationSub {
            display: none;
        }

.LD_BottomBorder_LinkColor {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* Meta-Navigation Top specific (Search, FAQ logout etc.) */
#LD_Header_Navigation_Search {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 379px;
    z-index: 1;
    overflow: hidden;
}

#divSearch {
    position: absolute;
    top: 0;
    left: 0;
    width: 379px;
}

#metaNavi {
    display: table;
    width: 379px;
}

#metaNavi > li {
    display: table-cell;
    border-left-width: 1px;
}

#metaNavi > li.spacer {
    width: 100% !important;
    border-left-width: 0;
}

#metaNavi > li a,
#metaNavi > li a:hover {
    padding: 0 5px;
    /* Required to prevent extra space between the nested inline block elements */
    font-size: 0;
    height: 46px;
}

    /* When we have extra space ensure that each item has a reasonable amount of padding,
        this also ensures the 100% width "spacer" item doesn't squash all the padding out
        of the other items  */
    #metaNavi.spaced li a {
        padding: 0 10px;
    }

#metaNavi li div {
    vertical-align: middle;
    display: inline-block;
    text-align: left;
}

#metaNavi li a div.metalink {
    font-size: 13px;
    margin-top: 1px;
}


#metaNavi > li:last-child {
    width: 50px;
}


/* The last item has the page padding to the right and is aligned with it */
#metaNavi li:last-child a {
    /* we set a zero left padding as with the wider right padding the table cell layout tends to automatically
        add more left padding, this counters that to a certain extent */
    padding: 0 24px 0 20px;
    text-align: right;
}

    /* But when a spacer is present in the meta nav set a fixed padding on the last item so that the
       100% width spacer cell doesn't crush all the space on the left to nothing */
    #metaNavi.spaced li:last-child a {
        padding-left: 10px;
    }


/* Meta-Navigation Bottom */
#metaNaviBottom {
    float: right;
    text-align: right;
    margin-left: auto;
}

#divLanguageSelector {
    float: left;
}

#metaNaviTop {
    width: 250px; /* This has some extra space for tolerance to prevent ugly line-breaks (nowrap doesn't help here) */
    padding-top: 73px;
}

#metaNaviBottom {
    width: 400px; /* This has some extra space for tolerance to prevent ugly line-breaks (nowrap doesn't help here) */
}

.LD_MetaNavi {
    margin: 0px;
    padding: 0px;
    list-style: none;
}


#metaNaviTop a:hover,
#metaNaviBottom a:hover {
    text-decoration: underline;
}

#metaNaviTop li,
#metaNaviBottom li {
    float: right;
    text-align: center;
}

#divLanguageSelector li {
    float: left;
}

li.LD_MetaNavi_Separator {
    padding: 0;
    margin: 0;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: -6px; /* fix for a little visual issue because of the image not being properly transparent */
    width: 2px;
    height: 20px;
    background-image: url(../../Images/_SysImages/LearnerDesktop/divider_metaNavigation.png);
}



/* Everything that has to do with the search box */


/* Everything that has to do with the Breadcrumb */

.LD_Area_Breadcrumb /* This must be a class because it is accessed that way in legacy javascript code */ {
    padding-top: 20px;
    padding-left: 24px; /* 24px + 20px */
    padding-right: 24px;
    /*margin-bottom: 22px;*/ /* 22 will have the effect of 25px visual distance in Firefox; in IE6 it's 26px ;-) */
}

div.LD_Breadcrumb {
    background-color: transparent;
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    div.LD_Breadcrumb div {
        padding-left: 0px;
        padding-right: 5px;
        float: left;
        display: block;
        text-overflow: ellipsis;
        max-width: 170px;
        white-space: nowrap;
        overflow: hidden;
    }


/*.LD_Back {*/
    /* used to deactivate link on click using jQuery to prevent "double click" */
/*}*/


.LD_LinkBack_Bottom {
    margin-bottom: 4px;
}

.LD_LinkInContent {
    display: block;
    padding: 0px;
    padding-left: 12px;
}

.LD_Back.LD_LinkInContent {
    padding-left: 0;
}

.LD_LinkBack_Top .LD_LinkInContent,
.LD_LinkBack_Bottom .LD_LinkInContent {
    display: inline;
}

.LD_LinkBack_Top .LD_LinkInContent {
    margin-bottom: 20px;
}

div.LD_Room_FAQEntries span.LD_NoEntriesFound {
    margin-top: 20px;
}

#mainPageArea {
    margin-top: 0;
    padding: 0;
}

#contentAreaMain {
    padding-top: 15px; /*new layout 9.1*/
    padding-left: 0px;
    padding-right: 0px;
}

div.HomeScreen #contentAreaMain {
    padding-left: 24px;
    padding-right: 24px;
}

#contentAreaMainName {
    padding-left: 24px;
    overflow: hidden;
}

div.HomeScreen #contentAreaMainName {
    padding-left: 0px; /*since already from the container div*/
}

.LD_HomePage_HeadArea {
    margin-bottom: 20px;
}

#innerContentArea {
    padding: 20px;
    padding-left: 24px;
    padding-right: 24px;
    min-height: 200px;
}


#innerFooter {
    background-image: url(../../Images/_SysImages/LearnerDesktop/shadow_content_footer.png); /* 948, 14 */
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 34px; /* 14px of shadow + 20px actual padding */
    padding-bottom: 15px;
}

#outerFooter {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}






/*             Desktop/DesktopHome (main framework pages)                    */
/* ========================================================================= */


/* ========================================================================= */
/*             Lightbox (main framework pages)                               */

.LD_OverflowEllipsis {
    white-space: nowrap;
    overflow: hidden;
    /* See also: http://www.mattsnider.com/css-string-truncation-with-ellipsis/ */
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; /* needed for Opera */
    -ms-text-overflow: ellipsis; /* needed for IE8 (and possibly IE9) */
}

body.LD_Body_LightBox .LD_Title_Lightbox
{
    width: 360px;
}

/*for titles which are not in a lightbox (see selector before) we can use the whole page width for the title*/
.LD_Title_Lightbox
{
    width: 876px;
}


/*             Lightbox (main framework pages)                               */
/* ========================================================================= */


/* Classes for specific controls */


/*************   START LanguageSelectionControl   *************/

li.LD_LanguagePicker_Label {
    margin-right: 10px;
}

li.LD_LanguagePicker_Selectable a:hover {
    text-decoration: none;
}

li.LD_LanguagePicker_Selected {
    font-weight: bold;
}

/* See BaseLD_Icons.css for flag style classes */

/*************   END LanguageSelectionControl   *************/


/* BEGIN classes for typical tables */

/* These two are used by ThemesTutors.ascx (and that page alone) */

.LD_Default_TableHeader {
    text-align: left;
    font-weight: normal;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding-bottom: 2px;
}

.LD_Default_TableCell {
    /* border-bottom-color defined in "Colors" */
    border-bottom-style: solid;
    border-bottom-width: 1px;
    line-height: 35px;
    height: 35px;
}

/* END classes for typical tables */






/************* START SideNavigation (Forums/DataExchangeArea) *************/

.LD_SideNav {
    width: 240px;
}

.LD_Forums_TreeRow {
    /* This is a pseudo style use to set the maximum chars for the tree view control before three dots (...) appear */
    MaxCharsForTitle: 25;
}

.LD_SideNav_Dataexchange_OffsetHeight {
    height: 165px;
}

/*************  END SideNavigation (Forums/DataExchangeArea)  *************/


/*************      START ToggleControl           *************/
/* NOTE: This is the new, generic Viversa 6.0 toggle control! */

div.LD_ToggleMainDiv,
tr.LD_ToggleHistoryRow {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

div.LD_Room_LearningRecommendations div.LD_ToggleMainDiv,
div.LD_Room_EducationalHistory div.LD_ToggleMainDiv {
    border-bottom-style: none;
}

div.LD_Room_EducationalHistory .LD_ToggleControl_ToggleTable_Date {
    text-align: left;
}


/* Use this for general toggle control table styles */
table.LD_ToggleControl_Table {
    /* NOTE: cellpadding/cellspacing is included in HTML as there is
     *       no proper CSS replacement for this which works properly
     *       in IE 6 */
    width: 100%;
    border-collapse: collapse;
}

table.LD_ToggleControl_ToggleTable {
    height: 25px;
}


/* Use this for general toggle control row styles (e.g. height); do NOT use this for defining colors! */
tr.LD_ToggleControl_Row_Level1 {
    height: 40px;
}

    /* Borders must be put to "td" but we need no separate style for this! */
    tr.LD_ToggleControl_Row_Level1 > td {
        border-left: none;
        border-right: none;
        border-top: none;
        margin-top: 10px;
        margin-bottom: 10px;
        height: 20px; /* needed for Safari to work correctly; otherwise the rows "shrink" ;-) */
    }


/* Use this for general toggle control row styles (e.g. height); do NOT use this for defining colors! */
tr.LD_ToggleControl_Row {
    height: 30px;
}

    /* Borders must be put to "td" but we need no separate style for this! */
    tr.LD_ToggleControl_Row > td {
        border-left: none;
        border-right: none;
        border-top: none;
        margin-top: 5px;
        margin-bottom: 5px;
        height: 20px; /* needed for Safari to work correctly; otherwise the rows "shrink" ;-) */
    }

/* This is used only from code to determine the start indentation for the "tree-like" structure */
.LD_ToggleControl_ToggleTable_StartIndentation {
    padding-left: 5px;
}

/* Inner table for opening / closing subtrees with arrow-icons and description of subtree */
.LD_ToggleControl_ToggleTable {
    width: 100%; /* Make sure this always fills the area available! */
    height: 100%;
    /*font-size: 13px;
    font-weight: bold;*/
}

.LD_ToggleControl_ToggleTable_Toggle {
    cursor: hand;
    cursor: pointer;
}

/* IMPORTANT: This *must* be included in mandator-css files if they do any changes to the borders! */
/*            If you remove it, you well get "double borders" in the ToggleControl!              > */
.LD_ToggleControl_ToggleTable tr td {
    vertical-align: middle;
    border: none;
}
/* < Include until here */

/* Used for items that are currently not available (usually greyed out) */
.LD_ToggleControl_ToggleTable_Disabled,
.LD_RaquoControl_Disabled,
.LD_RaquoControl_Disabled span,
.LD_RaquoControl_Disabled:hover {
    cursor: default;
}

.LD_ToggleControl_ToggleTable_Warning {
    font-size: 13px;
    width: 270px;
    line-height: normal;
    padding-left: 5px;
    padding-right: 5px;
}

.LD_ToggleControl_ToggleTable_Location {
    width: 150px;
    white-space: nowrap;
    text-align: center;
}

.LD_ToggleControl_ToggleTable_Date {
    width: 200px;
    white-space: nowrap;
    text-align: center;
}


/* General style attributes for all arrows (open / loading / close) */
.LD_ToggleControl_ToggleChildren {
    font-size: 3px;
    width: 15px; /* There *must* be a width in this class - it is required by the code! */
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0px;
    margin-top: 5px;
    margin-right: 7px;
}

.LD_ToggleControl_ItemTitle:focus-visible {
    outline: 2px solid var(--color-brand);
}


/* ToggleControl Color-schemes for specific levels and / or pages (page-specific schemes should be avoided!) */

/* Colors / borders for top level rows */
tr.LD_Toggle_Level1 > td {
    /* border-top-color defined in colors */
    border-top-style: solid;
    border-top-width: 1px;
}

tr.LD_Toggle_Level1:first-child > td {
    border-top: none;
}

/* Colors / borders for the second level (used by all controls; often is "top" level, see below) */
tr.LD_Toggle_Level2 {
}

/* Colors / borders for the bottom level rows (these have no children!) */
tr.LD_Toggle_Level3 {
}

tr.LD_ToggleControl_Row_BottomLevel_Alt {
    /* Use this for defining a second color for alterating rows (first row is without this, second with) */
}

tr.LD_ToggleControl_Row_BottomLevel_ItemType {
}

.LD_ToggleControl_ItemTypeIcon {
    margin-right: 7px;
}

/* helping class for having right boxing and wrapping around the elements */
.LD_ToggleControl_MultiView {
    padding-left: 41px; /*since padding 2*7 and Raquo and Icon width*/
}

.LD_ToggleControl_RaQuo, .LD_RaQuo {
    margin-right: 7px;
    /*line-height: 20px;*/
}

.LD_RaQuoButton /* Same color as icons */ {
    margin-right: 7px;
    line-height: 20px;
    vertical-align: middle;
}

/* Helper style (used by training title info, listing of training events) */

.LD_ToggleControl_Column_Booking {
    width: 150px; /* This is important to avoid "squeezing" when no children are displayed */
    padding-right: 3px;
    padding-left: 3px;
    text-align: left;
}

/* Styles specific to the "curriculum" view */

.LD_ToggleControl_Column_Info {
    /* previously: 90px, now 100px; */
    width: 130px; /* This is important to avoid "squeezing" when no children are displayed */
    padding-right: 3px;
    padding-left: 3px;
    text-align: left;
}

    .LD_ToggleControl_Column_Info a:link,
    .LD_ToggleControl_Column_Info a:visited,
    .LD_ToggleControl_Column_Info a:hover {
        text-decoration: none;
    }

.LD_ToggleControl_Column_Participants {
    /* was 90px, now 100px */
    width: 100px; /* This is important to avoid "squeezing" when no children are displayed */
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
}

.LD_ToggleControl_Column_StatusEduOffers {
    width: 30px; /* This is important to avoid "squeezing" when no children are displayed */
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
}

.LD_ToggleControl_Column_Dependency {
    width: 20px; /* This is important to avoid "squeezing" when no children are displayed */
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
}

.LD_ToggleControl_Column_VoluntaryOverride {
    width: 20px; /* This is important to avoid "squeezing" when no children are displayed */
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
}

.LD_ToggleControl_Column_PotentialUserCreditPoints {
    width: 65px !important;
    text-align: right;
    padding-right: 10px;
}

.LD_ToggleControl_Column_Participants a:link,
.LD_ToggleControl_Column_Participants a:visited,
.LD_ToggleControl_Column_Participants a:hover {
}

.LD_ToggleControl_Column_Participants a span /* NOTE: This is needed for correct rending on IE */ {
    cursor: pointer;
}


.LD_ToggleControl_Column_Status {
    text-align: center;
}

.LD_ToggleControl_Dependency_Available {
}

.LD_ToggleControl_Dependency_NotAvailable {
}


.LD_ToggleControl_Column_CreditPoints_Date,
.LD_ToggleControl_Column_CreditPoints_Value {
    white-space: nowrap;
    width: 150px;
}

.LD_ToggleControl_Column_CreditPoints_Date {
    text-align: left;
}

.LD_ToggleControl_Column_CreditPoints_Value {
    text-align: left;
}


/*************      END ToggleControl           *************/


/*************        START Theme Info          *************/

/* TODO: Please fix these names - they do not conform the naming convention! */
.LD_LomInfo_LomListe {
    width: 100%; /* needed for Firefox - if this is missing, a horizontal scrollbar appears! */
    list-style-type: none;
    font-size: 13px;
    margin-left: 0px;
    padding-right: 12px;
}

/* TODO: Please fix these names - they do not conform the naming convention! */
.LD_LomInfo_LomFont {
    width: 100%; /* needed for Firefox - if this is missing, a horizontal scrollbar appears! */
    font-size: 13px;
    font-weight: normal;
}

/* TODO: Please fix these names - they do not conform the naming convention! */
.LD_LomInfo_LomHeader {
    font-weight: bold;
}

/*************        END Theme Info              *************/


/*************   START LearnerDesktop/Stats/LearningProgramResults.ascx   *************/

.LD_SubRoom_Curriculum_LearningProgramStatus div.LD_Default_TableHeader div.LD_FloatLeft {
    padding-top: 5px;
}

.LD_LearningStatus_StatusCell {
    text-align: center;
    width: 160px;
}


/*************   END LearnerDesktop/Stats/LearningProgramResults.ascx   *************/

/*************   START LearnerDesktop/Stats/TestLearningPaths.ascx   *************/

.LD_TestLearningPaths_Headline {
    font-weight: normal;
}

.LD_TestLearningPaths_Headline_Spacing {
    padding-bottom: 20px;
    padding-top: 20px;
}

.LD_TestLearningPaths_Table {
    width: 100%;
}

    .LD_TestLearningPaths_Table tr {
        height: 20px;
    }

.LD_TestLearningPaths_Theme {
    height: 18px;
    vertical-align: top;
}

.LD_TestLearningPaths_DirectLinks {
    font-weight: bold;
}

a.LD_TestLearningPaths_DirectLink {
    font-weight: normal;
    font-size: 13px;
    text-decoration: none;
    padding-left: 5px;
}

.LD_IndentChild,
.LD_TestLearningPaths_LWR_passed {
    padding-left: 20px;
}

.LD_TestLearningPaths_LWR_passed {
    float: left;
}

/*************   END LearnerDesktop/Stats/TestLearningPaths.ascx   *************/


/*************   START LearnerDesktop/Content/Bookmarks.ascx   *************/

.LD_Bookmarks_NoBookmarks {
    font-size: 13px;
}

.LD_Bookmarks_RenameBackground {
    background-color: #DAD8D9;
}

.LD_Bookmarks_Theme {
    font-size: 13px;
    font-weight: bold;
}

.LD_Bookmarks_Table {
    width: 100%;
    font-size: 13px;
}

    .LD_Bookmarks_Table td {
        vertical-align: middle;
        text-align: left;
    }

.LD_Bookmarks_Table_Header td {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding-bottom: 5px;
}

.LD_Bookmarks_Arrow {
    padding-left: 20px;
    font-weight: bold;
}

.LD_Bookmarks_CatalogEntry {
    color: Black;
}

    .LD_Bookmarks_CatalogEntry:hover {
        text-decoration: none;
    }

.LD_Bookmarks_Description {
    padding-left: 5px;
}

a.LD_Bookmarks_LinkButton {
    color: Black;
}

    a.LD_Bookmarks_LinkButton:hover {
        cursor: pointer;
    }


/*************   END LearnerDesktop/Content/Bookmarks.ascx   *************/

/*************    START LearnerDesktop/Communication/Appointments    *************/

/* Calendar */
.LD_Appointments_Annotations td {
    width: 25%;
    height: 5px;
    text-align: center;
    border-left: 10px solid;
    font-size: 13px;
}

.LD_Appointments_Annotations_From {
    background-color: Black;
}

.LD_Appointments_Annotations_Today {
    background-color: Red;
}

.LD_Appointments_Annotations_Start {
    background-color: #1191C6;
}

.LD_Appointments_Annotations_Remain {
    background-color: #016196;
}


.LD_Calendar {
    background-color: White;
    font-size: 13px;
    color: black;
    width: 170px;
    height: 170px;
    border: 1px solid white;
    border-collapse: separate !important;
}

.LD_Calendar_TitleStyle {
    /* Color defined in "Colors" */
}

.LD_Calendar_NextPrevStyle a {
    text-decoration: none;
    font-size: 16px;
}

.LD_Calendar_DayHeaderStyle {
    color: Black;
    height: 18px;
}

.LD_Calendar_DayStyle {
    border: 1px solid white;
    background-color: #EEEEEE;
}

.LD_Calendar_OtherMonthStyle {
    border: 1px solid white;
    background-color: #EEEEEE;
}

.LD_Calendar_WeekendStyle {
    border: 1px solid white;
    background-color: #EEEEEE;
}

.LD_Calendar_SelectedDay {
    outline: 1px solid black;
    border: 1px solid black;
    background-color: #EEEEEE !important;
}

    .LD_Calendar_SelectedDay a {
        color: Black !important;
    }

.LD_Calendar_TodayDayStyle {
    border: 1px solid red;
    color: Black;
    font-weight: bold;
}

.LD_Calendar_SelectorStyle {
    background-color: #ff0000;
}

.LD_Calendar_AppointmentStartStyle {
    color: White !important;
    background-color: #1191C6 !important;
}

.LD_Calendar_AppointmentStyle {
    color: White !important;
    background-color: #016196 !important;
}

.LD_Calendar_TgIgnore_Checkbox label {
    display: inline;
    vertical-align: top;
}

/* Style of action button labels*/
.LD_Calendar_ActionLabel {
}

/* Style of action button labels*/
.LD_Appointments_CreateEdit {
    width: 100%;
    background-color: #EEEEEE;
    padding: 20px;
}

    .LD_Appointments_CreateEdit Label {
        vertical-align: middle;
    }

.LD_Appointments_TargetGroups Label {
    display: inline;
    vertical-align: top;
}


.LD_Appointments_DetailsTable {
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-size: 13px;
    border-spacing: 0;
    border-collapse: collapse;
}

.LD_Appointments_DetailsTable_HeaderRow a {
    text-decoration: none;
    cursor: pointer;
    padding-right: 10px;
}

.LD_Appointments_DetailsTable_HeaderRow td {
    padding-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    height: 30px;
}

.LD_Appointments_DetailsTable_Row td {
    padding-bottom: 2px;
    padding-right: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    height: 30px;
    vertical-align: middle;
}

.LD_Appointments_DetailsPageContentHyperlink {
    text-align: left;
    text-decoration: none;
    color: #7A7A7A;
    font-weight: bold;
    font-size: 13px;
    border: collapse 0px;
    display: block;
    vertical-align: middle;
}

/* Appointments/Dataexchange */
.LD_Dataexchange_Navigation {
    overflow: auto;
}

.LD_Dataexchenge_NavigationTable {
    width: 190px;
}


/*************    END LearnerDesktop/Communication/Appointments    *************/

/*************   START LearnerDesktop/Communication/FAQ         *************/

.LD_FAQ_Header {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding-bottom: 5px;
    font-size: 14px;
}

/*************    END LearnerDesktop/Communication/FAQ          *************/

/*************   START LearnerDesktop/Content/Curriculum.ascx   *************/


div.LD_Room_Curriculum div#divEduOfferSelector {
    padding-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

    div.LD_Room_Curriculum div#divEduOfferSelector div {
        float: left;
        padding-right: 10px;
    }

div.LD_Room_Curriculum div#divNoItemsAvailable {
    padding-top: 20px;
}


/*************   END LearnerDesktop/Content/Curriculum.ascx   *************/


/*************   START LearnerDesktop/Content/EducationalOfferings/LearningProgramList.ascx   *************/

div.LD_Room_EduOffers ul.ui-tabs-nav {
    margin-bottom: 0px;
}

/*************   END LearnerDesktop/Content/EducationalOfferings/LearningProgramList.ascx   *************/


/*************   START Teilnehmer Page   *************/
div.LD_Room_Curriculum.LD_SubRoom_Curriculum_EduOfferParticipants div.LD_Users_HeadLine,
div.LD_Area_Contents.LD_Room_OnlineUsers div.LD_Users_HeadLine,
div.LD_Area_Contents.LD_SubRoom_Curriculum_LearningProgramTutors div.LD_Users_HeadLine {
    padding-bottom: 30px;
}

div.LD_Room_Curriculum.LD_SubRoom_Curriculum_EduOfferParticipants div.LD_Users_ViewContentRow,
div.LD_Area_Contents.LD_Room_OnlineUsers div.LD_Users_ViewContentRow,
div.LD_Area_Contents.LD_SubRoom_Curriculum_LearningProgramTutors div.LD_Users_ViewContentRow {
    padding-bottom: 5px;
    overflow: auto;
}

    div.LD_Room_Curriculum.LD_SubRoom_Curriculum_EduOfferParticipants div.LD_Users_ViewContentRow div.LD_Users_LinkMailSpacer,
    div.LD_Area_Contents.LD_Room_OnlineUsers div.LD_Users_ViewContentRow div.LD_Users_LinkMailSpacer {
        float: left;
        width: 30px;
        height: 20px;
    }

div.LD_Room_Curriculum.LD_SubRoom_Curriculum_EduOfferParticipants div.LD_Users_InnerView,
div.LD_Area_Contents.LD_Room_OnlineUsers div.LD_Users_InnerView,
div.LD_Area_Contents.LD_SubRoom_Curriculum_LearningProgramTutors div.LD_Users_InnerView {
    padding-left: 10px;
}

div.LD_Room_Curriculum.LD_SubRoom_Curriculum_EduOfferParticipants span.LD_Users_SearchButton,
div.LD_Area_Contents.LD_Room_OnlineUsers span.LD_Users_SearchButton {
    display: block;
    float: left;
    margin-left: 10px;
}

div.LD_Room_Curriculum.LD_SubRoom_Curriculum_EduOfferParticipants div.LD_Users_InnerView span.LD_Users_ChkUserState,
div.LD_Area_Contents.LD_Room_OnlineUsers div.LD_Users_InnerView span.LD_Users_ChkUserState {
    display: block;
    float: left;
    margin-left: 10px;
}

    div.LD_Room_Curriculum.LD_SubRoom_Curriculum_EduOfferParticipants div.LD_Users_InnerView span.LD_Users_ChkUserState input,
    div.LD_Area_Contents.LD_Room_OnlineUsers div.LD_Users_InnerView span.LD_Users_ChkUserState input {
        float: left;
    }


div.LD_Room_Curriculum.LD_SubRoom_Curriculum_EduOfferParticipants div.LD_TextBox,
div.LD_Area_Contents.LD_Room_OnlineUsers div.LD_TextBox {
    padding-top: 10px;
    padding-bottom: 20px;
}

    div.LD_Room_Curriculum.LD_SubRoom_Curriculum_EduOfferParticipants div.LD_TextBox span.LD_Validator,
    div.LD_Area_Contents.LD_Room_OnlineUsers div.LD_TextBox span.LD_Validator {
        float: left;
        display: block;
        padding-left: 3px;
    }

    div.LD_Room_Curriculum.LD_SubRoom_Curriculum_EduOfferParticipants div.LD_TextBox div.LD_Error,
    div.LD_Area_Contents.LD_Room_OnlineUsers div.LD_TextBox div.LD_Error {
        padding-top: 10px;
    }


    div.LD_Room_Curriculum.LD_SubRoom_Curriculum_EduOfferParticipants div.LD_TextBox span.LD_Users_ChkUserState label,
    div.LD_Area_Contents.LD_Room_OnlineUsers div.LD_TextBox span.LD_Users_ChkUserState label {
        display: block;
        line-height: 20px;
        float: left;
    }

div.LD_Room_Curriculum.LD_SubRoom_Curriculum_EduOfferParticipants .LD_Users_UserName,
div.LD_Area_Contents.LD_Room_OnlineUsers .LD_Users_UserName,
div.LD_Area_Contents.LD_SubRoom_Curriculum_LearningProgramTutors .LD_Users_UserName {
    display: inline-block;
    width: 300px;
}

div.LD_Room_Curriculum.LD_SubRoom_Curriculum_EduOfferParticipants span.LD_Users_UserOffline,
div.LD_Area_Contents.LD_Room_OnlineUsers span.LD_Users_UserOffline {
    padding-left: 10px;
}

/*************   END Teilnehmer Page   *************/
/*************   START LearnerProfile Page **********/
div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile div.LD_Profile_ProfileData_View > div,
div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_View > div {
    float: left;
    width: 350px;
}

    div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile div.LD_Profile_ProfileData_View > div.LD_Profile_GdvData,
    div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_View > div.LD_Profile_GdvData {
        float: none;
        width: auto;
    }

div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile table,
div.LD_Room_LearnerProfile table {
    border-spacing: 0px;
    line-height: 20px;
}

div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile div.LD_Profile_UserImage,
div.LD_Room_LearnerProfile div.LD_Profile_UserImage {
    float: left;
    text-align: right;
}

    div.LD_Room_LearnerProfile div.LD_Profile_UserImage div.LD_TextInputWrapper.LD_FileUpload,
    div.LD_TextInputWrapper.LD_FileUpload {
        position: relative;
        text-align: right;
    }

        div.LD_Room_LearnerProfile div.LD_Profile_UserImage div.LD_TextInputWrapper.LD_FileUpload span.LD_TextBox,
        div.LD_TextInputWrapper.LD_FileUpload span.LD_TextBox {
            height: 16px;
            width: 170px;
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: 100;
            text-align: left;
        }

    div.LD_Room_LearnerProfile div.LD_Profile_UserImage input.LD_FileUpload,
    input.LD_FileUpload {
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0);
        right: 0px;
        top: 0px;
        font-size: 26px;
        height: 22px;
        line-height: 22px;
        cursor: pointer;
    }

    div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile div.LD_Profile_UserImage div.LD_Profile_ActionPanel .LD_Profile_Label,
    div.LD_Room_LearnerProfile div.LD_Profile_UserImage div.LD_Profile_ActionPanel .LD_Profile_Label {
        text-align: left;
        padding-top: 11px;
        padding-bottom: 11px;
    }

    div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile div.LD_Profile_UserImage div.LD_Profile_ActionPanel div div input.LD_Sprite_SystemButton.LD_Sprite_SystemButton_Delete,
    div.LD_Room_LearnerProfile div.LD_Profile_UserImage div.LD_Profile_ActionPanel div div input.LD_Sprite_SystemButton.LD_Sprite_SystemButton_Delete {
        float: right;
        margin-left: 8px;
    }

    div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile div.LD_Profile_UserImage div.LD_Profile_ImageUserProfileWrapper_Edit,
    div.LD_Room_LearnerProfile div.LD_Profile_UserImage div.LD_Profile_ImageUserProfileWrapper_Edit
    /* div.LD_Profile_ImageUserProfileWrapper_View could be used, too (it's defined in code) */ {
        margin-top: 31px;
        margin-bottom: 21px;
        border-style: dotted;
        border-width: 1px;
        height: 170px;
    }


div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile div.LD_Profile_LowerProfileData_View div.LD_Profile_FreeInput,
div.LD_Room_LearnerProfile div.LD_Profile_LowerProfileData_View div.LD_Profile_FreeInput {
    padding-top: 21px;
}

div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile div.LD_Profile_FreeInput,
div.LD_Room_LearnerProfile div.LD_Profile_FreeInput {
    clear: both;
    width: 382px;
}


div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile td,
div.LD_Room_LearnerProfile td {
    line-height: 20px;
    vertical-align: top;
    padding: 0px;
}

div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile tr td.LD_Profile_LabelColumn,
div.LD_Room_LearnerProfile tr td.LD_Profile_LabelColumn {
    white-space: nowrap;
    padding-right: 7px;
    width: 120px;
}

div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile .LD_Section_Headline,
div.LD_Room_LearnerProfile .LD_Section_Headline {
    padding-bottom: 11px;
}

.LD_Section_SubHeadline {
    padding-bottom: 7px;
    display: block;
}

div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile div.LD_IconToIcon div.LD_Spacer,
div.LD_Room_LearnerProfile div.LD_IconToIcon div.LD_Spacer {
    display: inline;
    float: left;
}

div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile div.LD_Profile_ProfileData_View div.LD_IconToIcon div.LD_Spacer,
div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_View div.LD_IconToIcon div.LD_Spacer {
    padding-right: 7px;
}

div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile div.LD_Profile_ProfileData_Edit div.LD_IconToIcon,
div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit div.LD_IconToIcon {
    display: block;
    zoom: 1;
}

.LD_ThreeColumnSetup_FirstTwo {
    width: 580px;
    margin-right: 20px;
    float: left;
}

.LD_SectionBottomSpacer {
    padding-bottom: 17px; /* This ends up being 30px with other space */
}

.LD_TwoColumnSetup,
.LD_TwoColumnSetup_Second,
.LD_ThreeColumnSetup,
.LD_ThreeColumnSetup_Third,
div.LD_Profile_UserOptions div.LD_SearchResults_LeftPanel {
    float: left;
}

.LD_TwoColumnSetup {
    width: 400px;
    margin-right: 70px;
}

.LD_TwoColumnSetup_Second {
    width: 400px;
    margin-right: 0px;
}

.LD_ThreeColumnSetup {
    width: 280px;
    margin-right: 20px;
}

.LD_ThreeColumnSetup_Third {
    width: 230px;
    margin-right: 0px;
}

div.LD_Profile_UserOptions div.LD_SearchResults_LeftPanel,
div.LD_Profile_ProfileData_Edit div.LD_Profile_BusinessData,
div.LD_Room_LearnerProfile div.LD_Profile_LowerProfileData_Edit {
    width: 300px;
}

div.LD_Room_LearnerProfile div.LD_Profile_LowerProfileData_Edit {
    position: absolute;
    top: 32px;
    left: 0px;
    height: 170px;
}

div.LD_Room_LearnerProfile div.LD_Profile_UserImage {
    position: absolute;
    top: 52px;
    right: 0px;
    height: 300px;
}

    div.LD_Room_LearnerProfile div.LD_Profile_UserImage.EditMode {
        width: 300px;
    }

    div.LD_Room_LearnerProfile div.LD_Profile_UserImage > input.LD_Button {
        position: absolute;
        right: 0px;
        top: 0px;
    }

div.LD_Profile_UserOptions input.LD_Controls_TextInput, div.LD_Profile_UserOptions div.LD_Profile_LabelAdditionalInfo,
div.LD_Profile_ProfileData_Edit div.LD_Profile_AddEntryDistance input.LD_Controls_TextInput {
    width: 215px;
}

div.LD_Profile_ProfileData_Edit div.LD_Profile_AddEntryDistance div.LD_TextInputWrapper,
div.LD_Profile_UserOptions div.LD_TextInputWrapper {
    width: 230px;
}


div.LD_Profile_ProfileData_Edit input.LD_Controls_TextInput {
    width: 135px;
}

div.LD_Profile_ProfileData_Edit div.LD_TextInputWrapper {
    width: 150px;
}

div.LD_Profile_ProfileData_Edit div.LD_Profile_PrivateData .LD_IconToIcon,
div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit div.LD_Profile_PrivateData tr td.LD_Profile_LabelColumn,
div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit div.LD_Profile_BusinessData tr td.LD_Profile_LabelColumn,
div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit div.LD_Profile_PrivateData tr td.LD_Profile_AddEntry {
    padding-top: 21px;
}

    div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit div.LD_Profile_PrivateData tr td.LD_Profile_AddEntry a.LD_RunningText {
        margin-left: 24px;
        display: block;
        float: left;
        margin-right: 4px;
    }

div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit div.LD_Profile_PrivateData tr td.LD_Profile_AddEntry,
div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_View div.LD_Profile_PrivateData table {
    max-width: 327px;
    width: 327px;
}

    div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit div.LD_Profile_PrivateData tr td.LD_Profile_AddEntry > div {
        clear: both;
    }

div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit div.LD_Spacer {
    float: left;
    width: 20px;
}

div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit div.LD_Spacer {
    padding-bottom: 1px;
    padding-top: 1px;
    margin-right: 7px;
}

div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit div.LD_Profile_AddEntryDistance {
    padding-left: 27px;
}

div.LD_Profile_ProfileData_View div.LD_Profile_BusinessData {
    margin-right: 8px;
}

    div.LD_Profile_ProfileData_View div.LD_Profile_BusinessData div table tr td.LD_Profile_ColumnValue,
    div.LD_Profile_ProfileData_View div.LD_Profile_PrivateData div table tr td.LD_Profile_ColumnValue {
        max-width: 200px;
        width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        div.LD_Profile_ProfileData_View div.LD_Profile_PrivateData div table tr td.LD_Profile_ColumnValue > table {
            width: auto;
        }

div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit div.LD_Profile_BusinessData {
    padding-bottom: 24px;
}

div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_View h2,
div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit h2 {
    margin-top: 0px;
}

div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit div.LD_Profile_PrivateData tr td.LD_Profile_AddEntry div.LD_Profile_AddEntry {
    overflow: hidden;
}

/* NOTE: As it seems this whole construct is only for LD_Profile_Category_Address, we might instead use something like "first" */
div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit div.LD_Profile_PrivateData tr td.LD_Profile_LabelColumn.LD_Profile_Category_Address,
div.LD_Room_LearnerProfile div.LD_Profile_ProfileData_Edit div.LD_Profile_PrivateData tr td.LD_Profile_AddEntry.LD_Profile_Category_Address {
    padding-top: 0px;
}

/* These are available - but currently not used (see comment above regarding using something like "first") */
.LD_Profile_Category_WebProfiles,
.LD_Profile_Category_Messaging,
.LD_Profile_Category_Phone,
.LD_Profile_Category_Email {
}



div.LD_Profile_ProfileData_Edit div.LD_Profile_PrivateData tr.LD_Profile_GroupingRow {
    padding-top: 8px;
}

div.LD_Profile_ProfileData_Edit div.LD_Profile_PrivateData div.LD_TextInputWrapper {
    float: left;
    margin-right: 8px;
}

div.LD_Profile_UserOptions div.LD_Profile_LabelAdditionalInfo {
    padding-right: 20px;
}

div.LD_Profile_UserOptions div.LD_SearchResults_LeftPanel div.LD_TextInputWrapper {
    margin-bottom: 16px;
}

    div.LD_Profile_UserOptions div.LD_SearchResults_LeftPanel div.LD_TextInputWrapper.LD_Settings_LastRow {
        margin-bottom: 8px;
    }

div.LD_Profile_UserOptions div.LD_SearchResults_LeftPanel div.LD_Settings_ChangePwd,
div.LD_Profile_UserOptions div.LD_SearchResults_LeftPanel div.LD_Settings_ChangeQuestion {
    margin-bottom: 21px;
}

div.LD_Profile_UserOptions div.LD_Profile_RightPanel {
    width: 600px;
    float: right;
}

div.LD_Profile_UserOptions div.LD_Subheadline {
    padding-bottom: 21px;
}

div.LD_Profile_UserOptions div.LD_Profile_RightPanel > div > div {
    width: 250px;
    float: left;
}

div.LD_Profile_UserOptions div.LD_Profile_RightPanel div.LD_Profile_ReminderPanel > input {
    margin-left: 270px;
    min-width: 236px;
    width: auto;
}

div.LD_Profile_UserOptions div.LD_Profile_RightPanel > div > div > input,
div.LD_Profile_UserOptions div.LD_SearchResults_LeftPanel div.LD_Settings_ChangeDoorpage span.LD_CheckBox input {
    float: left;
    margin-right: 8px;
}

div.LD_Profile_UserOptions div.LD_SearchResults_LeftPanel div.LD_Settings_ChangeDoorpage span.LD_CheckBox {
    display: block;
}

div.LD_Profile_UserOptions div.LD_Profile_RightPanel div.LD_Settings_ChangeEMailAlertNews,
div.LD_Profile_UserOptions div.LD_Profile_RightPanel div.LD_Settings_ChangeEMailAlertForum > div,
div.LD_Profile_UserOptions div.LD_Profile_RightPanel div.LD_Settings_ChangeEMailAlertDataExchange > div {
    clear: both;
}

div.LD_Profile_UserOptions div.LD_Profile_RightPanel div.LD_Settings_ChangeEMailAlertDataExchange {
    margin-bottom: 36px;
}

div.LD_Profile_UserOptions div.LD_Profile_RightPanel div.LD_Settings_ChangeEMailAlertDataExchange,
div.LD_Profile_UserOptions div.LD_Profile_RightPanel div.LD_Settings_ChangeEMailAlertForum {
    width: 300px;
}

div.LD_Profile_UserOptions div.LD_Profile_RightPanel div.LD_Settings_ChangeEMailAlertNews,
div.LD_Profile_UserOptions div.LD_Profile_RightPanel div.LD_Settings_ChangeEMailAlertAppointment {
    padding-right: 20px;
}

div.LD_Profile_UserOptions div.LD_Profile_RightPanel span.LD_Settings_NoEMailNotification {
    clear: both;
    display: block;
}

div.LD_Profile_UserOptions div.LD_Profile_RightPanel div.LD_Settings_ChangeEMailAlertDataExchange input,
div.LD_Profile_UserOptions div.LD_Profile_RightPanel div.LD_Settings_ChangeEMailAlertForum input {
    float: left;
    margin-right: 8px;
    margin-bottom: 11px;
}

div.LD_Profile_UserOptions div.LD_Profile_RightPanel div.LD_Settings_ChangeEMailAlertAppointment span.LD_Profile_Label {
    clear: both;
    padding-left: 4px;
}

div.LD_Profile_UserOptions div.LD_Profile_RightPanel div.LD_Settings_ChangeEMailAlertAppointment,
div.LD_Profile_UserOptions div.LD_Profile_RightPanel div.LD_Settings_ChangeEMailAlertForum {
    padding-bottom: 28px;
}

div.LD_CheckBoxDiv input {
    float: left;
    margin-right: 8px;
    margin-bottom: 11px;
    margin-left: 0px;
    padding-left: 0px;
}

div.LD_CheckBoxDiv {
    padding-top: 2px;
}

    div.LD_CheckBoxDiv label {
        padding-top: 1px;
        display: block;
        white-space: nowrap;
    }

div.LD_Profile_RightPanel label {
    display: block;
}

div.LD_Profile_RightPanel div.LD_Settings_ChangeEMailAlertForum label,
div.LD_Profile_RightPanel div.LD_Settings_ChangeEMailAlertDataExchange label {
    white-space: nowrap;
}

div.LD_Profile_UserOptions input.LD_Button {
    width: 236px;
    text-align: left;
}

div.LD_Profile_UserOptions div.LD_SearchResults_LeftPanel div input.LD_Button {
    margin-top: 8px;
}

div.LD_Profile_UserOptions div.LD_Profile_RightPanel .LD_Settings_SavingSetting {
    clear: both;
    display: block;
    padding-bottom: 8px;
}

div.LD_Profile_UserOptions div.LD_SearchResults_LeftPanel .LD_Settings_SavingSetting {
    display: block;
    padding-top: 8px;
}

div.LD_PageArea.LearnerProfile #contentAreaMain #innerContentArea {
    min-height: 450px;
}

/******************* END LearnerProfile Page ************************/
/******************* START SearchResults Page **********************/
.LD_SearchResults_Page > table {
    width: 100%;
}

.LD_SearchResults_Page th {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-bottom: 2px;
    text-align: left;
    font-weight: normal;
}

.LD_SearchKeyword {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    width: 240px;
}

.LD_SearchOpenDetails,
.LD_SearchCloseDetails {
  line-height: 20px;
  vertical-align: middle;
  padding-left: 20px;
  user-select: none;
}

.LD_ToggleChildren {
  margin-bottom: 14px;
}

  .LD_ToggleChildren:last-child {
    margin-bottom: 0;
  }

  .LD_SearchDetails {
    margin-top: 20px;
  }

.LD_Search_VerticalSpacer {
    margin-top: 5px;
}

.LD_SearchResults_Page th.LD_SearchResults_LeftPanel {
    width: 60px;
}

.LD_SearchResults_SearchResultItem > td {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding-top: 20px;
    padding-bottom: 20px;
}

tr.LD_SearchResults_SearchResultItem > td > table tr {
    line-height: 20px;
    vertical-align: middle;
}

.LD_SearchResults_Page td.LD_SearchResults_LeftPanel {
    width: 40px;
    padding-left: 20px;
    vertical-align: top;
}

span.LD_SearchResults_Ranking_Tooltip {
    margin-left: 7px;
}

.LD_SearchDetails {
  margin-top: 20px;
}

.LD_SearchFoundIn {
  overflow-wrap: break-word;
}

.LD_FoundInElementContainer {
  white-space: nowrap;
  display: inline-block;
}

  .LD_FoundInElementContainer > span.separator {
    padding-left: 7px;
  }

  .LD_FoundInElementContainer > a {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    max-width: 190px;
    text-overflow: ellipsis;
  }

  /******************* END SearchResults Page ************************/
  /* tabbing styling for global use, must be styled by styleguide definitions */
  .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    padding-bottom: 2px; /* this is needed for the grey underline (which is an image) */
    margin-bottom: 12px;
  }

    .ui-tabs .ui-tabs-nav li {
        float: left;
        list-style: none outside none;
        padding: 0;
        white-space: nowrap;
        padding-left: 15px;
        padding-right: 15px;
        /*TODO: checking layout for the tabs with new bottom border */
        padding-bottom: 3px; /* This is needed for the blue underline */
        width: auto;
    }

        .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
            margin-bottom: 0;
        }

div.LD_Control_TabControl div.tabs ul.ui-tabs-nav li.ui-tabs-selected a {
    /* Color defined in "Colors" */
    line-height: 19px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
    display: block;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

.ui-tabs .ui-state-active {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
}

div.ui-tabs-panel {
    clear: both;
    position: relative;
}

/******************START  Learning Recommendations **************/
div.LD_Room_LearningRecommendations > div {
    line-height: 20px;
}

.LD_NoEntriesFound {
    font-size: 13px;
}

/* Use this to add a little distance to the element(s) above */
.LD_NoEntriesFound_Padding {
    padding-top: 10px;
    display: block;
}

/****************** END  Learning Recommendations **************/

/*************    START Sitemap     *************/

.LD_Sitemap a {
    color: Black;
}

.LD_Sitemap_RaQuo {
    line-height: 20px;
    margin-right: 7px;
    vertical-align: middle;
}

.LD_Sitemap_RootMenu {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 10px;
}

/*************    END Sitemap     *************/

/*************    START LearnerDesktop/Communication/Announcements    *************/

.LD_Announcements_Header {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

    .LD_Announcements_Header td {
        white-space: nowrap;
        padding-bottom: 5px;
    }

.LD_PageArea.Announcements div.tabs {
    min-height: auto;
}

/*************    END LearnerDesktop/Communication/Announcements    *************/

/*************    START LearnerDesktop/Content/Library    *************/

.LD_Library_CategoryTree table {
    padding-top: 10px;
}

.LD_Library_DetailsTable {
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-size: 13px;
    border-spacing: 0;
    border-collapse: collapse;
}

.LD_Library_DetailsTable_HeaderRow a,
.LD_Forum_DetailsTable_HeaderRow a {
    text-decoration: none;
    cursor: pointer;
    padding-right: 20px;
}

.LD_Library_DetailsTable_HeaderRow td,
.LD_Forum_DetailsTable_HeaderRow td {
    padding-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.LD_Library_DetailsTable_TitleRow td {
    padding-bottom: 2px;
    height: 30px;
    vertical-align: middle;
}

.LD_Library_DetailsTable_DescRow td {
    color: #7A7A7A;
    padding-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

a.LD_Library_DetailsTable_Title {
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}



/*************    END LearnerDesktop/Content/Library    *************/

/*************    START LearnerDesktop/Updates  *************/
div.LD_Room_Updates span.LD_UpdateList_TileRow {
    line-height: 20px;
}

    div.LD_Room_Updates span.LD_UpdateList_TileRow span.LD_UpdateList_TileRowStartdate {
        margin-right: 35px;
    }

    div.LD_Room_Updates span.LD_UpdateList_TileRow span.LD_UpdateList_InformationBox {
        float: left;
        width: 650px;
        line-height: 20px;
    }

        div.LD_Room_Updates span.LD_UpdateList_TileRow span.LD_UpdateList_InformationBox span.LD_UpdateList_TileRowInfo {
            display: block;
            line-height: normal;
            padding-bottom: 21px;
        }

/*************    END LearnerDesktop/Updates    *************/

/***    START LearnerDesktop/Communication/DataExchange   ***/

.LD_DEX_NavigationCell {
    width: 220px;
    vertical-align: top;
}

.LD_DEX_ContentCell {
    vertical-align: top;
}

.LD_DEX_SearchButton {
    line-height: 20px;
    float: right;
    padding: 0;
    /*left: -20px;  */
}

    .LD_DEX_SearchButton:hover {
        text-decoration: none;
    }

.LD_DEX_SearchboxWrap {
    height: 20px;
    border: 1px solid #ccc;
}

.LD_DEX_SearchText {
    float: left;
}

.LD_DEX_NavInput {
    width: 190px;
}

.LD_DEX_ContentArea {
    margin-left: 40px;
}

div.LD_Room_DataExchangeContent h2 {
    margin-top: 0px;
}

div.LD_DEX_ButtonBar {
    margin-bottom: 12px;
}

.LD_DEX_ListView {
    border-collapse: collapse;
}

.LD_DEX_ListViewItem {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 20px;
    height: 80px;
    vertical-align: top;
    border-bottom: 1px solid #0172A2;
}

.LD_DEX_ListViewHead {
    color: #333333;
    font-size: 13px;
    border-bottom: 1px solid #c1c0c0;
    line-height: 20px;
}

    .LD_DEX_ListViewHead a {
        color: #333333;
        text-decoration: none;
    }

        .LD_DEX_ListViewHead a:hover {
            color: #0172A2;
        }

.LD_DEX_ListViewHeadAsc {
}

.LD_DEX_ListViewHeadDesc {
    font-size: 10pt;
    font-weight: bold;
}

.LD_DEX_HasFiles {
    float: left;
}

.LD_DEX_HasLinks {
    float: left;
}

.LD_DEX_ListEntryHead {
    padding-left: 15px;
    color: #333333;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
}

.LD_DEX_ListEntryText {
    min-height: 40px;
    padding-left: 15px;
}

.LD_DEX_ListEntryFoot {
    line-height: 20px;
    padding-left: 15px;
}

.LD_DEX_FileViewHead {
    width: 640px;
    line-height: 20px;
    padding-bottom: 3px;
    border-bottom: 1px solid #0172A2;
}

.LD_DEX_FileViewLinkArea {
    margin-top: 15px;
}

.LD_DEX_FileViewLink,
.LD_DEX_FileViewFile {
    padding-left: 10px;
    line-height: 20px;
}

.LD_DEX_FileViewLinks {
    padding-left: 30px;
    line-height: 20px;
}

.LD_DEX_FileViewFileArea {
    margin-top: 15px;
}

.LD_DEX_FileViewDescription {
    margin-top: 5px;
    line-height: 20px;
}

div.LD_Room_DataExchangeContent div.LD_DEX_ContentArea {
    overflow: hidden;
    width: 646px;
    float: right;
}

.LD_DEX_FileUpload > div {
    padding-bottom: 9px;
}

/***    END LearnerDesktop/Communication/DataExchange    ****/

/* START SimpleTree definitions*/
div.LD_TreeWrapper {
    margin-bottom: 15px;
}

    div.LD_TreeWrapper div.LD_TreeNode {
        margin-top: 15px;
    }

    div.LD_TreeWrapper div.LD_TreeWrapper {
        padding-left: 15px;
    }

    div.LD_TreeWrapper div.LD_TreeNode div.LD_TreeNodeText a {
        color: #000;
        text-decoration: none;
    }

        div.LD_TreeWrapper div.LD_TreeNode div.LD_TreeNodeText a:hover {
            color: #0172A2;
            text-decoration: underline;
        }

    div.LD_TreeWrapper div.LD_TreeNode div.LD_TreeNodeSelected a {
        text-decoration: none;
        font-weight: bold;
    }

    div.LD_TreeWrapper div.LD_TreeNode div.LD_TreeNodeText.LD_TreeLeave a:hover,
    div.LD_TreeWrapper div.LD_TreeNode div.LD_TreeLeave.LD_TreeNodeSelected a {
        text-decoration: none;
        font-weight: normal;
    }

    div.LD_TreeWrapper div.LD_TreeNode div.LD_TreeNode_Count {
        width: 60px; /*fix width because of 7 characters max*/
        float: right;
        text-align: right;
    }

div.LD_TreeLeave {
}
/* END SimpleTree*/

div.LD_Room_Forums div.LD_ForumMainTree {
    overflow: hidden;
    width: 240px;
    margin-right: 20px;
}

    div.LD_Room_Forums div.LD_ForumMainTree h2 {
        margin-top: 0px;
    }

div.LD_Room_Forums div.LD_ForumMainContent {
    overflow: hidden;
    width: 646px;
    float: right;
}



    div.LD_Room_Forums div.LD_ForumMainContent.LD_RecentForums {
        margin-top: -15px;
    }

div.LD_Room_Forums div#divEdit label,
div.LD_Room_DataExchangeContent div#divEdit label {
    float: left;
    width: 115px;
    line-height: 20px;
    font-size: 13px;
    vertical-align: top;
}

/* horizontal margin between the input fieldsets in the edit an new entry mode */
div.LD_Room_Forums div#divEdit div.LD_Forum_BackgroundFieldSet > div,
div.LD_Room_DataExchangeContent div#divEdit div.LD_Forum_BackgroundFieldSet > div {
    margin-bottom: 9px;
}

div.LD_Room_Forums div#divEdit div.LD_Forums_ForumEntryHintText {
    margin-top: 20px;
}

div.LD_Room_Forums div#divEdit div.LD_Forum_BackgroundFieldSet div.LD_Forums_ForumFileUpload,
div.LD_Room_DataExchangeContent div#divEdit div.LD_Forum_BackgroundFieldSet div.LD_DEX_FileUpload {
    float: left;
}

    div.LD_Room_Forums div#divEdit div.LD_Forum_BackgroundFieldSet div.LD_Forums_ForumFileUpload div.LD_TextInputWrapper.LD_FileUpload,
    div.LD_Room_DataExchangeContent div#divEdit div.LD_Forum_BackgroundFieldSet div.LD_DEX_FileUpload div.LD_TextInputWrapper.LD_FileUpload {
        width: 320px;
    }

div.LD_Room_Forums div.LD_ForumRecentEntryInformation {
    margin-left: 15px;
    margin-top: 5px;
}

/* colored background for the edit and new entry mode in the forum*/
div.LD_Room_Forums div#divEdit div.LD_Forum_BackgroundFieldSet,
div.LD_Room_DataExchangeContent div#divEdit div.LD_Forum_BackgroundFieldSet {
    background-color: #f7f7f7;
    padding: 9px;
    margin-top: 20px;
    margin-bottom: 9px;
}


div.LD_Room_HomePage.LD_Room_Forums div.LD_ForumMainContent,
div.LD_Room_Curriculum.LD_Room_Forums div.LD_ForumMainContent,
div.LD_Room_SearchResult2.LD_Room_Forums div.LD_ForumMainContent {
    margin-top: -35px; /*because of the size top position for the actions and the back button*/
}

div.LD_Room_Forums div.LD_ForumMainContent.LD_RecentForums_WithBackLink {
    margin-top: -50px; /*because of the size top position for the actions and the back button*/
}

div.LD_Room_Forums div#divEdit h2 {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* textarea height for edit and new entry in the forum*/
div.LD_Room_Forums div#divEdit textarea,
div.LD_Room_DataExchangeContent div#divEdit textarea {
    height: 120px;
}

/* forum content buttons for edit mode in forum list*/
div.LD_Room_Forums div.LD_ForumMainContent div.LD_Forums_ForumHeaderActions a.LD_Button {
    float: left;
    margin-right: 20px;
}

/* distance between action buttons and the forum title in the list mode */
div.LD_Room_Forums div.LD_Forums_ForumContentList {
    margin-top: 12px;
}

/* eqaul width for the input fields in the edit and new mode in the forum */
div.LD_Room_Forums div#divEdit input.LD_TextBox,
div.LD_Room_Forums div#divEdit textarea,
div.LD_Room_DataExchangeContent div#divEdit input.LD_TextBox,
div.LD_Room_DataExchangeContent div#divEdit textarea {
    width: 500px;
}

/* delimieter for the forum in the list view*/
div.LD_Room_Forums div.LD_Forums_ForumContentList tr.LD_Forum_RowHeading > td,
div.LD_Room_Forums div.LD_ForumThreadView table.LD_Forum_TableThread tr:first-child > td {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 9px;
    padding-top: 10px;
}

div.LD_Room_Forums div.LD_Forums_ForumContentList tr.LD_Forum_RowHeading td.LD_Forum_NewEntry {
    font-weight: bold;
}

/* column width definitions for the forum list*/
div.LD_Room_Forums div.LD_Forums_ForumContentList table.LD_Forum_Table tr > td {
    height: 20px;
    vertical-align: top;
}

div.LD_Room_Forums div.LD_Forums_ForumContentList tr td {
    text-align: left;
}

    div.LD_Room_Forums div.LD_Forums_ForumContentList tr td.LD_Forum_Title {
        width: 280px;
    }

    div.LD_Room_Forums div.LD_Forums_ForumContentList tr td.LD_Forum_Author {
        width: 160px;
    }

    div.LD_Room_Forums div.LD_Forums_ForumContentList tr td.LD_Forum_ForumCount {
        width: 60px;
    }

    div.LD_Room_Forums div.LD_Forums_ForumContentList tr td.LD_Forum_Created {
        width: 100px;
    }

    div.LD_Room_Forums div.LD_Forums_ForumContentList tr td.LD_Forum_Icon,
    div.LD_Room_Forums div.LD_Forums_ForumContentList tr td.LD_Forum_NewEntry {
        width: 25px;
    }
        /* column width end*/
        div.LD_Room_Forums div.LD_Forums_ForumContentList tr td.LD_Forum_NewEntry.LD_Warn {
            font-weight: bold;
        }

div.LD_Room_Forums div.LD_ForumThreadView table.LD_Forum_TableThread {
    width: 640px;
    border-collapse: collapse;
}

div.LD_Room_Forums div.LD_Forum_ThreadViewMainActions a {
    float: left;
    margin-right: 20px;
}


div.LD_Room_Forums div.LD_ForumThreadView table.LD_Forum_TableThread td.LD_Forum_Author {
    width: 100%;
}

div.LD_Room_Forums div.LD_ForumThreadView table.LD_Forum_TableThread td.LD_Actions {
    text-align: right;
    padding-right: 15px;
    white-space: nowrap;
}

div.LD_Room_Forums div.LD_ForumThreadView table.LD_Forum_TableThread td.LD_Forum_Modified {
    text-align: right;
}

div.LD_Room_Forums div.LD_ForumThreadView table.LD_Forum_TableThread.LD_Forums_ForumEntries tr > td {
    padding-bottom: 7px;
    padding-top: 0px;
}

div.LD_Room_Forums div.LD_ForumThreadView table.LD_Forum_TableThread.LD_Forums_ForumEntries {
    margin-bottom: 30px;
}

    div.LD_Room_Forums div.LD_ForumThreadView table.LD_Forum_TableThread.LD_Forums_ForumEntries tr td.LD_Forum_MessageBody {
        padding-bottom: 0px;
    }

div.LD_Room_Forums div.LD_ForumThreadView div span.LD_Forum_LabelForumAnswerTitle {
    font-weight: bold;
    font-size: 13px;
}

div.LD_Room_Forums div.LD_ForumThreadView div.LD_Forum_DocLink {
    padding-bottom: 20px;
}

div.LD_Room_Forums div.LD_ForumThreadView table.LD_Forum_TableThread.LD_Forums_ForumEntries td.LD_Forum_MessageBody,
div.LD_Room_Forums div.LD_ForumMainContent div.LD_Forums_NoEntryWrapper {
    padding-top: 10px;
}

    div.LD_Room_Forums div.LD_ForumThreadView table.LD_Forum_TableThread.LD_Forums_ForumEntries td.LD_Forum_MessageBody div.LD_Forum_Body {
        margin-bottom: 20px;
    }

div.LD_Room_Forums div.LD_ForumMainTree div.LD_ForumMainTree_Action,
div.LD_Room_DataExchangeContent div.LD_DEX_CheckWrap {
    padding-top: 5px;
}

    div.LD_Room_Forums div.LD_ForumMainTree div.LD_ForumMainTree_Action input,
    div.LD_Room_DataExchangeContent div.LD_DEX_CheckWrap input {
        float: left;
    }

    div.LD_Room_Forums div.LD_ForumMainTree div.LD_ForumMainTree_Action label,
    div.LD_Room_DataExchangeContent div.LD_DEX_CheckWrap label {
        display: block;
        padding-left: 25px;
    }

/*style added for the InfoWBT page since the button for ordering was floating wrong*/
div.LD_Room_ThemeInfo.LD_SubRoom_ThemeInfo_LearningProgramOrder a.LD_Button,
div.LD_Room_EduOffers.LD_SubRoom_EduOffers_LearningProgramOrder a.LD_Button {
    float: right;
}

div.LD_Area_Contents div.LD_Sprite_Button_Information.LD_TrainingInfo:hover {
    background-position: 0px -200px;
    cursor: default;
}

div.LD_Room_EducationalHistory div.ui-tabs-panel .LD_CreditPoints_TotalSummaryRow {
    font-weight: bold;
    padding-bottom: 10px;
}

.LD_Room_EducationalHistory div.tabs {
    min-height: auto;
}

table.LD_DEX_ListView tr.LD_DEX_ListViewHead td.LernstandCellForTable.colentry {
    width: 320px;
}

table.LD_DEX_ListView tr.LD_DEX_ListViewHead td.LernstandCellForTable.colcreatedBy {
    width: 120px;
}

table.LD_DEX_ListView tr.LD_DEX_ListViewHead td.LernstandCellForTable.colcreated {
    width: 90px;
}

table.LD_DEX_ListView tr.LD_DEX_ListViewHead td.LernstandCellForTable.colhasLink,
table.LD_DEX_ListView tr.LD_DEX_ListViewHead td.LernstandCellForTable.colhasFile,
table.LD_DEX_ListView tr.LD_DEX_ListViewHead td.LernstandCellForTable.colwasSeenByUser {
    width: 20px;
}

table.LD_DEX_ListView {
    width: 602px;
}

div.LD_Room_FAQEntries span.LD_NoEntriesFound {
    display: block;
}

div.LD_Room_DataExchangeContent div.LD_DEX_ContentArea.NoEntryMarginTop {
    margin-top: 10px; /* to ensure right padding from the top in the list */
}

div.LD_Room_EducationalHistory td.LD_ToggleControl_Exchanger_Info {
    padding-left: 37px;
}


div.LD_SearchResults_Page a.LD_RaquoControl_Disabled:hover {
    text-decoration: none;
}

/*Stylings for the Search Results and List*/
.LD_Search_FilterIcon {
    margin: 0px 3px 3px 3px;
    float: left;
    padding-bottom: 3px;
    border: 1px solid black;
    border-style: none;
    position: relative;
    cursor:pointer;
}

    .LD_Search_FilterIcon span.LD_Search_FilterCheckBox input {
        cursor:pointer;
    }

    .LD_Search_FilterIcon > .LD_Sprite_Icons {
        opacity: 0.5;
    }

    .LD_Search_FilterIcon > .LD_Search_FilterCheckBox {
        position: absolute;
        z-index: 1000;
    }

.LD_Search_FilterOptions {
    display:inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    float:left;
}


    .LD_Search_FilterIcon.selected > .LD_Sprite_Icons {
        opacity: 1;
    }

.LD_Search_FilterCheckBox {
    float: left;
    opacity: 0;
}


/*Styling for the AutoComplete of JQuery in the Search*/
.SearchControl .ui-helper-hidden-accessible {
  display: none;
}

.SearchControl ul.ui-autocomplete {
  width: 195px !important;
  border: 1px solid #9c9c9c;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: white;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  list-style-type: none;
}

  .SearchControl ul.ui-autocomplete > li {
    /*fix width for the child elements*/
    padding-bottom: 10px;
    width: 195px;
  }

    .SearchControl ul.ui-autocomplete > li:first-child {
      padding-top: 10px;
    }

  .SearchControl ul.ui-autocomplete li div {
    overflow: hidden;
    max-width: 180px;
    width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

/* Fix for layout of Test Info Page when viewed through Desktop.aspx */
#innerContentArea > div.LD_Room_TestInfo div.TestInfoColumn {
    width: 45% !important;
}