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

/* STD UL LI struktur til menu - Nulstilling*/
ul.hMenuKnapul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

li.hMenuKnapli {
    float: left;
    margin: 0px 10px 10px 0px;
}

li.customMenuKnapli {
    float: left;
    margin: 0px 10px 10px 0px;
}

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

li.RightMenuKnapli {
    float: left;
    margin: 0px 0px 10px 10px;
}

.ResetBoth {
    clear: both;
    float: none;
    height: 1px;
}

/*Selve knappen  inkl mouse over definitioner*/

a.hMenuKnap {
    display: block;
    height: 70px;
    width: 309px;
    background: url(../images/button_images/KnapBaggrund.jpg);
    position: relative;
    text-decoration: none;
    color: #000;
}

.hMenuKnapIcon {
    display: block;
    width: 50px;
    height: 50px;
}

.hMenuKnapHl {
    display: block;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    width: 250px;
    position: absolute;
    top: 14px;
    left: 65px;
}

a.hMenuKnap:link .hMenuKnapText, a.hMenuKnap:visited .hMenuKnapText, a.hMenuKnap:active.hMenuKnapText {
    display: block;
    font-family: Arial;
    font-size: 11px;
    width: 240px;
    position: absolute;
    top: 31px;
    left: 65px;
    color: #999;
}

a.hMenuKnap:hover .hMenuKnapText {
    color: #FFF;
}

a.hMenuKnap:hover {
    display: block;
    height: 70px;
    width: 309px;
    background: url(../images/button_images/KnapBaggrundOver.jpg);
    position: relative;
    color: #ffffff;
}


a.customMenuKnap {
    display: block;
    height: 70px;
    width: 309px;
    background: url(../images/button_images/KnapBaggrund.jpg);
    position: relative;
    text-decoration: none;
    color: #000;
}

.customMenuKnapIcon {
    display: block;
    width: 50px;
    height: 50px;
}

.customMenuKnapHl {
    display: block;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    width: 250px;
    position: absolute;
    top: 14px;
    left: 65px;
}

a.customMenuKnap:link .customMenuKnapText, a.customMenuKnap:visited .customMenuKnapText, a.customMenuKnap:active.customMenuKnapText {
    display: block;
    font-family: Arial;
    font-size: 11px;
    width: 240px;
    position: absolute;
    top: 31px;
    left: 65px;
    color: #999;
}

a.customMenuKnap:hover .customMenuKnapText {
    color: #fa8513;
}

a.customMenuKnap:hover {
    display: block;
    height: 70px;
    width: 309px;
    position: relative;
    color: #fa8513;
}

.Sms {
    background: url(../images/button_images/IconMobil.gif);
}

a.hMenuKnap:hover .Sms, a.RSideKnap:hover .Sms {
    background: url(../images/button_images/IconMobilOver.gif)
}

.SmsLog {
    background: url(../images/button_images/IconSMSLog.png);
}

a.hMenuKnap:hover .SmsLog, a.RSideKnap:hover .SmsLog {
    background: url(../images/button_images/IconSMSLogOver.png)
}

.Grades {
    background: url(../images/button_images/IconKarakter.gif);
}

a.hMenuKnap:hover .Grades, a.RSideKnap:hover .Grades {
    background: url(../images/button_images/IconKarakterOver.gif)
}

.Guest {
    background: url(../images/button_images/IconGuest.gif);
}

a.hMenuKnap:hover .Guest, a.RSideKnap:hover .Guest {
    background: url(../images/button_images/IconGuestOver.gif)
}

.User {
    background: url(../images/button_images/IconProfile.gif);
}

a.hMenuKnap:hover .User, a.RSideKnap:hover .User {
    background: url(../images/button_images/IconProfileOver.gif)
}

.SharedFolder {
    background: url(../images/button_images/IconSharedFolder.gif);
}

.GoogleDrive {
    background: url(../images/drive_icon.png);
}

.O365 {
    background: url(../images/O365_icon.png);
}

.Onenoteclassnotebooks {
    background: url(../images/onenoteclassnotebooks_icon.png);
}

a.hMenuKnap:hover .SharedFolder, a.RSideKnap:hover .SharedFolder {
    background: url(../images/button_images/IconSharedFolderOver.gif)
}

.MultipleUser {
    background: url(../images/button_images/IconMultipleUser.gif);
}

