/*	-----------------------------------------------

	Resets And Primitives

	----------------------------------------------- */

body {
	font-size: 62.5%;
}
h1,h2,h3,h4,h5,h6 {
	line-height: 1em;
}
h1 {
	font-size: 2.4em;
}
h2 {
	font-size: 2.2em;
}
h3 {
	font-size: 2.0em;
}
h4 {
	font-size: 1.8em;
}
h5 {
	font-size: 1.6em;
}
h6 {
	font-size: 1.4em;
}
p {
	font-size: 1.2em; 
}
address,caption,cite,code,dfn,th,var {
	font-style: normal; 
	font-weight: normal; 
}
ul,ol {
	font-size: 1.2em; 
}
a { 
	color: #000;
	text-decoration: none; 
}
a:hover {
	text-decoration: underline; 
}
object {
	outline: none;
}
img {
	border: 0; 
}
strong {
	font-weight: bold;
}
em {
	font-style: italic; 
}
table {
	border-collapse: collapse;
}
caption,th,td {
	font-weight: normal;
	text-align: left;
}

/*	-----------------------------------------------

	Custom Primitives

	----------------------------------------------- */

div.hr {
	border-top: 1px solid #e5e5e5;
	clear: both;
	height: 1px;
	overflow: hidden;
}
	div.hr hr {
		display: none;
	}

/*	-----------------------------------------------

	Forms

	----------------------------------------------- */

fieldset {
	border: none;
}
	fieldset ol {
		list-style: none;
	}

/*	-----------------------------------------------

	Utility Classes

	----------------------------------------------- */

.left {
	float: left;
}
.right {
	float: right;
}
.invisible {
	display: none;
}

/*** Buttons ***/

a.btn {
	cursor: pointer;
	display: block;
	position: relative;
}
	a.btn span {
		left: -999999px;
		position: absolute;
		top: -999999px;
	}

/*** Event Tiles ***/

a.event-tile {
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	width: 100%;
}
	a.event-tile img {
		box-shadow: 1px 5px 10px #757575;
		-moz-box-shadow: 1px 5px 10px #757575;
		-o-box-shadow: 1px 5px 10px #757575;
		-webkit-box-shadow: 1px 5px 10px #757575;
		display: block;
		margin: 20px auto;
		min-height: 197px;
		width: 154px;
	}
	a.event-tile span.event-details {
		color: #fff;
		height: 210px;
		left: 23px;
		overflow: hidden;
		position: absolute;
		top: 10px;
		width: 160px;
	}
		a.event-tile span.event-details span.top {
			background-color: #4a9cd8;
			display: block;
			height: 168px;
			padding: 10px;
			width: 140px;
		}
			a.event-tile span.event-details span.top span.title {
				border-bottom: 1px solid #fff;
				display: block;
				font-size: 1.3em;
				font-weight: bold;
				line-height: 1.2em;
				margin-bottom: 5px;
				padding-bottom: 5px;
				text-transform: uppercase;
				width: 140px;
			}
			a.event-tile span.event-details span.top strong {
				display: block;
				font-size: 1.1em;
				line-height: 1.1em;
				margin: 3px 0 0;
				text-transform: uppercase;
			}
			a.event-tile span.event-details span.top span.description {
				border-bottom: 1px solid #fff;
				display: block;
				font-size: 1.2em;
				line-height: 1.1em;
				margin-bottom: 5px;
				padding-bottom: 5px;
			}
			a.event-tile span.event-details span.top span.details {
				display: block;
				font-size: 1.1em;
				line-height: 1.1em;
			}
	a.event-tile span.btn {
		background-color: #4a9cd8;
		bottom: 10px;
		color: #fff;
		font-size: 1.2em;
		font-weight: bold;
		height: 6px;
		left: 10px;
		line-height: 1.2em;
		padding: 3px 7px 11px;
		position: absolute;
		text-transform: uppercase;
		width: 146px;
	}
		a.event-tile span.btn span.indicator {
			background: transparent url(../img/btn/btn-indicator.png) no-repeat 0 0;
			height: 12px;
			position: absolute;
			right: 6px;
			top: 4px;
			width: 12px;
		}
		a.event-tile span.btn:hover span.indicator {
			background-position: 0 -12px;
		}
li.link-tile {
	background: #4A9CD8 !important;
}
	li.link-tile span.description {
		display: block;
		padding: 10px;
	}
		li.link-tile span.description p {
			color: #fff !important;
			font-size: 1.2em;
			line-height: 1.5em;
		}
			li.link-tile span.description p a {
				font-size: 1em;
			}
		li.link-tile span.description a {
			color: #fff !important;
			font-size: 1.2em;
			line-height: 1.5em;
			text-decoration: underline;
		}
			li.link-tile span.description p strong {
				font-size: 1.083em;
			}
			li.link-tile span.description p font {
				font-size: 1em;
			}

