.LaunchMessage
{
display:none;
}

/*Header stuff*/

.learnerhome .topnav
{
display:none;
}

.learnerhome div#LMSmaster_headerContent
{
height:70px;
}

div#LMSmaster_headerNoMenu, div#LMSmaster_footer
{
background-color:#f0f0f0;
}

div#LMScontainer 
{
/*background: #fff url(bg.jpg) repeat-x 10px 114px;*/
background-image: none;
background-color: #f0f0f0;
}

.learnerhome .Role_Menu
{
top: 63px;
bottom:0px;
}

div.departmentLogoContainer
{
   height:0px;
   padding:0px;

position: absolute;
z-index: 1000;
top: 0px;
left: -508px;
}

img.departmentLogo
{
padding:0px;
}

/* END Header */


/*Borders for containers*/
div#LMSmaster_contentContainer, ul.topnav
{
  -webkit-border-radius: 0px;
  border-radius: 0px;

  border: 1px solid #bababa;

}

.Role_Menu a.roleLinkActive
{

  border-bottom-width: 0px;
  border: 1px solid #bababa;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}



/************Tab Colors **************/

/*override base css*/
ul.topnav li.firstMenuItem a
{
	-moz-border-radius-topleft:0px;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-bottom-left-radius:0px;
    -opera-top-left-border-radius:0px;
    -opera-bottom-left-border-radius:0px;
    -khtml-border-top-left-radius:0px;
    -khtml-border-bottom-left-radius:0px;
    border-radius:0px 0px 0px 0px;
}



/*Normal State*/

ul.topnav, 
div.activatePanel .ajax__tab_header,
ul.topnav li ul.subnav li
{

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #C8C8C8 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #C8C8C8 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #C8C8C8));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #C8C8C8 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #C8C8C8 100%);

}

ul.topnav li a
{
border:0;
}

/* Hover and Active*/
ul.topnav li a:hover, 
ul.topnav li.firstMenuItem a:hover,
ul.topnav li ul.subnav li:hover,
div.activatePanel .ajax__tab_hover .ajax__tab_outer, div.activatePanel .ajax__tab_hover .ajax__tab_tab
{

/*overskriv al baggrunds style så >IE9  opfører sig ordenligt, */
        background: #CC1827;

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #EE4033 0%, #CC1827 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #EE4033 0%, #CC1827 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EE4033), color-stop(1, #CC1827));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #EE4033 0%, #CC1827 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #EE4033 0%, #CC1827 100%);


color:#fff;
    outline: 0; 
}

/*Active*/
ul.topnav li a:active, 
ul.topnav li.firstMenuItem a:active,
ul.topnav li ul.subnav li:active,
div.activatePanel .ajax__tab_active .ajax__tab_outer, div.activatePanel .ajax__tab_active .ajax__tab_tab
{

/*overskriv al baggrunds style så >IE9  opfører sig ordenligt, */
        background: #CC1827;

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #EE4033 0%, #CC1827 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #EE4033 0%, #CC1827 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EE4033), color-stop(1, #CC1827));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #EE4033 0%, #CC1827 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #EE4033 0%, #CC1827 100%);

color:#fff;
    outline: 0; 
}

div.activatePanel .ajax__tab_tab {
    color:#444;
    border: 0;
}

/*override gridline colors*/

ul.topnav li 
{
border-right: 1px solid #bababa;
}

div#LMScontainer th.dxtlHeader, .defaultGrid th, .tableHeader
{
background-color: #bababa;

}

/*top nav links*/
a.profileBtn
{
background:none;
border:none;
}

a.StatusLogin 
{
border: none; /*solid 1px #bababa;*/
background:none;

-webkit-border-radius: 0px;
-opera-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}

a.StatusLogin:link, a.StatusLogin:visited 
{
color:#cc1827
}


/*************** END Tab Colors *************/


/*login screen*/
.loginbox
{
margin-top: 20px;
}


.loginbox .PageHeader
{
font-weight: bold;
font-size: 1.2em;
}


/* CUSTOM UX */

.learnerhome div.pnlOptions {
border-bottom: none;
padding: 4px 20px;
background: #ffffff;
}

.learnerhome div#LMScontainer .breadCrumbs 
{
    display:none;
}

#ContentPlaceHolder1_TabContainer1_pnlActiviies div.pnlOptions {
    border-bottom: 0px;
    background-color: #fff;/*Batch replace*/
    padding: 4px 20px;
}
.customux
{
    background-color: #fff;/*Batch replace*/
    color: #fff;
    font-family: Arial, Sans-Serif;
    padding-left:12px;
}