a.hMenuKnap:hover .MultipleUser, a.RSideKnap:hover .MultipleUser {
    background: url(../images/button_images/IconMultipleUserOver.gif)
}

.Schedule {
    background: url(../images/button_images/IconSchedule.gif);
}

a.hMenuKnap:hover .Schedule, a.RSideKnap:hover .Schedule {
    background: url(../images/button_images/IconScheduleOver.gif)
}

.Print {
    background: url(../images/button_images/IconPrint.gif);
}

a.hMenuKnap:hover .Print, a.RSideKnap:hover .Print {
    background: url(../images/button_images/IconPrintOver.gif)
}

.DeactivateUser {
    background: url(../images/button_images/IconDeactivateUser.gif);
}

a.hMenuKnap:hover .DeactivateUser, a.RSideKnap:hover .DeactivateUser {
    background: url(../images/button_images/IconDeactivateUserOver.gif)
}

.Off {
    background: url(../images/button_images/IconOff.gif);
}

a.hMenuKnap:hover .Off, a.RSideKnap:hover .Off {
    background: url(../images/button_images/IconOffOver.gif)
}

.RecieveSchedule {
    background: url(../images/button_images/IconRecieveSchedule.gif);
}

a.hMenuKnap:hover .RecieveSchedule, a.RSideKnap:hover .RecieveSchedule {
    background: url(../images/button_images/IconRecieveScheduleOver.gif)
}

.CellNumber {
    background: url(../images/button_images/IconCellNumber.gif);
}

a.hMenuKnap:hover .CellNumber, a.RSideKnap:hover .CellNumber {
    background: url(../images/button_images/IconCellNumberOver.gif)
}

.Exam {
    background: url(../images/button_images/IconEksamen.gif);
}

a.hMenuKnap:hover .Exam, a.RSideKnap:hover .Exam {
    background: url(../images/button_images/IconEksamenOver.gif)
}

.EmailAdress {
    background: url(../images/button_images/IconEmailAdress.gif);
}

a.hMenuKnap:hover .EmailAdress, a.RSideKnap:hover .EmailAdress {
    background: url(../images/button_images/IconEmailAdressOver.gif)
}

.Password {
    background: url(../images/button_images/IconPassword.gif);
}

a.hMenuKnap:hover .Password, a.RSideKnap:hover .Password {
    background: url(../images/button_images/IconPasswordOver.gif)
}

.Search {
    background: url(../images/button_images/IconSearch.gif);
}

a.hMenuKnap:hover .Search, a.RSideKnap:hover .Search {
    background: url(../images/button_images/IconSearchOver.gif)
}

.PasswordOthers {
    background: url(../images/button_images/IconPasswordOthers.gif);
}

a.hMenuKnap:hover .PasswordOthers, a.RSideKnap:hover .PasswordOthers {
    background: url(../images/button_images/IconPasswordOthersOver.gif)
}

.Edit {
    background: url(../images/button_images/IconEdit.gif);
}

a.hMenuKnap:hover .Edit, a.RSideKnap:hover .Edit {
    background: url(../images/button_images/IconEditOver.gif)
}

.Add {
    background: url(../images/button_images/IconAdd.gif);
}

a.hMenuKnap:hover .Add, a.RSideKnap:hover .Add {
    background: url(../images/button_images/IconAddOver.gif)
}

.Delete {
    background: url(../images/button_images/IconDelete.gif);
}

a.hMenuKnap:hover .Delete, a.RSideKnap:hover .Delete {
    background: url(../images/button_images/IconDeleteOver.gif)
}

.SMSMany {
    background: url(../images/button_images/IconSmsMany.gif);
}

a.hMenuKnap:hover .SMSMany, a.RSideKnap:hover .SMSMany {
    background: url(../images/button_images/IconSmsManyOver.gif)
}

.ITPolicy {
    background: url(../images/button_images/IconRulesr.gif);
}

a.hMenuKnap:hover .ITPolicy, a.RSideKnap:hover .ITPolicy {
    background: url(../images/button_images/IconRulesrOver.gif)
}

.SMSNews {
    background: url(../images/button_images/IconSMSNews.gif);
}

a.hMenuKnap:hover .SMSNews, a.RSideKnap:hover .SMSNews {
    background: url(../images/button_images/IconSMSNewsOver.gif)
}

.Save {
    background: url(../images/button_images/IconSave.gif);
}