/*** Whats On Sections ***/

	div.section-whats_on h3.section-title {
		float: left;
		font-size: 1.455em;
		letter-spacing: -1px;
		margin: 0 2px 5px 0;
		text-transform: uppercase;
	}
	div.section-whats_on div.column-search-results,
	div.section-whats_on div.tabular-search-results {
		float: left;
		margin: 20px 20px 20px 0;
		width: 698px;
	}
		div.section-whats_on div.tabular-search-results div.searchSummary { }
			div.section-whats_on div.tabular-search-results div.searchSummary div {
				font-size: 1.2em;
			}
		div.section-whats_on div.column-search-results h3.category {
			color: #a22525;
			float: left;
			font-size: 1.455em;
			margin: 2px 30px 15px 0;
			text-transform: uppercase;
		}
		div.section-whats_on div.column-search-results p {
			clear: both;
			color: #666666;
			font-size: 1.2em;
			line-height: 1.5em;
			margin-bottom: 15px;
		}
			div.section-whats_on div.column-search-results p a {
				color: #1A88C1;
				text-decoration: underline;
			}
	div.section-whats_on div.pagination {
		float: right;
		font-weight: bold;
		overflow: hidden;
	}
		div.section-whats_on div.pagination ul {
			float: left;
			font-size: 1.2em;
			list-style: none;
		}
			div.section-whats_on div.pagination ul li {
				color: #4698d5;
				float: left;
				padding: 4px;
			}
				div.section-whats_on div.pagination ul li a {
					color: #4698d5;
					text-decoration: underline;
				}
		div.section-whats_on div.pagination a.btn-previous,
		div.section-whats_on div.pagination a.btn-next {
			color: #4698d5;
			float: left;
			font-size: 1.2em;
			padding: 4px;
		}
	div.section-whats_on span.results-description {
		float: left;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1.8em;
	}
		div.section-whats_on div.column-search-results ul.results,
		div.section-whats_on div.column-search-results div.results ul {
			clear: both;
			font-size: 1.1em;
			height: 846px;
			list-style: none;
			margin: 10px 0;
			overflow: hidden;
			width: 698px;
			border-bottom: 1px solid #D8D8D8;
			border-top: 1px solid #D8D8D8;
		}
			div.section-whats_on div.column-search-results ul.results li,
			div.section-whats_on div.column-search-results div.results ul li {
				background: transparent url(../img/misc/loader.gif) no-repeat center center;
				float: left;
				font-size: 0.909em;
				height: 230px;
				margin: 22px 26px;
				width: 180px;
			}
		div.section-whats_on span.header-note {
			color: #666;
			float: left;
			letter-spacing: -1px;
			line-height: 18px;
			text-transform: uppercase;
		}
		div.section-whats_on div.column-search-form {
			background: #fff url(../img/bg/bg-whats-on-search.png) no-repeat 0 top;
			border-bottom: 1px solid #D8D8D8;
			border-left: 1px solid #D8D8D8;
			border-right: 1px solid #D8D8D8;
			float: left;
			min-height: 722px;
			margin: 0 20px 20px;
			width: 218px;
		}
			div.section-whats_on div.column-search-form h3.section-title {
				margin: 19px 2px 0 20px;
			}
			div.section-whats_on div.column-search-form span.header-note {
				margin-top: 19px;
				white-space: nowrap;
			}
			div.section-whats_on div.column-search-form ol {
				font-size: 1.1em;
				list-style: none;
				margin-top: 12px;
			}
				div.section-whats_on div.column-search-form ol li {
					clear: both;
					float: left;
					padding: 0 0 0 19px;
					position: relative;
					width: 180px;
					z-index: 1;
				}
				div.section-whats_on div.column-search-form ol li.yacal-from {
					height: 62px;
					z-index: 3;
				}
				div.section-whats_on div.column-search-form ol li.yacal-to {
					height: 62px;
					z-index: 2;
				}
					div.section-whats_on div.column-search-form ol li a {
						color: #4698d5;
						text-decoration: underline;
					}
			div.section-whats_on div.column-search-form label,
			div.section-whats_on div.column-search-form span.pseudo-label {
				color: #666;
				display: block;
				margin-bottom: 10px;
				text-transform: uppercase;
			}
			div.section-whats_on div.column-search-form input,
			div.section-whats_on div.column-search-form select {
				color: #666;
				font-size: 1.1em;
				height: 14px;
				margin-bottom: 15px;
				padding: 2px;
				width: 174px;
			}
			div.section-whats_on div.column-search-form select {
				height: 22px;
				width: 180px;
			}
			div.section-whats_on div.column-search-form input.btn-submit-search {
				background: transparent url(../img/btn/btn-submit-search.png) no-repeat 0 0;
				border: none;
				height: 20px;
				padding: 0;
				text-indent: -999999px;
				width: 180px;
			}
			div.section-whats_on div.column-search-form input.btn-submit-search:hover {
				background-position: 0 -20px;
				cursor: pointer;
			}
			div.section-whats_on div.column-search-form input.btn-find-now {
				background: transparent url(../img/btn/btn-find-now.png) no-repeat 0 0;
				border: none;
				height: 20px;
				padding: 0 0 0 180px;
				text-indent: -999999px;
				width: 180px;
				display: block;
			}
			div.section-whats_on div.column-search-form input.btn-find-now:hover {
				background-position: 0 -20px;
				cursor: pointer;
			}
			div.section-whats_on div.column-search-form input.date-select {
				float: left;
				margin-right: 8px;
				width: 140px;
			}
			div.section-whats_on div.column-search-form img.date-select-image {
				float: left;
				padding-top: 2px;
			}
			div.section-whats_on div.column-search-form div.dateinput {
				height: 173px;
				left: 19px;
				position: absolute;
				top: 50px;
				width: 190px;
				z-index: 2;
			}
			div.section-whats_on div.column-search-form table.check-box-list {
				margin-bottom: 15px;
				width: 200px;
			}
				div.section-whats_on div.column-search-form table.check-box-list td {
					vertical-align: top;
					width: 50%;
				}
				div.section-whats_on div.column-search-form table.check-box-list label {
					float: left;
					font-size: 0.909em;
					margin: 3px 2px 5px 0;
					text-transform: none;
					width: 65px;
					white-space: nowrap;
				}
				div.section-whats_on div.column-search-form table.check-box-list input {
					float: left;
					height: 13px;
					margin: 0 5px 5px 0;
					width: 13px;				
				}
		div.section-whats_on table.search-results {
			clear: left;
			color: #222;
			font-size: 1.1em;
			margin: 10px 0;
			width: 700px;
		}
			div.section-whats_on table.search-results thead {
				border-left: 1px solid #666;
			}
				div.section-whats_on table.search-results thead tr {
					background: #6d6d6d url(../img/bg/bg-tabular-search-hdr.png) repeat-x 0 bottom;
					height: 20px;
					vertical-align: middle;
				}
					div.section-whats_on table.search-results thead tr a {
						background: transparent url(../img/btn/btn-tabular-sort.png) no-repeat right center;
						color: #fff;
						display: inline-block;
						height: 100%;
						font-weight: bold;
						padding: 2px 0;
						text-indent: 12px;
						width: 100%;
					}
			div.section-whats_on table.search-results tbody {
				border-left: 1px solid #d8d8d8;
			}
				div.section-whats_on table.search-results tbody tr:nth-child(odd) {
					background: transparent url(../img/bg/bg-tabular-search-results.png) repeat-x 0 bottom;
				}
				div.section-whats_on table.search-results tbody tr:hover {
					background: #e1f4ff;
				}
			div.section-whats_on table.search-results tr {
				vertical-align: top;
			}
				div.section-whats_on table.search-results tr th {
					border-bottom: 1px solid #d8d8d8;
				}
				div.section-whats_on table.search-results tr td {
					border-bottom: 1px solid #d8d8d8;
					border-right: 1px solid #d8d8d8;
					padding: 10px;
				}
					div.section-whats_on table.search-results tr td span.img {
						float: left;
						padding: 0 8px 0 0;
						width: 75px;
					}
						div.section-whats_on table.search-results tr td span.img a {
							border: 1px solid #888 !important;
							display: block;
							height: 42px;
							overflow: hidden;
							width: 73px;
						}
							div.section-whats_on table.search-results tr td span.img a img {
								width: 100%;
							}
					div.section-whats_on table.search-results tr td span.copy {
						float: left;
						font-size: 1.2em;
						padding: 4px 0 0 4px;
						font-weight: bold;
						width: 247px;
					}
						div.section-whats_on table.search-results tr td span.copy a {
							color: #1677A4;
							text-decoration: underline;
						}
				div.section-whats_on table.search-results tr th.col-event,
				div.section-whats_on table.search-results tr td.col-event {
					width: 334px;
				}
				div.section-whats_on table.search-results tr th.col-presenter,
				div.section-whats_on table.search-results tr td.col-presenter {
					width: 121px;
					font-weight: bold;
				}
				div.section-whats_on table.search-results tr th.col-date,
				div.section-whats_on table.search-results tr td.col-date {
					width: 80px;
					font-weight: bold;
				}
				div.section-whats_on table.search-results tr th.col-venue,
				div.section-whats_on table.search-results tr td.col-venue {
					width: 80px;
				}
	div.section-whats_on a.event-tile { }
		div.section-whats_on a.event-tile img {
			height: 230px;
			margin: 0;
			width: 180px;
		}
		div.section-whats_on a.event-tile span.event-details {
			left: 10px;
		}

