/* CSS file */

body {
	font-family: Arial;
	font-size: 16px;
	background-image: url("../graphics/ebg.jpg");
	margin-left: 1.5%;
	margin-right: 1.5%;
}
h3 {
/* Page header */
	font-family: "Comic Sans MS";
	font-size: 28px;
	font-weight: bold;
	color: #202020;
	text-align: center;
	text-decoration: underline;
	margin: 20px 0px 20px 0px;
}

a:link {color: blue}
a:visited {color: blue}

.rotate {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	filter: flipv(mirror=0);
}

td.centrebox, td.centrebox1 {
	border: 0;
	margin: 0px;
	height: 0px;
	font: bold 1.1em times;
	text-align: center;
}

td.centrebox {
	padding: 0px 3px; /* top&bottom left&right */
}

td.centrebox1 {
	padding: 0px 0px; /* top&bottom left&right */
}

td.cornerboxleft, td.cornerboxright {
	border: 0;
	padding: 0px;
	margin: 0px;
	width: 4px;
	height: 4px;
}

td.topbox {
	border: 0;
	padding: 0px;
	margin: 0px;
	height: 0px;
	background: url("../graphics/t.bmp") repeat-x;
}

td.bottombox {
	border: 0;
	padding: 0px;
	margin: 0px;
	height: 0px;
	background: url("../graphics/b.bmp") repeat-x;
}

td.leftbox {
	border: 0;
	padding: 0px;
	margin: 0px;
	height: 0px;
	width: 4px;
	background: url("../graphics/l.bmp") repeat-y;
}

td.rightbox {
	border: 0;
	padding: 0px;
	margin: 0px;
	height: 0px;
	width: 4px;
	background: url("../graphics/r.bmp") repeat-y;
}


table.square tr.toprow td.cornerboxleft {
	background: url("../graphics/tl1.bmp");
}

table.square tr.toprow td.cornerboxright {
	background: url("../graphics/tr1.bmp");
}

table.square tr.bottomrow td.cornerboxleft {
	background: url("../graphics/bl1.bmp");
}

table.square tr.bottomrow td.cornerboxright {
	background: url("../graphics/br1.bmp");
}

table.square {
	border: 0;
	margin-left: 0px;
	margin-right: 0px;
}

table.bevel {
	border: 0;
	margin-left: 0px;
	margin-right: 0px;
}

table.bevel tr.toprow td.cornerboxleft {
	background: url("../graphics/tl.bmp");
}

table.bevel tr.toprow td.cornerboxright {
	background: url("../graphics/tr.bmp");
}

table.bevel tr.bottomrow td.cornerboxleft {
	background: url("../graphics/bl.bmp");
}

table.bevel tr.bottomrow td.cornerboxright {
	background: url("../graphics/br.bmp");
}

ul {
	margin-left: 0; padding-left: 1em;
	margin-top: 0; padding-top: 0em;
	margin-bottom: 0; padding-bottom: 0;}


/* Tooltip popup text */

/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	background-color: #E0E0E0;
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	background-color: lightgrey;
	color: black;
	font-family: Arial;
	text-align: left;
	padding: 5px 5px;
	border-radius: 5px;
 
/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	width: 150px;
	bottom: 120%;
	left: -60px;
	margin-left: -60px; }

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
	visibility: visible;
}