/*ts_tss.css*/


/* Left Banner Styles */

div#container div#leftNav div#leftBanner 
{
	background-color:#ffffff;
	padding: 0px;
	margin: 0px;
	width: 100%;
	border:0px solid #cacccb;
	text-align: center;
	margin-left: 0px;
	
}

div#container div#leftNav div#leftBanner div
{
	margin:0px;
	border:0px solid #cacccb;
	height:auto;
	text-align: center;
	background-color:#ffffff;
	padding: 15px 0px 0px 0px;
	
}

div#container div#leftNav div#leftBanner div.banner
{
	margin:0px;
	border:0px solid #cacccb;
	height:auto;
	text-align: center;
	background-color:#ffffff;
	padding: 15px 0px 0px 0px;
	
}

div#container div#leftNav div#leftBanner div:hover, 
div#container div#leftNav div#leftBanner div#leftSelected ul li:hover, 
div#container div#leftNav div#leftBanner div.leftNavHover {
	margin:0px;
	border:0px solid #cacccb;
	padding: 0px;
	height:auto;
	text-align: center;
	background-color:#ffffff;
	padding: 15px 0px 0px 0px;

}

div#container div#leftNav div#leftBanner div:hover, 
div#container div#leftNav div#leftBanner div#leftSelected ul li:hover, 
div#container div#leftNav div#leftBanner div.leftNavHover {
	margin:0px;
	border:0px solid #cacccb;
	padding: 0px;
	height:auto;
	text-align: center;
	background-color:#ffffff;
	padding: 15px 0px 0px 0px;

}


/* Right Banner Styles */

div#container div#rightRail div#rightBanner 
{
	border: 0px solid black;
	background-color:#ffffff;
	padding-bottom:25px;
}

div#container div#rightRail div#rightBanner:hover, 
div#container div#rightRail div#rightBanner div.banner:hover {
	background-color:#ffffff;
	background-image: none;
}

div#container div#rightRail div#rightBanner div.banner
{
	margin:0px;
	border-bottom:0px solid #cacccb;
	height:auto;
	text-align: center;
}

/* Article Title */
div#container div#contentRight ul.contentList 
{
margin:0 0 10px 30px;
}

div#container div#contentRight ul.contentList li
{
	list-style-type: square;
	margin:0 0 0px 15px;
	margin-bottom:2px;
}

div#container div#contentRight div#pageFeature 
{
	border-top:1px solid #cccccc;
	width:573px;
	background-color:#F7F7F8;
}

div#container div#contentRight div#pageFeature div.pageFeatureColumn
{
	padding:15px 10px 10px 15px;
	float: left;
	width: 250px
}

div#container div#contentRight div#pageFeature div.pageFeatureColumn h3 
{
	margin: 0;
	padding: 0px 0 5px 0;
	font-weight:bold;
	font-size:1.15em;
	
}


div#container div#contentRight div#pageFeature div.pageFeatureColumn div.featureBucket 
{
	width: 90%;
	padding-bottom: 10px;
}

div#container div#contentRight div#pageFeature div.pageFeatureColumn div.featureBucket a
{

}

div#container div#contentRight div#pageFeature div.pageFeatureColumn div.featureBucket a:hover {

}

div#container div#contentRight div.contentBucket a.raquo:hover {
	text-decoration:none;
}

div#container div#contentRight div#pageFeature div.pageFeatureColumn div.featureBucket a.raquo, 
div#container div#contentRight div#pageFeature div.pageFeatureColumn div.featureBucket a.raquo:visited {
	font-weight:bold;
	margin:0;
	padding:0;
}

div#container div#contentRight div#pressFeature 
{
	margin:0 0 10px 15px;
	border-bottom:1px solid #cccccc;
	
}

div#container div#contentRight div#pressFeature a
{

}

div#container div#contentRight div#pressFeature a:hover
{

}

div#container div#contentRight div#pageFeature div.pageFeatureColumn div.featureBucket p 
{
	margin: 0px;
	padding: 0px;
}

div#container div#contentRight div#pageFeature div.pageFeatureColumn div.featureBucket h4 
{
	font-size: 12px;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	
}

div#container div#contentRight div#pageFeature div.pageFeatureColumn div.featureBucket h4 a, div#container div#contentRight div#pageFeature div.pageFeatureColumn div.featureBucket h4 a:visited
{
	font-size: 12px;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	
}

