/* Resources Marketing CSS */
/* Contains specific styles for resource center that are not used in other site sections. Needs organizing. */
/* 1.0 - 10/13/11 - 1:10pm */

/* Layout
______________________________________________________________________________ */

#resource_center .section {
	border-bottom: 2px solid #ccc;
	margin-bottom: 15px;
	clear: both;
	word-wrap: break-word
}
#resource_center .section .section:last-child {border:none;}
#resource_center #main_content {
	width: 433px;
	float: left;
	padding-top: 0px;
	border-bottom: none;
}
#resource_center #sub_content {
	width: 300px;
	float: right;
	padding-top: 30px;
}
#resource_center .aside ul {
	list-style-image: none;
}
.article .aside {
	float: left;
	width: 180px;
}
.article .content {
	float: right;
	width: 555px;
	line-height: 22px;
}
#resource_center #articles {
	border: none;
	padding-bottom: 20px;
}
#resource_center #featured_article {
	position: relative;
	width: 431px;
	border: 1px solid #ccc;
	border-bottom: 0;
}
#resource_center #other_articles {
	border: 1px solid #ccc;
	border-top: none;
	margin: 0;
	padding: 10px 0;
	width: 431px;
}
#resource_center #blog_posts #featured_post {
	width: 232px;
	padding-right: 18px;
	float: left;
}
#resource_center #blog_posts .featureList {
	clear: none;
	float: left;
	padding: 0 0 20px 0;
	list-style: none;
	width: 180px;
	font-size: 12px;
}
#resource_center #sub_content .article {
	border: 1px solid #ccc;
	padding: 16px;
	margin-bottom: 16px;
	background: url(http://img.icbdr.com/images/jp/img/gradient-bkg.jpg) repeat-x bottom left;
}
#infographic {
	text-align: center;
	background: #D7DEF0;
	width: 100%;
}
#infographic #shares, #infographic .article {
	width: 960px;
	background: #fff;
	padding: 12px 0;
}
#infographic .share {
	float: left;
	padding: 0 12px;
}
#infographic #facebook_like iframe {
	width: 120px !important;
	overflow: hidden !important;
}
#infographic .more_infographics {
	float: right;
	margin-right: 12px;
	display: block;
}
#infographic .article {
	padding: 0 0 8px 0;
}

.resources h1 {
	color: #999999;
  font: bold 30px Arial,sans-serif;
  padding-top: 10px;
}
.article h1 {
	font-size: 18px;
	color: #132f6e;
	padding: 20px 0;
}
.resources h2, .resources h2 a {
	font-size: 16px;
}
.article h2 {line-height:24px;}
.resources h3 {
	font-size: 14px;
	color: #132F6E;
}
.article .content h3, .article .content h3 a {
	font-size: 12px;
	line-height: 20px;
}
.article .content h3 {
	color: #333;
}
.article .content h4 {
	font-size: 12px;
	color: #132F6E;
	text-transform: none;
	font-weight: bold;
}
.article li p {padding: 0;}
.article .aside h3 {
	line-height: 24px;
	padding-bottom: 5px;
}
.article .aside ul {
	list-style: none;
	padding-left: 0;
}
.article .aside ul li {
	padding-left: 0;
}
.article .aside .image {
	margin-bottom:18px;
	padding: 2px;
}
.article blockquote {
	border-left: 2px solid #ccc;
	margin-bottom: 10px;
	padding: 0 0 0 10px;
}
.article blockquote p {
	padding-bottom: 5px;
}
#resource_center a {font-weight: bold;}
.resources a:link, .resources a:visited {text-decoration:none;}
.resources a:hover, .resources a:focus, .resources a:active {text-decoration:underline;}
.article .aside a:link, .article .aside a:visited, .article .aside a:hover, .article .aside a:focus, .article .aside a:active {font-weight:normal;}
.article .content .intro {font-size: 14px;}

