/* page default backgrounds and link colours */
body { background-color: #ffffff; color: #000000; background-image: url(stock/histo01.jpg); font-family: sans-serif;}
a:link {background: transparent;color: #0000ff;text-decoration: underline;}
a:hover {background: #f0ffff;color: #000080;text-decoration: underline;}
a:visited {background: transparent;color: #800080;text-decoration: underline;}

/* void links */
a:link.void {background-color: transparent;color: #000000;text-decoration: none;border-bottom: thin dotted #000000;}
a:hover.void {background-color: transparent;color: #ffffff;text-decoration: none;cursor: text;}
/* void link is used:
1. index.html for page banner image on left
2. ???
*/

/* void links in black */
a:link.void_black {background-color: transparent;color: #606060;text-decoration: none;border-bottom: thin dotted #000000;}
a:hover.void_black {background-color: transparent;color: black;text-decoration: none;cursor: text;}
/* void link is used:
1. index.html for page banner image on left
2. ???
*/

/* magnification */
.vlow {border: thin double Black;}
.low {border: medium double Red;}
.medium {border: medium double Lime;}
.high {border: medium double Yellow;}
.vhigh {border: medium double Aqua;}
.unknown {border: thin dotted #000000;}
.other {border: thin dotted #000000;}
.animasie {border: thin groove purple;}

/* comparisons */
.compareBox {
	border: medium outset Red;   
	 margin: 5px; 
}
.compareBox2 {
	outline: Red outset medium;
	outline-offset: 5px;
}

/* comparison header box - to be worked on :-( */
.cmphead {
   margin: 15px;
   width: 75%;
   border: thin dotted #000000;
  }	

 .cmpheadbox {
  margin: 10px;
 }
  
.textbox01 {
	width : 70%;
}

.openseadragon1 {width: 750px; height: 500px; border: thin dashed #000000;}

/* lists */
ol {list-style: decimal outside;}
ul {list-style: disc outside;}

/* cursors */
/* sidebar - click for extra content */
.side_cl a {cursor: help; border: #0000ff;}
.side_cl a:hover {background: transparent;text-decoration: none;}

/* sidebar - no extra content */
.side_nc a {cursor: text;}
.side_nc a:hover {background: transparent;text-decoration: none;}
.side_nc div {cursor: text;}

/* image mouseover popup */
.imgpops {font-family: sans-serif;font-size: larger;font-style: normal;}
/* ??unsure accidental delete :-( */
.textc a {cursor: text;}
/* end cursors */

/* byskrif */
#byskrif a {text-decoration: none;}
#byskrif a span {display: none;}
#byskrif a:hover {background:transparent;cursor:help}
#byskrif a:hover span {display: inline;color: #000000;text-decoration: none;border: thin dotted #da70d6;padding: 5px;}
#byskrif img {background: transparent; border: none}

/* byskrif sonder click en popups*/
#byskrif_nopop a {text-decoration: none;}
#byskrif_nopop a span {display: none;}
#byskrif_nopop a:hover {background:transparent;cursor: text}
#byskrif_nopop a:hover span {display: inline;color: #000000;text-decoration: none;border: thin dotted #da70d6;padding: 5px;}
#byskrif_nopop img {background: transparent; border: none}


/* fokus */
#fokus a {text-decoration: none;}
#fokus a span {display: none;}
#fokus a:hover {background:transparent;cursor: text;}
#fokus a:hover span {display: inline;color: #000000;text-decoration: none;border: thin dotted #da70d6;padding: 0px;}
#fokus img {background: transparent; border: none}

/* vertalings */
.afr {border: thin dotted #7eff00;}
.eng {border: thin dotted #ff0000;}

/* topics */
.clinical {border: thick groove #ff0000;margin: 1%;padding: 1%;top: 15px;left: 1%;right: 1%;bottom: 15px;width: 70%;}


/* beelde */
.klinies {border: thick groove #ff0000;}
.patologie {border: 2px dashed #000000;}
.macro {border: medium ridge #8400ff;}
.lynskets {border: thin dotted #bbbbbb;}


/* popup by werksboek tekeninge #8400ff #bbbbbb*/
.sketspop {border: medium ridge red; cursor: help;}
.sketsnopop {border: medium ridge yellow; cursor: text;}

/* plaatjie byskrif */
.mouse_pops a {text-decoration: none;background-color: transparent;border-bottom: 1px dashed #0000ff;color: #000000;cursor: text;}

/* kliniese geval */

h5.case {text-indent: 10%; text-decoration: underline;}

.external {text-indent: 2%;  border: medium double #eecb00; width: 575px;   }

/* test section DELETE CONTENT 
h2 {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 2em;font-weight: normal;text-align: left;}
*/

/* zx */


/*
/* TooCool for IE  NOT WORKING YET

a#toocool { 
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	height: 80px;
	width: 80px;
	background: url( img/cca/sash.png) bottom right no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

*/