/* Footer For Page Content (Index, Top Links) */

div#container div#contentRight div#contentFooter 
{
	clear: both;
	padding:5px 10px 0px 15px;
	width:547px;
	border-top:1px solid #cccccc;
	
}

div#container div#contentRight div#contentFooter span#contentFooterLeft 
{
	float: left;	
}

div#container div#contentRight div#contentFooter span#contentFooterRight 
{
	float: right;	
	padding: 0px 0px 10px 0px;
}

div#container div#contentRight h1#articleTitle {
	padding:0px 300px 0 15px;
	margin:0;
	display:block;
	background-image:url(../images/lobs/ts/bkgrd_h1_cardsolutions.jpg);
	background-repeat:no-repeat;
	width:266px;
	height:64px;
	color:black;
	font-size: 14px;
	border: 1px solid red;
}

/* Start Executive Bios */
div#container div#contentRight div.contentBucket div.itemBucketRightEB 
{
	width: 100px;
	float: left;
} 

div#container div#contentRight div.contentBucket div.itemBucketLeftEB 
{
	width: 447px;
	float: left;
} 

div#container div#contentRight img.bio 
{
	padding:0 15px 10px 15px;
	float: left;
}

div.biobody 
{
	float: left;
}
/* End Executive Bios */

div#container div#contentRight div.contentBucket div.itemBucketRight 
{
	width: 170px;
	float: left;
} 

div#container div#contentRight div.contentBucket div.itemBucketLeft 
{
	width: 377px;
	float: left;
} 

div#container div#contentRight div.contentBucket div.itemBucketRightSmall 
{
	width: 120px;
	float: left;
	text-align: left;
} 

div#container div#contentRight div.contentBucket div.itemBucketRightSmallR 
{
	width: 120px;
	float: left;
	text-align: right;
} 

div#container div#contentRight div.contentBucket div.itemBucketLeftLarge 
{
	width: 410px;
	float: left;
} 

img.thumbnail 
{
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}

div#selectbyyear 
{
	padding:20px 20px 20px 15px;
}

div#selectbyyear a, 
div#container div#selectbyyear a:visited {

}

/* Press Room */
/* Article Index Featured Article */
div#container div#contentRight div.feature 
{

	padding: 20px 0;
	
}

div#container div#contentRight div.feature p 
{
	margin: 0;
	padding: 0;
}

div#container div#contentRight div.feature h2 
{
	margin:0;
	padding:0;
	font-size:16px;
	background-image: none;
}
div#container div#contentRight div.feature div.byline 
{
	font-style:italic;
	padding: 3px 0px 3px 0px;
}




div#container div#contentRight div#contentHeader h3 {
	font-size:1.0em;
	margin: 0 0 10px 0;
	padding:0 0px 5px 5px;
	display: block;
	float:left;
	width:75%;
	text-align:left;
	font-size:.8em;
}


div#container div#contentRight div#pressFeature h3 
{
	font-size: 12px;
}

div#container div#contentRight div.feature a:hover
{

}

div#container div#contentRight div#pressFeature h3 { 
	display: block; 
	margin: 0 0 10px 5px; 
	padding: 0; 
}

div#container div#contentRight div.feature a, 
div#container div#contentRight div.feature a:visited, 
div#container div#contentRight div.itemBucket div.itemBucketLeft a, 
div#container div#contentRight div.itemBucket div.itemBucketLeft a:visited, 
div#container div#contentRight div.itemBucket div.itemBucketWide a, 
div#container div#contentRight div.itemBucket div.itemBucketWide a:visited {

} 


div#container div#contentRight div.feature a.raquo:hover {
	text-decoration:none;
}

table.contentTable 
{
	width:565px;
	padding:15px 10px 10px 15px;
	background-color:#F7F7F8;
}

table.contentTable td
{
	padding: 3px 0px 10px 0px;
}

/* Product A-Z */
div#container div#contentRight div.contentBucket div.contentBucketHeader {
	background-color:#F7F7F8;
	border-bottom:1px dashed #cccccc;
	width:547px;
	padding-top: 10px;
	margin-bottom: 20px;
	color:#535353;
	font-weight: bold;
}

div#container div#contentRight div.contentBucket a, 
div#container div#contentRight div.contentHeader div a:visited, 
div#container div#contentRight div#contentFooter a, 
div#container div#contentRight div#contentFooter a:visited {

} 