/*activity Container*/
.act5
{
    color: #fff;
    padding: 20px 0px 10px 0px;
    height: auto;
}

.act5 .title
{
    font-size: 20px;
    font-weight:normal;
    margin-bottom: 12px;
    display: block;
    color:#000;
}

.act5 .titlewImg
{
    font-size: 20px;
    font-weight:normal;
    display: inline;
    color:#000;

    margin-bottom: 29px;
}

.act5img {
  position: relative;
  left: 564px;
}

.ActivityPlaceholder
{
    padding: 12px 0px 18px 12px;
    margin-left:-12px;
    /*border-top: 1px solid #cccccc;*/
    /*border-bottom: 1px solid #cccccc;*/
}


/*Learning Activity*/

/*SCO  and Documents*/
.act6, .act7

{
    display: -moz-inline-stack;
    display: inline-block;
    position: relative;
    padding: 0px;
    width: 228px;
    height: 162px;
    margin-right: 20px;
    margin-bottom: 8px;
    vertical-align: top;
    
    cursor: pointer;

    /*background-color: grey;*/

    /*IE7 and IE 6*/
    zoom: 1;
    *display: inline;
}

.act6 .duration
{
    padding: 0px 4px 0px 4px;
    font-size: 10px;
    background-color: #666666;
    position: absolute;
    left: 193px;
    top: 117px;
}

.act7 .duration
{
    padding: 0px 4px 0px 4px;
    font-size: 10px;
    background-color: #666666;
    position: absolute;
    left: 116px;
    top: 0px;
}

.act6 .title {
  font-size: 13px;
  margin-top: 5px;
  font-weight: bold;
  bottom: 0px;
  color: #262628;
  position: relative;
  margin-top: 4px;
  display: inline;
}

.act7 .title
{
/*    font-size: 16px;
    position: absolute;
    right: 10px;
    bottom: 0px;
    text-align: right;  
*/
    font-size: 15px;
    font-weight:normal;
    position: absolute;
    right: 4px;
    text-align: right;
    color: #666;

}




/*various states*/

.status
{
    height: 136px;
    width: 100%;
    position: absolute;
    top: 0px;

    cursor: pointer;
}


.act6 .completed, .act6 .passed
{
    background-image: url(completed.png);
    background-repeat: none;
    height: 136px;
    width: 228px;
}

.act6 .incomplete
{
    background-image: url(incomplete.png);
    background-repeat: none;
    height: 136px;
    width: 228px;
}

.act7 .completed, .act7 .passed
{
    background-image: url(completed.png);
    background-repeat: none;
}

.act7 .incomplete
{
    background-image: url(incomplete.png);
    background-repeat: none;
    /*height: 162px;*/
}

/*old*/
.Role_Menu a.roleLink:link, .Role_Menu a.roleLink:visited
{
    color: #444;
}

#changeLanguage
{
    position: absolute;
    top: 10px;
    right: 10px;
}


/*override system settings for branding*/
/*div#LMScontainer
{
    background: #dfdcd5 url(bg.jpg) repeat-x 10px 114px;
}*/

div#LMSmaster_header
{
    background: #f0f0f0;
}

ul
{
    margin-bottom: 12px;
}

h2, h3
{
    margin-top: 12px;
}

/***************/

td.disagree
{
    text-align: center;
    vertical-align: middle;
    background: #CD4E4E;
}

td.neutral
{
    text-align: center;
    vertical-align: middle;
    background: #EBA627;
}

td.agree
{
    text-align: center;
    vertical-align: middle;
    background: #5CB52A;
}

td.noColor
{
    text-align: center;
    vertical-align: middle;
}



/*NEW WIDTH 1012 to 960*/
ul.topnav, div#LMSmaster_headerContent, div#LMSmaster_content, div.departmentLogoContainer
{
    /*width: 960px;*/
}


/*Link colors*/
a:hover {
color: #cc1827;
text-decoration:underline;
}

a:link, a:visited {
color: #cc1827;
}

a, a:active, a:visited {
color: #cc1827;
text-decoration:none;
}

/* HACKs*/

div.activatePanelRoundedTop .ajax__tab_header {
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-opera-top-left-border-radius: 0px;
-opera-top-right-border-radius: 0px;
-khtml-border-top-left-radius: 0px;
-khtml-border-top-right-radius: 0px;
border-radius: 0px 0px 0px 0px;
}

