/* testvision_classic.css */
/* versie: 19012006       */

/* Body classes
/* Met de bodyclasses kan de achtergrond van TestVision aangepast worden (kleur of plaatjes) op het niveau
/* van het topframe (50 pixels hoog), het bottomframe (52 pixels hoog) en het centerframe (dynamische hoogte)
/* -----------------------------------------------------------------------------------------------------------*/
body {                         /* alle hoofdpagina's */
  background:      #336699;    /* achtergrond toekenning */
  cursor:          default;    /* cursor standaard pijltje */
}
.topbody {                     /* alle topframe pagina's */
  background:      #CC6633 url('images/classic/classic_topback_ebu.gif');
}
.bottombody {                  /* alle bottomframe (navigatie) pagina's */
  background:      #336699;    
}
.popupbody {
  background:      #336699;    /* alle popups (bijvoorbeeld vraag-overzicht, feedback) */
}

/* Text classes
/* Deze classes worden op verschillende plaatsen toegekend aan tekstobjecten die buiten de tableclasses vallen
/* In principe moeten de font en kleur instellingen afgestemd worden op die van de table-classes
/* ---------------------------------------------------------------------------------------------------------*/
.textnormal {                  
  cursor:         default;
  color:          #FFFFFF;
  font:           12px arial;
  font-weight:    300;  
}
.textsmall {
  cursor:         default;
  color:          #FFFFFF;
  font:           11px arial;
  font-weight:    300;  
}
.title  {                      /* Titel bovenin midden in het topframe */
  color:          #FFFFFF;
  font:           14px arial;
  font-weight:    700;  
}
.textbutton {                  /* Tekst op knoppen, bijvoorbeeld bij het sluiten van een popupvenster */
  cursor:         pointer;
  cursor:         hand;
  font:           12px verdana;
  color:          #FFFFFF;
  font-weight:    700;  
}

/* Textlink classes 
/* Bevat de normale links-definities en die van de links in die in een titel van een tabel kunnen voorkomen
/* ---------------------------------------------------------------------------------------------------------*/
a:link {                       /* Normaal */  
  color:          #003366; 
  font-weight:	bold;
}
a:visited  {        
  color:          #003366; 
  font-weight:	bold;
}
a:hover  {         
  color:          #003366;
  background:     #FFFFFF
}

.table_info_header a:link {    /* table titel links systemmanager, educational designer, testresults) */
  color:          #FFFFCC; 
}
.table_info_header a:visited  {        
  color:          #FFFFCC; 
}
.table_info_header a:hover  {         
  color:          #003366;
  background:     #FFFFFF
}

/* Topframe en bottomframe classes
/* Deze classes worden aan verschillende objecten in de top en bottomframe pagina's gekoppeld
/* ---------------------------------------------------------------------------------------------------------*/
.titlebar {                    /* titelbalk midden bovenin het topframe */
  position:       relative;
  top:            6px;
  height:         36px;
  width:          426px;
  background:     #EDCAB9 url('images/classic/classic_titleback_ebu.gif');
  border:         solid;
  border-color:   #FFFFFF;
  border-width:   0px;
  font:           16px arial;
  font-weight:    700;  
	padding:        0px 0px 0px 0px;  
  color:          #FFFFFF;
}
.navbar {                      /* omhullende navigatiebalk onderin */
  position:       relative;
  top:            8px;
  width:          98%;
  height:         35px;
  border:         solid;
  border-color:   #FFFFFF;
  border-width:   1px;
}
.navbar_content {              /* inhoud van de navigatiebalk onderin, hangt onder navbar */
  background:     #6699cc;
  color:          #FFFFFF;
  font:           12px arial;
  font-weight:    300;  
  padding:        3px 3px 0px 3px;
}

/* Informatietabel classes
/* Deze classes worden aan tabellen ,die verschillende soorten informatie tonen, gekoppeld
/* Voorbeelden hiervan zijn: loginpagina, instructiescherm, resultatenpagina en de verschillende onderdelen
/* van opleidingskundige pagina's.
/* ---------------------------------------------------------------------------------------------------------*/
.table_info {                  /* omhulling informatie tabellen, bijvoorbeeld bij inloggen */
  width:          95%;
  border:         solid;
  border-color:   #FFFFFF;
  border-width:   1px;
}
.table_info_header {           /* titel informatietabellen */
  background:     #003366;    
  color:          #FFFFFF;
  font:           12px arial;
  font-weight:    700;  
  padding:        5px;
}
.table_info_content {          /* inhoud informatietabellen */
  background:     #99ccff;
  color:          #000000;
  border-color:   #FFFFFF;
  font:           12px arial;
  font-weight:    bold;
  padding:        5px;    
}