/*** YACAL ***/

div.dateinput {
	background: #fff;
	box-shadow: 1px 5px 10px #757575;
	-moz-box-shadow: 1px 5px 10px #757575;
	-o-box-shadow: 1px 5px 10px #757575;
	-webkit-box-shadow: 1px 5px 10px #757575;
	text-align: center;
}
table.yacal {
	margin: 0;
	width: 190px;
}
	table.yacal th,
	table.yacal td {
		border: 1px solid #e9e9e9;
		height: 24px;
		text-align: center;
		width: 24px;
	}	
	table.yacal a:link,
	table.yacal a:visited {
		color: #666 !important;
		text-decoration: none !important;
	}
	table.yacal a:hover,
	table.yacal a:visited:hover,
	table.yacal a:active {
		color: #666 !important;
		text-decoration: underline !important;
	}
	table.yacal thead { }
		table.yacal thead tr { }
			table.yacal thead tr.nav {
				border: 1px solid #e9e9e9;
			}
			table.yacal thead tr.nav td.disabled a {
				visibility: hidden;
			}
				table.yacal thead tr.nav td,
				table.yacal thead tr.nav th {
					border: none;
					height: 28px;
				}
				table.yacal thead tr.nav td a {
					background: transparent url(../img/btn/btn-calendar-arrows.png) no-repeat 0 0;
					display: block;
					height: 20px;
					outline: none;
					text-indent: -999999px;
					width: 20px;
				}
				table.yacal thead tr.nav td.previous { }
					table.yacal thead tr.nav td.previous a {
						background-position: 0 0;
						float: left;
					}
					table.yacal thead tr.nav td.previous a:hover {
						background-position: 0 -20px;
					}
				table.yacal thead tr.nav th.title {
					color: #222;
					font-size: 1.2em;
					font-weight: bold;
					text-transform: uppercase;
				}
				table.yacal thead tr.nav td.next { }
					table.yacal thead tr.nav td.next a {
						background-position: -20px 0;
						float: right;
					}
					table.yacal thead tr.nav td.next a:hover {
						background-position: -20px -20px;
					}
			table.yacal thead tr.dow { }
				table.yacal	thead tr.dow th {
					background: #fff url(../img/bg/bg-calendar-day.png) no-repeat right bottom;
				}
				table.yacal	thead tr.dow th abbr {
					border: none;
					color: #222;
					font-weight: bold;
				}
	table.yacal tbody {
		font-size: 1.0em;
	}
		table.yacal tbody td {
			background: #fff url(../img/bg/bg-calendar-date.png) no-repeat left top;
		}
			table.yacal tbody td a { }
			table.yacal tbody td span {
				color: #999;
			}
		table.yacal tbody td.other {
			background: #fff;
		}
		table.yacal tbody td.today {
			background: #fff;
		}
		table.yacal tbody td.selected {
			background: #ccc;
		}
			table.yacal tbody td.selected a {
				color: #fff;
			}	
		table.yacal tbody td.disabled { }
	table.yacal tfoot {
		display: none;
		height: 2em;
	}
		table.yacal tfoot tr td.selected {
			background: #990000;
			color: #fff;
		}

/*** JavaScript Disabled ***/

body.no-js { }
	body.no-js a.event-tile:hover { }
		body.no-js a.event-tile:hover img {
			box-shadow: 1px 5px 20px #757575;
			-moz-box-shadow: 1px 5px 20px #757575;
			-o-box-shadow: 1px 5px 20px #757575;
			-webkit-box-shadow: 1px 5px 20px #757575;
			margin: 3px auto 4px;
			width: 180px;
		}
		body.no-js a.event-tile span.event-details {
			display: none;
		}
		body.no-js a.event-tile:hover span.event-details {
			display: block;
		}