#resource_center .view_all {
	display: block;
	float: right;
	margin-right: 10px;
}
#resource_center .feature {
	padding: 4px;
	border: 1px solid #ccc;
	margin-bottom: 8px;
	display: block;
}
#resource_center abbr {
	border: none;
	color: #8e8e8e;
	cursor: text;
	display: block;
	padding-bottom: 10px;
}
#resource_center .btn {
	background: url("http://img.icbdr.com/images/js/elements/buttons/bg_btn.gif") repeat-x #FF7D00;
  border-color: #fc6 #c30 #c30;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  cursor: pointer;
  font: bold 14px Arial,sans-serif;
  padding: 0.25em;
  width: 150px;
  text-decoration: none;
  margin-bottom: 10px;
  text-align: center;
  display: block;
}

#resource_center #featured_article .summary {
	width: 407px;
	padding: 12px;
	background: transparent url(http://img.icbdr.com/images/jp/resources/article_overlay.png);
	background: rgba(40, 40, 40, 0.7) none;
	color: #fff;
	position: absolute;
	bottom: 0;
	/*left: 1px;
	bottom: 2px;*/
}
#resource_center #featured_article h3 a, #resource_center #featured_article p a {color: #fff;}
#resource_center #featured_article h3 {padding-bottom: 12px;}
#resource_center #featured_article p {padding-bottom: 0;}
#resource_center #other_articles h2 {
	padding-left: 10px;
	margin-bottom: 5px;
}
#resource_center #other_articles #article_categories {
	list-style: none;
	list-style-image: none;
	padding: 0;
	margin-left: 10px;
	float: left;
	width: 130px;
}
#resource_center #other_articles #article_categories li {padding: 0;}
#resource_center #other_articles #article_categories li a {
	display: block;
	padding: 10px;
	background: #ccc;
	text-decoration: none;
}
#resource_center #other_articles #article_categories li a:hover, #resource_center #other_articles #article_categories li a:focus, #resource_center #other_articles #article_categories li a:active, #resource_center #other_articles #article_categories li a.current {
	background: #132F6E;
	color: #fff;
}
#resource_center #other_articles .category {
	float: right;
	clear: none;
	width: 275px;
	margin: 0;
	padding-top: 10px;
	border: 0;
}
#resource_center #other_articles .category ul {
	padding: 0;
	list-style: none;
	list-style-image: none;
	font-size: 11px;
}
#resource_center #other_articles .category ul li {
	padding-bottom: 10px;
}
#resource_center #blog_posts .featureList {font-size:11px;}
#resource_center #blog_posts .featureList dt {padding:0 0 5px 0;}
#resource_center #blog_posts .featureList dd {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	color:#8e8e8e;
}
#resource_center #blog_posts .featureList dd:last-child {
	padding: 0;
	border: none;
	margin: 0;
}
#resource_center #blog_posts .featureList a {
	color: 
}
#resource_center #reports_resources ul {
	list-style: none;
	font-size: 12px;
	padding-left: 0;
	padding-top: 0;
}
#resource_center #reports_resources ul li {
	list-style: none;
	padding-left: 0;
}
#resource_center #forecasts #featured_forecast {
	padding-bottom: 10px;
}
#resource_center #forecasts .feature {
	width: 150px;
	float: left;
	margin-right: 10px;
}
#resource_center #forecasts ol {
	list-style: none;
	padding-left: 0;
	padding-top: 0;
	font-size: 12px;
}
#resource_center #forecasts ol li {
	list-style: none;
	width: 75px;
	float: left;
	text-align: center;
	margin: 0 10px 0 0;
	padding: 4px;
}
#resource_center #forecasts ol li a:hover p, #resource_center #forecasts ol li a:focus p, #resource_center #forecasts ol li a:active p {text-decoration:underline;}
#resource_center #forecasts .pdf {padding-bottom:10px;}

