/** Standaard opmaak voor de hele pagina, hier kunnen enkel defaults ingesteld worden zoals het standaard te gebruiken lettertype */
html { font-family: Segoe UI, verdana, helvetica }
/** Standaard opmaak voor de body, hier kunnen de marges van pagina ten op zichte van de border van de webbrowser ingesteld worden */
body { background-color: #DDDDFF; font-family: calibri, verdana, helvetica; margin: 0px; scrollbar-face-color: #2E3192; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-3dlight-color: #2E3192; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #2E3192 }


/** Standaard kleur van een hyperlink */
a:link { color: #2E3192 }
/** Kleur van een hyperlink, van een pagina die reeds bezocht werd */
a:visited { color: #2E3192 }
/** Kleur van een hyperlink als je er met de muis over beweegt */
a:link:hover { color: #5B2879 }
/** Kleur van een hyperlink als je er met de muis over beweegt, van een pagina die reeds bezocht werd */
a:visited:hover { color: #5B2879 }


/** Opmaak van de header (Micro Computer Service Center bvba) */
/** De header maakt gebruik van een lichte kleur overgang */
.header { color: #FFFFFF; background-color:  #2E3192; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#2E3192', endColorStr='#DDDDFF', gradientType='1') }
/** Opmaak van de header: Micro Computer Service Center */
.headerMasterTitle { font-size: 300% }
/** Opmaak van de header: bvba */
.headerSubTitle { font-size: 140% }


/** Opmaak van ons menu, opgelet van het niet zichtbaar menu (dus de popup's die verschijnen) */
.menuToolbar { background-image: url('../images/MCSC/training/images/menuBackground.png'); background-repeat: repeat-x; center; font-family: Calibri; color: #FFFFFF; font-weight: bold }
/** Het menu zelf is een toolbar zie verder */
/*.menuskin { background-color: #EC008C; border: 2px solid #AC0D61; color: #FFFFFF; font-size: 80%; line-height: 18px; position: absolute; visibility: hidden; z-index: 100 }*/
/** Opmaak van de teksten in het popup menu */
.menuText { font-size: 100% }
/** Opmaak van links in het popup menu */
/*.menuskin a { color: #FFFFFF; font-size: 100%; padding-left: 10px; padding-right: 10px; text-decoration: none }*/
/** Onderstaande lijnen zorgen voor de kleurverandering als je met de muis over het menu gaat. */
/*#mouseoverstyle { background-color: highlight }*/
/*#mouseoverstyle a { color: white }*/
.menuToolbar a { color: #2E3192 }
/*menuitems { color: #FFFFFF }*/
.menuskin { background-image: url('images/MCSC/training/images/menuBackground.png'); background-repeat: repeat-x; center; font-family: Calibri; color: #000000; font-weight: bold }
#mouseoverstyle { text-align: center; background-image: url('images/MCSC/training/images/menuItemActive.png'); background-repeat: repeat-x }
.inactiveMenuItem { text-align: center; background-image: url('../images/MCSC/training/images/menuItemInActive.png'); background-repeat: repeat-x }



/** Toolbars worden vooral gebruikt onder lijsten zoals de agenda, cursussen, de e-shop het winkelkarretje... */
.toolbar { background-color: #EC008C; border-width: 0; color: #FFFFFF; font-size: 100%; font-weight: bold; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: left; word-spacing: 3 }
/** De opmaak van hyperlinks die gebruikt worden in een werkbalk -> zie de werkbalk van de e-shop winkelkar (je hebt daar de link "Verder Winkelen" en "e-Shop" */
.toolbarLink { color: #FFFFFF; margin-left: 5; margin-right: 5 }
/** Opmaak van knoppen die gebruikt worden op toolbars, de stylesheet zorgt ervoor dat deze er identiek gaan uitzien als de hyperlinks */
/** Als je deze lijn wegdoet, verschijnen er knoppen in plaats van hyerlinks. */
.toolbarButton { background-color: #EC008C; border: 0; color: #FFFFFF; font-weight: bold; text-decoration: underline }


/** Alle pagina's die uit siteSide komen worden opgemaakt via de styleSheet: "SiteText", de is de hoofdopmaak voor alles wat uit siteside komt */
/** In siteSide noemt die een Groep */
.siteText { background-color: #FFFFFF; color: #373F92; spacing: 0; padding: 0; border-style: none; font-size: 90% }
/** siteteksten zijn pagina's die ingedeeld zijn in blokken: dialogs /*
/** In siteSide noemt dit een Tekst */
.activeDialog { background-color: #FFFFFF; color: #000000; spacing: 0; padding: 2; border-style: none; font-size: 90% }
/** elk zo'n dialog heeft een title bar op dit ogenblik worden deze geleurd met een kleur overgang. */
.activeTitlebar { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F02892', endColorStr='#B90D67', gradientType='0'); background-color: #EC008C; color: #FFFFFF; spacing: 0; padding: 2; border-style: none; font-size: 100%; font-weight: bold } 
/** Bij de ontwikkeling hebben we geprobeerd om deze dialogs te kunnen dichtklikken, maar dat is nooit gebruikt. */
/** Onderstaande opmaak wordt gebruik voor dichtgeklikte dialgs (tekstblokken) */
.deActiveTitlebar { background-color: #808080; color: #C0C0C0; spacing: 0; padding: 2; border-style: none; font-size: 90%; font-weight: bold }
/** Bij cursus/inschrijvings gerelateerde dialog vensters verkleuren de icoontjes links boven op de titelbalk, */
/** als je er met de muis over beweegt. */
.imgOpaque { filter: alpha(opacity=75); -moz-opacity: -moz-opacity }


/** Opmaak voor invulformulieren */
/** Invulformulieren zijn ook dialogs en volgen dus de opmaak van de activeDialog. */
/** Marge MOET op 0 blijven staan, form heeft verder niet veel opmaak eigenschappen. Deze lijn werkt een bug weg in de opmaak van formulieren in internet explorer 6 */
form { margin: 0 }
/** Bij standaard invulformulieren zoals het loginformulier word bovenaan een kleine info weergegeven  */
.info { background-color: #F7F6EB; color: #000000; spacing: 0; padding: 2; border-style: none; font-size: 80% }
/** Wanneer een formulier nadat de gebruiker op ok klikte een fout teruggeeft komt deze in de plaats van de info en verschijnt deze in een andere kleur (rood) */
.infoError { background-color: #FFFFE1; color: #FF0000; spacing: 0; padding: 5; border-style: none; font-size: 100% }
.dlgContent { font-size: 100% }
/** Opmaak van een invulveld, wordt gebruik op het login scherm, paswoord wijzigen, e-shop aantal, nieuwe gebruiker... */
.inputbox { background-color: #FFFFFF; border: 1 inset #AEA99A; color: #000000 }
/** Knoppen krijgen als achtergrond een blauwe overgang, deze wordt bekomen door een tekening te gebruiken */
.submit { color: #586AB2; border: 1px solid #586AB2; background-color: #FFFFFF; background-image: url('../images/MCSC/training/images/bg_button.png'); background-repeat: repeat-x; font-family: MS Reference Sans Serif; font-size: 10pt; font-weight: bold }


/** Listviews (lijsten) zoals de agenda en de cursussen, maar ook de lijsten met artikels in de e-shop */
.listview { background-color: #FFFFFF; color: #000000; font-size: 80%; padding: 0; spacing: 0 }
/** Titlerow bevat de opmaak van de tabel header */
.titleRow { background-color: #000000; color: #FFFFFF }
/** active column header wordt gebruikt om de rij waarop de lijst gesorteerd is in een andere kleur te zetten */
.activecolumnHeader { background-color: #000000; color: #808080 }
/** activeRow, geeft de rij waar je met de muis overgaat aan in een oplichtende kleur - wordt niet meer gebruikt  */
.activeRow { background-color: #A39A89; color: #FFFFFF }
/** Kleur van de oneven rijen */
.oddRow { background-color: #FFFFFF; color: #000000 }
/** Kleur van de even rijen, we beginnen steeds met een even rij! */
.evenRow { background-color: #C4C4FB; color: #000000 }
/** Het aantal rijen dat in de lijst staat - wordt niet meer gebruikt */
.objects { font-weight: bold; background-color: #947984; color: #FFFFFF; margin: 0; text-align: right; font-size: 80% }
/** Achter de login heb je het portal, ons portal is ook een lijst, maar de rijen daarvan worden allemaal identiek opgemaakt */
.portalRow { background-color: #EC008C; color: #FFFFFF }


/** Link om terug naar de bovenzijde van een pagina te gaan - niet meer in gebruik */
.backToTop { font-size: 10px; color: #EC008C }


/** Opmaak van de copyright onderaan */
.footer { font-size: 60%; color: #FFFFFF; text-align: Center; background-color:  #2E3192 }








/* Heel de blok over McscCom zit in siteSide, */
/* om niet elke keer de kleuren combinatie van MCSC en COM in McscCom te moeten inbrengen, */
/* werden deze 2 items in deze stylesheet opgenomen. */
.mcsc        { color: #EC008C; font-family: calibri; font-weight: bold }
.com         { font-family: calibri; color: #2E3192; font-weight: bold }


/* Wordt niet gebruikt door onze website, maar wel de emails die vanuit siteSide verzonden werden door onze website naar de cursisten */
.mail { font-size: 80%; color: #000000 }



/* HIERONDER STAAN ALLEEN NOG STYLESHEETS DIE NIET OF NIET MEER IN GEBRUIK ZIJN */
/* Wel alles laten staan, just in case dat het toch nog ergens gebruikt wordt. */

/** Opmaak voor horizontale lijnen, deze werden vroeger vaak gebruik, volgens mij nu NIET meer in gebruik */
hr { border: 0; height: 0; color: #586AB2 }


/** Geen idee waarvoor dit bedoelt zou zijn, is niet (meer) ingebruik, kan bedoelt geweest zijn voor de e-shop om suggesties te doen bij het zoeken */
.suggestion_list { background: white; border: 1px solid; padding: 4px }
.suggestion_list ul { padding: 0; margin: 0; list-style-type: none }
.suggestion_list a { text-decoration: none; color: navy }
.suggestion_list selected { background: navy; color: white }
.suggestion_list .selected a { color: white }
#autosuggest { display: none }


/** Geen idee waarvoor onderstaande opmaak gebruikt werd */
.BodyFontBold { font-style: normal; font-weight: bold; font-size: 80%; color: #000000; text-decoration: none }
.BodyFontNormal { font-style: normal; font-weight: none; font-size: 80%; color: #000000; text-decoration: none }
.BodyFontNormalSmall { font-style: normal; font-weight: none; font-size: 80%; color: #000000; text-decoration: none }
.BodyFontHeader1 { font-style: normal; font-weight: bold; font-size: 90%; color: #999999; text-decoration: none }
.BodyFontHeader2 { font-style: normal; font-weight: bold; font-size: 90%; color: #000000; text-decoration: none }
.Color2BackGround { background: #CCE1EF }
.Color3BackGround { background: #C4C4FB }


/* adresbalk die aangeeft waar je, je bevindt op de website - is niet meer in gebruik, werdt vervangen door het menu. */
.location { font-size: 60%; color: #000000; border-width: 0; padding: 2; spacing: 0 }
.locationLink { color: #000000 }
.locationActiveLink { color: #A39A89 }


/* Opmaak voor grafiekjes - nooit gebruikt */
.chart { font-size: 80%; color: #FFFFFF; text-align: Center; background-color: #2E3192 }
.chartInactive { background-color: #FFFFFF; color: #2E3192 }


/* Een node is een html treeview. Nodes zijn op dit ogenblik niet meer ingebruik */
.nodeTitleLevel1 { background-color: #FFFFFF; color: #000000; spacing: 0; padding: 0; border-left: 1 solid #000000; border-top: 1 solid #000000; border-right: 1 solid #000000; font-size: 120% }
.nodeTitleLevel2 { background-color: #FFFFFF; color: #000000; spacing: 0; padding: 0; border-left: 1 solid #000000; border-top: 1 solid #000000; border-right: 1 solid #000000; font-size: 100% }
.nodeTitleLevel3 { background-color: #FFFFFF; color: #000000; spacing: 0; padding: 0; border-left: 1 solid #000000; border-top: 1 solid #000000; border-right: 1 solid #000000; font-size: 80% }
.nodeTitleLevel4 { background-color: #FFFFFF; color: #000000; spacing: 0; padding: 0; border-left: 1 solid #000000; border-top: 1 solid #000000; border-right: 1 solid #000000; font-size: 80% }
.nodeContentLevel1 { background-color: #FFFFFF; color: #000000; spacing: 0; padding: 0; border-left: 1 solid #000000; border-bottom: 1 solid #000000; border-right: 1 solid #000000; font-size: 120% }
.nodeContentLevel2 { background-color: #FFFFFF; color: #000000; spacing: 0; padding: 0; border-left: 1 solid #000000; border-bottom: 1 solid #000000; border-right: 1 solid #000000; font-size: 100% }
.nodeContentLevel3 { background-color: #FFFFFF; color: #000000; spacing: 0; padding: 0; border-left: 1 solid #000000; border-bottom: 1 solid #000000; border-right: 1 solid #000000; font-size: 80% }
.nodeContentLevel4 { background-color: #FFFFFF; color: #000000; spacing: 0; padding: 0; border-left: 1 solid #000000; border-bottom: 1 solid #000000; border-right: 1 solid #000000; font-size: 80% }