/* Product Specialists */
div#container div#contentRight div#specialistcategories 
{
	width:535px;
	padding:15px 10px 10px 15px;
	
}

div#container div#contentRight div#specialistcategories div.specialistcategoriesColumn 
{
	width: 168px;
	float: left;
	padding: 0px 5px 0px 5px;
} 

div#container div#contentRight div#specialistcategories div.specialistcategoriesColumn div.specialistcategoriesItem
{
	float: left;
	height: 3.0em;
	line-height: 0.9;
	padding-bottom: 5px;
} 

div#container div#contentRight div#specialistcategories div.specialistcategoriesColumn  div.specialistcategoriesItem a, 
div#container div#contentRight div#specialistcategories div.specialistcategoriesColumn  div.specialistcategoriesItem a:visited 
{

}

div#container div#contentRight div#specialistcategories div.specialistcategoriesColumn  div.specialistcategoriesItem a:hover 
{

}

/* Version #2 of Product Specialist */

h3.specialistCategory 
{
	margin:0;
	padding:0;
	display:inline;
	font-weight:bold;
	font-size:.95em;
	color:#535353;
}

div#container div#contentRight div.specialistContentBucket {
	background-color:#F7F7F8;
	padding:15px 10px 10px 15px;
	width:547px;
	margin-bottom: 15px;
}

div#container div#contentRight div.specialistContentBucket h3 {
	margin:0;
	padding:0;
	display:inline;
	font-weight:bold;
	font-size:.95em;
	color:#535353;
}

div#container div#contentRight div.specialistContentBucket p {
	margin-bottom:5px;
	padding-left:0;
}


div#container div#contentRight div.specialistContentBucket a {

}


div#container div#contentRight div.specialistContentBucket a:hover {

}

div#container div#contentRight div.specialistContentBucket a.raquo:hover {
	text-decoration:none;
}

/* Version #1 of Product Specialist */

div#container div#contentRight div.specialistBucket 
{
	background-color:#F7F7F8;
	/* border-bottom:1px dashed #cccccc; */
	padding: 3px 0px 3px 0px;	
	
}

div#container div#contentRight div.specialistBucket div.specialistBucketLine 
{
	width:547px;
	padding: 5px 0px 5px 0px;
	font-size: .8em;
	clear:left;
	/* border-top: 1px dashed #cccccc; */
}

div#container div#contentRight div.specialistBucket div.specialistBucketFooter 
{
	width:547px;
	border-top: 1px solid #cccccc; 
	text-align: right;
	clear:left;
}

div#container div#contentRight div.specialistBucket div.specialistBucketLine div.region 
{
	float: left;
	width: 125px;
	
	
}

div#container div#contentRight div.specialistBucket div.specialistBucketLine div.specialist 
{
	float: left;
	width: 120px;
	padding-left: 5px;
	
}

div#container div#contentRight div.specialistBucket div.specialistBucketLine div.phone 
{
	float: left;
	width: 97px;
	white-space: nowrap;
}

div#container div#contentRight div.specialistBucket div.specialistBucketLine div.email 
{
	float: left;
	width: 95px;
	text-align: right;
	padding-left: 5px;
	white-space: nowrap;

}

/* IR Homepage */

div#leftColumn 
{
	float: left;
	width: 260px;
	padding: 3px 5px 3px 5px;
	
}

div#rightColumn 
{
	float: left;
	width: 260px;
	padding: 3px 5px 3px 5px;
}

div#container div#contentRight div.irfeature
{
	padding: 0px 0px 10px 0px;
}

div#container div#contentRight div.irfeature p 
{
	margin: 0px;
	padding: 3px 0px 3px 0px;
}

div#container div#contentRight div.irfeature a, div#container div#contentRight div.irfeature a:visited {

} 

/* Upcoming Events */

div#container div#contentRight div.eventBucket 
{
	background-color:#F7F7F8;
	border-top:1px solid #cccccc;
	padding:15px 0px 10px 0px;
	width:573px;
	clear: both;
}

div#container div#contentRight div.eventBucket b 
{
	color:#555555;
	font-weight:bold;
}

div#container div#contentRight div.eventBucket div.eventBucketDate 
{
	padding: 0px 3px 0px 5px;
	width: 167px;
	float: left;
} 

