@media screen {
	
/* ########################################### */
/* ------------ EVENTS STYLESHEET ------------ */
/* ########################################### */

#events h1 {
	border-bottom: 1px dashed #ccc;
    font-size: 1.8em;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-transform: capitalize;
}
#events p {
	float: left;
	width: 450px;
}
#addYourOwnEvent{
	float:right;
}
#events div.buttonType1 {
	background:none;
	padding:0;
}
/* --- Event Filters --- */

.eventFilters{
	background: url("/_images/bkg/bkgModules.gif") repeat-x scroll 0 0 transparent;
	margin:0;
	float:left;
	border: 1px solid #CCCCCC;
    display: block;
    padding: 10px;
	width:166px;
}
.eventFilters h2{
	border-bottom: 1px dashed #ccc;
	font-family: Georgia, Times, serif;
	font-size:1.8em;
	font-weight:400;
	margin-bottom:10px;
	padding-bottom: 10px;
	}

#events .eventFilters h3 {
	color: #363636;
    font-size: 1.2em;
    margin: 15px 0 5px;
}
	
.eventFilters ul{
	margin-bottom:20px;
	color:#000;
}

	.eventFilters ul li{
		background:none;
		padding-left:0;
		margin-bottom:7px;
		font-size:1.1em;
	}
	
	.eventFilters ul li a{
		color: #1a3973;
		text-decoration:none;
		font-weight:400;
	}
	.eventFilters ul li a:hover{
	}
	
	.eventFilters ul li.last {
		margin-bottom:35px;
	}
	.eventFilters ul li.filterRemove a img {
		display:inline;
		margin-left:3px;
	}

/* --- Event Listing Content --- */

.eventListing {
	width:410px;
	float:left;
	margin:5px 20px 0 0;
}
.eventStandard {
	border-bottom: 1px dashed #ccc;
	clear: both;
	padding:10px 0 5px 0;
	}
	
	.eventStandard h3 span,
	.eventEnhanced h3 span {/* for highlighting new events */
		color:#DA111B;
		text-transform: uppercase;
	}
	
.eventEnhanced {
	background: url(/_images/bkg/bkgTopStory.gif) #f7f7f7;
	border-bottom: 1px dashed #ccc;
	clear: both;
	padding:0;
	}
.enhancedContent {
	padding: 10px 10px 5px 10px;
}
.eventStandard.last, .eventEnhanced.last {
	background:none;
	border-bottom: 0;
	}
.infoDetails {
	float:left;
	width:290px;
	overflow:hidden;
}
.logoEnhanced {
	float:right;
	width:87px;
	overflow:hidden;
	background:#f4f4f4;
	padding:5px;
}
.logoEnhanced img {
	border:2px solid #fff;
	-moz-box-shadow: 1px 1px 4px #333;
	-webkit-box-shadow: 1px 1px 4px #333;
	box-shadow: 1px 1px 4px #333;
	width:84px;
}
#events .eventListing h3{
	font-family: Georgia, Times, serif;
	font-size:1.4em;
	font-weight: 400;
	margin-bottom:10px;
}
#events .eventListing h3 span{
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: 700;
}
#events dt {
	background:none;
	border-bottom: 0;
	clear: both;
	float:left;
	padding:0;
	margin-right:5px;
	font-size:1.2em;
	color:#000;
	width:95px;
}
#events dd {
	margin-bottom:7px;
	font-size:1.2em;
	width:290px;
	float:left;
}
	#events .enhancedContent dd, #events .enhancedContent dd p {
		width:190px;
	}
	#events dd p {
		width:290px;
		font-size:1em;
		margin-bottom:3px;
		line-height:1em;
	}


/* ---- event Detail ------ */
#eventDetail {
	overflow:hidden;
}
#eventDetail .goBack {
	float:left; 
	width:420px;
}
#eventDetail div.buttonType1rev.goBack {
	padding-top: 0;
}
	.eventDescription .contactDetails a,
	#frmAddOwnEvent a {
		font-weight:300;
	}