a.hMenuKnap:hover .Save, a.RSideKnap:hover .Save {
    background: url(../images/button_images/IconSaveOver.gif)
}

.Block {
    background: url(../images/button_images/IconInternetBlok.gif);
}

a.hMenuKnap:hover .Block, a.RSideKnap:hover .Block {
    background: url(../images/button_images/IconInternetBlokOver.gif)
}

.StudentInfo {
    background: url(../images/button_images/IconEdit.gif);
}

a.hMenuKnap:hover .StudentInfo, a.RSideKnap:hover .StudentInfo {
    background: url(../images/button_images/IconEditOver.gif)
}

.NoNumber {
    background: url(../images/button_images/IconCellNumber.gif);
}

a.hMenuKnap:hover .NoNumber, a.RSideKnap:hover .NoNumber {
    background: url(../images/button_images/IconCellNumberOver.gif)
}

.Absense {
    background: url(../images/button_images/IconFravaerRegistrering.gif);
}

a.hMenuKnap:hover .Absense, a.RSideKnap:hover .Absense {
    background: url(../images/button_images/IconFravaerRegistreringOver.gif)
}

.Absense_Student {
    background: url(../images/button_images/IconFravaerStatistik.gif);
}

a.hMenuKnap:hover .Absense_Student, a.RSideKnap:hover .Absense_Student {
    background: url(../images/button_images/IconFravaerStatistikOver.gif)
}

.APPNews {
    background: url(../images/button_images/IconAppNews.gif);
}

a.hMenuKnap:hover .APPNews, a.RSideKnap:hover .APPNews {
    background: url(../images/button_images/IconAPPNewsOver.gif)
}

.Alarm {
    background: url(../images/button_images/IconAlarm.gif);
}

a.hMenuKnap:hover .Alarm, a.RSideKnap:hover .Alarm {
    background: url(../images/button_images/IconAlarmOver.gif)
}

.AbsenceCard {
    background: url(../images/button_images/IconCard.png);
}

a.hMenuKnap:hover .AbsenceCard, a.RSideKnap:hover .AbsenceCard {
    background: url(../images/button_images/IconCardOver.png)
}

.AbsenceAdmin {
    background: url(../images/button_images/IconAbsenceAdmin.png);
}

a.hMenuKnap:hover .AbsenceAdmin, a.RSideKnap:hover .AbsenceAdmin {
    background: url(../images/button_images/IconAbsenceAdminOver.png)
}

.AppleSchoolManager {
    background-size: 30px 30px !important;
    background: url(../images/button_images/IconAppleSchoolManager.png) no-repeat;
    background-position: right;
}

a.hMenuKnap:hover .AppleSchoolManager, a.RSideKnap:hover .AppleSchoolManager {
    background: url(../images/button_images/IconAppleSchoolManagerOver.png) no-repeat;
    background-position: right;
}

.Absense_Stat {
    background: url(../images/button_images/IconFravaerStatistik.gif);
}

a.hMenuKnap:hover .Absense_Stat, a.RSideKnap:hover .Absense_Stat {
    background: url(../images/button_images/IconFravaerStatistikOver.gif)
}

.Absense_HeadMasterStat {
    background: url(../images/button_images/ledericon.gif);
}

a.hMenuKnap:hover .Absense_HeadMasterStat, a.RSideKnap:hover .Absense_HeadMasterStat {
    background: url(../images/button_images/ledericonOver.gif)
}

.SchoolInfo {
    background: url(../images/button_images/SchoolInfo.gif);
}

a.hMenuKnap:hover .SchoolInfo, a.RSideKnap:hover .SchoolInfo {
    background: url(../images/button_images/SchoolInfoOver.gif)
}

.Preview {
    background: url(../images/button_images/IconWebfil.gif);
}

a.hMenuKnap:hover .Preview, a.RSideKnap:hover .Preview {
    background: url(../images/button_images/IconWebfilOver.gif)
}

.ControlPanel {
    background: url(../images/button_images/controlPanel.gif);
}

a.hMenuKnap:hover .ControlPanel, a.RSideKnap:hover .ControlPanel {
    background: url(../images/button_images/controlPanelOver.gif)
}

.WelcomeModule {
    background: url(../images/button_images/welcomemodule.gif);
}

a.hMenuKnap:hover .WelcomeModule, a.RSideKnap:hover .WelcomeModule {
    background: url(../images/button_images/welcomemoduleOver.gif)
}

