/*A l g e m e n e   i n s t e l l i n g e n*/
body, html {
	margin: 0;
	padding: 0;
	background-color: #E6EBEE;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #455A69;
}

table {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #455A69;
}

a {color: #06C;}
img {border: 0;}
hr {height: 0; width:400px; border: 0; border-top: 1px solid #06C;}

  /* h e a d e r s  en  b a l k e n */
.header {background-color: #FFFFFF; width: 90; text-align: center; vertical-align: middle} /* kop pagina */
.headertitle {background-color: #FFFFFF; font-family: Arial; color: #3347B2; font-weight: bold; font-size: 12px; text-align: center; vertical-align: top}  /* titel in kop pagina */
.subheader {background-color: #D6DAF3; font-family: Arial; color: #3333CC; font-weight: bold; font-size: 10pt }  /* subtitel in kop pagina */
.subheader em  {color: black; font-style: normal}   /* em-tag binnen subheader */
.titlebar {background-color: #C0E298; color: #455A69; font-family: Arial; font-size: 90%; font-weight: bold; font-size: 100%; text-align: center; vertical-align: middle}   /* titlebar */
.usertitlebar {background-color: #C0E298; color: #455A69; font-family: Arial; font-size: 90%; font-weight: bold; font-size: 100%; text-align: center; vertical-align: middle}   /* titlebar with user data */
.submcancelbalk {background-color: #C0E298; font-family: Arial; text-align: center}   /*balk met submit/cancel buttons*/
.buttontekst { 	 color: #999;
				 border:1px #7F1745 solid;
				 background-color: #EE2D80;
                 font-family: arial;
                 font-size: 11px;
                 font-weight: bold;
                 text-align: left;
                 text-decoration: none;
				 padding: 3px 10px 3px 10px;
				 margin:0;
                }
.buttontekst a {vertical-align:middle; color:#FFF;}
.buttontekst a:link { color: white; text-decoration: none  ; width : 100%; height : 100% }
.buttontekst a:visited { color: white; text-decoration: none ; width : 100%; height : 100% }
.buttontekst a:hover { color: #7F1745; text-decoration: none ; width : 100%; height : 100% }
.listbuttons { color:#99BBBB;
				 border:1px #7F1745 solid;
				 background-color: #AAA0A9;
                 font-family: arial;
                 font-size: 11px;
                 font-weight: bold;
                 text-align: left;
                 text-decoration: none;
				 padding: 3px 10px 3px 10px;
				 margin:0;
                }
.listbuttons A:link { color: white; text-decoration: none  ; width : 100%; height : 100% }
.listbuttons A:visited { color: white; text-decoration: none  ; width : 100%; height : 100% }
.listbuttons A:hover { color: 7F1745; text-decoration: none  ; width : 100%; height : 100% }
.fullbbbuttons { color:#99BBBB;
		background-color: #3366FF;
                 font-family: arial;
                 font-size: 11px;
                 font-weight: bold;
                 text-align: left;
                 text-decoration: none;
                }
.fullbbbuttons A:link { color: white; text-decoration: none  ; width : 100%; height : 100% }
.fullbbbuttons A:visited { color: white; text-decoration: none  ; width : 100%; height : 100% }
.button A:link { width : 100%; height : 100% }
.button A:visited { width : 100%; height : 100% }

.buttontekstnoactive { color: #99BBBB;
		background-color: #EE2D80;
                 font-family: arial;
                 font-size: 11px;
                 font-weight: bold;
                 text-align: left;
                 text-decoration: none;
                 width:90px;
                }
.StartElements {font-family: Arial; color: #0066CC; font-weight: normal; font-size: 12px; vertical-align: top} 

  /* t a b s */

	  
.tabactive { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 12px; 
        text-align: left; 
        background-color: #223399;    /*223399*/
        vertical-align: top;
		padding: 0 0 0 20px;
		margin:0;
		line-height: 35px;
      }
	  
th.tabactive { 
        text-align: center;
		padding: 0; margin: 0; 
      }
td#tabright, td#tableft {padding: 0; margin: 0; }
	  
.tabDatabase { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 12px; 
        text-align: center; 
        background-color: #223399;
        vertical-align: top;
      }
.tabRestrictions { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 12px; 
        background-color: #636BA9;     /*7788FF*/
        vertical-align: top;
		padding: 0 0 0 20px;
		line-height: 35px;
      }
.tabRestrictions img {vertical-align: top;}
.tabRestrictions select {margin: 5px 0;}

.tabactive A:link {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% } 
.tabactive A:visited {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% }
#tableft { text-align:left }
#tabright { text-align:right } 
.tabnoactive { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 12px; 
        text-align: center; 
        background-color: #BCD0DF;
        vertical-align: top;
		padding:0;
		margin:0;
		line-height: 35px;
      }
.tabnoactive A:link {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% } 
.tabnoactive A:visited {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% }
#tabitem {font-size: 12px; } 
#tabitem a:link {color: #FFFFFF; }  
#tabbutton {text-align: left; vertical-align:middle;}
#tabbutton .buttontekst {background: url('http://winob.cevi.be/webopac/images/input_bg.jpg') repeat-x; padding:0 10px; margin:0;
	border: 1px solid #222930; font-weight: normal;}
	#tabbutton .buttontekst a {color:#000;}
#tabboolbox img {padding-top: 8px;}
#tabboolbox {text-align: right;}


   /* l i s t s */
.listhead, .listitemextend, .listsubhead {font-weight: bold; color:#455A69; font-size: 11px; padding: 10px 5px; background-color: #D2DBE2;}
.listheadpages {font-weight: bold; color:#455A69; font-size: 11px; padding: 10px 5px; background-color: #D2DBE2;}
td {padding: 10px 5px; vertical-align:top;}
.listitemOdd {background-color: #E6EBEE;}
.listitemEven {background-color: #FFF;}

.SearchPartHeader {background-color: #CCDDFF; font-family: Arial; color: #0066CC; font-weight: bold; font-size: 10pt }
.SearchPartText {background-color: #CCDDFF; font-family: Arial; color: #0066CC; font-weight: normal; font-size: 11px }
.SearchPartText A:link {color: #0066CC; text-decoration: none} /*links niet onderstrepen */ 
.SearchPartText A:visited {color: #0066CC; text-decoration: none} /*links niet onderstrepen */ 
.SearchPartText A:hover {color: #EE2D80; text-decoration: none} /*links niet onderstrepen */ 
.SearchPartCounter {background-color: #CCDDFF; font-family: Arial; color: #0066CC; text-align: right; font-weight: normal; font-size: 11px }

   /* v o l l e d i g e  b e s c h r i j v i n g */
.descrnamecurs {font-weight: bold; vertical-align: top}   /* veldnaam in beschrijving */
.descrdata {font-weight: normal; text-decoration: none; vertical-align: top} /* veldwaarde in beschrijving */


  /* t r e e s   */
  
.TreeTable { background-color:#239; }
.TreeElement { font-family: Arial; color: #FFF; text-decoration : none; padding-left: 20px;}
.TreeElement font { font-size: 14px;}
.TreeElement A:link { text-decoration : none; color : #FFF; }
.TreeElement A:visited { text-decoration : none; color : #FFF }
.TreeElement A:hover { text-decoration : none; color : #223399 }
   /*f o u t m e l d i n g e n  e . d . */
.message {font-family: Arial; font-weight: bold; font-size: 125%; color: #3347B2; text-align: center;}

  /* m e n u */
.menutext { background-color: #d4dfef; font-weight: normal; font-size: 12px; color: black; font-family: Arial; }
.menutext A:link { color:blue; text-decoration: none; }
.menutext A:visited { color: blue; text-decoration: none; }
.menutext A:hover { color: red; text-decoration: none; }

  /* w a r n i n g */
.warning {font-family: Arial; font-size: 12px; font-weight: bold; color: red; }

  /* form button */
.formbutton { color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight:bold; text-align: center; background-color: #23B099; vertical-align: top; }
.formbutton A:link {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% } 
.formbutton A:visited {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% }

/* forms */
form {padding: 0; margin: 0; }
input, select {
	background: #FFF url('http://winob.cevi.be/webopac/images/input_bg.jpg') top repeat-x;
	border: 1px solid #222930;
	color: #455A69;
}
textarea {
	background: #FFF url('http://winob.cevi.be/webopac/images/textarea_bg.jpg') top repeat-x;
	border: 1px solid #222930;
	color: #455A69;
}

/* for the portal prototype - HDR18081 - coloured blocks to indicate which database a record is from */
.PortalDB1 {width:15px; text-align:center; background-color:crimson; color:#600000}
.PortalDB2 {width:15px; text-align:center; background-color:gold; color:#606000}
.PortalDB3 {width:15px; text-align:center; background-color:seagreen; color:#006000}
.PortalDB4 {width:15px; text-align:center; background-color:lightskyblue; color:#006060}
.PortalDB5 {width:15px; text-align:center; background-color:mediumaquamarine; color:#000060}
.PortalDB6 {width:15px; text-align:center; background-color:steelblue; color:#000060}
.PortalDB7 {width:15px; text-align:center; background-color:gainsboro; color:#000060}