masterdetail.css

@charset "utf-8";

#masterbox {
	float: left;
	margin-left: 20px;
}

table#events {
	border-collapse:collapse;
	width:340px;
	color: #00a0af;
}

table#events th {
	background-color: #ffffff;
	padding: 6px 0.25em;
	font-weight: bold;
	font-size: .6em;
	color: #000000;
	text-transform: uppercase;
	margin: 0;
	border-bottom: solid 1px #c2e8ee;
	cursor: pointer;
}

table#events td, #events th {
	margin: 0;
	text-align: left;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 5px;
	padding-right: 5px;
}

table#events tr.headerrow {
	background: none;
}

table#events tr td {
    background-color: #f0f9fb;
	border-bottom: solid 1px #c2e8ee;
}

table#events tr.rowSelected td {
	background-color: #d0eef4;
	border-bottom: solid 1px #c2e8ee;
}

table#events .eventname {
	font-weight: bold;
	font-size: .75em;
}

table#events .date {
	color: #000;
	font-size: .6em;
	text-transform: uppercase;
}

table#events .location {
	font-size: .7em;
}

table#events .rowHover {
	color: #000;
	cursor: pointer;
}

#detailbox {
	float: left;
	text-align: left;
	width:380px;
	height:360px;
	padding-top:15px;
	padding-left:0px;
	padding-right:0px;
	margin-top: 20px;
	margin-left: 20px;
	background: url('images/bg_events_detail.gif') no-repeat;
	border-top-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
}

#detailbox {
	font-size:.8em;
}

#detailbox #eventbanner {
	margin-left:11px;
}

#detailbox #eventinfo {
	margin-top:12px;
	margin-left:11px;
	margin-right:11px;
}

#directionsbox {
	width:700px;
	height:300px;
	position:absolute;
	top:100px;
	background-color:#FFFFFF;
	border-color:#0099FF;
	border-style:solid;
	border-width:1px;
}

body#spryevents {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}