div#container div#contentRight div.eventBucket div.eventBucketTitle 
{
	width: 217px;
	float: left;
} 

div#container div#contentRight div.eventBucket div.eventBucketTitle a, 
div#container div#contentRight div.eventBucket div.eventBucketTitle a:visited 
{

}

div#container div#contentRight div.eventBucket div.eventBucketTitle a:hover 
{

}

div#container div#contentRight div.eventBucket div.eventBucketLocation 
{
	padding: 0px 13px 0px 5px;
	width: 90px;
	float: left;
} 

div#container div#contentRight div.eventBucket div.eventBucketRole 
{
	width: 73px;
	float: left;
} 

/* Upcoming Events */

div#container div#contentRight div.eventBucketNoRole,
div#container div#contentRight tr.eventBucketNoRole 
{
	background-color: transparent;
	background-image: url("/images/aboutjpm/insights_gradian_bg.jpg");
        background-repeat: repeat-x;
	border-top:1px solid #cccccc;
	padding:15px 0px 10px 0px;
	width:573px;
	clear: both;
}

div#container div#contentRight div.eventBucketNoRole b 
{
	color:#555555;
	font-weight:bold;
}

div#container div#contentRight div.eventBucketNoRole div.eventBucketDate,
div#container div#contentRight tr th.eventBucketDate, 
div#container div#contentRight tr.eventBucketNoRole td.eventBucketDate 
{
	padding: 0px 3px 0px 5px;
	width: 147px;
	float: left;
} 

div#container div#contentRight tr.eventBucketNoRole td.eventBucketDate,
div#container div#contentRight tr.eventBucketNoRole td.eventBucketTitle,
div#container div#contentRight tr.eventBucketNoRole td.eventBucketLocation 
{
	vertical-align: top;
} 

div#container div#contentRight div.eventBucketNoRole div.eventBucketTitle,
div#container div#contentRight tr th.eventBucketTitle, 
div#container div#contentRight tr.eventBucketNoRole td.eventBucketTitle 
{
	width: 302px;
	float: left;
	padding: 0px 3px 0px 5px;
} 

div#container div#contentRight div.eventBucketNoRole div.eventBucketTitle a, 
div#container div#contentRight div.eventBucket div.eventBucketTitle a:visited,
div#container div#contentRight tr.eventBucketNoRole td.eventBucketTitle a, 
div#container div#contentRight tr.eventBucket td.eventBucketTitle a:visited 
{

}
div#container div#contentRight div.eventBucketNoRole div.eventBucketLocation,
div#container div#contentRight tr th.eventBucketLocation, 
div#container div#contentRight tr.eventBucketNoRole td.eventBucketLocation 
{
	padding: 0px 3px 0px 5px;
	width: 100px;
	float: left;
} 

div#container div#contentRight tr.eventBucketNoRole td
{
	padding-top: 15px !important;
	padding-bottom: 10px !important;
}

div#container div#contentRight tr th.eventBucketDate
{
	width: 130px;
}

div#container div#contentRight tr th.eventBucketTitle
{
	width: 285px;
}

div#container div#contentRight tr th.eventBucketLocation
{
	width: 83px;
}

div#container div#contentRight tr th.eventBucketDate,
div#container div#contentRight tr th.eventBucketTitle, 
div#container div#contentRight tr th.eventBucketLocation
{
	padding-top: 10px;
	padding-bottom: 10px;
}

div#container div#contentRight table.sortable th,
div#container div#contentRight table.sortable td
{
	border-top: 0px solid;
}

div#container div#contentRight div#contentHeader {

}

div#container div#contentRight div#contentHeader h1,
div#container div#contentRight div#contentHeader h2 {
	font-size: 18px;
	color: #555555;
	margin:0;
	padding: 0;
	font-weight: bold;	
	width: auto;
	background-image: none;
}


/* Global Additions */

/*
div#container div#contentRight div#contentHeader {
	background-image:url(../images/bkgrd_rr_generic.jpg);
	background-repeat:repeat-x;
	
}


div#container div#contentRight div#contentHeader {
	background-image:url(../images/bkgrd_rr_generic.jpg);
	background-repeat:repeat-x;
}
*/

div#container div#contentRight div#contentHeader h3 {
	font-size:1.0em;
	margin: 0 0 10px 0;
	padding:0 0px 5px 5px;
	display: block;

	float:left;width:75%;text-align:left;font-size:.9em;
}


