/***********************************************************************
 CPI HOMEPAGE / UPDATED: 06-30-08
 
 NOTES:
 
 ***********************************************************************/

body.homepage #cpi_content {background: /*#f3f3ef*/ url('../images/layout/backgrounds/cpi_content_home_bg.gif') repeat-y; margin: 0; margin-top: 20px; padding: 0; border: 0; border-bottom: 1px solid #e7e7df; border-top: 1px solid #e7e7df;}

body.homepage .column.left {width: 599px; margin-right: 11px; background: #e7e7df;}

body.homepage .column.middle {width: 320px;}

h4, body.homepage.overview h4 {font-size: 15px; line-height: 16px; margin: 0; padding: 0; margin-bottom: 5px;}

body.homepage .column.middle .bucket ol li {padding-bottom: 15px;}


/* featured item - middle column */
.column.middle h6 {
color:#888888;
font-size:10px !important;
font-family: Arial, sans-serif;
}

.featured_item_wrap {background: #e7e7df; padding: 0; padding-bottom: 10px; margin-left: -1px; width: 321px;}
.featured_item {background: #3082aa/* url('../images/layout/backgrounds/cpi_home_about_bg.jpg') no-repeat*/; border: 2px solid white; padding: 10px 20px; /*padding-right: 50px;*/}
.featured_item p {color: #b9ced9; line-height: 15px; margin: 10px 0;}
.featured_item p strong  {font-weight: normal; color: white;}
.featured_item p a:link, .featured_item p a:visited, .featured_item p a:hover {color: white; text-decoration: underline;}

#cpi_content .featured_item input {padding: 0;}
#cpi_content .featured_item input.text {float: left; background: white; margin-right: 5px; padding: 2px 4px; border: 1px solid white; height: 14px; color: #3881A7; margin-top: 1px;}


#investigations_controls .rss_button_dev {background: #666 url('../images/layout/cpi-rss-investigations.gif') no-repeat 100% 50%; color: #ccc !important; position: absolute; left: 0; top: 0; padding:10px 28px 10px 10px; margin: 0px;}


/* featured investigations */
#top_investigations_wrap {position: relative;}
#top_investigations {width: 609px; height: 430px; overflow: hidden; position: relative; margin-left: -7px;}
#top_investigations img {position: relative;}

#top_investigations span.button.top {float: none; position: absolute; bottom: 10px; right: 15px; background: #3881A7; padding: 3px 5px; letter-spacing: 1px;}
#top_investigations a span.button.top {color: white !important;}
#top_investigations a:hover span.button.top {text-decoration: underline;}

#investigations_controls {background: #333; padding: 10px; position: relative;}
#investigations_controls ul#controls {float: right; /*margin-left: 10px;*/ margin: 0; padding: 0; position: relative;}
#investigations_controls ul li, #investigations_controls ul li ul {float: left; margin: 0; padding: 0;}
#investigations_controls ul li ul {margin-left: 8px;}
#investigations_controls ul li ul li {width: 14px; height: 14px; display: block; margin: 0; padding: 0; margin-left: 2px;}
#investigations_controls ul li ul li {}
#investigations_controls ul li a {display: block; width: 14px; height: 14px; margin: 0; padding: 0;}
#investigations_controls ul li a span {display: none;}

#investigations_controls ul li.z0 a {background: url('../images/layout/controls/1.gif') no-repeat;}
#investigations_controls ul li.z0 a:hover,
#investigations_controls ul li.z0 a.activeSlide {background: url('../images/layout/controls/1-on.gif') no-repeat;}

#investigations_controls ul li.z1 a {background: url('../images/layout/controls/2.gif') no-repeat;}
#investigations_controls ul li.z1 a:hover,
#investigations_controls ul li.z1 a.activeSlide {background: url('../images/layout/controls/2-on.gif') no-repeat;}

#investigations_controls ul li.z2 a {background: url('../images/layout/controls/3.gif') no-repeat;}
#investigations_controls ul li.z2 a:hover,
#investigations_controls ul li.z2 a.activeSlide {background: url('../images/layout/controls/3-on.gif') no-repeat;}

#investigations_controls ul li.z3 a {background: url('../images/layout/controls/4.gif') no-repeat;}
#investigations_controls ul li.z3 a:hover,
#investigations_controls ul li.z3 a.activeSlide {background: url('../images/layout/controls/4-on.gif') no-repeat;}

#investigations_controls ul li.z4 a {background: url('../images/layout/controls/5.gif') no-repeat;}
#investigations_controls ul li.z4 a:hover,
#investigations_controls ul li.z4 a.activeSlide {background: url('../images/layout/controls/5-on.gif') no-repeat;}

#investigations_controls ul li.prev a {background: url('../images/layout/controls/left.gif') no-repeat;}
#investigations_controls ul li.prev a:hover {background: url('../images/layout/controls/left-on.gif') no-repeat;}

#investigations_controls ul li.pause a {background: url('../images/layout/controls/pause.gif') no-repeat;}
#investigations_controls ul li.pause a:hover {background: url('../images/layout/controls/pause-on.gif') no-repeat;}

#investigations_controls ul li.play a {background: url('../images/layout/controls/play.gif') no-repeat;}
#investigations_controls ul li.play a:hover {background: url('../images/layout/controls/play-on.gif') no-repeat;}

#investigations_controls ul li.next a {background: url('../images/layout/controls/right.gif') no-repeat;}
#investigations_controls ul li.next a:hover {background: url('../images/layout/controls/right-on.gif') no-repeat;}

#controls li a {cursor: pointer;}

#controls_alert {width: 44px; height: 44px; display: block; position: absolute; z-index: 999; top: 20px; right: 20px;}
.alert_play {background: url('../images/layout/controls/alert-play.gif') no-repeat;}
.alert_pause {background: url('../images/layout/controls/alert-pause.gif') no-repeat;}


/* highlighted content */
.highlighted_content {width: 100%; clear: both; background: white; margin-top: 10px;}
.highlighted_content h5 {background: #333; height: 30px; width: auto; clear: both; padding: 0 20px; margin: 0 !important;}
.highlighted_content h5 a {display: block;}
.highlighted_content h5 span {display: none;}
.highlighted_content .column.left {border-right: 1px solid #d6d6d6;}
.highlighted_content .column.right {border-left: 1px solid #d6d6d6;}

body.homepage .highlighted_content .column {width: 258px; padding: 0 20px; float: left; background: transparent; margin: 20px 0; margin-right: -1px;}
body.homepage .highlighted_content .column {clear: none;}

/*
body.homepage .highlighted_content .column {width: 258px; padding: 10px 20px; float: left; background: transparent; margin: 0; margin-right: -1px;}
body.homepage .highlighted_content .column {clear: none;}
body.homepage .highlighted_content ol {margin: 15px 0;}
*/

body.homepage .highlighted_content h4 {font-weight: normal; font-family: Georgia, serif;}
/*body.homepage ol li p {margin-bottom: 10px; line-height: 16px;}*/


.featured_investigations {float: left;}
.featured_investigations.popular {width: 158px; text-align: right;}
.featured_investigations.more {width: 438px; border-left: 1px solid #bdbdbc; float: right;}
.featured_investigations.more ol {padding: 20px 20px 10px;}
.featured_investigations.popular ol {padding: 0 20px;}
.featured_investigations.popular ol li {padding: 0; margin: 0;}

body.overview .featured_investigations.more ol li h4 {font-size: 16px;}

.column.left .featured_investigations.popular h1 {margin-left: 0;}
.column.left .featured_investigations.more h1 {margin-left: 20px;}

body.homepage .featured_investigations.popular ol li p {margin-bottom: 3px;}

body.homepage #banners h4 {margin: 0;}

.content_title.moreinvestigations {width: 438px;}

p.pagination {padding: 20px; padding-top: 0; margin: 0; text-align: right;}
p.pagination a {color: #666 !important;}

.column.middle p.pagination {padding: 20px 0;}