/* Vragen classes */
/* Worden gebruikt voor het tonen van de vragen (stam en alternatieven)
/* ---------------------------------------------------------------------------------------------------------*/
.table_question {              /* Stam van de vraag, omhullend */
  width:          95%;
  border:         solid;
  border-color:   #FFFFFF;
  border-width:   1px;
}
.table_question_content {      /* Stam van de vraag, inhoud */
  background:     #339999;
  color:          #FFFFFF;
  font:           12px arial;
  font-weight:    300;
  padding:        5px;    
}
.table_alternatives {          /* Alternatieven, omhullend */
  width:          95%;
  border:         solid;
  border-color:   #FFFFFF;
  border-width:   1px;
  padding:        10px;    
}
.table_alternatives_content {  /* Alternatieven, inhoud */
  color:          #FFFFFF;
  font:           12px arial;
  font-weight:    300;
  padding:        5px;    
}
.div_layout_question {         /* Stam, layout */
  color:          #FFFFFF;
  font:           12px arial;
  font-weight:    300;
  padding:        2px;    
}
.div_layout_alternatives {     /* Alternatieven, layout */
  color:          #FFFFFF;
  font:           12px arial;
  font-weight:    300;
  padding:        2px;    
}
.div_layout_static {           /* Static teksten in layout */
  color:          #FFFFFF;
  font:           12px verdana;
  font-weight:    300;
}
.inputbox {                    /* Inputboxen invulvraag, open vraag en rangschikvraag */
  color:          #000000;
  font:           12px arial;
  font-weight:    300;
}
.matchcolor1  { background: #FFCC00; }    /* Achtergrondkleur matchvraag-plaatjes, matchvraag-plaatjes zelf worden nog niet vanuit classes bediend */
.matchcolor2  { background: #FF6666; }
.matchcolor3  { background: #9999FF; }
.matchcolor4  { background: #66FF99; }
.matchcolor5  { background: #66CCFF; }
.matchcolor6  { background: #FFCC99; }
.matchcolor7  { background: #FFFF99; }
.matchcolor8  { background: #FF3366; }
.matchcolor9  { background: #66FFFF; }
.matchcolor10 { background: #FF9900; }

/* Grafische elementen */
/* ---------------------------------------------------------------------------------------------------------*/
/* Toplogo's */
.topleftlogo { background:url('images/classic/classic_testvisionlogo.gif'); width:140px; height:25px; }
.topleftlogo_position { position:absolute; float:left; top:11px; left:5px; }
.toprightlogo { background:url('images/classic/ebu_klein.gif'); width:81px; height:41px; }
.toprightlogo_position { position:absolute; float:right; top:6px; right:5px; }

/* Navigatie knoppen */
.helpbut { background:url('images/classic/help.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }
.exitbut { background:url('images/classic/exit.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }
.selecttestbut { background:  url('images/classic/seltest.gif'); width:52px; height:52px; cursor:pointer; cursor:hand; }
.viewresultsbut { background:  url('images/classic/vwrslts.gif'); width:52px; height:52px; cursor:pointer; cursor:hand; }
.backmainmenubut { background:  url('images/classic/mainmenu.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }
.starttestbut { background:  url('images/classic/starttst.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }
.casebut { background:url('images/classic/casopen.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }
.casebut_ghost { background:url('images/classic/casopen_ghost.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }
.feedbackbut { background:url('images/classic/viewfb.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }
.feedbackbut_ghost { background:  url('images/classic/viewfb_ghost.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }
.studyrefbut { background:url('images/classic/viewstudy.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; } 
.studyrefbut_ghost { background:  url('images/classic/viewstudy_ghost.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }
.overviewbut { background:url('images/classic/overvwq.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }
.previousquestionbut { background:  url('images/classic/prevq.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }
.previousquestionbut_ghost { background:  url('images/classic/prevq_ghost.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }
.nextquestionbut { background:  url('images/classic/nextq.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }
.nextquestionbut_ghost { background:  url('images/classic/nextq_ghost.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }
.stoptestbut { background:  url('images/classic/stoptest.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }
.resultsbut { background:  url('images/classic/torslts.gif'); position:relative; top:0px; width:30px; height:28px; cursor:pointer; cursor:hand; }

/* Standaard knoppen (alleen achtergrond) */ 
.sluitenbut { background:  url('images/classic/butback01.gif'); width:69px; height:24px; cursor:pointer; cursor:hand; }

/* ---------------------------------------------------------------------------------------------------------*/
.hide  {                      /* voor verstoppen van objecten, niet aankomen */
  display:        none;
}