div.activatePanelRoundedTop .ajax__tab_header .ajax__tab_active:first-child .ajax__tab_outer, div.activatePanelRoundedTop .ajax__tab_header .ajax__tab_hover:first-child .ajax__tab_outer, div.activatePanelRoundedTop .ajax__tab_header .ajax__tab_tab:first-child {
-moz-border-radius-topleft: 0px;
-opera-top-left-border-radius: 0px;
-khtml-border-top-left-radius: 0px;
border-radius: 0px 0px 0px 0px;
}

div#LMSmaster_contentContainer div.MainContent
{
width:620px
}

.leftPanel {
width: 255px;
}

.certificateLnk {
  background-image: url(certificate_icon.png);
  height: 42px;
  width: 41px;
  position: absolute;
  display: block;
  top: 0px;
  left: 187px;
  text-decoration: none !important;
}

/***** certificateContainer *****/
        #certificateContainer {
            padding: 15px;
            font: 13px/1.231 Verdana, Arial, Sans-Serif;
            *font-size: small;
        }

        #btnRenewCertificat {
            margin: 15px;
        }

        .CertificateBackground {
            position: relative;
        }
.CertificateLogo{
                position: absolute;
                z-index:11;
top:30px;
right:30px;
}

.CertificateLogo img
{
width: 90px;
position: absolute;
right: 65px;
}
            .CertificateBackground .Footer {
                position: absolute;
                bottom: 15px;
            }

                .CertificateBackground .Footer table {
                    margin: 0 0 0 80px;
                    width: 395px;
                    font-size: 0.7em;
                }

                    .CertificateBackground .Footer table td {
                        vertical-align: top;
                        white-space: nowrap;
                    }

        .CertificateContent {
            position: absolute;
            top: 300px;
            z-index: 10;
            margin: 0 0 0 100px;
            width: 370px;
        }

            .CertificateContent td {
                padding-bottom: 10px;
                vertical-align: top;
            }


        @media print {
            .noPrint {
                display: none;
            }
        }
        /***** End certificateContainer  / ******/


.titleContainer{
    padding: 5px 0px;
}

/* Comments from learner */
.viewComments{
    background: url(logbog.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 17px;
    width: 21px;
    position: relative;
    margin-left: 15px;
}

/* Attachment */
.viewAttachment{
    background: url(pdf.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 17px;
    width: 21px;
    position: relative;
    margin-left: 15px;
}

 /********* Comments On Learner Home ********/

        .ui-widget-overlay {
            background: #000 50% 50% repeat-x;
            opacity: .40;
        }
        
        .editComment .ui-dialog-titlebar {
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            -khtml-border-radius: 0px;
            border-radius: 0px;
            background: #eee;
            border: 0px;
            margin: 5px;
            padding: 15px;
        }

        .editComment .ui-dialog-titlebar span{
            width: 100%;
            text-align: center;
        }

        .editComment .ui-dialog-titlebar-close {
          display: none;
        }

        /*#editCommentsFrm .btnClose, .btnShowLog{
            border: 0 !important;
            margin-left: 5px !important;
        }*/

        #editCommentsFrm .btnClose span{
            background-image: url(../App_Themes/bluegarden/Luk.png);
            color: transparent;
            height: 36px;
            width: 81px;
            padding: 0 !important;
        }

        #editCommentsFrm  .btnShowLog span{
            background-image: url(../App_Themes/bluegarden/VisLogbog.png);
            color: transparent;
            height: 36px;
            width: 135px;
            padding: 0 !important;
        }

        #editCommentsFrm .AlignRight{
            text-align: right;
            position: absolute;
            bottom: 10px;
            right:0;
        }

        #editCommentsFrm .idx{
            font-weight: bold;
        }

        #editCommentsFrm  .idx, #editCommentsFrm  .location{
            font-size: 1.1em;
        }

        #editCommentsFrm  .CommentInput{
            width: 100%;
            -webkit-box-sizing: border-box; 
            -moz-box-sizing: border-box;    
            box-sizing: border-box;
            margin-top: 10px;
        }

        #editCommentsFrm  .btnSave {
            margin-top:15px;
        }

        #editCommentsFrm  .scollContainer {
            overflow-x: auto; 
            position:absolute;
            bottom: 0;
            top: 0;
            width:100%;
            margin-bottom: 80px;
        }

        /********* End Comments On Learner Home ********/