.SickEmployee {
    background: url(../images/button_images/sickemployee.png);
}

a.hMenuKnap:hover .SickEmployee, a.RSideKnap:hover .SickEmployee {
    background: url(../images/button_images/sickemployee_over.gif)
}

.SickEmployeeStat {
    background: url(../images/button_images/leder_sickemployee_stat.png);
}

a.hMenuKnap:hover .SickEmployeeStat, a.RSideKnap:hover .SickEmployeeStat {
    background: url(../images/button_images/leder_sickemployee_stat_over.png)
}

.LinkCollection {
    background: url(../images/button_images/link_collection.png);
}

a.hMenuKnap:hover .LinkCollection, a.RSideKnap:hover .LinkCollection {
    background: url(../images/button_images/link_collection_over.png)
}

.Lending {
    background: url(../images/button_images/lending.gif);
}

a.hMenuKnap:hover .Lending, a.RSideKnap:hover .Lending {
    background: url(../images/button_images/lendingOver.gif);
}

.Consent {
    background: url(../images/button_images/IconPasswordOthers.gif);
}

a.hMenuKnap:hover .Consent, a.RSideKnap:hover .Consent {
    background: url(../images/button_images/IconPasswordOthersOver.gif)
}

/* 	Righ Side Plate definitioner */

.RighSidePlateMenu {
    background-image: url(../images/rightSidePlateMiddle.jpg);
    position: relative;
    width: 270px;
}

.RighSidePlateTop {
    height: 10px;
    /*	position:			absolute;*/
    top: 0px;
    overflow: hidden;
}

.RighSidePlateBottom {
    height: 12px;
    position: absolute;
    Bottom: -1px;
    overflow: hidden;
}

a.RSideKnap {
    display: block;
    height: 39px;
    width: 247px;
    background: url(../images/RSideBG.jpg);
    background-position: 0px 0px;
    position: relative;
    text-decoration: none;
    color: #000;
}

    a.RSideKnap:hover {
        background-position: 0px 39px;
        color: #ffffff;
    }

.RSideKnapIcon {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    top: -15px;
    left: -10px;
}

.RSideKnap .hMenuKnapHl {
    top: 14px;
    left: 40px;
}

/* 	SLUT Righ Side Plate definitioner */

a.RSideKnap_RED_Selected {
    display: block;
    height: 39px;
    /*width:				247px;*/
    width: 247px;
    background: url(../images/RSideBG_Red.jpg);
    background-position: 0px 39px;
    position: relative;
    text-decoration: none;
    color: #000;
}

.RSideKnap_RED_Selected .hMenuKnapHl {
    top: 14px;
    left: 40px;
}

a.RSideKnap_RED {
    display: block;
    height: 39px;
    width: 247px;
    /*width:				247px;*/
    background: url(../images/RSideBG_Red.jpg);
    background-position: 0px 0px;
    position: relative;
    text-decoration: none;
    color: #000;
}

    a.RSideKnap_RED:hover {
        background-position: 0px 39px;
        color: #ffffff;
    }

.RSideKnap_RED .hMenuKnapHl {
    top: 14px;
    left: 40px;
}

.hMenuKnapHl_RED {
    display: block;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    width: 220px;
    position: absolute;
    top: 14px;
    left: 10px;
}

/*  ------------------------------------------------------------------    */

a.RSideKnap_NONE_Selected {
    display: block;
    height: 39px;
    /*width:				247px;*/
    width: 247px;
    background: url(../images/RSideBG.jpg);
    background-position: 0px 39px;
    position: relative;
    text-decoration: none;
    color: #000;
}

.RSideKnap_NONE_Selected .hMenuKnapHl {
    top: 14px;
    left: 40px;
}

a.RSideKnap_NONE {
    display: block;
    height: 39px;
    width: 247px;
    /*width:				247px;*/
    background: url(../images/RSideBG.jpg);
    background-position: 0px 0px;
    position: relative;
    text-decoration: none;
    color: #000;
}

    a.RSideKnap_NONE:hover {
        background-position: 0px 39px;
        color: #ffffff;
    }

.RSideKnap_NONE .hMenuKnapHl {
    top: 14px;
    left: 40px;
}

.hMenuKnapHl_NONE {
    display: block;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    width: 220px;
    position: absolute;
    top: 14px;
    left: 10px;
}

#pict img {
    background-image: url(../images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
}