.slideshowContainer {
	border: 0px solid rgb(129, 188, 1);
	width: 600px;
	height: 350px;
	margin-bottom: 1px;
}

.loading {
	background: url(images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 0px solid white;
	padding: 2px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 2px;
}

.current img {
	border: 1px solid red;
	padding: 2px;
}

.outline {
	border: 0px solid orange;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}
.msl_event_calendar {
	width: 225px;
	font-size: 100%;
	position: relative;
	}
.msl_event_calendar a {
	display: block;
	color: #ff0066;
	text-decoration: none;
	padding: 4px 4px;
	}
.msl_event_calendar a:hover {
	background-color: #ff0066;
	color: #000;
	}
.msl_event_calendar .calendar_title {
	background-color: #eef;	
}

.msl_event_calendar_item:hover {z-index:25;}
.msl_event_calendar th {
	background-color: #eef;
}
.msl_event_calendar td {
	border-right: 1px solid #81bc01;
	border-bottom: 1px solid #81bc01;
}
.msl_event_calendar table td {
	border: 0;
	}
.msl_event_calendar a.othermonth {
	color: #999;
}



a.msl_event_calendar_item{
    position:relative;
    z-index: 24;
	}

td.msl_event_calendar_item:hover{
	border: 0;
    z-index: 25;
	/*You have to set something for hover to fire in IE it seems... */
	}

td span{
	display: none;
	}

td:hover span{
    display:block;
    position:absolute;
    top:1em; 
    left: 0em; /* this is set as -12 in calendar.css but doesn't work in FF */
    width:25em;
	text-decoration: none;
    padding: 5px;
    border:1px solid ##81bc01;
    background-color: #81bc01;
    color: #000;
    text-align: left;
    filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity: 0.95;
}
a.msl_event_calendar_item dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
a.msl_event_calendar_item dl dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
a.msl_event_calendar_item dd {
	margin: 0;
	padding: 0;
}
.msl_event_calendar_title td {
	background-color: #81bc01; 
	font-size: 120%;
}
body:first-of-type table.msl_event_calendar td dl {
display: none;
}

body:first-of-type table.msl_event_calendar td:hover dl { background:#eee none repeat scroll 0 0; border:1px solid #AAAAAA; color:#000; display:block; padding:5px; position:absolute; text-align:left; text-decoration:none; width:25em; z-index:50; min-height:3em;
margin-top: -1em;
clear:both;
}

body:first-of-type table.msl_event_calendar td span {
display: none;
}

body:first-of-type table.msl_event_calendar td:hover span { background-color:none; border:none; color:none; display:block; left:auto; opacity:auto; padding:auto; position:auto; text-align:auto; text-decoration:auto; top:auto; width:auto; z-index:auto; }

a#qmbklink {
    display: block;
    width: 225px;
    height: 50px;
    border:0px;
    background-image: url(/stylesheet/Events/QMUL_buttonbk.gif);
    margin: 0 auto;
}
a#qmbklink:hover {
    background-image: url(/stylesheet/Events/QMUL_buttonbk_hover.gif);
}
a .alt { display: none; }

a#blbklink {
    display: block;
    width: 225px;
    height: 50px;
    border:0px;
    background-image: url(/stylesheet/Events/blsa_buttonbk_hover.gif);
    margin: 0 auto;
}
a#blbklink:hover {
    background-image: url(/stylesheet/Events/blsa_buttonbk.gif);
}
a .alt { display: none; }

a#wmbklink {
    display: block;
    width: 225px;
    height: 50px;
    border:0px;
    background-image: url(/stylesheet/Events/webmailbk.gif);
    margin: 0 auto;
}
a#wmbklink:hover {
    background-image: url(/stylesheet/Events/webmailbk_over.gif);
}
a .alt { display: none; }

a#shopbklink {
    display: block;
    width: 225px;
    height: 50px;
    border:0px;
    background-image: url(/stylesheet/Events/shop_buttonbk.gif);
    margin: 0 auto;
}
a#shopbklink:hover {
    background-image: url(/stylesheet/Events/shop_buttonbk_over.gif);
}
a .alt { display: none; }

.photogallery {
	margin: 0.5em 0.5em 0 0;
	padding: 0.5em;	
	padding-left: 40px;
	padding-right: 40px;
	width: 145px;
	height: 140px;
	/*float: left;*/
	background-color: #242424;
	/*border: 1px solid #7e7e7e;*/
	text-align: center;
}
.photogallery h3 {
	font-size: 110%;
	}
.photogallery h3 a{
	text-decoration: none;
	color: #FFF;
text-align: center;	
}
.photogallery img {
	display: block;
	padding: 3px;
	margin: 3px;
	background: #242424;

}
.photogallery dl {
	margin: 0;
	padding: 0;
}
.photogallery dd {
	margin: 0;	
	padding: 0;
	font-size: 85%;
	color: #CCC;
}

.msl_eventlist .msl_event3 { margin: 0; padding: 0.5em; }
.msl_eventlist .msl_event3 dt { font-weight: bold; margin-bottom: 0.3em; font-size: 110%; display: block; }
.msl_eventlist .msl_event3 dt a { color: #81bc01  }
.msl_eventlist .msl_event3 dd {margin: 0 0 0 105px; padding: 0; zoom: 1; /* Trigger hasLayout see http://www.cayenne.co.uk/ie7/disappearing-content.html */ }
.msl_eventlist .msl_event3 .msl_event_image img { margin: 0 auto; text-align: center;}
.msl_eventlist .msl_event3 .msl_event_image {  display: block; width: 210px; margin: 0 5px 5px 0; _height: 80px; text-align: center;  }
.msl_eventlist .msl_event3 dd.msl_event_time { font-size: 95%; font-style: italic; display: inline; margin: 0;  }
.msl_eventlist .msl_event3 dd.msl_event_location { font-size: 95%; font-style: italic; display: inline; margin: 0; }
.msl_eventlist .msl_event3 dd.msl_event_description { text-align: justify; }
.msl_eventlist .msl_event3 dd.msl_event_tickets {}
.msl_eventlist .msl_event3 dd.msl_event_tickets ul { list-style-type: none; margin: 0; padding: 0; clear: both; }
.msl_eventlist .msl_event3 dd.msl_event_edit {}
.msl_eventlist .msl_event3 dd.msl_event_types {}
.msl_eventlist .msl_event3 dd.msl_event_tickets a {}
.msl_eventlist .msl_event3 dd.msl_event_types a { font-size: 85%; color: #666; text-decoration: none; }
.msl_eventlist .msl_event3 dd.msl_event_types a:hover { color: #c00; }
.msl_eventlist .msl_event3 dd.msl_event_hook { clear: both; }
h4 {color: #0099ff;}