/* TS Formatter (Apply Styles To Existing Content) */

	div.tsformat {
    padding: 0 35px 35px 15px;	
	}

	div#container div#contentRight div.tsformat p {
		padding: 0;
		
	}

	div#container div#contentRight div.tsformat ul {

	}

	div#container div#contentRight div.tsformat ul li, 
	div#container div#rightRail ul li {

	}

	div#container div#contentRight div.tsformat ul li ul li, 
	div#container div#rightRail ul li ul li {

	}

	div#container div#contentRight div.tsformat a, 	
	div#container div#contentRight div.tsformat a:visited,
	div#container div#contentRight div.tsformat p a, 	
	div#container div#contentRight div.tsformat p a:visited
	{
	}


	div#container div#contentRight div.tsformat a:hover,
	div#container div#contentRight div.tsformat p a:hover
 {
	}	

/* Text Ad Banner */

	.promoBox {
		border:0px solid #aeaeae;
		font-size: 1em;
		background-color: #ffffff;
		width:209px;
		background-image: none;
		background-repeat:repeat-x;
		margin-bottom: 6px;
	}

	.promoBox th {
		text-align: left;
		padding: 0;
		color:#555555;
	}
	.promoBox td {
		text-align: left;
		padding: 0;		
		font-size: 1em;
	}



	div#container div#rightRail .promoBox a, 
	div#container div#rightRail .promoBox a:visited {
		color: #54640D;
	}

	div#container div#rightRail .promoBox a:hover {
		color: #343F01;
	}


	.tsAd { margin-left: 0px; }
	.tsAd2 { margin-left: 0px; }

/* Left Nav Banners Styles */

div#container div#leftNav div#leftBanner div .tsAd,
div#container div#leftNav div#leftBanner div.banner .tsAd,
div#container div#leftNav div#leftBanner div:hover .tsAd, 
div#container div#leftNav div#leftBanner div#leftSelected ul li:hover .tsAd, 
div#container div#leftNav div#leftBanner div.leftNavHover .tsAd,
div#container div#leftNav div#leftBanner div.banner .tsAd { margin-left: 0px; border: 0px solid red; }

	.promoBox { margin-left: 0px; }

/* Newsletter Override */

div#container div#contentRight div.tsformat .contentImgTable tr { padding-bottom: 20px; }
div#container div#contentRight div.tsformat .contentImgTable a, .contentImgTable a:visited { font-weight: bold; }
div#container div#contentRight div.tsformat .contentImgTable a:hover { text-decoration: underline; } 

/* Press Room Override */
table.contentTable { border: 0px solid red; width: 540px; margin-top: 10px; }
table.contentTable td { padding-left: 10px; }
div#container div#contentRight table.contentTable td a, table.contentTable td a:visited { text-decoration: none; }

/* Press Release Index Override */

	div#container div#contentRight div.contentBucket div.itemBucketRightSmall 
	{
		width: 130px;
		float: left;
		text-align: left;
		font-size: .9em;
	} 

	div#container div#contentRight div.contentBucket div.itemBucketLeftLarge 
	{
		width: 545px;
		float: left;
	} 

/* Solutions For Index */

	div#container div#contentRight div.contentBucket { 
                float:left;
		margin: 0;
		padding-bottom: 5px;
		padding-top: 5px;
	}

	div#container div#contentRight div.contentBucket p { 
		margin-bottom: 0;
		padding-bottom: 0;
	}

/* Print Footer */

	div#printfooter {
		display: none;
		font-size:.75em;
		padding:10px 10px 0 10px;
		font-family:arial, helvetica, sans-serif;
	}


div#container div#contentRight h2 {
	background-image:url(../images/default_banner.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	display:block;
	font-size: 16px;
	font-weight: bold;
	line-height:26px;
	margin:0;
	padding:70px 0 0 15px;
}

div#container div#rightRail div.rrImage {
	padding: 0;
}


div.pager span.page-number.clickable {
	color:#54640d;
	padding-right:5px;
	text-decoration:underline;
	cursor:pointer;
	}
div.pager span.page-number.clickable.active {
	text-decoration:none;
	}
div.pager span.page-number.clickable:hover {
	color:#343F01;
	}
div.pager span.page-number.clickable.active:hover {
	color:#343F01;
	text-decoration:underline;
	}