@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 13px;
	background-color: black;
}

/* This enables mouse to show a magnifying glass as a cursor */
/* The numbers after the URL specify the hotspot to be in the center of image. 
	x y, where for bm-2 7 7 works well.  */
.thumbnails { 
	cursor:url(/html/images/icons/cursor3-bm-3.png) 13 14, auto;   /* Was cursor3-bm-14px.  The two numbers indicate the center position.  */
}
.center { 
	cursor:url(/html/images/icons/cursor3-bm-3.png), auto;   		/* Was cursor3-bm-2, which is smaller.  */ 
}
.lower { 
	cursor:url(/html/images/icons/cursor3-bm-3.png) 13 12, auto;   		/* Was bm-2; then bm-3.  */ 
}


/* Setting the background image */
#main-table {
	background-image: url(/html/images/bg-intro-sm2.png);
}

a:link {color:#00BBDD;}     /* unvisited link */
a:visited {color:#29bbd1;}  /* visited link */
a:hover {color:#FF5555;}    /* mouse over link */
a:active {color:#339999;}   /* selected link */

/* Arrows are centered and each thumbnail is assigned a width and height of 23px */
.thumbnails td{
	width:14px;
	height:16px;
	text-align:center;
}

.gray td{
	border-color:#999;
	border-width:5px;
	background-color:#999;
}

.badges {
	 width:126px;
	 vertical-align:middle;
}
/* Temporary 
.hidden div {
	 border:solid 1px gray;
}
*/

span.title {
	color:red;
	font-size:20px;
	font-weight:bold;
}

span.subtitle {
	color:white;
	font-size:20px;
	font-weight:bold;
}

span.topic {
	color:white;
	font-size:16px;
}

.top-leftdiv {
	text-align:left;
	margin-left:50px;
}

.top-leftdiv2 {
	text-align:left;
	margin-right:50px;
}

.bottom-leftdiv {
	text-align:left;
	margin-left:50px;
}