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

#listbytype {
	text-align: center;
	height:30px;
	background:url(/hohimgs/cssi/ev/a-listbytype.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#alltypes {
	text-align: center;
	height:30px;
	background:url(/hohimgs/cssi/ev/a-alltypes.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#allevents2 {
	text-align: center;
	height:24px;
	background:url(/hohimgs/cssi/ev/a-listbyevent.png) transparent 0 0 repeat-x;
	overflow:hidden;
}
#screen {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-screen.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#stage {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-stage.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#music {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-music.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#otherevent {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-otherevent.png) transparent 0 0 repeat-x;
	overflow:hidden;
}


#exhibitionx {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-exhibition.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#exhibitions {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-exhibition.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#allgenres {
	text-align: center;
	height:30px;
	background:url(/hohimgs/cssi/ev/a-allgenres.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#family {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-family.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#classical {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-classical.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#country {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-country.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#comedy {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-comedy.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#dance {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-dance.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#drama {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-drama.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#jazz {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-jazz.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#musicals {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-musicals.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#plays {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-plays.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#rock {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-rock.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#action {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-action.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#docs {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-docs.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#romance {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-romance.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#scifi {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-sci.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#scottish {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-scottish.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#thriller {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-thriller.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#world {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-world.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#worldmov {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-worldmov.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#other {
	text-align: center;
	height:20px;
	background:url(/hohimgs/cssi/ev/a-other.png) transparent 0 0 repeat-x;
	overflow:hidden;
}



#month {
	text-align: center;
	height:30px;
	background:url(/hohimgs/cssi/ev/b-month.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#allevents {
	text-align: center;
	height:30px;
	background:url(/hohimgs/cssi/ev/b-events.png) transparent 0 0 repeat-x;
	overflow:hidden;
}



.highlightevent {
	background: url(/hohimgs/cssi/ev/eventbox.png) #fff no-repeat 0px 0px;
}


.eventtext {
	background-color: #F0F2F7;
}

#hohlogo {
	text-align: center;
	height:392px;
	background:url(/hohimgs/cssi/ev/page/hohverticallogo.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#titlebar {
	height:150px;
	background:url(/hohimgs/cssi/ev/page/titlebar.png) transparent 0 0 repeat-x;
	overflow:hidden;
}

#eventtitle {
	color:#FFFFFF;
	font-size: 3em;
	font-weight:bold;
	margin-right:10px;
	margin-left:10px;
}

#eventdate {
	color:#FFFFFF;
	font-size: 1em;
	font-weight:bold;
	margin-top: 3em;
	margin-right:10px;
	margin-left:10px;
	text-align:right;
}

#mainfeaturepic {
	height:150px;
	width: 663px;
	overflow:hidden;
}



#soldout {

}

#cancelled {

}

#otherinfo {
	color:#666666;
	font-size: 2em;
	font-weight:bold;
	margin-right:10px;
	margin-left:10px;
}

#cast {
	color:#666666;
	margin-right:10px;
	margin-left:10px;
}

#directedby {
	color:#666666;
	margin-right:10px;
	margin-left:10px;
	margin-top: 5px;
}

#details {
	color:#666666;
	margin-right:10px;
	margin-left:10px;
	font-size:0.85em
}

#otherinfodetails {
	color:#666666;
	margin-right:10px;
	margin-left:10px;
	font-size:0.85em;
}

.pic1 {
	width:120px;
	height:120px;
}

.pic1padding {
	margin-right:18px;
	margin-left:36px;
}

.pic1padding2 {
	margin-right:18px;
	margin-left:18px;
}

#externallinks {
	
}

.dbeventbold {
		font-weight:bold;
}

.dbeventsmaller {
		font-size: 0.9em;
}

.dbeventnorightborder {
	border-right:none;
}

.dbeventnoleftborder {
	border-left:none;
}

.dbeventnotopborder {
	border-top:none;
}

.dbeventnobottomborder {
	border-bottom:none;
}

.dbeventbottomborder {
	border-bottom: 1px;
}
.tablebody {font: 0.84em/1.6em arial, sans-serif;}
#userResponse {width: 90%; background-color: #E1E1E1; float: left; margin: 1em; border: solid 3px #CCC;}
span.linkOptions {float: right;}
#data {background-color: #FFF; text-align: center; border-top: solid 2px #CCC;}
table {font-size: 110%; border: solid 1px #AAA;}
th {background-color: #AAA; color: #FFF; text-align: left;}
tfoot td {background-color: #E1E1E1; text-align: center; border-top: solid 1px #AAA;}
tbody td {border: solid 1px #CCC; border-width: 1px 0 0 1px;}
.even {background-color: #ECF2FE;}
.index {text-align: center; font-size: 80%; font-weight: bold; color: #666; border-right: none;}
.capitalise {text-transform: capitalize;}