/***********************************************************************
 CPI CONTENT / UPDATED: 03-27-09
 
 NOTES:
 Revised after numerous major changes to design/code... messy but
 functional. Working towards cleaning it up.
 ***********************************************************************/

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

/*******************************
 CPI CONTENT COLUMNS 
 *******************************/
/* setting floats for all the columns */
.column {float: left;}
.column.left {width: 609px; background: white; margin-right: 1px; overflow: hidden; position: relative; }
.column.middle {width: 190px; background: #f3f3ef; margin-right: 1px; padding-bottom: 20px;}
.column.right {width: 145px; background: transparent; padding: 5px 0 20px; padding-right: 0;}


/*******************************
 FONT STYLES 
 *******************************/
/** h1 **/
h1 {margin-left: 30px;}
.content_title h1 {margin-left: 0;}
.content_title h1 a {display: block;}
.content_title {position: relative; margin-bottom: 1px; width: 609px;}

.content_title.papertrailblog {background-color: #690;}
.content_title.moreinvestigations {background-color: #d5d5c9;}
.content_title.watchdog {background-color: #fc431f;}
.content_title.datamine {background-color: #fcbf3b;}
body.homepage .content_title.watchdog,
body.homepage .content_title.datamine {height:60px;width:320px;}

/** h3 **/
h3 {font-size: 13px; color: white; line-height: 18px; margin-top: 10px;}

/** h4 **/
h4 a:hover span {text-decoration: none;}
h4 a:visited {color: #555;}
h4 img {font-size: 11px; line-height: normal; border: 1px solid white; float: left; margin-right: 10px;}
h4 a img {display: block;}

body.projects.overview h4 img {width: 50px; height: 50px; background-color: #ccc;}

body.overview h4 {font-size: 21px; line-height: 22px;}

#banners h4 a img {border: 0; float: none; width: auto; height: auto;}
#banners h4 a {display: block;}

body.homepage .column.middle .bucket h4 {font-size: 16px;}

/** h5 **/
h5 {font-size: 13px; color: #848484; margin: 3px 0 5px;}

/** h6 **/
h6 {font-size: 12px; color: #888;}
h6 span {color: #96bfd5;}

body.item .title h6 {color: #a8d5ee; margin-top: 10px;}

h6.date {font-family: Georgia, serif; margin-bottom: 5px;}

.column.middle h6 {font-family: Georgia, serif; font-size: 15px !important; color: black; padding-bottom: 3px;}

/** p **/
.bucket p,
body.homepage .column.middle .bucket p {line-height: 16px; margin-top: 10px;}
body.homepage .column.middle .bucket p {margin-top: 3px;}
body.homepage .column.middle .bucket p img {margin-right: 10px; float: left;}

/* if it's white and small text on a dark background... add it below */
.content_breadcrumbs p {letter-spacing: 0px;}

/** IE7 , Safari and Firefox mailto links **/
.column.left .bucket p a[href ^="mailto:"] {background: url('/images/layout/icons/cpi_icon_email.gif') no-repeat 100% 50%; padding: 0; margin: 0; padding-right: 13px; margin-right: 2px; display: inline-block;}

/** hr **/
hr {display: block; border: 1px solid #ccc; background: transparent; clear: both;}

/** rss buttons **/
.rss_button {position: absolute; right: 0; bottom: 0; padding: 10px 28px 10px 10px; display: block;}
.content_title.papertrailblog .rss_button {background: #76a31a url('../images/layout/cpi-rss-papertrail.gif') no-repeat 100% 50%; color: white !important;}
.content_title.watchdog .rss_button {background: #fd5a5a url('../images/layout/cpi-rss-watchdog.gif') no-repeat 100% 50%; color: white !important;}
.content_title.datamine .rss_button {background: #fcca66 url('../images/layout/cpi-rss-datamine.gif') no-repeat 100% 50%; color: #9e7625 !important;}
.content_title.moreinvestigations .rss_button {background: #c4c4ba url('../images/layout/cpi-rss-moreinvestigations.gif') no-repeat 100% 50%; color: #333 !important;}

p.blog-description {padding: 10px 20px; color: #d1d1d1; background-color: #666; margin: 1px 0 0; font-size: 12px;}
ul.blog-headlines.homepage {margin-left: 15px; list-style-type: square;}


/********************************
 LEFT COLUMN 
 ********************************/
.column.left .bucket {padding: 30px 30px 0; margin-bottom: 20px;}

body.about.overview .column.left .bucket {margin-bottom: 30px;}

.relatedHed {
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 20px !important;
	line-height: 25px !important;
	font-weight: bold !important;
}

.shareButtons { }

.shareEntry {float: right !important; margin-left: 10px !important; clear: both !important; width: 235px; }

.shareHorizontal { margin-top: 15px !important; margin-bottom: 15px !important; }

.shareDivider {border-top-color:#000; border-top-style:solid; border-top-width:thin; margin-top:10px; margin-bottom:10px;}

.shareRail {width:150px !important;}

.sharebutton { float: left !important; display: inline !important; position: relative !important; margin-right: 10px; padding-top: 5px; padding-bottom: 5px;}

.shareSection { padding-bottom: 5px !important; }
/*border-top: thin !important; border-top-color:#000 !important; border-top-style:solid !important; border-top-width:thin !important*/

.sharebutton .fb_share_size_Small { width: 50px !important; margin-bottom: 10px !important; margin-top: 10px !important;}

.sharebutton .fb_share_size_Small .FBConnectButton_Text { margin-bottom: 0px !important; margin-left: 12px !important; margin-right: 1px !important; margin-top: 1px !important; padding-bottom: 3px !important; padding-left: 3px !important; padding-right: 3px !important; padding-top: 2px !important;}



/*New PaperTrail category styles*/

.section_blog { background:#E7E7DF !important; margin: 0px !important;}
.section_head {padding: 10px 30px 10px 30px !important; }
.section_name {
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 20px !important;
	line-height: 24px !important;
}
.section_desc {
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 12px !important;
	line-height: 14px !important;
	color: #666 !important;
	font-style: italic;
}


/* uncomment the next line to change the body text to a serif font */
/* .column.left .content p {font-family: Georigia, serif;} */

.column.left p img,
.column.left p span.image {float: left; margin-right: 15px; margin-bottom: 10px; margin-top: 3px; font-size: 10px; overflow: hidden; color: #555; font-weight: normal;}
.column.left p span.image {/*width: 220px;*/ line-height: 13px !important;}
.column.left p span.image img {display: block; float: none; margin: 0; margin-bottom: 2px;}

.column.left p span.image.alignLeft {float: left; margin-right: 15px;}
.column.left p span.image.alignRight {float: right; margin-left: 15px; margin-right: 0;}
.column.left p span.image.alignCenter {float: none; display: block; text-align: center; margin-right: 0; width: auto;}
.column.left p span.image.alignCenter img {margin: 0 auto;}

.bucket ol li,
.highlighted_content ol li {font-size: 11px; color: #999; padding-top: 0px; width: 100%; clear: both;}
.highlighted_content ol li {padding-bottom: 15px;}
.bucket ol li {clear: both;}

.bucket ol li {border-bottom: 1px solid /*#e3e3e3*/ #ccc; margin-bottom: 15px; clear: both;}
.highlighted_content ol li {margin-bottom: 5px;}

.column.left h3 a,
.column.left h6 a:link, 
.column.left h6 a:visited, 
.column.left h6 a:hover {color: #add4e8;}

.column.left .bucket h3 {text-transform: uppercase; color: #000; letter-spacing: 2px; margin: 40px 0 0px; font-weight: bold; line-height: normal; margin-right: 0px; font-size: 11px;}

.column.left .bucket p {margin-bottom: 10px;}
.column.left .bucket p span.content_updated {display: block; color: #999;}

/*body.about.item .column.left .bucket p {clear: both; margin-bottom: 20px;}*/

.column.left .title {padding: 20px 30px;}
.column.left .title, 
.content_breadcrumbs {background: url('../images/layout/backgrounds/cpi_breadcrumbs_arrow.gif') no-repeat 32px 0;}

.column.left .title {background-color: #3881a7; width: 549px;}

.column.left .bucket p.introduction, div.introduction p {/*font-weight: bold;*/ color: #444;}

.column.left .bucket ul {
	padding-left: 20px;
	list-style-position: outside;
}
.column.left .bucket ul li {margin-bottom: 5px; color: #444; list-style-type: square;}

.bucket ol li ul li,
.bucket ol li ol li {border: 0; margin-bottom: 0; padding-bottom: 0;}

.column.left .bucket ol li ul li {margin-bottom: 5px; color: #444; vertical-align: text-top;}


.inner_col {width: 45%;}
.inner_col.left {float: left;}
.inner_col.right {float: right;}
.inner_col ul {margin-right: 0 !important;}
.inner_col ul li {line-height: normal !important;}


/** breadcrumbs **/
.content_breadcrumbs {padding: 10px 30px; margin: 0;}

.content_breadcrumbs_wrapper {background: #333 url('../images/layout/backgrounds/cpi_breadcrumbs_bg.gif'); padding: 0; margin: 1px 0; clear: both; width: 100%;}

.content_breadcrumbs p {font-family: Arial, sans-serif; padding: 0;}

.content_breadcrumbs p.crumb {font-size: 11px !important; float: left; color: #888 !important; margin: 0px; letter-spacing: 1px;}
.content_breadcrumbs p.crumb a {color: white; margin: 0; padding-right: 0; color: white;}
.content_breadcrumbs p.crumb a.interviews {padding-top: 3px;}
.content_breadcrumbs p.crumb a.blog {padding-top: 2px;}

.content_breadcrumbs ul.categories {display: inline;}
.content_breadcrumbs ul.categories li {float: right; color: #999; margin-left: 0;}
.content_breadcrumbs ul.categories li a {color: #999;}

body.about.overview .content_breadcrumbs p.crumb {font-size: 14px !important;}

.other_sections {padding: 10px 30px; background: url('../images/layout/backgrounds/cpi_article_texthighlight_bg.gif'); text-align: right; color: #999; width: 549px;}


/********************************
 MIDDLE & RIGHT COLUMNS 
 ********************************/
.column.middle .bucket {padding: 20px 20px 0;}

.column.middle .bucket h6,
.column.right .bucket h6 {margin-bottom: 0;}

.column.middle .bucket ul li,
.column.right .bucket ul li {margin: 5px 0; padding: 0;}

.column.middle .bucket ul li ul {margin-bottom: 10px;}

.column.middle .bucket p {line-height: 13px; margin-top: 5px;}

.column.middle form {margin-bottom: 5px;}

#cpi_content .column.middle .bucket form p,
#cpi_content .column.right .bucket form p {margin-top: 5px;}

.column.middle .bucket ul li a,
.column.right .bucket ul li a {margin-bottom: 3px;}


/********************************
 MIDDLE COLUMN 
 ********************************/
.column.middle .bucket ul li a.highlighted_item {font-size: 12px;}

.column.middle .bucket.journal_current {background: #fafaf9; padding: 30px 15px 0; margin-bottom: 40px;}

.column.middle .bucket.watchdog dl dt {font-weight: bold; margin-top: 10px; color: #848484;}
.column.middle .bucket.watchdog dl dd {font-size: 13px; font-weight: bold;}

/********************************
 RIGHT COLUMN 
 ********************************/
.column.right .bucket {margin: 15px 15px 0;}
.column.right .bucket {border-bottom: 1px solid #bcbcbc; padding-bottom: 8px;}

.last {border: 0 !important;}

.column.right .bucket h6 {margin-bottom: 8px;}

.column.right .bucket p {margin: 5px 0; line-height: 12px;}
.column.right .bucket p, 
.column.right .bucket ul li {font-size: 10px; line-height: 12px;}
.column.right .bucket ul li {background: url('../images/layout/cpi_bullet_square.gif') no-repeat 0 .425em; padding-left: 8px;}




/******************************** 
 BODY.ITEM 
 ********************************/
body.item .column.left .bucket {padding-bottom: 0;}

body.item .column.left h2, body.item.overview .column.left .title h2,
body.item .column.left .title h2 {font-family: Georgia, serif; font-size: 28px; line-height: 30px; color: #add4e8; margin-left: -1px;}
body.item .column.left .title h2 a {color: #add4e8;}

body.item .column.left .title {padding-bottom: 25px;}

.highlighted_image {width: 220px; overflow: hidden; float: right; margin: 25px 30px; border: 3px solid white; background: white;}
.highlighted_thumb {width: 70px; height: 70px; overflow: hidden; float: right; margin: 25px 30px; border: 2px solid white; padding: 0; background: white;}

p.caption,
p.quote {background: url('../images/layout/backgrounds/cpi_article_texthighlight_bg.gif'); padding: 10px 0;}

p.caption span,
p.quote span {display: block; background: white; padding: 5px 0;}

p.caption {font-weight: bold; line-height: 13px; color: #555;}

p.quote {float: left !important; font-size: 16px !important; color: #7F7F73; line-height: 22px !important; margin-top: 5px !important; margin-bottom: 10px !important; margin-right: 20px; width: 150px;}

p.quote.docs {font-size: 11px !important; line-height: 14px !important; float: right !important; margin: 0 0 0 20px; color: #666 !important;}
p.quote.docs img {margin-bottom: 0;/* float: right; margin: 0 0 0 15px;*/}

p.image {width: 150px; font-size: 11px !important; color: white; padding: 3px; background: #555; overflow: hidden; line-height: normal !important;}
p.image img {margin-bottom: 3px; display: block;}
p.image span {color: #999;}
p.image.small,
p.image.medium {float: left; width: 150px; margin-right: 20px; margin-bottom: 10px; margin-top: 23px !important;}
p.image.medium {width: 220px;}
p.image.large {width: 542px; margin: 20px 0;}

p.image {width: 150px; font-size: 11px !important; color: white; padding: 3px; background: #555; overflow: hidden; line-height: normal !important;}
p.image img {margin-bottom: 3px; display: block;}
p.image span {color: #999;}
p.image.small,
p.image.medium {float: left; width: 150px; margin-right: 20px; margin-bottom: 10px; margin-top: 23px !important;}
p.image.medium {width: 220px;}
p.image.large {width: 542px; margin: 20px 0;}

/** block quote **/
.column.left .bucket blockquote {padding: 0 20px; margin: 10px 0 20px; color: #777; line-height: 18px; font-size: 12px;}
.column.left .bucket blockquote span {padding: 0; margin: 0; background: white; font-style: italic; border-bottom: 1px solid #d8d8d8; padding: 1px 0;}
.column.left .bucket blockquote p span br {width: 0;}

/** item footer **/
.column.left .bucket .item_footnotes,
.column.left .item_tools .item_footnotes {border-top: 1px solid #ccc; margin-top: 20px; padding: 10px 0; color: #666;}
.column.left .bucket .item_footnotes p {margin-top: 0;}
.column.left .bucket .item_footnotes p,
.column.left .item_tools .item_footnotes p {font-size: 10px; line-height: normal; /*font-style: italic;*/ margin-bottom: 5px;}
.column.left .item_tools .item_footnotes {border-top: 0; border-bottom: 1px solid #ccc; margin-bottom: 15px; margin-top: 0; padding-top: 0;}

body.item .item_tools {background: url('../images/layout/backgrounds/cpi_article_tools_bg.gif'); padding: 20px 30px; border-top: 1px solid #eaeaea; width: 549px;}

.item_tools.page_navigation {padding-top: 40px;}

p.item_tools_list {width: 549px;}
p.item_tools_list span {clear: both; margin: 0 2px; color: #666;}

p.about_author {clear: both; background: url('../images/layout/cpi_title_aboutauthor.gif') no-repeat; padding-top: 8px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; line-height: 14px; width: 100%;}

p.tags {clear: both; background: url('../images/layout/cpi_title_tags.gif') no-repeat; padding-top: 8px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; line-height: 14px; width: 100%;}

p.item_tools_nav {float: right; border-width: 0 1px 1px 1px; border-style: solid; border-color: #eaeaea; padding: 0 10px 8px; background: white; /*margin-top: -1px;*/ margin-bottom: -10px; color: #666; margin-right: 30px;}
p.item_tools_nav a {margin-left: 2px;}
p.item_tools_nav a.page_view {margin-left: 10px;}

/** button **/
span.button {display: block; float: left; margin-top: 10px; text-transform: uppercase; border: 1px solid white;}
span.button a,
a span.button {padding: 7px 10px; line-height: normal; background: #3881A7; font-size: 10px; letter-spacing: 1px; color: white !important; display: block;}
a:hover span.button {text-decoration: underline !important;}

#related-entries-box {padding: 20px; width: 175px; float: right; margin: 0 0 20px 20px; background-color: white; border: 1px solid #ccc;}
#related-entries-box p {padding-right: 0 !important; line-height: normal;}



/******************************** 
 BODY.OVERVIEW 
 ********************************/
body.overview .column.left .title h2 {font-size: 18px; line-height: 21px; color: white;}

body.overview.archives .column.left .column_wrapper {float: left; width: 303px; margin: 20px 0 30px;}

body.overview.archives .column.left .column_wrapper.right .bucket {margin: 0; padding: 0; padding: 10px 30px 0; border: 0;}

body.overview.archives .column.left .column_wrapper.left {border-right: 1px dotted #ccc; padding-right: 1px; margin-right: -1px;}

body.overview.archives .column.left .column_wrapper.right {border-left: 1px dotted #ccc; margin:0; padding: 0; padding-left: 1px; margin: 20px 0 30px;}


/** ordered lists for entry listing **/
/* body.overview .bucket ol {padding-top: 10px;} */

.column.left p,
.column.left ul {display: block; margin-top: 3px; color: #444; font-size: 12px; line-height: 18px; border-top: 0;}

body.homepage .column.left p {font-size: 11px; }

h4 span.date {font-size: 10px; display: block;}

body.overview.archives .column.left .column_wrapper.left .bucket ol p,
body.overview.archives .column.left .column_wrapper.right .bucket ol p {padding-right: 0;}

body.overview .column.left .bucket ol li p.last_updated {margin-top: 0; color: #999;}

a.highlighted {display: block; font-size: 12px; margin-bottom: 3px;}

body.overview .bucket .item_tools {padding-top: 0;}
body.overview .bucket .pagination,
body.search_results .bucket .pagination,
body.about.item.x156 .bucket .pagination {color: #666; font-size: 11px; margin-top: 40px; text-align: right; padding-top: 5px !important; border: 0;}
body.overview .bucket .pagination a {font-family: Arial, sans-serif; font-size: 11px; margin: 0; margin-left: 2px;}
body.overview .bucket .pagination a:visited {color: #3881A7;}

body.overview .bucket .message {border: 0; color: #333; font-size: 11px; line-height: normal;}


/********************************
 ENTRY TOOLS AND ICONS & 
 MORE ENTRIES LINKS
 ********************************/
/* entry tools links */
.entry_tools {clear: both; margin: 0; padding: 0;}
.entry_tools a:link,
.entry_tools a:visited,
.entry_tools a:hover,
/* more entries link */
a.more_entries:link,
a.more_entries:visited,
a.more_entries:hover {margin-right: 10px; padding: 1px 0 1px 15px; background-repeat: no-repeat; background-position: 0 50%; text-decoration: underline;}

/* entry tools links */
.entry_tools a:link,
.entry_tools a:visited,
.entry_tools a:hover,
/* more entries link */
a.more_entries:link,
a.more_entries:visited,
a.more_entries:hover,
/* rating form label */
#rating_form label {font-size: 10px; color: #777;}

/* entry tools links */
.entry_tools a:link,
.entry_tools a:visited,
.entry_tools a:hover {display: block; float: left;}

/* entry tools links - icons */
.entry_tools a.email {background-image: url('../images/layout/icons/cpi_icon_email.gif');}
.entry_tools a.share {background-image: url('../images/layout/icons/cpi_icon_share.gif');}
.entry_tools a.comments {background-image: url('../images/layout/icons/cpi_icon_comments.gif');}
.entry_tools a.print {background-image: url('../images/layout/icons/cpi_icon_print.gif');}
.entry_tools a.rate {background-image: url('../images/layout/icons/cpi_icon_star.gif');}
.entry_tools a.selected {border-width: 1px 1px 0; border-style: solid; border-color: #ccc; padding: 5px; padding-left: 20px; background-position: 5px 50%; background-color: #F3F3EF;}

.entry_tools span {border: 1px solid #ccc; display: block; padding: 10px; margin-top: 1px;}

/* need a way to float that separator */
.entry_tools em {float: left; font-style: normal;}

.entry_tools br {line-height: 7px;}

.entry_tools a.addform {padding-left: 3px !important;}
.entry_tools a.comments.add {padding-left: 15px !important; margin-right: 3px !important;}

/* link highlight for emailThis and shareThis */
.entry_tools a.active {background-color: transparent; color: #333 !important; padding-bottom: 5px !important; border-bottom: 3px solid #ccc; background-position: 0 30% !important;}

a.more_entries {text-align: right; display: block; margin-right: 0 !important;}

/* rating form, thanks shawn! */
#rateThis {float: right;}

#rating_form label, div.rating {float: left;}

#rating_form input,
#rating_form select,
#current_rating{
display:none;
}
    .star {
        float: left;
        width: 12px;
        height: 11px;
        overflow: hidden;
        margin-right:2px;
        text-indent: -999em;
        cursor: pointer;
    }
	
	.star{
    	background: url(/images/layout/rating_star-off.gif) no-repeat 0 0px;	
	}

    .star a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .entry_tools .star a{
        padding-left:0;
        margin-right:0;
    }
    
     .entry_tools .rating .on a {
		background: url(/images/layout/rating_star-on.gif) no-repeat 0 0px;
    }

    .entry_tools .rating .hover a,
    .entry_tools .rating a:hover {
		background: url(/images/layout/rating_star-on.gif) no-repeat 0 0px;
    }

/** comments , emailThis, addComment , shareThis, entryTags **/
#comments, #entryTags {margin: 30px 0;}
ol.item_comments {font-size: 11px; color: #999; text-indent: 0;}
ol.item_comments li {margin: 10px 0; padding-bottom: 5px; border-bottom: 1px dotted #ccc;}
ol.item_comments li blockquote {margin-top: 5px;}
ol.item_comments li blockquote p {line-height: normal !important; margin-top: 0 !important; color: #666 !important; font-size: 12px !important; padding-bottom: 5px;}

#addComment form ul li,
#emailThis form ul li,
.emailThis form ul li {margin: 0; margin-bottom: 10px;}

#emailThis, .emailThis, #shareThis, .shareThis {border: 1px solid #ccc; background: white; padding: 10px;}

#shareThis ul li, .shareThis ul li {float: left; width: 100px; margin: 3px; margin-right: 10px;}


/******************************** 
 ABOUT TEMPLATES 
 ********************************/
body.about .column.left .bucket p img {float: left; margin-right: 20px; margin-bottom: 10px; display: block; margin-top: 3px;}

/** collapsable menus **/
#collapsablemenu ul li a {padding-left: 10px; display: block;}
#collapsablemenu ul li ul li a {padding-left: 11px;}

#collapsablemenu ul li a {background: url('../images/layout/backgrounds/cpi_about_arrow-closed.gif') no-repeat 0 .325em;}
#collapsablemenu ul li a:hover,
#collapsablemenu ul li ul li a:hover,
#collapsablemenu ul li a.x0:hover {text-decoration: underline;}
#collapsablemenu ul li a.open {background: url('../images/layout/backgrounds/cpi_about_arrow-open.gif') no-repeat 0 .325em !important; color: #144158;}
#collapsablemenu ul li ul li a.open:hover {text-decoration: none;}
#collapsablemenu ul li a.keep {text-decoration: none; color: #666;}
#collapsablemenu ul li a.keep:hover {text-decoration: none; cursor: default;}

#collapsablemenu ul li ul li a {background: url('../images/layout/backgrounds/cpi_about_x-open.gif') no-repeat 0 .325em; margin-left: 10px;}
#collapsablemenu ul li ul li a.open {background: url('../images/layout/backgrounds/cpi_about_x-closed.gif') no-repeat 0 .325em !important; color: #666;}

#collapsablemenu ul li a.x0 {background: url('../images/layout/backgrounds/cpi_about_x-open.gif') no-repeat 0 .325em !important; text-decoration: none;}
#collapsablemenu ul li a.x0.open {background: url('../images/layout/backgrounds/cpi_about_x-closed.gif') no-repeat 0 .325em;}


/******************************** 
 RESEARCH TOOLS TEMPLATES
 ********************************/
body.overview .column.left .bucket p.highlighted_text,
body.item .column.left .bucket p.highlighted_text {padding: 5px; margin-bottom: 0; margin-top:0;}

body.overview .column.left .bucket p.highlighted_text {width: 100px;}
body.item .column.left .bucket p.highlighted_text {width: 120px; font-weight: bold; line-height: 18px; margin-top: 20px; margin-right: 10px; margin-bottom: 0px; padding: 5px 10px;}

body.item .column.left .bucket div.introduction p.highlighted_text {margin-top: 0;}

.tools_tool {margin-top: 20px; clear: both;}
.column.left .bucket .tools_tool h6.tool_tab {line-height: normal; margin-top: 0; color: white; font-size: 12px;}
h6.tool_tab {padding: 7px 10px; background: #333; float: left; width: 50%;}
.tools_tool .tool {padding: 10px; clear: both; background: url('../images/layout/backgrounds/cpi_tools_tabarrow.gif') no-repeat 11px 0; border: 1px solid #333;}

/** highlighted text **/
.column.left .bucket p.highlighted_text {float: left; background: url('../images/layout/backgrounds/cpi_article_texthighlight_bg.gif'); margin-top: 3px; margin-right: 10px; line-height: normal;}
.column.left .bucket p.highlighted_text span {display: block;}

.search {margin-top: 2px; padding-top: 8px !important;}

.search {background: url('../images/layout/cpi_highlight_title_search.gif') no-repeat;}

div.related_project {padding: 5px; border: 1px solid #ccc; float: right; width: 220px; margin-bottom:10px; margin-left:15px; margin-top:3px;}
div.related_project p {margin: 0 !important; line-height: normal !important;}
div.related_project p img {margin: 0 10px 0 0 !important;}


/********************************
 PROJECTS/INVESTIGATION TEMPLATES
 ********************************/
body#projects-interior div#cpi_content {background-image: url(../images/layout/backgrounds/cpi_projects_bg.gif);}
body#projects-interior div.column.left {width: 800px;}
body#projects-interior div.column.left div.title {width: 740px;}
 
/* projects overview */
body.projects.overview .column.left .bucket ol li p img {border: 1px solid white; float: left; margin: 2px 20px 5px 0;}

body.projects.item span.button {float: right;}

.column.left.projects_keyfindings {width: 100%;}
.column.left.projects_keyfindings ul {margin: 0; margin-left: 15px; line-height: 16px;}
.column.left.projects_keyfindings ul li {margin-bottom: 10px;}

body.projects.item .column.left .title h2 {font-size: 18px; line-height: 24px;}

body.item .column.left h4 {margin-bottom: 10px;}

#projects_art {width: 609px; /*height: 430px;*/ margin-bottom: 1px; position: relative; background-color: #555;}

#projects_art h1 {position: absolute; top: -9999px;}
#projects_art h1.no_image {position: relative; top: 0;}

#projects_art h1,
#projects_art h1 a:link,
#projects_art h1 a:visited,
#projects_art h1 a:hover {font-size: 32px; line-height: 32px; padding: 40px 0 40px; font-family: Georgia, serif; color: #999; letter-spacing: -1px; text-decoration: none;}

#projects_art span.button {position: absolute; right: 30px; bottom: -1px; border-width: 1px 1px 0;}


/********************************
 SITE MAP TEMPLATE
 ********************************/
body.sitemap .column.left h4,
body.sitemap .column.left .bucket ol li ul {margin-bottom: 15px;}

.nav_shortcuts {color: #888; text-align: right; font-size: 11px;}

body.sitemap h3 {margin-top: 0 !important; color: #999 !important; font-size: 10px !important;}


/********************************
 ABOUT TEMPLATE
 ********************************/
.about_overview_image {float: right; margin-left: 20px;}


/********************************
 HIDE ITEMS FOR PRINT
 *******************************/
.print_item {display: none;}


/* new blog styles */
body.overview .content_title h1, body.item .content_title h1 {margin-left: 30px;}
body.homepage .content_title.papertrailblog h1, 
body.homepage .content_title.watchdog h1,
body.overview .content_title.watchdog h1,
body.article .content_title.watchdog h1,
body.homepage .content_title.datamine h1,
body.overview .content_title.datamine h1,
body.article .content_title.datamine h1 {margin-left: 0 !important;}


/*
Convio
*/
body.convio .bucket h1 {margin-left: 0; font-size: 21px; font-weight: normal; font-family: Georgia, serif; color: #3881A7;}

iframe.frmConvioSignup body {border: 0; background-color: transparent;}