/* event_calendar.css */

div#subNav ul {
    width: 980px;
}

div#container div#contentRight div#contentHeader div.icon {
    margin-right: 0;
}

div#container div#content div#leftNav {
	display: none;
}

div#container div#content div#contentRight {
	margin-left: 0px;
	width:980px !important;
}

div#container div#content div#contentRight div#contentHeader {

}

div#container div#contentRight div#bodyContent {
	border-right: 0 none;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#resultsHeader {
	margin:10px 0 10px 15px;
}
	
div#resTitle {
	font-weight:bold;
}
	
div#resSettings {
}
	
.eventDate {
	padding: 10px 3px 10px 10px;
	vertical-align:top;
	width:90px;
}

.eventTitle {
	padding: 10px 3px 10px 10px;
	vertical-align:top;
	width:200px;
}

.eventLocation {
	padding: 10px 3px 10px 10px;
	vertical-align:top;
	width:150px;
}

.eventSummary {
	padding: 5px 6px 3px 3px;
	vertical-align:top;
	width:300px;
}

.eventTitle .titleGroup {
	clear:both;
}

.eventTitle .titleGroup .titleImg {
	float: left;
	width: 76px;
}

.eventTitle .titleGroup .titleText {
	float: left;
	padding-left:5px;
	width: 160px;
}

div#container div#contentRight .eventTitle p,
div#container div#contentRight .eventSummary p {
	margin: 0 0 5px;
	padding: 0px;
}

table#conferences {
	padding:0 15px;
}

table#conferences th {
	padding:5px 3px;
	text-align:left;
}

tr.even {
	background-color: #e9e5e2
}

div#container div#contentRight div.pager {
	clear: both;
	float: right;
	margin:10px 0px 35px;
}

.pager .page-number {
	margin-right: 6px;
}

.pager .active {
	color: #555555;
	cursor:normal;
	text-decoration: none;
}

.clickable {
	color: #54640D;
	cursor:pointer;
	text-decoration:underline;
}

.sorted-asc, sorted-desc {
	cursor:pointer;
}

/*  Event Details Page style */

#content #contentRight h2 {
	color:#555555;
	font-size:18px;
	padding-left:115px;
}

#calendarLink {
	margin: 0 0 10px 115px;
}

#eventDetail {
	float: left;
	margin:0px 0px 35px 115px;
}

div#container div#contentRight div#eventBanner h1 {
	color:#555555;
}

div#container div#content div#contentRight div#eventDetail div#contentHeader {
	display:block;
	width:690px;
}

div#container div#content div#contentRight div#contentHeader h2 {
	display:none;
}

div#container div#contentRight .top_nav a {
	width:auto;
	height:20px;
	padding:0;
	background-image: url(/images/events_inactive-tab.gif);
	background-repeat:no-repeat;
	border:0 none;
	color:#54640D;
	margin:0;
}

div#container div#contentRight .top_nav a.active {
	background-image: url(/images/events_active-tab.gif);
}

div#container div#contentRight .top_nav a:hover {
	text-decoration:none;
}

#tabNav {
	background:transparent url(/images/jpmorgan/podcast/dot.gif) repeat-x scroll 0 22px;
	margin-left:0px;
	width:750px;
        height:20px;
}

#tabNav .tabText {
	width:150px;
	text-align:center;
}

#eventDetail #tabbedcontent .tabContainer {
	border:1px solid #D8D9DA;
	height: auto !important;
	margin-left:0px;
}

#eventBanner {
	font-size:15px;
	font-weight:bold;
	height:81px;
        line-height: 16px;
	width:710px;
	padding: 10px 5px 5px 25px;
}

.etitle {
	font-size: 18px;
	font-weight:bold;
}

.eventTabDtl {
	height: 330px;
	overflow: auto;
	padding: 0 25px;
	width: 690px;
}

#noResults {
        clear:both;
        font-weight:bold;
        margin:15px 0;
        padding-left:15px;
}

	#globalPopup select
	{
		font-size:11px;
	}
	
	#pop_layer
	{
		border: 1px solid #cccccc;
		height:60px;
		margin-left:15px;
		padding:5px;
	}

	.scrollParent
	{
		float:left;
		margin-right:10px;
	}
	
	#buttonCont
	{
		float:left;
		margin-left:0px;
		padding-top:15px;
	}
	
	.popBoxHeading
	{
		font-size:12px;
		font-weight:bold;
		margin-bottom:2px;
	}
	
	.scrollParent ol { 
		list-style-type: none; 
		margin: 0px;
		padding-left:0px;
	}
	
	.scrollParent ol li { 
		clear: both;
	}
	
	.scrollParent ol label { text-align: right; width:60px; }
	
	.date-pick {
		float:left;
		font-size: 11px;
		margin-bottom:4px;
		width: 70px; 
	}
	
	div#container div#contentRight div#pop_layer div#globalPopup ol li a.dp-choose-date {
		background:transparent url(/images/calendar.png) no-repeat scroll 0 0;
		color: transparent;
		float:left;
		height:16px;
		margin:2px 0px 0 3px;
		overflow:hidden;
		padding:0;
		text-indent:-2000px;
		width:16px;
	}

div#footerbg { margin-top: 10px; }
