/* Liferay */
/* Global */
a { color: #1d50aa; text-decoration: underline; }
a:hover { color: #1d50aa; text-decoration: underline; }

body { background-color: #FFFFFF; border: 0; margin: 0; padding: 0; text-align: center; font-family: Arial; font-size: 76%; }
body * { font-size: 1em; }

.font-xx-small { font-size: 0.7em; }
.font-x-small { font-size: 0.8em; }
.font-small { font-size: 0.9em; }
.font-large { font-size: 1.1em; }
.font-x-large { font-size: 1.3em; }
.font-xx-large { font-size: 1.5em; }
form { margin: 0; padding: 0; }
select { border-color: #CCCCCC; border-style: solid; border-width: 1px; }
ul { list-style-type: none; margin: 5px 0 10px 15px; padding: 0; }
img { border: 0; margin: 0; padding: 0 }
input, button, select, textarea { font-size: 0.8em; }
.form-button { background-color: #F2F2F2; border-color: #6699CC; border-style: solid; border-width: 1px; }
.form-button-hover { border-bottom: solid 1px #6699CC; border-left: solid 1px #F2F2F2; border-right: solid 1px #6699CC; border-top: solid 1px #F2F2F2; }
.form-text { border-color: #CCCCCC; border-style: solid; border-width: 1px; }
.tree-js-pop-up DIV { background-color: #D3D3D3; border: 2px Outset #FFFFFF; display: none; padding: 4; position: absolute; text-align: left; z-index: 10; }

.alpha { background-color: #6699CC; }
.alpha-neg-alert { color: #FF0000; }
.alpha-pos-alert { color: #007F00; }
.alpha-separator { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/dotted-horizontal.gif) scroll repeat-x; height: 1px; font-size: 0; }
A.alpha { background: none; color: #000000; text-decoration: none; }
A.alpha:hover { color: #000000; text-decoration: underline; }
FONT.alpha { background: none; color: #000000; }

/* Beta */ .beta { background-color: #B6CBEB; }
.beta-neg-alert { color: #FF0000; }
.beta-pos-alert { color: #007F00; }
.beta-separator { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/color_schemes/01/portlet_menu_bg_x.gif) repeat-x; height: 1px; font-size: 0; }
A.beta { background: none; color: #000000; text-decoration: none; }
A.beta:hover { color: #000000; text-decoration: underline; }
FONT.beta { background: none; color: #000000; }

/* Gamma */
.gamma { background-color: #F2F2F2; }
.gamma-gradient { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/color_schemes/01/portlet_bg_x.gif) repeat-x; }
.gamma-neg-alert { color: #FF0000; }
.gamma-pos-alert { color: #007F00; }
#gamma-tab { border-bottom: 1px solid #B6CBEB; margin-left: 0px; margin-top: 0px; margin-bottom: 15px; margin-right: 0px; padding-bottom: 27px; padding-left: 0px; }
#gamma-tab ul, #gamma-tab li { background: #F6F6F6; border: 1px solid #CCCCCC; border-bottom: 1px solid #B6CBEB; color: #CCCCCC; display: inline; float: left; line-height: 22px; list-style-type: none; margin-right: 8px; padding: 2px 10px 2px 10px; text-decoration: none; }
#gamma-tab ul#current, #gamma-tab li#current { background: #F2F2F2; border: 1px solid #B6CBEB; border-bottom: 1px solid #F2F2F2; color: #000000; }
#gamma-tab li a { color: #777777; }
#gamma-tab li#current a { color: #000000; }
#gamma-tab li#toggle { background: none; border: 0px; float: right; margin-right: 0px; padding-right: 0px; }
A.gamma { background: none; color: #000000; text-decoration: none; }
A.gamma:hover { color: #000000; text-decoration: underline; }
FONT.gamma { background: none; color: #000000; }
/* Bg */
.bg { background-color: #F2F2F2; }
.bg-neg-alert { color: #FF0000; }
.bg-pos-alert { color: #007F00; }
A.bg { background: none; color: #000000; text-decoration: none; }
A.bg:hover { color: #000000; text-decoration: underline; }
FONT.bg { color: #000000; }

/* Liferay Layout CSS */
#layout-outer-side-decoration { margin: 10px auto 0 auto; width: 945px; }

#layout-inner-side-decoration { margin: 0 0 0 0; }
#layout-box { text-align: center; /* width: 100%; */ }
#layout-top-banner-entry { /* background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/banner-middle.png) scroll repeat-x; */ position: relative; text-align: left; z-index: 0; height: 67px; }
#layout-top-banner { /* background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/banner-middle.png) scroll repeat-x; */ position: relative; text-align: left; z-index: 0; height: 67px; }
#layout-top-banner-left { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/banner-left.png) scroll no-repeat top left; }
#layout-top-banner-right { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/banner-right.png) scroll no-repeat top right; height: 100px; }
#layout-company-logo { /* position: absolute; top: 10px; left: 10px; */ }
#layout-user-menu { /* text-align: left; padding-left: 10px; position: absolute; top: 10px; left: 220px; */ text-align: right; position: relative; }
#layout-global-search { /* position: absolute; right: 20px; top: 20px; */ }
#layout-my-places { /* position: absolute; right: 20px; top: 45px; z-index: 3; width: 50%; */ }
#layout-my-places form { text-align: right; }

#layout-my-places ul { background-color: #F2F2F2; border: 1px solid #6699CC; list-style-image: none; position: absolute; text-align: left; right: -120px; margin: 0; z-index: 3; }
#layout-my-places ul li { padding: 2px; }
#layout-nav-container { /* padding: 0px 8px 0 8px; position: relative; top: 68px; z-index: 2; */ padding: 0 0 0 0; position: relative; top: 0px; z-index: 2; }

/* #layout-nav-container a { color: #FFFFFF; } */
.layout-nav-tabs-box { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/nav-bg.png) scroll repeat-x; position: relative; width: 100%; }
.layout-nav-tabs-left { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/nav-left.png) scroll no-repeat top left; position: relative; }
.layout-nav-tabs-right { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/nav-right.png) scroll no-repeat top right; padding: 0 2px 0 2px; position: relative; }
.layout-nav-tabs-box table { height: 25px; }
.layout-tab-hover { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/nav-hover.png) scroll repeat-x; }
.layout-column-spacer { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/column-bevel.png) scroll repeat-y center; }
.layout-column-spacer div { width: 12px; }
#layout-content { margin: 0 5px 0 0; /* border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; */ }
#layout-content-box { border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; /* background-color: #f2f2f2; */ background-color: #FFFFFF; padding: 0 0 0 0; }
#layout-content-inner-decoration { padding: 0 0 0 0; }
#layout-content-container { width: 945px; margin: -9px 0 6px -1px; }

/* Column Layout */
.layout-blank-portlet { clear: both; font-size: 0px; }
#layout-bottom-container { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/bottom-middle.png) scroll repeat-x; color: #858585; position: relative; text-align: left; width: 100%; }
#layout-bottom-container a { color: #858585; }
#layout-bottom-container span { position: relative; top: 6px; left: 10px;}
#layout-bottom-left { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/bottom-left.png) scroll no-repeat top left; }
#layout-bottom-right { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/bottom-right.png) scroll no-repeat top right; height: 26px; }
#layout-bottom-container span { margin-left: 3px; }
#layout-language-select { position: absolute; right: 15px; top: 7px; }
.portal-add-content { background-color: #F2F2F2; border: 3px solid #6699CC; padding: 8px; }
* html #layout-column_column-2, * html #layout-column_column-3, * html #layout-column_column-4, * html #layout-column_column-5 { height: 75px; }
#layout-column_column-2, #layout-column_column-3, #layout-column_column-4, #layout-column_column-5 { min-height: 75px; }
#layout-column_column-1 { min-height: 0; }
.layout-column-highlight { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/common/diagonal-lines.gif) scroll repeat; }


/* Portlet CSS */
/* Liferay Portlet */
.portlet-dragging-placeholder { background-color: #EAF2FF; }
.portlet-loading { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/progress_bar/loading_animation.gif) no-repeat top center; margin-top: 10px; padding-top: 40px; text-align: center; } .portlet-container { position: relative; } .portlet-box { } .portlet-minimum-height { } .portlet-header-bar { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/header-middle.png) scroll repeat-x; } .portlet-header-left { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/header-left.png) scroll no-repeat top left; } .portlet-header-right { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/images/custom/header-right.png) scroll no-repeat top right; height: 21px; position: relative; } .portlet-borderless-container { position: relative; } .portlet-borderless-bar { text-align: left; font-size: 0.8em; } .portlet-title { color: #000000; font-weight: bold; position: absolute; top: 3px; left: 15px; } .portlet-small-icon-bar { padding-left: 2px; position: absolute; top: 2px; right: 2px; }
.portlet-small-icon { margin-left: -2px; }
.portlet-top-decoration { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/color_schemes/01/portlet_corner_ul.gif) no-repeat top left; height: 5px; } .portlet-top-decoration DIV { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/color_schemes/01/portlet_corner_ur.gif) no-repeat top right; height: 5px; } .portlet-top-decoration DIV DIV { background: #F2F2F2; border-top: 1px solid #6699CC; font-size: 0; height: 5px; margin: 0 5px 0 5px; } .portlet-inner-top { margin: 0 auto 0 auto; } .portlet-bottom-blank { margin-bottom: 5px; } .portlet-bottom-decoration { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/color_schemes/01/portlet_corner_bl.gif) no-repeat top left; height: 5px; } .portlet-bottom-decoration DIV { background: url(http://csmonitor.com/csm_themes/html/themes/csm_original_wide/color_schemes/01/portlet_corner_br.gif) no-repeat top right; height: 5px; } .portlet-bottom-decoration DIV DIV { background: #F2F2F2; border-bottom: 1px solid #6699CC; font-size: 0; height: 5px; margin: 0 5px 0 5px; }
.portlet-bottom-decoration-2 { background: url(/csm_themes/html/themes/csm_original_wide/images/shadow/middle.gif) repeat-x; margin-bottom: 5px; } .portlet-bottom-decoration-2 DIV { background: url(/csm_themes/html/themes/csm_original_wide/images/shadow/left.gif) no-repeat; } .portlet-bottom-decoration-2 DIV DIV { background: url(/csm_themes/html/themes/csm_original_wide/images/shadow/right.gif) no-repeat top right; font-size: 0; height: 6px; } /* Fonts */ .portlet-font { color: #000000; } .portlet-font A { color: #000000; } .portlet-font-dim { color: #C4C4C4; } /* Messages */ .portlet-msg-status { color: #000000; font-style: italic; } .portlet-msg-info { color: #000000; } .portlet-msg-error { color: #FF0000; } .portlet-msg-alert { color: #FF0000; font-style: italic; } .portlet-msg-success { color: #007F00; } /* Sections */ .portlet-section-header { background: #AFBEDA; color: #596171; font-weight: bold; } .portlet-section-header A { color: #596171; } .portlet-section-body { color: #3F3F3F; background: #EAF2FF; }
.portlet-section-body-hover, TR.portlet-section-body:hover { color: #FFFFFF; background: #5274AE; } .portlet-section-body A { color: #3F3F3F; } .portlet-section-body-hover A, TR.portlet-section-body:hover A { color: #FFFFFF; } .portlet-section-alternate { color: #3F3F3F; background: #DBE1ED; } .portlet-section-alternate-hover, TR.portlet-section-alternate:hover { color: #FFFFFF; background: #5274AE; } .portlet-section-alternate A { color: #3F3F3F; } .portlet-section-alternate-hover A, TR.portlet-section-alternate:hover A { color: #FFFFFF; } .portlet-section-selected { color: #7AA0EC; background: #FAFCFE; } .portlet-section-selected-hover, TR.portlet-section-selected:hover { color: #00329A; background: #C0D2F7; } .portlet-section-selected A { color: #7AA0EC; } .portlet-section-selected-hover A, TR.portlet-section-selected:hover A { color: #00329A; } .portlet-section-subheader { background: #91AEE8; color: #405278; padding: 2px; } .portlet-section-footer { color: #000000; }
.portlet-section-text { color: #000000; }

/* Forms */
.portlet-form-label { color: #000000; }
.portlet-form-input-field { border-color: #CCCCCC; border-style: solid; border-width: 1px; }
.portlet-form-button { background-color: #F2F2F2; border-color: #6699CC; border-style: solid; border-width: 1px; padding: 2px 0 0 0; }
.portlet-icon-label { color: #000000; } .portlet-dlg-icon-label { color: #000000; }
.portlet-form-field-label { color: #000000; } .portlet-form-field { color: #000000; }

/* Display Tag Library */
TR.even { background-color: #B6CBEB; color: #000000; }
TR.odd { background-color: #F2F2F2; color: #000000; }

/* Existing csmonitor css */
/* stylesheet for csmonitor.com */
/* http://www.csmonitor.com/lib/css/csmpc_ie2001b.css */
/* Pub Column CSS */
#donateButton{ padding: 8px 0 0 0; text-align: center; border-top: 1px solid #000000; }
#printIssue{ padding:0px 0 0px 11px; border-left: 1px solid #000000; }
#monservices{ display:block; padding: 0 0 8px 0; } #monservices h4{ font-size: 15px; color: #000000; }
#monservices a:link{ text-decoration:none; }
#monservices ul{ list-style: none; color: #000000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; padding-left:0; margin: 0; }
#monservices li { padding-left:10px; background-image: url(/csm_themes/html/themes/csm_original_wide/images/cf/arrow_black.gif); background-repeat: no-repeat; background-position: 0 .5em; line-height: 16px; }
#monservices li a:link, #monservices li a:visited { text-decoration:none; }
#monservices li a:hover { text-decoration:underline; }
.divider { border: 0; width: 136px; color: #000; background-color: #000; height: 3px; margin: 6px 0 3px 0; } .boxad{ padding:5px 0 0 7px; }
#csmPubColumn p { color: #000000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 14px; margin: 3px 0 3px 0; }
#csmPubColumn p a:link, #csmPubColumn p a:visited { text-decoration:none; }
#csmPubColumn p a:hover { text-decoration:underline; }
#csmPubColumn input, #csmPubColumn select { font-size: 10px; }
#csmPubColumn .textadbox { margin: 7px 0 7px 0; padding: 10px; border-top: 1px solid #e7e7ce; border-bottom: 1px solid #e7e7ce; border-left: 1px solid #e7e7ce; border-right: 1px solid #e7e7ce; width: 314px; }
#csmPubColumn .textadbox p { font-size: 11px; }
.textadbox h4 { text-align: left; margin: 0px; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 14px; }

.padding7 { padding: 7px; }
.pubbanner { margin: 14px 0 3px 0; }

/* LOGOS added by daigo 03/10/05 */
p.logoblue136 { width: 136px; border: 1px solid #568; text-align: center; margin: 0 0 7px; padding: .3em 0 .4em; color: #fff; background: transparent url(/images/blue_logo_bg.gif); font: bold 15px/1em Georgia,"Times New Roman",Times,serif; font-variant: small-caps; letter-spacing: 0.1em; }
p.logoblue150 { width: 150px; border: 1px solid #568; text-align: center; margin: 0 0 7px; padding: 2px 0; color: #fff; background: transparent url(/images/blue_logo_bg.gif); font: bold 10px/1em Georgia,"Times New Roman",Times,serif; text-transform: uppercase; letter-spacing: 0.2em; }
p.logoblue221 { width: 221px; border: 1px solid #568; text-align: center; margin: 0 0 7px; padding: 0; color: #fff; background: transparent url(/images/blue_logo_bg.gif); font: bold 9px/1em Georgia,"Times New Roman",Times,serif; text-transform: uppercase; letter-spacing: 0.3em; }
p.logobrown136 { width: 136px; border: 1px solid #c63; text-align: center; margin: 0 0 7px; padding: .3em 0 .4em; color: #fff; background: transparent url(/images/brown_logo_bg.gif); font: bold 15px/1em Georgia,"Times New Roman",Times,serif; font-variant: small-caps; letter-spacing: 0.1em; }
p.logobrown150 { width: 150px; border: 1px solid #c63; text-align: center; margin: 0 0 7px; padding: 2px 0; color: #fff; background: transparent url(/images/brown_logo_bg.gif); font: bold 10px/1em Georgia,"Times New Roman",Times,serif; text-transform: uppercase; letter-spacing: 0.2em; }
p.logobrown221 { width: 221px; border: 1px solid #c63; text-align: center; margin: 0 0 7px; padding: 0; color: #fff; background: transparent url(/images/brown_logo_bg.gif); font: bold 9px/1em Georgia,"Times New Roman",Times,serif; text-transform: uppercase; letter-spacing: 0.3em; }
p.logogold136 { width: 136px; border: 1px solid #c93; text-align: center; margin: 0 0 7px; padding: .3em 0 .4em; color: #fff; background: transparent url(/images/gold_logo_bg.gif); font: bold 15px/1em Georgia,"Times New Roman",Times,serif; font-variant: small-caps; letter-spacing: 0.1em; }
p.logogold150 { width: 150px; border: 1px solid #c93; text-align: center; margin: 0 0 7px; padding: 2px 0; color: #fff; background: transparent url(/images/gold_logo_bg.gif); font: bold 10px/1em Georgia,"Times New Roman",Times,serif; text-transform: uppercase; letter-spacing: 0.2em; }
p.logogold221 { width: 221px; border: 1px solid #c93; text-align: center; margin: 0 0 7px; padding: 0; color: #fff; background: transparent url(/images/gold_logo_bg.gif); font: bold 9px/1em Georgia,"Times New Roman",Times,serif; text-transform: uppercase; letter-spacing: 0.3em; }
p.logoblue136 a, p.logoblue150 a, p.logoblue221 a, p.logogold136 a, p.logogold150 a, p.logogold221 a, p.logobrown136 a, p.logobrown150 a, p.logobrown221 a, p.logoblue136 a:visited, p.logoblue150 a:visited, p.logoblue221 a:visited, p.logogold136 a:visited, p.logogold150 a:visited, p.logogold221 a:visited, p.logobrown136 a:visited, p.logobrown150 a:visited, p.logobrown221 a:visited { color: #fff; text-decoration: none; }

/* font catch all */
body, td, p { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; }

/* global structure styles */
a:link { color: #0000cc; }
a:visited { color: #800080; }
body { background-color: #ffffff; margin-top: 0px; margin-left: 7px; }
td { /* text-align: left; */ vertical-align: top; }
td.middle { /* text-align: left; */ vertical-align: middle; } img { border: 0px; } img.space { margin-top: 7px; margin-bottom: 7px; } img.space14 { margin-top: 14px; margin-bottom: 14px; } img.spaceSec { margin-top: 2px; margin-bottom: 2px; } .spacerHeadline { margin-bottom: 12px; } .spacer3 { margin-bottom: 3px; } .spacer7 { margin-bottom: 7px; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 14px; font-weight: normal; } .spacer14 { margin-bottom: 14px; } .spacer21 { margin-bottom: 21px; } .dotLineSpacer { margin-top: 7px; margin-bottom: 7px; } /* top nav bar */ td.padding { padding-top: 3px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; } a.navTextOff, a.navTextOff:visited, a.navTextOn, a.navTextOn:visited { color: #ffffff; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 10px; text-decoration: none; } a.navTextOn, a.navTextOn:visited { color: #000000; } .subNavHome, a.subNavHome, a.subNavHome:visited { color: #0000cc; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 13px; text-decoration: none; padding-top: 7px; } .subNav { color: #000000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 13px; } a.subNav, a.subNav:visited { color: #0000cc; text-decoration: none; } /* photos */ .photoCutLead, .photoCutline, .photoCredit { color: #333333; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 13px; text-transform: uppercase; margin-right : 2px; } .photoCutline { font-weight: normal; text-transform: none; } .photoCredit { color: #999999; font-weight: normal; } .photoCreditEntry { color: #333333; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 9px; font-weight: normal; line-height: 13px; } /* links for section bucket list */ a.bucketLeftNav, a.bucketLeftNav:visited { color: #0000cc; } .bucketLeftNav { color: #000000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 13px; text-decoration: none; text-transform: uppercase; } /* links for bucket directory */ a.bucketIndex, a.bucketIndex:visited { color: #000000; text-decoration: none; } .bucketIndex { color: #000000; font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 14px; } /* links for bucket tags on section pages */ a.bucketTag, a.bucketTag:visited { color: #999999; text-decoration: none; } .bucketTag { color: #999999; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 13px; letter-spacing: 1px; } /* links for cookie crumb */ a.bucketStory, a.bucketStory:visited { color: #000000; text-decoration: none; } .bucketStory, .bucketStoryKicker { color: #000000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 14px; padding: 0px 3px 0px 3px; } .bucketStoryKicker { font-weight: normal; }

/* styles for headline lists */
.superHead { color: #000000; font-family: Arial, sans-serif; font-size: 22px; letter-spacing: -1px; font-weight: bold; line-height: 26px; }
a.superHead, a.superHead:visited { color: #000000; text-decoration: none; }
.head1, .head2, .head3 { color: #000000; font-family: Georgia, Times, "Times New Roman", serif; font-size: 20px; font-weight: bold; line-height: 20px; } .head2 { font-size: 16px; line-height: 16px; letter-spacing: -1px; } .head3 { font-size: 12px; line-height: 15px; } a.head1, a.head2, a.head3 { color: #0000cc; } a.head1:visited, a.head2:visited, a.head3:visited { color: #800080; } .head4 { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 15px; } a.head4 { color: #0000cc; text-decoration: none; } a.head4:visited { color: #800080; text-decoration: none; } a.head4:hover { text-decoration: underline; } a.headlineBucket { color: #0000cc; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 13px; } 
a.headlineBucket:visited { color: #800080; }

/* left column */
a.leftNavTopic, a.leftNavTopic:visited { color: #000000; text-decoration: none; }
.leftNavTopic { color: #000000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 15px; }
.leftNavText { color: #000000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 13px; }

/* story page */
.headline { color: #556688; font-family: Georgia, Times, "Times New Roman", serif; font-size: 30px; font-weight: normal; line-height: 32px; }
/* h1, h2 adjust. SEO optimization added by Tim 04/06/06 */
h1.headline { margin-bottom:12px; padding-bottom:0px; }
h2.subhead { margin-top:4px; margin-bottom:14px; }
.text, .pubDate, .subhead, .byline, .staffline, .dateline { color: #111111; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height: 16px; }
.pubDate { color: #000000; padding-left: 3px; }

.subhead, .byline, .dateline { font-weight: bold; }
.staffline { font-style: italic; }
.divvy, a.divvy, a.divvy:visited { color: #000000; font-family: Arial, Verdana, Genvea, sans-serif; font-size: 15px; font-weight: bold; line-height: 17px; text-decoration: none; }

/* miscellaneous */
.pullDown { color: #000000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 12px; }
.summary { color: #333333; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; }
.dateKicker { color: #999999; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 12px; }
.advertisement { color: #999999; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 12px; }
b, strong { font-weight:bold; }
.forMore, a.forMoreLink { color: #000000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 12px; }
a.forMoreLink { color: #0000cc; text-decoration: none; }
.listDot, .listDotBlack { color: #CC9933; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 8px; font-weight: normal; line-height: 10px; }
.listDotBlack { color: #000000; } .underline { border-width:0px 0px 1px 0px; border-style:solid; border-color:#aaaaaa; }

/* Ethical Investing specific CSS */
div.srirule { border-style:solid; border-color:#aaaaaa; border-width: 0px 0px 1px 0px; margin: 3px 15px 21px 0px; }
div.srihead { color:#101010; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 18px; font-weight: bold; margin: 0 15px 0 0; }
div.srihead a { position:absolute; right:0px; top:3px; font-weight:normal; font-size:80%; }

/* end stylesheet */
/* Monitor Movie Guide specific CSS */
table.movies th { font-family:Arial; font-size:13px; text-align:left; border-bottom:2px solid black; }
table.movies th a, table.movies th a:hover { text-decoration:none; }
table.movies td { font-family:Arial; border-bottom:1px solid #cccccc; padding:2px 0 2px 0; }
table.movies a { font-size:12px; text-decoration:none; }
table.movies a:hover { text-decoration:underline; }
td.mvtitle { padding-right:10px; }
td.mpaa { width:60px; font-size:11px; text-align:left; font-weight:bold; }
td.date { font-size:10px; text-align:right; }
td.monrat { width:60px; font-size:11px; text-align:center; font-weight:bold; }
/* end stylesheet */

/* DAIGO's CSMONITOR layout starts here */
/* --- [header] --- */
/* top navigation: WORLD USA COMMENTARY etc. */
ul#sitenav { float: left; width: 944; margin: 2px 0 3px 0; padding: 0; list-style: none; font-size: 10px; background-color: #cc9933; border-top:1px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000; }

/* the style below is for correct display of top menu in IE */
* html ul#sitenav { float: left; width: 945; margin: -1px 0 3px 0; padding: 0; list-style: none; font-size: 10px; background-color: #cc9933; border-top:1px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000; }
#sitenav li { float: left; margin: 0; padding: 0; list-style: none; border-left: 1px solid #000000; text-transform:uppercase; }
#sitenav li a, #sitenav li a:link, #sitenav li a:visited, #sitenav li a:active { float: left; padding: 2px 17px 2px 17px; text-decoration: none; color: #ffffff; background-color: #cc9933; }
#sitenav li a:hover { background-color: #556688; }

/* change class in the body tag to change bg color of nav in the header */
#layout-nav-container ul#sitenav li a.layout-tab-selected { background-color: #e7e7ce; color: #000000; }

/* below sitenav, About Us/Help, Archive etc. */
#sitehelp { clear: both; width: 945px; margin: 0 0 3px 0; padding: 4px 0; border-bottom: 1px solid #000000; position: relative; }
#sitehelp a { text-decoration: none; }
.backtohome { margin: 2px 0 0 0; padding:0; float: left; text-align: left; font-weight: bold; font-size: 85%; }
ul.helpnav { float: left; margin:0 0 3px 0; padding:0; text-align: left; list-style: none; }
.helpnav li, .helpnav form, .helpnav input { display: inline; }
.helpnav li { margin: 0; padding: 0; font-size: 85%; } .helpnav li a { margin: 0 3px; } #searchpanel { float: right; margin: -3px 0 0 0; } /* clearing float objects */ /* When the story is extremely short, back to top (used in the story tool bottom) link is below pub column */ div.spacer { clear: both; margin: 0; padding: 0; } /* left navbar items */ #csmSectionbrand { margin: 0 0 14px 0; padding: 0; width: 150px; height: 84px; background: transparent url(/csm_themes/html/themes/csm_original/images/secHed.gif) no-repeat; text-align: right; vertical-align: bottom; position: relative; } #csmSectionbrand a { display: block; margin: 0; padding: 0; width: 150px; height: 84px; text-decoration: none; } #csmSectionbrand strong { display: block; position:absolute; margin: 0; padding: 0 0 7px 10px; right:10px; bottom:10px; color: #fff; font-weight: bold; font-family: Arial Narrow, Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 170%; } /* navigation below section brand (For Mac IE see hack at the bottom of css) */ ul#csmSectionnav { list-style: none; margin: 0 0 7px; padding: 0; background: transparent url(/csm_themes/html/themes/csm_original/images/dot150.gif) no-repeat top; } ul#csmSectionnav li { margin: 0; padding: 2px 0; background: transparent url(/csm_themes/html/themes/csm_original/images/dot150.gif) no-repeat bottom; font-size: 87%; font-weight: bold; text-transform: uppercase; } ul#csmSectionnav li a { text-decoration: none; } /* tacks in side of leftitem such as 'XML: what's this' links */ .leftitemplus { margin: 1em 0 .5em 0; padding: 1em 0 0 0; font-size: 90%; background: transparent url(/csm_themes/html/themes/csm_original/images/dot135.gif) no-repeat left top; } h4.specialproject { width:148px; color: #fff; background-color: #c93; border: 1px solid #000; font-weight: bold; font-family: Arial Narrow, Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 100%; text-transform:uppercase; margin: 1em 0 0 0; padding: 3px 0; } h4.specialproject span { margin-left: .5em; color: #000; } .colorbg { width:148px; margin: 0; padding: 0; background-color: #efefe7; border: 1px solid #000000; border-width: 0 1px 1px 1px; } /* Footer - or A.K.A. bottom-content*/ #bottom-content { clear:both; text-align: center; width: 945px; margin: 14px auto 0; padding: 1em 0 0; border-top: 3px solid #000000; } #bottom-content ul.bottomnav { margin: .3em 0; padding: 0; list-style: none; } #bottom-content ul.bottomnav li { display: inline; margin: 0; padding: 0; font-size: 100%; } #bottom-content ul.bottomnav li a { padding: 0 4px; margin: 0; text-decoration: none; } #bottom-content ul.bottomnav li a:hover { text-decoration: underline; } .copyright { font-size: 100%; width:100%; border-top: 1px solid #000; padding: 0.5em 0 2em; } .copyrighthide, .hide { display: none; } /* breadcrumbs, story page gets p, section and bucket pages get h3 */ p.csmBreadcrumbs { font-weight: bold; font-size: 90%; margin: 0; padding: 0; } h3.csmBreadcrumbs { font-weight: bold; font-size: 110%; } .csmBreadcrumbs a, .csmBreadcrumbs a:link, .csmBreadcrumbs a:hover, .csmBreadcrumbs a:visited { text-decoration: none; color: #000000; } p.csmPostdate { margin: 0 0 .5em 0; padding: 0; } /* headline for a story */ h1.csmStoryHead { color: #556688; font-family: Georgia, Times, "Times New Roman", serif; font-size: 230%; font-weight: normal; line-height: 1em; margin: .7em 0 .5em 0; padding: 0; } /* headline and summ sizes for section pages */ .sectionlist h1 { font-family: Georgia, Times, "Times New Roman", serif; font-size: 145%; font-weight: bold; line-height: 1em; padding: 0; margin: 0; } .sectionlist h2 { color: #556688; font-family: Georgia, Times, "Times New Roman", serif; font-size: 123%; font-weight: bold; line-height: 1em; padding: 0; margin:0; letter-spacing: -1px; } .sectionlist p.summary { color: #111111; font-size: 95%; padding: 0; margin: .2em 0 0; line-height: 1.2em; } /* subhead for a story page */ h2.csmSub { color:#111111; font-weight: bold; font-size: 100%; margin: .5em 0 1em 0; padding: 0; } /* story page text has slightly lighter color */ #csmMiddleColumn p { color:#111111; line-height: 1.35em; }

/* Divvy for dividing story into pages */
h3.divvy { font-weight: bold; font-size: 110%; margin: 1em 0 .5em 0; padding: 0; }

/* byline and staff line (below subhead) */
address.csmByline { font-size: 100%; margin: .5em 0 1.5em 0; padding: 0; color:#111111; }
address.csmByline strong { font-style: normal; color:#111111; }

/*contribute line at the send of story */
address.csmContribute { font-size: 90%; margin: .5em 0 1.5em 0; color:#111111; }

/* dateline mdash will not appear for IE for now */
h6.csmDateline { font-weight: bold; font-size: 100%; float: left; display: inline; margin: 0 .5em 0 0; padding: 0; text-transform:uppercase; color:#111111; }

/* photo, caption, and credit style on a story page */
#horizontalimage { margin: 0; padding: 0; border: none; }
#horizontalimage .caption { padding:7px; }
#horizontalimage .caption p, #verticalimage .caption p { font-size: 80%; color: #333333; line-height: 1.2em; margin: 0; padding: 0; }
#horizontalimage .caption p strong, #verticalimage .caption p strong { text-transform: uppercase; font-weight: bold; }
#horizontalimage .caption address, #verticalimage .caption address { font-size: 80%; color: #999999; margin: 6px 0 0; padding: 0; text-transform: uppercase; font-style: normal; line-height: 1em; }

/* ********* RELATED LINKS in Story page middle column ********** */
.related { float: right; width: 160px; }

/* this padding div is nessesary for spacing */
.leftpadding10 { margin: 0 0 0 12px; padding: 3px 0 0 12px; border-left: 1px solid #999999; }

/* photo vertical */
#verticalimage { margin: 0 0 0 12px; padding: 0; border-bottom:1px solid #999999; }
#verticalimage .caption { padding: .5em 0 1em 0; width:150px; }

/* each items are contained in .relitem */
.relitem { border: none; background: transparent url(/csm_themes/html/themes/csm_original_wide/images/cf/dot135.gif) no-repeat left bottom; margin: 0 0 1em 0; padding: 0 0 1em 0; }

/* email, letters, print, and rights links */
.reltools { border: none; background: transparent; margin: .5em 0 1em 0; padding: 0; }
/* ********* Section page specifc *********** */
/* gray kicker */
.sectionlist h4 { color: #999; font-family: Arial,Verdana,Geneva,Helvetica,sans-serif; font-size: 85%; font-weight: bold; letter-spacing: 1px; padding: 0; margin: 0 0 .2em; }
.sectionlist h4 a, .sectionlist h4 a:link, .sectionlist h4 a:hover, .sectionlist h4 a:visited { color: #999; text-decoration:none; text-transform: uppercase; }

/* divider line below the main list */
ol.sectionlist { border-bottom: 1px solid #000; }
#bucketstories { margin: 0 0 2em; padding: 0; }
#bucketstories th { padding: 10px 0 5px; color: #000; font-family: Verdana,Geneva,Helvetica,Arial,sans-serif; font-size: 93%; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }
#bucketstories th a, #bucketstories th a:hover { color: #000; text-decoration:none; }
#bucketstories td { margin-right:20px; background: transparent url(/csm_themes/html/themes/csm_original_wide/images/cf/dot193.gif) no-repeat left bottom; }
#bucketstories td p { margin: 0 0 1em 0; padding: 0; font-size: 88%; line-height: 1.2em; }
#bucketstories td p a { text-decoration:none; }

/* ********* LISTS ********** */ 
/* A lot of stories are lists */
/* mostof them are names .csmListstories */
/* location and type of .csmListstories defines its display */
dl.csmListstories, ol.csmListstories, ul.csmListstories, ol.sectionlist { list-style: none; margin: 0; padding: 0; }
.csmListstories dt { margin: 0; padding: 0; color: #999999; font-size: 78%; font-weight: normal; line-height: 1.1em; font-family: Arial,Verdana,Geneva,Helvetica,sans-serif; }
.csmListstories dd { margin: 0 0 .5em 0; padding: 0; font-size: 88%; line-height: 1.2em; }
.csmListstories li { margin: 0 0 .5em 0; padding: 0; font-size: 88%; line-height: 1.2em; clear: left; }
.csmListstories li img { float: left; margin-right: 7px; margin-bottom: 7px; }
ul.boldliststories, ol.boldliststories { list-style: none; margin: 0; padding: 0; }
.boldliststories li { font-size: 85%; font-weight: bold; line-height: 1em; margin: 0 0 .5em 0; }

/* centerliststory is for middle column ONLY. */ /* dotliststory can be used on the left column */
/* Both are same style bolletted lists */
ol.centerliststories, ul.centerliststories { list-style-type: disc; list-style-image: url(/csm_themes/html/themes/csm_original_wide/images/cf/bullet.gif); list-style-position: inside; margin: 0 0 21px 0; padding: 0; }
ul.dotliststories { list-style-type: disc; list-style-image: url(/csm_themes/html/themes/csm_original_wide/images/cf/bullet.gif); list-style-position: inside; margin: 0; padding: 0; }
.dotliststories li { margin: 0 0 .5em 0; padding: 0; font-size: 90%; line-height: 1em; }
.centerliststories li { margin: 0 0 .5em 0; padding: 0; line-height: 1em; }
.dateliststories { color: #999999; font-size: 80%; font-weight: normal; margin: 0 0 7px 0; padding: 0; line-height: 1em; }
.dotliststories li a, .boldliststories li a, .liststories li a, .liststories dd a { text-decoration: none; }
.dotliststories li a:hover, .boldliststories li a:hover, .liststories li a:hover, .liststories dd a:hover { text-decoration: underline; }
.sectionlist li { background: transparent url(/csm_themes/html/themes/csm_original_wide/images/cf/dot400.gif) no-repeat left top; margin: 0 0 .5em 0; padding: 1.3em 0 .9em 0; }
/* END LISTS */

.text90 { font-size: 90%; margin: 0; padding: 0; line-height: 1.1em; }
.text85 { font-size: 85%; text-decoration: none; line-height: 1.1em; }
.text80 { font-size: 80%; color: #999999; margin: 0; padding: 0; line-height: 1.1em; text-decoration: none; }
h4 { margin: 0 0 .5em 0; padding: 0; font-size: 100%; font-weight: bold; }
h4 a { text-decoration: none; color: #000; } h4 a:hover { text-decoration: underline; }
h4.csmTopiclabel { margin: 1em 0 .5em 0; padding: 0; font-size: 100%; font-weight: bold; }
h4.csmSubtopic { margin: .5em 0 .2em 0; padding: 0; font-size: 90%; font-weight: bold; }
hr { clear: both; height: 1px; background-color: #999999; border-width: 0; margin: 0; padding: 0; }

/* **** Bottom **** */
.bottomitem { background: transparent url(/csm_themes/html/themes/csm_original_wide/images/cf/dot400.gif) no-repeat center top; margin: 0 0 1em 0; padding: .5em 0 0 0; }
.bottomitemcenter { background: transparent url(/csm_themes/html/themes/csm_original_wide/images/cf/dot400.gif) no-repeat center top; text-align: center; margin: 0 0 1em 0; padding: 1em 0 .5em 0; }

/* print e-mail etc tools */
.bottomitemcenter ul.tools { display:block; list-style:none; border:0; padding:0; margin:0; }
.bottomitemcenter ul.tools li { display:inline; text-align: center; border:0; padding:0; margin:0; }
.bottomitemcenter ul.tools li p { border-left: solid 1px #ccc; float: left; display: block; padding:0 3px; margin:0; width: 90px; }
.bottomitemcenter ul.tools li p a { font-size: 85%; text-decoration: none; line-height: 1.1em; }
.bottomitemcenter ul.tools li p.first { border-left: none; }
.bottomitemcenter ul.tools li img { display: block; margin: 0 auto; }

/* end webstandards's css */
/* TPL speccific css starts here */
/* global with PubColumn */
/* cs_monitor_3_cols_border.tpl and cs_monitor_3_cols.tpl */
/* table is 1+150+14+1+14+400+14+1+14+159+1 = 769 */
#csmPubColumn { }
#csmAdBanner{ padding: 14px 0; margin: 20px 0 14px 0; }
.csmAdBannerTextAd{ font-size: 16px; padding: 0 0 14px 0; text-align: left; }
.csmAdBannerTextAdBottom{ font-size: 14px; }
.csmAds { padding:0 0 11px 0; border-bottom: solid 1px #000; }
.csmTop595 { border-bottom: solid 1px #000; padding:0 0 11px 0; }
.csmStoryBottom { padding:0 0 11px 0; }
.csmStoryWidePaddingLeft { padding:11px 11px 11px 0; }
.csmStoryWidePadding { padding:11px 0 11px 0; }
.csmTopStories { border-bottom: solid 1px #000; padding:11px 0 11px 0; }
.csmTop336 { padding:11px 0 11px 0; }
.csmLeft336 { padding:11px 11px 11px 0; }
#csmLeftColumn { border-right: solid 1px #000; padding:0 11px 0 0; margin:0; }
.csmLeft150 { padding:0 11px 0 0; margin:0; }
.csmSponsoredLinks { border-top: solid 1px #000; }
#csmMiddleColumn { } #csmRightColumn { border-left: solid 1px #000; }
.csmRight150 { padding:0 0 0 14px; margin:0; }
.csmPadding14 { padding:0 0 0 14px; }

/* cs_monitor_entry.tpl and _border.tpl */
#csmEntryNews { margin: 0 0 14px 0; padding: 0 0 14px 0; border-bottom: solid 1px #000; }
#csmEntryEdit { margin: 0 0 14px 0; padding: 0 0 14px 0; border-bottom: solid 3px #000; }
#sitehelp a { text-decoration: none; }
.backtohome { margin: 2px 0 0 0; padding:0; float: left; text-align: left; font-weight: bold; font-size: 85%; }
ul.helpnav { float: left; margin:0 0 3px 0; padding:0; text-align: left; list-style: none; }
.helpnav li, .helpnav form, .helpnav input { display: inline; }
.helpnav li { margin: 0; padding: 0; font-size: 90%; }
.helpnav li a { margin: 0 3px;; }

/* clearing float objects */
/* When the story is extremely short, back to top (used in the story tool bottom) link is below pub column */
div.spacer { clear: both; margin: 0px; padding: 0px; }

/* Footer - or A.K.A. bottom-content*/
#bottom-content { clear:both; text-align: center; width: 945px; margin: 0 auto; padding: 1em 0 0 0; border-top: 3px solid #000000; }
#bottom-content ul.bottomnav { margin: .3em 0; padding: 0; list-style: none; }
#bottom-content ul.bottomnav li { display: inline; margin: 0; padding: 0; font-size: 90%; }
#bottom-content ul.bottomnav li a { padding: 0 4px; margin: 0; text-decoration: none; }
#bottom-content ul.bottomnav li a:hover { text-decoration: underline; }
.copyright { font-size: 90%; width:100%; border-top: 1px solid #000; padding: 0.5em 0 2em; }
.copyrighthide, .hide { display: none; }

/* breadcrumbs, story page gets p, section and bucket pages get h3 */
p.breadcrumbs { font-weight: bold; font-size: 90%; margin: 0; padding: 0; }
h3.breadcrumbs { font-weight: bold; font-size: 110%; }
.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:hover, .breadcrumbs a:visited { text-decoration: none; color: #000000; }
#story p.postdate { margin: 0 0 .5em 0; padding: 0; }

/* headline for a story */
#story h1 { color: #556688; font-family: Georgia, Times, "Times New Roman", serif; font-size: 230%; font-weight: normal; line-height: 1em; margin: 1em 0 .5em 0; padding: 0; }

/* headline and summ sizes for section pages */
.sectionlist h1 { font-family: Georgia, Times, "Times New Roman", serif; font-size: 145%; font-weight: bold; line-height: 1em; padding: 0; margin: 0; }
.sectionlist h2 { color: #556688; font-family: Georgia, Times, "Times New Roman", serif; font-size: 123%; font-weight: bold; line-height: 1em; padding: 0; margin:0; letter-spacing: -1px; }
.sectionlist p.summary { color: #111111; font-size: 95%; padding: 0; margin: .2em 0 0; line-height: 1.2em; }

/* subhead for a story page */
#story h2.sub { color:#111111; font-weight: bold; font-size: 100%; margin: .5em 0 1em 0; padding: 0; }

/* story page text has slightly lighter color */
#story p { color:#111111; }

/* Divvy for dividing story into pages */
h3.divvy { font-weight: bold; font-size: 110%; margin: 1em 0 .5em 0; padding: 0; }

/* byline and staff line (below subhead) */
address.byline { font-size: 100%; margin: .5em 0 1.5em 0; padding: 0; color:#111111; }
address.byline strong { font-style: normal; color:#111111; }

/*contribute line at the send of story */
address.contribute { font-size: 90%; margin: .5em 0 1.5em 0; color:#111111; }

/* dateline mdash will not appear for IE for now */
h6.dateline { font-weight: bold; font-size: 100%; float: left; display: inline; margin: 0 .5em 0 0; padding: 0; text-transform:uppercase; color:#111111; }

/* photo, caption, and credit style on a story page */
#horizontalimage { margin: 0; padding: 0; border: none; }
#horizontalimage .caption { padding:7px; }
#horizontalimage .caption p, #verticalimage .caption p { font-size: 80%; color: #333333; line-height: 1.2em; margin: 0; padding: 0; }
#horizontalimage .caption p strong, #verticalimage .caption p strong { text-transform: uppercase; font-weight: bold; }
#horizontalimage .caption address, #verticalimage .caption address { font-size: 80%; color: #999999; margin: 6px 0 0; padding: 0; text-transform: uppercase; font-style: normal; line-height: 1em; }

/* ********* RELATED LINKS in Story page middle column ********** */
.related { float: right; width: 160px; }

/* this padding div is nessesary for spacing */
.leftpadding10 { margin: 0 0 0 12px; padding: 3px 0 0 12px; border-left: 1px solid #999999; }

/* photo vertical */
#verticalimage { margin: 0 0 0 12px; padding: 0; border-bottom:1px solid #999999; }
#verticalimage .caption { padding: .5em 0 1em 0; width:150px; }

/* each items are contained in .relitem */
.relitem { border: none; background: transparent url(/csm_themes/html/themes/csm_original_wide/images/cf/dot135.gif) no-repeat left bottom; margin: 0 0 1em 0; padding: 0 0 1em 0; }

/* email, letters, print, and rights links */
.reltools { border: none; background: transparent; margin: .5em 0 1em 0; padding: 0; }

/* ********* Section page specifc *********** */ /* gray kicker */
.sectionlist h4 { color: #999; font-family: Arial,Verdana,Geneva,Helvetica,sans-serif; font-size: 85%; font-weight: bold; letter-spacing: 1px; padding: 0; margin: 0 0 .2em; }
.sectionlist h4 a, .sectionlist h4 a:link, .sectionlist h4 a:hover, .sectionlist h4 a:visited { color: #999; text-decoration:none; text-transform: uppercase; }

/* divider line below the main list */
ol.sectionlist { border-bottom: 1px solid #000; }
#bucketstories { margin: 0 0 2em; padding: 0; }
#bucketstories th { padding: 10px 0 5px; color: #000; font-family: Verdana,Geneva,Helvetica,Arial,sans-serif; font-size: 93%; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }
#bucketstories th a, #bucketstories th a:hover { color: #000; text-decoration:none; }
#bucketstories td { margin-right:20px; background: transparent url(/csm_themes/html/themes/csm_original_wide/images/cf/dot193.gif) no-repeat left bottom; }
#bucketstories td p { margin: 0 0 1em 0; padding: 0; font-size: 88%; line-height: 1.2em; }
#bucketstories td p a { text-decoration:none; }

/* ********* LISTS ********** */ /* A lot of stories are lists */
/* mostof them are names .liststories */
/* location and type of .liststories defines its display */
dl.liststories, ol.liststories, ul.liststories, ol.sectionlist { list-style: none; margin: 0; padding: 0; }
.liststories dt { margin: 0; padding: 0; color: #999999; font-size: 78%; font-weight: normal; line-height: 1.1em; font-family: Arial,Verdana,Geneva,Helvetica,sans-serif; }
.liststories dd { margin: 0 0 .5em 0; padding: 0; font-size: 88%; line-height: 1.2em; }
.liststories li { margin: 0 0 .5em 0; padding: 0; font-size: 88%; line-height: 1.2em; clear: left; }
.liststories li img { float: left; margin-right: 7px; margin-bottom: 7px; }
ul.boldliststories, ol.boldliststories { list-style: none; margin: 0; padding: 0; }
.boldliststories li { font-size: 85%; font-weight: bold; line-height: 1em; margin: 0 0 .5em 0; }
/* centerliststory is for middle column ONLY. */ /* dotliststory can be used on the left column */

/* Both are same style bolletted lists */
ol.centerliststories, ul.centerliststories { list-style-type: disc; list-style-image: url(/csm_themes/html/themes/csm_original_wide/images/cf/bullet.gif); list-style-position: inside; margin: 0 0 21px 0; padding: 0; }
ul.dotliststories { list-style-type: disc; list-style-image: url(/csm_themes/html/themes/csm_original_wide/images/cf/bullet.gif); list-style-position: inside; margin: 0; padding: 0; }
.dotliststories li { margin: 0 0 .5em 0; padding: 0; font-size: 90%; line-height: 1em; }
.centerliststories li { margin: 0 0 .5em 0; padding: 0; line-height: 1em; }
.dateliststories { color: #999999; font-size: 80%; font-weight: normal; margin: 0 0 7px 0; padding: 0; line-height: 1em; }
.dotliststories li a, .boldliststories li a, .liststories li a, .liststories dd a { text-decoration: none; }
.dotliststories li a:hover, .boldliststories li a:hover, .liststories li a:hover, .liststories dd a:hover { text-decoration: underline; }
.sectionlist li { background: transparent url(/csm_themes/html/themes/csm_original_wide/images/cf/dot400.gif) no-repeat left top; margin: 0 0 .5em 0; padding: 1.3em 0 .9em 0; }
/* END LISTS */

.text90 { font-size: 90%; margin: 0; padding: 0; line-height: 1.1em; }
.text85 { font-size: 85%; text-decoration: none; line-height: 1.1em; }
.text80 { font-size: 80%; color: #999999; margin: 0; padding: 0; line-height: 1.1em; text-decoration: none; }
h4 { margin: 0 0 .5em 0; padding: 0; font-size: 100%; font-weight: bold; }
h4 a { text-decoration: none; color: #000; }
h4 a:hover { text-decoration: underline; }
h4.subtopic { font-size: 90%; }
hr { clear: both; height: 1px; background-color: #999999; border-width: 0; margin: 0; padding: 0; }

/* **** Bottom **** */
.bottomitem { background: transparent url(/csm_themes/html/themes/csm_original_wide/images/cf/dot400.gif) no-repeat center top; margin: 0 0 1em 0; padding: .5em 0 0 0; }
.bottomitemcenter { background: transparent url(/csm_themes/html/themes/csm_original_wide/images/cf/dot400.gif) no-repeat center top; text-align: center; margin: 0 0 1em 0; padding: 1em 0 .5em 0; }

/* print e-mail etc tools */
.bottomitemcenter ul.tools { display:block; list-style:none; border:0; padding:0; margin:0; }
.bottomitemcenter ul.tools li { display:inline; text-align: center; border:0; padding:0; margin:0; }
.bottomitemcenter ul.tools li p { border-left: solid 1px #ccc; float: left; display: block; padding:0 3px; margin:0; width: 90px; }
.bottomitemcenter ul.tools li p a { font-size: 85%; text-decoration: none; line-height: 1.1em; }
.bottomitemcenter ul.tools li p.first { border-left: none; }
.bottomitemcenter ul.tools li img { display: block; margin: 0 auto; }

/* end Daigo's css */
table#csmSidebar{ float:right; margin: 0 0 0 10px; }
table#csmSidebarBackgrounder{ float:right; margin: 2px 3px 2px 3px; }
table#csmSidebarBackgrounder p{ color: #111111; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 15px; font-weight: normal; line-height: 16px; padding: 2px 3px 2px 5px; } table#csmSidebarBackgrounder td.divvy { padding: 2px 3px 2px 5px; } td#csmSidebarInTheMonitor { padding: 2px 3px 2px 10px; border-left: solid 1px silver; } td#csmSidebarToolbar { padding: 2px 3px 2px 10px; border-left: solid 1px silver; } td#csmSidebarSpecial { padding: 2px 3px 10px 10px; border-left: 0; border-left: solid 1px silver; } td#csmSidebarSpecial div.spacer14 { color: #111111; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height: 16px; } td#csmSidebarDottedLine { padding: 2px 3px 10px 10px; border-left: solid 1px silver; } td#csmSidebarVerticalLine { padding: 0px 0 10px 0; border-left: solid 1px silver; } td#csmSidebarImg { padding: 2px 0px 2px 0px; border-left: 0; }
td#csmSidebarImgInfo { padding: 2px 0px 10px 0px; border-left: 0; }

/* horizontal story tools -- by Tim R */
#csmWas400 { padding: 3px 3px 3px 3px; }
#csmStoryToolbarHoriz { width:580px; border-style:solid; border-width: 1px 0 1px 0; border-color: #c6c3c6; }
#csmStoryToolbarHoriz td { vertical-align: middle; text-align: center }
#csmStoryToolbarHoriz td.first { text-align:left; }
#csmStoryToolbarHoriz td.last { text-align:right; }
#csmStoryToolbarHoriz td img { vertical-align:middle; }

/* separator for round robin 2-block ads */
#adLeaderboard { text-align: right; margin: 0 0 14px 0; float: right; }
#adBreakBar { border-bottom: 1px #000 solid; }
#adRightWide { width:336px; }