#eventDetail p.goBack span {
	text-indent:-5000px;
	float:left;
	}
#detailed {
	margin-top:15px;
}
#detailed h3 {
	font-family: Georgia, Times, serif;
	font-weight: 400;
	margin-bottom:10px;
}
#detailed dl {
	clear: both;
	margin-bottom:20px;
	overflow: auto;
}
	#detailed dl dt,
	#detailed dl dd {
		font-size:1.3em;
		margin-bottom:3px;
	}
.eventDescription {
	border-bottom: 1px dashed #ccc;
	clear: both;
	margin:15px 0 10px 0;
	overflow: auto;
	padding-bottom:25px;
}
#events .eventDescription p,
#events .addEventsForm p {
	width:auto;
	float:none;
	font-size:1.2em;
	font-weight:300;
	margin-bottom:10px;
}
.eventDescription .contactDetails {
	margin-top:30px;
}

/* ---- add Events Form ----*/

.addEventsForm h2{
	margin-top:10px;
}

#frmAddOwnEvent{
	margin-bottom:15px;
	padding:10px;
}

#frmAddOwnEvent .formRow {
	width:95%;
	}

#maincol #frmAddOwnEvent .formRow label {
	float: left;
	width: 130px;
	line-height: 20px;
	}
	
#frmAddOwnEvent .formRow input {
	width: 192px;
	border: 1px solid #797979;
	height: 16px;
	}
	
#frmAddOwnEvent .formRow select {
	width: 196px;
	}
	
#frmAddOwnEvent .formRow select.title {
	width: 80px;
	}
	
#frmAddOwnEvent .formRow textarea {
	width: 300px;
	height: 100px;
	border: 1px solid #797979;
	}

.calendarRow {
	clear: both;
	margin-bottom: 10px;
	}
	
#frmAddOwnEvent .calendarRow input {
	float: left;
	width:100px;
	display:inline;
	text-align:left;
	}
.calendarRow img {
	margin: 0 0 0 8px;
	}
.calendarRow span.toolTip {
	margin-left:5px;
	margin-top:5px;
}
/* Reset the inherited styles from .button which is also used in the calender */
.calendar .button{
	float:none;
	display:table-cell;
}
#frmAddOwnEvent h3 {
	border-bottom: 1px dashed #ccc;
	font-size:1.3em;
	font-weight:700;
	padding-bottom:5px;
	margin:20px 0;
	display:block;
	}
#frmAddOwnEvent .requiredDescription {
	clear: both;
	margin-bottom: 10px;
	float: none;
	margin-top:20px;
	}

.checkboxRow input {
	width: 20px;
	float: left;
	margin-left: 142px;
	margin-right: 10px;
	border: none;
	}
	
.checkboxRow label {
	width: 390px;
	float: left;
	text-align: left;
	font-weight: normal;
	margin-bottom: 10px;
	}
	
.disclaimer p {
	margin: 0 0 10px 167px;
	clear: both;
	}

#frmAddOwnEvent .checkbox input {
	width: 13px;
	float: left;
	margin-left: 134px;
	margin-right: 10px;
	border: none;
	}

#maincol #frmAddOwnEvent .checkbox label {
	width: 390px;
	float: left;
	text-align: left;
	font-weight: normal;
	margin-bottom: 10px;
	line-height:1.3em;
	}
#frmAddOwnEvent .buttonRow {
	margin-top: 10px;
	}
#btnSendRequestForNewEvent {
	display:block;
	margin-left:130px;
}
#events .showError p {
	margin-left:135px;
	color:#ff0000;
	margin-bottom:3px;
}
#events p.error {
	margin-left:135px;
}
/* ------- events pagination ------- */
#events .pagination {
	padding:5px 0;
	margin:20px 0;
	border-top:1px dashed #c0c0c0;
	border-bottom:1px dashed #c0c0c0;
}
#events .pagination p.summary {
	float:left;
	width:420px;
	margin-bottom:0;
	font-weight:300;
}
}