#resource_center #events {position:relative;border:none;}
#resource_center #events #all_events {display:none;}
#resource_center #events #prev, #resource_center #events #next {
	position: absolute;
	top: 41px;
	width: 5px;
	height: 9px;
	text-indent: -9999em;
	display: block;
	background: url(http://img.icbdr.com/images/shared/img/common_icons.png);
}
#resource_center #events #prev {
	background-position: -289px -1px;
	left: 190px;
}
#resource_center #events #prev:hover, #resource_center #events #prev:focus, #resource_center #events #prev:active {background-position: -289px -15px;}
#resource_center #events #next {
	background-position: -305px -1px;
	left: 205px;
}
#resource_center #events #next:hover, #resource_center #events #next:focus, #resource_center #events #next:active {background-position: -305px -15px;}
#resource_center #events #cal-event {
	width: 240px;
	float: left;
	margin-bottom: 10px;
}
#resource_center #events .calendar-table {
	border: 1px solid #ccc;
	font-size: 11px;
}
#resource_center #events .calendar-table th {
	background: #e2e9ef;
	color: #132f6e;
	text-transform: uppercase;
	padding: 7px 10px;
}
#resource_center #events .calendar-table td {
	text-align: center;
	width: 30px;
	border: 1px solid #ccc;
	padding: 8px 0;
}
#resource_center #events .calendar-table td.event {padding:0;}
#resource_center #events .calendar-table td.empty {background:#e9e9e9;}
#resource_center #events .calendar-table td.event a {
	color: #fff;
	text-decoration: none;
	background:url(http://img.icbdr.com/images/jp/resources/active_date.gif) repeat-x;
	padding: 8px 0;
	display: block;
}
#resource_center #events .calendar-table .calendar-header td {
	color: #132f6e;
	font-weight: bold;
	border: none;
}
#resource_center #events #featured_event p {color:#8e8e8e;}
#resource_center #events #featured_event p.instructions {color: #333;}

#resource_center .social_links {padding-left:0;}
#resource_center #products ul, #resource_center #products ul li {
	list-style: none;
	padding: 0;
}
#resource_center #infographics img {
	display: block;
	margin-bottom: 15px;
	border: 1px solid #ccc;
}
#resource_center #account_help ul {
	list-style: none;
	font-size: 12px;
	padding-left: 0;
	padding-top: 0;
}
#resource_center #account_help ul li {
	list-style: none;
	padding-left: 0;
}

#resource_center #sub_content #advertisement {
	border: 0;
	background: none;
	padding: 0;
	color: #ddd;
}

.article .aside .meta {
	color: #999;
	font-size: 14px;
}
.article .aside .meta .fn {
	font-style: normal;
	display: inline;
}
.article .aside .social li {
	padding: 0 0 12px 24px;
	height: 16px;
	background-position: top left;
	background-repeat: no-repeat;
}
.article .aside .social li#fb {background-image:url(http://img.icbdr.com/images/shared/img/fb-17.jpg);}
.article .aside .social li#twitter {background-image:url(http://img.icbdr.com/images/shared/img/twitter-17.jpg);}




/* Specific Styles
______________________________________________________________________________ */

/* infographics list */
.resources .infographic_list {
	list-style: none;
	font-size: 12px;
	padding: 0;
}
.resources .infographic_list li {
	width: 300px;
	height: 270px;
	position: relative;
	float: left;
	list-style-image: none;
	padding: 12px 8px 0 8px;
	border: 1px solid #d2d2db;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 0 12px 12px 0;
	background: #fff url(../products/product_details_bg.gif) repeat-x bottom left;
}
.resources .infographic_list h3, .resources .infographic_list h3 a {color: #183c8d;}
.resources .infographic_list h3 a {
	text-transform: none;
	text-decoration: none;
	font-size: 16px;
}
.resources .infographic_list h3 a:hover, .resources .infographic_list h3 a:focus, .resources .infographic_list h3 a:active { text-decoration: underline;}
.resources .infographic_list li img {
	border: 1px solid #ccc;
	display: block;
	margin-bottom: 10px;
}
.resources .infographic_list a.infographic_details {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #c9d3e9;
	background: #fff url(../img/learn_arrow.gif) no-repeat center left;
	padding: 2px 12px;
	display: inline-block;
	font: normal 11px Arial, Helvetica;
	text-decoration: none;
	margin: 0 0 9px 0;
	position: absolute;
	bottom: 0;
}
/* end infographics list */

/* callout to a product section in article's content  - trying this out */
.article h3.product_call {
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	padding: 4px 4px 4px 75px;
}