/* 2007-07-18 AleksandarPopovic */

/* border:1px solid red; background:#red; */

/* General styles */
html *, body * { margin: 0; padding: 0; }
body { background-color: #ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; }
img { border: 0px; }
a { color: #039; text-decoration: none; }
a:hover { text-decoration: underline; }
form { clear:both; padding:0; }
fieldset { margin:0; padding:0; border:none; }
dl { margin:5px; }
dl dt { margin:10px 0 5px 0px; font-size:13px; font-weight:bold; }
dl dd { margin:5px 0; padding:0; font-size:11px; line-height:15px; }
dl dl { margin:0 0 10px 20px; color:#003399;}
dl dl dd { font-weight:normal; line-height:12px; }

.floatL { float:left;}
.floatR { float:right; }
.clearBoth{ clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height:1%; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Layout */
#content { margin:0; padding: 5px 0 0 5px; }
#wpWrap { width:990px; clear:both; margin-left:5px; }
#leftWrap { float:left; width:195px; margin-right:10px; }
#promo { float:left;  width:415px; margin:0 5px 20px 5px; display:inline;}
#promo promo{ margin:0;}
#rightWrap { float:right; width:350px; }

/* Round Box styles */
.wpTout{ width: 100%; padding:0; margin: 0 auto 20px auto;  font-size: 11px; }/* background: url(/images/whitepapers/rbox_bodyr.gif) no-repeat bottom right; */
.wpToutHead h2 { background:#356798; margin: 0; padding: 5px 0px 5px 10px; color: #fff; font-weight: bold; font-size: 1.2em; line-height: 1.2em; height: 1%; border-bottom:2px solid #1E4A76; /* For IE 5 PC */ }
.wpSearchToutHead { margin: 0; padding: 0; }
.wpSearchToutHead h2 { background:#aacce5; margin: 0; padding: 5px 0px 5px 10px; color: #002266; font-weight: bold; font-size: 1.2em; line-height: 1.2em; border-bottom:2px solid #fff; }
h2.tifHead { background:#E0E0E0; margin: 0; padding: 5px 0px 5px 10px; color:#333; font-weight: bold; font-size: 1.2em; line-height: 1.2em; border-bottom:1px solid #CCC; }
.wpSearchBodyBg { background:#ebebeb; }
.tifToutBg { background:#Fbfbfb;}
.tifToutBg div p.noStyle{text-align:right;}
.tifToutBg .wpToutBody {padding:5px 10px 10px 10px;}
.tifToutBg .wpToutBody  dl{margin:0 0 0.7em 0;}
.tifToutBg .wpToutBody  dl dt{margin:0; font-size:1em;}
.tifToutBg .wpToutBody  dd{margin:0.2em 0;}

.tifBorder {}
.wpTout h3 { font-size:1em; }
.wpToutBody {border-bottom:1px solid #ddd; margin: 0; padding: 10px;  height:1%; }/* background: url(/images/whitepapers/rbox_bodyl.gif) repeat-y top left; */
.wpTout p.more { margin-left:15px; font-size:11px; }
.wpTout ol { list-style-position: outside; margin: 5px 0px 10px 25px; padding: 0; font-size:11px; line-height:16px; }
	.wpTout ol li { line-height:15px; margin:5px 0; }
.wpTout ul.doubleList { width:330px; margin:0 10px 0px 10px; padding: 0; list-style:none; }
.wpTout ul.doubleList li { float: left; width: 150px; margin: 5px 0px 0 0; padding: 0; }
.wpTout ul.tifUl { margin-left:15px; list-style:disc; font-size:11px; line-height:16px; }
  .wpTout ul { margin:0; }
  .wpTout ul li { margin:8px 0; padding: 0; line-height:15px; }
	  .wpTout  a.tifLink{ color:#5B5B39; text-decoration:underline; }
.promoDoubleBox { width:205px;}
.rightColDouble { width:150px; }

/* tab box styles */
ul.tabSwitch { margin: 0; padding: 0; font-size: .85em; font-weight: bold; list-style: none;  background:white; }
  ul.tabSwitch li { width:173px; height:27px; margin:0; padding:0; text-align: center; background:url(/images/tab_switch_inactive.gif) no-repeat; }
  ul.tabSwitch  li.active { margin:0; padding:0; background:url(/images/tab_switch_active.gif) no-repeat left top; }
  ul.tabSwitch  li a { display:block; margin: 5px 0 0 0; padding-top:0px;  }
  ul.tabSwitch  li#firstLi { float:left; }
  ul.tabSwitch  li#secondLi { float:right; }
.wpTout .content { padding: 5px 7px; clear:both;}
.no-bullets li { list-style: none; padding: 0; }
.off-left { display: block !important; position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; overflow: hidden; }
.off-left * { color: transparent; background: transparent; }
.rolodex .articles { padding-top: 5px; }
.rolodex .articles li { background: #fff; border-top: dashed 1px #ddd; font-size: .85em; margin: 0; padding: 5px; }
.rolodex .articles .first { border: 0; }


#promo p{margin:15px 5px;}
#promo .wpToutBody p{margin:5px 0;}
.ad, #rightWrap .ad { display:block; text-align:center; margin:0 0 20px 0; background:#fff; color:#333; }
	.ad p, #rightWrap .ad p { margin:0; padding:0; background:#fff; font-size:10px; color:#999; text-align:center; }
.intro { margin-top:10px; padding:5px; background: #F6F6EE; border: 1px solid #DEE0C7; font-size:11px; line-height:16px; color:#333; }
.featWp { clear:both; margin:10px 0; padding:5px; border-bottom: 1px dotted #ccc; }
.featWpHead { clear:both; margin:0; }
.featWpHead h3 { float:left; margin:0; font-size:11px; font-weight:bold; }
.featWpHead h4 { margin:0; font-size:11px; font-weight:bold; }
  .featWpHead img { float:right; margin-left:10px; }
.featWp .twoCols {float:left; width:300px; }
  .featWp .twoCols h3 { font-size:11px;}
  .featWp .twoCols p {}
.featWp em{ width:88px; float:right; font-weight:bold; font-size:.85em; color:#999; margin-bottom:5px;}  
.featWp em a {color:#999;}
.featWp img { float:right;}
.featWp p { clear:both; margin:5px 0; font-size:11px; line-height:16px; }
#promo .featWp p{margin:5px 0;}
  .featWp dl {margin:0;padding:0;}
.featWp .downloadNow { clear:both; font-size:11px; color: #B20000; }
.featWp .downloadNow a {color:#B20000;}

/* on-off styles */
.boldText { font-weight:bold; }
.smallText { font-size:11px; }
.regularFontSize { font-size:1em; line-height:1.2em; }
.bgNone { background:none;}
.noBorder { border:none; }
.noStyle { list-style: none !important; padding:0; margin:0; }
.viewWp { background: url(http://www.cfo.com/images/icon_download.gif) no-repeat center left; padding: 1px 0 3px 25px; margin:1.5em 0 0.5em 0; }
.email { background: url(/images/whitepapers/ico_email.gif) no-repeat center left; margin: 0; padding: 0 0 2px 23px;}
dl dd#navActive { display:block; font-weight:bold;  color:#3a3a3a;}
dl dl dd#navActive { display:block; background: url(/images/whitepapers/ico_nav_active.gif) no-repeat 0 2px; padding-left:14px; font-weight:bold;  }
.navActiveOffset { margin-left:-15px;  }
.center { text-align:center; }
.right { text-align:right; }
.required{margin-bottom:1.5em; color:#999;}

/*registration form styles */
  form#registration{padding-bottom:20px; margin-top: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 fieldset li.rightButton{text-align:right; width:415px; margin-top:10px;}
  #registration label{ width:180px; display:-moz-inline-box; display:inline-block; 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;}
    #registration textarea{width:395px ; margin-top:5px;}
  /* embedded fieldset for radio buttons  */
  #registration fieldset fieldset{margin:0 0 12px 0; padding:0;}
  #registration fieldset fieldset label{ display:block; margin-left:10px; width:auto;}
  #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;}

#loginPanel form input[type="submit"]{ padding: 1px 8px; }

/* Cascading
--------------------- */

/* Home page */
.wpSearchBodyBg .wpToutBody{ padding:10px 5px; }
.wpSearchBodyBg .wpToutBody form{ padding-left:5px }
.tifToutBg h3 { margin:15px 0 3px 0; }
#homeId #promo .wpTout {margin-bottom:20px;}
#homeId p.date{float:left;}

/* Update page */
input.button { background: #c00; color: #fff; font: bold 12px Arial, Sans-serif; margin-right: 15px; }

/* Detail page */
#detailId {}
#detailId #promoWide { width:625px; float:left; margin-right:10px; display:inline; }
#detailId #featWhitepaper  { width: 380px; float:left; margin:0 10px 25px 5px;  display:inline; }
	#detailId #featWhitepaper dl { margin:0; }
#detailId  #details  { width: 160px; float:right; margin-bottom:15px;  display:inline;}
#detailId #details dl{ padding:0 5px 5px 5px; border:1px solid #EEEEEE; margin-top:0px;}
#detailId #details dl dt{ margin-top:5px;}
  #detailId  #details .note { margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}
  #detailId #detailsSearch { width: 220px; margin:0 10px 20px 0; display:inline; line-height:1.4em;}
    #detailId #detailsSearch a {font-size:11px; margin-left:8px;}
#detailId  #footerAd { display:block; clear:both; }
#wpvideo{margin:0;}

/* Topics A-Z */
#topicId {}
#topicId #promo h4 {font-size:.86em; font-weight:normal;}
#topicId #promo  p { font-size:.8em; }
#topicId #promo .featWp p{float:left; clear:both; margin:5px 0 0 0; font-size:11px; width:100%;}
  #topicId #promo .colorBg { }
    #topicId #promo .wpTout {margin-bottom:10px;}
	#topicId #promo .wpTout .wpToutHead h2 span {clear:both; display:block; font-size:11px; font-weight:normal;}

#topicId #tabs, #homeId #tabs { width:100%; line-height:normal; border-bottom: 3px solid #356798;}
 #topicId #tabs ul, #homeId #tabs ul { list-style:none; margin-bottom:10px;border:1px solid red; }
  #topicId #tabs li, #homeId #tabs li { display:inline; margin:0; }
    #topicId #tabs a, #homeId #tabs a { float:left; width:205px;  margin:0; text-decoration:none; }
	#homeId #tabs a  {width:173px;}
    #topicId #tabs a span, #homeId #tabs a span { display:block;  padding:5px 15px 4px 6px; font-size:.75em; color:#003399; font-weight:bold; }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topicId #tabs a span, #homeId #tabs a span {float:none; }
    /* End IE5-Mac hack */
	#homeId #tabs a span{font-size:0.8em; padding:5px 15px 4px 10px;}
    #topicId #tabs a:hover, #topicId #tabs a#active, #homeId #tabs a:hover, #homeId #tabs a.active {  color:#356798; }
    #topicId #tabs a:hover span, #topicId #tabs span#active, #homeId #tabs a:hover span, #homeId #tabs span.active { color:#fff; }
	#homeId #tabs #firstLi {margin-left:5px;}
	
	#most-popular #tabs a, #promo #tabs a {background:#AACCE5 url('/images/whitepapers/litetabright.png') no-repeat scroll right top; }
	#most-popular #tabs a span, #promo #tabs a span{background:transparent url('/images/whitepapers/litetableft.png') no-repeat scroll left top; }
	
	#most-popular #tabs a.active, #promo #tabs a#active{background:#356798 url('/images/whitepapers/tabright.png') no-repeat scroll right top; }
	#most-popular #tabs a.active span, #promo #tabs a#active span{background:transparent url('/images/whitepapers/tableft.png') no-repeat scroll left top; color:#fff;}
	
.topicsPagination {padding:0 0 5px 0; border-bottom:1px solid #ccc;}
#topicId #promo .topicsPagination p{margin:5px; }

	
/* Topics Select Pop Up */
div#topics-select{}
#topics-select.floatL{position:absolute; left:10em;}
#topics-selector{border:2px solid #039;cursor:hand; vertical-align:bottom;}
#topics-selector.topics-selector-focus{border:2px solid #c00; }/* hover pseudoclass will not work in IE; we'll do a javascript focus event instead*/
#topics-list{font-size:0.8em; border:1px solid #000; width:23em; margin-top:-1px; padding:0 0 5px 0; background-color:#fff;}
#topics-list ul{ margin:0; padding:0.5em 1em; list-style:none; font-weight:bold; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif;  display:block; }
#topics-list li{margin-bottom:0.2em;}
#topics-list ul ul{margin:0 0 0 15px; list-style:none; padding:0; border:none;}
#topics-list ul a{text-decoration:none; color:#039; }
#topics-list ul a:hover{color:#c00;}
#topics-list ul ul a{font-weight:normal; font-size:0.9em;}
#close-span{display:block;text-align:center; border-top:1px solid #ccc; padding-top:5px;}
.hideList{display:none;}
.showList{display:block;}
	
/* Top Downloads */
#topdownloadsId	{}
#topdownloadsId  .featWp { margin:0; padding:0 0 10px 0; }
  #topdownloadsId  .featWp ol {margin:0; padding:0 0 0 25px; }
  * + html #topdownloadsId .featWp ol{margin-left:10px;} /* ie 7 */
  * html #topdownloadsId  .featWp ol{margin-left:10px;}/* ie 6 and below */
    #topdownloadsId .featWp ol li {margin-bottom:10px;}
    #topdownloadsId  .featWp ol li p a {font-weight:bold; }
	#topdownloadsId .featWp ol li p {margin:0; color:#999;}

/* Vendor Page*/
#vendorId {}
#vendorId .wideContent { width:615px; margin-bottom:10px; margin-left:5px; display:inline; }
  #vendorId .wideContent p { margin-bottom:15px; margin-right:20px; }
  #vendorId .wideContent p.paperTopic{font-size:0.8em;}
  #vendorId .wideContent #sponsorLink { margin-bottom:15px;}
  #vendorId .wideContent #sponsorLink div{float:left; max-width:480px; width:expression( this.currentStyle.width > 480 ? "480px":"auto");}
  #vendorId .wideContent #sponsorLink p{ }
  #vendorId .wideContent #sponsorLink img { margin:0px 0 0 20px;}
  #vendorId #rightCol { float:right; width:350px; }	
  #vendorId .sponsorWp { margin-bottom:10px; width:600px;}
  #vendorId .sponsorWp p { margin:0; }
  #vendorId h4{font-size:1.05em; font-family:arial, verdana, sans-serif; margin-bottom:10px; }
  #vendorId h3{font-size:1.2em;  font-family:arial, verdana, sans-serif;}
 #vendorId #rightCol .wpToutBody p.smallText{padding-top:10px; margin:10px 5px; border-top:1px solid #999;}
 
 /* updates page */
 #updatesId #promo fieldset ul{margin:7px 0 0 0;}
 #updatesId #promo fieldset li{margin:0; padding:0; clear:left; }
 #updatesId #promo fieldset li input{float:left; margin:0 0 0.6em 0; padding:0; }
 #updatesId #promo fieldset li label{float:left; display:block; margin:0 0 0.5em 5px;} 
 #updatesId #promo p {margin:0 10px 12px 10px; font-size:0.85em;}
 * html #updatesId #promo fieldset li label{ position:relative; top:3px; left:-2px;} /* ie hack */
 #updatesId .wpTout .promoDoubleBox{margin-bottom:10px;}
 #updatesId .marginNone {margin:0;}
 #updatesId #promo .promoDoubleBox .wpToutBody {border:none;} 
 #updatesId .wpTout h3{margin-top:10px;}
 span.date, p.date {color:#777;}
 
/* Email Abstract Page*/ 
#wp_email .article-detail p {width:580px; margin:5px;}
#wp_email .article-detail .left {padding:0 0 10px 0;}
  #wp_email .article-detail .left form {margin-bottom:10px;}
  #wp_email .article-detai  dl{margin:5px 0;}
  #wp_email .art-hdr dt{font-size:1.6em; font-family:Arial, Helvetica, sans-serif;}
  #wp_email #emailThankYouMargin{margin-left:5px; }
  #emailThankYouForm .left { float:left; width:580px; margin:0 5px 0 0px; padding:0; line-height:1.4em;  }
  #emailThankYouForm .right { float:right; width:209px; }
  #emailThankYouForm { width: 550px; margin: 30px 0 20px 0; font-size:12px;}
#emailThankYouForm:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html #emailThankYouForm { height:1%; }
#emailThankYouForm  dd input.text, dd textarea { width:300px; }
#emailThankYouForm dt  { float: left; width: 180px; padding-right: 4px; text-align: left;  margin:0; font-weight:normal;}
#emailThankYouForm #notice, p#notice { margin: 0 0 5px 0; color:#ff0000; background:#fff; font-size:12px; }
#emailThankYouForm #submit { margin: 0 0 5px 0; }


#wp_email .mostRead { width: 400px; margin: 30px 0; padding: 0 0px; background:#F6F6EE; border-bottom: 1px solid #D2D2AA; }
#wp_email .mostRead h2 { font-size:1em; display:block; padding: 10px 0 0 20px; color:#333; margin:0;}
#wp_email .mostRead ol{padding-left:40px; margin:10px;}
#emailThankYou p#emailThankYouMargin { margin:10px 0; }
#wp_email .article-detail  a.link{font-weight:bold;}
#emailThankYou {margin:15px 0 0 10px !important;}
#emailThankYou p{margin:0 0 10px 2px;}



  
  
/* Register Page*/
#register  {}

/* Loading WP Page*/
#loadingWP {clear:both; margin:20px 20px 30px 10px;}
#loadingWP img{margin-left:10px;}

/* typographic */
#detailId  #featWhitepaper h1 {font-size: 1.3em; font-weight:bold; margin-bottom:0.2em;}
#detailId  #featWhitepaper h4 {font-size: 1em;}
