/* Narrow global styles */

/* UBERALLES - - - - - - - - - - - - - - - - - - - - - - - - */
body { background: #FFFFFF; }
a { color: #003cb3;	font-family: verdana, arial, helvetica, sans-serif;}
a:visited { color: #003377;}
form { margin: 0px; }
input {color: #000000; font-family: arial, helvetica, sans-serif; font-size: 8pt; text-decoration: none;}
select {color: #000000; font-family: arial, helvetica, sans-serif; font-size: 8pt; text-decoration: none;}
table { color: #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
sub, sup {line-height:1; height:0; vertical-align:baseline; _vertical-align:bottom; position:relative;}
sub { top:.5ex;}
sup{ bottom:1ex; }
.clearBoth{clear:both;}


/*---- old styles. mostly in use in tools, info pages, webcasts, topics, and blog ---*/
.link, a.link, a.link:visited {color: #003399; font-size: 12px; font-weight: 800; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif;}   
.deadlink {color: #003366; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}	
.boldlink {clear:both; display:block; color: #003399; font-size: 12px; font-weight: 800; font-family: Arial, Helvetica, Sans-Serif;}
a.boldlink {line-height:20px; margin:-5px 0 0 0; padding:0; color:#003399; font-size: 12px; font-weight: 800; font-family: Arial, Helvetica, Sans-Serif;}
a.boldlink:visited {color: #003366; font-size: 12px; font-weight: 800; font-family: Arial, Helvetica, Sans-Serif;}
.text {color: #333333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.livedate {color: #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.header {color: #000000; font-size: 19px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}  
.textLink, a.textLink, a.textLink:visited {color: #333333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}	     
.boldtext, .boldtextLink, a.boldtextLink, a.boldtextLink:visited {color: #666666; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.text2 {color: #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.text2 #mainImg { float:left; margin:10px 10px 0 0; border: 1px solid #999; padding:3px;}
.text2 #videoHeader	{ font-family: Arial, Helvetica, Sans-Serif; font-size: 16px; line-height:20px; color: #003399; font-weight: bold; text-decoration:underline; }
.text2 a:hover#videoHeader { text-decoration:underline; }
.text2 #videoHeader img { margin:0; padding:3px 0 0 3px; }
.text2 .videoDesc { display:block; padding-top:5px; font-size:12px; line-height:16px; }
.text2 .videoDesc a { font-size:11px; font-weight:bold; text-decoration:none; }
.text2 .videoDesc a:hover { text-decoration:underline; }
.linkImage { text-decoration:underline; font-weight:bold; }
a.linkImage img { margin:0; padding-left: 10px; text-decoration:none; }
.boldtext2 {color: #000000; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}	    
.modheader {color: #666633; font-size: 15px; font-weight: 800; font-family: Arial, Helvetica, Sans-Serif;}	   
.subtext {color: #000000; font-size: 10px; font-family: Arial, Helvetica, Sans-Serif;}	
.more, a.more, a.more:visited { color: #990000; font-size: 11px; font-family: Arial, Helvetica, Sans-Serif;}
.moreBlack {color: #000000; font-size: 11px; font-family: Arial, Helvetica, Sans-Serif;}
.sublinks, a.sublinks, a.sublinks:visited {color: #003399; font-size: 10px; font-family: Arial, Helvetica, Sans-Serif;}
.picborder, a.picborder, a.picborder:visited {color: #000000;	border-color: #000000;}  
.FDheader, .TMheader  {color: #666633; font-size: 15px; font-weight: 800; font-family: Arial, Helvetica, Sans-Serif;}
.CHsupertext {color: #990000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;} 
.Ftext {color: #333333; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.WDlinkhead, a.WDlinkhead { color: #990000; font-size: 12px; font-weight: 800; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
submitButton {cursor:hand; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; width:107; height:18; border:0px; background:#cc0033;}
resetButton {cursor:hand; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; width:82; height:18; border:0px; background:#cc0033;}					
a.tabheaderoff {font-family: verdana, Arial, Helvetica, sans-serif; color: #333399; font-size: 11px; font-weight: bold; text-decoration: none; }
.tabtagline {font-family: verdana, Arial, Helvetica, sans-serif; color: #ffffcc; font-size: 11px; font-weight: bold;}
.eventheader { font-family: verdana, Arial, Helvetica, sans-serif; color: #cc0000; font-size: 14px; font-weight: bold; }
.toutheader { font-family: verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 14px; font-weight: bold;}


a.boldbluelink, a.boldbluelink:visited {font-family: verdana, Arial, Helvetica, sans-serif; color: #003399; font-size: 11px; font-weight: bold; text-decoration:underline;}
.boldblack { font-family: verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: bold;}
.regblack { font-family: verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: normal;}
a.regbluelink, .regbluelink, a.regbluelink:visited { font-family: verdana, Arial, Helvetica, sans-serif; color: #003399; font-size: 10px; font-weight: normal; }
a.rightlink, a.rightlink:visited { font-family: verdana, Arial, Helvetica, sans-serif; color: #003399; font-size: 10px; font-weight: bold;}	
.caltext {font-family: verdana, Arial, Helvetica, sans-serif; color: #000000; font-size:11px; font-weight:normal; text-decoration: none;}
.arrowbullet {vertical-align: bottom; } 

/* from old search page - now used on article detail - - - - - - - - - - - */	
.searchagain {width: 180px;}
  
a.searchdeck {color: #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
.searchdate {color: #666666; font-size: 11px; font-family: verdana, Arial, Helvetica, sans-serif;}
.searchterm {color: #cc0000;}	
.regfont {font-size: 12px;text-decoration: none;}
  
/* used in topics a-z */ 
.hpsmalldeck, a.hpsmalldeck, a.hpsmalldeck:visited {color: #000000;font-family: verdana, arial, helvetica, sans-serif;font-size: 12px; text-decoration: none;}	
a.smalllink, a.smalllink:visited{color: #003399; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px;font-weight: bold;}
.hpdatedeck {color: #666666;font-family: verdana, arial, helvetica, sans-serif;font-size: 10px;}
.hpsmallheads { color: #666666; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;}

/* BUYER'S GUIDES */
.bgheader { color: #ffffff; font-size: 15px; font-weight: 800; font-family: Arial, Helvetica, Sans-Serif;}
.featureheader { color: #990000; font-size: 15px; font-weight: 800; font-family: Arial, Helvetica, Sans-Serif;}
.sponsorheader { color: #666666;  font-size: 15px; font-weight: 800; font-family: Arial, Helvetica, Sans-Serif;}

.errorEcon {color: #cc0000; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; }
.textEcon {color: #000000;	font-family: verdana, arial, helvetica, sans-serif;	font-size: 11px; font-weight: normal; }

/* new article detail definitions */

.adToutHeader {color: #666633; font-family: arial, verdana, helvetica, sans-serif;	font-size: 12px; font-weight: bold;	}
.hp-middle-header {background-color: #f9f9f3; padding-top: 1px; padding-bottom: 1px; color: #666633; font-family: arial, helvetica, sans-serif; font-size: 15px;			font-weight: bold;}

.hp-tif-mod {padding-top: 2px;}
.hp-tif-hed {padding-top: 5px; padding-bottom: 5px;}
a.tifheader {color: #000000; font-size: 17px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: regular;}
a.tifheader:visited {color: #333333;}

			.bntext {color: #cc0000; font-size: 11px; font-family: verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
/*used on many about us pages*/
.divtoutborder {border: 1px solid #666633; padding: 0px; background-color: ffffff;}
.hp-header {padding-left: 4px; font-family: verdana, arial; color: #f9f9f3; font-size: 12px; font-weight: bold; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #666633;}
.toutbody {padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 2px; font-family: verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: normal;}			
.hp-mag-mod {padding-top: 5px;}
.hp-webcasts-mod {padding-top: 4px;}
.webcastdate {color: #666666; font-family: verdana, arial, sans-serif; font-size: 11px;}
a.decklink, a.decklink:visited {color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; text-decoration: none;}
.hp-bg-header {padding-top: 1px; padding-bottom: 1px; color: #666633; font-family: arial, helvetica, sans-serif; font-size: 15px; font-weight: bold;}

/*-----------------topics a-z and new archive pages ------------------*/
.archivetoutheader {font-family: verdana; font-size: 11px; font-weight: bold; color: 003366;}
.archivetoutborder {width:180px; border: 1px solid #ccc; padding: 5px;}

/*-----------------about us------------------*/	
.left16-top10 {padding-left:16px; padding-top:10px;}
.top3-left10 {padding-top: 3px; padding-left: 10px;}
.top3-left18 {padding-top:3px; padding-left:18px;}
.top5-bottom5 {padding-top:5px; padding-bottom:5px;}
.top5 {padding-top: 5px;}
.left8 {padding-left: 8px;}
        
/*-----------------blogs ------------------*/	
.blogtitle, a.blogtitle {color: #000000; font-size: 15px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* global */
br.clear { clear: both; }
*.error { color: #900; font: 11px Arial, Sans-Serif; }
*.hidden { display: none; }
*.txtR { text-align: right; }
*.floatR { float:right; margin: 10px 0 10px 20px; }
*.floatL { float:left; margin: 10px 20px 10px 0; }
.alert {
	background: #eee url(/images/notice.gif) no-repeat center left;
	display: block;
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 36px;
}
.notice { background: #eee; display: block; font-size: 12px; margin: 0 0 10px 0; padding: 10px; }
.premiumLabel { color: #900; font-size: 10px; font-weight: bold; }
/* buttons */
p.button a, a.button, #main a.button {
	background: #c00;
	border: solid 2px #ccc;
	border-bottom: solid 2px #999;
	border-right: solid 2px #999; 
	color: #fff; padding: 2px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
p.button a:active, a.button:active, #main a.button:active {
	border: solid 2px #999;
	border-bottom: solid 2px #ccc;
	border-right: solid 2px #ccc;
}
#main p.button { margin: .8em 0 1em 0; }
#main p.button a { margin-right: 15px; }

/* content */
#content { font: small Verdana, sans-serif; margin: 0 0 10px 0; width: 770px; padding:0;}
#narrWrap{margin-left:5px;} //for wrapping content with a side margin
html>body #content { font-size: small; }
#content a img { border: 0; }
#main { padding: 0 0 0 10px; }
.tri #main { float: left; width: 400px; margin:0 0 0 2px; padding:0;  }
.barOnly #main { float: left; width: 530px; margin-right:10px;}
.adOnly #main { float: left; width: 580px; }
.oldBar { float: left; font: small Verdana, sans-serif; margin-bottom: 10px; width: 530px; }
#main h1 { color: #333;	font: bold 130% Arial, Helvetica, sans-serif; margin: 0 0 .2em 0; padding: 0; }
#main h2 { color: #333;	font: bold 110% Arial, Helvetica, sans-serif; margin: 0 0 .2em 0; padding: 0; }
#main h3 { color: #333; font: bold 105% Arial, Helvetica, sans-serif; margin: 0 0 .2em 0; padding: 0; }
#main hr { border: solid 1px #fff;	border-top: solid 1px #ccc;	padding: 0; margin: 0; }
html>body #main hr { margin: 15px 0 10px 0; }
#main p { font-size: 90%; margin: 0 0 .6em 0; clear:both; }
#main p.small { font-size: 85%; }
#main a { font-weight: bold; }
#main a img { border: 0; }
#main .column { float: left; margin: 0 0 8px 0; padding: 0 5px; vertical-align: bottom; width: 240px; }
#main ol, #main ul { font-size: 90%; margin: 0 0 .6em 0; padding: 0 0 0 25px; }
#main ul.options { list-style: none; margin: 0 0 .6em 0; padding: 0; }
html>body #main ol { padding: 0 0 0 20px; }

/* tables */
#main table { margin-bottom: 8px; }
#main table.formatted th { text-align: left; }
#main table.formatted td { vertical-align: top; }
#main table.formatted td { border-bottom: solid 1px #ccc; padding: 4px 2px; }

/* forms */
#main form { margin: 0; padding: 0; }
#main fieldset { border: 0; margin: 0 0 10px 0; padding: 0; }
#main fieldset h1 { margin: 10px 0 8px 0; }
#main fieldset p { margin-bottom: 4px; }
#main fieldset.formatted label { display: block; float: left; font-weight: bold; padding-right: 6px; vertical-align: middle; width: 154px; }
input.button { background: #c00; color: #fff; font: bold 12px Arial, Sans-serif; margin-right: 15px; }
input.text { width: 180px; }

/* articles */
#main .articleInfo { display: block; margin-bottom: 10px; font-size: 95%; }
#main span.headline { display: block; margin-bottom: 10px; color: #663; font-size: 18px; margin-bottom: 5px; }
#main p.rubric { font-weight: bold; }

/* article extras */
dl.articleExtras { font: small Arial, Helvetica, sans-serif; clear:both; }
dl.articleExtras a { font-weight: bold; }
dl.articleExtras dt { background: url(/images/bg_comments.jpg) no-repeat bottom left; color: #663; font-size: 120%; font-weight: bold; margin-bottom: .2em; padding: 2px 4px; }
dl.articleExtras dt a { margin-top: 4px; }
dl.articleExtras dd { margin: 0; padding: 4px; }
dl.articleExtras dd.options a { font-size: 85%; }
dl.articleExtras dd p { border-bottom: dashed 1px #ccc; font-size: 80%; margin: 0; padding: 0 0 4px 0;}

/* reader comments list */
dl#readerComments { margin: 0; padding: 0; }
dl#readerComments dt { color: #333; font-size: 110%; font-weight: bold; margin: 0 0 .2em 0; }
dl#readerComments dd { margin: 0; padding: 0; }
dl#readerComments dd.info { color: #666; border-bottom: dashed 1px #666; font-size: 95%; margin-bottom: 1em; }

/* webcasts */
ul#webcastsNav {
	background: #996 url(/images/webcastsNav.gif) repeat-x bottom left;
	float: left;
	display:inline;
	font: bold 110% Arial, Sans-Serif;
	list-style: none;
	margin: 0 0 0 5px;
	padding: 2px 0 0 0;
	width: 765px;
}
ul#webcastsNav li { float: left; list-style: none; }
ul#webcastsNav a.active, ul#webcastsNav li.active {
	background: #E2E1C7 url(images/navActive.gif) repeat-x top left;
	color: #663;
	padding: 6px 10px;
}
ul#webcastsNav a { display: block; color: #330; float: left; font: bold 100% Arial, Sans-Serif; padding: 6px 10px; text-decoration: none; }
ul#webcastsNav a:hover { background: #aa7; color: #441; }
ul#webcastsNav a.active:hover { background: #E2E1C7 url(/images/webcastsNavActive.gif) repeat-x top left; color: #330; }
#webcastsNavSub {
	background: #E2E1C7;
	border-bottom: solid 1px #998;
	color: #552;
	vertical-align: center;
	font: 11px Verdana, Arial, Sans-Serif;
	margin: 0 0 10px 5px;
	padding: 5px 10px 4px 10px;
	width: 745px;
}
div.webcastSummary li { margin: 0 0 0 25px; }
div.webcastSummary ul li { margin: 0; }
/* webcasts list */
dl.webcastEvents { margin: 0; padding: 0; }
dl.webcastEvents dt { margin: 0 0 .2em 0; }
#main dl.webcastEvents dt a { font: bold 100% Verdana, sans-serif; }
dl.webcastEvents dd { margin: 0 0 .2em 0; padding: 0; }
dl.webcastEvents dd.summary { font-size: 90%; }
dl.webcastEvents dd.sponsor { color: #666; font-size: 85%; }
dl.webcastEvents dd.details { margin-bottom: .8em; font-size: 85%; }
dl.webcastEvents dd.details strong { display: block; float: left; width: 50px; }
dl.webcastEvents dd.options { border-bottom: dashed 1px #ddd; margin: 0 0 .4em 0; padding: 0 0 .4em 0; }
dl.webcastEvents .button { margin-right: 15px; }
#main table.webcasts { margin: 0 0 10px 0; }
#main table.webcasts tr.alt { background: #f6f6f6; }
#main table.webcasts td, #main table.webcasts th { border-bottom: solid 1px #ccc; padding: 4px 8px; vertical-align: top; }
#main table.webcasts a.button { display: block; float: left; font-size: 10px; padding: 2px 3px; }
div.webcasts span.section {
	background: #eee;
	border-bottom: solid 1px #ccc;
	display: block; 
	font: bold 135% Arial, Helvetica, sans-serif;
	margin: 0 0 .4em 0;
}
#main #presenters { list-style: none; margin: 0 0 10px 0; padding: 0; }
#presenters li { float: left; margin-right: 5px; width: 250px;}
#presenters img { height: 80px; width: 80px; }
#cpeCredits { font-size: 85%; padding: 0; margin: 6px 8px 4px 8px; }
#main .cpe { background: #f6f6f6; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; float: left; margin-bottom: 10px; padding: 5px 10px; }
#main .cpe p, #main .cpe table { font-size: 85%; margin: 0 0 .2em 0; }

/* sidebar */
#sidebar { float: right; margin-left: 10px; width: 209px; }
#sidebar.text {	text-align: left; }

/* tout */
div.tout { border: solid 1px #C1BA8A; margin-bottom: 10px; padding: 0; text-align: left; width: 208px; }
div.tout .title { background: #E2E1C7;border-bottom: solid 1px #C1BA8A; color: #663; font: bold 90% Arial, Helvetica, sans-serif;  display: block; padding: 0 8px; text-transform: uppercase; }

#sidebar p, #main div.tout p { font-size: 85%; margin: 0; padding: 6px 8px 4px 8px; }
#sidebar p.small { font-size: 70% } 
#sidebar p.last, #main div.tout p.last { border-top: solid 1px #C1BA8A; margin-top: 6px; }
#sidebar a, #main div.tout a { font: bold 110% Arial, Helvetica, sans-serif; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
#sidebar .ad { display:block; margin:0; padding:0; color:#999; font-size:.75em; text-align:center; }

/* icons */
#main table.icons, #sidebar table.icons { vertical-align: middle; }
#sidebar table.icons { width: 100%; }
#sidebar table.icons th { border-bottom: solid 1px #C1BA8A; padding: 4px; }
#sidebar table.icons td { padding: 2px 0 2px 2px; }

/* ads */
#sideAd { background: url(http://www.cfo.com/images/global_ad-text.gif) no-repeat top left; float: left; margin-left: 10px; padding-top: 8px; width: 120px; }
.ad { display:block; color: #999; font-size: .85em; text-align: center; margin: 0 0 15px 0; padding:0;}
.ad p, p.ad { margin: 0; }

.adLeft { margin:0; padding:0; color:#999; font-size:.85em; text-align:center;}
.adRight {margin:0; padding:0; color:#999; font-size:.85em; text-align:center;}

.ad-article { color: #999; font-size: .75em; text-align: center; margin: 0 0 20px 0; }
.ad-article p  { margin: 0; padding:0; }
span.ad-article-mid { float: left; width: 336px; margin:0 35px 20px 0; padding:0; text-align: center; }

/* premium content */
img.indicator { margin-bottom: 10px; }

/* new blog styles */
#homeBlogLinks { margin: 10px 0 0 0; padding: 0; }
#homeBlogLinks dt { color: #663; font: bold 110% Arial, Helvetica, sans-serif; margin-bottom: 4px; }
#homeBlogLinks dd { margin: 0; padding: 0; }
#homeBlogLinks a { font: bold 100% Arial, Helvetica, sans-serif; }

/* printable pages */
#printable { font: small Verdana, Arial, Sans-Serif; margin: 10px; padding: 0; }
#printable div#ad {
	float: right;
	background: transparent url(/images/global_ad-text.gif) no-repeat center top;
	padding-top: 10px;
	margin: 0 0 10px 10px;
}
#printable h1 { font: bold 14px Verdana, Arial, Sans-Serif; margin: 10px 0 0 0; }
#printable span.subTitle { font: bold 12px Arial, Sans-Serif; }
#printable p { margin: 0 0 10px 0; }
#printable p.footer { font-size: 11px; margin: 20px 0 0 0; }

/* cfoTV */
#sponsored #cfoTV { background: url(http://www.cfo.com/images/cfoTvBg2.gif) repeat-y top left; }
#cfoTV { background: url(http://www.cfo.com/images/cfoTvBg.gif) repeat-y top left; font: small Verdana, sans-serif; width: 770px; }
#cfoTV h1 { color: #c00; font: bold 130% Trebuchet MS, Arial, sans-serif; margin: 0 0 .2em 0; }
#cfoTV p.intro { color: #333; font-weight: bold; margin: 0 0 1em 0; }
#cfoTV #nav { background: #333; color: #fff; float: left; width: 160px; }
#cfoTV #nav a { color: #fff; text-decoration: none; }
#cfoTV #nav img { border: 0; }
#cfoTV #nav img.logo { display: block; font: bold 120% arial, helvetica, sans-serif; margin: 10px; }
#cfoTV #nav ul { border-top: solid 1px #555; font: 90% Trebuchet MS, sans-serif; list-style: none; margin: 10px 0 20px 10px; padding: 0; }
#cfoTV #nav li { list-style: none; margin: 0; padding: 0; }
#cfoTV #nav li a { 
	border-bottom: solid 1px #555;
	color: #ccc;
	display: block;
	font-family: Trebuchet MS, sans-serif;
	margin: 0;
	padding: 4px 0;
}
#cfoTV #nav li a:hover { color: #fff; }
#cfoTV #nav li.active { background: #222 url(http://www.cfo.com/images/cfoTvNavActive.jpg) repeat-y top left; border-bottom: solid 1px #555; padding: 4px 0; }
#cfoTV #nav a.cover { background: #222; border: solid 1px #444; display: block; margin: 10px; padding: 4px 0; text-align: center; }

#cfoTV #highlights { float: left; padding: 10px; width: 180px; }
#cfoTV #highlights dl { font-size: 80%; margin: 0; text-align: center; }
#cfoTV #highlights dt { font-weight: bold; }
#cfoTV #highlights dd img { border: solid 1px #999; margin: 2px; }
#cfoTV #highlights dd { margin: 0; }
#cfoTV #highlights dd.info { margin: 0 0 1em 0; }

#cfoTV #videos { float: right; width: 390px; padding: 10px; }
#cfoTV #videos dl { margin: 0 0 20px 0; }
#cfoTV #videos dt { color: #333; font-family: trebuchet ms, sans-serif; font-weight: bold; }
#cfoTV #videos dd { margin: 0; }
#cfoTV #videos dd.info { font-size: 90%; }
#cfoTV #videos dd.options { margin: .4em 0 1em 0; font-size: 85%; }
#cfoTV #videos a { color: #c03; font-family: verdana, sans-serif; }

#cfoTV #main { float: left; padding: 10px; width: 590px; }

/* updated as of search */
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/* search */
#main form#search { float:left;	background: #e1e2c7; border-bottom: solid 2px #bba; border-right: solid 2px #bba; margin: 0 0 1em 0; padding: 10px;	}
#main form#search:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
	* html #main form#search { height:1%; }
	
#main form#search p { font-size: 80%; clear: left; margin: 0 0 .75em 0;	}
#main form#search p.link { color: #000; font-weight: normal; margin: 0; }
#main form#search p.link a { font-weight: normal; }
#main form#search ul { list-style: none; margin: 0; padding: 0;}
#main form#search ul label { color: #330; display: block; font: bold 130% Arial, sans-serif; margin: 0 0 .25em 0; }
#main form#search ul label a { font-size: 65%; font-weight: normal; }
#main form#search ul li { display: block; float: left; margin: 0 10px 0 0; }
#main form#search ul input,#main form#search ul select { font: 100% verdana, sans-serif; margin: 0 0 .5em 0; }
#main form#search input.button { background: #c00; border: solid 2px #c00; border-right: solid 2px #900; border-bottom: solid 2px #900; font-size: 85%; font-weight: bold; margin-right: 0; padding: 0 2px; }
#main form#search p#options-link { font-size: 85%; }
#main form#search div label { display: block; float: left; font-weight: bold; margin-right: 10px; padding-top: 4px; }
#main form#search div input { font-size: 100%; }

/* search results */
#main ol.search-results { display:block; margin: 20px 0 0 10px; } 
#main ol.search-results li { margin: 0 0 1em 0; }
#main ol.search-results span { font-size: 80%; }
#main ol.search-results span.type { color: #c00; }
#main ol.search-results h2 { font-size: 100%; margin: 0; }
#main ol.search-results p { font-size: 100%; }
#main ol.search-results span.date { color: #999; display: block; }
/* search synonyms */
div#search-synonyms { margin: 10px 0; }
div#search-synonyms p{color:#c00;}
div#search-synonyms li{margin-bottom:2px;}
div#search-synonyms a{font-style:italic; }
/* pagination */
#main p.paging {
	font-weight: bold;
	}
#main p.paging a,
#main p.paging em {
	display: block;
	float: left;
	font-style: normal;
	margin: 0 5px;
	}
#main p.paging span {
	display: block;
	float: left;
	font-weight: bold;
	}

.audio-clip { background: #F6F6EE; border-bottom: solid 1px #ddb; float: right; margin: 0 0 10px 10px; padding: 10px; width: 180px; }
.audio-clip h2 { font-size: 1.1em; margin: 0 0 .5em 0; padding: 0; }
.audio-clip p { margin: 0 0 1em 0; padding: 0; }
.audio-clip a { font-size: .9em; margin-right: 15px; padding: 2px 0 5px 25px; text-decoration: none; }
.audio-clip a:hover { text-decoration: underline; }
.audio-clip .stream { background: url(http://www.cfo.com/images/icon_stream.gif) no-repeat center left; }
.audio-clip .download { background: url(http://www.cfo.com/images/icon_download.gif) no-repeat center left; }



/*cfo videos 10-06*/
.cfovideo { width:995px; margin: 0 0 0 5px; padding:0 0 0 5px; }
.cfovideo #left-col{float:left; width:580px;  color:#000; }
.cfovideo #right-col { width:160px; float:right; margin-left:5px; }
		  #right-col p { margin:0; padding:0; color:#999; font-size:.85em; text-align:center; }
.cfovideo { font:.94em Verdana, Arial, Helvetica, sans-serif; }
.cfovideo h1 { border:0; margin:0 0 5px 0; padding:0; font: bold 1.6em Arial, Helvetica, sans-serif; color:#000;  }
.cfovideo p, .cfovideo .place {	padding:0; margin:0 0 7px 0; }
.cfovideo .place{ padding:0 0 5px 0;}
.cfovideo #sponserbox { float:right; margin:0; padding:0; color:#999; font:.85em Verdana, Arial, Helvetica, sans-serif; }
.cfovideo #sponserbox img { border:1px solid #ccc;  }
.cfovideo dl { width:580px; padding:0; margin:5px 0 10px 0; float:left;  }
.cfovideo dt, .cfovideo dd { margin:0 0 4px 0; padding:0; }
.cfovideo dt, .cfovideo dd.text, .cfovideo dd.viewlink { float:right; text-align:left; }
.cfovideo dt { font-weight:bold; }
.cfovideo dd.text { color:#000; }
.cfovideo dl.landing {}
.cfovideo dl.landing dt, .cfovideo dl.landing dd.text, .cfovideo dl.landing dd.viewlink{ width:420px; }
.cfovideo dl.landing dd.video{ 	width:133px; margin:0; padding:0; float:left;}
.cfovideo dl.landing dd.video img{ border: 1px solid #999; padding:3px;}
.cfovideo dl.detail dt, .cfovideo dl.detail dd.text, .cfovideo dl.detail dd.viewlink{width:200px; }
.cfovideo dl.detail dd.video{ float:left; width:315px; height:255px; border-bottom:1px solid #DDDDBB; background: #f6f6ee; }
.num-list{
	margin:5px 0 0 27px; padding:0;
	}
html>body .num-list{margin:5px 0 0 20px;}
.num-list li{
	margin:0 0 4px 0; padding:0;
	}
.adText { margin:0; padding:0; color:#999; font-size:.85em; text-align:center; }

/* One Col page, used on Reprint */
#oneColPromo {width:770px; padding-left:10px;}
#oneColPromo h2 {font-size:1.2em;}
	
/* style for clearing the form on calculator page */
/*
#clearForm { display:block; clear:both; }
#clearForm:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html #clearForm { height:1%; }
*/	


p.privacyNotice{ font-size:12px; padding:5px; border:1px solid #CCC; }	


.globalTout { float:right; width:209px; margin-bottom:15px; padding:0 0 10px 0; font-size:1em; background:#fff; border: 1px solid #DDDDBB; }
	.globalTout h3 { margin:0; padding: 5px 3px 5px 5px; font-size:1em; color:#333; background:#E2E1C7; }
	.toutIntroText { display:block; margin: 10px; padding: 0px; }
	.globalTout p { clear:both; margin: 0 0 7px 0; padding:0; }
	.globalTout .smallText {  padding: 0 5px 0 0; font-size: .85em; }
	.globalTout .smallText a { font-size: .80em; }
	.globalTout a { text-decoration:none; color:#003399; }
	.globalTout a:hover { text-decoration:underline; }
	.globalTout form { margin:0; padding:5px; }
	.globalTout input.radio { float: left; margin: 0 5px 0 0; }
	.globalTout input.checkbox { float: left; display:block; margin: 0px 5px 0 0; padding:5px 0 0 0;  }
	.globalTout label { display: inline; margin: 0 0px 0px 0px; padding:0; text-align: left; font-size:1em; color:#000; }
	.globalTout br { clear: left; }
	
#insideMagazine { background:#F6F6EE; }
	#insideMagazine h3 { margin:0; padding: 3px 0 5px 5px; text-align:left; font-size:1em; color:#fff; background:#888855; border-bottom: 3px solid #686842; }
	#insideMagazine ul { margin:10px 0 10px 10px; padding:0; list-style:none; }
	#insideMagazine ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html #insideMagazine ul { height:1%; }
	#insideMagazine ul li { display:inline; font-size: .85em; }
	#insideMagazine ul li.floatL { float:left; margin: 0 10px 0 0; }
	#insideMagazine dl { clear:both; margin:10px 5px 0 10px; }
	#insideMagazine dt, #insideMagazine dd { margin:0 0 5px 0; }
	#insideMagazine dt { font-size:1em; font-weight:bold; }
	#insideMagazine dd.active { color:#72723D; }
	#insideMagazine .active { color:#888855; }
	
/*registration form styles */
  form#registration{padding-bottom:20px; }
  #registration fieldset{margin:0 0 10px 0; border:none; padding:0;}
  #registration h4 { display:block; width:100%; margin:0 0 10px 0; padding:0; border-bottom:1px solid #c1ba8a;}
  #registration fieldset ul{list-style:none; padding:0; margin:0;}
  #registration fieldset li{padding:0; margin:0 0 4px 0;}
  #registration label{display:-moz-inline-box;  display:inline-block; width:140px; padding-right:15px; vertical-align:top;} /* mozilla display hack*/
  #registration fieldset input.formtext, #registration select{width:200px; vertical-align:middle;}
  #registration .longSelect{ width:300px; vertical-align:middle;} /* custom class since IE 6 doesnt support attribute selectors*/
  #registration li img{ vertical-align:middle;}
	#registration button {margin-left:169px;}	
  
  #registration .hidden{ display:none; margin:0 !important; padding:0;}
  #registration .visible{spadding:0;}
  #registration .visible label{vertical-align:middle;}
  #registration .visible input.formtext{border:1px solid #666; width:200px; vertical-align:middle;}
  
  /* embedded fieldset for radio buttons  */
  #registration fieldset fieldset{margin:12px 0 9px 0; padding:0;}
  #registration fieldset fieldset label{ display:block; margin-left:10px; width:auto;color:#000;}
  #registration fieldset fieldset input{ display:-moz-inline-box; display:inline-block; margin-right:5px;}
  #registration fieldset fieldset li, #registration fieldset fieldset ul{margin:0; padding:0;}
	#registration fieldset fieldset li label { clear:left; width:auto; margin-left:10px;}
  #registration h5{font-size:1em; font-weight:bold; padding:0; margin-bottom:5px; margin-top:0;}
  #registration select.dateSelect {width:60px;}
  #registration fieldset fieldset ul{margin:0; padding:0;}

  
  
  
  
  
  /*new form styles - makes more sense to have dl/dt/dd structure */
  .regform .formintro{margin:20px 5px 15px 5px;}
  .regform p{margin:10px 0;}
  .regform .formintro img{float:left; margin-right:20px;}
  .regform .formintro p{margin-top:0;float:left; width:580px;}
  .regform .formintro div{float:left; width:580px; margin-left:5px;}
  .regform fieldset{margin:0 0 15px 0; padding:0; border:none; font-family:Arial, Verdana, sans-serif; color:#222;}
  .regform a{font-family:arial, verdana, sans-serif;}
  .regform fieldset div{margin-bottom:5px; margin-top:5px;}
  .regform fieldset div.clear{margin-top:0;}
  .regform fieldset p{margin-left:5px;}
  .regform h3 { display:block; width:auto; margin:0 0 12px 0; background:#F6F6EE none repeat scroll 0; font-size:1.2em; color:#222; border-bottom:1px solid #D0D0AE; border-top:1px solid #D0D0AE; padding:3px 5px; }
  .regform h5{font-size:1em; margin:5px 0;}
  .regform dl{margin-left:5px; margin-top:0; padding-top:12px;}
  .regform dt{ width:180px; padding-right:10px; vertical-align:top; overflow:visible; float:left; display:block;}
  .regform dd{ float:left; display:block; margin:0;}
  .regform div{margin-top:15px; margin-bottom:15px;}
  .regform .formquestion{ margin-top:0; margin-bottom:12px; padding-left:15px;}
  .regform .formquestion p{margin-left:0px;}
  .regform input, .regform option, .regform select{font-size:12px;}
  .regform .textpair label{text-align:right; display:block; padding-top:2px;}
  
  .topborder{ border-top:1px solid #ddd; margin-top:12px !important;} 
  .bottomborder{border-bottom:1px solid #ddd; margin-bottom:12px !important;}
  hr.lightgray{color:1px solid #ddd; height:1px; background-color:#ddd; align:left;}
  fieldset.radios, fieldset.checks{margin:8px 0;}
  fieldset.radios label, fieldset.checks label{line-height:17px; margin-right:10px;}
  fieldset.radios input, fieldset.checks input{margin:0 5px 2px 0; padding:0; height:17px; line-height:17px; vertical-align:middle;}
  fieldset.radios ul, fieldset.checks ul{list-style:none; padding-left:0; margin:0;}
  fieldset.radios li, fieldset.checks li {margin:0 0 4px 0; padding:0;}
  

 /* form errors */
  .form_error{background:#FFFFCC;}
  .form_error h5{display:inline;}
  .errortext{font-weight:bold; font-style:italic;}
  form .more{ font-size:1em; font-weight:bold; font-style:italic;}
  .top_error{color:#900; font-size:1.1em; font-weight:bold; font-style:italic;}
  /*masthead*/
  .header2{clear:both; display:block; font-weight:bold; font-size:15px;}
	ul.masthead{list-style:none; clear:both; margin:0; padding-left:0; margin-bottom:10px;}
	ul.masthead li{margin-bottom:8px;}
p.privacyNotice{ font-size:12px; padding:5px; border:1px solid #CCC; }	

/*footer sponsored links */
#sponsored-links { background: #eee; margin: 0 0 15px 5px; }
#sponsored-links h1 { background: #ddd; color: #333; font-size:1em;  border-bottom:2px solid #ccc; margin: 0 0 .5em 0; padding: 2px 5px 0 5px;}
#sponsored-links ul { font-size: .85em; list-style: none; margin: 0; padding: 0; }
#sponsored-links li { float: left; padding: 0 5px; width: 238px; }




#main p.small a{font-weight:normal;}

a.smallText { padding-top:3px; font-weight:normal; font-size:11px; text-decoration:none; }
a.smallText:hover { text-decoration:underline; }
  
/*editorial tables*/
table.articletable, table.articletable td,  table.articletable caption, table.articletable th {border:1px solid #666; border-collapse:collapse;}
table.articletable tr.alt td{background:#eee;}
table.articletable thead th{background:#E4E4C9; font-weight:bold; font-size:0.8em; text-align:left;}
table.articletable td{ font-size:0.8em; }
table.articletable tfoot td{color:#555;}
/* fixes for firefox caption bug */
table.articletable {caption-side: top;}
table.articletable caption{text-align:left; padding:4px; margin-left:-1px; border-width:1px 1px 0 1px;}
@media screen and (min-width: 0px) {
	table.articletable caption {margin-left:0}
} /* Opera 6+ specific value */