/*	Colours and common.css overides */



/* Style for all bodies. */
body {
	background-color: #ffffff;
	color: #000000;
}

/* Style for text file (left side slide) with same name as original, if included. */

.textFile {
	border: thin solid #000000;
	background-color: #F1F0E3;
	color: #000000;
}

/* Style for "i" (iptc) section (right side slide), if included. */
.imageinfo {
	border: thin solid #b2b2b2;
	background-color: #ffffff;
	color: #000000;
}

/* This puts a border around an index thumbnail on hover */

.borderit img{
	border: 1px solid #b2b2b2;
}

.borderit:hover img{
	border: 1px solid #000066;
}

.borderit:hover{
	color: red; /* irrelevant definition to overcome IE bug */
}

/* Custom link styles */

a:link {
	text-decoration: none;
	color: #003366;
}

a:visited {
	text-decoration: none;
	color: #003366;
}

a:hover {
	text-decoration: underline;
	color: #003366;
}

a:active {
	text-decoration: underline;
	color: #003366;
}
table.nav {
	background-image:url('gray_stripe.png');
}

/* This is from Exhibit skin GUI and is link bar at the top of the pages */
.nav_top {
	background-color: #ffffff;
	color: #0000ff;
}

.nav_top a:link {
	text-decoration: none;
	color: #003366;
}

.nav_top a:visited {
	text-decoration: none;
	color: #003366;
}

.nav_top a:hover {
	text-decoration: none;	

	background-color: lightgreen;
}

.nav_top a:active {
	text-decoration: none;
	color: #003366;
}


/* This is for any comment, if exists, appearing below the slide image. */

.comment {
}

/* control width of header.inc and or footer.inc files*/

.inc {
	color: #000000;
}

/* Put a border on all generated images. remove padding and border */
.image {
	border: 1px solid #8e8eb2;
}

/* Header */
h1 {
	color: #000000;
}

/* this is the active or current slide page thumbnail */
.currentslidethumb {
	border: 2px solid #8e8eb2;
}	

/* folder border for directories */

.folder {
	position: relative;
/*	top:-30px; */
	top:-6px;
	border: 2px solid #bbb;
	display: inline-block;
	line-height: 0px;
	padding: 8px;
	background-color: #bbb;
	margin: 20px 10px 0px 10px;
	border-radius: 5px;
}
.folder:after, .folder:before {
	bottom: 100%;
	left: 8px;
	border: solid transparent;
	content: " ";
	height: 0px;
	width: 37px;
	position: absolute;
	pointer-events: none;
}
.folder:after {
	border-bottom-color: #bbb;
	border-width: 6px;
	margin-left: -6px;
}
.folder:before {
	border-bottom-color: #bbb;
	border-width: 10px;
	margin-left: -10px;
}